/* Start:/local/templates/germen/css/main.css?149942132519857*/
/*Дефолтные настройки*/
@import "/local/templates/germen/css/default.min.css";

/*Ботстрап*/
@import "/local/templates/germen/css/bootstrap.min.css";

/*Фанксибокс*/
@import "/local/templates/germen/css/../plagins/fancybox/source/jquery.fancybox.css?v=2.1.5";

/*Слайдер*/
@import "/local/templates/germen/css/slick.css";

/*Шрифты*/
@import "/local/templates/germen/css/fonts.css";
@import "/local/templates/germen/css/font-awesome.min.css";

body {
	font-family: "Roboto", Arial;
	font-size: 16px;
	min-width: 320px;
	position: relative;
	line-height: normal;
}

header {
    width: 100%;
    background: #191919;
}

header .top-line {
	padding: 12px 0 0px;
	font-size: 0;
}

header .logo {
	margin: 0;
	margin-right: -90px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 10;
}

header .right {
	padding-bottom: 22px;
	padding-top: 12px;
	border-bottom: 1px solid #5e5e5e;
	width: 1040px;
	display: inline-block;
	vertical-align: top;
	line-height: 40px;
	text-align: right;
}

header .right .tel {
	color: #fff;
	font: 18px/40px "ProximaNovaLight";
	padding-right: 20px;
	display: inline-block;
	vertical-align: top;
}

header .right .search {
	display: inline-block;
	width: 308px;
	vertical-align: top;
}

header .right .search form {
	position: relative;
}

header .right .search form input {
	width: 100%;
	height: 40px;
	padding: 0 40px 0 15px;
	font: italic 300 14px "Roboto";
	border: none;
	border-top: 1px solid #c1c0c1;
}

header .right .search form button {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 0;
	right: 0;
	z-index: 10;
	font-size: 0;
	border: none;
	background: url(/local/templates/germen/css/../images/sr.png) no-repeat center;
}

/*Меню===============================*/

.navbar-default {
	background: transparent;
	border: none;
	margin: 0;
}

#bs-example-navbar-collapse-1 {
	padding: 0;
}

.navbar-default .navbar-nav > li > a {
	color: #fff;
	text-transform: uppercase;
	font: 500 16px/52px "Roboto";
	padding: 0 20px;
}

.navbar-default .navbar-nav > li.dropdown > a::before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	width: 14px;
	height: 9px;
	background: url(/local/templates/germen/css/../images/dr.png);
}

.navbar-default .navbar-nav > .open > a, 
.navbar-default .navbar-nav > .open > a:focus, 
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover {
	background: transparent;
	color: #f99f3d;
}

.navbar-nav > li > .dropdown-menu {
	box-shadow: none;
	border: none;
	padding: 0 48px;
	background: #f99f3d;
	text-align: center;
	border-right: 0;
	border: 1px solid #333;
	box-sizing: 0px 2px 6px #b1b1b1;
}

.navbar-nav > li > .dropdown-menu li {
	padding: 16px 50px;
	border-bottom: 1px solid #b87934;
}

.navbar-nav > li > .dropdown-menu li:last-child {
	border-bottom-color: transparent;
}

.navbar-nav > li > .dropdown-menu li a {
	color: #21201f;
	padding: 0;
}

.navbar-nav > li > .dropdown-menu li a:hover {
	background: transparent;
	text-decoration: underline;
}

.navbar-nav > li > .dropdown-menu li.active > a {
    background-color: transparent !important;
}
.navbar-nav > li > .dropdown-menu li.active a:hover {
    color: #21201f;
}


/*Меню===============================*/

.skroll {
	position: relative;
	display: block;
	margin: -132px auto 116px;
	width: 58px;
	height: 58px;
	background: url(/local/templates/germen/css/../images/sk.png);
}

.form-home {
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

.form-home::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: calc(50% + 15px);
	background: #c5c5bb;
}

.form-home .zag {
	color: #fff;
	text-align: center;
	font: 900 20px/24px "Roboto";
	text-transform: uppercase;
	padding-top: 34px;
	margin-bottom: 12px;
}

.form-home form {
	padding: 0 98px;
}

.form-home form span {
	text-transform: uppercase;
	color: #fff;
	font: 300 14px "Roboto";
	display: block;
	padding-bottom: 4px;
	padding-top: 12px;
}

.form-home form input[type="text"] {
	width: 100%;
	height: 44px;
	border-radius: 22px;
	border: 1px solid #fcc748;
	background: #fff;
	padding: 0 15px;
	box-shadow: 0px 2px 5px 0px #b1b1b1;
}

