/*
        Theme Name: TAMPO
        Theme URI: http://html5blank.com
        Description: HTML5 Blank WordPress Theme
        Version: 1.4.3
        Author: Todd Motto (@toddmotto)
        Author URI: http://toddmotto.com
        Tags: Blank, HTML5, CSS3

        License: MIT
        License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/
/*@import url(http://fonts.googleapis.com/css?family=Monda:400,700);*/
/* global box-sizing */
*,
*:after,
*:before {
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-font-smoothing:antialiased;
    font-smoothing:antialiased;
    text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */

.page-id-14 .footer-widget-1{display: none;}
html {
    font-size:100%;
}
body {
    font:300 16.6px Arial, sans-serif;
    color:#444;
    /*overflow-x: hidden;*/
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
    max-width:100%;
    vertical-align:bottom;
}
a {
    color:#444;
    text-decoration:none;
}
a:hover {
    color:#444;
}
a:focus {
    outline:0;
}
a:hover,
a:active {
    outline:0;
}
input:focus {
    outline:0;
    border:1px solid #04A4CC;
}

h1, h2, h3,h4, h5, h6{
    font-family: 'Monda', sans-serif;
}

.mobile-only{display: none !important;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
    max-width:970px;
    margin:0 auto;
    position:relative;
}
/* header */
.header {
    height: 132px; background-color: white; padding-top: 30px;
}
/* logo */
.logo {
    float: left;
}
.logo-img {

}
/* nav */
nav.nav {float: left;}
nav.nav ul {margin: 0px; padding: 0px; margin-left: 100px;}
nav.nav ul li{ float: left; list-style: none; line-height: 65px; background-color: #e2e6e8;}
nav.nav ul li.current-menu-item a, 
nav.nav ul li:hover a
{ color: white;}
nav.nav ul li:first-child.current-menu-item{padding: 0 3px;} 
nav.nav ul li:first-child{padding: 0 3px;} 
nav.nav ul li.current-menu-item, 
nav.nav ul li:hover 
{ float: left; list-style: none; line-height: 65px; background-color: #67b8e7;
  /*font-weight: bold;*/
}
nav.nav ul li a{ padding: 0px 37px; }
.en nav.nav ul li a{ padding: 0px 33px; }

nav.nav ul li:first-child a{padding-left: 5px; padding-right: 5px;}
nav.nav ul li img{  padding: 25px 0px;}
nav.nav ul li:hover ul li a
{color:black;}
#switcher{padding-right: 0px;}
#switcher ul{position: absolute; z-index: 99999;}
div.breadcrumbs{    background-color: #2e3d5c; height: 70px;}
div.breadcrumbs span{  color:white; line-height: 70px;}
div.breadcrumbs a{  color:white; line-height: 70px;}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

.footer-widget-1 .grey-row{ }
.footer-widget-1 .grey-row h2, 
.footer-widget-1 .grey-row h3, 
.footer-widget-1 .grey-row h4
{ 
    font-family: 'Monda', sans-serif; font-size: 20px; text-transform: uppercase; 
    color: #292929; line-height: 100px; margin: 0px; padding: 0px;
}
.footer-widget-1 .blue-row{ color: white; background-repeat: repeat !important;}
.footer-widget-1 .blue-row h4{ color: white; font-size: 20px; margin-bottom: 15px; clear: both;}

.footer-widget-1 .blue-row .textwidget span{display: block; height: 70px; width: 70px; 
                                            background-color: white; color:black;
                                            -webkit-border-radius: 35px;
                                            -moz-border-radius: 35px;
                                            border-radius: 35px;
                                            line-height: 70px;  text-align: center;
                                            font-size: 30px;  font-family: 'Monda', sans-serif; font-weight: bold;
                                            margin: 27px 0px;
}

.footer-widget-1 .blue-row .panel-grid-cell:last-child .textwidget span{float: right;}

.footer-widget-1 .blue-row .cl-1{   padding-left: 20px;}
.footer-widget-1 .blue-row .cl-2{   padding-left: 20px;}
.footer-widget-1 .blue-row .cl-3{ padding-left: 50px;}
.footer-widget-1 .blue-row .cl-3 spam{float: right;}


.footer-widget-1 .blue-row  ul {padding-left: 0px; margin-top: 0px; }
.footer-widget-1 .blue-row  li {
    list-style: none; font-size: 16.6px;   line-height: 180%;
}

.footer-widget-1 .blue-row  li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 10px;   font-size: 14px;
}

.blue-row-1,
.blue-row-2,
.blue-row-3{
    background-color: #2e3d5c; color: white; margin-top:0px; margin-bottom: 0px; 
}
.blue-row-1{padding-top: 40px; padding-bottom: 20px;}
.blue-row-1 h3{
    font-size: 33.33px;  margin-top: 15px; font-weight: normal;
}
.blue-row-1 .panel-grid-cell{ padding-left: 85px !important; padding-right: 0px !important; }
.blue-row-1 .panel-grid-cell:first-child{  padding-left: 15px!important; padding-right: 15px!important;}

.footer-big-text{font-weight: bold; font-size: 33.33px; display: block; padding: 8px 0px;}
.footer-small-text{font-weight: normal; font-size: 14.58px; display: block;}
.footer-title-text{ font-family: 'Monda', sans-serif; font-weight: bold;   font-size: 15px;
                    line-height: 110%;}
.blue-row-2 ul {margin: 0px; width: 100%; float: left; background: url('img/cta-row.png') center center no-repeat; padding: 0px;}
.blue-row-2 ul li {float: left; width: 50%; line-height: 146px; list-style: none;  font-family: 'Monda', sans-serif; text-align: center;}
.blue-row-2 ul li:first-child{color: black; font-size: 33.33px; }
.blue-row-2 ul li:last-child{color: white; text-transform: uppercase; font-size: 22.92px;}
.blue-row-2 ul li a{text-decoration: underline;}


.blue-row-2{padding-top: 40px; padding-bottom: 20px;}
.blue-row-3{padding-top: 60px; padding-bottom: 20px;}
.blue-row-3 ul{ padding: 0px; margin: 0px ; list-style: none;}
.blue-row-3 ul li{ line-height: 33px;  margin-bottom: 25px; font-weight: bold;}
.blue-row-3 ul li span{  font-weight: normal; font-size: 13px;}
.blue-row-3 ul li a{color: white; font-weight: bold;}
.blue-row-3 ul li:last-child a{text-decoration: underline; }
.blue-row-3 ul li:last-child { padding-top: 40px;}
.blue-row-3 ul li img{ margin: 0px; padding: 0px; margin-right: 20px;}
.blue-row-3 .textwidget p{ line-height: 150%; margin-bottom: 50px;}
.blue-row-3 .textwidget p:first-child{ font-family: 'Monda', sans-serif;  text-transform: uppercase; font-size: 16.67px; margin-bottom: 0px; margin-top: 0px;}

.system-footer{background-color: #1e2c47; color: white; padding-top: 40px; padding-bottom: 40px; font-size: 13px;}
.system-footer .copyright{display: inline-block; float: left; margin-right: 10px;}

.system-footer .web-logo{  float: right;
                           margin-top: -30px;}

.main-slider-bg{background-color:#2e3d5c; }
/*bxslider*/
.bx-wrapper .bx-viewport{background-color: #2e3d5c !important;
                         -moz-box-shadow:none !important;
                         -webkit-box-shadow: none !important;
                         box-shadow: none !important;
                         border: none !important;}
.bxslider .left-part{float: left; width: 40%; color: white;}
.bxslider .left-part p:first-child{color: #ce689d;  font-family: 'Monda', sans-serif; font-size: 29.17px; margin-bottom: 0px; margin-top: 0px;} 
.bxslider .left-part p{ font-family: 'Monda', sans-serif; font-size: 22.92px;  color: white; margin-bottom: 0px; margin-top: 0px;}
.bxslider .left-part ul{margin-top: 30px; font-family: 'Monda', sans-serif; font-size: 18.5px; margin-bottom: 25px;   padding-left: 0px; float: left;}
.bxslider .left-part ul li{ margin-bottom: 25px; list-style: none;   vertical-align: top; float: left;}
.bxslider .left-part ul li span{   display: block; float: left;}
.bxslider .left-part ul li span.bullet{   background:url('img/li-bulet.png') no-repeat center center; width: 42px; height: 42px; }
.bxslider .left-part ul li span.li-cnt{     max-width: 255px;
                                            margin-left: 20px; }
/*.bxslider .left-part ul li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 10px;   font-size: 14px;
}*/
.bxslider .right-part{float: left; width: 60%; min-height: 433px;}
.bxslider .right-part img{position: absolute; top: 0px; right: 0px;}
.bxslider .right-part img.animated-image-1{opacity: 0; z-index: 99999999; top: -200px;}
.bxslider .right-part img.animated-image-2{opacity: 0; z-index: 99999999; top: -200px;}

#slider-tabs .ui-widget-header{background-image: none; background: white; border: none;
                               -webkit-border-radius: 0px;
                               -moz-border-radius: 0px;
                               border-radius: 0px;
                               padding: 0px; margin: 0px;}
#slider-tabs  .ui-tabs .ui-tabs-nav li{background-image: none; background: white; border: none;
                                       -webkit-border-radius: 0px;
                                       -moz-border-radius: 0px;
                                       border-radius: 0px; margin: 0px;}
#slider-tabs{border: none; padding: 0px; margin: 0px;    margin-bottom: 30px;}
#slider-tabs .ui-state-default, 
#slider-tabs .ui-widget-content .ui-state-default, 
#slider-tabs .ui-widget-header .ui-state-default{
    background-color: #f1f2f2; border: none;
}
#slider-tabs .ui-tabs-nav li{width: 33.3% !important; text-align: center !important; padding: 0px !important; margin: 0px !important; }
#slider-tabs .ui-state-default a,
#slider-tabs .ui-state-default a:link, 
#slider-tabs .ui-state-default a:visited{
    color: #606060; font-family: 'Monda', sans-serif; font-size: 20.83px; border: none; padding: 0px; line-height: 76px;padding: 0 0px; width: 100%;
}
#slider-tabs .ui-state-active a,
#slider-tabs .ui-state-active a:link, 
#slider-tabs .ui-state-active a:visited
#slider-tabs .ui-state-hover a,
#slider-tabs .ui-state-hover a:link, 
#slider-tabs .ui-state-hover a:visited{
    color: white; font-family: 'Monda', sans-serif; font-size: 20.83px; border: none; padding: 0px; line-height: 76px; padding: 0 0px;
    background-color: #ce689d; width: 100%;
}

