<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.roll-contact-form .roll-button:after{
left: 118px;
}

.roll-portfolio .item .content h4{
margin: 10px 0 10px;
}


#mainnav .menu li.last {
    position: static;
}

#mainnav li:hover &gt; ul {
}

#mainnav .menu li.last .submenu {
    left: auto;
    right: 0px;
}

#mainnav &gt; ul &gt; li &gt; a{
    padding: 15px 34px;
}

#mainnav ul li ul{
    width: 220px;
    padding: 0 20px;
}

.alert.alert-danger{
    background-color: #111111;
    color: #ffffff;
    border: none;
    border-bottom: 1px solid white;
    border-radius: 0px;
}

.alert.alert-danger a{
    color: #dddddd;
}

.btn-cookies{
    border-radius: 0px;
}

.btn-cookies:hover{
    background-color: #f1c40f;
}

.top-slider .flexslider .roll-button-slide{
    color: #AAAAAA;
}

.roll-portfolio.portfolio-extended .item{
    width: auto;
    max-width: 248px;
}

@media (min-width: 1023px) {
    .form-row{
        background: url('https://www.izolace-izotrade.cz/galerie/tinymce/form_img.png');
        padding: 0;
        background-size: cover;
        background-position: 50% 50%;
    }
}

input.error-input{
    border: 1px solid #FF0000 !important;
}

.roll-heading .sub{
    line-height: 63px;
}

.roll-heading{
    margin-bottom: 0px;
}

.roll-contact-form{
    margin-top: 0px;
}

h3.sub-title.FromLeft{
    color: #AAAAAA !important;
}

.roll-icon-box.border-right p{
    color: #ffffff;
}

.roll-serives .wrap-caption {
    width: 100%;
    background-color: inherit;
    margin: 0;
}

.roll-serives .wrap-caption .caption {
    background: #323232;
    margin: 0 30px;
}

.roll-serives .wrap-caption .caption p {
    color: #FFFFFF !important;
}

.roll-serives{
    margin: 10px;
}

section.roll-row.parallax3.parallax{
    padding-top: 60px;
    text-align: center;
}

div.mask{
    background-color: #ffffff;
}

div.form-text-black{
    color: #000000;
    font-size: 20px;
    margin-bottom: 10px;
}

#mainnav ul li.mega-menu7.active a.dropdown-toggle{
    color: #ffffff;
    font-size: 22px;
}

#references-resp{
    display:none;
}

/*Deleted references from HP*/
/*@media screen and (max-width: 900px) {*/
    /*#references{*/
        /*display: none;*/
    /*}*/
    /*#references-resp{*/
        /*display: block;*/
    /*}*/
/*}*/

@media (min-width: 300px) and (max-width: 1022px) {
    .top-slider .flexslider .flex_caption {
        margin-top: 125px !important;
    }
}

@media (min-width: 300px) and (max-width: 362px){
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 17px;
        line-height: 20px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 27px;
        line-height: 30px;
        margin-bottom: 6px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 3px;
        font-size: 12px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 1140px) {
    .top {
        display: block;
    }
}

@media (min-width: 363px) and (max-width: 479px){
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 22px;
        line-height: 23px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 2px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 6px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media (min-width: 430px) and (max-width: 1022px){
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 34px;
    }
}

@media (min-width: 457px) and (max-width: 479px){
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 36px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 25px;
        line-height: 29px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 34px !important;
        line-height: 38px;
        margin-bottom: 13px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 42px;
        font-size: 19px;
        line-height: 29px;
    }
}

@media (min-width: 768px) {
    .top-slider .flexslider .flex_caption {
        padding-left: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1022px) {
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 31px;
        line-height: 40px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 52px !important;
        line-height: 61px;
        margin-bottom: 13px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 42px;
        font-size: 24px;
        line-height: 42px;
    }
}

@media (min-width: 1023px) {
    .top-slider .flexslider .flex_caption .main-title {
        font-size: 50px !important;
        line-height: 70px !important;
    }
}

@media only screen and (max-width: 1024px) {
    .btn-menu{
        display: block;
    }
    #mainnav{
        display: none;
    }
}

@media (min-width: 1141px) {
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 40px;
        line-height: 40px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        margin-bottom: 13px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 20px;
        font-size: 20px;
    }
}

@media (min-width: 1200px) {
    .top-slider .flexslider .flex_caption .sub-title, .flexslider .flex-direction-nav a {
        font-size: 60px;
        line-height: 60px;
    }
    .top-slider .flexslider .flex_caption .main-title {
        margin-bottom: 20px;
    }
    .top-slider .flexslider .flex_caption p {
        margin-bottom: 30px;
        font-size: 30px;
        line-height: 50px;
    }
}