.form-home form input[type="submit"] {
	width: 268px;
	height: 44px;
	border-radius: 22px;
	border: 1px solid #fcc748;
	background: #fcc748;
	display: block;
	margin: 30px auto 0;
	color: #000;
	font: 700 16px "Roboto";
	text-transform: uppercase;
	box-shadow: 0px 2px 5px 0px #b1b1b1;
}

.form-home .ili {
	margin: 17px 98px 15px;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
}

.form-home .ili::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	margin-top: -0.5px;
	height: 1px;
	background: #93938c;
}

.form-home .ili span {
	display: inline-block;
	padding: 0 5px;
	background: #c5c5bb;
	position: relative;
	z-index: 2;
}

.form-home .share {
	font-size: 0;
	padding-bottom: 40px;
}

.form-home .share ul {
	margin: 0 98px 0;
}

.form-home .share ul li {
	display: inline-block;
	vertical-align: top;
	padding: 0 9px;
}

.form-home .share ul li:last-child {
	padding-right: 0;
}

.form-home .share ul li:first-child {
	padding-left: 0;
}

.form-home .text {
	text-align: center;
	color: #fff;
	position: relative;
	padding-top: 37px;
	padding-bottom: 15px;
}

.form-home .text::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -30px;
	background: #636363;
}

.form-home .text::after {
	content: "";
	display: block;
	top: 0;
	bottom: 0;
	left: 100%;
	width: 200%;
	position: absolute;
	background: #636363;
}

.form-home .text * {
	position: relative;
	z-index: 2;
}

.form-home .text p {
	font: 900 24px/18px "Roboto";
	margin-bottom: 20px;
}

.form-home .text span {
	font: 900 18px/18px "Roboto";
}

.kategorii-home {
	margin-bottom: 40px;
	text-align: center;
	font-size: 0;
}

.kategorii-home .box {
	display: inline-block;
	vertical-align: top;
	width: calc(33.333% - 30px);
	margin: 0px 15px 15px 15px;
	position: relative;
}

.kategorii-home .box img {
	width: 100%;
}

.kategorii-home .box p {
	margin: 0;
	color: #fff;
	background: #7e9f2e;
	font: 500 22px/60px "Roboto";
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.kategorii-home .box:hover p {
	background: #fcc748;
	color: #21201f;
}

.kategorii-home .box .info {
	position: absolute;
	top: 20px;
	left: 20px;
	right: 20px;
	bottom: 75px;
	background: rgba(255, 255, 255, 0.63);
	padding: 10px;
	font-size: 18px;
	line-height: 24px;
	padding-top: 30px;
	opacity: 0;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

.kategorii-home .box:hover .info {
	opacity: 1;
}

.kategorii-home .box .info .btn-type-1 {
	width: 166px;
	height: 36px;
	border-radius: 18px;
	text-align: center;
	display: block;
	margin: 0 auto;
	color: #000;
	font-size: 14px;
	line-height: 36px;
	background: #fcc748;
	margin-top: 8px;
}

.kategorii-home .box .info .btn-type-1:hover {
	text-decoration: none;
	opacity: 0.8;
}

.video-sc {
	margin-bottom: 50px;
}

.video-sc img {
	width: 100%;
}

.video-sc .col-md-6	{
	text-align: center;
	font: 18px/16px "ProximaNovaBold";
}

.video-sc .col-md-6 .video {
	box-shadow: 0px 0px 20px 0px #b1b1b1;
}

.video-sc .col-md-6 h2 {
	font: 30px/36px "ProximaNovaLight";
	color: #f99f3d;
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 0px;
}

.gde {
	position: relative;
}

.gde.full {
	background: #fcc748;
}

.gde .wrapper {
	background: #fcc748;
	padding: 0 146px 0 30px;
	color: #000;
	padding-top: 22px;
	padding-bottom: 20px;
	position: relative;
}

.gde .wrapper::before {
	content: "";
	width: 99px;
	height: 147px;
	background: url(/local/templates/germen/css/../images/mar.png);
	display: block;
	position: absolute;
	right: 49px;
	top: -68px;
	z-index: 2;
}

.gde .btn-type-2 {
	float: right;
}

.gde h2 {
	font: 36px/30px "Roboto";
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 14px;
}

.gde p {
	font: 400 26px/30px "Roboto";
	margin-bottom: 0;
}

.gde .btn-type-2 {
	margin-top: 12px;
}

.news-home {
	text-align: center;
	padding: 24px 0 80px;
}

.news-home h2 {
	font: 34px/34px "Roboto";
	text-transform: uppercase;
	position: relative;
	color: #000;
	margin-bottom: 46px;
}

.news-home h2 span {
	display: inline-block;
	background: #fff;
	position: relative;
	z-index: 2;
	padding: 0 144px;
}

.news-home h2::before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	height: 1px;
	margin-top: -0.5px;
	background: #000000;
}

.news-home .wrapper {
	font-size: 0;
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
}

.news-home .wrapper .box {
	width: calc(100% - 30px);
	margin: 0 15px;
	position: relative;
}

.news-home .wrapper .box img {
	width: 100%;
}

.news-home .wrapper .box .text {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	color: #fff;
	font-size: 14px;
	line-height: 22px;
	padding: 20px;
}

.news-home .wrapper .box .text .zag {
	font: 500 24px/30px "Roboto";
	padding-top: 53px;
	padding-bottom: 20px;
	min-height: 133px;
}

.news-home .wrapper .box .text .btn-type-1 {
    width: 166px;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 36px;
    background: rgb(252, 199, 72);
    position: absolute;
    bottom: 80px;
    left: 50%;
    margin-left: -83px;
}

.news-home .wrapper .box .text .btn-type-1:hover {
    text-decoration: none;
    opacity: 0.8;
}

.news-home .slick-dots {
	position: absolute;
	width: 100%;
	bottom: -42px;
	text-align: center;
	font-size: 0;
	margin-bottom: 0;
}

.news-home .slick-dots li {
	display: inline-block;
	margin: 0 7.5px;
}

.news-home .slick-dots li button {
	width: 12px;
	height: 12px;
	border-radius: 0;
	border: none;
	background: #898989;
	border-radius: 50%;
}

.news-home .slick-dots li.slick-active button {
	background: #000000;
}

.maps {
	height: 522px;
	position: relative;
	padding-top: 20px;
	text-align: right;
}

.maps .map {
	height: 522px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
}
.maps.maps-where .map {
	position: relative;
}

.maps .map #imap {
	height: 522px;
}