#slider-tabs .ui-widget-content{
    background-color: #ce689d;
}

#slider-tabs .ui-widget-content ul{color: white;}
#slider-tabs .ui-widget-content ul li{color: white; list-style: none;      line-height: 200%;}

#slider-tabs .ui-widget-content ul li:before {
    content:  "\f10c";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 25px;   font-size: 13px; font-weight: bold;
    color: #10347c; 

}

#slider-tabs .ui-widget-content  .left-side{float: left; width: 66%;}
#slider-tabs .ui-widget-content  .right-side{float: right;width: 33%;}
#slider-tabs .ui-widget-content  .right-side a{float: left;}
#slider-tabs .ui-widget-content  .right-side .link{display: block; width: 100%; height: 65px; line-height: 65px; color: #314162; text-decoration: underline;
                                                   background-color: #c7c7c8; font-size: 18.8px; text-align: center; margin-top: -65px; position: relative;
}

.shifted{  margin-top: -76px;}
/*.system-footer .textwidget{float: left;}*/
/*------------------------------------*\
    PAGES
\*------------------------------------*/

.clearfix{clear: both;}
h1.main-title,
h2.main-title
{
    font-family: 'Monda', sans-serif; font-size: 20px; width: 100%;
    clear: both;
    float: left;
}
h1 span.header-box,
h2 span.header-box
{ border: solid 1px #cccdcd;
  color: #292929;
  float: left; padding: 15px 30px; position: relative; background-color: white; text-transform: uppercase;}