@media (max-width: 700px){
    .top .socials{
        float: none;
    }
}

@media (max-width: 1199px) {
    .wrap-top{
        position: initial;
    }
}

.slide1.flex-active-slide{
    background-size: cover !important;
    background-position: 50% 50% !important;
    background-repeat: no-repeat !important;
}

.breadcrumbs ul li:last-child{
    margin-left: 10px;
}

.kontakt-padding{
    padding-top: 30px;
    padding-left: 10px;
    padding-right: 10px;
}

@media screen and (min-width: 300px) and (max-width: 650px) {
    .roll-tabs .content-inner .image-tab{
        display: none;
    }
}

.wrap-title{
    left: 0px;
    right: 0px;
    margin-left: auto;
    margin-right: auto;
}

.img-full-width{
    width:100%;
}

#pb_r2_c0_1455105404 h2{
    line-height: 60px;
}

@media screen and (max-width: 400px) {
    .main.text-dark{
        font-size: 45px;
    }
    .sub.text-dark{
        font-size: 45px;
    }
}

.white-bg input.form-control{
    background-color: #ffffff;
}

.white-bg textarea{
    background-color: #ffffff;
}

#icon-row-resp{
    margin-bottom: 40px;
}
#icon-row{
    margin-top: 40px;
    color: #ffffff;
}

@media screen and (max-width: 1022px) {
    #icon-row{
        display: none;
    }
    #icon-row-resp{
        display: block;
    }
}
@media screen and (min-width: 1023px) {
    #icon-row{
        display: block;
    }
    #icon-row-resp{
        display: none;
    }
}

.text-orange{
    color: #f1c40f;
}

.slider-btn{
    float: right;
}

@media screen and (min-width: 1200px) {
    .slider-btn{
        padding: 45px 30px 0 30px !important;
        height: 150px !important;
        font-size: 45px !important;
    }
}

.top-slider .flexslider .roll-button-slide:before{
    content: none;
    background: none;
}
.top-slider .flexslider .roll-button-slide:after{
    content: none;
}

.top-slider .flexslider .roll-button-slide{
    color: #ffffff;
    background-color: #323232;
}

.top-slider .flexslider .roll-button-slide:hover{
    color: #f1c40f;
}


/*HlavnĂ­ RozcestnĂ­k HP*/

@media screen and (min-width: 768px) and (max-width: 1220px) {
    .hlavni-rozcestnik-obsah p{
        padding: 5px 6px 0;
        margin-bottom: 0px;
    }
}
@media screen and (min-width: 950px) and (max-width: 1300px) {
    .roll-serives .wrap-title .wrap-title-primary{
        top: 76%;
    }
}

