html {
scroll-behavior: smooth;
}
:root {
--primary-color: #001d4c;
--secondary-color: #F7FF0A;
--primary-text-color: #042825;
--secondary-text-color: #3e3e3e;
--primary-bg-color: #f8f8f8;
--secondary-bg-color: #f8f8f8;
--listitem-size:50px;
}
body{
background-color: var(--primary-bg-color);
}
:focus {
outline: -webkit-focus-ring-color auto 0px;
}
::-webkit-input-placeholder { /* Edge */
color: #445a69;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #445a69;
}
::placeholder {
color: #445a69;
}
.btn-primary.focus,
.btn-primary:focus{
background-color: #001d4c;
}
.btn-primary.disabled,
.btn-primary:disabled{
background-color: #309A5D;
border-color: #309A5D;
}
img{
width: 100%;
}
.btn{
border-radius: 3px !important;
}
a,a:hover{
color: #09a223;
}
a[type="button"],a[type="submit"]{
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.page-content span {
font-family: 'Inter', sans-serif;
}
p{
color: #212529;
}
.highlight-link{
position: absolute;
top: -10px;
right: 50px;
}
.logowrap img{
width: 340px;
float: right;
margin-right: 40px;
}
.blink {
animation: animate 2s linear infinite;
}
@keyframes animate {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/************** Buttonizer Button Styles ********************************/
.sticky-buttons.events {
bottom: 80px;
right: 85px;
}
.sticky-buttons [class$=white] .sb-label {
color:rgba(0, 0, 0, 0.7);
font-size: 17px;
}
.sticky-buttons.-medium .sb-icon {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 24px;
}
@media only screen and (max-width:767px) {
.sticky-buttons.events {
right: 30px;
}
}
/* h1,h2,h3,h4,h5{
text-transform: capitalize;
} */
/************** Tool Tip Styles ********************************/
.tool-tip {
/*display: inline-block;*/
position: relative;
margin-bottom: 2px;
}
/*.tool-tip .tool-tip__icon {
background: #27b1f0;
border-radius: 10px;
cursor: pointer;
display: inline-block;
font-style: italic;
font-family: times new roman;
height: 20px;
line-height: 1.3em;
text-align: center;
width: 20px;
}*/
.tool-tip .tool-tip__info {
display: none;
background: #ffffff;
border: 1px solid #dfdfdf;
border-radius: 3px;
font-size: 0.875em;
padding: 1em;
position: absolute;
right: -140px;
top: 20px;
margin-bottom: 0;
z-index: 2;
}
.tool-tip .tool-tip__info:before, .tool-tip .tool-tip__info:after {
content: "";
position: absolute;
left: -10px;
top: 15px;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #dfdfdf;
}
.tool-tip .tool-tip__info:after {
left: -8px;
border-right-color: #ffffff;
}
.tool-tip .tool-tip__info .info {
display: block;
}
.tool-tip .tool-tip__info .info__title {
color: #c23531;
}
.tool-tip:hover .tool-tip__info, .tool-tip:focus .tool-tip__info {
display: inline-block;
}
a:focus + .tool-tip .tool-tip__info {
display: inline-block;
}
.selectpicker + button.dropdown-toggle{
border: 1px solid #ced4da;
font-size: 15px;
font-weight: 400;
}
.selectpicker + button.dropdown-toggle::after {
display: inline-block;
width: 0;
height: 0;
margin-left: .255em;
vertical-align: .255em;
content: "";
right: 10px;
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}
.selectpicker + button.dropdown-toggle:hover{
color: #212529;
}
.bootstrap-select .dropdown-toggle:focus,
.bootstrap-select>select.mobile-device:focus+.dropdown-toggle{
outline: none !important;
outline-offset: 0;
box-shadow: none;
}
.selectpicker + button.dropdown-toggle .filter-option .filter-option-inner-inner{
display: block;
overflow: hidden;
text-overflow: ellipsis;
}
.text-primary {
color: #001d4c !important;
}
.bg-blue{
background-color: #2d3748;
}
.bg-blue2{
background-color: #293B94;
}
.bg-blue3{
background-color: #001d4c;
}
.bg-red{
background-color: #09a223;
border: none;
}
.bg-light-green{
background-color: #81fdc5;
border: none;
color: #0c0c0c;
}
.bg-green{
background-color: #309A5D;
}
.bg-white-page{
background-color:#ffffff;
padding: 25px;
}
.text-link-blue{
color: #293B94;
}
.link-title-2{
color: #001d4c;
}
.link-title-2:hover{
color: #8e0b56;
}
.text-red-1{
color: #001d4c;
}
.text-red{
color: #001d4c;
}
.dark-red-bg2{
background: #001d4c;
}
.rounded-0{
border-radius: 0 !important;
}
.rounded-right{
border-top-right-radius: 3px !important;
border-bottom-right-radius: 3px !important;
}
.border-tb{
border-top: 1px solid #001d4c;
border-bottom: 1px solid #001d4c;
}
.bg-light-green.border-tb{
border-top: 1px solid #81fdc5;
border-bottom: 1px solid #81fdc5;
}
span.link-title:hover{
color: #445a69;
}
.date:after{
display: none;
}
.link-title:hover {
color: #09a223;
}
.noborder{
border: none !important;
}
.pb-0{
border-bottom: 0 !important
}
/* .page-title h1{
text-transform: capitalize;
} */
.header-5{
background: #09a223;
}
.kode-spacing{
margin-bottom: 15px;
margin-top: 10px;
}
.custome-py-3{
padding-top: 4rem;
padding-bottom: 4rem;
}
.breadcrumb-item .link-title,
.breadcrumb-item.active{
text-transform: capitalize;
font-weight: 500;
}
#header-wrap.fixed-header{
background: #309A5D;
}
.ddArrow::before{
top: 7px;
}
.noimage-box {
background-image: url('../images/not-found-image.jpg');
background-color: rgba(0, 0, 0, 0.12);
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
border-radius: 5px;
height: 168px;
/*background-color: rgba(0, 0, 0, 0.12);
overflow: hidden;
position: relative;
width: auto;
height: 168px;
border-radius: 5px;*/
}
/* .noimage-box::before{
color: rgba(0, 0, 0, 0.2);
content: "\f03e";
display: block;
font-family: 'Line Awesome Free';
font-size: 40px;
left: 50%;
position: absolute;
top: 50%;
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
z-index: 0;
} */
@media (max-width: 1199.98px){
.noimage-box {
height: auto;
}
}
.member-list [class*=col-],
.member-list [class^=col-],
.Publication-container [class*=col-],
.Publication-container [class^=col-],
.newsevent .row [class*=col-],
.newsevent .row [class^=col-],
.newsroom .card-items .card,
.row [class*=col-].thumb,
.row [class^=col-].thumb{
margin-bottom: 2rem;
width: 100%;
}
.member-list [class*=col-]:nth-last-of-type(1),
.member-list [class^=col-]:nth-last-of-type(1),
.member-list [class*=col-]:nth-last-of-type(2),
.member-list [class^=col-]:nth-last-of-type(2),
.member-list [class*=col-]:nth-last-of-type(3),
.member-list [class^=col-]:nth-last-of-type(3),
.Publication-container [class*=col-]:nth-last-of-type(1),
.Publication-container [class^=col-]:nth-last-of-type(1),
.Publication-container [class*=col-]:nth-last-of-type(2),
.Publication-container [class^=col-]:nth-last-of-type(2),
.Publication-container [class*=col-]:nth-last-of-type(3),
.Publication-container [class^=col-]:nth-last-of-type(3),
.newsevent .row [class*=col-]:nth-last-of-type(1),
.newsevent .row [class^=col-]:nth-last-of-type(1),
.newsevent .row [class*=col-]:nth-last-of-type(2),
.newsevent .row [class^=col-]:nth-last-of-type(2),
.row [class*=col-].thumb:nth-last-of-type(1),
.row [class^=col-].thumb:nth-last-of-type(1),
.row [class*=col-].thumb:nth-last-of-type(2),
.row [class^=col-].thumb:nth-last-of-type(2),
.row [class*=col-].thumb:nth-last-of-type(3),
.row [class^=col-].thumb:nth-last-of-type(3){
margin-bottom: 0;
}
/*.newsroom .row [class*=col-]:nth-last-of-type(1),
.newsroom .row [class^=col-]:nth-last-of-type(1),
.newsroom .row [class*=col-]:nth-last-of-type(2),
.newsroom .row [class^=col-]:nth-last-of-type(2){
margin-bottom: 0;
}*/
@media only screen and (max-width: 767px){
.post-newsnevent .row [class*=col-]:nth-last-of-type(2),
.post-newsnevent .row [class^=col-]:nth-last-of-type(2),
.post-newsnevent .row [class*=col-]:nth-last-of-type(3),
.post-newsnevent .row [class^=col-]:nth-last-of-type(3),
.row [class*=col-].thumb:nth-last-of-type(2),
.row [class^=col-].thumb:nth-last-of-type(2),
.row [class*=col-].thumb:nth-last-of-type(3),
.row [class^=col-].thumb:nth-last-of-type(3),
.row [class*=col-].thumb:nth-last-of-type(4),
.row [class^=col-].thumb:nth-last-of-type(4){
margin-bottom: 2rem;
}
.post-newsnevent .row [class*=col-]:nth-last-of-type(1),
.post-newsnevent .row [class^=col-]:nth-last-of-type(1),
.row [class*=col-].thumb:nth-last-of-type(1),
.row [class^=col-].thumb:nth-last-of-type(1){
margin-bottom: 0;
}
}
@media only screen and (max-width: 575px){
.member-list [class*=col-]:nth-last-of-type(1),
.member-list [class^=col-]:nth-last-of-type(1),
.member-list [class*=col-]:nth-last-of-type(2),
.member-list [class^=col-]:nth-last-of-type(2),
.member-list [class*=col-]:nth-last-of-type(3),
.member-list [class^=col-]:nth-last-of-type(3),
.Publication-container [class*=col-]:nth-last-of-type(1),
.Publication-container [class^=col-]:nth-last-of-type(1),
.Publication-container [class*=col-]:nth-last-of-type(2),
.Publication-container [class^=col-]:nth-last-of-type(2),
.Publication-container [class*=col-]:nth-last-of-type(3),
.Publication-container [class^=col-]:nth-last-of-type(3),
.newsevent .row [class*=col-]:nth-last-of-type(1),
.newsevent .row [class^=col-]:nth-last-of-type(1),
.newsevent .row [class*=col-]:nth-last-of-type(2),
.newsevent .row [class^=col-]:nth-last-of-type(2){
margin-bottom: 0;
}
/*.newsroom .row [class*=col-]:nth-last-of-type(1),
.newsroom .row [class^=col-]:nth-last-of-type(1),
.newsroom .row [class*=col-]:nth-last-of-type(2),
.newsroom .row [class^=col-]:nth-last-of-type(2),{
margin-bottom: 0;
}*/
}
@media only screen and (max-width: 575px){
.member-list [class*=col-]:nth-last-of-type(2),
.member-list [class^=col-]:nth-last-of-type(2),
.member-list [class*=col-]:nth-last-of-type(3),
.member-list [class^=col-]:nth-last-of-type(3),
.Publication-container [class*=col-]:nth-last-of-type(2),
.Publication-container [class^=col-]:nth-last-of-type(2),
.Publication-container [class*=col-]:nth-last-of-type(3),
.Publication-container [class^=col-]:nth-last-of-type(3),
.newsevent .row [class*=col-]:nth-last-of-type(2),
.newsevent .row [class^=col-]:nth-last-of-type(2),
.row [class*=col-].thumb:nth-last-of-type(2),
.row [class^=col-].thumb:nth-last-of-type(2),
.row [class*=col-].thumb:nth-last-of-type(3),
.row [class^=col-].thumb:nth-last-of-type(3){
margin-bottom: 2rem;
}
/*.newsroom .row [class*=col-]:nth-last-of-type(2),
.newsroom .row [class^=col-]:nth-last-of-type(2){
margin-bottom: 2rem;
}*/
.member-list [class*=col-]:nth-last-of-type(1),
.member-list [class^=col-]:nth-last-of-type(1),
.Publication-container [class*=col-]:nth-last-of-type(1),
.Publication-container [class^=col-]:nth-last-of-type(1),
.newsevent .row [class*=col-]:nth-last-of-type(1),
.newsevent .row [class^=col-]:nth-last-of-type(1),
.row [class*=col-].thumb:nth-last-of-type(1),
.row [class^=col-].thumb:nth-last-of-type(1){
margin-bottom: 0;
}
/*.newsroom .row [class*=col-]:nth-last-of-type(1),
.newsroom .row [class^=col-]:nth-last-of-type(1){
margin-bottom: 0;
}*/
}
.bounce-animate {
animation-duration: 2.5s;
animation-iteration-count: infinite;
}
.bounce-animate:hover,
.bounce-animate:focus {
animation-play-state: paused;
-moz-animation-play-state: paused;
-webkit-animation-play-state: paused; /* Safari and Chrome */
}
.sh-side-options {
position: fixed;
top: 0; bottom: 0;
right: 0;
z-index: 999;
transition: 0.3s all ease;
transition: 0.2s all;
padding: 0 0;
/*width: 420px;*/
transform: translateX(420px);
}
.sh-side-options-container {
position: absolute;
top: 216px; left: -75px;
width: 60px;
background-color: rgba(255,255,2555,1);
border-radius: 5px;
margin-right: 15px;
box-shadow: -10px 0px 20px 2px rgba(0,0,0,.06);
}
.sh-side-options.sh-side-options-pages .sh-side-options-container {
/*top: 150px;*/
transform: translateY(100px);
}
.sh-side-options-item {
display: block;
text-align: center;
margin: 0px;
transition: 0.3s all ease-in-out;
position: relative;
padding: 7px;
cursor: pointer;
}
.sh-side-options-item:not(:last-child) {
border-bottom: 1px solid #f1f3fc;
}
.sh-side-options-item-container {
border-radius: 4px;
padding: 8px 0;
}
.sh-side-options-item:hover .sh-side-options-item-container,
.sh-side-options-item:focus .sh-side-options-item-container {
background-color: #00AC1F!important;
}
.sh-side-options-item i {
font-size: 22px;
}
.sh-side-options-item:not(:hover):not(:focus) {
color: #9396a5!important;
}
.sh-side-options-item:hover .sh-side-options-hover {
opacity: 1;
transform: translateX(-97%);
visibility: visible;
}
.sh-side-options-hover {
position: absolute;
background-color: #ffffff;
color: #32343d;
cursor: default;
padding: 20px 26px;
transform: translateX(-70%);
left: 0px;
top: 0;
bottom: 0;
opacity: 0;
transition: 0.2s all ease-in-out;
z-index: -100;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
font-size: 13px;
box-shadow: 0px 0px 20px 2px rgba(0,0,0,0.08);
visibility: hidden;
}
.sh-side-options-hover span {
padding: 0px 3px;
}
@media (max-height: 500px) {
.sh-side-options {
top: -90px!important;
}
}
.sh-side-options-item i {
color: #9396a5!important;
}
.sh-side-options-item:hover i,
.sh-side-options-item:focus i {
color: #ffffff!important;
}
.navbar .dropdown .nav-link::after,
.right-nav a i{
color: #ffffff;
}
.navbar-brand.logo-center{
display: inline-block !important;
}
.navbar-brand img{
width: 200px;
}
.post-newsnevent .product-card,
.post-video .product-card{
margin: 0 15px;
}
.product-card{
border: 1px solid rgba(0,0,0,.125);
padding-bottom: 0;
}
.product-card .card-body{
text-align: left;
padding: 20px 10px;
}
.product-card .card-img-back{
min-height: 160px;
}
.post-newsnevent .owl-carousel.owl-2 .owl-nav{
top: 0;
}
/*.post-newsnevent .owl-carousel.owl-2 .card-footer button{
margin-bottom: 20px;
}*/
.post-newsnevent .owl-carousel .owl-nav button.owl-prev,
.post-newsnevent .owl-carousel .owl-nav button.owl-next{
width: 40px;
height: 40px;
line-height: 35px;
font-size: 20px;
}
.post-newsnevent .owl-carousel .owl-nav button.owl-prev:hover,
.post-newsnevent .owl-carousel .owl-nav button.owl-next:hover{
background-color: #8e0b56;
}
.post-newsnevent .owl-carousel.owl-2 .owl-nav button.owl-next{
right: 20px;
}
.post-newsnevent .owl-carousel.owl-2 .owl-nav button.owl-prev{
right: 60px;
left: auto;
}
.product-card .card-body .product-title a{
color: #2d3748;
font-size: 1.25rem;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1; /* number of lines to show */
-webkit-box-orient: vertical;
}
.post-newsnevent .card-body .mt-1 p{
color: #718096;
font-size: 0.875rem;
font-weight: 300;
margin-top: 15px;
}
.post-top-btn .view-all-btn{
position: absolute;
top: -65px;
right: 0;
}
.view-all-btn button.btn{
/*background-color: #4285f4;*/
background-color: #001d4c;
border-bottom: 2px #001d4c solid;
padding: 5px 15px;
}
.view-all-btn button.btn:hover{
background-color: #983d6d;
border-bottom: 2px #983d6d solid;
transition: all 250ms ease;
}
.home-list .product-card{
border: none;
}
.scroll-top a, .scroll-top a:visited{
background: #09a223;
}
.scroll-top a:hover, .scroll-top a:focus{
color: #09a223;
}
.post-card-content{
background-color: transparent!important;
/*padding: 20px 25px;
box-shadow: 1px 1px 5px 0 rgba(1,1,1,.05);*/
}
.left-post.post-card-content{
background-color: #ffffff;
}
/*.post-card-content h2:after{
content: '';
display: block;
border-bottom: 1px solid #dadada;
padding-top: 5px;
}*/
.count{
counter-reset: my-sec-counter;
}
.count li{
text-align: left;
color: #333;
list-style: none;
margin-bottom: 10px;
}
.count li:before {
/* Increment "my-sec-counter" by 1 */
color: #718096;
counter-increment: my-sec-counter;
content: "" counter(my-sec-counter) ". ";
margin-right: 5px;
}
.count li a{
color: #718096;
font-size: 0.875rem;
font-weight: 500;
}
.count li a:hover{
color: #8e0b56;
}
.post-card-content.bg-white .count li a:hover{
color: #293B94;
}
/*publication*/
.single-col-post{
position: relative;
}
.single-col-post .view-all-btn{
position: absolute;
right: 0;
top: 7px;
}
.image-abt {
background-color: #FFF;
display: block;
overflow: hidden;
position: relative;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
text-align: center;
}
.image-abt img{
width: 100%;
}
.image-abt .view-caption {
padding: 3em 0;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-o-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
background-color: rgba(142, 29, 88, 50);
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.image-abt:hover .view-caption {
background-color: rgba(142, 29, 88, 0.8);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.image-abt .view-caption h5 {
color: #fff;
font-size: 20px;
font-weight: normal;
margin-bottom: 15px;
margin-top: 5px;
}
.image-abt .view-caption span {
color: #fff;
font-size: 16px;
margin-top: 5%;
display: inline-block;
border: 2px solid #e3117c;
padding: 12px;
}
.footer-logo img{
width: 170px;
}
footer .widget .textwidget p,
footer .widget .textwidget a{
color: #ffffff;
line-height: 25px;
}
.footer-site-info .widget .textwidget a:hover{
text-decoration: underline;
color: #efefef;
}
.footer-site-info .widget .textwidget span.line-break{
display: inline-table;
}
/* .navbar-white{
border-right: 1px rgba(255,255,255,0.1) solid;
} */
.navbar-white:last-child,
footer .navbar-nav li:last-child{
border: none;
}
/*footer .navbar-nav .nav-link{
display: flex;
}
*/
footer .navbar-nav li{
border-bottom: 1px rgba(255,255,255,0.2) solid;
padding-bottom: 1rem;
}
footer .navbar-nav li a.nav-link{
line-height: 22px;
font-size: 15px;
}
footer .navbar-nav li:hover a{
color: #09a223 !important;
}
footer .navbar-nav li:last-child,
footer .navbar-nav li.no-border{
border: none;
padding-bottom: 0;
margin-bottom: 0 !important;
}
footer .widget li.footer-nav-link a{
line-height: 25px;
}
footer .widget li.footer-nav-link:hover a{
text-decoration: underline;
color: #ffffff !important;
}
.widget .textwidget.quick-info i.las {
float: left;
font-size: 24px;
margin-top: 3px;
margin-right: 10px;
color: #ffffff;
}
.widget .textwidget.quick-info p {
padding-left: 34px;
font-size: 16px;
line-height: 22px;
}
.widget .textwidget .la-facebook:hover{
color: #3B5998;
}
.widget .textwidget .la-instagram:hover{
color: #8a3ab9;
}
.widget .textwidget .la-twitter:hover{
color: #00ACEE;
}
/*footer .icon-img{
border: none;
padding: 0 15px 0 0;
margin-top: 0;
font-size: 1.5rem;
}*/
footer .footer-bottom-nav{
flex-direction: row;
}
footer .footer-bottom-nav li a:after{
content: '';
border-right: 1px solid #042825;
padding-left: 10px;
margin-right: 8px;
position: relative;
top: -2px;
-webkit-transform: rotate(24deg);
-moz-transform: rotate(24deg);
-o-transform: rotate(24deg);
-ms-transform: rotate(24deg);
transform: rotate(24deg);
}
footer .footer-bottom-nav li:last-child a:after{
content: none;
}
footer .footer-bottom .Copyright small{
float: left;
}
footer .footer-bottom{
padding-bottom: 1.5rem;
padding-top: 1.5rem;
}
footer .footer-bottom .agency a{
float: right;
font-size: 15px;
color: #333;
}
@media only screen and (max-width: 575px){
footer .footer-bottom .Copyright small,
footer .footer-bottom .agency a{
float: none;
}
}
@media only screen and (max-width: 540px){
footer [class*="col-"]:first-child,
footer [class^="col-"]:first-child{
margin-top: 0 !important;
}
footer [class*="col-"],
footer [class^="col-"]{
margin-top: 25px;
}
}
/*Events*/
.view-all.btn.btn-red-2{
padding: 10px 15px;
float: right;
}
.post-card .card.post-card-box{
border:none;
background-color: #f8f8f8;
/*webkit-transition: -webkit-transform 250ms ease, box-shadow 250ms ease, color 250ms ease;
-webkit-transition: transform 250ms ease, box-shadow 250ms ease, color 250ms ease;
transition: transform 250ms ease, box-shadow 250ms ease, color 250ms ease;
box-shadow: 1px 1px 5px 0 rgba(1,1,1,.05);*/
overflow: hidden;
height: 100%;
}
/* .post-card .card.post-card-box:hover{
webkit-transform: translateY(-0.25rem);
-ms-transform: translateY(-0.25rem);
transform: translateY(-0.25rem);
box-shadow: 0px 2px 4px rgba(46,41,51,0.08), 0px 5px 10px rgba(71,63,79,0.16);
} */
.post-card .card.post-card-box img{
border-radius: 5px;
min-height: 8.3rem;
max-height: 15rem;
}
.post-card .card.post-card-box .card-title{
height: 55px;
overflow: hidden;
margin-bottom: 0;
}
.post-card .card.post-card-box .card-title a{
color: #2d3748;
font-size: 1.15rem;
margin-bottom: 0;
font-weight: bold;
}
.post-card .card.post-card-box:hover .card-title a,
.post-card .card.post-card-box:hover .lib-more a{
color: #09a223;
}
.post-card .card.post-card-box .card-info{
background-color: #f8f8f8;
}
.post-card .card.post-card-box .card-body{
background: rgb(255, 255, 255);
border: 1px solid #ccc;
margin-left: 10px;
margin-top: -50px;
width: calc(100% - 20px);
position: relative;
border-radius: 5px;
/*-moz-box-shadow: 0 8px 6px -6px #888888;
-webkit-box-shadow: 0 8px 6px -6px #888888;
box-shadow: 0 8px 6px -6px #888888;*/
}
.post-card .card.post-card-box:hover .card-body{
border-top: none;
-webkit-transition: .15s ease-in-out;
transition: .15s ease-in-out;
box-shadow: 0 6px 8px 0 rgb(54 77 114 / 8%), 0 2px 4px 0 rgb(54 77 114 / 18%);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
/*.post-newsnevent .owl-carousel.owl-2 .owl-nav{
top: -50px;
left: -100px;
}*/
.post-video .owl-carousel .owl-nav button.owl-prev:hover,
.post-video .owl-carousel .owl-nav button.owl-next:hover{
background-color: #001d4c;
}
.post-card-content.bg-white{
background-color: #ffffff !important;
}
.canvasjs-chart-credit{
opacity: 0;
}
/* index4 */
.header-top{
border-bottom: 1px solid #efefef;
}
.call-info .language-selection{
border: none;
}
/* .navbar-nav .nav-item.dropdown .dropdown-menu{
background: #309A5D;
} */
.navbar .navbar-nav > li .dropdown-menu a{
display: inline-block;
width: 100%;
margin: 10px 0;
font-weight: 500;
font-size: 1rem;
}
.navbar .navbar-nav > li .dropdown-menu a:hover span,
.navbar .navbar-nav > li .dropdown-menu .current-link a span{
color: #F7FF0A;
}
.navbar .navbar-nav > li .dropdown-menu .current-link{
background-color: #09a223;
}
nav.navbar.bootsnav ul.navbar-nav > li > a.border-down:before {
content: '';
height: 3px;
left: 0;
right: 0;
position: absolute;
bottom: -1px;
background: #001d4c;
width: 0;
}
nav.navbar.bootsnav ul.navbar-nav > li.active > a.border-down:before,
nav.navbar.bootsnav ul.navbar-nav > li.dropdown > a.border-down:before{
bottom: 0;
}
nav.navbar.bootsnav ul.navbar-nav > li > a.border-down:before {
background: #09a223;
}
nav.navbar.bootsnav ul.navbar-nav > li > a.border-down:hover::before,
nav.navbar.bootsnav ul.navbar-nav > li.active > a.border-down:before {
width: 100%;
}
nav.navbar.bootsnav ul.navbar-nav > li > a.border-down:before{
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.call-info {
font-size: 15px;
}
.call-info .social-media{
line-height: 2.5rem;
}
.social-media p{
font-size: 13px;
margin-right: 10px;
margin-bottom: 0;
}
.header-social-box .list-inline-item:not(:last-child) {
margin-right: 0;
}
.social-icons li{
border-left: 1px solid #efefef;
float: left;
padding-left: .7rem;
padding-right: .5rem;
margin-right: 0;
}
.social-icons li.facebook:hover{
background-color: #3B5998;
}
.social-icons li.twitter:hover{
background-color: #00ACEE;
}
.social-icons li.linkedin:hover{
background-color: #0E76a8;
}
.social-icons li.instagram:hover{
background-color: #3F729b;
}
/* .social-icons li:hover a i{
color: #ffffff;
} */
.social-icons li:last-child{
border-right: 1px solid #efefef;
padding-right: .7rem;
}
@media only screen and (max-width: 479px){
.social-icons li.list-inline-item {
margin-bottom: 1rem;
}
.social-icons li.list-inline-item:last-child,
.social-icons li.list-inline-item:nth-last-of-type(2){
margin-bottom: 0;
}
.list-inline-item:not(:last-child) {
margin-right: 0;
}
}
.language-section p{
font-size: 13px;
margin-bottom: 0;
margin-right: 10px;
}
/*.language-selection{
border-left: 1px solid #efefef;
line-height: 38px;
border-right: 1px solid #efefef;
padding-left: 15px;
}*/
.language-selection{
border: 1px solid #c0c0c0;
border-radius: 5px;
padding: 0 10px;
line-height: 25px;
}
.language-selection > a{
line-height: 14px;
}
.language-selection ul > li,
.language-selection > a{
border-right: 1px solid #c0c0c0;
padding-right: 10px;
margin-right: 10px;
}
.language-selection ul > li > a,
.language-selection > a{
font-size: 13px;
color: #FFFFFF;
}
.language-selection ul > li > a:hover,
.language-selection > a:hover,
.language-selection ul > li.active > a,
.language-selection > a.active{
color: #F7FF0A;
text-decoration: underline;
}
.language-selection ul > li:last-child,
.language-selection > a:last-child{
padding-right: 0;
margin-right: 0;
border: none;
}
.ddcommon .ddChild li img {
height: 15px;
}
.date-widget-holder {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0;
font-size: 12px;
line-height: 16px;
letter-spacing: 1px;
color: #8b8a8a;
text-transform: uppercase;
padding-right: 95px;
}
#header-wrap .navbar .navbar-nav > li .submenu.dropdown-menu li a{
color: #7a8595;
}
.navbar .navbar-nav > li .dropdown-menu li:hover a,
.navbar .navbar-nav > li .dropdown-menu li:active a,
.navbar .navbar-nav > li .dropdown-menu li:focus a,
.navbar .navbar-nav > li .dropdown-menu li:visited a{
color: #FFFFFF;
}
#header-wrap .navbar .navbar-nav > li .dropdown-menu li:hover a.nav-link,
#header-wrap .navbar .navbar-nav > li .dropdown-menu li:hover a.nav-link::after,
#header-wrap .navbar .navbar-nav > li .dropdown-menu li:active a.nav-link::after,
#header-wrap .navbar .navbar-nav > li .dropdown-menu li:focus a.nav-link::after,
#header-wrap .navbar .navbar-nav > li .dropdown-menu li:visited a.nav-link::after,
#header-wrap .navbar .navbar-nav > li .submenu.dropdown-menu li:hover a{
color: #F7FF0A;
}
.navbar-nav .nav-item.dropdown .dropdown-menu{
padding-top: 0;
padding-bottom: 0;
}
.navbar .dropdown-menu li {
margin: 0;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.navbar .dropdown-menu li:hover{
background:#09a223;
}
.navbar .dropdown-menu li:last-child{
border: none;
padding-bottom: 0;
}
#header-wrap .navbar .navbar-nav > li .dropdown-menu a.nav-link{
padding: 0;
text-transform: capitalize;
font-weight: 400;
font-size: 1rem;
line-height: 1.5;
}
#header-wrap .navbar .navbar-nav > li .dropdown-menu a.nav-link::after{
font-size: 0.9rem;
float: right;
border: none;
content: "\f3d0";
vertical-align: inherit;
width: 10px;
font-family: "Ionicons";
font-weight: 900;
transform: rotate(-90deg);
padding-left: 0;
margin-top: 2px;
}
.banner-full-img .owl-carousel .owl-nav button.owl-prev,
.banner-full-img .owl-carousel .owl-nav button.owl-next{
background: #001d4c;
}
.banner-full-img .owl-carousel .owl-nav button.owl-prev:hover,
.banner-full-img .owl-carousel .owl-nav button.owl-next:hover {
background: #309A5D;
}
.news_wrapper .two_columnnews {
background: #001d4c;
color: #ffffff;
/* display: inline-block; */
min-height: 400px;
position: relative;
box-shadow: 0 2px 20px 0 #b2afaf;
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.news_wrapper .right-col.two-col {
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center;
/* width: 60%; */
width: 450px;
max-width: 60%;
height: 333px;
/*display: flex;
background: #efefef;
border: 1px solid #ccc;*/
}
/* .news_wrapper .right-col.two-col{
margin: auto 0;
overflow: hidden;
} */
.news_wrapper .two-col {
float: right;
width: 40%;
}
.news_wrapper .left-col {
padding: 0 25px 20px;
}
.news_wrapper .two_columnnews p, .news_wrapper .two_columnnews h5 {
color: #ffffff;
font-size: .95rem;
margin-bottom: 20px;
line-height: 22px;
}
.news_wrapper .two-col h3 {
margin-bottom: 20px;
margin-top: 30px;
font-size: 22px;
font-weight: 600;
line-height: 35px;
}
.news_wrapper .two_columnnews a.read-more-btn {
color: #fff;
text-transform: uppercase;
font-size: 13px;
border: 1px solid #fff;
border-radius: 3px;
padding: 5px 10px;
position: absolute;
bottom: 25px;
font-weight: 600;
}
.news_wrapper .two_columnnews a.read-more-btn:hover {
background: #309A5D;
border-color: #309A5D;
transition: all 0.5s ease 0s;
}
@media only screen and (max-width: 959px){
.news_wrapper .right-col.two-col {
width: 100%;
max-width: 100%;
}
.news_wrapper .left-col {
height: auto;
width: 100%;
}
.news_wrapper .two_columnnews a.read-more-btn {
position: inherit;
}
}
@media only screen and (max-width: 767px){
.news_wrapper .right-col.two-col, .thumbnail-img .post_img {
height: 340px;
width: 100%;
max-width: 100%;
}
.news_wrapper .left-col {
height: auto;
width: 100%;
}
.news_wrapper .two_columnnews a.read-more-btn {
position: inherit;
}
}
@media screen and (min-width: 360px) and (max-width: 640px){
.news_wrapper .right-col.two-col, .thumbnail-img .post_img {
height: 345px;
}
}
@media only screen and (max-width: 479px){
.news_wrapper .right-col.two-col, .thumbnail-img .post_img {
height: 250px;
}
}
/* Hero Slider */
.vertical-center {
flex-direction: column;
align-items: flex-start;
}
.slide-media {
position: relative;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
/*margin-right: calc(-50vw + 100%);*/
}
.slide-media-bg {
position: absolute;
right: 0;
left: 0;
height: 500px;
background-size: cover;
background-position: 50% 50%;
background-repeat: no-repeat;
}
.slider-bg{
background-color: #69d7ec;
}
.Last-post-Blog.widget{
overflow: hidden;
height: 400px;
}
.Top-Title-SideBar h3 {
font-weight: 700;
color: #373636;
margin: 0 0 20px;
text-transform: uppercase;
font-size: 17px;
line-height: 23px;
position: relative;
/*padding-bottom: 20px;*/
}
/*.Top-Title-SideBar h3:after {
position: absolute;
content: '';
bottom: 0;
left: 0;
display: block;
width: 35px;
height: 2px;
background: #293B94;
}*/
.Last-post-Blog.widget .post-prev-icon,
.Last-post-Blog.widget .post-next-icon{
top: 0;
margin-right: 0;
}
.Last-post-Blog.widget .post-prev-icon{
right: 15px;
}
.Last-post-Blog.widget .post-next-icon{
right: 48px;
}
ul.news-footer li {
display: inline-block;
width: 100%;
}
.news-footer li>a {
float: left;
}
.news-footer>li>a img {
width: 122px;
height: 75px;
float: left;
margin: 5px 20px 20px 0;
max-width: 75px;
}
.news-footer>li h6 {
padding-left: 55px;
font-size: 14px;
line-height: 24px;
color: #acacac;
text-transform: uppercase;
font-weight: 700;
margin: 0;
padding-top: 7px;
}
.news-footer>li h6 a {
display: inline;
padding: 0;
font-size: 14px;
color: #373636;
text-transform: uppercase;
font-weight: 700;
}
.news-footer > li h6 a:hover{
color: #001d4c;
}
.news-footer li > .news-date {
display: block;
color: #666666;
font-size: 11px;
padding-left: 70px;
line-height: 25px;
}
.news-footer li>.news-date a {
color: #666666;
font-size: 11px;
}
.main-logo.navbar-brand img{
width: auto;
}
.header-5 .ddcommon .ddlabel{
color: #333;
}
.header-search-form .form-control{
border: 1px solid #dadada !important;
}
/* .header-5 .navbar-brand img {
width: 200px;
} */
.header-5 #header-wrap .navbar-nav .nav-item:last-child{
margin-left: 0;
}
.header-5 #header-wrap .navbar-nav .nav-item:last-child .nav-link{
color: #7a8595;
}
.header-5 #header-wrap{
background: #ffffff;
}
.side-widget .widget {
width: 100%;
display: block;
margin-bottom: 40px;
color: #fff;
}
.side-widget .widget:last-child{
margin-bottom: 0;
}
.side-widget .widget .widget-title {
width: 100%;
display: block;
color: #fff;
font-weight: 600;
font-size: 20px;
margin-bottom: 15px;
}
.side-widget .side-newsletter {
width: 100%;
display: flex;
flex-wrap: wrap;
color: #fff;
}
.side-widget .side-newsletter form {
width: 100%;
display: block;
}
.side-widget .side-newsletter input[type="email"] {
max-width: 100%;
margin-bottom: 10px;
border: none;
}
.side-widget .side-newsletter label {
width: 100%;
display: block;
margin-bottom: 10px;
}
.side-widget .side-newsletter input[type="checkbox"] {
width: 14px;
height: 14px;
display: inline-block;
margin-right: 4px;
transform: translateY(2px);
appearance: none;
background: #0c0c0c;
}
.side-widget .side-newsletter input[type="checkbox"] {
display: inline-block;
background: #ededed;
}
.side-widget .side-newsletter input[type="checkbox"]:checked {
border: 4px solid #ededed;
background: #0c0c0c;
}
.side-widget .widget input[type="submit"] {
height: 50px;
display: inline-block;
font-size: 14px;
font-weight: 600;
color: #0c0c0c;
background: #81fdc5;
border: none;
padding: 0 25px;
}
/*Post*/
.side-widget .widget .post-image {
width: 100%;
display: block;
margin-bottom: 15px;
}
.blog-post .post-title {
font-size: 24px;
font-weight: 600;
line-height: 1.2;
}
.blog-post .post-title a {
color: #fff;
}
.blog-post .metas {
width: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.blog-post .post-content .metas {
color: #fff;
margin-top: 20px;
}
.blog-post .post-content .metas .date {
display: inline-block;
font-size: 13px;
opacity: 0.6;
color: #fff;
margin-right: 0;
padding-right: 0;
}
.blog-post .metas .dot {
width: 5px;
height: 5px;
display: inline-block;
background: #ffffff;
border-radius: 50%;
margin: 0 7px;
}
.blog-post .post-content .metas .author {
color: rgba(255, 255, 255, 0.6);
display: inline-block;
font-size: 13px;
}
.blog-post .metas .author a {
text-decoration: underline;
font-weight: 600;
}
.blog-post .metas .author a:hover {
text-decoration: none;
}
.footer-menu{
background-color: #042825;
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: center;
margin-bottom: 10px;
}
.slide-menu .social-footer-menu {
padding: 20px 0;
}
.slide-menu .social-footer-menu li,
.slide-menu .social-footer-menu li:last-child{
border: 1px solid #585757;
padding: 0;
}
.slide-menu .social-footer-menu ul a{
font-size: 18px;
padding: 0.7rem 1rem;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.slide-menu a.menu-footer-link{
color: #ffffff;
text-align: center;
font-size: 14px;
}
.slide-menu a.menu-footer-link i{
color: #ffffff;
margin-right: 5px;
}
.menu-footer-link:hover{
text-decoration: underline;
}
.slide-menu a.menu-footer-link:hover i{
color: #F7FF0A;
}
.header-5 .btn-yellow{
background: #293B94;
border: 1px solid #293B94;
}
.header-5 .btn-yellow.btn i{
color: #ffffff;
}
.header-5 #header-wrap.fixed-header{
background-color: #ffffff;
}
/**
Navigation Styles
*/
.main-navigation {
display: -webkit-box !important;
display: -webkit-flex !important;
display: -moz-flex !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
}
.main-navigation > ul.navbar-collapse > li:hover > a,
.main-navigation > ul.navbar-collapse > li.active > a
{
color: #00AC1F;
}
.main-navigation ul.navbar-collapse {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
padding-left: 0;
margin-bottom: 0;
}
.main-navigation ul.navbar-collapse li {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
padding: 0 10px;
/* Dropdown Menu Styles */
/* Last Element */
}
.main-navigation ul.navbar-collapse li:first-child {
padding-left: 0;
}
.main-navigation ul.navbar-collapse li:last-child {
padding-right: 0;
}
.main-navigation ul.navbar-collapse li a {
display: -webkit-box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
-moz-align-items: center;
align-items: center;
color: #323232;
font-weight: 600;
font-size: 15px;
text-transform: uppercase;
line-height: 3.2rem;
}
.main-navigation ul.navbar-collapse li.cr-dropdown {
position: relative;
}
.main-navigation ul.navbar-collapse li.cr-dropdown > a:after {
content: "\f3d0";
font-family: "Ionicons";
margin-left: 5px;
line-height: 26px;
display: inline-block;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu {
border-top: 1px solid #09a223;
position: absolute;
left: 0;
top: 100%;
width: 250px;
background: #ffffff;
visibility: hidden;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 99;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li {
display: block;
padding: 0;
position: relative;
border-bottom: 1px #e6e6e6 solid;
/* Sub Dropdown Menu */
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li:last-child{
border-bottom: none;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li a {
display: block;
font-size: 14px;
background: #ffffff;
color: #454545;
padding: 8px 20px;
position: relative;
font-weight: 400;
line-height: 1.5;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li.current-link a,
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li:hover > a {
background: #00AC1F;
color: #F7FF0A;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a {
position: relative;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li.cr-dropdown-sub > a:after {
content: "\f3d0";
font-family: "Ionicons";
position: absolute;
right: 15px;
top: 50%;
height: 30px;
line-height: 30px;
transform: rotate(-90deg);
margin-top: -15px;
font-size: 14px;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li ul {
position: absolute;
left: 100%;
top: 0;
width: 250px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
z-index: 2;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
-ms-transition: all 0.3s ease-in-out 0s;
-o-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-ms-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
background: #fff;
}
.main-navigation ul.navbar-collapse li.cr-dropdown .cr-dropdown-menu li:hover ul {
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-navigation ul.navbar-collapse li:hover a:before {
width: 100%;
}
.main-navigation ul.navbar-collapse li:hover .cr-dropdown-menu {
visibility: visible;
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-ms-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.main-navigation ul.navbar-collapse li.last-elements .cr-dropdown-menu {
right: 0;
left: auto;
}
.main-navigation ul.navbar-collapse li.last-elements .cr-dropdown-menu .cr-sub-dropdown-menu {
left: auto;
right: 100%;
background: #fff;
}
.main-navigation ul.navbar-collapse ul {
display: block;
background: #fff;
}
@media only screen and (max-width: 1199px) {
.main-navigation ul.navbar-collapse li {
padding: 0 14px;
}
.main-navigation ul.navbar-collapse li a{
font-size: 12px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1024px){
.main-navigation{
padding: .5rem 1rem;
}
}
.ddcommon .ddChild li.selected .ddlabel,
.ddcommon .ddChild li .ddlabel:hover{
color: #001d4c
}
.blue-scroll-bg.scroll-top a,
.blue-scroll-bg.scroll-top a:visited,
.blue-scroll-bg.scroll-top a:hover,
.blue-scroll-bg.scroll-top a:focus{
background-color: #293B94;
}
.blue-scroll-bg.scroll-top a:hover{
background-color: #ffffff;
color: #293B94;
}
.newsletter-bg .bg-blue2{
color: #ffffff;
}
.view-all.btn.btn-red-2,
.view-all .btn.btn-red-2,
.read-more .btn.btn-red-2{
background-color: transparent;
border-color: #e2e5ea;
border-width: 1px;
border-style: solid;
color: #333;
font-size: 14px;
font-weight: 600;
padding: 12px 32px;
line-height: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.view-all.btn.btn-red-2:hover,
.view-all-btn .btn.btn-red-2:hover,
.read-more .btn.btn-red-2:hover{
background-color: #001d4c;
border: 1px solid #001d4c;
color: #ffffff;
/*padding: 5px 15px;*/
}
/* About Us */
.main-service-box {
position: relative;
/*box-shadow: 0 2px 20px 0 #b2afaf;*/
border-radius: 10px;
}
@media(max-width: 991px){
.main-service-box_bottom {
margin-top: 2rem;
}
}
@media only screen and (max-width: 812px){
.intro-page .title-section{
margin-top: 25px;
}
}
.title-section p {
margin: 0 0 5px;
padding: 0;
font-size: 14px;
font-weight: 400;
color: #333;
text-transform: uppercase;
text-align: left;
letter-spacing: 1px;
position: relative;
}
.title-section p:after {
width: 30px;
height: 2px;
content: '';
background: #001d4c;
display: inline-block;
-webkit-transform: translate(20px, -6px);
-ms-transform: translate(20px, -6px);
-o-transform: translate(20px, -6px);
transform: translate(20px, -6px);
}
/* .description-welcome{
background-color: #f1f1f1;
padding: 20px;
box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
-webkit-box-shadow: 0 2px 5px 0 rgb(0 0 0 / 20%), 0 2px 10px 0 rgb(0 0 0 / 10%);
} */
.description-welcome p {
font-weight: 400;
font-size: 15px;
color: #666;
text-align: justify;
width: 90%;
line-height: 28px;
display: inline-block;
margin-top: 15px;
}
.description-welcome .read-more {
margin-top: 10px;
}
.info-officer-title h4 {
background: #001d4c;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
padding: 20px;
letter-spacing: 0.93px;
color: #fff;
font-weight: 600;
margin-bottom: 0;
}
.info-officer{
line-height: 1;
overflow: hidden;
border-top-left-radius:0;
border-top-right-radius: 0;
border-bottom-left-radius:10px;
border-bottom-right-radius :10px;
box-shadow: 0 2px 20px 0 #b2afaf;
box-shadow: 0 2px 20px 0 #b2afaf;
}
.info-officer > div:first-child{
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
}
.info-officer > div iframe{
max-width: 100% !important;
}
.info-officer iframe{
/*padding: 0 10px 3px;*/
border-top-left-radius:0;
border-top-right-radius: 0;
border-bottom-left-radius:10px;
border-bottom-right-radius :10px;
box-shadow: 0 2px 20px 0 #b2afaf;
/*margin-top: 1px*/
}
/* chart */
.home-chart{
position: relative;
}
#pieChart{
margin-left: -17%;
}
.data-chart{
position: absolute;
bottom: 50px;
right: 0;
z-index: -1;
}
.data-chart li{
line-height: 1;
text-align: left;
margin-bottom: 10px;
}
.data-chart li:before{
content: '';
width: 15px;
height: 15px;
float: left;
margin-right: 10px;
}
.data-chart li.blue-color:before{
background-color: #7cb5ec;
}
.data-chart li.dark-color:before{
background-color: #434348;
}
.data-chart li.green-color:before{
background-color: #90ed7d;
}
.data-chart li.orange-color:before{
background-color: #f7a35c;
}
.highcharts-figure{
margin: 0;
}
/* .highcharts-figure, .highcharts-data-table table {
min-width: 320px;
max-width: 800px;
margin: 1em auto;
} */
.highcharts-data-table table {
font-family: Verdana, sans-serif;
border-collapse: collapse;
border: 1px solid #EBEBEB;
margin: 10px auto;
text-align: center;
width: 100%;
max-width: 500px;
}
.highcharts-data-table caption {
padding: 1em 0;
font-size: 1.2em;
color: #555;
}
.highcharts-data-table th {
font-weight: 600;
padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
background: #f8f8f8;
}
.highcharts-data-table tr:hover {
background: #f1f7ff;
}
rect.highcharts-background {
fill: none;
}
.highcharts-figure input[type="number"] {
min-width: 50px;
}
.highcharts-credits{
opacity: 0;
}
.newsletter.show {
align-items: center;
padding: 0 !important;
}
.newsletter .modal-dialog{
width: 30%;
max-width: calc(34vw - 80px);
z-index: 9999;
}
.newsletter .modal-body {
box-shadow: rgb(0 0 0 / 60%) 0px 0px 0px 14px !important;
border-radius: 6px;
/*max-height: calc(100vh - 80px);*/
/*overflow-y: auto;*/
padding: 0;
height: calc(100vh - 80px);
}
.newsletter .modal-body .owl-stage{
/* width: 375px !important; */
}
.newsletter .modal-dialog .modal-body .img-wrap{
height: 100%;
}
.newsletter .modal-dialog .modal-body img{
height: 100%;
max-height: 100%;
}
.newsletter .modal-dialog .modal-content{
padding-bottom: 0;
border: none;
}
.newsletter .close {
position: absolute;
right: -10px;
color: #111;
cursor: pointer;
font-size: 28px;
opacity: 1;
background: #000;
padding: 0px 8px;
z-index: 10;
top: -16px;
border-radius: 50%;
}
@media only screen and (max-width:767px) {
.newsletter .close {
left: 0;
width: 30px;
}
}
/* Home Popup */
.home_popup .owl-carousel .owl-stage-outer{
padding-bottom: 0;
}
.home_popup .owl-carousel.owl-drag .owl-item {
height: calc(100vh - 80px);
}
.home_popup .owl-loaded .owl-nav{
width: 100%;
height: 100%;
top: 0;
}
.home_popup .owl-loaded .owl-nav [class*="owl-"],
.home_popup .owl-loaded .owl-nav [class^="owl-"]{
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
color: #000;
font-size: 18px;
margin: 0;
padding: 6px 16px;
background: #fff;
border-radius: 0;
width: 45px;
height: 45px;
line-height: 45px;
position: absolute;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s ease-in-out;
}
.home_popup .owl-loaded .owl-nav .owl-prev {
left: -20px;
}
.home_popup .owl-loaded .owl-nav .owl-next {
right: -20px;
}
.home_popup .owl-loaded .owl-nav [class*="owl-"]{
color: #fff;
padding: 5px 12px;
background-color: #001d4c;
border-radius: 50%;
}
.home_popup .owl-loaded .owl-nav [class*="owl-"]:hover{
color: #fff;
background-color: #09a223;
}
.home_popup .owl-loaded .owl-nav{
display: none;
}
.home_popup .modal-dialog:hover .owl-nav{
display: block;
}
.home_popup .modal-dialog:hover .owl-nav.disabled{
display: none;
}
.vertical-alignment-helper {
display:table;
height: 100%;
width: 100%;
pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */
}
.vertical-align-center {
/* To center vertically */
display: table-cell;
vertical-align: middle;
pointer-events:none;
}
.modal-content {
/* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
width:inherit;
max-width:inherit; /* For Bootstrap 4 - to avoid the modal window stretching full width */
height:inherit;
/* To center horizontally */
margin: 0 auto;
pointer-events: all;
}
.other-members li{
font-size: 14px;
text-align: center;
}
.other-members a{
color: #a9a9a9;
}
.other-members a:hover{
color: #293B94;
}
@media (min-width: 992px){
.dropdown-menu .dropdown-toggle:after{
border-top: .3em solid transparent;
border-right: 0;
border-bottom: .3em solid transparent;
border-left: .3em solid;
}
.dropdown-menu .dropdown-menu{
margin-left:0; margin-right: 0;
}
.dropdown-menu li{
position: relative;
}
.nav-item .submenu{
display: none;
position: absolute;
left:100%; top:-7px;
}
.nav-item .submenu-left{
right:100%; left:auto;
}
.dropdown-menu > li:hover{ background-color: #f1f1f1 }
.dropdown-menu > li:hover > .submenu{
display: block;
}
}
@media only screen and (min-width: 375px) and (max-device-width: 812px) and (orientation: landscape){
.newsletter .modal-body {
max-height: calc(100vh - 80px);
overflow-y: auto;
}
.newsletter .modal-dialog .modal-body img{
height: 100% !important;
}
}
@media (max-width: 767px){
.newsletter .modal-dialog {
width: 100%;
max-width: 100%;
margin: 1.75rem auto;
padding: 20px;
}
}
@media (max-width: 667px){
.newsletter .modal-body {
padding: 0;
}
.modal-open{
overflow: auto;
}
}
/*publication*/
.publication_wrapper.news_wrapper .two_columnnews{
background: #ffffff;
min-height: 320px;
margin-bottom: 0;
}
.publication_wrapper.news_wrapper .two-col {
background-repeat: no-repeat;
background-size: 100% 100%;
float: left;
width: 50%;
height: 320px;
}
.publication_wrapper.news_wrapper .right-col.two-col {
width: 50%;
padding: 15px;
overflow: hidden;
}
.publication_wrapper.news_wrapper .left-col {
padding: 0;
position: relative;
background-color: #EEEEEE;
}
.publication_wrapper.news_wrapper .left-col figure{
text-align: center;
}
.publication_wrapper.news_wrapper .left-col img{
height: 320px;
width: 75%;
}
.publication_wrapper.news_wrapper .two-col .left-inner-col{
background: rgba(142,11,86,0.8);
width: 100%;
height: auto;
position: absolute;
bottom: 0;
padding: 0 20px 20px;
}
.publication_wrapper.news_wrapper .two-col h3{
font-size: 20px;
padding: 20px 0px 10px 0px;
margin: 0;
line-height: 20px;
}
.publication_wrapper.news_wrapper .two-col .left-inner-col .date:after{
display: none;
}
.publication_wrapper.news_wrapper .Last-post {
padding-top: 25px;
}
.publication_wrapper.news_wrapper .news-footer>li>a img{
height: 55px;
max-width: 60px;
margin-right: 15px;
}
.publication_wrapper.news_wrapper .news-footer>li h6{
line-height: 15px;
}
.publication_wrapper.news_wrapper .news-footer>li h6 a{
font-size: 12px;
}
.publication_wrapper.news_wrapper .post-ad-card {
border: 1px solid #e0dede;
min-height: 320px;
}
.publication_wrapper.news_wrapper .post-ad-card img{
width: 100%;
height: 320px;
}
.meta-post{
display: inline-block;
}
/*--Share icon--*/
.social-share{
margin-top: 3px;
display: inline-block;
margin-left: -15px;
}
.menu {
z-index: 999;
position: relative;
padding: 0;
margin: 0;
list-style-type: none;
}
.menu li.share.right:before{
content: "\f3ac";
display: block;
margin: 0;
width: 27px;
height: 24px;
font-family: Ionicons;
color: #ffffff;
font-style: normal;
font-variant: normal;
text-transform: none;
text-rendering: auto;
font-size: 16px;
text-align: center;
line-height: 24px;
-webkit-transition: color cubic-bezier(.165,.84,.44,1) .4s;
-moz-transition: color cubic-bezier(.165,.84,.44,1) .4s;
transition: color cubic-bezier(.165,.84,.44,1) .4s;
cursor: pointer;
}
.menu .share:hover.right .submenu li{
cursor: pointer;
z-index: 1;
width: 27px;
text-align: center;
}
.menu .share:hover.right .submenu li:nth-child(1) {
opacity: 1;
left: 27px;
transform: rotate(0deg);
transition-delay: 0.08s;
}
.menu .share:hover.right .submenu li:nth-child(2) {
opacity: 1;
left: 54px;
transform: rotate(0deg);
transition-delay: 0.16s;
}
.menu .share:hover.right .submenu li:nth-child(3) {
opacity: 1;
left: 81px;
transform: rotate(0deg);
transition-delay: 0.24s;
}
.menu .share:hover.right .submenu li:nth-child(4) {
opacity: 1;
left: 108px;
transform: rotate(0deg);
transition-delay: 0.32s;
}
.menu .submenu {
list-style-type: none;
padding: 0;
margin: 0;
}
.menu .submenu li {
transition: all ease-in-out 0.5s;
position: absolute;
top: 0;
left: 0;
z-index: -1;
opacity: 0;
}
.menu .submenu li a {
color: #ffffff;
font-size: 16px;
}
/*.menu .submenu li a:hover i.fa {
color: #fff;
}*/
.menu .submenu li a:hover.facebook i.lab {
color: #3b5999;
}
.menu .submenu li a:hover.twitter i.lab {
color: #55acee;
}
.menu .submenu li a:hover.googlePlus i.lab {
color: #dd4b39;
}
.menu .submenu li a:hover.instagram i.lab {
color: #e4405f;
}
.menu .submenu li:nth-child(1) {
transform: rotateX(45deg);
}
.menu .submenu li:nth-child(2) {
transform: rotateX(90deg);
}
.menu .submenu li:nth-child(3) {
transform: rotateX(135deg);
}
.menu .submenu li:nth-child(4) {
transform: rotateX(180deg);
}
/* Ticker Box */
#vertical-ticker {
height: 400px;
overflow: hidden;
margin: 0;
padding: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0, .4);
box-shadow: 0 1px 3px rgba(0,0,0, .4);
list-style: none;
}
#vertical-ticker li {
padding: 35px 20px;
display: block;
background: #efefef;
color: #333;
border-bottom: 1px solid #ddd;
text-align: center;
font-size: 25px;
font-weight: bold;
}
.vertical_ticker .post-prev-icon,
.vertical_ticker .post-next-icon{
position: absolute;
top: 5px;
margin-right: 5px;
text-align: center;
width: 28px;
height: 28px;
cursor: pointer;
display: block;
outline: 0;
font-size: 10px;
line-height: 29px;
z-index: 100;
-webkit-transition: background-color .2s,color .2s;
-moz-transition: background-color .2s,color .2s;
transition: background-color .2s,color .2s;
}
.vertical_ticker .post-prev-icon:after,
.vertical_ticker .post-next-icon:after {
position: absolute;
content: '';
top: 0;
left: 0;
width: 0;
height: 100%;
background-color: #fff;
z-index: -1;
-webkit-transition: width .25s ease;
-moz-transition: width .25s ease;
transition: width .25s ease;
}
.vertical_ticker .post-prev-icon:hover,
.vertical_ticker .post-next-icon:hover{
color: #000;
}
.vertical_ticker .post-prev-icon {
left: auto;
right: 0;
color: #fff;
background-color: #001d4c;
}
.vertical_ticker .post-next-icon {
right: 31px;
color: #fff;
background-color: #309A5D;
}
#wrap {
position: relative;
height: 60px;
float: right;
padding: 0;
}
.header-search-form input[type="text"],::placeholder {
color: #ffffff;
opacity: 0.8;
}
.header-search-form input[type="text"] {
height: 50px;
font-size: 16px;
display: inline-block;
font-weight: 400;
border: none;
outline: none;
color: #ffffff;
padding: 3px;
padding-right: 60px;
width: 0px;
position: absolute;
top: 0;
right: 0;
background: none;
z-index: 3;
transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
cursor: pointer;
opacity: 1;
}
.header-search-form input[type="text"]:focus:hover {
border-bottom: 1px solid #ffffff;
}
.header-search-form input[type="text"]:focus {
width: 690px;
z-index: 1;
border-bottom: 1px solid #ffffff;
cursor: text;
}
.right-nav .header-search-form a i{
color: #Ffffff;
}
/*.header-search-form input[type="submit"] {
height: 67px;
width: 63px;
display: inline-block;
color:#495057;
float: right;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNQTFRFU1NT9fX1lJSUXl5e1dXVfn5+c3Nz6urqv7+/tLS0iYmJqampn5+fysrK39/faWlp////Vi4ZywAAABF0Uk5T/////////////////////wAlrZliAAABLklEQVR42rSWWRbDIAhFHeOUtN3/ags1zaA4cHrKZ8JFRHwoXkwTvwGP1Qo0bYObAPwiLmbNAHBWFBZlD9j0JxflDViIObNHG/Do8PRHTJk0TezAhv7qloK0JJEBh+F8+U/hopIELOWfiZUCDOZD1RADOQKA75oq4cvVkcT+OdHnqqpQCITWAjnWVgGQUWz12lJuGwGoaWgBKzRVBcCypgUkOAoWgBX/L0CmxN40u6xwcIJ1cOzWYDffp3axsQOyvdkXiH9FKRFwPRHYZUaXMgPLeiW7QhbDRciyLXJaKheCuLbiVoqx1DVRyH26yb0hsuoOFEPsoz+BVE0MRlZNjGZcRQyHYkmMp2hBTIzdkzCTc/pLqOnBrk7/yZdAOq/q5NPBH1f7x7fGP4C3AAMAQrhzX9zhcGsAAAAASUVORK5CYII=) center center no-repeat;
text-indent: -10000px;
border: none;
position: absolute;
top: 0;
right: 0;
z-index: 2;
cursor: pointer;
opacity: 0.4;
cursor: pointer;
transition: opacity .4s ease;
}
.header-search-form input[type="submit"]:hover {
opacity: 0.8;
}*/
.ad-wrapper img{
width: 100%;
}
/*menu sidebar*/
.side-menu-button-opener.large {
font-size: 32px;
line-height: 34px;
height: 34px;
}
.side-menu-button-opener i.la-bars{
display: inline-block;
height: inherit;
vertical-align: top;
width: inherit;
text-align: center;
font-size: 32px;
line-height: 35px;
}
.side-menu-button-opener span{
font-size: 8px;
letter-spacing: 1px;
font-weight: 600;
cursor: inherit;
margin-left: 0px;
color: #1d1c1d;
/* vertical-align: top; */
display: block;
line-height: 1;
text-transform: uppercase;
text-align: center;
cursor: text;
}
.slide-menu .controls i{
font-size: 20px;
}
.side-widget .form-inline{
position: relative;
}
.side-widget .form-inline button.btn{
position: absolute;
right: 0;
top: 0;
padding: 0.70rem 1rem;
}
.side-widget .form-inline button.btn:hover{
color: #212529;
}
.side-widget .form-inline button.btn i{
font-size: 18px;
}
/* ---------------------------------------------------
SIDEBAR STYLE
----------------------------------------------------- */
.slide-menu {
width: 320px;
max-width: 100%;
position: fixed;
top: 0;
right: -320px;
height: 100vh;
z-index: 9999;
background: #042825;
color: #fff;
transition: all 0.3s;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}
.slide-menu.active {
right: 0;
}
#dismiss {
width: 100%;
display: inline-block;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.slide-menu .btn.slide-menu-control {
background-color: transparent;
float: right;
color: #fff;
padding: 8px;
margin-right: 5px;
-webkit-transition: transform .5s ease;
-moz-transition: transform .5s ease;
transition: transform .5s ease;
}
.slide-menu a.slide-menu-control:hover {
background: none;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.slide-menu .controls i {
font-size: 20px;
}
.overlay {
display: none;
position: fixed;
width: 100vw;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
z-index: 998;
opacity: 0;
transition: all 0.5s ease-in-out;
}
.overlay.active {
display: block;
opacity: 1;
}
.slide-menu .sidebar-header {
padding: 20px;
background: #6d7fcc;
}
.slide-menu ul.components {
padding: 20px 0;
/* border-bottom: 1px solid #585757; */
}
.slide-menu ul>li {
border-bottom: 1px solid #585757;
}
.slide-menu ul>li:last-child {
border: none;
}
.slide-menu ul.components li a {
display: block;
padding: .9rem 1.5rem;
color: #fff;
text-decoration: none;
text-transform: uppercase;
letter-spacing: .3px;
font-size: 11px;
font-weight: 600;
}
.slide-menu a {
color: #fff;
}
.slide-menu a:hover {
color: #F7FF0A;
}
.slide-menu ul.components .collapse li a,
.slide-menu .collapse.show li a{
padding-left: 2.5rem;
}
.slide-menu .collapse ul li a,
.slide-menu .collapse.show ul li a{
padding-left: 3.5rem;
}
.slide-menu .collapse.show ul ul li a{
padding-left: 4.5rem;
}
.slide-menu ul li a:hover {
color: #F7FF0A;
}
.slide-menu ul li.active>a,
a[aria-expanded="true"] {
color: #F7FF0A;
}
a[data-toggle="collapse"] {
position: relative;
}
.dropdown-toggle::after {
border-width: 0;
content: "\f105";
display: block;
font-family: 'Line Awesome Free';
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
transition: all 0.3s linear;
}
.dropdown-toggle.down::after{
margin-top: -5px;
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
}
@media (max-width: 1024.98px){
.site-header.header-5 > .py-md-3.py-3{
display: none;
}
.res-large-header [class^=col-],
.res-large-header [class*=col-]{
flex: 0 0 100%;
max-width: 100%;
}
.navbar-brand.d-lg-none{
display: block !important;
width: 100%;
}
.navbar-brand img {
width: 160px;
height: 55px;
}
.navbar-brand.logo-center{
display: none !important;
}
.header-5 .navbar-light .navbar-toggler {
display: none;
background: #fff;
border-radius: 5px;
}
.navbar-expand-lg .navbar-collapse{
display: none !important;
}
#wrap,
.header-search-form input[type="text"]:focus{
width: 100%;
}
#wrap form{
display: inline-block !important;
}
#wrap form a{
float: right;
vertical-align: bottom;
line-height: 60px;
}
.language-selection{
width: 102px;
}
}
@media (max-width: 991.98px){
.navbar-brand.d-lg-none{
width: auto;
}
}
@media (max-width: 767px){
.top-header{
display: none;
}
}
/* About Us Page */
/*.about-details h2{
font-size: 30px;
font-weight: 700;
margin-bottom: 30px;
color: #000a2d;
display: inline-block;
position: relative;
padding-left: 68px;
}
.about-details h2::before {
position: absolute;
content: "";
width: 54px;
height: 2px;
background: #001d4c;
top: 0;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
*/
.welcome_wrapper .number {
color: #eaeaea;
font-size: 100px;
line-height: 58px;
font-weight: 700;
margin: 0 0 -37px;
}
.welcome_wrapper h5 {
font-weight: 500;
margin: 10px 0;
color: #00AC1F;
text-transform: uppercase;
}
.scrollbar {
float: left;
height: 136px;
overflow-y: scroll;
}
.force-overflow {
display: inline-block;
/* min-height: 100%; */
margin-top: 15px;
padding-right: 15px;
}
.welcome_wrapper p {
margin: 0 0 20px;
font-size: 14px;
color: #000;
line-height: 25px;
}
.welcome_wrapper p:last-child{
margin-bottom: 0;
}
#style-3::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar
{
width: 6px;
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb
{
background-color: #dedede;
}
.list_doted{
padding-left: 18px;;
}
.list_doted li{
margin-bottom: 10px;
font-size: 14px;
}
.list_doted li:last-child{
margin-bottom: 0;
}
@media only screen and (max-width: 575px){
.scrollbar{
width: 100%;
}
}
/* Upcoming Books */
.lib-papular-books .nav-tabs {
float: right;
width: 65%;
text-align: center;
margin: -24px 0px 0px 0px;
border: none;
}
.lib-papular-books .nav-tabs > li {
margin-top: 24px;
}
.lib-papular-books .nav-tabs > li > a:hover,
.lib-papular-books .nav-tabs > li.active > a,
.lib-papular-books .nav-tabs > li.active > a:focus {
color: #fff;
outline: none;
}
.lib-papular-thumb {
float: left;
width: 100%;
border: solid 1px #CCC;
padding: 5px;
}
.lib-papular-books .tab-content {
float: left;
width: 35%;
padding: 0px 15px;
}
.card-tabs .nav-tabs > li > a.active,
.card-tabs .nav-tabs > li > a.active:hover,
.card-tabs .nav-tabs > li > a.active:focus {
cursor: default;
}
.card-tabs .nav-tabs .nav-item .nav-link,
.card-tabs .nav-tabs .nav-item.show .nav-link,
.card-tabs .nav-tabs .nav-link.active,
.card-tabs .nav-tabs .nav-link:focus,
.card-tabs .nav-tabs .nav-link:hover{
border: none;
color: transparent;
padding: 0;
}
.nav-tabs > li > a.active .lib-papular-thumb,
.nav-tabs > li > a.active:hover .lib-papular-thumb,
.nav-tabs > li > a.active:focus .lib-papular-thumb{
/*background-color: var(--primary-color);*/
background-color: #09a223;
}
.nav-tabs .nav-link{
border: none;
}
.lib-papular-thumb img {
width: 100%;
float: left;
}
.lib-papular {
float: left;
width: 100%;
border: solid 1px #CCC;
padding: 10px;
}
.lib-papular .kode-thumb {
float: left;
}
.lib-papular .kode-thumb img {
float: left;
width: 100%;
}
.lib-papular .kode-text {
padding: 10px 0px 0px 270px;
}
.kode-text h2{
color: #262626;
font-weight: 700;
font-size: 19px;
text-transform: uppercase;
line-height: 26px;
text-overflow: ellipsis;
margin-bottom: 10px;
}
.kode-text h2.link-title {
color: #445a69;
}
.lib-papular .kode-text h4 {
font-size: 14px;
margin: 0px 0px 10px;
}
.kode-text p {
font-size: 15px;
font-weight: 300;
line-height: 22px;
color: #666666;
margin-bottom: 9px;
}
.lib-more a{
position: relative;
color: #333;
}
.lib-papular .lib-more {
float: left;
width: 100%;
}
.lib-papular .lib-more a {
float: right;
color: #333;
font-weight: bold;
}
.lib-more a:hover,
.lib-papular .lib-more a:hover{
color: #09a223;
}
.np-btn{
text-align: right;
display: inline-block;
}
.prevtab.btn.btn-primary:hover,.nexttab.btn.btn-primary:hover,
.prevtab.btn.btn-primary:focus,.nexttab.btn.btn-primary:focus,
.prevtab.btn.btn-primary,.nexttab.btn.btn-primary{
background-color: #001d4c;
border-bottom: none;
box-shadow: none;
padding: 10px;
outline: none;
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show>.btn-primary.dropdown-toggle:focus {
box-shadow: none;
}
.prevtab,.nexttab{
display: none;
}
.lib-papular .inner-box .kode-thumb{
position: relative;
display: block;
overflow: hidden;
background: #252638;
border-radius: 5px 5px 0px 0px;
width: 100%;
}
.lib-papular .inner-box .kode-thumb:before{
position: absolute;
content: '';
width: 100%;
height: 100%;
background: -webkit-linear-gradient(90deg, rgba(0,0,0,0.8)10%, rgba(0,0,0,0.0) 50%);
left: 0px;
bottom: 0px;
z-index: 1;
transition: all 500ms ease;
}
.lib-papular .inner-box .kode-thumb .image{
position: relative;
display: block;
}
.lib-papular .inner-box .kode-thumb .image img{
width: 100%;
transition: all 500ms ease;
height: 555px;
}
.lib-papular .inner-box:hover .kode-thumb .image img{
opacity: 0.1;
}
/*.lib-papular .inner-box .kode-thumb{
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
right: 0px;
z-index: 2;
}*/
.lib-papular .inner-box .kode-thumb .kode-text{
position: absolute;
left: 0px;
bottom: 20px;
width: 100%;
padding: 0px 20px 0px 20px;
z-index: 2;
}
.lib-papular .inner-box .kode-thumb .kode-text h2{
display: block;
font-size: 20px;
line-height: 30px;
color: #ffffff;
font-weight: 700;
}
.lib-papular .inner-box .kode-thumb .kode-text h2 a{
display: inline-block;
color: #ffffff;
}
.lib-papular .inner-box .kode-thumb .kode-text h2 a:hover{
text-decoration: underline;
}
@media only screen and (max-width: 1280px){
.lib-papular-books .nav-tabs{
width: 30%
}
.lib-papular-books .tab-content{
width: 70%
}
.card-tabs .nav-link{
padding: 0;
}
}
@media only screen and (max-width: 991px){
.lib-papular-books .nav-tabs {
display: none;
}
.np-btn{
width: 100%;
}
.prevtab,.nexttab {
display: block;
float: right;
margin-right: 15px;
margin-bottom: 15px;
}
.lib-papular-books .tab-content{
width: 100%;
}
}
@media only screen and (max-width: 959px){
.news_wrapper .right-col.two-col {
width: 100%;
max-width: 100%;
}
.news_wrapper .left-col {
height: auto;
width: 100%;
}
.news_wrapper .two_columnnews a.read-more-btn {
position: inherit;
}
}
@media only screen and (max-width: 767px){
.lib-papular-books .nav-tabs {
float: left;
width: 100%;
display: none;
}
.lib-papular-books .tab-content {
float: left;
width: 100%;
}
.lib-papular .kode-text {
padding: 20px;
float: left;
width: 100%;
}
}
@media only screen and (max-width: 479px){
.lib-papular .kode-thumb {
width: 100%;
margin-bottom: 20px;
}
.lib-papular .kode-text {
padding: 0px;
}
}
/*News Room*/
.newsroom .card-items {
/* margin-bottom: 30px;*/
display: flex!important;
}
.newsroom .card {
-webkit-transition: .15s ease-in-out;
transition: .15s ease-in-out;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.newsroom .event-post{
color: #23232d;
border: 1px solid #d0d8e2;
box-shadow: none;
border-radius: 6px;
padding: 32px;
/*display: flex!important;*/
}
.newsroom .card .event-time{
margin-bottom: 16px;
}
@media (hover: hover) and (pointer: fine){
.newsroom .card.hover-post:hover{
-webkit-transition: .15s ease-in-out;
transition: .15s ease-in-out;
-webkit-transition-property: box-shadow,background-color,-webkit-transform;
transition-property: box-shadow,background-color,-webkit-transform;
transition-property: box-shadow,transform,background-color;
transition-property: box-shadow,transform,background-color,-webkit-transform;
cursor: pointer;
box-shadow: 0 6px 8px 0 rgb(54 77 114 / 8%), 0 2px 4px 0 rgb(54 77 114 / 18%);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.newsroom .card.hover-post:hover h2 a,
.newsroom .card.hover-post:hover .text-link{
color: #09a223;
}
.newsroom .card.hover-post:hover [uk-icon=arrow-right] {
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
.newsroom .card.hover-post:hover [uk-icon=arrow-right] svg{
fill: #09a223;
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
}
.newsroom .card [uk-icon=arrow-right] svg{
fill: #445a69;
}
@media (min-width: 1230px){
.newsroom .card-body {
padding: 32px;
}
}
.margin-auto-top{
margin-top: auto !important;
}
.newsroom .card-body h2{
margin-bottom: 16px;
margin-top: 0;
}
.newsroom .card-body h2 a{
font-size: 1.375rem;
line-height: 1.4;
}
.newsroom .card-body .event-time{
margin-bottom: 16px;
margin-top: 0;
font-size: .875rem;
line-height: 1.5;
}
.newsroom .card-body a.readmore-btn {
text-decoration: none;
cursor: pointer;
-webkit-transition: .15s ease-in-out;
transition: .15s ease-in-out;
-webkit-transition-property: color;
transition-property: color;
font-weight: 600;
}
/* Organization Structure */
.aside {
background-color: #ffffff;
padding: 25px 10px 25px 0;
width: 260px;
}
.sidebar__inner{
left: inherit !important;
}
.sticky-bar li {
padding-left: 30px;
line-height: 25px;
}
.sticky-bar li a {
color: #09a223;
/* text-transform: capitalize; */
font-size: 15px;
font-weight: 500;
line-height: 22px;
padding-bottom: 5px;
padding-top: 5px;
width: 100%;
display: inline-block;
}
.sticky-bar li a:hover{
color: var(--primary-text-color);
}
.fwb a.parentlist {
font-size: 20px;
margin-bottom: 10px;
}
.sticky-bar li.active-fix,
.sticky-bar li.S_title.active {
border-left: 3px solid var(--primary-color);
color: var(--text-color);
padding-left: 27px;
}
.sticky-bar li.active-fix a {
/* padding: 0; */
margin-bottom: 0;
color: var(--text-color);
font-weight: 400;
}
.rgt-sidebar .page_title h2{
padding: 6px 0 0;
margin-bottom: 25px;
margin-top: 0;
font-size: 32px;
text-transform: uppercase;
line-height: 30px;
}
/* .team-items{
border: 1px solid #c0c0c0;
padding-bottom: 20px;
} */
@media (max-width: 767px){
.team-items{
padding: 0 3.125rem;
}
}
.member-pic-social h5{
font-size: 1.33333rem;
}
.member-list .member-pic-social .social {
width: 100%;
position: absolute;
left: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
transition: all 0.5s;
}
.member-list .team-items:hover .member-pic-social .social {
bottom: 20px;
opacity: 1;
}
.member-list .team-items:hover .member-pic-social > .overlay{
position: absolute;
background: rgba(0,0,0,0.7);
width: 100%;
height: 100%;
}
.member-list .member-pic-social ul {
display: inline-block;
}
.member-list .member-pic-social ul li {
float: left;
}
.member-list .member-pic-social ul > li + li {
margin-left: 10px;
}
.member-list .member-pic-social ul a {
font-size: 16px;
font-size: 1.06667rem;
color: #fff;
}
.member-list .member-pic-social ul a:hover {
color: #09a223;
}
.member-list .member-info {
padding: 20px 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
transition: all 0.3s;
border: 1px solid #e2e2e2;
border-top: 0;
}
.our-team .member-list .member-info > h5{
font-size: 1rem;
margin: 0 0 4px;
}
.our-team .member-list .member-info > span {
font-weight: bold;
color: #7a8595;
font-size: 12px;
}
.member-list .team-items:hover .member-info {
background-color: #09a223;
}
.member-list .team-items:hover .member-info h5 a{
color: #fff;
}
.member-list .team-items:hover .member-info span {
color: #04410e;
}
.our-team img{
border-radius: 0;
margin-bottom: 0;
}
@media only screen and (max-width: 1170px){
.page-content .left-sidebar,
.page-content .left-sidebar{
display: none !important;
}
.page-content .left-sidebar + [class*="col-"],
.page-content .left-sidebar + [class^="col-"]{
max-width: 100%;
flex: 0 0 100%;
}
}
.check-list ol{
padding-left: 0px;
}
.check-list li{
display: inline-flex;
width: 100%;
}
.check-list li::before {
/*font-family: 'Line Awesome Free';*/
font-family: "Font Awesome 5 Free";
/*font-weight: 900;*/
/*content: "\f35a";*/
content: "\f058";
margin-right: 10px;
mask-type: 3px;
font-size: 15px;
color: var(--primary-color);
}
.check-list li > ul > li:before,
.check-list .download-links li::before {
content: none;
}
.check-list li > ul > li{
display: inline-grid;
}
.check-list li > ul > li span{
font-weight: 500;
}
.check-list li a{
color: var(--primary-color);
}
.check-list li a:hover{
color: var(--primary-text-color);
}
li.list-title{
position: relative;
padding-left: 38px;
}
li.list-title::before {
position: absolute;
content: "";
width: 25px;
height: 1px;
background: var(--secondary-bg-color);
top: 0;
left: 0px;
top: 50%;
transform: translateY(-50%);
}
.number-order ol{
padding-left: 20px;
}
/*Committees Sub-Committees*/
.profile-box .profile-photo {
margin-right: 10%;
margin-bottom: 10px;
}
.profile-box .profile-info {
color: #3d4451;
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #dedede;
}
.profile-box .profile-title {
font-size: 36px;
line-height: 1.1;
font-weight: 700;
margin-bottom: 5px;
}
.profile-box .profile-title span {
font-weight: 300;
}
.profile-box .profile-position {
font-size: 18px;
font-weight: 400;
line-height: 1.1;
margin-bottom: 0;
}
.profile-photo img {
width: 100%;
display: block;
}
.profile-list {
margin: 0;
padding: 0;
list-style: none;
}
.profile-list li {
margin-bottom: 13px;
}
.profile-list .title {
display: block;
width: 120px;
float: left;
color: #333;
font-size: 12px;
font-weight: 600;
line-height: 20px;
text-transform: uppercase;
line-height: 1.1;
}
.profile-list .cont {
display: block;
margin-left: 125px;
font-size: 15px;
font-weight: 400;
line-height: 15px;
/* color: #9da0a7; */
color: #333;
}
.profile-list .cont a {
color: inherit;
}
.profile-list .cont a:hover{
text-decoration: underline;
}
/*Team Detail*/
.team_member_detail .aside{
background-color: transparent;
padding-top: 0;
padding-right: 0;
}
.team_member_detail .aside img{
margin-bottom: 25px;
}
.text-foc-md {
color: #666666;
font-size: 16px;
font-size: 1.14286rem;
font-weight: 600;
margin-bottom: 0;
}
.stage-content-biog {
margin-top: 30px;
margin-bottom: 10px;
}
/* Our Work */
li.submenu-list {
font-weight: 600;
}
li.submenu-list li{
font-weight: 400;
}
/* History */
.events-search{
background-color: #ffffff;
padding: 25px 30px;
}
.events-search .form-group {
margin-bottom: 0;
}
.events-search .col-auto .btn-primary{
border-bottom: 3px #09a223 solid;
}
.events-search .col-auto .btn-primary:hover{
border-color: #191919;
}
.twoToneCenter {
text-align: center;
margin: 1em 0;
}
/*@media (min-width: 780px) {
.twoToneCenter {
width: 600px;
display: grid;
grid-template-columns: repeat(2, [col] calc(100%/2));
grid-auto-rows: 120px;
margin: 30px auto 40px;
}
}*/
@media screen and (max-width: 991px){
.events-search .form-row .form-group{
margin-bottom: 10px;
}
}
/*@media screen and (max-width: 360px){
.events-search .form-row .form-group{
margin-bottom: 10px;
}
}*/
.twoToneButton {
display: inline-block;
outline: none;
position: relative;
transition: padding-right 0.3s ease;
font-weight: 700;
}
.twoToneButton:hover {
box-shadow: 0 0 10px #080808 inset, 0px 1px 0 #3b3b3b;
color: #f3f3f3;
}
.twoToneButton:active {
box-shadow: 0 0 10px #080808 inset, 0px 1px 0 #3b3b3b;
color: #ffffff;
background: #080808;
background: linear-gradient(to bottom, #3b3b3b 0%, #2e2e2e 50%, #141414 51%, #080808 100%);
}
.history-event .col-auto .btn-primary.twoToneButton.spinning {
background: #191919;
border-bottom: 3px #191919 solid;
padding-right: 40px;
}
.twoToneButton.spinning:after {
content: '';
right: 6px;
top: 50%;
width: 0;
height: 0;
box-shadow: 0px 0px 0 1px #080808;
position: absolute;
border-radius: 50%;
-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
.twoToneButton.spinning:before {
content: "";
width: 0px;
height: 0px;
border-radius: 50%;
right: 6px;
top: 50%;
position: absolute;
border: 2px solid #000000;
border-right: 3px solid #27ae60;
-webkit-animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
animation: rotate360 0.5s infinite linear, exist 0.1s forwards ease;
}
@-webkit-keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@keyframes rotate360 {
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 5px 0 0;
}
}
@keyframes exist {
100% {
width: 15px;
height: 15px;
margin: -8px 5px 0 0;
}
}
.history-main-timeline {
background-repeat: no-repeat;
background-position: left top;
border-top: 1px solid #f3f1f2;
float: left;
width: 100%;
}
.history_timeline {
border-left: 1px solid #f3f1f2;
margin-left: 318px;
position: relative;
}
.history_timeline > li {
margin-bottom: 35px;
padding-top: 50px;
padding-left: 45px;
position: relative;
}
.history_timeline > li .year {
position: absolute;
left: -52px;
top: 100px;
}
.history_timeline > li .year:before {
content: '';
width: 30px;
height: 1px;
background-color: #e6e6e6;
position: absolute;
top: 12px;
left: 159%;
z-index: -1;
}
.history_timeline > li .year:after {
content: '';
position: absolute;
width: 14px;
height: 14px;
margin-top: -7px;
top: 50%;
right: -23px;
border-radius: 50%;
background-color: #e6e6e6;
transition: all .3s ease;
border: 1px solid transparent;
}
.history_timeline .book-list {
position: relative;
}
.history_timeline .book-list:before {
content: '';
position: absolute;
width: 100%;
height: 30%;
background: -moz-linear-gradient(top, rgba(248, 248, 248, 0.03) 0%, #f8f8f8 100%);
background: -webkit-linear-gradient(top, rgba(248, 248, 248, 0.03) 0%, #f8f8f8 100%);
background: linear-gradient(to bottom, rgba(248, 248, 248, 0.03) 0%, #f8f8f8 100%);
bottom: 0;
}
.history_timeline .book-list > li {
overflow: hidden;
margin-bottom: 35px;
}
.history_timeline .book-list > li h3{
cursor: pointer;
}
.history_timeline .book-list figure {
float: left;
width: 135px;
}
.history_timeline .book-list .book-list-meta {
float: left;
/*width: calc(100% - 135px);*/
}
.history_timeline .book-list-title {
font-size: 16px;
line-height: 24px;
}
.history_timeline .book-list-title a {
color: #000;
}
.history_timeline .book-list-brand, .history_timeline .book-author {
color: #666;
font-size: 14px;
}
.history_timeline .btn-expand {
color: #001d4c;
text-decoration: underline;
font-size: 12px;
font-weight: 700;
}
.history_timeline .btn-expand:hover{
text-decoration: none;
}
@media screen and (max-width: 767px){
.history-main-timeline{
background-image: none !important;
border-top: none;
}
.history_timeline{
margin-left: 50px;
}
}
/* publication Page */
.Publication-container img{
cursor: pointer;
}
.post_item_img .post_item_date {
position: absolute;
top: -10px;
left: 10px;
display: block;
color: #fff;
background-color: #001d4c;
padding: 8px 15px;
border-radius: 5px;
}
.post_item_img .post_item_date {
top: -20px;
left: 20px;
padding: 13px 30px;
}
.post_item_img .post_item_date .date{
padding-right: 0;
margin-right: 0;
}
.post_item_img .post_item_date h3 {
font-size: 22px;
font-weight: 600;
color: #fff;
margin-bottom: 0;
line-height: 1.2;
text-align: center;
}
.post_item_img .post_item_date p {
font-size: 18px;
margin-bottom: 0;
color: #fff;
}
/* Table-event-list */
.ncf-event-list table th {
/* padding: 15px 20px 13px 20px;*/
font-weight: normal;
text-align: left;
text-transform: uppercase;
border: 0;
}
.ncf-event-list table thead th {
color: #585858;
background-color: #ccd5db;
}
.ncf-event-list.min-width-space table thead th:first-child{
width: 50%;
}
.ncf-event-list table{
margin-bottom: 0;
}
.ncf-event-list table thead th,
.ncf-event-list table tbody > tr >td{
border-top: none;
font-weight: normal;
font-size: 15px;
vertical-align: middle;
}
.ncf-event-list table tbody > tr:nth-child(2n) {
background-color: #eeeeee;
}
.check-list li .table a,
.table a {
color: #212529;
font-size: 15px;
font-weight: normal;
}
.svg-inline--fa {
display: inline-block;
font-size: inherit;
height: 0.9rem;
overflow: visible;
vertical-align: -.125em;
}
.svg-inline--fa.fa-w-16 {
width: 0.9rem;
}
.btnViewFile span {
color: #001d4c;
}
.btnViewFile, .btnViewFile:focus {
background-color: transparent;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-o-border-radius: 2px;
color: #333;
display: inline-block;
font-weight: 500;
line-height: 20px;
margin: 0;
padding: 4px 13px;
text-transform: capitalize;
}
.btnViewFile:active, .btnViewFile:focus{
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
}
.btnViewFile:hover{
color: #6c6868;
}
.Download-container_table table thead th:first-child{
width: 50%;
}
.Download-container_table.table_file table thead th:first-child{
width: 80%;
}
.modal-header .close{
background: #09a223;
}
/*Blog*/
blockquote {
border-color: #001d4c;
}
/*View All Slide Button*/
.readmore a{
position: relative;
text-transform: capitalize;
font-size: 15px;
}
.readmore a::before,
.lib-more a::before {
content: '';
height: 2px;
left: 0;
right: 0;
position: absolute;
bottom: 0px;
background: #09a223;
width: 0;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.readmore a:hover::before,
.lib-more a:hover::before{
width: 100%;
}
/* Jobs */
.careers .status {
font-weight: 400;
font-size: 21px;
color: #042825;
line-height: 32px;
margin-bottom: 45px;
}
.itemList .itemBox{
display: block;
}
.itemList .itemBox:nth-child(5) ~ .itemBox {
display: none;
}
.careers .job-list .item,
.page-section .link-list .item {
background: #fff;
border: 1px solid #d0d8e2;
border-radius: 4px;
margin-bottom: 10px;
-webkit-transition: all .15s ease;
transition: all .15s ease;
min-height: 70px;
cursor: pointer;
}
.page-section .link-list .item{
cursor: default;
}
.careers .job-list .item,
.careers .job-list .item a,
.page-section .link-list .item,
.page-section .link-list .item a{
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
}
.careers .job-list .item a,
.page-section .link-list .item a {
width: 100%;
height: 100%;
padding: 5px 10px;
}
.page-section .link-list .item a{
padding: 0;
}
.careers .job-list .item:hover,
.page-section .link-list .item:hover {
box-shadow: 0 6px 8px 0 rgb(54 77 114 / 8%), 0 2px 4px 0 rgb(54 77 114 / 18%);
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
.careers .job-list .item a>div {
padding: 0 10px;
}
.careers .job-list .item .role,
.page-section .link-list .item .role {
-webkit-box-flex: 1;
flex-grow: 1;
margin-bottom: 0;
width: 60%;
}
.page-section .link-list .item img,
.page-section .link-list .item .card-body p:nth-child(2),
.page-section .link-list .item .card-body ul:nth-child(2),
.page-section .link-list .item .card-body ol:nth-child(2){
margin-top: 15px;
}
.careers .job-list .item .role h3,
.page-section .link-list .item h3 {
color: #042825;
font-weight: 600;
font-size: 17px;
line-height: 26px;
margin: 0;
-webkit-transition: all .15s ease;
transition: all .15s ease;
}
.page-section .link-list .item h3{
font-size: 23px;
line-height: 30px;
}
.careers .job-list .item:hover .role h3,
.page-section .link-list .item:hover .role h3 {
color: #09a223;
}
.careers .job-list .item span {
display: inline-block;
vertical-align: middle;
white-space: nowrap;
position: relative;
text-transform: capitalize;
}
.careers .job-list .item .role span{
color: #042825;
display: block;
font-weight: 400;
font-size: 14px;
color: #6e8caf;
line-height: 22px;
}
.careers .job-list .item .department{
position: relative;
-webkit-box-flex: 0;
flex-grow: 0;
width: 20%;
border-radius: 4px;
overflow: hidden;
text-align: right;
}
.careers .job-list .item .department span{
background: #e1e8f0;
font-size: 15px;
font-weight: 400;
border-radius: 3px;
color: #042825;
padding: 0 8px;
max-width: 100%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
line-height: 26px;
}
.itemList .show-more {
margin-top: 45px;
}
.itemList .show-more div {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
width: 150px;
margin: 0 auto;
cursor: pointer;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-flow: row;
}
.itemList .show-more svg {
-webkit-transition: none;
transition: none;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.itemList .show-more div:hover svg {
-webkit-transition: all .3s ease;
transition: all .3s ease;
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
.itemList .show-more span {
font-weight: 600;
font-size: 16px;
color: #09a223;
margin-left: 10px;
}
.careers .accordion .card .card-header a[aria-expanded="true"]:before{
background: #f2f2f2;
color: #042825;
}
.careers .accordion .card{
background-color: transparent;
border: none;
}
.careers .accordion .card-header a{
font-size: 1.333rem;
}
.careers .accordion .card-header a span{
font-size: 13px;
text-transform: lowercase;
margin-top: 3px;
}
.careers .accordion .card-body li a {
padding: 8px 10px;
color: #042825;
font-size: 16px;
line-height: 26px;
border-radius: 4px;
}
.careers .accordion-content a:hover:not(.active) {
background-color: #e1e8f0;
}
.careers .container.single{
max-width: 840px;
}
.careers .job-detail .card-body{
padding: 0;
}
.careers .job-detail p{
color: #042825;
/*margin-top: 60px;*/
}
.careers .job-detail p:first-child{
margin-top: 0;
}
.careers .single .related {
padding: 90px 0 0;
}
.careers .job-list .item {
/*display:none;*/
padding: 10px;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
margin-bottom: 5px;
background-color: #f1f1f1;
}
#loadMore {
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
@media only screen and (max-width: 1170px){
.carrer-sidebar{
display: none;
}
}
@media only screen and (max-width: 649px){
.careers .job-list{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-flow: column;
}
.careers .job-list .item, .careers .job-list .item a{
flex-wrap: wrap;
}
.careers .job-list .item .role {
width: 100%;
margin-bottom: 10px;
}
.careers .job-list .item .department {
width: auto;
text-align: left;
display: inline-block;
}
}
/* Jobs Apply */
.careers .apply .back {
color: #09a223;
margin-bottom: 45px;
}
.careers .apply .back a,
.careers .single .back a {
display: -webkit-box;
display: flex;
flex-wrap: nowrap;
font-size: 16px;
font-weight: 600;
color: inherit;
line-height: 18px;
-webkit-transition: all .15s ease;
transition: all .15s ease;
}
.careers .apply .back i,
.careers .single .back i {
margin-right: 10px;
}
.careers .apply .back i svg path {
fill: #09a223;
}
.careers .apply h2,
.careers .single h2 {
line-height: 40px;
color: inherit;
margin-bottom: 5px;
}
.careers .apply p,
.careers .single p {
font-weight: 300;
font-size: 20px;
color: inherit;
line-height: 32px;
margin-bottom: 30px;
}
.careers .apply .description {
font-weight: 400;
font-size: 16px;
line-height: 26px;
margin-bottom: 0;
}
.careers .form-data {
margin-bottom: 45px;
text-align: left;
}
.careers .form-data .group {
background: #f1f5f8;
border-radius: 4px;
padding: 45px;
}
.careers .form-data .heading {
font-size: 21px;
color: #042825;
line-height: 32px;
margin-bottom: 20px;
}
.careers .form-wrap input[type="email"],
.careers .form-wrap input[type="text"],
.careers .form-wrap input[type="tel"] {
height: 45px;
padding: 0 15px;
font-family: inherit;
font-size: 16px;
font-weight: 400;
line-height: 45px;
background-color: #fff;
border: none;
/*border-left: 3px solid transparent;*/
border-radius: 3px;
box-shadow: 0 1px 1px 0 #d9dfe4;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
}
.careers .form-wrap input[type="email"]:focus,
.careers .form-wrap input[type="text"]:focus,
.careers .form-wrap input[type="tel"]:focus {
border-left: 3px solid #001d4c;
}
.careers .form-wrap input.invalid {
border-left: 3px solid #e55653;
}
.careers .form-wrap .with-errors li {
font-size: 12px;
color: #e55653;
}
.careers .form-wrap .it {
width: 100%;
text-align: left;
margin: 0 0 15px;
}
.careers .form-wrap .it.file {
width: 100%;
margin: 0;
position: relative;
}
.careers .form-wrap .it.file input {
opacity: 0;
position: absolute;
bottom: 0;
left: 50%;
width: 1px;
height: 1px;
}
.careers .form-wrap .it.file label {
border-radius: 6px;
border: 2px solid #001d4c;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 3px 10px;
font-size: 14px;
line-height: 26px;
cursor: pointer;
color: #001d4c;
-webkit-box-pack: center;
justify-content: center;
font-weight: 600;
}
.careers .form-wrap .it.file label i {
display: block;
margin-right: 6px;
}
.fileinput-wrapper {
display: block;
}
.fileinput {
overflow: hidden;
position: relative;
cursor: pointer;
z-index: 1;
}
.fileinput.pristine>span{
display: none;
}
.fileinput input[type=file],
.fileinput input[type=file]:focus,
.fileinput input[type=file]:hover {
position: absolute;
top: 0;
right: 0;
margin: 0;
opacity: 0;
-ms-filter: 'alpha(opacity=0)';
filter: 'alpha(opacity=0)';
font-size: 200px;
direction: ltr;
cursor: pointer;
outline: 0;
}
.careers .it.file .preview {
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: justify;
justify-content: space-between;
flex-wrap: wrap;
margin: 15px 0 0;
padding: 5px 10px;
font-size: 14px;
line-height: 22px;
border: 2px solid #eee;
border-radius: 3px;
}
.fileinput-name {
line-break: anywhere;
font-weight: 600;
font-size: 14px;
width: 100%;
/*max-width: 90%;*/
white-space: nowrap;
overflow: hidden;
position: relative;
text-align: left;
opacity: .7;
}
.fileinput-name .close {
float: none;
margin-left: 8px;
vertical-align: middle;
float: right;
}
/* Checklist Options */
.form-group-header.space-right {
margin-right: 20px;
}
label.space-right {
margin-right: 15px;
}
label.space-left {
margin-left: 4px;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.align-items-center {
align-items: center;
}
textarea.input-tree {
max-width: 100%;
min-width: 100%;
height: 70px;
}
.register-form .form-group-header {
font-size: 1.1em;
font-weight: 500;
color: #042825;
margin-bottom: 15px;
line-height: 1.4em;
}
.styled-checkbox {
position: absolute;
opacity: 0;
}
.styled-checkbox+label {
position: relative;
cursor: pointer;
padding: 0;
}
.styled-checkbox+label:before {
content: '';
margin-right: 10px;
display: inline-block;
vertical-align: text-top;
width: 20px;
height: 20px;
background: #f8f9fb;
border: 1px solid #ddd;
}
.styled-checkbox:hover+label:before {
background: #09a223;
}
/* .styled-checkbox:focus+label:before {
box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
} */
.styled-checkbox:checked+label:before {
background: #09a223;
border: none;
}
.styled-checkbox:disabled+label {
color: #b8b8b8;
cursor: auto;
}
.styled-checkbox:disabled+label:before {
box-shadow: none;
background: #ddd;
}
.styled-checkbox:checked+label:after {
content: '';
position: absolute;
left: 5px;
top: 11px;
background: white;
width: 2px;
height: 2px;
box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -2px 0 white, 4px -4px 0 white, 4px -6px 0 white, 4px -8px 0 white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.datetime-wrap, .border-line{
border: 1px solid #ced4da;
padding: 10px;
}
.datetime-wrap li{
color: #042825;
font-size: 15px;
font-weight: 600;
margin-bottom: 5px;
}
.datetime-wrap li span{
margin-left: 5px;
font-weight: 400;
}
.column{
font-size: 1.25rem;
align-items: center;
padding: 20px 20px 20px 25px;
}
.first-column{
border-right: 1px solid #ccc;
padding: 20px 20px 20px 10px;
}
.column .qr-code{
display: flex;
justify-content: center;
}
.column img{
width: 190px;
/*margin-bottom: 20px;*/
}
.column label{
color: #042825;
display: block;
line-height: 1.2;
font-weight: 600;
border-bottom: 2px solid #d4d5de;
}
.column div, legend{
font-size: 1.125rem;
}
fieldset {
border: 5px solid transparent;
border-top-color: black;
grid-area: 1 / 1; /* first row, first column */
padding: 0;
margin-top: 5px;
width: inherit;
}
.second-column fieldset:last-child {
display: none;
}
legend {
width: auto;
margin: auto; /* to center */
padding: 0 4px;
font-weight: 600;
}
/* Start Gallery */
.gallery .thumb {
margin-bottom: 2rem;
}
.gallery .thumb:nth-last-of-type(1),
.gallery .thumb:nth-last-of-type(2),
.gallery .thumb:nth-last-of-type(3),
.gallery .thumb:nth-last-of-type(4){
margin-bottom: 0;
}
/* CSS Image Hover Effects: https://www.nxworld.net/tips/css-image-hover-effects.html */
.gallery .thumb
figure{
margin-bottom: 0;
}
.gallery .thumb
figure img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.gallery .thumb
figure:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.videos iframe{
height: 250px !important;
}
/*Members data*/
.dataTables_wrapper table.table thead,
.dataTables_wrapper table.table tbody{
font: 90%/1.45em "Helvetica Neue",HelveticaNeue,Helvetica,Arial,sans-serif !important;
}
table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before,
table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{
line-height: 1.1em;
}
#example_filter {
display: none;
}
#example_filter .form-control{
height: 2.5rem;
}
/*.member-data-container .ncf-event-list table thead th:last-child{
width: 30px;
}
.member-data-container .ncf-event-list table thead td
tr.hide-table-padding td{
padding-bottom: 0;
}
tr.hide-table-padding .table-bordered td{
padding-bottom: .75rem;
}
.collapsed + tr.hide-table-padding td {
padding: 0;
}
.expand-button {
position: relative;
}
.accordion-toggle .expand-button:after
{
position: absolute;
left:.75rem;
top: 50%;
transform: translate(0, -50%);
content: '-';
cursor: pointer;
font-size: 20px;
}
.accordion-toggle.collapsed .expand-button:after
{
content: '+';
cursor: pointer;
}
.ncf-event-list table tbody > tr.accordion-toggle.odd {
background-color: transparent;
}
.ncf-event-list table tbody > tr.accordion-toggle.even {
background-color: #eeeeee;
}
.ncf-event-list table tbody > tr.accordion-toggle + tr:nth-child(2n){
background-color: #e2e2e2;
}
td.details-control {
background: url('../images/details_open.png') no-repeat center center;
cursor: pointer;
}
tr.shown td.details-control {
background: url('../images/details_close.png') no-repeat center center;
}*/
.members .download-links,
.download-links {
position: relative;
margin-top: 30px;
width: 75%;
}
.download-links.link-gobal,
.check-download-link.link-gobal .pickup{
width: 35%;
}
.check-download-link.link-gobal{
width: 100%;
}
.members .download-links h5,
.download-links h5 {
position: relative;
padding-bottom: 7px;
}
.members .download-links ul,
.download-links ul {
position: relative;
display: block;
background: #00aa55;
padding: 20px 35px 5px;
}
.members .download-links ul li,
.download-links ul li {
position: relative;
line-height: 24px;
color: #ffffff;
border-bottom: 1px solid rgba(255, 255, 255, 0.30);
padding-bottom: 0;
margin-bottom: 0;
}
.members .download-links ul li:last-child,
.download-links ul li:last-child {
border-bottom: 0;
}
.members .download-links ul li a,
.download-links ul li a {
position: relative;
display: block;
line-height: 24px;
padding: 10px 0px;
padding-left: 30px;
color: #ffffff;
}
.members .download-links ul li .icon,
.download-links ul li .icon {
position: absolute;
left: 0;
top: 9px;
line-height: 24px;
font-size: 20px;
}
.members .download-links ul li .ttl,
.download-links ul li .ttl {
position: relative;
float: left;
}
.members .download-links ul li .info,
.download-links ul li .info {
position: relative;
float: right;
}
.download-links .link-title-btn{
background: #09a223;
color: #fff;
display: inline-block;
padding: 15px 25px;
}
.download-links .link-title-btn:hover{
background: #28a745;
border-color: #28a745;
}
.btn-rounded{
border-radius: 50px !important;
}
/*Support*/
.history-post div{
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 30px;
}
.history-post div:last-child{
border: none;
padding: 0;
margin: 0;
}
/*Pagination*/
.page-item.active .page-link {
background-color: #09a223;
border-color: transparent;
}
.page-item a.page-link:hover,
.page-item a.page-link:focus {
color: #042825 !important;
background-color: #ffffff;
border-color: #dee2e6;
box-shadow: none;
}
/*YouTubePopUp*/
.YouTubePopUp-Wrap{
position:fixed;
width:100%;
height:100%;
background-color:#000;
background-color:rgba(0,0,0,0.8);
top:0;
left:0;
z-index:999;
}
.YouTubePopUp-animation{
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUp;
animation-name: YouTubePopUp;
}
@-webkit-keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes YouTubePopUp {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
body.logged-in .YouTubePopUp-Wrap{
top:32px;
z-index:99998;
}
.YouTubePopUp-Content{
max-width:680px;
display:block;
margin:0 auto;
height:100%;
position:relative;
}
.YouTubePopUp-Content iframe{
max-width:100% !important;
width:100% !important;
display:block !important;
height:480px !important;
border:none !important;
position:absolute;
top: 0;
bottom: 0;
margin: auto 0 !important;
}
.YouTubePopUp-Hide{
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: YouTubePopUpHide;
animation-name: YouTubePopUpHide;
}
@-webkit-keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes YouTubePopUpHide {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.YouTubePopUp-Close{
position:absolute;
top:0;
cursor:pointer;
bottom:528px;
right:0px;
margin:auto 0;
width:24px;
height:24px;
background:url(../images/close.png) no-repeat;
background-size:24px 24px;
-webkit-background-size:24px 24px;
-moz-background-size:24px 24px;
-o-background-size:24px 24px;
}
.YouTubePopUp-Close:hover{
opacity:0.5;
}
@media all and (max-width: 768px) and (min-width: 10px){
.YouTubePopUp-Content{
max-width:90%;
}
}
@media all and (max-width: 600px) and (min-width: 10px){
.YouTubePopUp-Content iframe{
height:320px !important;
}
.YouTubePopUp-Close{
bottom:362px;
}
}
@media all and (max-width: 480px) and (min-width: 10px){
.YouTubePopUp-Content iframe{
height:220px !important;
}
.YouTubePopUp-Close{
bottom:262px;
}
}
/*Exposure Visit*/
p.meta-info span{
color: #042825;
font-weight: 500;
}
@media only screen and (max-width: 767px){
.detail-rightimg{
width: 100% !important;
margin-left: 0 !important;
}
}
.field-inner{
font-weight: bold;
padding-bottom: 4%;
font-size: 1.125rem;
font-size: 18px;
margin-bottom: 3rem;
line-height: 1.95rem;
}
#chartdiv {
width: 100%;
height: 500px;
}
/*=============== PYRAMID ===============*/
.pyramid {
float: left;
shape-outside:polygon(246px 0px, 91px 405px, 403px 405px);
/* padding-right:60px; */
width: 100%;
/* height:500px; */
}
.zone {
padding:20px 0;
margin: 0 auto;
text-align:center;
color: #Ffffff;
background-blend-mode:darken;
transition: 0.5s;
}
.pyramid .zone:nth-child(1){
background:#c23531;
width: 10%;
clip-path:url("#part1");
clip-path:polygon(50% 0%,100% 100%, 0% 100%);
-webkit-clip-path:polygon(50% 0%,100% 100%, 0% 100%);
}
.pyramid .zone:nth-child(2){
background: #2f4554;
width: 20%;
clip-path:url("#part2");
clip-path:polygon(25% 0%,75% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(25% 0%,75% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(3){
width: 30%;
background:#61a0a8;
clip-path:url("#part3");
clip-path:polygon(16.5% 0, 83% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(16.5% 0, 83% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(4){
background:#d48265;
width: 40%;
clip-path:url("#part4");
clip-path:polygon(12.5% 0, 0%,87.5% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(12.5% 0,87.5% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(5){
background:#91c7ae;
width: 50%;
clip-path:url("#part5");
clip-path:polygon(10% 0,90% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(10% 0,90% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(6){
background:#9400D3;
width: 60%;
clip-path:url("#part6");
clip-path:polygon(8.3% 0,91.6% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(8.3% 0,91.6% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(7){
background:#4B0082;
width: 70%;
clip-path:url("#part7");
clip-path:polygon(7% 0,93% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(7% 0,93% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(8){
background:#0000ff;
width: 80%;
clip-path:url("#part8");
clip-path:polygon(6.4% 0,93.8% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(6.4% 0,93.8% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(9){
background:#FF0000;
width: 90%;
clip-path:url("#part9");
clip-path:polygon(5.6% 0,94.5% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(5.6% 0,94.5% 0, 100% 100%,0% 100%);
}
.pyramid .zone:nth-child(10){
background:#FF7F00;
width: 100%;
margin-bottom: 5px;
clip-path:url("#part10");
clip-path:polygon(5% 0,95% 0, 100% 100%,0% 100%);
-webkit-clip-path:polygon(5% 0,95% 0, 100% 100%,0% 100%);
}
@media (max-width: 991px){
.pyramid span{
margin-bottom: 20px;
display: inline-block;
width: 100%;
}
.chart-triangle [class*=col-]:first-child, .chart-triangle [class^=col-]:first-child {
border-right: 0 !important;
border-bottom: 1px solid #dfdfdf;
margin-bottom: 20px;
}
}
/* ------------------------------ Theme Carousel Blog --------------------------*/
.Last-post-Blog.widget{overflow: inherit;}
.Last-post-Blog h2 {
font-weight: 900;
margin-bottom: 70px;
}
.Last-post-Blog .blog-side-post .post-wrapper {
position: relative;
margin-bottom: 23px;
}
.Last-post-Blog .blog-side-post .post-wrapper:last-child .show-post {
border: none;
margin: 0;
padding: 0;
}
.Last-post-Blog .blog-side-post .show-post img {width: 80px; height: 70px;}
.Last-post-Blog .blog-side-post .show-post .post {
width: calc(100% - 80px);
padding-left: 25px;
}
.Last-post-Blog .blog-side-post .show-post .post h5{
line-height: 20px;
margin-bottom: 10px;
}
.Last-post-Blog .blog-side-post .show-post .post h5 a {
display: inline;
font-size: 15px;
color: #373636;
text-transform: uppercase;
font-weight: 700;
}
.Last-post-Blog .blog-side-post .show-post .post h5 a:hover{
color: #09a223;
}
.Last-post-Blog .blog-side-post .show-post .post .news-date {
display: block;
color: #666666;
font-size: 11px;
cursor: text;
}
.Last-post-Blog .blog-side-post .show-post .post .news-date a {
color: #666666;
font-size: 11px;
}
.Last-post-Blog .blog-side-carousel .case_slider [class*=owl-] {
width: 33px;
color: #fff;
border:none;
font-size: 20px;
margin-left: 5px;
padding: 0;
}
.Last-post-Blog .blog-side-carousel .owl-nav [class*=owl-]:hover {
color: #fff;
}
.Last-post-Blog .blog-side-carousel .case_slider {
position: absolute;
top:0;
right: -2px;
transform: translateY(-47px);
}
.Last-post-Blog .blog-side-carousel .case_slider .owl-prev{
background-color: #309A5D;
}
.Last-post-Blog .blog-side-carousel .case_slider .owl-next{
background-color: #001d4c;
}
.Last-post-Blog .owl-theme .owl-dots .owl-dot span,
.Last-post-Blog .owl-theme .owl-nav [class*=owl-],
.Last-post-Blog .owl-theme .owl-nav [class^=owl-],
.Last-post-Blog .owl-theme .owl-dots .owl-dot span,
.Last-post-Blog .owl-theme .owl-dots .owl-dot span:before
{
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
/*news details*/
.meta-date span {
font-size: 14px;
}
.meta-date span i{
font-size: 17px;
}
/*our Supporters*/
.client-wrapper .wrap-img {
padding-bottom: 1rem;
}
.client-wrapper .wrap-img img {
max-width: 100%;
width: 120px;
}
.client-wrapper .client-name {
color: #8d97ad;
font-size: 1.2rem;
font-weight: 400;
line-height: 27px;
}
.NcfNepal-maps g[title]{
background-color: transparent;
}
.NcfNepal-maps g[title]:before{
border-color: red;
}
/*.tooltip-wrapper{
background-color: #fff;
moz-opacity: 0.70;
opacity: 0.70;
filter: alpha(opacity=70);
padding: 10px;
z-index: 1000;
max-width: 200px;
color: #343434;
margin: -5px -8px;
}*/
.tooltip-wrapper h4{
font-size: 20px;
line-height: 30px;
text-transform: capitalize;
}
.tooltip-wrapper ul > li{
font-size: 15px;
text-transform: capitalize;
}
.list-membersdata{
/*border: 1px solid #dee2e6;*/
margin-right: -10px;
}
.list-membersdata li:first-child{
padding-top: 0;
}
.list-membersdata li{
font-size: 15px;
font-weight: 400;
padding: 10px 25px;
border-bottom: 1px solid #f1f1f1;
text-transform: capitalize;
}
.list-membersdata li:last-child{
border-bottom: none;
}
.list-membersdata li em{
font-style: normal;
margin-left: 10px;
}
/*Training Halls*/
.training-halls .room-item-1 {
position: relative;
}
.training-halls .room-item-1 h2 {
text-transform: uppercase;
font-size: 26px;
font-weight: bold;
}
.training-halls .room-item-1 h2 a {
color: #333;
}
.training-halls .room-item-1:hover .hover-zoom {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
transform: scale(1.1);
}
.training-halls .room-item-1 .content {
color: #333;
font-weight: 400;
font-size: 14px;
margin-top: 15px;
}
.training-halls .room-item-1 .content p {
margin-bottom: 0;
font-weight: 400;
line-height: 1.5em;
font-size: 14px;
}
.training-halls .room-item-1 .content ul {
font-size: 0;
padding-left: 0;
margin-bottom: 0;
margin-top: 15px;
}
.training-halls .room-item-1 .content ul li {
position: relative;
padding-left: 20px;
font-size: 14px;
width: calc(50% - 14%);
display: inline-block;
vertical-align: top;
margin: 3px 0;
font-weight: 400;
color: #232323;
}
.training-halls .room-item-1 .content ul li:before {
width: 5px;
height: 5px;
background-color: #232323;
content: '';
position: absolute;
top: 8px;
left: 0;
-webkit-border-radius: 100%;
border-radius: 100%;
}
.training-halls .room-item-1 .bottom {
border-top: 1px solid #e4e4e4;
border-bottom: 1px solid #e4e4e4;
overflow: hidden;
padding: 10px 0;
margin-top: 20px;
}
.training-halls .room-item-1 .bottom .price {
display: inline-block;
color: #898989;
font-size: 14px;
line-height: 1;
}
.training-halls .room-item-1 .bottom .price .amout {
color: #042825;
font-weight: bold;
font-size: 26px;
margin-left: 5px;
}
.training-halls .room-item-1 .bottom .btn {
float: right;
color: #FFF;
font-size: 12px;
width: 127px;
height: 38px;
border-radius: 0px;
font-weight: 600;
}
.default-price{
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
}
@media only screen and (max-width: 767px){
.training-halls .room-item-1 .bottom .price {
margin-bottom: 10px;
}
.training-halls .room-item-1 .bottom .btn{
float: none;
width: 100%;
display: inline-block;
}
.training-halls .room-item-1 .content ul li {
width: 100%;
}
}
@media only screen and (max-width: 640px){
.training-halls [class*="col-"],
.training-halls [class^="col-"]{
margin-bottom: 30px;
}
.training-halls [class*="col-"]:last-child,
.training-halls [class^="col-"]:last-child{
margin-bottom: 0;
}
}
@media only screen and (max-width: 480px){
.training-halls .room-item-1 .content ul li {
font-size: 18px;
}
}
/*=============== ACCORDION ===============*/
.page-section .link-list.profile-box .item:hover{
box-shadow: none;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.accordion__container {
display: grid;
row-gap: .75rem;
padding: 2rem 1rem;
background-color: var(--container-color);
border-radius: .5rem;
box-shadow: 0 12px 32px rgba(51, 51, 51, 0.1);
}
.accordion__title {
font-size: var(--small-font-size);
color: var(--title-color);
font-weight: 400;
margin-top: .15rem;
transition: .2s;
}
.accordion__header {
display: flex;
column-gap: .5rem;
padding: 1.25rem 1.25rem 1.25rem 1rem;
cursor: pointer;
align-items: center;
}
.accordion__description {
padding: 0 1.25rem 1.25rem 3rem;
font-size: var(--smaller-font-size);
}
.accordion__icon {
font-size: 1.5rem;
height: max-content;
color: var(--title-color);
transition: .3s;
}
.accordion__item {
box-shadow: 0 2px 6px rgba(38, 38, 38, 0.1);
background-color: var(--container-color);
border-radius: .25rem;
position: relative;
transition: all .25s ease;
}
.accordion__item::after {
content: '';
/* background-color: var(--first-color); */
width: 5px;
height: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: .25rem 0 0 .25rem;
}
.accordion__item {
background-color: #cff4d6;
}
.accordion__item:after {
background-color: #09a223;
}
.accordion__content {
overflow: hidden;
height: 0;
transition: all .25s ease;
}
/*Rotate icon and add font weight to titles*/
.accordion-open .accordion__icon {
transform: rotate(45deg);
}
.accordion-open .accordion__title {
font-weight: 600;
}
/*=============== MEDIA QUERIES ===============*/
/* For medium devices */
@media screen and (min-width: 576px) {
.accordion__container {
padding: 2.5rem;
justify-self: center;
border-radius: .75rem;
}
.accordion__header {
padding: 1.5rem;
}
.accordion__title {
padding-right: 3.5rem;
}
.accordion__description {
padding: 0 4rem 1.25rem 3.5rem;
}
}
/*=============== NAV PILLS ===============*/
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
color: #fff;
background-color: #00AC1F;
}
.notice .row > [class*="col-lg"] a,
.notice .row > [class^="col-lg"] a{
display: inline-block;
margin-top: 10px;
margin-bottom: 10px;
}