/* global & index */

body {
    font-family: "Open Sans", sans-serif;
    text-align: center;
    margin: 0 auto;
    color: #001433;
}
:root {
    font-size: 14px;
}
[class*="col-"] {
    margin-bottom: 15px;
}
.container-fluid {
    max-width: 2000px;
    padding: 0;
    margin: 0;
}
p {
    font-size: 1.3 rem;
}

img[src=""] {
   visibility: hidden;
}
.msql {
	margin-left: 5%;
}
.navbar {
    background-color: rgba(0, 26, 69, 0.9);	
	min-height: 0;
	
}
.menu {
    display: none;
    list-style: none;
	text-transform: uppercase;
}
.menu img {
	padding-bottom: 10px;
    width: 40%;
	vertical-align: middle;
}
.menu li {
	margin: 15px 0;
	font-size: 1rem;
	color: #fff;
}
.menu li.active a {
    text-decoration: underline;
}
.hamburger {
    display: block;
}
.hamburger i {
    cursor: pointer;
    color: #fff;
}
.dropdown-menu {
	width: auto;
    height: auto;
	max-height: 300px;
	min-width: 270px;
	overflow-y: auto;
	overflow-x: auto;
	font-weight: 700;
	margin: 0;
}
.dropdown li, .dropdown li ul li {
	display: block;
	margin: 0 0.1%;
	padding: 0 1.5%;
	/* border-radius: 0 !important; */
}
.dropdown li, .dropdown li a{
	color: #002966;
}
.dropdown li ul li a {
	font-size: 0.8rem;
	color: #000;
}
/* .global a { */
	/* font-weight: 700 !important; */
/* } */
.dropdown button {
	background-color: #001a45;
	color: #fff;
	font-weight: 700;
}
.dropdown img {
	width: 20%;
	display: inline-block;
	margin: 0 auto;
	padding: 0;
}
a {
    color: #fff;
}
a:visited {
    text-decoration: none;
    color: #fff;
}
a:hover {
    text-decoration: none;
    color: #99e0ff;
}
a[href="https://www.testery.net.pl"] {
    color: #00a0e3;
}
img[title^="Nowosci"] {
    width: 60%;
}
h1 {
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
    background-color: #002966;
    border-radius: 5px;
    color: #fff;
    padding: 3px;
}
h2 {
    text-align: center;
    background-color: #002966;
    font-size: 1rem;
    padding: 5px;
    color: #fff;
    vertical-align: middle;
    border-radius: 3px;
}


.main-prod {
    background-color: #fff;
    margin-bottom: -35px;
}
.main-prod .row {
    margin-top: 30px;
}
.main-prod img {
    width: 50%;
    margin: 7% 0;
}
.main-prod a {
    font-size: 0.9rem;
    font-weight: bold;
}
.main-prod p {
    font-size: 1rem;
    text-align: left;
    line-height: 1.5;
}
.main-prod img,
.offer img {
    border-radius: 10px;
}
.mirror,
.loma {
    text-align: center;
}
.mirror img,
.loma img {
    width: 20%;
    margin-top: 2%;
}
.advantages {
    text-align: left;
    margin: 2% 0;
}
.advantages h2 {
    padding: 1% 0;
    text-indent: 5px;
    font-size: 1.1rem;
    border-radius: 5px;
    text-align: center;
    margin: 10px 0;
}
.advantages ul {
    /* padding: 2%; */
    list-style: square;
}
.advantages li {
    padding: 1.2% 0;
    text-align: left;
}
/* loma */
.loma {
	border-top: 2px solid #002966;
	padding: 0.1% 0;
	background-color:#b3d1ff;
}
.loma .row, .loma .col-xs-12 {
	margin: 0;
}
.loma p {
	color: #000;
	font-weight: 700;
	font-size:0.8rem;
}
#loma{
	vertical-align: middle;
	margin: 0;
	width: 8%;
}
@media all and (min-width:500px){
#loma{
	width: 3.7%
}
}
footer {
    background-color: #002966;
    color: #fff;
}
footer .row, footer .col-xs-12, .loma .row {
	padding: 0;
	margin: 0;
}
footer i {
    color: #fff;
    margin: 10px 10px;
}
footer .iso {
	width: 30%;
	margin-top: 5%;
}
.logo-footer {
    margin: 0 7px;
    width: 130px;
}
@media all and (min-width: 768px) {
    .menu {
        display: block;
        font-size: 1rem;
        font-weight: 900;
        padding: 0;
		color: #fff;
    }
    .menu img {
        width: 20%;
		margin-top: 10px;
    }
    .hamburger {
        display: none;
    }
    .menu li {
        display: inline;
		margin: 0 1%;
		padding: 0;
		vertical-align: middle;
    }
	.dropdown li {
		margin: 0;
	}
	.dropdown img {
		width: 15%;
		margin: 0 auto;
	}
    h1 {
        font-size: 1.2rem;
    }
    .main-prod {
        padding-bottom: 3%;
    }
    .main-prod a {
        font-size: 1.1rem;
    }
    .advantages h2 {
        font-size: 1.4rem;
        text-align: left;
    }
    .main-prod img {
        width: 40%;
    }
	footer .iso {
		width: 11%;
		vertical-align: middle;
		margin: 1.6% 0 1.6% 2%;
	}
}
@media all and (min-width: 1200px) {
    .menu {
        font-size: 1.3rem;
    }
	 .menu li {
		margin: 0 2%;
    }
	.dropdown li {
		margin: 0;
	}
    .main-prod img {
        width: 80%;
    }
}
/* o nas */