@media screen and (min-width: 768px) and (max-width: 949px) {
    .roll-serives .wrap-title .wrap-title-primary{
        top: 70%;
    }
    .wrap-title .hlavni-rozcestnik-nadpis{
        font-size: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 811px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 13px;
        line-height: 22px;
    }
    .hlavni-rozcestnik-button.roll-button{
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after{
        top: 0px;
    }
}

@media screen and (min-width: 812px) and (max-width: 857px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 14px;
        line-height: 24px;
    }
    .hlavni-rozcestnik-button.roll-button{
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after{
        top: 0px;
    }
}

@media screen and (min-width: 858px) and (max-width: 949px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 16px;
        line-height: 27px;
    }
    .hlavni-rozcestnik-button.roll-button {
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after {
        top: 0px;
    }
}


@media screen and (min-width: 300px) and (max-width: 600px) {
    .hlavni-rozcestnik-obsah p{
        padding: 5px 6px 0;
        margin-bottom: 0px;
    }
}

@media screen and (min-width: 374px) and (max-width: 510px) {
    .roll-serives .wrap-title .wrap-title-primary{
        top: 70%;
    }
}

@media screen and (min-width: 300px) and (max-width: 399px) {
    .wrap-title .hlavni-rozcestnik-nadpis{
        font-size: 21px;
    }
}

@media screen and (min-width: 300px) and (max-width: 373px) {
    .roll-serives .wrap-title .wrap-title-primary {
        top: 65%;
    }
}


@media screen and (min-width: 450px) and (max-width: 490px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 16px;
        line-height: 27px;
    }
    .hlavni-rozcestnik-button.roll-button{
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after {
        top: 0px;
    }
}

@media screen and (min-width: 390px) and (max-width: 449px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 16px;
        line-height: 22px;
    }
    .hlavni-rozcestnik-button.roll-button {
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after {
        top: 0px;
    }
    .wrap-title .hlavni-rozcestnik-nadpis{
        padding: 2px 0;
    }
    .roll-serives:hover .wrap-caption.wrap-caption-primary{
        top: 54px;
    }
}

@media screen and (min-width: 349px) and (max-width: 389px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 14px;
        line-height: 17px;
    }
    .hlavni-rozcestnik-button.roll-button{
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after{
        top: 0px;
    }
    .wrap-title .hlavni-rozcestnik-nadpis{
        padding: 2px 0;
    }
    .roll-serives:hover .wrap-caption.wrap-caption-primary{
        top: 54px;
    }
}

@media screen and (min-width: 300px) and (max-width: 348px) {
    .hlavni-rozcestnik-obsah p {
        font-size: 12px;
        line-height: 14px;
    }
    .hlavni-rozcestnik-button.roll-button{
        padding: 0px 50px 0px 20px;
    }
    .hlavni-rozcestnik-button.roll-button:after{
        top: 0px;
    }
    .wrap-title .hlavni-rozcestnik-nadpis{
        padding: 2px 0;
    }
    .roll-serives:hover .wrap-caption.wrap-caption-primary{
        top: 54px;
    }
}

/*VedlejĹˇĂ­ rozcestnĂ­k HP*/
@media screen and (min-width: 1550px) {
    .roll-serives:hover .wrap-caption-secondary{
        opacity:0;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:80%;
    }
}


@media screen and (min-width: 1350px) and (max-width: 1550px){
    .roll-serives .wrap-title-secondary {
        top:75%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:75%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 28px;
    }
}

@media screen and (min-width: 1150px) and (max-width: 1349px){
    .roll-serives .wrap-title-secondary {
        top:75%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:75%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 24px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 6px 0;
    }
}

@media screen and (min-width: 900px) and (max-width: 1149px){
    .roll-serives .wrap-title-secondary {
        top:70%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:70%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 17px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 6px 0;
    }
}

@media screen and (min-width: 768px) and (max-width: 899px){
    .roll-serives .wrap-title-secondary {
        top:70%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:70%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 13px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 6px 0;
    }
}


@media screen and (min-width: 600px) and (max-width: 767px){
    .roll-serives .wrap-title-secondary {
        top:70%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:70%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 15px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 6px 0;
    }
}

@media screen and (min-width: 500px)  and (max-width: 599px){
    .roll-serives .wrap-title-secondary {
        top:70%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:70%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 12px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 4px 0;
    }
}

@media screen and (min-width: 410px) and (max-width: 499px){
    .roll-serives .wrap-title-secondary {
        top:65%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:65%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 10px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 4px 0;
        margin: 0px 0px;
    }
}

@media screen and (min-width: 300px) and (max-width: 409px){
    .roll-serives .wrap-title-secondary {
        top:55%;
    }
    .roll-serives:hover .wrap-title-secondary {
        top:55%;
    }
    .wrap-title-secondary div.vedlejsi-rozcestnik-nadpis{
        font-size: 10px;
    }
    .roll-serives .title-services.vedlejsi-rozcestnik-nadpis{
        padding: 2px 0;
        margin: 0px 0px;
    }
}

#mainnav ul li.mega-menu7 a.dropdown-toggle{
    color: #f1c40f;
    font-size: 22px;
}

@media screen and (min-width: 1070px) and (max-width: 1400px) {
    #mainnav ul li a{
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1069px) {
    #mainnav ul li a{
        padding-left: 9px;
        padding-right: 9px;
    }
}

.svg html.InternetExplorer_9_0,html.InternetExplorer_8_0{
    display: none;
}
.svg, .png{
    margin-bottom: 5px;
    height: 80px;
}

.header .logo{
    margin-top: 4px;
}

.rozcestnik-podstranka{
    background-color: #f1c40f;
}

.rozcestnik-podstranka a img{
    padding: 40px 40px 0 40px;
}

.rozcestnik-podstranka-obsah{
    background-color: #f1c40f !important;
}

.rozcestnik-podstranka-obsah a{
    font-size: 18px;
}

.rozcestnik-podstranka-obsah a:hover{
    color: #000000 !important;
}

/*.item-wrap{*/
    /*min-height: 500px;*/
/*}*/

.vedlejsi-rozcestnik-nadpis a:hover{
    color: #000000;
}

#header, #header.downscrolled{
    background: #ffffff
}

#mainnav&gt;ul&gt;li&gt;a {
    color: black;
    margin-top: 13px;
    border: none;
}

