/* mobile website update 1/2017 */

article {display: block; float: left; width: 100%; }
.leftwidth {float:left;width:100%}


.wrapper-mobile-hide {width:100%;height:auto;height:auto;/*background:white*/}
.mcv01-wrapper .mcv01-top {width:100%;height:auto;float:left;/* position:relative;z-index:-11;*/}
.mcv01-fleetcor {float:left;margin:0 0 0 15px;width:50%;height:68px;padding:25px 0 0 0;/*z-index:-10;position:relative;*/}
.mcv01-fleetcor-white {float:left;margin:0 0 0 4px;width:52%;height:68px;padding:28px 0 0 0;}
.mcv01-fleetcor img, .mcv01-shell img, .mcv01-fleetcor-white img, .mcv01-half img{width:100%;max-width:100%;height:auto;}
.mcv01-shellwrapper {float:left;width:29%;margin:22px 0;border-right:3px #ffdb19 solid;height:36px;z-index:0;position:relative;}
.mcv01-shell {float:right;width:33%;margin:0 15px 0 0;}
.mcv01-button {background:white;border:0;border-radius: 3px;width:38px;margin:20px 20px 0 0;padding:9px;right:0;position:absolute;z-index:10;}
.mcv01-navbar {background:white;border:0;height:60px;float:right;z-index:99;border-top:3px #ffdb19 solid;}
.mcv01-icon-bar {border:2px #4c4c4c solid;border-radius: 25px;}
.mcv01-collapse {position:absolute;top:-3px;left:0;background:#333;width:100%;min-height:100%;border:0;}
/*ul.nav li:first-child {margin:0 14px}*/
.mcv01-row {width:100%;margin:0;padding:0;display:table;}

/* icons */
.mcv01-top-icons {float:left;background:#ffdb19;width:100%}
.mcv01-top-icons a {text-decoration:none;width:100%;height:auto;padding:16px 0;position:relative;top:0;}
.mcv01-top-icons .mcv01-icon-box {float:left;width:33.3%;text-align:center;margin:10px 0 0 0;}
.mcv01-top-icons .mcv01-icon-box span{text-decoration: underline;font-family: 'PT Sans Narrow', sans-serif;font-size:15px;font-weight:700;color:#4c4c4c;line-height:15px;display:inline-block;height:28px;margin:0;padding:0;transition: all 800ms ease 0s;}
.mcv01-top-icons .mcv01-icon-box span:hover{color:#000;}
.mcv01-box {width:100%;margin:7px 0 15px 0;text-align:center;}
.mcv01-border {border-right:3px #fff solid;}
.mcv01-box .mcv01-half {width:40%;margin:0 30%;}

/* Submenu */
.mcv01-submenu {float:left;width:100%;background:#4c4c4c;margin:0;padding:0;position:relative;}
.mcv01-submenu ul{margin:0;padding:0;}
.mcv01-submenu ul li:first-child{list-style:none;margin:0;padding:8px;background: url(../img/mob-shadow-01.png) repeat-x; }
.mcv01-submenu ul li:last-child{list-style:none;margin:0;padding:8px; background-image:none;border-bottom:none; }
.mcv01-submenu ul li{list-style:none;margin:0;padding:8px 8px 8px 25px;border-bottom:1px #595959 solid}
.mcv01-submenu ul li a{font-family: 'PT Sans Narrow', sans-serif;font-size:18px;font-weight:700;padding:10px 0 0 0;color:#aeaeae;text-decoration:none;}
.mcv01-submenu ul li a:hover{color:#dbdbdb;}
.mcv01-submenu ul li a span{margin: 0;display:inline/*inline-block*/;position:relative;top:-1px;}
.mcv01-shadow {position:absolute;bottom:0;width:100%;height:4px;background: url(../img/mob-shadow-02.png) repeat-x;}
.large-icon {font-size:30px;}

/* Homepage form */
.mcv01-homepage-form {background:#c7c5c6;float:left;width:100%;padding:10px 10px;}
.mcv01-homepage-form .mcv01-formtitle { font-family: 'PT Sans Narrow', sans-serif;color: #4c4c4c; font-size: 22px; font-weight: 700; line-height: 24px;  padding: 0 0 8px 0; text-align: center; }
.mcv01-form {float: left; height: auto; margin: 0; padding: 0; width: 100%; }
.mcv01-form  input { display: block; font-family:'PT Sans','Arial','Helvetica','Sans-serif'; width: 100%; padding:0 7px; background-color: #fff; border: 1px solid #fff; border-radius: 0; color: #333; font-size: 16px; font-weight: normal; height: 37px; line-height: 37px; margin: 0 0 6px; outline: 0 none; text-align: left; transition: all 300ms ease 0s;vertical-align: top;  }
.mcv01-form  input[type="checkbox"] { display: none; }
input[type=checkbox] + label:before { font-family: FontAwesome; display: inline-block; }
input[type=checkbox] + label:before { content: "\00a0\00a0"; background: url(../img/input-check.png) left center no-repeat; }
input[type=checkbox]:checked + label:before { content: "\00a0\00a0"; background: url('../img/input-checked.png') left center no-repeat; }
input[type=checkbox]:checked + label:before, input[type=checkbox] + label:before { letter-spacing: 10px; }
.mcv01-form  label.agreement { color: #333; cursor: pointer; display: inline-block; font-size: 14px; font-weight:300; text-align:left; line-height:16px; margin: 5px 0 5px 0; width: 100%;}
.mcv01-form  input[type="submit"], .mcv01-form-message input[type="submit"] { height:45px;text-transform:uppercase; /*line-height:30px;*/ text-shadow: 1px 1px #a4333e; display: block; text-align:center; width: 100%; padding:0;background: #e50f2e; border: 1px solid #e50f2e; border-radius: 0; color: #fff; font-size: 18px; font-weight: 700; /*height: 37px;*/ margin: 0; outline: 0 none; transition: all 300ms ease 0s;}
.mcv01-form  input[type="submit"]:hover, .mcv01-form-message input[type="submit"]:hover {background: #f62930; border: 1px solid #f62930;}

/* Footer */
.mcv01-footer {float:left;width:100%;background:#4c4c4c;margin:0;padding:0;position:relative;background:#4c4c4c url(../img/mob-shadow-01.png) repeat-x;text-align:center;}
.mcv01-footer p {font-family: 'PT Sans Narrow', sans-serif;color:white;padding:4px 0;}

/* Menu */
.navbar-nav > li{ text-align:left; margin:0 14px; border-bottom:1px #5d5d5d solid; }
.navbar-nav > li:first-child, .navbar-nav > li:last-child  { text-align:left; margin:0; border-bottom:none; }
.navbar-nav > li > a { color:#aeaeae;line-height: 20px;padding:8px 0 8px 0;font-size:18px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700; }
.navbar-nav > li > a > i.mobile-menu-icon { display: table-cell; font-size: 30px; padding: 0; vertical-align: middle;}
.navbar-nav > li > a > span{margin: 0 0 0 10px;/*display:inline-block;position:absolute;top:0;*/display: table-cell; vertical-align: middle;padding: 0 0 0 15px;}
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:visited{color:#dbdbdb!important;}
a.mcv01-ss-button {text-decoration:none;width:94%;background: #2b8ff0; text-align:center; margin:14px 3%;border-radius: 0px; color: #fff!important; display: inline-block; font-size: 19px; padding: 8px 0; text-shadow: 1px 1px #1f558d; text-transform: uppercase;transition: all 300ms ease 0s;white-space: nowrap;}
a.mcv01-ss-button2 {text-decoration: none !important;width:100%;background: #2b8ff0; text-align:center; margin:14px 0;border-radius: 0px; color: #fff!important; display: inline-block; font-size: 19px; padding: 8px 0; text-shadow: 1px 1px #1f558d; text-transform: uppercase;transition: all 300ms ease 0s;white-space: nowrap;}
a.mcv01-ss-button:hover, a.mcv01-ss-button2:hover {background-color:#1e79eb!important}
a.mcv01-card-button {width:94%;background: #e50f2e; text-align:center; margin:14px 3%;border-radius: 0px; color: #fff!important; display: inline-block; font-size: 19px; padding: 8px 0; text-shadow: 1px 1px #a4333e; text-transform: uppercase;transition: all 300ms ease 0s;white-space: nowrap;}
a.mcv01-card-button2 {text-decoration: none !important;width:100%;background: #e50f2e; text-align:center; margin:14px 0;border-radius: 0px; color: #fff!important; display: inline-block; font-size: 19px; padding: 8px 0; text-shadow: 1px 1px #a4333e; text-transform: uppercase;transition: all 300ms ease 0s;white-space: nowrap;}
a.mcv01-card-button:hover, a.mcv01-card-button2:hover {background-color:#f62930!important}
ul.mcv01-menu-style {margin-top:-35px;}

/*  language switcher uprava
ul.nav li:first-child {margin:58px 0 0 0}
.navbar-nav > li:first-child, .navbar-nav > li:last-child  { text-align:left; margin:0; border-bottom:none; }    
.mcv01-collapse {position:absolute;top:-3px;left:0;background:#333;width:100%;min-height:100%;border:0;}
*/ 
ul.nav {margin:0;float:left;padding:0;width:100%;position:relative;top:10px;}
.navbar-nav > li:first-child { text-align:left; margin:0 14px; border-bottom:1px #5d5d5d solid; }
.navbar-nav > li:last-child  { text-align:left; margin:0; border-bottom:none; }
.mcv01-collapse {position:absolute;top:-3px;left:0;background:#333;width:100%;min-height:600px;border:0;}

/* language switcher end */

/* Modal */
.modal-dialog {margin: 0; position: relative;  width: 100%; height:100%;}
.modal { z-index: 5000; }
.modal-content { background-clip: padding-box; background-color: #c8c6c7; border: none; border-radius: 0; box-shadow: none; outline: 0 none; position: relative;}
.modal-header {border-bottom: none; padding: 0;height:60px;}
button.close { background: #908e8f; border: 0 none; cursor: pointer; display: block; height: 60px; width: 60px; padding: 0; position: absolute; right: 0;top: 0;}
.close {color: #fff;font-size: 71px; font-weight: bold; line-height: 60px; opacity: /*0.2*/1;text-shadow: none; }
.close:hover, .close:focus { color: #444; text-decoration: none; cursor: pointer; filter: alpha(opacity=100); opacity: 1;}    
.fade.in {opacity: 0.9;}    
.mcv01-call-content {width:100%;text-align:center;font-size:21px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;color:#444444;margin:40px 0;}
.mcv01-call-content p{;margin:0 0 20px 0;}
p.mcv01-callback {margin:-10px 0 20px 0;}
.mcv01-call-content a{text-decoration:underline;transition: all 300ms ease 0s;}
.mcv01-call-content a:hover{text-decoration:none;color:#e50f2e}
.mcv01-middle{width: 100%;margin:25px 0 0 0;}
hr.small { border: 2px solid white;width:45px;}
.modal-footer {margin:0 0 40px 0;border:none;}

/* Subpage */
.mcv01-content {float:left;width:100%;background:white;margin:0;padding:15px;}
.mcv01-content p{font-size:16px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;color:#444444;line-height:24px;}
.mcv01-content small{font-size:14px;line-height:18px;}
.mcv01-content a{text-decoration:underline;font-weight: 700;color:#e50f2e;}
.mcv01-content a:hover{text-decoration:none;font-weight: 700;color:#e50f2e;}
.mcv01-title {text-align:center;font-size:21px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;color:#444444;margin:10px 0 20px 0;text-transform:uppercase;}
.mcv01-subtitle {font-size:18px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;color:#444444;margin:10px 0;}

/* Why */
.panel { border-top: 2px solid #ffdb19; border-radius: 0px; box-shadow: none;  margin-bottom: 20px;}
.panel-group .panel{border-radius: 0;margin-bottom: 0;border-left:none;border-right:none;border-bottom:none;}
.panel-default > .panel-heading { background-color: #fff; border-color: transparent; color: #444;padding: 8px 0 6px;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top:none;}   
span.mcv01-number { /*display:inline-block;*/
display: table-cell; vertical-align: middle;
background:#ffdb19;margin:0 8px 0 0;padding:0 0 0 0;color:#fff;width:30px;height:30px;text-align:center;border-radius: 20px;font-size:18px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;}
.panel-title a {
display: table-cell; vertical-align: middle; padding: 0 0 0 8px;
color:#444;text-decoration:none;font-size:18px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 700;line-height:20px;}
.panel-group { margin:20px 0; }

/* Tab */
.mcv01-yellow {background:#ffdb19}
.mcv01-tab {float:left;margin:0 0 30px 0;width:100%;}
.mcv01-tab .row {float:left;margin:0;padding:0;width:100%;border-bottom:3px solid #ffdb19;}
.mcv01-tab .row .tab01 {float:left;margin:0;padding:0 1% 0 0;width:44%;font-size:14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;text-align:left;display: table-cell; vertical-align: middle;line-height:16px;padding:8px 0 0 0;}
.mcv01-tab .row .tab02 {float:left;margin:0;padding:0;width:21%;font-size:14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;text-align:center;display: table-cell; vertical-align: middle;line-height:16px;padding:5px 0;}
.mcv01-tab .row .tab03 {float:left;margin:0;padding:0;width:17%;font-size:14px;font-family: 'PT Sans Narrow', sans-serif;font-weight: 400;text-align:center;display: table-cell; vertical-align: middle;line-height:16px;padding:5px 0;}
.tab02 .icon-check-circle, .tab03 .icon-check-circle { color: #1f70b1;}
.tab02 .icon-cross-circle, .tab03 .icon-cross-circle { color: #dfe0e2;}
/*.tab02 p,.tab03 p { font-size: 40px;}*/

.customer-service-tel {
  width:100%;
  font-size: 19px;
  display: inline-block;
  font-size: 19px;
  text-align: center;
}

@media (min-width: 768px) { 
  .navbar-nav {display: none;visibility:hidden; float: left;  margin: 0; }
  .navbar-collapse {display: none;visibility:hidden;}
}
@media (min-width: 668px) { 
  .wrapper-mobile-show {visibility:hidden;display:none;}
}
@media (max-width: 667px) { 
  .wrapper-mobile-hide {visibility:hidden;display:none;}
  .mobile-hide {visibility:hidden;display:none;}
  .wrapper-mobile-show {width:100%;height:auto;height:auto;/*background:white;*/visibility:inherit;display:visible;}
  .mcv01-shell { float: right; margin: 0 15px 0 0; width: 20%; }
  .mobile-align-center {text-align:center}
  .mobile-top-margin-20 {margin-top:-20px;}
  .mobile-margin-plus15 {margin:15px 0;}
  img#logo-shell {visibility:hidden;display:none;}
  .topic-header {background-color:#d6171a;background-image:none;min-height:auto;padding:0 0 50px;}
  .topic-header .text {padding:0;margin:0;}
  .topic-header h1 {margin:15px 0 0 0;}
  .text-image {background: transparent;}
  .content-compare-cards { background: #fff; padding: 40px 0 30px; }
  .content-compare-list { background: #fff; padding: 20px 0 30px;}
  /* table */
  .content-compare-list table { background: transparent; border:none; color: #1f191a; margin: 0 0 20px; width: 100%;}
  .content-compare-list tr td:nth-child(1) {background: transparent;}
  .content-compare-list tr td:nth-child(2) {background: #ffdb19;}
  .content-compare-list td { border-bottom: 3px solid #ffdb19;display: table-cell; line-height: 16px; margin: 0; padding: 8px 0 0; text-align: left; }
  .content-compare-list th { background:none;border-bottom: 3px solid #ffdb19;color: #1f191a; margin: 30px 0 0; padding: 5px 10px 8px; text-align: initial;}
  .content-compare-list th p, .content-compare-list td p {font-size: 14px;}
  .content-compare-list th.tab01, .content-compare-list td.tab01 {width:44%;}
  .content-compare-list th.tab02, .content-compare-list td.tab02 {width:21%;text-align:center;}
  .content-compare-list th.tab03, .content-compare-list td.tab03 {width:17%;}
  .content-compare-list th.tab04, .content-compare-list td.tab04 {width:17%;}
  .content-compare-list td.tab02 i, .content-compare-list td.tab03 i, .content-compare-list td.tab04 i { font-size: 40px;}
  td.mobile-hide {visibility:hidden;display:none;}
  /* faq */
  .faq-answer { background: #fbce07; box-sizing: border-box; display: none; min-height:auto!important;height:auto!important; padding: 30px 50px 30px 40px; position: absolute; width: 95%; margin:0}
}
@media (max-width: 550px) { 
  .mcv01-shell { float: right; margin: 0 15px 0 0; width: 26%; }
  .check-list .cell {display: block !important; width: 90% !important;}
}
@media (max-width: 480px) { 
  .topic-header h1 {margin:-10px 0 0 0;}
  .mcv01-homepage-form .mcv01-formtitle { font-family: 'PT Sans Narrow', sans-serif;color: #4c4c4c; font-size: 20px; font-weight: 700; line-height: 24px;  padding: 0 0 8px 0; text-align: center; }
}
@media (max-width: 440px) { 
  .mcv01-shell { float: right; margin: 0 15px 0 0; width: 30%; }
  .mobile-wide {width:100%;}
  .mobile-margin-plus15 {margin:25px 0;}
  .content-compare-cards .column { box-sizing: border-box; float: left; position: relative; width: 100%; }
  /*tab */
  .content-compare-list th p, .content-compare-list td p {font-size: 12px;}
  .content-compare-list th.tab01, .content-compare-list td.tab01 {width:55%;word-break: break-all;}
  .content-compare-list th.tab02, .content-compare-list td.tab02 {width:15%;text-align:center;}
  .content-compare-list th.tab03, .content-compare-list td.tab03 {width:15%;}
  .content-compare-list th.tab04, .content-compare-list td.tab04 {width:15%;}
}
@media (max-width: 357px) { 
  .mcv01-shellwrapper {float:left;width:27%;margin:22px 0;border-right:3px #ffdb19 solid;height:36px;z-index:-10;position:relative;}
  .mcv01-shell { float: right; margin: 0 15px 0 0; width: 40%; }
  .check-list li i {visibility:hidden;display:none;}
}
@media (max-width: 325px) { 
  .mcv01-shell {float:right;width:33%;margin:2px 15px 0 0;}
}





/* SEO promo AT/DE page 30.9. 2016 - update 31.10. 2016 */
.silver{background:#f1f1f1!important}
.seo-container { display: table;margin:20px 0 0 0; width:100% }
.seo-box { float:left; width:46.8%; margin:15px 1.6%;background: white;padding: 20px 20px 40px 20px;min-height:480px;}
.primary-content p.margin-l-r {margin:10px 1.6%!important}
.seo-ico01 {background:white url(../img/seo-ico01.png)95% 95% no-repeat}
.seo-ico02 {background:white url(../img/seo-ico02.png)95% 95% no-repeat}
.seo-ico03 {background:white url(../img/seo-ico03.png)95% 95% no-repeat}
.seo-ico04 {background:white url(../img/seo-ico04.png)95% 95% no-repeat}

@media screen and (max-width: 768px){
.seo-box { float:left; width:96.8%; margin:15px 1.6%;background: white;/*display: table-cell;*/padding: 20px 20px 40px 20px; /*vertical-align: top;*/min-height:280px;}
}

@media screen and (max-width: 440px){
  .seo-box { float:left; width:96.8%; margin:10px 1.6%;background: #f1f1f1;padding: 20px 20px 40px 20px;min-height:480px;}
}
@media (max-width: 480px) { 
  /*.sb-overlay, .subscribe-me, #sliding-popup {visibility:hidden;display:none;}*/
}

/* rewrite bootsrap definition */
.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:visited {
   color: #fff!important;
}
.navbar-inverse .navbar-nav > li > a {
   color: #fff!important;
}