.maps .leg {
	display: inline-block;
	vertical-align: top;
	background: #fff;
	position: relative;
	z-index: 10;
	border: 1px solid #c6c6c6;
	width: 360px;
	text-align: left;
}
.maps.maps-where .leg {
	width: 100%;
	margin-top: 30px;
}
.maps.maps-where .text {
    margin-bottom: 30px;
    text-align: left;
}

.maps .leg .zag {
	font: 700 16px/60px "Roboto";
	padding: 0 20px;
	border-bottom: 1px solid #c6c6c6;
}

.maps .leg ul {
	height: 360px;
	overflow: auto;
	margin: 0;
}

.maps .leg ul li {
	border-bottom: 1px solid #c6c6c6;
	height: 72px;
	padding: 0 20px;
}

.maps .leg ul li a {
	display: table-cell;
	height: 71px;
	width: 360px;
	color: #000;
	line-height: 24px;
	vertical-align: middle;
}

.maps .leg ul li a span {
	font-weight: 900;
	display: block;
}

.maps .leg ul li a:hover {
	text-decoration: none;
}

.maps .leg ul li a:hover span {
	color: #7e9f2e;
}

.content .aside {
	min-height: 1305px;
	position: relative;
}

.content .aside::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	top: 0;
	width: 750px;
	right: 0px;
	background: url(/local/templates/germen/css/../images/bg1.jpg) no-repeat bottom right;
	background-color: #fcc748;
}

.content::before {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	bottom: 782px;
	width: 138px;
	height: 317px;
	background: url(/local/templates/germen/css/../images/bg2.jpg);
}

.content .aside > ul {
	position: relative;
	background: #fcc748;
	padding: 20px 20px 20px 30px;
	min-height: 420px;
	text-align: center;
}

.content .aside > ul::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 100%;
	width: 200%;
	background: #fcc748;
}

.content .aside > ul > li {
}

.content .aside > ul > li.selected {
	background-color: #fcc748;
}


.content .aside > ul > li > a {
	display: block;
	font: 700 16px/73px "Roboto";
	color: #000;
	text-transform: uppercase;
	border-bottom: 1px solid #b87934;
}

.content .aside > ul > li:last-child > a {
	border-bottom-color: transparent;
}

.content .aside > ul > li > ul {
	padding-left: 70px;
	border-bottom: 1px solid #b87934;
}

.content .aside > ul > li > ul > li {
	border-bottom: 1px solid #b87934;
	padding-right: 70px;
}

.content .aside > ul > li > ul > li:last-child {
	border-bottom-color: transparent;
}

.content .aside > ul > li > ul > li > a {
	color: #000;
	font: 300 16px/53px "Roboto";
}

.content .aside .text {
	position: relative;
	z-index: 1;
	text-align: center;
	padding-top: 117px;
}