#mainnav ul li ul li a:hover{
    padding-left: 0 !important;
}

#mainnav li:hover &gt; ul {
    background-color: white;
    opacity: 1;
    z-index: 1000;
}

#mainnav ul li a {
    color: #000000;
}

#mainnav ul li ul li:first-child{
    padding-top: 25px;
}

.p-15-15{
    padding: 15px 15px;
}

.pb-30{
    padding-bottom: 30px;
}

.text-center{
    text-align: center;
}

.font-s70{
    font-size: 70px;
}

#demand-form{
    background-color: #F1C40F;
    padding-bottom: 50px;
}

.p0{
    padding: 0;
}

.p-6per-7per{
    padding: 6% 7%;
}

.footer-divider{
    background: #464646;
    opacity: 0.9;
    margin-bottom: 40px;
    padding: 10px;
}

@media screen and (max-width: 1099px){
    .fullw-1100{
        width: 80% !important;
        margin-left: 10%;
        margin-right: 10%;
    }
}



.slidern{
    height: 100vh;
    width: 100%;
    padding-top: 200px;
}

.slider-title-wrap{
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
    float:left;
}

.slider-title{
    color: #f1c40f;
    font-weight: bold;
    margin-bottom: 15px;
}

.slider-sub-title-wrap{
    margin-left: 10%;
    width: 40%;
    float: left;
}

.slider-sub-title{
    font-size: 30px;
    margin-top: 50px;
}

.slider-sub-title-bold{
    font-size: 41px;
    line-height: 50px;
    font-weight: bold;
}

.slider-img-wrap{
    margin-right: 10%;
    width: 40%;
    float: left;
}

.slider-cta-wrap{
    width: 40%;
    margin-left: 10%;
    float:left;
}

.slider-cta, .slider-cta:visited, .slider-cta:focus, .slider-cta:active{
    font-size: 40px;
    font-weight: bold;
    padding: 25px 50px;
    background: #f1c40f;
    position: relative;
    top: -140px;
    white-space: nowrap;
    border-radius: 0px;
    box-shadow: -5px 7px 5px #d9b00d;
    border: none;
}

.slider-cta:hover{
    background: #f1c40f;
    color: #737373 !important;
}

@media screen and (max-width: 1650px) {
    .slider-cta{
        top: -100px !important;
    }
}

@media screen and (max-width: 1550px) {
    .slider-cta{
        top: -50px !important;
    }
}

@media screen and (max-width: 1450px) {
    .slider-cta{
        top: 0px !important;
        font-size: 35px !important;
    }
}

@media screen and (max-width: 1250px) {
    .slidern{
        height: 90vh;
    }
    .slider-cta{
        top: 30px !important;
        font-size: 35px !important;
    }
}

@media screen and (max-width: 1099px) {
    .wrap-top{
        margin-top: 100px;
    }
}

@media screen and (max-width: 880px) {
    .slidern{
        padding-top: 150px;
        height: 90vh;
    }
    .slider-cta{
        font-size: 35px !important;
    }
    .wrap-top{
        margin-top: 150px;
    }
    .slider-title{
        font-size: 45px;
    }
    .slider-sub-title-bold{
        font-size: 28px;
        line-height: 40px;
    }
    .slider-sub-title{
        font-size: 25px;
        line-height: 35px;
    }
}

@media screen and (max-width: 650px) {
    .slider-cta{
        font-size: 25px !important;
    }
    .wrap-top{
        margin-top: 0px;
    }
    .slider-title{
        font-size: 35px;
    }
    .slider-sub-title-bold{
        font-size: 24px;
        line-height: 35px;
    }
    .slider-sub-title{
        font-size: 21px;
        line-height: 35px;
    }
}

@media screen and (max-width: 500px) {
    .slidern{
        height: 80vh;
    }
    .slider-cta{
        font-size: 20px !important;
        padding: 15px 30px;
    }
    .wrap-top{
        margin-top: 0px;
    }
    .slider-title{
        font-size: 26px;
        margin-bottom: 0px;
    }
    .slider-sub-title-bold{
        font-size: 20px;
        line-height: 30px;
    }
    .slider-sub-title{
        font-size: 18px;
        line-height: 30px;
    }
}

@media screen and (max-width: 400px) {
    .slidern{
        height: 70vh;
    }
    .slider-cta{
        font-size: 18px !important;
        padding: 15px 20px;
    }
    .wrap-top{
        margin-top: 0px;
    }
    .slider-title{
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 0px;
    }
    .slider-sub-title-bold{
        font-size: 19px;
        line-height: 30px;
    }
    .slider-sub-title{
        font-size: 17px;
        line-height: 30px;
    }
}

