﻿@import url('content.css');
body, html {}
body { padding-top: 66px; padding-top: 107px; }

::-webkit-input-placeholder { color: #7a7a7a; opacity: 1; }
:-moz-placeholder { color: #7a7a7a; opacity: 1; }
::-moz-placeholder { color: #7a7a7a; opacity: 1; }
:-ms-input-placeholder { color: #7a7a7a; opacity: 1; }

#body { margin: 0; padding: 0; }
ul { list-style: url(/sablons/cms/pics/ellipse.png); }

.container { max-width: 980px; }

.navbar { height: 107px; margin: 0; background: rgba(199, 195, 195, 1) url(/sablons/cms/pics/header-atmenet.png) repeat-x; box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.6), inset 0 -1px 1px rgba(0, 0, 0, 0.6), 0 0 5px rgba(0, 0, 0, 0.6); border-bottom: none; }
.navbar-brand { padding: 0; margin: 0 !important; position: relative; top: 25px;  }
.navbar-right { margin: 0 !important; }

.navbar-nav > li > a { padding-top: 0; padding-bottom: 0; line-height: 107px; padding-left: 15px; padding-right: 15px; font-size: 20px; }
.navbar-default .navbar-nav > li > a { color: #23233B; color: #2e3192; color: #272C49; font-weight: bold; text-transform: uppercase; font-family: Futura-LT-Light; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus { color: #7F85CC; color: white; }
.navbar-default .navbar-nav > li:hover:before,
.navbar-default .navbar-nav > li.active:before { height: 100%; }

.navbar.navbar-fixed-top { transition: all 0.5s; }
.navbar.navbar-fixed-top.shadow { /*box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.5);*/ }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus { background: none; color: #FFFFFF; }

.footer { padding: 5px 0; }
.footer .copyright { text-align: center; }
.footer .scrolltop { display: block; width: 100%; text-align: center; }
.footer .scrolltop svg { width: 30px; transform: rotate(180deg); }
.footer .links { display: inline-block; list-style: none; padding: 0; }
.footer .links li a { padding: 0 3px; }

.placeholder { display: inline-block; height: 100%; vertical-align: bottom; }

.btn-more {  display: inline-block; background-color: rgba(0, 0, 0, 0.6); transition: border-color 0.4s ease 0s, 0.4s ease 0s; border: 3px solid white; color: white; font-size: 22px; padding: 12px 50px; font-family: Futura-LT-Book; }
.btn-more:hover,
.btn-more:focus { color: rgba(166, 147, 116, 1); border-color: rgba(166, 147, 116, 1); text-decoration: none; }

.mainpage strong { color: white; }
.mainpage * { font-family: Futura-LT-Light; }

.content { padding: 30px 0; margin-bottom: 2px; }
.content { color: white; }
.content.fullpage { position: relative; overflow: hidden; background-size: cover; background-position: center top; }
.content.fullpage .container { height: 100%; }
.content.fullpage .text { height: 100%; }
.content img { max-width: 100%; }
.content img.gyik { margin-right: 8px; }
.content-id-1 { background: #C7C3C3 !important; }
.content-id-1 h2 { font-size: 31px; }
.content-id-1 h2 span { padding: 0 8px; }
.content-id-2 .row { max-width: 940px; margin: 0 auto; color: white; }
.content-id-2 .row > .col-md-3 { height: 240px; max-width: 240px; padding-left: 10px; padding-right: 10px; }
.content-id-2 .row > .col-md-3:nth-child(even) a { background: url(/sablons/cms/pics/parctice_bg1.png) no-repeat center top; }
.content-id-2 .row > .col-md-3:nth-child(odd) a { background: url(/sablons/cms/pics/parctice_bg2.png) no-repeat center top; }
.content-id-2 .row > .col-md-3 a { display: inline-block; width: 100%; color: white; height: 100%; }
.content-id-2 .row > .col-md-3 p { font-size: 22px; margin: 10px; }
.content-id-2 .row > .col-md-3 h4 { font-size: 95px; margin-top: 50px; }
.content-id-2 .row { margin-top: 5vh; }
.content-id-2 .btn-more { margin-top: 5vh; margin-top: calc((100vh - 460px) / 3); }
.content-id-4 { padding: 0; }
.content-id-5 { font-size: 22px; font-family: Futura-LT-Book; }
.content-id-5 .btn-more { position: absolute; bottom: 30px; left: 6%; }
.contact-address { position: relative; background-color: rgba(0, 0, 0, 0.6); }
.contact-title { position: relative; }

.news-content { background-size: cover; min-height: 100vh; font-size: 21px; }
.news-content-id-3 .partners h1 { /*font-family: anton,sans-serif;*/ font-size: 32px; text-transform: uppercase; font-weight: bold; margin-bottom: 0; }
.news-content-id-3 .partners h2 { /*font-family: sans-serif;*/ font-size: 20px; color: #a69374; margin-top: 10px; text-transform: uppercase; font-weight: bold; }
.news-content > .container { background-color: rgba(255, 255, 255, 0.7); padding-top: 50px; padding-bottom: 50px; }
.news-content .header_container { background-color: #A69374; text-align: center; padding: 50px 0; }
.news-content .header_container h1 { text-transform: uppercase; font-weight: 400; color: white; font-size: 48px; }

.news-content-id-2 { background: none !important; }
.news-content-id-2 .row { border-bottom: 1px solid #A69375; padding-bottom: 30px; padding-top: 30px; }
.news-content-id-2 .row h2 { font-size: 62px; }
.news-content-id-2 .row h3 { font-size: 20px; font-weight: bold; color: #4d4b4b; }
.news-content-id-2 .row:nth-child(odd) h2 { color: #757575; }
.news-content-id-2 .row:nth-child(even) h2 { color: #a69374; }

.news-content-id-3 .associate { background-color: #C4B8A6; padding: 50px 0; }
.news-content-id-3 .associate h2 { text-transform: uppercase; font-weight: 400; color: #4d4b4b; font-size: 22px; font-weight: bold; /*font-family: anton,​sans-serif;*/ }
.news-content-id-3 .associate h3 { color: #ffffff; font-size: 20px; /*font-family: anton;*/ font-weight: bold; margin-top: 0; /*font-family: din-next-w01-light;*/ text-transform: uppercase; }

.practice-content * { color: #272C49 !important; }
.practice-content ul { padding-left: 0; list-style: none; }
.practice-content ul li { padding-left: 40px; background: url(/sablons/cms/pics/ellipse.png) no-repeat 16px 14px; }



a.mailto { background-color: #A69374; text-transform: uppercase; color: white; font-size: 18px; padding: 15px; display: inline-block; transition: background-color 0.6s ease; }
a.mailto:hover { background-color: #C4B8A6; }
p.impressum { font-size: 19px; text-align: justify; }

@media (min-width: 768px) {
    .content.fullpage { min-height: calc(100vh - 107px); }
	.navbar-right { position: absolute; right: 50px; }
	.navbar-brand img { transition: height 0.5s; height: 49px; }
	.contact-address { top: 0; top: calc(((100vh - 107px) / 12)); top: 100px; right: -302px; width: 450px; }
	.contact-title { top: 10vh; }
	.content .emblema-column { background-color: rgba(0, 46, 93, 0.37); height: calc(100vh - 107px); float: left; position: relative; left: 595px; left: calc(50% + 105px); }
	.GmapFrame { position: relative; padding: 0; }
    .GmapFrame #contact-map { height: calc(100vh - 107px); float: left; }
	.GmapFrame .overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 100; background-color: rgba(0, 0, 0, 0.1); }
	
	.navbar-default .navbar-nav.lang-selector > li > a { padding: 0 0 0 5px; }
	.navbar-default .navbar-nav.lang-selector > li:first-child a:after { content: "|"; margin-left: 5px; }
    .news-content.news-content-id-3 .associate .col-md-offset-1 { margin-left: 4.333333%; margin-right: 8.3333333%; }
}

@media (max-width: 768px) {
	body { padding-top: 50px; }
	.content .emblema-column { background-color: rgba(0, 46, 93, 0.37); float: left; position: relative; left: 50%; transform: translate(-50%); height: calc(100vh - 50px);  }
    .content-id-2 h1 { font-size: 34px; }
	.content-id-2 .row > .col-md-3 { padding-left: 10px; padding-right: 10px; max-width: none; text-align: center; height: auto; }
	.content-id-2 .row > .col-md-3 a { width: 240px; height: 240px; margin-bottom: 20px;  }
	.contact-title { margin-top: 20px; }
	.contact-address { background: none; padding-top: 10px; padding-bottom: 10px; margin-top: -20px; }
    .contact-address table { background-color: rgba(0, 0, 0, 0.5); }
	.navbar { height: 50px; }
	.navbar-nav > li > a { line-height: 50px; }
	.navbar-brand { top: 0; padding: 5px 10px;}
	.navbar-brand img { max-height: 40px; }
	.GmapFrame .overlay { display: none; }
    .GmapFrame #contact-map { min-height: 450px; }
	.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #D0CCCC; }
	.content-id-5 { font-size: 20px; }
	.news-content-id-2 .row h2 { font-size: 64px; }
	.navbar-default .navbar-nav.lang-selector > li { display: inline-block; width: 49%; text-align: center; }
    .content-id-1 h2 span { padding: 0; display: block; width: 100%; }
    .content-id-5 p { margin: 0; text-align: center; }
    .content-id-5 .contact-title { display: none; }
    .content-id-5 .btn-more { bottom: 0px; margin-top: 10px; left: 0; position: relative; }
    .content-id-5 td { padding: 5px; }
    .news-content-id-3 .partners h1 { font-size: 30px; }
    .news-content-id-3 .associate h2 { font-size: 20px; }
}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {
}

@media (max-width: 392px) {
    h1 { font-size: 40px; }
    .news-content > .container { padding-top: 0; padding-bottom: 0; }
    .news-content .header_container { padding: 20px 0; }
    .news-content .header_container h1 { font-size: 32px; margin: 10px 0; }
    .news-content-id-2 .row h2 { font-size: 42px; }
}

#GMap { border: 1px solid #e6ddd5; width: 100%; height: 295px; margin: 10px 0; }

.userBtn { background: url(/sablons/cms/pics/gomb.png) no-repeat; display: inline-block; width: 203px; height: 44px; line-height: 44px; text-align: center; color: white; font-family: inherit; font-size: 18px; cursor: pointer; }
.userBtn:hover { background-image: url(/sablons/cms/pics/gomb_hover.png); color: white; }

.elements p { margin: 10px 0; }
input { border-radius: 0 !important; }

input.userBtn { border: none; }
input.userBtn:hover {  }


input.inputbox { display: inline-block; width: 100%; background: white; border: 1px solid rgba(96, 96, 96, 0.12); padding: 10px 10px; height: 48px;/* box-shadow: -2px -2px 16px rgba(51, 51, 51, 0.22) inset;*/ }
textarea { box-sizing: border-box; font-family: inherit; color: #606060; font-size: 14px; background: white; border: 1px solid rgba(96, 96, 96, 0.12); margin: 0; padding: 0 10px; width: 100%; height: 150px; /*box-shadow: -2px -2px 16px rgba(51, 51, 51, 0.22) inset;*/ }
div.nobonet { text-align: center; vertical-align: bottom; }
div.nobonet > a { display: inline-block; vertical-align: bottom; }

@media (max-width: 768px) {
    a.form-link { min-width: 0px; width: 98%; font-size: 12px; }
	.navbar-top.navbar-default .navbar-nav > li > a { text-align: center; }
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, 
	.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { background: inherit; color: inherit; }
	.navbar-nav > li > .dropdown-menu { position: static; width: 100%; float: left; }

    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        /*float: none;*/
		width: 100%;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }
}