h1 span.header-tail,
h2 span.header-tail
{  float: left;
   width: 100%;
   position: relative;
   display: inline-block;
   height: 2px;
   background-color: #cccdcd;
   margin-top: -33px;   z-index: -11;}

.ref-box a {
    display: block;
    width: 270px;
    height: 65px;
    line-height: 65px;
    color: #272727;
    background-color: #c7c7c8;
    font-size: 18.8px;
    text-align: center;
    margin-top: -85px;
    position: relative;
    float: right;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
a.reference-link {
    margin-top: 19px;
    display: block;
    width: 100%;
    height: 65px;
    line-height: 65px;
    color: #272727;
    background-color: #c7c7c8;
    font-size: 18.8px;
    text-align: center;
    position: relative;
    float: right;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
}
/*.panel-grid-cell .textwidget{float: left;}*/
.reference-box .textwidget{float: left;   margin-top: -4px;
}
.reference-box h2 span.header-tail{height: 3px;}
.reference-box .reference-img-wrapper{height: 100px; float: left;  text-align: center;
                                      vertical-align: middle;
                                      display: table-cell; text-align: center;width: 100px;}
.reference-box img{
    position: relative;
    top: 50%;
    margin: 0px;
    padding: 0px;
    transform: translateY(-50%);
}

.ref-gall-wrapp{margin-right: 24px; margin-bottom: 25px; float: left;   width: 30%;
}
.ref-gall-wrapp.col-3{margin-right: 0px; }

h2.reference-title{
    font-size: 20.83px;
    margin-top: 60px;
    margin-bottom: 40px;

}


.standard-li ul  {padding-left: 30px;}
.standard-li ul li {list-style: none; margin-bottom: 20px;}
.standard-li ul li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 10px;   font-size: 14px; color: #2e3d5c;
}
.nice-ul ul li{list-style-image: url('img/li-bulet.png'); 
               /*list-style: image;*/ 
               margin-bottom: 10px;}