.text-black{
    color: black;
}

.main-slider-btn, .main-slider-btn:hover{
    color: white;
}

.p-50{
    padding-top: 50px;
}

.subpage-cta-wrap{
    margin-top: 15px;
}

.subpage-cta, .subpage-cta:visited, .subpage-cta:focus, .subpage-cta:active{
    font-size: 40px;
    font-weight: bold;
    padding: 25px 50px;
    background: #f1c40f;
    white-space: nowrap;
    border-radius: 0px;
    box-shadow: -5px 7px 5px #d9b00d;
    border: none;
}

.subpage-cta:hover{
    background: #f1c40f;
    color: #737373;
}

@media screen and (max-width: 800px){
    .main-content{
        padding: 0 15px 0 15px;
    }
}

@media screen and (max-width: 550px) {
    .subpage-cta, .subpage-cta:active, .subpage-cta:focus{
        font-size: 25px;
        padding: 15px 25px;
    }
}

@media screen and (max-width: 350px) {
    .subpage-cta, .subpage-cta:active, .subpage-cta:focus{
        font-size: 20px;
        padding: 10px 20px;
    }
}

@media screen and (max-width: 1550px) {
    .slidern{
        min-height: 780px;
    }
}

@media screen and (max-width: 1099px) {
    .slidern{
        min-height: 900px;
    }
}

@media screen and (max-width: 893px) {
    .slidern{
        min-height: 950px;
    }
}

@media screen and (max-width: 880px) {
    .slidern{
        min-height: 800px;
    }
}

@media screen and (max-width: 800px) {
    .slidern{
        min-height: 750px;
    }
}

@media screen and (max-width: 650px) {
    .slidern{
        min-height: 800px;
    }
}

@media screen and (max-width: 500px) {
    .slidern{
        min-height: 670px;
    }
}

@media screen and (max-width: 400px) {
    .slidern{
        min-height: 610px;
    }
}

@media screen and (max-width: 1050px){
    .roll-contact.text-center .mail a{
        font-size: 26px;
    }
    .roll-contact.text-center .phone a{
        font-size: 60px;
    }
    .roll-contact.text-center .address{
        font-size: 25px;
    }
}

@media screen and (max-width: 500px){
    .roll-contact.text-center .mail a{
        font-size: 26px;
    }
    .roll-contact.text-center .phone a{
        font-size: 40px;
    }
    .roll-contact.text-center .phone{
        font-size: 60px;
        line-height: 40px;
    }
    .roll-contact.text-center .address{
        font-size: 20px;
    }
    .resp-p-40{
        padding: 40px 0;
    }
}

@media screen and (max-width: 380px){
    .roll-contact.text-center .mail a{
        font-size: 20px;
    }
    .roll-contact.text-center .phone a{
        font-size: 30px;
    }
    .roll-contact.text-center .phone{
        font-size: 40px;
        line-height: 40px;
    }
    .roll-contact.text-center .address{
        font-size: 16px;
    }
    .resp-p-40{
        padding: 40px 0;
    }
}

.submit-wrap .rev-btn, .item-wrap .rev-btn{
    background: #323232;
    color: #fff;
}

.submit-wrap .rev-btn:hover, .item-wrap .rev-btn:hover{
    background: none;
    color: #000;
}

.submit-wrap .rev-btn:after, .item-wrap .rev-btn:after{
    color: #fff;
}

.submit-wrap .rev-btn:hover:after, .item-wrap .rev-btn:hover:after{
    color: #000;
}

.roll-icon-box .roll-button.rev-btn{
    background: #323232;
    color: #fff;
    border: 2px solid #323232;
}

.roll-icon-box .roll-button.rev-btn:hover{
    background-color: transparent;
    border: 2px solid #fff;
    color: #fff;
}

@media screen and (max-width: 500px) {
    .rozcestnik-podstranka-obsah .roll-button.rev-btn{
        font-size: 15px;
    }
}

@media screen and (max-width: 650px){
    #mainnav-mobi &gt; ul &gt; li &gt; ul &gt; li &gt;  a{
        font-size: 16px;
    }
    .infomation .phone a, .infomation .email a{
        font-size: 14px;
    }
    .top .infomation li{
        padding: 5px 15px 5px 20px;
    }
    .top .infomation li:before{
        top: 5px;
    }
}

html.InternetExplorer_9_0 .svg, html.InternetExplorer_8_0 .svg{
    display: none;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    html.iPad #mainnav{
        display: none;
    }

    html.iPad .btn-menu{
        display: block;
    }
}
</pre></body></html>