/* ------------ obecne ------------- */
.boxsizingBorder {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

body {
	font: 14px/22px "basic-sans", sans-serif;
	background: #121212;
	color: #C4C4C4;
}

a { text-decoration: none; color: #FF7300; }
a:hover { text-decoration: underline; }

.container { }
.row { max-width: 1100px; margin: auto; position: relative; }
.col-md-1 { width: 100%; }
.col-md-2 { width: 50%; float: left; }
.col-md-3 { width: 33%; float: left; }
.col-md-4 { width: 25%; float: left; min-width: 200px; }

.alignright { text-align: right; }

.row-menu {
	max-width: 1100px;
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-between;
	margin: auto;
	position: relative;
}

/* ------------ stranka ------------- */

h1 { font-size:45px; line-height: 55px; color:#fff; font-weight:300; text-align: center; padding: 50px 0 50px 0;  }

.nicescroll-rails { z-index:100 !important; }

.table { display: table; border-collapse: collapse; width:100%; }
.table-row { display: table-row; }
.table-col { display: table-cell; }

header { max-height:750px; height:90%; }
.bg-n1 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-n1.jpg) center center no-repeat; padding-top:100px;background-size:cover; }
.bg-n2 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-n2.jpg) center center no-repeat; padding-top:100px;background-size:cover; }
.bg-n3 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-n3.jpg) center center no-repeat; padding-top:100px;background-size:cover; }
.bg-n4 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-n4.jpg) center center no-repeat; padding-top:100px;background-size:cover; }
.bg-1 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-1.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-2 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-2.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-3 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-3.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-4 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-4.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-5 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/b-5.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-6 { min-height: 407px; max-height:750px; height:100%; background: url(/data/top/hp.jpg) top center no-repeat; padding-top:100px;background-size:cover; }
.bg-design1 { min-height: 620px; background: url(/data/top/b-design-n1.jpg) center center no-repeat; padding-top:100px; }
.bg-design2 { min-height: 620px; background: url(/data/top/b-design-n2.jpg) center center no-repeat; padding-top:100px; }
.bg-design3 { min-height: 620px; background: url(/data/top/b-design-n3.jpg) center center no-repeat; padding-top:100px; }
.bg-design4 { min-height: 620px; background: url(/data/top/b-design-n4.jpg) top center no-repeat; padding-top:100px; }
.bg-design5 { min-height: 620px; background: url(/data/top/b-design-n5.jpg) top center no-repeat; padding-top:100px; }
.bg-servis1 { min-height: 620px; background: url(/data/top/b-servis-4.jpg) top center no-repeat; padding-top:100px; }
.bg-servis2 { min-height: 620px; background: url(/data/top/b-servis-5.jpg) top center no-repeat; padding-top:100px; }
.bg-servis3 { min-height: 620px; background: url(/data/top/b-servis-8.jpg) top center no-repeat; padding-top:100px; }
.bg-servis4 { min-height: 620px; background: url(/data/top/b-servis-9.jpg) top center no-repeat; padding-top:100px; }
.bg-servis5 { min-height: 620px; background: url(/data/top/b-servis-10.jpg) top center no-repeat; padding-top:100px; }
.bg-news { min-height: 407px; background-position: top center; background-repeat: no-repeat; padding-top:100px; }
.bg-1-kontakt { min-height: 620px; background: url(/data/top/b-kontakt-novy-4.jpg) top center no-repeat; padding-top:100px; }
.bg-2-kontakt { min-height: 620px; background: url(/data/top/b-kontakt-novy-3.jpg) top center no-repeat; padding-top:100px; }
.bg-odpovednost { min-height: 407px; background: url(/data/top/bnr-zodpovednost.jpg) top center no-repeat; padding-top:100px; }
.mobileheader { text-align:center; }