.content .aside .text .p-1 {
	font: 700 30px/34px "Roboto";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.content .aside .text .p-2 {
	font: 700 24px/34px "Roboto";
	color: #000;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.content .aside .text .p-3 {
	font: 900 30px/34px "Roboto";
	color: #df3626;
	text-transform: uppercase;
	margin-bottom: 16px;
}

.breadcrumb {
	padding-left: 0;
	background: transparent;
	font-size: 12px;
	margin-top: 20px;
	margin-bottom: 1px;
}

.breadcrumb li a {
	color: #000;
}

.breadcrumb .active {
	text-decoration: underline;
	color: #f99f3d;
}

.breadcrumb > li + li::before {
    display: none;
}

.breadcrumb > li::after {
    padding: 0 5px;
    color: #000;
    content: "/\00a0";
    text-decoration: none;
}

.breadcrumb > .active::after {
	display: none;
}

.content h1 {
	position: relative;
	font: 500 34px/36px "Roboto";
	color: #000;
	text-align: center;
	margin-top: 0;
	margin-bottom: 35px;
	padding: 0 145px;
}

.content h1::before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5px;
	width: 130px;
	height: 1px;
	background: #000;
}

.content h1::after {
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.5px;
	width: 130px;
	height: 1px;
	background: #000;
}

.content .news-box {
	margin-bottom: 40px;
	font-size: 0;
	min-height: 168px;
	position: relative;
}

.content .news-box img {
	display: block;
	vertical-align: top;
	border: 1px solid #000;
	position: absolute;
	left: 0;
	top: 0;
}

.content .news-box .text {
	display: inline-block;
	vertical-align: top;
	padding-left: 193px;
}

.content .news-box .text .data {
	font-size: 14px;
	padding-bottom: 12px;
}

.content .news-box .text .zag {
	font: 700 16px/20px "Roboto";
	text-transform: uppercase;
	color: #000;
	display: block;
	margin-bottom: 14px;
}

.content .news-box .text .zag:hover {
	text-decoration: underline;
}

.content .news-box .text p {
	font-size: 16px;
	line-height: 20px;
	margin: 0;
	color: #000;
}

.strn {
	float: right;
	color: #6d6d6d;
	font-size: 14px;
}

.pagination-wr {
	line-height: 25px;
	color: #6d6d6d;
	font-size: 14px;
	margin-bottom: 20px;
}

.pagination-wr .pagination {
	display: inline-block;
	vertical-align: middle;
	height: 25px;
	padding: 0;
	margin: 0 0 0 13px;
}

.pagination-wr .pagination li {
	display: inline-block;
	padding: 0 3px;
}

.pagination-wr .pagination li a {
	padding: 0 10px;
	line-height: 25px;
	color: #6d6d6d;
	border: none;
	background: transparent;
	border-radius: 0 !important;
}

.pagination-wr .pagination li.active a {
	background: #f99f3d;
}


.pagination > li > a:hover, 
.pagination > li > span:hover {
	background: #f99f3d;
}

.pagination > li > a:focus,
.pagination > li > span:focus {
	background: transparent;
}

.pagination-wr .pagination li a[aria-label="Next"] {
	background: #d0d0d0;
}

.soc-row {
	background: #7e9f2e;
	text-align: center;
	font-size: 0;
}

.soc-row ul {
	margin-bottom: 0;
}

.soc-row li {
	display: inline-block;
	vertical-align: top;
	margin: 0 7px;
}

.content p {
	margin-bottom: 17px;
	color: #000;
}

.mobil {
	display: none;
}

/*Кнопки=============================*/

.btn-type-2 {
	display: block;
	width: 240px;
	height: 44px;
	border-radius: 22px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #7e9f2e;
	text-transform: uppercase;
}

.btn-type-2:hover,
.btn-type-2:focus {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}

.btn-type-3 {
	display: block;
	width: 240px;
	height: 44px;
	border-radius: 22px;
	line-height: 44px;
	text-align: center;
	color: #fff;
	background: #fcc748;
	text-transform: uppercase;
	margin-top: 10px;
}

.btn-type-3:hover,
.btn-type-3:focus {
	color: #fff;
	text-decoration: none;
	opacity: 0.8;
}

/*Кнопки=============================*/

/*Слайдер=============================*/

.slaider-top {
	position: relative;
}

.slaider-top img {
	width: 100%;
}

.single-top .slick-arrow {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	font-size: 0;
	border: none;
	top: 50%;
	margin-top: -25px;
	z-index: 10;
}

.single-top .slick-prev {

}

.maps .leg ul li a.mobil {
	display: none;
}

.single-top .slick-next {
	right: 0;
}

