.page-banner{
    color: #fff;
}

.pb-inner{
    margin:0 auto;
    position:relative;
    height: 560px;
    overflow:hidden;
}

.pb-video-container{
    position:absolute;
    z-index:1;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-image: url('../img/banners/page-banner-prajire-manuala.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}

.pb-inner .wrapper{
    height:100%;
    position:relative;
    z-index:2;
}
.pb-inner .wrapper:before{
    content:'';
    display:inline-block;
    width:0;
    height:100%;
    margin-right:-0.25em;
    vertical-align:middle;
}
.pb-caption{
    text-align:center;
    display:inline-block;
    width:100%;
    margin-right:-0.25em;
    vertical-align:middle;
}
.pb-caption h2{
    color:#fff;
    font-size:34px;
    line-height:1.2;
    margin:0 0 80px;
}
@media (max-width: 767px){
    .pb-inner .wrapper{
        padding-top:0;
        padding-left:10px;
        padding-right:10px;
    }
    .pb-inner{
        min-height:320px;
    }
    .pb-headline{
        font-size:22px;
        margin-bottom:15px;
    }
}

.content-section{
    padding:145px 0;
    position:relative;
}
.content-section .wrapper{
    position:relative;
    z-index:2;
    display:table;
}
.content-section .wrapper .wrapper-inner{
    height:435px;
    display:table-cell;
    vertical-align:middle;
}
.content-section .wrapper:before{
    display:inline-block;
    vertical-align:middle;
    width:0;
    min-height:100%;
}
.content-box{
    padding-top:17px;
    padding-right:19px;
    position:relative;
    max-width:580px;
    float:left;
    margin-left:calc(50% - 190px);
    display:inline-block;
    vertical-align:middle;
}
.right .content-box{
    float: right;
    margin-right: calc(50% - 190px);
    margin-left:0;
    padding-right: 0;
    padding-left:19px;
}
.content-box:before{
    content:'';
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(to left, rgba(61, 207, 164, 1) 1%, rgba(61, 194, 207, 1) 100%);
    border-image-slice: 1;
    position:absolute;
    z-index:1;
    top:0;
    right:0;
    left:27px;
    bottom:32px;
}

.right .content-box:before{
    top:0;
    left:0;
    right:27px;
    bottom:32px;
}

.content-box-inner{
    background:#fff;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 50px 25px rgba(0,0,0,0.07);
    box-shadow: 0 0 50px 25px rgba(0,0,0,0.07);
    position:relative;
    z-index:2;
    padding:30px;
    color:#000;
    line-height:1.4;
}
.content-box-inner strong{
    font-weight:600;
}
.content-box p{
    margin:0;
}
.content-box p + p{
    margin-top:10px;
}
.content-box h5{
    color:#000;
    font-weight:300;
    font-size:18px;
    line-height:1.4;
    margin:0 0 10px;
}

.section-big-img{
    position:absolute;
    top:0;
    right:50%;
    left:0;
    bottom:0;
    background-repeat:no-repeat;
    background-position:right top;
    background-size:cover;
    z-index:1;
}
.right .section-big-img{
    left:50%;
    right:0;
    background-position:left top;
}

.section-small-img{
    position:absolute;
    top:0;
    left:50%;
    right:0;
    bottom:0;
    background-repeat:no-repeat;
    background-position:right top;
}
.right .section-small-img{
    left:0;
    right:50%;
}

.section1{
    background: rgba(26,53,59,1);
    background: -moz-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='1a353b', endColorstr='#20545f',GradientType=1 );
}
.section1 .section-big-img{
    background-image: url('../img/prajire-manuala-section-1-bg.jpg');
}
.section1 .section-small-img{
    background-image: url('../img/prajire-manuala-section1-small.png');
    background-position: 70% 2%;
}


.section2{
    background: rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='00757b', endColorstr='#00a1a9',GradientType=1 );
}
.section2 .content-box:before{
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(45deg, rgba(96,159,254,1) 0%,rgba(31,233,174,1) 100%);
    border-image-slice: 1;
}
.section2 .section-big-img{
    background-image: url('../img/prajire-manuala-section-2-bg.jpg');
}
.section2 .section-small-img{
    background-image: url('../img/prajire-manuala-section2-small.png');
    background-position: 28% 97%;
}

