/** SlideServe Home CSS - vs**/

@charset "UTF-8";
h1,h3{font-family: 'Roboto Slab', serif;}
.list-item span {font-family: 'Roboto Slab', serif;}
.about-sec-border {border-top: 6px solid #0c202e; box-shadow: 2px 5px 5px rgba(199, 199, 199, 0.30);}
/* edge */
@supports (-ms-ime-align:auto) {
.bannerhead  .banner-text-style { border-top: 0px solid #ffbe2f!important; border-radius: 10px;}
.banner-traingle { border-top: 9px solid #ffbe2f!important;}
.banner-search{top:-150px!important;}
}
/* edge/ */
/*explorer */
@media screen and (min-width:0\0) and (min-resolution:+72dpi) {
.bannerhead  .banner-text-style { border-top: 0px solid #ffbe2f!important; border-radius: 10px;}
.banner-traingle { border-top: 9px solid #ffbe2f!important;}
.banner-search{top:-150px!important;}
.explorer-influencers{margin-left: -12%}
}
/*explorer/ */
/*Home Page Only Style*/
.bannerhead {padding-top: calc(6rem + 72px);padding-bottom: 10rem;background-image: url(../img/banner_home.jpg);-webkit-clip-path: polygon(0 0%, 100% 0%, 100% 69%, 0% 100%);clip-path: polygon(0 0%, 100% 0%, 100% 69%, 0% 100%);background-repeat: no-repeat;background-size: cover;z-index: 1;background-position: center;background-color: #09212e;}
.banner-bg { background-color: #ffbe30;}
.bannerhead h1 {font-size: 4rem;line-height: 4rem;font-family: 'Roboto Slab', serif;}
.bannerhead h2 {font-size: 1.3rem;font-family: 'Lato', sans-serif;color: #ffbe30;font-weight: 300;letter-spacing: 0.50px;}
.bannerhead  .banner-text-style {border-top: 10px solid #fff;margin-top: 0px;margin-bottom: 10px;background-color: #ffbe2f;color: #09212e;display: inline-block;-webkit-clip-path: polygon(4% 10%,98% 10%,100% 95%,0 100%);clip-path: polygon(4% 10%,98% 10%,100% 95%,0 100%);padding: 10px;}
.bannerhead  .banner-line { border-top: 10px solid #fff; width:50%; margin-top: 0px; margin-bottom: 10px;}
.banner-traingle {position: relative; z-index: 1; background-color: #09212e; margin-top: -70px; -webkit-clip-path: polygon(52% 1%, -14% 100%, 120% 100%); clip-path: polygon(52% 1%, -14% 100%, 120% 100%); z-index: 1001%}
.banner-search{position: absolute; z-index: 1; right:0px; top:-200px;}
.banner-search input{height: 75px; width: 400px; padding: 0px 20px; border-radius:10px; border:3px solid #224158; box-shadow: 6px 6px 13px 0px rgba(50, 50, 50, 0.30); font-size: 18px;}
.banner-search button{border: 0px; background: none; padding: 15px 20px; position: absolute; top: 8px; right: 8px; font-size: 22px;}
.view-all{position: absolute; top: 7px; right: 15px; font-size: 13px; padding: 7px 20px; border: 1px solid #e1e1e1; border-radius: 10px; color: #09212e;}
.view-all:hover{border: 1px solid #09212e; background: #09212e; color: #ffffff!important;}
.view-all:focus{border: 1px solid #09212e; background: #09212e; color: #ffffff!important;}
/*Home Page Only Style*/
/*** ss-influencers ***/
.ss-influencers {background-color: #ffffff; color: #2d2d2d; border-top: 1px solid #e6e6e6; }
.ss-logo-bg{position: relative; background-color:#114664; color:#ffffff; padding:11px 0px 1px 0px;}
.ss-shadow {box-shadow: 2px 5px 5px rgba(199, 199, 199, 0.30);}
/*** ss-influencers/ ***/

/*** ss-about2/ ***/
.ss-h3-home {text-align: center; font-size: 2.8rem;}
.ss-h3-home .span-class {background: #ffbe2f; -webkit-clip-path: polygon(4% 0%,100% 17%,98% 94%,0 100%); clip-path: polygon(4% 0%,100% 17%,98% 94%,0 100%); padding: 5px 20px; display: inline-block;}
.ss-home-list-style {display: flex; font-size: 18px; margin-left: 0px; padding-left: 0px;}
.ss-home-list-style li {box-shadow: 0 2px 23.5px 3.5px rgba(0,0,0,.08); width: 33.333%; margin:1%; list-style: none; text-align: center; padding: 10px; border-radius: 5px;display: block;}
.ss-home-list-style img {max-width:100px; display: block; margin: 0 auto; padding-bottom: 10px;}
/*** ss-about2/ ***/

/*** ss-h1 animation/ ***/
.ss-is-hidden {
  display: none !important;
}
.ss-swipe-text-heading { }
.ss-swipe-text {
/*  display: -webkit-box;
  display: flex;*/
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  max-width:670px;
}

.ss-swipe-text-heading-rotationTextContainer {position: relative;}
.ss-swipe-text-heading-rotationText {display: inline-block;position: relative;}
.ss-swipe-text-heading-rotationText.ss-is-inactive {position: absolute;right: 0;bottom: 100%;}
.ss-swipe-text-heading-itText {display: inline-block;}
/*** ss-h1 animation/ ***/
.ss-plus-icon {position: absolute; top: 5px; right: 5px; padding: 5px 10px; background:rgb(255 255 255 / 65%); color: #09212e; font-size: 25px; border-radius: 3px;}

@media (min-width: 576px) {
.bannerhead h1 {font-size: 3rem;}
}
@media (min-width: 768px) {
.bannerhead h1 {font-size: 3rem;}
}
@media (min-width: 992px) {
.bannerhead h1 {font-size: 3rem;}
}
@media (min-width: 1200px) {
.bannerhead h1 {font-size: 4rem;}
}
@media (max-width: 576px) {
.bannerhead h1 {font-size: 3rem;}
}
@media (max-width: 768px) {
.ss-dropdown { display: none;}
.ss-influencers {display: none;}
.view-all{position: absolute; top: 35px; right: 15px; font-size: 13px; padding: 3px 12px; background: #fbfbfb; border: 1px solid #e1e1e1; border-radius: 10px;}
}
@media (max-width: 992px) {
.ss-h3-home .span-class {background: none; -webkit-clip-path: none; clip-path: none; padding: 0px 0px;}
}
@media (max-width: 1200px) {
}
@media (min-width: 1980px) {
.bannerhead h1 {font-size: 5rem;}
.bannerhead h2 {font-size: 1.8rem}
}