*,
*::before,
*::after {
  box-sizing: border-box; }

*[id^="fancybox"] {
  box-sizing: content-box; }

* { margin:0;padding:0;}
html {
  font-family: sans-serif;
  font-size: 1rem;
  line-height: 1.15; }
article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
  display: block; }

body {
  font-weight: 400;
  line-height: 1.55;
  color: #242424;

  margin: 0;
  background-color: #fff;

  font-family: "Ubuntu", sans-serif;
  font-size: 1rem; }

.cookie-prefs { cursor: pointer; position: fixed; left: 10px; bottom: 10px; border-radius: 10000px; overflow: hidden; background: #fff; padding: 3px; box-shadow: 1px 2px 8px 0 rgba(0, 0, 0, 0.2);}
.cookie-icon { background: url('/files/cc-icon.png') center center no-repeat; display: inline-block; width: 32px; height: 32px; background-size: contain; vertical-align: middle; }
.cookie-prefs span { display: inline-block; overflow: hidden; vertical-align: middle; transition: all .5s; white-space: nowrap; max-width: 0; }

.cookie-prefs:hover span { padding: 0 12px 0 8px; max-width: 300px; }


.dn { display: none; }

.grayscale {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.fnt-preview { min-height: 36px; font-size: 0 }
.ui-menu-item:first-of-type .fnt-preview { min-height: auto; text-align: center; font-size: inherit }
.fnt-preview span { background-position: center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; bottom: 0; right: 0 }

.fnt-signet { background-image: url('/files/fnt-signet.png') }
.fnt-zurich { background-image: url('/files/fnt-zurich.png') }
.fnt-desyrel { background-image: url('/files/fnt-desyrel.png') }
.fnt-banff { background-image: url('/files/fnt-banff.png') }
.fnt-caxton { background-image: url('/files/fnt-caxton.png') }
.fnt-poppins { background-image: url('/files/fnt-poppins.png') }
.fnt-merriweather { background-image: url('/files/fnt-merriweather.png') }
.fnt-courgette { background-image: url('/files/fnt-courgette.png') }
.fnt-norican { background-image: url('/files/fnt-norican.png') }
.fnt-aladin { background-image: url('/files/fnt-aladin.png') }
.fnt-merienda_one { background-image: url('/files/fnt-merienda_one.png') }
.fnt-redressed { background-image: url('/files/fnt-redressed.png') }
.fnt-roboto_condensed { background-image: url('/files/fnt-roboto_condensed.png') }
.fnt-calibri { background-image: url('/files/fnt-calibri.png') }
.fnt-open_sans { background-image: url('/files/fnt-open_sans.png') }

#fntpfpotisk-button { border-radius: 0 !important; border: none; border-left: 3px solid #0c54a0; background: #cfe3fc; margin-top: -4px }

.show_all { text-align: right; padding-top: 15px }
.show_all button { border: none; border-radius: 3px; background: #0853a0; color: #fff; margin:0; padding: 5px 10px; cursor: pointer }
.show_all button.small { font-size: 80% }

.proste-hr { border: none; height: 2px; margin: 10px 0; background: #0c54a0 }

.hr2 { border: none; height: 2px; margin: 10px 0; background: #fff }

.site-info p {display: inline !important }

.rege .notifyjs-container { width: 400px; line-height: 1.7 }
.rege .notifyjs-bootstrap-base { white-space: normal !important }

body { }
.body{min-width:1074px;background:url('/images/208.png') center -55px repeat-x}


.price_from { color: #f60; padding: 5px 0; text-align: center; font-weight: bold; font-size: 12pt }

.sklad_qty { color: #f60; padding: 5px 0; text-align: center; font-weight: normal; font-size: 12pt }
.vyroba_qty { color: #f60; padding: 5px 0; text-align: center; font-weight: normal; font-size: 12pt }

body:before { content: ''; display: block; height: 30px; background: url('/files/pruh.jpg') center center no-repeat; background-size: cover; }

/*body:after { content: ''; display: block; height: 90px; background: url('/images/377.png') center center no-repeat; background-size: cover; }*/

.region-right .section_tisteny-katalog { background: url('/files/katalog-form.jpg') 95% center no-repeat }

h3 small { font-weight: 400 }

.big-baner { border:2px solid #cfe3fc; margin: 10px 0 5px 0; }

li.pf-vyprodej { display:none !important; /* font-weight: bold; color: #c32328; text-align: center; font-size: 100%; padding: 15px 0 ; border: 1px solid #c32328 !important; margin: 10px 0 */ }

img{vertical-align:middle;outline:none;border:none}

.button-tisteny-katalog{position:absolute;left:1100px;top:-146px; -ms-transform: rotate(9deg); -webkit-transform: rotate(9deg); transform: rotate(9deg); }

a{text-decoration:none;color:inherit}
a img{border:none;outline:none}
a.external{padding-right:14px;background:url('/images/7t.gif') right center no-repeat}

.front-title{color:#0853a0;border-bottom:2px solid #cfe3fc;/*height:95px;*/font-size:26pt;padding:15px 0;/*background:url('/images/219.png') 100% 100% no-repeat*/}

.clear{clear:both}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}

.r{float:right}
.l{float:left}

.informace{padding:4px 0px 10px 0;margin:15px 0;border:2px solid #f60;font-size:14pt;color:#f60}
.informace p{text-align:center !important}

.tisteny-katalog{width:420px}
.tisteny-katalog label{width:127px !important}

.form-block{margin-bottom:50px}
.form-block .pair{margin-top:8px}
.form-block .pair label{display:block}
.form-block .pair label em{font-size:8pt;position:relative;top:-5px;color:#cf0001}
.form-block .pair .textbox{border:none;font-size:12pt;padding:5px 8px;padding-right:35px;border-bottom:2px solid #0853a0;background:#c9e5fe;color:#000}
.form-block .pair .textarea{border:none;font-size:12pt;padding:5px 8px;padding-right:35px;border-bottom:2px solid #0853a0;background:#c9e5fe;resize:none;color:#000}
.form-block .pair .checkbox{position:relative;top:2px;margin-right:15px}
.form-block .pair .size-m{width:250px}
.form-block .pair .size-l{width:350px}
.form-block .pair .size-s{width:100px}
.form-block .pair .ok{}
.form-block .pair .error{background:#fff5f5 url('/images/224.png') 98% 50% no-repeat;background-size:18px;border-color:#d54545}


.buttons{margin-bottom:100px;margin-top:50px}
.buttons:after{content:'';display:block;clear:both}
.btn{display:inline-block;border:none;border-radius:2px;line-height:normal;vertical-align:middle;padding:10px 15px;cursor:pointer}
.btn em{font-style:normal}
.btn.l{margin-right:3px}
.btn.r{margin-left:3px}
.btn.l em{margin-right:10px}
.btn.r em{margin-left:10px}
.btn-big{font-size:14pt;padding:15px 30px;font-weight:bold}
.btn-big.l em{margin-right:25px}
.btn-big.r em{margin-left:25px}
.btn-green{background:#51a500;color:#fff}
.btn-blue{background:#c9e5fe;color:#0853a0}
.btn-orange{background:#f60;color:#fff}

.uploadify-button{border:none;border-radius:2px}
.uploadify-button span{display:block;text-align:center}

.uploadify-queue-item .cancel a {
	background: url('/textpattern/3rdparty/uploadify/uploadify-cancel.png') 0 0 no-repeat;
	float: right;
	height:	16px;
	text-indent: -9999px;
	width: 16px;
}
.col{width:1074px;margin:0 auto}
.header .col{ display: flex; flex-wrap: wrap; padding-top: 15px; padding-bottom: 15px; }

.reklama { width: 77px; height: 300px; position: absolute; top: 25px; right: 0; overflow: hidden; transition: width .75s ease .5s }
.reklama img { max-width: none !important; }
.reklama:hover {
  width: 313px;
}

@media screen and (max-width: 1024px) {
  .reklama { display: none }
}

.path .col{background: url('/images/91.png') 0 0 no-repeat;padding:0 25px}
.path{height:35px;line-height:35px;font-size:8pt;text-align:right;text-transform:lowercase;color:#0c54a0;margin-bottom:-15px}

.main .col{padding-bottom:25px;position:relative}

.footer{background:#c9e5fe; font-size: 10pt; }
.footer .col{background: url('/images/368.png') 0 26px no-repeat}

.order-steps{height:60px;color:#c9e5fe;margin:15px 0;border-bottom:2px solid #c9e5fe;border-top:2px solid #c9e5fe;padding:2px 0}
.order-steps em{font-style:normal;display:block;font-size:12pt;font-weight:bold}
.order-steps li{list-style:none;float:left;width:25%}
.order-steps li a{display:block;text-align:center;height:40px;padding:10px 0}
.order-steps li.active a{background:#c9e5fe;color:#0853a0 !important}
.order-steps li a:hover{color:#0853a0}

.order-delivery li{list-style:none;line-height:50px;height:50px;position:relative}
.order-delivery li input{vertical-align:middle;margin:0 25px}

.order-delivery .suggested{text-transform:uppercase;display:inline-block;line-height:normal;padding:3px 8px;border-radius:3px;vertical-align:middle;background:#c9e5fe;color:#0853a0;font-style:normal;font-size:8pt;margin-left:30px}
.order-payment li{list-style:none;line-height:50px;height:50px;position:relative}
.order-payment li input{vertical-align:middle;margin:0 25px}

.delivery-price{background:#c9e5fe;color:#0853a0;text-align:right;padding:10px 25px;margin:50px 0}
.delivery-price .price{font-weight:bold;font-style:normal}

.sites-bar{height:55px;line-height:55px}
.sites-bar .site-url{float:left;width:250px;font-size:12pt;color:#00a8ff;font-style:italic;font-weight:600}

.sites-bar .links {
  height:55px; list-style: none;
}
.sites-bar .links a:hover {
  text-decoration:underline;
}
.sites-bar .links .current a {
  text-decoration:none;
}
.sites-bar .links li{
  position: relative; float: left; background: url('/images/215.png') right center no-repeat; margin-right: -5px;
}
.sites-bar .links a {
  display: block; height: 100%; padding: 0 15px;
}
.sites-bar .links li:before {
  content: '';
  position: absolute; border-left: 20px solid transparent; border-bottom: 55px solid transparent; left: -10px; top: 0px;
}
.sites-bar .links li:after {
  content: '';
  position: absolute; border-right: 20px solid transparent; border-top: 55px solid transparent; right: -10px; top: 0px;
}
.sites-bar .links .current {
  font-weight: bold;
  color:#fff;
  background: #00a8ff;
  /*background: #962983;*/
}
.sites-bar .links .current:before {
  border-left: 20px solid #c9e5fe; border-bottom: 55px solid #00a8ff;
  /*border-left: 20px solid #c9e5fe; border-bottom: 55px solid #962983;*/
}
.sites-bar .links .current:after {
  border-right: 20px solid #c9e5fe; border-top: 55px solid #00a8ff;
  /*border-right: 20px solid #c9e5fe; border-top: 55px solid #962983;*/
}
.sites-bar .links li:last-of-type {
  background: none;
}

.menu-bar{margin:0; padding:0; color:#fff; margin-left: auto;}
.menu-bar li{height:55px;padding-left:25px;list-style:none;background:url('/images/210.png') 0 50% no-repeat;text-align:center;float:left}
.menu-bar li a{display:inline-block;height:55px;padding:0 10px}
.menu-bar li a:hover .title{text-decoration:underline}
.menu-bar li .title{display:block;font-weight:bold;font-size:14pt;padding-top:5px}
.menu-bar li .basket{background:url('/images/211.png') 0 50% no-repeat;padding-left:65px;text-align:right;padding-right:0}

.ads-bar{height:50px;line-height:50px; padding-top: 15px; }
.ad{color:#fff;width:1074px;height:50px;line-height:50px;text-align:center;font-size:12pt;font-weight:600;letter-spacing:1px}
.ad strong{font-size:18pt;margin:0 5px;line-height:50px}

.site-logo{margin:0; padding: 0; overflow:hidden; }
.site-logo a{display:block;width:308px;height:61px;background: left top no-repeat}
.site-logo a span{visibility:hidden;}

.main .col-1{width: 220px}
.main .col-2{width: 824px;min-height:640px}

.main .col-1 ul{margin:0;padding:0;margin-bottom:15px;color:#0853a0}
.main .col-1 li{list-style:none;border-bottom:1px dotted #0853a0;line-height:30px}

.main .col-1 .small-reklama{border-top:1px dotted #0853a0;border-bottom:1px dotted #0853a0;margin:10px 0}
.main .col-1 .small-reklama p{margin:6px 0 !important}

.content{position:relative} 
.content p{text-align:justify;margin-top:6px}
.content table p{margin:0;padding:0}
.content h2{line-height: 36px;height:36px;font-size:16pt;color:#0853a0}
.content h3{color: #31549c;font-size:12pt;margin-top:10px}
.content ul{margin-top:8px}
.content sup{font-size:8px;line-height:8px !important}

#copy{position:absolute;right:25px;bottom:15px;text-align:right;font-size:8pt;color:#0853a0}
#copy a{text-decoration:underline}
#copy a:hover{text-decoration:none}

.region-right { float: right }
.region-left { float: left }

.half-width{width:50%}

.rychle-info { margin-top: 25px }

.sblok { padding: 0 30px; padding-top: 15px }
.sblok h3 { font-size: 10pt !important; color: #000 !important; padding: 0 !important; margin: 6px 0 !important }
.sblok a { color: #000 }
.sblok a:hover { text-decoration: underline }
.sblok li { list-style: none }
.sblok-novorocenky01, .sblok-novorocenky02, .sblok-informace, .sblok-projekty { float: left; width: 25%; overflow: hidden }
.sblok-novorocenky02 h3 { visibility: hidden }


.blok-akce h2 { margin-bottom: 15px }
.blok-akce li { list-style: none }

.titulka-kalkulacky { text-align: center; padding-top: 15px; margin-bottom: -25px }

.prolinacka { text-align: center }

.kalkulace { padding-bottom: 15px }
.kalkulace h3 { margin: 0 30px !important; padding-left: 0; padding-right: 0; color: #31549c; font-size: 12pt; border-bottom: 2px solid #31549c; padding-top: 15px }
.kalkulace label { width: 100px !important }

.cool-table{border-collapse:collapse;margin: 6px auto }
.cool-table thead td { border-top: 2px solid #0c54a0; background-color: #fff; font-size: 8pt }
.cool-table tbody { }
.cool-table tfoot td { border-top: 2px solid #0c54a0; font-size: 8pt; color: #000; text-align: right }
.cool-table td { padding: 3px 5px }
.cool-table tbody tr { background: #fff }
.cool-table tr.barva { background: #cfe3fc }
.cool-table tr.last td { border-bottom: 2px solid #0c54a0 }

.form-blok{padding:5px 0;/*background:#c9e5fe;border-top:2px solid #0c54a0;border-bottom:2px solid #0c54a0*/}
.form-blok p{margin:6px 0;padding:0}
.form-info{margin:2px 0;font-size: 8pt;margin-bottom:-55px}
.form-info p {text-align:right !important}
.form-blok a,.form-blok a:hover,.form-info a,.form-info a:hover{color:#000;text-decoration:underline}

.form-row{margin:2px 0;padding:0 10px}
.form-row img{margin-left:4px;vertical-align:baseline;position:relative;top:3px}
.form-row label{display:inline-block;width:250px}
.form-row input{font-size:12pt;padding:4px 5px;border:none;border-left:3px solid #0c54a0;background:#CFE3FC}
.form-row .radio{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row .checkbox{background:transparent !important;border:none !important;vertical-align:baseline;position:relative;top:2px}
.form-row select{font-size:12pt;padding: 4px 1px;border:none;border-left:3px solid #0c54a0;background:#CFE3FC}
.form-row textarea{font-size:12pt;padding:4px 5px;border:none;border-left:3px solid #0c54a0;background:#CFE3FC}
.form-buttons{padding:15px 0px;text-align:right}

.button {
  font-weight: bold; text-decoration: none; display: inline-block; min-width: 146px; height: 30px; line-height:30px; color:#fff; text-align:center; background: #f60; cursor: pointer; border: none; outline: none; padding: 0 15px; border-radius: 3px;
}
.button-back {
  float: left;
}

.kalkulacka { position: relative }
.kalkulacka .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('/images/83.gif') center center no-repeat #ddd; opacity: 0.5; zoom: 1; filter: alpha(opacity=50); display: none }

.kalkulacka #suma_celkem, .kalkulacka #suma_kus { display: inline-block; width: 120px; text-align: right }
.kalkulacka #suma_celkem { font-weight: bold }

.objednavka h3 { padding-left: 0; padding-right: 0; color: #31549c; font-size: 12pt; border-bottom: 1px solid #31549c; padding-top: 15px }

.objednavajici h3,.fakturacni h3,.ostatni h3,.dodaci h3 {border-bottom:1px solid #31549c}

.blok-prilohy li { display: inline-block; zoom: 1; *display: inline; width: 50%; line-height: 30px }
.blok-prilohy img { position: relative; top: 3px; margin-right: 10px }
.blok-prilohy a { opacity: 0.5; zoom: 1; filter: alpha(opacity=50) }
.blok-prilohy a:hover { opacity: 1; zoom: 1; filter: alpha(opacity=100) }

.blok-vitejte { width: 49% !important }

.content .article { margin-top: 10px }

.article ul { margin: 6px 20px; padding: 0 15px }
.article ul ul { margin: 6px 10px; padding: 0 15px }

.article .cool-table { width: 824px }

.rounded { /*-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; *behavior: url('/js/border-radius.htc'); border-radius: 5px*/ }

.bottom-menu{width:824px;height:200px;position:relative;margin-left:auto;}
.bottom-menu a:hover{text-decoration:underline}


.text-titulka { width: 787px; background: url('/images/91.png') left top no-repeat; padding-top: 25px }
.text-titulka .shade { background: url('/images/95.jpg') center center no-repeat }

.reklama-front { width: 216px; margin-bottom: -25px }

.vypis-kolekce { width: 787px; padding-top: 25px }

.reklama-head { padding-left: 30px }

.footer li{list-style:none}
.footer h3{font-size:10pt;padding:3px 0px;margin-bottom:10px;border-top:1px solid #0c54a0;border-bottom: 1px solid #0c54a0}
.foot-1,.foot-2,.foot-3,.foot-4{float:left;color:#0c54a0;padding-top:28px}
.foot-1{width:324px}
.foot-2{margin-left:10px;width:175px}
.foot-3{margin-left:10px;width:135px}
.foot-4{margin-left:10px;width:160px}
.foot-1 ul{float:left}

#fb-button{position:absolute;right:-20px;top:0}

#novorocenky-rozcesti { border-collapse: collapse !important; margin: 0 auto }
#novorocenky-rozcesti td { padding: 5px 3px; text-align: center }


.products {margin:0 -5px}

.products .product{position:relative;border-bottom:5px solid #cfe3fc;float:left;width:268px; margin:5px; padding-bottom: 5px}

.products .discount { display:block; position:absolute; left:191px; top:0px; width:62px; height:54px; background:transparent url('/images/339.png') -379px 0px no-repeat }
.products .discount-30 {background:transparent url('/images/339.png') -3px 0px no-repeat}
.products .discount-25 {background:transparent url('/images/339.png') -66px 0px no-repeat}
.products .discount-20 {background:transparent url('/images/339.png') -128px 0px no-repeat}
.products .discount-15 {background:transparent url('/images/339.png') -191px 0px no-repeat}
.products .discount-10 {background:transparent url('/images/339.png') -253px 0px no-repeat}
.products .discount-5 {background:transparent url('/images/339.png') -316px 0px no-repeat}

.products .novinka { display:block; position:absolute; left:198px; top:198px; width:62px; height:62px; background:transparent url('/images/339.png') 0px -79px no-repeat }

.products .varianty { display:block; position:absolute; left:10px; top:10px; width:62px; height:62px; background: rgba(255,102,0,.15); border-radius: 32px; text-align: center; line-height: 60px }

.products .multi { position: absolute; left: 184px; top: 7px }

.products .product .image{padding:7px;border:2px solid #cfe3fc;text-align:center}
.products .product .image img{max-width:250px;width:250px}
.products .product h3{padding:3px 3px;margin:0;text-align:center;overflow:hidden;text-overflow:ellipsis;}

.products .product .info em{font-size:11px;font-style:normal;font-weight:normal;white-space:nowrap;}

.products .product p{padding:0 3px;margin:0}
.products .product .info{/*max-height:70px*/}
.products .product .info a{color: #31549c}
.products .product .info a:hover{text-decoration: underline }
.products .product .info .detail{float: left; display: block; height: 20px; line-height: 20px; background: transparent url('/images/139.png') left center no-repeat; padding-left: 22px }
.products .product .info .objednat{ float: right; display: block; height: 20px; line-height: 20px; background: transparent url('/images/140.png') right center no-repeat; padding-right: 22px }

.products .product.hover{border-color:#f60}
.products .product.hover .image{border-color:#f60}
/*.products .product.hover .image img{width:264px;height:264px}*/

.products-front .product h3{padding:6px 3px;}
.products-front .product .image {padding:0 !important}
.products-front .product .image img{max-width:264px !important; width: 100%}
.products-front .product{padding-bottom:0 !important; width: 207px !important}
.products-front {margin-bottom: -25px; margin-right: -6px }

.products-special-list .product {width:198px !important}
.products-special-list .product h3{padding:6px 3px;font-size:10pt; !important}
.products-special-list .product .image {padding:0 !important}
.products-special-list .product .image img{max-width:194px !important}
.products-special-list .product{padding-bottom:0 !important}


.message-error { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #fbd3b1; border-color: #f5c69a; color: #ce2700 }
.message-warning { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #fff4cc; border-color: #f8e3ac; color: #e9990e }
.message-success { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #e0f2cb; border-color: #ccebac; color: #6da827 }
.message-information { margin: 10px auto; padding: 10px; border-width: 1px; border-style: solid; width: 75%; background-color: #e4edf5; border-color: #d8e1e9; color: #2e74b2 }

.wrap-odpocet {border-bottom:2px solid #cfe3fc;margin-bottom:right;overflow:hidden}
.special-informace{float:left;font-size:14pt;color:#c32328}
.special-informace p{margin:0;line-height:45px}
#odpocet{color:#0853a0;padding:/*10px*/ 0;text-align:center/*right*/;line-height:48px}

.order-sum{background:#cfe3fc;font-size:14pt;text-align:center;padding:15px 0; margin-bottom: 24px}

/** rege **/
body { border: none }

img { max-width: 100% !important }

.overlay { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: rgba( 128, 128, 128, 0.5 ) }
.side-menu { transition: right 2s; position: fixed; right: -300px; top: 0; bottom: 0; overflow-x: hidden; width: 225px; background: #fff; padding: 5px 15px 0 60px }
.side-menu.visible { right: 0px }


.lista { padding: 0 20px; height: 30px; position: absolute; top: 0; left: 0; right: 0; line-height: 30px; color: #fff }

.custom-menu { display: inline-block; float: right }
.custom-menu a { margin: 0 8px }
.toggle-menu { color: inherit; /*background: url('/images/384.png') left center no-repeat; background-size: 20px 20px; padding-left: 30px */}


.menu-logo { margin: 40px 0; margin-top: 28px }

.menu { list-style: none; margin-top: -20px }
.menu > li { margin-top: 2px }
.menu > li > a { display: block; position: relative; text-decoration: none; line-height: 38px; font-size: 18px }
.menu > li > a:after { content: ''; position: absolute; left: 0; bottom: 0; height: 3px; background: #ef7f1a; transition: width 5s }
.menu .active > a { font-weight: 700; color: #ef7f1a }
.menu .active > a:after { width: 58px }
.menu li:not(.active) > a:hover:after { animation-name: menu-hover; animation-duration: 0.4s; width: 58px }

.menu .sub { list-style: none; margin: 8px 0; margin-left: 15px }
.menu .sub > li { font-size: 14px; line-height: 22px }
.menu .sub a:hover { text-decoration: underline }

.social { font-size: 28px; color: #898989; margin: 54px 0px }
.social a { margin: 0 8px }

.text-right { text-align: right !important }

@media only screen and (min-width: 576px) {

}
@media only screen and (min-width: 768px) {
  /*body { border: 10px solid #efefef; border-top: none !important }*/
  .rege-site { display: inline }
}
@media only screen and (min-width: 992px) {
/*  body { border: 15px solid #efefef; border-top: none !important }*/
  .rege-slogan { display: inline }
}
@media only screen and (min-width: 1200px) {
/*  body { border: 30px solid #efefef; border-top: none !important }*/

  .main .col {
    /*width: 1150px;*/
  }

}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 130px;
  background-color: #31549c;
  color: #fff;
  text-align: center;
  padding: 10px 15px;
  border-radius: 3px;
  font-weight: normal;

  /* Position the tooltip text */
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -100px;

  /* Fade in tooltip */
  opacity: 0;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext div {
  text-align: left; padding: 0 5px
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: 15px;
  border-width: 5px;
  border-style: solid;
  border-color: #31549c transparent transparent transparent;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.productdetail .description p { text-align: left }


/**** 2023 ****/

.container { width: 1074px; margin: 0 auto; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }

footer { position: relative; background-color: #0082c9; }
footer::before { position: absolute; content: ""; left: 0; right: 0; top: -28px; height: 28px; background: url('/files/strip-3.svg') center center no-repeat; }

footer .container { display: flex; flex-wrap: wrap; padding: 45px 0; }

.fb { width: 25%; }


.copy { position: relative; background-color: #ffd460; padding: 35px 0; color: #000; font-size: .85rem; }
.copy::before { position: absolute; content: ""; left: 0; right: 0; top: -38px; height: 38px; background: url('/files/vlna-4.svg') center top no-repeat; }
.copy a { color: inherit; }
.copy a:hover { text-decoration: underline; }