.slick-dots {
	position: absolute;
	width: 100%;
	bottom: 20px;
	text-align: center;
	font-size: 0;
	margin-bottom: 0;
}

.slick-dots li {
	display: inline-block;
	margin: 0 5px;
}

.slick-dots li button {
	width: 14px;
	height: 14px;
	border-radius: 0;
	border: none;
	background: #fff;
	border-radius: 50%;
}

.slick-dots li.slick-active button {
	background: #f9982f;
}

/*Слайдер=============================*/

/*Всплывашки=========================*/

.popup {
	display: none;
}

/*Форма обратной связи===============*/

footer {
	width:100%;
	background: #333333;
	color: #fff;
	text-align: center;
	font-size: 0px;
	padding: 60px 0 33px;
}

footer .box {
	display: inline-block;
	vertical-align: top;
	width: 24.6666%;
	padding: 0 15px;
	border-right: 1px solid #6d6d6c;
	min-height: 213px;
}

footer .box-6 {
	border-right-color: transparent;
}

footer .box .zag {
	font: 700 14px "Roboto";
	text-transform: uppercase;
	display: block;
	color: #fff;
	margin-bottom: 11px;
}

footer .box .zag:hover {
	text-decoration: underline;
}

footer .box ul {
	font-size: 14px;
	line-height: 11px;
	padding-top: 15px;
}

footer .box ul li {
	padding: 7px 0;
}

footer .box ul li a {
	display: block;
	color: #fff;
	font-weight: 300;
	opacity: 0.4;
}

footer .wrapper {
	padding-top: 40px;
	line-height: 20px;
}

footer .col-md-8 {
	font-size: 16px;
	font-weight: 100;
	text-align: left;
	opacity: 0.4;
}

footer .col-md-2 {
	font-size: 14px;
	font-weight: 70;
	opacity: 0.4;
}

footer .wrapper ul {
	margin: 0;
	font-size: 0;
}

footer .wrapper ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
}

footer .wrapper ul li:last-child {
	margin-right: 0;
}

.fancybox-skin {
	padding: 0 !important;
}

.soc-fixed {
    position: fixed;
    right: 0;
    top: 145px;
    width: 72px;
    height: 150px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding-top: 20px;
    z-index: 11;
}

.soc-fixed li {
	margin-bottom: 10px;
}

.soc-fixed li a:hover {
	opacity: 0.5;
}

.news-kar .slick-arrow {
	position: absolute;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	border: none;
	font-size: 0;
	top: 50%;
	margin-top: -15px;
	z-index: 10;
}

.news-kar .slick-arrow:hover {
	opacity: 0.5;
}

.news-kar .slick-prev {
	left: 20px;
	background: url(/local/templates/germen/css/../images/sk.png);
	background-size: 100% 100%;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.news-kar .slick-next {
	right: 20px;
	background: url(/local/templates/germen/css/../images/sk.png);
	background-size: 100% 100%;
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

#yutubeVideo {
	height: 250px;
}
#yutubeVideo iframe{
	height: 100%;
}

div.news-list a img.preview_picture {
    margin: 0 25px 6px 0;
}

.text-content table td {
	padding-left:5px;
	padding-right: 5px;
}
/* End */


