/**************************************************
 * Skryt vsechny objekty, ktere se budou animovat *
 **************************************************/

.animace {
    visibility: hidden;
}

/************************************************
 * Definice fontu *******************************
 ************************************************/

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

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

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

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

@font-face {
    font-family:'AudiTypeExtendedItalic';
    src:url("../fonts/AudiTypeV03-Italic.otf");
    font-weight:normal;
    font-style:normal
}


/************************************************
 * Obecne ***************************************
 ************************************************/

body {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
	font-family: AudiTypeNormal, Verdana, Helvetica, Arial, sans-serif;
    color: #727272;
    color: #000000;
    font-size: 16px;
    overflow-x: hidden;
    padding-top: 95px;
    line-height: 23px;
}

@media(max-width:1200px) {
	body {
	padding-top: 75px;
	}
}

@media(max-width:991px) {
	body {
	padding-top: 55px;
	}
}

h1, h2, h3 {
    font-weight: 400;
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
    color: #000000;
}

h1 {
    font-size: 48px;
}

h2 {
    font-size: 21px;
    margin: 0px 0 30px 0;
    text-align: center;
}

h3 {
    font-size: 20px;
    margin: 10px 0 15px 0;
    padding: 10px 0 0 0;
    color: #000000;
}

h4 {
    font-size: 13px;
    margin: 10px 0 5px 0;
    font-family: AudiTypeBold, Verdana, Helvetica, Arial, sans-serif;
}

a {
    color: #000000;
}

a:hover {
    color: #f50537;
}

a:visited {
    color: #000000;
	text-decoration: none;
}

.redbg{
	background-color:#f50537; 
	margin: auto 25px auto 0px;
	padding: 12px;
}
@media(max-width:1200px) {
	.redbg{
		margin: auto 80px auto 0px;
		padding: 10px;
	}
}
@media(max-width:991px) {
	.redbg{
		margin: auto 0px auto 0px;
		padding: 8px;
	}
}

.odrazky ul li::before{
	content: '›';

}
.odrazky li::before{
	display: inline-block;
	width: 1.25em;
	margin-left: -1.25em;

}
.odrazky ul {
	list-style:none;
	padding-left: 30px;
}

.odstavec {
    margin: 0 0 20px 0;
}

.audi-bila {
    color: #ffffff;
}

.audi-cervena {
    color: #f50537;
}

.audi-seda {
    color: #808080;
}

.audi-cerna {
    color: #000000;
}

.audi-zluta {
    color: #f7a700;
}

.audi-svetle-modra {
    color: #16a0dc;
}

.linka-zluta {
    border: 0.5px solid #ffaa00;
    margin: 10px auto 10px auto;
    width: 70%;
}

.linka-cervena {
    border: 0.5px solid #f50537;
    margin: 20px auto 20px auto;
    width: 70%;
}

.linka-cerna {
    border: 0.5px solid #000000;
    margin: 50px auto 10px auto;
    width: 30%;
}

.linka-cerna-doleva {
    border-top: 0.5px solid #000000;
    margin: 50px 0 30px 0;
    width: 45%;
}

.btn-mb30 {
	margin-bottom: 30px;	
}

strong {
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
}

strong.bold {
    font-family: AudiTypeBold, Verdana, Helvetica, Arial, sans-serif;
}

b {
    font-family: AudiTypeBold, Verdana, Helvetica, Arial, sans-serif;
}

.table-borderless tbody tr td, .table-borderless tbody tr th, .table-borderless thead tr th, .table-responsive {
    border: none;
}

