@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=latin-ext';
@import 'https://fonts.googleapis.com/css?family=Roboto+Slab:300,400,700&subset=latin-ext';

input:focus, select:focus, textarea:focus, button:focus, *:focus {outline: none;}
input[type=email], input[type=text], input[type=password], textarea, .select-wrapper {background: transparent; border: 1px solid #d8d8d8; border-radius: 15px; display: block; width: 94%; padding: 0 3%; height: 40px; color: #4d5051; font-size: 14px; font-family: 'Open Sans', sans-serif; margin: 10px auto;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; line-height: normal; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {height: 100%; margin: 0; width: 100%; overflow-x: hidden;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
html, body {margin: 0; padding: 0; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #4d5051; font-weight: 400;}
body {background: #fff;}
a, p, li, span, h1, h2, h3, td {color: #4d5051; text-decoration: none; font-weight: 400; font-family: 'Open Sans', sans-serif; line-height: 150%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
.clear {clear: both; float: none;}
.col-left {float: left;}
.col-right {float: right;}
.wrapper {max-width: 96%; margin: 0 auto; padding: 0 2%; width: 1200px;}
strong {font-weight: 600;}
sup {font-size: 10px; vertical-align: top; display: inline-block;}

::-webkit-input-placeholder {color: #4d5051;}
:-moz-placeholder {color: #4d5051; opacity:  1;}
::-moz-placeholder {color: #4d5051; opacity: 1;}
:-ms-input-placeholder {color: #4d5051;}

body {background: #fff;}

.button img {vertical-align: middle; padding-left: 20px;}
.button {background: #1c1698; border-radius: 40px; color: #fff; font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 10px 40px;}

.header {height: 80px; background: #1c1698;}
.header .logo {float: left; padding-top: 25px;}
.header .logo img {vertical-align: middle;}
.header .logo img:first-child {border-right: 1px solid rgba(255,255,255,0.4); padding-right: 20px; margin-right: 20px;}
.header .logo .mobile-div {display: none;}
.header .logo .mobile-div img {padding-left: 20px;}

.header .img-wrapper img {vertical-align: middle;}
.header .img-wrapper {text-align: center; padding-top: 3px; float: left;}


.header .menu {float: right; margin-top: 25px;}
.header .menu > ul li {display: inline-block; vertical-align: middle; padding-left: 25px;}
.header .menu > ul li a {color: #fff; font-size: 16px; font-weight: bold; text-transform: uppercase;}
.header .menu > ul, .header .menu .languages {display: inline-block; vertical-align: middle;}
.header .menu .languages {border-left: 1px solid rgba(255,255,255,0.4); margin-left: 25px; padding: 4px 0; position: relative; top: 0; left: 0;}
.header .menu .languages .dropdown {display: none; position: absolute; background: #1c1698; top: 100%; right: auto; left: 5px; padding: 20px 20px 10px; z-index: 99;}
.header .menu .languages .dropdown li a {color: #fff; font-size: 14px; font-weight: bold;}
.header .menu .languages .dropdown li {list-style: none;}
.header .menu .languages:hover .dropdown {display: block;}
.header .menu .languages > span {cursor: pointer; padding-left: 25px; display: block; background: url('/images/arrowDown.png') no-repeat right center; padding-right: 15px; color: #fff; font-size: 14px; font-weight: bold;}

.top {max-height: 520px; overflow: hidden; position: relative; top: 0; left: 0; text-align: center; width: 100%; margin-bottom: 50px;}
.top img {max-width: 100%; margin-top: -100px;}
.top .button {position: absolute; bottom: 30px; left: 50%; width: 200px; margin-left: -145px;}

.boxes li {list-style: none; display: inline-block; width: 25%; vertical-align: middle; float: left;}
.boxes li .box {overflow: hidden; padding: 20px 0; position: relative; top: 0; left: 0; max-width: 370px;} 
.boxes li .box .button {position: absolute; bottom: 40px; left: 50%; margin-left: -100px; width: 120px; text-align: center;}
.boxes li {text-align: center;}
/*.boxes li:nth-child(2) img {max-width: 90%;}*/
.boxes li .box:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ filter: grayscale(1); /* Firefox 39 (and above? Don´t know) */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.boxes li .box img {filter: none; -webkit-filter: none;  max-width: 95%; box-shadow: 2px 2px 8px rgba(0,0,0,0.2);}

.footer {background: #f4f4f4; padding: 40px 0; margin-top: 70px;}
.footer hr {border: 0; background: #d0d0d0; width: 100%; margin: 25px 0; height: 1px;}
.footer p, .footer p a {font-size: 12px; color: #494949}
.footer p a {font-weight: 600;}

.categories li:first-child {margin-left: 0;}
.categories li {float: left; width: 32%; margin-left: 2%; list-style: none;}
.categories li .box {overflow: hidden; padding: 20px 0; position: relative; top: 0; left: 0; max-width: 370px;} 
.categories li .box .button {position: absolute; bottom: 40px; left: 50%; margin-left: -115px; width: 150px; text-align: center;}
.categories li .box:hover img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ filter: grayscale(1); /* Firefox 39 (and above? Don´t know) */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.categories li .box img {filter: none; -webkit-filter: none; width: 95%;  box-shadow: 2px 2px 8px rgba(0,0,0,0.2); line-height: 0;}
.categories-list.categories li .box:hover img {filter: none; -webkit-filter: none;}

.categories-list.categories li {width: 50%;}
.categories-list.categories li a {display: block; position: relative; top: 0; left: 0; padding-left: 20px; font-size: 16px; margin: 4px 0;}
.categories-list.categories li:first-child {width: 30.66%;}
.categories-list.categories li:nth-child(2) {margin-top: 35px; margin-left: 40px;}
.categories-list.categories li a:before {position: absolute; background: #1c1698; top: 8px; left: 0; content: ''; width: 8px; height: 8px; border-radius: 50%;}
.categories-list.categories li a:hover {color: #1c1698;}


.subpage-top {max-height: 270px; overflow: hidden; position: relative; top: 0; left: 0; text-align: center; width: 100%; margin-bottom: 25px;}
.subpage-top img {max-width: 100%; margin-top: -280px;}
.cow {display: block; margin: 0 auto 25px;}

.breadcrumbs {margin-bottom: 20px;}
.breadcrumbs p, .breadcrumbs a, .breadcrumbs span {text-transform: uppercase; font-size: 12px; font-weight: 600; letter-spacing: 1px;}
.breadcrumbs span {color: #1c1698;}
.breadcrumbs img {vertical-align: middle; padding-right: 5px; margin-top: -2px;}

.product h1 {color: #163298; font-size: 30px; font-family: 'Roboto Slab'; font-weight: bold; margin-bottom: 20px;}
.product h3 {color: #163298; text-transform: uppercase; font-size: 18px; font-family: 'Roboto Slab'; font-weight: bold; margin: 0 0 10px;}
.product p {margin-bottom: 30px; text-align: justify;}
.product .col-left {width: 65%;}
.product .col-right {width: 30%;}
.product .col-right table {width: 100%;}
.product .text-wrapper {width: 60%; display: inline-block; vertical-align: top; margin-left: 3%; margin-bottom: 30px;}
.product .img-wrapper {width: 35%; display: inline-block; vertical-align: top; margin-bottom: 30px;}
.product .img-wrapper img {border-radius: 50%; max-width: 100%; box-shadow: 2px 2px 8px rgba(0,0,0,0.2); line-height: 0;}
.product .col-right table {width: 100%; margin-bottom: 30px;}
.product .col-right table tr:nth-child(2n+1) td {background: #f3f3fa;}
.product .col-right table tr td {padding: 7px 10px;}
.product .button {margin-top: 20px; display: inline-block;}
.product .col-right table tr td:nth-child(2) {white-space: nowrap; vertical-align: middle;}
.product .col-right table tr td span {display: inline-block; width: 73px; text-align: center;}
.product .col-right table tr td span.line {display: inline-block; width: 10px;}

.about h1 {color: #163298; font-size: 30px; font-family: 'Roboto Slab'; font-weight: bold; margin-bottom: 20px;}
.about h3 {color: #163298; text-transform: uppercase; font-size: 18px; font-family: 'Roboto Slab'; font-weight: bold; margin: 0 0 10px;}
.about p, .about strong, .about span, .about a, .about ul, .about li {font-size: 18px;}
.about p {margin-bottom: 30px;}
.about table.image-table td {padding: 10px 0; vertical-align: middle; }
.about table.image-table td:first-child {padding-left: 0;}
.about table.image-table td {padding-left: 20px;}
.about .col-left {width: 75%;}
.about .col-right {width: 20%;}
.about .col-right .submenu {background: #f4f4f4; padding: 15px 20px 30px;}
.about .col-right h3 {font-family: 'Open Sans'; font-size: 15px; border-bottom: 4px solid #e5e5e5; padding-bottom: 3px;}
.about .col-right ul {margin-left: 5px;}
.about .col-right li, .about .col-right li a {font-size: 14px; list-style: none; padding: 2px 0;}
.about .col-right li.active a {font-weight: bold;}
.about .col-left ul {margin-left: 15px;}
.about .col-left li {list-style: none; position: relative; top: 0; left: 0; padding-left: 25px; margin: 5px 0;}
.about .col-left li:before {position: absolute; background: #1c1698; top: 10px; left: 0; content: ''; width: 8px; height: 8px; border-radius: 50%;}


.news h1 {color: #163298; font-size: 30px; font-family: 'Roboto Slab'; font-weight: bold; margin-bottom: 20px;}
.news h3 {color: #163298; text-transform: uppercase; font-size: 18px; font-family: 'Roboto Slab'; font-weight: bold; margin: 0 0 10px;}
.news .col-left {width: 75%;}
.news .col-right {width: 20%;}
.news .col-right .submenu {background: #f4f4f4; padding: 15px 20px 30px;}
.news .col-right h3 {font-family: 'Open Sans'; font-size: 15px; border-bottom: 4px solid #e5e5e5; padding-bottom: 3px;}
.news .col-right ul {margin-left: 5px;}
.news .col-right li span, .news .col-right li, .news .col-right li a {font-size: 14px; list-style: none; padding: 2px 0; font-weight: 400;} 
.news .col-right ul li ul {display: none; margin-left: 25px; padding: 5px 0;}
.news .col-right ul li.active ul {display: block;}
.news .col-right li span {background: url('/images/arrowBlueRight.png') no-repeat left center; padding-left: 15px; cursor: pointer;}
.news .col-right li.active span {background: url('/images/arrowBlueDown.png') no-repeat left center;}

.news .single-news {margin-top: 50px;}
.news .single-news .img-wrapper {display: inline-block; vertical-align: top; width: 20%; box-shadow: 2px 2px 8px rgba(0,0,0,0.2); line-height: 0;}
.news .single-news .img-wrapper img {max-width: 100%; height: auto;}
.news .single-news .text-wrapper {display: inline-block; vertical-align: top; width: 75%; margin-left: 3%;}
.news .single-news .text-wrapper .button {display: inline-block; padding: 10px 40px;}
.news .single-news .text-wrapper h2 {margin-top: -8px;}
.news .single-news .text-wrapper h2, .news .single-news .text-wrapper h2 a {color: #163298; font-size: 24px; font-family: 'Roboto Slab'; font-weight: bold;}
.news .single-news .text-wrapper p.date {color: #129df0; font-size: 18px; font-family: 'Roboto Slab'; font-weight: 600; margin-bottom: 15px;}
.news .single-news .paragraph {max-height: 42px; overflow: hidden; margin-bottom: 15px;}

.news .main-news {border-bottom: 1px solid #cbcfd7; padding-bottom: 40px;}
.news .main-news .img-wrapper {display: inline-block; vertical-align: top; width: 37%;}
.news .main-news .img-wrapper img {width: 100%; height: auto; box-shadow: 2px 2px 8px rgba(0,0,0,0.2);}
.news .main-news .text-wrapper {display: inline-block; vertical-align: top; width: 59%; margin-left: 3%; text-align: justify;}
.news .main-news .text-wrapper .button {display: inline-block; padding: 18px 50px; margin-top: 15px;}
.news .main-news .text-wrapper h2 {margin-top: -8px;}
.news .main-news .text-wrapper h2, .news .main-news .text-wrapper h2 a {color: #163298; font-size: 30px; font-family: 'Roboto Slab'; font-weight: bold;}
.news .main-news .text-wrapper p.date {color: #129df0; font-size: 24px; font-family: 'Roboto Slab'; font-weight: 600;}
.news .main-news .text-wrapper p {margin-bottom: 15px; font-size: 18px; text-align: justify;}
.news .main-news .paragraph {max-height: 82px; overflow: hidden; margin-bottom: 8px;}

.news.single-news-page .main-news {border: 0; text-align: justify;}
.news.single-news-page .main-news .img-wrapper {float: left; margin: 10px 30px 15px 0; box-shadow: 2px 2px 8px rgba(0,0,0,0.2); line-height: 0;}
.news.single-news-page .main-news .text-wrapper {width: auto; display: block; margin: 0;}


.gallery ul li:nth-child(3n+1) {margin-left: 0;}
.gallery ul li {list-style: none; float: left; width: 32.33%; margin-left: 1.5%; overflow: hidden; max-height: 220px; margin-bottom: 20px;  box-shadow: 2px 2px 8px rgba(0,0,0,0.2); line-height: 0;}
.gallery ul li a > img {width: 100%; height: auto; min-height: 220px;}
.gallery ul li a {width: 100%; height: 100%; position: relative; display: block; line-height: 0; height: 220px;}
.gallery ul li a:hover .overlay {display: block;}
.gallery ul li .overlay {display: none; position: absolute; bottom: 0; top: 50%; left: 0; right: 0; background: #1c1698; text-align: center; line-height: 150px; color: #fff; text-transform: uppercase; font-weight: 600;}
.gallery ul li .overlay img {width: auto; height: auto; position: absolute; top: -35px; left: 50%; margin-left: -35px;}

.map .tooltip {display: none; position: absolute; top: 15px; right: 0; z-index: 99; width: auto; text-align: left; white-space: nowrap; padding-right: 35px;}
.map .tooltip-wrapper {background: #fff; border-radius: 10px; box-shadow: 0 3px 10px rgba(0,0,0,0.1); padding: 25px;}
.map .tooltip p {color: #1c1698;}
.map .tooltip:after {content: ''; position: absolute; top: 0; right: 30px; background: url('/images/tooltip.png') no-repeat center center; height: 8px; width: 15px;}
.map .marker:hover .tooltip {display: block;}
.map .marker#marker-1 {position: absolute; bottom: 85px; left: 55.1%;}
.map .marker#marker-2 {position: absolute; top: 206px; left: 65.1%;}
.map .marker#marker-3 {position: absolute; top: 39px; left: 82.6%;}
.map .marker#marker-4 {position: absolute; left: 80.9%; top: 208px;}
.map .marker#marker-5 {position: absolute; top: 139px; left: 67%;}


.contact h1 {color: #163298; font-size: 30px; font-family: 'Roboto Slab'; font-weight: bold; margin-bottom: 20px; text-align: center;}
.contact h3 {color: #163298; text-transform: uppercase; font-size: 18px; font-family: 'Roboto Slab'; font-weight: bold; margin-bottom: 20px;}

.map {width: 583px !important; text-align: center; margin-bottom: 20px; position: relative; top: 0; left: 0; width: 100%; margin-left: auto; margin-right: auto; background: url('/images/map.jpg') no-repeat center center; height: 520px !important;}
.contact {padding-top: 20px;}
.contact .col-right, .contact .col-left {width: 48%;}
.contact h2 {color: #163298; text-transform: uppercase; font-size: 24px; font-family: 'Roboto Slab'; font-weight: bold; margin: 20px 0 10px;}
.contact .col {width: 25%; float: left;}
.contact .part-1 p a, .contact .col p a {color: #1c1698;}
.contact .col p, .contact .col p a {font-size: 14px;}
.contact .part-1 p, .contact .part-1 p a {font-size: 18px;}
.contact .part-2 {margin-bottom: 40px; padding-bottom: 40px; border: 1px solid #d8d8d8; border-width: 1px 0; padding-top: 40px; margin-top: 20px;}
.contact .part-0 h1 {font-size: 24px; text-transform: uppercase; text-align: left;}
.contact .part-0 textarea {height: 192px; padding: 10px 3%;}
.contact .part-0 .button {border: 0; font-family: 'Roboto Slab'; font-size: 18px; float: right; margin-top: 20px; cursor: pointer;}

.lb-data .lb-close {color: transparent; font-size: 0;}

.contact .col p a, .about a {text-decoration: underline; color: #1c1698;}

@media screen and (max-width: 1200px){
    /*.header .logo {width: 40%;}*/
    .header .menu > ul li {padding-left: 15px;}
    .contact .col-right {width: 40%;}
    .header .logo > img {padding-left: 5px;}
}


@media screen and (max-width: 1050px){
    .contact .col-right {width: 35%;}
    .about .col-left {width: 100%;}
}

@media screen and (max-width: 940px){
    .contact .col-left, .contact .col-right {float: none; margin: 0 auto; width: 100% !important; display: block;}
    .contact .col-left.map {width: 583px !important; margin-bottom: 20px;}
    .boxes li {width: 50%;}
}

@media screen and (max-width: 1100px){
    .header .logo {padding-top: 10px; float: none; text-align: center; width: 100%;}
    .header .logo img {max-height: 25px;}
    .header .logo img:first-child {padding-right: 10px; margin-right: 10px;}
    .header .menu {float: none; text-align: center; margin-top: 10px;} 
    .header .menu > ul li {padding-left: 0; padding: 0 10px;}
    .header .menu .languages {margin-left: 15px;}
    .header .menu > ul li a {font-size: 14px;}
    
    
    .gallery ul li:nth-child(3n+1), .gallery ul li {width: 48%; margin: 10px 0;}
    .gallery ul li:nth-child(2n+1) {margin-right: 2%;}
    .gallery ul li a {height: 160px;}
    .gallery ul li {max-height: 160px;}
    .gallery ul li a > img {min-height: 160px}
    
    .gallery ul li .overlay img {display: none;}
    .gallery ul li .overlay {line-height: normal; bottom: 0; padding: 20px 0; top: auto;}
    
    .subpage-top img {margin-top: -150px;}
    
    .header .logo .mobile-div {display: inline-block;}
    .header .img-wrapper {display: none;}
}

@media screen and (max-width: 767px){
    .top img {margin-top: 0;}
    .top {min-height: 200px; margin-bottom: 0; line-height: 0;}
    .top img {min-height: 200px;}
    .boxes li {width: 100%;}
    .boxes li .box {height: 250px; margin: 0 auto;}
    .footer {margin-top: 20px;}
    .footer {padding: 20px 0;}
    .footer p.col-left, .footer p.col-right {float: none; text-align: center;}
    .footer hr {margin: 15px 0;}
    
    .about .col-left, .about .col-right, .news .col-left, .news .col-right {float: none; display: block; width: 100%; margin-bottom: 15px;}
    .breadcrumbs p, .breadcrumbs a, .breadcrumbs span {font-size: 11px;}
    .about h1 {font-size: 24px; margin-bottom: 15px;}
    .about p {margin-bottom: 15px;}
    .about p, .about strong, .about span, .about a, .about ul, .about li {font-size: 15px;}
    .news .main-news .text-wrapper h2, .news .main-news .text-wrapper h2 a {font-size: 24px; line-height: 130%;}
    .news .main-news .text-wrapper p.date {font-size: 18px;}
    .news .main-news .text-wrapper p {font-size: 15px;}
    .news .main-news .paragraph {max-height: 70px;}
    .news .main-news .text-wrapper .button {padding: 10px 40px;}
    .news .single-news .text-wrapper h2, .news .single-news .text-wrapper h2 a {font-size: 20px;}
    .news .single-news .text-wrapper p.date {font-size: 16px;}
    
    .categories li {width: 100%; margin: 0 auto !important;}
    .categories li .box {margin: 5px auto; height: 250px;}
    
    .categories-list.categories li, .categories-list.categories li:first-child {display: block; float: none; width: 100%;}
    .categories-list.categories li:first-child {margin-bottom: 20px !important;}
    
    .contact h1, .product h1 {font-size: 24px;}
    
    .product .col-left, .product .col-right, .contact .col-left, .contact .col-right {float: none; margin: 0 auto; width: 100% !important; display: block;}
	.contact .col-left.map {width: 583px !important; margin-left: -80px; left: 50%; top: 0; transform:translate(-50%,0); -webkit-transform:translate(-50%,0); -moz-transform:translate(-50%,0); -o-transform:translate(-50%,0); }
    .contact .part-0 {overflow: hidden;}
    .contact .col-right {margin-top: 20px;}
    .product .col-left {margin-bottom: 30px;}
    .product .button {margin-top: 5px;}
    .header .menu .languages > span {padding-left: 10px;}
    .header .menu .languages {margin-left: 10px;}
    .header .menu > ul li {padding: 0 7px;}
    
    
    .subpage-top img {margin-top: -100px; width: auto;}
    
    .header .logo > img {padding-left: 10px;}
    .header .logo img {max-height: 22px;}
    
    .contact .col {width: 100%; float: none; margin-top: 30px;}
    .contact .part-1, .contact .part-2 {margin-bottom: 20px; padding-bottom: 30px;}
    .contact h2 {font-size: 20px;}
    .contact .part-1 p, .contact .part-1 p a {font-size: 16px;}
    .contact .part-3 .col-left, .contact .part-3 .col-right {width: 100%; float: none;}
    .contact .part-3 h1 {font-size: 20px; max-width: none;}
    .map {display: none;}
    .contact .part-3 .col-right .inputs, .contact .part-3 .col-right .textarea {float: none; width: 100%;}
    
    .product .col-right table tr td {font-size: 13px;}
    .product .col-right table tr td span  {width: 65px; font-size: 13px;}
    .product .col-right table tr td span.line {width: 7px !important}
    .product .col-right table tr td {padding: 7px 3px;}
    
    .about table.image-table td {width: 100%; display: block !important; padding: 10px 0 !important;}
    .about table.image-table td:first-child {text-align: center !important;}
    input[type=email], input[type=text], input[type=password], textarea, .select-wrapper {width: 93%;}
}

@media screen and (max-width: 500px){
    .breadcrumbs {display: none;}
    .product .img-wrapper, .product .text-wrapper, .news .single-news .text-wrapper, .news .main-news .text-wrapper, .news .main-news .img-wrapper {width: 100%; float: none; margin: 5px 0; display: block;}
    .news .main-news .text-wrapper {margin-top: 15px;}
    .news .single-news .img-wrapper {display: none;}
    .news .main-news {padding-bottom: 25px;}
    .news .single-news {margin-top: 30px;}
    
    .product .img-wrapper {text-align: center; margin-bottom: 20px;}
    
    .gallery ul li:nth-child(3n+1), .gallery ul li {width: 100%; display: block; margin: 5px auto; height: auto;}
    .header {height: 100px;}
    .header .menu .languages > span, .header .menu > ul, .header .menu .languages {display: inline;}
    .header .menu .languages {border: 0; margin: 0; padding: 0; padding-top: 3px;}
    .header .menu .languages .dropdown {padding-top: 5px;}
    
    .subpage-top img {margin-top: 0; width: auto; min-height: 150px;}
    .subpage-top {height: 150px;}
}