@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,300&subset=latin,latin-ext);
/* CSS Document */
body, html	{ height: 100%; max-width: 100%;}
body	{ padding-top: 90px; background: black;}
body#intro	{ padding-top: 0; background:url('http://www.tubapack.eu/sk/img/bg-intro.jpg') bottom center no-repeat fixed; background-size: cover;}
	body#intro h2	{ height: 80px; font-size: 25px; padding-top: 33px; font-weight: 300;}
	body#intro h2.ru	{ padding-top: 0px;}

#links.reset-style a { width: unset; padding-bottom: 5px;}

h1, .h1, h2, .h2, h3, .h3	{ font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100;}
p	{ text-align: justify;}
.breadcrumb	{ border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; /*background: rgba(255, 255, 255, 0.4) none repeat scroll 0 0;*/ border-top: 1px solid rgba(243, 123, 48, 1); margin: -20px 0 10px; background-color: transparent;}
/*.breadcrumb > li + li:before	{ color: #000;}*/

.btn-default { background-color: transparent; color: White; border-color: White;}

.img-thumbnail.img-circle	{ border-radius: 50% !important;}

#map-canvas	{ margin-top: 30px;}

/* SECTIONs */
section	{ margin: 0; padding: 0;}

#Billboard	{ margin-bottom: -100px; margin-top: -90px; background-color: #000;}
#Teaser	{ margin-top: 0px; padding: 0 0 150px 0;}
	#Teaser p	{ text-align: center;}
#Stats	{ margin: 0; padding: 55px; height: 240px;}
	#Stats .row	{ padding: 14px 0;}
	#Stats p	{ text-align: center;}
	section#Stats h2.pad-top-14	{ padding-top: 14px;}
#StatsHome	{ margin: 0; padding: 65px; height: 400px;}
	#StatsHome .row	{ padding: 14px 0;}
	#StatsHome p	{ text-align: center;}
	section#StatsHome h2.pad-top-14	{ padding-top: 14px;}		
#AlProduction	{ /*background: url(../img/bg-alproduction.jpg) fixed center center; background-size: cover; height: 200px;*/}
#AlTubes	{ min-height: 1500px; margin: 0; padding: 0; position: relative;}
#Creator, #Filling	{ padding: 60px 0; background-color: black; height: 364px;}
#FillingHome	{ padding: 85px 0; background-color: black; height: 400px;}
#CreatorHome	{ padding: 100px 0; background-color: black; height: 400px;}
#LamProduction	{ /*background: url(../img/bg-lamproduction.jpg) fixed center center; background-size: cover; height: 200px;*/}
	#LamProduction p	{ text-align: center;}
#LamProductionHome	{ /*background: url(../img/bg-lamproduction.jpg) fixed center center; background-size: cover; height: 200px;*/}
	#LamProductionHome p	{ text-align: center;}	
#LamPrices	{ background: rgba(255,255,255,0.75) url(../img/bg-shelf.png) center 100px no-repeat; background-size: 61% 114%; padding: 107px 0 24px; margin-top: 65px;}
	#LamPrices p	{ text-align: center;}