.nice-ul ul li span.inner{
    padding-top: 13px;margin-left: 20px;
    position: absolute;}

.textwidget p{  line-height: 140%;}

.tampo-cta{
    background: url('img/cta-bg.png') no-repeat center center;;
    max-width: 371px;
    /*height: 197px;*/ 
    background-size: contain;
    text-align: center;
    margin: 0 auto;
}
.tampo-cta .top-cta{ height: 100px; font-size: 20.83px; color: black;  font-family: 'Monda', sans-serif; padding-top: 20px; font-weight: bold;}
.tampo-cta .bottom-cta{ line-height: 97px;font-weight: bold; color: #2e3d5c; font-size: 20.83px; font-family: 'Monda', sans-serif; text-transform: uppercase; text-decoration: underline;}

.box-zpracovani-zakazky{
    background: url('img/jak-probiha-boxed.png') no-repeat center center; ;
    width: 972px;
    height: 641px;
    padding-left:  30px;
    padding-right:  30px;
    background-size: contain;
}

.box-zpracovani-zakazky h2{ font-size: 20.83px; 
                            line-height: 100px;
}
.box-zpracovani-zakazky h3{font-size: 20.83px; color: white;

}
.box-zpracovani-zakazky ul{ color: white; padding-left: 95px;}
.box-zpracovani-zakazky ul li {list-style: none; line-height: 200%;}

.box-zpracovani-zakazky ul  li:before {
    content: "\f111";
    font-family: FontAwesome;
    font-style: normal;
    margin-right: 10px;   font-size: 14px; color: white;
}
.box-zpracovani-zakazky .box1{width: 70%; float: left;}
.box-zpracovani-zakazky .box2{width: 70%;   margin-top: 20px;
                              float: left;}
.box-zpracovani-zakazky .box3{float: right;   padding-left: 20px; width: 25%;}
.box-zpracovani-zakazky .box3 span{float: right; margin-bottom: 40px;}
.box-zpracovani-zakazky .box3 h3{clear: both;}
.box-zpracovani-zakazky .box3 ul{ padding-left:0px;}
.box-zpracovani-zakazky span{   display: block;
                                height: 70px;
                                width: 70px;
                                background-color: white;
                                color: black;
                                -webkit-border-radius: 35px;
                                -moz-border-radius: 35px;
                                border-radius: 35px;
                                line-height: 70px;
                                text-align: center;
                                font-size: 30px;
                                font-family: 'Monda', sans-serif;
                                font-weight: bold;
                                margin: 0px 0px;
                                float: left;
}

.vyhody ul{  padding-left: 50px;}
.vyhody h3{
    color: #ce689d; font-size: 29.17px;
}

.contact ul{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.contact ul li {
    line-height: 33px;
    margin-bottom: 25px;
    font-weight: bold;
}
.contact ul li img {
    margin: 0px;
    padding: 0px;
    margin-right: 20px;
}

.contact .left{float: left; width: 50%;}
.contact .right{float: left;width: 50%;}
.diamond-ul img{float: left;}
.diamond-ul ul {    clear: both; }
.diamond-ul ul {    clear: both; margin-top: 60px; }
.diamond-ul ul li{list-style-image: url('img/li-bullet-daimond1.png');  margin-bottom: 10px; padding-left: 50px; float: left;}
.diamond-ul ul li h3 span{font-size: 16px; font-weight: normal;}
.diamond-ul ul li h3 { margin-top: 0px !important; margin-bottom: 0px !important; float: right; width: 100%;}
.diamond-ul ul li p {  float: right; width: 100%; margin-top: 0px;}
.diamond-ul ul li a { font-weight: bold;}
.diamond-ul .textwidget p:first-child{margin-bottom: 40px; }
.diamond-ul .textwidget h3{margin-top: -20px;}

.wpcf7 form{
    padding: 25px; background-color: #f0f1f2;  margin-top: -20px;
}
.wpcf7 h3{ padding-left: 10px; display: inline-block; margin-top: 0px;} 
.wpcf7 .sublabel{margin-top: 0px; padding-left: 10px;} 
.wpcf7 form .half{width: 50%; padding: 0 10px; float: left;   margin-bottom: 20px;}
.wpcf7 form .full{width: 100%; padding: 0 10px; float: left;   margin-bottom: 20px;}
.wpcf7 form .half input{width: 100%; padding: 10px;}
.wpcf7 form .full textarea{width: 100%; padding: 10px;}
.wpcf7 form  input[type="submit"]{background-color: #ce689d; color: white; text-transform: uppercase; line-height: 50px; width: 175px; margin-left: 10px;}
.required-text{margin-left: 10px; display: inline-block;}

#switcher {
    padding-right: 10px;
    width: 100px;
    z-index: 8;
    cursor: pointer;
    right: 0px;
    /*height: 65px;*/
    /*line-height: 65px;*/
    background-color: #e2e6e8; 
    /*margin-right: -65px;*/
}
#switcher.s_selected{display: block;}
#switcher.s_selected img{  padding: 0px;  margin: 0px;  height: 20px;  width: 20px;  display: block;}
#switcher.s_selected i{margin-left: 5px; color: #d1d3d4; text-transform: uppercase;}
.rflag{
    width: 20px; margin-left: 15px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px; overflow: hidden; display: block;
    float: left;   margin-top: 22px; margin-right: 10px;

}
#switcher ul {margin-left: 0px !important; width: 100px;}
#switcher ul li{width: 100px;}
#switcher ul li img{float: left;   padding: 0px !important; width: 20px; height: 20px; }
#switcher ul li a{padding-left: 10px !important; padding-right: 0px !important;}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
        TYPOGRAPHY
\*------------------------------------*/

@font-face {
    font-family:'Font-Name';
    src:url('fonts/font-name.eot');
    src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
        url('fonts/font-name.woff') format('woff'),
        url('fonts/font-name.ttf') format('truetype'),
        url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


.mean-container .mean-bar{position: absolute !important; background-color: transparent!important;  margin-top: 22px;}
.mean-container a.meanmenu-reveal span{
    color:#67b8e7;
    background:#67b8e7 !important;
}

.mean-container .mean-nav ul li a{ color: #67b8e7 !important; border-top: 1px solid #67b8e7 !important;}
.mean-container a.meanmenu-reveal{
    /*    width: 40px !important;
        height: 40px !important;*/
}
.mean-container .mean-nav{background: white !important;}
@media only screen and (max-width:1280px) {

}

@media only screen and (max-width:1140px) {

}

@media only screen and (max-width:1024px) {
    .wrapper{width: 100%; padding-left: 15px; padding-right: 15px;}
    nav.nav {float: right; margin-left: 0px;}
    nav.nav ul {float: right; margin-left: 0px;}
    .box-zpracovani-zakazky{width: auto;}
    .ref-gall-wrapp.col-3{margin-right: 24px;}
}

@media only screen and (max-width:980px) {
    /*.box-zpracovani-zakazky .box1{margin-top: -30px;}*/
    .box-zpracovani-zakazky ul li{font-size: 12px;}
    .box-zpracovani-zakazky .box3 {
        padding-top: 50px;
    }
}
@media only screen and (max-width:950px) {
    .tampo-cta .top-cta{font-size: 16px; padding-top: 40px;}
}
@media only screen and (max-width:920px) {
    nav.nav ul li a {
        padding: 0px 20px;
    }
}

@media only screen and (max-width:850px) {
    .bxslider .right-part img{width: 50%;}
    .bxslider .left-part ul li span.li-cnt{font-size: 15px;}
    .footer-widget-1 .blue-row .cl-3{padding-left: 20px;}
    .bxslider .left-part{width: 50%;}
    .bxslider .right-part{width: 50%;}
    .box-zpracovani-zakazky .box1{margin-top: 20px;}
}


@media only screen and (max-width:800px) {
    nav.nav ul li a {
        padding: 0px 10px;

    }
    .ref-gall-wrapp{ width: 45%;}
    /*.box-zpracovani-zakazky .box1{margin-top: -60px;}*/
    .box-zpracovani-zakazky h3{margin-bottom: 10px;}
}
@media only screen and (max-width:780px) {
    .blue-row{background-image: none !important; background-color: #5293b8;}
    .mobile-only{display: block !important;}
    .mobile-hide{display: none !important;}
    .footer-widget-1 .blue-row .textwidget span{margin-top: 0px;}
    .footer-widget-1 .blue-row{padding-top: 20px;}
    .footer-widget-1 .blue-row .panel-grid-cell{border-bottom: 1px solid white;}
    .footer-widget-1 .blue-row .panel-grid-cell:last-child{border-bottom: none;}

    /*    .blue-row .panel-grid-cell{
            background: url('img/blue-bg.png') no-repeat center cente;
        }*/
    .footer-widget-2 .panel-row-style-blue-row-1 p{float: left;}
    .footer-widget-2 .panel-row-style-blue-row-1 p img{padding-right: 40px;}
    .footer-widget-2 .panel-row-style-blue-row-1 .panel-grid-cell{padding-left: 15px !important;}
    .footer-widget-1 .blue-row .panel-grid-cell:last-child .textwidget span{float: left;}
    
    .mob-center{text-align: center;}
}
@media only screen and (max-width:740px) {
    header{height: 95px !important; padding-top: 22px !important;}
    .logo img{max-height: 50px;}
    #switcher {
        padding-right:0px; 
        width: 100%; 
        z-index: 8;
        cursor: pointer;
        right: 0px;
        background-color: white; 
        margin-right: 0px; 
    }
    #switcher ul{position: relative; width: 100%;}
    #switcher ul li{ width: 100%;}
    #switcher i{ display: none;}
    #switcher .rflag{  margin-left: 35px;  }
    #switcher ul li .rflag{   }
    .mean-container .mean-nav ul li a.mean-expand{line-height: 40px;}
    #switcher.s_selected{   line-height: 64px;}
    .mean-container .mean-nav ul li li a{  padding: 0em 10%  !important;}
.box-zpracovani-zakazky{background: none; background-color: #5293b8;}
.box-zpracovani-zakazky .box1, .box-zpracovani-zakazky .box2, .box-zpracovani-zakazky .box3{
    width: 100%;
    float: left; clear: both; border-bottom: solid 1px white;
}
.box-zpracovani-zakazky .box2 {
    position: absolute;
  margin-top: 200px;
  width: 85%;
}
.box-zpracovani-zakazky .box1 {margin-top: 0px;}
.box-zpracovani-zakazky .box3 {margin-top: 200px; padding-left: 0px;}
.box-zpracovani-zakazky  {min-height: 700px;}
.box-zpracovani-zakazky .box3 span{float: left;}
.box-zpracovani-zakazky .box3 h3{clear: none; margin-left: 100px;}
.box-zpracovani-zakazky .box3 ul{  padding-left: 100px;}
.box-zpracovani-zakazky h2{line-height: 150%;   padding-top: 20px;   width: auto;}

}
@media only screen and (max-width:700px) {
    #slider-tabs .ui-state-default a, #slider-tabs .ui-state-default a:link, #slider-tabs .ui-state-default a:visited{
        font-size: 15px;
    }
    .blue-row-2 ul li {line-height: 140%;}
}
@media only screen and (max-width:670px) {
    .bxslider .left-part{width: 60%;}
    .bxslider .right-part{width: 40%;}
    .main-slider-bg{height: 433px;}

}
@media only screen and (max-width:600px) {
    #slider-tabs .ui-widget-content .left-side{
        width: 100%;
    }
    #slider-tabs .ui-widget-content .right-side{
        width: 100%;
        display: none;
    }
    .reference-box .reference-img-wrapper{width: 33%;}

}
@media only screen and (max-width:570px) {
    .bxslider .left-part{width: 100%;}
    .bxslider .right-part{width: 0%; display: none;}
}

@media only screen and (max-width:560px) {
    #slider-tabs .ui-tabs-nav li{
        width: 100% !important;
    }

    .ui-tabs-panel{display: none !important;}

    .web-logo{  float: none !important;
                clear: both !important;
                margin-top: 20px !important;}
 .box-zpracovani-zakazky .box2 {
  margin-top: 220px;
}
.box-zpracovani-zakazky {height: 790px;}

}

@media only screen and (max-width:540px) {
    .ref-gall-wrapp{ width: 100%;}
}
@media only screen and (max-width:520px) {
    .blue-row-2 ul {
        background: url('img/cta-bg.png') center center no-repeat;
        height: 250px;
    }
    .nice-ul ul li span.inner{padding-top: 0px;}

    .blue-row-2 ul li{width: 100%; height: 120px;}
    .blue-row-2 ul li:first-child{padding-top: 50px;}
    .blue-row-2 ul li:last-child{padding-top: 50px;}
    .contact .right{float: none ; width: 100%;}
    .contact .left{float: none ; width: 100%;}
    
    .wpcf7 form .half{width: 100%; float: none;}
    
   
}
@media only screen and (max-width:480px) {
    .footer-widget-1 .grey-row h3{
        line-height: 180%;
    }
    .box-zpracovani-zakazky span{display: none;}
    .box-zpracovani-zakazky ul{padding-left:0px; }
    .box-zpracovani-zakazky .box3 h3{clear: none; margin-left: 0px;}
.box-zpracovani-zakazky .box3 ul{  padding-left: 0px;}
    
     .box-zpracovani-zakazky {height: 890px;}
    .box-zpracovani-zakazky .box2 {margin-top: 280px;}
    /*.box-zpracovani-zakazky .box3 {margin-top: 280px;}*/

.ref-gall-wrapp{width: 100%; padding: 10px;}
}
@media only screen and (max-width:400px) {
    .nice-ul ul li span.inner{position: relative; display: block; float: right; }
    .nice-ul ul li {list-style-image:  url('img/li-bulet-mob.png'); float: left;}
}

@media only screen and (max-width:360px) {
    .blue-row-2 ul li:first-child{padding-top: 30px;} 
    .bxslider .left-part ul li span.bullet {
        background: url('img/li-bulet-mob.png') no-repeat center center;
        width: 20px;
        height: 20px;
    }

    .li-cnt{margin-top: -5px;}


}
@media only screen and (max-width:340px) {

    .footer-widget-2 .panel-row-style-blue-row-1 p{float: none;}
    .footer-widget-2 .panel-row-style-blue-row-1 p img{padding-right: 0px;}
}




@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-webkit-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}
::-moz-selection {
    background:#04A4CC;
    color:#FFF;
    text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
    margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
    display:block;
    margin:5px auto 5px auto;
}
.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.alignright {
    float:right;
    margin:5px 0 20px 20px;
}
a img.alignnone {
    margin:5px 20px 20px 0;
}
a img.alignleft {
    float:left;
    margin:5px 20px 20px 0;
}
a img.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}
.wp-caption {
    background:#FFF;
    border:1px solid #F0F0F0;
    max-width:96%;
    padding:5px 3px 10px;
    text-align:center;
}
.wp-caption.alignnone {
    margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
    margin:5px 20px 20px 0;
}
.wp-caption.alignright {
    margin:5px 0 20px 20px;
}
.wp-caption img {
    border:0 none;
    height:auto;
    margin:0;
    max-width:98.5%;
    padding:0;
    width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
    * {
        background:transparent !important;
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
    }
    a,
    a:visited {
        text-decoration:underline;
    }
    a[href]:after {
        content:" (" attr(href) ")";
    }
    abbr[title]:after {
        content:" (" attr(title) ")";
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content:"";
    }
    pre,blockquote {
        border:1px solid #999;
        page-break-inside:avoid;
    }
    thead {
        display:table-header-group;
    }
    tr,img {
        page-break-inside:avoid;
    }
    img {
        max-width:100% !important;
    }
    @page {
        margin:0.5cm;
    }
    p,
    h2,
    h3 {
        orphans:3;
        widows:3;
    }
    h2,
    h3 {
        page-break-after:avoid;
    }
}


/*This will work for firefox*/
@-moz-document url-prefix() {
/*   a.reference-link{
        margin-top: 20px;
    }*/
}


.page-id-34 .bxslider .left-part ul li span.li-cnt         {font-size:17px;}