/* only equalize height on wider screens */
@media (min-width: 768px) {
    .row.equal > div {
        display: table-cell;
        float: none;
        /*vertical-align: center;*/
    }
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

@media (max-width: 767px) {
    .vcenter {
        /*display: block;*/
        vertical-align: center;
    }
}

.img-center {
    margin: 0 auto;
}

.img-vysun-l{
	left: -20px;
}
@media (max-width: 767px) {
    .img-vysun-l{
	left: 0px;
	}
}

.img-vysun-r{
	right: -20px;
}
@media (max-width: 767px) {
    .img-vysun-r{
	right: 0px;
	}
}

.img-produkt {
    margin-top: -65px;
}

.audi-produkt {
    margin-top: 80px;
}

@media (max-width: 991px) {
    .img-produkt {
        margin-top: -20px;
    }
    
    .audi-produkt {
		margin-top: 50px;
    }
}

@media (max-width: 767px) {
    .img-produkt {
        margin-top: 0px;
    }
    
    .audi-produkt {
		margin-top: 5px;
    }
}

.jumbotron {
	background-color: #ffffff;
    margin: 0;
    padding: 0;
}

.jumbotron p {
	font-size: 15px;
    color: #000000;
	color: #ffffff;
}

/************************************************
 * Cookie *****************************************
 ************************************************/

.audi-cookie {
    background-color: #f4f6f7;
    padding: 30px 0 20px 0;
    /*position: sticky;
    position: -webkit-sticky; /* Safari */
    position: fixed;
    display: none;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 10;
}

.audi-cookie h2 {
    margin: 0 0 15px 0;
}


.btn-cookie {
    border-radius: 0 !important;
    background: none;
    color: #000000;
    font-size: 13px;
    margin: 10px 0 0px 0;
    padding: 10px 20px 10px 20px;
	font-size: 11px;
    border: 1px solid #000000;
}

.btn-cookie:hover {    
    background-color: #bb0a30;
	border: 1px solid #bb0a30;
    color: #ffffff;
}

.btn-cookie:hover span {    
    color: #ffffff;
}


/************************************************
 * Servisni partner *****************************
 ************************************************/

.audi-partner {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    padding: 0;
    background-color: #000000;
    z-index: 1000;
    min-height: 32px;
}

.audi-partner a {
    color: #bb0a30;
}

.audi-partner p {
    font-size: 12px;
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    margin: 9px 10px 3px 0;
    color: #ffffff;
}

@media(max-width:991px) {
    .audi-partner p {
        font-size: 11px;
    }
}

@media(max-width:400px) {
    .audi-partner p {
        font-size: 8px;
    }
}


/************************************************
 * Navigace *************************************
 ************************************************/

.navbar-default {
    background-color: #ffffff;
	font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
	font-size: 13px;
    border: none;
}

@media(max-width:1200px) {
    .navbar-default {
		font-size: 12px;
	}
}


@media(max-width:991px) {
    .navbar-default {
		font-size: 10px;
	}
}

.navbar {
    min-height: 55px;
}

.navbar-nav {
    margin-left: 140px;
    margin-left: 0px;
    margin-top: 10px;
}

@media(max-width:1200px) {
    .navbar-nav {
        margin-left: 0px;
    }
	.navbar {
    margin-bottom: 5px;
	}
}

.nav>li>a {
	padding-left: 12px;
	padding-right: 12px;
    padding: 0px 20px 10px 3px;
}

@media(max-width:991px) {
    .nav>li>a {
		padding-left: 5px;
		padding-right: 5px;
	}
}

@media(max-width:767px) {
    .nav>li>a {
        padding: 10px 15px;
    }
}

.navbar-fixed-top {
    top: 32px;
    top: 0px;
}

.navbar-default .navbar-nav>li>a {
	color: #000000;
}

.navbar-default .navbar-nav>li>a:visited {
	color: #000000;
}
.navbar-default .navbar-nav>li>a:hover {
	color: #f50537;
}
.navbar-default .navbar-nav>li>a:focus {
	color: #f50537;
}

.navbar-default .navbar-nav>li>a:active {
	color: #000000;
}

.navbar-default .navbar-brand {
    color: #000000;
}

.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    font-size: inherit;
    padding: 3px 12px 9px 12px;
    height: inherit;
    margin-top: 15px;
    margin-left: -125px;
    
    width: 190px;
    text-align: right;
    margin-left: -190px;
}