/* Start:/local/templates/germen/css/media.css?150409182315615*/
@media only screen and (max-width : 1200px) {
	header .right {
    padding-bottom: 22px;
    padding-top: 12px;
    border-bottom: 1px solid rgb(94, 94, 94);
    width: 843px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    text-align: right;
}

.content h1 {
    padding: 0;
}

.content h1::before,
.content h1::after {
    display: none;
}

.navbar-default .navbar-nav > li > a {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font: 500 16px/52px "Roboto";
    padding: 0 10px;
}

.form-home form {
    padding: 0px 63px;
}

.akcii img {
	width: 100%;
}

.form-home .share ul {
    margin: 0 45px 0;
}

.form-home .text {
    text-align: center;
    color: rgb(255, 255, 255);
    position: relative;
    padding-top: 37px;
    padding-bottom: 34px;
    margin-top: 59px;
}

.kategorii-home .box p {
    margin: 0;
    color: rgb(255, 255, 255);
    background: rgb(126, 159, 46);
    font: 500 18px/60px "Roboto";
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.kategorii-home .box .info {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 75px;
    background: rgba(255, 255, 255, 0.63);
    padding: 10px;
    font-size: 15px;
    line-height: 24px;
    padding-top: 20px;
    opacity: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.news-home .wrapper .box .text .zag {
    font: 500 24px/30px "Roboto";
    padding-top: 0px;
    padding-bottom: 20px;
    min-height: 110px;
}

.news-home .wrapper .box .text .btn-type-1 {
    width: 166px;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    display: block;
    color: rgb(0, 0, 0);
    font-size: 14px;
    line-height: 36px;
    background: rgb(252, 199, 72);
    position: absolute;
    bottom: 15px;
    left: 50%;
    margin-left: -83px;
}

footer .wrapper ul li {
    display: inline-block;
    vertical-align: top;
    margin-right: 3px;
    margin-bottom: 2px;
}

}

@media only screen and (max-width : 992px) {
header .right {
    padding-bottom: 22px;
    padding-top: 12px;
    border-bottom: 1px solid rgb(94, 94, 94);
    width: 623px;
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    text-align: right;
}

.navbar-default .navbar-nav > li > a {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font: 500 12px/52px "Roboto";
    padding: 0 6px;
}

.form-home .col-md-6:first-child {
	background: rgb(197, 197, 187);
}

.form-home::before {
	display: none;
}

.form-home .share ul {
	text-align: center;
}

.form-home .text {
    text-align: center;
    color: rgb(255, 255, 255);
    position: relative;
    padding-top: 37px;
    padding-bottom: 34px;
    margin-top: 15px;
}

.kategorii-home .box {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 30px);
    margin: 0 15px 30px;
    position: relative;
}

.video-sc .col-md-6 .video {
	margin-top: 30px;
}

.kategorii-home {
    margin-bottom: 0;
    text-align: center;
    font-size: 0;
}

.gde .wrapper::before {
    content: "";
    width: 99px;
    height: 147px;
    background: url(/local/templates/germen/css/../images/mar.png);
    display: block;
    position: absolute;
    right: 23px;
    top: 13px;
    z-index: 2;
}

footer .box {
    display: inline-block;
    vertical-align: top;
    /*width: 33.3333%;*/
    padding: 0 15px;
    min-height: 213px;
}

footer .box:nth-child(3) {
	border-right-color: transparent;
}

footer .wrapper {
    padding-top: 20px;
    line-height: 20px;
    text-align: center;
}

.content .aside > ul > li > ul {
    padding-left: 5px;
}

.content .aside > ul > li > ul > li {
    padding-right: 5px;
}

.pagination-wr .pagination li {
    display: inline-block;
    padding: 0;
}

.skroll {
	display: none;
}

.slaider-top {
	margin-bottom: 40px;
}

.content .aside::before {
    display: none;
}

.content .container {
    position: relative;
}

.content .container::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    right: 68.5%;
    background: url(/local/templates/germen/css/../images/bg1.jpg) no-repeat bottom right;
    background-size: cover;
}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}

}

@media only screen and (max-width : 767px){

.content::before {
	display: none;
}

header .logo {
    margin: 0;
    margin-right: 0;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    overflow: hidden;
    font-size: 0;
}

header .logo a {
	display: block;
}

header .logo img {
	height: 44px;
}

header .right .search {
	display: none;
}

.mobil {
	display: block;
}


header .right {
    padding-bottom: 18px;
    padding-top: 0;
    border-bottom: 1px solid rgb(94, 94, 94);
    width: calc(100% - 116px);
    display: inline-block;
    vertical-align: top;
    line-height: 40px;
    text-align: center;
    position: relative;
}

header .right::before {
	content: "";
	display: block;
	position: absolute;
	right: 100%;
	width: 70px;
	height: 1px;
	background: rgb(94, 94, 94);
	bottom: -1px;
}

header .right::after {
	content: "";
	display: block;
	position: absolute;
	left: 100%;
	width: 87px;
	height: 1px;
	background: rgb(94, 94, 94);
	bottom: -1px;
}

header .right .tel {
    color: rgb(255, 255, 255);
    font: 14px/30px "ProximaNovaLight";
    padding-right: 0;
    display: inline-block;
    vertical-align: top;
    padding-top: 10px;
}

.navbar-default {
	min-height: 0;
}

.navbar-default .navbar-toggle {
	position: absolute;
	top: -71px;
	right: 0px;
	border: none;
	border-left: 1px solid rgb(94, 94, 94);
	border-bottom: 1px solid rgb(94, 94, 94);
	margin: 0;
	z-index: 10;
	width: 71px;
	height: 71px;
	background: #fea141;
	border-radius: 0;
	padding-left: 18px;
	padding-right: 18px;
}

.navbar-default .navbar-toggle .icon-bar {
	width: 100%;
	background-color: #000;
}

.navbar-toggle .icon-bar + .icon-bar {
	margin-top: 12px;
}

.navbar-nav {
    margin: 0px;
}

.navbar-default .navbar-nav > li > a {
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    font: 500 16px/50px "Roboto";
    padding: 0 15px;
    border-bottom: 1px solid rgb(94, 94, 94);
}

.navbar-default .navbar-nav > li > a::before {
    content: "";
    display: inline-block;
    margin-right: 10px;
    width: 14px;
    height: 9px;
}

.navbar-nav .open .dropdown-menu {
	background: #f99f3d;
	padding: 0 15px;
	border-radius: 0;
}

.navbar-nav .open .dropdown-menu > li {
	padding-left: 0;
	padding-right: 0;
}

.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	padding: 0 44px;
	text-align: left;
	color: #000;
}