#menu { min-height: 110px; position:fixed; width:100%; z-index:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.8+0,0.5+100 */
	background: -moz-linear-gradient(top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
#menu .obal { padding: 20px 0 0 0; }
.logo { margin: 25px 0 0 15px; }
.logo a { background: url(/img/rn-servis.svg) center center no-repeat; background-size:170px; display: block; width: 170px; height: 70px; }
.logo a:hover { background-position: center center; }


#menu ul#nav { padding: 45px 0 0 0px; }
#menu ul#nav li { float: left; font-size: 16px; padding: 0px 10px; color: #fff; }
#menu ul#nav li a { color: #fff; display: block; height: 22px; line-height: 22px;  }
#menu ul#nav li a:hover, #menu ul#nav li a.selected { text-decoration: none; box-shadow: 0px -10px 2px -8px #FF7300; color: #FF7300; }

#menu .hotline {position:absolute; right:0px; top:15px;}
#menu .YT { margin: 28px 15px 0 0;  }
.YT { background: url(/img/youtube.svg) center right no-repeat; background-size:70px; height: 55px;text-align:right;   }
.YT span {  }
.YT a { display:block; color:#fff; font-size: 16px; line-height: 45px; padding: 5px 80px 5px 0px; text-decoration:none; }

.social { position: absolute; right: 10px; }
#menu .social { display:none; }
.social li { float: left; border-right: 1px #505050 solid; padding: 4px 10px; }
.social li:last-child { border-right: none; }
.social li a { display: block; width: 18px; height: 18px; }
.social li a span { display:none; }
.s_fb { background: url(/img/facebook.png) top left no-repeat; }
.s_tw { background: url(/img/twitter.png) top left no-repeat; }
.s_yu { background: url(/img/youtube.png) top left no-repeat; }
.s_in { background: url(/img/linkedin.png) top left no-repeat; }
.s_gp { background: url(/img/google.png) top left no-repeat; }


#carousel { position:relative; z-index:0; border-bottom: 2px #FF7300 solid;}
.swiper-container {
    width:100%;
    min-height:507px;
    max-height:750px;
    height:100%;
}


footer .s_fb { background: url(/img/facebook-white.png) top left no-repeat; }
footer .s_tw { background: url(/img/twitter-white.png) top left no-repeat; }
footer .s_yu { background: url(/img/youtube-white.png) top left no-repeat; }
footer .s_in { background: url(/img/linkedin-white.png) top left no-repeat; }
footer .s_gp { background: url(/img/google-white.png) top left no-repeat; }
footer .social li { border:none; }

.social li a:hover { background-position: bottom left;  }

.title { font-size: 52px; line-height: 64px; padding: 40px 0 45px 0; color:#FF7300; font-weight:bold; }
.title span { color:#D1D1D1; font-weight:300;}

.hotline { background: url(/img/ico-phone-01.svg) center left no-repeat; background-size:35px; height: 50px;width:120px;text-align:left;margin:auto; padding: 5px 0 5px 45px; font-weight: bold; color:#fff; font-size: 20px; line-height: 25px; }
.hotline span { font-weight:400; color:#FF7300; display:block;}

.informace>div.col { padding: 50px 0 0 0; text-align:center; color:#C4C4C4;}
.informace>div.col>div { padding: 0 35px; }
.i-1 h2 a { background: url(/img/piktogram-servis.png) center top no-repeat; }
.i-2 h2 a { background: url(/img/piktogram-sortiment.png) center top no-repeat; }
.i-3 h2 a { background: url(/img/piktogram-reference.png) center top no-repeat; }
.i-4 h2 a { background: url(/img/piktogram-kontakty.png) center top no-repeat; }
.informace h2 { color:#FF7300; font-size: 24px; line-height: 30px; }
.informace h2 a {  padding-top: 70px; display: block; }

.aktuality h2 { font-size:36px; line-height: 44px; color:#fff; font-weight:300; text-align: center; padding: 30px 0 30px 0; }
.aktuality h2 span { color:#FF7300; font-weight:bold; }
.aktuality .col { position:relative; width: 245px; height:145px; margin:auto; padding: 355px 15px 0 15px; background-repeat:no-repeat; background-position: center top; color:#C4C4C4; margin-bottom: 30px; }
.aktuality h3 { color:#FF7300; font-weight:300; font-size:20px; line-height: 26px; padding: 20px 0 0px 0; }

.aktuality .readmore { width: 140px; line-height: 45px; font-size: 20px; color: #fff; border: 2px #fff solid; display:none; margin:15px auto; text-decoration:none; text-align:center; }
.aktuality .readmore:hover { background: #fff; color: #FF7300; }

.aktuality .col:hover { height:230px; padding-top:270px;  }
.aktuality .col:hover .hover { background: #FF7300; height: 230px; padding: 0 25px; color:#fff; }
.aktuality .col:hover .hover h3 { color:#fff; font-weight:bold;}
.aktuality .col:hover .readmore { display: block; }

.aktuality .archiv { width: 170px; line-height: 45px; font-size: 20px; color: #3D3D3D; border: 2px #3D3D3D solid; display:block; margin:10px auto 40px auto; text-decoration:none; text-align:center; }
.aktuality .archiv:hover { color: #FF7300; border: 2px #FF7300 solid; }

.doporuceni { margin-bottom: 50px; }
.doporuceni h2 { font-size:36px; line-height: 44px; color:#fff; font-weight:300; text-align: center; padding: 30px 0 30px 0; }
.doporuceni h2 span { color:#FF7300; font-weight:bold; }
.doporuceni .col>div { margin: 20px; padding:30px; background: #2D2D2B;  }
.doporuceni .col>div>* {  }
.doporuceni .podpis { padding: 15px 0; }
.doporuceni .podpis .kostka { margin:2px 10px 10px 0; display: block; float: left; font-weight:bold; background: #FF7300; color:#fff; width:40px;line-height:40px;text-align:center;font-size:20px; }
.doporuceni strong { color:#fff; }

.texty {}
.texty>div>p { padding: 10px 20px; }
.texty>div>h2 { padding: 10px 20px; font-size: 15px; color:#fff; }
.texty>div>h2.yellow { color:#FF7300; }
.texty>div>ul { padding: 0px 20px; list-style-type: square; margin-left: 25px; }

.home-mapa { padding: 0 0 0px 0;  }
.contacts { max-width: 550px; }
.contact { float: left; min-width: 220px; max-width: 50%; padding: 15px; }
.contact h4 { background:url(/img/telefon-b-p-o-c.png) left top no-repeat; padding: 0 0 0 45px; line-height: 46px; font-size: 24px; font-weight:300; }
.contact p { padding: 5px 0 0 20px; }
.contact a { color: #c4c4c4; }

.contact:hover h4 { color: #FF7300; }
.contact:hover p { color: #FF7300; }
.contact:hover p span { color:#fff; }
.contact:hover a { color: #FF7300; }

.home-mapa .mapa { float: right; position:relative; }
.boxik { background: url(/img/oranzove-znaceni-v-mape.png) left top no-repeat; width:94px; height:116px; position: absolute; color:#fff; line-height: 16px; display:none; }
.boxik div { position: absolute; bottom: 40px; left: 12px; }
#b_brno { left: 310px; top:150px; }
#b_praha { left: 140px; top:6px; }
#b_ostrava { left: 420px; top:60px; }
#b_budejovice { left: 115px; top:135px; }

.partneri>.loga h3 { padding: 15px 0 0 15px; font-size: 20px; color:#fff; font-weight:300; text-transform:uppercase; }

.profil { }
.profil>div { padding: 30px; background: #343432; margin:12px;  }
.profil img { float: left; padding: 0 15px 15px 0; max-width: 119px; width: 45%; }
.profil p { clear:both; padding: 15px 0 0 0; }
.profil h3 { font-size: 22px; padding: 0; color:#fff; line-height: 25px; }
.profil .tel { padding: 15px 0 0 0; }
.profil .tel span {color:#FF7300; font-weight:bold;}

.podporujeme>div { padding: 30px; background: #343432; margin:12px;  }
.podporujeme img { padding: 15px 0 0 0; width:100%; max-width:280px; margin:auto; }
.podporujeme p { clear:both; padding: 15px 0 0 0; }
.podporujeme h3 { font-size: 22px; padding: 0; color:#fff; line-height: 25px; }
.podporujeme .readmore { width: 150px; line-height: 40px; font-size: 18px; color: #fff; border: 2px #fff solid; display:block; margin:15px auto; text-decoration:none; text-align:center; }
.podporujeme .readmore:hover { background: #FF7300; color: #fff; }

.odpovednost>div>div { padding: 200px 30px 30px 30px; text-align:center; margin:12px;  }
.odpovednost img { padding: 15px 0 0 0; width:100%; max-width:280px; margin:auto; }
.odpovednost p { clear:both; padding: 15px 0 0 0; }
.odpovednost h3 { font-size: 32px;line-height: 38px; padding: 0 0 10px 0; color:#fff; font-weight: 300;}
.odpovednost1 {background: url(/img/ico-zamestnanci-01.svg) top center no-repeat;background-size:170px; }
.odpovednost1 em {color:#F55A22;}
.odpovednost2 {background: url(/img/ico-zakaznici-01.svg) top center no-repeat;background-size:170px; }
.odpovednost2 em {color:#EF7200;}
.odpovednost3 {background: url(/img/ico-spolecnost-01.svg) top center no-repeat;background-size:170px; }
.odpovednost3 em {color:#EAB140;}

footer { background: #FF9602 url(/img/textovy-pozadi-spodek-oranzovy.png) center top no-repeat; min-height:200px; font-weight:300; color:#fff; }
footer .spolecnost { min-height: 100px; padding: 35px 0 35px 0; }
footer .spolecnost h2 { font-size: 24px; line-height: 32px; font-weight:300; padding: 0 0 20px 20px; }
footer .spolecnost .col>* { padding: 0 20px;  }

footer .copyright { background: #EF7F13; }
footer .copyright .col { padding: 10px 0px; }
footer .copyright .c { float:left; padding-left: 20px; }
footer .copyright .nav { padding-left: 30%; }
footer .copyright .nav li { float: left; font-size: 16px; padding: 0px 20px; }
footer .copyright .nav li a { color: #fff; display: block; height: 22px; line-height: 22px;  }
footer .copyright .nav li a:hover { text-decoration: underline; color: #fff; }

section { background: url(/img/textovy-pozadi.jpg) center bottom no-repeat; padding-bottom:330px; }


.partner { background: #fff; width:250px; height:145px; text-align: center; float: left; margin: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
.partner a { display: block; width:100%; height: 100%; }
.partner img { margin:auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.sortiment { background: #000; width:250px; height:145px; text-align: center; float: left; margin: 12px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: relative; }
.sortiment a { display: block; width:100%; height: 100%; }
.sortiment img { margin:auto; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }


.reference { padding: 0 0 50px 0; text-align:center; }

.refbox { width: calc(33.33% - 30px); min-width: 290px; height: 325px; background-repeat:no-repeat; background-position: center center; background-size: cover; margin: 15px; position:relative; float:left; }
.refbox .overlay { position: absolute; top:0;left:0;width:100%;height:80%; z-index:1;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}
.refbox h2 { padding: 20px 25px 10px 25px; color:#fff; font-size: 20px; font-weight: 400; line-height: 26px; position:relative; z-index:10; }
.refbox h2 a { color:#fff; display: block; }
.refbox .hover { position: absolute; top:0;left:0;width:100%;height:325px; background:#FF7300; display:none; z-index:20; }
.refbox .hover h3 { padding: 20px 25px 3px 25px; color:#fff; font-size: 20px; font-weight: 400; line-height: 26px; }
.refbox .hover p { padding: 0 25px 0 25px; color:#fff; line-height: 16px; font-size: 12px; }
.refbox:hover .hover { display:block; }

.refbox .readmore { width: 190px; line-height: 40px; font-size: 18px; color: #fff; border: 2px #fff solid; display:block; margin:15px auto; text-decoration:none; text-align:center; }
.refbox .readmore:hover { background: #fff; color: #FF7300; }

.designbox h2 {
    position: absolute;
    bottom: 25px;
    left: 25px;
    color: #fff;
    font-size: 26px;
    font-weight: 400;
    line-height: 32px;
}

.katbox { width: 300px; height: 340px; background-repeat:no-repeat; background-position: center center; margin: 15px; position:relative; display:inline-block; }
.katbox h2 {position:absolute; bottom: 25px; left:25px; color:#fff; font-size: 26px; font-weight: 400; line-height: 32px; }
.katbox h2 a { color:#fff; display: block; }
.katbox .hover { position: absolute; top:0;left:0;width:300px;height:340px; background:#FF7300; display:none; z-index:20; text-align:center; }
.katbox .hover img { margin:auto; display:block; padding: 15px 0 0 0; }
.katbox .hover h3 { padding: 0px 25px 10px 25px; color:#fff; font-size: 26px; font-weight: 400; line-height: 32px; }
.katbox .hover p { padding: 0 25px 0 25px; color:#fff; line-height: 20px; font-size: 14px; }
.katbox:hover .hover { display:block; }

.katbox .readmore { width: 150px; line-height: 40px; font-size: 18px; color: #fff; border: 2px #fff solid; display:block; margin:15px auto; text-decoration:none; text-align:center; }
.katbox .readmore:hover { background: #fff; color: #FF7300; }


hr.rozdelovnik { border: 1px #FF7300 solid; }


.anotace { padding: 0 0 20px 0; }

.galerie a { display:block; float: left; padding: 10px; margin:2px; }
.galerie a img { display: block; }
.galerie a:hover { background: #444; }

.lista-ikon { text-align: center; color:#fff; padding: 50px 0; }
.texty .lista-ikon h2 { font-size: 35px; font-weight:300; line-height: 50px; padding-bottom: 20px; }
.ikony {   }
.ikony li { background-repeat:no-repeat; background-position: top center; display:block; float:left; min-width:105px; padding: 65px 0 15px 0; text-align:center; }
.cols8 li { width: 12.5%; }
.cols7 li { width: 14.2%; }
.ikony li span { padding: 0 10px; }
.ico-1 { background-image:url(/img/ico-1-reznictvi.png); }
.ico-2 { background-image:url(/img/ico-2-pekarstvi.png); }
.ico-3 { background-image:url(/img/ico-3-cukrarstvi.png); }
.ico-4 { background-image:url(/img/ico-4-kavarny.png); }
.ico-5 { background-image:url(/img/ico-5-fastfoody.png); }
.ico-6 { background-image:url(/img/ico-6-restaurace.png); }
.ico-7 { background-image:url(/img/ico-7-bary.png); }
.ico-8 { background-image:url(/img/ico-8-samoobsluha.png); }

.ico-s1 { background-image:url(/img/ico-1-zarucni-i-pozarucni-servis.png); }
.ico-s2 { background-image:url(/img/ico-2-preventivni-servisni-prohlidky.png); }
.ico-s3 { background-image:url(/img/ico-3-oprava-zarizeni-primo-u-klienta.png); }
.ico-s4 { background-image:url(/img/ico-4-nahradni-zarizeni.png); }
.ico-s5 { background-image:url(/img/ico-5-bezplatny-svoz-zarizeni.png); }
.ico-s6 { background-image:url(/img/ico-6-nonstop-servis-helpdesk.png); }
.ico-s7 { background-image:url(/img/ico-7-telefonicka-podpora.png); }
.ico-t8 { background-image:url(/img/ico-8-chlazeni.png); }

.ico-t1 { background-image:url(/img/ico-1-narezove-stroje1.png); }
.ico-t2 { background-image:url(/img/ico-1-narezove-stroje2.png); }
.ico-t3 { background-image:url(/img/ico-1-narezove-stroje3.png); }
.ico-t4 { background-image:url(/img/ico-1-narezove-stroje4.png); }
.ico-t5 { background-image:url(/img/ico-1-narezove-stroje5.png); }
.ico-t6 { background-image:url(/img/ico-1-narezove-stroje6.png); }
.ico-t7 { background-image:url(/img/ico-1-narezove-stroje7.png); }
.ico-t8 { background-image:url(/img/ico-1-narezove-stroje8.png); }
.ico-t9 { background-image:url(/img/ico-1-narezove-stroje9.png); }
.ico-t10 { background-image:url(/img/ico-1-narezove-stroje10.png); }
.ico-t11 { background-image:url(/img/ico-1-narezove-stroje11.png); }
.ico-t12 { background-image:url(/img/ico-1-narezove-stroje12.png); }
.ico-t13 { background-image:url(/img/ico-1-narezove-stroje13.png); }
.ico-t14 { background-image:url(/img/ico-1-narezove-stroje14.png); }

.ico-y1 { background-image:url(/img/ico-tacky-1.png); }
.ico-y2 { background-image:url(/img/ico-tacky-2.png); }
.ico-y3 { background-image:url(/img/ico-tacky-3.png); }
.ico-y4 { background-image:url(/img/ico-tacky-4.png); }
.ico-y5 { background-image:url(/img/ico-tacky-5.png); }
.ico-y6 { background-image:url(/img/ico-tacky-6.png); }
.ico-y7 { background-image:url(/img/ico-tacky-7.png); }

.ico-sv1 { background-image:url(/img/ico-1-narezove-stroje5.png); }
.ico-sv2 { background-image:url(/img/ico-2-mlynky-na-maso.png); }
.ico-sv3 { background-image:url(/img/ico-3-pily-na-kosti.png); }
.ico-sv4 { background-image:url(/img/ico-1-narezove-stroje6.png); }
.ico-sv5 { background-image:url(/img/ico-5-mycky.png); }
.ico-sv6 { background-image:url(/img/ico-6-grily.png); }
.ico-sv7 { background-image:url(/img/ico-7-fritezy.png); }
.ico-sv8 { background-image:url(/img/ico-8-chlazeni.png); }

.link-pdf { background: transparent url(/img/ico-katalog-ke-stazeni.png) 10px center no-repeat; height: 45px; padding: 20px 0 20px 90px; display:block; max-width:250px; }

a.fulllink { position: absolute;width:100%;height:100%;display:block;z-index:8; top:0; }

.featherlight-content .legend {
    position: absolute;
    bottom: 10px;
    left:40px;
    padding: 10px 15px;
    font-size: larger;
    color: #000;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100&0.6+0,0.6+100;White+3D */
background: -moz-linear-gradient(top, rgba(255,255,255,0.6) 0%, rgba(229,229,229,0.6) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.6) 0%,rgba(229,229,229,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.6) 0%,rgba(229,229,229,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#99e5e5e5',GradientType=0 ); /* IE6-9 */
}



.novaHPinfo {
        text-align:center;
        padding: 40px 0;
}
.novaHPinfo h2 {
        font-size:30px; line-height:40px;
        color:#FF7300;
        padding: 15px 0;
}
.novaHPinfo .col>div {
        padding: 0 15px;
}
.novaHPinfo img {
        width:100%;
}
.novaHPinfo p {
        padding: 10px 0;
}
.novaHPloga { text-align:center; padding: 0 25px; max-width: 1040px; }
.novaHPloga img { width: 14%; }
.logaSlider {

}

.motto {
        text-align:center;
        color:#fff;
        font-weight:bold;
        font-size:45px; line-height:60px;
        position:absolute;
        width:calc(100% - 40px);
        top: 36vh;
        text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
        padding: 0 20px;
}
.motto span {
        display:block;
        color:#FF7300;
}







#nwlbox_thnx { width: 500px; height: 120px; padding: 25px; background: #eee; text-align: center; margin: auto; position:relative; }
#nwlbox_thnx h2 { font-size: 22px; color: #777; padding: 5px 0 15px 0; font-weight:300; }


@media screen and (max-width: 1050px) {
	.web{}
        #menu ul#nav li { padding: 0px 8px; }
}

@media screen and (max-width: 800px) {
	.web{}
	footer .copyright .nav { display: none; }
	.home-mapa .mapa { float: none; margin:auto; width:100%; max-width: 541px; display:block;}
	.home-mapa .mapa img { max-width:100%; }
        .novaHPloga img { width: 25%; }
}


@media screen and (min-width: 551px) and (max-width: 800px) {
	.web{}
	.col-md-4 { width: 50%; min-height: 140px; }
	.col-md-3 { width: 50%; min-height: 200px; }
}

@media screen and (max-width: 600px) {
	.web{}
	#carousel { display: none; }
	.mobileheader { display: block; width: 90%; margin: auto; }
	section { padding: 90px 15px 330px 15px;  }
        .novaHPloga img { width: 30%; }
}

@media screen and (max-width: 550px) {
	.web{}
	.col-md-4 { width: 100%; float:none; min-height: none; }
	.col-md-3 { width: 100%; float:none; min-height: none; }
	.col-md-2 { width: 100%; float:none; min-height: none; }
	.galerie a { float: none; display: block; margin:auto; text-align: center; }
	.galerie a img { margin:auto; }
	.partner { float:none; margin: 12px auto;}
	.refbox { float: none; margin: 15px auto; }
        .motto {
                font-size: 35px;
                line-height: 45px;
        }
}

@media screen and (max-width: 450px) {
	.web{}
	.copyright .social { display:none; }
         .novaHPloga img { width: 45%; }
}