@media(max-width:1200px) {
    .navbar-brand {
        display: none;
    }
}

@media(max-width:767px) {
    .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
        display: block;
        margin-left: 0px;
        font-size: 13px;
        margin-left: 20px;
		text-align: left;
    }
}

.navbar-brand-audi {
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
	color: #f50537;
}

.navbar-brand-service {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
	color: #ffffff;
    color: #000000;
}

.audi-logo img {
    width: 100px;
    margin-top: 18px;
}


@media(max-width:1200px) {
    .audi-logo img {
        width: 80px;
        margin-top: 15px;
    }
}

@media(max-width:991px) {
    .audi-logo img {
        display: none;
    }
}

.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
    background-color: #000000;
}

.navbar-default .navbar-toggle {
    border-color: #000000;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #000000;
}

.navbar-default .navbar-toggle:hover .icon-bar {
    background-color: #ffffff;
}

.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #ffffff;
}

/*.navbar-default .navbar-toggle {
    background-color: #ffffff;
}*/


/************************************************
 * Obsah stranky obecne *************************
 ************************************************/

table {
    margin: 0 0 10px 0;
}

.cena {
	font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    white-space: nowrap;
    margin-right: 0px;
    font-size: 15px;
}

.stara {
    position: relative;
    display: inline-block;
    color: #b3b3b3;
    /*text-decoration: line-through;*/
}

.stara::before, .stara::after {
    content: '';
    width: 100%;
    position: absolute;
    right: 0;
    top: 50%;
}

.stara::before {
    border-bottom: 1px solid #b3b3b3;
    -webkit-transform: skewY(-10deg);
    transform: skewY(-10deg);
}

/*.stara::after {
    border-bottom: 2px solid #9d9d9c;
    -webkit-transform: skewY(10deg);
    transform: skewY(10deg);
}*/

.cena-nova {
    width: 100px;
}

.cena-stara {
    width: 100px;
}

.text-vpravo .cena {
    margin-right: 0;
}

.audi-box-equal {
    vertical-align: top;
}

.audi-image-equal {
    padding: 0;
    
}