.about {
    text-align: justify;
    margin-top: 15px;
}
.about a {
    color: #002966;
    line-height: 1.5;
}
.about-menu a {
    color: #fff;
}
.about p {
    line-height: 1.5;
    margin: 20px 5px;
}
.pages {
    list-style: none;
    margin: 0;
    padding: 0;
}
.pages li:first-of-type {
    margin-top: 20px;
}
.pages li {
    font-size: 1.2rem;
    text-align: center;
    margin: 10px auto;
}
/*oferta*/

.offer img {
    display: block;
    width: 95%;
    margin: 10% auto;
}
.offer h1,
.main-prod h1 {
    text-transform: uppercase;
}
.offer h1 {
	font-weight: 400;
}
.offer p {
    text-align: left;
    font-size: 1rem;
    line-height: 1.5;
}
.offer a {
    font-size: 1rem;
    line-height: 1.2;
}
.offer-5s p {
	text-align: center;
	color: #000; 
	border-radius: 5px;
	border: 2px solid #008bcc;
	padding: 5px;
	cursor: pointer;
	animation: reveal 0.9s ease-in;
}
@keyframes reveal {
    0% { 
	opacity: 0;
	 }	 
	50% {
		opacity: 0.5;
	}	
	100% {
		opacity: 1;
	} 
} 
.offer-5s a {
	color: #222222;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	transition: 0.5s;
}
.offer-5s a:hover {
	color: #002966;
	
}
.offer-5s img {
	width: 50%; 
	margin: 0 auto; 
	display: inline-block
}
/*sidebar*/

