@charset "utf-8";

body { font-family: 'Nunito', sans-serif; }
p {font-size: 18px;}
.embed-responsive-16by9 {
padding-bottom: 400px !important;
}
.navbar {padding: 0px;}
.navbar-light { background-color: #ffffff !important;
}
.jejak {
padding-left: 25px;
font-size:11px;
padding-bottom: 15px;
}
.rounded-circle {padding: 5px;background-color: #d1d3d5; position: sticky;
top: 150px;}
.contact-people-na {position: sticky;
top: 150px;}
#shiftnav-toggle-main.shiftnav-toggle-edge-right .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-edge-right.shiftnav-toggle-main-entire-bar:before, .shiftnav-open-right #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
margin-top: 10px !important;
}
#jig1 .jig-caption-title {
font-size: 13px !important;
}
h1, h2, h3, h4 {color: #84ac49; font-weight:700;}
.h1-artikel {font-size: 40px !important;}
a.h1-artikel:link , a.h1-artikel:hover, a.h1-artikel:visited {color: #666;}
h1 {font-size: 40px;}
h3 {font-size: 35px; font-weight: 300; margin-top: 40px;}
.teaser-text-inside {color: #84ac49; font-weight:300;font-size:22px;margin-top: 30px;}
.footer-green {background-color: #2d8c8e;}
.p-name-nip {font-size: 16px; background-color: #84ac49; padding: 5px; font-weight: 700;color: #fff;}
.title-nip {font-size: 14px; margin-top: -10px;margin-bottom: 40px;} .tosca-nip {background-color: #85d8de; background-image:url(//nm-advocates.com/wp-content/themes/html5blank-stable/images/pottery-rack.jpg); background-size: cover;}
.banner-area-artikel {background-color: #85d8de; height: auto; display: block;margin-top: 110px; }
.tosca-intro-nip {background-color: #d9feff; }
.text-white {color: #fff;}
.btn {border-radius: 0px;}
.link-news-nip, a.link-news-nip {color: #666;}
a.link-news-nip:hover {color: #333;} .heartbeat {
-webkit-animation: heartbeat 5.5s ease-in-out infinite both;
animation: heartbeat 5.5s ease-in-out infinite both;
}
.kenburns-right {
-webkit-animation: kenburns-right 30s ease-out both;
animation: kenburns-right 30s ease-out both;
}
.kenburns-left {
-webkit-animation: kenburns-left 30s ease-out both;
animation: kenburns-left 30s ease-out both;
}
.kenburns-bottom {
-webkit-animation: kenburns-bottom 30s ease-out both;
animation: kenburns-bottom 30s ease-out both;
} .info-data-nip {padding: 20px 0px; color: #2d8c8e; border-top: dashed thin #ccc;border-bottom: dashed thin #ccc; margin-bottom: 30px;margin-top: 30px;}
@media (min-width: 1367px){
.jejak {
padding-left: 0px;
}
.header-area {
background-color: #ffffff;
height: 110px;
max-width: 1366px;
display:block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.logo-area {
width: 200px;
margin-top: 15px;
position: absolute;
}
.menu-area {
float: right;
width: 85%;
text-align: right;
margin-top: 40px;
}
.banner-area {
max-width: 100%;
background-color: #85d8de;
margin-top: 110px;
background-size: cover;
background-repeat: no-repeat;
height: 600px;
display: block;
margin-left: auto;
margin-right: auto;overflow: hidden;
}
.banner-placeholder {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: 100%;
}
.teaser-text {
font-family: 'Nunito', sans-serif;
color: #ffffff;
font-size: 40px;
font-weight: 100;
width: 600px;
transform: translateY(-50%);
position: absolute;
margin-top: 190px;
}
.content-area {
max-width: 1366px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.col-padding-custom-left {
padding-left: 25px	
}
.col-padding-custom-right {
padding-right: 25px	
}
.footer-area {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #84ac49;
}
.blue-bar {
background-color: #999;
height: 10px;
}
.green-bar {
background-color: #85d8de;
height: 10px;
}
.footer-content {
font-size: 11px;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
}
.col-front-1 {
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px	
}
.col-front-2 {
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;
padding-left: 25px;
}
.col-front-3 {
padding-left: 25px;
}
.inta {
width: 175px;
}	
.ipstars {
width: 175px;
padding-top: 15px;
}	
.ip-frame {
max-width: 400px;
float: right;
margin-top: 35px;
}
.col-inside-1 {
border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;	
}
.col-inside-2 {
border-left-style: dotted;
border-left-width: thin;
border-left-color: #ececec;
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;	
padding-left:25px;
}
.col-inside-content {border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;}
p {
font-size: 18px;
}
.seperator-right {border-right: thin dotted #ccc;}
}
@media (min-width: 801px) and (max-width: 1366px){
.header-area {
background-color: #ffffff;
height: 110px;
max-width: 1366px;
display:block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.logo-area {
width: 200px;
margin-top: 15px;
position: absolute;
margin-left: 20px;
}
.menu-area {
float: right;
width: 85%;
text-align: right;
margin-top: 40px;
margin-right: 20px;
}
.banner-area {
width: 100%;
margin-top: 110px;
background-color: #85d8de;
background-size: cover;
background-repeat: no-repeat;
height: 600px;overflow: hidden;
}
.banner-placeholder {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: 100%;
}
.teaser-text {
font-family: 'Nunito', sans-serif;
color: #ffffff;
font-size: 35px;
font-weight: 100;
width: 550px;
transform: translateY(-50%);
position: absolute;
margin-top: 190px;
margin-left: 20px;
}
.content-area {
max-width: 1024px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.content-row {
margin-left: 0px;
margin-right: 0px;
padding-left: 5px;
padding-right: 5px;
}
.footer-area {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #84ac49;
}
.blue-bar {
background-color: #999;
height: 10px;
}
.green-bar {
background-color: #85d8de;
height: 10px;
}
.footer-content {
font-size: 11px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.col-front-1 {
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px	;
}
.col-front-2 {
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-left: 25px	;
}
.col-front-3 {
padding-left: 25px;
}
.inta {
width: 150px;
}	
.ipstars {
width: 150px;
padding-top: 15px;
}
.ip-frame {
max-width: 400px;
float: right;
margin-top: 35px;
}
.col-inside-1 {
border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;	
}
.col-inside-2 {
border-left-style: dotted;
border-left-width: thin;
border-left-color: #ececec;
border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;	
padding-left:25px;
}
.col-inside-content {border-right-style: dotted;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;}
p {
font-size: 15px;
}
}
@media (min-width: 801px) and (max-width: 1024px){
.col-front-2 {
border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-left: 25px	;
}
.col-front-3 {
padding-left: 15px;
border-top-style: dotted;
border-top-width: thin;
border-top-color: #ececec;
margin-top: 25px;
padding-top: 25px;
}
.member-of {
float: left;
margin-right: 20px;
margin-top: 10px;
}
.inta {
width: 200px;
float: left;
}	
.ipstars {
width: 250px;
padding-top: 0px;
float: left;
margin-left: 25px;
margin-top: 25px;
}
.ip-frame {	
max-width: 400px;
float: right;
margin-top: 35px;
opacity: 0.1;
}
.col-inside-1 {
border-right-style: none;
padding-bottom: 20px;	
}
.col-inside-2 {
border-top-style: dotted;
border-top-width: thin;
border-top-color: #ececec;
padding-top: 25px;
border-left-style: none;
border-left-width: thin;
border-left-color: #ececec;
border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 15px;	
padding-left:15px;
}
.col-inside-content {border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 25px;}	
p {
font-size: 16px;
}
.menu-area {
display: none;
}
.content-area {
max-width: 800px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
}
@media (max-width: 800px){
.header-area {
background-color: #ffffff;
height: 89px;
max-width: 1366px;
display:block;
margin-left: auto;
margin-right: auto;
width: 100%;
}
.logo-area {
width: 175px;
margin-top: 10px;
position: absolute;
margin-left: 20px;
}
.menu-area {
display: none;
}
.banner-area {
width: 100%;
background-color: #84ac49;
margin-top: 89px;
background-repeat: no-repeat;
height: 600px;
background-position: 100% 50%;
overflow: hidden;
}
.banner-placeholder {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 100%;
height: 100%;
}
.teaser-text {
font-family: 'Nunito', sans-serif;
color: #ffffff;
font-size: 30px;
font-weight: 100;
max-width: 500px;
transform: translateY(-50%);
position: absolute;
margin-top: 190px;
margin-left: 20px;
margin-right: 20px;
}
.content-area {
max-width: 600px;
display: block;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
padding-bottom: 60px;
}
.content-row {
margin-left: 0px;
margin-right: 0px;
padding-left: 5px;
padding-right: 5px;
}
.footer-area {
max-width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
background-color: #2d8c8e;
}
.blue-bar {
background-color: #999;
height: 10px;
}
.green-bar {
background-color: #85d8de;
height: 10px;
}
.footer-content {
font-size: 11px;
padding-top: 20px;
padding-bottom: 20px;
margin-left: 20px;
margin-right: 20px;
}
.col-front-1 {
}
.col-front-2 {
border-top-style: dotted;
border-top-width: thin;
border-top-color: #A0A0A0;
margin-top: 25px;
}
.col-front-3 {
border-top-style: dotted;
border-top-width: thin;
border-top-color: #A0A0A0;
padding-top: 25px;
}
.member-of {
float: left;
margin-right: 20px;
margin-top: 10px;
padding-right: 20px;
}
.inta {
max-width: 150px;
float: left;
margin-right: 25px;
margin-top: 10px;
}	
.ipstars {
max-width: 200px;
padding-top: 0px;
float: left;
margin-top: 25px;
}
.ip-frame {	
display:none;
max-width: 400px;
float: right;
margin-top: 35px;
opacity: 0.1;
}
.col-inside-1 {
border-right-style: none;
padding-bottom: 20px;	
}
.col-inside-2 {
border-top-style: dotted;
border-top-width: thin;
border-top-color: #A0A0A0;
padding-top: 25px;
border-left-style: none;
border-left-width: thin;
border-left-color: #ececec;
border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-right: 15px;	
padding-left:15px;
padding-bottom: 20px;
}
.col-inside-content {border-right-style: none;
border-right-width: thin;
border-right-color: #ececec;
padding-bottom: 25px;}	
p {
font-size: 16px;
}
.seperator-right {border-bottom: thin dotted #ccc; margin-bottom: 30px;padding-bottom: 30px;}
}  @-webkit-keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}
@keyframes heartbeat {
from {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
10% {
-webkit-transform: scale(0.91);
transform: scale(0.91);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
17% {
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
33% {
-webkit-transform: scale(0.87);
transform: scale(0.87);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
45% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
}  @-webkit-keyframes kenburns-right {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 84% 50%;
transform-origin: 84% 50%;
}
100% {
-webkit-transform: scale(1.25) translateX(20px);
transform: scale(1.25) translateX(20px);
-webkit-transform-origin: right;
transform-origin: right;
}
}
@keyframes kenburns-right {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 84% 50%;
transform-origin: 84% 50%;
}
100% {
-webkit-transform: scale(1.25) translateX(20px);
transform: scale(1.25) translateX(20px);
-webkit-transform-origin: right;
transform-origin: right;
}
}  @-webkit-keyframes kenburns-left {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 16% 50%;
transform-origin: 16% 50%;
}
100% {
-webkit-transform: scale(1.25) translate(-20px, 15px);
transform: scale(1.25) translate(-20px, 15px);
-webkit-transform-origin: left;
transform-origin: left;
}
}
@keyframes kenburns-left {
0% {
-webkit-transform: scale(1) translate(0, 0);
transform: scale(1) translate(0, 0);
-webkit-transform-origin: 16% 50%;
transform-origin: 16% 50%;
}
100% {
-webkit-transform: scale(1.25) translate(-20px, 15px);
transform: scale(1.25) translate(-20px, 15px);
-webkit-transform-origin: left;
transform-origin: left;
}
}  @-webkit-keyframes kenburns-bottom {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 84%;
transform-origin: 50% 84%;
}
100% {
-webkit-transform: scale(1.25) translateY(15px);
transform: scale(1.25) translateY(15px);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
}
@keyframes kenburns-bottom {
0% {
-webkit-transform: scale(1) translateY(0);
transform: scale(1) translateY(0);
-webkit-transform-origin: 50% 84%;
transform-origin: 50% 84%;
}
100% {
-webkit-transform: scale(1.25) translateY(15px);
transform: scale(1.25) translateY(15px);
-webkit-transform-origin: bottom;
transform-origin: bottom;
}
}