.slaider-top {
    margin-bottom: 10px;
}

.kategorii-mobil {
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
}

.kategorii-mobil .row {
	margin-left: -5px;
	margin-right: -5px;
}

.kategorii-mobil .box {
	display: inline-block;
	width: calc(33.333% - 10px);
	margin: 0 5px;
	vertical-align: top;
}

.kategorii-mobil .box img {
	width: 100%;
}

.kategorii-mobil .box span {
	display: table-cell;
	width: 300px;
	color: #fff;
	height: 31px;
	background: #7e9f2e;
	font: 12px/12px "Roboto";
	vertical-align: middle;
	padding: 0 5px;
}

.form-home form {
    padding: 0px 44px;
}

.form-home .zag {
	color: #353535;
	font: 700 14px/18px "Roboto";
	padding-top: 18px;
}

.akcii {
	display: none;
}

.akcii-mobil {
	margin-left: -15px;
	margin-right: -15px;
	text-align: center;
	color: #fff;
	font: 900 14px "Roboto";
}

.akcii-mobil p {
	position: absolute;
	left: 0;
	width: 100%;
	top: 50%;
	margin-top: -27px;
	margin: 0;
}

.akcii-mobil span {
	display: block;
	text-transform: uppercase;
}

.akcii-mobil img {
	width: 100%;
}

.form-home {
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}

.kategorii-home {
	display: none;
}

.video-sc {
    margin-bottom: 20px;
}

.video-sc .col-md-6 h2 {
    font: 16px/18px "ProximaNovaLight";
    color: rgb(249, 159, 61);
    text-transform: uppercase;
    margin-bottom: 11px;
    margin-top: 7px;
}

.video-sc .col-md-6 p {
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

.gde h2 {
    font: 18px/30px "Roboto";
    text-transform: uppercase;
    margin-top: 0;
    margin-bottom: 10px;
}

.gde p {
    font: 400 16px/18px "Roboto";
    margin-bottom: 0;
}

.gde .btn-type-2 {
    margin-top: 0;
    float: none;
    position: absolute;
    bottom: 20px;
}

.gde .wrapper {
    background: rgb(252, 199, 72);
    padding: 0 105px 0 15px;
    color: rgb(0, 0, 0);
    padding-top: 11px;
    padding-bottom: 82px;
    position: relative;
    margin-left: -15px;
    margin-right: -15px;
}

.gde .wrapper::before {
    content: "";
    width: 60px;
    height: 90px;
    background: url(/local/templates/germen/css/../images/mar.png);
    background-size: 100% 100%;
    display: block;
    position: absolute;
    right: 30px;
    top: 18px;
    z-index: 2;
}

.maps {
    height: auto;
    position: relative;
    padding-top: 0;
    text-align: left;
}

.maps h2 {
    font: 34px/34px "Roboto";
    text-transform: uppercase;
    position: relative;
    color: rgb(0, 0, 0);
    margin-bottom: 46px;
    text-align: center;
    margin-top: 0;
}

.maps h2 span {
    display: inline-block;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    padding: 0 144px;
}

.maps h2::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    height: 1px;
    margin-top: -0.5px;
    background: rgb(0, 0, 0);
}

.maps .map {
    display: none;
}

.maps .map #imap {
	height: 150px;
}

.maps .leg {
    display: block;
    vertical-align: top;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 10;
    border: 1px solid rgb(198, 198, 198);
    width: auto;
    text-align: left;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 15px;
    padding-right: 15px;
    border-left: none;
    border-right: none;
    margin-top: 172px;
}

.maps .leg .zag {
	display: none;
}

.maps .leg ul li .call.mobil {
    display: block !important;
    height: 38px;
    width: 44px;
    color: rgb(0, 0, 0);
    background: url(/local/templates/germen/css/../images/vz.jpg);
    float: right;
    margin-top: -52px;
}

.maps .leg ul {
    height: 360px;
    overflow: auto;
    margin: 0;
}

footer .box {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding: 0 15px;
    min-height: 1px;
    text-align: left;
    border: none;
}