.expand {
    display: block;
    background-color: #002966;
    border-radius: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.expand i {
    color: #fff;
    cursor: pointer;
}
.expand i:first-of-type {
    margin: 0 auto;
}
.expand i:nth-of-type(2) {
    display: none;
}
.sidebar ul {
    display: none;
}
.sidebar {
    border-radius: 5px;
}
.sidebar ul {
	list-style-type: none;
}
.sidebar ul li,
.list-group-item  {
    background-color: #002966;
    padding: 7px 0;
    text-align: center;
    color: #fff;
	transition: all 0.9s;
}
.sidebar ul li {
    font-size: 1.1rem;
}
.sidebar li.highlight {
    background-color: #004d99;
}
.sublevel a {
    font-size: 0.8rem;
}
@media all and (min-width: 768px) {
    .expand {
        display: none;
    }
    .sidebar ul {
        display: block;
    }
    .sidebar ul li {
        font-size: 1.2rem;
    }
	.offer-5s img {
		width: 23%;
	}
}
@media all and (min-width: 1024px) {
    .sidebar li {
        font-size: 1.3rem;
    }
    .sublevel a{
        font-size: 0.9rem;
    }
}
/*brc*/

.brc a {
    color: #00a0e3;
}
.brc p {
    text-align: left;
    line-height: 1.5;
    margin: 2% 2%;
}
.brc ol {
    list-style: decimal;
    margin: 2% 5%;
}
.brc ol li {
    text-align: left;
    line-height: 1.5;
}
/* komiks */

.comic {
    margin-top: 15px;
}
.comic-book p {
    line-height: 1.5;
    margin: 2% 0;
}
.comic-book img {
    width: 85%;
    border-radius: 5px;
    display: block;
    margin: 5px auto;
}
.comic-book a {
    color: #00a0e3;
}
.characters p {
    line-height: 1.5;
    margin: 10px 0;
}
.characters p:first-of-type {
    margin: 30px 0;
}
.characters img {
    width: 60%;
    margin: 30px 0;
}
/* news */

.news a {
    color: #fff;
}
.news p {
    line-height: 1.5;
}
.news h1 {
    margin: 20px 0;
    padding: 0;
}
.invitation {
    font-size: 1.4rem;
    font-weight: 700;
    text-align: left;
}
.source {
    color: #00a0e3;
}
/* article */

.article {
    padding-left: 15px;
}
.article ul {
    list-style: circle;
    margin-left: 30px;
}
/* product */

.prod-picture img {
    max-width: 50%;
    display: block;
    margin: 15px auto;
    border-radius: 10px; */
}
.prod-picture-two img {
    max-width: 85%;
    display: block;
    margin: 15px auto;
    border-radius: 10px;
}

.product .table {
    margin: 10px auto 0;
    width: 99%;
}
.product .table img {
    max-width: 90%;
}
.product {
	font-size: 1rem;
    text-align: left;
    text-indent: 0;
    line-height: 1.5;
}
.product h1 {
    line-height: 1;
	padding: 7px 0;
}
.product a {
    color: #00a0e3;
}
.relations img {
	width: 50%;
	display: block;
	margin: 3% auto;
}
h1.relations {
	background-color: #006699;  
	color: #fff;  
	text-shadow: 1px 1px #3e3e28;
	border-radius: 5px;  
	margin: 3% auto 2%; 
}
.relations h2 {
	background-color: #006699;  
	text-shadow: 1px 1px #3e3e28;
	border-radius: 5px;  
}
.relations h2 a {
	color: #fff;
	font-weight: 700;
}
@media all and (min-width: 768px) {
	.relations img {
		width: 80%;
	}
}
/*contact*/

.contact address p {
    margin: 15px 0;
    line-height: 2;
}
 
form {
    margin-top: 20px;
    text-align: center;
}
form div {
    margin-bottom: 15px;
}
form input,
form textarea {
    border-radius: 5px;
    padding: 7px 0;
    border: 2px solid #737373;
}
.contact form input[type="email"],
.contact form textarea {
    width: 90%;
}
.contact form textarea {
    height: 200px;
}
input[type="submit"] {
    width: 80px;
}
input[type="submit"].cz,
input[type="submit"].fr {
    width: 100px;
    font-size: 14px;
}
input[name="surname"] {
    display: none;
}
@media all and (min-width: 1024px) {
    .contact form input[type="email"],
    .contact form textarea {
        width: 50%;
    }
}
/* baza */

.tag li {
    margin-left: 30px;
}
.additional-pic {
    display: block;
    margin: 5px auto;
}



/* owl-carousel & fast-contact*/

.owl-carousel {
    margin: 0;
    padding: 0;
}
.owl-dots {
    display: none;
}
.owl-item img {
    height: 100px;
    padding: 0;
    margin: 0;
}
.fast-contact {
    background-color: #002966;
}
.fast-contact li {
    display: inline-block;
    color: #000;
    font-size: 1.2rem;
    font-weight: 700;
    background-color: #fff;
    padding: 3px;
    width: 300px;
    border-radius: 5px;
    margin: 3px 12%;
}
.fast-contact li.search {
    width: 350px !important;
}
.fast-contact i {
    margin-right: 2%;
	vertical-align: middle;
}
.fast-contact li a {
    color: #000;
}
.owl-theme .owl-nav.disabled {
    background-color: #002966;
}
@media all and (min-width: 768px) {
    .fast-contact li {
        margin: 10px 10%;
    }
    .fast-contact li.contact-column {
        margin: 10px 5% !important;
    }
    .owl-item img {
        height: 300px;
    }
}
.mark {
	font-size: 1.3rem;
	background-color: #ffcccc;
	padding: 0;
}
video {
	margin-top: 10px;
}
/* certyfikat */
.certificate {
	width: 80%;
}
@media all and (min-width: 500px) {
    .certificate {
	width: 50%;
	}
}

@media all and (min-width: 768px) {
    .certificate {
	width: 32%;
	}
}

/* pictures */

.pictureDownload {
	text-align: center;
	font-size: 0.9rem;	
}
.pictureDownload [class*="col-"] {
	margin-top: 2%;
}
.pictureDownload form {
	margin: 5% 0;
}
.pictureDownload h1 { 
	text-transform: uppercase;
	font-size: 0.9rem; 
 } 
.pictureDownload h2 { 
	background-color: #fff;   
	font-weight: 700; 
	color: #002966;	
	margin-top: 3%;
 } 
.pictureDownload a {
	color: #002966;	
	font-size: 0.9rem;
	text-transform: uppercase;
}
.pictureDownload a:hover {
	 color: #00a0e3;
}
.pictureDownload img {
	margin: 2% 0;
	width: 55%;
}
/* mapa */
.map {
	font-family: Lato;
	font-size: 0.7rem;
	cursor: pointer;
}
.map ul {
	list-style-type: none;
}
.map ul li {
	display: inline-block;
	padding: 0;
	margin: 0 2% -0.6% 2%; 
	text-transform: uppercase;
}
#container {
    height: 0;            
    width: 84%;   
    padding-top:54%;
    position: relative;    
	margin: 0 auto;
}
svg.datamap {
	position: absolute;
	top: 2%;
    left: 0;
    width: 100%;
    height: 100%;	
	margin-top: 5%;
}
.map .row {
	margin: 0;
	padding: 0;
}
.map .col-xs-12 {
	padding: 0;
}