@media(max-width:767px) {
    .audi-image-equal {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.audi-box-equal-center {
    vertical-align: middle;
    
}

.audi-box-equal-center-margin {
    padding: 5px 15px 15px 15px;
    margin:  0 -15px 0 0;
}

@media(max-width:767px) {
    .audi-box-equal-center-margin {
        margin:  0;
    }
}

.audi-video {
    background-image: url('../image/video.png');
    background-position: 0 center;
    background-repeat: no-repeat;
    padding: 14px 0 14px 80px;
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
}

.margin-top {
    margin-top: 50px;
}

@media(max-width:992px) {
    .margin-top {
        margin-top: 20px;
    }
}

@media(max-width:767px) {
    .margin-top {
        margin-top: 0px;
    }
}

.btn-audi {
    border-radius: 0 !important;
    background: none;
    color: #ffffff;
    margin: 10px 0 25px 0;
    padding: 15px 50px 15px 50px;
	font-size: 16px;
    border: 1px solid #000000;
    background-color: #000000;
}

.btn-audi:hover {    
    background-color: #f50537;
	border: 1px solid #f50537;
    color: #ffffff;
}

.btn-audi:hover span {    
    color: #ffffff;
}

.btn-audi-ramecek {
    border-radius: 0 !important;
    background: none;
    color: #ffffff;
    margin: 10px 0 25px 0;
    padding: 13px 50px 13px 50px;
	font-size: 16px;
    border: 1px solid #ffffff;
    background-color: #000000;
}

.btn-audi-ramecek:hover {    
    background-color: #f50537;
	border: 1px solid #f50537;
    color: #ffffff;
}

.btn-audi-red {
    border-radius: 0 !important;
    background: none;
    color: #ffffff;
    margin: 10px 0 25px 0;
    padding: 15px 50px 15px 50px;
	font-size: 16px;
    border: 1px solid #f50537;
    background-color: #f50537;
}

.btn-audi-red:hover {    
    background-color: #000000;
	border: 1px solid #000000;
    color: #ffffff;
}

.btn-audi-red:hover span {    
    color: #ffffff;
}

.btn-audi-red-w {
    border-radius: 0 !important;
    background: none;
    color: #ffffff;
    margin: 10px 0 25px 0;
    padding: 15px 50px 15px 50px;
	font-size: 16px;
    border: 1px solid #f50537;
    background-color: #f50537;
}

.btn-audi-red-w:hover {    
    background-color: #ffffff;
	border: 1px solid #ffffff;
    color: #000000;
}

.btn-audi-red-w:hover span {    
    color: #000000;
}

.popup-dalsi-informace {
    width: 50%;
}

@media(max-width:991px) {
    .popup-dalsi-informace {
        width: 70%;
    }
}

.popup-dalsi-informace h2 {
    font-size: 25px;
}

.novinka span {
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
    color: #ffffff;
    background-color: #f50537;
    padding: 5px 10px 5px 10px;
    font-size: 14px;
}

.fancybox-content {
    padding: 24px 15px 24px 15px;
}

.audi-nadpis {
    font-size: 34px;
    color: #000000;
    margin-bottom: 15px;
}

p.audi-podnadpis {
    font-size: 16px;
    line-height: 24px;
    color: #6e6e6e;
    color: #000000;
}

.text-vpravo {
    text-align: right;
}

    
@media(max-width:991px) {
    .text-vpravo {
        text-align: left;
    }
}

.audi-prislusenstvi-nadpis {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    font-size: 36px;
    line-height: 40px;
    margin: 30px 0 30px 0;
    padding: 0;
}

.morelink {
    color: #f50537;
}


/************************************************
 * Hlavicka *************************************
 ************************************************/

.audi-header {
    height: 1300px;
    width: 100%;
    margin: 0 auto 0 auto;
	   
    
    background-image: url('../image/s0_header.jpg');
    background-position-x: center;
	background-position-y: 75%;
    background-size: cover;
	background-repeat: no-repeat;
	background-color: black;
}

@media(max-width:1920px) {
	
    .audi-header {
    	height: 1110px;
		background-position-y: 110%;
    }
}
@media(max-width:1400px) {
	
    .audi-header {
       /* width: auto;
		background-position-x: auto, calc(100% + 20em);*/
		height: 1020px;
		background-size: 140%;
		background-position-y: 100%;
    }
}

@media(max-width:1200px) {
	.audi-header {
		height: 900px;
		background-size: 160%;
		background-position-y: 100%;
    }

}

@media(max-width:991px) {
    .audi-header {
		background-image: url('../image/s0_header-b.jpg');
    background-position-x: center;
	background-position-y: center;
    background-size: cover;
    }
}

@media(max-width:767px) {
    .audi-header {
	min-height: 900px;
    }
}

.audi-header h1, .audi-header h2, .audi-header h3 {
    color: #1a1a1a;
}

.audi-header h1 {
    font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
    font-size: 52px;
	line-height: 60px;
    text-indent: 0px;
    margin-bottom: 0px;
    color: #ffffff;
}

@media(max-width:1400px) {
    .audi-header h1 {
        font-size: 42px;
		line-height: 50px;
        margin-top: 10px;
		margin-bottom: 10px;
    }
}

@media(max-width:1200px) {
    .audi-header h1 {
        font-size: 38px;
		line-height: 46px;
		margin-bottom: 7px;
    }
}

@media(max-width:991px) {
    .audi-header h1 {
        font-size: 33px;
		line-height: 40px;
		margin-bottom: 5px;
    }
}


.audi-header h2 {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    font-size: 30px;
    color: #ffffff;
    text-align: left;
    margin-top: 5px;
}

@media(max-width:1400px) {
    .audi-header h2 {
        font-size: 25px;
        margin-top: 5px;
    }
}

@media(max-width:1200px) {
    .audi-header h2 {
        font-size: 21px;
        margin-top: 5px;
    }
}

@media(max-width:991px) {
    .audi-header h2 {
        font-size: 19px;
        margin-top: 10px;
		margin-bottom: 25px;
    }
}

@media(max-width:767px) {
    .audi-header h2 {
        font-size: 18px;
		margin-bottom: 20px;
    }
}


/************************************************
 * Hlavicka - text ******************************
 ************************************************/


.blackbox{
	position: relative;
	top: calc(100% - 440px);

}
@media(max-width:1920px) {
	.blackbox{	
	height: 400px;
	top: calc(100% - 380px);}
}
@media(max-width:1400px) {
	.blackbox{	
	height: 400px;
	top: calc(100% - 330px);}
}
@media(max-width:991px) {
	.blackbox{
	height: 350px;
	top: calc(100% - 340px);
	}
}

@media(max-width:767px) {
	.blackbox{
	background-color: transparent;
	padding: 40px;
	top: calc(100% - 450px);
	}
}
@media(max-width:580px) {
	.blackbox{
	background-color: transparent;
	padding: 40px;
	top: calc(100% - 520px);
	}
}

.blackbox-cena{
	position: relative;
	top: calc(100% - 480px);

}
@media(max-width:1920px) {
	.blackbox-cena{	
	height: 400px;
	top: calc(100% - 420px);}
}
@media(max-width:1400px) {
	.blackbox-cena{	
	height: 400px;
	top: calc(100% - 400px);}
}
@media(max-width:991px) {
	.blackbox-cena{
	height: 350px;
	top: calc(100% - 380px);
	}
}
@media(max-width:767px) {
	.blackbox-cena{
	background-color: transparent;
	padding: 40px;
	top: calc(100% - 480px);
	}
}
@media(max-width:580px) {
	.blackbox-cena{
	background-color: transparent;
	padding: 40px;
	top: calc(100% - 550px);
	}
}


.audi-header-text a {
	text-decoration: underline;
    color: #ffffff;
}

.audi-header-text a:hover {
    color: #f50537;
}
p.audi-header-text {
	margin-top: 15px;
    line-height: 29px;
	font-size: 19px;
}
@media(max-width:1920px) {
	
    p.audi-header-text {
	font-size: 16px;
	line-height: 25px;
	}
}
@media(max-width:1400px) {
	
    p.audi-header-text {
	font-size: 15px;
	line-height: 23px;
	}
}

@media(max-width:1200px) {
	
    p.audi-header-text {
	line-height: 20px;
	font-size: 14px;
	}
}


.icons {
    float: left;
    width: auto;
    margin-right: 15px;
	margin-left: 5px;
}

.text-servis {
    line-height: 20px;
	font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
    font-size: 25px !important;
}
@media(max-width:1200px) {
	
	.text-servis {
	font-size: 18px !important;
	}
}
@media(max-width:991px) {
	
	.text-servis {
	font-size: 16px !important;
	}
}

.text-servis-jarov {
    line-height: 20px;
	font-family: AudiTypeExtendedBold, Verdana, Helvetica, Arial, sans-serif;
    font-size: 24px !important;
}
@media(max-width:1200px) {
	
	.text-servis-jarov {
	font-size: 17px !important;
	}
}
@media(max-width:991px) {
	
	.text-servis-jarov {
	font-size: 15px !important;
	}
}

.btn-servis {
    border-radius: 0 !important;
    background: none;
    margin: 10px 0 25px 0;
    padding: 14px 50px 14px 50px;
	font-size: 16px;
	background-color: transparent;
	border: 1px solid #ffffff;
    color: #ffffff;
}
.btn-servis:hover {
	background-color: #f50537;
	border: 1px solid #f50537;
    color: #ffffff;
}

@media(max-width:991px) {
	
    .btn-servis {
    margin: 10px 0 25px 0;
    padding: 12px 40px 12px 40px;
	font-size: 14px;
}
}

/************************************************
 * Audi originální příslušenství ****************
 ************************************************/

.audi-prislusenstvi-nadpis {
    margin-top: 0px;
}

.cislo-zbozi {
    color: #808080;
    margin: 0;
    padding: 0;
}

.img-produkt-helma {
    margin-top: 51px;
}

.kolobezka-akce {
    background-color: #f50537;
    color: #ffffff;
    margin-top: 20px;
    padding: 5px 10px;
    width: 50%;
    position: relative;
}

@media(max-width:1200px) {
    .kolobezka-akce {
        width: 60%;
    }
}

@media(max-width:991px) {
    .kolobezka-akce {
        width: 80%;
    }
}

.kolobezka-akce:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	bottom: 100%;
	left: 1.5em;
	border: .75rem solid transparent;
	border-top: none;


	border-bottom-color: #f50537;
	filter: drop-shadow(0 -0.0625rem 0.0625rem rgba(0, 0, 0, .1));
}


.img-produkt-tazne {
    margin-top: 20px;
}

.img-produkt-nosic {
    margin-top: 40px;
}

.img-produkt-kolo {
    margin-top: 60px;
}

.btn-produkt {
    border-radius: 0 !important;
    background: none;
    font-size: 13px;
    margin: 10px 0 25px 0;
    padding: 15px 20px 15px 20px;
	font-size: 11px;
    border: 1px solid #000000;
    background-color: #000000;
    color: #ffffff;
    
    background-color: #f50537;
	border: 1px solid #f50537;
    color: #ffffff;
    
    background-color: #ffffff;
	border: 1px solid #000000;
    color: #000000;
    
    
    
    /*width: 225px;*/
}

.btn-produkt:hover {    
    border: 1px solid #000000;
    background-color: #000000;
    color: #ffffff;
    
    background-color: #f50537;
	border: 1px solid #f50537;
    color: #ffffff;
}

.btn-produkt:hover span {    
    color: #ffffff;
}

/************************************************
 * Audi sezonní servis **************************
 ************************************************/

.servis-nadpis {
    margin-top: 100px;
}

@media(max-width:991px) {
    .servis-nadpis {
        margin-top: 50px;
    }
}


@media(max-width:767px) {
    .servis-nadpis {
        margin-top: 40px;
    }
}

.img-servis {
    margin-top: -100px;
    margin-left: -320px;
    width: 840px;
    max-width: inherit;
    z-index: 1;
    position: relative;
}

@media(max-width:1200px) {
    .img-servis {
        margin-top: 0px;
        margin-left: -390px;
        width: 840px;
        max-width: inherit;
        z-index: 1;
        position: relative;
    }
}

@media(max-width:991px) {
    .img-servis {
        margin-top: 0px;
        margin-left: -505px;
        width: 840px;
        max-width: inherit;
        z-index: 1;
        position: relative;
    }
}


@media(max-width:767px) {
    .img-servis {
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 40px;
        width: auto;
        max-width: 100%;
        z-index: 1;
        position: relative;
        margin: 0;
    }
}

/************************************************
 * Audi Pneuservis ******************************
 ************************************************/

.pneuservis-nadpis {
    margin-top: 40px;
}

@media(max-width:767px) {
    .pneuservis-napdis {
        margin-top: 20px;
    }
}

.underline {
    text-decoration: underline;
}

.pneu-ramecek-out {
    margin-top: 10px;
    margin-bottom: 40px;
}

.pneu-ramecek {
    /*border: 1px solid #000000;*/
    padding: 15px;
    margin: -15px -15px;
    min-height: 110px;
}

@media(max-width:767px) {
   .pneu-ramecek {
        padding: 15px;
        margin: 5px 5px;
    } 
}

.img-pneu-mycard {
    float: left;
    width: 180px;
    margin-right: 20px;
	margin-top: 10px;
	margin-bottom: 35px;
}

.text-pneu-mycard {
    margin-top: 5px;
    /*width: 400px;*/
}
	.img-pneu{
		margin-top: 10px;
		
	}
@media(max-width:991px) {
   .text-pneu-mycard {
        margin-top: 2px;
        
    }
	.img-pneu{
		margin-top: 0px;
		
	}
}

/************************************************
 * Eshop ***********************************
 ************************************************/

.eshop-bg {
	
    background-image: url('../image/s3_bg.jpg');
    background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	background-color: black;
}
.eshop-img {
	position: relative;
	left: -80px;
	}
@media(max-width:992px){
.eshop-img {
	min-width: 400px;
	left: 10px;
	}
}
.eshop-text {
	padding-top: 5%;
}

/************************************************
 * MyCard ***************************************
 ************************************************/
.kartaw{
	width: 200px;
}

.audi-mycard {
    background-color: #f50537;
    padding: 0px 0px 30px 0px;
    margin: 100px 0 0px 0;
    color: #ffffff;
}

.mycard-grafika {
    position: relative;
    height: 0px;
}

@media(max-width:992px) {
    .mycard-grafika {
        position: relative;
        height: 170px;
    }
}

@media(max-width:767px) {
    .mycard-grafika {
        position: relative;
        height: 0px;
    }
}

.img-karta-1 {
    position: absolute;
    top: 120px;
    left: 480px; /*450*/
	width: 720px;
    z-index: 2;
}
@media(max-width: 1200px) {
    .img-karta-1 {
		left: 420px;
		width: 550px;
    }
}
@media(max-width: 991px) {
    .img-karta-1 {
		left:-80px;
		top: 60px;
		
    }
    
    .img-stin-1 {
        display: block;
		left:50px;
    }
	.img-karta-2 {
        display: block;
		left:150px;
    }
    
    .img-stin-2 {
        display: block;
		left:180px;
    }
}

.audi-mycard .audi-nadpis-1 {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    font-size: 80px;
    line-height: 45px;
    margin: 50px 0 20px 0;
    padding: 0;
    text-align: left;
    color: #ffffff;
}

@media(max-width: 991px) {
   .audi-mycard .audi-nadpis-1 {
        margin: 270px 0 30px 0;
    } 
}

@media(max-width:767px) {
    .audi-mycard .audi-nadpis-1 {
        margin: 370px 0 30px 0;
        font-size: 75px;
    }
}

.audi-mycard .audi-nadpis-2 {
    font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    font-size: 27px;
    line-height: 41px;
    margin: 30px 0 50px 0px;
    padding: 0;
    color: #ffffff;
}

@media(max-width:1200px) {
    .audi-mycard .audi-nadpis-2 {
        font-size: 25px;
        margin: 30px 0 50px 0px;
    }
}

@media(max-width:767px) {
    .audi-mycard .audi-nadpis-2 {
        font-size: 25px;
        margin: 30px 0 60px 0;
    }
}

.audi-mycard p {
    color: #ffffff;
}

.audi-mycard .karticka {
    text-align: center;
    padding: 0 80px 0 80px;
}

@media(max-width:1200px) {
    .audi-mycard .karticka {
        padding: 0 40px 0 40px;
    }
}

@media(max-width:767px) {
    .audi-mycard .karticka {
        margin-top: 20px;
    }
}

.audi-mycard .karticka img {
    padding: 0 0 30px 0;
}

.audi-mycard .karticka-nadpis {
    height: 80px;
	font-size: 17px;
}

@media(max-width:991px) {
    .audi-mycard .karticka-nadpis {
		font-size: 16px;
    }
}

@media(max-width:767px) {
    @media(max-width:767px) {
        .audi-mycard .karticka-nadpis {
            height: auto;
        }
    }
}

.audi-mycard .karticka-text {
    height: 160px;
}
.audi-mycard .karticka-text p {
    margin-bottom: 6px;
}
@media(max-width:767px) {
    .audi-mycard .karticka-text {
        height: auto;
    }
}


.audi-mycard .btn-audi:hover {    
    background-color: #ffffff;
	border: 1px solid #ffffff;
    color: #000000;
}



/************************************************
 * Audi Servisní balíčky ************************
 ************************************************/

.balicky-text {
    width: 85%;
}

@media(max-width:1200px) {
    .balicky-text {
        width: 100%;
    }
}

.balicky-akce-nadpis {
	font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    margin-top: 20px;
	font-size: 20px;
	line-height: 27px;
}


/************************************************
 * Audi Repair Concept **************************
 ************************************************/

.repair-podnadpis {
    line-height: 34px;
	font-size: 30px;
}

.repair-nadpis{
	margin-bottom: 40px !important;
}

/************************************************
 * Audi Prohlidky *******************************
 ************************************************/

.prohlidka-nadpis {
    margin-top: 0px;
	margin-bottom: 0px;
}
.prohlidka-podnadpis {
	
    line-height: 30px; 
	font-size: 23px;
	margin-bottom: 40px;
    margin-top: 13px;
}
@media(max-width:767px) {
	.prohlidka-nadpis {
    margin-top: 40px;
	}
}
/************************************************
 * Audi Connect *********************************
 ************************************************/

.connect-bg {
    background-image: url('../image/s5_bg.jpg');
    background-position: left top;
    background-repeat: no-repeat;
    padding: 0;
    margin: 100px 0 0 0;
    min-height: 690px;
    background-color: #000000;
}
.connect-nadpis{
	color: white;
	margin-top: 150px;
}

.originalni-prislusenstvi{
	font-family: AudiTypeExtendedNormal, Verdana, Helvetica, Arial, sans-serif;
    margin-top: 65px;
	font-size: 18px;
}
@media(max-width:1680px) {
	.connect-bg {
	background-position: -180px top;	
	}
}
@media(max-width:1440px) {
	.connect-bg {
	background-position: -200px top;
	background-size: cover;
	min-height: 600px;
	}
	.connect-nadpis{
	margin-top: 60px;
	}	
}
@media(max-width:1200px) {
	.connect-bg {
	background-position: -250px top;
	}	
}
@media(max-width:991px) {
	.connect-bg {
	background-position: left top;
	
	height:80%;
	}
	.connect-text{
	padding-right: 150px;
	}
}
@media(max-width:767px) {
    .connect-bg {
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6)), url('../image/s5_bg.jpg'); /* The least supported option. */
	background-size: cover;
	background-position: -200px top;	
	}
}