.section3{
    background: rgba(26,53,59,1);
    background: -moz-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='1a353b', endColorstr='#20545f',GradientType=1 );
}
.section3 .section-big-img{
    background-image: url('../img/prajire-manuala-section-3-bg.jpg');
}
.section3 .section-small-img{
    background-image: url('../img/prajire-manuala-section3-small.png');
    background-position: 79% 87%;
}

.section4{
    background: rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='00757b', endColorstr='#00a1a9',GradientType=1 );
}
.section4 .section-big-img{
    background-image: url('../img/prajire-manuala-section-4-bg.jpg');
}
.section4 .section-small-img{
    background-image: url('../img/prajire-manuala-section4-small.png');
    background-position: 28% 91%;
}

.section5{
    background: rgba(26,53,59,1);
    background: -moz-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    background: linear-gradient(45deg, rgba(26,53,59,1) 0%, rgba(32,84,95,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='1a353b', endColorstr='#20545f',GradientType=1 );
}
.section5 .section-big-img{
    background-image: url('../img/prajire-manuala-section-5-bg.jpg');
}
.section5 .section-small-img{
    background-image: url('../img/prajire-manuala-section5-small.png');
    background-position: 72% 91%;
}


.section6{
    background: rgba(0,117,123,1);
    background: -moz-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: -webkit-linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    background: linear-gradient(45deg, rgba(0,117,123,1) 0%, rgba(0,161,169,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='00757b', endColorstr='#00a1a9',GradientType=1 );
}
.section6 .content-box:before{
    border-width: 2px;
    border-style: solid;
    border-image: linear-gradient(45deg, rgba(96,159,254,1) 0%,rgba(31,233,174,1) 100%);
    border-image-slice: 1;
}
.section6 .section-big-img{
    background-image: url('../img/prajire-manuala-section-6-bg.jpg');
}
.section6 .section-small-img{
    background-image: url('../img/prajire-manuala-section6-small.png');
    background-position: 30% 15%;
}


.nivel-prajire-section{
    padding: 10px 0 30px;
}
.nivel-prajire-section .section-header{
    margin-bottom:40px;
}
.nivel-prajire{
    background-image: url('../img/prajire-manuala-bob.png');
    background-repeat:no-repeat;
    background-position:center top;
    padding-top:50px;
}
.np-container{
    width:100%;
    border-collapse: collapse;
}
.np-container td{
    padding: 0 0 33px 0;
    width:50%;
}
.np-container td:first-child{
    text-align:right;
}

.np-item{
    display:inline-block;
    text-align:left;
    position:relative;
}
.np-item.right{
    text-align:right;
}
.npi-header{
    padding-bottom:15px;
}
.npi-header h5{
    font-size:24px;
    line-height:1;
    color:#1a353b;
    font-weight:300;
    margin:0;
}
.npi-header h5 > p{
    display:inline;
}

.npi-header h5 > span{
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    line-height:21px;
    font-weight:600;
    border-radius:99px;
    display:inline-block;
    padding:0 12px;
    font-style:normal;
    position: relative;
    top: -1.1em;
}
.npi-header h5 > span.light{
    background:#bd7e3d;
}
.npi-header h5 > span.medium{
    background:#754420;
}
.npi-header h5 > span.dark{
     background:#422313;
}
.npi-header h5 > span p{
    display: inline;
}

.npi-body ul li{
    font-size:13px;
    line-height:1.4;
    color:#54657e;
    font-weight:400;
}


.npi-indicator{
    position:absolute;
    left:0;
    right:42px;
    height: 1px;
    background:#041e41;
}
.npi-indicator-dot{
    position:absolute;
    left:100%;
    width:42px;
    height:42px;
    border-radius:100%;
    border: 2px solid transparent;
    top:50%;
    margin-top:-21px;
}


@-webkit-keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
              opacity: 1;
  }
  50% {
    opacity: 1;
  }
  90%,100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
              opacity: 0;
  }
}

@keyframes pulse-ring {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
              opacity: 1;
  }
  50% {
    opacity: 1;
  }
  90%,100% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
              opacity: 0;
  }
}