.map_logo img {
	width: 60%;
}
.map img[alt="logo"] {
	width: 35%;
	margin-bottom: 1.5%;
}
.map p {
	margin-top: 0.5%;
	margin-right: 5%;
	font-weight: 900;
	color: #fff;
}
.global_contact {
	margin-top: 2%;
}
.global_contact h1 {
	padding: 0.3% 0;
	margin: 5% 0;
}
.global_contact a {
	color: #002966;	
}
.global_contact ul li a {
	color: #fff;	
}
@media all and (min-width:1250px) {
	
	.map  {
		font-size: 1.2rem;
	}
	.map ul li {
		text-align: left;
	}
	.map_logo img {
		width: 70%;
	}
	.map_logo_contact img {
		width: 20%;
	}
	.map_logo span {
		vertical-align: middle;
		font-weight: 700;
	}
	svg.datamap {
		margin-top: -10%;
	}
}

/* bubbles */
.bubble {
	display: none;
}
@media all and (min-width: 1250px) {

	.bubble {
		display: block;
		position: absolute;
		border-radius: 100%;
		transition: 0.5s;
		-webkit-box-shadow: 1px 1px 4px 3px #d9d9d9;
		-moz-box-shadow: 1px 1px 4px 3px #d9d9d9;
		box-shadow: 1px 1px 4px 3px #d9d9d9;
	}
	.bubble:hover {
		-webkit-box-shadow: 2px 0px 9px 4px #00a0e3;
		-moz-box-shadow: 2px 0px 9px 4px #00a0e3;
		box-shadow: 2px 0px 9px 4px #00a0e3;
	}
	.bubbleOne {
		position: absolute; 
		top: 33.5%; 
		left: 3%; 
		width: 8%; 
	}
	.bubbleTwo {
		top: 50%; 
		left: 2%; 
		width: 8.5%; 
	}
	.bubbleThree {
		 top: 61%;
		 left: 10%;
		 width: 9.3%;
	}
	.bubbleFour {
		top: 48%; 
		left:17%;
		width: 8%;
	}
	.bubbleFive {
		top: 33%;
		left: 12%;
		width: 8%;
	}
}
/* brazil */
.navBrazil {
	background-color: rgba(255, 255, 255, 0.9);
	border-bottom: 2px solid #002966;
}
a.linkBrazil, .hamburger i.hamBrazil {
	color: #002966;
}
a.linkBrazil:hover {
    text-decoration: none;
    color: #00a0e3;
}

/* modal */
.modal-body p {
	text-align: center;
}
.modal-body span {
	font-weight: bold;
}
.close {
	margin: 5px;
}