/*
.img-connect {
    position: absolute;
    top: 470px;
    right: 120px;
}

@media(max-width:991px) {
    .img-connect {
        position: absolute;
        top: 15px;
        left: -10px;
        width: 25%;
    }
}

@media(max-width:767px) {
    .img-connect {
        position: absolute;
        top: 15px;
        left: 6%;
        width: 25%;
    }
}*/
.connect-text{
	margin-bottom: 30px !important;
}
.connect-text a{
	color: white;
}
.connect-text a:hover{
	color: #f50537;
}

/************************************************
 * Footer ***************************************
 ************************************************/

footer {
    margin: 0;
    padding: 50px 0 50px 0;
    margin: 0px 0 0 0;
    font-size: 20px;
    text-align: center;
	background-color: black;
	color: white;
    
}

footer h2 {
    color: #ffffff;
    text-align: center;
	font-size: 30px;
	margin-bottom: 12px;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #f50537;
}

footer a:visited {
    color: #ffffff;
}

footer .text-paticky {
	font-family: AudiTypeNormal, Verdana, Helvetica, Arial, sans-serif;
	color: #9a9a9a;
	font-size: 14px;
	line-height: 19px;
	margin-top: 20px;
    /*background-color:rgba(0,0,0,0.5);*/
}

/************************************************
 * Zakazat verzi pro velke monitory *************
 ************************************************/

/*
@media (min-width: 1200px) {
  .container {
     width: 970px;
  }
}
*/