.npi-indicator-dot:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:38px;
    height:38px;
    border:2px solid rgba(255,255,255,0.7);
    border-radius:50%;
    -webkit-animation: pulse-ring 1.6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
    animation: pulse-ring 1.6s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
}
.npid-inner{
    width:28px;
    height:28px;
    margin:5px 0 0 5px;
    border-radius:100%;
    background:rgba(255,255,255, 0.7);
}

.right .npi-indicator{
    right:0;
    left:42px;
}
.right .npi-indicator-dot{
    right:100%;
    left:auto;
}

.row1 td{
    padding-left:66px;
}
.row1 td:first-child{
    padding-left:0;
    padding-right:66px;
}
.row1 td .np-item{
    padding-left:135px;
}
.row1 td:first-child .np-item{
    padding-left:0;
    padding-right:135px;
}


.row2 td{
    padding-left:105px;
}
.row2 td:first-child{
    padding-left:0;
    padding-right:116px;
}
.row2 td .np-item{
    padding-left:125px;
}
.row2 td:first-child .np-item{
    padding-left:0;
    padding-right:70px;
}


.row3 td{
    padding-left:75px;
}
.row3 td:first-child{
    padding-left:0;
    padding-right:75px;
}
.row3 td .np-item{
    padding-left:80px;
}
.row3 td:first-child .np-item{
    padding-left:0;
    padding-right:80px;
}

.nivel-prajire-footer{
    text-align:center;
    margin-top:50px;
}

@media (max-width: 1199px){
    .npi-body,
    .npi-headline .npi-label{
        display:none;
    }
    .npi-indicator{
        display:none;
    }
    .nivel-prajire{
        background-image: url('../img/nivel-prajire.png');
        background-size:auto 100%;  
    }
    
    .row1 td:first-child .np-item{
        padding-right: 30px;
    }
    .row1 td .np-item {
        padding-left: 30px;
    }
    .row2 td:first-child .np-item{
        padding-right:0;
    }
    .row2 td .np-item {
        padding-left: 0;
    }
    .row3 td:first-child .np-item{
        padding-right: 20px;
    }
    .row3 td .np-item {
        padding-left: 20px;
    }
    .npi-header .npi-headline{
        font-size:21px;
    }
}
@media(max-width: 991px){
    .content-section{
        padding:40px 0 200px;
    }
    .right .content-box,
    .content-box{
        float:none;
        margin:0;
        max-width:100%;
        padding:0;
    }
    .section-small-img,
    .right .section-small-img{
        background-image: none !important;
        left:0;
        right:0;
    }
    .section-big-img,
    .right .section-big-img{
        left:0;
        right:0;
        bottom:0;
        top:55%;
        background-size:cover;
    }
    .content-box:before,
    .right .content-box:before{
        top:-10px;
        right:10px;
        left:10px;
        bottom:-10px;
    }
    
}
@media(max-width:767px){
    .section-header h2{
        font-size:23px;
    }
    .content-section .wrapper{
        padding-left:10px;
        padding-right:10px;
    }
    .content-box-inner{
        padding:15px 10px;
    }
}

@media (max-width:479px){
    .nivel-prajire{
        padding-top:20px;
        padding-left:20px;
        padding-right:20px;
    }
    .np-container td{
        padding-top:5px;
        padding-bottom:5px;
        vertical-align:middle;
    }
    .np-item.right{
        text-align:left;
    }
    
    .row1 td{
        padding-left:45px;
    }
    .row1 td:first-child{
        padding-right:50px;
    }
    .row2 td{
        padding-left:90px;
    }
    .row2 td:first-child{
        padding-right:95px;
    }
    .row2 td:first-child .np-item{
        text-align:right;
    }
    
    .row3 td:first-child{
        padding-right:55px;
    }
    .row3 td:first-child .np-item{
        text-align:right;
    }
    .row3 td{
        padding-left:55px;
    }
    
    .nivel-prajire-footer .button{
        max-width:195px;
        font-size:14px;
        padding: 17px 12px;
    }
}
@media (max-width:359px){
    .row2 td {
        padding-left: 80px;
    }
}