/*first-row*/
@media(min-width:991px){
.home-first-row {
    margin-top: -90px !important;
  }}

/*feature-box*/
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text br {
    display: unset !important;
}}
.owl-carousel .owl-controls .owl-dots .owl-dot.active span, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
    border-color: unset !important;
}
.major-bgcolor, .spectrum-title-border .sppb-addon-title:after, .btn.btn-link:hover:after, .sppb-btn.btn-link:hover:after, .btn.sppb-btn-link:hover:after, .sppb-btn.sppb-btn-link:hover:after, .btn.btn-link:focus:after, .sppb-btn.btn-link:focus:after, .btn.sppb-btn-link:focus:after, .sppb-btn.sppb-btn-link:focus:after, .sp-page-title h2:after, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover, .sppb-progress .sppb-progress-bar-primary, .sppb-addon-ajax-contact form .sppb-btn-wrap button, .tags a:hover, .tags a:focus, .helix-social-share .helix-social-share-icon ul li div a:hover, .helix-social-share .helix-social-share-icon ul li div a:focus, #sp-right .sp-module .tagspopular ul li a:hover, #sp-right .sp-module .tagspopular ul li a:focus, .customNavigation > a:hover, .customNavigation > a:focus, .owl-carousel .owl-controls .owl-dots .owl-dot.active span, .spectrum-contact-info .sppb-icon .sppb-icon-inner, .error-page .btn, .sp-simpleportfolio .sp-simpleportfolio-filter ul li a:after, .search .page-title:after, #sp-bottom .sppb-addon-gallery ul > li a:hover {
    background: unset !important;
    color: unset !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover {
    color: unset !important;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature {
    padding: unset !important;
    border: none;
}
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-text, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title, .sppb-section:not(.spectrum-faq-list) .sppb-addon-feature:hover .sppb-icon span i {
    color: unset !important;
}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-title {
    margin-bottom: unset !important;
}}
@media only screen and (max-width: 480px){
.sppb-addon.sppb-addon-feature .sppb-addon-title.sppb-feature-box-title.sppb-media-heading {
    font-size: inherit !important;
  }}
@media only screen and (max-width: 480px){
.sppb-section:not(.spectrum-faq-list) .sppb-addon-feature .sppb-addon-text {
    font-size: inherit !important
  }}


/*title-style-001*/
.title-style-001 h2 {
    position: relative;
}
.title-style-001 h2:before {
  content: "";
  position: absolute;
  background: #000a3c;
  width: 200px;
  height: 5px;
  transition: 0.3s;
  bottom: -20px;
}
.title-style-001:hover h2:before {
  width: 90px;
}
.title-style-001.sppb-text-left h2:before {
  left: 0;
}
.title-style-001.sppb-text-center h2:before {
  left: 0;
  right: 0;
  margin: auto;
}
.title-style-001.sppb-text-center h2:before {
  right: 0;
}
/*title-style-002*/
.title-style-002 h2 {
    position: relative;
}
.title-style-002 h2:before {
  content: "";
  position: absolute;
  background: #fff;
  width: 200px;
  height: 5px;
  transition: 0.3s;
  bottom: -20px;
}
.title-style-002:hover h2:before {
  width: 90px;
}
.title-style-002.sppb-text-left h2:before {
  left: 0;
}
.title-style-002.sppb-text-center h2:before {
  left: 0;
  right: 0;
  margin: auto;
}
.title-style-002.sppb-text-center h2:before {
  right: 0;
}

/*carousel pro*/
.sppb-carousel-pro-text {
    display: block;
    transform: translateY(10%);
}
.sppb-carousel-inner>.sppb-item {
    padding: 0px 60px;
}
@media(max-width:992px){
.sppb-carousel-pro-text {
    display: contents;
}
.sppb-carousel-inner>.sppb-item {
    padding: 30px;
}}

/*pattern-style-001*/
.pattern-style-001 {
    position: relative;
}
.pattern-style-001:before {
    position: absolute;
    content: '';
    width: 350px;
    height: 350px;
    background: url(/images/01JCI/home/blue.png) no-repeat scroll center center / cover;
    right: 0px;
    top: 0px;
    z-index: 0;
}
@media(max-width:991px){
.pattern-style-001:before {
    width: 150px;
    height: 150px;
}
}

/*pattern-style-002*/
.pattern-style-002 {
    position: relative;
}
.pattern-style-002:before {
    position: absolute;
    content: '';
    width: 350px;
    height: 350px;
    background: url(/images/01JCI/home/orange.png) no-repeat scroll center center / cover;
    left: 0px;
    top: 0px;
    z-index: 0;
}
@media(max-width:991px){
.pattern-style-002:before {
    width: 150px;
    height: 150px;
}
}

/*pattern-style-003*/
.pattern-style-003 {
    position: relative;
}
.pattern-style-003:before {
    position: absolute;
    content: '';
    width: 800px;
    height: 100%;
    background: url(/images/01JCI/home/white.png) no-repeat scroll center center / cover;
    right: 0px;
    top: 0px;
    z-index: 0;
}
@media(min-width:1500px){
  .pattern-style-003:before {
    width: 1200px;
}
}
@media(max-width:991px){
.pattern-style-003:before {
    width: 800px;
    height: 100%;
}
}