footer {
    width: 100%;
    background: rgb(51, 51, 51);
    color: rgb(255, 255, 255);
    text-align: left;
    font-size: 0px;
    padding: 10px 0 15px;
}

footer .box ul {
	display: none;
}

footer .wrapper {
    padding-top: 0;
    line-height: 23px;
    text-align: left;
}

footer .wrapper ul {
	display: none;
}

.maps .leg ul li {
	padding-left: 0;
}

.col-md-4.col-sm-4 {
	display: none;
}

.content .container::before {
    display: none;
}

.soc-fixed {
    position: fixed;
    right: 0;
    top: 100%;
    width: 45px;
    height: auto;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    z-index: 11;
    padding: 5px 10px 5px 5px;
    margin-top: -185px;
}

.soc-fixed ul {
    margin: 0;
}

.soc-fixed li {
    margin-bottom: 5px;
}

.soc-fixed li a {
    width: 30px;
    display: block;
}

.soc-fixed li a img {
    width: 100%;
}

}

@media only screen and (max-width : 640px){

.news-home h2 span {
    display: inline-block;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    padding: 0 100px;
}

.maps h2 span {
    display: inline-block;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    padding: 0 50px;
}

}

@media only screen and (max-width : 600px){

.news-home .wrapper .box .text .zag {
    font: 500 18px/23px "Roboto";
    padding-top: 0px;
    padding-bottom: 20px;
    min-height: 1px;
}

.news-home .wrapper .box .text p {
	font-size: 14px;
}

}

@media only screen and (max-width : 540px){

.news-home h2 {
	font-size: 18px;
	margin-bottom: 10px;
	margin-top: 0;
}

.news-home h2 span {
    display: inline-block;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

.maps h2 {
	font-size: 18px;
}

.maps h2 span {
    display: inline-block;
    background: rgb(255, 255, 255);
    position: relative;
    z-index: 2;
    padding: 0 20px;
}

}

@media only screen and (max-width : 480px){

.form-home .share ul li img {
	width: 25px;
}

.form-home .share ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 3px;
}

.form-home form {
    padding: 0px 40px;
}

.form-home form input[type="text"] {
    width: 100%;
    height: 27px;
    border-radius: 17px;
    border: 1px solid rgb(252, 199, 72);
    background: rgb(255, 255, 255);
    padding: 0 15px;
    box-shadow: 0px 2px 5px 0px rgb(177, 177, 177);
}

.form-home form span {
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    font: 300 12px "Roboto";
    display: block;
    padding-bottom: 4px;
    padding-top: 12px;
}

.form-home form input[type="submit"] {
    width: 100%;
    height: 27px;
    border-radius: 17px;
    border: 1px solid rgb(252, 199, 72);
    background: rgb(252, 199, 72);
    display: block;
    margin: 30px auto 0;
    color: rgb(0, 0, 0);
    font: 700 12px "Roboto";
    text-transform: uppercase;
    box-shadow: 0px 2px 5px 0px rgb(177, 177, 177);
}

.form-home .ili {
    margin: 17px 44px 15px;
    position: relative;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
}

.breadcrumb {
    padding-left: 0;
    background: transparent;
    font-size: 0;
    margin-top: 5px;
    margin-bottom: 1px;
}

.content h1 {
    position: relative;
    font: 500 18px/22px "Roboto";
    color: rgb(0, 0, 0);
    text-align: center;
    margin-top: 0;
    margin-bottom: 15px;
}

.content h1::before,
.content h1::after {
	width: 60px;
	display: none;
}

.content .news-box img {
    display: block;
    vertical-align: top;
    border: 1px solid rgb(0, 0, 0);
    position: initial;
    left: 0;
    top: 0;
    width: 100%;
    margin-bottom: 15px;
}

.content .news-box .text {
    display: inline-block;
    vertical-align: top;
    padding-left: 0;
}

.content .news-box .text .zag {
    font: 700 14px/20px "Roboto";
    text-transform: uppercase;
    color: rgb(0, 0, 0);
    display: block;
    margin-bottom: 13px;
}

.content .news-box .text .data {
    font-size: 14px;
    padding-bottom: 4px;
}

.content .news-box {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 10px;
	padding-bottom: 12px;
}

.strn,
.soc-row ul {
	display: none;
}

.pagination-wr {
	font-size: 0;
	padding-top: 5px;
}

.pagination-wr .pagination {
	font-size: 14px;
	margin-left: 0;
}

}

@media only screen and (max-width : 420px){

}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 360px) {

}


/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/* End */
/* /local/templates/germen/css/main.css?149942132519857 */
/* /local/templates/germen/css/media.css?150409182315615 */