#LamPricesBg	{ background: rgba(255,255,255,0.75)  center 107px no-repeat; background-size: 55% 113%; padding: 225px 0 41px;}	
#Brail, #Cones, #LastingPackaging, #CSR	{ background: #454545; color: white;/* 
background: -moz-linear-gradient(left, #000000 0%, #595959 20%, #666666 30%, #474747 50%, #131313 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(20%,#595959), color-stop(30%,#666666), color-stop(50%,#474747), color-stop(100%,#131313)); 
background: -webkit-linear-gradient(left, #000000 0%,#595959 20%,#666666 30%,#474747 50%,#131313 100%); 
background: -o-linear-gradient(left, #000000 0%,#595959 20%,#666666 30%,#474747 50%,#131313 100%); 
background: -ms-linear-gradient(left, #000000 0%,#595959 20%,#666666 30%,#474747 50%,#131313 100%); 
background: linear-gradient(to right, #000000 0%,#595959 20%,#666666 30%,#474747 50%,#131313 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313',GradientType=1 ); */ padding: 60px 0; border-bottom: 1px solid #666; border-top: 1px solid #666; margin: 30px 0;}
#LastingPackaging	{ background: #454545; padding: 25px 0; border-bottom: 1px solid #666; border-top: 1px solid #666; margin-bottom: 30px;}
#WeSustainability	{ background: #454545; padding: 30px 0; border-bottom: 1px solid #666; border-top: 1px solid #666; margin-bottom: 30px;}
#Steps { margin-bottom: 30px;}
#Certs	{ margin: 0; padding: 0;}
	#Certs .row	{ padding: 40px 0;}
	#Certs p	{ text-align: center;}
#CertsHome	{ margin: 0; padding: 20px; height: 400px;}
	#CertsHome .row	{ padding: 5px 0;}
	#CertsHome p	{ text-align: center; margin: 0;}	
#Contacts	{}

#FillLabel	{}
#FillServis	{ background: #222 url(../img/bg-fill-servis2.jpg) center center no-repeat fixed; background-size: cover; padding: 40px 0;}
#FillQuality	{ padding: 80px 0;}
#FillProducts	{ padding: 40px 0; background: #333;}
#FillCreativity	{ background: #042a38 url(../img/bg-filling-creative.png) 10% center no-repeat; padding: 70px 0; margin-bottom: 50px;}

#Nadacia0, #Nadacia1, #Nadacia2, #Nadacia3, #Nadacia4, #Nadacia5, #Nadacia30	{ padding: 40px 0;}
#Nadacia2, #Nadacia4	{ background-color: #333;}
#Nadacia30	{ background-color: #222; border-bottom: 1px solid #333;}
#RealizovaneProjekty .window { background-color: transparent; box-shadow: none;}

#lang-tag	{ position: fixed; top: 180px; right: 0; z-index: 9999; background-color: rgba(0,0,0,0.5); color: #fff; padding: 10px;}
#lang-tag-inner	{ background-color: rgba(0,0,0,0.5); color: #fff; border-right: none; position: fixed; right: -200px; top: 180px; width: 200px; padding: 10px;}

#lang-tag {
    animation-duration: 0.5s;
    animation-name: slideLeft;
    animation-timing-function: ease-in-out;
}

#lang-tag, #lang-tag-inner {
    transition-duration: 0.5s;
}

#lang-tag:hover {
    right: 200px;
}
#lang-tag:hover #lang-tag-inner {
    right: 0;
}

.big, big	{ font-size: 3em;}
.special	{ font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100;}
.thin	{ font-weight: 100;}
.white	{ color: white !important;}
.shadowed	{ text-shadow: 1px 1px 1px rgba(0,0,0,1);}
.cont-label	{ width: 70px; display: inline-block;}
.highlight	{ background: rgba(243, 123, 48, 1); color: #FFF; padding: 10px; font-style: italic;}

.row-1, .row-2, .row-3, .row-4	{ margin-bottom: 40px;}

.teas-img p	{ text-align: center;}

#Teaser .teas-item	{ display: block;}
#Teaser .teas-img	{ display: block; overflow: hidden; width: 100%; max-height: 214px;}
	#Teaser .row-1 .teas-img	{ border: 5px solid rgba(0,0,0,.65);}
	#Teaser .row-2 .teas-img	{ border: 5px solid #FFF;}
	#Teaser .row-3 .teas-img	{ border: 5px solid rgba(243, 123, 48, 1);}
	#Teaser .row-4 .teas-img	{}

#Teaser .teas-img a	{ display: block; overflow: hidden;}
#Teaser .teas-img a:hover	{ text-decoration: none;}
#Teaser .teas-img a img	{ margin: 0; max-height: 214px; transition: all 2s ease 0s;}
#Teaser .teas-item:hover .teas-img a img	{ transform: scale(1.1) rotate(-1.5deg);}

#Teaser .teas-item .teas-img span	{ display: block; position: relative; bottom: 45px; background-color: rgba(0,0,0,.6); padding: 10px 0; color: #fff;}


#links .teas-item	{ display: block; height: 150px; position: relative;}
#links .teas-img	{ display: block; overflow: hidden; width: 100%; height: 135px; max-height: 150px;}

#links .teas-img a	{ display: block; overflow: hidden;}
#links .teas-img a:hover	{ text-decoration: none;}
#links .teas-img a img	{ margin: 0; width: 100%; transition: all 2s ease 0s;}
#links .teas-item:hover .teas-img a img	{ transform: scale(1.2);}

#links .teas-item .teas-img a span	{ display: none;}

#Albums .teas-item	{ display: block; height: 150px; position: relative;}
#Albums .teas-img	{ display: block; overflow: hidden; width: 100%; height: 135px; max-height: 150px;}

#Albums .teas-img a	{ display: block; overflow: hidden; color: #FFF;}
#Albums .teas-img a:hover	{ text-decoration: none; color: rgba(243, 123, 48, 1);}
#Albums .teas-img a img	{ margin: 0; width: 100%; transition: all 2s ease 0s;}
#Albums .teas-item:hover .teas-img a img	{ transform: scale(1.2);}

#Albums .teas-item .teas-img a span	{ display: block; position: absolute; width: 100%; bottom: 10px; background-color: rgba(0,0,0,.6); padding: 10px;}

#News .teas-item	{ display: block; height: 180px; position: relative;}
#News .teas-img	{ display: block; overflow: hidden; width: 100%; height: 150px; max-height: 150px; background-color: rgba(255,255,255,0.3);}

#News .teas-img a	{ display: block; overflow: hidden; color: #FFF;}
#News .teas-img a:hover	{ text-decoration: none; color: rgba(243, 123, 48, 1);}
#News .teas-img a img	{ margin: 0; width: 100%; transition: all 2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border: none; padding: 0;}
#News .teas-item:hover .teas-img a img	{ transform: scale(1.1);}

#News .teas-item .teas-img span	{ display: block; position: absolute; width: 90%; bottom: 30px; background-color: rgba(0,0,0,.6); padding: 10px;}

.news.detail .imgHolder	{ margin: 10px 0 30px; max-height: unset; width: 100%; overflow: unset; text-align: center;}
.news.detail .imgHolder img	{ margin-top: 0; max-width: 100%; color: rgba(0,0,0,0);}

#Obstaravanie .teas-item	{ display: block; height: 180px; position: relative;}
#Obstaravanie .teas-img	{ display: block; overflow: hidden; width: 100%; height: 150px; max-height: 150px; background-color: rgba(255,255,255,0.3);}

#Obstaravanie .teas-img a	{ display: block; overflow: hidden; color: #FFF;}
#Obstaravanie .teas-img a:hover	{ text-decoration: none; color: rgba(243, 123, 48, 1);}
#Obstaravanie .teas-img a img	{ margin: 0; width: 100%; transition: all 2s ease 0s; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border: none; padding: 0;}
#Obstaravanie .teas-item:hover .teas-img a img	{ transform: scale(1.1);}

#Obstaravanie .teas-item .teas-img span	{ display: block; position: absolute; width: 90%; bottom: 30px; background-color: rgba(0,0,0,.6); padding: 10px;}

hr, .hr	{ border-color: rgba(255,255,255,.5);}

div.contact .imgHolder	{ margin-bottom: 30px; width: 30%; float: left;}

.jumbotron	{ padding: 120px 0 120px; background-color: #000; height: 400px; margin-top: 18px;}
.jumbotron h1, .jumbotron .h1	{ color: #FFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5); font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; font-size: 45px;}
@media (max-width: 768px) {.jumbotron .highlight	{ font-size: 16px;}.navbar-brand	{ max-width: 250px;}.navbar-toggle{margin-top:20px;}}


.navbar-inverse, .navbar-inverse li, .navbar-inverse a, .navbar-inverse .navbar-nav > li > a	{ background-color: transparent; font-weight: normal;}
.navbar-inverse	{ /*background-color: rgba(0,0,0,0.8);*/ border: none; z-index: 10000;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 51%, rgba(0,0,0,0.5) 77%, rgba(0,0,0,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.8)), color-stop(51%,rgba(0,0,0,0.8)), color-stop(77%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 51%,rgba(0,0,0,0.5) 77%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 51%,rgba(0,0,0,0.5) 77%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 51%,rgba(0,0,0,0.5) 77%,rgba(0,0,0,0) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.8) 51%,rgba(0,0,0,0.5) 77%,rgba(0,0,0,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */


}

@-webkit-keyframes anim {
    from { background-position: 0px; }
    to { background-position: -6200px; }
}

@-moz-keyframes anim {
    from { background-position: 0px; }
    to { background-position: -6200px; }
}

@keyframes anim {
    from { background-position: 0px; }
    to { background-position: -6200px; }
}

.animAl	{ width: 100px; height: 200px; background-image: url("http://tubapack.gibox.cc/img/animation/alu-sekvencia.png"); margin: 0 auto;}
.animAl:hover	{ width: 100px; height: 200px; background-image: url("http://tubapack.gibox.cc/img/animation/alu-sekvencia.png"); margin: 0 auto; -webkit-animation: anim 6s steps(62, end) infinite; -moz-animation: anim 6s steps(62, end) infinite; animation: anim 6s steps(62, end) infinite;}
.animLam	{}

/* FORMs */

.main.member form .form-group	{ margin-left: 0; margin-right: 0;}

/* Parallax */
/*.para, .para1, .para2, .para3, .para4, .para5, .para6, .para7, .para8, .para9, .bg	{ background-attachment: fixed;}*/
#AlProduction { background-image: url(../img/bg-alproduction.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
	#AlProduction p { text-align: center;}
#AlProductionDetail { background-image: url(../img/bg-alproduction.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#AlProductionHome { background-image: url(../img/bg-alproduction.jpg); background-repeat: no-repeat; background-size: cover; height: 400px; padding: 100px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
	#AlProductionHome p { text-align: center;}
#LamProduction { background-image: url(../img/bg-lamproduction3.jpg); background-repeat: no-repeat; background-size: cover; padding: 50px 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#LamProductionHome { background-image: url(../img/bg-lamproduction3.jpg); background-repeat: no-repeat; background-size: cover; height: 800px; padding: 124px 0 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#Certs { background-image: url(../img/bg-lab.jpg); background-repeat: no-repeat; background-size: cover;}
#CertsHome { background-image: url(../img/bg-lab.jpg); background-repeat: no-repeat; background-size: cover;}
#Future {background-image: url('http://www.tubapack.eu/sk/image/bg-future.jpg'); background-repeat: no-repeat; background-size: cover; padding: 90px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#Sustainability {background-image: url('http://www.tubapack.eu/sk/image/bg-future.jpg'); background-repeat: no-repeat; background-size: cover; height: 400px; padding: 85px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}
#Sustainability p { text-align: center;}
#Green {padding: 50px;}
#Green .container {max-height: 150px;}
#Advantages .img-responsive { margin-left: 27px;}
#Advantages .col-md-offset-1 { margin-left: 140px;}
#WeSustainability { padding-top: 50px;}
#WeSustainability .lead { margin-top: 20px;}
#WeSustainability .special { padding-bottom: 10px; line-height: 44px;}
#WeSustainability .h2 { margin-bottom: 20px; margin-top: 20px;}
#WeSustainability .col-md-offset-1 { margin-left: 140px;}
#Steps .h3 { padding-bottom: 8px;}
#Steps .col-md-offset-1 { margin-left: 140px;}
#StepsSpecific .row { margin-left: 28px; margin-right: -50px;}
#CSR .special { padding-bottom: 10px;}
#CSR .col-md-offset-1 { margin-left: 140px;}
#Future .big { color: #FFF; text-shadow: 0 0 4px rgba(0, 0, 0, 0.5), 0 0 10px rgba(0, 0, 0, 0.5); font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 100; font-size: 45px; padding-bottom: 25px;}
#Future .lead {font-size: 19px; text-align: center;}
#RowAlternate {background-color: #1a1a1a;}

.al-tuba-1	{ background-image:url('http://www.tubapack.eu/sk/img/bg-al-tuba-pilos.png');height: 383px;margin: 0 auto;padding: 0;position: absolute;width: 525px;z-index: 200; background-repeat:no-repeat; bottom: -122px; right: 0;}
.al-tuba-2	{ background-image:url('http://www.tubapack.eu/sk/img/bg-al-tuba-henkel.png');height: 383px;margin: 0 auto;padding: 0;position: absolute;width: 490px;z-index: 201; background-repeat:no-repeat; bottom: -122px; right: 0;}

.lam-tuba-1	{ background-image:url('http://www.tubapack.eu/sk/img/bg-lam-tuba-aiko.png');height: 394px;margin: 0 auto;padding: 0;position: absolute;width: 525px;z-index: 200; background-repeat:no-repeat; bottom: -124px; right: -60px;}
.lam-tuba-2	{ background-image:url('http://www.tubapack.eu/sk/img/bg-lam-tuba-1.png');height: 393px;margin: 0 auto;padding: 0;position: absolute;width: 490px;z-index: 199; background-repeat:no-repeat; bottom: -134px; right: 100px;}

.lam-tuba-brail	{ background-image:url('http://www.tubapack.eu/sk/img/img-tuba-brail.png');height: 500px;margin: 0 auto;padding: 0;position: absolute;width: 525px;z-index: 200; background-repeat:no-repeat; bottom: -60px; left: 0;}

.al-tuba-cone-1	{ background:url('http://www.tubapack.eu/sk/img/img-tuba-cone.png') 20% center no-repeat fixed; background-size: auto 140%; height: 260px;margin: 0 auto;padding: 0;position: absolute;width: 525px;z-index: 200; bottom: -60px; left: 0;}

.al-tuba-cone	{ background:url('http://www.tubapack.eu/sk/img/bg-icon-cones.png') center 70% no-repeat scroll; height: 260px;margin: 0 auto;padding: 220px 220px 0px 220px;position: absolute;width: 360px;z-index: 200; bottom: -20px; left: 0;}

.fill-tuba-1	{ background-image:url('http://www.tubapack.eu/sk/img/bg-fill-tuba-1.png');height: 400px;margin: -50px;padding: 0;position: absolute;width: 525px;z-index: 202; background-repeat:no-repeat; top: -30px; right: 0;}
.fill-tuba-2	{ background-image:url('http://www.tubapack.eu/sk/img/bg-fill-tuba-2.png');height: 289px;margin: 0 auto;padding: 0;position: absolute;width: 490px;z-index: 201; background-repeat:no-repeat; top: -80px; right: 0;}

.green-tube { background-image:url('http://www.tubapack.eu/sk/image/go_green_tuba.png');height: 370px;margin: 0 auto;padding: 0;position: relative;width: 360px;z-index: 200; background-repeat:no-repeat; bottom: 140px; right: -345px;}
.green-tube-plus { background-image:url('http://www.tubapack.eu/sk/image/go-green-ps-plus.png');height: 443px;margin: 0 auto;padding: 0;position: relative;width: 400px;z-index: 201; background-repeat:no-repeat; bottom: 583px; right: -285px;}

.infinity-packaging { background-image:url('http://www.tubapack.eu/sk/image/infinity-packaging.png');height: 220px;margin-left: -50px;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}

.infinity { background-image:url('http://www.tubapack.eu/sk/image/infinity.png');height: 220px;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}

.rrr { background-image:url('http://www.tubapack.eu/sk/image/reuse-reduce-recycle-green.png');height: 196px;width: 440px;padding: 0;position: relative;z-index: 200; background-repeat:no-repeat; background-position: 40%;margin: 23px 15px 0 60px;}

.green-tube-home { background-image:url('http://www.tubapack.eu/sk/image/go-green-ps-home.png');height: 528px;margin: 0 auto;padding: 0;position: relative;width: 400px;z-index: 200; background-repeat:no-repeat; bottom: 451px; right: -562px;}
.green-tube-plus-home { background-image:url('http://www.tubapack.eu/sk/image/go-green-ps-plus-home.png');height: 515px;margin: 0 auto;padding: 0;position: relative;width: 400px;z-index: 201; background-repeat:no-repeat; bottom: 966px; right: -478px;}

.waste { background-image:url('http://www.tubapack.eu/sk/image/waste.png');height: 220px;margin: 80px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.materials { background-image:url('http://www.tubapack.eu/sk/image/materials.png');height: 220px;margin: 80px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.iso { background-image:url('http://www.tubapack.eu/sk/image/iso.png');height: 220px;margin: 80px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.recycling { background-image:url('http://www.tubapack.eu/sk/image/recycling.png');height: 220px;margin: 80px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.co2 { background-image:url('http://www.tubapack.eu/sk/image/co2.png');height: 220px;margin: 60px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.energy { background-image:url('http://www.tubapack.eu/sk/image/energy.png');height: 220px;margin: 60px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.ecovadis { background-image:url('http://www.tubapack.eu/sk/image/ecovadis.png');height: 220px;margin: 70px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.renewable { background-image:url('http://www.tubapack.eu/sk/image/renewable.png');height: 220px;margin: 60px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.footprint { background-image:url('http://www.tubapack.eu/sk/image/footprint.png');height: 220px;margin: 70px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}
.effectivity { background-image:url('http://www.tubapack.eu/sk/image/effectivity.png');height: 220px;margin: 60px auto;padding: 0;position: absolute;width: 360px;z-index: 200; background-repeat:no-repeat;}

#History	{ background-image: url(../img/bg-history.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed; margin: 60px 0 0; padding: 30px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}

#Kaloty	{ background-image: url(../img/bg-kaloty.jpg); background-repeat: no-repeat; background-size: cover; margin: 0 0 40px; padding: 30px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}

#Kariera	{ background-image: url(../img/DSC_2155.jpg); background-repeat: no-repeat; background-size: cover; margin: 0 0 40px; padding: 30px 0; text-shadow: 1px 1px 1px rgba(0,0,0,1);}

#Nadacia0	{ background-image: url(../img/bg-nadacia.jpg); background-repeat: no-repeat; background-size: cover; margin: 0 0 40px; padding: 150px 0 50px; text-shadow: 1px 1px 1px rgba(0,0,0,1);}

/*#AlLabel	{ background: url(http://www.tubapack.gibox.cc/img/popis-hlinik.png) center center no-repeat; background-attachment: fixed; background-size: 100%; height: 307px; width: 1170px; margin: 0 auto;}*/

.bg-portfolio	{ background: url("http://www.tubapack.gibox.cc/advertisment/images/bg-flames.jpg") no-repeat scroll center 30% rgba(0, 0, 0, 0); margin-bottom: -20px;}

/* TECH LABEL */

p.tech-label	{ border-bottom: 1px solid #fff; padding: .5em 20px; text-shadow: 1px 1px 1px rgba(0,0,0,1); z-index: 999;}

.tech-label-al-ext-1	{ margin-top: 50px; margin-right: -50px;}
.tech-label-al-ext-2	{ margin-top: 60px; margin-right: -50px;}
.tech-label-al-ext-3	{ margin-top: 60px; margin-right: -50px;}

.tech-label-al-int-1	{ margin-top: -15px; margin-left: -80px;}
.tech-label-al-int-2	{ margin-top: 30px; margin-left: -80px;}
.tech-label-al-int-3	{ margin-top: 60px; margin-left: -80px;}
.tech-label-al-int-4	{ margin-top: 60px; margin-left: -80px;}

.tech-label-lam-lft-1	{ margin-top: 20px; margin-right: -95px;}
.tech-label-lam-lft-2	{ margin-top: 20px; margin-right: -103px;}
.tech-label-lam-lft-3	{ margin-top: 20px; margin-right: -110px;}
.tech-label-lam-lft-4	{ margin-top: 20px; margin-right: -120px;}
.tech-label-lam-lft-5	{ margin-top: 20px; margin-right: -130px;}

.tech-label-lam-mid-1	{ margin: 20px -50px;}
.tech-label-lam-mid-2	{ margin: 25px -50px;}
.tech-label-lam-mid-3	{ margin: 25px -50px;}
.tech-label-lam-mid-4	{ margin: 25px -50px;}
.tech-label-lam-mid-5	{ margin: 25px -50px;}

.tech-label-lam-rgt-1	{ margin-top: 20px; margin-left: -100px;}
.tech-label-lam-rgt-2	{ margin-top: 20px; margin-left: -109px;}
.tech-label-lam-rgt-3	{ margin-top: 20px; margin-left: -115px;}
.tech-label-lam-rgt-4	{ margin-top: 20px; margin-left: -125px;}
.tech-label-lam-rgt-5	{ margin-top: 20px; margin-left: -135px;}

.tech-label-green-rgt-1	{ margin-top: 40px; margin-right: -55px;}
.tech-label-green-int-1	{ margin-top: 40px; margin-left: -55px;}

/* Navigation */

#Navigation a.home	{ float: left; padding: 1em;}
#Navigation ul li	{ display: block;}
#Navigation ul li a	{ display: block; padding: 15px 10px; font-weight: bold; color: #f37b30;}
#Navigation ul ul	{ top: 100%; height: auto; background-color: #fff;}
#Navigation ul li:hover > a	{ background-color: rgba(243, 123, 48, 1); color: #000;}
/*#Navigation ul li:hover ul li	{ border-bottom: 1px solid #eaeaea; padding: 0;}
#Navigation ul li ul li a	{ display: block;}
#Navigation ul li:hover ul li a	{ display: block; background-color: transparent; color: #333; font-size: 12px; font-weight: normal; padding: 8px 5px 5px;}
#Navigation ul li:hover ul li:hover a	{ background-color: transparent; color: #000; display: block;}
*/
#Navigation ul li:hover ul	{ display: none;}

ul#MemberNavigation li	{ display: block;}
ul#MemberNavigation li a	{ display: block;}
ul#MemberNavigation ul	{ top: 100%; height: auto; background-color: #fff; left: unset; right: 0; width: 200px;}
ul#MemberNavigation ul li	{ width: 100%; margin: 0; padding: 0;}
ul#MemberNavigation ul li a	{ padding: 8px;}
ul#MemberNavigation li:hover > a	{ background-color: rgba(243, 123, 48, 1); color: #000;}

#Navigation ul#MemberNavigation li:hover ul	{ display: block;}


@media (min-width: 768px) and (max-width: 991.98px) {
	#Navigation ul { font-size: 1.2rem;}
	#Navigation ul li a	{ display: flex; padding: 0px 9px; margin-top: -11px;}
	.navbar-nav > li > a { line-height: 1.2rem;}
	.navbar-brand > img { max-width: 80%;}
	.navbar-collapse.collapse { display: inline-block !important;}
	.breadcrumb { margin: -8px 0 10px;}
}

/*
@media (max-width: 991.98px) {
	#Navigation ul { font-size: 1.2rem;}
	#Navigation ul li a	{ padding: 23px 9px;}
	.navbar-nav > li > a { line-height: 1.2rem;}
	.navbar-brand > img { max-width: 80%;}
}

*/


@media (min-width: 992px) {
	.navbar-collapse.collapse { display: block !important;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#Navigation ul { font-size: 1.1rem;}
	#Navigation ul li a	{ padding: 22px 6px;}
	.navbar-nav > li > a { line-height: 1.2rem;}
	.navbar-brand > img { max-width: 90%;}
}

.owl-carousel .owl-item	{ margin: 0 10px;}

/* MODAL WINDOW */

/*.modal.in .modal-dialog { top: 50%; transform: translateY(-50%);}*/
.modal-content {}
.modal-body { max-height:100vh;}
#videoModal { z-index: 99999;}

.video-container iframe { border: none;}

/* APLIKACIA FORM */

.modal#windowStartApp	{ z-index: 99999;}
.modal-backdrop	{ z-index: 99998;}
#windowStartApp .modal-sm	{ width: 400px; margin-top: 100px;}

div.loaderContainer	{ width: 60px; margin: 110px auto;}

fieldset	{ margin: 0px; position: relative; border-top: 1px dotted rgba(255,255,255,.35); z-index: 9995;}
legend	{ color: #FFF; font-size: 14px; border-bottom: 2px solid rgba(243, 123, 48, 1); display: block; width: auto;}
label[for=diameter]	{ display: none;}

#mainFormContainer .tab-content > .tab-pane	{ padding: 40px 0;}
#mainFormContainer .nav-tabs	{ border-bottom: none; text-align: center;}
#mainFormContainer ul.nav-tabs > li	{ float: none; display: inline-block;}
#mainFormContainer .nav-tabs > li > a	{ border-radius: 0; border-color: transparent; background: transparent;}
#mainFormContainer .nav-tabs > li.active > a, #mainFormContainer .nav-tabs > li.active > a:focus, #mainFormContainer .nav-tabs > li.active > a:hover	{ background: transparent;}
	#mainFormContainer .nav-tabs > li.active > a	{ background: rgba(243, 123, 48, 1); color: #fff;}
	#mainFormContainer .nav-tabs > li.active > a:focus	{ background: rgba(243, 123, 48, 1); color: #fff;}
	#mainFormContainer .nav-tabs > li.active > a:hover	{ background: rgba(243, 123, 48, 1); color: #000;}

.form-control	{ background-color: rgba(255,255,255,.2); color: rgba(243, 123, 48, 1); border: none;}
.form-control:focus	{ border-color: #f60; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(243, 123, 48, 0.6);}

#formTube fieldset .slider.slider-vertical	{ width: 40px; left: -20px; margin-left: 50%; margin-top: 60px; z-index: 999;}
.slider.slider-horizontal	{ width: 100% !important;}
#formTuba .carousel-control .glyphicon-chevron-left, #formTuba .carousel-control .glyphicon-chevron-right	{ top: 112%;}

#formTube .carousel-control	{ bottom: unset; top: 28px; z-index: 99999; height: 0px;}

i.fa	{ position: relative; z-index: 9990; transition: all 0.5s ease;}
i.fa div.tooltipImg	{ visibility: hidden; position: absolute; padding: 15px; background-color: #444; bottom: 27px; right: -20px; font-family: Helvetica,Arial,sans-serif; z-index: 9999;}
i.fa:hover div.tooltipImg	{ visibility: visible; width: auto; min-width: 150px; position: absolute; padding: 15px; background-color: #444; bottom: 27px; right: -20px; z-index: 9999; transition: all 0.5s ease;}
i.fa:hover div.tooltipImg img	{ margin: 0 auto;}
i.fa:hover div.tooltipImg:after { top: 100%; right: 15px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(85, 85, 85, 0); border-top-color: #444; border-width: 10px; margin-left: -10px;}

/* -- slider -- */
.slider-handle.round	{ border-radius: 5px !important;}
.slider-handle	{ background-color: rgba(243, 123, 48, 1) !important; background-image: none !important;}
.slider-selection, .slider-tick.in-selection	{ background-image: none !important; background-color: #777 !important;}
/* ---- */

span#diameterCurrentValue	{ position: absolute; top: 0%; right: 30px; background-color: rgba(0,0,0,0.8); color: #fff; font-size: 20px; z-index: 999; padding: 10px; border-radius: 10px;}
	span#diameterCurrentValue:after	{ content: " mm";}
	span#lengthCurrentValue:after	{ content: " mm";}

.AppTubaHolder	{ height: 320px; position: relative; right: -50px; top: 16px; z-index: 990;}
.app-tuba-1	{ position: absolute; z-index: 100;}
.app-tuba-2	{ position: absolute; margin-left: 120px; margin-top: 4px; z-index: 99;}

	.apt19	{ top: 16px; right: -55px;}
	.apt22	{ top: 16px; right: -51px;}
	.apt25	{ top: 16px; right: -57px;}
	.apt28	{ top: 16px; right: -53px;}
	.apt30	{ top: 17px; right: -53px;}
	.apt35	{ top: 16px; right: -51px;}
	.apt40	{ top: 14px; right: -58px;}
	.apt50	{ top: -9px; right: -51px;}

	.lapt25	{ top: 16px; right: -75px;}
	.lapt28	{ top: 16px; right: -80px;}
	.lapt30	{ top: 15px; right: -82px;}
	.lapt35	{ top: 16px; right: -93px;}
	.lapt40	{ top: 16px; right: -97px;}
	.lapt50	{ top: 16px; right: -91px;}
	

.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev	{ font-size: 20px;}

#carousel-head	{ height: 270px; margin-bottom: 40px;}
#carousel-head .carousel-inner > .item > a > img, #carousel-head .carousel-inner > .item > img	{ /*margin: 0 auto;*/ margin: 0 0 0 4px; filter: drop-shadow(8px -6px 0px rgba(0, 0, 0, 1)); padding: 60px 0;}
#carousel-head .item	{ z-index: 999;}
#carousel-head .carousel-inner	{ height: 300px;}
#carousel-head .carousel-inner .carousel .item	{ padding: 80px 0;}
#carousel-head .carousel-caption	{ top: -10px; left: 10%; right: 10%;}
#carousel-head .carousel-caption p	{ text-align: center; font-size: 15px; font-weight: bold;}

#carousel-cover .item	{ z-index: 9999; width: 200px;}
#carousel-cover	{ height: 270px; margin-bottom: 40px;}
#carousel-cover .carousel-inner > .item > a > img, #carousel-cover .carousel-inner > .item > img	{ margin: 0 auto; padding: 60px 0;}
#carousel-cover .carousel-inner	{ height: 250px;}
#carousel-cover .carousel-inner .carousel .item	{ padding: 80px 0;}
#carousel-cover .carousel-caption	{ top: -10px;}
#carousel-cover .carousel-caption p	{ text-align: center; font-size: 15px; font-weight: bold;}

#carousel-head .carousel-indicators, #carousel-cover .carousel-indicators	{ top: 110%;}

.carousel-indicators li	{ background-color: rgba(255,255,255,.2); border: none; margin: 2px;}
.carousel-indicators .active	{ background-color: rgba(243, 123, 48, 1); height: 10px; width: 10px; margin: 2px;}


/* POPOVER */

.popover	{ background-color: #333; min-width: 250px; font-size: 12px;}
.popover.right > .arrow:after	{ border-right-color: #333;}

/* WEBKIT SPECIALs */
@media screen and (-webkit-min-device-pixel-ratio:0) {  
	#carousel-cover .carousel-control.right	{ right: -40px;}
	#carousel-cover .carousel-inner	{ width: 200px;}
}

/* REKLAMNE PLOCHY */

#AdsPartner { background-color: transparent;}
#AdsPartner div.type_4 img { opacity: 0.35; max-height: 50px; max-width: 350px;}
#AdsPartner div.type_4 img:hover { opacity: 0.75;}