.area-header { background-color:#18b05e; }
.area-logo { position:absolute; z-index:3; }
.area-social { position:absolute; z-index:3; }
.area-info { position:absolute; z-index:3; }
.area-info-tel { position:absolute; z-index:3; }
.area-info-mail { position:absolute; z-index:3; }
.area-bb { position:absolute; z-index:3; }

.navbar-inverse .navbar-nav > li > a { font-family: 'Playfair+Display', sans-serif; font-weight:700; color:#ffffff; }
.navbar-inverse .navbar-nav > li > a:hover { color:#000000; }
.navbar-inverse .navbar-nav > li > a:focus { color:#000000; }
.navbar { border-radius: 0px; border:0px; margin-bottom:0px; background-color:transparent; z-index:8; }
.navbar-inverse { border-color:transparent; z-index:8; }
.navbar-collapse {  padding-left: 0px; min-height:auto; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; z-index:8; }
.navbar-inverse .navbar-toggle { border-color: transparent; }
.navbar-toggle { background-color: transparent; margin-right:-18px; margin-bottom:0px; margin-top:-27px; }
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: transparent; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color:transparent; margin-top:5px; }
.navbar-inverse .navbar-toggle .icon-bar { background-color: #ffffff; }
.navbar-inverse .navbar-toggle .icon-bar hover{ background-color: #ffffff; }
.navbar-toggle .icon-bar { width: 28px; }
.navbar-collapse { padding-right:0px; }

.dropdown-menu > li > a { font-family: 'Playfair+Display', sans-serif; font-weight:700; color:#18b05e; padding:5px 18px; }
.dropdown-menu > li > a:hover { color:#ffffff; }

.nav-tabs { border-bottom: 0px; float:right; }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0px; padding-top:0px; text-decoration:none; }
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #000000; }
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a { color: #18b05e; }


@media (max-width:767px) {
.area-header { min-height:165px;  }
.area-social { top:5px; right:5px; }
.ico-social { padding-left:3px; }

.area-logo { position:relative; text-align:center; padding:30px; padding-top:56px; }
.img-logo { width:248px; height:auto; }

.area-bb { left:285px; top:20px; display:none; }
.img-bb { width:150px; height:auto; }
.area-info { display:none; }
.area-info-tel { left:10px; top:10px; }
.area-info-mail { display:none; }

.navbar-inverse .navbar-nav > li > a { font-size:14px;  }
.navbar-inverse .navbar-nav > li > a {  background-color:transparent; }
.navbar-inverse .navbar-nav > li > a:hover { background-color:transparent; background-image:none; }
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { text-align:left; }
.nav > li > a { padding: 6px 6px; }
.navbar { background-color: transparent; min-height:0px; }
.navbar-collapse { border-top:1px; }
.navbar-nav { margin: 0px 0px 10px 10px;  }
.navbar-collapse { max-height: auto; }
.dropdown-menu > li > a { font-size:14px; }
}


@media(min-width:768px) and (max-width:991px) {
.area-header { height:175px; }
.area-social { right:15px; top:115px; }
.ico-social { padding-left:4px; }

.area-logo { top:20px; left:15px; }
.img-logo { width:248px; height:69px; }

.area-bb { left:285px; top:20px; }
.img-bb { width:150px; height:auto; }
.area-info { left:460px; top:20px; }
.area-info-tel { left:540px; top:25px; }
.area-info-mail { left:540px; top:65px; }

.navbar-inverse .navbar-nav > li > a { font-size:15px; }
.navbar {  margin-left:0px; margin-top:120px; }
.nav > li > a { padding: 0px 10px; }
.dropdown-menu > li > a { font-size:15px; }
}


@media(min-width:992px) {	
.area-header { height:175px; }
.area-social { right:15px; top:115px; }
.ico-social { padding-left:4px; }

.area-logo { top:20px; left:15px; }
.img-logo { width:175px; height:156px; }

.area-bb { left:320px; top:20px; }
.area-info { left:670px; top:20px; }
.area-info-tel { left:750px; top:25px; }
.area-info-mail { left:750px; top:65px; }

.navbar-inverse .navbar-nav > li > a { font-size:17px; }
.navbar {  margin-left:0px; margin-top:120px; }
.nav > li > a { padding: 0px 24px; }
.dropdown-menu > li > a { font-size:17px; }
}


@media(min-width:1200px) {	
.area-header { height:175px; }
.area-social { right:15px; top:115px; }
.ico-social { padding-left:4px; }

.area-logo { top:10px; left:15px; }
.img-logo { width:175px; height:156px; }

.area-bb { left:540px; top:20px; }
.area-info { left:850px; top:20px; }
.area-info-tel { left:940px; top:25px; }
.area-info-mail { left:940px; top:65px; }

.navbar-inverse .navbar-nav > li > a { font-size:17px; }
.navbar {  margin-left:235px; margin-top:120px; }
.nav > li > a { padding: 0px 32px; }
.dropdown-menu > li > a { font-size:17px; }
}