/*article*/
.home-events {
    background: #fff;
    padding: 0px 0px 30px 0px;
    margin-bottom: 10px;
}
.home-article .col-md-4 {
    color: #000;
    text-align: center;
}
.home-article p {
    height: 80px;
    font-size: 14px;
    line-height: 1.5;
    text-align: center !important; 
    display: block;
    display: -webkit-box !important; 
    -webkit-line-clamp: 4; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin: 10px 0 30px;
    padding: 0px 15px;
}
.home-article h4.newsflash-title {
    text-align: center;
    color: #000a3c;
    font-weight: 600;
    font-size: 18px;
    height: 20px;
    text-align: center !important; 
    display: block;
    display: -webkit-box !important; 
    -webkit-line-clamp: 1; 
    -webkit-box-orient: vertical; 
    overflow: hidden; 
    text-overflow: ellipsis; 
    margin: 10px 0 10px; 
    padding: 0px 15px;
}

/*tab*/
.sppb-nav-pills > li.active > a, .sppb-nav-pills > li.active > a:hover, .sppb-nav-pills > li.active > a:focus {
    background-color: #379bdd !important;
    color: #fff !IMPORTANT;
    border-radius: 0px !important;
}

.sppb-nav-pills>li>a:focus, .sppb-nav-pills>li>a:hover {
        background-color: #379bdd !important;
    color: #fff !IMPORTANT;
    border-radius: 0px !important;
}
.sppb-nav-pills>li>a {border-radius: 0px !important;
}

/*accordion*/
.sppb-panel-title {
    font-size: 16px !important;
}

/*carousel*/
.career-carousel .sppb-carousel-inner>.sppb-item {
    padding: 0px !important;
}

/*career-icon-001*/
.career-icon-001 img {
    transition: 0.3s;
    width: 120px;
}
.career-icon-001 img:hover {
    transform: translateY(10px);
}

/*home-carousel*/
@media(min-width:992px){
.home-carousel #sppb-carousel {
    min-height: 300px;
}
.home-carousel .sppb-carousel-inner > .sppb-item {
    min-height: 300px;
}}

/*album*/
.com-speasyimagegallery.view-album h1 {
    font-size: 40px;
    margin: 0px !important;
}
.com-speasyimagegallery.view-album .page-header {
    margin-top: 0px;
}

/*gallery*/
@media(max-width:991px){
.speasyimagegallery-album-info {
    padding: 10px;
}
.speasyimagegallery-album-title {
    font-size: 14px;
}}

/*slideshow*/
.slick-dots {
    bottom: 30px;
}
.slick-dots li button:before {
    opacity: 0.4;
    color: #000;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
    color: black;
}
@media(max-width:991px){
.slick-dots {
    bottom: 40px;
}}

/*image-rotae-image*/
.image-rotate-effect {
    transition: 0.3s;
}
.image-rotate-effect:hover {
    transform: rotate(-5deg);
}

@media(max-width:991px){
#landing-highlight {
  background-attachment: scroll !important;
  }}


/*mobile-gap*/
.mobile-gap .sppb-col-md-6.sppb-col-sm-6.sppb-col-xs-6 {
    padding: 0px 5px;
}
.mobile-gap {
    padding: 0px 15px !Important;
}

.mobile-gap .sppb-col-md-6.sppb-col-sm-6.sppb-col-xs-6 {
    padding: 0px 5px;
}
.mobile-gap {
    padding: 0px 15px !Important;
}
.mobile-gap .sppb-col-md-3.sppb-col-sm-3.sppb-col-xs-6 {
    padding: 0px 5px;
}


/*about-why-oskano-icon */
@media (min-width: 992px){
.about-why-oskano-icon .pull-left {
    width: 8%!important;
    margin-top: 0px!important;
    margin-right: 40px!important;
  }

.about-why-oskano-animated .sppb-addon-title{
  margin-bottom: 8px!important;}
}

@media (min-width: 768px) and (max-width: 991px){
.about-why-oskano-icon .pull-left {
    width: 8%!important;
    margin-top: 0px!important;
    margin-right: 30px!important;
  }}

.sppb-addon.sppb-addon-feature.sppb-text-left.feature-box-01.hover-img.about-why-oskano-icon {
    padding: 30px 30px!important;
    border-radius: 0px;
    margin-bottom: 30px;
    background: transparent !important;
    color: #fff !important;
    border-top: none !IMPORTANT;
    border-bottom: 1px solid #dcb14e !important;
}
@media(max-width:991px){
.sppb-addon.sppb-addon-feature.sppb-text-left.feature-box-01.hover-img.about-why-oskano-icon {
    padding: 15px 0px!important;
    border-radius: 0px;
    margin-bottom: 30px;
    background: transparent !important;
    color: #fff !important;
    border-top: none !IMPORTANT;
    border-bottom: 1px solid #dcb14e !important;
}}
.sppb-addon.sppb-addon-feature.sppb-text-left.feature-box-01.hover-img.about-why-oskano-icon.about-why-oskano-icon-first {
    border-top: 0px solid #ccc!important;
}
.sppb-addon.sppb-addon-feature.sppb-text-left.feature-box-01.hover-img.about-why-oskano-icon:hover {
    background: #0129580d!important;
}

.note-nominee {
    border: 1px solid #dcb14e;
    padding: 10px 20px 5px;
}
.sppb-section:not(.spectrum-faq-list) .about-why-oskano-icon.sppb-addon-feature:hover .sppb-addon-title.sppb-feature-box-title {
    color: #dcb14c !important;
}