@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
 body {
   color: #5f5d5d;
   background: #272c38;
   font-family: 'Montserrat', sans-serif;
 }
 .bg-green-color {
   background-color: #94cb00;
 }
 .bg-blue-color {
   background-color: #06a4be;
 }
 .green-color {
   color: #94cb00 !important;
 }
 .blue-color {
   color: #06a4be !important;
 }
 .text-white {
   color: white !important;
 }
 .text-black {
   color: #414141 !important;
 }
 h1, h2, h3, h4, h5, h6 {
   font-family: 'Montserrat', sans-serif;
 }
 .w-80 {
   width: 80%;
 }
 .w-90 {
   width: 90%;
 }
 .f-14 {
   font-size: 14px !important;
 }
 .f-15 {
   font-size: 15px !important;
 }
 .f-16 {
   font-size: 16px !important;
 }
 .f-w-6 {
   font-weight: 600;
 }
 .lh-21 {
   line-height: 21px;
 }
 .mt-mn-100 {
   margin-top: -100px;
 }
 .mt-m-20 {
   margin-top: -20px;
 }
 .mt-mn-10 {
   margin-top: -10px;
 }
 .top-Zero {
   top: 0 !important;
 }
 a {
   text-decoration: none;
 }
 .bg-11 {
   background: #ff9f00 !important;
 }
 .bg-12 {
   background: #10ca93 !important;
 }
 .bg-13 {
   background: #f25767 !important;
 }
 .bg-14 {
   background: #6384ff !important;
 }
 .mt-m-5 {
   margin-top: -5px;
 }
 .mt-m-6 {
   margin-top: -6px;
 }
 .mt-m-7 {
   margin-top: -7px;
 }
 .topZero {
   top: 0 !important;
 }
 .rightZero {
   right: 0 !important
 }
 .mt-100 {
   margin-top: 100px;
 }
 .f-12 {
   font-size: 12px;
 }
 .z-9 {
   z-index: 9
 }
 .ht-100 {
   height: 100%;
 }
 .scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   background-color: #F5F5F5;
 }
 .scrollbar-thumb {
   background-color: #00b0cd;
   background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
 }
 .scrollbar {
   width: 10px;
   background-color: #F5F5F5;
 }
 .modal-content {
   border-radius: 15px;
 }
 .loader1 {
   overflow: hidden !important;
 }
 .loader1 .loader1Img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   margin-top: -10px;
   margin-left: -5px;
 }
 .loading-area {
   width: 100%;
   height: 100%;
   background-color: #f6fcff;
   position: fixed;
   z-index: 99999999;
   letter-spacing: 2.6px;
 }
 .loading-area svg {
   width: 340px;
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -180px;
   margin-top: -180px;
   font-size: 14.2px;
   -webkit-animation: rotate-rev 10s infinite linear;
   animation: rotate-rev 10s infinite linear;
   -ms-animation: rotate-rev 10s infinite linear;
   -o-animation: rotate-rev 10s infinite linear;
   -moz-animation: rotate-rev 10s infinite linear;
 }
 .loader1_ajax {
   overflow: hidden !important;
 }
 .loader1_ajax .loader1Img {
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   margin-top: -10px;
   margin-left: -5px;
 }
 .loader2 {
   width: 150px;
   height: 150px;
   margin-left: 40%;
 }
 .loader2 .loading-area {
   width: 150px;
   height: 150px;
   background-color: transparent;
   position: absolute;
   z-index: 9999;
   letter-spacing: 2.6px;
 }
 .loader2 .loading-area .circle, .loader2 .loading-area .circle-small, .loader2 .loading-area .circle-big, .loader2 .loading-area .circle-inner-inner, .loader2 .loading-area .circle-inner {
   position: absolute;
 }
 .loader2 .loading-area .loader1Img {
   display: none;
 }
 .loader2 .loading-area .circle-inner {
   width: 40px;
   height: 40px;
   margin: 0;
   left: 65px;
   top: 65px;
 }
 .loader2 .loading-area svg {
   width: 170px;
   margin: 0;
   fill: #b3b0b0;
   left: 0;
   top: 0;
 }
 .loader2 .loading-area .circle {
   width: 90px;
   height: 90px;
   left: 26%;
   top: 40px;
   margin: 0;
 }
 .loader2 .loading-area .circle-inner-inner {
   width: 50px;
   height: 50px;
   margin: 0;
   left: 60px;
   top: 60px;
 }
 .loader2 .loading-area .circle-small {
   width: 75px;
   height: 75px;
   left: 47px;
   top: 47px;
   margin: 0;
 }
 .loader2 .loading-area .circle-big {
   width: 105px;
   height: 105px;
   left: 32px;
   top: 33px;
   margin: 0;
 }
 .circle {
   width: 180px;
   height: 180px;
   border: 6px outset rgb(252, 81, 36);
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -100px;
   margin-top: -100px;
   border-radius: 200px;
   -webkit-animation: rotate 5s infinite linear;
   animation: rotate 5s infinite linear;
   -moz- animation: rotate 5s infinite linear;
   -ms- animation: rotate 5s infinite linear;
   -o- animation: rotate 5s infinite linear;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 .circle-small {
   width: 150px;
   height: 150px;
   border: 6px outset rgb(252, 81, 36);
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -85px;
   margin-top: -85px;
   border-radius: 156px;
   -webkit-animation: rotate-rev 3s infinite linear;
   animation: rotate-rev 3s infinite linear;
   -moz-animation: rotate-rev 3s infinite linear;
   -ms-animation: rotate-rev 3s infinite linear;
   -o-animation: rotate-rev 3s infinite linear;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 .circle-big {
   width: 210px;
   height: 210px;
   border: 4px dotted #fc5124;
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -114px;
   margin-top: -114px;
   border-radius: 214px;
   -webkit-animation: rotate-rev 10s infinite linear;
   animation: rotate-rev 10s infinite linear;
   -moz-animation: rotate-rev 10s infinite linear;
   -ms-animation: rotate-rev 10s infinite linear;
   -o-animation: rotate-rev 10s infinite linear;
 }
 .circle-inner {
   width: 80px;
   height: 80px;
   background-color: rgb(252, 154, 58);
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -48px;
   margin-top: -50px;
   border-radius: 80px;
   -webkit-animation: pulse 1.5s infinite ease-in;
   animation: pulse 1.5s infinite ease-in;
   -moz-animation: pulse 1.5s infinite ease-in;
   -ms-animation: pulse 1.5s infinite ease-in;
   -o-animation: pulse 1.5s infinite ease-in;
   opacity: 1;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 .circle-inner-inner {
   width: 100px;
   height: 100px;
   background-color: rgb(252, 81, 36);
   display: block;
   position: fixed;
   top: 50%;
   left: 50%;
   margin-left: -58px;
   margin-top: -60px;
   border-radius: 100px;
   -webkit-animation: pulse 1.5s infinite ease-in;
   animation: pulse 1.5s infinite ease-in;
   -moz-animation: pulse 1.5s infinite ease-in;
   -ms-animation: pulse 1.5s infinite ease-in;
   -o-animation: pulse 1.5s infinite ease-in;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
 }
 @-webkit-keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
   }
 }
 @keyframes rotate {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 @-webkit-keyframes rotate-rev {
   0% {
     -webkit-transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-360deg);
   }
 }
 @keyframes rotate-rev {
   0% {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   100% {
     -webkit-transform: rotate(-360deg);
     transform: rotate(-360deg);
   }
 }
 @-webkit-keyframes pulse {
   0% {
     -webkit-transform: scale(0.1);
     opacity: 0.2;
   }
   50% {
     -webkit-transform: scale(1);
     opacity: 0.8;
   }
   100% {
     -webkit-transform: scale(0.1);
     opacity: 0.2;
   }
 }
 @keyframes pulse {
   0% {
     -webkit-transform: scale(0.1);
     transform: scale(0.1);
     opacity: 0.2;
   }
   50% {
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0.8;
   }
   100% {
     -webkit-transform: scale(0.1);
     transform: scale(0.1);
     opacity: 0.2;
   }
 }
 .scroll-top-arrow {
   font-size: 30px;
   line-height: 40px;
   color: #fff !important;
   display: none;
   height: 40px;
   width: 40px;
   padding: 0;
   position: fixed;
   bottom: 50px;
   right: 50px;
   text-align: center;
   text-decoration: none;
   z-index: 99;
   background-color: #00b0cd;
 }
 .scroll-top-arrow:hover {
   background-color: #94cb00;
 }
 header {
   width: 100%;
   z-index: 9;
   top: 0px;
   left: 0;
   background: #272c38;
   padding: 15px 30px;
 }
 header .headerTopSection {
   width: 100%;
 }
 header .headerTopSection .row {
   margin: 0;
 }
 header .headerTopSection .logoBox {}
 header .headerTopSection .logoBox img {
   width: 250px;
   padding: 0px 0px;
 }
 header .headerTopSection .logoBox img:hover {
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -o-filter: brightness(0) invert(1);
   -ms-filter: brightness(0) invert(1);
 }
 header .menu-btn {
   display: -ms-inline-grid;
   display: inline-grid;
   width: 40px;
   height: 38px;
   cursor: pointer;
   border-radius: 50%;
   padding: 8px 9px;
   padding-top: 12px;
 }
 header .menu-btn span {
   background-color: #fff;
   margin-bottom: 2px;
   height: 2px;
   width: 100%;
   border-radius: 50px;
 }
 header .menu-btn span:last-child {
   width: 80%;
 }
 header .menu-btn:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 header .menu-btn:hover span {
   background-color: #fff;
 }
 header .menu-btn span:last-child {
   margin-bottom: 0;
 }
 header .green-btn {
   padding: 7px 18px;
   font-size: 14px;
 }
 header .green-btn:hover, .sliderRightSection .detail-sec .green-btn:hover {
   background: #fff;
   border: 1px solid #fff;
   color: #333;
 }
 header .green-btn.loginBtn {
   background: transparent;
   border: 1px solid #545862;
 }
 header .green-btn.loginBtn:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
   border: 1px solid #fc5124;
 }
 .header-2 header .menu-btn {
   background-color: #3e3e58;
 }
 .header-2 header .menu-btn span {
   background-color: #fff;
 }
 .background-carousal {
   position: relative;
   overflow: hidden;
   width: 100%;
 }
 .background-carousal .img-area {
   padding: 0 15px;
   position: relative;
 }
 .fullscreen.empty-div {
   pointer-events: none;
   background: transparent;
   position: relative;
 }
 .fullscreen {
   min-height: 100vh;
   width: 100%;
 }
 .fullscreen1.empty-div {
   pointer-events: none;
   background: transparent;
   position: relative;
 }
 .fullscreen1 {
   min-height: 50vh;
   width: 100%;
 }
 .carousel-fade .carousel-item {
   height: 500px;
   border-radius: 0px 0px 0 0;
   overflow: hidden;
 }
 .carousel-fade .carousel-item .content-carousal {
   height: 400px
 }
 .carousel-item:nth-child(1) {
   background: url('../images/bg-img1.jpg');
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .carousel-item:nth-child(2) {
   background: url('../images/bg-img-2.jpg');
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .carousel-item:nth-child(3) {
   background: url('../images/bg-img-3.jpg');
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .carousel-item:nth-child(4) {
   background: url('../images/bg-img-4.jpg');
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
 }
 .carousel-fade .carousel-inner .item {
   opacity: 0;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;
 }
 .carousel-fade .carousel-inner .active {
   opacity: 1;
 }
 .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
   left: 0;
   opacity: 0;
   z-index: 1;
 }
 .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
   opacity: 1;
 }
 .carousel-fade .carousel-control {
   z-index: 2;
 }
 @media all and (transform-3d), (-webkit-transform-3d) {
   .carousel-fade .carousel-inner > .item.next, .carousel-fade .carousel-inner > .item.active.right {
     opacity: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   .carousel-fade .carousel-inner > .item.prev, .carousel-fade .carousel-inner > .item.active.left {
     opacity: 0;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
   .carousel-fade .carousel-inner > .item.next.left, .carousel-fade .carousel-inner > .item.prev.right, .carousel-fade .carousel-inner > .item.active {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
   }
 }
 #background-carousal .carousal-overlay {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1;
   background: rgb(39, 44, 56);
   background: linear-gradient(180deg, rgba(39, 44, 56, 1) 1%, rgba(255, 255, 255, 0) 26%, rgba(39, 44, 56, 0.6755077030812324) 72%, rgba(39, 44, 56, 1) 90%);
 }
 .carousal-overlay .main-content {
   z-index: 11;
 }
 .carousal-overlay .main-content.secondSlideArea {}
 .carousal-overlay .main-content.secondSlideArea .slider-social a {
   background: #cff1e3;
 }
 .carousal-overlay .main-content.secondSlideArea .slider-social i {
   font-size: 38px;
   color: #12b975 !important;
 }
 .carousal-overlay .main-content.secondSlideArea img {
   position: absolute;
   top: 80px;
   left: -50px;
   width: 180px;
   height: 180px;
   border: 15px solid #fff;
 }
 .carousal-overlay .main-content.secondSlideArea .youtubewrap {
   right: -58px;
   bottom: -24px;
   animation-name: roundaction-4;
   animation-duration: 9s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 .carousal-overlay .main-content.secondSlideArea .youtubewrap .icon-box-large-two {
   width: 150px;
   height: 150px;
 }
 .carousal-overlay .main-content.secondSlideArea .youtubewrap .icon-box-large-two a {
   border-radius: 50%;
   width: 120px;
   height: 120px;
 }
 .carousal-overlay .main-content.secondSlideArea .youtubewrap .icon-box-large-two a i {
   line-height: 120px;
   font-size: 58px;
 }
 @keyframes roundaction-4 {
   0% {
     right: -58px;
     bottom: -24px;
   }
   50% {
     right: -68px;
     bottom: -34px;
   }
   100% {
     right: -58px;
     bottom: -24px;
   }
 }
 .carousal-overlay .main-content.secondSlideArea .instagramwrap {
   left: -4px;
   top: -59px;
   animation-name: roundaction-5;
   animation-duration: 6s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction-5 {
   0% {
     left: -4px;
     top: -59px;
   }
   50% {
     left: -14px;
     top: -69px;
   }
   100% {
     left: -4px;
     top: -59px;
   }
 }
 .carousal-overlay .main-content.secondSlideArea img.smallImgBox {
   border-radius: 50%;
   position: absolute;
   width: 110px;
   height: 110px;
   border: 10px solid #fff;
   left: auto;
   right: 13px;
   top: -7px;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .bannerSmImg {
   width: 80%;
   height: 300px;
 }
 .carousal-overlay .main-content.thirdSlideArea img {
   width: 100%;
   height: 300px;
   border-radius: 10px;
   border: 2px solid #fff;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .icon-box-large {
   width: 90px;
   height: 90px;
   border-radius: 50%;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .slider-social.youtubewrap a {
   background: #12b975;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .slider-social.youtubewrap {
   right: -28px;
   bottom: -24px;
   animation-name: roundaction-7;
   animation-duration: 9s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction-7 {
   0% {
     right: -28px;
     bottom: -24px;
   }
   50% {
     right: -38px;
     bottom: -34px;
   }
   100% {
     right: -28px;
     bottom: -24px;
   }
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea {
   text-align: center;
   border-radius: 5px;
   position: absolute;
   left: -30px;
   bottom: -40px;
   background: #7a38ab;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea a {
   color: #fff;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea i {
   font-size: 35px;
   padding: 25px 25px;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea span {
   display: block;
   font-size: 13px;
   background: #fff;
   color: #333;
   padding: 2px 5px;
   border-radius: 0 0 5px 5px;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea.filesBox {
   position: absolute;
   left: auto;
   bottom: auto;
   right: -30px;
   top: -40px;
   background: #1da1f2;
 }
 .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .slider-social.youtubewrap a:hover, .carousal-overlay .main-content.thirdSlideArea .sliderLeftPanel .followersBoxArea:hover, .carousal-overlay .main-content.secondSlideArea .slider-social a:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .carousal-overlay .main-content.secondSlideArea .slider-social a:hover i {
   color: #fff !important;
 }
 .navbar {
   display: none;
 }
 .navbar .navbar-brand img {
   height: 40px;
 }
 .navbar .nav-item a.nav-link {
   font-size: 14px;
   font-weight: 400;
   color: #fff;
   text-decoration: none;
   transition: .5s ease;
   text-transform: uppercase;
   text-align: center;
   padding-left: 15px;
   padding-right: 15px;
   background: #000000;
   border-radius: 5px;
   margin: 0 5px;
   padding: .2rem 1rem;
 }
 .navbar-light .navbar-nav .nav-link.active {
   color: #000000;
   background: #ffba00;
 }
 .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
   color: #000000;
   background: #ffba00;
 }
 .logo img {
   height: 100%;
   width: 100%;
 }
 .my-tog-btn {
   display: none;
   width: 25px;
 }
 .my-tog-btn span {
   background-color: white;
   margin-bottom: 5px;
   height: 2px;
   width: 100%;
   display: block;
 }
 .navbar-btn {
   background-color: transparent;
   border-color: transparent;
   cursor: pointer;
   padding: 0px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .navbar-btn i {
   font-size: 18px;
   width: 25px;
   height: 25px;
   line-height: 26px;
 }
 .navbar a.navbar-btn:hover {
   background-color: transparent;
   border-color: transparent;
   color: #06a4be !important;
 }
 .navbar a.navbar-btn {
   font-size: 15px;
   color: #666 !important;
   text-decoration: none;
   margin-top: -3px;
   margin-left: 10px;
   border: 0;
 }
 .navbar .btnLogin {
   color: #666;
   font-weight: 500;
   padding: 0 10px;
   margin-top: -3px;
 }
 .navbar .btnLogin i {
   border: 1px solid #666;
   width: 25px;
   height: 25px;
   color: #666;
   border-radius: 50%;
   text-align: center;
   font-size: 14px;
   line-height: 22px;
 }
 .navbar .btnLogin:hover {
   color: #06a4be;
 }
 .navbar .btnLogin:hover i {
   color: #06a4be;
   border: 1px solid #06a4be;
 }
 nav ul li a, nav ul li a:after, nav ul li a:before {
   -webkit-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
 }
 nav ul li a:hover {
   color: #555;
 }
 nav.stroke ul li a, nav.fill ul li a {
   position: relative;
 }
 nav.stroke ul li a:after, nav.fill ul li a:after {
   position: absolute;
   bottom: -7px;
   left: 0;
   right: 0;
   margin: auto;
   width: 0;
   content: '.';
   color: transparent;
   background: #94cb00;
   height: 3px;
 }
 nav.stroke ul li a:hover:after, nav.stroke ul li a.active:after {
   width: 100%;
 }
 nav.fill ul li a {
   -webkit-transition: all 2s;
   -o-transition: all 2s;
   transition: all 2s;
 }
 nav.fill ul li a:after {
   text-align: left;
   content: '.';
   margin: 0;
   opacity: 0;
 }
 nav.fill ul li a:hover, nav.fill ul li a.active {
   color: #fff;
   z-index: 1;
 }
 nav.fill ul li a:hover:after, nav.fill ul li a.active:after {
   z-index: -10;
   animation: fill 1s forwards;
   -webkit-animation: fill 1s forwards;
   -moz-animation: fill 1s forwards;
   opacity: 1;
 }
 .navbar.fixed-menu .navbar-btn {
   color: #777777 !important;
 }
 .navbar.fixed-menu .navbar-btn:hover, .navbar.fixed-menu .navbar-btn:focus {
   border: 0;
   background-color: transparent;
   color: #fc9a3a !important;
 }
 .navbar.fixed-menu .btnLogin {
   color: #fff;
 }
 .navbar.fixed-menu .btnLogin i {
   border: 1px solid #fff;
   color: #fff;
 }
 .navbar.fixed-menu {
   z-index: 11;
   display: block;
   position: fixed;
   padding: 7px 0;
   top: 0;
   left: 0;
   right: 0;
   background-color: #fff !important;
   box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.15);
   -webkit-animation-name: animationFade;
   animation-name: animationFade;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .navbar.fixed-menu .nav-item a.nav-link {
   color: #777777;
   background: transparent;
   font-size: 12px;
   padding: .5rem 1rem;
   border-radius: 0;
   margin: 0;
   font-family: 'Montserrat', sans-serif;
   margin-right: 5px;
 }
 .navbar.fixed-menu .nav-item a.nav-link:hover, .navbar.fixed-menu .navbar-nav a.nav-link.active {
   color: #fff;
   background: #fc9a3a;
 }
 .navbar.fixed-menu ul li a:after, nav.fill ul li a:after {
   background: #fff;
 }
 .navbar.fixed-menu .navbar-nav .menu-line {
   visibility: hide;
   display: none;
 }
 .navbar.fixed-menu a.navbar-btn {
   margin-left: 0;
 }
 .navbar.fixed-menu .navbar-brand img:hover {
   filter: none !important;
   -moz-filter: none;
   -ms-filter: none;
   -o-filter: none;
   -webkit-filter: none;
 }
 .topMenuSection {
   display: block;
   z-index: 11;
   position: fixed;
   padding: 20px 1rem;
   text-align: center;
   top: 0;
   left: 0;
   right: 0;
   background-color: #12b975 !important;
   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .50);
   box-shadow: 0 0 10px rgba(0, 0, 0, .50);
   -webkit-animation-name: animationFade;
   animation-name: animationFade;
   -webkit-animation-duration: 1s;
   animation-duration: 1s;
   -webkit-animation-fill-mode: both;
   animation-fill-mode: both;
 }
 .topMenuSection ul {
   margin: 0;
   padding: 0;
 }
 .topMenuSection ul li {
   text-align: center;
   display: inline-block;
 }
 .topMenuSection ul li a {
   color: #fff;
   padding: 0px 10px;
 }
 .topMenuSection ul li a:hover {
   color: #fbff10;
 }
 .topMenuSection ul li i {
   font-size: 20px;
   vertical-align: middle;
   margin-right: 3px;
 }
 .rounded {
   border-radius: 15px !important;
 }
 .headerStNew {
   width: 100%;
   z-index: 99;
 }
 .detailBodyPanel .headerStNew {
   top: 80px;
 }
 .headerStNew .main-profile-menu .dropdown-menu {
   top: 45px !important;
   left: -170px !important;
 }
 .headerStNew .navbar .navbar-nav .menu-line {
   visibility: visible;
   -webkit-transform: translate3d(13%, 0, 0);
   transform: translate3d(13%, 0, 0);
 }
 .headerStNew .navbar {
   display: block;
   background: transparent !important;
   padding: 0;
 }
 .headerStNew .navbar .navbar-brand img {
   max-width: 100%;
   height: 60px
 }
 .headerStNew .navbar .navbar-nav .nav-link.active {
   color: #fff;
   background: transparent;
 }
 .headerStNew .navbar .nav-item a.nav-link {
   color: #fff;
   background: transparent;
   font-size: 14px;
   padding: .5rem 1rem;
   border-radius: 0;
   margin: 0;
 }
 .headerStNew .navbar ul li a:after, nav.fill ul li a:after {
   background: #fff;
 }
 .headerStNew .navbar .nav-item a.nav-link {
   color: #fff;
 }
 .headerStNew .menu-line {
   color: #fff;
 }
 .headerStNew .navbar .sidemenu_btn {
   margin: 0;
   position: static;
   margin-top: 3px;
   background: #fff;
   width: 36px;
   height: 34px;
   color: #333;
   padding-top: 10px;
   display: inline-block;
   border-radius: 50%;
   z-index: 9;
 }
 .headerStNew .navbar .sidemenu_btn span {
   background: #333;
   width: 80%;
 }
 .headerStNew .navbar .navbar-btn, .headerTopSection .navbar-btn {
   color: #403e56 !important;
   margin-left: 0;
   width: 36px;
   height: 36px;
   background: #fff;
   line-height: 39px;
 }
 .headerStNew .navbar .navbar-btn:hover, .headerTopSection .navbar-btn:hover {
   color: #fff !important;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   line-height: 39px;
   border: 1px solid #fc9a3a;
 }
 .headerStNew .navbar .navbar-brand img:hover {
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -o-filter: brightness(0) invert(1);
   -ms-filter: brightness(0) invert(1);
 }
 .headerStNew .navbar.fixed-menu {
   display: none;
 }
 .headerStNew nav .green-btn {
   padding: 5px 18px 5px 18px;
   margin-top: 3px;
 }
 @-webkit-keyframes animationFade {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
   }
   to {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
   }
 }
 @keyframes animationFade {
   from {
     opacity: 0;
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0);
   }
   to {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
   }
 }
 .sidemenu_btn {
   display: none;
 }
 .navbar.fixed-menu .sidemenu_btn {
   display: block;
   top: 8px;
   left: -50px;
 }
 .navbar.fixed-menu .sidemenu_btn span {
   background: #333;
 }
 .main-content .main-heading {
   font-size: 36px;
   font-weight: bold;
   line-height: 40px;
   color: white;
   margin-bottom: 0 !important;
 }
 .margin-sub-heading {
   color: white;
   margin-bottom: 20px;
   margin-top: 10px;
   font-weight: 200;
 }
 .main-content .sub_heading {
   font-size: 15px;
   line-height: 2;
   text-align: left;
 }
 .col-height {
   height: 100vh;
 }
 .blue-btn {
   background-color: #00b0cd;
   border: 1px solid #00b0cd;
   cursor: pointer;
   padding: 9px 35px 9px 35px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .green-btn {
   background-color: #94cb00;
   border: 1px solid #94cb00;
   cursor: pointer;
   padding: 9px 35px 9px 35px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .blue-btn:hover {
   background-color: #94cb00;
   border: 1px solid #94cb00;
 }
 .green-btn {
   background-color: #94cb00;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   cursor: pointer;
   padding: 9px 18px 9px 18px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .green-btn:hover, .btn-primary:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
 }
 a.btn {}
 .custom-box {
   padding: 60px 25px;
   position: relative;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .custom-box .box-text {
   font-size: 25px;
   font-weight: 600;
   line-height: 1.280;
   text-align: left;
   letter-spacing: 0;
   position: relative;
   color: #ffffff;
 }
 .arrow-box {
   position: absolute;
   background-color: #6b9300;
   font-size: 30px;
   padding: 10px 11px;
   right: 0;
   bottom: 0;
   visibility: visible;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
   -webkit-animation: 0.5s fadeInUp;
   animation: 0.5s fadeInUp;
 }
 .arrow-box.arrow-box-hidden {
   visibility: hidden;
   -webkit-transition: ease;
   -o-transition: ease;
   transition: ease;
   -webkit-animation: 0.5s fadeInDown;
   animation: 0.5s fadeInDown;
 }
 .arrow-box .las {
   color: #ffffff !important;
   visibility: visible;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .arrow-box .las.las-hidden {
   visibility: hidden;
   -webkit-transition: ease;
   -o-transition: ease;
   transition: ease;
 }
 .arrow-box1 {
   position: absolute;
   background-color: #067284;
   font-size: 30px;
   padding: 10px 11px;
   right: 0;
   bottom: 0;
   visibility: hidden;
   -webkit-transition: ease;
   -o-transition: ease;
   transition: ease;
   -webkit-animation: 1s fadeInUp;
   animation: 1s fadeInUp;
 }
 .arrow-box1.arrow-box1-display {
   visibility: visible;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
   -webkit-animation: 0.5s fadeInDown;
   animation: 0.5s fadeInDown;
 }
 .arrow-box1 .las {
   color: #ffffff !important;
   visibility: hidden;
   -webkit-transition: ease;
   -o-transition: ease;
   transition: ease;
 }
 .arrow-box1 .las.las-visible {
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
   visibility: visible;
 }
 .custom-box:hover .arrow-box1 i {
   -webkit-animation: 1.5s rubberBand;
   animation: 1.5s rubberBand;
 }
 .bg-campus-icon {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .bg-campus-icon i {
   position: absolute;
   color: #068ba1;
   top: 15px;
   font-size: 200px;
   font-weight: 800;
   line-height: 1;
   text-transform: capitalize;
   opacity: 0;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
   -webkit-animation: scale .6s alternate infinite linear both;
   animation: scale .6s alternate infinite linear both;
 }
 @-webkit-keyframes scale {
   from {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   to {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px)
   }
 }
 @keyframes scale {
   from {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   to {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px)
   }
 }
 .custom-box.bg-blue-color:hover {
   background: #00b0cd;
 }
 .custom-box.bg-blue-color:hover .bg-campus-icon i {
   opacity: 0.8;
 }
 .custom-box:hover .arrow-box i {
   -webkit-animation: 1s rubberBand;
   animation: 1s rubberBand;
 }
 .bg-study-icon {
   width: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .bg-study-icon i {
   position: absolute;
   color: #6b9300;
   top: 15px;
   font-size: 200px;
   font-weight: 800;
   line-height: 1;
   text-transform: capitalize;
   opacity: 0;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
   -webkit-animation: scale .6s alternate infinite linear both;
   animation: scale .6s alternate infinite linear both;
 }
 @keyframes scale {
   from {
     -webkit-transform: translateY(0);
     transform: translateY(0);
   }
   to {
     -webkit-transform: translateY(-10px);
     transform: translateY(-10px)
   }
 }
 .custom-box.bg-green-color:hover {
   background: #94cb00;
 }
 .custom-box.bg-green-color:hover .bg-study-icon i {
   opacity: 0.8;
 }
 .social_icon {
   position: absolute;
   right: 30px;
   top: 15px;
   z-index: 9;
 }
 .social_icon ul.social-icon {
   margin-bottom: 0;
 }
 ul.social-icon li a:hover i {
   color: #fff;
   -webkit-transform: rotateY(360deg);
   transform: rotateY(360deg);
 }
 ul.social-icon li a:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   height: 100%;
   background: #f00;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   z-index: 2;
 }
 ul.social-icon li a:hover:before {
   top: 0;
 }
 ul.social-icon li a:hover {
   border: 2px solid white;
   border-radius: 50px;
   padding-top: 5px;
 }
 ul.social-icon li.fb a:before {
   background: #3b5999;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.social-icon li.twit a:before {
   background: #55acee;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.social-icon li.linkedin a:before {
   background: #0077b5;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.social-icon li.insta a:before {
   background: #dd4b39;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.social-icon li a {
   width: 35px;
   height: 35px;
   background-color: #fff;
   text-align: center;
   padding: 8px 0 0 0;
   margin: 0px;
   display: block;
   border-radius: 50%;
   position: relative;
   overflow: hidden;
   line-height: 24px;
   border: none;
   z-index: 1;
 }
 ul.social-icon li a i {
   position: relative;
   color: #272725;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   z-index: 3;
   font-size: 17px;
 }
 ul.social-icon li {
   list-style: none;
   margin-bottom: 0px;
   display: inline-block;
   margin-left: 3px;
 }
 ul.social-icon li a {
   color: black;
 }
 .registerBtnPanel {
   position: absolute;
   z-index: 9;
   width: 100%;
   top: 15px;
   left: 30px;
 }
 .registerBtnPanel i {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: linear-gradient(60deg, #fc5124, #fc9a3a);
   margin-right: 10px;
   color: #fff;
   font-size: 30px;
   float: left;
   line-height: 51px;
   text-align: center;
 }
 .registerBtnPanel .green-btn {
   margin-top: 3px !important;
   font-size: 14px;
 }
 .registerBtnPanel .green-btn:hover {
   background: #fff;
   color: #333;
   border: 1px solid #fff;
 }
 .registerBtnPanel .green-btn:hover + i {
   background: #fff;
   color: #333;
 }
 .bannerSearchBox {
   position: absolute;
   z-index: 9;
   width: 250px;
   top: 15px;
   left: 30px;
 }
 .bannerSearchBox .search_input {
   background: #fff;
   border: 0;
   outline: 0;
   width: 100%;
   line-height: 30px;
   transition: width 0.4s linear;
   border-radius: 50px;
   padding: 5px 10px;
   font-size: 14px;
   padding-right: 30px;
 }
 .bannerSearchBox .search_icon {
   position: absolute;
   right: 4px;
   top: 4px;
   font-size: 18px;
   height: 30px;
   background: #fff;
   text-align: center;
   width: 30px;
   border-radius: 50%;
   color: #acaeb2;
   text-decoration: none;
   cursor: pointer;
   line-height: 30px;
   z-index: 9;
 }
 .bannerSearchBox .search_icon i {
   color: #acaeb2;
 }
 .image-div {
   width: 100%;
   height: 216px;
   overflow: hidden;
 }
 .mini-slider .carousel .animation1 {
   -webkit-animation: 0.6s fadeInUp;
   animation: 0.6s fadeInUp;
 }
 .mini-slider .carousel .animation2 {
   -webkit-animation: 0.6s fadeInDown;
   animation: 0.6s fadeInDown;
 }
 .outer-window {
   background-color: rgba(0, 0, 0, 0.70);
   display: none;
   color: white;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 1111111;
 }
 .inner-window {
   display: block;
   left: 0;
   -webkit-animation: 0.5s fadeInRightFirst;
   animation: 0.5s fadeInRightFirst;
 }
 .navbar1 {
   display: none;
 }
 .navbar1.nav-visible {
   display: block;
 }
 @-webkit-keyframes fadeInRightFirst {
   from {
     left: 100%;
   }
   to {
     left: 0;
   }
 }
 @keyframes fadeInRightFirst {
   from {
     left: 100%;
   }
   to {
     left: 0;
   }
 }
 .navbar-content {
   background-color: #12b975;
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   z-index: 111111111;
 }
 .middle-window {
   display: block;
   left: 25%;
   -webkit-animation: 0.5s fadeInRightcustom;
   animation: 0.5s fadeInRightcustom;
 }
 @-webkit-keyframes fadeInRightcustom {
   from {
     left: 100%;
   }
   to {
     left: 25%;
   }
 }
 @keyframes fadeInRightcustom {
   from {
     left: 100%;
   }
   to {
     left: 25%;
   }
 }
 .outer-window .navbar {
   position: relative;
   background-color: transparent !important;
 }
 .outer-window .nav-link {
   text-decoration: none;
   color: #ffffff;
   font-size: 20px;
   cursor: pointer;
 }
 .outer-window .nav-item a {
   padding: 7px 15px;
 }
 .outer-window .navbar-nav {
   margin-top: 16%;
 }
 .outer-window .close-outerwindow {
   position: fixed;
   right: 6%;
   top: 6%;
   z-index: 1111;
 }
 .logo-small-nav {
   margin-top: 18%;
   margin-left: 15px;
 }
 .outer-window .close-outerwindow i {
   font-size: 30px;
   color: #ffffff;
 }
 #features {
   padding-top: 125px;
   padding-bottom: 125px;
 }
 .main-heading {
   font-size: 45px;
   font-weight: normal;
 }
 .sub-heading {
   font-size: 17px;
 }
 .feature-icon {
   font-size: 55px;
   margin-bottom: 13px;
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
 }
 .feature-card .card {
   border: none;
 }
 .feature-card .card-title {
   font-size: 20px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .feature-card .card-body {
   padding: 2rem;
 }
 .box {
   display: inline-block;
   float: left;
   width: 100%;
   position: relative;
   height: 100%;
   border: 1px solid #000;
   z-index: 0;
   -webkit-transition: all .3s ease;
   -o-transition: all .3s ease;
   transition: all .3s ease;
   opacity: 1;
   margin-right: -1px;
 }
 .box:hover {
   z-index: 10;
 }
 .box:before, .box:after {
   content: "";
   display: block;
   position: absolute;
   background: white;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   opacity: 1;
 }
 .box:before {
   width: calc(100% + 1px);
   height: 100%;
   z-index: 1;
   -webkit-transition: height 1s ease, opacity .8s ease;
   -o-transition: height 1s ease, opacity .8s ease;
   transition: height 1s ease, opacity .8s ease;
 }
 .box:after {
   height: calc(100% + 1px);
   width: 100%;
   z-index: 1;
   -webkit-transition: width 1s ease, opacity .8s ease;
   -o-transition: width 1s ease, opacity .8s ease;
   transition: width 1s ease, opacity .8s ease;
 }
 .box:hover:before, .box:focus:before {
   -webkit-transition: height .2s ease, opacity .3s ease;
   -o-transition: height .2s ease, opacity .3s ease;
   transition: height .2s ease, opacity .3s ease;
   height: 85%;
   opacity: .7;
   border: 1px solid #94cb00;
 }
 .box:hover:after, .box:focus:after {
   -webkit-transition: width .2s ease, opacity .3s ease;
   -o-transition: width .2s ease, opacity .3s ease;
   transition: width .2s ease, opacity .3s ease;
   width: 85%;
   opacity: .8;
   border: 1px solid #00b0cd;
 }
 .box:hover .box__image .card-title {
   color: #0C9A9A;
 }
 .box:hover .feature-icon {
   color: #94cb00;
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   transform: translateY(-15px);
 }
 .box__image {
   fill: #000;
   width: 100%;
   will-change: width;
   position: absolute;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%) scale(1);
   -ms-transform: translate(-50%, -50%) scale(1);
   transform: translate(-50%, -50%) scale(1);
   -webkit-transition: all .5s ease;
   -o-transition: all .5s ease;
   transition: all .5s ease;
   z-index: 2;
 }
 .col-height-features {
   height: 270px;
 }
 #get-admission {
   margin-bottom: 125px;
 }
 .bg-admission-img {
   background-image: url('../img/admission-img.png');
   position: relative;
   min-height: 300px;
 }
 #get-admission .overlay-admission {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background-color: rgba(0, 0, 0, 0.70);
 }
 #get-admission .admission-text {
   margin-top: 150px;
   margin-bottom: 150px;
 }
 .overlay-portfolio {
   position: absolute;
   min-height: 350px;
   z-index: 999999;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: #00b0cdd1;
 }
 .col-height-portfolio {
   height: 100%;
 }
 #teachers {
   background: #f6f6f6;
   padding-top: 125px;
   padding-bottom: 125px;
 }
 .quotes {
   position: absolute;
   font-size: 12rem;
   z-index: 2;
   display: inline-block;
   right: 11%;
   bottom: 37%;
   -webkit-transform: rotate(33deg);
   -ms-transform: rotate(33deg);
   transform: rotate(33deg);
   color: #f6f6f6;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .testimonial-owl {
   cursor: pointer;
 }
 .testimonial-owl:hover .quotes {
   color: #94cb00 !important;
   opacity: 0.4;
 }
 .team-box, .team-box .team-content, #ourteachers-slider .center .team-box .team-content {
   -webkit-transition: all .3s ease-in .1s;
   -o-transition: all .3s ease-in .1s;
   transition: all .3s ease-in .1s;
 }
 .team-box {
   position: relative;
   padding: 20px 20px 100px 20px;
   overflow: hidden;
 }
 .team-box .team-content {
   background: #00b0cd;
   padding: 30px 1.25rem;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(53%);
   -ms-transform: translateY(53%);
   transform: translateY(53%);
   text-align: center;
 }
 #ourteachers-slider .center .team-box .team-content {
   background: #94cb00;
   padding: 30px 1.25rem;
   position: absolute;
   overflow: hidden;
   bottom: 0;
   left: 20px;
   right: 20px;
   -webkit-transform: translateY(53%);
   -ms-transform: translateY(53%);
   transform: translateY(53%);
   text-align: center;
 }
 .team-box.single .team-content {
   -webkit-transform: translateY(38%);
   -ms-transform: translateY(38%);
   transform: translateY(38%);
 }
 #ourteachers-slider .center .team-box.single .team-content {
   -webkit-transform: translateY(38%);
   -ms-transform: translateY(38%);
   transform: translateY(38%);
 }
 .team-box .team-content h3 {
   font-weight: normal;
   font-size: 1.75rem;
   margin-bottom: 0;
   line-height: 1.3;
 }
 .team-box .team-content p {
   font-size: 12px;
 }
 .team-box:hover .team-content, .team-box.single:hover .team-content, #ourteachers-slider .center .team-box:hover .team-content {
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
 }
 #ourteachers-slider .owl-dots {
   margin-top: 70px !important;
   text-align: center;
 }
 #ourteachers-slider .owl-dots .owl-dot.active span, .owl-testimonial .owl-dots .owl-dot:hover span {
   background: #00b0cd;
 }
 #ourteachers-slider .owl-dots .owl-dot span {
   background: white;
   border: 2px solid #00b0cd;
   border-radius: 50px;
   font-size: 0;
   padding: 5px;
   margin: 3px;
   text-align: center;
 }
 .progress-bars .progress {
   position: relative;
   overflow: visible;
   height: 8px;
   border-radius: 3px;
   opacity: 1;
   background-color: #e2f0f3a1;
 }
 .progress-bars .progress + .progress {
   margin-top: 40px;
 }
 .progress-bars .progress p {
   margin-bottom: 10px;
   position: relative;
   left: 0;
   display: inline-block;
   width: 100%;
   height: 27px;
   background: #06a4be;
 }
 .progress-bars .progress p span {
   display: block;
   position: absolute;
   right: 0;
   width: 40px;
   padding: 0;
   top: 0;
   text-align: right;
   font-size: 13px;
 }
 .progress-bars .progress p, .progress-bars .progress .progress-bar span {
   top: -28px;
 }
 .progress-bars .progress .progress-bar {
   width: 60%;
   float: none;
   position: absolute;
   height: 100%;
   border-radius: 3px;
   -webkit-transition: width 1s ease-in-out .3s;
   -o-transition: width 1s ease-in-out .3s;
   transition: width 1s ease-in-out .3s;
   -moz-transition: width 1s ease-in-out .3s;
   -ms-transition: width 1s ease-in-out .3s;
   background-color: #ffffff;
   border: 1px solid #484d58;
 }
 .progress-bars .progress .progress-bar span {
   display: block;
   position: absolute;
   right: 0;
   width: 40px;
   padding: 0;
 }
 #testimonial {
   margin-bottom: 125px;
 }
 .bg-testimonial-img {
   background-image: url('../img/testimonial2.png');
   position: relative;
   min-height: 450px;
 }
 .overlay-testimonial {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background-color: #000000b8;
 }
 .testimonial-container {
   padding-top: 4%;
   padding-bottom: 4%;
 }
 .testimonial-owl {
   background-color: #ffffff;
   margin-bottom: 5%;
   margin-top: 5%;
 }
 .testimonial-owl .item .student-img {
   border: 3px solid #94cb00;
   width: 125px;
   height: auto;
   margin-right: auto;
   margin-left: auto;
   border-radius: 100px;
   padding: 6px;
   -webkit-box-shadow: 1px 1px 14px #94cb00;
   box-shadow: 1px 1px 14px #94cb00;
 }
 .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
   font-size: 53px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover {
   font-size: 53px;
   color: #00b0cd;
 }
 .owl-carousel .owl-prev span {
   position: absolute;
   left: 8%;
   top: 48%;
 }
 .owl-carousel .owl-next span {
   position: absolute;
   right: 8%;
   top: 48%;
 }
 .testimonial-owl .item .student-img img {
   border-radius: 100px;
 }
 .testimonial-owl .item .description .width-text {
   margin-left: 20%;
   margin-right: 20%;
 }
 .tab-content > .tab-pane {
   padding-bottom: 0 !important;
   color: #fff;
 }
 #blog {
   padding-bottom: 125px;
 }
 .blog-text {
   margin-top: 35px;
 }
 .blog-text .info-blog {
   letter-spacing: 0;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .blog-text .blog-description {
   line-height: 1.5;
   letter-spacing: 0;
 }
 .blog-item {
   cursor: pointer;
   padding: 40px 30px;
   margin: 5px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .blog-item:hover {
   -webkit-box-shadow: 1px 1px 14px #e1e1e1;
   box-shadow: 1px 1px 14px #e1e1e1;
   -webkit-transform: translateY(-16px);
   -ms-transform: translateY(-16px);
   transform: translateY(-16px);
 }
 .blog-item:hover .hover-heading {
   color: #94cb00;
 }
 .blog-item:hover .sub-heading {
   color: #00b0cd;
 }
 .hover-heading, .sub-heading {
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 #blog-carousal .center .navbar-btn {
   background-color: #94cb00;
   border-color: #94cb00;
   cursor: pointer;
   padding: 9px 25px 9px 25px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 #blog-carousal .center .navbar-btn:hover {
   background-color: #00b0cd;
   border-color: #00b0cd;
 }
 #blog-carousal .owl-dots {
   margin-top: 50px !important;
   text-align: center;
 }
 #blog-carousal .owl-dots .owl-dot.active span, .owl-testimonial .owl-dots .owl-dot:hover span {
   background: #00b0cd;
 }
 #blog-carousal .owl-dots .owl-dot span {
   background: white;
   border: 2px solid #00b0cd;
   border-radius: 50px;
   font-size: 0;
   padding: 5px;
   margin: 3px;
   text-align: center;
 }
 .owl-carousel .owl-dots.disabled {
   display: block;
 }
 #footer {
   background-color: white;
 }
 ul.footer_ul {
   list-style: none;
   display: inline-block;
 }
 li.footer_list {
   display: inline-block;
   margin-right: 15px;
   font-size: 19px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .footer-content {
   padding-top: 8%;
   margin-bottom: 8%;
   border-top: 1px solid #e1e1e1;
 }
 .footer-icon {
   margin-bottom: 10px;
 }
 .footer_text {
   text-align: center;
 }
 ul.footer-icon li a:hover i {
   color: #fff;
   -webkit-transform: rotateY(360deg);
   transform: rotateY(360deg);
 }
 ul.footer-icon li a:before {
   content: "";
   position: absolute;
   top: 100%;
   left: 0;
   width: 100%;
   height: 100%;
   background: #f00;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   z-index: 2;
 }
 ul.footer-icon li a:hover:before {
   top: 0;
 }
 ul.footer-icon li a:hover {
   border: 2px solid white;
   border-radius: 50px;
 }
 ul.footer-icon li:nth-child(1) a:before {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.footer-icon li:nth-child(2) a:before {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.footer-icon li:nth-child(3) a:before {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.footer-icon li:nth-child(4) a:before {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 ul.footer-icon li a {
   width: 50px;
   height: 50px;
   background-color: transparent;
   text-align: center;
   padding: 10px 0 0 0;
   margin: 5px;
   display: block;
   border-radius: 50%;
   position: relative;
   overflow: hidden;
   border: none;
   z-index: 1;
 }
 ul.footer-icon li a i {
   position: relative;
   -webkit-transition: .5s;
   -o-transition: .5s;
   transition: .5s;
   z-index: 3;
 }
 ul.footer-icon li {
   list-style: none;
 }
 .bg-contact-img {
   background-image: url('../img/contact-us/contact-header.png');
   position: relative;
 }
 .overlay-contact {
   display: block;
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   top: 0;
   background-color: rgba(0, 0, 0, 0.80);
 }
 .row-height {
   height: 50vh;
 }
 #contactus-header .main-heading {
   font-size: 46px;
   font-weight: 500;
 }
 #contact-content {
   padding-top: 125px;
   padding-bottom: 125px;
 }
 .contact-card.card {
   border: none;
   cursor: pointer;
   -webkit-transition: 1s ease;
   -o-transition: 1s ease;
   transition: 1s ease;
 }
 .contact-card.card:hover.contact-card .location-icon {
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   transform: translateY(-15px);
 }
 .contact-card .location-icon {
   font-size: 60px;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .contact-card .card-text {
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .contact-card .card-title {
   margin-top: 20px;
   margin-bottom: 6px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .form-outer {
   -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, .50);
   box-shadow: 0 0 7px rgba(0, 0, 0, .50);
   background: white;
   padding: 3% 4%;
   position: absolute;
   bottom: 6.5%;
   right: 9%;
   z-index: 10;
 }
 .alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb;
   text-align: center;
   margin-bottom: 10px;
 }
 .contact-btn {
   background-color: #00b0cd;
   border: 1px solid #00b0cd;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .contact-btn:hover {
   background-color: #94cb00;
   border: 1px solid #94cb00;
 }
 .form-control {}
 #contact-description {
   padding-top: 125px;
 }
 #map {
   overflow: hidden !important;
 }
 .mapouter {
   position: relative;
   text-align: right;
   width: 100%;
 }
 .gmap_canvas {
   overflow: hidden;
   background: none !important;
   height: 100%;
   width: 100%;
 }
 header .navbar-dark-vision {
   top: 0;
   overflow: hidden;
   height: 90px;
   width: 100%;
   -webkit-transition: all .1s ease;
   -o-transition: all .1s ease;
   transition: all .1s ease;
   position: relative;
   background-color: #00b0cd !important;
 }
 header .navbar-dark-vision .navbar-btn {
   border: 2px solid white;
 }
 header .navbar-dark-vision .navbar-btn:hover {
   border: 2px solid #94cb00;
 }
 .innerBanner {
   position: fixed;
   overflow: hidden;
   width: 100%;
   height: 400px;
   top: 0;
   left: 0;
   background-size: cover !important;
   background-position: center;
 }
 #about-header .main-heading {
   font-size: 46px;
   font-weight: 500;
 }
 .width-heading {
   width: 393px;
   margin-right: auto;
 }
 .about-heading {
   font-size: 22px;
 }
 .about-content span {
   font-size: 40px;
 }
 .text-width {
   width: 499px;
   margin-left: auto;
   margin-right: auto
 }
 .bg-counter-img {
   background-image: url('../img/testimonial2.png');
   position: relative;
 }
 .counter-heading {
   margin-left: auto;
   text-align: center;
   margin-right: auto;
 }
 .wrapper {
   margin-top: 80px;
   margin-bottom: 80px;
   cursor: pointer;
 }
 .counter {
   padding: 0;
   border-radius: 5px;
   text-align: center;
 }
 .counter_plus {
   font-size: 25px;
   font-weight: bold;
 }
 .count-title {
   font-size: 30px;
   color: #94cb00;
   font-weight: bold;
   line-height: 1.333;
   margin-top: 10px;
   margin-bottom: 0;
   text-align: center;
 }
 .wrapper:hover .counter_icon {
   -webkit-transform: translateY(-15px);
   -ms-transform: translateY(-15px);
   transform: translateY(-15px);
 }
 .count-text {
   margin: 0;
   text-align: center;
 }
 .counter_icon {
   margin: 0 auto;
   float: none;
   display: table;
   font-size: 60px;
   padding-bottom: 5px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .bg-courses-img {
   background-image: url('../img/courses/courses-header.png');
   position: relative;
 }
 #content-courses {
   padding-top: 125px;
   padding-bottom: 125px;
 }
 .courses .main-heading {
   font-size: 23px;
   letter-spacing: -1px;
   font-weight: 400;
   margin-top: 15px;
 }
 .courses .course-text {
   border-top: 1px solid #e1e1e1;
 }
 .courses .sub-heading {
   font-size: 13px;
   margin-bottom: 15px;
 }
 .courses .navbar-btn {
   background-color: #94cb00;
   border-color: #94cb00;
   cursor: pointer;
   padding: 6px 20px 6px 20px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .courses .navbar-btn:hover {
   background-color: #00b0cd;
   border-color: #00b0cd;
 }
 .course-link {
   text-decoration: none;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .course-link:hover {
   color: #94cb00;
   margin-left: 12px;
 }
 .snip1295 {
   position: relative;
   overflow: hidden;
   padding: 8px;
   width: 100%;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   -webkit-transform: translateZ(0);
   transform: translateZ(0);
   -webkit-transition: .8s ease;
   -o-transition: .8s ease;
   transition: .8s ease;
 }
 .snip1295 img {
   max-width: 100%;
   vertical-align: top;
   -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
   box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
   -webkit-transition: .8s ease;
   -o-transition: .8s ease;
   transition: .8s ease;
 }
 .border {
   border: 0 solid #dee2e6 !important;
 }
 .snip1295 .border {
   position: absolute;
   opacity: 0.6;
 }
 .snip1295 .border:before, .snip1295 .border:after {
   background-color: #00b0cd;
   position: absolute;
   content: "";
   display: block;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .snip1295 .border div:before, .snip1295 .border div:after {
   background-color: #94cb00;
   position: absolute;
   content: "";
   display: block;
   -webkit-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .snip1295 .border:before, .snip1295 .border:after {
   width: 0;
   height: 1px;
 }
 .snip1295 .border div:before, .snip1295 .border div:after {
   width: 1px;
   height: 0;
 }
 .snip1295 .border.one {
   left: 0;
   top: 0;
   right: 12px;
   bottom: 12px;
 }
 .snip1295 .border.one:before, .snip1295 .border.one div:before {
   left: 0;
   top: 0;
 }
 .snip1295 .border.one:after, .snip1295 .border.one div:after {
   bottom: 0;
   right: 0;
 }
 .snip1295 .border.two {
   left: 12px;
   top: 12px;
   right: 0;
   bottom: 0;
 }
 .snip1295 .border.two:before, .snip1295 .border.two div:before {
   right: 0;
   top: 0;
 }
 .snip1295 .border.two:after, .snip1295 .border.two div:after {
   bottom: 0;
   left: 0;
 }
 .snip1295 a {
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
   position: absolute;
   z-index: 1;
 }
 .snip1295:hover .border:before, .snip1295.hover .border:before, .snip1295:hover .border:after, .snip1295.hover .border:after {
   width: 100%;
 }
 .snip1295:hover .border div:before, .snip1295.hover .border div:before, .snip1295:hover .border div:after, .snip1295.hover .border div:after {
   height: 100%;
 }
 .snip1295:hover img {
   -webkit-transform: scale(.9);
   -ms-transform: scale(.9);
   transform: scale(.9);
 }
 #detail-content {
   padding-top: 125px;
 }
 .bg-course-detail-img {
   background-image: url('../img/courses/course-detail-header.png');
   position: relative;
 }
 .left-menu .main-heading {
   font-size: 25px;
   margin-top: 30px;
   letter-spacing: -1px;
 }
 .main-heading-detail {
   font-size: 38px;
   letter-spacing: -2px;
   font-weight: normal;
 }
 ul.stars {
   list-style: none;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   font-size: 18px;
   color: yellow;
 }
 span.text-star {
   font-size: 15px;
   margin-left: 30px;
 }
 .border-bottom {
   border-bottom: 1px solid #e1e1e1;
 }
 .left-menu .sub-heading {
   font-size: 18px;
   margin-top: 25px;
 }
 .instructor {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 span.sub-heading.text-white {
   margin-left: 20px;
   margin-top: 10px;
 }
 .img-instrc {
   border-radius: 50%;
   width: 55px;
   height: auto;
 }
 .enroll-btn {
   background-color: #94cb00;
   border: 2px solid #94cb00;
   cursor: pointer;
   padding: 9px 35px 9px 35px;
   text-align: center;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .enroll-btn:hover {
   background-color: #00b0cd;
   border: 2px solid #ffffff;
 }
 .accordion {
   background-color: #fefffa;
   margin-top: 15px;
   margin-bottom: 30px;
   line-height: 1.6;
 }
 .accordion__item {
   border-bottom: 1px solid #dce7eb;
 }
 .accordion__item:last-child {
   border-bottom: none;
 }
 .accordion__title {
   font-size: 1.25rem;
   font-weight: 500;
   line-height: 1.2;
   padding: 15px 15px 15px 40px;
   display: block;
   position: relative;
 }
 .accordion__title:before {
   content: '+';
   font-size: 25px;
   position: absolute;
   left: 15px;
   top: 12px;
   color: #94cb00;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .accordion__title h5 {
   display: inline-block;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .accordion__title:hover, .accordion__title:focus {
   cursor: pointer;
   outline: none;
 }
 .accordion__title:hover h5 {
   display: inline-block;
   color: #00b0cd;
 }
 .is-expanded .accordion__title:before {
   content: "+";
   -webkit-transform: rotate(-225deg);
   -ms-transform: rotate(-225deg);
   transform: rotate(-225deg);
   -webkit-transition: 0.3s ease;
   -o-transition: 0.3s ease;
   transition: 0.3s ease;
 }
 .accordion__content-inner {
   padding: 0 40px 10px 40px;
 }
 .accordion__content {
   -webkit-transition: height 0.3s ease-out;
   -o-transition: height 0.3s ease-out;
   transition: height 0.3s ease-out;
   height: 0;
   overflow: hidden;
 }
 .bg-blog-img {
   background-image: url('../img/blog/blog-header.png');
   position: relative;
 }
 .grey_bg {
   background-color: #f6f6f6;
 }
 .pt-lg-10 {
   padding-top: 7rem;
 }
 .btn.focus, .btn:focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem transparent;
   box-shadow: 0 0 0 0.2rem transparent;
 }
 .search_outerbox {
   background-color: #f6f6f6;
   width: auto;
   height: auto;
 }
 .input-group {
   padding-top: 30px;
   padding-bottom: 30px;
   padding-left: 35px;
   padding-right: 38px;
 }
 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #94cb00;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem transparent;
   box-shadow: 0 0 0 0.2rem transparent;
 }
 .form-control {}
 .btn-search {
   background-color: #94cb00;
   border-radius: 0;
   color: #fff;
   border-width: 1px;
   border-style: solid;
   border-color: #94cb00;
   -webkit-animation: 0.5s ease;
   animation: 0.5s ease;
 }
 .btn-search:link, .btn-search:visited, .btn-search:focus {
   color: #fff;
 }
 .btn-search:active, .btn-search:hover {
   background-color: #00b0cd;
   color: white;
   border-color: #00b0cd;
 }
 .topic_outerbox {
   height: auto;
   width: auto;
   background-color: #f6f6f6;
   padding-bottom: 12px;
 }
 .topic_outerbox h2 {
   font-size: 26px;
   padding-left: 42px;
   padding-top: 30px;
   padding-bottom: 10px;
 }
 .topic_outerbox ul {
   list-style: none;
   padding: 0;
 }
 .topic_outerbox li {
   text-decoration: none;
   padding-top: 7px;
   padding-bottom: 7px;
   font-weight: 500;
   overflow: hidden !important;
 }
 .topic_outerbox li a {
   text-decoration: none;
   color: #5f5d5d;
   padding-right: 5px;
 }
 .topic_outerbox li a:hover {
   color: #00b0cd;
 }
 .dots {
   letter-spacing: 6.5px;
   font-size: 16px;
   font-weight: normal;
 }
 .inner-box {
   margin-left: 13%;
   margin-right: 13%;
   text-align: center
 }
 .inner-box1 {
   margin-left: 12%;
   margin-right: 13%;
   text-align: center;
 }
 .image {
   height: 100%;
   width: 100%;
 }
 .outer_popular {
   height: auto;
   width: auto;
   background-color: #f6f6f6;
   padding-bottom: 35px;
 }
 .outer_popular h2 {
   font-size: 26px;
   padding-left: 42px;
   padding-top: 30px;
   padding-bottom: 10px;
 }
 .pt-lg-4 {
   padding-top: 2rem;
 }
 .popular_image {
   height: 100%;
   width: 35%;
 }
 .outer {
   margin-right: 13%;
   margin-left: 13%;
 }
 .text_post {
   padding-left: 20px;
   margin-top: 5px;
   margin-bottom: auto;
 }
 .main {
   font-size: 17px;
   font-weight: 500;
   margin-bottom: 10px;
   cursor: pointer;
   -webkit-transition: .2s ease;
   -o-transition: .2s ease;
   transition: .2s ease;
   line-height: 18px;
   letter-spacing: 0;
 }
 .date {
   color: gray;
   font-size: 14px;
   margin-bottom: 4px;
 }
 .text_post span {
   font-weight: 500;
   font-size: 14px;
   cursor: pointer;
   -webkit-transition: .2s ease;
   -o-transition: .2s ease;
   transition: .2s ease;
   letter-spacing: 0;
 }
 .main:hover {
   color: #00b0cd;
 }
 .text_post span:hover {
   color: #00b0cd;
 }
 .outer_tag {
   height: auto;
   width: auto;
   background-color: #f6f6f6;
   padding-bottom: 30px;
 }
 .main_tag {
   font-size: 26px;
   padding-left: 42px;
   padding-top: 30px;
   padding-bottom: 10px;
 }
 span {
   display: unset;
 }
 .inner_tag {
   margin-left: 13%;
   margin-right: 13%;
 }
 .tag_text a:hover {
   color: white;
   background-color: #00b0cd;
   border: solid 1px transparent;
 }
 .tag_text a {
   text-decoration: none;
   color: #333333;
   font-size: 14px;
   border: solid 1px #ced4da;
   padding: 5px 12px 5px 12px;
   margin-top: 9px;
   display: inline-block;
 }
 .sale_img {
   width: 100%;
   height: 100%;
 }
 .img-area img {
   height: 100%;
   width: 100%;
 }
 .text_minimal {
   padding-top: 20px;
   margin-left: 2px;
   letter-spacing: 0;
 }
 .text_minimal a {
   text-decoration: none;
 }
 .text_minimal h2 {
   font-size: 25px;
   color: #5f5d5d;
   font-weight: 500;
   letter-spacing: 0;
   -webkit-transition: 0.2s ease;
   -o-transition: 0.2s ease;
   transition: 0.2s ease;
   cursor: pointer;
 }
 .text_minimal h2:hover {
   color: #00b0cd;
 }
 .text_minimal .date {
   color: #94cb00;
   font-size: 15px;
   font-weight: 400;
   margin-top: 0;
 }
 .verticle_line {
   height: 25px;
   width: 2px;
   background-color: grey;
 }
 .margin_1 {
   margin-left: 20px;
 }
 .text_minimal span {
   cursor: pointer;
   margin-left: 20px;
   font-weight: 400;
   -webkit-transition: 0.2s ease;
   -o-transition: 0.2s ease;
   transition: 0.2s ease;
 }
 .text_minimal span:hover {
   color: #00bcd4;
 }
 .text_dummy {
   margin-top: 15px;
   letter-spacing: 0.2px;
 }
 .display {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }
 .divider {
   border: 0.1px solid #dbdbdb;
   margin-top: 3.5rem;
 }
 .divider1 {
   border: 0.5px solid #dbdbdb;
   margin-top: 3rem;
 }
 .mt-sm-10 {
   margin-top: 30px;
 }
 .mejs__container {
   margin-top: -40px;
 }
 .mt-10 {
   margin-top: 3.5rem;
 }
 .box4 {
   position: relative;
   height: 100%;
   width: 100%;
 }
 .box4:before {
   width: 0;
   height: 200%;
   background-image: -webkit-linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
   background: -o-linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
   background: linear-gradient(45deg, rgba(0, 176, 205, 0.86) 30%, rgba(148, 203, 0, 0.86) 100%);
   position: absolute;
   top: 0;
   left: -250px;
   bottom: 0;
   -webkit-transform: skewX(-36deg);
   -ms-transform: skewX(-36deg);
   transform: skewX(-36deg);
   -webkit-transition: all .5s ease 0s;
   -o-transition: all .5s ease 0s;
   transition: all .5s ease 0s;
   opacity: .7;
   z-index: 1;
 }
 .box4:hover:before {
   width: 220%
 }
 .box4 .box-content {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   z-index: 1;
   margin-top: 100px;
   text-align: center
 }
 .box4 .icon, .box5 .icon {
   list-style: none;
   padding: 0
 }
 .box4:hover .box-content {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
 }
 .box4 .title {
   font-size: 22px;
   font-weight: 700;
   color: #fff;
   margin: 0 0 10px;
   z-index: 1
 }
 .box4 .post {
   display: block;
   font-size: 20px;
   font-weight: 600;
   color: #fff;
   margin-bottom: 5px;
 }
 .box4 .icon {
   margin: 0
 }
 .box4 .icon li {
   display: inline-block
 }
 .box4 .icon li {
   display: inline-block;
   width: 35px;
   height: 35px;
   line-height: 35px;
   font-size: 28px;
   color: #FFFFFF;
   margin-right: 10px;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s;
   text-decoration: none;
 }
 .box5 .icon, .box5 .icon li {
   display: inline-block
 }
 .box1 img, .box1:after, .box1:before {
   width: 100%;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
 }
 .box1 .icon, .box2, .box3, .box4, .box5 .icon li a {
   text-align: center
 }
 .box10:after, .box10:before, .box1:after, .box1:before, .box2 .inner-content:after, .box3:after, .box3:before, .box4:before, .box5:after, .box5:before, .box6:after, .box7:after, .box7:before {
   content: ""
 }
 .box1, .box11, .box12, .box13, .box14, .box16, .box17, .box18, .box2, .box20, .box21, .box3, .box4, .box5, .box5 .icon li a, .box6, .box7, .box8 {
   overflow: hidden
 }
 .box1 .title, .box10 .title, .box4 .title, .box7 .title {
   letter-spacing: 1px
 }
 .box3 .post, .box4 .post, .box5 .post, .box7 .post {
   font-style: italic
 }
 .mt-30 {
   margin-top: 30px
 }
 .mt-40 {
   margin-top: 40px
 }
 .mb-30 {
   margin-bottom: 30px
 }
 .box1 .icon, .box1 .title {
   margin: 0;
   position: absolute
 }
 .box1 {
   -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   box-shadow: 0 0 3px rgba(0, 0, 0, .3);
   position: relative
 }
 .box1:after, .box1:before {
   height: 50%;
   background: rgba(0, 0, 0, .5);
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
   -webkit-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0;
   -webkit-transform: rotateZ(90deg);
   -ms-transform: rotate(90deg);
   transform: rotateZ(90deg)
 }
 .box1:after {
   top: auto;
   bottom: 0;
   -webkit-transform-origin: 0 100%;
   -ms-transform-origin: 0 100%;
   transform-origin: 0 100%
 }
 .box1:hover:after, .box1:hover:before {
   -webkit-transform: rotateZ(0);
   -ms-transform: rotate(0);
   transform: rotateZ(0)
 }
 .box1 img {
   height: auto;
   -webkit-transform: scale(1) rotate(0);
   -ms-transform: scale(1) rotate(0);
   transform: scale(1) rotate(0)
 }
 .box1:hover img {
   -webkit-filter: sepia(80%);
   filter: sepia(80%);
   -webkit-transform: scale(1.3) rotate(10deg);
   -ms-transform: scale(1.3) rotate(10deg);
   transform: scale(1.3) rotate(10deg)
 }
 .box1 .title {
   font-size: 19px;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
   text-shadow: 0 0 1px #004cbf;
   bottom: 10px;
   left: 10px;
   opacity: 0;
   z-index: 2;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   transform: scale(0);
   -webkit-transition: all .5s ease .2s;
   -o-transition: all .5s ease .2s;
   transition: all .5s ease .2s
 }
 .box1:hover .title {
   opacity: 1;
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1)
 }
 .box1 .icon {
   padding: 7px 5px;
   list-style: none;
   background: #004cbf;
   border-radius: 0 0 0 10px;
   top: -100%;
   right: 0;
   z-index: 2;
   -webkit-transition: all .3s ease .2s;
   -o-transition: all .3s ease .2s;
   transition: all .3s ease .2s
 }
 .box1:hover .icon {
   top: 0
 }
 .box1 .icon li {
   display: block;
   margin: 10px 0
 }
 .box1 .icon li a {
   display: block;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 10px;
   font-size: 18px;
   color: #fff;
   -webkit-transition: all .3s ease 0s;
   -o-transition: all .3s ease 0s;
   transition: all .3s ease 0s
 }
 .box2 .icon li a, .box3 .icon a:hover, .box4 .icon li a:hover, .box5 .icon li a, .box6 .icon li a {
   border-radius: 50%
 }
 .page-link {
   position: relative;
   display: block;
   margin-left: -1px;
   line-height: 1.25;
   color: #333333;
   background-color: #fff;
   border: 1px solid transparent;
   font-size: 16px;
   -webkit-transition: 0.8s ease;
   -o-transition: 0.8s ease;
   transition: 0.8s ease;
 }
 .page-item .page-link {
   z-index: 1;
   color: #fff;
   background-color: #94cb00;
   border-color: #94cb00;
   opacity: .9;
   text-decoration: none;
   border-radius: 100%;
 }
 .page-item .page-link:focus {
   color: white !important;
   -webkit-box-shadow: none;
   box-shadow: none;
 }
 .page-item .page-link:hover {
   color: #94cb00;
   background-color: #ffffff;
   border-color: #94cb00;
   opacity: .8;
 }
 .page-item:first-child .page-link {
   margin-left: 0;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 .margin_footer-top {
   padding-top: 120px !important;
 }
 .pagination {
   margin-top: 15px;
 }
 .pagination .page-item .page-link {
   line-height: 12px;
   font-size: 12px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   height: 30px;
   width: 30px;
   border-color: #fc5124;
   color: #fff;
   border-radius: 5px;
   padding: 5px;
   line-height: 20px;
 }
 .pagination li {
   margin: 5px;
 }
 .pagination .page-item .page-link:hover {
   color: #ffffff;
   background: #323741;
   border-color: #59606e;
 }
 .page-item.active .page-link {
   z-index: 1;
   color: #59606e;
   background: #fff;
   border-color: #59606e;
   opacity: .8;
 }
 a.page-link {
   border-radius: 100%;
 }
 .page-item:last-child .page-link, .page-item:first-child .page-link {
   font-size: 25px;
   line-height: 14px;
   color: #fff;
   border-radius: 100%;
 }
 .bg-blog-detail-img {
   background-image: url('../img/blog/blog-detail-header.png');
   position: relative;
 }
 .blog_detail-heading {
   font-size: 26px;
 }
 .text_minimal ul {
   color: #333333;
 }
 .mt-40 {
   margin-top: 70px;
 }
 .mejs__controls:not([style*='display: none']) {
   background: black;
 }
 .quote_text .quote {
   font-style: italic;
   font-size: 24px;
   -webkit-transition: .2s ease;
   -o-transition: .2s ease;
   transition: .2s ease;
   cursor: pointer;
   width: 480px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 50px;
   text-align: right;
   font-weight: 700;
 }
 .quote_text:hover .quote {
   color: #00b0cd;
 }
 .quote_text:hover .verticle_lineQ {
   background-color: #94cb00;
 }
 .quote_text {
   margin-bottom: 20px;
 }
 .verticle_lineQ {
   width: 2.3px;
   height: 75px;
   background-color: #33c9dd;
   text-align: right;
   margin-top: -87px;
   margin-left: 38.7rem;
 }
 .blogN_images img {
   height: 100%;
   width: 100%;
 }
 .pt-6 {
   padding-top: 40px;
 }
 .written_outerbox {
   height: auto;
   width: auto;
   background-color: #f6f6f6;
 }
 .written_outerbox .written_img {
   width: 20%;
   border-radius: 50%;
   border: 1px solid transparent;
   margin-left: 60px;
   margin-top: 40px;
   margin-bottom: 40px;
 }
 .written_text {
   margin-top: auto;
   margin-left: 20px;
   margin-bottom: auto;
 }
 .main_written {
   font-size: 24px;
 }
 .comment_text {
   font-size: 24px;
   text-align: center;
 }
 .user_icon {
   color: white;
   font-size: 60px;
   background: #00b0cd;
   width: 90px;
   height: 90px;
   padding-top: 13px;
   padding-bottom: 15px;
   border-radius: 50px;
   padding-left: 19px;
   padding-right: 15px;
 }
 .icon_text {
   margin-bottom: auto;
   margin-top: auto;
   padding-left: 20px;
 }
 .height {
   line-height: 25px;
   font-size: 17px;
   padding-top: 10px;
 }
 .font {
   font-size: 21px;
 }
 .icon_comment {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   margin-top: 50px;
 }
 .margin_days {
   font-size: 18px;
   margin-bottom: 10px;
 }
 .mt-6 {
   margin-top: 70px;
 }
 [class*=' imghvr-'], [class^=imghvr-] {
   position: relative;
   display: inline-block;
   margin: 0;
   max-width: 100%;
   background-color: rgba(230, 230, 230, .7);
   color: #666;
   overflow: hidden;
   -moz-osx-font-smoothing: grayscale;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transform: translateZ(0);
   transform: translateZ(0)
 }
 [class*=' imghvr-'] img, [class^=imghvr-] img {
   vertical-align: top;
   max-width: 100%
 }
 [class*=' imghvr-'] figcaption, [class^=imghvr-] figcaption {
   background-color: rgba(255, 255, 255, .9);
   padding: 20px;
   position: absolute;
   top: 15px;
   bottom: 15px;
   left: 15px;
   right: 15px;
   border: 1px solid rgba(0, 0, 0, .1)
 }
 [class*=' imghvr-'] h3, [class*=' imghvr-'] p, [class^=imghvr-] h3, [class^=imghvr-] p {
   margin: 0;
   padding: 0
 }
 [class*=' imghvr-'] h3, [class^=imghvr-] h3 {
   font-weight: 700;
   color: #333;
   margin-bottom: 2px;
 }
 [class*=' imghvr-'] p, [class^=imghvr-] p {
   font-size: 18px;
   color: white;
 }
 [class*=' imghvr-'] a, [class^=imghvr-] a {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 1
 }
 [class*=' imghvr-'], [class*=' imghvr-'] *, [class*=' imghvr-'] :after, [class*=' imghvr-'] :before, [class*=' imghvr-']:after, [class*=' imghvr-']:before, [class^=imghvr-], [class^=imghvr-] *, [class^=imghvr-] :after, [class^=imghvr-] :before, [class^=imghvr-]:after, [class^=imghvr-]:before {
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   -webkit-transition: all .35s ease;
   -o-transition: all .35s ease;
   transition: all .35s ease
 }
 .imghvr-fade figcaption, .imghvr-fade:hover img {
   opacity: 0
 }
 .imghvr-fade:hover figcaption {
   opacity: 1
 }
 [class*=' imghvr-push-']:hover figcaption, [class*=' imghvr-slide-']:hover figcaption, [class^=imghvr-push-]:hover figcaption, [class^=imghvr-slide-]:hover figcaption {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0)
 }
 .imghvr-push-up figcaption {
   -webkit-transform: translateY(120%);
   -ms-transform: translateY(120%);
   transform: translateY(120%)
 }
 .imghvr-push-up:hover img {
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%)
 }
 .imghvr-push-down figcaption {
   -webkit-transform: translateY(-120%);
   -ms-transform: translateY(-120%);
   transform: translateY(-120%)
 }
 .imghvr-push-down:hover img {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-push-left figcaption {
   -webkit-transform: translateX(120%);
   -ms-transform: translateX(120%);
   transform: translateX(120%)
 }
 .imghvr-push-left:hover img {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }
 .imghvr-push-right figcaption {
   -webkit-transform: translateX(-120%);
   -ms-transform: translateX(-120%);
   transform: translateX(-120%)
 }
 .imghvr-push-right:hover img {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%)
 }
 .imghvr-slide-up figcaption {
   -webkit-transform: translateY(120%);
   -ms-transform: translateY(120%);
   transform: translateY(120%)
 }
 .imghvr-slide-down figcaption {
   -webkit-transform: translateY(-120%);
   -ms-transform: translateY(-120%);
   transform: translateY(-120%)
 }
 .imghvr-slide-left figcaption {
   -webkit-transform: translateX(120%);
   -ms-transform: translateX(120%);
   transform: translateX(120%)
 }
 .imghvr-slide-right figcaption {
   -webkit-transform: translateX(-120%);
   -ms-transform: translateX(-120%);
   transform: translateX(-120%)
 }
 [class*=' imghvr-reveal-']:before, [class^=imghvr-reveal-]:before {
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   content: '';
   background-color: inherit
 }
 [class*=' imghvr-reveal-'] figcaption, [class^=imghvr-reveal-] figcaption {
   opacity: 0
 }
 [class*=' imghvr-reveal-']:hover:before, [class^=imghvr-reveal-]:hover:before {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0)
 }
 [class*=' imghvr-reveal-']:hover figcaption, [class^=imghvr-reveal-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 .imghvr-reveal-up:before {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-reveal-down:before {
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%)
 }
 .imghvr-reveal-left:before {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%)
 }
 .imghvr-reveal-right:before {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }
 [class*=' imghvr-hinge-'], [class^=imghvr-hinge-] {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 [class*=' imghvr-hinge-'] figcaption, [class^=imghvr-hinge-] figcaption {
   opacity: 0;
   z-index: 1
 }
 [class*=' imghvr-hinge-']:hover img, [class^=imghvr-hinge-]:hover img {
   opacity: 0
 }
 [class*=' imghvr-hinge-']:hover figcaption, [class^=imghvr-hinge-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 .imghvr-hinge-up img {
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 .imghvr-hinge-up figcaption {
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
   -webkit-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100%
 }
 .imghvr-hinge-up:hover img {
   -webkit-transform: rotateX(-90deg);
   transform: rotateX(-90deg)
 }
 .imghvr-hinge-up:hover figcaption {
   -webkit-transform: rotateX(0);
   transform: rotateX(0)
 }
 .imghvr-hinge-down img {
   -webkit-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100%
 }
 .imghvr-hinge-down figcaption {
   -webkit-transform: rotateX(-90deg);
   transform: rotateX(-90deg);
   -webkit-transform-origin: 50% -50%;
   -ms-transform-origin: 50% -50%;
   transform-origin: 50% -50%
 }
 .imghvr-hinge-down:hover img {
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
   opacity: 0
 }
 .imghvr-hinge-down:hover figcaption {
   -webkit-transform: rotateX(0);
   transform: rotateX(0)
 }
 .imghvr-hinge-left img {
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-hinge-left figcaption {
   -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg);
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%
 }
 .imghvr-hinge-left:hover img {
   -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg)
 }
 .imghvr-hinge-left:hover figcaption {
   -webkit-transform: rotateY(0);
   transform: rotateY(0)
 }
 .imghvr-hinge-right img {
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%
 }
 .imghvr-hinge-right figcaption {
   -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg);
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-hinge-right:hover img {
   -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg)
 }
 .imghvr-hinge-right:hover figcaption {
   -webkit-transform: rotateY(0);
   transform: rotateY(0)
 }
 [class*=' imghvr-flip-'], [class^=imghvr-flip-] {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 [class*=' imghvr-flip-'] img, [class^=imghvr-flip-] img {
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden
 }
 [class*=' imghvr-flip-'] figcaption, [class^=imghvr-flip-] figcaption {
   opacity: 0
 }
 [class*=' imghvr-flip-']:hover figcaption, [class^=imghvr-flip-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .15s;
   -o-transition-delay: .15s;
   transition-delay: .15s
 }
 .imghvr-flip-horiz figcaption {
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-flip-horiz:hover figcaption {
   -webkit-transform: rotateX(0);
   transform: rotateX(0)
 }
 .imghvr-flip-vert figcaption {
   -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg);
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 .imghvr-flip-vert:hover figcaption {
   -webkit-transform: rotateY(0);
   transform: rotateY(0)
 }
 .imghvr-flip-diag-1 figcaption {
   -webkit-transform: rotate3d(1, -1, 0, 100deg);
   transform: rotate3d(1, -1, 0, 100deg)
 }
 .imghvr-flip-diag-1:hover figcaption {
   -webkit-transform: rotate3d(0, 0, 0, 0deg);
   transform: rotate3d(0, 0, 0, 0deg)
 }
 .imghvr-flip-diag-2 figcaption {
   -webkit-transform: rotate3d(1, 1, 0, 100deg);
   transform: rotate3d(1, 1, 0, 100deg)
 }
 .imghvr-flip-diag-2:hover figcaption {
   -webkit-transform: rotate3d(0, 0, 0, 0deg);
   transform: rotate3d(0, 0, 0, 0deg)
 }
 [class*=' imghvr-shutter-out-']:before, [class^=imghvr-shutter-out-]:before {
   background: inherit;
   position: absolute;
   content: '';
   -webkit-transition-delay: .1s;
   -o-transition-delay: .1s;
   transition-delay: .1s
 }
 [class*=' imghvr-shutter-out-'] figcaption, [class^=imghvr-shutter-out-] figcaption {
   opacity: 0;
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s
 }
 [class*=' imghvr-shutter-out-']:hover:before, [class^=imghvr-shutter-out-]:hover:before {
   -webkit-transition-delay: 0s;
   -o-transition-delay: 0s;
   transition-delay: 0s
 }
 [class*=' imghvr-shutter-out-']:hover figcaption, [class^=imghvr-shutter-out-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .1s;
   -o-transition-delay: .1s;
   transition-delay: .1s
 }
 .imghvr-shutter-out-horiz:before {
   left: 50%;
   right: 50%;
   top: 0;
   bottom: 0
 }
 .imghvr-shutter-out-horiz:hover:before {
   left: 0;
   right: 0
 }
 .imghvr-shutter-out-vert:before {
   top: 50%;
   bottom: 50%;
   left: 0;
   right: 0
 }
 .imghvr-shutter-out-vert:hover:before {
   top: 0;
   bottom: 0
 }
 .imghvr-shutter-out-diag-1:before {
   top: 50%;
   bottom: 50%;
   left: -35%;
   right: -35%;
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg)
 }
 .imghvr-shutter-out-diag-1:hover:before {
   top: -35%;
   bottom: -35%
 }
 .imghvr-shutter-out-diag-2:before {
   top: 50%;
   bottom: 50%;
   left: -35%;
   right: -35%;
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg)
 }
 .imghvr-shutter-out-diag-2:hover:before {
   top: -35%;
   bottom: -35%
 }
 [class*=' imghvr-shutter-in-']:after, [class*=' imghvr-shutter-in-']:before, [class^=imghvr-shutter-in-]:after, [class^=imghvr-shutter-in-]:before {
   background: inherit;
   position: absolute;
   content: ''
 }
 [class*=' imghvr-shutter-in-']:after, [class^=imghvr-shutter-in-]:after {
   top: 0;
   left: 0
 }
 [class*=' imghvr-shutter-in-']:before, [class^=imghvr-shutter-in-]:before {
   right: 0;
   bottom: 0
 }
 [class*=' imghvr-shutter-in-'] figcaption, [class^=imghvr-shutter-in-] figcaption {
   opacity: 0;
   z-index: 1
 }
 [class*=' imghvr-shutter-in-']:hover figcaption, [class^=imghvr-shutter-in-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 .imghvr-shutter-in-horiz:after, .imghvr-shutter-in-horiz:before {
   width: 0;
   height: 100%
 }
 .imghvr-shutter-in-horiz:hover:after, .imghvr-shutter-in-horiz:hover:before {
   width: 50%
 }
 .imghvr-shutter-in-vert:after, .imghvr-shutter-in-vert:before {
   height: 0;
   width: 100%
 }
 .imghvr-shutter-in-vert:hover:after, .imghvr-shutter-in-vert:hover:before {
   height: 50%
 }
 .imghvr-shutter-in-out-horiz:after, .imghvr-shutter-in-out-horiz:before {
   width: 0;
   height: 100%
 }
 .imghvr-shutter-in-out-horiz:hover:after, .imghvr-shutter-in-out-horiz:hover:before {
   width: 100%
 }
 .imghvr-shutter-in-out-vert:after, .imghvr-shutter-in-out-vert:before {
   height: 0;
   width: 100%
 }
 .imghvr-shutter-in-out-vert:hover:after, .imghvr-shutter-in-out-vert:hover:before {
   height: 100%
 }
 .imghvr-shutter-in-out-diag-1:after, .imghvr-shutter-in-out-diag-1:before {
   width: 200%;
   height: 200%;
   -webkit-transition: all .6s ease;
   -o-transition: all .6s ease;
   transition: all .6s ease
 }
 .imghvr-shutter-in-out-diag-1:after {
   -webkit-transform: skew(-45deg) translateX(-150%);
   -ms-transform: skew(-45deg) translateX(-150%);
   transform: skew(-45deg) translateX(-150%)
 }
 .imghvr-shutter-in-out-diag-1:before {
   -webkit-transform: skew(-45deg) translateX(150%);
   -ms-transform: skew(-45deg) translateX(150%);
   transform: skew(-45deg) translateX(150%)
 }
 .imghvr-shutter-in-out-diag-1:hover:after {
   -webkit-transform: skew(-45deg) translateX(-50%);
   -ms-transform: skew(-45deg) translateX(-50%);
   transform: skew(-45deg) translateX(-50%)
 }
 .imghvr-shutter-in-out-diag-1:hover:before {
   -webkit-transform: skew(-45deg) translateX(50%);
   -ms-transform: skew(-45deg) translateX(50%);
   transform: skew(-45deg) translateX(50%)
 }
 .imghvr-shutter-in-out-diag-2:after, .imghvr-shutter-in-out-diag-2:before {
   width: 200%;
   height: 200%;
   -webkit-transition: all .6s ease;
   -o-transition: all .6s ease;
   transition: all .6s ease
 }
 .imghvr-shutter-in-out-diag-2:after {
   -webkit-transform: skew(45deg) translateX(-100%);
   -ms-transform: skew(45deg) translateX(-100%);
   transform: skew(45deg) translateX(-100%)
 }
 .imghvr-shutter-in-out-diag-2:before {
   -webkit-transform: skew(45deg) translateX(100%);
   -ms-transform: skew(45deg) translateX(100%);
   transform: skew(45deg) translateX(100%)
 }
 .imghvr-shutter-in-out-diag-2:hover:after, .imghvr-shutter-in-out-diag-2:hover:before {
   -webkit-transform: skew(45deg) translateX(0);
   -ms-transform: skew(45deg) translateX(0);
   transform: skew(45deg) translateX(0)
 }
 [class*=' imghvr-fold'], [class^=imghvr-fold] {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 [class*=' imghvr-fold'] img, [class^=imghvr-fold] img {
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 [class*=' imghvr-fold'] figcaption, [class^=imghvr-fold] figcaption {
   z-index: 1;
   opacity: 0
 }
 [class*=' imghvr-fold']:hover img, [class^=imghvr-fold]:hover img {
   opacity: 0
 }
 [class*=' imghvr-fold']:hover figcaption, [class^=imghvr-fold]:hover figcaption {
   -webkit-transform: rotateX(0) translate3d(0, 0, 0) scale(1);
   transform: rotateX(0) translate3d(0, 0, 0) scale(1);
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 .imghvr-fold-up img {
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 .imghvr-fold-up figcaption {
   -webkit-transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
   transform: rotateX(-90deg) translate3d(0, -50%, 0) scale(.6);
   -webkit-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100%
 }
 .imghvr-fold-up:hover img {
   -webkit-transform: rotateX(90deg) scale(.6) translateY(50%);
   transform: rotateX(90deg) scale(.6) translateY(50%)
 }
 .imghvr-fold-down img {
   -webkit-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100%
 }
 .imghvr-fold-down figcaption {
   -webkit-transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
   transform: rotateX(90deg) translate3d(0, 50%, 0) scale(.6);
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 .imghvr-fold-down:hover img {
   -webkit-transform: rotateX(-90deg) scale(.6) translateY(-50%);
   transform: rotateX(-90deg) scale(.6) translateY(-50%)
 }
 .imghvr-fold-left img {
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-fold-left figcaption {
   -webkit-transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
   transform: rotateY(90deg) translate3d(-50%, 0, 0) scale(.6);
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%
 }
 .imghvr-fold-left:hover img {
   -webkit-transform: rotateY(-90deg) scale(.6) translateX(50%);
   transform: rotateY(-90deg) scale(.6) translateX(50%)
 }
 .imghvr-fold-right {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 .imghvr-fold-right img {
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%
 }
 .imghvr-fold-right figcaption {
   -webkit-transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
   transform: rotateY(-90deg) translate3d(50%, 0, 0) scale(.6);
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-fold-right:hover img {
   -webkit-transform: rotateY(90deg) scale(.6) translateX(-50%);
   transform: rotateY(90deg) scale(.6) translateX(-50%)
 }
 .imghvr-zoom-in figcaption {
   opacity: 0;
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5)
 }
 .imghvr-zoom-in:hover figcaption {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1
 }
 [class*=' imghvr-zoom-out'] figcaption, [class^=imghvr-zoom-out] figcaption {
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5);
   -webkit-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   opacity: 0
 }
 [class*=' imghvr-zoom-out'].hover figcaption, [class*=' imghvr-zoom-out']:hover figcaption, [class^=imghvr-zoom-out].hover figcaption, [class^=imghvr-zoom-out]:hover figcaption {
   -webkit-transform: scale(1);
   -ms-transform: scale(1);
   transform: scale(1);
   opacity: 1;
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s
 }
 .imghvr-zoom-out:hover img {
   -webkit-transform: scale(.5);
   -ms-transform: scale(.5);
   transform: scale(.5);
   opacity: 0
 }
 .imghvr-zoom-out-up.hover img, .imghvr-zoom-out-up:hover img {
   -webkit-animation: imghvr-zoom-out-up .4s linear;
   animation: imghvr-zoom-out-up .4s linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
 }
 @-webkit-keyframes imghvr-zoom-out-up {
   50% {
     -webkit-transform: scale(.8) translateY(0);
     transform: scale(.8) translateY(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateY(-150%);
     transform: scale(.8) translateY(-150%);
     opacity: .5
   }
 }
 @keyframes imghvr-zoom-out-up {
   50% {
     -webkit-transform: scale(.8) translateY(0);
     transform: scale(.8) translateY(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateY(-150%);
     transform: scale(.8) translateY(-150%);
     opacity: .5
   }
 }
 .imghvr-zoom-out-down.hover img, .imghvr-zoom-out-down:hover img {
   -webkit-animation: imghvr-zoom-out-down .4s linear;
   animation: imghvr-zoom-out-down .4s linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
 }
 @-webkit-keyframes imghvr-zoom-out-down {
   50% {
     -webkit-transform: scale(.8) translateY(0);
     transform: scale(.8) translateY(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateY(150%);
     transform: scale(.8) translateY(150%);
     opacity: .5
   }
 }
 @keyframes imghvr-zoom-out-down {
   50% {
     -webkit-transform: scale(.8) translateY(0);
     transform: scale(.8) translateY(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateY(150%);
     transform: scale(.8) translateY(150%);
     opacity: .5
   }
 }
 .imghvr-zoom-out-left.hover img, .imghvr-zoom-out-left:hover img {
   -webkit-animation: imghvr-zoom-out-left .4s linear;
   animation: imghvr-zoom-out-left .4s linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
 }
 @-webkit-keyframes imghvr-zoom-out-left {
   50% {
     -webkit-transform: scale(.8) translateX(0);
     transform: scale(.8) translateX(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateX(-150%);
     transform: scale(.8) translateX(-150%);
     opacity: .5
   }
 }
 @keyframes imghvr-zoom-out-left {
   50% {
     -webkit-transform: scale(.8) translateX(0);
     transform: scale(.8) translateX(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateX(-150%);
     transform: scale(.8) translateX(-150%);
     opacity: .5
   }
 }
 .imghvr-zoom-out-right.hover img, .imghvr-zoom-out-right:hover img {
   -webkit-animation: imghvr-zoom-out-right .4s linear;
   animation: imghvr-zoom-out-right .4s linear;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-fill-mode: forwards;
   animation-fill-mode: forwards
 }
 @-webkit-keyframes imghvr-zoom-out-right {
   50% {
     -webkit-transform: scale(.8) translateX(0);
     transform: scale(.8) translateX(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateX(150%);
     transform: scale(.8) translateX(150%);
     opacity: .5
   }
 }
 @keyframes imghvr-zoom-out-right {
   50% {
     -webkit-transform: scale(.8) translateX(0);
     transform: scale(.8) translateX(0);
     opacity: .5
   }
   100% {
     -webkit-transform: scale(.8) translateX(150%);
     transform: scale(.8) translateX(150%);
     opacity: .5
   }
 }
 .imghvr-zoom-out-flip-horiz {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 .imghvr-zoom-out-flip-horiz figcaption {
   opacity: 0;
   -webkit-transform: rotateX(90deg) translateY(-100%) scale(.5);
   transform: rotateX(90deg) translateY(-100%) scale(.5)
 }
 .imghvr-zoom-out-flip-horiz.hover img, .imghvr-zoom-out-flip-horiz:hover img {
   -webkit-transform: rotateX(-100deg) translateY(50%) scale(.5);
   transform: rotateX(-100deg) translateY(50%) scale(.5);
   opacity: 0;
 }
 .imghvr-zoom-out-flip-horiz.hover figcaption, .imghvr-zoom-out-flip-horiz:hover figcaption {
   -webkit-transform: rotateX(0) translateY(0) scale(1);
   transform: rotateX(0) translateY(0) scale(1);
   opacity: 1;
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s
 }
 .imghvr-zoom-out-flip-vert {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 .imghvr-zoom-out-flip-vert figcaption {
   opacity: 0;
   -webkit-transform: rotateY(90deg) translate(50%, 0) scale(.5);
   transform: rotateY(90deg) translate(50%, 0) scale(.5)
 }
 .imghvr-zoom-out-flip-vert.hover img, .imghvr-zoom-out-flip-vert:hover img {
   -webkit-transform: rotateY(-100deg) translateX(50%) scale(.5);
   transform: rotateY(-100deg) translateX(50%) scale(.5);
   opacity: 0;
 }
 .imghvr-zoom-out-flip-vert.hover figcaption, .imghvr-zoom-out-flip-vert:hover figcaption {
   -webkit-transform: rotateY(0) translate(0, 0) scale(1);
   transform: rotateY(0) translate(0, 0) scale(1);
   opacity: 1;
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s
 }
 .imghvr-blur figcaption {
   opacity: 0
 }
 .imghvr-blur:hover img {
   -webkit-filter: blur(30px);
   filter: blur(30px);
   -webkit-transform: scale(1.2);
   -ms-transform: scale(1.2);
   transform: scale(1.2);
   opacity: 0
 }
 .imghvr-blur:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 [class*=' imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:before, [class*=' imghvr-blocks']:after, [class*=' imghvr-blocks']:before, [class^=imghvr-blocks] figcaption:after, [class^=imghvr-blocks] figcaption:before, [class^=imghvr-blocks]:after, [class^=imghvr-blocks]:before {
   background-color: rgba(0, 0, 0, 0.70);
   opacity: 0;
   position: absolute;
   content: ''
 }
 [class*=' imghvr-blocks']:after, [class*=' imghvr-blocks']:before, [class^=imghvr-blocks]:after, [class^=imghvr-blocks]:before {
   z-index: 1
 }
 [class*=' imghvr-blocks']:before, [class^=imghvr-blocks]:before {
   top: 15px;
   right: 15px;
   bottom: 50%;
   left: 50%
 }
 [class*=' imghvr-blocks']:after, [class^=imghvr-blocks]:after {
   bottom: 15px;
   left: 15px;
   top: 50%;
   right: 50%
 }
 [class*=' imghvr-blocks'] figcaption, [class^=imghvr-blocks] figcaption {
   z-index: 3;
   background-color: transparent;
   border-width: 0
 }
 [class*=' imghvr-blocks'] figcaption *, [class^=imghvr-blocks] figcaption * {
   opacity: 0
 }
 [class*=' imghvr-blocks'] figcaption:after, [class*=' imghvr-blocks'] figcaption:before, [class^=imghvr-blocks] figcaption:after, [class^=imghvr-blocks] figcaption:before {
   height: 50%;
   width: 50%;
   z-index: -1
 }
 [class*=' imghvr-blocks'] figcaption:before, [class^=imghvr-blocks] figcaption:before {
   top: 0;
   left: 0
 }
 [class*=' imghvr-blocks'] figcaption:after, [class^=imghvr-blocks] figcaption:after {
   bottom: 0;
   right: 0
 }
 [class*=' imghvr-blocks'] a, [class^=imghvr-blocks] a {
   z-index: 3;
   color: #ffffff
 }
 [class*=' imghvr-blocks']:hover figcaption:after, [class*=' imghvr-blocks']:hover figcaption:before, [class*=' imghvr-blocks']:hover:after, [class*=' imghvr-blocks']:hover:before, [class^=imghvr-blocks]:hover figcaption:after, [class^=imghvr-blocks]:hover figcaption:before, [class^=imghvr-blocks]:hover:after, [class^=imghvr-blocks]:hover:before {
   -webkit-transform: translate(0, 0);
   -ms-transform: translate(0, 0);
   transform: translate(0, 0);
   opacity: .9
 }
 [class*=' imghvr-blocks']:hover figcaption *, [class^=imghvr-blocks]:hover figcaption * {
   opacity: 1;
   -webkit-transition-delay: .25s;
   -o-transition-delay: .25s;
   transition-delay: .25s
 }
 .imghvr-blocks-rotate-left:before {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-blocks-rotate-left:after {
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%)
 }
 .imghvr-blocks-rotate-left figcaption:before {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%)
 }
 .imghvr-blocks-rotate-left figcaption:after, .imghvr-blocks-rotate-right:before {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }
 .imghvr-blocks-rotate-right:after {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%)
 }
 .imghvr-blocks-rotate-right figcaption:before {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-blocks-rotate-in-left:before, .imghvr-blocks-rotate-right figcaption:after {
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%)
 }
 .imghvr-blocks-rotate-in-left:after {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-blocks-rotate-in-left figcaption:before {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }
 .imghvr-blocks-rotate-in-left figcaption:after, .imghvr-blocks-rotate-in-right:before {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%)
 }
 .imghvr-blocks-rotate-in-right:after {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%)
 }
 .imghvr-blocks-rotate-in-right figcaption:before {
   -webkit-transform: translateY(-100%);
   -ms-transform: translateY(-100%);
   transform: translateY(-100%)
 }
 .imghvr-blocks-rotate-in-right figcaption:after {
   -webkit-transform: translateY(100%);
   -ms-transform: translateY(100%);
   transform: translateY(100%)
 }
 .imghvr-blocks-in:before {
   -webkit-transform: translate(100%, -100%);
   -ms-transform: translate(100%, -100%);
   transform: translate(100%, -100%)
 }
 .imghvr-blocks-in:after {
   -webkit-transform: translate(-100%, 100%);
   -ms-transform: translate(-100%, 100%);
   transform: translate(-100%, 100%)
 }
 .imghvr-blocks-in figcaption:before {
   -webkit-transform: translate(-100%, -100%);
   -ms-transform: translate(-100%, -100%);
   transform: translate(-100%, -100%)
 }
 .imghvr-blocks-in figcaption:after {
   -webkit-transform: translate(100%, 100%);
   -ms-transform: translate(100%, 100%);
   transform: translate(100%, 100%)
 }
 .imghvr-blocks-out:before {
   -webkit-transform: translate(-100%, 100%);
   -ms-transform: translate(-100%, 100%);
   transform: translate(-100%, 100%)
 }
 .imghvr-blocks-out:after {
   -webkit-transform: translate(100%, -100%);
   -ms-transform: translate(100%, -100%);
   transform: translate(100%, -100%)
 }
 .imghvr-blocks-out figcaption:before {
   -webkit-transform: translate(100%, 100%);
   -ms-transform: translate(100%, 100%);
   transform: translate(100%, 100%)
 }
 .imghvr-blocks-out figcaption:after {
   -webkit-transform: translate(-100%, -100%);
   -ms-transform: translate(-100%, -100%);
   transform: translate(-100%, -100%)
 }
 [class*=' imghvr-book-open-'] figcaption, [class^=imghvr-book-open-] figcaption {
   background-color: transparent;
   border: none;
   -webkit-perspective: 50em;
   perspective: 50em
 }
 [class*=' imghvr-book-open-'] figcaption *, [class^=imghvr-book-open-] figcaption * {
   opacity: 0
 }
 [class*=' imghvr-book-open-'] figcaption:after, [class*=' imghvr-book-open-'] figcaption:before, [class^=imghvr-book-open-] figcaption:after, [class^=imghvr-book-open-] figcaption:before {
   z-index: -1;
   background-color: #999;
   content: '';
   position: absolute;
   opacity: 0;
   -webkit-transition: all .45s ease;
   -o-transition: all .45s ease;
   transition: all .45s ease
 }
 [class*=' imghvr-book-open-']:hover figcaption, [class^=imghvr-book-open-]:hover figcaption {
   opacity: 1
 }
 [class*=' imghvr-book-open-']:hover figcaption *, [class^=imghvr-book-open-]:hover figcaption * {
   opacity: 1;
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s
 }
 [class*=' imghvr-book-open-']:hover figcaption:after, [class*=' imghvr-book-open-']:hover figcaption:before, [class^=imghvr-book-open-]:hover figcaption:after, [class^=imghvr-book-open-]:hover figcaption:before {
   opacity: 1;
   background-color: #fff;
   -webkit-transform: rotateY(0);
   transform: rotateY(0)
 }
 .imghvr-book-open-horiz figcaption:after, .imghvr-book-open-horiz figcaption:before {
   height: 100%;
   width: 50%;
   top: 0
 }
 .imghvr-book-open-horiz figcaption:before {
   background-image: -webkit-gradient(linear, left top, right top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .15)));
   background-image: -o-linear-gradient(left, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
   background-image: linear-gradient(to right, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
   left: 0;
   -webkit-transform: rotateY(90deg);
   transform: rotateY(90deg);
   -webkit-transform-origin: 100% 50%;
   -ms-transform-origin: 100% 50%;
   transform-origin: 100% 50%
 }
 .imghvr-book-open-horiz figcaption:after {
   background-image: -webkit-gradient(linear, right top, left top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .12)), to(rgba(0, 0, 0, .15)));
   background-image: -o-linear-gradient(right, transparent 60%, rgba(0, 0, 0, .12) 99%, rgba(0, 0, 0, .15) 100%);
   background-image: linear-gradient(to left, transparent 60%, rgba(0, 0, 0, .12) 99%, rgba(0, 0, 0, .15) 100%);
   right: 0;
   -webkit-transform: rotateY(-90deg);
   transform: rotateY(-90deg);
   -webkit-transform-origin: 0 50%;
   -ms-transform-origin: 0 50%;
   transform-origin: 0 50%
 }
 .imghvr-book-open-vert figcaption:after, .imghvr-book-open-vert figcaption:before {
   height: 50%;
   width: 100%;
   left: 0
 }
 .imghvr-book-open-vert figcaption:before {
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .1)), to(rgba(0, 0, 0, .15)));
   background-image: -o-linear-gradient(top, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
   background-image: linear-gradient(to bottom, transparent 60%, rgba(0, 0, 0, .1) 99%, rgba(0, 0, 0, .15) 100%);
   top: 0;
   -webkit-transform: rotateX(-90deg);
   transform: rotateX(-90deg);
   -webkit-transform-origin: 50% 100%;
   -ms-transform-origin: 50% 100%;
   transform-origin: 50% 100%
 }
 .imghvr-book-open-vert figcaption:after {
   background-image: -webkit-gradient(linear, left bottom, left top, color-stop(60%, transparent), color-stop(99%, rgba(0, 0, 0, .13)), to(rgba(0, 0, 0, .15)));
   background-image: -o-linear-gradient(bottom, transparent 60%, rgba(0, 0, 0, .13) 99%, rgba(0, 0, 0, .15) 100%);
   background-image: linear-gradient(to top, transparent 60%, rgba(0, 0, 0, .13) 99%, rgba(0, 0, 0, .15) 100%);
   bottom: 0;
   -webkit-transform: rotateX(90deg);
   transform: rotateX(90deg);
   -webkit-transform-origin: 50% 0;
   -ms-transform-origin: 50% 0;
   transform-origin: 50% 0
 }
 [class*=' imghvr-scale-']:before, [class^=imghvr-scale-]:before {
   background-color: inherit;
   top: 15px;
   bottom: 15px;
   left: 15px;
   right: 15px;
   position: absolute;
   content: ''
 }
 [class*=' imghvr-scale-'] figcaption, [class^=imghvr-scale-] figcaption {
   opacity: 0
 }
 [class*=' imghvr-scale-']:hover:before, [class^=imghvr-scale-]:hover:before {
   top: 15px;
   bottom: 15px;
   left: 15px;
   right: 15px;
   opacity: .9
 }
 [class*=' imghvr-scale-']:hover figcaption, [class^=imghvr-scale-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .25s;
   -o-transition-delay: .25s;
   transition-delay: .25s
 }
 .imghvr-scale-top-left:before {
   bottom: 100%;
   right: 100%
 }
 .imghvr-scale-top-right:before {
   bottom: 100%;
   left: 100%
 }
 .imghvr-scale-bottom-left:before {
   top: 100%;
   right: 100%
 }
 .imghvr-scale-bottom-right:before {
   top: 100%;
   left: 100%
 }
 [class*=' imghvr-fall-away-'], [class^=imghvr-fall-away-] {
   -webkit-perspective: 50em;
   perspective: 50em
 }
 [class*=' imghvr-fall-away-'] img, [class^=imghvr-fall-away-] img {
   -webkit-transform-origin: 50% 50%;
   -ms-transform-origin: 50% 50%;
   transform-origin: 50% 50%;
   -webkit-transition: all .45s ease-in;
   -o-transition: all .45s ease-in;
   transition: all .45s ease-in
 }
 [class*=' imghvr-fall-away-'] figcaption, [class*=' imghvr-fall-away-']:hover img, [class^=imghvr-fall-away-] figcaption, [class^=imghvr-fall-away-]:hover img {
   opacity: 0
 }
 [class*=' imghvr-fall-away-']:hover figcaption, [class^=imghvr-fall-away-]:hover figcaption {
   opacity: 1;
   -webkit-transition-delay: .45s;
   -o-transition-delay: .45s;
   transition-delay: .45s
 }
 .imghvr-fall-away-horiz:hover img {
   -webkit-transform: rotateX(-360deg) scale(.2);
   transform: rotateX(-360deg) scale(.2)
 }
 .imghvr-fall-away-horiz:hover figcaption {
   -webkit-transform: rotateX(0);
   transform: rotateX(0)
 }
 .imghvr-fall-away-vert:hover img {
   -webkit-transform: rotateY(-360deg) scale(.2);
   transform: rotateY(-360deg) scale(.2)
 }
 .imghvr-fall-away-vert:hover figcaption {
   -webkit-transform: rotateX(0);
   transform: rotateX(0)
 }
 .height1 {
   height: 285px;
 }
 .height2 {
   height: 255px;
 }
 .bg-gallery-img {
   background-image: url('../img/gallery-header.png');
   position: relative;
 }
 .cbp {
   margin-top: 25px;
 }
 .cbp-l-filters .cbp-filter-item {
   cursor: pointer;
   margin: 15px;
   display: inline-block;
 }
 .cbp-l-filters .cbp-filter-item span {
   font-size: 16px;
   display: inline-block;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .cbp-l-filters .cbp-filter-item-active {
   cursor: default;
 }
 .cbp-l-filters .cbp-filter-item:hover span {
   color: #94cb00;
 }
 .cbp-l-filters .cbp-filter-item-active span, .cbp-l-filters .cbp-filter-item:focus span {
   color: #00b0cd;
   cursor: pointer;
 }
 .portfolio-xe {
   padding-top: 125px;
   padding-bottom: 125px;
 }
 .portfolio-xe .flat-pictures .cbp-item .overlay {
   position: absolute;
   left: 15px;
   right: 15px;
   bottom: 15px;
   top: 15px;
   background: -o-linear-gradient(45deg, rgba(0, 176, 205, 0.50) 20%, rgba(148, 203, 0, 0.50) 100%);
   background: linear-gradient(45deg, rgba(0, 176, 205, 0.50) 20%, rgba(148, 203, 0, 0.50) 100%);
   z-index: 111;
   opacity: 0;
   -webkit-transition: .8s ease;
   -o-transition: .8s ease;
   transition: .8s ease;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .portfolio-xe .flat-pictures .cbp-item:hover .overlay {
   opacity: 1;
 }
 .portfolio-xe .flat-pictures .cbp-item .overlay .plus-gallery {
   height: 60px;
   width: 60px;
   border-radius: 50%;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   border: solid 2px #fff;
   background-color: transparent;
   display: none;
 }
 .portfolio-xe .flat-pictures .cbp-item .overlay .plus-gallery i {
   color: #fff;
   font-size: 30px;
 }
 .portfolio-xe .flat-pictures .cbp-item:hover .overlay .plus-gallery {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-animation: 1s fadeInUp;
   animation: 1s fadeInUp;
 }
 @media (min-width:992px) and (max-width:1199px) {
   .inner-box {
     margin-left: 2%;
     margin-right: 2%;
     text-align: center;
   }
   .inner-box1 {
     margin-left: 2%;
     margin-right: 2%;
     text-align: center;
   }
   .text_post {
     margin-top: 0;
   }
   .main {
     margin-bottom: 0;
   }
   .date {
     margin-bottom: 0;
   }
   .main-heading {
     font-size: 42px;
   }
   .contact-card .card-title {
     font-size: 26px;
   }
   .custom-box {
     padding: 57px 35px;
   }
   .bg-study-icon i {
     font-size: 160px;
   }
   .custom-box .box-text {
     font-size: 23px;
   }
 }
 @media (min-width:769px) and (max-width:991px) {
   .margin_small {
     margin-top: 30px;
   }
   ul.social-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   .social_icon {
     position: absolute;
     right: auto;
     top: 93%;
     left: 18%;
   }
   .margin-top-sm {
     margin-top: 100px;
   }
   .col-height {
     height: 45vh;
   }
   .my-tog-btn {
     display: block;
   }
 }
 @media screen and (max-width:768px) {
   .cbp-l-filters .cbp-filter-item {
     cursor: pointer;
     margin: 9px;
   }
   .popular_image {
     height: 100%;
     width: 18%;
   }
   .margin_small {
     margin-top: 30px;
   }
   #detail-content {
     padding-top: 60px;
   }
   .main-heading {
     font-size: 42px;
   }
   .form-outer {
     bottom: 12%;
   }
   .testimonial-owl .item .description .width-text {
     margin-left: 15%;
     margin-right: 15%;
   }
   .col-height {
     height: 45vh;
   }
   .margin-top-sm {
     margin-top: 125px;
   }
   .custom-box {
     padding: 60px 67px;
   }
   .my-tog-btn {
     display: block;
   }
   .social_icon {
     position: absolute;
     right: auto;
     top: 94%;
     right: 2%;
   }
   ul.social-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
 }
 @media screen and (max-width:767px) {
   .portfolio-xe {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   .cbp-l-filters .cbp-filter-item {
     margin: 5px;
   }
   .cbp-l-filters .cbp-filter-item span {
     font-size: 13px;
   }
   .box4:hover:before {
     width: 470%;
   }
   .box4 .box-content {
     margin-top: 35px;
   }
   .box4 .post {
     font-size: 12px;
   }
   .written .display {
     display: inline-block;
     text-align: center;
   }
   .written_text {
     padding-bottom: 22px;
     text-align: center;
     margin-left: 0;
   }
   .mt-10 {
     margin-top: 2.5rem;
     margin-bottom: 2.5rem;
   }
   .height {
     text-align: center;
   }
   .quote_text .quote {
     font-size: 21px;
     width: 325px;
     margin-left: 0;
     margin-right: 0;
     margin-top: 60px;
   }
   .verticle_lineQ {
     margin-top: -86px;
     margin-left: 21.2rem;
   }
   .icon_comment {
     margin-left: 55px;
   }
   .icon_text {
     margin-top: auto;
     margin-bottom: auto;
   }
   .main-heading-detail {
     font-size: 32px;
   }
   #detail-content {
     padding-top: 60px;
   }
   #content-courses {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   #contactus-header .main-heading {
     font-size: 35px;
   }
   .courses .sub-heading {
     font-size: 12px;
     line-height: 1.8;
   }
   .courses .main-heading {
     font-size: 17px;
   }
   #contact-description {
     padding-top: 60px;
   }
   .wrapper {
     margin-top: 50px;
     margin-bottom: 50px;
   }
   #teachers {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   #get-admission {
     margin-bottom: 60px;
   }
   #testimonial {
     margin-bottom: 60px;
   }
   #features {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   #about-header .main-heading {
     font-size: 35px;
   }
   .text-width {
     width: 100%;
     margin-left: auto;
     margin-right: auto;
   }
   .form-outer {
     position: inherit;
     bottom: 0;
     right: 0;
     margin-top: 20px;
     padding: 3% 7%;
   }
   #contact-content {
     padding-top: 60px;
     padding-bottom: 60px;
   }
   #map {
     padding-top: 60px;
   }
   .col-height-features {
     height: 225px;
   }
   .main-heading {
     font-size: 37px;
   }
   .sub-heading {
     font-size: 12px;
   }
   .testimonial-owl .item .description .width-text {
     margin-left: 5%;
     margin-right: 5%;
   }
   .social_icon {
     position: absolute;
     right: auto;
     top: auto;
     bottom: 4%;
     right: 2%;
   }
   .column-display {
     display: none;
   }
   .my-tog-btn {
     display: block;
     position: absolute;
     right: 0;
     top: 22px;
   }
   .custom-box {
     padding: 12.5px 33px;
   }
   .custom-box .box-text {
     font-size: 16px;
   }
   .arrow-box {
     font-size: 20px;
     padding: 6px 9px;
   }
   .arrow-box1 {
     font-size: 20px;
     padding: 6px 9px;
   }
   .bg-campus-icon {
     visibility: hidden;
   }
   .bg-study-icon {
     visibility: hidden;
   }
   .col-height {
     height: 52vh;
   }
   .margin-top-sm {
     margin-top: 145px;
   }
   .main-content .main-heading {
     font-size: 37px;
   }
   .main-content .sub_heading {
     font-size: 13px;
   }
   .image-div {
     width: 100%;
     height: 175px;
   }
   .bg-campus-icon i {
     font-size: 145px;
   }
   .bg-study-icon i {
     font-size: 145px;
   }
 }
 @media (min-width: 576px) {
   .modal-dialog {
     max-width: 586px;
     margin: 1.75rem auto;
   }
 }
 @media (min-width:400px) and (max-width:767px) {
   .custom-box {
     padding: 16.5px 33px;
   }
   .social_icon {
     bottom: 1%;
   }
 }
 a:focus, a:active {
   text-decoration: none;
   outline: none;
   transition: all 300ms ease 0s;
   -moz-transition: all 300ms ease 0s;
   -webkit-transition: all 300ms ease 0s;
   -o-transition: all 300ms ease 0s;
   -ms-transition: all 300ms ease 0s;
 }
 input, textarea {
   outline: none;
   appearance: unset !important;
   -moz-appearance: unset !important;
   -webkit-appearance: unset !important;
   -o-appearance: unset !important;
   -ms-appearance: unset !important;
 }
 input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   appearance: none !important;
   -moz-appearance: none !important;
   -webkit-appearance: none !important;
   -o-appearance: none !important;
   -ms-appearance: none !important;
   margin: 0;
 }
 input:focus, select:focus, textarea:focus {
   outline: none;
   box-shadow: none !important;
   -moz-box-shadow: none !important;
   -webkit-box-shadow: none !important;
   -o-box-shadow: none !important;
   -ms-box-shadow: none !important;
 }
 input[type=checkbox] {
   -moz-appearance: checkbox !important;
   -webkit-appearance: checkbox !important;
   -o-appearance: checkbox !important;
   -ms-appearance: checkbox !important;
 }
 input[type=radio] {
   -moz-appearance: radio !important;
   -webkit-appearance: radio !important;
   -o-appearance: radio !important;
   -ms-appearance: radio !important;
 }
 img {
   max-width: 100%;
   height: auto;
 }
 figure {
   margin: 0;
 }
 input:-webkit-autofill {
   box-shadow: 0 0 0 30px white inset;
   -moz-box-shadow: 0 0 0 30px white inset;
   -webkit-box-shadow: 0 0 0 30px white inset;
   -o-box-shadow: 0 0 0 30px white inset;
   -ms-box-shadow: 0 0 0 30px white inset;
 }
 .form-tittle {
   margin: 0;
   padding: 0;
   font-weight: bold;
   font-size: 25px;
   margin-bottom: 20px;
 }
 h3 {
   font-weight: bold;
   color: #222;
   font-size: 15px;
   margin: 0px;
   margin-bottom: 35px;
 }
 .clear {
   clear: both;
 }
 .main {
   position: relative;
 }
 .appointment-form {
   padding: 30px 30px 50px 30px;
 }
 input, select {
   width: 100%;
   display: block;
   border: none;
   border-bottom: 2px solid #ebebeb;
   padding: 5px 0;
   color: #222;
   margin-bottom: 23px;
 }
 input:focus, select:focus {
   color: #222;
   border-bottom: 2px solid #94cb00;
 }
 input[type=checkbox]:not(old) {
   width: 2em;
   margin: 0;
   padding: 0;
   font-size: 1em;
   display: none;
 }
 input[type=checkbox]:not(old) + label {
   display: inline-block;
   margin-top: 7px;
   margin-bottom: 25px;
 }
 input[type=checkbox]:not(old) + label > span {
   display: inline-block;
   width: 13px;
   height: 13px;
   margin-right: 15px;
   margin-bottom: 3px;
   border: 1px solid #ebebeb;
   background: white;
   background-image: -o-linear-gradient(white, white);
   background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
   background-image: linear-gradient(white, white);
   vertical-align: bottom;
 }
 input[type=checkbox]:not(old):checked + label > span {
   background-image: -o-linear-gradient(white, white);
   background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white));
   background-image: linear-gradient(white, white);
 }
 #confirm_type {
   margin-bottom: 20px;
 }
 .form-group-2 {
   margin-top: 15px;
   margin-bottom: 30px;
 }
 .form-check {
   margin-bottom: 20px;
 }
 .select-list {
   position: relative;
   display: inline-block;
   width: 100%;
   margin-bottom: 0;
 }
 .list-item {
   position: absolute;
   width: 100%;
 }
 .side-menu .bg-overlay {
   background: rgba(0, 0, 0, 0.9);
 }
 .bg-overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .side-menu {
   width: 100%;
   position: fixed;
   right: 0;
   top: 0;
   bottom: 0;
   background-image: url("../images/bg-img1.jpg");
   background-size: cover;
   background-position: center;
   z-index: 2032;
   height: 100%;
   -webkit-transform: translate3d(0, 100%, 0);
   transform: translate3d(0, 100%, 0);
   -webkit-transition: -webkit-transform .5s ease;
   transition: -webkit-transform .5s ease;
   -o-transition: -o-transform .5s ease;
   -o-transition: transform .5s ease;
   transition: transform .5s ease;
   -webkit-transition: transform .5s ease;
   overflow: hidden;
 }
 .side-menu.left {
   left: 0;
   right: auto;
   -webkit-transform: translate3d(-100%, 0, 0);
   transform: translate3d(-100%, 0, 0);
 }
 .side-menu-opacity {
   opacity: 0;
 }
 .side-menu.before-side {
   width: 280px;
 }
 .side-menu.side-menu-active, .side-menu.before-side {
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
 .pul-menu .side-menu.side-menu-active {
   visibility: visible;
   opacity: 1;
 }
 .side-menu .navbar-brand.sideLogo {
   position: absolute;
   top: 10px;
 }
 .side-menu .navbar-brand.sideLogo img {
   padding: 0px 0px;
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -o-filter: brightness(0) invert(1);
   -ms-filter: brightness(0) invert(1);
 }
 .side-menu .navbar-brand.sideLogo img:hover {
   filter: none;
   -moz-filter: none;
   -ms-filter: none;
   -o-filter: none;
   -webkit-filter: none;
 }
 .menuLogo {}
 .menuLogo img {
   width: 50%;
 }
 #close_side_menu {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: #202020;
   -webkit-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   -o-transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   transition: opacity 300ms cubic-bezier(0.895, 0.03, 0.685, 0.22);
   display: none;
   z-index: 1031;
   opacity: 0.4;
 }
 .side-menu .btn-close {
   background: #ffffff;
   color: #000;
   height: 33px;
   width: 33px;
   display: inline-block;
   text-align: center;
   position: absolute;
   top: 10px;
   right: 10px;
   cursor: pointer;
   border-radius: 50%;
 }
 .side-menu.before-side .btn-close {
   display: none;
 }
 .side-menu .btn-close::before, .side-menu .btn-close::after {
   position: absolute;
   left: 16px;
   content: ' ';
   height: 24px;
   width: 2px;
   background: #000;
   top: 5px;
 }
 .side-menu .btn-close:before {
   -webkit-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   transform: rotate(45deg);
 }
 .side-menu .btn-close:after {
   -webkit-transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .sidemenu_btn {
   -webkit-transition: all .3s linear;
   -o-transition: all .3s linear;
   transition: all .3s linear;
   width: 36px;
   padding: 6px;
   margin-right: 1rem;
   margin-top: .4rem;
   position: absolute;
   left: 40px;
   top: 40px;
   display: inline-block;
 }
 .sidemenu_btn span {
   height: 2px;
   width: 100%;
   background: #FFFFFF;
   display: block;
   margin: auto;
   transition: .5s ease;
 }
 .sidemenu_btn:hover span {}
 .sidemenu_btn:hover span:first-child, .sidemenu_btn:hover span:last-child {
   width: 70%;
 }
 .sidemenu_btn span:nth-child(2) {
   margin: 4px 0;
 }
 .side-menu .inner-wrapper {
   padding: 68px 5rem;
   height: 100%;
   position: relative;
   overflow-y: auto;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   text-align: left;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .pul-menu.pushwrap .side-menu .inner-wrapper {
   padding: 3.5rem 2.5rem;
 }
 .side-menu .side-nav {
   margin-bottom: 30px;
   display: block;
 }
 .side-nav .navbar-nav .nav-link {
   display: block;
   margin: 3px 0;
   padding: 0 !important;
   opacity: 0;
   -webkit-transition: all 0.8s ease 500ms;
   -o-transition: all 0.8s ease 500ms;
   transition: all 0.8s ease 500ms;
   -webkit-transform: translateY(30px);
   -ms-transform: translateY(30px);
   transform: translateY(30px);
 }
 .side-nav .navbar-nav .nav-link:first-child {
   -webkit-transition-delay: .1s;
   -o-transition-delay: .1s;
   transition-delay: .1s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(2) {
   -webkit-transition-delay: .2s;
   -o-transition-delay: .2s;
   transition-delay: .2s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(3) {
   -webkit-transition-delay: .3s;
   -o-transition-delay: .3s;
   transition-delay: .3s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(4) {
   -webkit-transition-delay: .4s;
   -o-transition-delay: .4s;
   transition-delay: .4s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(5) {
   -webkit-transition-delay: .5s;
   -o-transition-delay: .5s;
   transition-delay: .5s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(6) {
   -webkit-transition-delay: .6s;
   -o-transition-delay: .6s;
   transition-delay: .6s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(7) {
   -webkit-transition-delay: .7s;
   -o-transition-delay: .7s;
   transition-delay: .7s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(8) {
   -webkit-transition-delay: .8s;
   -o-transition-delay: .8s;
   transition-delay: .8s;
 }
 .side-nav .navbar-nav .nav-link:nth-child(9) {
   -webkit-transition-delay: .9s;
   -o-transition-delay: .9s;
   transition-delay: .9s;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav .nav-link {
   cursor: pointer;
   -webkit-transform: translateY(0);
   -ms-transform: translateY(0);
   transform: translateY(0);
   opacity: 1;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav {
   display: table;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav li {
   float: left;
   width: 33.33%;
   margin-bottom: 10px;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav .nav-link i {
   font-size: 20px;
   vertical-align: middle;
   margin-top: -8px;
   margin-right: 5px;
   width: 35px;
   height: 35px;
   background: #fff;
   text-align: center;
   color: #333;
   border-radius: 50%;
   line-height: 35px;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav .nav-link:hover i {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu {
   background: transparent;
   padding: 0;
   margin: 0;
   padding-left: 45px;
   color: #fff;
   font-size: 11px;
   line-height: 11px;
   margin-top: -2px;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu a {
   color: #fff;
   font-size: 13px;
   margin: 0 3px;
 }
 .side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu a:hover {
   color: #fc9a3a;
 }
 .boxPanelMenu {
   border: 2px solid #fff;
   padding: 20px 15px;
   border-radius: 20px;
   width: 100%;
   color: #fff;
 }
 .boxPanelMenu h4 {
   color: #fff !important;
   font-family: 'Montserrat', sans-serif;
 }
 .boxPanelMenu h4 i {
   font-size: 20px;
   vertical-align: middle;
   margin-top: -8px;
   margin-right: 5px;
   width: 35px;
   height: 35px;
   background: #fff;
   text-align: center;
   color: #333;
   border-radius: 50%;
   line-height: 35px;
 }
 .boxPanelMenu .social-icons .footer-icon {
   padding-left: 48px;
   padding-top: 5px;
 }
 .boxPanelMenu .form-control {
   height: 38px;
   background: #fff;
   border-color: transparent;
   border-radius: 50px 0 0 50px;
 }
 .boxPanelMenu label.error {
   position: absolute;
   top: -46px;
   right: 0;
 }
 .boxPanelMenu .btn {
   min-height: 38px;
   border-radius: 50px;
   margin-left: -50px;
   z-index: 9;
   position: relative;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .pl-45 {
   padding-left: 45px;
 }
 .side-nav .navbar-nav .nav-link {
   display: inline-table;
   color: #fff;
   padding: 2px 0 3px 0 !important;
   font-size: 17px;
   line-height: 36px;
   font-weight: 700;
   position: relative;
   border-radius: 0;
 }
 .side-nav .navbar-nav .nav-link::after {
   content: "";
   position: absolute;
   background: #fff;
   display: inline-block;
   width: 0;
   height: 3px;
   bottom: 0;
   left: 0;
   overflow: hidden;
   -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
   -o-transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
   transition: all 0.5s cubic-bezier(0, 0, 0.2, 1);
 }
 .side-nav .navbar-nav .nav-link.active {
   background: transparent;
 }
 .side-menu-inner-content {
   padding-bottom: 30px;
 }
 .side-menu-inner-content > .text-center {
   text-align: left !important;
   justify-content: left !important;
 }
 .side-menu p {
   margin-bottom: 0;
 }
 .side-menu.social-icons li {
   margin-left: 3px;
   margin-right: 3px;
   min-width: auto;
   padding-bottom: 0 !important;
 }
 .side-menu .social-icons li:first-child {
   margin-left: 0;
 }
 .side-menu .social-icons li > a {
   border: 1px solid #fff;
   font-size: 16px;
   color: #fff !important;
   width: 35px;
   height: 35px;
   margin: 0px;
   padding-top: 5px;
 }
 .side-menu .social-icons li > a i {
   color: #fff !important;
 }
 .main-wrapper {
   position: relative;
 }
 .main-wrapper .rodiusBox {
   background: #fff;
   z-index: -1;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   position: relative;
   max-width: 1180px;
   margin: auto;
   padding: 0 20px;
 }
 .main-wrapper .rodiusBox:after {
   position: absolute;
   width: 100%;
   background: #fff;
   left: 0;
   top: -28px;
   height: 40px;
   content: '';
   border-radius: 30px 30px 0 0;
   z-index: -1;
 }
 .sectionBoxOne {
   padding: 30px 0 30px 0;
 }
 .sorting {
   margin: 0 0 0px 0;
   font-size: 0;
   display: table;
   width: 100%;
   position: relative;
 }
 .sorting:after {
   content: "";
   background: #5b5f67;
   height: 2px;
   overflow: hidden;
   display: block;
   position: relative;
   top: 17px;
 }
 .sorting .buttons {
   float: left;
   padding: 0 15px 0 0;
 }
 .sorting .sortBox {
   position: absolute;
   right: 0;
   width: 45px;
   height: 45px;
   top: 3px;
   text-align: center;
   z-index: 9;
   border: 5px solid #fff;
 }
 .sorting .sortBox i {
   color: #fff;
   font-size: 15px;
   width: 35px;
   height: 35px;
   cursor: pointer;
   background: #ff6d01;
   color: #fff;
   line-height: 39px;
   border-radius: 50%;
 }
 .sorting .sortBox i:hover {
   background: #3f3d56;
 }
 .sorting .sortBox ul li {
   padding: 0;
   margin: 0;
 }
 .sorting .sortBox ul li a {
   display: block;
   color: #333;
   line-height: normal;
   font-size: 14px;
   padding: 7px;
 }
 .sorting .sortBox ul li a:hover {
   background: #ff6d01;
   color: #fff;
 }
 .btn-bor {
   border: 1px solid #ff6500 !important;
 }
 .sorting .sortingBox {
   position: absolute;
   padding: 0 20px;
   background: #eff3f6;
   left: 50%;
   z-index: 1;
   transform: translate(-50%, 0%);
   -moz-transform: translate(-50%, 0%);
   -ms-transform: translate(-50%, 0%);
   -o-transform: translate(-50%, 0%);
   -webkit-transform: translate(-50%, 0%);
 }
 .sectionBoxOne.top-category .bgWhiteBox .sorting .sortingBox {
   background: #fff;
 }
 .sectionBoxOne.top-category .bgWhiteBox .owl-carousel .owl-nav {
   top: -44px;
   background: #fff;
   padding-left: 96px;
 }
 .sorting .green-btn {
   font-size: 12px;
   position: absolute;
   right: 93px;
   top: 10px;
   z-index: 8;
   padding: 5px 10px;
 }
 .btn-sort {
   font-size: 25px !important;
   font-weight: 900;
   text-transform: uppercase;
   padding: 5px 10px !important;
   margin: 0 5px 5px 0;
   border: 1px solid #ff6500;
   color: #ff6d01;
   border: none;
   border-radius: 50%;
   background: none;
   display: inline-block !important;
 }
 .btn.btn-sort.focus, .btn.btn-sort:focus {
   color: #ff6d01;
 }
 .sectionBoxOne .sorting .buttons .btn-sort {
   border: 1px solid #ff6500 !important;
 }
 .btn-sort:hover {}
 .btn-sort:focus {
   color: #ffa200;
 }
 .btn-sort:focus:hover {
   color: #252525;
 }
 .btn-sort:active {
   box-shadow: #252525 0 2px 0 inset, #252525 0 -2px 0 inset, #252525 2px 0 0 inset, #252525 -2px 0 0 inset;
   color: #252525;
 }
 .sectionBoxOne h1 {
   width: 100%;
   border-bottom: 2px solid #D3D3D3;
   margin: 0;
   padding: 0;
   font-size: 30px;
   padding-bottom: 10px;
   font-weight: 600;
 }
 .sectionBoxOne .flip-card {
   position: relative;
   background-color: transparent;
   width: 100%;
   height: 210px;
   perspective: 1000px;
 }
 .sectionBoxOne .flip-card .flip-card-inner {
   position: relative;
   width: 100%;
   height: 100%;
   transition: transform 0.6s;
   -moz-transition: transform 0.6s;
   -ms-transition: transform 0.6s;
   -o-transition: transform 0.6s;
   -webkit-transition: transform 0.6s;
   transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   -o-transform-style: preserve-3d;
   -webkit-transform-style: preserve-3d;
 }
 .sectionBoxOne .flip-card:hover .flip-card-inner {
   transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   -webkit-transform: rotateY(180deg);
 }
 .sectionBoxOne .flip-card .flip-card-front, .sectionBoxOne .flip-card .flip-card-back {
   position: absolute;
   width: 100%;
   height: 100%;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   -o-backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border-radius: 6px;
 }
 .sectionBoxOne .flip-card .flip-card-front {
   background-color: #bbb;
   color: black;
   overflow: hidden;
   z-index: -1;
 }
 .sectionBoxOne .flip-card-front:after {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   color: #FFF;
   background: rgba(0, 0, 0, .5);
   border-radius: 6px;
 }
 .sectionBoxOne .flip-card .flip-card-front img {
   width: 100%;
   border-radius: 6px;
 }
 .sectionBoxOne .flip-card .flip-card-front h4 {
   color: #fff;
   position: absolute;
   margin-bottom: 0;
   bottom: 58px;
   left: 82px;
   font-size: 14px;
   z-index: 1;
   font-weight: 600;
 }
 .sectionBoxOne .flip-card .flip-card-front .brandScorePanel {
   color: #fff;
   position: absolute;
   margin-bottom: 0;
   bottom: -1px;
   left: 15px;
   font-size: 12px;
   z-index: 1;
 }
 .retingBox i.fa-star {
   font-size: 10px !important;
 }
 .retingBox i.fa-star.active {
   color: #eeb620;
 }
 .retingBox.retingStyle-1 {}
 .retingBox.retingStyle-1 i {
   margin-left: 5px;
   font-size: 15px !important;
 }
 .sectionBoxOne .flip-card .flip-card-front .brandValuePanel {
   color: #fff;
   position: absolute;
   margin-bottom: 0;
   top: 26px;
   right: 15px;
   font-size: 11px;
   z-index: 1;
 }
 .brandProductPanel {
   background: #272c38;
   padding: 7px 10px;
   color: #ffffff;
   font-size: 12px;
 }
 .brandProductArea .btn-info {
   background: #fc5124;
   border-color: #fc5124;
 }
 .brandProductArea .btnLike {
   background: #1eadce;
   border-color: #1eadce;
   color: #fff;
   cursor: pointer;
 }
 .brandProductArea .btnLike.like, .brandProductArea .btnLike:hover {
   background: #38cb89;
   border-color: #38cb89;
   color: #fff !important;
   cursor: pointer;
 }
 .brandProductArea .btnDislike {
   background: #e48527;
   border-color: #e48527;
   color: #fff;
   cursor: pointer;
 }
 .brandProductArea .btnDislike.dislike, .brandProductArea .btnDislike:hover {
   background: #dc3545;
   border-color: #dc3545;
   color: #fff !important;
   cursor: pointer;
 }
 .sectionBoxOne .flip-card .flip-card-front .overlay-blog-meta-category-list {
   position: absolute;
   left: 10px;
   position: absolute;
   z-index: 20;
 }
 .sectionBoxOne .flip-card:hover .flip-card-front .overlay-blog-meta-category-list {
   top: 0px;
 }
 .sectionBoxOne .flip-card .flip-card-front .overlay-blog-meta-category-list a {
   transform: none;
   -moz-transform: none;
   -ms-transform: none;
   -o-transform: none;
   -webkit-transform: none;
   display: inline-block;
   line-height: 1;
   font-weight: 500;
   font-size: 15px;
   color: #fff;
   text-decoration: none;
   background: linear-gradient(60deg, #3e28e0, #3f86f6);
   padding: 15px 14px;
   border-radius: 0 0 10px 10px;
   box-shadow: 3px 3px 3px #000;
 }
 .sectionBoxOne .flip-card .flip-card-front .sortUpPanel {
   position: absolute;
   bottom: 32px;
   left: 80px;
   font-size: 15px;
   z-index: 1;
   font-weight: 600;
   color: #fff;
 }
 .sectionBoxOne .flip-card .flip-card-front .sortUpPanel .fa-arrow-up {
   color: #2fbe08;
   float: left;
   margin-right: 5px;
   margin-top: 7px;
   font-size: 15px;
   line-height: 15px;
 }
 .sectionBoxOne .flip-card .flip-card-front .sortUpPanel .fa-arrow-down {
   color: #f54949;
   float: left;
   margin-right: 5px;
   margin-top: 7px;
   font-size: 15px;
   line-height: 15px;
 }
 .sectionBoxOne .flip-card .flip-card-front .sortUpPanel .rdColor {
   text-shadow: -1px -1px 3px #fff;
 }
 .sectionBoxOne .sorting .buttons .btn-sort {
   width: 47px;
   height: 47px;
 }
 .sectionBoxOne .sorting .buttons .btn-sort:hover {
   background: #ff6500 !important;
   color: #fff !important;
 }
 .sectionBoxOne.BlueBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list a {
   background: linear-gradient(60deg, #3e28e0, #3f86f6);
 }
 .sectionBoxOne.BlueBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list:after {
   background: #a02618;
 }
 .sectionBoxOne.BlueBoxIcon .sorting .buttons .btn-sort, .sectionBoxOne.BlueBoxIcon .owl-carousel .owl-nav button {
   border: 1px solid #2d7aec !important;
   color: #2d7aec !important;
 }
 .sectionBoxOne.BlueBoxIcon .sorting .buttons .btn-sort:hover, .sectionBoxOne.BlueBoxIcon .owl-carousel .owl-nav button:hover, .sectionBoxOne.BlueBoxIcon .owl-carousel .owl-nav button:focus {
   border: 1px solid #2d7aec !important;
   color: #fff !important;
   background: #2d7aec !important;
 }
 .sectionBoxOne.BlueBoxIcon .btn-sort {
   color: #2d7aec !important;
 }
 .sectionBoxOne.BlueBoxIcon .sorting .green-btn {
   border: 1px solid #2d7aec !important;
   background: linear-gradient(60deg, #3e28e0, #3f86f6);
 }
 .sectionBoxOne.BlueBoxIcon .sorting .green-btn:hover {
   background: linear-gradient(60deg, #3f86f6, #3e28e0);
 }
 .sectionBoxOne.redBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list a {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
 }
 .sectionBoxOne.redBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list:after {
   background: #eb5f02;
 }
 .sectionBoxOne.redBoxIcon .sorting .buttons .btn-sort, .sectionBoxOne.redBoxIcon .owl-carousel .owl-nav button {
   border: 1px solid #eb5f02 !important;
 }
 .sectionBoxOne.redBoxIcon .btn-sort {
   color: #eb5f02 !important;
 }
 .sectionBoxOne.greenBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list a {
   background: linear-gradient(60deg, #218705, #2ebb07);
 }
 .sectionBoxOne.greenBoxIcon .flip-card .flip-card-front .overlay-blog-meta-category-list:after {
   background: #2aa406;
 }
 .sectionBoxOne.greenBoxIcon .sorting .buttons .btn-sort, .sectionBoxOne.greenBoxIcon .owl-carousel .owl-nav button {
   border: 1px solid #2aa406 !important;
   color: #2aa406 !important;
 }
 .sectionBoxOne.greenBoxIcon .sorting .buttons .btn-sort:hover, .sectionBoxOne.greenBoxIcon .owl-carousel .owl-nav button:hover, .sectionBoxOne.greenBoxIcon .owl-carousel .owl-nav button:focus {
   border: 1px solid #2aa406 !important;
   color: #fff !important;
   background: #2aa406 !important;
 }
 .sectionBoxOne.greenBoxIcon .btn-sort {
   color: #2aa406 !important;
 }
 .sectionBoxOne .flip-card .flip-card-front .st-2Panel {
   position: absolute;
   top: 7px;
   right: 0px;
   font-size: 11px;
   z-index: 9;
   color: #fff;
 }
 .sectionBoxOne .flip-card .flip-card-back {
   padding: 10px;
   background: #3e28e0;
   background: linear-gradient(60deg, #3e28e0, #3f86f6);
   color: #fff;
   transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   -webkit-transform: rotateY(180deg);
 }
 .sectionBoxOne .flip-card .flip-card-back a {
   display: block;
   cursor: pointer;
 }
 .sectionBoxOne .flip-card .flip-card-back p {
   font-size: 12px;
   margin: 0;
   margin-top: 3px;
 }
 .sectionBoxOne .flip-card .flip-card-back i {
   width: 30px;
   height: 30px;
   border: 1px solid #fff;
   border-radius: 50px;
   text-align: center;
   font-size: 15px;
   line-height: 30px;
   color: #2d7de8;
   background: #fff;
 }
 .sectionBoxOne .flip-card .flip-card-back .progress-bars {
   margin-top: 4px !important;
 }
 .sectionBoxOne .flip-card .flip-card-back .progress-bars .progress .progress-bar {
   background: #1faf40;
   border: 1px solid #1faf40;
 }
 .sectionBoxOne .flip-card .flip-card-back .progress-bars .progress .progress-bar.worldWideBar {
   background: #f61818;
   border: 1px solid #f61818;
 }
 .sectionBoxOne .flip-card .flip-card-back .progress-bars .progress .progress-bar.worldWideBar:after {}
 .sectionBoxOne .flip-card .flip-card-back .progress-bars span {
   color: #fff;
   font-size: 12px;
   line-height: 12px;
   padding-right: 3px;
 }
 .sectionBoxOne .flip-card .flip-card-back .lineLeft {
   border-right: 1px solid #fff;
 }
 .sectionBoxOne .flip-card .flip-card-back .lineTop {
   border-top: 1px solid #fff;
 }
 .sectionBoxOne .flip-card .flip-card-back .progressPd {
   padding: 10px 5px !important;
 }
 .sectionBoxOne .owl-carousel .owl-nav {
   position: absolute;
   top: -47px;
   right: 0;
   display: inline-table;
   margin: 0;
   background: #eff3f6;
   padding-left: 96px;
   z-index: 9;
 }
 .sectionBoxOne .owl-carousel .owl-nav button {
   width: 35px;
   height: 35px;
   border: 1px solid #ff6500 !important;
   line-height: 19px;
   font-size: 15px;
   color: #ff6500;
   border-radius: 50px;
   margin: 0;
 }
 .sectionBoxOne .owl-carousel .owl-nav button.owl-prev {
   margin-right: 12px;
 }
 .sectionBoxOne .owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus {
   outline: none;
   font-size: 15px;
   border: 1px solid #ff6500 !important;
   color: #fff !important;
   background: #ff6500 !important;
 }
 .sectionBoxOne .owl-carousel .owl-stage-outer {
   padding: 20px 0;
 }
 .sectionBoxOne .owl-carousel .owl-dots {
   position: absolute;
   top: -36px;
   right: 49px;
   padding: 5px 15px;
   display: inline-table;
   margin: 0;
 }
 .sectionBoxOne .owl-carousel .owl-dots .owl-dot span {
   border-radius: 0;
   margin: 5px 3px;
   background: transparent;
   border: 2px solid #ffa200
 }
 .sectionBoxOne .owl-carousel .owl-dots .owl-dot.active span, .sectionBoxOne .owl-carousel .owl-dots .owl-dot:hover span {
   background: #ffa200;
 }
 .sectionBoxOne .bgWhiteBox {
   background: #fff;
   border-radius: 30px;
   padding: 15px 30px;
 }
 .top-category.sectionBoxOne {
   padding: 0px;
 }
 .top-category.sectionBoxOne .bgWhiteBox {
   background: #fff;
   border-radius: 30px;
   position: relative;
   margin-top: -60px;
   padding: 15px;
   margin-bottom: 30px;
 }
 .top-category.sectionBoxOne .owl-carousel .owl-nav {
   top: -44px;
   background: #eff3f6;
   padding-left: 20px;
 }
 .top-category.sectionBoxOne .owl-carousel .owl-dots {
   top: 5px;
 }
 .top-category.sectionBoxOne .sorting {
   margin: 0 0 0px 0;
   font-size: 0;
   display: table;
   width: 100%;
 }
 .sectionBoxOne .flip-card:hover .progress-bar {
   animation: animationName 3s ease 0s normal;
   -webkit-animation: animationName 3s ease 0s normal;
   -moz-animation: animationName 3s ease 0s normal;
   -o-animation: animationName 3s ease 0s normal;
   -ms-animation: animationName 3s ease 0s normal;
 }
 @keyframes animationName {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 @-webkit-keyframes animationName {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 @-moz-keyframes animationName {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 @-o-keyframes animationName {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 @-ms-keyframes animationName {
   0% {
     width: 0%;
   }
   100% {
     width: 100%;
   }
 }
 .top-category.sectionBoxOne .item .category-item img {
   background: #fff none repeat scroll 0 0;
   border-radius: 50px;
   box-shadow: 0 0 2px #ccc;
   height: 60px;
   margin: 1px 0 8px;
   width: 60px;
   display: inline;
   border: 4px solid #fff;
 }
 .top-category.sectionBoxOne .item .category-item:hover img {
   transform: scale(1.09);
   -moz-transform: scale(1.09);
   -ms-transform: scale(1.09);
   -o-transform: scale(1.09);
   -webkit-transform: scale(1.09);
   transition-duration: 0.4s;
   -moz-transition-duration: 0.4s;
   -ms-transition-duration: 0.4s;
   -o-transition-duration: 0.4s;
   -webkit-transition-duration: 0.4s;
 }
 .top-category.sectionBoxOne .item .category-item {
   background: #b9cdc1;
   border: 1px solid #CCC;
   background: #e5ece8;
   border-radius: 15px;
   box-shadow: 12px 7px 13px -3px #b4bfd8;
   margin: 6px 2px;
   padding: 10px 12px 10px 12px;
   font-size: 15px;
   transform: scale(1);
   -moz-transform: scale(1);
   -webkit-transform: scale(1);
   -o-transform: scale(1);
   -ms-transform: scale(1);
   transition: ease-in-out .2s;
   -moz-transition: ease-in-out 2s;
   -ms-transition: ease-in-out .2s;
   -o-transition: ease-in-out .2s;
   -webkit-transition: ease-in-out .2s;
 }
 .top-category.sectionBoxOne > .bgWhiteBox > .owl-carousel .item :nth-child(4n+1) .category-item {
   background: #e5ece8;
 }
 .top-category.sectionBoxOne > .bgWhiteBox > .owl-carousel .item:nth-child(4n+2) .category-item {
   background: #dce5e8;
 }
 .top-category.sectionBoxOne > .bgWhiteBox > .owl-carousel .item:nth-child(4n+3) .category-item {
   background: #ebdbd0;
 }
 .top-category.sectionBoxOne > .bgWhiteBox > .owl-carousel .item:nth-child(4n+4) .category-item {
   background: #e5f9da;
 }
 .sectionBoxOne .top100Row {
   display: flex;
   margin-left: -7px;
   margin-right: -7px;
   width: auto;
 }
 .sectionBoxOne .top100Row .item {
   padding: 20px 7px;
 }
 .top-category.sectionBoxOne .item .category-item:hover {
   transform: scale(1.05);
   -moz-transform: scale(1.05);
   -ms-transform: scale(1.05);
   -o-transform: scale(1.05);
   -webkit-transform: scale(1.05);
   transition: ease-in-out .2s;
   -moz-transition: ease-in-out 2s;
   -ms-transition: ease-in-out .2s;
   -o-transition: ease-in-out .2s;
   -webkit-transition: ease-in-out .2s;
 }
 .bgBox-1 {
   background: #dce5e8 !important;
 }
 .bgBox-2 {
   background: #ebdbd0 !important;
 }
 .bgBox-3 {
   background: #e5f9da !important;
 }
 .top-category.sectionBoxOne .item .category-item a {
   color: #000;
 }
 .compareBtn {
   background: #323741;
   border: 0;
   padding: 0 5px;
   border-radius: 5px;
   color: #fff;
   position: absolute !important;
   right: 42px;
   top: 7px;
   z-index: 8;
   font-size: 14px;
 }
 .compareBtn:hover, .compareBtnActive {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .compareBtn.tooltipArea .tooltipSt {
   width: auto;
 }
 .compareBtn.tooltipArea:hover .tooltipSt {
   top: -33px;
   width: auto;
 }
 .topCompanyLogoBox .compareBtn {
   right: 10px;
   background: #ffffff;
   color: #000;
   border-radius: 50px;
 }
 .topCompanyLogoBox .viewAllStBtn {
   border: 0;
   padding: 0 5px;
   position: absolute !important;
   right: 42px;
   width: 26px;
   height: 26px;
   z-index: 8;
   font-size: 14px;
   right: 10px;
   top: 45px;
   background: #ffffff;
   color: #000;
   border-radius: 50px;
 }
 .topCompanyLogoBox .compareBtn:hover, .topCompanyLogoBox .viewAllStBtn:hover {
   background: #fc5525;
   color: #fff;
 }
 .compareArea {
   position: absolute;
   right: 230px;
   top: 7px;
   z-index: 9;
 }
 .compareButtPanel {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
   border-radius: 50px;
   padding: 5px 10px;
 }
 .compareButtPanel:hover {
   background: #3f3d56;
   color: #fff;
   border: 1px solid #3f3d56;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText {
   margin-bottom: 20px;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText h6 {
   font-size: 15px;
   padding-right: 20px;
   font-weight: 600;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown {
   font-size: 12px;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .brandValueMenu {
   float: left;
   margin-right: 3px;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .dropdown-menu {
   padding: 5px 8px;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown i {
   font-size: 12px;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .dropdown-menu ul {
   margin: 0;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .dropdown-menu ul li {
   list-style: none;
   border-bottom: 1px solid #d7d7d7;
   font-size: 12px;
   padding: 1px 0;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .dropdown-menu ul li span {
   color: #900;
 }
 .top-category.sectionBoxOne .item .category-item .technologyText .dropdown .dropdown-menu ul li.linkColor span {
   color: #06F !important;
 }
 .top-category.sectionBoxOne .brandScorePanel {
   position: absolute;
   top: -40px;
   right: 72px;
   font-size: 11px;
 }
 .top-category.sectionBoxOne .brandScorePanel i {
   margin-right: 2px;
   font-size: 14px;
 }
 .top-category.sectionBoxOne .item .category-item .progression-studios-index-hexagon-border {
   top: -7px;
   left: 0;
   margin-left: auto;
 }
 .top-category.sectionBoxOne .item .category-item .sortUpPanel {
   position: absolute;
   top: -62px;
   right: 68px;
 }
 .top-category.sectionBoxOne .item .category-item .sortUpPanel i {
   float: left;
   margin-right: 5px;
   font-size: 15px;
 }
 .top-category.sectionBoxOne .item .category-item .sortUpPanel i.fa-arrow-up {
   margin-top: 6px;
   color: #32c20a !important;
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .top-category.sectionBoxOne .item .category-item .sortUpPanel i.fa-arrow-down {
   margin-top: 6px;
   color: #ff0000 !important;
   transform: rotate(395deg);
   -moz-transform: rotate(395deg);
   -ms-transform: rotate(395deg);
   -o-transform: rotate(395deg);
   -webkit-transform: rotate(395deg);
 }
 .gnColor {
   color: #32c20a !important;
 }
 .rdColor {
   color: #ff0000 !important;
 }
 .top-category.sectionBoxOne .item .category-item .gainBox {
   font-size: 12px;
   color: #333;
 }
 .top-category.sectionBoxOne .item .category-item .gainBox i {
   font-size: 16px;
   line-height: 16px;
 }
 .top-category.sectionBoxOne .item .category-item .gainBox i.fa-arrow-up {
   color: #30c208;
   margin-top: 5px;
   font-size: 15px;
   margin-right: 5px;
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .top-category.sectionBoxOne .item .category-item .gainBox i.fa-arrow-down {
   color: #eb290f;
   float: left;
   margin-top: 5px;
   font-size: 15px;
   margin-right: 5px;
   transform: rotate(195deg);
   -moz-transform: rotate(195deg);
   -ms-transform: rotate(195deg);
   -o-transform: rotate(195deg);
   -webkit-transform: rotate(195deg);
 }
 .poAuto {
   position: absolute;
 }
 .top-category.sectionBoxOne .item .category-item .gainBox .likeSect i {
   font-size: 13px;
   margin-top: 0;
   vertical-align: middle;
 }
 .top-category.sectionBoxOne .item .category-item .gainBox .likeSect span {
   font-weight: bold;
 }
 .shareDropdown {
   position: absolute;
   right: 10px;
   top: 7px;
   cursor: pointer;
 }
 .shareDropdown .shareMenu i {
   border: 1px solid #e1e1e1;
   padding: 5px;
   border-radius: 5px;
   background: #fff;
   font-size: 15px;
 }
 .shareDropdown .dropdown-menu {
   min-width: 30px;
   width: 30px;
   background: #323741 !important;
   padding: 0 3px;
 }
 .shareDropdown .dropdown-menu ul {
   margin: 0;
   padding: 0;
   text-align: center;
 }
 .shareDropdown .dropdown-menu ul li {
   list-style: none;
   color: #fff;
   padding: 3px;
   border-bottom: 1px solid #666970;
 }
 .shareDropdown .dropdown-menu ul li i {
   color: #fff;
   font-size: 15px !important;
 }
 .top-category.sectionBoxOne .item .top-category .category-item {
   padding: 20px 11px;
 }
 .likeSect i {
   cursor: pointer;
 }
 .top-category.sectionBoxOne .item .category-item h6 {
   font-size: 13px;
   margin: 5px 0 3px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 }
 .top-category.sectionBoxOne .item .category-item a p {
   font-size: 11px;
   font-weight: 500;
   margin: 0;
   color: #333;
 }
 .progression-studios-index-hexagon-border {
   position: relative;
   width: 56px;
   height: 32.33px;
   background-color: #fff;
   margin: 16.17px 0;
   left: 15px;
   top: -90px;
   z-index: 9;
 }
 .progression-studios-index-hexagon-border:before {
   bottom: 100%;
   border-bottom: 16.17px solid #fff;
   content: "";
   position: absolute;
   width: 0;
   border-left: 28px solid transparent;
   border-right: 28px solid transparent;
   left: 0;
 }
 .progression-blog-review-index-total {
   position: relative;
   width: 52px;
   height: 30.02px;
   margin: 15.01px 0;
   top: 1px;
   left: 2px;
   z-index: 10;
   text-align: center;
   background: #3f3d56;
   font-style: italic;
   font-weight: 400;
   font-size: 20px;
   line-height: 32px;
   color: #fff;
 }
 .bgArea {
   width: 52px;
   height: 35px;
   background: url(../images/bg-icon.png) no-repeat;
   background-size: 82%;
   background-position: 50% -10px;
   background-position: center bottom;
   position: absolute;
   z-index: 1;
   left: 0px;
 }
 .progression-blog-review-index-total:before {
   border-bottom-color: #3f3d56;
   bottom: 100%;
   border-bottom: 15.01px solid #3f3d56;
   content: "";
   position: absolute;
   width: 0;
   border-left: 26px solid transparent;
   border-right: 26px solid transparent;
   left: 0;
 }
 .progression-blog-review-index-total:after {
   border-top-color: #3f3d56;
   top: 100%;
   width: 0;
   border-top: 15.01px solid #3f3d56;
   content: "";
   position: absolute;
   width: 0;
   border-left: 26px solid transparent;
   border-right: 26px solid transparent;
   left: 0;
 }
 .progression-studios-index-hexagon-border:after {
   top: 100%;
   width: 0;
   border-top: 16.17px solid #fff;
   content: "";
   position: absolute;
   width: 0;
   border-left: 28px solid transparent;
   border-right: 28px solid transparent;
   left: 0;
 }
 .overlay-blog-meta-category-list {
   position: absolute;
   top: 0;
   left: -2px;
   position: absolute;
   z-index: 20;
 }
 .overlay-blog-meta-category-list a {
   transform: skewX(-8deg);
   display: inline-block;
   line-height: 1;
   font-weight: 500;
   font-size: 15px;
   color: #fff;
   text-decoration: none;
   background: #5c39f2;
   padding: 9px 30px;
   margin: 0 7px 7px 0;
 }
 .footer-tp-line {
   background: #f8f8f8;
   color: #fff;
   margin-top: -150px;
   position: relative;
 }
 .footerSection {
   width: 100%;
   padding: 30px 0 35px 0;
   position: relative;
   background: #000000;
   font-family: 'Montserrat', sans-serif;
   line-height: 26px;
   letter-spacing: .5px;
   font-weight: 500;
 }
 .footerSection .bottomText {
   border-left: 1px solid #393939;
 }
 .footerSection .bottomLinkPanel {}
 .footerSection .bottomLinkPanel ul {
   width: 60%;
   float: left;
   margin: 00;
   padding: 0;
   list-style: none;
 }
 .footerSection .bottomLinkPanel ul:first-child {
   width: 40%;
 }
 .footerSection .bottomLinkPanel a {
   color: #fff;
   margin-right: 15px;
   font-size: 14px;
 }
 .footerSection .bottomLinkPanel a:hover {
   text-decoration: underline;
 }
 .footerSection h2 {
   color: #FFF;
   font-size: 15px;
   text-transform: uppercase;
   margin-bottom: 10px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
 }
 .footerSection .single {
   position: relative;
 }
 .footerSection .single .input-group {
   padding: 0;
 }
 .footerSection .single .form-control {
   height: 45px;
   background: #fff;
   border-color: transparent;
   border-radius: 50px 0 0 50px;
 }
 .footerSection .single .form-control:focus {
   box-shadow: none;
   border-color: #243c4f;
 }
 .footerSection .single .btn {
   min-height: 45px;
   border-radius: 50px;
   margin-left: -50px;
   z-index: 9;
   position: relative;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .footerSection .single .input-group label.error {
   position: absolute;
   top: -33px;
   left: 110px;
 }
 .footerSection .single .btn:hover {
   background: linear-gradient(95deg, #fb9d3b, #fc5525);
 }
 .footerSectionBottom {
   background: #000000;
   padding: 4px 0;
   border-top: 1px solid #333;
   position: relative;
   z-index: 999;
   font-size: 10px;
   color: #fff;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
 }
 .footerSectionBottom a {
   color: #fff;
   font-size: 10px;
   margin: 0 3px
 }
 .footerSectionBottom a:hover {
   color: #fb9d3b;
 }
 .footerSectionBottom a img {
   width: 120px;
   float: left;
 }
 .footerSectionBottom a img:hover {
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   filter: brightness(0) invert(1);
   -webkit-filter: brightness(0) invert(1);
   -moz-filter: brightness(0) invert(1);
   -o-filter: brightness(0) invert(1);
   -ms-filter: brightness(0) invert(1);
 }
 .footerSectionBottom span {
   float: right;
   padding-top: 8px;
 }
 .footerSection .bottomfollowPanel ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .footerSection .bottomfollowPanel ul li {
   display: inline-block;
   margin-right: 5px;
 }
 .footerSection .bottomfollowPanel ul li a {
   color: #fff;
 }
 .footerSection .bottomfollowPanel ul li a i {
   width: 35px;
   height: 35px;
   background: #fff;
   font-size: 18px;
   border-radius: 50%;
   line-height: 35px;
   text-align: center;
   color: #000;
 }
 .footerSection .bottomfollowPanel ul li a i:hover {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .login-form {
   margin: 0 auto;
 }
 .login-form form {
   color: #999;
   margin-bottom: 15px;
   background: #fff;
   padding: 15px;
   position: relative;
 }
 .login-form h2 {
   font-size: 24px;
   color: #454959;
   margin: 15px 0;
 }
 .login-form .avatar {
   width: 100%;
   text-align: center;
 }
 .login-form .avatar img {
   width: 200px;
 }
 .login-form .btn {
   color: #fff;
   border-radius: 4px;
   text-decoration: none;
   transition: all 0.4s;
   line-height: normal;
   border: none;
   padding: 15px 5px;
   font-size: 18px;
 }
 .login-btn {
   font-size: 16px;
   font-weight: bold;
   background: #df4930;
   margin-bottom: 20px;
   text-transform: uppercase;
 }
 .login-btn:hover, .login-btn:active {
   background: #86ac2d !important;
 }
 .social-btn {
   padding-bottom: 15px;
 }
 .social-btn .btn {
   margin-bottom: 10px;
   font-size: 14px;
   text-align: left;
   padding: 10px 5px;
 }
 .social-btn .btn:hover {
   opacity: 0.8;
   text-decoration: none;
 }
 .social-btn .btn-primary {
   background: #3e59a5;
 }
 .social-btn .btn-info {
   background: #1192ce;
 }
 .social-btn .btn-danger {
   background: #dd4b39;
 }
 .social-btn .btn i {
   float: left;
   margin: 1px 10px 0 5px;
   min-width: 20px;
   font-size: 18px;
   color: #fff;
 }
 .or-seperator {
   height: 0;
   margin: 0 auto 20px;
   text-align: center;
   border-top: 1px solid #e0e0e0;
   width: 30%;
 }
 .or-seperator i {
   padding: 0 10px;
   font-size: 15px;
   text-align: center;
   background: #fff;
   display: inline-block;
   position: relative;
   top: -13px;
   z-index: 1;
 }
 .login-form a {
   color: #fff;
   text-decoration: underline;
 }
 .login-form form a {
   color: #999;
   text-decoration: none;
 }
 .login-form a:hover, .login-form form a:hover {
   text-decoration: none;
 }
 .login-form form a:hover {
   text-decoration: underline;
 }
 .ForgotTextBox {
   font-size: 13px;
   font-weight: 600;
   margin-bottom: 10px;
 }
 .ForgotTextBox a {
   color: #333;
 }
 .signTextBox a {
   color: #03F !important;
   cursor: pointer;
 }
 .modal.searchModel {
   overflow: hidden;
   height: 100vh;
 }
 .modal.searchModel .close {
   position: absolute;
   top: 15px;
   right: 15px;
   font-size: 25px;
   color: #fff;
   text-shadow: none;
 }
 .modal.searchModel .modal-dialog {
   max-width: 100%;
   width: 100%;
   margin: 0;
   background: rgba(0, 0, 0, .5);
   height: 100vh;
 }
 .modal.searchModel .modal-dialog .modal-content {
   background: transparent;
   height: 100vh;
 }
 .modal.searchModel .modal-dialog .modal-content .modal-body {
   padding: 0;
   height: 100vh;
 }
 .modal.searchModel .modal-dialog .modal-content .modal-body .raven-search-form-input {
   width: 800px;
   max-width: 85%;
   padding: 20px;
   border-width: 0 0 3px 0;
   border-style: solid;
   border-color: rgba(255, 255, 255, .1);
   color: #fff;
   font-size: 35px;
   text-align: center;
   background: transparent;
   margin: auto;
   margin-top: 10%;
 }
 .modal.searchModel .ui-autocomplete li {
   text-align: left;
 }
 .bgWhiteBox {
   background: #323741;
   padding: 20px 15px;
   border-radius: 15px;
 }
 .allAn {
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
 }
 .btnPlus-2.poAre {
   position: static;
   left: 0;
   top: 0;
 }
 .brandInfluencersBox {
   padding: 30px 0;
 }
 .brandInfluencersBox h4 {
   color: #ffab45;
   margin-bottom: 0;
 }
 .brandInfluencersBox h4 span {
   color: #fff;
 }
 .brandInfluencersBox h4 .btnPlus-2, .btnPlus-2, .brandInfluencersBox h4 .btnPlus, .btnPlus {
   width: 40px;
   height: 40px;
   display: inline-block;
   border-radius: 50%;
   border: 2px solid #5b5f67;
   text-align: center;
   font-size: 30px;
   position: absolute;
   right: 13px;
   top: -9px;
   line-height: 38px;
   color: #fff;
   font-weight: 700;
   background: #323741;
 }
 .brandInfluencersBox h4 .btnPlus-2:hover, .btnPlus-2:hover, .brandInfluencersBox h4 .btnPlus:hover, .btnPlus:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .btnPlusTrn {
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .brandInfluencersBox h1 {
   color: #fcfcfd;
   margin-bottom: 25px;
 }
 .brandInfluencersBox p {
   color: #fff;
   margin-bottom: 15px;
   line-height: 25px;
 }
 .brandInfluencersBox .col-md-12 > p {
   margin-bottom: 15px;
 }
 .brandInfluencersBox .company_info {
   background: #313743;
   color: #fff;
   height: 100%;
   padding: 20px;
   border-radius: 15px;
 }
 .brandInfluencersBox .company_info:hover {
   background-color: #ff9c3d;
 }
 .brandInfluencersBox .company_info span {
   width: 30px;
   height: 30px;
   background: #ff9c3d;
   color: #fff;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   font-size: 18px;
   line-height: 32px;
 }
 .brandInfluencersBox .company_info h6 {
   font-weight: 700;
   font-size: 18px;
 }
 .brandInfluencersBox .company_info p {
   color: #fff;
   font-weight: 400;
 }
 .brandInfluencersBox .influencersHdBox {
   margin-bottom: 20px;
 }
 .brandInfluencersBox .influencersHdBox h2 {
   color: #3f3d56;
   font-size: 30px;
   font-weight: 700;
 }
 .brandInfluencersBox .influencersHdBox h6 {
   color: #bbbbc0;
   font-size: 30px;
   font-weight: 700;
 }
 .brandInfluencersBox .influencersHdBox a {
   padding: 10px 15px;
   text-transform: uppercase;
   border: 1px solid #ff6501;
   border-radius: 50px;
   font-size: 20px;
   color: #ff6501;
   font-weight: 600;
 }
 .brandInfluencersBox .influencersHdBox a:hover {
   background: #3f3d56;
   color: #fff;
   border: 1px solid #3f3d56;
 }
 .brandInfluencersBox .lineBox {
   width: 100%;
   height: 1px;
   background: #c8cbd2;
   display: block;
 }
 .companyTopPanel {
   width: 100%;
 }
 .companyTopPanel .socialName {
   position: relative;
 }
 .companyTopPanel h2 {
   padding: 10px 15px;
   text-transform: uppercase;
   border: 1px solid #ff6501;
   border-radius: 50px;
   font-size: 24px;
   color: #ff6501;
   font-weight: 600;
 }
 .companyTopPanel h2:hover {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .companyTopPanel .socialName span {
   position: absolute;
   bottom: -18px;
   left: 9px;
   font-size: 11px;
   font-weight: 600;
   color: #fff;
 }
 .companyTopPanel .lineBox {
   width: 100%;
   height: 1px;
   background: #474b54;
   display: block;
 }
 .companyTopPanel ul.companyTopIcon {
   margin: 0;
   padding: 0;
 }
 .companyTopPanel ul.companyTopIcon li {
   display: inline-block;
   position: relative;
   margin-right: 5px;
 }
 .companyTopPanel ul.companyTopIcon li span {
   width: 50px;
   height: 50px;
   text-align: center;
   border-radius: 50%;
   display: block;
   cursor: pointer;
 }
 .companyTopPanel ul.companyTopIcon li span i {
   font-size: 25px;
   line-height: 48px;
 }
 .companyTopPanel .compareArea {
   position: absolute;
   top: -17px;
   z-index: 9;
   left: 100px;
   right: auto;
 }
 .companyTopPanel ul.companyTopIcon li .tooltipSt {
   position: absolute;
   left: -25%;
   top: -22px;
   font-size: 12px;
   border-radius: 7px;
   padding: 1px 7px;
   background: #1F1F1F;
   color: #fff;
   text-align: center;
   display: inline-block;
   visibility: hidden;
   transition: ease-in-out .2s;
   -moz-transition: ease-in-out 2s;
   -ms-transition: ease-in-out .2s;
   -o-transition: ease-in-out .2s;
   -webkit-transition: ease-in-out .2s;
   opacity: 0;
 }
 .companyTopPanel ul.companyTopIcon li:hover .tooltipSt {
   visibility: visible;
   top: -32px;
   opacity: 100;
 }
 .tooltipArea {
   position: relative;
 }
 .tooltipArea .tooltipSt {
   position: absolute;
   left: 50%;
   top: -2px;
   font-size: 11px;
   border-radius: 7px;
   padding: 2px 7px;
   background: #1F1F1F;
   color: #fff;
   text-align: center;
   display: inline-block;
   visibility: hidden;
   transition: ease-in-out .2s;
   -moz-transition: ease-in-out 2s;
   -ms-transition: ease-in-out .2s;
   -o-transition: ease-in-out .2s;
   -webkit-transition: ease-in-out .2s;
   opacity: 0;
   transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   width: 94px;
 }
 .tooltipArea:hover .tooltipSt {
   visibility: visible;
   top: -20px;
   opacity: 100;
 }
 .brandsNamePanel .compareBtn {
   right: -15px;
   top: 0;
   z-index: 9;
 }
 .icon_border {
   border-right: 1px solid #5a5e6a;
 }
 .topCompanyLogoBox {}
 .topCompanyLogoBox .brandsNamePanel {
   border-bottom: 1px solid #2c313c;
   margin-bottom: 10px;
   padding-bottom: 10px !important;
 }
 .topCompanyLogoBox .brandsNamePanel a {
   color: #333;
 }
 .topCompanyLogoBox .brandsNamePanel .brandsNameBox {
   display: inline-table;
   padding-left: 15px;
   float: left;
 }
 .topCompanyLogoBox .brandsNamePanel .brandsNameBox b {
   display: block;
   font-weight: normal;
   font-size: 11px;
   color: #333;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea {
   display: inline-table;
   margin-top: 5px;
   padding-left: 15px;
   float: left;
   color: #fff;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea b {
   display: block;
   font-weight: normal;
   font-size: 13px;
   color: #fff;
   margin-bottom: 5px;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea b span {
   font-weight: normal;
   font-size: 13px;
   color: #e68f42;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea i {
   color: #5b5f67;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea a {
   margin: 0 5px;
 }
 .topCompanyLogoBox .brandsNamePanel .nameBrandArea a i {
   color: #fff;
 }
 .col-22 {
   color: #474c56 !important;
 }
 .topCompanyLogoBox .inner_logo {
   border: 0px solid #444750;
   position: relative;
   margin-bottom: 15px;
   background: #323741;
   border-radius: 15px;
   color: #fff;
   font-size: 12px;
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
   z-index: 1px;
 }
 .topCompanyLogoBox .inner_logo:after {
   display: none;
   width: 2px;
   height: 100%;
   position: absolute;
   left: 50%;
   top: 0;
   content: '';
   background: #535763;
 }
 .topCompanyLogoBox .inner_logo:hover {
   -webkit-transform: translateY(-4px) scale(1.02);
   -moz-transform: translateY(-4px) scale(1.02);
   -ms-transform: translateY(-4px) scale(1.02);
   -o-transform: translateY(-4px) scale(1.02);
   transform: translateY(-4px) scale(1.02);
   -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
   box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
 }
 .topCompanyLogoBox .inner_logo .fa-arrow-up {
   float: left;
   margin-top: 5px;
   margin-right: 5px;
   color: #3edc3e;
 }
 .topCompanyLogoBox .inner_logo .fa-arrow-down {
   float: left;
   margin-top: 5px;
   margin-right: 5px;
   color: #F00;
 }
 .topCompanyLogoBox .inner_logo .gainBox {
   color: #fff;
   line-height: 15px;
   margin: 0 6px;
 }
 .topCompanyLogoBox .inner_logo .gainBox i {
   color: #5f636b;
 }
 .topCompanyLogoBox .inner_logo .gainBox .fa-arrow-up {
   margin-top: 2px;
   margin-left: 5px;
   color: #3edc3e;
 }
 .topCompanyLogoBox .inner_logo .gainBox .fa-arrow-down {
   float: left;
   margin-top: 3px;
   margin-right: 5px;
   color: #F00;
 }
 .topCompanyLogoBox .inner_logo .social-icon {}
 .topCompanyLogoBox .inner_logo .social-icon i {
   width: 25px;
   height: 25px;
   text-align: center;
   border: 1px solid #c7c8c9;
   text-align: center;
   border-radius: 50px;
   line-height: 22px;
   margin-left: 5px;
   color: #c7c8c9;
 }
 .topCompanyLogoBox .inner_logo .social-icon i:hover {
   border: 1px solid #e6801c;
   color: #fff;
   background: #e6801c;
 }
 .topCompanyLogoBox .inner_logo:nth-child(even) {
   background-color: #242932;
 }
 .topCompanyLogoBox .inner_logo:nth-child(even):after {
   background: #474b54;
 }
 .no_rating {
   color: #eeb620 !important;
 }
 .topCompanyLogoBox .inner_logo {
   display: block;
   padding: 10px;
 }
 .topCompanyLogoBox .inner_logo img {
   width: 60px;
   height: 60px;
   border-radius: 10px;
   padding: 0px;
 }
 .topCompanyLogoBox .inner_logo span.circle1 {
   background: #e3e3e3;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   color: #000;
   display: inline-block;
   font-weight: bold;
   line-height: 40px;
   margin-right: 5px;
   text-align: center;
   width: 40px;
   height: 40px;
   font-size: 20px;
   float: left;
   margin-top: 10px;
 }
 .bg_green {
   background-color: #cff1e3 !important;
   color: #12b975 !important
 }
 .bg_yellow {
   background-color: #ebe1bf !important;
   color: #bfab22 !important
 }
 .bg_red {
   background-color: #ebcfbf !important;
   color: #ff6501 !important
 }
 .bg_blue {
   background-color: #c4d6f0 !important;
   color: #427acc !important
 }
 .bg_pink {
   background-color: #eed1fc !important;
   color: #a919f0 !important
 }
 .inner_logo a .first_color {
   font-size: 14px;
   color: #3edc3e;
   font-weight: 600;
   margin-top: 14px;
   display: inline-block;
   float: left;
   margin-top: 0px;
   margin-bottom: 0;
 }
 .inner_logo a .second_color {
   font-size: 20px;
   color: #d75c38;
   font-weight: 600;
   margin-top: 14px;
   display: inline-block;
   float: left;
   margin-right: 5px;
 }
 .inner_logo a .brandScorePanel {
   font-size: 12px;
   color: #c7c8c9;
   text-align: right;
   padding-right: 5px;
 }
 .info-header .fa-facebook-f, .info-header .fa-snapchat-ghost, .info-header .fa-twitter {
   color: #fff;
 }
 .main-navigation nav .navbar-nav .nav-link {
   display: inline-block;
   min-width: 85px;
   text-align: center;
 }
 .main-navigation nav .navbar-nav .nav-link {
   padding-top: 0;
   padding-bottom: 0;
   color: #ffffff;
   font-size: 16px;
   font-weight: 500;
   text-decoration: none;
   transition: .5s ease;
 }
 .main-navigation nav .navbar-nav .nav-link:hover, header .main-navigation nav .navbar-nav .nav-link.active {}
 .menu-line {
   visibility: hidden;
   position: absolute;
   top: -10px;
   font-size: 18px;
   color: #333;
   left: 0;
   display: block;
   text-align: center;
   width: 68px;
   height: 30px;
   pointer-events: none;
   -webkit-transition: -webkit-transform 0.5s;
   transition: transform 0.5s;
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1);
   -webkit-transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
   transition-timing-function: cubic-bezier(1, 0.01, 0, 1.22);
 }
 .fixed-menu .menu-line {
   top: -11px;
   font-size: 18px;
   color: #fff;
 }
 .nav-icon .navbar-nav .nav-link:nth-child(1).active ~ .menu-line {
   -webkit-transform: translate3d(13%, 0, 0);
   transform: translate3d(13%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(2).active ~ .menu-line {
   -webkit-transform: translate3d(170%, 0, 0);
   transform: translate3d(140%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(3).active ~ .menu-line {
   -webkit-transform: translate3d(317%, 0, 0);
   transform: translate3d(280%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(4).active ~ .menu-line {
   -webkit-transform: translate3d(470%, 0, 0);
   transform: translate3d(400%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(5).active ~ .menu-line {
   -webkit-transform: translate3d(650%, 0, 0);
   transform: translate3d(527%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(6).active ~ .menu-line {
   -webkit-transform: translate3d(595%, 0, 0);
   transform: translate3d(595%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(7).active ~ .menu-line {
   -webkit-transform: translate3d(650%, 0, 0);
   transform: translate3d(650%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(8).active ~ .menu-line {
   -webkit-transform: translate3d(750%, 0, 0);
   transform: translate3d(750%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(1):hover ~ .menu-line {
   -webkit-transform: translate3d(13%, 0, 0);
   transform: translate3d(13%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(2):hover ~ .menu-line {
   -webkit-transform: translate3d(170%, 0, 0);
   transform: translate3d(140%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(3):hover ~ .menu-line {
   -webkit-transform: translate3d(317%, 0, 0);
   transform: translate3d(280%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(4):hover ~ .menu-line {
   -webkit-transform: translate3d(470%, 0, 0);
   transform: translate3d(400%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(5):hover ~ .menu-line {
   -webkit-transform: translate3d(650%, 0, 0);
   transform: translate3d(527%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(6):hover ~ .menu-line {
   -webkit-transform: translate3d(595%, 0, 0);
   transform: translate3d(595%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(7):hover ~ .menu-line {
   -webkit-transform: translate3d(650%, 0, 0);
   transform: translate3d(650%, 0, 0);
 }
 .nav-icon .navbar-nav .nav-link:nth-child(8):hover ~ .menu-line {
   -webkit-transform: translate3d(750%, 0, 0);
   transform: translate3d(750%, 0, 0);
 }
 .sliderLeftPanel .bannerSmImg {
   width: 250px;
   height: 250px;
   position: relative;
 }
 .sliderLeftPanel .bannerSmImg img {
   border-radius: 50%;
   width: 230px;
   height: 230px;
   border: 20px solid #fff;
 }
 .animated-wrap {
   position: absolute;
 }
 .facebookwrap {
   left: -50px;
   bottom: -80px;
   animation-name: roundaction;
   animation-duration: 13s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction {
   0% {
     left: -50px;
     bottom: -80px;
   }
   50% {
     left: -40px;
     bottom: -40px;
   }
   100% {
     left: -50px;
     bottom: -80px;
   }
 }
 .instagramwrap {
   left: -103px;
   top: -27px;
   animation-name: roundaction-1;
   animation-duration: 15s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction-1 {
   0% {
     left: -103px;
     top: -27px;
   }
   50% {
     left: -73px;
     top: -67px;
   }
   100% {
     left: -103px;
     top: -27px;
   }
 }
 .youtubewrap {
   right: -92px;
   bottom: -52px;
   animation-name: roundaction-2;
   animation-duration: 13s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction-2 {
   0% {
     right: -92px;
     bottom: -52px;
   }
   50% {
     right: -62px;
     bottom: -02px;
   }
   100% {
     right: -92px;
     bottom: -52px;
   }
 }
 .twitterwrap {
   right: -80px;
   top: -100px;
   animation-name: roundaction-3;
   animation-duration: 13s;
   animation-fill-mode: forwards;
   animation-direction: normal;
   animation-iteration-count: infinite;
 }
 @keyframes roundaction-3 {
   0% {
     right: -80px;
     top: -100px;
   }
   50% {
     right: -50px;
     top: -60px;
   }
   100% {
     right: -80px;
     top: -100px;
   }
 }
 .socialPo-3 {}
 .rs-beforeafter-bounce-arrows .rs-main-slider-four-rs-964-rs-beforeafter-bounce-left {
   -webkit-animation: main-slider-four-rs-964-rs-beforeafter-bounce-left 1.50s ease-in-out infinite;
   animation: main-slider-four-rs-964-rs-beforeafter-bounce-left 1.50s ease-in-out infinite;
 }
 .banner-overlay::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 0;
   bottom: 0;
 }
 .banner-overlay::after {
   background: rgba(0, 0, 0, .39);
 }
 .awaza.tp-bullets {
   z-index: 98;
 }
 .awaza.tp-bullets {
   left: -25px !important;
 }
 .awaza .tp-bullet.selected, .awaza .tp-bullet:hover {
   background: transparent;
 }
 #banner-main .tp-bullet, .bullet-bar .tp-bullet {
   border-radius: 36px;
 }
 #banner-main .tp-bullet:hover {
   background: #ffffff;
 }
 .awaza .tp-bullet.selected .animated-wrap, .awaza .tp-bullet.selected .animated-element {
   transform: none !important;
 }
 .awaza .animated-wrap {
   width: 25px;
 }
 .awaza .tp-bullet {
   width: unset;
   height: 6px;
   position: relative;
   background: transparent;
   cursor: pointer;
   color: #212622;
 }
 .awaza .tp-bullet-number {
   position: relative;
   text-align: left;
 }
 .awaza .tp-bullet.selected:nth-child(4) {
   padding-bottom: 4px;
   border-bottom: 2px solid;
 }
 .awaza, .tp-tabs, .tp-thumbs {
   top: 43% !important;
 }
 .awaza .tp-bullet .tp-count {
   font-size: 14px;
   position: relative;
 }
 .awaza .tp-count:after {
   content: '';
   border-radius: 36px;
   height: 5px;
   width: 27px;
   display: block;
   position: absolute;
   background: #ffffff;
   top: 100%;
   visibility: visible;
   opacity: 1;
 }
 .awaza .tp-count:before {
   content: '';
   border-radius: 50%;
   height: 5px;
   width: 5px;
   display: block;
   position: absolute;
   background: #ffffff;
   transform: translateX(-250%);
 }
 .awaza .tp-bullet.selected .tp-count:before, .awaza .tp-bullet.selected .tp-count:after {
   background: #e57bff;
 }
 .yellow-box {
   opacity: .7 !important;
 }
 .slider-social {
   z-index: 99;
 }
 .slider-social a {
   display: block;
   position: relative;
   text-align: center;
   color: #fff !important;
   font-size: 25px;
   background: #fff;
   border-radius: 50%;
   width: 70px;
   height: 70px;
   margin: 0 auto;
   -webkit-transition: background-color .2s ease-in-out;
   -moz-transition: background-color .2s ease-in-out;
   -ms-transition: background-color .2s ease-in-out;
   -o-transition: background-color .2s ease-in-out;
   transition: background-color .2s ease-in-out;
 }
 .slider-social i {
   line-height: 70px;
   color: #fff !important;
 }
 .slider-social.icon-small img {
   transform: translateY(-60%);
 }
 .slider-social .animated-element {
   background: #fff;
 }
 .slider-social.facebookwrap a {
   background: #3a569a;
 }
 .slider-social.instagramwrap a {
   background: #7a38ab;
 }
 .slider-social.youtubewrap a {
   background: #ff0000;
 }
 .slider-social.twitterwrap a {
   background: #1da1f2;
 }
 .slider-social.facebookwrap a:hover, .slider-social.instagramwrap a:hover, .slider-social.youtubewrap a:hover, .slider-social.twitterwrap a:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .icon-box-large {
   width: 100px;
   height: 100px;
   border-radius: 50%;
 }
 .icon-box-large-two {
   width: 120px;
   height: 120px;
   border-radius: 50%;
 }
 .slider-social .icon-box-large-two a {
   border-radius: 50%;
   width: 90px;
   height: 90px;
 }
 .slider-social .icon-box-large-two i {
   line-height: 90px;
 }
 .icon-box-small {
   width: 68px;
   height: 67px;
   border-radius: 50%;
 }
 .slider-social .icon-box-small a {
   border-radius: 50%;
   width: 45px;
   height: 45px;
 }
 .slider-social .icon-box-small i {
   line-height: 45px;
 }
 .bg-pink-two {
   background: #febdc8;
 }
 .bg-gray-two {
   background: #e2e3e2;
 }
 split-blog-scale img {
   transform: scale(1);
   transition: 1s;
 }
 .split-blog-scale:hover img {
   transform: scale(1.2);
 }
 .bg-light-gray {
   background-color: #f9f9f9;
 }
 .bg-light-gray2 {
   background-color: #efefef;
 }
 .bg-light-gray3 {
   background-color: #f2f2f2;
 }
 .bg-yellow, .hvr-bg-yellow:hover {
   background-color: #f1c30f;
 }
 .bg-pink, .hvr-bg-pink:hover {
   background-color: #e57bff;
 }
 .bg-blue, .hvr-bg-blue:hover {
   background-color: #84a1d2;
 }
 .bg-black {
   background-color: #212622;
 }
 .bg-black2 {
   background-color: #262626;
 }
 .bg-black3 {
   background-color: #19283e;
 }
 .bg-white2 {
   background-color: #ffffff !important;
 }
 .transparent-bg {
   background-color: transparent;
 }
 .bg-dark {
   background-color: #1d1d21 !important;
 }
 .facebook-text-hvr:hover {
   color: #4267B2 !important;
 }
 .twitter-text-hvr:hover {
   color: #1DA1F2 !important;
 }
 .instagram-text-hvr:hover {
   color: #C32AA3 !important;
 }
 .linkedin-text-hvr:hover {
   color: #0077B5 !important;
 }
 .pinterest-text-hvr:hover {
   color: #BD081C !important;
 }
 .google-text-hvr:hover {
   color: #DB4437 !important;
 }
 .typed-cursor {
   display: none;
 }
 .text-xs {
   font-size: .7rem;
 }
 .text-gray-100 {
   color: #f8f9fc !important
 }
 .text-gray-200 {
   color: #eaecf4 !important
 }
 .text-gray-300 {
   color: #dddfeb !important
 }
 .text-gray-400 {
   color: #d1d3e2 !important
 }
 .text-gray-500 {
   color: #b7b9cc !important
 }
 .text-gray-600 {
   color: #858796 !important
 }
 .text-gray-700 {
   color: #6e707e !important
 }
 .text-gray-800 {
   color: #5a5c69 !important
 }
 .text-gray-900 {
   color: #fff !important
 }
 .icon-circle {
   height: 2.5rem;
   width: 2.5rem;
   border-radius: 100%;
   display: flex;
   align-items: center;
   justify-content: center
 }
 .reviews-card .rounded-circle {
   width: 50px;
   height: 50px;
 }
 .stars-rating {
   font-size: 10px;
 }
 .stars-rating .fa.active {
   color: #fbc627;
 }
 .wrapperPages {
   display: flex;
   margin-top: 57px;
 }
 .leftSidebarWrapper {
   width: 20%;
   min-height: 100vh;
   background: #1f2533;
 }
 .leftSidebarWrapper ul {
   margin: 0;
   padding: 0;
   list-style: none
 }
 .leftSidebarWrapper ul li {
   width: 100%;
   display: block;
   float: left;
   position: relative
 }
 .leftSidebarWrapper ul li a {
   display: block;
   text-decoration: none;
   color: rgba(255, 255, 255, .8);
   font-weight: 500;
   padding: 12px 0;
   font-size: 13px;
   white-space: nowrap;
   position: relative;
   overflow: hidden;
   -o-transition: color .2s linear, background .2s linear;
   -moz-transition: color .2s linear, background .2s linear;
   -webkit-transition: color .2s linear, background .2s linear;
   transition: color .2s linear, background .2s linear
 }
 .leftSidebarWrapper ul li.active > a, .leftSidebarWrapper ul li a:hover {
   color: #fff;
 }
 .leftSidebarWrapper ul li a i {
   width: 25px;
   float: left;
   line-height: 25px;
   font-size: 14px;
   text-align: left;
   color: rgba(255, 255, 255, .3);
 }
 .leftSidebarWrapper ul li.active > a i, .leftSidebarWrapper ul li a:hover i {
   color: #fff;
 }
 .leftSidebarWrapper ul .sidebar-divider {
   margin: 5px 0 1rem 0;
   border-top: 1px solid #404651 !important;
   width: 100%;
   float: left;
 }
 .leftSidebarWrapper ul .sidebar-heading {
   color: rgba(255, 255, 255, .4);
   font-size: 11px;
   font-weight: 700;
 }
 .leftSidebarWrapper .submenu-indicator {
   float: right;
   right: 5px;
   position: absolute;
   line-height: 27px;
   font-size: 20px;
   -o-transition: transform .3s linear;
   -moz-transition: transform .3s linear;
   -webkit-transition: transform .3s linear;
   -ms-transition: transform .3s linear
 }
 .leftSidebarWrapper ul ul.submenu .submenu-indicator {
   line-height: 27px
 }
 .leftSidebarWrapper .submenu-indicator-minus > .submenu-indicator {
   -ms-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   transform: rotate(45deg)
 }
 .leftSidebarWrapper ul ul.submenu, .leftSidebarWrapper ul ul.submenu li ul.submenu {
   width: 100%;
   display: none;
   position: static;
   background: #fff;
   float: left;
   border-radius: 5px;
   padding: 5px;
 }
 .leftSidebarWrapper ul ul.submenu li {
   clear: both;
   width: 100%
 }
 .leftSidebarWrapper ul ul.submenu li a {
   width: 100%;
   float: left;
   font-size: 12px;
   margin: 0;
   padding: 5px 10px;
   border-radius: 5px;
   color: #333;
   border-top: none;
   position: relative;
   border-left: solid 6px transparent;
   -o-transition: border .2s linear;
   -moz-transition: border .2s linear;
   -webkit-transition: border .2s linear;
   transition: border .2s linear
 }
 .leftSidebarWrapper ul ul.submenu li a:hover {
   background: #eaecf4;
 }
 .leftSidebarWrapper ul ul.submenu > li > ul.submenu > li > ul.submenu > li > a {
   padding-left: 60px
 }
 .leftSidebarWrapper ul li .leftSidebarWrapper-label, .leftSidebarWrapper ul ul.submenu li .leftSidebarWrapper-label {
   min-width: 20px;
   padding: 1px 2px 1px 1px;
   position: absolute;
   right: 18px;
   top: 14px;
   font-size: 11px;
   font-weight: 800;
   color: #555;
   text-align: center;
   line-height: 18px;
   background: #f0f0f0;
   border-radius: 100%
 }
 .leftSidebarWrapper ul ul.submenu li .leftSidebarWrapper-label {
   top: 12px
 }
 .ink {
   display: block;
   position: absolute;
   background: rgba(255, 255, 255, .3);
   border-radius: 100%;
   -webkit-transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0)
 }
 .animate-ink {
   -webkit-animation: ripple .5s linear;
   -moz-animation: ripple .5s linear;
   -ms-animation: ripple .5s linear;
   -o-animation: ripple .5s linear;
   animation: ripple .5s linear
 }
 @-webkit-keyframes ripple {
   100% {
     opacity: 0;
     -webkit-transform: scale(2.5)
   }
 }
 @-moz-keyframes ripple {
   100% {
     opacity: 0;
     -moz-transform: scale(2.5)
   }
 }
 @-o-keyframes ripple {
   100% {
     opacity: 0;
     -o-transform: scale(2.5)
   }
 }
 @keyframes ripple {
   100% {
     opacity: 0;
     transform: scale(2.5)
   }
 }
 .btn-success:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
 }
 .wrapperPages .rightSectionWrapper {
   background-color: #f8f9fc;
   width: 100%;
   overflow-x: hidden;
 }
 .wrapperPages .shadow {
   box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important;
 }
 .rightSectionWrapper .btn-success {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   border-radius: 15px;
 }
 .rightSectionWrapper .btn-success:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
 }
 .rightSectionWrapper mark {
   background: #ebf3fe;
   color: #3374cd;
   font-weight: 600;
   padding: 3px 8px;
   border-radius: 7px;
   margin-left: 5px;
 }
 .rightSectionWrapper .f-18 {
   font-size: 18px;
 }
 .rightSectionWrapper .f-22 {
   font-size: 22px;
   color: #3f3d56;
   font-weight: 700;
 }
 .rightSectionWrapper .small, .rightSectionWrapper small {
   font-size: 90%;
   font-weight: 400;
 }
 .rightSectionWrapper .gainBoxPanel {
   background: #e17026;
   padding: 10px 15px;
   font-size: 12px;
   color: #fff;
 }
 .rightSectionWrapper .gainBoxPanel .gainBox i {
   font-size: 16px;
   margin-right: 10px;
 }
 .rightSectionWrapper .gainBoxPanel .gainBox i.fa-sort-up {
   position: relative;
   top: 5px;
 }
 .rightSectionWrapper .gainBoxPanel .thumbsUpDownBox {
   font-size: 16px;
   padding: 0;
 }
 .rightSectionWrapper .social-icon {
   position: relative;
   display: flex;
   padding-top: 20px;
   width: 100%
 }
 .rightSectionWrapper .social-icon .social-iconHd {
   font-size: 12px;
   line-height: 20px;
 }
 .rightSectionWrapper .social-icon .social-iconHd i {
   margin-right: 5px;
 }
 .rightSectionWrapper .social-icon i {
   background: #272c38;
   font-size: 18px;
   width: 35px;
   height: 35px;
   line-height: 35px;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   margin-left: 5px;
 }
 .rightSectionWrapper .social-icon i:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .rightSectionWrapper .dateRanking {
   right: 22px;
   left: auto;
   top: 10px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .rightSectionWrapper .dateRanking:hover {
   background: #3f3d56;
 }
 .rightSectionWrapper .dateRanking .dateRankingNo {
   background: transparent;
   color: #fff;
 }
 .rightSectionWrapper .dateRanking:hover .dateRankingNo {
   color: #fff;
 }
 .rightSectionWrapper .owl-carousel .owl-nav {
   position: absolute;
   top: 40%;
   right: 0;
   width: 100%;
   margin: 0;
   z-index: 9;
   display: block !important;
 }
 .rightSectionWrapper .owl-carousel .owl-nav button {
   width: 35px;
   height: 35px;
   border: 1px solid #4f5560 !important;
   line-height: 19px;
   font-size: 15px;
   color: #fff;
   border-radius: 50px;
   margin: 0;
   position: absolute;
   background: #3d424c;
   cursor: pointer;
 }
 .rightSectionWrapper .owl-carousel .owl-nav button.owl-next {
   right: -3px;
 }
 .rightSectionWrapper .owl-carousel .owl-nav button.owl-prev {
   left: -3px;
 }
 .rightSectionWrapper .owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus {
   outline: none;
   font-size: 15px;
   border: 1px solid #ff6500 !important;
   color: #fff !important;
   background: #ff6500 !important;
 }
 .textGreen {
   color: #30c208 !important;
 }
 .textRed {
   color: #ff0000 !important;
 }
 .card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #323741;
   background-clip: border-box;
   border: 1px solid #323741;
   border-radius: 10px
 }
 .card > hr {
   margin-right: 0;
   margin-left: 0
 }
 .card > .list-group:first-child .list-group-item:first-child {
   border-top-left-radius: .35rem;
   border-top-right-radius: .35rem
 }
 .card > .list-group:last-child .list-group-item:last-child {
   border-bottom-right-radius: .35rem;
   border-bottom-left-radius: .35rem
 }
 .card-body {
   flex: 1 1 auto;
   padding: 1.25rem
 }
 .card-title {
   margin-bottom: .75rem
 }
 .card-subtitle {
   margin-top: -.375rem;
   margin-bottom: 0
 }
 .card-text:last-child {
   margin-bottom: 0
 }
 .card-link:hover {
   text-decoration: none
 }
 .card-link + .card-link {
   margin-left: 1.25rem
 }
 .card-header {
   padding: .75rem 1.25rem;
   margin-bottom: 0;
   background-color: #f8f9fc;
   border-bottom: 1px solid #e3e6f0
 }
 .card-header:first-child {
   border-radius: calc(.35rem - 1px) calc(.35rem - 1px) 0 0
 }
 .card-header + .list-group .list-group-item:first-child {
   border-top: 0
 }
 .card-footer {
   padding: .75rem 1.25rem;
   background-color: #f8f9fc;
   border-top: 1px solid #e3e6f0
 }
 .card-footer:last-child {
   border-radius: 0 0 calc(.35rem - 1px) calc(.35rem - 1px)
 }
 .card-header-tabs {
   margin-right: -.625rem;
   margin-bottom: -.75rem;
   margin-left: -.625rem;
   border-bottom: 0
 }
 .card-header-pills {
   margin-right: -.625rem;
   margin-left: -.625rem
 }
 .card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem
 }
 .card-img {
   width: 100%;
   border-radius: calc(.35rem - 1px)
 }
 .card-img-top {
   width: 100%;
   border-top-left-radius: calc(.35rem - 1px);
   border-top-right-radius: calc(.35rem - 1px)
 }
 .card-img-bottom {
   width: 100%;
   border-bottom-right-radius: calc(.35rem - 1px);
   border-bottom-left-radius: calc(.35rem - 1px)
 }
 .card-deck {
   display: flex;
   flex-direction: column
 }
 .card-deck .card {
   margin-bottom: .75rem
 }
 @media (min-width:576px) {
   .card-deck {
     flex-flow: row wrap;
     margin-right: -.75rem;
     margin-left: -.75rem
   }
   .card-deck .card {
     display: flex;
     flex: 1 0 0%;
     flex-direction: column;
     margin-right: .75rem;
     margin-bottom: 0;
     margin-left: .75rem
   }
 }
 .card-group {
   display: flex;
   flex-direction: column
 }
 .card-group > .card {
   margin-bottom: .75rem
 }
 @media (min-width:576px) {
   .card-group {
     flex-flow: row wrap
   }
   .card-group > .card {
     flex: 1 0 0%;
     margin-bottom: 0
   }
   .card-group > .card + .card {
     margin-left: 0;
     border-left: 0
   }
   .card-group > .card:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0
   }
   .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top {
     border-top-right-radius: 0
   }
   .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom {
     border-bottom-right-radius: 0
   }
   .card-group > .card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0
   }
   .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top {
     border-top-left-radius: 0
   }
   .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom {
     border-bottom-left-radius: 0
   }
 }
 .card-columns .card {
   margin-bottom: .75rem
 }
 @media (min-width:576px) {
   .card-columns {
     -moz-column-count: 3;
     column-count: 3;
     -moz-column-gap: 1.25rem;
     column-gap: 1.25rem;
     orphans: 1;
     widows: 1
   }
   .card-columns .card {
     display: inline-block;
     width: 100%
   }
 }
 .card a {
   text-decoration: none !important
 }
 .m-card .card-title, .p-card .card-title {
   font-size: 15px;
   font-weight: 600;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
 }
 .p-card p.card-text {
   color: #858796 !important;
   font-size: 13px
 }
 .p-card .col-md-4 {
   display: flex;
   align-items: center;
   justify-content: center
 }
 .e-card p.card-text.text-gray-900.mb-1, .offer-card p.card-text.text-gray-900.mt-3.mb-3 {
   font-size: 15px;
   font-weight: 600;
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden
 }
 .offer-card img.rounded-circle {
   width: 50px;
   position: absolute;
   top: -26px;
   border: 3px solid #fff;
   height: 50px;
   object-fit: cover;
   box-shadow: 0 .15rem 1.75rem 0 rgba(58, 59, 69, .15) !important
 }
 .offer-card .card-body {
   position: relative
 }
 .vh-100 {
   height: 100vh
 }
 .mb-6 {
   margin-bottom: 50px !important;
 }
 .cover-pic {
   margin: -15px -24px -89px -24px;
 }
 .cover-pic h6 {
   font-size: 25px;
 }
 .cover-pic .sortUpPanel {
   font-size: 12px;
 }
 .nav.nav-tabs {
   margin-bottom: 1rem;
   border: 0;
 }
 .nav.nav-tabs .nav-link {
   font-weight: 700;
   border-radius: 50px;
   border: none;
   color: #fbfbfd;
   position: relative;
   font-size: 13px;
 }
 .nav.nav-tabs .nav-item {
   margin: 0 1rem 0 0
 }
 .nav.nav-tabs .nav-link:hover, .nav.nav-tabs .nav-link.active {
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .artist-list .rounded-circle {
   width: 50px;
   height: 50px;
 }
 .bottomLine {
   border-bottom: 1px solid #CCC !important;
 }
 .profileImgBox img {
   width: 50px;
   border: 1px solid #ccc;
   padding: 5px;
 }
 .sectionCompany_Searchbar {
   padding: 40px 0;
 }
 .sectionCompany_Searchbar input[type=text] {
   padding: 15px 20px;
   font-size: 1.1rem;
   border-radius: 1px;
   width: 100%;
   border: 1px solid #cecece;
   -webkit-box-shadow: 0 2px 5px rgba(33, 68, 100, .2);
   box-shadow: 0 2px 5px rgba(33, 68, 100, .2);
   margin-left: 0;
   position: relative;
 }
 .sectionCompany_Searchbar .container {
   padding-bottom: 20px;
 }
 .sectionCompany_Searchbar .search-container {
   padding: 0px 25px;
 }
 .sectionCompany_Searchbar .search-container button {
   padding: 6px 10px;
   top: 0px;
   right: 60px;
   margin-top: 11px;
   margin-right: 20px;
   background: #fff;
   font-size: 17px;
   position: absolute;
   border: none;
   cursor: pointer;
 }
 .sectionCompany_Searchbar .section__searchFilter, .boxColArea {
   padding: 15px;
   background: #fff;
   border-radius: 15px;
   margin-bottom: 25px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   position: relative;
 }
 .boxColArea .nav.nav-tabs .nav-item {
   margin: 0 .5rem 0 0;
 }
 .sectionCompany_Searchbar .section__searchFilter input[type=checkbox]:not(old) + label {
   display: inline-block;
   margin-top: 0px !important;
   margin-bottom: 0;
 }
 .fs-18 {
   font-size: 18px;
 }
 .sectionCompany_Searchbar .section__searchFilter span {
   color: #349b16;
   background-color: #c4eeb8;
   padding: 3px 4px;
   font-size: 12px;
   font-weight: 500;
   border-radius: 4px;
   float: right;
   line-height: 16px;
 }
 .sectionCompany_Searchbar .fa-info-circle {
   color: #ff6501;
 }
 .sectionCompany_Searchbar .custom-checkbox .custom-control-label::before {
   border-radius: 50%;
 }
 .noArea {
   background: #ebebee;
   padding: 5px 10px;
   margin-left: 10px;
   border-radius: 15px;
 }
 .sectionCompany_Searchbar .section__entityPanel {
   padding: 20px;
   background: #eaf9e5;
   border-radius: 15px;
 }
 .sectionCompany_Searchbar .section__entityPanel a {
   color: #6fd454;
   text-decoration: underline;
 }
 .sectionCompany_Searchbar .section__entityPanel h3 {
   margin-bottom: 10px;
   color: #444;
 }
 .sectionCompany_Searchbar .section__searchFilter .custom-control {
   padding-bottom: 10px !important;
 }
 .sectionCompany_Searchbar mark {
   background: transparent;
   border: 1px solid #d8d7dc;
   padding: 3px 8px;
   border-radius: 7px;
   margin-left: 5px;
 }
 .sectionCompany_Searchbar .searchResults {
   padding: 15px;
   background: #fff;
   border-radius: 15px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
 }
 .sectionCompany_Searchbar .region .inner_region {
   padding: 20px 20px 50px 20px;
 }
 .sectionCompany_Searchbar .region {
   background-color: #f6f7f8;
   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
   margin-right: -15px;
   margin-left: -15px;
   box-shadow: 0 1px 4px rgba(0, 0, 0, .1);
 }
 .sectionCompany_Searchbar .searchResults ul {
   list-style-type: none;
 }
 .sectionCompany_Searchbar .searchResults ul li {
   padding: 20px 10px;
   position: relative;
   border-radius: 15px;
 }
 .sectionCompany_Searchbar .searchResults ul li:nth-child(even) {
   background-color: #f2f2f2;
 }
 .sectionCompany_Searchbar .searchResults ul li:hover {
   background-color: rgba(0, 0, 0, .03);
 }
 .sectionCompany_Searchbar .searchResults ul li img {
   position: absolute;
   top: 24px;
 }
 .sectionCompany_Searchbar .searchResults ul li h2 {
   font-weight: 500;
   color: #2f78e5 !important;
   margin: 0 0 0 40px;
   font-size: 16px;
 }
 .sectionCompany_Searchbar .searchResults ul li h3 {
   font-weight: 400;
   color: #444 !important;
   margin: 0 0 0 40px;
   font-size: 14px;
 }
 .custom-select {
   font-size: 14px !important
 }
 .sectionCompany_Searchbar .reset_btn {
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .15);
   padding: 5px 25px;
   border-radius: 5px;
   color: #888;
   font-size: 15px;
   font-weight: 600;
 }
 .sectionCompany_Searchbar #hide {
   display: none;
 }
 .sectionCompany_Searchbar .hover_box:after {
   right: 100%;
   top: 12%;
   border: solid transparent;
   content: " ";
   height: 0;
   width: 0;
   position: absolute;
   pointer-events: none;
   border-color: rgba(51, 51, 51, 0);
   border-right-color: #fff;
   border-width: 10px;
   margin-top: -10px;
 }
 .sectionCompany_Searchbar .hover_box {
   background-color: rgb(255, 255, 255);
   border-radius: 0px;
   padding: 20px;
   border: 1px solid rgb(187, 187, 187);
   box-shadow: rgb(136, 136, 136) 0px 0px 20px 0px;
 }
 .sectionCompany_Searchbar .hover_box h4 {
   color: rgb(11, 133, 229);
   font-size: 14px;
   text-align: center;
   font-weight: 700;
 }
 .sectionCompany_Searchbar .hover_box h2 {
   color: #888;
   text-align: center;
   font-size: 24px;
 }
 .sectionCompany_Searchbar .hover_box p {
   margin-bottom: 8px;
   font-size: 14px;
   margin-top: 20px;
   line-height: 20px;
 }
 .sectionCompany_Searchbar .hover_box ul {
   margin-left: 20px;
 }
 .sectionCompany_Searchbar .hover_box ul li {
   font-size: 12px;
   line-height: 22px;
   display: flex;
 }
 .sectionCompany_Searchbar .hover_box ul li::after {
   content: "•";
   display: inline-block;
   position: absolute;
   left: 20px;
   font-size: 20px;
 }
 .sectionCompany_Searchbar .hover_box .learn_more {
   background-color: rgb(11, 133, 229);
   border-radius: 3px;
   font-size: 14px;
   padding: 5px 25px;
   border: none;
   padding: 3px 16px;
   margin-top: 20px;
   float: right;
   color: rgb(255, 255, 255);
   font-weight: 700;
 }
 .hide {
   display: none;
 }
 .myDIV:hover + .hide {
   display: block;
 }
 .sectionAreaTwo .sentimentprBox, .sectionAreaTwo .sentimentChartBox {
   position: static;
   left: 0;
   top: 0;
 }
 .sectionAreaTwo .chartBox-2 {
   width: 100px;
   height: 100px;
 }
 .sectionAreaTwo .sentimentprBox ul li {
   font-size: 14px;
   margin: 0;
   padding: 0;
   line-height: 24px;
 }
 .sectionAreaTwo h4 {
   font-size: 16px;
   border-bottom: 1px solid #ebebee;
   padding-bottom: 6px;
   margin-bottom: 15px;
 }
 .sectionAreaTwo h4 > i {
   width: 30px;
   height: 25px;
   text-align: center;
   background: #1eadce;
   padding: 5px;
   color: #fff;
   border-radius: 5px;
 }
 .sectionAreaTwo h4 .losersIcon {
   width: 30px;
   height: 25px;
   background: #1eadce;
   padding: 5px;
   color: #fff;
   border-radius: 5px;
   fill: #fff;
 }
 .sectionAreaTwo h4 .chartListArea {}
 .sectionAreaTwo h4 .chartListArea .btn {
   background: #f48929;
   color: #fff;
   padding: 5px;
   font-size: 15px;
   line-height: 15px;
 }
 .sectionAreaTwo h4 .chartListArea .btn i {
   font-size: 15px;
   line-height: 15px;
 }
 .sectionAreaTwo h4 .chartListArea .btn:hover {
   background: #3f3d56;
 }
 .sectionAreaTwo ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .sectionAreaTwo ul li {
   border-bottom: solid 1px #e8e8e8;
   padding: 9px 5px;
 }
 .sectionAreaTwo ul li span {
   background: transparent;
   border: 1px solid #d8d7dc;
   padding: 1px 8px;
   border-radius: 7px;
   margin-left: 5px;
   float: right;
   width: 130px;
   text-align: center;
 }
 .sectionAreaTwo ul li img {
   width: 50px;
   border-radius: 50%;
   max-width: 50px;
   border: 1px solid #dedede;
   padding: 3px;
   margin-right: 3px;
 }
 .sectionAreaTwo ul.oddeven2 li img {
   width: 40px;
   height: 40px;
   margin-right: 10px;
 }
 .sectionAreaTwo ul.boxAreaSect li {
   border: 0 !important;
   margin-bottom: 5px;
   padding: 0;
   font-size: 12px;
 }
 .sectionAreaTwo .progress-bars {
   margin-top: 16px;
 }
 .sectionAreaTwo .progress-bars .progress {
   height: 13px;
   background-color: #484d58;
 }
 .sectionAreaTwo .progress-bars .progressArea {
   font-size: 13px;
   color: #fff;
 }
 .sectionAreaTwo .progress-bars .progressArea span {
   float: right;
   color: #f3a66b;
 }
 .sectionAreaTwo .boxColArea h4 a, a.lockArea {
   color: #fc8c36;
   border: 1px solid #444c5a;
   margin-top: -3px;
   padding: 3px 4px;
   font-size: 12px;
   font-weight: 500;
   border-radius: 5px;
   line-height: 16px;
 }
 .sectionAreaTwo .boxColArea h4 a:hover, a.lockArea:hover {
   border: 1px solid #C60;
   color: #fff;
   background: #C60;
 }
 .positiveNegativeBox {}
 .positiveNegativeBox i {
   font-size: 50px;
   float: left;
   margin-right: 10px;
   margin-top: 5px;
 }
 .positiveNegativeBox h1 {
   margin-bottom: 0;
   font-size: 35px;
   text-align: center;
   display: inline-block;
 }
 .positiveNegativeBox h1 span {
   font-size: 15px;
   display: block;
 }
 .positiveNegativeBox .positiveArea {
   color: #fff;
 }
 .positiveNegativeBox .negativeArea {
   color: #fff;
 }
 .sm-popup .modal-dialog {
   width: 452px;
 }
 .sm-popup .modal-content .modal-body {
   padding: 30px 50px;
 }
 .sm-popup .modal-content .modal-body .green-btn:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
 }
 .login_Popup h2 {
   text-align: center;
   font-size: 22px;
   margin-bottom: 15px;
   color: #000;
 }
 .login_Popup .form-control {
   font-size: 18px;
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 45px;
   padding: 0 7px 0 7px;
   border-radius: 50px;
   border: 2px solid #e4e4e4;
   text-align: center;
 }
 .login_Popup .checkbox input[type=checkbox] {
   font-size: 12px;
   display: inline-block;
   margin-right: 3px;
 }
 .login_Popup .forgot a, a.redColor {
   color: #ef2727;
   font-size: 12px;
 }
 .login_Popup .btn-account {
   background-color: #00bf6f !important;
   border-radius: 0 !important;
 }
 .login_Popup h6 {
   margin: 15px 0;
   text-align: center;
   font-size: 14px;
 }
 .login_Popup h6:before {
   display: inline-block;
   margin: 0 14px 2px 0;
   height: 3px;
   content: " ";
   background-color: #e8e9ea;
   width: 110px;
 }
 .login_Popup h6:after {
   display: inline-block;
   margin: 0 0 2px 14px;
   height: 3px;
   content: " ";
   text-shadow: none;
   background-color: #e8e9ea;
   width: 110px;
 }
 .login_Popup .bg_backColor {
   background-color: #f1ecee;
 }
 .login_Popup .socialIcon {
   text-align: center;
 }
 .login_Popup .socialIcon ul {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: center;
 }
 .login_Popup .socialIcon ul li {
   display: inline-block;
 }
 .login_Popup .socialIcon ul li a {
   color: #000;
 }
 .login_Popup .socialIcon ul li a i {
   width: 35px;
   height: 35px;
   border: 1px solid #595959;
   font-size: 15px;
   margin: 0 3px;
   border-radius: 50%;
   line-height: 33px;
   color: #000;
 }
 .login_Popup .socialIcon ul li a i:hover {
   color: #fff;
   border: 1px solid #eb8423;
   background: #eb8423;
 }
 .registerPopBtn a {
   color: #ef2727;
   font-size: 13px;
 }
 .login_Popup button.close {
   background: #bababa;
   width: 30px;
   height: 30px;
   font-size: 34px;
   line-height: 30px;
   color: #fff;
   border-radius: 50%;
   position: absolute;
   font-weight: 200;
   right: 10px;
   top: 10px;
 }
 .item1 {
   display: none;
   position: absolute;
   z-index: 999;
   left: 150px;
   width: 130%;
   top: 0;
 }
 .rankingsTextSection {
   margin: 10px 0;
 }
 .rankingsTextSection a {
   color: #848484;
   font-size: 15px;
   font-weight: 600;
 }
 .zaraSection {
   width: 100%;
   background: #12b975;
   position: relative;
 }
 .zaraSection:after {
   width: 100px;
   left: -120px;
   height: 100%;
   position: absolute;
   content: '';
   top: 0;
   background: #12b975;
   z-index: -1;
 }
 .zaraSection:before {
   width: 70px;
   right: -92px;
   height: 100%;
   position: absolute;
   content: '';
   top: 0;
   background: #12b975;
   z-index: -1;
 }
 .zaraSection h1 {
   color: #000;
   font-size: 80px;
   text-transform: uppercase;
   font-weight: 600;
   letter-spacing: -10px;
 }
 .zaraSection h1 .sortUpPanel {
   font-size: 20px;
   letter-spacing: normal;
   color: #666;
 }
 .bg-w {
   background: #fff;
   padding-top: 25px;
   padding-bottom: 25px;
 }
 .zaraSection h3 {
   color: #000;
   font-size: 46px;
   margin: 0;
   padding: 0;
   line-height: 30px;
 }
 .zaraSection h3 span {
   display: block;
 }
 .zaraSection h3 span.brandname {
   font-size: 22px;
   letter-spacing: -1px;
 }
 .zaraSection h3 span.brandvalue {
   font-size: 21px;
 }
 .rankingsBoxPanel {
   padding: 50px 0;
   font-weight: 600;
 }
 .rankingsBoxPanel p {
   color: #000;
   font-size: 20px;
   margin-bottom: 20px;
 }
 .rankingsBoxPanel .quieresBox h5 {
   color: #848484;
   font-size: 46px;
 }
 .rankingsBoxPanel .quieresBox {
   margin-bottom: 40px;
 }
 .rankingsBoxPanel .quieresBox a {
   color: #000;
   font-size: 46px;
 }
 .rankingsBoxPanel .quieresBox a:hover {
   color: #FF0000;
 }
 .rankingsBoxPanel .quieresBox a i {
   font-size: 52px;
   vertical-align: middle;
 }
 .rankingsBoxPanel h4 {
   color: #000;
   font-size: 40px;
   font-weight: 600;
   margin: 0;
   padding: 0;
   border-bottom: 2px solid #000;
   padding-bottom: 15px;
   margin-bottom: 15px;
 }
 .rankingsBoxPanel h4 a {
   color: #000;
   font-size: 20px;
   float: right;
 }
 .rankingsBoxPanel h4 a:hover {
   color: #FF0000;
 }
 .rankingsBoxPanel h4 a i {
   font-size: 20px;
   vertical-align: middle;
 }
 .zaraSection {
   width: 100%;
 }
 .zaraSection .gainBox {
   font-size: 13px;
   color: #333;
 }
 .zaraSection .gainBox .likeSect {
   color: #333;
 }
 .zaraSection .gainBox .likeSect i {
   font-size: 13px;
   margin-top: 0;
   color: #333;
   margin-left: 3px;
   margin-right: 5px;
   line-height: 20px;
 }
 .zaraSection .gainBox i.fa-sort-up, i.fa-sort-up {
   color: #30c208;
 }
 i.fa-sort-down {
   color: #F00;
 }
 .zaraSection .gainBox i.fa-arrow-up, i.fa-arrow-up {
   color: #30c208;
 }
 i.fa-arrow-up {
   transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 i.fa-arrow-down {
   transform: rotate(395deg);
   -moz-transform: rotate(395deg);
   -ms-transform: rotate(395deg);
   -o-transform: rotate(395deg);
   -webkit-transform: rotate(395deg);
   color: #ff0000;
 }
 i.fa-sort-down {
   color: #F00;
   transform: rotate(95deg);
   -moz-transform: rotate(95deg);
   -ms-transform: rotate(95deg);
   -o-transform: rotate(95deg);
   -webkit-transform: rotate(95deg);
 }
 .zaraSection .gainBox i {
   font-size: 16px;
   line-height: 16px;
   margin-top: 8px;
   margin-left: 3px;
   margin-right: 5px;
 }
 .ml-8 {
   margin-left: 67px;
 }
 .zaraSection .socialIcon i {
   color: #333;
   margin-right: 5px;
   width: 30px;
   height: 30px;
   text-align: center;
   border-radius: 50%;
   border: 1px solid #333;
   line-height: 28px;
 }
 .iconPanel {
   margin-right: 5px;
   color: #3f3d56 !important;
 }
 .brand-select {
   border: 1px solid #c4c4c4;
   width: 300px;
   padding: 8px 5px;
   appearance: auto !important;
   border-radius: 10px;
 }
 .rankingsBoxPanel h4 a.fontSz-30 {
   font-size: 30px;
 }
 .reviewSt {
   top: 15px;
   right: 35px;
 }
 .reviewSt .progression-studios-index-hexagon-border {
   top: 0;
 }
 .rankingReview {
   position: absolute;
   left: 0px;
   top: -6px;
 }
 .rankingReview .progression-studios-index-hexagon-border {
   top: 0;
 }
 .chartSection {}
 .thumbsUpDownBox {
   font-size: 13px;
   padding: 0 15px;
 }
 .thumbsUpDownBox i {
   vertical-alfont-size: 13px;
   ign: middle;
 }
 .gainBoxPanel-2 {
   margin-right: 10px;
   font-size: 13px;
 }
 .gainBoxPanel-2 .gainBoxPanel-2 i {
   vertical-align: middle;
   margin-left: 3px;
   font-size: 15px;
 }
 .gainBoxPanel-2 i.fa-sort-up {
   color: #30c208;
   margin-top: 8px;
 }
 .reachPanel p {
   margin-bottom: 20px;
   padding-left: 27px;
   color: #f57345;
 }
 .btnBoxDs {
   border: 1px solid #dadce0;
   padding: 5px 15px;
   font-size: 14px;
 }
 .editSocialPanel {
   margin-bottom: 15px;
 }
 .editSocialPanel span i {
   color: #fff !important;
 }
 .editSocialPanel a i {
   color: #fff !important;
 }
 .socialEditPopup .inputBox {
   width: 100%;
   border: 1px solid #dadce0;
   padding: 10px;
   border-radius: 5px;
 }
 .socialEditPopup p {
   margin: 0;
   padding: 0;
   margin-bottom: 10px;
 }
 .socialEdit .modal-header {
   border: 0;
   padding: 5px 1rem;
 }
 .socialEdit .modal-footer {
   border: 0;
   padding: 5px 1rem;
 }
 .socialEdit .btnBoxDs {
   padding: 10px 15px;
   color: #03F;
 }
 .socialEditPopup label {
   font-size: 13px;
   color: #333;
   margin-bottom: 2px;
 }
 .socialEditPopup .form-control {
   font-size: 13px;
   margin-bottom: 5px;
 }
 .socialEditPopup input.submitBtn {
   width: auto;
   font-size: 14px;
 }
 .btn.focus, .btn:focus {
   color: #fff;
 }
 .mb-180 {
   margin-bottom: 180px !important;
 }
 .mt-mn-50 {
   margin-top: -50px;
 }
 .mt-mn-100 {
   margin-top: -100px;
 }
 .mt-mn-150 {
   margin-top: -150px;
 }
 .mt-mn-200 {
   margin-top: -200px;
 }
 .mt-mn-300 {
   margin-top: -300px !important;
 }
 .mt-mn-400 {
   margin-top: -400px;
 }
 .rankingSection {
   background: #eff3f6;
   padding: 30px;
   width: 100%;
   border-radius: 15px;
   z-index: 9;
 }
 .rankingSection h5 {
   font-size: 60px;
   color: #3f3d56;
   font-weight: 700;
 }
 .rankingSection .gainBox {
   font-size: 22px;
   font-weight: 400;
   color: #3f3d56;
   margin-top: -10px;
 }
 .rankingSection .gainBox i {
   font-size: 26px;
   margin-right: 15px;
 }
 .rankingSection .gainBox i.fa-sort-up {
   position: relative;
   top: 16px;
 }
 .rankingSection .likeArea {
   font-size: 20px;
   margin-top: 15px;
   color: #3f3d56;
 }
 .rankingSection .likeArea i {
   color: #cbced5;
   margin-right: 5px;
 }
 .rankingSection .social-icon i {
   background: #d5d9dc;
   font-size: 25px;
   width: 38px;
   height: 38px;
   line-height: 38px;
   border-radius: 50%;
   color: #eff3f6;
   text-align: center;
   margin-left: 5px;
 }
 .rankingSection .social-icon i:hover {
   background: #fc5023;
   color: #fff;
 }
 .rankingSection .gainLgBox {
   background: url(../images/bg-icon3.png) no-repeat center;
   width: 137px;
   height: 164px;
   color: #fff;
   font-size: 28px;
   font-weight: 500;
   text-align: center;
   line-height: 164px;
   display: inline-block;
   margin-right: 15px;
 }
 .rankingSection .gainLgBoxNo {
   font-size: 30px;
   display: inline-block;
   color: #30c208;
 }
 .rankingSection .gainLgBoxNo i {
   font-size: 40px;
   margin-right: 5px;
 }
 .rankingSection .gainLgBoxNo i.fa-arrow-up {
   font-size: 40px;
   margin-right: 5px;
   margin-top: -6px;
   float: left;
 }
 .trendingSearch {}
 .trendingSearch .bgWhiteBox {
   background: #323741;
   border-radius: 20px;
   position: relative;
   padding: 30px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
 }
 .trendingSearch .card {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
   border-radius: none !important;
   border-right: none;
   border-left: none;
   border-top: none;
   transition: width .15s cubic-bezier(0.4, 0, 0.2, 1), margin .15s cubic-bezier(0.4, 0, 0.2, 1), font-size .15s cubic-bezier(0.4, 0, 0.2, 1);
   padding: 15px;
   margin-bottom: 20px;
 }
 .trendingSearch .accordion-head i {
   float: right;
 }
 .googleSearch .accordion-head i {
   font-size: 2.5em;
   margin-left: 10px;
 }
 .trendingSearch .accordion-head > .collapsed > i:before {
   content: "\f107";
   color: #fff;
 }
 .fa-angle-down:before {
   content: "\f107";
 }
 .trendingSearch h3 {
   font-size: 16px;
   line-height: 30px;
   margin-bottom: 0;
   font-weight: 600;
 }
 .trendingSearch .card-header {
   padding: 0 !important;
   background-color: #323741;
   border-bottom: none;
 }
 .trendingSearch .card-header p {
   font-size: 14px;
   margin-top: 0px;
 }
 .trendingSearch .card-header p span {
   color: #616161;
 }
 .trendingSearch .card-header p:hover a, .trendingSearch .card-header h3:hover a, .trendingSearch .card-header p:hover a span {
   color: #e77719;
 }
 .trendingSearch .queries {
   border-top: 1px solid #5b5f67;
 }
 .trendingSearch .queries h5, .googleSearch .queries h5 {
   color: #84878d;
   font-size: 15px;
   margin: 24px 0 16px;
   text-transform: uppercase;
 }
 .googleSearch .queries h5 {
   margin-top: 0;
 }
 .trendingSearch .queries a, .googleSearch .queries a {
   border: 1px solid #cacaca;
   border-radius: 8px;
   letter-spacing: .1px;
   line-height: 18px;
   font-size: 13px;
   margin: 0 8px 8px 0;
   padding: 5px 8px;
   color: inherit;
   font-size: 12px;
   text-decoration: none;
   display: inline-block;
 }
 .trendingSearch .queries a:hover, .googleSearch .queries a:hover {
   color: #007BFF;
   font-size: 12px;
   border: 1px solid #007BFF;
   display: inline-block;
 }
 .trendingSearch .related_news h5 {
   color: rgba(0, 0, 0, 0.67);
   font-size: 13px;
   margin: 24px 0 16px;
   text-transform: uppercase;
 }
 .trendingSearch .related_news .leftImg, .googleSearch .related_news .leftImg {
   float: left;
 }
 .trendingSearch .related_news .rightTxt {
   margin-left: 120px;
   min-height: 96px;
 }
 .googleSearch .related_news .rightTxt {
   margin-left: 95px;
   min-height: 85px;
 }
 .trendingSearch .related_news .rightTxt p, .googleSearch .related_news .rightTxt p {
   font-size: 16px;
   line-height: 23px;
   margin-top: 0;
   margin-bottom: 0;
   color: #fc9743;
   font-weight: 500;
   padding: 9px 0;
 }
 .googleSearch .related_news .rightTxt p {
   font-size: 14px;
   font-weight: 600;
   padding-bottom: 0;
 }
 .trendingSearch .related_news .leftImg img {
   height: 96px;
   width: 96px;
   border-radius: 10px;
 }
 .googleSearch .related_news .leftImg img {
   height: 60px;
   width: 60px;
   padding: 3px;
   border: 2px solid #ccc;
   margin: 12px;
 }
 .trendingSearch .related_news .rightTxt span, .googleSearch .related_news .rightTxt span {
   color: #84878d !important;
   font-size: 16px !important;
 }
 .trendingSearch .trendingLeftSection .nav.nav-tabs .nav-link {
   text-transform: uppercase;
 }
 .trendingSearch .trendingLeftSection ul.NoOfTrd {
   list-style: none;
   margin: 0;
   padding: 0;
   background: #eeeeee;
   width: 100%;
   padding: 5px;
   margin-bottom: 15px;
 }
 .trendingSearch .trendingLeftSection ul.NoOfTrd li {
   display: inline-block;
   padding: 5px;
   background: #fff;
   color: #333;
   cursor: pointer;
   border: 1px solid #CCC;
   font-size: 14px;
   line-height: 15px;
 }
 .trendingSearch .trendingLeftSection ul.NoOfTrd li:hover, .trendingSearch .trendingLeftSection ul.NoOfTrd li.active {
   background: #12b975;
   color: #fff;
   border: 1px solid #10af6e;
 }
 .trendingSearch .trendingLeftSection .conNo {
   width: 35px;
   height: 35px;
   background: #fff;
   border-radius: 50%;
   text-align: center;
   font-size: 17px;
   font-weight: 700;
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   line-height: 35px;
 }
 .trendingSearch .trendingLeftSection .trendImgBox img {
   width: 100%;
   padding: 5px;
   height: 100px;
   border-radius: 10px;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel, .googleSearch .pastBoxPanel {
   border-left: 0px solid #CCC;
 }
 .googleSearch .pastBoxPanel {
   text-align: right;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel img {
   width: 80%;
   height: 100px;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel .pastBox {
   position: absolute;
   bottom: 0;
   text-align: center;
   font-size: 13px;
   width: 80%;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel .mopen.collapsed {
   position: absolute;
   right: 5px;
   top: 40px;
   background: #fc9743;
   width: 30px;
   color: #fff;
   height: 30px;
   border-radius: 50px;
   text-align: center;
   line-height: 32px;
   font-size: 24px;
   transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -webkit-transform: rotate(0deg);
 }
 .trendingSearch .trendingLeftSection .panel-collapse, .googleSearch .panel-collapse {
   padding: 15px 0;
 }
 .chartBox {
   height: 250px !important;
   border: 1px solid #ccc;
   padding: 3px;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel .mopen.collapsed i {
   float: unset;
   line-height: 24px;
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel .mopen {
   position: absolute;
   right: 5px;
   top: 40px;
   background: #fff;
   width: 30px;
   color: #000;
   height: 30px;
   border-radius: 50px;
   text-align: center;
   line-height: 32px;
   font-size: 24px;
   transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
 }
 .trendingSearch .trendingLeftSection .pastBoxPanel .mopen i {
   float: unset;
   line-height: 24px;
 }
 .trendingSearch .trendingLeftSection .top-category.sectionBoxOne, .googleSearch .top-category.sectionBoxOne {
   margin-top: 15px;
   padding: 0 50px;
 }
 .googleSearch .top-category.sectionBoxOne .sorting .buttons a {
   color: #ff6500
 }
 .googleSearch .panel-collapse {
   padding: 0 15px;
 }
 .trendingSearch .trendingLeftSection .sectionBoxOne .sorting .buttons .btn-sort, .googleSearch .sectionBoxOne .sorting .buttons .btn-sort {
   width: auto;
   height: auto;
   border-radius: 15px;
   font-weight: 600;
   font-size: 17px !important;
   border: 0 !important;
   color: #84878d;
 }
 .trendingSearch .trendingLeftSection .top-category.sectionBoxOne .owl-carousel .owl-nav, .googleSearch .top-category.sectionBoxOne .owl-carousel .owl-nav {
   background: #fff;
 }
 .trendingSearch .trendingLeftSection .sectionBoxOne .owl-carousel .owl-dots, .googleSearch .sectionBoxOne .owl-carousel .owl-dots {
   top: -35px;
   right: 99px;
   background: #fff;
   display: none;
 }
 .trendingSearch .trendingLeftSection .top-category.sectionBoxOne .owl-carousel .owl-nav, .googleSearch .top-category.sectionBoxOne .owl-carousel .owl-nav {
   top: 52px;
   background: transparent;
   width: 100%;
 }
 .trendingSearch .trendingLeftSection .top-category.sectionBoxOne .owl-carousel .owl-nav .owl-prev, .googleSearch .top-category.sectionBoxOne .owl-carousel .owl-nav .owl-prev {
   margin-right: 12px;
   left: -46px;
   right: auto;
   position: absolute;
   background: #70737a;
   border: 0 !important;
   color: #000;
   margin-right: 0;
 }
 .trendingSearch .trendingLeftSection .top-category.sectionBoxOne .owl-carousel .owl-nav .owl-next, .googleSearch .top-category.sectionBoxOne .owl-carousel .owl-nav .owl-next {
   margin-right: 12px;
   right: -46px;
   left: auto;
   position: absolute;
   background: #70737a;
   border: 0 !important;
   color: #000;
   margin-right: 0;
 }
 .dropdownPanel .dropdown-item {
   padding: 5px;
   font-size: 14px;
   color: #fff;
 }
 .dropdownPanel .dropdown-item:hover {
   background: transparent;
   color: #fc9743;
 }
 .dropdownBtn {
   padding: 0.275rem .75rem;
 }
 .twitterPanel .hdPanel {
   font-weight: 700;
   font-size: 12px;
 }
 .twitterPanel .bodyPanel > div {
   padding: 10px 15px
 }
 .twitterPanel span {
   display: inline-block;
   min-width: 10px;
   padding: 3px 7px;
   font-size: 12px;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
   background-color: #777;
   border-radius: 10px;
 }
 .twitterPanel .img-rounded {
   border-radius: 6px;
 }
 .twitterPanel .chartImg {
   width: 24px;
   margin-left: 5px;
 }
 .twitterPanel strong {
   font-size: 1.5em;
   color: blue;
   font-weight: bold;
   display: block;
 }
 .bgG {
   background-color: rgb(241, 241, 241);
 }
 .trendingSearch .trendingRightSection h2 {
   font-size: 16px;
   color: #000;
   text-align: center;
   background: #ebebee;
   border-radius: 15px;
   padding: 15px;
   margin-bottom: 15px;
 }
 .trendingSearch .trendingRightSection h2:hover {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
 }
 .trendingSearch .trendingRightSection h3 {
   font-size: 14px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 0;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   border-radius: 5px 5px 0 0;
   padding: 5px;
 }
 .trendingSearch .trendingRightSection h3 i {
   color: #fff;
   margin-right: 5px;
 }
 .stockTable {
   background: #242932;
   border-radius: 15px;
   padding: 15px;
 }
 .stockTable .tile {
   width: 100%;
   margin: 60px auto;
 }
 .stockTable .nav-tabs {
   border: 0;
 }
 .stockTable .nav.nav-tabs .nav-item {
   margin: 0;
 }
 .stockTable .nav.nav-tabs .nav-link {
   font-size: 13px;
   padding: 7px;
   border: 1px solid #c7d2c7;
   border-radius: 10px;
   margin-left: 5px;
 }
 .stockTable .nav.nav-tabs .nav-link.active:after {
   display: none;
 }
 .stockTable .nav.nav-tabs .nav-link.active {
   background: #30c208;
   color: #fff;
   border: 1px solid #30c208;
 }
 .stockTable .slider {
   width: 200px !important;
 }
 .stockTable .table {}
 .stockTable .table td, .table th {
   font-weight: 600;
   font-size: 13px;
   padding: 5px;
 }
 .stockTable .table td:last-child {
   color: #6eb158;
 }
 .stockTable .table td a {
   color: #fff !important;
 }
 .stockTable .table th {
   background: transparent;
   border: 0;
   padding: 0 5px 0 0;
 }
 .stockTable .table th .tab_btn {
   position: relative;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .15);
   width: 100%;
   padding: 5px 10px;
   border-radius: 15px;
   color: #333;
   font-size: 15px;
   font-weight: 400;
   text-align: left;
 }
 .stockTable .table th .tab_btn i {
   float: right;
   margin-top: 5px;
 }
 .stockTable .table-responsive-sm .slection_btn {
   color: #333 !important;
   padding: 8px 14px !important;
   background-color: #fff !important;
   font-size: 14px;
   border: 1px solid #0D4C8A !important;
 }
 .stockTable .custom-select {
   background: #fff url(../images/arrow-down.png) no-repeat center right;
   border-radius: 15px;
 }
 .graph .preview {
   height: 40px;
 }
 .graph .preview .grid-h polyline {
   stroke: #fff;
 }
 .graph .preview .grid-h polyline, .graph .preview .grid-v polyline {
   stroke-width: 2;
 }
 .graph polyline {
   fill: none;
   stroke: var(--green);
   stroke-width: 3;
 }
 .graph .bkgnd {
   fill: #f6f6f6;
 }
 td.fc-day {
   background: #FFF !important;
 }
 td.fc-today {
   background: #FFF !important;
   position: relative;
 }
 .fc-first th {
   background: #9675ce !important;
   color: #FFF;
   font-size: 14px !important;
   font-weight: 500 !important;
 }
 .fc-event-inner {
   background: #03a9f3 !important;
   color: #FFF !important;
   font-size: 12px !important;
   font-weight: 500 !important;
   padding: 5px 0px !important;
 }
 .fc {
   direction: ltr;
   text-align: left;
 }
 .fc table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 html .fc, .fc table {
   font-size: 1em;
 }
 .fc td, .fc th {
   padding: 0;
   vertical-align: top;
 }
 .fc-header td {
   white-space: nowrap;
   padding: 15px 10px 0px;
 }
 .fc-header-left {
   width: 25%;
   text-align: left;
 }
 .fc-header-center {
   text-align: center;
 }
 .fc-header-right {
   width: 25%;
   text-align: right;
 }
 .fc-header-title {
   display: inline-block;
   vertical-align: top;
   margin-top: -5px;
 }
 .fc-header-title h2 {
   margin-top: 0;
   white-space: nowrap;
   font-size: 15px;
   padding-top: 10px;
   font-weight: 400;
   margin-bottom: 10px;
   color: #000;
 }
 span.fc-button {
   border-color: #9675ce;
   color: #9675ce;
 }
 .fc-state-down, .fc-state-active {
   background-color: #9675ce !important;
   color: #FFF !important;
 }
 .fc .fc-header-space {
   padding-left: 10px;
 }
 .fc-header .fc-button {
   margin-bottom: 1em;
   vertical-align: top;
 }
 .fc-header .fc-button {
   margin-right: -1px;
 }
 .fc-header .fc-corner-right, .fc-header .ui-corner-right {
   margin-right: 0;
 }
 .fc-header .fc-state-hover, .fc-header .ui-state-hover {
   z-index: 2;
 }
 .fc-header .fc-state-down {
   z-index: 3;
 }
 .fc-header .fc-state-active, .fc-header .ui-state-active {
   z-index: 4;
 }
 .fc-content {
   clear: both;
   zoom: 1;
 }
 .fc-view {
   width: 100%;
   overflow: hidden;
 }
 .fc-widget-content {
   border: 1px solid #e5e5e5;
 }
 .fc-widget-header {
   border-bottom: 1px solid #EEE;
 }
 .fc-state-highlight {}
 .fc-state-highlight > div > div.fc-day-number {
   background-color: #ff3b30;
   color: #FFFFFF;
   border-radius: 50%;
   margin: 4px;
 }
 .fc-cell-overlay {
   background: #bce8f1;
   opacity: .3;
   filter: alpha(opacity=30);
 }
 .fc-button {
   position: relative;
   display: inline-block;
   padding: 0 .1em;
   overflow: hidden;
   height: 1.9em;
   line-height: 1.9em;
   white-space: nowrap;
   cursor: pointer;
 }
 .fc-state-default {
   border: 1px solid;
 }
 .fc-state-default.fc-corner-left {
   border-top-left-radius: 4px;
   border-bottom-left-radius: 4px;
 }
 .fc-state-default.fc-corner-right {
   border-top-right-radius: 4px;
   border-bottom-right-radius: 4px;
 }
 .fc-text-arrow {
   margin: 0 .2em;
   font-size: 2em;
   line-height: 23px;
   vertical-align: baseline;
 }
 .fc-button-prev .fc-text-arrow, .fc-button-next .fc-text-arrow {
   font-weight: bold;
 }
 .fc-button .fc-icon-wrap {
   position: relative;
   float: left;
   top: 50%;
 }
 .fc-button .ui-icon {
   position: relative;
   float: left;
   margin-top: -50%;
   *margin-top: 0;
   *top: -50%;
 }
 .fc-state-default {
   border-color: #ff3b30;
   color: #ff3b30;
 }
 .fc-button-month.fc-state-default, .fc-button-agendaWeek.fc-state-default, .fc-button-agendaDay.fc-state-default {
   min-width: 67px;
   text-align: center;
   transition: all 0.2s;
   -webkit-transition: all 0.2s;
 }
 .fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
   color: #333333;
   background-color: #FFE3E3;
 }
 .fc-state-hover {
   color: #ff3b30;
   text-decoration: none;
   background-position: 0 -15px;
   -webkit-transition: background-position 0.1s linear;
   -moz-transition: background-position 0.1s linear;
   -o-transition: background-position 0.1s linear;
   transition: background-position 0.1s linear;
 }
 .fc-state-down, .fc-state-active {
   background-color: #ff3b30;
   background-image: none;
   outline: 0;
   color: #FFFFFF;
 }
 .fc-state-disabled {
   cursor: default;
   background-image: none;
   background-color: #FFE3E3;
   filter: alpha(opacity=65);
   box-shadow: none;
   border: 1px solid #FFE3E3;
   color: #ff3b30;
 }
 .fc-event-container > * {
   z-index: 8;
 }
 .fc-event-container > .ui-draggable-dragging, .fc-event-container > .ui-resizable-resizing {
   z-index: 9;
 }
 .fc-event {
   border: 1px solid #FFF;
   background-color: #FFF;
   color: #919191;
   font-size: 12px;
   cursor: default;
 }
 .fc-event.chill {
   background-color: #f3dcf8;
 }
 .fc-event.info {
   background-color: #c6ebfe;
 }
 .fc-event.important {
   background-color: #FFBEBE;
 }
 .fc-event.success {
   background-color: #BEFFBF;
 }
 .fc-event:hover {
   opacity: 0.7;
 }
 a.fc-event {
   text-decoration: none;
 }
 a.fc-event, .fc-event-draggable {
   cursor: pointer;
 }
 .fc-rtl .fc-event {
   text-align: right;
 }
 .fc-event-inner {
   width: 100%;
   height: 100%;
   overflow: hidden;
   line-height: 15px;
 }
 .fc-event-time, .fc-event-title {
   padding: 0 1px;
 }
 .fc .ui-resizable-handle {
   display: block;
   position: absolute;
   z-index: 99999;
   overflow: hidden;
   font-size: 300%;
   line-height: 50%;
 }
 .fc-event-hori {
   border-width: 1px 0;
   margin-bottom: 1px;
 }
 .fc-ltr .fc-event-hori.fc-event-start, .fc-rtl .fc-event-hori.fc-event-end {
   border-left-width: 1px;
 }
 .fc-ltr .fc-event-hori.fc-event-end, .fc-rtl .fc-event-hori.fc-event-start {
   border-right-width: 1px;
 }
 .fc-event-hori .ui-resizable-e {
   top: 0 !important;
   right: -3px !important;
   width: 7px !important;
   height: 100% !important;
   cursor: e-resize;
 }
 .fc-event-hori .ui-resizable-w {
   top: 0 !important;
   left: -3px !important;
   width: 7px !important;
   height: 100% !important;
   cursor: w-resize;
 }
 .fc-event-hori .ui-resizable-handle {
   _padding-bottom: 14px;
 }
 table.fc-border-separate {
   border-collapse: separate;
 }
 .fc-border-separate th, .fc-border-separate td {
   border-width: 1px 0 0 1px;
 }
 .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
   border-right-width: 1px;
 }
 .fc-border-separate tr.fc-last td {}
 .fc-border-separate .fc-week .fc-first {
   border-left: 0;
 }
 .fc-border-separate .fc-week .fc-last {
   border-right: 0;
 }
 .fc-border-separate tr.fc-last th {
   border-bottom-width: 1px;
   border-color: #cdcdcd;
   font-size: 16px;
   font-weight: 300;
   line-height: 30px;
 }
 .fc-border-separate tbody tr.fc-first td, .fc-border-separate tbody tr.fc-first th {
   border-top-width: 0;
 }
 .fc-grid th {
   text-align: center;
 }
 .fc .fc-week-number {
   width: 22px;
   text-align: center;
 }
 .fc .fc-week-number div {
   padding: 0 2px;
 }
 .fc-grid .fc-day-number {
   float: right;
   padding: 0 2px;
 }
 .fc-grid .fc-other-month .fc-day-number {
   opacity: 0.3;
   filter: alpha(opacity=30);
 }
 .fc-grid .fc-day-content {
   clear: both;
   padding: 2px 2px 1px;
   display: none;
 }
 .fc-grid .fc-event-time {
   font-weight: bold;
 }
 .fc-rtl .fc-grid .fc-day-number {
   float: left;
 }
 .fc-rtl .fc-grid .fc-event-time {
   float: right;
 }
 .fc-agenda table {
   border-collapse: separate;
 }
 .fc-agenda-days th {
   text-align: center;
 }
 .fc-agenda .fc-agenda-axis {
   width: 50px;
   padding: 0 4px;
   vertical-align: middle;
   text-align: right;
   white-space: nowrap;
   font-weight: normal;
 }
 .fc-agenda .fc-week-number {
   font-weight: bold;
 }
 .fc-agenda .fc-day-content {
   padding: 2px 2px 1px;
 }
 .fc-agenda-days .fc-agenda-axis {
   border-right-width: 1px;
 }
 .fc-agenda-days .fc-col0 {
   border-left-width: 0;
 }
 .fc-agenda-allday th {
   border-width: 0 1px;
 }
 .fc-agenda-allday .fc-day-content {
   min-height: 34px;
   _height: 34px;
 }
 .fc-agenda-divider-inner {
   height: 2px;
   overflow: hidden;
 }
 .fc-widget-header .fc-agenda-divider-inner {
   background: #eee;
 }
 .fc-agenda-slots th {
   border-width: 1px 1px 0;
 }
 .fc-agenda-slots td {
   border-width: 1px 0 0;
   background: none;
 }
 .fc-agenda-slots td div {
   height: 20px;
 }
 .fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
   border-top-width: 0;
 }
 .fc-agenda-slots tr.fc-minor th.ui-widget-header {
   *border-top-style: solid;
 }
 .fc-event-vert {
   border-width: 0 1px;
 }
 .fc-event-vert.fc-event-start {
   border-top-width: 1px;
   border-top-left-radius: 3px;
   border-top-right-radius: 3px;
 }
 .fc-event-vert.fc-event-end {
   border-bottom-width: 1px;
   border-bottom-left-radius: 3px;
   border-bottom-right-radius: 3px;
 }
 .fc-event-vert .fc-event-time {
   white-space: nowrap;
   font-size: 10px;
 }
 .fc-event-vert .fc-event-inner {
   position: relative;
   z-index: 2;
 }
 .fc-event-vert .fc-event-bg {
   position: absolute;
   z-index: 1;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   opacity: .25;
   filter: alpha(opacity=25);
 }
 .fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
   display: none\9;
 }
 .fc-event-vert .ui-resizable-s {
   bottom: 0 !important;
   width: 100% !important;
   height: 8px !important;
   overflow: hidden !important;
   line-height: 8px !important;
   font-size: 11px !important;
   text-align: center;
   cursor: s-resize;
 }
 .fc-agenda .ui-resizable-resizing {
   _overflow: hidden;
 }
 thead tr.fc-first {
   background-color: #f7f7f7;
 }
 table.fc-header {
   background-color: #FFFFFF;
   border-radius: 6px 6px 0 0;
 }
 table.fc-header .fc-header-center {
   display: none;
 }
 .fc-week .fc-day > div .fc-day-number {
   font-size: 15px;
   margin: 2px;
   min-width: 19px;
   padding: 6px;
   text-align: center;
   width: 30px;
   height: 30px;
 }
 .fc-sun, .fc-sat {
   color: #b8b8b8;
 }
 .fc-week .fc-day:hover .fc-day-number {
   background-color: #B8B8B8;
   border-radius: 50%;
   color: #FFFFFF;
   transition: background-color 0.2s;
 }
 .fc-week .fc-day.fc-state-highlight:hover .fc-day-number {
   background-color: #ff3b30;
 }
 .fc-button-today {
   border: 1px solid rgba(255, 255, 255, .0);
 }
 .fc-view-agendaDay thead tr.fc-first .fc-widget-header {
   text-align: right;
   padding-right: 10px;
 }
 .fc-event {
   background: #fff !important;
   color: #000 !important;
 }
 .fc-event-bg {
   display: none !important;
 }
 .fc-event .ui-resizable-handle {
   display: none !important;
 }
 .suggested-locations {
   background-color: #a7ffeb;
   padding: 20px;
   display: table;
   border-radius: 15px;
   margin-left: -15px;
   margin-right: -15px;
   margin-bottom: 20px;
 }
 .suggested-locations h2 {
   font-size: 25px;
   margin: 0;
   padding: 0;
   margin-bottom: 30px;
   font-size: 22px;
   font-weight: 800;
   text-align: center;
 }
 .suggested-locations ul {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
 }
 .suggested-locations ul li {
   display: inline-block;
   margin-bottom: 15px;
   padding: 0 10px;
 }
 .suggested-locations ul li a {
   color: #333;
   border: 1px solid #5d9394;
   padding: 4px 10px;
   border-radius: 15px;
 }
 .suggested-locations ul li a:hover {
   background: #3f3d56;
   color: #FFF;
 }
 ul.trendingMenu {
   list-style: none;
   margin-bottom: 0;
 }
 ul.trendingMenu li {
   display: inline-table;
 }
 ul.trendingMenu li a {
   padding: 2px 5px;
   color: #cdcdcd;
   display: block;
   font-size: 13px;
   font-weight: 500;
 }
 ul.trendingMenu li a:hover {
   color: #e77719;
 }
 .linePanel {
   width: 100%;
   border-bottom: 1px solid #323741;
   margin: 10px 0;
 }
 .Aboutbody {
   margin-top: 20px;
 }
 .Aboutbody h4 {
   font-size: 14px;
   text-align: center;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   border-radius: 5px 5px 0 0;
   padding: 10px 5px;
   margin-bottom: 0;
 }
 .Aboutbody .AboutbodyPanel {
   border: 1px solid #313642;
   padding: 15px;
   border-radius: 0 0 5px 5px;
 }
 .Aboutbody .AboutbodyPanel ul li {
   list-style: none;
   position: relative;
   padding-left: 15px;
 }
 .Aboutbody .AboutbodyPanel ul li:after {
   width: 7px;
   height: 7px;
   border-radius: 50%;
   background: #333;
   position: absolute;
   left: 0;
   top: 12px;
   content: '';
 }
 .Aboutbody .AboutbodyPanel ul li a {
   padding: 3px;
   color: #0d82d5;
   display: block;
 }
 .Aboutbody .AboutbodyPanel ul li a:hover {
   color: #333;
 }
 .AboutbodyPanel.abArea img {
   width: 220px;
 }
 .AboutbodyPanel.abArea p {
   color: #b2b2b5;
   font-size: 15px;
   margin-bottom: 10px !important;
 }
 .Aboutbody .AboutbodyPanel p span {
   color: #fff !important;
 }
 .top_brand_header {}
 .top_brand_header.searchBgArea .main-wrapper {
   background: #eff3f6 !important;
 }
 .top_brand_header.Blog .innerBanner h5, .top_brand_header.Blog .innerBanner h6 {
   font-size: 42px;
   color: #fff;
   margin: 90px 0 80px 0;
   font-weight: 700;
   overflow: hidden;
   position: relative;
   text-align: center;
 }
 .top_brand_header.Blog .innerBanner h5 span {
   display: block;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   padding: 0 160px;
   margin-top: 15px;
 }
 .blArea-1 {
   border-right: 1px solid #444a56;
 }
 .top_brand_header.Blog .innerBanner h5.mb-150 {
   margin-bottom: 150px;
 }
 .top_brand_header.Blog .main-wrapper {
   background: #fff;
 }
 .top_brand_header .fullscreen.empty-div {
   display: none;
 }
 .top_brand_header .innerBanner {
   height: auto;
   position: relative;
 }
 .top_brand_header .innerBanner .methodologySection {
   width: 100%;
   height: auto;
   display: block;
 }
 .methodologySection.bgWhiteBox {
   background: transparent;
   border: 1px solid #313642;
 }
 .methodologySection-1.bgWhiteBox {
   background: transparent;
   border: 1px solid #313642;
 }
 .methodologySection h2 {
   font-size: 50px;
   color: #fff;
   margin: 80px 0 40px 0;
   font-weight: 700;
   overflow: hidden;
 }
 .methodologySection h2 .btnPlus {
   width: 40px;
   height: 40px;
   display: inline-block;
   border-radius: 50%;
   border: 2px solid #fff;
   text-align: center;
   font-size: 30px;
   position: absolute;
   right: 0;
   top: 12px;
   line-height: 36px;
   color: #fff;
 }
 .methodologySection h2 .btnPlus:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .methodologySection h2 span {
   padding: 0 20px;
   position: relative;
 }
 .methodologySection h2 span:after {
   width: 80%;
   height: 2px;
   position: absolute;
   top: 33px;
   left: -80%;
   content: '';
   background: rgba(154, 154, 154, .8);
 }
 .methodologySection h2 span:before {
   width: 80%;
   height: 2px;
   position: absolute;
   top: 33px;
   right: -80%;
   content: '';
   background: rgba(154, 154, 154, .8);
 }
 .methodologySection h6 {
   font-size: 34px;
   color: #fff;
   margin-bottom: 10px;
   font-weight: 700;
   z-index: 9;
   text-align: center;
   width: 100%;
 }
 .methodologySection p {
   font-size: 15px;
   color: #fff;
   font-weight: 400;
   z-index: 9;
   text-align: center;
   width: 70%;
   margin: auto;
 }
 .methodologySection .methodologyPanel {
   width: 100%;
   border-radius: 15px;
   text-align: center;
   margin-bottom: 25px;
   padding: 40px 10px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
 }
 .methodologySection .methodologyPanel.colBox-1 {
   background: #ffad2a;
 }
 .methodologySection .methodologyPanel.colBox-2 {
   background: #3788fc;
 }
 .methodologySection .methodologyPanel.colBox-3 {
   background: #05a474;
 }
 .methodologySection .methodologyPanel.colBox-4 {
   background: #7fa6c2;
 }
 .methodologySection .methodologyPanel.colBox-5 {
   background: #783be3;
 }
 .methodologySection .methodologyPanel.colBox-6 {
   background: #ff6f00;
 }
 .methodologySection .methodologyPanel.colBox-7 {
   background: #047653;
 }
 .methodologySection .methodologyPanel.colBox-8 {
   background: #728797;
 }
 .methodologySection .methodologyPanel.colBox-9 {
   background: #562aa2;
 }
 .methodologySection .methodologyPanel.colBox-10 {
   background: #2760b2;
 }
 .methodologySection .methodologyPanel.colBox-11 {
   background: #b51000;
 }
 .methodologySection .methodologyPanel.colBox-12 {
   background: #b0771c;
 }
 .methodologyPanel i {
   font-size: 40px;
   color: #fff;
   margin-bottom: 10px;
 }
 .methodologyPanel span {
   display: block;
   font-size: 16px;
   padding: 2px 0 0 0;
   color: #fff;
 }
 .methodologyPanel span.bg-5 {
   display: inline-table;
   border: 1px solid #CCC;
   padding: 2px 10px;
   border-radius: 5px;
   margin-bottom: 3px;
 }
 .methodologySection .methodologyPanel:hover {
   background: #fff !important;
   color: #000;
   box-shadow: 0 6px 30px rgba(0, 0, 0, .07);
 }
 .methodologySection .methodologyPanel:hover i, .methodologyPanel:hover span {
   color: #000;
 }
 .mostInfluencersArea {
   background: #f88d26;
   padding: 15px;
   border-radius: 15px;
 }
 .panelPrimaryBox {
   width: 100%;
   position: relative;
   margin-bottom: 25px;
 }
 .panelPrimaryBox .nav.nav-tabs {
   margin-bottom: 10px;
   border: 0;
 }
 .panelPrimaryBox .nav.nav-tabs .nav-item {
   margin: 0 12px 0 0;
 }
 .panelPrimaryBox .nav.nav-tabs .nav-link {
   padding: 0;
 }
 .panelPrimaryBox .nav.nav-tabs .nav-link {
   color: #fff;
   font-weight: normal;
   padding: 8px 10px;
   border-radius: 50px;
   cursor: pointer;
 }
 .panelPrimaryBox .nav-tabs .nav-item.show .nav-link, .panelPrimaryBox .nav-tabs .nav-link.active {
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .panelPrimaryBox .nav.nav-tabs .nav-link.active:after {
   display: none;
 }
 .wrapperUpBox {
   position: relative;
   z-index: 9;
 }
 .wrapperUpBox .trendingSearch {
   padding: 0;
 }
 .wrapperUpBox .trendingSearch .container {
   background: #fff;
   border-radius: 30px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .05);
 }
 .twitterTrends {
   border-top: 0px solid #dedede;
   border-collapse: separate;
   border-spacing: 0 35px;
 }
 .twitterTrends > tbody > tr:nth-child(odd) {
   background-color: #3e444f !important;
 }
 .twitterTrends > tbody > tr:nth-child(even) {
   background-color: #323741 !important;
 }
 table.twitterTrends thead tr th {
   background: #fc9743;
   color: #fff;
   vertical-align: middle;
   font-size: 14px;
   border: 0;
   position: relative;
   line-height: 13px;
 }
 table.twitterTrends thead tr th:not(:last-child):after {
   width: 1px;
   background: #fdae6c;
   position: absolute;
   right: 0;
   top: 5px;
   bottom: 5px;
   content: '';
 }
 table.twitterTrends thead tr th:first-child {
   border-radius: 10px 0 0 10px;
 }
 table.twitterTrends thead tr th:last-child {
   border-radius: 0 10px 10px 0;
   border: 0;
 }
 .twitterTrends tbody tr td {
   padding: 20px 10px;
   font-size: 15px;
   color: #fc9743;
   line-height: 20px;
   border: 0;
   position: relative;
 }
 table.twitterTrends tbody tr td:not(:last-child):after {
   display: none;
   width: 1px;
   background: #545a66;
   position: absolute;
   right: 0;
   top: 5px;
   bottom: 5px;
   content: '';
 }
 .twitterTrends tr td:first-child {
   border-left-style: solid;
   position: relative;
   border-top-left-radius: 15px;
   border-bottom-left-radius: 15px;
   text-align: center;
   color: #fff;
   z-index: 1;
 }
 .twitterTrends tr td:first-child:before {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 50px;
   left: 50%;
   top: 50%;
   z-index: -1;
   margin-top: -20px;
   margin-left: -20px;
   text-align: center;
   line-height: 40px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   content: '';
 }
 .twitterTrends tr td:last-child {
   border-right-style: solid;
   border-bottom-right-radius: 15px;
   border-top-right-radius: 15px;
   position: relative;
   padding-right: 77px;
 }
 .twitterTrends tr td:last-child:after {
   position: absolute;
   width: 40px;
   height: 40px;
   border-radius: 50px;
   background: #70737a;
   right: 10px;
   top: 50%;
   margin-top: -20px;
   font-family: "Font Awesome 5 Free";
   font-size: 16px;
   color: #323741;
   font-weight: 600;
   content: "\f054";
   text-align: center;
   line-height: 40px;
 }
 .twitterTrends tbody tr td a {
   color: #fc9743;
   font-size: 16px;
 }
 .twitterTrends tbody tr td p {
   color: #fff;
 }
 .twitterTrends tbody tr td a:hover {
   text-decoration: underline;
 }
 .twitterTrends tbody tr td a i {
   font-style: normal;
 }
 .twitterTrends tbody tr td span {
   display: block;
 }
 .twitterTrends tbody tr td img {
   border: 0px solid #5b5f67;
   width: 100%;
   padding: 0px;
   border-radius: 15px;
   height: 110px !important;
 }
 .twitterTrends tbody tr:hover {
   background: #202531;
 }
 .twitterTrends tbody tr:hover {
   background: #202531 !important;
 }
 .leftAreaTrendBox.twitterTrends {
   border-spacing: 0 15px;
 }
 .leftAreaTrendBox.twitterTrends tbody tr td a {
   color: #fc9743;
   font-size: 14px;
 }
 .leftAreaTrendBox.twitterTrends tbody tr td:first-child:before {
   position: absolute;
   width: 30px;
   height: 30px;
   border-radius: 50px;
   left: 50%;
   top: 50%;
   z-index: -1;
   margin-top: -15px;
   margin-left: -15px;
   text-align: center;
   line-height: 32px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   content: '';
 }
 .leftAreaTrendBox.twitterTrends tbody tr td:last-child:after {
   position: absolute;
   width: 30px;
   height: 30px;
   border-radius: 50px;
   background: #70737a;
   right: 10px;
   top: 50%;
   margin-top: -15px;
   font-family: "Font Awesome 5 Free";
   font-size: 16px;
   color: #323741;
   font-weight: 600;
   content: "\f054";
   text-align: center;
   line-height: 30px;
 }
 .leftAreaTrendBox.twitterTrends tbody tr td {
   padding: 13px 10px;
 }
 table.valign-top tbody tr td {
   vertical-align: top;
 }
 table.twitterTrends.tablesorter.tableTextColor tbody tr td a {
   color: #fff !important;
 }
 table.fc-border-separate .fc-week .fc-day > div {
   min-height: 35px !important;
 }
 table.tableFortune500.twitterTrends {
   border: 0;
 }
 table.tableFortune500.twitterTrends thead tr th {
   padding: 21px 5px;
   background: #fff;
   color: #000;
 }
 table.tableFortune500.twitterTrends thead tr th:first-child, table.tableFortune500.twitterTrends tbody tr td:first-child {
   border-radius: 15px 0 0px 15px;
 }
 table.tableFortune500.twitterTrends thead tr th:last-child, table.tableFortune500.twitterTrends tbody tr td:last-child {
   border-radius: 0 15px 15px 0;
   border: 0;
 }
 table.tableFortune500.twitterTrends thead tr th:after, table.tableFortune500.twitterTrends tbody tr td:after {
   display: none;
 }
 table.tableFortune500.twitterTrends tbody tr td {
   padding: 10px 5px;
   position: relative;
   font-size: 16px;
   vertical-align: middle;
   color: #fff;
 }
 table.tableFortune500.twitterTrends tbody tr:nth-child(odd) {
   background: transparent !important;
 }
 table.tableFortune500.twitterTrends tbody tr:nth-child(odd) td {
   border: 1px solid #3d424c;
   border-right: 0;
   border-left: 0;
 }
 table.tableFortune500.twitterTrends tbody tr:nth-child(odd) td:first-child {
   border-left: 1px solid #3d424c;
 }
 table.tableFortune500.twitterTrends tbody tr:nth-child(odd) td:last-child {
   border-right: 1px solid #3d424c;
 }
 table.tableFortune500.twitterTrends tr td:first-child:before {
   display: none;
 }
 table.tableFortune500.twitterTrends tbody tr td img {
   width: 100%;
   height: 95px !important;
 }
 .twitterTrends.wikiTable tbody tr td img {
   height: auto !important;
 }
 .twitterTrends.wikiTable tbody tr td {
   color: #fff !important;
 }
 .twitterTrends.wikiTable tbody tr td a {
   color: #fc9743 !important;
 }
 table.tableCloseArea {
   border: 0;
 }
 table.tableCloseArea thead tr th {
   border: 0;
   padding: 5px 5px;
 }
 table.tableCloseArea thead tr th label {
   margin-bottom: 0;
   color: #bbbcbc;
   cursor: pointer;
   font-weight: 600;
 }
 table.tableCloseArea thead tr th label:hover {
   color: #0eaa6a;
 }
 table.twitterTablePanel tbody tr td {
   vertical-align: middle;
 }
 table.twitterTablePanel tbody tr td mark {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   width: 30px;
   height: 30px;
   font-weight: 700;
   line-height: 22px;
   border-radius: 50%;
   color: #fff;
   text-align: center;
   display: block;
 }
 table.twitterTablePanel tbody tr td a {
   font-size: 17px;
   color: #fff;
 }
 table.twitterTablePanel tbody tr td a:hover {
   text-decoration: underline;
 }
 table.twitterTablePanel tbody tr td b a {
   font-size: 13px !important;
   color: #333;
   padding-left: 20px;
   display: block;
 }
 table.twitterTablePanel tbody tr td .userLinkArea img {
   margin-right: 5px;
   float: none !important;
   display: inline-block;
 }
 table.twitterTablePanel tbody tr td .userLinkArea a {
   font-size: 14px;
 }
 table.twitterTablePanel tbody tr td span {
   color: #ef7434;
   font-size: 22px;
   font-weight: 700;
   opacity: 1;
 }
 @keyframes fadeIn5 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-moz-keyframes fadeIn5 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-webkit-keyframes fadeIn5 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-o-keyframes fadeIn5 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 @-ms-keyframes fadeIn5 {
   0% {
     opacity: 0;
   }
   100% {
     opacity: 1;
   }
 }
 .arrow-downBox {
   color: red !important;
 }
 .arrow-upBox {
   color: #32c20a !important;
 }
 .pagination.paginationBox .page-item .page-link {
   width: auto;
   border-radius: 5px !important;
   font-size: 13px !important;
 }
 .btnCaterBox {
   border: 1px solid #323742;
   background: #323742;
   color: #fff;
   font-size: 15px;
   border-radius: 50px;
   margin-bottom: 0;
   padding: 5px 10px;
   height: 45px;
 }
 .btnCaterBox:focus {
   color: #fff;
 }
 .monthHdBox span {
   font-size: 14px;
   color: #000;
   padding: 8px 5px;
 }
 .calendarPanelSt {
   margin-bottom: 15px;
 }
 .calendarPanelSt .nowBut {
   background: #3e88f6;
   padding: 3px 7px;
   color: #fff;
   font-size: 13px;
   border: 0;
   border-radius: 5px;
 }
 .calendarPanelSt ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .calendarPanelSt ul li {
   float: left;
   color: #007bff;
   font-size: 16px;
   font-weight: 500;
   padding: 5px 5px;
   background: #ebf3fe;
   margin-right: 5px;
   border-radius: 5px;
 }
 .calendarInputSt .input-group .form-control {
   border: 1px solid #c4c4c4;
   border-radius: 10px;
 }
 .calendarInputSt .input-group .input-group-addon {
   padding: 5px 10px;
   color: #fc5826;
   position: absolute;
   right: 0;
   z-index: 9;
 }
 .calendarInputSt .dropdown-menu {
   background-color: #323742;
 }
 .marketingSection {
   width: 100%;
   padding: 30px 0 30px 0;
 }
 .marketingSection > h2 {
   text-align: center;
   font-weight: 700;
   font-size: 25px;
   color: #b4b4b4;
   line-height: 40px;
   margin-bottom: 50px;
 }
 .marketingSection .marketingBox {
   background-color: #12b975;
   box-shadow: 0 20px 45px rgba(0, 0, 0, .2);
   padding: 20px 10px;
   border-radius: 10px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   cursor: default;
 }
 .marketingSection .marketingBox:hover {
   background-color: #00b0cd;
   cursor: default;
 }
 .marketingSection .marketingBox:hover span {
   color: #fff;
 }
 .marketingSection .marketingBox h2 {
   font-size: 40px;
   color: #fff;
   font-weight: 700;
 }
 .marketingSection .marketingBox span {
   margin-top: 20px;
   display: block;
   color: #fff;
   font-size: 14px;
 }
 .clientSection {
   padding: 30px 0 30px 0;
 }
 .clientSection img {
   width: 100%;
   border: 1px solid rgb(232, 233, 234);
   border-radius: 10px;
   padding: 5px;
   cursor: default;
   -webkit-filter: grayscale(100%);
   filter: grayscale(100%);
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
 }
 .clientSection img:hover {
   cursor: default;
   -webkit-filter: grayscale(0%);
   filter: grayscale(0%);
   -webkit-transform: translateY(-4px) scale(1.02);
   -moz-transform: translateY(-4px) scale(1.02);
   -ms-transform: translateY(-4px) scale(1.02);
   -o-transform: translateY(-4px) scale(1.02);
   transform: translateY(-4px) scale(1.02);
   -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
   box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
   z-index: 9;
 }
 .sd {
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
 }
 .sd:hover {
   -webkit-transform: translateY(-4px) scale(1.02);
   -moz-transform: translateY(-4px) scale(1.02);
   -ms-transform: translateY(-4px) scale(1.02);
   -o-transform: translateY(-4px) scale(1.02);
   transform: translateY(-4px) scale(1.02);
   -webkit-box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
   box-shadow: 0 14px 24px rgba(0, 0, 0, .4);
   z-index: 9;
 }
 .sectionBoxOne .clientSection .owl-carousel .owl-nav, .sectionBoxOne .coverageReportArea .owl-carousel .owl-nav {
   top: 49px;
   width: 100%;
 }
 .sectionBoxOne .clientSection .owl-carousel .owl-nav button, .sectionBoxOne .coverageReportArea .owl-carousel .owl-nav button {
   position: absolute;
   border: 1px solid #e3e3e3 !important;
   border-radius: 50%;
   color: #333;
   width: 35px;
   height: 35px;
 }
 .sectionBoxOne .clientSection .owl-carousel .owl-nav button:hover, .sectionBoxOne .coverageReportArea .owl-carousel .owl-nav button:hover {
   background: #c5c5c5 !important;
 }
 .sectionBoxOne .clientSection .owl-carousel .owl-nav button.owl-next, .sectionBoxOne .coverageReportArea .owl-carousel .owl-nav button.owl-next {
   right: -25px;
 }
 .sectionBoxOne .clientSection .owl-carousel .owl-nav button.owl-prev, .sectionBoxOne .coverageReportArea .owl-carousel .owl-nav button.owl-prev {
   left: -25px;
 }
 .marketingSection .rightImgBox {}
 .marketingSection .rightImgBox iframe, .videoBox {
   box-shadow: 0 10px 25px rgba(0, 0, 0, .2);
   background: #fff;
   padding: 5px;
 }
 .marketingSection .rightImgBox img {
   margin: 20px 0;
 }
 .marketingSection .rightTextBox span {
   color: #3985f6;
   font-weight: 700;
   font-size: 20px;
   margin-bottom: 20px;
   display: block;
 }
 .marketingSection .rightTextBox h4 {
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 16px;
   line-height: 30px;
   color: #24223e;
 }
 .marketingSection .rightTextBox p {
   color: #434c5d;
   font-size: 16px;
   line-height: 26px;
 }
 .marketingSection .rightTextBox a {
   font-size: 14px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 700;
   letter-spacing: .5px;
   padding: 10px 15px;
   border-radius: 50px;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
 }
 .marketingSection .rightTextBox a:hover {
   background: #3f3d56;
 }
 #cookie-consent {
   position: fixed;
   left: 16px;
   text-align: center;
   bottom: 5px;
   z-index: 999;
   background: #fff;
   padding: 0px 0px 0 16px;
   font-size: 14px;
   line-height: 16px;
   color: #333;
   box-shadow: 0 2px 15px rgba(0, 0, 0, .2);
   border-radius: 50px;
 }
 #cookie-consent .text-accent {
   color: #ff6436;
 }
 #cookie-consent .btn--small {
   margin-left: 4px;
   font-size: 14px;
   height: 30px;
   line-height: 2px;
   border-width: 1px;
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   padding: 15px 10px;
   border-radius: 50px;
 }
 #cookie-consent .btn--small:hover {
   background: linear-gradient(65deg, #fc9a3a, #fc5124);
 }
 .sentimentChartBox {
   width: 55px;
   height: 55px;
   position: absolute;
   top: -92px;
 }
 .sentimentprBox {
   position: absolute;
   left: 62px;
   top: -63px;
 }
 .sentimentprBox ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .sentimentprBox ul li {
   font-size: 10px;
   margin: 0;
   padding: 0;
   line-height: 16px;
 }
 .sentimentprBox ul li i {
   margin-right: 5px;
 }
 .sentimentprBox ul li.positiveColor {
   color: #54d354;
 }
 .sentimentprBox ul li.negativeColor {
   color: #ff0000;
 }
 .sentimentprBox ul li.neutralColor {
   color: #fff;
 }
 .DetalSentimentprBox {
   width: 196px;
   margin-left: auto !important;
 }
 .DetalSentimentprBox .sentimentprBox {
   left: 65px;
   top: -42px;
 }
 .DetalSentimentprBox .sentimentChartBox {
   left: 0;
   top: -46px;
 }
 .followAreaPanel {
   position: absolute;
   top: 16px;
   left: 0;
   font-size: 12px;
   color: #fff;
 }
 .followAreaPanel .btn {
   padding: 3px 10px;
   font-size: 12px;
   cursor: pointer;
 }
 .followAreaPanel .btn.Unfollow {
   background: #f73212 !important;
   border: 1px solid #f73212;
 }
 .searchByPanel {}
 ul.searchByPanel {
   margin: 0;
   padding: 0;
   list-style: none;
   text-align: center;
   margin-top: 20px;
 }
 ul.searchByPanel li {
   display: inline-block;
   margin: 0 5px;
 }
 ul.searchByPanel li a {
   border: 1px solid #fff;
   padding: 5px 15px;
   color: #fff;
   border-radius: 50px;
   font-size: 12px;
 }
 ul.searchByPanel li .active {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
   border: 1px solid #fc9a3a;
 }
 .facebookFollowersLike {
   background: #2e5aac;
   border: 1px solid #1a4698;
   padding: 3px 7px;
   color: #fff;
   font-size: 14px;
   border-radius: 7px;
   display: inline-table;
 }
 .facebookFollowersLike i {
   margin-right: 5px;
   font-size: 15px;
   color: #fff;
 }
 .searchSectionBox {
   font-size: 17px;
   margin-top: -200px;
 }
 .searchSectionBox .bgWhiteBox {
   background: #272c38;
   border-radius: 30px;
   position: relative;
   padding: 30px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   border: 1px solid #3d424c;
 }
 .searchSectionBox .bgWhiteBox .searchbar {
   position: relative;
 }
 .searchSectionBox .line {
   width: 100%;
   height: 1px;
   background: #d8d8dd;
   margin: 30px 0;
   position
: relative;
 }
 .searchSectionBox .bgWhiteBox .search_input {
   background: #3d424c;
   border: 0;
   outline: 0;
   width: 100%;
   line-height: 40px;
   transition: width 0.4s linear;
   border-radius: 50px;
   padding: 10px 30px;
   font-size: 22px;
   padding-right: 60px;
 }
 .searchSectionBox .bgWhiteBox .search_input::placeholder {
   color: #fff;
 }
 .searchSectionBox .bgWhiteBox .search_input:hover, .searchSectionBox .bgWhiteBox .search_input:focus {
   box-shadow: 0px 0px 0px 2px #000 !important;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel {
   position: relative;
   background: #3d424c;
   border: 0;
   outline: 0;
   width: 100%;
   line-height: 40px;
   transition: width 0.4s linear;
   border-radius: 50px;
   font-size: 22px;
   z-index: 9;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel:hover .compareContentArea i, .searchSectionBox .bgWhiteBox .compareInputPanel:hover .compareContentArea {
   color: #fb8735;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .search_input {
   background: transparent !important;
   z-index: 9;
   position: relative;
   padding-right: 15px;
   color: #fff;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .compareContentArea {
   position: absolute;
   left: 14px;
   top: 9px;
   font-size: 20px;
   color: rgb(206 215 221);
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .compareContentArea i {
   font-size: 27px;
   vertical-align: middle;
 }
 .searchSectionBox .bgWhiteBox .search_icon {
   position: absolute;
   right: 10px;
   top: 12px;
   font-size: 25px;
   height: 40px;
   background: #3d424c;
   width: 40px;
   border-radius: 50%;
   color: #fff;
   text-decoration: none;
   cursor: pointer;
   z-index: 9;
 }
 .searchSectionBox .bgWhiteBox .search_icon:hover {
   color: #fc9a3a;
 }
 .searchSectionBox .bgWhiteBox .urlBtn {
   position: absolute;
   right: 21px;
   top: 16px;
   font-size: 25px;
   position: absolute;
   right: 16px;
   top: 0px;
   font-size: 18px;
   text-transform: uppercase;
   padding: 17px 17px;
   border-radius: 0 50px 50px 0;
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   text-decoration: none;
 }
 .searchSectionBox .bgWhiteBox .urlBtn:hover {
   background: #3f3d56;
 }
 .searchSectionBox .form-group {
   margin-bottom: 0;
 }
 .searchSectionBox .form-group .form-control {
   border: 1px solid #c4c4c4;
   width: 100%;
   appearance: auto !important;
   -moz-appearance: auto !important;
   -ms-appearance: auto !important;
   -o-appearance: auto !important;
   -webkit-appearance: auto !important;
   border-radius: 15px;
   padding: 3px 10px;
   height: 40px;
   margin-bottom: 0;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown {
   position: absolute;
   display: inline-block;
   right: 8px;
   top: 10px;
   color: rgb(176, 190, 197);
   z-index: 9;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown > i {
   width: 32px;
   height: 32px;
   background: #3d424c;
   text-align: center;
   border-radius: 50%;
   margin-right: 4px;
   color: #9c9fa5;
   cursor: pointer;
   line-height: 32px;
   font-size: 19px;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown > i:hover {
   background: #3f3d56;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown .dropdown-menu {
   padding: 0;
   min-width: 7rem;
   right: 0;
   left: unset !important;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown .dropdown-menu .dropdown-item {
   padding: 8px 10px;
   font-size: 13px;
   line-height: 15px;
   color: rgb(69, 90, 100);
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown .dropdown-menu .dropdown-item i {
   font-size: 13px;
   color: rgb(69, 90, 100);
   margin-right: 5px;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown .dropdown-menu .dropdown-item:hover {
   background: #fc9a3a;
   color: #fff;
 }
 .searchSectionBox .bgWhiteBox .compareInputPanel .dropdown .dropdown-menu .dropdown-item:hover i {
   color: #fff;
 }
 .searchSectionBox .siteinfoBox h6 {
   font-size: 15px;
   font-weight: 700;
   color: #3f3d56;
   margin: 10px 0;
   padding: 0;
 }
 .searchSectionBox .bgWhiteBox .siteinfoBox span {
   display: block;
   background: #ffc400;
   padding: 7px 5px;
   text-align: center;
   border-radius: 5px;
   font-size: 16px;
 }
 .searchSectionBox .siteinfoBox .gainLgBox {
   background: url(../images/bg-icon3a.jpg) no-repeat center;
   width: 103px;
   height: 117px;
   color: #fff;
   font-size: 23px;
   font-weight: 700;
   text-align: center;
   line-height: 117px;
   display: inline-block;
 }
 .searchSectionBox .siteinfoBox .gainLgBox:hover {
   background: url(../images/bg-icon3b.jpg) no-repeat center;
 }
 .searchSectionBox .siteinfoBox .gainLgBox.bg4 {
   background: url(../images/bg-icon3b.jpg) no-repeat center;
 }
 .searchSectionBox .siteinfoBox .gainLgBox.bg4:hover {
   background: url(../images/bg-icon3a.jpg) no-repeat center;
 }
 .searchSectionBox .siteinfoBox .siteinfoArea {
   border: 1px solid #999;
   padding: 7px 10px;
   border-radius: 5px;
   font-weight: 600;
   font-size: 14px;
 }
 .searchSectionBox .siteinfoBox .siteinfoArea .gainLgBoxNo {
   color: #0da869;
   font-size: 14px;
 }
 .searchSectionBox .br-lr {
   border-left: 1px solid #ebebee;
   border-right: 1px solid #ebebee;
 }
 .btnFilters {
   margin: 0;
   padding: 10px 15px;
   color: #fff;
   background: #30c208;
   border-radius: 15px;
   width: auto;
 }
 .btnFilters:hover {
   background: #3f3d56;
   color: #fff;
 }
 .btnReset {
   margin: 0;
   border: 1px solid #d8d7dc;
   padding: 10px 15px;
   color: #bcbcbc;
   border-radius: 15px;
   width: auto;
 }
 .btnReset:hover {
   background: #fa000c;
   color: #fff;
   border: 1px solid #fa000c;
 }
 .searchSectionBox .siteinfoBox .cut-diamond {
   border: 2px solid #3f3d55;
   border-radius: 100px;
   color: #fff;
   position: relative;
   text-align: center;
   margin: 10px auto 0;
   display: inline-block;
   padding: 5px 15px;
 }
 .searchSectionBox .siteinfoBox .cut-diamond span {
   color: #3f3d55;
   line-height: normal;
   font-weight: 700;
   font-size: 14px;
 }
 .SearchPostSection {
   padding: 20px 0;
 }
 .line-t-b {
   border-bottom: 1px solid #3d424c;
   border-top: 1px solid #3d424c;
   box-shadow: rgba(108, 125, 159, 0.16) 5px 5px 15px 0px;
 }
 .KeyMetricsSection .container .d-flex {}
 .KeyMetricsSection ul.chartMenuPanel {
   list-style: none;
   margin: 0;
 }
 .KeyMetricsSection ul.chartMenuPanel li {
   display: inline-block;
   margin-right: 18px;
 }
 .KeyMetricsSection ul.chartMenuPanel li a {
   font-size: 13px;
   color: rgb(209 221 227);
 }
 .KeyMetricsSection ul.chartMenuPanel li a:hover, .KeyMetricsSection ul.chartMenuPanel li.active a {
   color: #fc9a3a
 }
 .KeyMetricsSection ul.KeySentimentArea {
   margin-bottom: 0;
   line-height: 13px;
 }
 .KeyMetricsSection ul.KeySentimentArea li {
   display: inline-block;
 }
 .KeyMetricsSection ul.KeySentimentArea li i {
   cursor: pointer;
   font-size: 17px;
   margin-right: 5px;
 }
 .KeyMetricsSection ul.KeySentimentArea li i.fa-smile {
   color: rgb(38, 222, 129);
 }
 .KeyMetricsSection ul.KeySentimentArea li i.fa-frown {
   color: rgb(254, 211, 48);
 }
 .KeyMetricsSection ul.KeySentimentArea li i.fa-meh {
   color: rgb(252, 92, 101);
 }
 .KeyMetricsSection ul.KeySentimentArea li i:hover {
   color: #3f3d56;
 }
 .KeyMetricsSection ul.listingArwa {
   margin-bottom: 0;
   list-style: none;
 }
 .KeyMetricsSection ul.listingArwa li {
   display: inline-block;
   padding: 3px 5px;
   font-size: 13px;
   color: rgb(84, 110, 122);
   cursor: default;
   border-radius: 5px;
   letter-spacing: 0.13px;
   filter: blur(1.2px);
   font-weight: 600;
 }
 .KeyMetricsSection .lineArea {
   border-left: 2px solid #eceff1;
   border-right: 2px solid #e1e3e4;
 }
 .KeyMetricsSection ul.listingArwa li.active {
   color: #fc9a3a;
   cursor: pointer;
   filter: none;
 }
 .KeyMetricsSection ul.listingArwa li.active:hover {
   background: #fc9a3a;
   color: #fff;
 }
 .KeyMetricsSection ul.listingArwa li.actLink {
   cursor: pointer;
   filter: none;
 }
 .KeyMetricsSection ul.listingArwa li.actLink:hover {
   background: #e7edf6;
 }
 .KeyMetricsSection .calendarArea {
   font-size: 13px;
   color: rgb(38, 50, 56);
   position: relative;
 }
 .KeyMetricsSection .calendarArea i {
   color: rgb(38, 50, 56);
   font-size: 15px;
   margin-right: 5px;
   position: absolute;
   top: 10px;
 }
 .KeyMetricsSection .calendarArea .dateRange {
   margin-bottom: 0;
   width: 190px;
   padding-left: 20px;
   border: 0;
   background: transparent;
 }
 .InsightsSectionArea {
   padding: 20px 0;
 }
 .InsightsSectionArea h1 {
   font-size: 16.1px;
   color: #fff;
 }
 .InsightsSectionArea h1 strong {
   color: #fc9a3a;
 }
 .InsightsSectionArea .InsightsArea {
   text-align: center;
 }
 .InsightsSectionArea .InsightsArea h2 {
   font-size: 56px;
   font-weight: 900;
   line-height: 1.14;
   color: #fa8b36;
   font-family: 'Lato', sans-serif;
 }
 .InsightsSectionArea .InsightsArea .linksContainer {
   position: relative;
   width: 100%;
   max-width: 207px;
   height: 30px;
   margin: 0 auto;
   left: 8px;
   line-height: normal;
   display: none;
   opacity: 0;
   visibility: hidden;
 }
 .InsightsSectionArea .InsightsArea .linksContainer .animatedLine {
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   transition: all .2s ease-in-out;
   font-size: 15px;
   letter-spacing: -.3px;
   text-align: center;
 }
 .InsightsSectionArea .InsightsArea .normalText {
   width: auto;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 .InsightsSectionArea .InsightsArea .normalText svg {
   display: flex;
   flex-shrink: 0;
   fill: #0f62ff;
   position: relative;
   top: 0;
 }
 .InsightsSectionArea .InsightsArea .linksContainer .animatedLine--second {
   top: 3px;
   opacity: 0;
   transform: translateX(10px);
 }
 .InsightsSectionArea .InsightsArea .linksContainer:hover .animatedLine--first {
   opacity: 0;
   transform: translateX(-10px);
 }
 .InsightsSectionArea .InsightsArea .linksContainer:hover .animatedLine--second {
   opacity: 1;
   transform: translateX(0);
 }
 .InsightsSectionArea .InsightsArea .circularprogressbar {
   grid-template-columns: repeat(1, 80px);
   display: inline-grid;
   margin-bottom: 8px;
 }
 .InsightsSectionArea .InsightsArea .circularprogressbar .boxss .chartcircular {
   line-height: 75px;
   height: 80px;
 }
 .InsightsSectionArea .InsightsArea .circularprogressbar .boxss .chartcircular .progressyellow span {
   font-size: 14px;
 }
 .boxAreaChart {
   padding: 15px;
   background: #323741;
   border-radius: 15px;
   margin-bottom: 25px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   position: relative;
 }
 .boxAreaChart h6 {
   border-bottom: 1px solid #2d323d;
   color: #fff;
   margin: -15px -15px 15px -15px;
   padding: 10px;
   text-transform: uppercase;
   position: relative;
 }
 .boxAreaChart h2 {
   font-size: 56px;
   font-weight: 900;
   line-height: 1.14;
   color: #fc8c36;
   font-family: 'Lato', sans-serif;
 }
 .boxAreaChart .dropdown, .boxAreaChart h6 > i.fa-compress {
   position: absolute;
   display: inline-block;
   right: 2px;
   top: 4px;
   color: rgb(176, 190, 197);
   z-index: 9;
 }
 .boxAreaChart .dropdown.chartMenuArea {
   right: 30px;
 }
 .boxAreaChart h6 > i.fa-compress {
   right: 0px;
 }
 .boxAreaChart.iconChangeArea h6 > i.fa-compress {
   right: 2px;
 }
 .boxAreaChart .dropdown > i, .boxAreaChart h6 > i {
   width: 28px;
   height: 28px;
   background: transparent;
   text-align: center;
   border-radius: 50%;
   margin-right: 4px;
   cursor: pointer;
   line-height: 28px;
   font-size: 16px;
 }
 .boxAreaChart .dropdown > i:hover, .boxAreaChart h6 > i:hover {
   background: #3f3d56;
   color: #fff;
 }
 .boxAreaChart .dropdown .dropdown-menu {
   padding: 0;
   min-width: 7rem;
 }
 .boxAreaChart .dropdown .dropdown-menu .dropdown-item {
   padding: 8px 10px;
   font-size: 13px;
   line-height: 15px;
   color: rgb(69, 90, 100);
 }
 .boxAreaChart .dropdown .dropdown-menu .dropdown-item i {
   font-size: 13px;
   color: rgb(69, 90, 100);
   margin-right: 5px;
 }
 .boxAreaChart .dropdown .dropdown-menu .dropdown-item:hover {
   background: #fc9a3a;
   color: #fff;
 }
 .boxAreaChart .dropdown .dropdown-menu .dropdown-item:hover i {
   color: #fff;
 }
 .font-29 {
   font-size: 29px !important;
 }
 .font-32 {
   font-size: 32px !important;
 }
 .Gcolor {
   color: rgb(38, 222, 129) !important;
 }
 .Rcolor {
   color: rgb(252, 92, 101) !important;
 }
 .GenderPrBox {}
 .GenderPrBox h1, .GenderPrBox h2 {
   font-size: 30px;
   margin: 0;
   padding: 0;
   font-weight: 600;
   padding: 5px;
   border-radius: 5px;
   margin-bottom: 5px;
 }
 .GenderPrBox h1 {
   color: #fff;
   background: #e20062;
 }
 .GenderPrBox h2 {
   color: #fff;
   background: #0090d6;
 }
 .pinkColor {
   color: #e20062;
 }
 .blueColor {
   color: #0090d6;
 }
 .wordcloud {
   height: 300px;
   padding: 0;
   page-break-after: always;
   page-break-inside: avoid;
   width: 100%;
 }
 .searchSectionBox .siteinfoBox .cut-diamond:hover {
   background: #16ba77;
   border-color: #16ba77;
 }
 .searchSectionBox .siteinfoBox .cut-diamond:hover span {
   color: #fff;
 }
 .contact-address-area {}
 .contact-address-area.mt-mn-100 {
   margin-top: -100px;
 }
 .contact-address-area .bgWhiteBox {
   background: #323741;
   border-radius: 30px;
   position: relative;
   padding: 30px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
 }
 .contact-address-area .followPanel {
   text-align: center;
   margin-top: 20px;
   border-top: 1px dashed #CCC;
   padding-top: 20px;
 }
 .contact-address-area .followPanel ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .contact-address-area .followPanel ul li {
   display: inline-block;
   margin-right: 5px;
 }
 .contact-address-area .followPanel ul li a {
   color: #fff;
 }
 .contact-address-area .followPanel ul li a i {
   width: 35px;
   height: 35px;
   background: #fff;
   font-size: 18px;
   border-radius: 50%;
   line-height: 32px;
   text-align: center;
   color: #000;
   border: 1px solid #333;
 }
 .contact-address-area .followPanel ul li a i:hover {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .single-contact-address-box {
   position: relative;
   display: block;
   background: #12b975;
   padding: 15px;
   border-radius: 15px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   border: 1px solid #12b975;
   color: #fff;
 }
 .single-contact-address-box:hover {
   background-color: #00b0cd;
   border: 1px solid #00b0cd;
 }
 .single-contact-address-box a {
   display: block;
 }
 .single-contact-address-box .Addresscard {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #fff;
   color: #12b975;
   font-size: 25px;
   line-height: 44px;
   transition: all 500ms ease;
   border: 2px solid #fff;
   text-align: center;
   display: inline-block;
   float: left;
 }
 .mapBox {}
 .mapBox img {
   width: 100%;
   border: 2px solid #ededed;
 }
 .single-contact-address-box h3 {
   padding: 0 15px;
   color: #fff;
   font-size: 20px;
   line-height: 28px;
   font-weight: 600;
   margin: 0px;
   display: inline-block;
   margin-top: -5px;
   text-transform: uppercase;
 }
 .contact-address-area h4 {
   font-size: 35px;
   color: #c5c4cc;
   text-transform: uppercase;
   font-weight: 700;
 }
 .single-contact-address-box p {
   margin: 0;
   margin-top: 15px;
 }
 .contact-address-area .bottom-text {
   position: relative;
   display: block;
   padding-top: 0px;
 }
 .contact-address-area .bottom-text p {
   margin: 0;
 }
 .contact-address-area .bottom-text p a {
   color: #e9212e;
 }
 .contact-info-area {
   position: relative;
   display: block;
   background: #ffffff;
   padding: 20px 0;
 }
 .contact-info-area h4 {
   color: #27282c;
   font-size: 36px;
   line-height: 44px;
   font-weight: 700;
   text-transform: uppercase;
 }
 .contact-info-area h4 span {
   font-weight: 400;
 }
 .contact-form {
   position: relative;
   display: block;
   z-index: 3;
 }
 .mapArea {
   padding: 30px 15px;
 }
 .mapArea img {
   width: 100%;
 }
 .contact-form form {
   position: relative;
   display: block;
 }
 .contact-form form .input-box {
   position: relative;
   display: block;
 }
 .contact-form form .input-box .icon {
   position: absolute;
   top: 11px;
   left: 13px;
 }
 .contact-form form .input-box .icon i {
   color: #b6b6b6;
   font-size: 16px;
 }
 .contact-form form .input-box .icon.envelop {
   position: absolute;
   top: 11px;
   left: 13px;
 }
 .contact-form form input[type="number"], .contact-form form input[type="text"], .contact-form form input[type="email"], .contact-form form textarea {
   position: relative;
   display: block;
   background: #ffffff;
   border: 1px solid #c4c4c4;
   width: 100%;
   height: 45px;
   font-size: 15px;
   padding-left: 38px;
   padding-right: 10px;
   border-radius: 15px;
   margin-bottom: 23px;
   transition: all 500ms ease;
 }
 .contact-form form textarea {
   height: 154px;
   padding-left: 50px;
   padding-right: 20px;
   padding-top: 14px;
   padding-bottom: 15px;
 }
 .contact-form form input[type="text"]:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .contact-form form input[type="email"]:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .contact-form form textarea:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .contact-form form input[type="text"]::-webkit-input-placeholder {
   color: #828282;
 }
 .contact-form form input[type="text"]:-moz-placeholder {
   color: #828282;
 }
 .contact-form form input[type="text"]::-moz-placeholder {
   color: #828282;
 }
 .contact-form form input[type="text"]:-ms-input-placeholder {
   color: #828282;
 }
 .contact-form form input[type="email"]::-webkit-input-placeholder {
   color: #828282;
 }
 .contact-form form input[type="email"]:-moz-placeholder {
   color: #828282;
 }
 .contact-form form input[type="email"]::-moz-placeholder {
   color: #828282;
 }
 .contact-form form input[type="email"]:-ms-input-placeholder {
   color: #828282;
 }
 .contact-form form button {
   position: relative;
   display: block;
   width: 100%;
 }
 .contact-form-image-box {
   position: absolute;
   top: -110px;
   right: -350px;
   z-index: 1;
 }
 .contact-form-image-box img {
   max-width: none;
   float: left;
 }
 .contact-form form p.frmerr {
   font-size: 10px;
   margin-top: 0;
   position: absolute;
   top: -20px;
   left: 14px;
 }
 .btn-one {
   position: relative;
   display: inline-block;
   border: 0;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   border-radius: 50px;
   color: #ffffff;
   font-size: 15px;
   line-height: 60px;
   font-weight: 500;
   text-transform: capitalize;
   padding: 0 30px 0;
   transition: all 500ms ease;
 }
 .btn-one:hover {
   background: #3e3e58;
   border: 1px solid #3e3e58;
 }
 .radio {
   margin: 0.5rem;
 }
 .radio input[type="radio"] {
   position: absolute;
   opacity: 0;
 }
 .radio input[type="radio"] + .radio-label:before {
   content: "";
   background: #f4f4f4;
   border-radius: 100%;
   border: 1px solid #b4b4b4;
   display: inline-block;
   width: 1.4em;
   height: 1.4em;
   position: relative;
   top: .3em;
   margin-right: 1em;
   vertical-align: top;
   cursor: pointer;
   text-align: center;
   -webkit-transition: all 250ms ease;
   transition: all 250ms ease;
 }
 .radio input[type="radio"]:checked + .radio-label:before {
   background-color: #ff3b3f;
   box-shadow: inset 0 0 0 4px #f4f4f4;
 }
 .radio input[type="radio"]:focus + .radio-label:before {
   outline: none;
   border-color: #c5c4cc;
 }
 .radio input[type="radio"]:disabled + .radio-label:before {
   box-shadow: inset 0 0 0 4px #f4f4f4;
   border-color: #b4b4b4;
   background: #b4b4b4;
 }
 .radio input[type="radio"] + .radio-label:empty:before {
   margin-right: 0;
 }
 .acceptBox {
   font-size: 13px;
 }
 .acceptBox .radio {
   margin: 0;
 }
 .acceptBox .radio input {
   margin-bottom: 0;
 }
 .multipleBox .input-group-btn {
   margin-left: 10px;
   margin-right: 15px;
   margin-top: 5px;
 }
 .multipleBox .input-group-btn .btn-danger {
   background: #fff;
   color: #333;
   line-height: 25px;
 }
 .multipleBox .input-group-btn .btn {
   font-size: 20px;
   width: 30px;
   height: 30px;
   border: 1px solid #c4c4c4;
   border-radius: 50%;
   line-height: 30px;
   padding: 0;
 }
 .header-2 .searchSectionBox {
   margin-top: 30px;
 }
 .header-2 .main-wrapper {
   background: #fff;
   box-shadow: none;
 }
 .header-2 .searchSectionBox .bgWhiteBox {
   background: #fff;
   box-shadow: none;
   padding: 0;
 }
 .header-2 .bannerSection-2 {
   background: #efefef;
   padding: 50px;
   text-align: center;
 }
 .header-2 .bannerSection-2 h1 {
   font-weight: 700;
   color: #bcbcbc;
   margin: 80px 0 20px 0;
   font-size: 45px;
 }
 .header-2 .bannerSection-2 h6 {
   font-size: 30px;
   padding: 0 100px;
   font-family: 'Playfair Display', serif;
 }
 .header-2 .bannerSection-2 p {
   color: #3f3d56;
   font-size: 22px;
   line-height: 32px;
   font-weight: 700;
   width: 70%;
   margin: auto;
   font-family: 'Playfair Display', serif;
 }
 .header-2 header .headerTopSection .logoBox img {
   filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.0000 0.0000 0.0000 0 0 0.0000 0.0000 0.0000 0 0 0.0000 0.0000 0.0000 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
   filter: brightness(0) invert(0);
   -webkit-filter: brightness(0) invert(0);
   -moz-filter: brightness(0) invert(0);
   -o-filter: brightness(0) invert(0);
   -ms-filter: brightness(0) invert(0);
 }
 .header-2 header .headerTopSection .logoBox img:hover {
   filter: invert(1);
   -moz-filter: invert(1);
   -ms-filter: invert(1);
   -o-filter: invert(1);
   -webkit-filter: invert(1);
 }
 .ftrmrg {
   position: relative;
   padding: 30px 15px;
 }
 .ftrmrg:after {
   width: 1px;
   height: 100%;
   background: #efefef;
   position: absolute;
   left: 15px;
   content: '';
   top: 0;
 }
 .ftrmrg:before {
   width: 1px;
   height: 100%;
   background: #efefef;
   position: absolute;
   right: 15px;
   content: '';
   top: 0;
 }
 .blog-sec-typ1 {
   margin-bottom: 40px;
   position: relative;
 }
 @media (min-width: 768px) {
   .blog-sec-typ1 {
     margin-bottom: 70px;
   }
 }
 @media (min-width: 1200px) {
   .blog-sec-typ1 {
     padding-right: 10%;
     margin-bottom: 50px;
   }
 }
 @media (min-width: 1440px) {
   .blog-sec-typ1 {
     padding-right: 0%;
   }
 }
 .blog-sec-typ1 .blog-hdr-sec {
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 15px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-hdr-sec {
     margin-bottom: 25px;
   }
 }
 .blog-sec-typ1 .blog-hdr-sec .left {
   -ms-flex: 0 0 66.6666666667%;
   flex: 0 0 66.6666666667%;
   max-width: 66.6666666667%;
   color: #8e8d8d;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-hdr-sec .left {
     -ms-flex: 0 0 83.3333333333%;
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
   }
 }
 .blog-sec-typ1 .blog-hdr-sec .left a {
   font-size: 14px;
   color: #8e8d8d;
   font-family: "PT Sans", sans-serif;
 }
 .blog-sec-typ1 .blog-hdr-sec .left a:hover, .blog-sec-typ1 .blog-hdr-sec .left a:focus {
   color: #f4780b;
 }
 .blog-sec-typ1 .blog-hdr-sec .left a.active {
   color: #f4780b;
 }
 .blog-sec-typ1 .blog-hdr-sec .right {
   -ms-flex: 0 0 33.3333333333%;
   flex: 0 0 33.3333333333%;
   max-width: 33.3333333333%;
   text-align: right;
   font-size: 14px;
   color: #959494;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-hdr-sec .right {
     -ms-flex: 0 0 16.6666666667%;
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     font-size: 14px;
     margin: 0;
   }
 }
 .blog-sec-typ1 .blog-hdr-sec .right a {
   font-size: 16px;
   color: #959494;
   margin-left: 5px;
 }
 .blog-sec-typ1 .blog-hdr-sec .right a:hover, .blog-sec-typ1 .blog-hdr-sec .right a:focus {
   color: #f4780b;
 }
 .blog-sec-typ1 .blog-hdr-sec .right a.active {
   color: #f4780b;
 }
 .blog-sec-typ1 .blog-cont-sec {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
 }
 .blog-sec-typ1 .blog-cont-sec .postImgBox {
   border-radius: 5px;
   background: #fff;
   padding: 5px;
   border: 1px solid #efefef;
   display: flex;
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
   margin-top: 10px;
 }
 .blog-sec-typ1 .blog-cont-sec .postImgBox img {
   width: 100%;
   border-radius: 5px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec {
     -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 .blog-sec-typ1 .blog-cont-sec .dmy {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
   padding-top: 35px;
   height: 70px;
   margin-bottom: 20px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec .dmy {
     -ms-flex: 0 0 16.6666666667%;
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     padding-top: 55px;
     height: 86px;
   }
 }
 .blog-sec-typ1 .blog-cont-sec .dmy .date {
   font-family: "Playfair Display", serif;
   font-size: 38px;
   color: #313131;
   display: inline-block;
   position: absolute;
   line-height: 10px;
   top: 0px;
   height: 25px;
 }
 @media (min-width: 768px) {
   .blog-sec-typ1 .blog-cont-sec .dmy .date {
     font-size: 52px;
     line-height: 15px;
     height: 35px;
   }
 }
 @media (min-width: 1200px) {
   .blog-sec-typ1 .blog-cont-sec .dmy .date {
     font-size: 56px;
     line-height: 24px;
     height: 45px;
   }
 }
 .blog-sec-typ1 .blog-cont-sec .dmy .month {
   font-size: 13px;
   color: #959494;
   display: block;
   text-transform: uppercase;
   letter-spacing: 4px;
   line-height: 13px;
   font-family: "PT Sans", sans-serif;
 }
 .blog-sec-typ1 .blog-cont-sec .dmy .year {
   font-size: 13px;
   color: #f4780b;
   display: block;
   letter-spacing: 4px;
   font-family: "PT Sans", sans-serif;
 }
 .blog-sec-typ1 .blog-cont-sec .dmy:before {
   content: "";
   background-color: #f4780b;
   width: 3px;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }
 .blog-sec-typ1 .blog-cont-sec .dmy.clr1:before {
   background-color: #0bb5f4;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec .cont-area {
     -ms-flex: 0 0 83.3333333333%;
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
   }
 }
 .blog-sec-typ1 .blog-cont-sec h3 {
   margin-bottom: 15px;
   position: relative;
   display: inline-block;
   width: auto;
   font-size: 34px;
   line-height: 47px;
   font-weight: 500;
 }
 .blog-sec-typ1 .blog-cont-sec h3 a {
   color: #313131;
   border-bottom: 1px solid #f4780b;
 }
 .blog-sec-typ1 .blog-cont-sec .postedby {
   font-size: 14px;
   color: #f4780b;
   position: relative;
   padding-left: 70px;
   display: inline-block;
   width: 100%;
   margin-bottom: 20px;
   display: -ms-flexbox;
   display: flex;
   font-family: "PT Sans", sans-serif;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec .postedby {
     margin-bottom: 20px;
     padding-left: 90px;
     font-size: 16px;
   }
 }
 .blog-sec-typ1 .blog-cont-sec .postedby:before {
   content: attr(data-title);
   font-size: 14px;
   color: #959494;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   height: 22px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec .postedby:before {
     font-size: 16px;
   }
 }
 .blog-sec-typ1 .blog-cont-sec .postedby a {
   font-size: 14px;
   color: #f4780b;
   font-family: "PT Sans", sans-serif;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
 }
 .blog-sec-typ1 .blog-cont-sec .postedby a:hover .admin-sign:before, .blog-sec-typ1 .blog-cont-sec .postedby a:focus .admin-sign:before {
   opacity: 1;
 }
 .blog-sec-typ1 .blog-cont-sec .postedby a .admin-sign {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
   font-family: "Playfair Display", serif;
   font-size: 12px;
   font-weight: 800;
   color: #fff;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   margin-right: 15px;
   position: relative;
   border: 2px solid #fff;
 }
 .blog-sec-typ1 .blog-cont-sec .postedby a .admin-sign:before {
   content: "";
   border-radius: 50%;
   height: 30px;
   width: 30px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -3px;
   right: 0;
   margin: auto;
   border-style: solid;
   border-width: 1px;
   opacity: 0;
   transition-duration: 0.3s;
   transition-property: top, right, bottom, left;
 }
 .blog-sec-typ1 .blog-cont-sec h1 {
   margin: 0;
   padding: 0;
   margin-bottom: 15px;
   text-transform: uppercase;
   font-size: 17px;
 }
 .blog-sec-typ1 .blog-cont-sec h2 {
   margin: 0;
   padding: 0;
   margin-bottom: 15px;
   font-size: 15px;
 }
 .blog-sec-typ1 .blog-cont-sec p {
   margin-bottom: 20px;
   font-size: 15px;
   font-weight: 400;
   color: #6b6a6a;
   padding-right: 15px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ1 .blog-cont-sec p {
     margin-bottom: 30px;
   }
 }
 .blog-sec-typ1:nth-of-type(n) .admin-sign {
   background-color: #f84663;
 }
 .blog-sec-typ1:nth-of-type(n) .admin-sign:before {
   border-color: #f84663;
 }
 .blog-sec-typ1:nth-of-type(2n) .admin-sign {
   background-color: #46c4f8;
 }
 .blog-sec-typ1:nth-of-type(2n) .admin-sign:before {
   border-color: #46c4f8;
 }
 .blog-sec-typ1:nth-of-type(3n) .admin-sign {
   background-color: #c446f8;
 }
 .blog-sec-typ1:nth-of-type(3n) .admin-sign:before {
   border-color: #c446f8;
 }
 .blog-sec-typ1:nth-of-type(4n) .admin-sign {
   background-color: #f87846;
 }
 .blog-sec-typ1:nth-of-type(4n) .admin-sign:before {
   border-color: #f87846;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 {
     position: relative;
     width: 100%;
     min-height: 1px;
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 .blog-sec-typ4 .blog-hdr-sec {
   display: -ms-flexbox;
   display: flex;
   margin-bottom: 15px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-hdr-sec {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
     margin-bottom: 25px;
   }
 }
 .blog-sec-typ4 .blog-hdr-sec .left {
   -ms-flex: 0 0 66.6666666667%;
   flex: 0 0 66.6666666667%;
   max-width: 66.6666666667%;
   color: #8e8d8d;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-hdr-sec .left {
     -ms-flex: 0 0 83.3333333333%;
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
   }
 }
 .blog-sec-typ4 .blog-hdr-sec .left a {
   font-size: 14px;
   color: #8e8d8d;
 }
 .blog-sec-typ4 .blog-hdr-sec .left a:hover, .blog-sec-typ4 .blog-hdr-sec .left a:focus {
   color: #f4780b;
 }
 .blog-sec-typ4 .blog-hdr-sec .left a.active {
   color: #f4780b;
 }
 .blog-sec-typ4 .blog-hdr-sec .right {
   -ms-flex: 0 0 33.3333333333%;
   flex: 0 0 33.3333333333%;
   max-width: 33.3333333333%;
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   text-align: right;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-hdr-sec .right {
     -ms-flex: 0 0 16.6666666667%;
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
     font-size: 20px;
     margin: 0;
   }
 }
 .blog-sec-typ4 .blog-hdr-sec .right a {
   font-size: 16px;
   color: #959494;
   margin-left: 5px;
 }
 .blog-sec-typ4 .blog-hdr-sec .right a:hover, .blog-sec-typ4 .blog-hdr-sec .right a:focus {
   color: #f4780b;
 }
 .blog-sec-typ4 .blog-hdr-sec .right a.active {
   color: #f4780b;
 }
 .blog-sec-typ4 .blog-cont-sec {
   border-bottom: 1px solid #dee5e9;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-cont-sec {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .dmy {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   position: relative;
   padding-top: 35px;
   margin-bottom: 20px;
   height: 70px;
 }
 @media (min-width: 768px) {
   .blog-sec-typ4 .blog-cont-sec .dmy {
     height: 86px;
   }
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-cont-sec .dmy {
     -ms-flex: 0 0 16.6666666667%;
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
   }
 }
 @media (min-width: 1200px) {
   .blog-sec-typ4 .blog-cont-sec .dmy {
     height: 86px;
     padding-top: 55px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .dmy .date {
   font-family: "Playfair Display", serif;
   font-size: 38px;
   color: #313131;
   display: inline-block;
   position: absolute;
   line-height: 10px;
   top: 0px;
   height: 25px;
 }
 @media (min-width: 768px) {
   .blog-sec-typ4 .blog-cont-sec .dmy .date {
     font-size: 52px;
     line-height: 15px;
     height: 35px;
   }
 }
 @media (min-width: 1200px) {
   .blog-sec-typ4 .blog-cont-sec .dmy .date {
     font-size: 72px;
     line-height: 20px;
     height: 45px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .dmy .month {
   font-size: 13px;
   color: #959494;
   display: block;
   text-transform: uppercase;
   letter-spacing: 4px;
 }
 .blog-sec-typ4 .blog-cont-sec .dmy .year {
   font-size: 13px;
   color: #f4780b;
   display: block;
   letter-spacing: 4px;
 }
 .blog-sec-typ4 .blog-cont-sec .dmy:before {
   content: "";
   background-color: #f4780b;
   width: 3px;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
 }
 .blog-sec-typ4 .blog-cont-sec h3 {
   margin-bottom: 25px;
   position: relative;
   display: inline-block;
   width: auto;
   line-height: normal;
 }
 @media (min-width: 1200px) {
   .blog-sec-typ4 .blog-cont-sec h3 {
     font-size: 46px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec h3 a {
   color: #313131;
   border-bottom: 1px solid #f4780b;
 }
 .blog-sec-typ4 .blog-cont-sec .postedby {
   font-size: 14px;
   color: #f4780b;
   position: relative;
   width: 100%;
   margin-bottom: 20px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-cont-sec .postedby {
     margin-bottom: 30px;
     padding-left: 90px;
     font-size: 16px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .postedby:before {
   font-size: 14px;
   color: #959494;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   height: 22px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-cont-sec .postedby:before {
     font-size: 16px;
     content: attr(data-title);
   }
 }
 .blog-sec-typ4 .blog-cont-sec .postedby a {
   font-size: 14px;
   color: #f4780b;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
 }
 .blog-sec-typ4 .blog-cont-sec .postedby a:hover .admin-sign:before, .blog-sec-typ4 .blog-cont-sec .postedby a:focus .admin-sign:before {
   opacity: 1;
 }
 .blog-sec-typ4 .blog-cont-sec .postedby a .admin-sign {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
   font-family: "Playfair Display", serif;
   font-size: 12px;
   font-weight: 800;
   color: #fff;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   margin-right: 10px;
   position: relative;
   border: 2px solid #fff;
 }
 @media (min-width: 576px) {
   .blog-sec-typ4 .blog-cont-sec .postedby a .admin-sign {
     margin-right: 15px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .postedby a .admin-sign:before {
   content: "";
   border-radius: 50%;
   height: 30px;
   width: 30px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -3px;
   right: 0;
   margin: auto;
   border-style: solid;
   border-width: 1px;
   opacity: 0;
   transition-duration: 0.3s;
   transition-property: top, right, bottom, left;
 }
 .blog-sec-typ4 .blog-cont-sec .postedby .post-date {
   display: inline-block;
   width: auto;
   margin-left: 5px;
   color: #313131;
 }
 @media (min-width: 576px) {
   .blog-sec-typ4 .blog-cont-sec .postedby .post-date {
     margin-left: 20px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec .postedby .post-date span {
   font-style: italic;
   color: #8e8d8d;
 }
 .blog-sec-typ4 .blog-cont-sec .blog-imgbox {
   margin-bottom: 15px;
 }
 @media (min-width: 768px) {
   .blog-sec-typ4 .blog-cont-sec .blog-imgbox {
     margin-bottom: 25px;
   }
 }
 @media (min-width: 1200px) {
   .blog-sec-typ4 .blog-cont-sec .blog-imgbox {
     margin-bottom: 35px;
   }
 }
 .blog-sec-typ4 .blog-cont-sec p {
   margin-bottom: 20px;
 }
 @media (min-width: 992px) {
   .blog-sec-typ4 .blog-cont-sec p {
     margin-bottom: 30px;
   }
 }
 .blog-sec-typ4:nth-of-type(n) .admin-sign {
   background-color: #f84663;
 }
 .blog-sec-typ4:nth-of-type(n) .admin-sign:before {
   border-color: #f84663;
 }
 .blog-sec-typ4:nth-of-type(2n) .admin-sign {
   background-color: #46c4f8;
 }
 .blog-sec-typ4:nth-of-type(2n) .admin-sign:before {
   border-color: #46c4f8;
 }
 .blog-sec-typ4:nth-of-type(3n) .admin-sign {
   background-color: #c446f8;
 }
 .blog-sec-typ4:nth-of-type(3n) .admin-sign:before {
   border-color: #c446f8;
 }
 .blog-sec-typ4:nth-of-type(4n) .admin-sign {
   background-color: #f87846;
 }
 .blog-sec-typ4:nth-of-type(4n) .admin-sign:before {
   border-color: #f87846;
 }
 @media (min-width: 992px) {
   .readmore-txt {
     font-size: 16px;
     margin-bottom: 0px;
     padding-right: 20px;
   }
 }
 @media (min-width: 768px) {
   .readmore-txt {
     margin-bottom: 15px;
     padding-bottom: 10px;
   }
 }
 .readmore-txt {
   transition: all 1s 0.3s ease-out;
   position: relative;
   display: inline-block;
   width: auto;
   font-size: 16px;
   font-style: italic;
   color: #313131 !important;
   overflow: hidden;
 }
 .vline {
   display: none;
   -ms-flex-direction: row;
   flex-direction: row;
   height: 100%;
   position: fixed;
   top: 0;
   -ms-flex-pack: justify;
   justify-content: space-between;
   left: 0;
   margin: auto;
   right: 0;
   z-index: -1;
 }
 .vline span {
   display: inline-block;
   width: 1px;
   height: 100%;
   background: #efefef;
 }
 .vline span:nth-of-type(2) {
   display: none;
 }
 @media (min-width: 768px) {
   .vline {
     display: -ms-flexbox;
     display: flex;
   }
 }
 .share {
   font-size: 12px;
   color: #959494;
   font-family: "PT Sans", sans-serif;
   padding-top: 0;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
   width: auto;
   text-align: right;
   position: absolute;
   left: auto;
   right: 0px !important;
   bottom: 0px;
   list-style-type: none;
 }
 @media (min-width: 992px) {
   .share {
     position: absolute;
     left: auto;
     right: 0;
     margin-left: 0px;
     top: auto;
   }
 }
 @media (min-width: 1200px) {
   .share {
     left: auto;
     right: 0;
     text-align: center;
     margin-left: 20px;
     padding-top: 45px;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 40px;
     top: 0px;
   }
 }
 @media (min-width: 1440px) {
   .share {
     left: 100%;
     right: auto;
     margin-left: 90px;
   }
 }
 .share:before {
   font-size: 12px;
   color: #959494;
   text-transform: uppercase;
   position: static;
   left: 0;
   top: 0;
   right: 0px;
   margin: auto 15px auto 0;
 }
 @media (min-width: 1200px) {
   .share:before {
     content: attr(data-title);
     position: absolute;
     margin: auto;
   }
 }
 .share a {
   display: inline-block;
   font-size: 14px;
   color: #959494;
   width: 40px;
   height: 40px;
   transition: transform ease-out 0.1s, all 0.2s;
   position: relative;
   overflow: hidden;
   left: 0px;
 }
 .share-icon-box a i {
   color: #959494;
 }
 .share-icon-box a:hover i {
   color: #fff;
 }
 @media (min-width: 992px) {
   .share a {
     left: -10px;
   }
 }
 @media (min-width: 1200px) {
   .share a {
     left: 0px;
   }
 }
 .share a:hover, .share a:focus {
   border-color: #888;
   color: #888;
 }
 .share a:hover:before, .share a:focus:before {
   left: 1px;
 }
 .share-icon-box {
   margin-right: 10px;
   width: 30px;
   height: 30px;
   position: relative;
   border: 1px solid #999;
   border-radius: 50%;
 }
 .share-icon-box:hover {
   background: #fc9a3a;
   color: #fff;
   border: 1px solid #999;
 }
 @media (min-width: 992px) {
   .share-icon-box {
     width: 40px;
     height: 40px;
     margin-bottom: 10px;
   }
 }
 @media (min-width: 1200px) {
   .share-icon-box {
     margin-right: 0px;
   }
 }
 @media (min-width: 992px) {
   .share-icon-box:after {
     width: 40px;
     height: 40px;
   }
 }
 .share-icon {
   display: inline-block;
   font-size: 0px;
   cursor: pointer;
   border-radius: 50%;
   text-align: center;
   position: relative;
   z-index: 1;
   color: #fff;
 }
 @media (min-width: 992px) {
   .share-icon {
     line-height: 40px;
   }
 }
 @keyframes sonarEffect {
   0% {
     opacity: 0.3;
   }
   40% {
     opacity: 0.5;
     box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f4780b, 0 0 0 10px rgba(255, 255, 255, 0.5);
   }
   100% {
     box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #f4780b, 0 0 0 10px rgba(255, 255, 255, 0.5);
     transform: scale(1.5);
     opacity: 0;
   }
 }
 .loadmore {
   font-family: "PT Sans", sans-serif;
   display: inline-block;
   width: 100%;
   text-align: center;
   color: #313131;
   text-transform: uppercase;
   letter-spacing: 3px;
   font-size: 13px;
   font-weight: 300;
   position: relative;
   padding: 0 0px;
   z-index: 99;
 }
 .spinner {
   width: 100px;
   height: 42px;
   display: inline-block;
   margin-bottom: 15px;
 }
 .loadmore .spinner {
   margin: 0 10px;
   width: 50px !important;
   height: auto !important;
   text-align: center;
 }
 .loadmore .spinner > div {
   background-color: #ddd;
   position: relative;
   border-radius: 100%;
   display: inline-block;
   margin: 0 3px;
 }
 .loadmore .spinner .bounce1 {
   width: 8px;
   height: 8px;
   border-radius: 100%;
   animation-delay: -0.32s;
 }
 .loadmore .spinner .bounce2 {
   width: 6px;
   height: 6px;
   border-radius: 100%;
   top: -1px;
   animation-delay: -0.16s;
 }
 .loadmore .spinner .bounce3 {
   width: 4px;
   height: 4px;
   border-radius: 100%;
   top: -2px;
 }
 .loadmore:hover .spinner > div {
   background-color: #333;
   animation: sk-bouncedelay 1.4s infinite ease-in-out both;
 }
 @keyframes sk-bouncedelay {
   0%, 80%, 100% {
     transform: scale(0);
   }
   40% {
     transform: scale(1);
   }
 }
 .center {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-align: center;
   align-items: center;
 }
 .single-blog-box {
   display: inline-block;
   width: 100%;
   text-align: center;
 }
 .single-blog-box header {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   margin-bottom: 30px;
 }
 @media (min-width: 1200px) {
   .single-blog-box header {
     margin-bottom: 50px;
   }
 }
 .single-blog-box header .blog-cat {
   color: #8e8d8d;
   margin-bottom: 25px;
 }
 @media (min-width: 768px) {
   .single-blog-box header .blog-cat {
     margin-bottom: 35px;
   }
 }
 @media (min-width: 992px) {
   .single-blog-box header .blog-cat {
     margin-bottom: 20px;
   }
 }
 .single-blog-box header .blog-cat a {
   font-size: 14px;
   color: #8e8d8d;
   font-family: "PT Sans", sans-serif;
 }
 .single-blog-box header .blog-cat a:hover, .single-blog-box header .blog-cat a:focus {
   color: #f4780b;
 }
 .single-blog-box header .blog-cat a.active {
   color: #f4780b;
 }
 .single-blog-box header .author-intro {
   display: inline-block;
   width: 100%;
   font-size: 14px;
   line-height: 20px;
   color: #959494;
   margin-bottom: 35px;
 }
 @media (min-width: 768px) {
   .single-blog-box header .author-intro {
     margin-bottom: 40px;
   }
 }
 @media (min-width: 992px) {
   .single-blog-box header .author-intro {
     font-size: 16px;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box header .author-intro {
     margin-bottom: 55px;
   }
 }
 .single-blog-box header .author-intro strong {
   color: #f4780b;
   font-weight: 700;
 }
 .single-blog-box header .postedby {
   font-size: 16px;
   color: #f4780b;
   position: relative;
   max-width: 590px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   -ms-flex-pack: center;
   justify-content: center;
   margin: auto;
   -ms-flex-direction: row;
   flex-direction: row;
 }
 .single-blog-box .postImgBox {
   width: 80%;
   margin: 20px auto 40px auto;
   border-radius: 15px;
   background: #fff;
   padding: 15px;
   border: 1px solid #efefef;
   display: flex;
   box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
 }
 .single-blog-box .postImgBox img {
   width: 100%;
   border-radius: 15px;
 }
 @media (min-width: 992px) {
   .single-blog-box header .postedby {
     padding-left: 90px;
     font-size: 16px;
     -ms-flex-direction: row;
     flex-direction: row;
   }
 }
 .single-blog-box header .postedby:before {
   font-family: "PT Sans", sans-serif;
   font-size: 14px;
   color: #959494;
   position: absolute;
   left: 0;
   top: 0;
   bottom: 0;
   margin: auto;
   height: 22px;
 }
 @media (min-width: 992px) {
   .single-blog-box header .postedby:before {
     font-size: 16px;
     content: attr(data-title);
   }
 }
 .single-blog-box header .postedby .post-comment-pageviews {
   color: #696868;
   font-size: 14px;
   margin-left: 15px;
 }
 .single-blog-box header .postedby .post-comment-pageviews span {}
 .single-blog-box header .postedby .post-comment-pageviews span i {
   color: #696868;
   font-size: 16px;
   margin-right: 5px;
 }
 .single-blog-box header .postedby a {
   font-family: "PT Sans", sans-serif;
   font-size: 16px;
   color: #f4780b;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: row;
   flex-direction: row;
   -ms-flex-pack: start;
   justify-content: flex-start;
   -ms-flex-align: center;
   align-items: center;
 }
 .single-blog-box header .postedby a:hover .admin-sign:before, .single-blog-box header .postedby a:focus .admin-sign:before {
   opacity: 1;
 }
 .single-blog-box header .postedby a .admin-sign {
   display: -ms-flexbox;
   display: flex;
   -ms-flex-direction: column;
   flex-direction: column;
   -ms-flex-pack: center;
   justify-content: center;
   -ms-flex-line-pack: center;
   align-content: center;
   font-family: "Playfair Display", serif;
   font-size: 14px;
   font-weight: 800;
   color: #fff;
   background-color: #f84663;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   margin-right: 10px;
   position: relative;
   border: 2px solid #fff;
 }
 @media (min-width: 576px) {
   .single-blog-box header .postedby a .admin-sign {
     margin-right: 15px;
   }
 }
 .single-blog-box header .postedby a .admin-sign:before {
   content: "";
   border-radius: 50%;
   height: 30px;
   width: 30px;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -3px;
   right: 0;
   margin: auto;
   border-style: solid;
   border-width: 1px;
   opacity: 0;
   transition-duration: 0.3s;
   transition-property: top, right, bottom, left;
 }
 .single-blog-box header .postedby .post-date {
   display: inline-block;
   width: auto;
   margin-left: 5px;
   color: #313131;
   font-size: 14px;
 }
 @media (min-width: 576px) {
   .single-blog-box header .postedby .post-date {
     margin-left: 20px;
   }
 }
 .single-blog-box header .postedby .post-date span {
   font-style: italic;
   color: #8e8d8d;
 }
 .single-blog-box header h2 {
   margin-bottom: 30px;
 }
 @media (min-width: 992px) {
   .single-blog-box header h2 {
     margin-bottom: 40px;
   }
 }
 .single-blog-box header h2 a, .single-blog-box header h2 span {
   color: #313131;
   margin-bottom: 25px;
   border-bottom: 1px solid #f4780b;
 }
 .single-blog-box header h2 a br, .single-blog-box header h2 span br {
   display: none;
 }
 @media (min-width: 992px) {
   .single-blog-box header h2 a br, .single-blog-box header h2 span br {
     display: block;
   }
 }
 .single-blog-box .blog-dtls h5 {
   margin-bottom: 20px;
 }
 @media (min-width: 768px) {
   .single-blog-box .blog-dtls h5 {
     margin-bottom: 30px;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box .blog-dtls h5 {
     margin-bottom: 40px;
   }
 }
 .single-blog-box .blog-dtls div {
   position: relative;
   width: 100%;
   min-height: 1px;
   padding-right: 15px;
   padding-left: 15px;
   margin-bottom: 30px;
   text-align: left;
 }
 @media (min-width: 768px) {
   .single-blog-box .blog-dtls div {
     -ms-flex: 0 0 83.3333333333%;
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     margin-left: 8.3333333333%;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box .blog-dtls div {
     margin-bottom: 50px;
   }
 }
 .single-blog-box .blog-dtls div:nth-of-type(1) p:nth-of-type(1)::first-letter {
   font-size: 60px;
   line-height: 30px;
   font-weight: 500;
   text-transform: uppercase;
   color: #000;
   float: left;
   padding-top: 4px;
   padding-right: 8px;
   padding-left: 3px;
   margin-bottom: 2px;
 }
 @media (min-width: 768px) {
   .single-blog-box .blog-dtls div:nth-of-type(1) p:nth-of-type(1)::first-letter {
     font-size: 80px;
     line-height: 40px;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box .blog-dtls div:nth-of-type(1) p:nth-of-type(1)::first-letter {
     font-size: 120px;
     line-height: 100px;
     padding-right: 20px;
     font-weight: 600;
   }
 }
 .single-blog-box .blog-dtls div p {
   margin-bottom: 22px;
   text-align: justify;
   font-size: 16px;
 }
 .single-blog-box .blog-dtls h1 {
   margin: 0;
   padding: 0;
   margin-bottom: 15px;
   text-transform: uppercase;
   font-size: 17px;
   line-height: 25px;
 }
 .single-blog-box .blog-dtls h2 {
   margin: 0;
   padding: 0;
   margin-bottom: 15px;
   text-transform: uppercase;
   font-size: 15px;
   line-height: 21px;
 }
 .single-blog-box .blog-dtls h5, .single-blog-box .blog-dtls h2 {
   margin-bottom: 40px;
   padding-left: 75px;
   font-size: 20px;
   position: relative;
   line-height: 36px;
 }
 .single-blog-box .blog-dtls h5:before, .single-blog-box .blog-dtls h2:before {
   content: "";
   background-color: #313131;
   height: 1px;
   width: 30px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
 }
 .single-blog-box .blog-dtls ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .single-blog-box .blog-dtls ul li {
   list-style: none;
   margin-bottom: 10px;
   position: relative;
   padding-left: 25px;
   font-size: 17px;
 }
 .single-blog-box .blog-dtls ul li:before {
   content: "";
   background-color: #313131;
   height: 2px;
   width: 12px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
 }
 @media (min-width: 1200px) {
   .single-blog-box .blog-dtls div p {
     padding: 0;
   }
 }
 .single-blog-box .single-blog-footer {
   margin-bottom: 40px;
 }
 @media (min-width: 768px) {
   .single-blog-box .single-blog-footer {
     margin-bottom: 70px;
     -ms-flex: 0 0 83.3333333333%;
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
     margin-left: 8.3333333333%;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box .single-blog-footer {
     margin-bottom: 100px;
   }
 }
 .single-blog-box .single-blog-footer .comment-post {
   padding: 0 15px;
   text-align: left;
   display: block;
   position: relative;
   background: #f5f5f5;
   padding: 30px;
   border-radius: 15px;
 }
 .single-blog-box .single-blog-footer .comment-post .media .media-body .mb-1 span.h6 {
   font-size: 16px;
 }
 .single-blog-box .single-blog-footer .comment-post .media .media-body .mb-1 span {
   font-size: 13px;
 }
 .single-blog-box .single-blog-footer .comment-post .media .media-body .mb-1 span i {
   color: #fc5124;
 }
 .single-blog-box .single-blog-footer .comment-post .media .media-body p {
   font-size: 17px;
 }
 .single-blog-box .single-blog-footer .comment-post .media img {
   height: 60px;
   width: 60px;
   background: #fff;
   padding: 5px;
   border: 1px solid #9e9e9e;
 }
 .single-blog-box .single-blog-footer .comment-post input, .single-blog-box .single-blog-footer .comment-post select {
   border: 1px solid #c3c5ca;
   padding: 5px 10px;
   border-radius: 15px;
 }
 .single-blog-box .single-blog-footer .comment-post label {
   font-size: 20px;
   color: #000;
   text-transform: uppercase;
   display: block;
   margin-bottom: 0px;
 }
 .single-blog-box .single-blog-footer .comment-post textarea {
   font-size: 15px;
   border: 1px solid #c3c5ca;
   min-height: 80px;
   padding: 15px;
   padding-bottom: 70px;
   width: 100%;
   display: block;
   resize: none;
   border-radius: 15px;
 }
 @media (min-width: 768px) {
   .single-blog-box .single-blog-footer .comment-post textarea {
     min-height: 200px;
   }
 }
 @media (min-width: 1200px) {
   .single-blog-box .single-blog-footer .comment-post textarea {
     min-height: 255px;
   }
 }
 .single-blog-box .single-blog-footer .comment-post textarea:focus {
   outline: none;
 }
 .btn-postcmnt {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   color: #fff;
 }
 .btn-postcmnt:hover {
   background: linear-gradient(95deg, #fc9a3a, #fc5124);
   color: #fff;
 }
 .agenciesSection {}
 .agenciesSection .green-btn:hover {
   background: #fff;
   border: 1px solid #fff;
   color: #3f3d56;
 }
 .agenciesSection h1 {
   font-size: 45px;
   line-height: 60px;
   color: #fff;
   font-weight: 700;
 }
 .agenciesSection .imgPanel img {
   width: 100%;
   background: #fff;
   border-radius: 15px;
   padding: 20px;
 }
 .analyticsArea {}
 .analyticsArea h1 {
   text-align: center;
   margin: 0;
   margin-bottom: 15px;
 }
 .analyticsArea p {
   text-align: center;
   font-size: 18px;
 }
 .analyticsArea .analyticsBox {
   width: 100%;
   background: #e6f8f1;
   padding: 20px;
   border-radius: 15px;
 }
 .analyticsArea .analyticsBox h2 {
   font-size: 20px;
   color: #322e4a;
   font-weight: 700;
 }
 .analyticsArea .analyticsBox p {
   line-height: 21px;
   font-size: 14px;
   text-align: left;
   font-weight: 400;
 }
 .analyticsManageBox {
   margin: 50px 0;
 }
 .f-30 {
   font-size: 30px;
 }
 .analyticsManageBox h1, .analyticsManageBox h2 {
   color: #3f3d56;
   font-size: 40px;
   font-weight: 700;
   line-height: 40px;
 }
 .analyticsManageBox p {
   line-height: 21px;
   font-size: 14px;
   text-align: left;
   font-weight: 400;
 }
 .analyticsManageBox h2 {
   font-size: 25px;
 }
 .personBoxPanel {
   width: 50% !important;
   margin: 40px auto 70px;
 }
 .personBoxPanel .personBoxImg {
   margin-right: 100px;
   text-align: center;
 }
 .personBoxPanel .personBoxImg img {
   border-radius: 50%;
   width: 130px;
   height: 130px;
   border: 5px solid #c2e8dc;
   margin-bottom: 10px;
 }
 .personBoxPanel .personBoxImg i {
   color: #ffc43b;
   margin: 0 5px;
 }
 .personBoxPanel .personPanel {
   background: #ebeff3;
   padding: 30px;
   border-radius: 15px;
 }
 .personBoxPanel h2 {
   color: #00b267;
   font-size: 22px;
 }
 .personBoxPanel h6 {
   font-size: 18px;
   color: #000;
 }
 .personBoxPanel p {
   font-size: 16px;
   font-weight: 400;
 }
 .trialSection {
   width: 50% !important;
   margin: 20px auto;
   padding: 45px 60px;
   color: #fff;
   background: #12b975;
   border-radius: 30px;
 }
 .trialSection h1 {
   color: #fff;
   margin: 0;
   padding: 0;
   font-size: 30px;
 }
 .trialSection p {
   font-size: 18px;
   font-weight: 400;
 }
 .trialSection .green-btn:hover {
   background: #fff;
   border: 1px solid #fff;
   color: #12b975;
 }
 .pricingSection {
   background: #eff3f6;
   z-index: 9;
   padding: 60px 40px;
   border-radius: 25px;
   position: relative;
 }
 .wBg {
   background: #fff;
 }
 .pricingSection h1 {
   font-size: 35px;
   color: #3f3d56;
   font-weight: 700;
 }
 .pricingSection h3 {
   font-size: 12px;
   color: #3f3d56;
   margin: 0;
   padding: 0;
 }
 .pricing .switch {
   position: relative;
   display: inline-block;
   width: 55px;
   height: 26px;
   right: 0px;
   margin: 0;
 }
 .pricing .switch input {
   opacity: 0;
   width: 0;
   height: 0;
 }
 .pricing .slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #fc5124;
   -webkit-transition: .4s;
   transition: .4s;
 }
 .pricing .slider:before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 6px;
   bottom: 5px;
   background-color: #fff;
   -webkit-transition: .4s;
   transition: .4s;
 }
 .pricing input:checked + .slider {
   background-color: #fff;
 }
 .pricing input:checked + .slider:before {
   background-color: #12b975;
 }
 .pricing input:focus + .slider {
   box-shadow: 0 0 1px #2196F3;
 }
 .pricing input:checked + .slider:before {
   -webkit-transform: translateX(30px);
   -ms-transform: translateX(30px);
   transform: translateX(30px);
 }
 .pricing .slider.round {
   border-radius: 34px;
 }
 .pricing .slider.round:before {
   border-radius: 50%;
 }
 .pricing .card-head {
   background-color: #12b975;
   padding: 20px;
   border-radius: 25px 25px 0 0;
 }
 .pricing .card-head h5 {
   color: #fff;
   font-size: 25px;
 }
 .pricing .card-head h6 {
   color: #fff;
   font-size: 18px;
 }
 .pricing .card-head h6 .period {
   color: #fff;
   font-size: 30px;
   font-weight: 300;
 }
 .pricing .card-head h6 .period i {
   font-size: 28px;
 }
 .pricing .card-head h6 .period b {
   font-size: 16px;
 }
 .pricing .fa-li {
   left: 5px;
   position: absolute;
   text-align: center;
   width: 2em;
   line-height: inherit;
   width: 25px;
   height: 25px;
   border: 1px solid #000000;
   border-radius: 50%;
   line-height: 25px;
 }
 .pricing .priceTitle {
   background: #cdf3e3;
   padding: 10px;
   text-align: center;
   margin-left: -1.25rem;
   margin-top: -1.25rem;
   margin-right: -1.25rem;
   margin-bottom: 20px;
   font-weight: 600;
   color: #000;
 }
 .pricing li:nth-child(odd) {
   background-color: #f9f9f9;
   color: #555;
 }
 .pricing li:nth-child(odd) {
   color: #555;
 }
 .pricing ul {
   margin-left: 0;
 }
 .pricing ul li {
   padding: 8px 10px;
   border-radius: 8px;
   text-align: left;
   font-size: 12px;
 }
 .pricing ul li i {
   margin-right: 5px;
 }
 .pricing .card {
   border-radius: 25px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
   transition: 0.3s;
 }
 .pricing .Anual {
   position: absolute;
   margin-left: -25px;
   font-size: 16px;
   color: #fff;
 }
 .priceAccordion.trailbox_Accord .accordion .card {
   border: 1px solid #e3e6f0 !important;
   margin-bottom: 15px;
   border-radius: 5px;
 }
 .priceAccordion.trailbox_Accord .accordion .card .card-header h2 button {
   padding: 8px 10px;
 }
 .priceAccordion.trailbox_Accord .accordion .card .card-header h2 button span {
   font-size: 21px;
   margin-right: 10px;
   vertical-align: middle;
   float: left;
   margin-top: 2px;
   color: #fc5124;
 }
 .priceAccordion.trailbox_Accord .accordion .card .card-header {
   border: 0;
 }
 .priceAccordion.trailbox_Accord .accordion .card-body {
   padding: 20px 20px 20px 40px;
 }
 .pricingSection .btnSupport {
   padding: 8px 30px;
 }
 .free_trailBox {
   padding: 20px 24px;
   background: #ffff;
   margin-top: 20px;
   border-radius: 7px;
   color: #12b975 !important;
   border: 1px solid rgb(232, 233, 234);
 }
 .free_trailBox h3 {
   margin: 0;
   font-size: 25px;
   font-weight: 400;
   color: #12b975 !important;
 }
 .trailbox_Accord .card {
   border: 0 !important;
 }
 .trailbox_Accord .card-header {
   background: transparent;
   padding: 0px;
 }
 .trailbox_Accord .card-header h2 {
   padding: 0;
 }
 .trailbox_Accord .card-header h2 button {
   width: 100%;
   text-align: left;
   color: #000;
   padding: 0;
   font-size: 20px;
   padding: 10px 0;
 }
 .trailbox_Accord .card-header h2 button.focus {
   color: #000;
   text-decoration: none !important;
 }
 .btn-link.focus, .btn-link:focus, .btn-link:hover {
   text-decoration: none !important;
 }
 .trailbox_Accord .card-header h2 button i {
   float: right;
   margin-top: 5px;
 }
 .trailbox_Accord .accordion > .card .card-header {
   margin: 0;
 }
 .trailbox_Accord .card-body {
   padding: 20px 0px;
   font-weight: 500;
 }
 .trailbox_Accord .card-body p {
   font-weight: 400;
 }
 .btnSupport {
   border: 1px solid #000;
   padding: 15px 30px;
   border-radius: 30px;
 }
 .btnSupport:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc9a3a;
   color: #fff;
 }
 .error, .err {
   color: #ff0000 !important;
   font-size: 13px
 }
 .suc {
   color: green !important;
   font-size: 13px
 }
 .ui-autocomplete {
   width: 800px;
   max-width: 100%;
   padding: 20px;
   text-align: center;
   background: transparent;
   margin: auto;
 }
 .compareInputPanel .ui-autocomplete {
   width: 100% !important;
   max-width: 90%;
   left: 0;
   right: 0;
   margin: auto;
   border-radius: 0 0 30px 30px;
   text-align: left;
   background: #f0f0f2;
   position: absolute;
   z-index: 2;
 }
 p.Compairsearchloading.text-center, p.searchloading.text-center {
   color: #000 !important;
   font-size: 14px;
   position: absolute;
   right: 80px;
   top: 10px;
 }
 .compareInputPanel .ui-autocomplete li a {
   color: #000;
 }
 .ui-autocomplete li {
   list-style-type: none;
   line-height: 36px;
   border-width: 0 0 1px 0;
   border-style: solid;
   border-color: rgba(255, 255, 255, .1);
 }
 .ui-autocomplete li a {
   color: #fff;
   font-size: 16px
 }
 .ui-autocomplete li a {
   cursor: pointer !important;
 }
 .sucMsg {
   width: 100%;
   color: #008000;
   font-size: 15px;
   margin-left: 15px;
   border: 1px solid #49c749;
   line-height: 38px;
   padding-left: 10px;
   background: #e8ffe8;
 }
 .errMsg {
   width: 100%;
   color: #ff0000;
   font-size: 15px;
   margin-left: 15px;
   border: 1px solid #ff2525;
   line-height: 38px;
   padding-left: 10px;
   background: #ffe2e2;
 }
 .fb_like, .fb_dis_like {
   cursor: pointer;
 }
 .like {
   color: #28a744 !important
 }
 .dislike {
   color: #dc3545 !important
 }
 .web-form form input[type="text"], .web-form form input[type="email"], .web-form form input[type="password"], .web-form form textarea {
   position: relative;
   display: block;
   background: #ffffff;
   border: 1px solid #c4c4c4;
   width: 100%;
   height: 45px;
   font-size: 15px;
   padding-left: 15px;
   padding-right: 10px;
   border-radius: 15px;
   margin-bottom: 20px;
   transition: all 500ms ease;
 }
 .web-form form textarea {
   height: 154px;
   padding-left: 15px;
   padding-right: 20px;
   padding-top: 14px;
   padding-bottom: 15px;
 }
 .web-form form input[type="text"]:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .web-form form input[type="email"]:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .web-form form textarea:focus {
   border-color: #1d1d1d;
   color: #222222;
 }
 .web-form form input[type="text"]::-webkit-input-placeholder {
   color: #828282;
 }
 .web-form form input[type="text"]:-moz-placeholder {
   color: #828282;
 }
 .web-form form input[type="text"]::-moz-placeholder {
   color: #828282;
 }
 .web-form form input[type="text"]:-ms-input-placeholder {
   color: #828282;
 }
 .web-form form input[type="email"]::-webkit-input-placeholder {
   color: #828282;
 }
 .web-form form input[type="email"]:-moz-placeholder {
   color: #828282;
 }
 .web-form form input[type="email"]::-moz-placeholder {
   color: #828282;
 }
 .web-form form input[type="email"]:-ms-input-placeholder {
   color: #828282;
 }
 .web-form form button {
   position: relative;
   display: block;
   width: 100%;
 }
 .web-form-image-box {
   position: absolute;
   top: -110px;
   right: -350px;
   z-index: 1;
 }
 .web-form-image-box img {
   max-width: none;
   float: left;
 }
 .chkbox {
   display: inline-block !important;
   border-radius: 0 !important
 }
 .main-profile-menu {
   display: inline-block;
   margin: 0 10px;
   float: right;
   position: relative;
 }
 .main-profile-menu .profile-user img {
   width: 37px;
   height: 37px;
   border-radius: 50%;
   border: 2px solid #fff;
 }
 .main-profile-menu .dropdown-menu {
   top: 25px !important;
   width: 230px;
   padding: 0;
   left: -110px !important;
   border-radius: 10px;
 }
 .dropdown-menu .bg-primary {
   background: linear-gradient(45deg, #fc5124, #fc9a3a) !important;
 }
 .main-header-profile {
   border-top-right-radius: 7px;
   border-top-left-radius: 7px;
 }
 .main-header-profile .main-img-user {
   display: inline-block;
   position: relative;
   width: 45px;
   height: 45px;
   border-radius: 100%;
   text-align: center;
 }
 .main-img-user img {
   object-fit: cover;
   border-radius: 100%;
   width: 100% !important;
   height: 100% !important;
 }
 .main-header-profile .main-img-user::after {
   content: '';
   position: absolute;
   bottom: 0;
   right: 6px;
   width: 6px;
   height: 6px;
   background-color: #17b86a;
   box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.95);
   border-radius: 100%;
   bottom: 3px;
   display: block !important;
   top: 35px;
 }
 .main-header-profile h6 {
   font-weight: 700;
   color: #242f48;
   margin-bottom: 0px;
   font-size: 14px;
   color: #fff;
 }
 .main-header-profile span {
   display: block;
   font-size: 12px;
   margin-bottom: 0;
   color: rgba(255, 255, 255, 0.6);
 }
 .main-profile-menu .dropdown-item {
   position: relative;
   padding: 20px 7px;
   height: 38px;
   display: flex;
   align-items: center;
   font-size: 13px;
   color: #031b4e;
 }
 .main-profile-menu .dropdown-item i {
   font-size: 14px;
   margin-right: 4px;
   width: 24px;
   text-align: center;
 }
 .main-profile-menu .dropdown-item img {
   margin-right: 10px;
   margin-left: 3px;
 }
 .main-profile-menu .dropdown-item + .dropdown-item {
   border-top: 1px dotted #e2eaf9;
 }
 .main-profile-menu .dropdown-item:hover, .main-profile-menu .dropdown-item:focus {
   background-color: transparent;
   color: #0162e8;
 }
 @media (min-width: 576px) {
   .main-profile-menu .dropdown-menu:after {
     content: '';
     position: absolute;
     top: -8.5px;
     left: 120px;
     border-bottom: 9px solid #fc9a3a;
     border-left: 9px solid transparent;
     border-right: 9px solid transparent;
   }
 }
 .navbar.fixed-menu .main-profile-menu .dropdown-menu {
   top: 45px !important;
   left: -166px !important;
 }
 .noBox {
   position: absolute;
   right: 5px;
   top: -16px;
   width: 35px;
   height: 35px;
   border: 2px solid #fff;
   border-radius: 50%;
   background: #ff6d01;
   color: #fff;
   font-size: 11px;
   text-align: center;
   line-height: 35px;
   box-shadow: 0px 2px 3px rgba(4, 4, 7, 0.1);
 }
 .noBox-3 {
   position: absolute;
   bottom: 0;
   right: 0;
   padding: 5px;
   z-index: 1;
 }
 .noBox-3:after {
   width: 100px;
   height: 100px;
   background: #fff;
   content: '';
   position: absolute;
   left: -18px;
   top: 0;
   transform: rotate(45deg);
   z-index: -1;
 }
 .noBox-2 {
   position: absolute;
   right: -5px;
   bottom: 7px;
   padding: 3px 8px;
   background: #eb5f02;
   font-size: 13px;
   line-height: 20px;
   font-weight: 600;
   color: #fff;
   z-index: 1;
   border-radius: 15px 0px 0px 15px;
 }
 .ui-datepicker {
   display: none;
   width: 16rem;
   background: #ffffff;
   border-radius: 0.25rem;
   box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
   margin-top: 1rem;
 }
 .ui-datepicker-header {
   text-align: center;
   padding: 5px 0;
   text-transform: uppercase;
   letter-spacing: 0.1rem;
 }
 .ui-datepicker-header a span {
   display: none;
 }
 .ui-datepicker-header a.ui-corner-all {
   cursor: pointer;
   position: absolute;
   top: 0;
   width: 1rem;
   height: 1rem;
   margin: 0.5rem;
   border-radius: 0.5rem;
 }
 .ui-datepicker-header a.ui-datepicker-prev {
   left: 0;
 }
 .ui-datepicker-header a.ui-datepicker-prev::after {
   font-family: cursive, Arial, Helvetica, sans-serif;
   content: "<";
   font-size: 1.5rem;
   color: #444444;
 }
 .ui-datepicker-header a.ui-datepicker-next {
   right: 0;
 }
 .ui-datepicker-header a.ui-datepicker-next::after {
   font-family: cursive, Arial, Helvetica, sans-serif;
   content: ">";
   font-size: 1.5rem;
   color: #444444;
 }
 .ui-datepicker-calendar {
   width: 100%;
   text-align: center;
   padding: 1rem;
   margin-bottom: 0;
 }
 .ui-datepicker-calendar thead {
   color: #cccccc;
 }
 .ui-datepicker-calendar thead tr th {
   color: #000;
   font-size: 14px;
   font-weight: 600;
 }
 .ui-datepicker-calendar thead tr th, .ui-datepicker-calendar tbody tr td {
   padding: 5px !important;
 }
 .ui-datepicker-calendar a {
   color: #444444;
   text-decoration: none;
   display: block;
   margin: 0 auto;
   width: 25px;
   height: 25px;
   font-size: 13px;
   line-height: 25px;
   border-radius: 50%;
   border: 1px solid transparent;
   cursor: pointer;
 }
 .ui-datepicker-calendar a:hover {
   border: 1px solid #cccccc;
 }
 .ui-datepicker-calendar .ui-state-highlight {
   border-color: #d33a47;
   color: #d33a47;
 }
 .ui-datepicker-calendar .ui-state-active {
   background: #d33a47;
   color: #ffffff;
 }
 .calendarIcon {
   position: absolute;
   right: 28px;
   top: 10px;
   color: #898989;
 }
 .rightSectionWrapper .ibox {
   box-shadow: 0px 6px 8px rgba(4, 4, 7, 0.1);
   border-radius: 8px;
   padding: 10px 5px;
   border: 1px solid #dbe2eb;
   height: 100%;
 }
 .rightSectionWrapper .ibox:hover {
   background-color: #12b975 !important;
   color: #fff;
 }
 .rightSectionWrapper .ibox:hover i.fa-sort-up {
   color: #fff;
 }
 .rightSectionWrapper .ibox h6 {
   font-size: 13px;
 }
 .rightSectionWrapper .ibox p {
   margin: 0;
   padding: 0;
 }
 .bg-light .reviewForm .btn-primary {
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border-color: #fc9a3a;
   border-radius: 15px;
 }
 .bg-light .reviewForm .btn-primary:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
   color: #fff;
 }
 .profile_scroll {
   height: 79px;
   overflow-y: scroll;
 }
 .trendingRankPanel {
   background: #fff;
   padding: 10px;
 }
 .trendingRankPanel .rankImgBox {}
 .trendingRankPanel .rankImgBox img {
   width: 54px;
   height: 54px;
   border: 1px dashed #d57287;
   border-radius: 5px;
 }
 .trendingRankPanel .rankImgBox span {
   display: block;
   font-size: 11px;
   line-height: 14px;
   text-align: center;
   color: #292929;
 }
 .faqSection h2 {
   font-size: 4em;
   color: #3f3d56;
   font-weight: 700;
   letter-spacing: -5px;
   line-height: 57px;
   padding: 25px 0;
 }
 .faqSection .trailbox_Accord .nbr {
   font-size: 30px;
   font-weight: 800;
   width: 50px;
   display: inline-table;
   line-height: 30px;
   vertical-align: middle;
 }
 .faqSection .trailbox_Accord .card-body {
   padding-left: 39px;
 }
 .faqSection .trailbox_Accord .card-header h2 button {
   display: flex;
   font-size: 15px;
 }
 .faqSection .trailbox_Accord .card-header h2 button i {
   margin-left: auto;
 }
 .contentBoxArea {}
 .contentBoxArea p {
   margin-bottom: 20px;
   font-size: 14px;
   line-height: 20px;
 }
 .contentBoxArea h5, .contentBoxArea h2 {
   margin-bottom: 40px;
   padding-left: 75px;
   font-size: 20px;
   position: relative;
   line-height: 36px;
 }
 .contentBoxArea h5:before, .contentBoxArea h2:before {
   content: "";
   background-color: #313131;
   height: 1px;
   width: 30px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
 }
 .contentBoxArea ul {
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .contentBoxArea ul li {
   list-style: none;
   margin-bottom: 10px;
   position: relative;
   padding-left: 25px;
 }
 .contentBoxArea ul li:before {
   content: "";
   background-color: #313131;
   height: 2px;
   width: 12px;
   position: absolute;
   top: 0;
   bottom: 0;
   margin: auto;
   left: 0;
 }
 .modal-dialog.modal-xlPopup {
   max-width: 800px;
 }
 .dateRanking {
   position: absolute;
   left: 27px;
   top: -18px;
   background: #fff;
   padding: 0px 5px;
   border-radius: 10px;
 }
 .dateRanking .dateRankingNo {
   border: 0;
   width: 37px;
   float: left;
   text-align: center;
   margin: 0 3px;
   cursor: pointer;
 }
 .dateRanking .dateRankingNo:hover {
   color: #ff6501;
 }
 .dateRankingHome {
   right: 169px;
   top: 7px;
   left: auto;
   z-index: 8;
 }
 .sectionBoxOne.top-category .bgWhiteBox .dateRanking {
   background: #eff3f6
 }
 .sectionBoxOne.top-category .bgWhiteBox .dateRanking .dateRankingNo {
   background: transparent
 }
 .dateOfRank {
   position: absolute;
   background: #fff;
   padding: 7px 15px;
   color: #333;
   border-radius: 10px;
   font-size: 12px;
   right: 130px;
   top: 6px;
   z-index: 9;
 }
 .languageDrop {
   color: #333;
   line-height: 13px;
   margin-top: -3px;
 }
 .languageDrop img {
   margin: 0 5px;
   height: 14px;
   width: 22px;
 }
 .reactions {
   display: block;
   position: relative;
   width: 80%;
   margin: auto;
   margin-bottom: 45px
 }
 .reactions .title-reactions {
   display: block;
   width: 100%;
   margin-bottom: 30px;
   text-transform: uppercase;
   font-size: 16px
 }
 .reactions .col-reaction {
   width: 13%;
   margin-right: 5.8px;
   cursor: pointer;
   margin-bottom: 5px;
   float: left
 }
 .reactions .col-reaction:last-child {
   margin: 0
 }
 .reactions .col-reaction .row {
   margin-bottom: 5px
 }
 .reactions .col-reaction:hover .btn-reaction span {
   color: #fff
 }
 .reactions .col-reaction:hover .progress-bar-vertical .progress-bar {
   opacity: 1
 }
 .reactions .progress {
   background-color: #f5f5f5;
   border-radius: 0;
   box-shadow: none !important;
   height: 20px;
   margin: 0;
   overflow: hidden
 }
 .reactions .progress-bar-vertical {
   width: 100%;
   height: 100px;
   display: flex;
   align-items: flex-end;
   float: left;
   position: relative
 }
 .reactions .progress-bar-vertical .progress-bar {
   width: 100%;
   height: 0;
   -webkit-transition: height .6s ease;
   -o-transition: height .6s ease;
   transition: height .6s ease;
   box-shadow: none !important;
   background: #12b975;
   opacity: .4;
   -moz-transition: all .1s ease-in-out 0s;
   -webkit-transition: all .1s ease-in-out 0s;
   transition: all .1s ease-in-out 0s
 }
 .reactions .progress-bar-vertical .progress-bar-voted {
   opacity: 1
 }
 .reactions .progress-bar-vertical .span-vote {
   width: auto;
   height: 20px;
   position: absolute;
   display: inline-block;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: auto;
   font-size: 12px;
   color: #222;
   font-weight: 600;
   text-align: center
 }
 .reactions .btn-reaction {
   background-color: #e6e6e6;
   border: 0 !important;
   padding: 4px !important;
   display: block;
   width: 100%;
   border-radius: 0;
   -moz-transition: all .1s ease-in-out 0s;
   -webkit-transition: all .1s ease-in-out 0s;
   transition: all .1s ease-in-out 0s
 }
 .reactions .btn-reaction:hover {
   background: #12b975;
   color: #fff;
 }
 .reactions .btn-reaction span {
   text-transform: uppercase;
   font-weight: 600;
   font-size: 12px
 }
 .reactions .btn-reaction-voted span {
   color: #fff
 }
 .reactions .icon-cnt {
   display: block;
   width: 100%;
   height: 44px;
   float: left;
   position: relative;
   text-align: center
 }
 .reactions .img-reaction {
   width: 40px;
   height: 40px
 }
 .single-blog-box .blogtagsBox {
   width: 83%;
   margin: auto;
   display: table;
 }
 .single-blog-box .blogtagsBox h6 {
   text-align: left;
   padding: 10px;
   border-bottom: 1px solid #c8cbd2;
   margin-bottom: 20px;
 }
 .single-blog-box .blogtagsBox .tag-list {
   padding: 0;
   margin: 0;
   display: block;
   padding-bottom: 15px
 }
 .single-blog-box .blogtagsBox .tag-list li {
   list-style: none;
   display: inline-block;
   margin-right: 8px;
   margin-bottom: 8px
 }
 .single-blog-box .blogtagsBox .tag-list li a {
   background-color: #f4f4f4;
   color: #333;
   display: inline-block;
   font-size: 15px;
   padding: 5px 10px;
   text-decoration: none;
   border-radius: .25rem
 }
 .single-blog-box .blogtagsBox .tag-list li a:hover {
   background-color: #12b975;
   color: #fff;
 }
 .bg-w {
   background: #373c46 !important;
   color: #fff;
 }
 .fs-14 {
   font-size: 14px !important;
 }
 .single-blog-box .relatedPostSection {
   width: 83%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 30px;
 }
 .single-blog-box .relatedPostSection .top-category.sectionBoxOne .owl-carousel .owl-nav, .single-blog-box .relatedPostSection .sorting .sortingBox {
   background: #fff;
 }
 .single-blog-box .relatedPostSection h3 {
   font-size: 13px;
   line-height: 16px;
   margin: 0;
   padding: 0;
   text-align: left;
   color: #222;
   padding: 10px 0;
   font-weight: 500;
 }
 .single-blog-box .relatedPostSection h3 ul {
   margin: 0;
   padding: 0;
   position: absolute;
   top: 20px;
   right: 20px;
 }
 .single-blog-box .relatedPostSection h3 ul li {
   list-style: none;
   margin-bottom: 10px;
 }
 .single-blog-box .relatedPostSection h3 ul li a {
   background: #fff;
   color: #333;
   font-size: 15px;
   width: 30px;
   height: 30px;
   border-radius: 50%;
   line-height: 35px;
   display: block;
   text-align: center;
 }
 .single-blog-box .relatedPostSection h3 ul li a:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .single-blog-box .relatedPostSection .post-meta {
   display: flex;
   width: 100%;
   float: left;
 }
 .single-blog-box .relatedPostSection .post-meta a {
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #222;
   font-size: 13px;
   display: block;
   font-weight: 600;
 }
 .single-blog-box .relatedPostSection .post-meta span {
   list-style: none;
   float: left;
   margin-right: 8px;
   color: #222;
   font-size: 13px;
   display: block;
 }
 .single-blog-box .relatedPostSection .post-meta span i {
   margin-right: 3px;
   color: #fc9a3a;
 }
 .post-share {
   display: table;
   width: 100%;
   margin-bottom: 15px
 }
 .post-share .share-left {
   display: table-cell;
   white-space: nowrap;
   vertical-align: top;
   padding-right: 30px
 }
 .post-share .share-right {
   display: table-cell;
   vertical-align: top
 }
 .post-share .share-box {
   margin: 0;
   padding: 0;
   text-align: center;
 }
 .post-share .share-box li {
   display: inline-block;
   font-size: 12px;
   line-height: 12px;
   margin-right: 8px;
   margin-bottom: 8px
 }
 .post-share .share-box .social-btn-sm {
   height: 38px;
   width: 38px;
   color: #fff;
   float: left;
   overflow: hidden;
   position: relative;
   border-radius: .25rem;
   line-height: 38px;
   text-align: center;
   font-size: 15px;
   -moz-transition: all .2s ease-in-out 0s;
   -webkit-transition: all .2s ease-in-out 0s;
   transition: all .2s ease-in-out 0s
 }
 .post-share .share-box li .social-btn-lg {
   color: #fff;
   float: left;
   padding: 0 25px;
   line-height: 36px;
   text-decoration: none;
   -moz-transition: all .2s ease-in-out 0s;
   -webkit-transition: all .2s ease-in-out 0s;
   transition: all .2s ease-in-out 0s;
   height: 38px;
   min-width: 110px;
   border-radius: .25rem
 }
 .post-share .share-box li .social-btn-lg span {
   position: relative
 }
 .post-share .share-box li .social-btn-lg:hover {
   opacity: .8
 }
 .post-share .share-box li .social-btn-sm:hover {
   opacity: .8
 }
 .post-share .share-box li .social-btn-lg i {
   font-size: 15px;
   position: relative;
   margin-right: 10px
 }
 .post-share .share-box .share-li-sm {
   display: none
 }
 .post-share .share-title {
   float: left;
   font-size: 14px;
   font-weight: 600;
   line-height: 42px;
   margin: 0
 }
 .post-share .share-title i {
   margin-right: 5px
 }
 .share-box li a.facebook {
   background: #3b5998 !important
 }
 .share-box li a.twitter {
   background: #55acee
 }
 .share-box li a.linkedin {
   background: #007bb5
 }
 .share-box li a.whatsapp {
   background: #3EBE2B
 }
 .share-box li a.whatsapp i {
   font-size: 17px
 }
 .share-box li a.pinterest {
   background: #cb2027
 }
 .share-box li a.tumblr {
   background: #2c4762
 }
 .share-box li a.btn-print {
   background: #444
 }
 .share-box li a.youtube {
   background: #b00
 }
 .share-box li a.add-reading-list {
   background-color: #bababa;
   color: #fff !important;
   font-size: 15px !important
 }
 .share-box li a.remove-reading-list {
   background-color: #43A047;
   color: #fff !important;
   font-size: 15px !important
 }
 .filterSection {}
 .filterSection .col {
   border-right: 1px solid #dadada;
 }
 .filterSection .col .form-control {
   font-size: 13px;
   width: 100%;
   margin-bottom: 0;
 }
 .filterSection .filterPanel {
   display: table;
   width: 100%;
 }
 .filterSection .filterPanel h6 {
   font-size: 12px;
   position: relative;
   font-weight: 400;
   margin: 0;
   margin-bottom: 10px;
   padding: 0;
   padding-bottom: 7px;
   border-bottom: 1px solid #dadada;
   color: #333;
 }
 .filterSection .filterPanel h6:after {
   width: 50px;
   height: 3px;
   position: absolute;
   bottom: -2px;
   left: 0;
   background-color: #22b472;
   content: '';
 }
 .filterSection .filterPanel .slider-data {
   list-style: none;
   margin-top: 1px;
   color: #999;
 }
 .filterSection .filterPanel h6 i {
   color: #a4a4a4;
   margin-right: 2px;
 }
 .filterSection .filterPanel .slider-data li {
   float: left;
   width: 33%;
   font-size: 13px;
 }
 .filterSection .search-element {
   width: 100%;
   position: relative;
 }
 .filterSection .form-inline .btn {
   border-radius: 0;
   padding: 6px 8px;
   border: 1px solid transparent;
   box-shadow: none;
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
   background: transparent;
   color: #fff;
   margin-left: -56px;
   font-size: 13px;
   position: absolute;
   right: 0;
 }
 .filterSection .form-inline .btn .header-icon {
   color: #5c678f;
   fill: #5c678f;
   width: 20px;
   height: 20px;
 }
 .filterSection .form-inline .btn.btnSet {
   font-size: 13px;
   border-radius: 4px;
   margin: 0;
   position: relative;
 }
 .filter-influenceScore .slider-data li.slider-data-item {
   float: left;
   width: 9.6%;
   font-size: 12px;
 }
 .filter-influenceScore .slider-data .slider-data-item:first-child {
   text-align: left;
   width: 5.5%;
 }
 .filter-influenceScore .slider-data .slider-data-item:last-child {
   text-align: right;
   width: 8%;
 }
 .filter-influenceScore {}
 .filter-influenceScore .rangeslider__fill {
   background: #0f0;
   position: absolute;
 }
 .range {
   position: relative;
 }
 .range input[type=range] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   padding: 0;
   width: 100%;
   height: 22px;
   cursor: pointer;
   display: block;
 }
 .range input[type=range]:focus {
   outline: none;
 }
 .range input[type=range][disabled] {
   opacity: .3;
   cursor: default;
 }
 .range .rangeslider {
   position: relative;
   height: 22px;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .range .rangeslider:before {
   box-sizing: border-box;
   width: 182px;
   height: 4px;
   background-color: #0cb062;
   content: "";
   position: absolute;
   border-radius: 50px;
   top: 50%;
   left: 0;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .range input::-webkit-slider-runnable-track {
   box-sizing: border-box;
   width: 100%;
   height: 4px;
   background: #e6e6e6;
   border-radius: 100px;
   margin: 11px 0;
 }
 .range input::-moz-range-track {
   box-sizing: border-box;
   width: 100%;
   height: 4px;
   background: #e6e6e6;
   border-radius: 100px;
   margin: 11px 0;
 }
 .range input::-ms-track {
   box-sizing: border-box;
   width: 100%;
   height: 4px;
   background: #e6e6e6;
   border-radius: 100px;
   color: transparent;
   padding: 11px 0;
   background: transparent;
   border-color: transparent;
 }
 .range input::-ms-fill-lower, .range input::-ms-fill-upper {
   box-sizing: border-box;
   width: 100%;
   height: 4px;
   background: #e6e6e6;
   border-radius: 100px;
 }
 .range input::-ms-fill-lower {
   background: #60cd18;
 }
 .range .rangeslider-fill-lower {
   background-color: #fc2d1e;
   border-radius: 100px;
   position: absolute;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   height: 4px;
   will-change: width;
 }
 .range input::-webkit-slider-thumb {
   box-sizing: border-box;
   box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
   border: 6px solid #fff;
   height: 24px;
   width: 24px;
   border-radius: 100px;
   background: #333940;
   cursor: pointer;
   -webkit-appearance: none;
   appearance: none;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   margin-top: 2px;
 }
 .range input::-moz-range-thumb {
   box-sizing: border-box;
   box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
   border: 6px solid #fff;
   height: 24px;
   width: 24px;
   border-radius: 100px;
   background: #333940;
   cursor: pointer;
 }
 .range input::-ms-thumb {
   box-sizing: border-box;
   box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.5);
   border: 6px solid #fff;
   height: 24px;
   width: 24px;
   border-radius: 100px;
   background: #333940;
   cursor: pointer;
 }
 .range .rangeslider-thumb {
   box-sizing: border-box;
   box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
   border: 3px solid #fff;
   height: 16px;
   width: 16px;
   border-radius: 100px;
   background: #333940;
   cursor: pointer;
   position: absolute;
   touch-action: pan-x;
   top: 50%;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
   will-change: left;
 }
 .range .range-output {
   position: absolute;
   left: 6px;
   top: 6px;
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
   -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
 }
 .range .range-output .output {
   display: none;
   position: absolute;
   height: 60px;
   line-height: 60px;
   min-width: 32px;
   padding: 0 20px;
   top: -26px;
   -webkit-transform: translate(-50%, -100%);
   transform: translate(-50%, -100%);
   background: #383c42;
   color: #fff;
   border-radius: 100px;
   white-space: nowrap;
   font-weight: bold;
   font-size: 1.2em;
   text-align: center;
 }
 .range .range-output .output:before {
   content: "";
   position: absolute;
   bottom: -8px;
   left: 50%;
   border: 10px solid #383c42;
   border-bottom: none;
   border-left-color: transparent;
   border-right-color: transparent;
   -webkit-transform: translateX(-50%);
   transform: translateX(-50%);
 }
 .card-options {
   margin-left: auto;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-order: 100;
   order: 100;
   margin-right: -.5rem;
   color: #9aa0ac;
   -ms-flex-item-align: center;
   align-self: center;
 }
 .card-options .btnClearFilters {
   border: 1px solid #d5d5d5;
   padding: 0 5px;
   border-radius: 5px;
   font-size: 13px;
   color: #999;
   display: table;
 }
 .importance_metric_pick .all-mentions {
   display: inline-block;
   box-sizing: border-box;
   height: 30px;
   width: 48%;
   border: 1px solid #E4E8EB;
   border-radius: 4px;
   background-color: #FFFFFF;
   color: #3E4144;
   font-family: Roboto, sans-serif;
   font-size: 12px;
   letter-spacing: 0;
   text-align: center;
   line-height: 30px;
 }
 .importance_metric_pick .important-mentions {
   display: inline-block;
   box-sizing: border-box;
   height: 30px;
   width: 48%;
   border: 1px solid #F4F6F8;
   background-color: #F4F6F8;
   color: #AFAFBF;
   font-family: Roboto, sans-serif;
   font-size: 12px;
   letter-spacing: 0;
   text-align: center;
   line-height: 30px;
 }
 .sucmsg {
   width: 100% !important;
   color: #0c9452 !important;
   background: #aaf5d0 !important;
   font-size: 15px !important;
   line-height: 44px !important;
   border: 1px solid #2bb974 !important;
   margin-bottom: 20px !important;
 }
 .blog-hdr-sec .like_post, .blog-hdr-sec .dislike_post, .post-comment-pageviews .like_post, .post-comment-pageviews .dislike_post {
   cursor: pointer
 }
 .reactions .btn-reaction.active {
   background: #12b975;
   color: #fff;
 }
 .ui-helper-hidden-accessible {
   display: none !important
 }
 #signup_verify {
   background: #ccffd2;
   border: 1px solid #66c576;
   line-height: 20px;
   font-size: 14px;
   padding: 10px;
   border-radius: 3px;
 }
 #appointments_popup .login_Popup button.close, #HowWorksModal .login_Popup button.close {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   width: 30px;
   height: 30px;
   font-size: 34px;
   line-height: 30px;
   color: #fff;
   border-radius: 50%;
   opacity: 100;
   position: absolute;
   font-weight: 200;
   right: -11px;
   top: -9px;
 }
 .SocialAditBtn a.btn {
   padding: 4px 14px;
 }
 .brandProfileArea .fa-minus:before {
   color: #e11414;
 }
 .brandProfileArea .fa-minus, .brandProfileArea .fa-plus {
   cursor: pointer;
 }
 .shareDropdownPopup {
   width: 45px;
   min-width: 45px !important;
   border-radius: 10px !important;
   text-align: center;
   left: 30px !important;
   position: relative;
 }
 .shareDropdownPopup:after {
   width: 14px;
   height: 14px;
   background: #fff;
   transform: rotate(45deg);
   content: '';
   left: 50%;
   margin-left: -7px;
   top: -7px;
   position: absolute;
 }
 .shareDropdownPopup .dropdown-item {
   padding: 5px;
 }
 .shareDropdownPopup .dropdown-item:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a) !important;
   color: #fff !important;
 }
 .FortuneHeaderArea {
   z-index: 9;
 }
 .FortuneHeaderArea .methodologyArea .methodologyPanel {
   width: 100%;
   border-radius: 15px;
   text-align: center;
   background: #fff;
   border: 1px solid #dbe2eb;
   box-shadow: 0px 6px 8px rgba(4, 4, 7, 0.1);
   margin-bottom: 0px;
   padding: 10px 10px;
   margin-bottom: 10px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
 }
 .FortuneHeaderArea .methodologyArea .methodologyPanel:hover {
   background: #12b975;
   border: 1px solid #12b975;
 }
 .FortuneHeaderArea .methodologyArea .methodologyPanel i {
   font-size: 27px;
   padding: 5px 10px;
   border-radius: 10px;
   background: #fff1c2;
   color: #ffc200;
   margin-bottom: 10px;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(2) .methodologyPanel i {
   background: #d1e2fd;
   color: #3e88f6;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(3) .methodologyPanel i {
   background: #c6eede;
   color: #12b975;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(4) .methodologyPanel i {
   background: #eaf0f5;
   color: #a2bed2;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(5) .methodologyPanel i {
   background: #eac8fc;
   color: #a919f0;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(6) .methodologyPanel i {
   background: #ffdac2;
   color: #ff6501;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(7) .methodologyPanel i {
   background: #c6eede;
   color: #14ba76;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(8) .methodologyPanel i {
   background: #eaf0f5;
   color: #a7c1d4;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(9) .methodologyPanel i {
   background: #eac8fc;
   color: #a816f0;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(10) .methodologyPanel i {
   background: #d1e2fd;
   color: #3e88f6;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(11) .methodologyPanel i {
   background: #fbc2c2;
   color: #ec0000;
 }
 .FortuneHeaderArea .methodologyArea:nth-child(12) .methodologyPanel i {
   background: #fff1c2;
   color: #ffc400;
 }
 .filterSectionArea .form-control {
   font-size: 13px;
   background: #f0f3f6;
   width: 100%;
   border-radius: 50px;
   margin-bottom: 0;
 }
 .filterSectionArea .form-inline .btn {
   border-radius: 0;
   padding: 6px 8px;
   border: 1px solid transparent;
   box-shadow: none;
   border-bottom-right-radius: 4px;
   border-top-right-radius: 4px;
   background: transparent;
   color: #fff;
   margin-left: 0px;
   font-size: 13px;
   position: absolute;
   right: 0px;
 }
 .filterSectionArea .header-icon {
   color: #5c678f;
   fill: #5c678f;
   width: 20px;
   height: 20px;
 }
 .contactButt {
   padding: 3px 10px;
   height: auto;
   min-height: auto !important;
   font-size: 14px;
   margin-left: 50px !important;
   border: 0;
 }
 .ml-50 {
   margin-left: 50px !important;
   font-size: 13px;
 }
 .lineHeading {
   width: 100%;
   position: relative;
   text-align: center;
   margin: 20px 0;
 }
 .lineHeading:after {
   width: 100%;
   height: 2px;
   background: #323842;
   position: absolute;
   left: 0;
   top: 50%;
   margin-top: -1px;
   content: '';
 }
 .lineHeading span {
   position: relative;
   padding: 5px 20px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   font-size: 18px;
   font-weight: 600;
   border-radius: 50px;
   color: #fff;
   display: inline-table;
   z-index: 1;
 }
 .lineHeading span a {
   color: #fff;
 }
 .lineHeading span:hover {
   background: #3f3d56;
 }
 table.trendingTable tbody tr td {
   padding: 5px;
 }
 table.trendingTable tbody tr td img {
   width: 55px;
   max-width: 55px;
   border: 1px solid #dedede;
   padding: 5px;
 }
 table.trendingTable tbody tr td p {
   font-size: 13px;
   line-height: 17px;
 }
 .sectionAreaTwo ul.trendingTabArea li {
   border: 0;
 }
 .sectionAreaTwo ul.trendingTabArea li a {
   padding: 3px 10px;
 }
 .lineRArea {
   position: relative;
 }
 .bd-co-1 {
   border: 1px solid #333;
 }
 .lineRArea:after {
   width: 80%;
   height: 2px;
   background: #d5d5d5;
   left: 165px;
   top: 18px;
   position: absolute;
   content: '';
 }
 .affiliate-partner {
   padding: 40px 0;
   position: relative;
 }
 .affiliate-partner h2 {
   font-size: 28px;
   font-weight: 800;
   margin-bottom: 5px;
 }
 .affiliate-partner p {
   margin-bottom: 10px;
 }
 .green-border-btn {
   background: no-repeat;
   border: 1px solid #fc5124;
   cursor: pointer;
   padding: 9px 18px 9px 18px;
   text-align: center;
   color: #fc5124;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .green-border-btn:hover {
   background: #3f3d56;
   border: 1px solid #3f3d56;
 }
 .grey_bg {
   background-color: #f1f1f1;
 }
 .affiliate-partner .bgWhiteBox {
   text-align: center;
   margin-top: 25px;
   box-shadow: 0 0 10px #d4d4d4;
 }
 .affiliate-partner .bgWhiteBox img {
   width: 70px;
   margin-bottom: 15px;
 }
 .affiliate-partner .bgWhiteBox h3 {
   margin-bottom: 5px;
   font-size: 18px;
   font-weight: 800;
   color: #5f5d5d;
 }
 .affiliate-partner .bgWhiteBox p {
   line-height: 24px;
 }
 .affiliate_partnerBG {
   background-image: url('../images/pattern-fworks-light.svg');
 }
 .affiliate-partner .paddingrightleft {
   padding: 0 200px;
 }
 .affiliate-partner.darkgrey_bg {
   background: #3a3a3a;
 }
 .affiliate-partner.darkgrey_bg h2, .affiliate-partner.darkgrey_bg label {
   color: #fff;
 }
 .affiliate-partner.darkgrey_bg label span.red {
   color: red;
 }
 .affiliate-partner.darkgrey_bg .submitBtn {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   border: none;
   width: 50%;
   margin: auto;
   display: table;
 }
 .affiliate-partner.darkgrey_bg .submitBtn:hover {
   background: #3f3d56;
 }
 #myTabContent table.twitterTrends tbody tr td.flagsBox img {
   width: 30px !important;
   height: auto !important;
   padding: 0px !important;
   border: 0 !important;
   margin-right: 5px !important;
 }
 .viralVideoSetPanel .sorting .green-btn {
   right: 0;
 }
 .viralVideoSetPanel .sorting .green-btn:after {
   position: absolute;
   width: 15px;
   height: 10px;
   border-radius: 50%;
   content: '';
   left: -16px;
   background: #fff;
   top: 10px;
 }
 .viralVideoArea {
   border: 1px solid #ececec;
   position: relative;
   height: 100%;
   margin-bottom: 0;
 }
 .viralVideoArea .noOne {
   width: 35px;
   height: 35px;
   position: absolute;
   background: #fff;
   border-radius: 50%;
   text-align: center;
   font-size: 15px;
   font-weight: 700;
   border: 1px solid #e0e0e0;
   line-height: 32px;
   left: -15px;
   top: -15px;
   z-index: 9;
 }
 .viralVideoArea .postVideo {
   position: relative;
   height: 150px;
   overflow: hidden;
 }
 .viralVideoArea .hover-posts {
   visibility: hidden;
   display: block;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.7);
   position: absolute;
   z-index: 5;
   top: 0;
   text-align: center;
   transform: scale(0);
   -moz-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   -webkit-transform: scale(0);
 }
 .viralVideoArea:hover a.hover-posts {
   visibility: visible;
   transform: scale(1);
   -moz-transform: scale(1);
   -ms-transform: scale(1);
   -o-transform: scale(1);
   -webkit-transform: scale(1);
 }
 .viralVideoArea .hover-posts span {
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   -moz-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   -o-transform: translateY(-50%);
   -webkit-transform: translateY(-50%);
   left: 0;
   right: 0;
   margin: 0 auto;
   color: #fff;
   font-size: 13px;
   text-transform: capitalize;
 }
 .viralVideoArea .hover-posts span i {
   color: #fff;
   font-size: 20px;
   display: block;
   margin-bottom: 5px;
 }
 .viralVideoArea img {
   width: 100%;
   height: 150px;
 }
 .viralVideoArea .postVideo .video-stats {
   position: absolute;
   bottom: 10px;
   width: 100%;
   left: 0;
   padding: 0 10px;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
 }
 .viralVideoArea:hover .video-stats {
   transform: translateY(70px);
   -moz-transform: translateY(70px);
   -ms-transform: translateY(70px);
   -o-transform: translateY(70px);
   -webkit-transform: translateY(70px);
 }
 .viralVideoArea .postVideo .video-stats .thumb-stats {
   display: inline-block;
   background: rgba(0, 0, 0, 0.8);
   padding: 0 8px;
   height: 30px;
   text-align: center;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   -ms-border-radius: 3px;
   border-radius: 3px;
 }
 .viralVideoArea .postVideo .video-stats .thumb-stats:first-of-type {
   margin-right: 5px;
   padding: 0 6px;
 }
 .viralVideoArea .postVideo .video-stats .thumb-stats span {
   color: #fff;
   font-size: 11px;
   display: inline-block;
 }
 .viralVideoArea .postVideo .thumb-stats i {
   display: inline-block;
   color: #fff;
   margin-right: 5px;
   font-size: 14px;
 }
 .viralVideoArea .videoContArea {
   padding: 10px 5px;
 }
 .viralVideoArea .videoContArea h6 {
   margin-bottom: 15px;
   font-size: 13px;
   font-weight: normal;
   line-height: 18px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 1;
 }
 .viralVideoArea .videoContArea h6 a {
   color: #444444 !important;
   font-size: 12px;
   font-weight: 600;
 }
 .viralVideoArea .videoContArea .post-stats {
   margin-right: 0px;
 }
 .viralVideoArea .videoContArea .post-stats p {
   margin-right: 9px;
   margin-bottom: 0;
   line-height: 11px;
 }
 .viralVideoArea .videoContArea .post-stats p i {
   color: #aaaaaa;
   font-size: 11px;
   display: inline-block;
 }
 .viralVideoArea .videoContArea .post-stats p span, .viralVideoArea .videoContArea .post-stats p span a {
   display: inline-block;
   font-size: 11px;
   color: #aaaaaa;
 }
 .viralVideoArea .videoContArea a {
   color: #333;
   font-size: 12px;
 }
 .viralVideoArea .videoContArea a:hover {
   color: #06F;
 }
 .mb-25 {
   margin-bottom: 25px;
 }
 .siteinfoBox.viralVideoArea .postVideo, .siteinfoBox.viralVideoArea .postVideo img {
   height: auto;
 }
 #register_popup label.error {
   position: absolute;
   margin: 0;
   top: -20px;
   font-size: 11px;
 }
 #register_popup .form-group {
   margin-bottom: 1.2rem !important;
 }
 .owl-theme .owl-nav .disabled {
   opacity: 100;
 }
 .listAreaSection {
   background: #fff;
   padding: 5px;
   border-bottom: 1px solid #e9e9e9;
   margin-bottom: 40px;
 }
 .listAreaSection h2 {
   font-size: 20px;
 }
 .listAreaSection .compareBtn2 {
   border: 1px solid #CCC;
   padding: 3px;
   border-radius: 3px;
   margin-left: 10px;
   display: inline-table;
   cursor: pointer;
 }
 .listAreaSection .compareBtn2:hover, .listAreaSection .compareBtn2.active {
   background: linear-gradient(65deg, #fc9a3a, #fc5124);
   border: 1px solid #fc5124;
   color: #fff;
 }
 table.containerTable {
   width: 100%;
   border: 0;
 }
 table.containerTable i.fa-trash, .tableFortune500 i.fa-trash {
   border: 1px solid #ccc;
   background: linear-gradient(65deg, #fc9a3a, #fc5124);
   border: 1px solid #fc5124;
   padding: 5px;
   color: #fff;
   text-align: center;
   border-radius: 5px;
 }
 table.containerTable i.fa-trash:hover, .tableFortune500 i.fa-trash:hover {}
 table.containerTable tbody tr td {
   border: 1px solid #e9e9e9;
   padding: 10px;
   font-size: 14px;
   background: #f2f2f2;
   text-align: center;
   position: relative;
 }
 table.containerTable tbody tr td span.RankArea {
   width: 60px;
   height: 60px;
   display: block;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border-radius: 50%;
   text-align: center;
   color: #fff;
   font-size: 20px;
   line-height: 50px;
   position: absolute;
   top: -25px;
   left: 50%;
   margin-left: -25px;
   border: 5px solid #fff;
 }
 .table.containerTable tbody tr td img {
   margin-top: 30px;
   width: 60%;
   border: 1px solid #e9e9e9;
   padding: 5px;
 }
 table.containerTable tbody tr td:nth-child(1) {
   width: 100px;
   text-align: right;
 }
 table.containerTable tbody tr td:nth-child(2n) {
   background: #fff;
 }
 input#submit_register_brand {
   height: 45px;
   line-height: 45px;
 }
 #compare {
   position: fixed;
   bottom: 36px;
   left: 30px;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   cursor: pointer;
   padding: 7px 15px;
   border-radius: 25px;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
   color: #fff;
   z-index: 99999;
 }
 #compare a {
   display: inline-block;
   color: #fff;
   text-decoration: none;
 }
 span.countnumbr {
   background: #fff;
   width: 20px;
   display: inline-block;
   text-align: center;
   border-radius: 25px;
   color: #000;
 }
 .compare-wrapper {
   display: none;
   min-width: 10%;
   position: fixed;
   bottom: 20px;
   left: 20px;
   border-radius: 5px;
   background: #fff;
   z-index: 9999;
   box-shadow: 0px 0px 3px #afadad;
 }
 .compare-wrapper ul {
   padding: 0;
   margin: 0;
 }
 .compare-wrapper li {
   display: inline-block;
   padding: 35px 30px 50px;
   position: relative;
   text-align: center;
   width: 150px;
 }
 .compare-wrapper li h6 {
   margin: 0;
   font-size: 13px;
   font-weight: 500;
   margin-bottom: 20px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   line-height: 25px;
   overflow: hidden;
 }
 .compare-wrapper li img {
   border: 7px solid rgb(239 243 246 / 45%);
   display: block;
   width: 60px;
   height: 60px;
   margin: auto;
   display: table;
   border-radius: 100px;
   box-shadow: 0 0 5px rgba(0, 0, 0, .28);
 }
 .compare-wrapper li span.closed {
   position: absolute;
   top: 10px;
   right: 10px;
 }
 .compare-wrapper li span.closed:hover {
   cursor: pointer;
 }
 .removecompare {
   bottom: 0;
   position: absolute;
   left: 155px;
   bottom: 22px;
   text-decoration: none;
   font-size: 14px;
   color: #000;
 }
 .blog-style1-area {
   position: relative;
   display: block;
   background: #ffffff;
   padding: 50px 0 50px;
 }
 .blog-style1-area.graybg {
   background: #f2f7fb;
 }
 .blog-style1-area .row {
   margin-left: -20px;
   margin-right: -20px;
 }
 .blog-style1-area .row [class*=col-] {
   padding-left: 20px;
   padding-right: 20px;
 }
 .single-blog-style1 {
   position: relative;
   display: block;
   margin-bottom: 40px;
 }
 .single-blog-style1 .img-holder {
   position: relative;
   display: block;
 }
 .single-blog-style1 .img-holder .inner {
   position: relative;
   display: block;
   overflow: hidden;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
 }
 .single-blog-style1 .img-holder .inner.he-w {
   height: 400px;
 }
 .single-blog-style1 .img-holder .inner:before {
   position: absolute;
   content: '';
   left: 0px;
   bottom: 0px;
   width: 100%;
   height: 0px;
   background-color: rgba(252, 117, 47, 0.50);
   transition: all 900ms ease;
   -moz-transition: all 900ms ease;
   -webkit-transition: all 900ms ease;
   -ms-transition: all 900ms ease;
   -o-transition: all 900ms ease;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   z-index: 1;
 }
 .single-blog-style1:hover .img-holder .inner:before {
   height: 100%;
 }
 .single-blog-style1 .img-holder .inner img {
   width: 100%;
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
   -webkit-transform: scale(1);
   transform: scale(1);
   -webkit-transition: -webkit-transform .4s ease;
   transition: -webkit-transform .4s ease;
   transition: transform .4s ease;
   transition: transform .4s ease, -webkit-transform .4s ease;
 }
 .single-blog-style1:hover .img-holder .inner img {
   -webkit-transform: scale(1.05);
   transform: scale(1.05);
 }
 .single-blog-style1 .img-holder .date-box {
   position: absolute;
   left: 20px;
   bottom: -30px;
   width: 80px;
   height: 80px;
   border-radius: 15px;
   text-align: center;
   padding: 20px 0;
   z-index: 1;
 }
 .single-blog-style1 .img-holder .date-box:before {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   content: "";
   background: #ffffff;
   border-radius: 15px;
   z-index: -1;
 }
 .single-blog-style1 .img-holder .date-box:after {
   position: absolute;
   left: 0px;
   bottom: 0;
   right: 0;
   height: 30px;
   content: "";
   -webkit-box-shadow: 0px 5px 10px 2px rgba(51, 124, 232, 0.15);
   box-shadow: 0px 5px 10px 2px rgba(51, 124, 232, 0.15);
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
   z-index: -2;
 }
 .single-blog-style1 .img-holder .date-box h2 {
   font-size: 28px;
   line-height: 22px;
   font-weight: 600;
   text-transform: uppercase;
 }
 .single-blog-style1 .img-holder .date-PostList {
   position: absolute;
   z-index: 9;
   right: 0px;
   bottom: 8px;
   font-size: 15px;
   background: #fc9a3a;
   padding: 1px 10px;
   color: #fff;
   border-radius: 5px 0 0 5px;
 }
 .single-blog-style1 .img-holder .date-PostList.bt-60 {
   bottom: 15px;
 }
 .single-blog-style1 .img-holder .date-PostList i {
   margin-right: 3px;
   color: #fff;
 }
 .single-blog-style1 .img-holder .date-PostList a {
   color: #fff;
 }
 .single-blog-style1 .img-holder .date-box h2 span {
   color: #1f293b;
   font-size: 16px;
 }
 .single-blog-style1 .text-holder {
   position: relative;
   display: block;
   background: #ffffff;
   padding: 48px 46px 20px 20px;
   -webkit-box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   border-bottom-left-radius: 20px;
   border-bottom-right-radius: 20px;
 }
 .single-blog-style1 .text-holder .author {
   position: relative;
   display: block;
   color: #94979c;
   font-size: 14px;
   line-height: 20px;
   font-weight: 500;
 }
 .single-blog-style1 .text-holder .author span {
   color: #fc5124;
   font-weight: 600;
 }
 .single-blog-style1 .text-holder h3 {
   font-size: 15px;
   line-height: 21px;
   font-weight: 700;
   margin: 7px 0 10px;
   overflow: hidden;
   height: 40px;
   text-transform: uppercase;
 }
 .single-blog-style1 .text-holder h3 a {
   color: #1f293b;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-blog-style1:hover .text-holder h3 a {
   color: #fc5124;
 }
 .single-blog-style1 .text-holder .text {
   position: relative;
   display: block;
   font-size: 14px;
   line-height: 20px;
   height: 53px;
   overflow: hidden;
 }
 .single-blog-style1 .text-holder .text.blogHiAuto {
   height: auto;
 }
 .single-blog-style1 .text-holder .text p {
   margin: 0;
   line-height: 21px;
 }
 .single-blog-style1 .text-holder .text.blogHiAuto p {
   margin-bottom: 20px;
 }
 .single-blog-style1 .text-holder .text.blogHiAuto h2 {
   font-size: 20px;
   margin-bottom: 15px;
   color: #333;
   font-weight: 600;
 }
 .single-blog-style1 .text-holder .button {
   position: relative;
   display: block;
   padding-top: 5px;
 }
 .single-blog-style1 .text-holder .button a {
   position: relative;
   display: inline-block;
   padding: 6px 10px;
   color: #fff;
   background: #fc9a3a;
   font-size: 13px;
   line-height: 20px;
   font-weight: 600;
   text-transform: capitalize;
   border: 1px solid #fc9a3a;
   border-radius: 7px;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-blog-style1:hover .text-holder .button a {
   color: #ffffff;
   background: #1f293b;
   border-color: #1f293b;
 }
 .blog-single-area {
   padding-bottom: 150px;
 }
 .blog-single-area .blog-post {
   position: relative;
   display: block;
 }
 .blog-single-area .blog-post .single-blog-style1.style1-in-style2 .text-holder {
   padding: 35px 50px 33px 20px;
 }
 .blog-single-quote-author {
   position: relative;
   display: block;
   padding: 30px 50px 30px;
   background: #f2f7ff;
   margin: 41px 0 39px;
 }
 .blog-single-quote-author .inner {
   position: relative;
   display: block;
   padding-left: 90px;
 }
 .blog-single-quote-author .inner .icon {
   position: absolute;
   top: 10px;
   left: 0;
 }
 .blog-single-quote-author .inner .title {
   position: relative;
   display: block;
 }
 .blog-single-quote-author .inner .title h4 {
   color: #94979c;
   font-size: 20px;
   line-height: 34px;
   font-weight: 400;
 }
 .blog-single-botton-text {
   position: relative;
   display: block;
   padding-top: 2px;
 }
 .blog-single-botton-text p {
   margin: 0;
 }
 .blog-single-tag-box {
   position: relative;
   display: block;
   padding-top: 34px;
   overflow: hidden;
 }
 .blog-single-tag-box p {
   position: relative;
   display: inline-block;
   float: left;
   color: #94979c;
   font-size: 17px;
   line-height: 26px;
   font-weight: 500;
   margin: 0;
 }
 .blog-single-tag-box ul {
   position: relative;
   display: inline-block;
   float: left;
   overflow: hidden;
   padding-left: 10px;
 }
 .blog-single-tag-box ul li {
   position: relative;
   display: inline-block;
   float: left;
   line-height: 26px;
   margin-right: 5px;
 }
 .blog-single-tag-box ul li:last-child {
   margin-right: 0;
 }
 .blog-single-tag-box ul li a {
   color: #25283a;
   font-size: 17px;
   font-weight: 500;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .blog-single-tag-box ul li a:hover {
   color: #337ce8;
 }
 .comment-box {
   position: relative;
   display: block;
   overflow: hidden;
   padding-top: 50px;
   padding-bottom: 11px;
 }
 .comment-box .title {
   position: relative;
   display: block;
   padding-bottom: 24px;
 }
 .comment-box .title h3 {
   color: #1f293b;
   font-size: 27px;
   line-height: 40px;
   font-weight: 600;
   margin-bottom: 10px;
 }
 .comment-box .outer-box {
   position: relative;
   display: block;
 }
 .comment-box .single-comment {
   position: relative;
   display: block;
   margin-bottom: 44px;
 }
 .comment-box .single-comment.marleft {
   margin-left: 110px;
 }
 .comment-box .single-comment-box {
   position: relative;
   display: block;
   min-height: 80px;
   padding-left: 80px;
 }
 .comment-box .single-comment-box .img-holder {
   position: absolute;
   left: 0;
   top: 6px;
   width: 80px;
   height: 80px;
 }
 .comment-box .single-comment-box .img-holder img {
   width: 100%;
   border-radius: 50%;
 }
 .comment-box .single-comment-box .text-holder {
   position: relative;
   display: block;
   padding-left: 30px;
   min-height: 80px;
 }
 .comment-box .single-comment-box .text-holder .top {
   position: relative;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
 }
 .comment-box .single-comment-box .text-holder .top .name {}
 .comment-box .single-comment-box .text-holder .top .name h3 {
   color: #25283a;
   font-size: 20px;
   line-height: 26px;
   font-weight: 600;
   margin: 0 0 2px;
 }
 .comment-box .single-comment-box .text-holder .top .name span {
   color: #94979c;
   font-size: 14px;
   font-weight: 500;
 }
 .comment-box .single-comment-box .text-holder .top .reply-button {
   position: relative;
   display: block;
 }
 .comment-box .single-comment-box .text-holder .top .reply-button a {
   position: relative;
   display: inline-block;
   padding: 0 20px;
   border: 1px solid #e5e5e5;
   border-radius: 30px;
   color: #25283a;
   font-size: 16px;
   line-height: 33px;
   font-weight: 500;
   transition: all 500ms ease;
 }
 .comment-box .single-comment-box .text-holder .top .reply-button a:hover {
   color: #ffffff;
   border-color: #f85959;
   background-color: #f85959;
 }
 .comment-box .single-comment-box .text-holder .text {
   position: relative;
   display: block;
   padding-top: 0px;
 }
 .comment-box .single-comment-box .text-holder .text p {
   font-size: 16px;
   line-height: 30px;
   margin: 0;
 }
 .add-comment-box {
   position: relative;
   display: block;
   overflow: hidden;
   padding-top: 24px;
 }
 .add-comment-box .title {
   position: relative;
   display: block;
   padding-bottom: 30px;
 }
 .add-comment-box .title h3 {
   color: #25283a;
   font-size: 27px;
   line-height: 40px;
   font-weight: 600;
   margin-bottom: 10px;
 }
 .add-comment-box #add-comment-form {}
 .add-comment-box #add-comment-form input[type="text"], .add-comment-box #add-comment-form input[type="email"], .add-comment-box #add-comment-form textarea {
   position: relative;
   display: block;
   background: #ffffff;
   border: 1px solid #e5e5e5;
   width: 100%;
   height: 60px;
   color: #94979c;
   font-size: 17px;
   font-style: italic;
   font-weight: 400;
   padding: 0 20px;
   border-radius: 7px;
   margin-bottom: 30px;
   transition: all 500ms ease;
 }
 .add-comment-box #add-comment-form textarea {
   height: 200px;
   padding: 15px 20px;
   border: 1px solid #e5e5e5;
   border-radius: 7px;
   margin-bottom: 30px;
 }
 .add-comment-box #add-comment-form input[type="text"]:focus {
   border-color: #c7c2c2;
 }
 .add-comment-box #add-comment-form input[type="email"]:focus {
   border-color: #c7c2c2;
 }
 .add-comment-box #add-comment-form textarea:focus {
   border-color: #c7c2c2;
 }
 .add-comment-box #add-comment-form .button-box {
   position: relative;
   display: block;
 }
 .blog-area {
   position: relative;
   display: block;
   background: #141820;
   padding: 50px 0 50px;
 }
 .blog-area .row {
   margin-left: -20px;
   margin-right: -20px;
 }
 .blog-area .row [class*=col-] {
   padding-left: 20px;
   padding-right: 20px;
 }
 .single-blog-style1.style1-in-style2 .img-holder .date-box {
   position: absolute;
   top: 30px;
   left: 30px;
   bottom: auto;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   border-radius: 15px;
   text-align: center;
   padding: 27px 0;
   z-index: 1;
 }
 .single-blog-style1.style1-in-style2 .img-holder .date-box:before {
   display: none;
 }
 .single-blog-style1.style1-in-style2 .img-holder .date-box:after {
   display: none;
 }
 .single-blog-style1.style1-in-style2 .img-holder .date-box h2 {
   color: #ffffff;
 }
 .single-blog-style1.style1-in-style2 .img-holder .date-box h2 span {
   color: #ffffff;
 }
 .single-blog-style1.style1-in-style2 .text-holder {
   padding: 45px 40px 41px;
 }
 .single-blog-style1 .text-holder .meta-info {
   position: relative;
   display: block;
   overflow: hidden;
 }
 .single-blog-style1 .text-holder .meta-info .fa-heart, .readArea {
   color: #ec0e0e !important;
 }
 .single-blog-style1 .text-holder .meta-info li {
   position: relative;
   display: inline-block;
   float: left;
   line-height: 24px;
   padding-right: 15px;
   margin-right: 15px;
 }
 .single-blog-style1 .text-holder .meta-info li:last-child {
   padding-right: 0;
   margin-right: 0;
 }
 .single-blog-style1 .text-holder .meta-info li:before {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   width: 1px;
   height: 12px;
   background: #94979c;
   content: "";
   margin: 5px 0;
 }
 .single-blog-style1 .text-holder .meta-info li:last-child:before {
   display: none;
 }
 .single-blog-style1 .text-holder .meta-info li a {
   color: #94979c;
   font-size: 17px;
   font-weight: 400;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-blog-style1 .text-holder .meta-info li a span {
   color: #fc9a3a;
   font-weight: 600;
 }
 .single-blog-style1.style1-in-style2 .text-holder h3 {
   color: #1f293b;
   font-size: 24px;
   line-height: 33px;
   margin: 16px 0 16px;
   height: auto;
 }
 .styled-pagination {
   position: relative;
   display: block;
   width: 100%;
   height: auto;
 }
 .styled-pagination li {
   position: relative;
   display: inline-block;
   margin: 0px 8px;
 }
 .styled-pagination li a {
   position: relative;
   display: inline-block;
   width: 50px;
   height: 50px;
   border-radius: 0%;
   background: transparent;
   border: 1px solid transparent;
   color: #222222;
   font-size: 18px;
   line-height: 48px;
   font-weight: 600;
   text-align: center;
   text-transform: capitalize;
   transition: all 500ms ease;
   z-index: 1;
 }
 .styled-pagination li a:hover, .styled-pagination li a.active {
   color: #000000;
 }
 .styled-pagination li a:before {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   background: #ebebeb;
   border: 1px solid transparent;
   content: "";
   -moz-transform: skew(-20deg, 0deg);
   -webkit-transform: skew(-20deg, 0deg);
   -o-transform: skew(-20deg, 0deg);
   -ms-transform: skew(-20deg, 0deg);
   transform: skew(-20deg, 0deg);
   transition: all 0.3s ease-in-out 0.1s;
   z-index: -1;
 }
 .styled-pagination li.prev a, .styled-pagination li.next a {
   color: #ffffff;
   line-height: 48px;
 }
 .styled-pagination li.prev a:before, .styled-pagination li.next a:before {
   background-color: #222222;
 }
 .styled-pagination li.prev a:hover, .styled-pagination li.next a:hover {
   color: #f5f5f5;
 }
 .sidebar-wrapper {
   position: relative;
   display: block;
   background: #ffffff;
   max-width: 370px;
   width: 100%;
   padding: 25px 20px 25px;
   -webkit-box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   border-radius: 20px;
 }
 .sidebar-wrapper .single-sidebar {
   position: relative;
   display: block;
   overflow: hidden;
   margin-bottom: 10px;
 }
 .sidebar-wrapper .single-sidebar.last-child {
   margin: 0;
 }
 .sidebar-wrapper .single-sidebar .title {
   position: relative;
   display: block;
   margin-top: 0px;
   padding-bottom: 9px;
 }
 .sidebar-wrapper .single-sidebar .title h3 {
   position: relative;
   top: -3px;
   color: #25283a;
   font-size: 21px;
   line-height: 30px;
   font-weight: 600;
   text-transform: capitalize;
   margin: 0;
   border-left: 5px solid #fc5124;
   padding-left: 10px;
 }
 .sidebar-search-box {
   position: relative;
   display: block;
   margin-bottom: 0px;
 }
 .sidebar-search-box form.search-form {
   position: relative;
   display: block;
   width: 100%;
 }
 .sidebar-search-box .search-form input[type="text"] {
   position: relative;
   display: block;
   width: 100%;
   height: 50px;
   border-radius: 10px;
   background: #ffffff;
   border: 1px solid #e5e5e5;
   color: #848484;
   font-size: 17px;
   font-weight: 400;
   padding-left: 19px;
   padding-right: 70px;
   transition: all 500ms ease 0s;
 }
 .sidebar-search-box .search-form button {
   position: absolute;
   top: 0px;
   right: 0px;
   width: 41px;
   height: 50px;
   background: transparent;
   color: #848484;
   line-height: 54px;
   display: block;
   text-align: center;
   border: 0px solid #e1e1e1;
   transition: all 500ms ease 0s;
 }
 .sidebar-search-box .search-form button i {
   font-size: 18px
 }
 .sidebar-search-box .search-form input[type="text"]:focus {
   color: #000;
   border-color: #337ce8;
 }
 .sidebar-search-box .search-form input[type="text"]:focus + button, .sidebar-search-box .search-form button:hover {
   color: #337ce8;
 }
 .sidebar-search-box .search-form input::-webkit-input-placeholder {
   color: #848484;
 }
 .sidebar-search-box .search-form input:-moz-placeholder {
   color: #848484;
 }
 .sidebar-search-box .search-form input::-moz-placeholder {
   color: #848484;
 }
 .sidebar-search-box .search-form input:-ms-input-placeholder {
   color: #848484;
 }
 .single-sidebar .categories-box {
   position: relative;
   display: block;
 }
 .single-sidebar .categories-box p {
   margin: -9px 0 6px;
 }
 .single-sidebar .categories {
   position: relative;
   display: block;
   overflow: hidden;
 }
 .single-sidebar .categories li {
   position: relative;
   display: block;
   padding-left: 20px;
   line-height: 43px;
 }
 .single-sidebar .categories li:before {
   position: absolute;
   top: 0;
   left: 0px;
   bottom: 0;
   width: 7px;
   height: 7px;
   margin: 18px 0;
   background: #dadde0;
   border-radius: 50%;
   content: "";
   transition: all 700ms ease 100ms;
 }
 .single-sidebar .categories li:after {
   position: absolute;
   top: 0;
   left: 0px;
   bottom: 0;
   width: 7px;
   height: 7px;
   margin: 18px 0;
   background: #d06e0d;
   border-radius: 50%;
   content: "";
   transform: scale(0);
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-sidebar .categories li:hover:after {
   transform: scale(1.0);
 }
 .single-sidebar .categories li a {
   color: #252930;
   font-size: 17px;
   font-weight: 500;
   -webkit-transition: all 0.4s linear;
   -o-transition: all 0.4s linear;
   transition: all 0.4s linear;
 }
 .single-sidebar .categories li:hover a {
   color: #d06e0d;
 }
 .single-sidebar .recent-posts {
   position: relative;
   display: block;
 }
 .single-sidebar .recent-posts li {
   position: relative;
   display: block;
   min-height: 70px;
   padding-left: 70px;
   margin-bottom: 30px;
 }
 .single-sidebar .recent-posts li:last-child {
   margin-bottom: 0;
 }
 .single-sidebar .recent-posts li .img-box {
   position: absolute;
   top: 0;
   left: 0;
   width: 70px;
   height: 70px;
   overflow: hidden;
   border-radius: 10px;
 }
 .single-sidebar .recent-posts li .img-box img {
   width: 100%;
 }
 .single-sidebar .recent-posts li .img-box .overlay-content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.90);
   border-radius: 10px;
   opacity: 0;
   transform: perspective(400px) rotate(90deg);
   transform-origin: top;
   transition: all 0.5s ease-in-out 0s;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   z-index: 2;
 }
 .single-sidebar .recent-posts li:hover .img-box .overlay-content {
   opacity: 1;
   transform: perspective(400px) rotate(0deg);
   transition: all 0.3s ease-in-out 0.3s;
 }
 .single-sidebar .recent-posts li .img-box .overlay-content a {
   color: #ffffff;
   font-size: 20px;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-sidebar .recent-posts li .title-box {
   position: relative;
   display: block;
   padding-top: 4px;
   padding-left: 15px;
   padding-bottom: 4px;
 }
 .single-sidebar .recent-posts li .title-box .date {
   color: #252930;
   font-size: 13px;
   line-height: 16px;
   font-weight: 500;
   text-transform: uppercase;
   margin: 0;
 }
 .single-sidebar .recent-posts li .title-box .date span:before {
   position: relative;
   display: inline-block;
   padding-right: 10px;
   color: #fc9a3a;
 }
 .single-sidebar .recent-posts li .title-box h4 {
   font-size: 13px;
   line-height: 20px;
   font-weight: 600;
   margin: 5px 0 0;
 }
 .single-sidebar .recent-posts li .title-box h4 a {
   color: #25283a;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .single-sidebar .recent-posts li .title-box h4 a:hover {
   color: #d06e0d;
 }
 .single-sidebar .popular-tag {
   position: relative;
   display: block;
   overflow: hidden;
   margin-left: -2.5px;
   margin-right: -2.5px;
 }
 .single-sidebar .popular-tag li {
   position: relative;
   display: inline-block;
   float: left;
   margin: 0 2.5px 5px;
 }
 .single-sidebar .popular-tag li a {
   position: relative;
   display: block;
   background: #ffffff;
   padding: 0px 16px 0px;
   border: 1px solid #e5e5e5;
   border-radius: 20px;
   color: #25283a;
   font-size: 17px;
   line-height: 48px;
   font-weight: 400;
   text-transform: capitalize;
   z-index: 1;
   transition: all 0.4s ease-in-out 0.1s;
 }
 .single-sidebar .popular-tag li a:hover {
   color: #ffffff;
   border-color: #337ce8;
   background: #337ce8;
 }
 .lightorangebg {
   background: #ffe9db;
 }
 .lightgreenbg {
   background: #ddf5eb;
 }
 .lightbluebg {
   background: #e3eefe;
 }
 .lightpurplebg {
   background: #f3defd;
 }
 .lightpinkbg {
   background: #fddbdb;
 }
 .lightorangebg h4, .lightgreenbg h4, .lightbluebg h4, .lightpurplebg h4, .lightpinkbg h4 {
   border-bottom: none;
 }
 .lightorangebg .progress .progress-bar, .lightgreenbg .progress .progress-bar, .lightbluebg .progress .progress-bar {
   border-radius: 20px;
   border: none;
 }
 .lightorangebg .progress-bars .progress, .lightgreenbg .progress-bars .progress, .lightbluebg .progress-bars .progress {
   background: #bdd0cd;
   border-radius: 20px;
 }
 .lightorangebg h4 a, .lightgreenbg h4 a, .lightbluebg h4 a, .lightpurplebg h4 a, .lightpinkbg h4 a {
   border: 1px solid #5c5c5c !important;
   color: #3f3d56 !important;
 }
 .lightorangebg h4 a i, .lightgreenbg h4 a i, .lightbluebg h4 a i, .lightpurplebg h4 a i, .lightpinkbg h4 a i {
   background: #3f3d56;
   color: #fff;
   padding: 4px;
   border-radius: 100px;
 }
 .lightpinkbg h4 > svg {
   background: #faa6a6 !important;
   color: #ec0000 !important;
 }
 .lightpurplebg h4 > i {
   background: #e1affb;
   color: #a715f0;
 }
 .lightbluebg h4 > i {
   background: #bcd5fc;
   color: #267af5;
 }
 .lightgreenbg h4 > i {
   background: #ace7cf;
   color: #12b975;
 }
 .lightorangebg h4 > i {
   background: #ffc9a7;
   color: #ff6601;
 }
 .sectionAreaTwo h4 {
   font-weight: bold;
 }
 .lineHeading.searchheading span {
   border: 2px solid #fc5124;
   color: #fc5124;
   background: #eef2f5;
   text-transform: uppercase;
 }
 .lineHeading.searchheading span:hover {
   border: 2px solid #fc5124;
   color: #fff;
   background: #fc5124 !important;
   cursor: pointer;
 }
 .whitebgBox a.lockArea, .blackbordercolor {
   border: 1px solid #5c5c5c !important;
   color: #5c5c5c !important;
   padding: 4px;
   display: inline-block;
 }
 .whitebgBox a.lockArea i, .blackbordercolor i {
   background: #5c5c5c;
   color: #fff;
   padding: 4px;
   border-radius: 100px;
 }
 .lightgreenicon {
   background: #ace7cf !important;
   color: #12b975 !important;
 }
 .lightgreyicon {
   background: #eaf0f5 !important;
   color: #a5c0d3 !important;
 }
 .lightpurpleicon {
   background: #e1affb !important;
   color: #a715f0 !important;
 }
 .lightorangeicon {
   background: #ffc9a7 !important;
   color: #ff6601 !important;
 }
 .lightpinkicon svg {
   background: #faa6a6 !important;
   color: #ec0000 !important;
 }
 ul.oddeven li {
   background: #fff;
 }
 ul.oddeven li:nth-child(odd) {
   background: #f5f5f6;
 }
 ul.oddeven li span {
   margin-top: 10px;
 }
 ul.oddeven2 li {
   background-color: rgb(50 55 65);
   color: #fff;
   border-bottom: none;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 5px;
 }
 ul.oddeven2 li:nth-child(odd) {
   background: #272c38;
   color: #fff;
 }
 ul.oddeven2 li span {
   margin-top: 5px;
   font-size: 13px;
   border-color: #adadad;
   margin-top: 0;
 }
 ul.oddeven2 li span.Text {
   text-overflow: ellipsis;
   display: -webkit-inline-box;
   -webkit-box-orient: vertical;
   line-height: normal;
   overflow: hidden;
   width: 100%;
   border: none;
   margin-top: 0;
   float: left;
   margin-left: 0;
   padding: 0;
   text-align: left;
 }
 ul.oddeven2 li span.Text:hover {
   background: transparent;
   color: unset;
   cursor: unset;
 }
 ul.oddeven li span:hover, ul.oddeven2 li span:hover {
   background: #5c5c5c;
   color: #fff;
   cursor: pointer;
 }
 #myTabContent table.trendingTable.table-striped td {
   border: none;
 }
 @keyframes chartjs-render-animation {
   from {
     opacity: .99
   }
   to {
     opacity: 1
   }
 }
 .chartjs-render-monitor {
   animation: chartjs-render-animation 1ms
 }
 .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
   position: absolute;
   direction: ltr;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   pointer-events: none;
   visibility: hidden;
   z-index: -1
 }
 .chartjs-size-monitor-expand > div {
   position: absolute;
   width: 1000000px;
   height: 1000000px;
   left: 0;
   top: 0
 }
 .chartjs-size-monitor-shrink > div {
   position: absolute;
   width: 200%;
   height: 200%;
   left: 0;
   top: 0
 }
 .progress-bar-vertical {
   min-height: 168px;
   display: flex;
   align-items: flex-end;
   background: #c9f0de;
 }
 .verticalBarDiv h4 {
   font-size: 10px;
   font-weight: 600;
   margin-top: 10px;
   text-align: center;
   margin-bottom: 0;
 }
 .progress-bar-vertical .progress-bar {
   width: 100%;
   height: 0;
   -webkit-transition: height 1s ease;
   -o-transition: height 1s ease;
   transition: height 1s ease;
 }
 .progress-bar-vertical .progress-bar.progress-bar-success {
   background: #10ca93;
   border-radius: 10px 10px 0 0;
 }
 .progress-bar-vertical .progress-bar.progress-bar-success span.sr-only {
   position: relative;
   width: 100%;
   height: unset;
 }
 .circularprogressbar {
   display: grid;
   grid-template-columns: repeat(1, 160px);
   grid-gap: 80px;
   margin: auto 0;
 }
 .circularprogressbar1 {
   display: grid;
   grid-template-columns: repeat(1, 130px);
   grid-gap: 20px 55px;
   margin: auto 0;
 }
 @media (min-width: 420px) and (max-width: 659px) {
   .circularprogressbar, .circularprogressbar1 {
     grid-template-columns: repeat(2, 160px);
   }
 }
 @media (min-width: 660px) and (max-width: 899px) {
   .circularprogressbar {
     grid-template-columns: repeat(3, 160px);
   }
   .circularprogressbar1 {
     grid-template-columns: repeat(2, 160px);
   }
 }
 @media (min-width: 900px) {
   .circularprogressbar {
     grid-template-columns: repeat(4, 130px);
   }
   .circularprogressbar1 {
     grid-template-columns: repeat(2, 130px);
   }
 }
 .circularprogressbar .boxss, .circularprogressbar1 .boxss {
   width: 100%;
 }
 .circularprogressbar .boxss h2, .circularprogressbar1 .boxss h2 {
   display: block;
   text-align: center;
   color: #fff;
   font-size: 14px;
   margin-top: 16px;
   font-weight: 600;
 }
 .circularprogressbar1 .boxss h2 {
   font-size: 12px;
   margin-top: 10px;
 }
 .circularprogressbar .boxss .chartcircular {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   font-size: 26px;
   line-height: 128px;
   height: 130px;
   color: #000;
 }
 .circularprogressbar1 .boxss .chartcircular {
   position: relative;
   /*width: 80%;
   height: 80%;*/
   text-align: center;
   font-size: 26px;
   line-height: 110px;
   height: 110px;
   width: 110px;
   color: #000;
 }
 .circularprogressbar .boxss canvas, .circularprogressbar1 .boxss canvas {
   position: absolute;
   top: 0;
   left: 0;
   width: 100% !important;
   height: 100% !important;
 }
 .progressyellow span {
   background: #ffc304;
   border-radius: 100px;
   width: 45px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .progressgreen span {
   background: #11ba74;
   border-radius: 100px;
   width: 45px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .progressred span {
   background: #eb0000;
   border-radius: 100px;
   width: 45px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .progressblack span {
   background: #3f3d55;
   border-radius: 100px;
   width: 45px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .progressblue span {
   background: #f98b36;
   border-radius: 100px;
   width: 45px;
   height: 45px;
   display: inline-block;
   line-height: 45px;
   font-size: 16px;
   font-weight: 500;
   color: #fff;
 }
 .InsightsSectionArea .InsightsArea .circularprogressbar .boxss span {
   width: 55px;
   height: 55px;
   line-height: 59px;
   font-size: 13px;
 }
 .progressblue span.stylingnone, .progressblack span.stylingnone, .progressred span.stylingnone, .progressgreen span.stylingnone, .progressyellow span.stylingnone {
   background: transparent;
   color: #fc8e37;
 }
 .sectionAreaTwo .boxColArea h4 a:hover, a.lockArea:hover {
   border: 1px solid #16ba77 !important;
   color: #fff !important;
   background: #16ba77;
 }
 .sectionAreaTwo .boxColArea h4 a:hover i, a.lockArea:hover i {
   color: #16ba77 !important;
   background: #fff;
 }
 .chartAreaRt {
   border: 1px solid #dcdcdc;
   padding: 15px;
 }
 .rankingAreaPanel {
   background: #fff;
   padding: 15px 5px 10px 5px;
   border-radius: 10px;
   width: 90%;
   margin: auto;
   margin-top: -5px;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   font-size: 15px;
 }
 .rankingAreaPanel i {
   font-size: 18px;
 }
 .paginationSect nav {
   margin: auto;
 }
 .affiliateArea {
   background: #12b975;
   color: #fff;
   display: inline-block;
   width: 100%;
   min-height: 84px;
 }
 .affiliateArea:hover {
   background: #3f3d56;
   color: #fff;
 }
 .affiliateArea a {
   color: #fff;
 }
 .affiliateArea i, .affiliateArea a i {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   background: #fff;
   color: #12b975;
   font-size: 25px;
   line-height: 44px;
   transition: all 500ms ease;
   border: 2px solid #fff;
   text-align: center;
   display: inline-block;
   float: left;
   margin-right: 15px;
 }
 .affiliateArea h6 {
   font-size: 25px;
   margin-bottom: 0px !important;
 }
 .affiliateArea h5 {
   margin-bottom: 0px !important;
   line-height: 25px;
 }
 .lockclass {
   position: relative;
 }
 .lockclass .newsTablePanel, .lockclass h2, .lockclass .chartContainer-8, .lockclass .chartContainer-9, .lockclass .chartContainer-10, .lockclass .chartContainer-11, .lockclass .chartContainer-12, .lockclass .chartContainer-13, .lockclass .chartContainer-16, .lockclass .circularprogressbar .boxss span {
   filter: blur(8px);
   -webkit-filter: blur(8px);
   -moz-filter: blur(8px);
   -o-filter: blur(8px);
   -ms-filter: blur(8px);
 }
 .lockclass:after {
   width: 100%;
   height: 100%;
   position: absolute;
   background-color: rgba(18, 15, 43, .70);
   background-image: url('../images/lock.png');
   background-repeat: no-repeat;
   background-position: center;
   content: '';
   left: 0;
   top: 0;
   text-align: center;
   font-size: 50px;
   color: #fff;
   border-radius: 15px;
   z-index: 9;
 }
 .rankingAreaPanel.lockclass:after {
   background-size: 10%;
 }
 .termsPanel {
   font-size: 12px;
   position: relative;
 }
 .affiliateFormArea label.error {
   position: absolute;
   text-align: left;
   top: -23px;
   left: 17px;
   font-size: 12px;
 }
 .termsPanel input[type=checkbox] {
   font-size: 12px;
   display: inline-block;
   margin-right: 3px;
 }
 .sectionAreaTwo .boxColArea .trendingTable .viralVideoArea .postVideo, .sectionAreaTwo .boxColArea .trendingTable .viralVideoArea .postVideo img {
   height: auto;
 }
 .sectionAreaTwo .boxColArea .trendingTable p {
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   line-height: normal;
   overflow: hidden;
 }
 .sectionAreaTwo .boxColArea .trendingTable strong {
   font-weight: 600;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   line-height: normal;
   overflow: hidden;
 }
 .sectionAreaTwo .boxColArea .trendingTable strong a, .sectionAreaTwo .boxColArea .trendingTable p a {
   color: #000
 }
 .sectionAreaTwo .boxColArea .trendingTable strong a:hover, .sectionAreaTwo .boxColArea .trendingTable p a:hover {
   color: #16ba77
 }
 .sectionAreaTwo .boxColArea .trendingTable .viralVideoArea p {
   font-weight: 600;
 }
 .sectionAreaTwo .card.panel-default.googleSearch .trendImgBox {
   margin-right: 20px
 }
 .sectionAreaTwo .card.panel-default.googleSearch .trendImgBox img {
   width: 60px;
   border: 1px solid #ccc;
   padding: 3px;
   margin-left: 10px;
 }
 .sectionAreaTwo .card.panel-default.googleSearch h3 {
   margin-bottom: 0;
   margin-top: 10px;
 }
 .sectionAreaTwo .card.panel-default.googleSearch h3 a, .sectionAreaTwo .card.panel-default.googleSearch a {
   color: #000;
 }
 .sectionAreaTwo .card.panel-default.googleSearch h3 a:hover, .sectionAreaTwo .card.panel-default.googleSearch a:hover {
   color: #e77719;
 }
 .sectionAreaTwo .card.panel-default.googleSearch .col-2.no-padding.accordion-head.pastBoxPanel img {
   width: 90px;
   float: left;
 }
 .sectionAreaTwo .card.panel-default.googleSearch .trendImgBox .conNo {
   width: 35px;
   height: 35px;
   position: absolute;
   background: #fff;
   border-radius: 50%;
   text-align: center;
   font-size: 15px;
   font-weight: 700;
   border: 1px solid #e0e0e0;
   line-height: 32px;
   left: -12px;
   top: -18px;
 }
 .coverageReportPanel {}
 .coverageReportPanel h6 {
   color: #fff;
   font-size: 20px;
   padding: 10px 20px;
   border-radius: 50px;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   display: table;
   margin: auto;
   margin-top: -37px;
 }
 .coverageReportPanel .coverageReportArea {}
 .coverageReportPanel .coverageReportArea .coverageClientPanel {
   width: 100%;
   border: 1px solid rgb(232, 233, 234);
   border-radius: 10px;
   overflow: hidden;
   position: relative;
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
 }
 .coverageReportPanel .coverageReportArea .coverageClientPanel a {
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 9;
   text-align: center;
   font-size: 25px;
   color: #fff;
   line-height: 90px;
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
   opacity: 0;
   visibility: hidden;
 }
 .coverageReportPanel .coverageReportArea .coverageClientPanel:after {
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
   background: linear-gradient(135deg, rgba(255, 88, 88, .85), rgba(240, 152, 25, .85));
   position: absolute;
   content: '';
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transform: scale(.6, .6);
   -moz-transform: scale(.6, .6);
   -ms-transform: scale(.6, .6);
   -o-transform: scale(.6, .6);
   -webkit-transform: scale(.6, .6);
 }
 .coverageReportPanel .coverageReportArea .coverageClientPanel:hover:after {
   opacity: 100;
   visibility: visible;
   transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
 }
 .coverageReportPanel .coverageReportArea .coverageClientPanel:hover a {
   opacity: 100;
   visibility: visible;
   border: 0px solid rgb(232, 233, 234);
 }
 form#search_form ul.ui-autocomplete {
   text-align: left;
   padding-bottom: 0;
 }
 form#search_form ul.ui-autocomplete li a {
   color: #000;
 }
 .sectionAreaTwo .sentimentprBox ul li.reachBlock.border-0 span {
   width: 40px;
   height: 16px;
   border-radius: 0;
   float: left;
   margin-right: 5px;
 }
 .sectionAreaTwo .sentimentprBox ul li.reachBlock.border-0 span.purple {
   background: #a919f0;
 }
 .sectionAreaTwo .sentimentprBox ul li.reachBlock.border-0 span.blue {
   background: #3e88f6;
 }
 .sectionAreaTwo .sentimentprBox ul li.reachBlock.border-0 span.orange {
   background: #ff6501;
 }
 .sectionAreaTwo .sentimentprBox ul li.reachBlock.border-0 {
   display: flex;
   font-size: 12px !important;
   line-height: normal !important;
   margin-bottom: 12px;
   font-weight: 600;
   align-items: center;
 }
 .CustomscrollingBar {
   height: 150px;
   overflow-y: auto;
 }
 .CustomscrollingBar::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
 }
 .CustomscrollingBar::-webkit-scrollbar {
   width: 8px;
   background-color: #F5F5F5;
 }
 .CustomscrollingBar::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #3f3d56;
 }
 .googleSearch .sorting:after {
   top: 19px;
 }
 .pressSection {
   padding: 10px;
   webkit-box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   box-shadow: 0px 7px 14px 2px rgba(51, 124, 232, 0.1);
   border-radius: 20px;
   background: #fff;
   height: 100%
 }
 .pressSection .pressSectionImg {
   text-align: center;
   padding: 5px;
   border: 1px solid #e9e9e9;
   margin-bottom: 10px;
   position: relative;
   border-radius: 20px;
   overflow: hidden;
 }
 .pressSection .pressSectionImg:after {
   -webkit-transition: all .25s ease;
   -o-transition: all .25s ease;
   -moz-transition: all .25s ease;
   transition: all .25s ease;
   background: linear-gradient(135deg, rgba(255, 88, 88, .85), rgba(240, 152, 25, .85));
   position: absolute;
   content: '\f0c1';
   font-family: "Font Awesome 5 Free";
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   opacity: 0;
   visibility: hidden;
   transform: scale(.6, .6);
   -moz-transform: scale(.6, .6);
   -ms-transform: scale(.6, .6);
   -o-transform: scale(.6, .6);
   -webkit-transform: scale(.6, .6);
 }
 .pressSection:hover .pressSectionImg:after {
   opacity: 100;
   visibility: visible;
   transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   -webkit-transform: scale(1, 1);
 }
 .pressSection .pressSectionImg img {
   width: 100%;
   border-radius: 20px;
   height: 150px;
 }
 .pressSection .pressSectionImg i {
   font-size: 45px;
   color: #fff;
   z-index: 9;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -24px;
   margin-top: -26px;
   opacity: 0;
   visibility: hidden;
 }
 .pressSection:hover .pressSectionImg i {
   opacity: 100;
   visibility: visible;
 }
 .pressSection a h3 {
   font-size: 12px;
   padding: 5px 10px;
   margin: 0;
   color: #333;
   font-weight: 700;
 }
 .pressSection a h3 i {
   color: #fc5124
 }
 .pressSection a h2 {
   font-size: 14px;
   padding: 5px 10px;
   margin: 0;
   color: #333;
   font-weight: 700;
 }
 .pressSection a p {
   padding: 5px 10px;
   font-size: 12px;
   margin: 0;
   color: #333;
   line-height: 18px;
 }
 .news_DetailPage {
   background: #eff3f6;
   width: 100%;
   padding: 50px 0;
   position: relative;
 }
 .news_DetailPage .whiteBoXX {
   background: #fff;
   padding: 20px;
 }
 .news_DetailPage .single_News h2 {
   font-size: 30px;
   color: #232323;
   font-weight: 700;
   margin-bottom: 15px;
 }
 .news_DetailPage .single_News h5 {
   font-size: 18px;
   letter-spacing: 0.6px;
   font-style: italic;
   color: #232323;
   line-height: normal;
   margin-bottom: 10px;
 }
 .news_DetailPage .single_News .shareArea {
   margin: 20px 0 30px;
 }
 .news_DetailPage .single_News .shareArea span {
   font-weight: 700;
 }
 .news_DetailPage .single_News .shareArea a {
   width: 32px;
   height: 32px;
   display: inline-block;
   text-align: center;
   line-height: 32px;
   color: #fff;
   transition: all .2s ease-in-out;
 }
 .news_DetailPage .single_News .shareArea a:hover {
   transform: translateY(-4px);
   outline-offset: -1px;
 }
 .news_DetailPage .single_News .shareArea a.facebook {
   background: #3b5998
 }
 .news_DetailPage .single_News .shareArea a.twitter {
   background: #1da1f2
 }
 .news_DetailPage .single_News .shareArea a.linkedin {
   background: #0077b5
 }
 .news_DetailPage .single_News .meta-date {
   display: flex;
   margin: 20px 0;
   border-bottom: 1px solid #ccc;
   padding-bottom: 10px;
   display: -ms-flexbox;
 }
 .news_DetailPage .single_News .meta-date span.date {
   font-size: 30px;
   font-weight: 700;
   color: #000;
   margin-right: 8px;
   margin-top: 2px;
   margin-bottom: 0;
 }
 .news_DetailPage .single_News .meta-date .monthAuthor span {
   font-size: 12px;
 }
 .news_DetailPage .single_News .meta-date span.month {
   display: block;
   font-weight: 600;
   line-height: 10px;
 }
 .news_DetailPage .single_News .meta-date span.author {
   font-weight: 600;
 }
 .tag-cloud {
   margin-top: 20px;
 }
 .tag-cloud p {
   font-size: 20px;
 }
 .tag-cloud .taganchor a {
   display: inline-block;
   font-size: 14px;
   line-height: 28px;
   margin: 0 4px 7px 0;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   padding: 0 10px 2px;
   border-radius: 2px;
   -moz-border-radius: 2px;
   box-shadow: inset 0 -3px 0 rgba(0, 0, 0);
 }
 .tag-cloud .taganchor a:hover {
   background: linear-gradient(95deg, #fb9d3b, #fc5525);
 }
 .Sidebar_widget {
   display: block;
 }
 .Sidebar_widget h3 {
   display: block;
   padding: 10px 15px;
   color: #fff;
   background: #5d5d5d;
   font-size: 18px;
   font-weight: 600;
   margin-bottom: 20px;
 }
 .Sidebar_widget .w-news-list .items {
   display: block;
   margin-bottom: 17px;
   padding-bottom: 17px;
   border-bottom: 1px solid #e7e7e7;
 }
 .Sidebar_widget .w-news-list .items:last-child {
   border-bottom: none;
   margin-bottom: 0;
   padding-bottom: 0;
 }
 .Sidebar_widget .w-news-list .items .items-image {
   display: block;
   float: left;
   width: 96px;
   height: 63px;
   overflow: hidden;
 }
 .Sidebar_widget .items-image img {
   display: block;
   width: 100%;
   height: 100%;
   -webkit-transition: all .7s ease;
   -moz-transition: all .7s ease;
   -o-transition: all .7s ease;
   -ms-transition: all .7s ease;
   transition: all .7s ease;
 }
 .Sidebar_widget .items-image:hover img {
   -webkit-transform: scale(1.2) rotate(5deg);
   -moz-transform: scale(1.2) rotate(5deg);
   -ms-transform: scale(1.2) rotate(5deg);
   -o-transform: scale(1.2) rotate(5deg);
   transform: scale(1.2) rotate(5deg);
 }
 .Sidebar_widget .w-news-list .items .items-content {
   display: block;
   margin-left: 106px;
 }
 .Sidebar_widget .w-news-list .items .items-content h4 {
   display: block;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 0px;
   color: #353535;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 .Sidebar_widget .w-news-list .items .items-content h4 a {
   color: #000;
 }
 .Sidebar_widget .w-news-list .items .items-content h4 a:hover {
   color: #f5822f;
 }
 .Sidebar_widget .sidebar-search-box .search-form input[type="text"] {
   height: 45px;
   border-radius: 0;
   border: 1px solid #ccc;
   color: #000;
   margin-bottom: 0;
   font-size: 15px;
 }
 .Sidebar_widget .sidebar-search-box .search-form button {
   height: 45px;
   line-height: 45px;
   color: #fff;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
 }
 .Sidebar_widget .sidebar-search-box .search-form button:hover {
   background: linear-gradient(95deg, #fb9d3b, #fc5525);
 }
 .Sidebar_widget .sidebar-search-box .search-form input[type="text"]:focus + button, .Sidebar_widget .sidebar-search-box .search-form button:hover {
   color: #fff;
 }
 .Sidebar_widget .categoriess {
   margin-bottom: 0
 }
 .Sidebar_widget .categoriess li {
   list-style-type: none;
   margin-bottom: 5px;
   display: inline-block;
 }
 .Sidebar_widget .categoriess li a {
   color: #000;
   background: #e2e2e2;
   display: inline-block;
   padding: 5px 15px;
 }
 .Sidebar_widget .categoriess li a:hover {
   color: #fff;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
 }
 @media (max-width: 480px) {
   .news_DetailPage .single_News h2 {
     font-size: 24px;
   }
   .news_DetailPage .single_News h5 {
     font-size: 15px;
   }
 }
 @media (max-width: 320px) {
   .news_DetailPage .single_News h2 {
     font-size: 20px;
   }
   .news_DetailPage .single_News h5 {
     font-size: 14px;
   }
   .date {
     font-size: 13px;
   }
 }
 .newsTablePanel {
   margin: -15px;
 }
 table.newsTableBox {
   color: #fff;
 }
 table.newsTableBox thead tr th {
   background-color: rgb(252 140 54);
   color: #fff;
   text-align: left;
   font-weight: 600;
   font-size: 14px;
   padding: 5px 10px;
   border: 0;
   position: relative;
   white-space: pre-line;
 }
 table.newsTableBox tbody tr:nth-child(even) {
   background-color: rgb(39 44 56);
 }
 table.newsTableBox tbody tr td {
   font-size: 12px;
   line-height: 22px;
   padding: 5px 10px;
   border-top: 1px solid #484c55;
   border-bottom: 1px solid #484c55
 }
 table.newsTableBox tbody tr td a {
   color: #fff;
   font-weight: 600;
 }
 table.newsTableBox tbody tr td img {
   width: 50px;
   height: 50px;
   border-radius: 50%;
 }
 table.newsTableBox tbody tr td p {
   font-size: 13px;
   font-weight: 400;
   color: #afafaf;
   line-height: 20px;
 }
 .newsTablePanel td a, .newsTablePanel td p {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .toolHover {
   position: relative;
 }
 .toolHover .tooltipSt-1 {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   -moz-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   -o-transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
   width: 130px;
   top: -22px;
   font-size: 12px;
   border-radius: 7px;
   padding: 1px 7px;
   background: #1F1F1F;
   color: #fff;
   text-align: center;
   display: inline-block;
   visibility: hidden;
   transition: ease-in-out .2s;
   -moz-transition: ease-in-out 2s;
   -ms-transition: ease-in-out .2s;
   -o-transition: ease-in-out .2s;
   -webkit-transition: ease-in-out .2s;
   opacity: 0;
 }
 .toolHover:hover .tooltipSt-1 {
   visibility: visible;
   top: -32px;
   opacity: 100;
 }
 .addSocialMediaArea {
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
   background: #fff;
   padding: 25px;
   border-radius: 0 0 30px 30px;
   width: 95%;
   margin: auto;
 }
 .addSocialMediaArea p {
   margin-bottom: 5px;
   font-weight: 600;
 }
 .addSocialMediaArea p i {
   color: #fc9a3a;
   margin-right: 5px;
 }
 .addSocialMediaArea .search_input {
   background: #fff;
   border: 1px solid #B2B2B2;
   padding: 5px 10px;
   border-radius: 10px;
   font-size: 13px;
 }
 .blogSlederArea {
   position: relative;
 }
 .blogSlederArea img {
   width: 100%;
   height: 400px;
 }
 .eltdPostDetail {
   border-radius: 0 30px 30px 0;
   box-shadow: 1px 2px 15px #1a1d24;
 }
 .eltdPostSection {
   position: relative;
   color: #fff;
 }
 .eltdPostSection .shareArea {
   position: fixed;
   left: -45px;
   text-align: center;
   top: 40%;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
 }
 .eltdPostSection .shareArea.active {
   left: 0px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -o-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
 }
 .eltdPostSection .shareArea .shareAreaBtn {
   padding: 5px 9px;
   border-radius: 0 5px 5px 0;
   cursor: pointer;
   font-size: 17px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
   position: absolute;
   left: 45px;
   top: 0px;
 }
 .eltdPostSection .shareArea .shareAreaBtn:hover, .eltdPostSection .shareArea.active .shareAreaBtn {
   background: #3f3d56;
 }
 .eltdPostSection .shareArea.active .shareAreaBtn:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .eltdPostSection .shareArea .shareAreaPanel {
   background: #fff;
   padding: 4px 0;
   box-shadow: 0 1px 32px rgba(21, 25, 30, .09);
 }
 .eltdPostSection .shareArea span {
   font-size: 12px;
   color: #333;
 }
 .eltdPostSection .shareArea a, .SocialAreaBottom a {
   width: 35px;
   height: 35px;
   background-color: #fff;
   text-align: center;
   color: #FFF;
   padding: 5px 0 0 0;
   margin: 5px;
   display: block;
   border-radius: 50%;
   position: relative;
   overflow: hidden;
   border: none;
   z-index: 1;
 }
 .eltdPostSection .shareArea.shareHomeArea a {
   width: 30px;
   height: 30px;
   padding: 3px 0 0 0;
 }
 .eltdPostSection .shareArea a.facebook, .SocialAreaBottom a.facebook {
   background: #215595;
 }
 .eltdPostSection .shareArea a.twitter, .SocialAreaBottom a.twitter {
   background: #4da6e9;
 }
 .eltdPostSection .shareArea a.reddit, .SocialAreaBottom a.reddit {
   background: #f75834;
 }
 .eltdPostSection .shareArea a.linkedin, .SocialAreaBottom a.linkedin {
   background: #0097cf;
 }
 .eltdPostSection .shareArea a.whatsapp, .SocialAreaBottom a.whatsapp {
   background: #2a9e14;
   font-size: 20px;
 }
 .eltdPostSection .shareArea a.envelope, .SocialAreaBottom a.envelope {
   background: #183153;
   font-size: 20px;
 }
 .eltdPostSection .shareArea a:hover, .SocialAreaBottom a:hover {
   background: #fc5124;
   color: #fff;
 }
 .eltdPostSection .shareAreaNew {
   position: fixed;
   left: 5px;
   text-align: center;
   top: 40%;
   border: 1px solid #ccc;
   border-bottom: 0;
 }
 .eltdPostSection .shareAreaNew a {
   border-bottom: 1px solid #ccc;
   padding: 5px 6px;
   display: block;
   font-size: 18px;
   color: #333;
   background: #fff;
 }
 .eltdPostSection .shareAreaNew a.more {
   font-size: 11px;
   text-transform: uppercase;
   color: #8a8989;
   font-weight: 500;
 }
 .eltdPostSection .shareAreaNew a.facebook:hover {
   background: #215595;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.twitter:hover {
   background: #4da6e9;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.reddit:hover {
   background: #f75834;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.linkedin:hover {
   background: #0097cf;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.whatsapp:hover {
   background: #2a9e14;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.envelope:hover {
   background: #183153;
   color: #FFF;
 }
 .eltdPostSection .shareAreaNew a.more + div {
   display: none;
 }
 .eltdPostSection .shareAreaNew a.more:hover + div, .eltdPostSection .shareAreaNew a.more + div:hover {
   display: block;
 }
 .blogHolderArea {
   background-color: #323741;
   padding-bottom: 20px;
   margin-bottom: 40px;
 }
 .blogHolderArea.eltdPostDetail {
   background-color: #3b414c;
 }
 .blogHolderArea .nav.nav-tabs .nav-item {
   margin-right: 5px;
 }
 .blogHolderArea .nav.nav-tabs .nav-link {
   font-size: 12px;
   padding: 5px 12px;
 }
 .SocialAreaBottom a {
   display: inline-block;
   margin: 0;
   margin-right: 3px;
   margin-top: -9px;
 }
 .SocialAreaBottom a i {
   color: #fff !important;
 }
 .blogHolderArea .date-box {
   position: absolute;
   left: 30px;
   bottom: 30px;
   width: 100px;
   height: 100px;
   border-radius: 15px;
   text-align: center;
   padding: 27px 0;
   z-index: 1;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
 }
 .blogHolderArea .date-box h2 {
   font-size: 34px;
   line-height: 22px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: normal;
   color: #fff;
   letter-spacing: normal;
   padding: 0;
 }
 .blogHolderArea .date-box h2 span {
   font-size: 16px;
 }
 .blogHolderArea .postImgBox img {
   width: 100%;
   border-radius: 30px;
 }
 .blogHolderArea .blogImgPost img {
   width: 100%;
 }
 .blogHolderArea .blogSlederArea img {
   width: 100%;
   border-radius: 30px;
 }
 .blogHolderArea .blogSlederArea .owl-nav {
   position: absolute;
   top: 50%;
   margin-top: -50px;
   width: 100%;
 }
 .blogHolderArea .blogSlederArea .owl-nav button {
   position: absolute;
   width: 40px;
   height: 40px;
   background: #fff;
   font-size: 25px;
 }
 .blogHolderArea .blogSlederArea .owl-nav button:hover {
   font-size: 25px;
   color: #fff;
   background: #fc9a3a;
 }
 .blogHolderArea .blogSlederArea .owl-nav button.owl-prev {
   left: 0;
 }
 .blogHolderArea .blogSlederArea .owl-nav button.owl-next {
   right: 0;
 }
 .eltdBlogHolder .relatedPostArea .owl-nav {
   position: absolute;
   top: -50px;
   width: 100%;
 }
 .eltdBlogHolder .relatedPostArea .owl-nav button {
   position: absolute;
   width: 25px;
   height: 25px;
   font-size: 13px;
   background: #3b414c;
   border: 1px solid #e8e8e8;
   line-height: 25px;
 }
 .eltdBlogHolder .relatedPostArea .owl-nav button:hover {
   font-size: 13px;
   color: #fff;
   background: #fc9a3a;
 }
 .eltdBlogHolder .relatedPostArea .owl-nav button.owl-prev {
   right: 33px;
 }
 .eltdBlogHolder .relatedPostArea .owl-nav button.owl-next {
   right: 0;
 }
 .blogHolderArea .eltdPostSection {
   padding: 34px 15px 12px 25px;
 }
 .blogHolderArea .eltdPostSection p a img {
   width: 100%;
 }
 .blogHolderArea .eltdPostSection .recent-posts {
   position: relative;
   display: block;
 }
 .blogHolderArea .eltdPostSection .recent-posts li {
   position: relative;
   display: block;
   min-height: 70px;
   padding-left: 70px;
   margin-bottom: 30px;
 }
 .blogHolderArea .eltdPostSection .recent-posts li:last-child {
   margin-bottom: 0;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .img-box {
   position: absolute;
   top: 0;
   left: 0;
   width: 70px;
   height: 70px;
   overflow: hidden;
   border-radius: 10px;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .img-box img {
   width: 100%;
   height: 72px;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .img-box .overlay-content {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 100%;
   background: rgba(0, 0, 0, 0.90);
   border-radius: 10px;
   opacity: 0;
   transform: perspective(400px) rotate(90deg);
   transform-origin: top;
   transition: all 0.5s ease-in-out 0s;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   z-index: 2;
 }
 .blogHolderArea .eltdPostSection .recent-posts li:hover .img-box .overlay-content {
   opacity: 1;
   transform: perspective(400px) rotate(0deg);
   transition: all 0.3s ease-in-out 0.3s;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .img-box .overlay-content a {
   color: #ffffff;
   font-size: 20px;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box {
   position: relative;
   display: block;
   padding-top: 0px;
   padding-left: 15px;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box .date {
   color: #d58442;
   font-size: 13px;
   line-height: 16px;
   font-weight: 500;
   text-transform: uppercase;
   margin: 0;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box .date span:before {
   position: relative;
   display: inline-block;
   padding-right: 10px;
   color: #fc9a3a;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box h6 {
   font-size: 12px;
   line-height: 16px;
   font-weight: 600;
   margin: 5px 0 0;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box h6 a {
   color: #fff;
   transition: all 200ms linear;
   transition-delay: 0.1s;
 }
 .blogHolderArea .eltdPostSection .recent-posts li .title-box h6 a:hover {
   color: #d58442;
 }
 .blogHolderArea .eltdPostSection ul.highlghtsWdgt li {
   width: 100%;
   position: relative;
   font-size: 13px;
   font-weight: 500;
   line-height: 1.36;
   margin-bottom: 15px;
   list-style: none;
   padding-left: 15px;
 }
 .blogHolderArea .eltdPostSection ul.highlghtsWdgt li:after {
   width: 7px;
   height: 7px;
   position: absolute;
   content: '';
   background: #B9B9B9;
   left: 0;
   top: 5px;
   border-radius: 50%;
 }
 .blogHolderArea .eltdPostSection ul.highlghtsWdgt li a {
   color: #fff;
   display: block;
 }
 .blogHolderArea .eltdPostSection ul.highlghtsWdgt li a:hover {
   color: #fc5124;
 }
 .blogPostIcon {
   color: #fff;
 }
 .blogPostIcon i {
   color: #fc9a3a;
 }
 .blogHolderArea .eltdPostSection .eltdCategory {
   color: #d58442;
   font-size: 10px;
   letter-spacing: 1px;
   font-weight: 700;
   text-transform: uppercase;
 }
 .blogHolderArea .eltdPostSection h2 {
   color: #d58442;
   text-transform: uppercase;
   letter-spacing: 0;
   font-family: Oswald, sans-serif;
   margin: 15px 0 25px 0 !important;
   padding: 0;
   font-size: 25px;
   line-height: 35px;
 }
 .blogHolderArea .eltdPostSection a h2:hover {
   color: #da7817;
 }
 .blogHolderArea .eltdPostSection p, .blogHolderArea .eltdPostSection p span {
   font-size: 14px !important;
   line-height: 23px !important;
   color: #fff;
   font-family: 'Montserrat', sans-serif !important;
   color: ##252424 !important;
   font-weight: 500;
   overflow-x: hidden !important;
   -webkit-font-smoothing: antialiased;
 }
 .blogHolderArea .eltdPostSection h4 {
   font-size: 16px;
   position: relative;
   padding-left: 0;
   line-height: 24px;
   color: #d58442;
   margin-bottom: 20px;
   font-family: Oswald, sans-serif;
 }
 .blogHolderArea .eltdPostSection h4:after {
   width: 8px;
   background: #f1f1f2;
   left: -30px;
   top: 0;
   position: absolute;
   content: '';
   height: 100%;
 }
 .line-bottom {
   border-bottom: 1px solid #3b414d;
 }
 .blogHolderArea .blogPostIcon a i {
   color: #333;
 }
 .blogHolderArea .eltd-tags {
   margin-bottom: 20px;
 }
 .blogHolderArea .eltd-tags a {
   display: inline-block;
   font-size: 13px;
   text-transform: capitalize;
   background-color: transparent;
   padding: 4px 5px;
   color: #fff;
   letter-spacing: 0;
   border: 1px solid #5c5a5a;
   font-family: Oswald, sans-serif;
   line-height: 16px;
   margin-right: 10px;
   word-break: break-all;
 }
 .blogHolderArea .eltd-tags a:hover {
   background: #fc9a3a;
   color: #fff;
 }
 .blogHolderArea .widget_search {
   margin: 20px 0 25px;
   text-align: left;
 }
 .blogHolderArea .widget_search form {
   width: 100%;
   display: inline-block;
   background-color: #3b414c;
   box-sizing: border-box;
   margin-top: 15px;
   border: 1px solid #5e5e5e;
   border-radius: 5px;
 }
 .blogHolderArea .widget_search form input[type="text"] {
   display: inline-block;
   height: 42px;
   line-height: 42px;
   width: calc(100% - 42px);
   float: right;
   text-decoration: none;
   color: #909090;
   background-color: transparent;
   margin: 0;
   outline: 0;
   border: 0;
   font-size: 12px;
   box-sizing: border-box;
 }
 .blogHolderArea .widget_search form button[type="submit"] {
   width: 42px;
   height: 42px;
   line-height: 42px;
   font-size: 12px;
   display: inline-block;
   text-align: center;
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   transform: rotate(90deg);
   margin: 0;
   padding: 0;
   outline: 0;
   border: 0;
   text-decoration: none;
   background-color: #3b414c;
   color: #fff;
   font-family: FontAwesome;
   cursor: pointer;
   white-space: nowrap;
   float: left;
   -webkit-transition: all .2s ease-out;
   -moz-transition: all .2s ease-out;
   transition: all .2s ease-out;
 }
 .blogHolderArea .side_cat li {
   padding: 6px 0;
   text-align: left;
   position: relative;
   line-height: 22px;
   font-size: 14px;
   font-weight: 400;
   color: #8c8c8c;
   list-style: none;
   border-top: 1px solid #2d323d;
 }
 .blogHolderArea .side_cat li:nth-child(1) {
   border-top: none;
 }
 .blogHolderArea .side_cat li a {
   font-size: 14px;
   text-transform: capitalize;
   font-weight: 400;
   font-family: Oswald, sans-serif;
   color: #fff;
   display: inline-block;
 }
 .blogHolderArea .side_cat li a:hover {
   color: #d58442;
 }
 .eltd-related-posts-title h5 {
   font-family: Oswald, sans-serif;
   color: #fff;
   font-size: 16px;
   letter-spacing: 0;
   font-weight: 400;
   text-transform: uppercase;
 }
.blogdetail-comments {
    padding: 40px 0;
}
 .blogdetail-comments #fbcomment {
   border: 1px solid #838383;
   border-radius: 3px;
 }
 .blogdetail-comments .header_comment {
   font-size: 14px;
   overflow: hidden;
   border-bottom: 1px solid #3b414d;
   line-height: 25px;
   margin-bottom: 24px;
   padding: 10px 0;
 }
 .blogdetail-comments .sort_title {
   color: #ffffff;
 }
 .blogdetail-comments .avatar_comment.col-md-1 {
   padding: 0 !important;
 }
 .blogdetail-comments .pull-left {
   float: left;
 }
 .blogdetail-comments .pull-right {
   float: right;
 }
 .blogdetail-comments input[type=checkbox]:not(old) {
   display: inline-block;
 }
 .blogdetail-comments .sort_by {
   background-color: #f5f6f7;
   color: #4b4f56;
   line-height: 22px;
   cursor: pointer;
   vertical-align: top;
   font-size: 12px;
   font-weight: bold;
   vertical-align: middle;
   padding: 4px;
   justify-content: center;
   border-radius: 2px;
   border: 1px solid #ccd0d5;
   width: unset;
   display: unset;
   margin-bottom: 0;
 }
 .blogdetail-comments .count_comment {
   font-weight: 600;
 }
 .blogdetail-comments .body_comment {
   padding: 0 8px;
   font-size: 14px;
   display: block;
   line-height: 25px;
   word-break: break-word;
 }
 .blogdetail-comments .avatar_comment {
   display: block;
 }
 .blogdetail-comments .avatar_comment img {
   height: 48px;
   width: 48px;
 }
 .blogdetail-comments .box_comment {
   display: block;
   position: relative;
   line-height: 1.358;
   word-break: break-word;
   border: 1px solid #838383;
   word-wrap: break-word;
   background: transparent;
   box-sizing: border-box;
   cursor: text;
   font-size: 16px;
   padding: 0 !important;
 }
 .blogdetail-comments .box_comment textarea {
   min-height: 40px;
   padding: 12px 8px;
   width: 100%;
   border: none;
   color: #fff;
   resize: none;
   margin-bottom: 0;
   background: transparent;
 }
 .blogdetail-comments .box_comment textarea:focus {
   outline: none !important;
 }
 .blogdetail-comments .box_comment .box_post {
   border-top: 1px solid #4a4f5a;
   background: transparent;
   padding: 8px;
   display: block;
   overflow: hidden;
 }
 .blogdetail-comments .box_comment label {
   display: inline-block;
   vertical-align: middle;
   font-size: 11px;
   color: #90949c;
   line-height: 22px;
   margin: 0;
 }
 .blogdetail-comments .box_comment button {
   margin-left: 8px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   color: #fff;
   text-decoration: none;
   line-height: 22px;
   border-radius: 2px;
   font-size: 13px;
   font-weight: 500;
   position: relative;
   text-align: center;
 }
 .blogdetail-comments .box_comment button:hover {
   background-color: #29487d;
   border-color: #29487d;
 }
 .blogdetail-comments .box_comment button.cancel {
   margin-left: 8px;
   background: transparent;
   color: #fff;
   border: 1px solid #545862;
   text-decoration: none;
   line-height: 22px;
   border-radius: 2px;
   font-size: 13px;
   font-weight: 500;
   position: relative;
   text-align: center;
 }
 .blogdetail-comments .box_comment .cancel:hover {
   background-color: #d0d0d0;
   border-color: #ccd0d5;
   color: #323741;
 }
 .blogdetail-comments .box_comment img {
   height: 16px;
   width: 16px;
 }
 .blogdetail-comments .box_result {
   margin-top: 24px;
 }
 .blogdetail-comments .box_result .result_comment h4 {
   font-weight: 500;
   white-space: nowrap;
   color: #fc8b36;
   cursor: pointer;
   text-decoration: none;
   font-size: 14px;
   line-height: 1.358;
   margin: 0;
 }
 .blogdetail-comments .box_result .result_comment {
   display: block;
   overflow: hidden;
   padding: 0;
   padding-right: 15px;
 }
 .blogdetail-comments .child_replay {
   margin-top: 20px;
   list-style: none;
   padding: 0 0 0 20px;
   margin-left: 0;
 }
 .blogdetail-comments .reply_comment {
   margin: 12px 0;
 }
 .blogdetail-comments .box_result .result_comment p {
   margin: 2px 0 5px;
   text-align: justify;
   font-weight: 400;
   font-size: 13px !important;
   line-height: normal !important;
 }
 .blogdetail-comments .box_result .result_comment .tools_comment {
   font-size: 12px;
   line-height: 1.358;
 }
 .blogdetail-comments .box_result .result_comment .tools_comment a {
   color: #6996e2 !important;
   cursor: pointer;
   text-decoration: none;
 }
 .blogdetail-comments .box_result .result_comment .tools_comment span {
   color: #90949c;
 }
 .blogdetail-comments .body_comment .show_more {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
    border: 1px solid #fc5124;
   box-sizing: border-box;
   color: #fff;
   font-size: 13px;
   margin: 0 24px 24px;
   padding: 10px 30px;
   text-shadow: none;
   font-weight: bold;
   position: relative;
   text-align: center;
   vertical-align: middle;
   border-radius: 100px;
 }
.blogdetail-comments .body_comment .show_more:hover {
   background: linear-gradient(45deg, #fc9a3a, #fc5124);
 }
 .viralVideoSectionArea {}
 .viralVideoSectionArea .viralVideotopArea {}
 .viralVideoSectionArea .viralVideotopArea h1 {
   color: #333;
   font-size: 20px;
   line-height: 28px;
   margin: 10px 0;
   font-weight: 700;
 }
 .viralVideoSectionArea .viralVideotopArea .viralVideotopIframeArea {
   background: #000;
   height: 400px;
   padding: 20px;
 }
 .viralVideoSectionArea .viralVideotopArea .brief {
   height: auto;
   background: rgba(0, 0, 0, 0.8);
   padding: 5px 10px;
   clear: both;
   position: relative;
 }
 .viralVideoSectionArea .viralVideotopArea .brief .brief-heading {
   color: #fff;
   font-size: 14px;
   line-height: 24px;
   font-weight: normal;
 }
 .viralVideoSectionArea .viralVideotopArea .brief .brief-heading #timetoday {
   color: #f39500;
   font-size: 13px;
   padding-right: 10px;
   padding-left: 10px;
 }
 .viralVideoSectionArea .viralVideotopArea .brief .brief-heading .viewed, .viralVideoSectionArea .viralVideotopArea .brief .brief-heading .source {
   font-size: 13px;
   padding-right: 10px;
 }
 .viralVideoSectionArea .accordion .card {
   padding: 0;
 }
 .viralVideoSectionArea .accordion .card .card-header {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
 }
 .viralVideoSectionArea .accordion .card .card-header h2 {}
 .viralVideoSectionArea .accordion .card .card-header h2 button {
   width: 100%;
   color: #fff;
   text-align: left;
 }
 .viralVideoSectionArea .accordion .card .card-header h2 button i {
   float: right;
 }
 .viralVideoSectionArea .accordion .card .viralVideoArea {
   margin-bottom: 25px;
   height: auto;
 }
 .viralVideoSectionArea .accordion .card .viralVideoArea h6 {
   margin-bottom: 8px;
 }
 .viralVideoSectionArea .accordion .card .viralVideoArea .postVideo, .viralVideoSectionArea .accordion .card .viralVideoArea .postVideo img {
   height: 292px;
 }
 .viralVideoSectionArea .accordion .card .viralGridArea .viralVideoArea .postVideo, .viralVideoSectionArea .accordion .card .viralGridArea .viralVideoArea .postVideo img {
   height: 100px !important;
 }
 .morevideolink {
   float: right;
   background: #eee;
   padding: 10px 15px;
   font-size: 13px;
   color: #666;
   font-family: roboto;
   font-weight: bold;
   text-transform: uppercase;
   border: 1px solid #e8e8e8;
 }
 .morevideolink:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   color: #fff;
 }
 .vidioAutoBox ul li {
   border-bottom: 1px solid #dedede;
   margin-bottom: 15px;
   padding: 10px 0;
   list-style: none;
   display: table;
 }
 .vidioAutoBox ul li img {
   width: 70px;
   float: left;
   margin-right: 15px;
   height: 70px;
 }
 .vidioAutoBox ul li a {
   display: block;
   color: #333;
   font-size: 13px;
   line-height: 19px;
 }
 .imageGalleryPage h2.title {
   font-size: 30px;
   font-weight: bold;
   color: #000;
 }
 .grid {
   position: relative;
   margin: 0 auto;
   padding: 1em 0 4em;
   width: 100%;
   list-style: none;
   text-align: center;
 }
 .grid figure {
   position: relative;
   float: left;
   overflow: hidden;
   margin: 10px 1%;
   width: 100%;
   max-height: 285px;
   width: 31.3%;
   background: #3085a3;
   text-align: center;
   cursor: pointer;
   border: 8px solid #eef2f5;
   border-radius: 20px;
   box-shadow: 0px 6px 8px -1px rgb(199 199 199);
 }
 .grid figure img {
   position: relative;
   display: block;
   min-height: 100%;
   max-width: 100%;
   width: 100%;
   opacity: 0.8;
 }
 .grid figure figcaption {
   padding: 2em;
   color: #fff;
   text-transform: uppercase;
   font-size: 1.25em;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
 }
 .grid figure figcaption::before, .grid figure figcaption::after {
   pointer-events: none;
 }
 .grid figure figcaption, .grid figure figcaption > a {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .grid figure figcaption a {
   text-indent: 0;
   font-size: 20px;
   white-space: unset;
   opacity: 0;
   color: #fff;
   top: 44%;
 }
 .grid figure figcaption a.enlarge {
   text-indent: 0;
   font-size: 20px;
   white-space: unset;
   opacity: 0;
   color: #fff;
   top: 44%;
 }
 figure.effect-layla:hover figcaption a.enlarge, figure.effect-layla:hover figcaption a.viewMore {
   opacity: 1
 }
 .grid figure h2 {
   word-spacing: -0.15em;
   font-weight: 600;
   font-size: 22px;
 }
 .grid figure h2, .grid figure p {
   margin: 0;
 }
 .grid figure p {
   letter-spacing: 1px;
   font-size: 68.5%;
   line-height: 20px;
 }
 figure.effect-layla {
   background: #fa6d43;
 }
 figure.effect-layla img {
   height: 390px;
 }
 figure.effect-layla figcaption {
   padding: 3em;
 }
 figure.effect-layla figcaption::before, figure.effect-layla figcaption::after {
   position: absolute;
   content: '';
   opacity: 0;
 }
 figure.effect-layla figcaption::before {
   top: 50px;
   right: 30px;
   bottom: 50px;
   left: 30px;
   border-top: 1px solid #fff;
   border-bottom: 1px solid #fff;
   -webkit-transform: scale(0, 1);
   transform: scale(0, 1);
   -webkit-transform-origin: 0 0;
   transform-origin: 0 0;
 }
 figure.effect-layla figcaption::after {
   top: 30px;
   right: 50px;
   bottom: 30px;
   left: 50px;
   border-right: 1px solid #fff;
   border-left: 1px solid #fff;
   -webkit-transform: scale(1, 0);
   transform: scale(1, 0);
   -webkit-transform-origin: 100% 0;
   transform-origin: 100% 0;
 }
 figure.effect-layla h2 {
   padding-top: 45%;
   -webkit-transition: -webkit-transform 0.35s;
   transition: transform 0.35s;
 }
 figure.effect-layla p {
   padding: 0.5em 2em;
   text-transform: none;
   opacity: 0;
   -webkit-transform: translate3d(0, -10px, 0);
   transform: translate3d(0, -10px, 0);
 }
 figure.effect-layla img, figure.effect-layla h2 {
   -webkit-transform: translate3d(0, -30px, 0);
   transform: translate3d(0, -30px, 0);
 }
 figure.effect-layla img, figure.effect-layla figcaption::before, figure.effect-layla figcaption::after, figure.effect-layla p {
   -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
   transition: opacity 0.35s, transform 0.35s;
 }
 figure.effect-layla:hover img {
   opacity: 0.7;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
 figure.effect-layla:hover figcaption::before, figure.effect-layla:hover figcaption::after {
   opacity: 1;
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 figure.effect-layla:hover h2, figure.effect-layla:hover p {
   opacity: 1;
   -webkit-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
 }
 figure.effect-layla:hover h2 {
   padding-top: 15%;
 }
 figure.effect-layla:hover figcaption::after, figure.effect-layla:hover h2, figure.effect-layla:hover p, figure.effect-layla:hover img {
   -webkit-transition-delay: 0.15s;
   transition-delay: 0.15s;
 }
 .singleGalleryPage > .column img:hover {
   opacity: 0.6;
 }
 .singleGalleryPage > .column {
   padding: 0 8px;
   margin: 8px 0;
 }
 .singleGalleryPage > .column img {
   cursor: pointer;
 }
 .singleGalleryPage:after {
   content: "";
   display: table;
   clear: both;
 }
 .column {
   float: left;
   width: 25%;
 }
 #myModal22 {
   display: none;
   position: fixed;
   z-index: 1;
   padding-top: 100px;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 99999;
   height: 100%;
   overflow: auto;
   background-color: black;
 }
 #myModal22 .modal-content {
   position: relative;
   background-color: #fefefe;
   margin: auto;
   padding: 0;
   width: 90%;
   max-width: 1200px;
 }
 #myModal22 .close {
   color: white;
   position: absolute;
   top: 10px;
   right: 25px;
   font-size: 35px;
   font-weight: bold;
 }
 #myModal22 .close:hover, #myModal22 .close:focus {
   color: #999;
   text-decoration: none;
   cursor: pointer;
 }
 #myModal22 .mySlides {
   display: none;
 }
 #myModal22 .cursor {
   cursor: pointer;
 }
 #myModal22 .prev, #myModal22 .next {
   cursor: pointer;
   position: absolute;
   top: 50%;
   width: auto;
   padding: 16px;
   margin-top: -50px;
   color: white;
   font-weight: bold;
   font-size: 20px;
   transition: 0.6s ease;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
 }
 #myModal22 .next {
   right: 0;
   border-radius: 3px 0 0 3px;
 }
 #myModal22 .prev:hover, #myModal22 .next:hover {
   background-color: rgba(0, 0, 0, 0.8);
 }
 #myModal22 .numbertext {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
 }
 #myModal22 img {
   margin-bottom: -4px;
 }
 #myModal22 .caption-container {
   text-align: center;
   background-color: black;
   padding: 2px 16px;
   color: white;
 }
 #myModal22 .demo {
   opacity: 0.6;
 }
 #myModal22 .active, #myModal22 .demo:hover {
   opacity: 1;
 }
 #myModal22 img.hover-shadow {
   transition: 0.3s;
 }
 #myModal22 .hover-shadow:hover {
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 ul.Videotabss {
   margin: 0px;
   padding: 0px;
   list-style: none;
   background: #272c38;
   border: 3px solid #272c38;
   position: relative;
 }
 ul.Videotabss:before {
   position: absolute;
   content: "";
   border-bottom: 2px solid #f38c24;
   bottom: -2px;
   width: 100%;
   left: 0px;
 }
 .vidWrapper {
   background: #272c38;
   padding: 4px;
 }
 ul.Videotabss li {
   background: #272c38;
   text-align: center;
   color: #fff;
   display: block;
   padding: 4px 3px;
   cursor: pointer;
   font-size: 11px;
   border: 2px solid #272c38;
 }
 ul.Videotabss li.current, ul.Videotabss li:hover {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
 }
 .vidWrapper ul.Videotabss .owl-nav {
   position: absolute;
   margin: 0;
   top: 0;
   width: 100%;
 }
 .vidWrapper ul.Videotabss .owl-nav button {
   font-size: 14px;
   width: 20px;
   height: 30px;
   background: #333;
   color: #fff;
   padding: 0 !important;
 }
 .vidWrapper ul.Videotabss .owl-nav button:hover {
   font-size: 14px;
 }
 .vidWrapper ul.Videotabss .owl-nav button.owl-prev {
   position: absolute;
   left: -28px;
   right: auto;
 }
 .vidWrapper ul.Videotabss .owl-nav button.owl-next {
   position: absolute;
   right: -28px;
   left: auto;
 }
 .vid-list-container .tab-content {
   display: none;
   background: #111111;
 }
 .vid-list-container .tab-content.current {
   display: block;
 }
 .RecentVideosMain .tab-content {
   display: none;
 }
 .RecentVideosMain .tab-content.current {
   display: block;
 }
 .clear {
   clear: both;
 }
 .title {
   width: 100%;
   max-width: 854px;
   margin: 0 auto;
 }
 .caption {
   width: 100%;
   max-width: 854px;
   margin: 0 auto;
   padding: 20px 0;
 }
 .vid-main-wrapper {
   width: 100%;
   background: #1a1f2a;
   float: left;
   margin: 0 auto;
 }
 .vid-container {
   position: relative;
   height: 0;
   width: 69%;
   float: left;
 }
 .vid-container iframe, .vid-container object, .vid-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   min-height: 360px;
 }
 .vid-list-container {
   width: 30%;
   height: 360px;
   float: right;
 }
 .vid-list-container .VcontentWrapper {
   overflow-y: auto;
   height: 308px;
 }
 .vid-list-container .VcontentWrapper::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 0px;
   background-color: #F5F5F5;
 }
 .vid-list-container .VcontentWrapper::-webkit-scrollbar {
   width: 8px;
   background-color: #F5F5F5;
 }
 .vid-list-container .VcontentWrapper::-webkit-scrollbar-thumb {
   border-radius: 0px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #f38c24;
 }
 ol#vid-list {
   margin: 0;
   padding: 0;
   background: #202020;
 }
 ol#vid-list li {
   list-style: none;
   width: 100%;
   position: relative;
   display: table;
 }
 ol#vid-list li a {
   text-decoration: none;
   background-color: #202020;
   display: block;
   padding: 10px;
   width: 100%;
   float: left;
 }
 ol#vid-list li a:hover, ol#vid-list li a.active {
   background-color: #0a0a0a
 }
 .vid-thumb {
   border: #8f8f8f solid 1px;
   padding: 1px;
   float: left;
   width: 72px;
   height: 50px;
   margin-right: 10px;
   border-radius: 5px;
 }
 .vid-thumb img {
   width: 100%;
   height: 100%;
   border-radius: 5px;
 }
 .active-vid {
   background: #3A3A3A;
 }
 #vid-list .desc {
   margin-top: -4px;
   font-size: 11px;
   color: #fefefe;
   margin-bottom: 0px;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }
 #vid-list .time {
   color: #efefef;
   float: left;
   width: 55px;
   border-radius: 40px;
   height: 23px;
   margin-top: 2px;
   display: inline-block;
   background: #505866;
   font-size: 12px;
   line-height: 23px;
   text-align: center;
 }
 #vid-list .channel {
   font-size: 12px;
   color: #7d8491;
   float: left;
   margin-left: 10px;
   padding-top: 0px;
 }
 .FeaturedPlaylistMain, .RecentVideosMain {
   padding: 30px 0 0;
   float: left;
   width: 100%;
 }
 .viralNewTitle {
   border-bottom: 1px solid #5b5f67;
   position: relative;
   height: 33px;
 }
 .viralNewTitle h3 {
   color: #fff;
   font-size: 19px;
   font-weight: 500;
 }
 .viralNewTitle h3 a {
   color: #666;
   text-decoration: none;
   font-size: 11px;
   vertical-align: middle;
 }
 .viralNewTitle h3 a:hover {
   color: #f38c24;
 }
 .FeaturedPlaylistMain ul {
   margin: 20px 0;
 }
 .FeaturedPlaylistMain ul li {
   background: #323741;
   border: 1px solid #5b5f67;
   width: 23.8%;
   float: left;
   margin: 4px 4px;
   height: 70px;
   list-style: none;
   box-shadow: 0 1px 4px #272c38;
 }
 .FeaturedPlaylistMain ul li:hover, .RecentVideosMain ul.gridView li:hover, .recentrightTabs .RecentVideosMain ul.listView li:hover, .RecentVideosMain ul.listView li:hover {
   box-shadow: 0 0px 1px #9a9a9a;
 }
 .FeaturedPlaylistMain ul li a.channellogo {
   float: left;
   margin: 12px 5px 0px 10px;
 }
 .FeaturedPlaylistMain ul li .desc {
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   margin: 20px 0px 0px 20px;
 }
 .FeaturedPlaylistMain ul li .desc h6 {
   font-size: 12px;
   font-weight: normal;
   margin-bottom: 0;
   margin-top: 5px;
   line-height: 0;
 }
 .FeaturedPlaylistMain ul li .desc .colr {
   color: #4b7eff !important;
   font-size: 11px;
 }
 .RecentVideosMain .recent_Buttons {
   position: absolute;
   right: 0;
   top: -4px;
 }
 .RecentVideosMain .Recenttabss li.tab-link {
   float: left;
   list-style: none;
   background: #1c2028;
   color: #fc8333;
   padding: 7px 12px 3px;
   font-size: 15px;
   position: relative;
 }
 .RecentVideosMain .Recenttabss li.tab-link.current {
   background: #fc6b2c;
   color: #fff;
 }
 .RecentVideosMain .Recenttabss li.tab-link:hover {
   cursor: pointer;
 }
 .RecentVideosMain .Recenttabss li.tab-link.current:before {
   position: absolute;
   content: "";
   width: 10px;
   left: 0;
   right: 0;
   margin: auto;
   height: 10px;
   background: #fc6b2c;
   bottom: -4px;
   transform: rotate(45deg);
 }
 .RecentVideosMain ul.gridView li {
   width: 24.6%;
   float: left;
   list-style: none;
   margin: 1px;
   padding-bottom: 10px;
   padding: 10px;
   min-height: 218px;
 }
 .RecentVideosMain ul.gridView li a.thumb, .RecentVideosMain ul.listView li a.thumb {
   padding: 3px;
   border: #656e7e solid 1px;
   background-color: #323741;
   display: block;
   width: 100%;
   position: relative;
   border-radius: 10px;
 }
 .RecentVideosMain ul.gridView li a.thumb {
   height: 129px;
 }
 .RecentVideosMain ul.gridView li a.thumb img {
   height: 121px;
 }
 .RecentVideosMain ul.gridView li a.thumb img, .RecentVideosMain ul.listView li a.thumb img {
   width: 100%;
   border-radius: 10px;
 }
 .RecentVideosMain ul.gridView li .likeSectPanel {
   position: absolute;
   bottom: 7px;
   left: 7px;
   font-size: 12px;
   color: #fff;
 }
 .RecentVideosMain ul.gridView li .likeSectPanel i {
   color: #fff;
   cursor: pointer;
 }
 .RecentVideosMain ul.gridView li .likeSectPanel i:hover {
   color: #fc9a3a;
 }
 .RecentVideosMain ul.gridView li .likeSectPanel span {
   margin: 0 3px;
 }
 .RecentVideosMain ul.gridView li .add, .RecentVideosMain ul.listView li .add {
   width: 14px;
   height: 14px;
   background-image: url(../images/viral_video_newimg/add.gif);
   background-repeat: no-repeat;
   position: absolute;
   bottom: 7px;
   left: 7px;
 }
 .RecentVideosMain ul.gridView li .rated, .RecentVideosMain ul.listView li .rated {
   width: 16px;
   height: 16px;
   background-image: url(../images/viral_video_newimg/yellow_star.png);
   background-repeat: no-repeat;
   position: absolute;
   right: 7px;
   top: 7px;
 }
 .RecentVideosMain ul.gridView li h6 a, .RecentVideosMain ul.listView li h6 a {
   text-decoration: none;
   margin-top: 5px;
   font-size: 11px;
   display: inline-block;
   color: #fff;
 }
 .RecentVideosMain ul.gridView li h6 a {
   height: 27px;
 }
 .RecentVideosMain ul.gridView li p.time, .RecentVideosMain ul.listView li p.time {
   background-image: url(../images/viral_video_newimg/watch.gif);
   background-position: left center;
   background-repeat: no-repeat;
   float: left;
   font-size: 11px;
   margin-bottom: 0;
   padding-left: 25px;
   color: #fff;
 }
 .RecentVideosMain ul.gridView li p.date, .RecentVideosMain ul.listView li p.date {
   background-image: url(../images/viral_video_newimg/calendr.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 25px;
   float: right;
   font-size: 11px;
   margin-left: 0px;
   margin-bottom: 0;
   color: #d5d5d5;
 }
 .RecentVideosMain ul.gridView li .smallsec .rating {
   float: left;
   padding: 10px 0px 5px 0px;
   margin-left: 0px;
   background: none;
 }
 .RecentVideosMain ul.gridView li .rating, .RecentVideosMain ul.listView li .rating {
   float: right;
   width: 100% !important;
 }
 .RecentVideosMain ul.gridView li .rating a.colrd, .RecentVideosMain ul.listView li .rating a.colrd {
   float: left;
   background-image: url(../images/viral_video_newimg/rating.gif);
   background-repeat: no-repeat;
   background-position: left;
   width: 12px;
   height: 12px;
   display: inline-block;
   color: #fff;
 }
 .RecentVideosMain ul.gridView li .rating a.greyscal, .RecentVideosMain ul.listView li .rating a.greyscal {
   float: left;
   background-image: url(../images/viral_video_newimg/rating.gif);
   background-repeat: no-repeat;
   background-position: right;
   width: 12px;
   height: 12px;
   display: inline-block;
   color: #fff;
 }
 .RecentVideosMain ul.gridView li .smallsec .rating .views {
   float: right;
   line-height: 12px;
   padding: 0px 0px;
   height: 16px;
   border-left: none;
   border-right: none;
   font-size: 11px;
   margin-right: 10px;
   margin-right: 0px;
 }
 .RecentVideosMain ul.listView li {
   width: 100%;
   float: left;
   list-style: none;
   margin: 10px;
   padding: 7px;
 }
 .RecentVideosMain ul.listView li .bigsec {
   float: right;
   width: 78%;
 }
 .RecentVideosMain ul.listView li .bigsec h6 {
   margin-bottom: 0;
   font-size: 12px;
 }
 .RecentVideosMain ul.listView li a.thumb {
   width: 155px;
   height: 90px;
   float: left;
   padding: 3px;
   border: #5b5f67 solid 1px;
   background-color: #323741;
 }
 .RecentVideosMain ul.listView li a.thumb img {
   height: 82px;
 }
 .RecentVideosMain ul.listView li .yourhere p {
   float: left;
   padding-right: 10px;
   color: #e9e9e9;
   font-size: 11px;
   margin-bottom: 0;
 }
 .RecentVideosMain ul.listView li .yourhere a {
   float: left;
   padding-right: 10px;
   margin-right: 10px;
   font-size: 11px;
   background-image: url(../images/viral_video_newimg/yourhere.gif);
   background-repeat: no-repeat;
   background-position: 100% 60%;
   text-decoration: none;
   color: #bbbbbb;
 }
 .RecentVideosMain ul.listView li p.txt {
   float: left;
   padding: 3px 0px 3px 0px;
   font-size: 11px;
   line-height: 18px;
   color: #666;
   font-size: 11px;
   margin-bottom: 0;
 }
 .RecentVideosMain ul.listView li .postedby a {
   color: #bbbbbb;
   font-size: 11px;
   text-decoration: underline;
 }
 .RecentVideosMain ul.listView li .postedby {
   float: left;
   padding: 0px 0px 0px 0px;
   background-image: url(../images/viral_video_newimg/man.png);
   background-repeat: no-repeat;
   background-position: left;
   margin-bottom: 7px;
   color: #e1e1e1;
 }
 .RecentVideosMain ul.listView li .postedby p.postbytxt {
   float: left;
   font-size: 11px;
   background-image: url(../images/viral_video_newimg/yourhere.gif);
   background-position: right;
   background-repeat: no-repeat;
   padding-right: 10px;
   margin-right: 10px;
   margin-bottom: 0;
   color: #e1e1e1;
 }
 .RecentVideosMain ul.listView li .postedby p.views {
   float: left;
 }
 .RecentVideosMain ul.listView li .postedby p.views span, .RecentVideosMain ul.listView li p.time, .RecentVideosMain ul.listView li p.date span {
   font-size: 11px;
 }
 .RecentVideosMain ul.listView li span.likeSectPanel {
   font-size: 11px;
   color: #e1e1e1;
   margin-left: 5px;
 }
 .RecentVideosMain ul.listView li span.likeSectPanel i {
   cursor: pointer;
 }
 .RecentVideosMain ul.listView li span.likeSectPanel span {
   margin: 0 3px;
 }
 .RecentVideosMain ul.listView li span.likeSectPanel i:hover {
   color: #fc5124;
 }
 .VcontentWrapper span.likeSectPanel {
   font-size: 11px;
   color: #fff;
   margin-left: 5px;
   position: absolute;
   bottom: 0px;
   right: 0;
 }
 .VcontentWrapper span.likeSectPanel i {
   cursor: pointer;
 }
 .VcontentWrapper span.likeSectPanel span {
   margin: 0 3px;
 }
 .VcontentWrapper span.likeSectPanel i:hover {
   color: #fc5124;
 }
 .right {
   float: right;
 }
 .RecentVideosMain ul.listView li p.date {
   float: left;
   margin-left: 8px;
 }
 .RecentVideosMain ul.listView li .rating {
   float: right;
   padding-top: 0;
   margin-left: 0px;
   background-image: url(../images/viral_video_newimg/sep3.gif);
   background-position: left;
   background-repeat: no-repeat;
   padding-left: 10px;
   margin-top: 8px;
   width: unset !important;
 }
 .adv {
   padding: 30px 0;
 }
 .adv img {
   width: 100%;
 }
 .recentrightTabs .tab-content > .active {
   opacity: 1;
 }
 .recentrightTabs .RecentVideosMain ul.listView li {
   margin: 0 0 15px;
   padding: 7px;
 }
 .recentrightTabs .RecentVideosMain ul.listView li a.thumb {
   width: 85px;
   height: 75px;
   overflow: hidden;
 }
 .recentrightTabs .RecentVideosMain ul.listView li a.thumb img {
   height: 67px;
 }
 .recentrightTabs .RecentVideosMain {
   padding: 10px 0 0;
 }
 .recentrightTabs .RecentVideosMain ul.listView li .bigsec {
   width: 67%;
 }
 .recentrightTabs .RecentVideosMain ul.listView li .yourhere p {
   font-size: 11px;
 }
 .recentrightTabs .RecentVideosMain ul.listView li h6 a {
   margin-top: 2px;
 }
 .recentrightTabs .nav-tabs .nav-item.show .nav-link, .recentrightTabs .nav-tabs .nav-link.active {
   color: #fff;
   background-color: #272c38;
 }
 .recentrightTabs .nav-tabs .nav-link {
   color: #fff;
   text-decoration: none;
   background-color: #272c38;
   padding: 5px 14px;
   text-transform: capitalize;
   border: 1px solid #272c38;
   border-bottom: none;
   border-radius: 0;
   font-size: 12px;
   font-weight: 500;
 }
 .recentrightTabs .nav-tabs li.nav-item, .recentrightTabs .nav-tabs {
   border-bottom: 1px solid #fc752f;
   margin-right: 0;
 }
 .recentrightTabs .RecentVideosMain ul.listView li .postedby p.postbytxt {
   background-image: none;
   color: #bfbfbf;
 }
 .RecentVideosMain .recent_Buttons ul.Recenttabss {
   margin-bottom: 8px;
 }
 .ViralCategory h5 {
   width: 100%;
   font-size: 13px;
   font-weight: 500;
   padding: 9px 16px;
   color: #b3b3b3;
   float: left;
   background-color: #272c38;
   background-image: url(../images/viral_video_newimg/categories.gif);
   background-repeat: no-repeat;
   background-position: 9px 7px;
 }
 .ViralCategory .dotsList li {
   width: 50%;
   float: left;
   list-style: none;
   line-height: 22px;
 }
 .ViralCategory .dotsList li a {
   text-decoration: none;
   position: relative;
   padding-left: 10px;
   color: #e7e7e7;
   font-size: 11px;
 }
 .topSearches ul li a:hover, .ViralCategory .dotsList li a:hover, .RecentVideosMain ul.gridView li h6 a:hover, .RecentVideosMain ul.listView li h6 a:hover, .FeaturedPlaylistMain ul li .desc .colr:hover {
   color: #fc752f !important;
 }
/* .ViralCategory .dotsList li a:before {
   content: "•";
   position: absolute;
   left: 0;
   color: #e7e7e7;
 }*/
 .topSearches {
   margin: 20px 0;
 }
 .topSearches h5 {
   width: 100%;
   font-size: 13px;
   font-weight: 500;
   padding: 9px 36px;
   float: left;
   background-color: #eeeeee;
   background-image: url(../images/viral_video_newimg/top_searches.gif);
   background-repeat: no-repeat;
   background-position: 9px 7px;
 }
 .topSearches ul li {
   list-style: none;
   float: left;
   line-height: 20px;
 }
 .topSearches ul {
   width: 100%;
   float: left;
   margin-bottom: 5px;
 }
 .topSearches ul li a {
   position: relative;
   padding-left: 3px;
   color: #4b7eff;
   font-size: 11px;
   text-decoration: underline;
 }
 .topSearches .buttonOne {
   background: #5484ff;
   color: #fff;
   display: inline-block;
   padding: 2px 10px;
   font-size: 11px;
   margin-right: 5px;
   text-decoration: none;
 }
 .topSearches .buttonOne:hover {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
 }
 .recentrightTabs .RecentVideosMain ul.listView li:last-child {
   margin-bottom: 0
 }
 .viral-video-mainWrapper .col-md-12 {
   padding: 0;
 }
 .viral-video-mainWrapper .col-md-9 {
   -ms-flex: 0 0 71%;
   flex: 0 0 71%;
   max-width: 71%;
 }
 .viral-video-mainWrapper .col-md-3 {
   -ms-flex: 0 0 29%;
   flex: 0 0 29%;
   max-width: 29%;
 }
 .RecentVideosMain nav {
   display: table;
   margin: auto;
   text-align: center;
 }
 .blkBoxHt {
   min-height: 562px;
 }
 .searchSectionBox .pressSearch input.search_input {
   border: 1px solid;
   height: 50px;
   border: 1px solid #c1bebe;
   background: #fff;
 }
 .searchSectionBox .pressSearch input.search_input:hover, .searchSectionBox .pressSearch input.search_input:focus {
   box-shadow: none !important;
 }
 .pressSearch {
   position: relative;
 }
 .searchSectionBox .pressSearch button.btn.btn-primary.rounded-pill.green-btn.mt-3.text-uppercase {
   position: absolute;
   top: -11px;
   right: 5px;
 }
 .searchSectionBox .regionsBox .form-group {
   border: 1px solid #3d414c;
   border-radius: 15px;
   width: 100%;
 }
 .searchSectionBox .regionsBox .form-group label {
   color: #7d8087;
   padding: 5px 10px 0 10px;
   margin-bottom: 0
 }
 .searchSectionBox.m-0 select.form-control {
   height: 30px;
   border-radius: 100px;
   background: transparent;
   border: 0px solid #c1bebe;
   padding-right: 20px;
   margin-bottom: 0;
   color: #fff;
   width: 97%;
 }
 .searchSectionBox.m-0 select.form-control option {
   color: #000;
 }
 .eltd-related-post .eltd-related-post-image {
   margin-bottom: 10px;
   -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
   -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
   box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .08);
   position: relative;
 }
 .eltd-related-post:hover .eltd-related-post-content a h6 {
   color: #fff;
 }
 .eltd-related-post img {
   display: block;
 }
 .eltd-related-post .eltd-related-post-image img {
   height: 150px !important;
 }
 .eltd-related-post-content {
   margin-bottom: 6px;
 }
 .eltd-related-post-content a {
   display: block;
   margin-bottom: 0;
 }
 .eltd-related-post-content a h6 {
   color: #fff;
   text-transform: uppercase;
   font-family: Oswald, sans-serif;
   letter-spacing: 0;
   -webkit-transition: color .2s ease-out;
   -moz-transition: color .2s ease-out;
   transition: color .2s ease-out;
   font-size: 14px;
   line-height: 1.7em;
   margin-bottom: 0
 }
 .eltd-related-post-content span.eltd-related-post-date {
   font-size: 13px;
   line-height: 21px;
   color: #d58442;
   font-weight: 400;
 }
 .eltdCommentHolder {
   margin: 30px 0;
 }
 .eltdCommentForm {
   margin: 30px 0 0;
 }
 .eltdCommentForm textarea {
   width: 100%;
   font-size: 12px;
   background: transparent;
   border-radius: 5px;
   border: 1px solid #838383;
 }
 .eltdCommentForm .col-4 {
   padding: 0 15px;
 }
 .eltdCommentForm input[type="text"] {
   width: 100%;
   margin-bottom: 13px;
   padding: 10px 25px;
   border: 1px solid #e3dedd;
   outline: 0;
   font-size: 12px;
   line-height: 20px;
   background-color: transparent;
   color: #8d8c8c;
   background: transparent;
   border-radius: 5px;
   border: 1px solid #838383;
 }
 .eltdCommentForm input[type="checkbox"] {
   border: 1px solid;
   display: unset;
 }
 .eltdCommentForm label {
   margin-bottom: 0 !important;
 }
 .eltdCommentForm .form-submit {
   text-align: right;
 }
 .eltdCommentForm button {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   border: none;
   color: #fff;
   position: relative;
   outline: 0;
   font-style: normal;
   font-weight: 700;
   display: inline-block;
   cursor: pointer;
   padding: 10px 50px;
   font-size: 12px;
   text-transform: uppercase;
   border-radius: 0;
 }
 .eltdCommentForm button:hover {
   background: linear-gradient(95deg, #fb9d3b, #fc5525);
 }
 .hiBox {
   visibility: hidden;
   opacity: 0;
   height: 0;
 }
 .canvasjs-chart-credit {
   display: none;
 }
 @keyframes chartjs-render-animation {
   from {
     opacity: .99
   }
   to {
     opacity: 1
   }
 }
 .chartjs-render-monitor {
   animation: chartjs-render-animation 1ms
 }
 .chartjs-size-monitor, .chartjs-size-monitor-expand, .chartjs-size-monitor-shrink {
   position: absolute;
   direction: ltr;
   left: 0;
   top: 0;
   right: 0;
   bottom: 0;
   overflow: hidden;
   pointer-events: none;
   visibility: hidden;
   z-index: -1
 }
 .chartjs-size-monitor-expand > div {
   position: absolute;
   width: 1000000px;
   height: 1000000px;
   left: 0;
   top: 0
 }
 .chartjs-size-monitor-shrink > div {
   position: absolute;
   width: 200%;
   height: 200%;
   left: 0;
   top: 0
 }
 .btn.readMoreaBtn {
   background: #fc9a3a;
   color: #fff;
   padding: 5px 10px;
   display: table;
   margin-top: 15px;
 }
 .btn.readMoreaBtn:hover {
   background: #3f3d56;
 }
 #subCompare {
   display: contents;
 }
 .tableRd {
   display: block;
   width: 100%;
   height: 130px;
   overflow: auto;
 }
 .newsTablePanel {
   height: 190px;
   overflow-y: auto;
 }
 .newsTablePanel::-webkit-scrollbar-track {
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
   border-radius: 10px;
   background-color: #F5F5F5;
 }
 .newsTablePanel::-webkit-scrollbar {
   width: 8px;
   background-color: #F5F5F5;
 }
 .newsTablePanel::-webkit-scrollbar-thumb {
   border-radius: 10px;
   -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
   background-color: #889398;
 }
 .r-30 {
   right: 30px !important;
 }
 #awesomeCloudwordcloud2, #awesomeCloudwordcloud2two {
   z-index: 1 !important;
 }
 #ajaxValue {
   overflow: hidden;
 }
 .box-fullscreen {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: 0 !important;
   z-index: 9999;
   border-radius: 0px;
 }
 .box-fullscreen .valuePanel {
   text-align: center;
   padding: 25px;
 }
 .box-fullscreen .valuePanel h2 {
   font-size: 100px;
 }
 .box-fullscreen .sentimentBox {
   text-align: center;
 }
 .box-fullscreen .sentimentBox h2 {
   font-size: 100px !important;
   padding: 25px;
   text-align: center;
 }
 .box-fullscreen .chartAreaBox {
   height: auto !important;
 }
 .box-fullscreen .newsTablePanel {
   height: 100%;
   overflow-y: auto;
 }
 .box-fullscreen .circularprogressbar1 {
   grid-template-columns: repeat(4, 20%);
 }
 .box-fullscreen .circularprogressbar1 .boxss .chartcircular {
   position: relative;
   width: 100%;
   height: 100%;
   text-align: center;
   font-size: 50px;
   line-height: 3px;
   height: 127px;
   color: #000;
   padding-top: 80px;
 }
 .box-fullscreen .circularprogressbar1 .boxss h2 {
   font-size: 13px;
 }
 .box-fullscreen .circularprogressbar1 .boxss .chartcircular span {
   font-size: 30px;
   width: 80px;
 }
 .overHid {
   overflow: hidden;
 }
 .postItemMainPanel .postItemBox img {
   height: 393px;
 }
 .postItemMainPanel .owl-carousel .owl-nav {
   position: absolute;
   top: 48%;
   width: 100%;
 }
 .postItemMainPanel .owl-carousel .owl-nav button {
   position: absolute;
   width: 25px;
   height: 31px;
   background: rgba(0, 0, 0, 0.8);
   font-size: 13px;
   color: #fff;
   line-height: 25px;
 }
 .postItemMainPanel .owl-carousel .owl-nav button:hover {
   font-size: 13px;
   color: #fff;
   background: #fc9a3a;
 }
 .postItemMainPanel .owl-carousel .owl-nav button.owl-prev {
   left: 5px;
 }
 .postItemMainPanel .owl-carousel .owl-nav button.owl-next {
   right: 5px;
 }
 .postItemBox {
   position: relative;
   overflow: hidden;
 }
 .postItemBox img {
   width: 100%;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
 }
 .postItemBox img:hover {
   -webkit-transform: scale(1.1) rotate(-2deg);
   -moz-transform: scale(1.1) rotate(-2deg);
   -ms-transform: scale(1.1) rotate(-2deg);
   transform: scale(1.1) rotate(-2deg);
 }
 .postItemBox.h-248 {
   height: 248px;
 }
 .postItemBox h2 {
   background: #e64522;
   font-size: 13px;
   font-weight: 400;
   color: #fff;
   text-transform: uppercase;
   display: inline-block;
   padding: 6px;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1;
 }
 .postItemBox h2 a, .postItemBox h3 a {
   color: #fff;
 }
 .postItemBox h3 {
   text-align: center;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   margin: 0;
   font-size: 13px;
   color: #fff;
   position: absolute;
   bottom: 0;
   background: rgba(0, 0, 0, 0.50);
   width: 100%;
   height: auto;
   padding: 8px 5px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   z-index: 1;
 }
 .postItemBox h3 span {
   font-weight: 400;
   font-size: 18px;
   display: block;
   margin-bottom: 10px;
 }
 .postItemBox h3 p {
   font-size: 12px;
   line-height: 16px;
   font-family: arial, sans-serif;
   padding: 0 15px;
 }
 .blogTapBoxSect ul.blogTapBox {
   background: #000;
   margin-bottom: 0;
 }
 .blogTapBoxSect ul.blogTapBox.nav.nav-tabs .nav-item {
   margin: 0;
   text-align: center;
 }
 .blogTapBoxSect ul.blogTapBox .nav-item a.nav-link {
   border-radius: 0px;
   padding: 4px;
   color: #fff;
   font-family: 'Oswald', sans-serif;
   text-transform: uppercase;
 }
 .blogTapBoxSect .tab-content {
   border: 1px solid #eaeaea;
   padding: 10px !important;
   font-family: 'Open Sans', sans-serif;
 }
 .blogTapBoxSect .tab-content .popularPostsPanel {}
 .blogTapBoxSect .tab-content .popularPostsPanel img {
   width: 70px;
   height: 70px;
 }
 .blogTapBoxSect .tab-content .popularPostsPanel a {
   display: block;
 }
 .blogTapBoxSect .tab-content .popularPostsPanel h2 {
   font-size: 13px;
   color: #333;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 6px;
   font-weight: 600;
   text-shadow: 0 1px 0 #fff;
   line-height: 17px;
 }
 .blogTapBoxSect .tab-content .popularPostsPanel p {
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 15px;
 }
 .blogTapBoxSect .tab-content .popularPostsPanel h2:hover, .blogTapBoxSect .tab-content .popularPostsPanel p:hover {
   color: #fc5124;
 }
 .PostsPanelLine {
   border-bottom: 1px solid #eaeaea;
 }
 .blogTapBoxSect .tab-content .labelTabCategory li {
   list-style: none;
   display: inline-block;
 }
 .blogTapBoxSect .tab-content .labelTabCategory li a {
   float: left;
   height: 24px;
   line-height: 24px;
   position: relative;
   font-size: 12px;
   font-weight: bold;
   font-family: sans-serif;
   margin-bottom: 8px !important;
   margin-left: 20px !important;
   background: #ff9900;
   color: #fff !important;
   text-decoration: none;
   -moz-border-radius-bottomright: 4px;
   -webkit-border-bottom-right-radius: 4px;
   border-bottom-right-radius: 4px;
   -moz-border-radius-topright: 4px;
   -webkit-border-top-right-radius: 4px;
   border-top-right-radius: 4px;
   padding: 0 10px 0 12px !important;
 }
 .blogTapBoxSect .tab-content .labelTabCategory li a:before {
   content: "";
   float: left;
   position: absolute;
   top: 0;
   left: -12px;
   width: 0;
   height: 0;
   border-color: transparent #ff9900 transparent transparent;
   border-style: solid;
   border-width: 12px 12px 12px 0;
 }
 .blogTapBoxSect .tab-content .labelTabCategory li a:after {
   content: "";
   position: absolute;
   top: 10px;
   left: 0;
   float: left;
   width: 4px;
   height: 4px;
   -moz-border-radius: 2px;
   -webkit-border-radius: 2px;
   border-radius: 2px;
   background: #fff;
   -moz-box-shadow: -1px -1px 2px #999;
   -webkit-box-shadow: -1px -1px 2px #999;
   box-shadow: -1px -1px 2px #999;
 }
 .wrapper2Box {}
 .wrapper2Box h2 {
   font-size: 17px;
   color: #222;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   background-image: url(//4.bp.blogspot.com/-dVLlBRla1_c/VGgccn5ttQI/AAAAAAAACas/dXhG2El1e0A/s1600/dot.png);
   background-position: 0 50%;
   background-repeat: repeat-x;
   text-transform: uppercase;
   margin: 0 0 10px 0;
   padding: 0px;
 }
 .wrapper2Box h2 span {
   padding-right: 10px;
   background-color: #fff;
 }
 .wrapper2Box h2 a {
   color: #333;
   font-size: 17px !important;
 }
 .blogPanelBlack {
   position: relative;
   overflow: hidden;
   padding: 0px 10px 10px 10px !important;
   background: #222;
   border-radius: 1px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border: 1px solid #222;
   font-size: 12px;
   color: #555;
   list-style: none;
   margin: 0;
 }
 .blogPanelBlack ul {
   margin: 0;
   padding: 0;
 }
 .blogPanelBlack ul li {
   display: block;
   overflow: hidden;
   border-bottom: 1px solid #333;
   float: right;
   padding: 10px 0 !important;
   width: 100%;
   margin: 0;
 }
 .imgEffPanel {
   position: relative;
   overflow: hidden;
 }
 .imgEffPanel img {
   width: 100%;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
 }
 .imgEffPanel img:hover {
   -webkit-transform: scale(1.1) rotate(-2deg);
   -moz-transform: scale(1.1) rotate(-2deg);
   -ms-transform: scale(1.1) rotate(-2deg);
   transform: scale(1.1) rotate(-2deg);
 }
 .blogPanelBlack .imgEffPanel {
   height: 98px;
 }
 .blogPanelBlack .imgEffPanel img {
   width: 100%;
   height: 98px;
 }
 .blogPanelBlack ul li h3 {
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 13px;
   line-height: 1.4em;
   padding: 10px 0 0 0px;
   margin: 0;
 }
 .blogPanelBlack ul li h3 a {
   color: #fff;
 }
 .blogPanelBlack ul li a:hover {
   color: #c5c5c5;
 }
 .blogPanelBlack ul li span.post-meta {
   color: #fff;
   margin: 10px 0px 4px 0px;
   font-size: 11px;
   font-family: roboto, sans-serif;
   font-weight: 400;
   background-color: #e64522;
   padding: 1px 3px;
   display: inline-block;
   line-height: 19px;
 }
 .col.blog-left-Box {
   flex: 52%;
   max-width: 52%;
 }
 .col.blog-middle-Box {
   flex: 20%;
   max-width: 20%;
 }
 .col.blogTapBoxSect-2 {
   flex: 28%;
   max-width: 28%;
 }
 .blogTapBoxSect-2 .nav.nav-tabs {
   background-image: url(//4.bp.blogspot.com/-dVLlBRla1_c/VGgccn5ttQI/AAAAAAAACas/dXhG2El1e0A/s1600/dot.png);
   background-position: 0 50%;
   margin-bottom: 12px;
   background-repeat: repeat-x;
 }
 .blogTapBoxSect-2 .nav.nav-tabs .nav-item {
   margin: 0;
 }
 .blogTapBoxSect-2 .nav.nav-tabs .nav-link:hover, .blogTapBoxSect-2 .nav.nav-tabs .nav-link.active {
   background: transparent;
   color: #fc5124;
 }
 .blogTapBoxSect-2 .nav.nav-tabs .nav-link {
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
   border-radius: 50px;
   border: none;
   color: #333545;
   position: relative;
   font-size: 14px;
   line-height: 17px;
   text-transform: uppercase;
   background: #fff !important;
   padding: 0px 14px 0px 0;
 }
 .blogTapBoxSect-2 .tab-content {
   border: 1px solid #eaeaea;
   padding: 10px !important;
 }
 .blackPanel:after {
   width: 100%;
   height: 100%;
   content: '';
   background: rgba(0, 0, 0, 0.64);
   position: absolute;
   left: 0;
   top: 0;
   opacity: 0;
   -webkit-transition: all .5s;
   -ms-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
 }
 .blackPanel .hovBox {
   position: absolute;
   top: -40px;
   left: 50%;
   transform: translate(-50%, 0%);
   -moz-transform: translate(-50%, 0%);
   -ms-transform: translate(-50%, 0%);
   -webkit-transform: translate(-50%, 0%);
   z-index: 9;
   -webkit-transition: all .5s;
   -ms-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
 }
 .blackPanel .hovBox i {
   font-size: 40px;
   color: #fff;
 }
 .blackPanel:hover:after {
   opacity: 1.0;
 }
 .blackPanel:hover .hovBox {
   top: 50%;
   transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   z-index: 9;
 }
 .blogBox-8 {
   background: #ff9900;
   padding: 10px !important;
   min-height: 347px;
 }
 .blogBox-8 .imgBorBox {
   padding: 3px;
   background: #fff;
 }
 .blogBox-9 .imgEffPanel {
   height: 190px;
 }
 .blogBox-8 img {}
 .blogBox-8 h3 {
   color: #fff;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 17px;
   line-height: 20px;
   text-transform: none;
   margin: 10px 0;
 }
 .blogBox-8 h3 a {
   color: #fff;
 }
 .blogBox-8 p {
   color: #fff;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-left: 0;
   display: block;
   width: 100%;
   line-height: 1.5em;
 }
 .blogBox-9 {
   border-bottom: 1px solid #eaeaea;
   padding-bottom: 10px;
   margin-bottom: 10px;
 }
 .blogBox-9 .imgEffPanel {
   height: 103px;
 }
 .blogBox-9 img {
   width: 100%;
   height: 103px;
 }
 .blogBox-9 h3 {
   color: #222;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 13px;
   line-height: 13px;
   text-transform: none;
   margin: 10px 0 4px 0;
 }
 .blogBox-9 h3 a {
   color: #222;
 }
 .blogBox-9 span.post-meta {
   color: #777;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-left: 0;
   line-height: 1.5em;
 }
 .postOuter {
   margin-bottom: 10px;
 }
 .postOuter .imgEffPanel {
   height: 125px;
 }
 .postOuter .imgEffPanel img {}
 .postOuter h3 {
   color: #222;
   font-family: 'Open Sans', sans-serif;
   font-weight: 600;
   font-size: 16px;
   line-height: 20px;
   text-transform: none;
   padding: 6px 0px 6px 0px;
   margin: 0px 0 5px 0;
   border-bottom: 1px solid #eaeaea;
 }
 .postOuter h3 a {
   color: #222;
 }
 .postOuter h3 a:hover, .blogBox-9 h3 a:hover, .blogging_page .Creative_effects a:hover {
   color: #fc5124;
 }
 .postOuter span.post-meta {
   color: #777;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-left: 0;
   width: 100%;
   line-height: 1.5em;
 }
 .postOuter p {
   color: #777;
   margin-top: 5px;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   margin-left: 0;
   display: block;
   width: 100%;
   line-height: 1.5em;
 }
 .postOuter .labelnyatas {
   overflow: hidden;
   line-height: 0;
 }
 .postOuter .labelnyatas a {
   display: inline-block;
   padding: 0 5px;
   height: 17px;
   font-size: 9px;
   line-height: 17px;
   text-decoration: none;
   background-color: #333;
   color: #ffffff;
 }
 .RecentVideosStBox {}
 .RecentVideosStBox .RecentVideosPanel, .bor-St {
   border: 1px solid #eaeaea;
   padding: 10px;
 }
 .RecentVideosStBox .RecentVideosPanel .blogBox-9 {
   margin: 0;
   padding: 0;
   border-bottom: none;
 }
 .RecentVideosStBox .RecentVideosPanel .blogBox-9 .imgEffPanel {
   height: 144px;
 }
 .RecentVideosStBox .RecentVideosPanel .blogBox-9 .imgEffPanel img {
   height: 144px;
 }
 .RecentVideosStBox .RecentVideosPanel .owl-nav {
   position: absolute;
   top: 50px;
   width: 100%;
 }
 .RecentVideosStBox .RecentVideosPanel .owl-nav button {
   position: absolute;
   width: 25px;
   height: 31px;
   background: rgba(0, 0, 0, 0.8);
   font-size: 13px;
   color: #fff;
   line-height: 25px;
 }
 .RecentVideosStBox .RecentVideosPanel .owl-nav button:hover {
   font-size: 13px;
   color: #fff;
   background: #fc9a3a;
 }
 .RecentVideosStBox .RecentVideosPanel .owl-nav button.owl-prev {
   left: -20px;
 }
 .RecentVideosStBox .RecentVideosPanel .owl-nav button.owl-next {
   right: -20px;
 }
 .sliderBlogSt .owl-carousel .owl-nav {
   position: absolute;
   top: 15%;
   width: 100%;
 }
 .sliderBlogSt .owl-carousel .owl-nav button {
   position: absolute;
   width: 25px;
   height: 31px;
   background: rgba(0, 0, 0, 0.8);
   font-size: 13px;
   color: #fff;
   line-height: 25px;
 }
 .sliderBlogSt .owl-carousel .owl-nav button:hover {
   font-size: 13px;
   color: #fff;
   background: #fc9a3a;
 }
 .sliderBlogSt .owl-carousel .owl-nav button.owl-prev {
   left: -20px;
 }
 .sliderBlogSt .owl-carousel .owl-nav button.owl-next {
   right: -20px;
 }
 .blogging_page {
   padding: 30px 0;
 }
 .picturesImgSt .imgEffPanel {
   height: 230px;
 }
 .picturesImgSt .imgEffPanel img {
   width: 100%;
   height: 230px;
 }
 .picImgBoxSt .imgEffPanel {
   height: 72px;
 }
 .picImgBoxSt .imgEffPanel img {
   width: 100%;
   height: 72px;
 }
 .picImgBoxSt-1 .imgEffPanel {
   height: 166px;
 }
 .picImgBoxSt-1 .imgEffPanel img {
   width: 100%;
   height: 166px;
 }
 .picImgBoxSt-2 .imgEffPanel {
   height: 70px;
 }
 .picImgBoxSt-2 .imgEffPanel img {
   width: 100%;
   height: 70px;
 }
 .picImgBoxSt-3 .imgEffPanel {
   height: 82px !important;
 }
 .picImgBoxSt-3 .imgEffPanel img {
   width: 100%;
   height: 82px !important;
 }
 .blogging_page .picture_gallery .traveling-content {
   position: relative;
   overflow: hidden;
   padding: 0px 10px 10px 10px !important;
   background: #222;
   border-radius: 1px;
   -moz-border-radius: 1px;
   -webkit-border-radius: 1px;
   border: 1px solid #222;
 }
 .blogging_page .picture_gallery .traveling-content ul li {
   display: block;
   overflow: hidden;
   border-bottom: 1px solid #333;
   float: right;
   padding: 10px 0 !important;
   width: 100%;
 }
 .blogging_page .picture_gallery .traveling-content ul li h3 {
   margin-bottom: 0 !important;
   padding: 10px 0 0 0px;
 }
 .blogging_page .picture_gallery .traveling-content ul li h3 a {
   color: #fff;
   font-family: Open sans, sans-serif, arial;
   font-weight: 600;
   font-size: 13px;
   line-height: 1.4em;
   padding: 10px 0 0 0px;
 }
 .blogging_page .post-feild {
   color: #fff;
   margin: 10px 0px 4px 0px;
   font-size: 12px;
   font-family: roboto, sans-serif;
   font-weight: 400;
   background-color: #e64522;
   padding: 0px 5px;
   display: inline-block;
 }
 .blogging_page .traveling-content .inner-content .tag-thumbnail .img img:hover {
   -webkit-transform: scale(1.1) rotate(-2deg);
   -moz-transform: scale(1.1) rotate(-2deg);
   -ms-transform: scale(1.1) rotate(-2deg);
   transform: scale(1.1) rotate(-2deg);
   background: rgba(0, 0, 0, 0.8);
 }
 .blogging_page .traveling-content .inner-content .tag-thumbnail .img img {
   width: 100%;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
 }
 .blogging_page .traveling-content .img:hover .overlay-shade {
   transform: scale(1);
 }
 .blogging_page .traveling-content .img {
   position: relative;
 }
 .blogging_page .traveling-content .overlay-shade {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   overflow: hidden;
   transform: scale(0);
   width: 100%;
   height: 100%;
   z-index: 12;
   background: rgba(0, 0, 0, 0.5);
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .blogLinkPanelSt ul {
   list-style-type: none;
   padding: 0;
   margin-bottom: 0;
 }
 .blogLinkPanelSt ul li a {
   font-size: 12px;
   color: #222 !important;
   font-family: sans-serif;
   font-weight: bold;
 }
 .blogLinkPanelSt ul li:hover {
   transition: all .4s ease-in-out;
   margin-left: 10px;
 }
 .blogging_page .post-meta {
   font-size: 12px;
 }
 .blogging_page .picture_gallery #main-content .slider_caption {
   position: absolute;
   bottom: 0;
   padding: 7px 0;
   background: rgba(0, 0, 0, 0.50);
   color: #fff;
   font-size: 14px;
   font-weight: 700;
   width: 100%;
   left: 0;
 }
 .blogging_page .picture_gallery #main-content .slider_caption h3 {
   margin-bottom: 0;
   color: #fff;
   font-size: 12px;
   text-align: center;
 }
 .blogging_page .Creative_effects h4 {
   line-height: 20px;
   font-family: 'Open Sans', sans-serif;
 }
 .blogging_page .Creative_effects h4 a {
   color: #222;
   font-weight: 600;
   font-size: 16px;
 }
 .blogging_page .Creative_effects p {
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   display: block;
   margin-bottom: 10px;
   width: 100%;
   line-height: 1.5em;
 }
 .blogging_page .Creative_effects .tag-rm {
   background-color: #ff9900;
   float: left;
   display: block;
   text-decoration: none;
   color: #fff;
   font-size: 11px;
   font-family: Helvetica, san-serif;
   font-weight: normal;
   padding: 0px 7px;
   margin: -2px 0 14px;
   text-transform: capitalize;
 }
 .blogging_page .Creative_effects .tag-rm:hover {
   background-color: #2d2d2d;
   color: #fff !important;
 }
 .blogging_page .Creative_effects .parent {
   width: 100%;
   height: 100%;
   overflow: hidden;
   position: relative;
 }
 .blogging_page .Creative_effects .child {
   height: 100%;
   width: 100%;
   background-size: cover;
   background-repeat: no-repeat;
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
 }
 .blogging_page .Creative_effects .parent:hover .child, .parent:focus .child {
   -ms-transform: scale(1.2);
   -moz-transform: scale(1.2);
   -webkit-transform: scale(1.2);
   -o-transform: scale(1.2);
   transform: scale(1.2);
 }
 .blogging_page .Creative_effects .parent:hover .child:before, .parent:focus .child:before {
   display: block;
 }
 .blogging_page .Creative_effects .parent:hover a, .parent:focus a {
   display: block;
 }
 .blogging_page .Creative_effects .child:before {
   content: "";
   display: none;
   height: 100%;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background: rgba(0, 0, 0, 0.64);
 }
 .blogging_page .Creative_effects .h-70 {
   height: 70px;
 }
 .blogging_page .Creative_effects .w-70 {
   width: 70px;
 }
 .blogging_page .Creative_effects .hi-100 {
   height: 100px !important;
 }
 .blogging_page .Creative_effects .w-160 {
   width: 160px !important;
 }
 .blogging_page .Creative_effects h5 {
   line-height: 13px;
   margin-bottom: 0;
   font-family: Open sans, sans-serif, arial;
 }
 .blogging_page .Creative_effects a {
   color: #222;
   font-weight: 600;
   font-family: Open sans, sans-serif, arial;
   font-size: 13px;
 }
 .blogging_page .photo-gallery {
   color: #313437;
   background-color: #fff;
 }
 .fs-10 {
   font-size: 10px !important;
 }
 .fs-11 {
   font-size: 11px !important;
 }
 .fs-12 {
   font-size: 12px !important;
 }
 .fs-13 {
   font-size: 13px !important;
 }
 .w-text {
   color: #fff;
 }
 .br-b-1 {
   border-bottom: 1px solid #eaeaea;
 }
 .blogging_page .photo-gallery p {
   color: #7d8285;
 }
 .blogging_page .photo-gallery h2 {
   font-weight: bold;
   margin-bottom: 40px;
   padding-top: 40px;
   color: inherit;
 }
 @media (max-width:767px) {
   .blogging_page .photo-gallery h2 {
     margin-bottom: 25px;
     padding-top: 25px;
     font-size: 24px;
   }
 }
 .blogging_page .photo-gallery .intro {
   font-size: 16px;
   max-width: 500px;
   margin: 0 auto 40px;
 }
 .blogging_page .photo-gallery .item {
   padding-bottom: 8px;
 }
 .edBlogPanel h3 {
   margin: 0;
   padding: 0;
   margin-top: 10px;
   color: #222;
   font-weight: 600;
   font-family: Open sans, sans-serif, arial;
   font-size: 19px;
   line-height: 1.4em;
 }
 .edBlogPanel p {
   margin: 0;
   padding: 10px 0;
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   font-weight: normal;
   display: block;
   width: 100%;
   line-height: 1.5em;
 }
 .edBlogPanel .readMoreBlog {
   background-color: #ff9900;
   display: inline-block;
   text-decoration: none;
   color: #fff;
   font-size: 12px;
   font-weight: normal;
   padding: 2px 6px;
   text-transform: capitalize;
 }
 .edBlogPanel .readMoreBlog:hover {
   background: #3f3d56;
 }
 .categoriesNameSt {
   position: absolute;
   left: 0;
   top: 26px;
   font-size: 13px;
   z-index: 9;
 }
 .categoriesNameSt a {
   padding: 4px 10px;
   background: rgba(240, 152, 25, .93);
   color: #fff;
   border-radius: 0 10px 10px 0;
   display: block;
 }
 .categoriesNameSt a:hover {
   background: rgba(0, 0, 0, .93);
 }
 .contPanelForm {
   background: #eff3f6;
   border-radius: 20px;
   padding: 15px;
   margin-top: 25px;
 }
 .contPanelForm p {
   margin: 0;
   padding: 0;
   margin-bottom: 20px;
   font-size: 16px;
 }
 .registerTabAreaPanel .RegisterFormNewArea .form-group {
   position: relative;
 }
 .registerTabAreaPanel .RegisterFormNewArea i {
   position: absolute;
   left: 10px;
   top: 10px;
   font-size: 18px;
 }
 .registerTabAreaPanel .RegisterFormNewArea .form-control {
   height: 40px;
   padding-left: 35px;
 }
 .registerTabAreaPanel .rgBottomBtn {
   text-align: right;
   margin-top: 20px
 }
 .registerTabAreaPanel .rgBottomBtn a {
   border-radius: 50px;
   z-index: 9;
   position: relative;
   color: #fff;
   border: 1px solid #333;
   color: #333;
   padding: 10px 20px;
   font-size: 14px;
   line-height: 1.5;
 }
 .registerTabAreaPanel .rgBottomBtn a.active, .registerTabAreaPanel .rgBottomBtn a:hover {
   border-radius: 50px;
   z-index: 9;
   position: relative;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
   border: 1px solid transparent;
   padding: 10px 20px;
   font-size: 14px;
   line-height: 1.5;
 }
 .registerTabAreaPanel .custom-radio {}
 .registerTabAreaPanel h3 {
   margin: 0;
   padding: 0;
   margin-bottom: 15px;
   font-size: 16px;
 }
 .registerTabAreaPanel .custom-radio {
   margin-bottom: 15px;
 }
 .registerTabAreaPanel .custom-radio strong {
   display: block;
   font-size: 15px;
 }
 .registerTabAreaPanel .custom-radio span {
   display: block;
   font-size: 14px;
   color: #76838f;
 }
 .registerTabAreaPanel .tipTricksArea h5 {
   margin: 0;
   padding: 0;
   font-size: 15px;
   margin-bottom: 15px;
 }
 .registerTabAreaPanel .tipTricksArea .alert {
   width: 18%;
   padding: 15px;
   color: #233a66;
   float: left;
   margin: 0 1%;
   margin-bottom: 15px;
   border-color: #abb8d1;
   background: #ebe9ff;
 }
 .registerTabAreaPanel .tipTricksArea .alert.alert-dismissible .close {
   padding: 3px;
 }
 .productLaunchSection {}
 .productLaunchSection {
   padding-top: 65px;
   padding-bottom: 55px;
   position: relative !important;
   background: #f8f9fc url('../images/bg20.png');
   background-repeat: no-repeat;
   background-position: top center;
 }
 .productLaunchSection .fw-bold {
   font-weight: 700 !important;
 }
 .productLaunchSection .f-30 {
   font-size: 30px;
 }
 .productLaunchSection .para-width.text-muted {
   color: #838485 !important;
   font-size: 15px;
   line-height: 22px;
   margin-bottom: 0 !important;
 }
 .productLaunchSection .service-box {
   padding: 15px;
   border-radius: 10px;
   transition: all .5s ease-in-out;
   height: 285px;
 }
 .productLaunchSection .service-box:hover {
   background: #fff;
   transition: all .5s ease-in-out;
   transform: scale(1.1);
   box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px;
 }
 .productLaunchSection .service-box .service-icon {
   background: url('../images/bomb.png');
   background-repeat: no-repeat;
   background-position: center;
   padding: 1.9rem !important;
   margin-bottom: 15px;
   color: #3c91b3;
 }
 .productLaunchSection .service-box .service-icon i {
   font-size: 27px;
   position: relative;
   top: 10px;
 }
 .productLaunchSection .service-box p {
   font-size: 14px;
   line-height: 20px;
 }
 .featuresAreaSt {
   padding: 60px 0;
 }
 .featuresAreaSt .tab-content .tab-pane .features-item .icon {
   background-color: rgba(0, 118, 163, .1);
   color: #0076a3
 }
 .featuresAreaSt .fw-bold {
   font-weight: 700 !important;
 }
 .featuresAreaSt .f-30 {
   font-size: 30px;
 }
 .ms-lg-auto {
   margin-left: auto !important;
 }
 .avatar-sm {
   height: 3rem;
   width: 3rem;
   line-height: 3rem;
 }
 .rounded-circle {
   border-radius: 50% !important;
 }
 body[data-layout-mode=dark] .features {
   background-color: #343f4b !important;
   color: #fff
 }
 .featuresAreaSt .features-item i {
   font-size: 20px;
 }
 .featuresAreaSt .features-item h5 {
   font-size: 16px;
   font-weight: 600 !important;
   line-height: 1.4;
 }
 .featuresAreaSt .features-item p {
   font-size: 14px;
   color: #838485;
   line-height: 20px;
   margin-bottom: 0;
 }
 .section-grey {
   background: #f1faff;
   padding: 90px 0 70px 0;
 }
 .br-Area-1 {
   border-bottom: 5px solid #c5eaff;
   border-top: 5px solid #c5eaff;
 }
 .padding-bottom-30 {
   padding-bottom: 30px !important;
 }
 .margin-right-15 {
   margin-right: 15px;
 }
 .right-dots-img {
   position: relative;
   z-index: 1;
 }
 .right-dots-img img {
   position: relative;
   z-index: 200;
 }
 .right-dots-img:after {
   background-image: radial-gradient(#ff0000 15%, transparent 25%);
   background-size: 15px 15px;
   content: "";
   position: absolute;
   width: 204px;
   height: 230px;
   left: -29px;
   bottom: -34px;
   z-index: 99;
 }
 .section-grey h3 {
   line-height: 1.2;
   margin-top: 0;
   margin-bottom: 20px;
   color: #071e55;
   font-weight: 600;
   font-size: 32px;
   letter-spacing: normal;
 }
 .section-grey p {
   font-size: 18px;
   line-height: 28px;
   font-weight: 400;
   color: #7c8595;
   margin-bottom: 20px;
   font-family: 'Roboto', sans-serif;
 }
 .section-grey ul.benefits {
   list-style: none;
   list-style-image: none;
   margin: 0;
   padding: 0;
   color: #858585;
   font-size: 14px;
   line-height: 24px;
   margin-bottom: 20px;
 }
 .section-grey ul.benefits li {
   font-size: 17px;
   line-height: 26px;
   margin-bottom: 8px;
 }
 .section-grey ul.benefits li i {
   font-size: 18px;
   line-height: 18px;
   margin-right: 9px;
   color: #27b36a;
   margin-bottom: 10px;
   float: left;
   top: 7px;
   position: relative;
 }
 .section-grey ul.benefits li b, .section-grey ul.benefits li strong {
   font-weight: bolder;
 }
 .btn-red {
   font-size: 18px;
   line-height: 22px;
   font-weight: 600;
   color: #fff;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   box-shadow: 0px 5px 20px 0 rgb(0 0 0 / 27%);
   letter-spacing: 1px;
   border-radius: 23px 23px;
   margin: 5px 10px 10px 0;
   padding: 18px 25px;
   display: inline-block;
   transition: all 0.4s ease-in-out;
   -webkit-transition: all 0.4s ease-in-out;
   font-size: 16px;
   padding: 14px 20px;
 }
 .btn-red:hover {
   box-shadow: 0px 4px 10px 0 rgb(0 0 0 / 50%);
   color: #fff !important;
   background: linear-gradient(160deg, #fc5525, #fb9d3b);
 }
 .sectionArea08 {
   padding: 130px 20px;
   position: relative;
   background: url('../images/bg87.jpg') no-repeat scroll center center / cover;
 }
 .sectionArea08:after {
   position: absolute;
   width: 100%;
   height: 100%;
   background: linear-gradient(131deg, #2e3140, transparent);
   content: '';
   left: 0;
   top: 0;
 }
 .sectionArea08 .container .wedoContent {
   position: relative;
   z-index: 9;
 }
 .sectionArea08 h5 {
   margin-bottom: 39px;
   font-weight: 700;
   color: #fff;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: 6.4px;
   line-height: 20px;
   margin: 0 0 15px;
 }
 .sectionArea08 h2 {
   color: #fff;
   font-size: 80px;
   letter-spacing: 0;
   line-height: 90px;
   font-weight: 700;
   margin-bottom: 29px;
 }
 .sectionArea08 h2 span, .sectionArea08 b {
   color: #ffc112;
 }
 .sectionArea08 .col {
   color: #fff;
   font-size: 60px;
   letter-spacing: 0;
   line-height: 50px;
   font-weight: 700;
 }
 .sectionArea08 .col span {
   display: block;
   font-size: 48px;
 }
 .sectionArea08 .col hr {
   height: 2px;
   width: 100%;
   background: #fff;
   margin: 10px 0;
   padding: 0;
 }
 .sectionArea08 h5.calculateHdArea {
   font-size: 20px;
   margin-bottom: 60px !important;
 }
 @media (min-width: 1200px) {
   .col-lg-offset-1 {
     margin-left: 8.33333333%;
   }
 }
 .section.features {
   background-color: #fafbfb;
   padding-top: 80px;
   padding-bottom: 80px;
   position: relative;
 }
 .features .features-box {
   border-radius: 20px;
   background-color: rgba(255, 128, 93, .06);
   background-color: rgba(255, 226, 218, 0.9) !important;
 }
 .features .card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, .125);
   border-radius: 20px;
   margin-bottom: 15px;
 }
 .features .card-body {
   flex: 1 1 auto;
   padding: 1rem 1rem;
 }
 .features .features-box .features-body .features-img {
   border-radius: 20px;
   max-width: 100%;
   height: auto;
   vertical-align: middle;
 }
 .features .features-box .features-body .features-icon {
   font-size: 35px;
   color: rgba(255, 128, 93, .8);
   cursor: pointer;
   transition: all .1s ease-in-out;
 }
 .features .features-box .features-body h6 {
   font-size: 14px;
   font-weight: 700;
 }
 .features .features-box .features-body .text-muted {
   line-height: 16px;
   color: #839393 !important;
   display: block;
   font-size: 13px;
 }
 .fw-n {
   font-weight: normal !important;
 }
 .ms-3 {
   margin-left: 1rem !important;
 }
 .fs-25 {
   font-size: 25px !important;
 }
 .align-self-center {
   align-self: center !important;
 }
 .flex-grow-1 {
   flex-grow: 1 !important;
 }
 .bg-04 {
   background-image: url(https://dsathemes.com/html/olmo_1.4/files/images/bg-04.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-size: cover;
   background-attachment: fixed !important;
   padding-top: 100px;
   padding-bottom: 60px;
 }
 .tabs-section .img-block.left-column, .tabs-section .txt-block.left-column, .content-section .img-block.left-column, .content-section .txt-block.left-column {
   padding-left: 5px;
   padding-right: 20px;
   margin-bottom: 40px;
 }
 .img-block {
   text-align: center;
 }
 .rel {
   position: relative !important;
   z-index: 3;
 }
 .video-btn-xl {
   width: 120px;
   height: 120px;
   margin-top: -60px;
   margin-left: -60px;
 }
 .video-btn {
   position: absolute !important;
   top: 50%;
   left: 50%;
   display: inline-block;
   text-align: center;
   color: #fff;
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 .bg-violet-red {
   background-color: #c73e9b;
 }
 .video-block-wrapper {
   -webkit-transition: all 400ms ease-in-out;
   -moz-transition: all 400ms ease-in-out;
   -o-transition: all 400ms ease-in-out;
   -ms-transition: all 400ms ease-in-out;
   transition: all 400ms ease-in-out;
 }
 .video-btn.video-btn-xl [class^="flaticon-"]:before, .video-btn.video-btn-xl [class^="flaticon-"]:after {
   line-height: 120px !important;
   margin-left: 10px;
 }
 .ico-90 [class*="flaticon-"]:before, .ico-90 [class*="flaticon-"]:after {
   font-size: 5.625rem;
 }
 span[class^="flaticon-"]:before, span[class*=" flaticon-"]:before {
   font-family: flaticon !important;
   font-style: normal;
   font-weight: normal !important;
   font-variant: normal;
   text-transform: none;
   font-size: 20px;
   line-height: 1 !important;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 .flaticon-play-button:before {
   content: "\f1bd";
 }
 .tabs-section .img-block.right-column, .tabs-section .txt-block.right-column, .content-section .img-block.right-column, .content-section .txt-block.right-column {
   padding-left: 20px;
   padding-right: 5px;
   margin-bottom: 40px;
 }
 .section-id.txt-upcase {
   display: block;
   font-weight: 500;
   letter-spacing: 0.5px;
   margin-bottom: 35px;
   font-size: 0.975rem;
   color: #fff;
   text-transform: uppercase;
 }
 .txt-block h3, .txt-block h2, .content-14-txt h4, .content-14-txt h3 {
   margin-bottom: 26px;
   color: #fff;
   font-weight: 500;
   letter-spacing: -0.75px;
 }
 .areaOfUnite ul.simple-list {
   list-style: disc;
   margin-left: 15px;
 }
 .areaOfUnite ul.simple-list li {
   color: #fff;
   font-size: 16px;
   margin-bottom: 15px;
 }
 .areaOfUnite ul.simple-list li strong {
   color: #fcd503;
 }
 .areaOfUnite h2 {
   font-size: 50px;
   font-weight: 700;
 }
 .areaOfUnite h6 {
   font-size: 19px;
   font-weight: 700;
   line-height: 25px;
   color: #fff;
   margin-bottom: 30px;
 }
 .areaOfUnite h6 strong {
   color: #ff0;
 }
 .sectionLeftSt-1 {
   padding: 50px 0;
 }
 .sectionLeftSt-1 .img-block img {
   width: 100%;
 }
 .sectionLeftSt-1 h5 {
   font-size: 22px;
   margin-bottom: 20px;
   font-weight: 700;
 }
 .sectionLeftSt-1 p {
   color: #333;
   font-size: 16px;
   margin-bottom: 15px;
 }
 .sectionLeftSt-1 ul {
   list-style: disc;
   margin-left: 15px;
 }
 .sectionLeftSt-1 ul li {
   color: #333;
   font-size: 16px;
   margin-bottom: 15px;
 }
 .bgSt10 {
   background: #f8f9fc !important;
 }
 .ourProductsArea {
   position: relative;
   margin-top: 40px;
 }
 .ourProductsArea img {
   width: 100%;
   border-radius: 20px;
 }
 .ourProductsArea .fream-phone {
   position: absolute;
   z-index: 9;
   left: 50%;
   transform: translate(-50%);
   top: 0;
   height: auto;
   width: 230px;
   top: -10px;
 }
 .monitorAreaSt {
   position: relative;
 }
 .monitorAreaSt .iteamMonitor {
   background: #fff;
   padding: 15px;
   text-align: center;
   border-radius: 15px;
   -webkit-box-shadow: 0px 10px 30px 0px rgb(0 44 93 / 6%);
   box-shadow: 0px 10px 30px 0px rgb(0 44 93 / 6%);
 }
 .monitorAreaSt .iteamMonitor h4 {
   font-size: 18px;
   font-weight: 700;
 }
 .monitorAreaSt .iteamMonitor p {
   font-size: 14px;
   line-height: 21px;
 }
 .monitorAreaSt .owl-stage-outer {
   padding-top: 30px;
   padding-bottom: 30px;
 }
 .monitorAreaSt .owl-stage-outer i {
   width: 60px;
   height: 60px;
   background: #ededfa;
   border-radius: 50%;
   margin: auto;
   margin-bottom: 20px;
   font-size: 30px;
   line-height: 60px;
   color: #5454d4;
 }
 .bg-gr-01 {
   background: rgb(255, 255, 255);
   background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(255, 236, 232, 1) 50%);
 }
 .bg-gr-02 {
   background: rgb(255, 255, 255);
   background: linear-gradient(90deg, rgba(255, 236, 232, 1) 50%, rgba(255, 255, 255, 1) 50%);
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
   min-height: 316px;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor i {
   color: #fb9d3b;
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor:hover {
   background: #fff;
   color: #333;
   transition: all .5s ease-in-out;
   -moz-transition: all .5s ease-in-out;
   -webkit-transition: all .5s ease-in-out;
   box-shadow: rgb(50 50 93 / 25%) 0px 13px 27px -5px;
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor:hover i {
   color: #333;
 }
 .bg-gray {
   background: #fbfbfe !important;
 }
 .sectionSt-01.cta {
   background-image: url(../images/pages/cta-bg.jpg);
   position: relative;
   background-repeat: no-repeat;
   background-attachment: fixed;
 }
 .sectionSt-01.cta .cta-phone-image {
   position: absolute;
   z-index: 9;
   top: -70%;
 }
 .sectionSt-01 {
   padding-top: 120px;
   padding-bottom: 120px;
   position: relative !important;
 }
 .sectionSt-01.cta::before {
   content: "";
   position: absolute;
   top: -50px;
   left: 0;
   width: 100%;
   height: 100px;
   background: #fbfbfe;
   transform: matrix(1, -0.05, 0, 1, 0, 0);
   z-index: 1;
 }
 .sectionSt-01::after {
   content: "";
   position: absolute;
   bottom: -50px;
   left: 0;
   width: 100%;
   height: 100px;
   background: #eff3f6;
   -ms-transform: matrix(1, -0.05, 0, 1, 0, 0);
   -webkit-transform: matrix(1, -0.05, 0, 1, 0, 0);
   transform: matrix(1, -0.05, 0, 1, 0, 0);
 }
 .bg-overlay-gradiant {
   background: linear-gradient(80deg, #377d8f 0%, #0a4157 100%);
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   opacity: .9;
 }
 .sectionSt-01 h1 {
   font-size: 30px;
   color: #fff;
   font-weight: 700;
 }
 .sectionSt-01 p {
   font-size: 20px;
   color: #fff;
   line-height: 29px;
 }
 .sectionSt-01 p strong {
   color: #ff0;
   font-size: 30px;
 }
 .cart-2 {
   padding-top: 120px;
   padding-bottom: 120px;
   position: relative !important;
 }
 .cart-2::before {
   content: "";
   position: absolute;
   top: -50px;
   left: 0;
   width: 100%;
   height: 100px;
   background: #eff3f6;
   transform: matrix(1, -0.05, 0, 1, 0, 0);
   z-index: 1;
 }
 .cart-2::after {
   content: "";
   position: absolute;
   bottom: -50px;
   left: 0;
   width: 100%;
   height: 100px;
   background: #fff;
   -ms-transform: matrix(1, -0.05, 0, 1, 0, 0);
   -webkit-transform: matrix(1, -0.05, 0, 1, 0, 0);
   transform: matrix(1, -0.05, 0, 1, 0, 0);
 }
 .aftNone:after {
   display: none !important;
 }
 #service_part {
   background: transparent url(../images/pages/techno-animate-bg.jpg) center center/cover no-repeat scroll;
   padding-top: 85px;
   padding-bottom: 60px;
 }
 #service_part h2 {
   color: #fff;
 }
 #service_part .section_head h2 span {
   color: #fff;
 }
 .service_head p {
   max-width: 708px;
   margin: auto;
   color: #fff;
   font-size: 16px;
 }
 .service_item {
   background: rgba(255, 255, 255, 0);
   text-align: left;
   border: 1px solid rgba(255, 255, 255, 0.30);
   padding: 28px 20px 28px;
   position: relative;
   border-radius: 7px;
   transition: .5s;
   margin-bottom: 30px;
   min-height: 360px;
 }
 .service_item:hover {
   border-color: #fc5124;
   background: #fc5124;
   transform: translateY(-8px);
   box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
 }
 .service_item > i {
   font-size: 40px;
   color: #fff;
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 40px;
   border-radius: 5%;
 }
 .service_item h3 {
   padding: 20px 0;
   margin-bottom: 0;
   z-index: 9;
   position: relative;
   color: #fff;
   font-weight: 600;
   font-size: 18px;
 }
 .service_item p {
   padding-bottom: 20px;
   color: #fff;
 }
 .service_item a.ser_btn {
   background: transparent;
   font-weight: 400;
 }
 .service_item a i {
   margin-left: 5px;
 }
 .footerMiddleAeea {
   width: 100%;
   display: table;
   padding: 15px 0;
   background: #000;
   text-align: center;
   border-top: 1px solid #333;
 }
 .footerMiddleAeea a {
   color: #fff;
   margin: 0 10px;
   color: #fff;
   font-size: 13px;
   position: relative;
 }
 .footerMiddleAeea a:after {
   width: 1px;
   height: 100%;
   right: -12px;
   top: 0;
   content: '';
   position: absolute;
   background: #333;
 }
 .footerMiddleAeea a:hover {
   text-decoration: underline;
 }
 .tns-item-box {
   border-radius: 20px;
   box-shadow: 0 5px 13px rgb(60 72 88);
   margin: 20px 0;
   overflow: hidden;
   position: relative;
   background: #fff;
 }
 .tns-item-box h5 {
   font-size: 18px;
   color: #ff6436;
   font-weight: 600;
   letter-spacing: 0;
   margin-bottom: 10px;
 }
 .tns-item-box p {
   line-height: 22px;
   margin-bottom: 10px;
 }
 .bG05 {
   background-color: #47747c;
   background-image: none;
   position: relative;
 }
 .bG05 h4 {
   margin: auto;
   width: 50%;
   font-size: 24px;
 }
 .bG05:before {
   content: "";
   background-image: url(../images/innerpages/arrow-bg.png);
   top: 0px;
   width: 100%;
   left: 0;
   position: absolute;
   height: 33px;
 }
 .soc-sectionAnimate {
   background: #fff;
   padding: 60px 0 30px;
 }
 .soc-sectionAnimate .profile-circle-wrapper {
   position: relative;
   height: 397px;
   width: 517px;
   margin: auto;
   pointer-events: fill;
   cursor: pointer;
   -webkit-transform: perspective(100px), translate3d(0, 0, 0);
   transform: perspective(1000px);
 }
 .soc-sectionAnimate .folder-img {
   position: relative;
   top: 210px;
   left: 25px;
   z-index: 1;
 }
 .soc-sectionAnimate .profile-inner {
   position: absolute;
   height: 397px;
   width: 517px;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   margin: auto;
   border-radius: 50%;
   z-index: 2;
   -webkit-transition: 3s all;
   transition: 3s all;
 }
 .soc-sectionAnimate .profile-circle {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   border: 3px solid #ededed;
   border-radius: 50%;
   margin: 25px auto 0;
 }
 .soc-sectionAnimate .circle-lg {
   height: 465px;
   width: 465px;
 }
 .soc-sectionAnimate .circle-md {
   height: 335px;
   width: 335px;
   margin-top: 85px;
 }
 .soc-sectionAnimate .circle-sm {
   height: 220px;
   width: 220px;
   margin-top: 145px;
 }
 .soc-sectionAnimate .profile-icon {
   position: absolute;
   display: block;
   height: 55px;
   width: 55px;
   margin: 0 auto;
   -webkit-transition: 1s all;
   transition: 1s all;
 }
 .soc-sectionAnimate .profile-icon img {
   -webkit-transform: rotate(-90deg);
   display: block;
 }
 .soc-sectionAnimate .icon-1 {
   top: 40px;
   left: 35px;
   -webkit-transform-origin: 350% 182px;
   transform-origin: 350% 182px;
 }
 .soc-sectionAnimate .icon-2 {
   top: 40px;
   left: 370px;
   -webkit-transform-origin: -135px 185px;
   transform-origin: -135px 185px;
 }
 .soc-sectionAnimate .icon-3 {
   top: 210px;
   left: 425px;
   -webkit-transform-origin: -355% 12px;
   transform-origin: -355% 12px;
 }
 .soc-sectionAnimate .icon-4 {
   top: 422px;
   left: 140px;
   -webkit-transform-origin: 160% -191px;
   transform-origin: 160% -191px;
 }
 .soc-sectionAnimate .icon-5 {
   top: -28px;
   left: 130px;
   -webkit-transform-origin: 50% 193px;
   transform-origin: 50% 193px;
 }
 .soc-sectionAnimate .icon-6 {
   top: 65px;
   left: -15px;
   -webkit-transform-origin: 328% 100px;
   transform-origin: 328% 100px;
 }
 .soc-sectionAnimate .icon-7 {
   top: 200px;
   left: -20px;
   -webkit-transform-origin: 328% -35px;
   transform-origin: 328% -35px;
 }
 .soc-sectionAnimate .icon-8 {
   top: -15px;
   left: 120px;
   -webkit-transform-origin: -28% 117px;
   transform-origin: -28% 117px;
 }
 .soc-sectionAnimate .icon-9 {
   top: 175px;
   left: 80px;
   -webkit-transform-origin: 46% -68px;
   transform-origin: 46% -68px;
 }
 .soc-sectionAnimate .icon-8, .soc-sectionAnimate .icon-9 {
   height: 65px;
   width: 65px;
 }
 .soc-sectionAnimate .section-heading > h2 {
   display: inline-block;
   font-size: 30px;
   font-weight: 700;
   line-height: 1.2em;
   color: #071e55;
   font-family: 'Roboto', sans-serif;
 }
 .soc-sectionAnimate .section-heading p.d-none.d-sm-block.mt-4 {
   font-size: 15px;
   font-weight: 500;
   line-height: 1.3;
   padding: 0 30px;
   margin: 0 !important;
   color: #90979f;
 }
 .soc-sectionAnimate ul.content-list li.single-content-list .content-text > span > b {
   font-weight: 600;
   font-size: 15px;
 }
 .soc-sectionAnimate ul.content-list li.single-content-list span.color-2 {
   color: #fc5e28;
 }
 .circle-animation .icon-3-img, .circle-animation .icon-4-img, .circle-animation .icon-2-img, .circle-animation .icon-1-img {
   -webkit-animation: rotateCircle 80s 3.01s infinite linear;
   animation: rotateCircle 80s 3.01s infinite linear backwards;
   -webkit-animation-direction: forwards;
   animation-direction: forwards;
 }
 .circle-animation .icon-1, .circle-animation .icon-2, .circle-animation .icon-3, .circle-animation .icon-4 {
   -webkit-animation: rotateCircle 80s 3s infinite linear;
   animation: rotateCircle 80s 3s infinite linear;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
 }
 .circle-animation .icon-5-img, .circle-animation .icon-6-img, .circle-animation .icon-7-img {
   -webkit-animation: rotateCircle 90s 1.01s infinite linear;
   animation: rotateCircle 90s 1.01s infinite linear;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
 }
 .circle-animation .icon-5, .circle-animation .icon-6, .circle-animation .icon-7 {
   -webkit-animation: rotateCircle 90s 1s infinite linear;
   animation: rotateCircle 90s 1s infinite linear;
 }
 .circle-animation .icon-8, .circle-animation .icon-9 {
   -webkit-animation: rotateCircle 35s 2s infinite linear;
   animation: rotateCircle 35s 2s infinite linear;
   -webkit-animation-direction: reverse;
   animation-direction: reverse;
 }
 .circle-animation .icon-8-img, .circle-animation .icon-9-img {
   -webkit-animation: rotateCircle 35s 2.01s infinite linear;
   animation: rotateCircle 35s 2.01s infinite linear;
   -webkit-animation-direction: forwards;
   animation-direction: forwards;
 }
 @-webkit-keyframes rotateCircle {
   from {
     -webkit-transform: rotate(0deg);
   }
   to {
     -webkit-transform: rotate(360deg);
   }
 }
 @keyframes rotateCircle {
   from {
     -webkit-transform: rotate(0deg);
     transform: rotate(0deg);
   }
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }
 .consumer-insights-about-area {
   background: #f9f9f9;
   position: relative;
   z-index: 1;
   padding: 60px 0;
 }
 .consumer-insights-about-area .about-area, .about-image {
   position: relative;
   z-index: 1
 }
 .consumer-insights-about-area .about-image {
   text-align: center;
   padding-right: 30px;
   padding-bottom: 60px
 }
 .consumer-insights-about-area .about-image .shape img:first-child {
   position: absolute;
   left: -60px;
   top: -35px;
   animation: movebounce 5s linear infinite;
   z-index: 1
 }
 @keyframes movebounce {
   0% {
     transform: translateY(0)
   }
   50% {
     transform: translateY(20px)
   }
   to {
     transform: translateY(0)
   }
 }
 .consumer-insights-about-area .about-image .shape img:nth-child(2) {
   position: absolute;
   right: 16%;
   bottom: 0;
   z-index: -1;
   animation: moveleftbounce 5s linear infinite
 }
 @keyframes moveleftbounce {
   0% {
     transform: translateX(0)
   }
   50% {
     transform: translateX(20px)
   }
   to {
     transform: translateX(0)
   }
 }
 .consumer-insights-about-area .about-content {
   padding-left: 30px;
   max-width: 745px
 }
 .consumer-insights-about-area .about-content .sub-title {
   display: block;
   text-transform: uppercase;
   background: linear-gradient(to left bottom, #ee0979, #fc1c62, #ff364a, #ff512f, #ff6a00);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   margin-bottom: 10px;
   font-family: Poppins, sans-serif;
   font-size: 17px;
   font-weight: 400
 }
 .consumer-insights-about-area .about-content h2 {
   margin-bottom: 18px;
   font-size: 30px;
   font-weight: 700;
   font-family: 'Roboto', sans-serif;
   color: #1d1d89;
 }
 .consumer-insights-about-area p {
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #7c8595;
   margin-bottom: 20px;
 }
 .consumer-insights-about-area p > span.text-orange {
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: #ff6436;
   font-family: 'Roboto', sans-serif;
 }
 .monitorAreaSt.purpleGradientBg .iteamMonitor {
   background: linear-gradient(135deg, #be63f9 0%, #0449c4 100%);
   height: 300px;
 }
 .monitorAreaSt.purpleGradientBg .iteamMonitor h4, .monitorAreaSt.purpleGradientBg .iteamMonitor p {
   color: #fff;
 }
 .monitoringTrends-service {
   padding: 60px 0;
 }
 .monitoringTrends-service .single-service > span.icon-bg-1 {
   background-color: rgba(190, 99, 249, 0.15);
 }
 .monitoringTrends-service .single-service > span.icon-bg-2 {
   background-color: rgba(38, 198, 218, 0.15);
 }
 .monitoringTrends-service .single-service > span.icon-bg-3 {
   background-color: rgba(252, 87, 59, 0.15);
 }
 .monitoringTrends-service .single-service > span.icon-bg-4 {
   background-color: rgba(52, 255, 146, 0.15);
 }
 .monitoringTrends-service .single-service > span.icon-bg-5 {
   background-color: rgba(255, 210, 0, 0.15);
 }
 .monitoringTrends-service .single-service > span.icon-bg-6 {
   background-color: rgba(255, 157, 69, 0.15);
 }
 .monitoringTrends-service .single-service .color-1 {
   color: #be63f9;
 }
 .monitoringTrends-service .single-service .color-2 {
   color: #26c6da;
 }
 .monitoringTrends-service .single-service .color-3 {
   color: #fc573b;
 }
 .monitoringTrends-service .single-service .color-4 {
   color: #34FF92;
 }
 .monitoringTrends-service .single-service .color-5 {
   color: #ffd200;
 }
 .monitoringTrends-service .single-service .color-6 {
   color: #ff9d45;
 }
 .monitoringTrends-service .single-service > span::before {
   font-size: 2.5rem;
   margin: 0;
 }
 .monitoringTrends-service .single-service h3 {
   font-size: 18px;
   font-weight: 600;
   line-height: 0.9em;
   letter-spacing: -1.6px;
 }
 .monitoringTrends-service .single-service p {
   font-family: 'Roboto', sans-serif;
   font-size: 15px;
   font-weight: 400;
   line-height: 24px;
   color: #565656;
   margin-bottom: 0;
 }
 .real-time-one {
   padding: 40px 0 0;
 }
 .real-time-two {
   padding: 0 0 40px 0;
 }
 .real-time-one .service-content-wrapper {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: end;
   -webkit-align-items: flex-end;
   -ms-flex-align: end;
   align-items: flex-end;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0 70px;
 }
 .real-time-one .service-content-wrapper .section-title {
   width: 45%;
   padding-right: 30px;
 }
 .real-time-one .section-title .sub-title {
   font-size: 16px;
   font-weight: 500;
   line-height: 1.2;
   margin-top: 0;
   color: #616161;
   text-transform: uppercase;
   margin-bottom: 18px;
   letter-spacing: 1px;
 }
 .real-time-one .section-title .title {
   font-size: 60px;
   font-weight: 700;
   color: #1d3557;
   margin-bottom: 0;
 }
 .real-time-one .section-title .title span {
   position: relative;
   z-index: 1;
   display: inline-block;
   padding: 0 5px;
 }
 .real-time-one .section-title .title span::before {
   position: absolute;
   content: '';
   width: 100%;
   height: 14px;
   background-color: #b3d9db;
   bottom: 13px;
   left: 0;
   z-index: -1;
 }
 .real-time-one .service-content-wrapper .service-content {
   width: 55%;
   padding-left: 30px;
 }
 .real-time-one .service-content-wrapper .service-content .text {
   font-size: 18px;
   color: #457b9d;
   font-weight: 700;
 }
 .real-time-one .service-content-wrapper .service-content p {
   margin-bottom: 0;
   margin-top: 25px;
   font-size: 18px;
 }
 .real-time-two .features-row {
   display: -webkit-box;
   display: -webkit-flex;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: justify;
   -webkit-justify-content: space-between;
   -ms-flex-pack: justify;
   justify-content: space-between;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
 }
 .real-time-two .features-row .feature-col {
   width: 46%;
 }
 .real-time-two .feature-box {
   text-align: justify;
   margin-top: 30px;
 }
 .real-time-two .feature-box .icon {
   position: relative;
   display: inline-block;
   z-index: 2;
   padding-top: 20px;
 }
 .real-time-two .feature-box .icon::before {
   position: absolute;
   content: '';
   top: 0;
   left: 0;
   width: 77px;
   height: 77px;
   border-radius: 50%;
   background-color: #e1f3f4;
   z-index: -1;
   top: 0px;
   left: -28px;
 }
 .real-time-two .feature-box .content {
   padding-top: 20px;
 }
 .real-time-two .feature-box .content .title {
   font-size: 18px;
   font-weight: 700;
   color: #1d3557;
   margin-bottom: 0;
 }
 .real-time-two .feature-box .content p {
   margin-top: 8px;
 }
 .real-time-three {
   background-color: #b3d9db;
   background-image: none;
   padding-top: 60px;
 }
 .real-time-three .service-box {
   background-color: #fff;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   height: 350px;
   cursor: pointer;
   padding: 35px 30px;
   border-radius: 10px;
   -webkit-box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
   box-shadow: 0px 8px 46px 0px rgb(3 15 39 / 13%);
 }
 .real-time-three .service-box:hover {
   transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -moz-transform: scale(1.1);
   box-shadow: 0px 8px 15px 0px rgb(3 15 39 / 66%);
   -moz-box-shadow: 0px 8px 15px 0px rgb(3 15 39 / 66%);
   -webkit-box-shadow: 0px 8px 15px 0px rgb(3 15 39 / 66%);
 }
 .service-box .box-icon {
   position: relative;
   display: inline-block;
   z-index: 2;
   padding-left: 10px;
 }
 .service-box .box-icon::before {
   position: absolute;
   content: '';
   width: 55px;
   height: 55px;
   border-radius: 50%;
   background-color: #ebf7f8;
   z-index: -1;
   bottom: 0;
   left: 0;
 }
 .service-box .box-content {
   padding-top: 24px;
 }
 .service-box .box-content .title {
   margin-bottom: 0;
   font-size: 17px;
   font-weight: 700;
   color: #1d3557;
 }
 .service-box .box-content p {
   margin-top: 12px;
   margin-bottom: 0;
   line-height: 1.5;
 }
 .iteamMonitorImgArea {
   box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
 }
 .iteamMonitorImgArea img {
   width: 100%;
   border: 3px solid #fff;
 }
 .iteamMonitorImgArea h6 {
   background: #0898d4;
   padding: 10px 5px;
   font-size: 16px;
   color: #fff;
   text-align: center;
 }
 .brandsDetailsArea {
   width: 100%;
   background: #eeeeee;
   margin-top: 20px;
   position: relative;
   z-index: 9;
   display: none;
 }
 .brandsDetailsArea .brandsImgStArea {
   width: 800px;
   padding: 15px 5px;
 }
 .brandsDetailsArea .brandsImgStArea img {
   width: 100%;
   height: auto;
 }
 .brandsDetailsArea .brandsDetName {
   width: 100%;
   padding: 15px 5px;
 }
 .brandsDetailsArea .brandsDetName h4 {
   margin: 0;
   padding: 0;
   font-size: 16px;
   margin-bottom: 10px;
   font-weight: 700;
   color: #ff6b0b;
 }
 .brandsDetailsArea .brandsDetName h4 span {
   display: block;
   font-size: 13px;
   font-weight: normal;
   margin-top: 3px;
   color: #333;
 }
 .brandsDetailsArea .brandsDetName p {
   font-size: 14px;
   line-height: 20px;
 }
 .brandsDetailsArea .brandsDetName.userCtArea {
   font-style: italic;
 }
 .brandsDetailsArea .brandsDetName.userCtArea ul {
   margin: 0;
   padding: 0;
   margin-top: 15px;
   list-style: none;
   width: 100%;
   display: table;
 }
 .brandsDetailsArea .brandsDetName.userCtArea ul li {
   display: inline-block;
   margin: 0 5px 2px 5px;
   font-size: 12px;
   line-height: 12px;
   border-radius: 50px;
   padding: 2px 5px;
   border: 1px solid #333;
 }
 .brandsNamePanel .viewAllStBtn {
   right: -10px;
   bottom: 1px;
   z-index: 9;
   position: absolute;
   border: 1px solid #CCC;
   background: #fff;
   cursor: pointer;
   border-radius: 5px;
   padding: 3px;
   font-size: 14px;
   line-height: 14px;
 }
 .brandsNamePanel .viewAllStBtn:hover {
   background: linear-gradient(65deg, #fc9a3a, #fc5124);
   border: 1px solid #fc5124;
   color: #fff;
 }
 .brandsNamePanel .viewAllStBtn .tooltipSt {
   line-height: 21px !important;
   width: 61px !important;
   font-size: 11px !important;
   top: -30px !important;
 }
 .brandsNamePanel .viewAllStBtn i.fa-plus.fa-minus:before {
   content: "\f068";
 }
 .btnDg {
   border-radius: 50px;
   color: #fff !important;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   padding: 4px 20px;
   font-size: 14px;
 }
 .topCompanyLogoBox.rightBdPanel {
   background: #fff;
 }
 .topCompanyLogoBox.rightBdPanel h3 {
   font-size: 14px;
   text-align: center;
   margin-top: 10px;
   line-height: 30px;
   margin-bottom: 0;
   font-weight: 600;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   border-radius: 5px 5px 0 0;
   padding: 5px;
 }
 .topCompanyLogoBox.rightBdPanel h3 i {
   margin-right: 5px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel h3 {
   margin-bottom: 10px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel img {
   width: 70px;
   height: 70px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel h4 {
   font-size: 13px;
   color: #333;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 6px;
   font-weight: 600;
   text-shadow: 0 1px 0 #fff;
   line-height: 17px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel p {
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 15px;
 }
 .regNowAreaPanel {
   width: 100%;
   text-align: center;
   color: #fff;
 }
 .regNowAreaPanel a, a.ui-corner-all .btn {
   margin-left: 4px;
   font-size: 13px;
   line-height: 13px;
   border-width: 0px;
   color: #fff;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   padding: 4px 10px;
   border-radius: 50px;
 }
 .regNowAreaPanel a:hover, a.ui-corner-all .btn:hover {
   background: #3f3d56;
   border: 0px solid #3f3d56;
 }
 .mb-100 {
   margin-bottom: 100px !important;
 }
 .brandsDetailsArea {
   width: 100%;
   background: #323741;
   margin-top: 20px;
   position: relative;
   z-index: 9;
   display: none;
 }
 .brandsDetailsArea .brandsImgStArea {
   width: 800px;
   padding: 15px 5px;
 }
 .brandsDetailsArea .brandsImgStArea img {
   width: 100%;
   height: auto;
 }
 .brandsDetailsArea .brandsDetName {
   width: 100%;
   padding: 15px 5px;
 }
 .brandsDetailsArea .brandsDetName h4 {
   margin: 0;
   padding: 0;
   font-size: 16px;
   margin-bottom: 10px;
   font-weight: 700;
   color: #ff6b0b;
 }
 .brandsDetailsArea .brandsDetName h4 span {
   display: block;
   font-size: 13px;
   font-weight: normal;
   margin-top: 3px;
   color: #979aa0;
 }
 .brandsDetailsArea .brandsDetName p {
   font-size: 14px;
   line-height: 20px;
 }
 .brandsDetailsArea .brandsDetName.userCtArea ul {
   margin: 0;
   padding: 0;
   margin-top: 15px;
   list-style: none;
   width: 100%;
   display: table;
 }
 .brandsDetailsArea .brandsDetName.userCtArea ul li {
   display: inline-block;
   margin: 0 5px 2px 5px;
   font-size: 12px;
   line-height: 12px;
   border-radius: 50px;
   padding: 2px 5px;
   border: 1px solid #333;
 }
 .brandsNamePanel .viewAllStBtn {
   right: -10px;
   bottom: 1px;
   z-index: 9;
   position: absolute;
   border: 1px solid #474b54;
   color: #fff;
   background: #323741;
   cursor: pointer;
   border-radius: 5px;
   padding: 3px;
   font-size: 14px;
   line-height: 14px;
 }
 .brandsNamePanel .viewAllStBtn:hover {
   background: linear-gradient(65deg, #fc9a3a, #fc5124);
   border: 1px solid #fc5124;
   color: #fff;
 }
 .brandsNamePanel .viewAllStBtn .tooltipSt {
   line-height: 21px !important;
   width: 61px !important;
   font-size: 11px !important;
   top: -30px !important;
 }
 .btnDg {
   border-radius: 50px;
   color: #fff !important;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   padding: 4px 20px;
   font-size: 14px;
 }
 .topCompanyLogoBox.rightBdPanel {
   background: #fff;
 }
 .topCompanyLogoBox.rightBdPanel h3 {
   font-size: 14px;
   text-align: center;
   margin-top: 10px;
   line-height: 30px;
   margin-bottom: 0;
   font-weight: 600;
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   color: #fff;
   border-radius: 5px 5px 0 0;
   padding: 5px;
 }
 .topCompanyLogoBox.rightBdPanel h3 i {
   margin-right: 5px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel h3 {
   margin-bottom: 10px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel img {
   width: 70px;
   height: 70px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPostsPanel h4 {
   font-size: 13px;
   color: #333;
   font-family: 'Open Sans', sans-serif;
   margin-bottom: 6px;
   font-weight: 600;
   text-shadow: 0 1px 0 #fff;
   line-height: 17px;
 }
 .topCompanyLogoBox.rightBdPanel .popularPo
stsPanel p {
   color: #666;
   font-family: arial, sans-serif;
   font-size: 12px;
   line-height: 15px;
 }
 .utf_post_overaly_style {
   position: relative;
   overflow: hidden;
 }
 .utf_post_overaly_style:before {
   content: " ";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   bottom: 0;
   left: 0;
   border-radius: 0 0 6px 6px;
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.85) 100%);
 }
 .utf_post_overaly_style .utf_post_content {
   position: absolute;
   bottom: 0;
   padding: 20px;
 }
 .utf_post_overaly_style .utf_post_title a {
   color: #fff;
 }
 .utf_post_overaly_style .utf_post_title a:hover {
   color: #ff0;
 }
 .utf_post_overaly_style .utf_post_date {
   color: #fff;
 }
 .utf_post_thumb {
   max-width: 100%;
   position: relative;
   overflow: hidden;
   border-radius: 6px;
 }
 .utf_post_thumb img {
   display: block;
   width: 100%;
   border-radius: 6px;
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
 }
 .utf_post_block_style:hover .utf_post_thumb img, .utf_post_overaly_style:hover .utf_post_thumb img {
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
   -ms-transform: scale(1.15);
   -o-transform: scale(1.15);
   transform: scale(1.15);
   -webkit-transform: scale(1.2) rotate(5deg);
   transform: scale(1.2) rotate(5deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   -webkit-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;
 }
 .utf_post_block_style:hover .utf_post_thumb img {
   -webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
   -ms-transform: scale(1.15);
   -o-transform: scale(1.15);
   transform: scale(1.15);
   -webkit-transform: scale(1.2) rotate(5deg);
   transform: scale(1.2) rotate(5deg);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=30)";
   filter: alpha(opacity=30);
   -webkit-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;
 }
 .utf_post_block_style:hover .utf_post_thumb:before {
   content: "";
   background: rgba(0, 0, 0, 0.5);
   z-index: 1;
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   transition: 0.3s background ease-out;
   -webkit-transition: all .5s ease-out;
   -o-transition: all .5s ease-out;
   transition: all .5s ease-out;
 }
 .thumb-float-style .utf_post_cat {
   position: absolute;
   top: 20px;
   left: 20px;
   z-index: 1;
 }
 .utf_post_overaly_style.contentTop .utf_post_content {
   top: auto;
   bottom: 0;
 }
 .utf_post_overaly_style.contentTop:before {
   top: 0;
   left: 0;
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.95)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.95) 100%);
 }
 .utf_post_overaly_style.text-center .utf_post_content {
   padding: 30px 30px 20px;
 }
 .utf_post_overaly_style.text-center {
   margin-bottom: 30px;
 }
 .utf_post_overaly_style.text-center:last-child {
   margin-bottom: 0;
 }
 .utf_post_overaly_style.text-center .utf_post_thumb img {
   min-height: 260px;
 }
 .utf_post_overaly_style.text-center:before {
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.85) 100%);
   border-radius: 0 0 6px 6px;
 }
 .utf_block_title {
   font-size: 14px;
   line-height: 100%;
   text-transform: uppercase;
   margin: 0 0 30px;
   border-bottom: 2px dotted #1c1c1c;
 }
 .utf_block_title > span {
   background: #1c1c1c;
   color: #fff;
   height: 30px;
   line-height: 38px;
   padding: 10px 15px;
   top: 1px;
   border-radius: 10px 10px 0 0px;
   position: relative;
   display: inline list-item;
 }
 .utf_post_title {
   font-size: 18px;
   line-height: 24px;
   margin: 10px 0 15px 0;
 }
 .utf_post_title a {
   color: #1c1c1c;
 }
 .utf_post_title a:hover {
   color: #ff7a09;
 }
 .contentBoxArea .utf_featured_post_area h5:before, .contentBoxArea .utf_featured_post_area h2:before {
   display: none;
 }
 .utf_post_title.title-extra-large {
   padding: 0;
   font-size: 26px;
   line-height: 32px;
   margin-top: 10px;
   margin-bottom: 15px;
 }
 .utf_post_title.title-large {
   padding: 0;
   font-size: 20px;
   line-height: 26px;
   margin-top: 10px;
   margin-bottom: 15px;
 }
 .utf_post_title.title-medium {
   padding: 0;
   font-size: 14px;
   line-height: 17px;
   margin-top: 10px;
   margin-bottom: 8px;
 }
 .utf_post_title.title-small {
   padding: 0;
   font-size: 14px;
   line-height: 20px;
   margin-top: 10px;
   margin-bottom: 5px;
 }
 a.utf_post_cat {
   position: relative;
   font-size: 10px;
   padding: 0 5px;
   background: #ec0000;
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
   height: 20px;
   border-radius: 4px;
   line-height: 20px;
   display: inline-block;
 }
 span.utf_post_cat {
   position: relative;
   font-size: 10px;
   padding: 0 5px;
   background: #ec0000;
   text-transform: uppercase;
   font-weight: 700;
   color: #fff;
   height: 20px;
   border-radius: 4px;
   line-height: 20px;
   display: inline-block;
 }
 .utf_post_cat a {
   color: #fff;
 }
 .utf_post_meta .utf_post_author a {
   font-size: 11px;
   color: #6a6a6a;
   font-weight: 600;
 }
 .utf_post_meta .utf_post_author a:hover {
   color: #ec0000
 }
 .utf_post_meta span {
   font-size: 11px;
   color: #6a6a6a;
   margin-top: 0px;
   margin-right: 8px;
   padding-right: 8px;
   font-weight: 600;
   border-right: 1px solid #dedede;
   line-height: 14px;
   display: inline-block;
 }
 .utf_post_meta span:last-child {
   margin-right: 0;
 }
 .utf_post_meta span.utf_post_date {
   border-right: 0;
 }
 .single-post span.utf_post_date {
   border-right: 1px solid #dedede;
 }
 span.post-comment {
   border-right: 0;
   line-height: 24px;
   margin-right: 0;
   padding-right: 0;
 }
 span.post-comment a.comments-link:hover span {
   color: #ec0000
 }
 span.post-comment span {
   border-right: 0;
   line-height: 100%;
 }
 .utf_post_meta span i {
   margin-right: 3px;
   font-size: 13px;
   color: #ec0000;
   background: #ffeaea;
   padding: 2px;
   border-radius: 4px;
   width: 20px;
   height: 20px;
   line-height: 16px;
   text-align: center;
 }
 a.popup_image, .utf_post_block_style > a {
   display: block;
   color: #1c1c1c;
 }
 a.popup_image:hover h2, .utf_post_block_style > a:hover h2 {
   display: block;
   color: #ff7a09;
 }
 a.popup_image.coltextWh {
   color: #fff;
 }
 a.popup_image.coltextWh:hover h2 {
   color: #ff0;
 }
 @media (min-width: 992px) {
   .pad-r {
     padding-right: 2px;
   }
   .pad-l {
     padding-left: 2px;
   }
   .pad-r-small {
     padding-right: 1.5px;
   }
   .pad-l-small {
     padding-left: 1.5px;
   }
 }
 .color-default a.utf_post_cat {
   background: #ec0000;
 }
 .color-default .utf_post_cat:before {
   border-top: 8px solid #1c1c1c;
 }
 .color-red .utf_block_title {
   border-bottom: 2px dotted #ec0000;
 }
 .color-red .utf_block_title > span, .color-red a.utf_post_cat {
   background: #ec0000;
 }
 .color-red .utf_post_cat:before {
   border-top: 8px solid #ec0000;
 }
 .color-red .utf_block_title > span:after {
   border-color: #ec0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .color-red .owl-carousel.owl-theme .owl-nav > div:hover {
   background: #ec0000;
 }
 .color-blue .utf_block_title {
   border-bottom: 2px dotted #1e88e5;
 }
 .color-blue .utf_block_title > span, .color-blue a.utf_post_cat {
   background: #1e88e5;
 }
 .color-blue .utf_post_cat:before {
   border-top: 8px solid #1e88e5;
 }
 .color-blue.utf_featured_tab .nav-tabs > li > a.active {
   background: #1e88e5;
   color: #ffffff;
   border: 1px solid #1e88e5;
 }
 .color-blue.utf_featured_tab .nav-tabs > li > a.active:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #1e88e5 rgba(0, 0, 0, 0);
 }
 .color-blue .utf_block_title > span:after {
   border-color: #1e88e5 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .color-dark-blue .utf_block_title {
   border-bottom: 2px dotted #4258fe;
 }
 .color-dark-blue .utf_block_title > span, .color-dark-blue a.utf_post_cat {
   background: #4258fe;
 }
 .color-dark-blue .utf_post_cat:before {
   border-top: 8px solid #4258fe;
 }
 .color-dark-blue.utf_featured_tab .nav-tabs > li > a.active {
   color: #4258fe;
 }
 .color-dark-blue.utf_featured_tab .nav-tabs > li > a.active:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #4258fe rgba(0, 0, 0, 0);
 }
 .color-dark-blue .utf_block_title > span:after {
   border-color: #4258fe rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .color-orange .utf_block_title {
   border-bottom: 2px dotted #ff7a09;
 }
 .color-orange .utf_block_title > span, .color-orange a.utf_post_cat {
   background: #ff7a09;
 }
 .color-orange .utf_post_cat:before {
   border-top: 8px solid #ff7a09;
 }
 .color-orange.utf_featured_tab .nav-tabs > li.active > a {
   color: #ff7a09;
 }
 .color-orange.utf_featured_tab .nav-tabs > li.active > a:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ff7a09 rgba(0, 0, 0, 0);
 }
 .color-orange .utf_block_title > span:after {
   border-color: #ff7a09 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .color-aqua .utf_block_title {
   border-bottom: 2px dotted #00bdb3;
 }
 .color-aqua .utf_block_title > span, .color-aqua a.utf_post_cat {
   background: #00bdb3;
 }
 .color-aqua .utf_post_cat:before {
   border-top: 8px solid #00bdb3;
 }
 .color-aqua.utf_featured_tab .nav-tabs > li.active > a {
   color: #00bdb3;
 }
 .color-aqua.utf_featured_tab .nav-tabs > li.active > a:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00bdb3 rgba(0, 0, 0, 0);
 }
 .color-aqua .utf_block_title > span:after {
   border-color: #00bdb3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .color-violet .utf_block_title {
   border-bottom: 2px dotted #9401d3;
 }
 .color-violet .utf_block_title > span, .color-violet a.utf_post_cat {
   background: #9401d3;
 }
 .color-violet .utf_post_cat:before {
   border-top: 8px solid #9401d3;
 }
 .color-violet.utf_featured_tab .nav-tabs > li.active > a {
   color: #9401d3;
 }
 .color-violet.utf_featured_tab .nav-tabs > li.active > a:after {
   border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #9401d3 rgba(0, 0, 0, 0);
 }
 .color-violet .utf_block_title > span:after {
   border-color: #9401d3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
 }
 .utf_featured_post_area {
   margin-bottom: 0px;
 }
 .owl-carousel.page-slider .owl-nav {
   margin: 0;
 }
 .owl-carousel.owl-theme.utf_post_slide .owl-nav {
   text-align: center;
   position: absolute;
   top: -73px;
   right: 0;
 }
 .owl-carousel.owl-theme .owl-nav > div {
   margin: 0 3px;
   background: none;
   border: 1px solid #dedede;
   color: #999;
   width: 26px;
   height: 26px;
   line-height: 22px;
   padding: 0;
   border-radius: 30px;
   display: inline-block;
   text-align: center;
   font-size: 16px;
   -webkit-transition: 400ms;
   -moz-transition: 400ms;
   -o-transition: 400ms;
   transition: 400ms;
 }
 .owl-carousel.owl-theme .owl-nav > div:hover {
   background: #272d33;
   border: 1px solid transparent;
 }
 .owl-theme .owl-dots {
   text-align: center;
   position: absolute;
   z-index: 1;
   top: -67px;
   right: 0;
   margin: 0 !important;
 }
 .owl-theme.owl-carousel .owl-dots .owl-dot span {
   width: 10px;
   height: 10px;
   margin: 5px 4px;
   display: inline-block;
   border-radius: 30px;
   background: rgba(0, 0, 0, 0.5);
 }
 .owl-theme.owl-carousel .owl-dots .owl-dot.active span {
   background: #ec0000;
 }
 .owl-carousel.owl-theme.utf_latest_news_slide .owl-nav {
   text-align: center;
   position: absolute;
   top: -75px;
   right: 0;
 }
 .owl-carousel.owl-theme.utf_latest_news_slide2 .owl-nav {
   text-align: center;
   position: absolute;
   top: -82px;
   right: 0;
 }
 .utf_featured_slider .item {
   min-height: 465px;
   position: relative;
   background-position: 50% 50%;
   border-radius: 4px;
   -webkit-background-size: cover;
   background-size: cover;
   -webkit-backface-visibility: hidden;
 }
 .utf_featured_slider .item:before {
   content: " ";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   bottom: 0;
   left: 0;
   border-radius: 4px;
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
 }
 .utf_featured_post:before {
   content: " ";
   position: absolute;
   display: block;
   width: 100%;
   height: 100%;
   z-index: 1;
   bottom: 0;
   left: 0;
   border-radius: 0 0 4px 4px;
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
 }
 #utf_featured_slider .utf_featured_post .utf_post_content {
   padding: 30px;
   z-index: 1;
   position: absolute;
   bottom: 0;
   display: block;
 }
 .utf_post_content {
   padding: 30px;
   z-index: 1;
   position: relative;
 }
 .utf_featured_slider.owl-theme .owl-nav > button {
   background: rgba(0, 0, 0, 0.65);
   border: 0;
   position: absolute;
   top: 50%;
   width: 36px;
   height: 40px;
   line-height: 36px;
   padding: 0;
   font-size: 24px;
   text-align: center;
   opacity: 0;
   margin: 0;
   -webkit-transition: 400ms;
   -moz-transition: 400ms;
   -o-transition: 400ms;
   transition: 400ms;
   -webkit-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 .utf_featured_slider.owl-theme:hover .owl-nav > button {
   opacity: 1;
 }
 .utf_featured_slider.owl-theme .owl-nav > .owl-prev {
   left: 0;
   border-radius: 0 30px 30px 0;
 }
 .utf_featured_slider.owl-theme .owl-nav > .owl-next {
   right: 0;
   border-radius: 30px 0 0 30px;
 }
 .utf_featured_slider.owl-theme .owl-nav > button:hover {
   background: #ec0000;
   color: #fff;
   border: 0;
   font-size: 24px;
 }
 .utf_featured_post .utf_post_title a {
   color: #fff;
 }
 .utf_featured_post .utf_post_title a:hover {
   color: #ff0;
 }
 .utf_featured_post .utf_post_date, .utf_post_overaly_style .utf_post_author, .utf_post_overaly_style .utf_post_date {
   background: rgba(255, 255, 255, 0.3);
   padding: 4px 6px;
   border-radius: 4px;
   color: #fff;
   font-weight: 600;
   font-size: 11px;
 }
 .utf_post_overaly_style .utf_post_date i, .utf_post_overaly_style .utf_post_author i {
   color: #ec0000;
 }
 .utf_post_overaly_style .utf_post_author, .utf_featured_post .utf_post_author {
   background: rgba(255, 255, 255, 0.3);
   padding: 4px 6px;
   border-radius: 4px;
   color: #fff;
   border: 0;
   margin-right: 5px;
 }
 .utf_post_overaly_style .utf_post_date {
   padding: 4px 6px !important;
 }
 .utf_post_overaly_style .utf_post_author a {
   font-weight: 600;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .utf_post_overaly_style .utf_post_author:hover i, .utf_post_overaly_style .utf_post_author a:hover {
   color: #fff;
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
 }
 .utf_post_overaly_style .utf_post_author:hover i {
   color: #ec0000
 }
 .utf_post_overaly_style .utf_post_author a, .utf_featured_post .utf_post_author a {
   color: #ffffff;
   font-weight: 600;
   font-size: 11px;
 }
 .utf_post_overaly_style .utf_post_content i {
   background: #fff;
   padding: 2px 3px;
   border-radius: 4px;
   color: #ec0000;
   border: 0;
   margin-right: 5px;
 }
 .utf_post_overaly_style .utf_post_author:hover, .utf_featured_post .utf_post_author:hover {
   background: #ec0000;
   color: #ffffff;
 }
 .utf_post_overaly_style .utf_post_author i, .utf_post_overaly_style .utf_post_date i, .utf_featured_post .utf_post_author i, .utf_featured_post .utf_post_date i {
   margin-right: 4px;
 }
 .utf_featured_post .utf_post_date i, .utf_featured_post .utf_post_author i {
   background: #ffeaea;
   color: #ec0000;
   padding: 2px;
   font-size: 13px;
   border-radius: 4px;
   width: 18px;
   height: 18px;
   line-height: 15px;
   text-align: center;
 }
 .utf_featured_slider.content-bottom .item:before {
   background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -webkit-gradient(linear, left bottom, left bottom, color-stop(60%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.85)));
   background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.85) 100%);
 }
 .hot-post-top {
   max-height: 280px;
   margin-bottom: 3px;
   border-radius: 6px;
 }
 .utf_hot_post_bottom, .utf_hot_post_bottom img {
   min-height: 182px;
 }
 .hot-post-top .utf_post_content, .utf_hot_post_bottom .utf_post_content {
   padding: 20px;
 }
 .fourNewsbox, .fourNewsbox img, .fourNewsboxTop, .fourNewsboxTop img {
   min-height: 231px;
 }
 .fourNewsboxTop {
   margin-bottom: 3px;
 }
 .utf_featured_post_area .utf_post_overaly_style.text-center {
   max-height: 231px;
   border-radius: 4px;
 }
 .utf_featured_post_area .utf_post_overaly_style.first {
   margin-bottom: 4px;
 }
 .utf_featured_tab .utf_list_post_block {
   margin-top: 0;
 }
 .utf_featured_tab .utf_list_post {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 .utf_featured_tab .utf_list_post a {
   color: #1c1c1c
 }
 .utf_featured_tab .utf_list_post a:hover h2 {
   color: #ff7a09;
 }
 .utf_list_post_block .utf_list_post > li {
   margin-bottom: 15px;
   max-height: 95px;
 }
 .utf_featured_tab .utf_list_post_block ul.utf_list_post li {
   border-bottom: 1px solid #eeeeee;
   padding-bottom: 15px;
 }
 .utf_post_block_style {
   position: relative;
   overflow: hidden;
 }
 .utf_post_block_style.post-float .utf_post_thumb {
   float: left;
   position: relative;
   z-index: 1;
   margin-right: 20px;
 }
 .utf_post_block_style.post-float .utf_post_thumb img {
   max-width: 100px;
   min-height: 75px;
 }
 .utf_post_block_style.post-float .utf_post_content {
   z-index: 0;
 }
 .utf_post_block_style .utf_post_content {
   padding: 0;
 }
 .utf_post_block_style.post-float .utf_post_title {
   margin-top: 0;
   margin-bottom: 10px;
 }
 .utf_post_block_style .utf_post_content .utf_post_meta {
   margin: 0 0 8px 0;
 }
 .utf_post_block_style .utf_post_cat {
   position: absolute;
   top: 15px;
   left: 15px;
   z-index: 1;
   border-radius: 4px;
 }
 .topArrowSd .owl-carousel.owl-theme.utf_post_slide .owl-nav {
   text-align: center;
   position: absolute;
   top: -73px;
   right: 0;
 }
 .topArrowSd .owl-carousel.owl-theme .owl-nav > button {
   margin: 0 3px;
   background: none;
   border: 1px solid #dedede;
   color: #999;
   width: 26px;
   height: 26px;
   line-height: 26px;
   padding: 0;
   border-radius: 30px;
   display: inline-block;
   text-align: center;
   font-size: 16px;
   -webkit-transition: 400ms;
   -moz-transition: 400ms;
   -o-transition: 400ms;
   transition: 400ms;
 }
 .utf_post_block_Area .utf_post_title {
   margin: 10px 0 5px 0;
   color: #000;
 }
 .inMediaSocialIconArea {
   width: 100%;
 }
 .inMediaSocialIconArea ul.social-icon li {
   display: inline-block;
   margin: 0 0px 0 0;
 }
 .inMediaSocialIconArea ul.social-icon li a {
   padding: 0;
   margin: 0;
   background: transparent;
   color: #fff;
   font-size: 18px;
   width: 44px;
   height: 44px;
   line-height: 44px;
   border-radius: 0px;
   border: 0;
 }
 .inMediaSocialIconArea ul.social-icon li a:before {
   display: none;
 }
 .inMediaSocialIconArea ul.social-icon li a:hover {
   background: transparent;
   border: 0;
   padding: 0;
 }
 .inMediaSocialIconArea ul.social-icon li a i {
   background: #ec0000;
   color: #fff;
   font-size: 18px;
   width: 44px;
   height: 44px;
   line-height: 44px;
   border-radius: 50px;
   text-align: center;
   -webkit-transition: 350ms;
   -o-transition: 350ms;
   transition: 350ms;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-rss {
   background: #FA9B39;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-facebook {
   background: #3B5998;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-twitter {
   background: #00aced;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-google-plus {
   background: #dd4b39;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-vimeo-square {
   background: #7FC400;
 }
 .inMediaSocialIconArea ul.social-icon li a i.fa-youtube {
   background: #bb0000;
 }
 .inMediaSocialIconArea ul.social-icon li a i:hover {
   background: #1c1c1c;
 }
 .viewNewsBtn, .viewNewsBtn:focus {
   font-size: 14px;
   line-height: 2px;
   border-width: 1px;
   color: #fff;
   background: #fc5124;
   padding: 3px 5px;
   border-radius: 5px;
 }
 .viewNewsBtn i {
   background: #ffeaea;
   color: #ec0000;
   padding: 2px;
   font-size: 13px;
   border-radius: 4px;
   width: 18px;
   height: 18px;
   line-height: 15px;
   text-align: center;
 }
 .viewNewsBtn:hover {
   background: #ec0000;
   color: #fff;
 }
 .modal.searchModel .modal-dialog {
   background: rgba(0, 0, 0, .3);
 }
 .modal.searchModel .modal-dialog:before {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   z-index: 9;
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
   background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(99%, rgba(8, 41, 44, 0.9)), to(rgba(8, 41, 44, 0.9)));
   background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#e608292c', GradientType=0);
 }
 .modal.searchModel .modal-dialog .modal-content {
   z-index: 9;
 }
 .modal.searchModel .modal-dialog .modal-content .modal-body .search-form-input {
   width: 800px;
   margin: auto;
   position: relative;
 }
 .modal.searchModel .modal-dialog .modal-content .modal-body .raven-search-form-input {
   width: 100%;
   max-width: unset;
   height: 85px;
   padding: 0px 80px 0px 20px;
   -webkit-box-shadow: 0 0 21px rgb(252 121 48 / 35%);
   box-shadow: 0 0 21px rgb(252 121 48 / 35%);
   border-radius: 0px 10px 10px 10px;
   text-align: left;
   color: #fff;
   border: 1px solid #fc5f28;
   background-color: rgba(0, 0, 0, 0.7);
   font-size: 16px;
   margin-top: -8px;
 }
 .modal.searchModel .modal-dialog .modal-content .modal-body .raven-search-form-input::placeholder {
   color: #fff;
 }
 .mainscreen-form__btn {
   width: 45px;
   height: 45px;
   position: absolute;
   right: 20px;
   top: 20px;
   cursor: pointer;
   background: url(../images/loader_logo_icon_white.png) no-repeat;
   background-size: contain;
   border: none;
 }
 ul.searchByPanel {
   text-align: left;
 }
 ul.searchByPanel li {
   margin: -1px 0;
 }
 ul.searchByPanel li a {
   border: unset;
   background: transparent;
   color: #fff;
   width: 100px;
   text-transform: uppercase;
   font-size: 13px;
   padding: 10px 10px;
   border-radius: 10px 10px 0 0;
   display: table-cell;
   text-align: center;
 }
 ul.searchByPanel li a.active {
   border: unset;
   background: #fff;
   color: #000;
 }
 .SearchMain {
   position: fixed;
   top: 50%;
   left: 50%;
   margin-top: -25px;
   transform: translate(-50%, -50%);
   -webkit-transform: translate(-50%, -50%);
   -moz-transform: translate(-50%, -50%);
   -o-transform: translate(-50%, -50%);
 }
 .SearchLogo {
   display: table;
   margin: auto;
 }
 #searchModalPopUp {
   padding: 0 !important;
   z-index: 9999999999;
 }
 .modal.searchModel .close {
   top: 25px;
   right: 40px;
   font-size: 50px;
   position: fixed;
   opacity: 1;
 }
 .searchTxt {
   color: #fff;
   text-align: center;
   margin-bottom: 55px;
   font-size: 18px;
   margin-top: 10px;
 }
 .modal.searchModel .ui-autocomplete {
   position: fixed;
   top: 50%;
   left: 0;
   right: 0;
   margin-top: 150px;
   max-width: 100%;
   overflow: auto;
   max-height: 140px;
   padding: 0 20px;
 }
 .bg-video-wrap {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100vh;
   background: url(https://www.social-searcher.com/img/bg_main.jpg) no-repeat center center/cover;
 }
 .bg-video-wrapvideo {
   min-width: 100%;
   min-height: 100vh;
   z-index: 1;
 }
 .SearchMain input[type=search]::-ms-clear {
   display: none;
   width: 0;
   height: 0;
 }
 .SearchMain input[type=search]::-ms-reveal {
   display: none;
   width: 0;
   height: 0;
 }
 .SearchMain input[type="search"]::-webkit-search-decoration, .SearchMain input[type="search"]::-webkit-search-cancel-button, .SearchMain input[type="search"]::-webkit-search-results-button, .SearchMain input[type="search"]::-webkit-search-results-decoration {
   display: none;
 }
 @media (max-width: 640px) {
   .bg-video-wrap video {
     display: none;
   }
   .modal.searchModel .modal-dialog .modal-content .modal-body .search-form-input {
     width: 100%;
   }
   .SearchMain {
     width: 85%;
   }
   ul.searchByPanel li a {
     width: auto;
     padding: 6px 8px;
     text-transform: capitalize;
   }
   .modal.searchModel .modal-dialog .modal-content .modal-body .raven-search-form-input {
     height: 65px;
   }
   .mainscreen-form__btn {
     width: 35px;
     height: 35px;
     top: 15px;
   }
 }
 @media (max-width: 415px) {
   ul.searchByPanel li a {
     font-size: 12px;
   }
 }
 .sectionSt-01.cta.retargeting::before {
   content: "";
   position: absolute;
   top: -50px;
   left: 0;
   width: 100%;
   height: 85px;
   background: #f9f9f9;
 }
 .sectionSt-01.cta.retargeting::after {
   background: #f8f9fc;
 }
 .sectionSt-01.cta.retargeting .bg-overlay-gradiant {
   background: linear-gradient(80deg, #805ae7 0%, #0a4157 100%);
 }
 .marketingBox-shd {
   border-bottom: 2px dashed #efefef;
   margin: 0px 0;
   padding: 0px;
 }
 .MarketReseachlng .col-md-12.col-lg-12:last-child .marketingBox-shd {
   border-bottom: none;
 }
 .MarketReseachlng .titless {
   font-size: 30px;
   font-weight: 800;
   line-height: 1.3;
   width: 68%;
   margin: auto;
   color: #071e55;
   text-align: center;
   margin-bottom: 20px;
 }
 .marketingBox-shd h5 {
   font-size: 18px;
   color: #d95c0e;
   text-transform: uppercase;
 }
 .marketingBox-shd ul {
   padding-left: 20px;
 }
 .tw-articles-header {
   display: table;
   position: relative;
   margin: 0 0 50px;
   width: 100%;
   background: #fff;
   border-radius: 0;
   padding: 10px;
   box-shadow: 0px 10px 30px #e1e1e1;
 }
 .tw-articles-header .articles-title, .tw-articles-header .articles-filters {
   display: table-cell;
   vertical-align: middle;
   width: 100%;
 }
 .tw-articles-header .articles-filters {
   margin: 0 100px 0 auto;
   text-align: right;
 }
 .selectBox {
   position: relative;
   cursor: pointer;
   text-align: left;
   font-weight: 700;
   font-size: 16px;
   width: 130px;
   float: right;
   text-transform: uppercase;
 }
 .selectBox__value {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
   font-size: 16px;
 }
 .selectBox:after {
   position: absolute;
   right: 12px;
   top: 50%;
   transform: translateY(-50%) rotate(0deg);
   transition: all 0.2s ease-in-out;
   content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.001' height='8.165' viewBox='0 0 14.001 8.165'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:%23212121;%7D%3C/style%3E%3C/defs%3E%3Cpath class='a' d='M13.861,60.224l-.7-.7a.441.441,0,0,0-.645,0L7,65.036,1.487,59.522a.441.441,0,0,0-.645,0l-.7.7a.441.441,0,0,0,0,.645l6.537,6.538a.441.441,0,0,0,.645,0l6.538-6.538a.442.442,0,0,0,0-.645Z' transform='translate(0 -59.382)'/%3E%3C/svg%3E");
 }
 .selectBox .dropdown-menu {
   transition: all 0.5s ease-in-out;
   opacity: 0;
   display: block;
   top: 100%;
   width: 200px;
   border-left: 5px solid #002d72;
   max-height: 250px;
   z-index: -1;
   overflow-y: auto;
   transform: translateY(-15%);
   visibility: hidden;
   right: 0;
   left: unset;
 }
 .dropdown-item.active, .dropdown-item:active {
   color: #002d72;
   text-decoration: none;
   background-color: transparent;
 }
 .selectBox.show:after {
   transform: translateY(-50%) rotate(180deg);
 }
 .selectBox.show .dropdown-menu {
   transition: all 0.3s ease-in-out;
   visibility: visible;
   opacity: 1;
   z-index: 9;
   transform: translateY(0);
 }
 .tw-block-content {
   width: 100%;
 }
 .articles-filters .selectBox .dropdown-menu .dropdown-item {
   font-weight: 600;
   font-size: 16px;
 }
 .articles-title h2 {
   font-size: 20px;
   text-transform: capitalize;
   line-height: 32px;
   color: #002d72;
   font-weight: 600;
   margin-bottom: 0;
 }
 .pressReleaseMain {
   display: table;
   width: 100%;
 }
 .pressRelease .WhiteBGGBox {
   border-radius: 8px;
   background: #fff;
   box-shadow: #ccc 0 5px 16px;
   margin: 10px 10px;
   height: 105px;
   display: flex;
   padding: 0 15px;
   transition: all 0.5s ease;
   float: left;
   width: 48%;
 }
 .pressRelease .GreyBGGBox {
   border-radius: 8px;
   background: #323741;
   margin: 10px 10px;
   padding: 0 15px;
   transition: all 0.5s ease;
   float: left;
   width: 100%;
 }
 .pressReleaseMain .col-md-6 {
   padding: 0 4%;
 }
 .pressReleaseMain .col-md-6 .title h2 {
   padding-left: 10px;
   margin-bottom: 15px !important;
 }
 .pressReleaseMain .col-md-6:first-child {
   position: relative;
 }
 .pressReleaseMain .col-md-6:first-child:before {
   height: 100%;
   background: #4c515c;
   width: 1px;
   content: "";
   position: absolute;
   top: 0;
   right: -11px;
 }
 .pressRelease .GreyBGGBox:hover {
   -webkit-transform: translateY(-6px);
   transform: translateY(-6px);
 }
 .pressRelease .WhiteBGGBox:hover {
   -webkit-transform: translateY(-6px);
   transform: translateY(-6px);
 }
 .pressRelease .GreyBGGBox .col-md-9 {
   padding-left: 0;
   position: relative;
 }
 .pressRelease .GreyBGGBox .col-md-9:before {
   content: "";
   background: #4c515c;
   height: 56px;
   left: 0;
   position: absolute;
   top: 50%;
   width: 1px;
   transform: translateY(-50%);
 }
 .pressRelease .GreyBGGBox .col-md-3 img {
   max-height: 85px;
   border-radius: 8px 0 0 8px;
 }
 .pressRelease h5 {
   font-size: 14px;
   padding-left: 15px;
   line-height: 25px;
   text-transform: capitalize;
   color: #fff;
   letter-spacing: normal;
   margin: 15px 0;
 }
 .socialMediareport-details h1.titleResize {
   font-size: 30px;
   font-weight: 600;
   color: #002d72;
   margin: 20px 0;
   text-transform: none;
 }
 .socialMediareport-details .tw-page-meta {
   color: #aab1ba;
   margin-bottom: 20px;
   font-size: 18px;
 }
 .socialMediareport-details ul.tw-list {
   padding-left: 30px;
 }
 .socialMediareport-details ul.tw-list li {
   font-size: 16px;
   line-height: 26px;
   font-weight: 500;
   display: flex;
   color: #7c8595;
   position: relative;
   margin-bottom: 10px;
 }
 .socialMediareport-details ul.tw-list li:before {
   height: 8px;
   width: 8px;
   border-radius: 100px;
   content: "";
   left: -20px;
   top: 8px;
   position: absolute;
   background: #848795;
 }
 .downloadReport-Form {
   background-color: white;
   position: relative;
   margin: -60px auto 0 auto;
   box-shadow: 1px 1px 1px #eee;
 }
 .downloadReport-Form .tw-box-text-small-padding {
   padding: 30px 20px;
   border-left: 8px solid #002d72;
 }
 .downloadReport-Form h2 {
   font-size: 22px;
   font-weight: 600;
   margin-bottom: 20px;
   line-height: 28px;
   color: #002d72;
 }
 .downloadReport-Form label {
   font-size: 12px;
   margin-bottom: 0;
   color: #002d72;
   font-weight: 600;
 }
 .downloadReport-Form input {
   margin-bottom: 10px;
   height: 20px;
 }
 .downloadReport-Form .mktoButton {
   padding: 10px 32px;
   background: linear-gradient(135deg, rgb(255, 78, 111), rgb(251, 145, 104));
   border-radius: 80px;
   color: #fff;
   font-style: normal;
   font-weight: normal;
   font-size: 18px;
   line-height: 1.2;
   text-transform: none;
   border: none;
 }
 .br-Area-blue-white {
   background: rgb(197, 234, 255);
   background: -moz-linear-gradient(157deg, rgba(197, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 50%);
   background: -webkit-linear-gradient(157deg, rgba(197, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 50%);
   background: linear-gradient(157deg, rgba(197, 234, 255, 1) 0%, rgba(255, 255, 255, 1) 50%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c5eaff", endColorstr="#ffffff", GradientType=1);
 }
 .noShapes:after {
   display: none;
 }
 .frmerr {
   color: #ff0000
 }
 .homeTabAreaSt {
   margin-top: -50px;
   z-index: 9;
   position: relative;
 }
 .homeTabAreaSt ul.nav {
   border-bottom: 4px solid #323741;
   display: table;
   margin: auto;
   padding: 0 20px;
 }
 .homeTabAreaSt ul.nav li.nav-item {
   margin: 0 13px;
   float: left;
   margin-bottom: 7px;
   list-style: none;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link {
   text-align: center;
   color: #fff;
   display: block;
   background: transparent;
   font-weight: 500;
   font-size: 16px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link:after {
   position: absolute;
   width: 0%;
   height: 4px;
   background: #fc7835;
   left: 50%;
   bottom: -11px;
   content: '';
   border-radius: 50px;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link:hover, .homeTabAreaSt ul.nav li.nav-item a.nav-link.active {
   color: #fc7835;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link:hover:after, .homeTabAreaSt ul.nav li.nav-item a.nav-link.active:after {
   width: 100%;
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   left: 0;
   right: 0;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link:hover img, .homeTabAreaSt ul.nav li.nav-item a.nav-link.active img {
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
 }
 .homeTabAreaSt ul.nav li.nav-item a.nav-link span {
   display: block;
   margin-top: 5px;
 }
 .sectionNewBoxOne .Brandbox-Inner {
   background: #323741;
   border-radius: 10px;
 }
 .sectionNewBoxOne .Brandbox-Inner .profileImages {
   position: relative;
 }
 .sectionNewBoxOne .Brandbox-Inner .profileImages img {
   height: 200px;
   width: 100%;
   border-radius: 10px;
 }
 .sectionNewBoxOne .profileDetails {
   padding: 15px;
 }
 .sectionNewBoxOne .profileDetails h4 {
   color: #fff;
   margin: 0;
   font-weight: 600;
   font-size: 16px;
   margin-bottom: 10px;
 }
 .sectionNewBoxOne .profileDetails ul {
   margin-bottom: 0;
 }
 .sectionNewBoxOne .profileDetails ul li {
   list-style: none;
   color: #fff;
   font-size: 13px;
 }
 .sectionNewBoxOne .profileDetails ul li small {
   color: #afafaf;
 }
 .sectionNewBoxOne .profileDetails ul li i {
   color: #797d85;
   font-size: 15px;
 }
 .sectionNewBoxOne .profileDetails hr {
   border-color: #3f434c;
   margin: 5px;
 }
 .sectionNewBoxOne .profileDetails .sortUpPanel .fa-arrow-circle-up {
   color: #31bc0a;
 }
 .sectionNewBoxOne .profileDetails .sortUpPanel .fa-arrow-circle-down {
   color: #e64442;
 }
 .sectionNewBoxOne .profileDetails .likeSect {
   color: #fff;
 }
 .sectionNewBoxOne .compareBtn, .shareDropdown .shareMenu i {
   border-radius: 100%;
 }
 .sectionNewBoxOne .compareBtn, .shareDropdown {
   top: 12px;
 }
 .sectionNewBoxOne .ranking {
   font-size: 20px;
   position: absolute;
   right: 10px;
   bottom: -20px;
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   color: #fff;
   border-radius: 100%;
   display: inline-block;
   background: linear-gradient(60deg, #fb9d3b, #fc5525);
 }
 .sectionNewBoxOne .ranking small {
   font-size: 12px;
   vertical-align: top;
 }
 .popover {
   border: 0 !important;
   border-radius: 10px;
 }
 .popover-content {
   padding: 0 !important;
 }
 .popover-body {
   background: #3e434e;
   border-radius: 10px;
   padding: 40px 15px;
   height: 376px;
   position: relative;
   border: 1px solid #3e434e;
 }
 .popoverArea .MembersPopupDataArea {
   display: flex;
   align-items: center;
 }
 .bs-popover-auto[x-placement^=right] > .arrow::after, .bs-popover-right > .arrow::after {
   border-right-color: #3e434e;
   left: 20px;
   border-width: 1.5rem 1.5rem 1.5rem 0;
 }
 .bs-popover-auto[x-placement^=right] > .arrow::before, .bs-popover-right > .arrow::before {
    left: 16px;
 }
 .bs-popover-left[x-placement^=left] > .arrow::before {
    right: 7px;
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 1.5rem 0 1.5rem 1.5rem;
    border-left-color: rgba(0,0,0,.25);
 }
 .bs-popover-auto[x-placement^=right]>.arrow::before, .bs-popover-right>.arrow::before {
    border-width: 1.5rem 1.5rem 1.5rem 0;
 }
 .MembersPopupDataArea {
   margin: 10px 0;
 }
 .bs-popover-auto[x-placement^=right], .bs-popover-right {
   margin-left: 0px;
 }
 .popover {
   max-width: 289px;
   padding-left: 30px;
   z-index: 9;
   background: transparent;
 }
 .MembersPopupDataArea {
   position: relative;
 }
 .MembersPopupDataArea:before {
   position: absolute;
   content: "";
   bottom: -10px;
   height: 1px;
   background: #262c37;
   width: 230px;
 }
 .MembersPopupDataArea i {
   width: 45px;
   height: 45px;
   line-height: 45px;
   background: #262c37;
   margin-right: 12px;
   text-align: center;
   color: #fff;
   border-radius: 6px;
 }
 .MembersPopupDataArea .hoverRight-content h5 {
   font-size: 14px;
   font-weight: 500;
   color: #fff;
   margin-bottom: 0;
 }
 .MembersPopupDataArea .hoverRight-content p {
   color: #797d85;
 }
 .progressBarSentiments .progress {
   height: 100px;
   transform: rotate(180deg);
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   background-color: #262c37 !important;
   border-radius: 6px;
   margin: 20px 0 5px;
   position: relative;
 }
 .progressBarSentiments .progress .progress-bar {
   width: 100%;
   border-radius: 6px;
 }
 .bg-success .progress-bar {
   background: #208202;
 }
 .bg-info .progress-bar {
   background: #454750;
 }
 .bg-danger .progress-bar {
   background: #c44334;
 }
 .h-24 {
   height: 24% !important;
 }
 .h-6 {
   height: 6% !important;
 }
 .h-12 {
   height: 12% !important;
 }
 .progressBarSentiments h5, .progressBarSentiments p {
   color: #fff;
   text-align: center;
 }
 .progressBarSentiments h5 {
   margin-bottom: 0;
   font-size: 16px;
 }
 .progressBarSentiments p {
   margin-bottom: 0;
   font-size: 13px;
   color: #797d85;
 }
 .progressBarSentiments .progress i {
   position: absolute;
   top: 70%;
   left: 50%;
   transform: translateX(-50%) rotate(180deg);
   font-size: 20px;
   color: #fff;
 }
 .progressBarSentiments .bg-success i {
   color: #208202;
 }
 .progressBarSentiments .bg-info i {
   color: #454750;
 }
 .progressBarSentiments .bg-danger i {
   color: #c44334;
 }
 .sectionNewBoxOne .Brandbox-Inner {
   background: #323741;
   margin-bottom: 20px;
   border-radius: 0 0 10px 10px;
 }
 .ViewAll-profile-Btn {
   padding: 8px 30px;
   border: 1px solid #fff;
   color: #fff;
   display: table;
   margin: 15px auto 0;
   text-align: center;
   border-radius: 30px;
 }
 .ViewAll-profile-Btn:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
   color: #fff;
 }
 .AnalyseTopinfluencer ul.nav-tabs {
   margin-bottom: 0;
   background: #000;
   border-radius: 10px 10px 0 0px;
 }
 .AnalyseTopinfluencer .nav.nav-tabs li.nav-item {
   margin: 0;
 }
 .AnalyseTopinfluencer .nav.nav-tabs .nav-link {
   border-radius: 0px;
   color: #fff;
   padding: 15px 30px;
   font-weight: 500;
 }
 .AnalyseTopinfluencer .nav.nav-tabs li.nav-item:first-child .nav-link {
   border-radius: 10px 0 0 0px;
 }
 .AnalyseTopinfluencer .tab-content.registerTabAreaPanel {
   background: #323741;
 }
 .AnalyseTopinfluencer .tab-content.registerTabAreaPanel {
   background: #323741;
   padding: 10px 50px;
   border-radius: 0 0 10px 10px;
 }
 .AnalyseTopinfluencer .marketingSection .rightTextBox span {
   color: #fc9643;
 }
 .AnalyseTopinfluencer .marketingSection .rightTextBox h4 {
   color: #fff;
 }
 .AnalyseTopinfluencer .marketingSection .rightTextBox p {
   color: #fff;
   font-size: 14px;
 }
 .AnalyseTopinfluencer .marketingSection .rightImgBox iframe, .videoBox {
   border-radius: 10px;
 }
 .AnalyseTopinfluencer .marketingSection .rightTextBox a {
   display: inline-block;
   line-height: normal;
   font-size: 17px;
   text-transform: unset;
   border-radius: 6px;
 }
 .AnalyseTopinfluencer .marketingSection .rightTextBox a > small {
   font-size: 11px;
 }
 .clientLogosMain .marketingSection h2 {
   margin-bottom: 0;
 }
 .clientLogosMain .clientSection {
   padding: 0;
 }
 .clientLogosMain .clientSection img {
   border: none;
 }
 .sectionBoxOne.clientLogosMain .owl-carousel .owl-stage-outer {
   padding: 0 0 30px;
 }
 .sectionBoxOne.clientLogosMain .clientSection .owl-carousel .owl-nav, .sectionBoxOne.clientLogosMain .coverageReportArea .owl-carousel .owl-nav {
   top: 36px;
   width: 100%;
 }
 .sectionBoxOne.clientLogosMain .clientSection .owl-carousel .owl-nav button, .sectionBoxOne.clientLogosMain .coverageReportArea .owl-carousel .owl-nav button {
   position: absolute;
   border: 1px solid #686c74 !important;
   border-radius: 50%;
   color: #333;
   width: 35px;
   height: 35px;
   color: #000;
   background: #686c74;
 }
 .sectionBoxOne.clientLogosMain .clientSection .owl-carousel .owl-nav button:hover {
   border: 1px solid #fc7835 !important;
   background: #fc7835 !important;
 }
 .footerNewSection {
   padding: 0 15px 30px 15px;
   background: #272c38;
 }
 .footerNewSection .footerSection {
   border-radius: 15px 15px 0 0;
 }
 .footerNewSection .footerSectionBottom {
   border-radius: 0 0 15px 15px;
   position: relative;
 }
 .googleSearchNewArea .container {
   padding-left: 50px;
   padding-right: 50px;
 }
 .googleSearchNewArea .calendarInputSt .form-control {
   border: 1px solid #323742;
   background: #323742;
   color: #fff;
   font-size: 15px;
   border-radius: 50px;
   margin-bottom: 0;
   padding: 5px 10px;
   height: 45px;
 }
 .googleSearchNewArea .calendarInputSt .btn-success {
   border: 1px solid #fff;
   background: #fff;
   color: #000;
   border-radius: 50px;
   margin-bottom: 0;
   padding: 10px;
 }
 .howItAreaBox {}
 .howItAreaBox ul {
   display: table;
   width: 100%;
   border: 1px solid #525660;
   border-radius: 50px;
   padding: 10px;
   margin: 0;
   padding: 0;
   list-style: none;
 }
 .howItAreaBox ul li {
   color: #fff;
   font-size: 15px;
   float: left;
 }
 .howItAreaBox ul li a {}
 .howItAreaBox ul li i {
   color: #c5c7cd;
 }
 .howItAreaBox .shareDropdownPopup.dropdown-menu {
   background-color: #323742;
 }
 .howItAreaBox .shareDropdownPopup.dropdown-menu:after {
   background-color: #323742;
 }
 .trendingSearch .trendingLeftSection .card h3, .trendingSearch .trendingLeftSection .card a span {
   color: #fff;
 }
 .trendingSearch .trendingLeftSection .card a {
   color: #fc9743;
 }
 .trendsSearchArea .form-control {
   border: 1px solid #323742;
   background: #323742;
   color: #fff;
   font-size: 15px;
   border-radius: 50px;
   margin-bottom: 0;
   padding: 5px 10px;
   height: 45px;
   margin-bottom: 0 !important;
 }
 .trendsSearchArea .green-btn {
   margin-bottom: 0 !important
 }
 .trendsSearchArea .green-btn:hover {
   background: #fff;
   color: #000;
 }
 .trendsSearchArea form, .trendsSearchArea .formArea {
   border-radius: 50px;
   border: 1px solid #70737a;
   padding: 15px 15px 0 15px;
 }
 .main-wrapper {
   background: #272c38 !important;
 }
 .bgGreyBox {
   background: #323741;
 }
 .ContactNew .bgGreyBox {
   border-radius: 10px;
   width: 100%;
   overflow: hidden;
 }
 .ContactNew .contact-address-area h4 {
   font-size: 30px;
   margin-bottom: 0;
   color: #fff;
 }
 .ContactNew .contact-address-area p {
   color: #fff;
 }
 .ContactNew .single-contact-address-box {
   background: #323741;
   border-radius: 10px;
   border: none;
   margin-bottom: 40px;
 }
 .ContactNew .single-contact-address-box .chatIcon {
   background: #31bc0a;
   border-radius: 10px;
   color: #fff;
   border: none;
   line-height: 50px;
 }
 .ContactNew .single-contact-address-box .phoneIcon {
   background: #fc9743;
   border-radius: 10px;
   color: #fff;
   border: none;
   line-height: 50px;
 }
 .ContactNew .single-contact-address-box .skypeIcon {
   background: #03a9f4;
   color: #fff;
   border-radius: 10px;
   border: none;
   line-height: 50px;
 }
 .ContactNew .contact-form form input[type="number"], .ContactNew .contact-form form input[type="text"], .ContactNew .contact-form form input[type="email"], .ContactNew .contact-form form textarea {
   background: transparent;
   border: 1px solid #84878d;
   border-radius: 100px;
   padding-left: 20px;
   color: #fff;
   font-size: 13px;
 }
 .ContactNew .contact-form form textarea {
   border-radius: 10px;
 }
 .ContactNew .contact-form .btn-one {
   background: #fff;
   color: #323741;
   border: none;
   line-height: 45px;
 }
 .ContactNew .contact-form .btn-one:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   color: #fff;
 }
 .ContactNew .contact-form {
   padding: 0 20px;
 }
 .ContactNew .contactrightImages {
   position: relative;
   top: 50px;
 }
 .contact-address-area h4 {
   font-size: 30px;
   color: #fff;
   text-transform: uppercase;
   font-weight: 700;
   margin-bottom: 0;
 }
 .contact-address-area .bottom-text {
   color: #a5a8ad;
 }
 .single-contact-address-box h3 {
   font-size: 18px;
   line-height: 1.1;
   text-transform: capitalize;
   margin-top: 3px;
 }
 .ContactNew .single-contact-address-box a {
   display: flex;
   align-items: center;
 }
 .faqSection .newfaqsection .card, .brandInfluencersnewBox .card {
   background-color: #2e333e;
   margin: 20px 0;
   border-radius: 10px !important;
 }
 .faqSection .newfaqsection .trailbox_Accord .card-header h2 button, .brandInfluencersnewBox .trailbox_Accord .card-header h2 button {
   padding: 12px 20px;
   color: #fff;
   border-bottom: 1px solid #272c38;
 }
 .faqSection .newfaqsection .trailbox_Accord .card-header h2 button i, .brandInfluencersnewBox .trailbox_Accord .card-header h2 button i {
   height: 25px;
   width: 25px;
   background: #fc9743;
   color: #fff;
   text-align: center;
   line-height: 25px;
   border-radius: 100px;
   margin-top: 0px;
 }
 .faqSection .newfaqsection .trailbox_Accord .card-body p, .brandInfluencersnewBox .trailbox_Accord .card-body p {
   font-weight: 400;
   color: #fff;
   font-size: 16px;
 }
 .faqSection .newfaqsection .trailbox_Accord .card-body, .brandInfluencersnewBox .trailbox_Accord .card-body {
   padding: 10px 30px;
   background: #2e333e;
 }
 .brandInfluencersnewBox .trailbox_Accord .accordion .card .card-header h2 button span {
   color: #fc9743;
 }
 .faqSection .newfaqsection .accordion, .brandInfluencersnewBox .accordion {
   background-color: transparent;
   margin-bottom: 60px;
 }
 .faqSection .newfaqsection .trailbox_Accord .card-header, .brandInfluencersnewBox .trailbox_Accord .card-header {
   border: none;
 }
 .faqSection .newfaqsection .trailbox_Accord .nbr {
   display: none;
 }
 .faqSection .newfaqsection .trailbox_Accord .headTitle, .brandInfluencersnewBox .trailbox_Accord .headTitle {
   color: #fc9743;
   font-weight: 700;
   font-size: 22px;
   margin-bottom: 30px;
   margin-top: 40px;
   position: relative;
 }
 .brandInfluencersnewBox .trailbox_Accord.priceAccordion .accordion .card {
   border: none !important;
 }
 .faqSection .newfaqsection .trailbox_Accord .headTitle:after {
   content: "";
   width: 100%;
   height: 3px;
   background: linear-gradient(60deg, #fb9d3b, #fc5525);
   position: absolute;
   left: 0;
   bottom: -5px;
 }
 .faqSearchBox #faqSearch_form .form-control {
   height: 45px;
   background: #323742;
   border-color: transparent;
   border-radius: 50px;
   color: #fff;
 }
 .faqSearchBox #faqSearch_form .form-control::-webkit-input-placeholder, .faqSearchBox #faqSearch_form .form-control::-ms-input-placeholder, .faqSearchBox #faqSearch_form .form-control::placeholder {
   color: #999ba1;
 }
 .faqSearchBox {
   width: 500px;
   margin: 50px auto 0;
 }
 .faqSearchBox h3 {
   color: #fff;
   text-align: center;
   margin-bottom: 0;
   font-size: 28px;
 }
 .faqSearchBox .input-group-btn {
   position: absolute;
   right: 10px;
   top: 25px;
 }
 .faqSearchBox #faqSearch_form .input-group {
   padding: 15px 0;
 }
 .faqSearchBox #faqSearch_form .input-group button[type="submit"] {
   position: absolute;
   right: 0;
   border: none;
   background: transparent;
   height: 45px;
   width: 45px;
   color: #5b5f68;
   z-index: 9;
 }
 .pricingSection.pricing-newSection {
   background: #323741;
   overflow: hidden;
   padding: 0 40px;
 }
 .pricingSection.pricing-newSection h1, .pricingSection.pricing-newSection p {
   color: #fff;
   text-align: center;
 }
 .pricingSection.pricing-newSection h1 {
   font-weight: 500;
   font-size: 30px;
 }
 .pricingSection.pricing-newSection p {
   margin-top: 20px;
   line-height: 1.2;
 }
 .pricingSection.pricing-newSection ul {
   padding: 20px 0;
   margin: 0;
   position: relative;
   padding-left: 40px;
 }
 .pricingSection.pricing-newSection ul:before {
   left: 0px;
   background: #474b54;
   height: 100%;
   width: 1px;
   content: "";
   top: 0;
   position: absolute;
 }
 .pricingSection.pricing-newSection ul li {
   list-style: none;
   color: #fff;
   font-size: 18px;
   margin-bottom: 15px;
 }
 .pricingSection.pricing-newSection ul li i {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-size: 20px;
 }
 .pricingSection.pricing-newSection .btnSupport {
   border-color: #fff;
   color: #fff;
 }
 .pricingBtnMain {
   width: 85%;
   text-align: center;
   margin: auto;
 }
 .pricingBtnMain a.registerBtn, .pricingBtnMain a.btn.btnSupport {
   font-size: 14px;
   text-transform: capitalize !important;
 }
 .pricingBtnMain a.registerBtn {
   background: #fff;
   color: #323741;
   margin-top: 15px;
   margin-bottom: 8px;
   border: none;
 }
 .pricingrightImages {
   position: relative;
   float: right;
   top: 60px;
 }
 .brandInfluencersnewBox .pricing .card-head {
   background-color: transparent;
   padding-top: 50px;
   position: relative;
 }
 .brandInfluencersnewBox .pricing .card {
   background: #000;
   border: none;
 }
 .brandInfluencersnewBox .pricing li:nth-child(odd) {
   background-color: transparent;
 }
 .brandInfluencersnewBox .pricing ul li {
   color: #fff;
   font-size: 16px;
 }
 .brandInfluencersnewBox .pricing .priceTitleMain {
   position: absolute;
   top: -23px;
   left: 0;
   right: 0;
   margin: auto;
 }
 .brandInfluencersnewBox .pricing .priceTitleMain .priceTitle {
   position: relative;
   width: 200px;
   border-radius: 0 0 6px 6px;
   margin: auto;
   background: linear-gradient(45deg, #fc9a3a, #fc5124);
   color: #fff;
 }
 .brandInfluencersnewBox .pricing .priceTitleMain .priceTitle:before, .brandInfluencersnewBox .pricing .priceTitleMain .priceTitle:after {
   content: "\A";
   border-style: solid;
   border-width: 22px 13px 0px 0;
   border-color: transparent #bc492a transparent transparent;
   position: absolute;
   left: -13px;
   top: 0;
 }
 .brandInfluencersnewBox .pricing .priceTitleMain .priceTitle:before {
   left: -13px;
 }
 .brandInfluencersnewBox .pricing .priceTitleMain .priceTitle:after {
   right: -13px;
   left: unset;
   transform: rotateY(180deg);
 }
 .brandInfluencersnewBox {
   padding: 85px 0 50px;
 }
 .brandInfluencersnewBox .pricing .col-lg-4:nth-child(1) .card {
   background: transparent;
   border: 1px solid #7d8088;
 }
 .brandInfluencersnewBox .pricing .col-lg-4:nth-child(2) .card {
   background: #323741;
   border: 1px solid #323741;
 }
 .brandInfluencersnewBox .pricing .col-lg-4:nth-child(3) .card input:checked + .slider {
   background: #51555d;
 }
 .brandInfluencersnewBox .pricing .card-head:after {
   content: "";
   position: absolute;
   bottom: 0;
   width: 85%;
   height: 1px;
   background: #4c515c;
   margin: auto;
   left: 0;
   right: 0;
 }
 .brandInfluencersnewBox .pricing input:checked + .slider {
   background-color: #000;
 }
 .brandInfluencersnewBox .pricing input:checked + .slider:before {
   background-color: #fff;
 }
 .brandInfluencersnewBox .btnSupport {
   border-color: #fff;
   color: #fff;
 }
 .brandInfluencersnewBox .clientSection {
   padding: 0;
 }
 .brandInfluencersnewBox .clientSection .owl-carousel .owl-nav button.owl-next, .brandInfluencersnewBox .clientSection .owl-carousel .owl-nav button.owl-prev {
   color: #fff;
 }
 .side-menu.side-menuNew {
   width: 96%;
   position: fixed;
   right: 0;
   margin: auto;
   left: 0;
   border-radius: 20px;
   top: 5%;
   height: auto;
   bottom: unset;
 }
 .side-menu.side-menuNew .bg-overlay {
   background: rgb(255 255 255);
 }
 .side-menu.side-menuNew .side-nav .navbar-nav .nav-link {
   color: #000;
 }
 .side-menu.side-menuNew .side-nav .navbar-nav .nav-link i {
   background: #d3d6d7;
   color: #fff;
 }
 .side-menu.side-menuNew .boxPanelMenu {
   border: 2px solid #e9e9e9;
   min-height: 130px;
 }
 .side-menu.side-menuNew .boxPanelMenu h4 {
   color: #000 !important;
   font-size: 18px;
   font-weight: 600;
 }
 .side-menu.side-menuNew .social-icons li > a {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
 }
 .side-menu.side-menuNew .boxPanelMenu .form-control {
   color: #000;
   background: #e9e9e8;
   border-radius: 50px;
 }
 .side-menu.side-menuNew .btn-close {
   background: #51545e;
 }
 .side-menu.side-menuNew .btn-close::before, .side-menu.side-menuNew .btn-close::after {
   background: #fff;
 }
 .side-menu.side-menuNew li.footer_list {
   margin-right: 0px;
 }
 .side-menu.side-menuNew .side-nav .navbar-nav .nav-link {
   font-weight: 600;
 }
 .side-menu.side-menuNew .boxPanelMenu .social-icons .footer-icon {
   padding-left: 0;
 }
 .side-menu.side-menuNew .contactButt {
   margin-left: 0 !important;
   margin-top: 5px;
   padding: 8px 15px;
 }
 .side-menu.side-menuNew .side-menu-inner-content {
   padding-bottom: 0;
 }
 .side-menu.hidden.side-menuNew.side-menu-active {
   overflow: unset;
 }
 .side-menu.hidden.side-menuNew.side-menu-active:after {
   background: #000;
   content: "";
   position: fixed;
   right: -1000px;
   top: -100px;
   bottom: -1000px;
   left: -1000px;
   z-index: -1;
   opacity: .9;
 }
 .side-menu.side-menuNew .bg-overlay {
   border-radius: 20px;
 }
 .side-menu .btn-close::before, .side-menu .btn-close::after {
   height: 16px;
   top: 9px;
 }
 .side-menu.side-menuNew span.input-group-btn {
   margin-left: 58px;
 }
 .sidebarLeftAreaTab table.twitterTrends {
   border-top: 0px solid #dedede;
   border-collapse: separate;
   border-spacing: 0 18px;
 }
 .sidebarLeftAreaTab table.twitterTrends > tbody > tr:nth-child(even) {
   background-color: #323741 !important;
 }
 .sidebarLeftAreaTab table.twitterTrends > tbody > tr:nth-child(odd) {
   background-color: #3c414b !important;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td {
   border: 1px solid #474b54;
   padding: 0px 10px;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td:first-child {
   border-right: 0;
   color: #000;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td:last-child {
   border-left: 0;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td:first-child:before {
   background: #ffffff;
   color: #000;
 }
 .TopGainersLosersStTable {}
 .sidebarLeftAreaTab table.twitterTrends tbody tr td a {
   color: #fff;
   font-size: 13px;
   font-weight: 600;
   display: block;
   padding: 20px 0;
 }
 .AnalyseTopinfluencer.sidebarLeftAreaTab .tab-content.registerTabAreaPanel {
   background: #323741;
   padding: 10px 20px;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td.bor-l-r {
   border-left: 0;
   border-right: 0;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td.col-w-area a {
   color: #fff;
 }
 .sidebarLeftAreaTab table.twitterTrends tbody tr td.pr-77 {
   padding-right: 77px !important;
 }
 .sidebarLeftAreaTab .TopGainersStTable h4, .sidebarLeftAreaTab .TopLosersStTable h4 {
   font-size: 18px;
   text-align: center;
   color: #fff;
   margin: 0px 0 0px 0;
   padding: 0;
 }
 .sidebarLeftAreaTab .TopGainersStTable table.twitterTrends tbody tr td {
   color: #fff;
 }
 .sidebarLeftAreaTab .TopGainersStTable table.twitterTrends tr td:last-child:after {
   display: none;
 }
 .sidebarLeftAreaTab .TopGainersStTable table.twitterTrends tbody tr td:first-child:before {
   background: #26a903;
 }
 .sidebarLeftAreaTab .TopGainersStTable table.twitterTrends tr td:last-child {
   color: #26a903;
 }
 .sidebarLeftAreaTab .TopLosersStTable table.twitterTrends tbody tr td {
   color: #fff;
 }
 .sidebarLeftAreaTab .TopLosersStTable table.twitterTrends tr td:last-child:after {
   display: none;
 }
 .sidebarLeftAreaTab .TopLosersStTable table.twitterTrends tbody tr td:first-child:before {
   background: #f65341;
 }
 .sidebarLeftAreaTab .TopLosersStTable table.twitterTrends tr td:last-child {
   color: #f65341;
 }
 .AboutbodyPanel {
   padding-top: 15px;
 }
 .AboutbodyPanel p {
   color: #fff;
 }
 .AboutbodyPanel ul li {
   color: #fff;
 }
 .AboutbodyPanel ul li a {
   color: #fc9743;
 }
 .AboutbodyPanel ul li a:hover {
   color: #fff;
 }
 ul.trendingMenu.TabTrendingLink {
   display: table;
   margin-top: 20px
 }
 ul.trendingMenu.TabTrendingLink span {
   display: none;
 }
 ul.trendingMenu.TabTrendingLink li {
   display: unset;
   width: 50%;
   float: left;
   padding: 0 15px;
   margin: 0;
   margin-bottom: 10px
 }
 ul.trendingMenu.TabTrendingLink li a {
   border: 1px solid #333945;
   padding: 5px 10px 5px 40px;
   font-size: 16px;
   display: block;
   background: #313441;
   border-radius: 10px;
   position: relative;
 }
 ul.trendingMenu.TabTrendingLink li a:after {
   position: absolute;
   left: 10px;
   top: 10px;
   font-family: "Font Awesome 5 Free";
   font-weight: 600;
   width: 20px;
   height: 20px;
   content: "\f02b";
   color: #6d717b;
   font-size: 12px;
   transform: rotate(140deg);
 }
 .blog-categories-newarea {
   margin-top: 60px;
   margin-bottom: 50px;
 }
 .blog-categories-newarea .blogCategories-box h3 {
   color: #fc9743;
   font-weight: 600;
   font-size: 20px;
   margin-bottom: 35px;
   margin-top: 40px;
   position: relative;
 }
 .blog-categories-newarea .blogCategories-box h3:after {
   content: "";
   width: 100%;
   height: 3px;
   background: linear-gradient(60deg, #fb9d3b, #fc5525);
   position: absolute;
   left: 0;
   bottom: -10px;
 }
 .blog-categories-newarea .blogCategories-box ul li {
   color: #fff;
   list-style: none;
   margin-bottom: 10px;
 }
 .blog-categories-newarea .blogCategories-box ul li a {
   color: #fff;
 }
 .blog-categories-newarea .blogCategories-box ul li a:hover, .blog-categories-newarea .blogCategories-box ul li a:hover i {
   color: #fc9743;
 }
 .blog-categories-newarea .blogCategories-box ul li i {
   color: #686c74;
 }
 .blog-trends-newarea {
   margin-top: 60px;
   margin-bottom: 50px;
 }
 .blog-trends-newarea h3.title {
   color: #fff;
   font-size: 20px;
   max-width: 100%;
   display: table;
   position: relative;
   margin-bottom: 30px;
 }
 .blog-trends-newarea h3.title span {
   background: #000;
 }
 .blog-trends-newarea .viewAll {
   display: inline-block;
   padding: 5px 15px;
   color: #fff;
   border: 1px solid #525660;
   border-radius: 50px;
   font-size: 14px;
   font-weight: 500;
   float: right;
   background: #272c38;
   z-index: 1;
   position: relative;
 }
 .blog-trends-newarea h3.title:after {
   content: "";
   width: calc(100% - 110px);
   height: 1px;
   background: #525660;
   position: absolute;
   left: 0;
   top: 13px;
 }
 .blog-trends-newarea h3.title span {
   background: #272c38;
   position: relative;
   z-index: 9;
   padding-right: 15px;
 }
 .blog-trends-newarea .leftBlog-trends {
   position: relative;
   overflow: hidden;
   border-radius: 10px;
 }
 .blog-trends-newarea .leftBlog-trends:after {
   width: 100%;
   height: 100%;
   content: '';
   background: rgb(0, 0, 0);
   background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
   background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
   position: absolute;
   left: 0;
   top: 0;
   -webkit-transition: all .5s;
   -ms-transition: all .5s;
   -moz-transition: all .5s;
   -o-transition: all .5s;
   transition: all .5s;
 }
 .blog-trends-newarea .leftBlog-trends img {
   width: 100%;
   height: 300px;
   -webkit-transition: all .4s ease-in-out;
   -moz-transition: all .4s ease-in-out;
   -o-transition: all .4s ease-in-out;
   -ms-transition: all .4s ease-in-out;
   transition: all .4s ease-in-out;
 }
 .blog-trends-newarea .leftBlog-trends:hover img {
   -webkit-transform: scale(1.1) rotate(-2deg);
   -moz-transform: scale(1.1) rotate(-2deg);
   -ms-transform: scale(1.1) rotate(-2deg);
   transform: scale(1.1) rotate(-2deg);
 }
 .blog-trends-newarea .leftBlog-trends .textDetail {
   position: absolute;
   bottom: 20px;
   left: 30px;
   z-index: 9;
   color: #fff;
   width: 60%;
 }
 .blog-trends-newarea .leftBlog-trends .textDetail h4 {
   font-size: 16px;
   margin-bottom: 0;
 }
 .blog-trends-newarea .leftBlog-trends .textDetail {
   font-size: 13px;
 }
 .blog-trends-newarea .leftBlog-trends .textDetail h4:hover {
   color: #fc5124;
 }
 .blog-trends-newarea .rightBlog-trends .imgEffPanel {
   float: left;
   border-radius: 10px;
   width: 150px;
 }
 .blog-trends-newarea .rightBlog-trends .textDetail {
   padding-left: 10px;
   width: calc(100% - 20px);
 }
 .blog-trends-newarea .rightBlog-trends .textDetail h4 {
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
   color: #fc9743;
   line-height: 1.2;
 }
 .blog-trends-newarea .rightBlog-trends .textDetail p {
   color: #7d8088;
   line-height: normal;
   font-size: 13px;
 }
 .blog-trends-newarea .rightBlog-trends .textDetail a {
   color: #fff;
 }
 .blog-trends-newarea .rightBlog-trends {
   display: flex;
   align-items: center;
   margin-bottom: 23px;
 }
 .blog-trends-newarea .rightBlog-trends .imgEffPanel img {
   height: 85px;
 }
 .popover.bs-popover-left {
   padding-left: 0;
   padding-right: 22px;
 }
 .bs-popover-auto[x-placement^=left] > .arrow::after, .bs-popover-left > .arrow::after {
   right: 11px;
   border-width: 1.5rem 0 1.5rem 1.5rem;
   border-left-color: #3e434e;
 }
 .bs-popover-auto[x-placement^=left] > .arrow::before, .bs-popover-left > .arrow::before {
   display: none;
 }
 .sectionNewBoxOne .Brandbox-Inner {
   border-radius: 10px;
 }
 .popover {
   max-width: 290px;
 }
 .contact-address-area .bgGreyBox {
   border-radius: 30px;
   position: relative;
   padding: 30px;
   box-shadow: 0 1px 32px rgb(21 25 30 / 9%);
   color: #fff;
 }
 .contact-address-area .bgGreyBox p, .contact-address-area .bgGreyBox span, .contact-address-area .bgGreyBox b {
   color: #fff !important;
 }
 .request-demos {
   margin: 40px 0 60px;
 }
 .request-demos .bgGreyBox {
   border-radius: 30px;
   position: relative;
   padding: 30px;
   box-shadow: 0 1px 32px rgb(21 25 30 / 9%);
   color: #fff;
 }
 .request-demos .bgGreyBox h1 {
   font-size: 28px;
   line-height: 1.3;
   margin-bottom: 30px;
 }
 .request-demos .bgGreyBox form input[type="text"], .request-demos .bgGreyBox form select {
   background: transparent;
   border: none;
   border-bottom: 1px solid #6c757d;
   color: #fff;
   border-radius: 0;
   height: 45px;
 }
 .request-demos .bgGreyBox form select option {
   background: #323741;
   color: #fff;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
 }
 .request-demos small {
   line-height: 20px;
   display: inline-block;
 }
 .request-demos input[type=checkbox]:not(old) {
   font-size: 1em;
   display: block;
 }
 .request-demos .customCheckboxs label.btn.btn-outline-primary {
   width: 100%;
   border: none;
   background: #272c38;
   color: #fff;
   margin: 0;
   padding: 12px 15px;
   text-align: left;
   font-size: 12px;
 }
 .request-demos .customCheckboxs {
   position: relative;
   margin-bottom: 20px;
 }
 .request-demos .customCheckboxs input[type="checkbox"] {
   position: absolute;
   right: 10px;
   top: 16px;
   border: none;
   appearance: unset !important;
   -moz-appearance: unset !important;
   -webkit-appearance: unset !important;
   -o-appearance: unset !important;
   -ms-appearance: unset !important;
 }
 .request-demos .customCheckboxs .btn-check:active + .btn-outline-primary, .request-demos .customCheckboxs .btn-check:checked + .btn-outline-primary, .request-demos .customCheckboxs .btn-outline-primary.active, .request-demos .customCheckboxs .btn-outline-primary.dropdown-toggle.show, .request-demos .customCheckboxs .btn-outline-primary:active {
   color: #fff;
   background-color: #fb752f;
   border-color: #fb752f;
 }
 .request-demos .customCheckboxs .btn-check:checked + .btn-outline-primary:after {
   content: "\f00c";
   font-family: "Font Awesome 5 Free";
   position: absolute;
   right: 10px;
   top: 12px;
   font-weight: 900;
 }
 .request-demos button {
   min-height: 45px;
   border-radius: 50px;
   border: none;
   padding: 5px 20px;
   z-index: 9;
   position: relative;
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .request-demos button:hover {
   background: linear-gradient(95deg, #fb9d3b, #fc5525);
 }
 .request-demos input::placeholder {
   color: #fff;
   opacity: 1;
 }
 .request-demos input:-ms-input-placeholder {
   color: #fff;
 }
 .request-demos input::-ms-input-placeholder {
   color: #fff;
 }
 .productLaunchSection {
   padding-top: 0;
   background: #272c38;
 }
 .productLaunchSection .para-width.text-muted {
   color: #93969c !important;
 }
 .bg-greydark {
   background: #272c38 !important;
 }
 .bg-greylight {
   background: #323741 !important;
 }
 .featuresAreaSt {
   padding: 0;
 }
 .featuresAreaSt .f-30 {
   color: #fff;
 }
 .featuresAreaSt .features-item {
   background: #323741;
   padding: 25px;
   border-radius: 15px;
 }
 .featuresAreaSt .features-item h5 {
   margin-bottom: 5px;
   color: #fff;
 }
 .featuresAreaSt .features-item p {
   color: #fff !important;
   font-weight: 400;
   font-size: 13px !important;
 }
 .featuresAreaSt .tab-content .tab-pane .features-item .icon {
   background-color: rgb(252 124 49 / 10%);
   color: #fc7c31;
 }
 .productLaunch-brandimpact {
   background: #323741;
   border-radius: 10px;
   border: none;
   margin: 20px 15px;
 }
 .productLaunch-brandimpact h3 {
   color: #fff;
 }
 .productLaunch-whyus {
   padding-top: 30px;
 }
 .productLaunch-whyus h2 {
   color: #fff;
 }
 .productLaunchSection.productLaunch-whyus .service-box {
   background: #323741;
   height: 385px;
 }
 .productLaunchSection.productLaunch-whyus .service-box .service-icon {
   background: transparent;
 }
 .productLaunchSection.productLaunch-whyus .service-box .service-icon i {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   width: 65px;
   height: 65px;
   line-height: 65px;
   text-align: center;
   color: #fff;
   border-radius: 100px;
 }
 .productLaunchSection.productLaunch-whyus .service-box h5 {
   color: #fff;
   font-size: 18px;
 }
 .productLaunchSection.productLaunch-whyus .service-box p {
   color: #93969c;
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor {
   background: #323741;
   color: #fff;
   margin: 25px 0;
   min-height: 265px;
   padding: 20px;
 }
 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor:hover {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .monitorAreaSt .iteamMonitor i {
   width: 60px;
   height: 60px;
   background: #ededfa;
   border-radius: 50%;
   margin: auto;
   margin-bottom: 20px;
   font-size: 30px;
   line-height: 60px;
   color: #5454d4;
 }
 .productLaunch-webpresence img {
   border-radius: 10px;
 }
 .productLaunch-webpresence h3 {
   color: #fff;
 }
 .productLaunch-webpresence p, .productLaunch-webpresence ul.benefits li {
   color: #93969c;
   font-size: 15px;
 }
 .productLaunch-webpresence ul.benefits li i {
   color: #fc7e32;
 }
 .productLaunch-brandpartner {
   padding: 60px 0;
   background: #323741;
   border-radius: 10px;
   margin: 0 15px 60px;
 }
 #productsSliderArea .owl-dots {
   display: none;
 }
 .digitalRankingHeding .socialName h2 {
   color: #fff;
 }
 .digitalRankingHeding .socialName span {
   color: #8c8f95;
 }
 .digitalRankingHeding .socialName h2 a.compareArea {
   position: relative;
   right: auto;
   top: auto;
 }
 h5.hdNewAreaBox {
   color: #fff;
   font-size: 30px;
   text-align: center;
   font-weight: 700;
 }
 h5.hdNewAreaBox span {
   color: #93969c;
   font-size: 16px;
   display: block;
   padding-top: 10px;
   font-weight: 600;
 }
 ::-webkit-calendar-picker-indicator {
   filter: invert(1);
 }
 .searchSectionBox nav {
   text-align: center;
 }
 .searchSectionBox ul.pagination {
   margin: 0;
   text-align: center;
   text-align: center;
   display: inline-block;
 }
 .searchSectionBox ul.pagination li {
   float: left;
 }
 .searchBtnAreaNg .btn.btnFilters {
   margin: 0;
   padding: 14px 15px;
   color: #fff;
   background: #3d424c;
   font-size: 20px;
   border-radius: 9px;
   width: auto;
 }
 .searchBtnAreaNg .btn.btnFilters.bgbt-1 {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: 1px solid #fc5124;
 }
 .rightSectionWrapper .bg-white {
   background-color: #3d424c !important;
 }
 .bg-light {
   background-color: #323842 !important;
   color: #fff;
 }
 .bg-light .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 14px;
   font-weight: 500;
   line-height: 1.5;
   color: #fff;
   background-color: #323842;
   background-clip: padding-box;
   border: 1px solid #474d58;
   border-radius: 0.25rem;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
 }
 .bg-light .custom-select {
   border: 1px solid #474d58;
   background-color: #323842;
   color: #fff;
 }
 .border-bottom {
   border-bottom: 1px solid #4b505a !important;
 }
 #search_home_pg .ui-autocomplete {
   background: #fff;
   border-radius: 15px;
   padding: 10px;
   margin-top: 10px;
 }
 #search_home_pg .ui-autocomplete li {
   text-align: left;
   line-height: 30px;
 }
 #search_home_pg .ui-autocomplete li a {
   color: #333;
   font-size: 14px;
 }
 .hdHedArBox {
   text-align: center;
 }
 .hdHedArBox h5 {
   font-size: 42px;
   color: #fff;
   margin: 30px 0 10px 0;
   font-weight: 700;
   overflow: hidden;
   position: relative;
   text-align: center;
 }
 .hdHedArBox h5 span {
   display: block;
   font-size: 16px;
   line-height: 22px;
   font-weight: 500;
   padding: 0 160px;
   margin-top: 15px;
 }
 .shareofVoice h3 {
   color: #fff;
 }
 .shareofVoice ul.benefits li i {
   color: #fc7e32;
 }
 .section-grey p, .section-grey ul.benefits li {
   color: #d6d7d9;
   font-size: 14px;
   font-family: 'Montserrat', sans-serif;
   font-weight: 500;
 }
 .br-10 {
   border-radius: 10px;
 }
 .calculateshareVoice .col-md-12 {
   color: #fff;
   font-size: 20px;
   letter-spacing: 0;
   font-weight: 500;
 }
 .calculateshareVoice h2 span, .calculateshareVoice b {
   color: #272c38;
   font-weight: 500;
 }
 .calculateshareVoice .wedoContent {
   background: #323741;
   border-radius: 10px;
   display: flex;
   align-items: center;
   justify-content: center;
   height: 310px;
 }
 .calculateshareVoice .wedoContent .equalto {
   display: table;
   margin: 5px auto;
 }
 .calculateshareVoice .wedoContent .equalto span {
   background: #272c38;
   display: inline-block;
   border-radius: 30px;
   width: 30px;
   height: 30px;
   line-height: 30px;
   color: #fff;
   font-size: 20px;
 }
 .calculateshareVoice .wedoContent h5.calculateHdArea {
   font-size: 28px;
   margin-bottom: 32px;
   font-weight: 700;
   color: #fff;
 }
 .calculateshareVoice .wedoContent hr {
   border-top: 1px solid rgb(255 255 255);
 }
 .shareVoice3 {
   background: #272c38;
   padding-top: 50px;
   padding-bottom: 50px;
 }
 .shareVoice3 .card.features-box {
   background: #fc9743;
   color: #fff;
   margin: 10px 0;
 }
 .shareVoice3 .features-box .features-body h6 {
   font-size: 15px;
   display: inline-block;
   color: #fc9743;
 }
 .shareVoice3 .features-box .features-body span {
   color: #fff;
   font-size: 12px;
   display: inline-block;
   margin-top: 5px;
   min-height: 30px;
 }
 .shareVoice3 .card-body.features-body {
   padding: 5px 4px;
 }
 .shareVoice4 {
   background: #272c38;
 }
 .shareVoice4 ul.simple-list {
   margin: 0;
 }
 .shareVoice4 ul.simple-list li strong {
   color: #fc9743;
   display: block;
   font-size: 17px;
   margin-bottom: 8px;
 }
 .shareVoice4 ul.simple-list li {
   list-style: none;
   font-size: 15px;
   background: #323741;
   border-radius: 10px;
   padding: 20px;
   position: relative;
 }
 .shareVoice4 ul.simple-list li:before {
   position: absolute;
   content: "";
   left: -15px;
   top: 50%;
   margin-top: -20px;
   width: 30px;
   height: 30px;
   background: #323741;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
 }
 .shareVoice4 .title h3 {
   color: #fff;
 }
 .text-muted {
   color: #999ba0 !important;
 }
 .shareVoice5 h5 {
   color: #fff;
   font-size: 28px;
 }
 .shareVoice5 img.img-fluid {
   background: #fff;
 }
 .shareVoice5 p {
   color: #fff;
 }
 .mediaMonitoring1 h3 {
   color: #fff;
 }
 .mediaMonitoring2 {
   margin: 0 15px;
   background: #323741;
   border-radius: 10px;
 }
 .mediaMonitoring2 h6 {
   font-size: 15px;
   color: #999ba0;
 }
 .mediaMonitoring2 h6 strong {
   color: #fc9743;
 }
 .mediaMonitoring3 {
   background: #272c38;
   padding-top: 60px;
   padding-bottom: 40px;
 }
 .mediaMonitoring3 .monitorAreaSt .iteamMonitor i {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   color: #fff;
 }
 .mediaMonitoring3 .monitorAreaSt .iteamMonitor {
   background: transparent;
   color: #fff;
 }
 .mediaMonitoring3 .monitorAreaSt .iteamMonitor:hover {
   background: #fff;
   color: #272c38;
 }
 .monitorAreaSt .iteamMonitor h4 {
   font-size: 16px;
 }
 .mediaMonitoring3 .monitorAreaSt .iteamMonitor p {
   font-size: 13px;
 }
 .owl-theme.owl-carousel .owl-dots .owl-dot.active span {
   background: #fc6a2c;
 }
 .mediaMonitoring3 .monitorAreaSt .owl-stage-outer {
   padding-bottom: 0;
 }
 .sentimentalAnnalysis1 h3 {
   color: #fff;
 }
 .sentimentalAnnalysis1 p {
   line-height: 1.2;
 }
 .sentimentalAnnalysis1 p i {
   color: #fc7e32;
 }
 .sentimentalAnnalysis2 {
   margin: 0 15px;
   background: #323741;
   border-radius: 10px;
 }
 .sentimentalAnnalysis2 .whiteBg-sec {
   background: #fff;
   border-radius: 10px;
 }
 .sentimentalAnnalysis2 .greyBg-sec {
   background: #323741;
   height: 100%;
   padding: 30px;
   border-radius: 10px;
   color: #d6d7d9;
 }
 .sentimentalAnnalysis2 .greyBg-sec h3 {
   font-size: 25px;
   margin-bottom: 20px;
   font-weight: 700;
   color: #fff;
 }
 .sentimentalAnnalysis3, .socialListening2.sentimentalAnnalysis3 {
   padding-top: 60px;
   padding-bottom: 40px;
   background: #fc9743;
   margin: 0 15px;
   border-radius: 10px;
 }
 .sentimentalAnnalysis3 .title h2.f-30 {
   color: #fff;
 }
 .socialListening2.sentimentalAnnalysis3 h3 {
   margin-bottom: 0;
   color: #272c38 !important;
 }
 .socialListening2.sentimentalAnnalysis3 h6 {
   color: #272c38 !important;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv h5, .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv p {
   color: #272c38 !important;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap:before {
   border-color: #272c38;
 }
 .sentimentalAnnalysis3 .monitorAreaSt.semntimentAnalysisBoxSt .iteamMonitor:hover {
   background: #fff;
   color: #000;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.left:after, .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.right:after {
   display: none;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.left:before, .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.right:before {
   display: none;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.left i, .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.right i {
   background: #272c38;
   width: 40px;
   height: 40px;
   line-height: 40px;
   position: absolute;
   left: -33px;
   color: #fff;
   text-align: center;
   border-radius: 100px;
   font-size: 25px;
 }
 .socialListening2.sentimentalAnnalysis3 .roadMap .Contentdiv.right i {
   right: -38;
   left: unset;
 }
 .socialListening1 img {
   background: #fff;
   border-radius: 10px;
 }
 .socialListening1 h3 {
   color: #fff;
   font-size: 30px;
   font-weight: 600;
 }
 .socialListening1 p {
   color: #d6d7d9;
   font-size: 15px;
 }
 .socialListening2 {
   background: #272c38;
   overflow: hidden;
   padding-top: 40px;
 }
 .socialListening2 .title h3 {
   font-size: 28px;
   color: #fff;
   font-weight: 600;
   text-align: center;
   margin-bottom: 0;
 }
 .socialListening2 .roadMap {
   position: relative;
   margin: 30px 0;
 }
 .roadMap img {
   border-radius: 10px;
   margin: 35px 60px;
 }
 .socialListening2 .roadMap:before {
   position: absolute;
   content: "";
   height: 105%;
   top: 40px;
   left: 50%;
   margin: auto;
   border-right: 5px dotted #7c4b37;
 }
 .socialListening2 .roadMap .Contentdiv {
   padding: 35px 30px;
   position: relative;
   background: #323741;
   border-radius: 10px;
   margin-bottom: 35px;
 }
 .socialListening2 .roadMap .Contentdiv .arrowRight {
   content: " ";
   position: absolute;
   right: -15px;
   top: 35px;
   border-top: 15px solid transparent;
   border-right: none;
   border-left: 15px solid #323741;
   border-bottom: 15px solid transparent;
 }
 .socialListening2 .roadMap .Contentdiv .arrowLeft {
   content: " ";
   position: absolute;
   left: -15px;
   top: 35px;
   border-top: 15px solid transparent;
   border-right: 15px solid #323741;
   border-left: none;
   border-bottom: 15px solid transparent;
 }
 .socialListening2 .roadMap .Contentdiv.left:before, .socialListening2 .roadMap .Contentdiv.right:before {
   position: absolute;
   content: "";
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   width: 20px;
   height: 20px;
   border-radius: 100px;
   margin: auto;
   left: -72px;
   top: 40px;
   z-index: 9;
 }
 .socialListening2 .roadMap:last-child:before {
   height: 0;
 }
 .socialListening2 .roadMap img {
   margin: 0px 25px 35px;
   width: 230px;
 }
 .Imgleft {
   float: left;
 }
 .Imgright {
   float: right;
 }
 .socialListening2 .roadMap .Contentdiv.left:after, .socialListening2 .roadMap .Contentdiv.right:after {
   border: 1px solid #fc7835;
   position: absolute;
   content: "";
   width: 30px;
   height: 30px;
   border-radius: 100px;
   left: -77px;
   top: 35px;
   background: #272c38;
 }
 .socialListening2 .roadMap .Contentdiv.right:before {
   left: unset;
   right: -77px;
 }
 .socialListening2 .roadMap .Contentdiv.right:after {
   left: unset;
   right: -82px;
 }
 .socialListening2 .roadMap .Contentdiv h5 {
   color: #fc9442;
   font-size: 20px;
   line-height: 1.3;
   font-weight: 600;
 }
 .socialListening2 .roadMap .Contentdiv p {
   color: #93969c !important;
   font-size: 15px !important;
 }
 .overflowhidden {
   overflow: hidden;
 }
 .onlineReputation1 h3 {
   color: #fff;
 }
 .sectionSt-01.cta.onlineReputation2::before, .sectionSt-01.cta.onlineReputation2::after {
   background: #272c38;
 }
 .sectionSt-01.cta.onlineReputation2 .bg-overlay-gradiant {
   background: linear-gradient(80deg, #fc8d36 0%, #fc7c31 100%)
 }
 .onlineReputation3 .txt-box h5 {
   color: #fff;
 }
 .onlineReputation3 .txt-box p {
   color: #93969c;
 }
 .shareVoice3.onlineReputation4 .card.features-box {
   background: #323741;
 }
 .shareVoice3.onlineReputation4 .features-box .features-body h6 {
   font-size: 16px;
   color: #fc9743;
 }
 .monitoringMarketingTrend1 img {
   background: #fff;
   width: 100%;
   padding: 35px;
 }
 .monitoringMarketingTrend1 h3 {
   color: #fff;
   font-size: 28px;
   font-weight: 800;
 }
 .section-grey ul.benefits li i {
   color: #fc7e32;
   top: 3px;
 }
 .monitoringMarketingTrend2 {
   margin: 0 15px;
   border-radius: 10px;
   background: #323741;
 }
 body {
   color: #d6d7d9;
 }
 .monitoringTrends-service.monitoringMarketingTrend2 .single-service h3 {
   color: #fff;
 }
 .monitoringTrends-service.monitoringMarketingTrend2 .single-service p {
   color: #d6d7d9;
 }
 .monitoringTrends-service .single-service > span {
   background: linear-gradient(60deg, #fc5525, #fb9d3b) !important;
   width: 80px;
   height: 80px;
   display: inline-block;
   border-radius: 100px;
   padding: 16px;
 }
 .monitoringTrends-service .single-service > span > img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .realtimeAnalytics1 img, .realtimeAnalytics2 img {
   border-radius: 10px;
   background: #fff;
   padding: 30px;
 }
 .realtimeAnalytics1 h3, .realtimeAnalytics2 h3, .socialListening2.realtimeAnalytics3 .roadMap .Contentdiv h5 {
   color: #fff;
 }
 .socialListening2.realtimeAnalytics3 {
   padding-top: 60px;
 }
 .socialListening2.realtimeAnalytics3 h3 {
   margin-bottom: 0
 }
 .methodologySection h6 {
   font-size: 30px;
 }
 .lightGreyBG {
   background: #323741 !important;
 }
 .section-grey h3 {
   color: #fff;
 }
 .featuresAreaSt .features-item {
   position: relative;
 }
 .featuresAreaSt .features-item:before {
   position: absolute;
   content: "";
   left: -12px;
   top: 50%;
   margin-top: -15px;
   width: 30px;
   height: 30px;
   background: #323741;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
 }
 .featuresAreaSt .features-item.rightArrow:before {
   right: -12px;
   left: unset;
 }
 .featuresAreaSt .features-item h5, .productLaunch-brandimpact .bg-lightgrey h3 {
   color: #fc9743;
 }
 .featuresAreaSt .features-item h5 {
   font-weight: 600;
 }
 .bg-white {
   background: #fff;
 }
 .bg-lightgrey {
   background: #323741;
 }
 .productLaunch-brandimpact .bg-lightgrey, .shareofVoice .bg-lightgrey, .mediaMonitoring1 .bg-lightgrey {
   padding: 30px;
   height: 100%;
 }
 .pd-30px {
   padding: 30px;
 }
 .height100 {
   height: 100%;
 }
 .section-grey h3 {
   font-size: 28px;
 }
 .productLaunchSection.productLaunch-whyus .service-box {
   background: #fc9743;
 }
 .productLaunchSection.productLaunch-whyus .service-box .service-icon i {
   background: #323741;
 }
 .productLaunchSection.productLaunch-whyus .service-box h5, .productLaunchSection.productLaunch-whyus .service-box p {
   color: #323741;
 }
 .productLaunchSection.productLaunch-whyus .service-box h5 {
   font-weight: 700;
 }
 .productLaunchSection .para-width.text-muted {
   color: #d6d7d9 !important;
 }
 .title img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .productLaunch05 .roadMap {
   position: relative;
   margin: 30px 0;
 }
 .productLaunch05 .roadMap:before {
   position: absolute;
   content: "";
   height: 105%;
   top: 40px;
   left: 50%;
   margin: auto;
   border-right: 8px dotted #7c573c;
 }
 .productLaunch05 .container .roadMap:last-child:before {
   height: 0;
 }
 .productLaunch05 .roadMap .Contentdiv {
   padding: 35px 30px;
   background: #323741;
   position: relative;
   border-radius: 10px;
 }
 .Contentdiv.left {
   margin-left: 50px;
 }
 .Contentdiv.right {
   margin-right: 50px;
 }
 .productLaunch05 .roadMap .Contentdiv.left i, .productLaunch05 .roadMap .Contentdiv.right i {
   background: #fc9743;
   width: 55px;
   height: 55px;
   line-height: 55px;
   position: absolute;
   left: -88px;
   color: #fff;
   text-align: center;
   border-radius: 100px;
   font-size: 25px;
   top: 20px;
 }
 .productLaunch05 .roadMap .Contentdiv.right i {
   right: -98px;
   left: unset;
 }
 .productLaunch05 .roadMap .Contentdiv.left:before, .productLaunch05 .roadMap .Contentdiv.right:before {
   position: absolute;
   content: "";
   left: -12px;
   top: 30px;
   width: 30px;
   height: 30px;
   background: #323741;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
 }
 .productLaunch05 .roadMap .Contentdiv.right:before {
   left: unset;
   right: -12px;
 }
 .productLaunch05 .roadMap .Contentdiv h5 {
   color: #fc9743;
   font-weight: 600;
   font-size: 16px;
 }
 .productLaunch05 .roadMap .Contentdiv p {
   color: #d6d7d9;
 }
 .productLaunch05 {
   padding: 60px 0;
 }
 .productLaunch05 .title h2 {
   color: #fff;
 }
 .fw-bold {
   font-weight: 700;
 }
 .featuresAreaSt .features-item p {
   color: #d6d7d9 !important;
   font-size: 15px !important;
 }
 .calculateshareVoice .wedoContent {
   background: #fc9743;
 }
 .textOrange {
   color: #fc9743 !important;
 }
 .shareVoice3 .card.features-box {
   background: #323741;
 }
 .shareVoice5 .txt-block {
   background: #323741;
   padding: 28px;
   border-radius: 10px;
 }
 .shareVoice5 .txt-block p {
   font-size: 14px;
   color: #d6d7d9;
   line-height: 24px;
 }
 .colorOrange {
   color: #fc7e32;
 }
 .onlineReputation1 h3 {
   font-size: 28px;
 }
 .onlineReputation1 p {
   line-height: 1.5;
 }
 .marketResearch2 .iteamMonitorImgArea {
   box-shadow: none !important;
 }
 .marketResearch2 .iteamMonitorImgArea img {
   border: none;
   border-radius: 10px;
 }
 .marketResearch2 .iteamMonitorImgArea h6 {
   background: transparent;
   color: #fc9743;
   text-transform: capitalize;
 }
 .owl-theme .owl-dots {
   top: unset;
   bottom: -20px;
   right: 0;
   left: 0;
 }
 .soc-sectionAnimate .section-heading > h2 {
   color: #fff;
 }
 .soc-sectionAnimate ul.content-list li.single-content-list span.color-2 {
   color: #fc9743;
 }
 .consumerInsights3 {
   margin: 0 15px;
   border-radius: 10px;
   background: #323741;
 }
 .real-time-one .section-title .title span, .real-time-two .feature-box .content .title {
   color: #fff;
 }
 .real-time-one .section-title .title span::before {
   background-color: #fdab77;
   bottom: -2px;
 }
 .real-time-two .features-row .feature-col .feature-box .icon {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
 }
 .real-time-two .feature-box .icon::before {
   display: none;
 }
 .ourProductsArea .fream-phone {
   width: 245px;
   top: -20px;
 }
 .KeyMetricsSection .form-control {
   color: #fff;
   background-color: #3d424c;
   border: 1px solid #3d424c;
 }
 .KeyMetricsSection .btn-primary {
   color: #fff;
   background-color: #272c38;
   border-color: #535761;
 }
 .Brandbox-Inner .profileImages .shareDropdown .shareMenu i {
   border: unset;
   padding: 5px;
   border-radius: 50px;
   background: #323741;
   font-size: 15px;
 }
 .Brandbox-Inner .profileImages .shareDropdown .shareMenu i:hover {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
 }
 .logoBox a {
   display: inline-block;
 }
 .logoBox a.smallLogo {
   display: none;
 }
 .NewanalyseTopinfluencer {
   margin-top: 80px;
   margin-bottom: 80px;
 }
 .NewanalyseTopinfluencer .announcement-banner {
   margin: 0 auto;
   width: 100%;
   background-size: cover;
   display: flex;
   align-items: center;
   position: relative;
   border-radius: 10px;
   background-color: #323741;
   background-image: url(https://www.transparenttextures.com/patterns/black-orchid.png);
   background-size: auto;
   border-radius: 20px;
 }
 .NewanalyseTopinfluencer .announcement-banner:before {
   position: absolute;
   content: "";
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: rgb(77 83 96 / 38%);
   opacity: 1;
   border-radius: 20px;
 }
 .NewanalyseTopinfluencer .announcement-banner .video {
   flex: 50% 0 0;
   width: 100%;
   transform-origin: 75% 50%;
   transform: scale(1.1);
   box-shadow: 3px 3px 15px rgb(0 0 0 / 20%);
   border-top: 10px solid #fc9a3a;
   border-bottom: 10px solid #fc9a3a;
 }
 .NewanalyseTopinfluencer .announcement-banner .embed-container {
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
   max-width: 100%;
 }
 .NewanalyseTopinfluencer .announcement-banner .embed-container iframe, .NewanalyseTopinfluencer .announcement-banner .embed-container object, .NewanalyseTopinfluencer .announcement-banner .embed-container embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
 }
 .NewanalyseTopinfluencer .announcement-banner .summary {
   flex: 50% 0 0;
   padding: 20px;
   text-align: left;
   padding-left: 50px;
   position: relative;
 }
 .NewanalyseTopinfluencer .announcement-banner .summary h2 {
   font-size: 28px;
   font-weight: 600;
   line-height: 1.4;
   margin-bottom: 15px;
 }
 .NewanalyseTopinfluencer .announcement-banner .summary p {
   font-size: 13px;
   margin-bottom: 10px;
   line-height: 24px;
 }
 .AibasedTrends .leftBoxContents {
   background-color: #ffddcc;
   padding: 40px;
   color: #000;
   position: relative;
   border-radius: 20px 0 0 20px;
 }
 .AibasedTrends .leftBoxContents:before {
   background-color: #ffddcc;
   position: absolute;
   right: -80px;
   top: 0;
   content: "";
   width: 114px;
   height: 100%;
   border-radius: 20px;
 }
 .AibasedTrends .leftBoxContents p {
   font-size: 16px;
   font-style: italic;
   margin-bottom: 10px;
   color: #fc5525;
   font-weight: 600;
 }
 .AibasedTrends .leftBoxContents h2 {
   font-size: 20px;
   line-height: 30px;
   color: #272c38;
   margin-bottom: 20px;
 }
 .AibasedTrends .leftBoxContents ul li {
   list-style: none;
   transition: all 0.5s ease;
   -webkit-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
 }
 .AibasedTrends .leftBoxContents ul li:hover {
   list-style: none;
   padding-left: 15px;
 }
 .AibasedTrends .leftBoxContents ul li:hover a, .AibasedTrends .leftBoxContents ul li.active a {
   color: #df5f11;
 }
 .AibasedTrends .leftBoxContents ul li {
   margin: 10px 0;
   display: inline-block;
   width: 32%;
 }
 .AibasedTrends .leftBoxContents ul li a {
   color: #272c38;
   font-weight: 500;
   font-size: 15px;
   font-family: Roboto, sans-serif;
 }
 .AibasedTrends .rightBoxContents .aibasedTrendsshow {
   display: none;
 }
 .AibasedTrends .rightBoxContents .aibasedTrendsshow.active {
   display: block;
 }
 .aibasedTrendsshow p {
   font-size: 18px;
   text-align: center;
   padding-left: 70px;
 }
 .aibasedTrendsshow img {
   position: relative;
  border-radius: 20px;
 }
 .bg220:before {}
 .competitiveIntelligence {
   background: #323741;
   margin: 100px 0 100px;
   text-align: center;
   padding: 100px 0;
   background: rgba(30, 40, 60, 0.89);
   background-image: url(../images/innerpages/Competitive-IntelligenceBG.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   position: relative;
 }
 .competitiveIntelligence:before {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background: rgb(1 5 16 / 91%);
 }
 .competitiveIntelligence .container {
   position: relative;
 }
 .competitiveIntelligence p {
   color: #fff;
 }
 .competitiveIntelligence h2 {
   font-size: 30px;
   margin-bottom: 20px;
   color: #fc9643;
   font-weight: 600;
   padding: 3px;
   padding: 0.065em;
 }
 .competitiveIntelligence ul li {
   display: inline-block;
   padding: 0 20px;
   font-size: 15px;
   position: relative;
 }
 .competitiveIntelligence ul li:before {
   content: "";
   position: absolute;
   width: 8px;
   height: 8px;
   background: #fc9a3a;
   border-radius: 100px;
   top: 9px;
   left: 6px;
 }
 .AnalyseTopinfluencer .tab-content.registerTabAreaPanel {
   border-radius: 10px !important;
 }
 .homeBlog {
   padding: 80px 0;
   background: #323741;
 }
 .homeBlog .blogPanelBlack {
   background: #00000042;
   border: none;
   padding: 0 !important;
   border-radius: 10px;
 }
 .homeBlog .blogPanelBlack .imgEffPanel, .blogPanelBlack .imgEffPanel img {
   height: 150px;
 }
 .homeBlog .blogPanelBlack .contentBlog {
   padding: 20px;
 }
 .homeBlog .blogPanelBlack h3 {
   margin-top: 0px;
   margin-bottom: 10px;
   font-weight: 500;
   font-size: 16px;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .homeBlog .blogPanelBlack p {
   color: #b1b1b1;
   line-height: 1.3;
   font-size: 14px;
   margin-bottom: 8px;
   font-weight: 300;
   overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   line-clamp: 2;
   -webkit-box-orient: vertical;
 }
 .homeBlog .blogPanelBlack h3 a, .homeBlog .blogPanelBlack span.post-meta {
   color: #fff;
 }
 .homeBlog .blogPanelBlack h3 a:hover {
   color: #fc9643;
 }
 .homeBlog .blogPanelBlack span.post-meta {
   background: linear-gradient(60deg, #fc5525, #fb9d3b);
   padding: 3px 6px;
   border-radius: 4px;
 }
 .homeBlog .blogPanelBlack span.text-right.likeSect, .homeBlog .blogPanelBlack span.eltd-blog-like {
   float: right;
 }
 .homeBlog .owl-nav.disabled {
   display: none;
 }
 .homeBlog h2 {
   font-size: 30px;
   margin-bottom: 20px;
   color: rgb(252, 150, 67);
   font-weight: 600;
   text-align: center;
   padding: 0.065em;
 }
 .side-menu.side-menuNew {
   display: none;
 }
 .side-menu.hidden.side-menuNew.side-menu-active {
   display: block;
 }
 .navbar.fixed-menu {
   background-color: #323741 !important;
 }
 .navbar.fixed-menu .nav-item a.nav-link, .navbar.fixed-menu .navbar-btn {
   color: #fff !important;
 }
 .navbar.fixed-menu .sidemenu_btn span {
   background: #fff;
 }
 .signupForm-footer {
   margin: 0px 0 -40px;
   text-align: center;
   padding: 120px 0;
   position: relative;
   background: rgba(30, 40, 60, 0.89);
   background-image: url(../images/innerpages/16608093325283.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   width: 100%;
   position: relative;
 }
 .signupForm-footer:before {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background: rgb(50 55 65 / 89%);
 }
 .homesignupForm {
   padding: 20px 30px;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, .2);
   border-radius: 10px;
   margin-left: 30px;
   margin-top: -40px;
   right: -20px;
   position: relative;
 }
 .homesignupForm img {
   padding: 0;
   height: 40px;
   margin: 0 auto 10px;
   display: table;
 }
 .homesignupForm .form-control {
   font-size: 14px;
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 40px;
   padding: 0 7px 0 15px;
   margin-bottom: 0;
   border-radius: 50px;
   border: 2px solid #e4e4e4;
   text-align: left;
 }
 .homesignupForm h6 {
   margin: 8px 0;
   text-align: center;
   font-size: 14px;
 }
 .homesignupForm h6:before {
   display: inline-block;
   margin: 0 14px 2px 0;
   height: 3px;
   content: " ";
   background-color: #e8e9ea;
   width: 110px;
 }
 .homesignupForm h6:after {
   display: inline-block;
   margin: 0 0 2px 14px;
   height: 3px;
   content: " ";
   text-shadow: none;
   background-color: #e8e9ea;
   width: 110px;
 }
 .homesignupForm .socialIcon {
   text-align: center;
 }
 .homesignupForm .socialIcon ul {
   list-style: none;
   margin: 0;
   padding: 0;
   text-align: center;
 }
 .homesignupForm .socialIcon ul li {
   display: inline-block;
 }
 .homesignupForm .socialIcon ul li a {
   color: #000;
 }
 .homesignupForm .socialIcon ul li a i {
   width: 35px;
   height: 35px;
   border: 1px solid #595959;
   font-size: 15px;
   margin: 0 3px;
   border-radius: 50%;
   line-height: 33px;
   color: #000;
 }
 .homesignupForm .socialIcon ul li a i:hover {
   color: #fff;
   border: 1px solid #eb8423;
   background: #eb8423;
 }
 .homesignupFormInner {
   background: #272c38;
   border-radius: 10px;
   text-align: left;
   height: 450px;
   position: relative;
 }
 .homesignupFormInner .leftTextsignup {
   padding: 70px 0 70px 70px;
 }
 .homesignupFormInner .leftTextsignup h5, .homesignupFormInner .leftTextsignup h3, .homesignupFormInner .leftTextsignup ul li {
   color: #fff;
 }
 .homesignupFormInner .leftTextsignup h5 {
   font-size: 16px;
   color: #fc9a3a;
 }
 .homesignupFormInner .leftTextsignup h3 {
   font-size: 26px;
   font-weight: 500;
 }
 .homesignupFormInner .leftTextsignup ul li {
   padding-left: 25px;
   font-size: 16px;
   margin-bottom: 10px;
 }
 section.sectionBoxOne.clientLogosMain, .footerSection {
   padding: 80px 0 40px;
 }
 .AnalyseTopinfluencerBG {
   background: rgba(30, 40, 60, 0.89);
   background-image: url(../images/innerpages/16007808418553.jpg);
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed;
   background-size: cover;
   width: 100%;
   position: relative;
   padding: 60px 0 80px !important;
 }
 .AnalyseTopinfluencerBG:before {
   position: absolute;
   content: "";
   height: 100%;
   width: 100%;
   left: 0;
   top: 0;
   background: rgb(50 55 65 / 89%);
 }
 .AnalyseTopinfluencerBG .container {
   position: relative;
 }
 .AnalyseTopinfluencer h2 {
   color: #fff;
   margin-top: 0;
 }
 #register_popup .form-control {
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 45px;
   padding: 0 15px;
   border-radius: 50px;
   border: 2px solid #e4e4e4;
   text-align: left;
 }
 #add_social_link {
   font-size: 13px;
   font-weight: 500;
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 45px;
   padding: 0px 15px 0 15px;
   border-radius: 50px;
   border: 2px solid #e4e4e4;
   text-align: center;
   justify-content: space-between;
   display: flex;
   line-height: 45px;
 }
 #add_social_link i {
   line-height: 45px;
   font-size: 11px;
 }
 .chooseTypeSearch {
   margin-bottom: 0px;
   width: 100%;
   font-size: 14px;
   text-align: center;
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 45px;
   padding: 0 7px 0 7px;
   border-radius: 50px;
   border: 2px solid #e4e4e4;
   text-align: center;
   line-height: 40px;
   margin-top: 15px;
   margin-bottom: 10px;
   text-transform: uppercase;
 }
 #register_popup label {
   margin-bottom: 0;
 }
 .modal label, .modal p, #account {
   color: #7d858c;
 }
 .more_social_links .col-6.slnk {
   position: relative;
 }
 .more_social_links .col-6.slnk .form-control {
   text-align: left;
   padding: 0 15px;
 }
 .more_social_links .col-6.slnk button.btn.btn-xs.linkrem {
   position: absolute;
   right: 20px;
   top: 6px;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border-radius: 100px;
   width: 35px;
   height: 35px;
   text-align: center;
   color: #fff;
   font-size: 11px;
 }
 #register_popup .form-group {
   margin-bottom: 1rem !important;
 }
 #register_popup button.close {
   background: #bababa;
   width: 30px;
   height: 30px;
   font-size: 34px;
   line-height: 30px;
   color: #fff;
   border-radius: 50%;
   position: absolute;
   font-weight: 200;
   right: 10px;
   top: 10px;
 }
 #register_popup .modal-body {
   padding: 30px 40px;
 }
 #register_popup .stepAreaPanel.type_search {
   border: 2px solid #e4e4e4;
   border-radius: 20px;
   padding: 20px;
 }
 .registerPopBtn button#reg_brand {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   border: none;
   cursor: pointer;
   padding: 9px 18px 9px 18px;
   text-align: center;
   border-radius: 100px;
   -webkit-transition: 0.5s ease;
   -o-transition: 0.5s ease;
   transition: 0.5s ease;
 }
 .registerPopBtn button#reg_brand:hover {
   background: #3f3d56;
 }
 .bgimg02 {
   background-image: url(../images/innerpages/Finger-touching-phone-with-social-media-concept-and-dark-background.jpg);
 }
 .bgimg02:before {
   background: rgb(51 53 56 / 89%);
 }
 button.btn.btn-primary.rounded-pill.green-btn.float-right.mr-3.loginBtn {
   width: 39px;
   height: 39px;
   text-align: center;
   padding: 0;
 }
 .navbar.fixed-menu .nav-item a.nav-link {
   border-radius: 100px;
   border: 1px solid #323741;
 }
 .navbar.fixed-menu .nav-item a.nav-link:hover, .navbar.fixed-menu .navbar-nav a.nav-link.active {
   background: transparent;
   color: #fc8b36 !important;
 }
 .contact-address-area .bgGreyBox p.sucMsg {
   color: #000 !important;
 }
 .contact-form form p.frmerr {
   color: #ff7777 !important;
 }
 .OurFaqArea {
   position: relative !important;
   text-align: center !important;
   display: flex !important;
   text-align: center;
 }
 .OurFaqArea h2 {
   font-weight: 600 !important;
   width: 100%;
   line-height: 1.3;
   font-size: 4.25rem !important;
   opacity: 0.1;
   color: rgba(255, 255, 255, .5) !important;
   text-transform: uppercase !important;
   margin-bottom: 0 !important;
 }
 .OurFaqArea p {
   font-weight: 600 !important;
   line-height: 1.5 !important;
   align-self: center !important;
   width: 100% !important;
   position: absolute !important;
   text-align: center !important;
   font-size: 3.25rem !important;
   color: #fff !important;
   text-transform: uppercase !important;
 }
 .heading-separator-line {
   width: 80px;
   border: 2px solid #ef6838 !important;
 }
 .mx-auto {
   margin-right: auto !important;
   margin-left: auto !important;
 }
 .roadmaps {
   position: relative;
 }
 .roadmaps .step-pr {
   position: relative;
   background: rgba(0, 0, 0, 0.3);
   border-radius: 50%;
   width: 150px;
   height: 150px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #ef6838 !important;
   font-weight: 600 !important;
   line-height: 1.3;
   font-size: 3.5rem !important;
 }
 .roadmaps:after {
   content: "";
   display: block;
   height: 100%;
   left: 50%;
   margin-left: -2px;
   position: absolute;
   top: 0px;
   width: 4px;
   background: rgba(0, 0, 0, 0.3);
   z-index: 0;
 }
 .roadmaps .step-pr:after {
   position: absolute;
   content: ' ';
   background: rgba(0, 0, 0, 0.3);
   height: 4px;
   width: 3.15rem;
   right: -3.15rem;
 }
 .roadmaps .step-pr:before {
   position: absolute;
   content: ' ';
   width: 6px;
   height: 6px;
   background: #e5e5e6;
   -webkit-box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 0px 7px rgba(0, 0, 0, 0.3);
   border-radius: 50%;
   right: -3.95rem;
   z-index: 1;
 }
 .roadmaps .step-pr.alternate:after {
   right: auto;
   left: -3.15rem;
 }
 .roadmaps .step-pr.alternate:before {
   right: auto;
   left: -3.95rem;
 }
 .roadmaps .text-primary, .roadmaps .link-primary, .roadmaps .btn-link {
   color: #ef6838 !important;
 }
 @media (min-width: 768px) {
   .text-md-start {
     text-align: left !important;
   }
   .ms-md-5 {
     margin-left: 3rem !important;
   }
   .ms-md-auto {
     margin-left: auto !important;
   }
   .me-md-5 {
     margin-right: 3rem !important;
   }
   .roadmaps .step-pr:before {
     position: absolute;
     content: ' ';
     width: 6px;
     height: 6px;
     background: #e5e5e6;
     -webkit-box-shadow: 0px 0px 0px 7px rgb(0 0 0 / 30%);
     box-shadow: 0px 0px 0px 7px rgb(0 0 0 / 30%);
     border-radius: 50%;
     right: -3.95rem;
     z-index: 1;
   }
   .roadmaps .step-pr:after {
     position: absolute;
     content: ' ';
     background: rgba(0, 0, 0, 0.3);
     height: 4px;
     width: 3.15rem;
     right: -3.15rem;
   }
   .text-md-end {
     text-align: right !important;
   }
 }
 .freeDemoBtnRight {
   position: fixed;
   cursor: pointer;
   z-index: 9;
   right: 7px;
   bottom: 100px !important;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   height: 32px;
   width: 32px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   object-fit: cover;
   box-shadow: 0px 2px 9px rgb(0 0 0 / 13%);
 }
 .freeDemoBtnRight span.roundicon-tooltiptext {
   background: #ffffff;
   border: 1px solid #fc5124;
   box-shadow: 0px 2px 9px rgb(0 0 0 / 13%);
   color: #3a3a3a;
   font-size: 11px !important;
   line-height: 16.72px;
   text-align: center;
   position: absolute;
   border-radius: 4px;
   margin-bottom: 10px;
   padding: 3px 5px;
   top: -41px;
   width: 80px;
   left: -40px;
 }
 .freeDemoBtnRight span.roundicon-tooltiptext::after {
   content: "";
   margin-left: -5px;
   display: block;
   position: absolute;
   top: calc(100% - 5px);
   left: 50%;
   width: 10px;
   height: 10px;
   background: #ffffff;
   border-right: 1px solid var(--brandColor);
   border-bottom: 1px solid var(--brandColor);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 }
 .ui-state-highlight {
   font-weight: bold ! !important;
   color: #fc5124 !important
 }
 .section.featuresAreaSt.bg-greylight.mediaMonitoring3.productLaunch-brandimpact.mt-5.mb-5.pb-2 .productLaunch05 .roadMap .Contentdiv, .section.featuresAreaSt.bg-greylight.mediaMonitoring3.productLaunch-brandimpact.mt-5.mb-5.pb-2 .productLaunch05 .roadMap .Contentdiv.left:before, .section.featuresAreaSt.bg-greylight.mediaMonitoring3.productLaunch-brandimpact.mt-5.mb-5.pb-2 .productLaunch05 .roadMap .Contentdiv.right:before {
   background: #272c38;
 }
 .roadmaps .faq_content h2 {
   font-size: 20px;
 }
 .compareBrands-sec .listAreaSection {
   background: transparent;
   border-bottom: 1px solid #7c7c7c;
   margin-bottom: 10px;
 }
 .compareBrands-sec .listAreaSection #comparison_search_div input#compare_search_box {
   background: transparent;
   border-radius: 100px;
   border-color: #d8d7dc;
   color: #d6d7d9;
 }
 .compareBrands-sec table.containerTable tbody tr td {
   border: 1px solid #3d424c;
   background: #323741;
   color: #fff;
 }
 .compareBrands-sec table.containerTable tbody tr td:nth-child(2n) {
   background: #323741;
 }
 #toast {
   z-index: 999;
 }
 .compare-wrapper li h6 {
   color: #000;
 }
 .mfp-wrap {
   z-index: 9999999999 !important;
 }
 iframe.sideMenu-Videos {
   display: none;
 }
 .formAreaTop {
   width: 350px;
   padding: 15px;
   border-radius: 10px;
   background: #fff;
   position: absolute;
   right: 40px;
   top: 10px;
   z-index: 9;
 }
 .formAreaTop .FormlogoTop {
   width: 100%;
   text-align: center;
   margin-bottom: 18px;
 }
 .formAreaTop .FormlogoTop img {
   width: auto;
 }
 .formAreaTop .form-group {
   margin-bottom: 10px;
 }
 .formAreaTop .form-group .form-control {
   font-size: 14px;
   color: #333333;
   line-height: 1.2;
   display: block;
   width: 100%;
   height: 45px;
   padding: 0 7px 0 7px;
   border-radius: 10px;
   border: 2px solid #e4e4e4;
   text-align: left;
   margin-bottom: 0;
 }
 .formAreaTop .form-group span {
   font-size: 11px;
   display: block;
 }
 @media only screen and (min-width:768px) and (max-width:1099px) {
   .productLaunchSection.productLaunch-whyus .service-box {
     height: auto;
   }
 }
 @media (max-width: 640px) {
   .productLaunchSection.productLaunch-whyus .service-box {
     height: auto;
     margin-bottom: 15px;
   }
   .formAreaTop {
     right: 0;
     width: 100%;
   }
   .topCompanyLogoBox .blueBox .d-flex.m-0 {
     flex-wrap: wrap;
   }
   .topCompanyLogoBox .inner_logo .gainBox {
     width: 47%;
     text-align: center !important;
     line-height: 30px;
   }
   .topCompanyLogoBox .brandsNamePanel .nameBrandArea {
     width: 100%;
     text-align: center;
   }
   .topCompanyLogoBox .brandsNamePanel .nameBrandArea .text-left .likeSect {
     text-align: center;
   }
   .topCompanyLogoBox .inner_logo .gainBox.text-right {
     text-align: center !important;
     width: 100%;
     padding-left: 5px;
   }
   .topCompanyLogoBox .inner_logo .fa-arrow-down {
     float: none;
   }
   .topCompanyLogoBox .blueBox.inner_logo a .first_color {
     float: none;
     width: 100%;
     text-align: center;
     padding: 5px;
     border-top: 1px solid #2c313c;
     border-bottom: 1px solid #2c313c;
     margin-top: 140px;
   }
   .topCompanyLogoBox .inner_logo .fa-arrow-up {
     float: unset;
   }
   .topCompanyLogoBox .brandsNamePanel .brandsNameBox {
     position: absolute;
     padding: 0;
     left: 50%;
     top: 0;
     margin-left: -60px;
   }
   .topCompanyLogoBox .blueBox.inner_logo img {
     width: 120px;
     height: 120px;
     border-radius: 50%;
     padding: 0px;
     border: 5px solid #4b505a;
   }
   .topCompanyLogoBox .inner_logo a .brandScorePanel {
     display: inline-block;
   }
   .topCompanyLogoBox .inner_logo span.circle1 {
     position: absolute;
     left: 50%;
     z-index: 9;
     margin-left: -60px;
   }
   .companyTopPanel .topCompanyLogoBox {
     padding-left: 15px !important;
   }
 }
 @media (max-width: 480px) {
   .ourProductsArea .fream-phone {
     width: 345px;
   }
   .productLaunch05 .roadMap .Contentdiv.left i {
     left: -34px;
   }
   .productLaunch05 .roadMap .Contentdiv.right i {
     right: -29px;
   }
   .methodologySection h6.mob-mt-0 {
     margin-top: 0px;
   }
   .section-grey h3 {
     font-size: 19px;
   }
 }
 .contactDetail {
   background: #272c38;
   border-radius: 30px;
   padding: 40px 22px;
   height: 100%;
 }
 .topics-tags-outer {
   float: left;
   margin-bottom: 5px;
 }
 .topics-tags-outer b {
   float: none;
   margin-right: 15px;
   margin-top: 10px;
   font-size: 14px;
   color: #fff;
   background-color: #94cb00;
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   padding: 5px 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border-radius: 4px;
   position: relative;
   text-transform: uppercase;
   font-weight: 700;
   border-left: 5px solid #fff;
 }
 .yearFilter {
   width: 180px;
   margin-left: auto;
   margin-right: 15px;
   margin-top: 10px;
 }
 .yearFilter select.form-control {
   background: #323741;
   border: 1px solid #313642;
   height: 35px;
   border-radius: 50px;
   width: 100%;
   color: #afafaf;
   font-size: 12px;
   margin-bottom: 10px;
 }
 .yearFilter.m-t-4auto {
   margin: 12px auto 0;
 }
 .yearFilter.m-t-4auto select.form-control {
   margin-bottom: 0;
 }
 .howItAreaBox ul li a {
   cursor: pointer;
 }
 .howItAreaBox ul li a:hover, .howItAreaBox ul li a:hover i {
   color: orange !important;
 }
 .contactDetail > p > i {
   background: linear-gradient(45deg, #fc5124, #fc9a3a);
   width: 30px;
   height: 30px;
   border-radius: 100px;
   line-height: 30px;
   text-align: center;
 }
 table.twitterTablePanel tbody tr td b a {
   color: #fc9743;
 }
 .pressRelease .GreyBGGBox.newClass2-grid .inMedia-img img {
   width: 125px;
   height: 85px;
   padding: 6px;
   border-radius: 8px;
 }
 .pressRelease .GreyBGGBox.newClass2-grid .col {
   padding-left: 0;
   position: relative;
 }
 .pressRelease .GreyBGGBox.newClass2-grid .col:before {
   content: "";
   background: #4c515c;
   height: 56px;
   left: 10px;
   position: absolute;
   top: 50%;
   width: 1px;
   transform: translateY(-50%);
 }
 .pressRelease .GreyBGGBox.newClass2-grid h5 {
   padding-left: 25px;
 }
 .pressRelease .pressReleaseMain .title {
   margin: 0 0 0 10px;
 }
 #contact-form .input-box input, #contact-form .input-box textarea {
   background: url(../images/icon_in/1.png) no-repeat 98% center;
 }
 #contact-form .input-box input.redborder, #contact-form .input-box textarea.redborder {
   background: url(../images/icon_in/exclamation.png) no-repeat 98% center !important;
 }
 #contact-form .input-box input.greenborder, #contact-form .input-box textarea.greenborder {
   background: url(../images/icon_in/check-mark.png) no-repeat 98% center !important;
 }
 #contact-form .input-box textarea.redborder, #contact-form .input-box textarea.greenborder {
   background-position: 98% 15px !important;
 }
 .contact-address-area #contact_form .bgGreyBox p.sucMsg {
   color: #49c749 !important;
   text-align: center;
   margin: 0;
   line-height: 300px;
   background: transparent;
   border: navajowhite;
   font-size: 20px;
 }
 #book-appointment-wizard #header, body .ui-datepicker .ui-widget-header, body .ui-datepicker th {
   background: linear-gradient(135deg, rgb(255, 88, 88), rgb(240, 152, 25));
   border-bottom: 0;
 }
 body .ui-widget.ui-widget-content {
   border: 1px solid #66666b;
 }
 body .ui-datepicker th {
   background: #00000008;
   color: #000;
 }
 html body .ui-datepicker td a.ui-state-active {
   background: #f48a27 !important;
 }
 #book-appointment-wizard .active-step, #book-appointment-wizard .book-step {
   border-color: #000;
 }
 #book-appointment-wizard .active-step strong {
   color: #fd634e;
 }
 #book-appointment-wizard .book-step strong {
   color: #666;
 }
 .trendingSearch.inMedia-page .trendingLeftSection .pastBoxPanel {
    display: flex;
    align-items: center;
    padding-top: 10px;
}
  .trendingSearch.inMedia-page .trendingLeftSection .trendImgBox {
    position: relative;
 }
   .trendingSearch.inMedia-page .trendingLeftSection .trendImgBox img {
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
 }
  .trendingSearch.inMedia-page .trendingLeftSection a:hover .trendImgBox img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
 }
 .trendingSearch.inMedia-page .trendingLeftSection .pastBoxPanel .inmedia-images {
    text-align: center;
    position: relative;
 }
 .trendingSearch.inMedia-page .trendingLeftSection .pastBoxPanel .inmedia-images:before {
    position: absolute;
    content: "";
    left: 0;
    border-left: 1px dashed #646464;
    top: -20px;
    width: 100%;
    height: 150%;
 }
  .trendingSearch.inMedia-page .trendingLeftSection .pastBoxPanel .inmedia-images span {
    color: #d6d7d9;
 }
 .trendingSearch.inMedia-page .trendingLeftSection .pastBoxPanel .inmedia-images img {
    height: auto;
    width: 70%;
 }
  .trendingSearch.inMedia-page .trendingLeftSection .panel-default p.desc {
    color: #d6d7d9;
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}
 .trendingSearch.inMedia-page .trendingLeftSection .panel-default p {color: #d6d7d9;}
 .trendingSearch.inMedia-page .trendingLeftSection .panel-default p > span {
    color: #d6d7d9;
    font-size: 12px;
}
 .trendingSearch.inMedia-page .trendingLeftSection .panel-default h3 {
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 1; /* number of lines to show */
           line-clamp: 1; 
   -webkit-box-orient: vertical;
   color: #fc9743;
}
  .trendingSearch.inMedia-page .trendingLeftSection a:hover .card-header h3 {
   color: #e77719;
 }


.homeTabAreaSt.inMedia-page .item .nav-link {
  font-size: 13px;
  text-align: center;
  color: #fff;
  padding: 0;
      border-bottom: 4px solid #323741;
    padding-bottom: 12px;
}
.homeTabAreaSt.inMedia-page .item .nav-link:after {
  bottom: 0px;
}
.homeTabAreaSt.inMedia-page .item .nav-link img {
    -webkit-filter: unset;
    filter: unset;
    width: 40px;
    margin: auto;
    height: 40px;
}
.homeTabAreaSt.inMedia-page .item .nav-link span {
    display: block;
    margin-top: 5px;
}
.homeTabAreaSt.inMedia-page .item .nav-link.active {
    color: #fc7835;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
}
.homeTabAreaSt.inMedia-page .item .nav-link:hover:after, 
.homeTabAreaSt.inMedia-page .item .nav-link.active:after {
    width: 100%;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
    -ms-transition: all ease-in-out .2s;
    left: 0;
    right: 0;
    background: #fc7835;
    content: '';
    border-radius: 50px;
    height: 4px;
    position: absolute;
}
.trendingSearch.inMedia-page {
    padding-bottom: 40px;
}
#inmediaSlider .owl-nav button.disabled {display: none;}
#inmediaSlider .owl-nav button.owl-next, #inmediaSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    background: #323741;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-top: -25px;
    border: 1px solid #545862;
}
#inmediaSlider .owl-nav button.owl-prev {
  left: 0;
}
#inmediaSlider .owl-nav button.owl-next {
  right: 0;
}
#inmediaSlider .owl-nav button.owl-next:hover, 
#inmediaSlider .owl-nav button.owl-prev:hover {
  background: #ff6500;
  color: #fff;
}





.googleSearchNewArea.inMedia-page .shareDropdownPopup .dropdown-item:hover i {
  color: #fff !important;
}


/* 06 sep 22 */
.readMoreBtn{background: linear-gradient(45deg, #fc5124, #fc9a3a); border: 1px solid #fc9a3a; padding: 9px 18px 9px 18px; text-align: center; border-radius: 50px; color: #fff;} 
.readMoreBtn:hover{ background: transparent; color: #fff; border: 1px solid #fc9a3a}

.DownloadReportArea{}
@media (min-width:768px) {
.animated {
  -webkit-animation-duration:1.7s;
  animation-duration:1.7s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.DownloadReportArea .fadeInUp.go {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
}

.DownloadReportArea .fadeInRight, .DownloadReportArea .fadeInLeft, .DownloadReportArea .fadeInUp, .fadeInDown {
  opacity: 0;
  -webkit-transform: translateX(400px);
  transform: translateX(400px);
}

.DownloadReportArea .news_box, .DownloadReportArea .track_box, .DownloadReportArea .members_carousel figure {
  position: relative;
  width: 370px;
  max-height: 535px;
  font-size: 12px;
  color: #777777;
  text-align: center;
  overflow: hidden;
}

.DownloadReportArea .track_box { width: 100%; }
.DownloadReportArea .news_box, .DownloadReportArea .members_carousel figure {
  margin-left: 15px;
  margin-right: 15px;
  float: left;
}
.DownloadReportArea .track_box { margin-bottom: 30px; }
.DownloadReportArea .news_box h6, .DownloadReportArea .track_box h6 { color: #cc1313; }
.DownloadReportArea .news_meta {
  font-family: lato;
  font-style: italic;
  font-weight: bold;
  padding: 0;
  margin-top: 15px;
}
.DownloadReportArea .news_meta li {
  list-style: none;
  display: inline-block;
}
.DownloadReportArea .news_meta li:after {
  content: '-';
  padding: 0 5px;
}
.DownloadReportArea .news_meta li:last-child:after { display: none; }
.DownloadReportArea .news_info h5, .DownloadReportArea .track_info h5 { color: #222222; }
.DownloadReportArea .news_box .hover, .DownloadReportArea .track_box .hover {
  position: absolute;
  left: 0;
  bottom: -20%;
  width: 100%;
}
.DownloadReportArea .news_box .hover a, .DownloadReportArea .track_box .hover a {
  color: #fff;
  background: #cc1313;
  padding: 10px 0;
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 20px;
}
.DownloadReportArea .news_box:hover .hover, .DownloadReportArea .track_box:hover .hover { bottom: 0; }
.DownloadReportArea .news_box:hover .news_info_wrapper, .DownloadReportArea .track_box:hover .track_info_wrapper {
  height:0;
  top:-10%;
  overflow:hidden;
}


.DownloadReportArea .track_detail_wrapper{
  position:relative;
}

.DownloadReportArea .close_track_detail{
  position:absolute;
  right: 25px;
    top: 50px;
  z-index:99;
  display:none;
}

.DownloadReportArea .news_info_wrapper, .DownloadReportArea .track_info_wrapper {
  width: 100%;
  background: #fff;
  background: rgba(255,255,255,0.85);
  text-align: center;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.DownloadReportArea .news_info, .DownloadReportArea .track_info {
  top: 50%;
  position: absolute;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: -80px;
}
.DownloadReportArea .track_info {
  padding-left: 40px;
  padding-right: 40px;
}
.DownloadReportArea .track_info h4 {
  font-size: 20px;
  color: #222222;
  margin-bottom: 15px;
  font-weight: 700;
}
.DownloadReportArea .news_box, .DownloadReportArea .track_box, .DownloadReportArea .members_carousel figure {
  position: relative;
  width: 370px;
  max-height: 535px;
  font-size: 12px;
  color: #777777;
  text-align: center;
  overflow: hidden;
}

.DownloadReportArea .track_box { width: 100%; }
.DownloadReportArea .news_box, .DownloadReportArea .members_carousel figure {
  margin-left: 15px;
  margin-right: 15px;
  float: left;
}
.DownloadReportArea .track_box { margin-bottom: 30px; }
.DownloadReportArea .news_box h6, .DownloadReportArea .track_box h6 { color: #282828; font-size: 20px; }

.DownloadReportArea .news_box h5, .DownloadReportArea .track_box h5 { color: #fc9a3a !important; font-size: 16px; margin-top: 20px; font-weight: 700; }

.DownloadReportArea .news_meta {
  font-family: lato;
  font-style: italic;
  font-weight: bold;
  padding: 0;
  margin-top: 15px;
}
.DownloadReportArea .news_meta li {
  list-style: none;
  display: inline-block;
}
.DownloadReportArea .news_meta li:after {
  content: '-';
  padding: 0 5px;
}
.DownloadReportArea figure img{ width: 100%; height: 300px;}
.DownloadReportArea .news_meta li:last-child:after { display: none; }
.DownloadReportArea .news_info h5, .DownloadReportArea .track_info h5 { color: #222222; }
.DownloadReportArea .news_box .hover, .DownloadReportArea .track_box .hover {
  position: absolute;
  left: 0;
  bottom: -20%;
  width: 100%;
}
.DownloadReportArea .news_box .hover a, .DownloadReportArea .track_box .hover a {
  color: #fff;
  background: #fc7d32;
  padding: 10px 0;
  display: block;
  width: 100%;
  text-decoration: none;
  font-size: 20px;
}
.DownloadReportArea .news_box:hover .hover, .DownloadReportArea .track_box:hover .hover { bottom: 0; }
.DownloadReportArea .news_box:hover .news_info_wrapper, .DownloadReportArea .track_box:hover .track_info_wrapper {
  height:0;
  top:-10%;
  overflow:hidden;
}
.DownloadReportArea .news_widget, .DownloadReportArea .tracks_widget, .DownloadReportArea .team_widget { padding-top: 50px; }

@media (min-width: 600px) {
.DownloadReportArea .news_info_wrapper, .DownloadReportArea .track_info_wrapper,.DownloadReportArea .hover,.DownloadReportArea .btn{
  transition:All 0.40s ease;
  -webkit-transition:All 0.40s ease;
  -moz-transition:All 0.40s ease;
  -o-transition:All 0.40s ease;
}
}

.leftMenuReport ul{ margin: 0; padding: 0; list-style: none;}
.leftMenuReport ul li{ font-size: 13px; color: #fc9a3a;  margin-bottom: 10px;}

.leftMenuReport ul li a{ font-size: 15px; color: #fff} 
.leftMenuReport ul li a:hover{color: #fc9a3a; }

.productLaunch-brandimpact h6{ font-size: 30px; font-weight: 400; margin:0; position: 0; margin-bottom: 20px;}
.productLaunch-brandimpact h6 span{ display: block; font-size: 14px; color: #fc9a3a; margin-bottom: 10px;}
.repDtAr p{ font-size: 16px; }
.repDtAr h4{ font-size: 16px; color: #fc9a3a;}
.repDtAr ul{margin: 0; padding: 0; list-style: none;}
.repDtAr ul li{ font-size: 16px; position: relative; margin-bottom: 10px; padding-left: 20px;}
.repDtAr ul li:after{ position: absolute; width: 10px; height: 10px; border: 2px solid #fc9a3a; left: 0; top:10px; content: ''; border-radius: 50px;}

.DownloadAtBox{text-align: center; padding:30px 10px !important; border-radius: 10px; display: table; width: 100%; background:#323741; margin-bottom: 20px;}


.media_widget {
  color: #cc1313;
  font-size: 14px;
}
.media_widget figcaption h6 { color: #fc9a3a; }
.media_widget figcaption p { color: #2c2c2c; margin-bottom: 10px; font-size: 13px; line-height: 23px;}
.media_widget figcaption h5 { color: #fc9a3a; font-size: 13px;}
.media_widget figure a {
  display: block;
  position: relative;
  overflow: hidden;
}
.media_widget figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -100%;
  width: 100%;
  height: 100%;
  background: #fff;
  background: rgba(255,255,255,0.75);
}
.media_widget figure a:after {
      font-family: "Font Awesome 5 Free";
  content: "\f002";
  font-weight: 900;
  color: #fc9a3a;
  font-size: 22px;
  position: absolute;
  left: 50%;
  margin-left: -26px;
  top: -30%;
  margin-top: -26px;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  text-align: center;
  line-height: 52px;
  border: 2px solid #fc9a3a;
  transition:all 0.2s ease-in;
}
.media_widget figure { margin-bottom: 30px; }
.media_widget figure a:hover:after { top: 50%; }
.media_widget figure a:hover:before { top: 0; }
.media_widget figcaption {
  background: #fff;
  padding:25px 20px 28px;
}

.media_widget figure:hover h6{
  color:#cc1313;
}





.homeTabAreaSt.inMedia-page #brandsSlider .item .nav-link img {
   -webkit-filter: brightness(0) invert(1);
   filter: brightness(0) invert(1);
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
 }
.homeTabAreaSt.inMedia-page #brandsSlider .item .nav-link:hover img, .homeTabAreaSt.inMedia-page #brandsSlider .item .nav-link.active img {
   transition: all ease-in-out .2s;
   -moz-transition: all ease-in-out .2s;
   -webkit-transition: all ease-in-out .2s;
   -ms-transition: all ease-in-out .2s;
   -moz-filter: none;
   -ms-filter: none;
   filter: none;
 }

.homeTabAreaSt.inMedia-page  #brandsSlider .item .nav-link { font-size:16px !important }
.homeTabAreaSt.inMedia-page #brandsSlider .item .nav-link img { width:auto;height:auto; }
#brandsSlider .owl-nav button.disabled {display: none;}
#brandsSlider .owl-nav button.owl-next, #brandsSlider .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 13px;
    background: #323741;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    margin-top: -25px;
    border: 1px solid #545862;
}
#brandsSlider .owl-nav button.owl-prev {
  left: 0;
}
#brandsSlider .owl-nav button.owl-next {
  right: 0;
}
#brandsSlider .owl-nav button.owl-next:hover, 
#brandsSlider .owl-nav button.owl-prev:hover {
  background: #ff6500;
  color: #fff;
}

.videoBtnAreaPanel{ float: left; position: relative;  z-index: 9;  cursor: pointer; transition: all ease-in-out .2s;}
.videoBtnAreaPanel .videoBtnArea {
  background: linear-gradient(45deg, #fc5124, #fc9a3a);
   height: 42px;
   width: 42px;
   border-radius: 50%;
   display: flex;
   justify-content: center;
   align-items: center;
   cursor: pointer;
   object-fit: cover;
   box-shadow: 0px 2px 9px rgb(0 0 0 / 13%);
  
 }

.videoBtnAreaPanel span.roundicon-tooltiptext {
  background: #363b43;
    border: 1px solid #707274;
    box-shadow: 0px 2px 9px rgb(0 0 0 / 13%);
    color: #fff !important;
    font-size: 12px !important;
    line-height: 16.72px;
    text-align: center;
    position: absolute;
    border-radius: 4px;
    margin-bottom: 0px;
    padding: 6px 13px 6px 20px;
    top: 6px;
    z-index: -1;
    white-space: nowrap;
 }
 .videoBtnAreaPanel span.roundicon-tooltiptext.RP-1{ right: -205px;} 
 .videoBtnAreaPanel span.roundicon-tooltiptext.RP-2{ right: -174px;} 
 .videoBtnAreaPanel span.roundicon-tooltiptext.RP-3{ right: -116px;}
/*  .videoBtnArea span.roundicon-tooltiptext::after {
   content: "";
   margin-left: -5px;
   display: block;
   position: absolute;
   top: calc(100% - 5px);
   left: 50%;
   width: 10px;
   height: 10px;
   background: #ffffff;
   border-right: 1px solid var(--brandColor);
   border-bottom: 1px solid var(--brandColor);
   -moz-transform: rotate(45deg);
   -webkit-transform: rotate(45deg);
 } */
 /*  .videoBtnArea:hover span.roundicon-tooltiptext { display: block; } */

.videoBtnAreaPanel.Vd-2{position: absolute;
    right: -73px;
    bottom: 8px;}
.videoBtnAreaPanel.Vd-2 span.roundicon-tooltiptext{left: -130px; right: auto; background:#d1b0a0; border: 1px solid #bfa192; color: #1c1c1c;}
 .float-l{ float: left; }

 .videoBtnAreaPanel:hover .videoBtnArea {background:#33383f; border:1px solid #707274;}



.navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li a:after{display: none;}
.navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li.dropdown ul.dropdown-menu{ padding: 0;
    margin: 0;
    margin-top: 0px;
    background: #323741;
    font-size: 13px;}
 .navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li.dropdown:hover ul.dropdown-menu{ display: block; }   

.navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li.dropdown ul.dropdown-menu li{border-bottom: 1px solid #3c424c;}
.navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li.dropdown ul.dropdown-menu li a{padding:8px 10px; display: block; color: #fff;}
.navbar.fixed-menu .simple-navbar .nav-item ul.navbar-nav li.dropdown ul.dropdown-menu li a:hover{color:#fc8b36;}

.side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu{border:0;}
.side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu, .side-menu.side-menu-active .side-nav .navbar-nav li .dropdown-menu a{font-size: 14px;color: #060606;}

/* new 17jan23 */
.boxSimilarlyrankedSites{ width: 100%; position: absolute; left: 0; top: -86px; background: #262a32;border-radius: 10px;}
.boxSimilarlyrankedSites h4{background: linear-gradient(45deg, #37425a, #394254); padding:10px;border-radius: 10px 10px 0 0; font-size: 15px; margin:0;}
.boxSimilarlyrankedSites ul{ margin: 0; padding: 0; list-style:none;}
.boxSimilarlyrankedSites ul li{padding: 10px; font-size: 15px; color: #fff; border-radius: 10px; box-sizing: border-box; display: flex;
    align-items: center;}
.boxSimilarlyrankedSites ul li.active{background: linear-gradient(45deg, #fc5124, #fc9a3a); width: calc(100% + 16px); box-shadow: 5px 5px 10px rgb(9 37 64 / 15%); margin-left: -8px;}
.boxSimilarlyrankedSites ul li span.w40{ width: 40px; text-align: center; }
.boxSimilarlyrankedSites ul li span.rankedNameArea{min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.boxSimilarlyrankedSites ul li span img{ width: 22px; background: #fff; padding: 3px; border-radius: 5px; box-shadow: 4px 5px 16px rgb(64 68 77 / 12%); }
.bg-bk{background: #161f30 !important; color: #fff;}

.searchLeftMenu{ background: #272c38 !important;
    width: 50px;
    padding: 10px;
    position: fixed;
    padding-top: 20px;
    height:calc(100% - 180px);
    left: 10px;
    top: 90px;
    border: 1px solid #525252;
    z-index: 9;
    border-radius: 50px;
   /*  box-shadow: 0 0 0 5px #272c38;  */
    text-align: center;}
.searchLeftMenu ul { margin: 0; padding: 0; list-style: none;} 
.searchLeftMenu ul li{ margin-bottom: 30px; position: relative;}
.searchLeftMenu ul li span{ position: absolute;
    top: -6px;
    text-align: left;
    display: block;
    left: 70px;
    background: #272c38;
    border: 1px solid #3d424c;
    opacity: 0;
    visibility: hidden;
    padding: 3px 10px;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
    transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;
  }
.searchLeftMenu ul li span:after{ 
  position: absolute; width: 16px; height: 16px; content: '';
  left: -8px;
  top: 8px;
  background:#272c38; 
  transform: rotate(45deg);
  border-left: 1px solid #3d424c;
    border-bottom: 1px solid #3d424c;
   
}
.searchLeftMenu ul li:hover span{
  left: 55px;
   opacity:1;
    visibility: visible;
  transition: all ease-in-out .2s;
    -moz-transition: all ease-in-out .2s;
    -webkit-transition: all ease-in-out .2s;}

.searchLeftMenu ul li a{ font-size: 25px; color: #dba423; } 
.searchLeftMenu ul li:hover a,.searchLeftMenu ul li.active a{color: #fff;} 

/* end  */

/* live btn css */

  .btn.btn_live {
    margin-left: 10px;
    display: inline-block;
  font-weight: 700;
  position: relative;
  padding: 7px 18px;
  text-decoration: none;
  color: #fff;
  border-radius: 50px;
  border: 1px solid #545862;
  transition: all 0.2s;
  z-index: 1;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);}

.btn.btn_live:hover{ background: #fff; color: #eb1616; border: 1px solid #fff; }
span.live-icon {
  display: inline-block;
  position: relative;
  top: calc(50% - 5px);
  background-color: red;
  width: 10px;
  height: 10px;
  margin-left: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  z-index: 1;
}


.navbar .btn.btn_live {
    margin-left: -7px;
    font-weight: 400;
    padding: 3px 10px;
        top: -3px;
}
.navbar span.live-icon{margin-left: 12px;}

span.live-icon:before {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(253, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: live 2s ease-in-out infinite;
          animation: live 2s ease-in-out infinite;
  z-index: -1;
}

span.live-icon:after {
  content: "";
  display: block;
  position: absolute;
  background-color: rgba(253, 0, 0, 0.9);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: live1 2s ease-in-out infinite;
          animation: live1 2s ease-in-out infinite;
  z-index: -1;
}

@-webkit-keyframes live {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(3.7, 3.7);
    background-color: rgba(255, 0, 0, 0);
  }
}

@keyframes live {
  0% {
    transform: scale(1, 1);
  }
  100% {
    transform: scale(3.7, 3.7);
    background-color: rgba(255, 0, 0, 0);
  }
}


@-webkit-keyframes live1 {
  0% {
    transform: scale(.8, .8);
  }
  100% {
    transform: scale(3.9, 3.9);
    background-color: rgba(255, 0, 0, 0);
  }
}

@keyframes live1 {
  0% {
    transform: scale(.8, .8);
  }
  100% {
    transform: scale(3.9, 3.9);
    background-color: rgba(255, 0, 0, 0);
  }
}




.brandsDetailsArea .brandsDetName h4 b{color: #fff;}
.topLiveValuePanel {}

.topLiveValuePanel .valueBoxIt{border-right: 1px solid #3f434c; position: relative;}
.topLiveValuePanel .valueBoxIt h6{font-size: 13px; color: #fff; display: block; font-weight: 700; margin:0; padding:0;}
.topLiveValuePanel .valueBoxIt span{font-size: 12px; color: #b0b0b0; display: block; padding-bottom: 14px;}
.topLiveValuePanel .valueBoxIt span i{font-size: 13px; color:#fb7c31; }
.topLiveValuePanel .valueBoxIt span.dib{ padding-bottom: 0 !important; }
.topLiveValuePanel .valueBoxIt.b-0{border:0 !important;}
.topLiveValuePanel .valueBoxIt span.gnColor{ display: inline-block; }
.topCompanyLogoBox .topLiveValuePanel .valueBoxIt .viewAllStBtn{top: 42%; right: 3px; 
 width: 23px;
   height: 23px;}
.topLiveValuePanel .valueBoxIt.pr-5{ padding-right: 3.2rem!important; } 


.btnMoreDs{
    position: absolute;
    right: -42px;
    top: 40px;
    border-radius: 7px 7px 0 0;
    color: #fff !important;
    background: linear-gradient(60deg, #fc5525, #fb9d3b);
    padding: 4px 6px;
    line-height: 13px;
    font-size: 13px;
    transform: rotate(90deg);
}

.topLiveValuePanel .nameBrandArea{
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #fff;
position: absolute; 
font-size: 13px;
margin: 0;
}

.topCompanyLogoBox .inner_logo.topLiveValuePanel {padding: 10px 10px !important;}

.topLiveValuePanel .valueBoxIt .fs-17{font-size: 14px; line-height: 17px;}
.topLiveValuePanel .valueBoxIt .line-l{border-right: 2px dotted #71747a;}
.topLiveValuePanel .valueBoxIt .li-h{line-height: 20px;font-size: 10px;}
.topLiveValuePanel .valueBoxIt .mt-mn-7{margin-top: -7px;}
.br-0{border-right:0 !important;}

.borderAreaInPanel{border: 1px solid #525660; padding: 15px; border-radius: 50px;}
.googleSearchNewArea .borderAreaInPanel .calendarInputSt .form-control{padding: 5px 20px;}

.borderAreaInPanel .dropdown-menu{background: #323742;}

.topLiveValuePanel .valueBoxIt h4{ font-size: 11px; margin:0; padding:0; color: #fb9037;float: left;padding-top: 4px;}
.topLiveValuePanel .nameBrandArea{margin-left: -20px;text-align: center;}

.topLiveValuePanel .valueBoxIt .red {margin-left: 3px; margin-right: 0;}
.topLiveValuePanel .valueBoxIt .green{margin-top: -3px;}
.topLiveValuePanel .valueBoxIt span{line-height: 18px;}

.registerTabAreaPanel .register-paneArea h3{ color: #fff; }
.registerTabAreaPanel .register-paneArea .RegisterFormNewArea i{ color: #fff; left: 16px;}
.registerTabAreaPanel .register-paneArea .RegisterFormNewArea .form-control{background: #323741;
    border-radius: 50px;
    border: 1px solid #a3a8b3; color: #fff;    padding-left: 40px;}
.registerTabAreaPanel .register-paneArea .RegisterFormNewArea .form-control::placeholder {
   color: #fff;
 }
.registerTabAreaPanel .register-paneArea .custom-radio span {color: #ffffff;}
.registerTabAreaPanel .register-paneArea .custom-radio strong{color: #ff8242;}
.contPanelForm.stAr-2 {background: #49505c;}
.contPanelForm.stAr-2 p{color: #fff;}


.methodologySection.registerFormNdBox{ background: url('../images/st_bg.jpg'); text-align:left;}

.methodologySection.registerFormNdBox p{text-align:left; width: 100%;}

.formAreaRegisterBox{ position: absolute; width: 350px; right: 0; top: -30px; 
  background:#323741; padding: 15px; border-radius: 20px; z-index: 9; height: 473px;
    overflow: hidden;}
.formAreaRegisterBox.h-Auto{ height: auto; }
.btnViewMore{padding: 7px 18px;
    font-size: 14px; cursor: pointer; border-radius: 50px; color: #fff;}
.registerTabAreaPanel.formAreaRegisterBox .register-paneArea .RegisterFormNewArea .form-group {
    margin-bottom: 10px;
}
.registerTabAreaPanel.formAreaRegisterBox .register-paneArea .RegisterFormNewArea .form-control{ margin-bottom: 0; }
.registerTabAreaPanel.formAreaRegisterBox .register-paneArea .RegisterFormNewArea .form-group p.frmerr{ color: #ff6f2b; font-size: 12px;}
.formAreaRegisterBox h4{background: linear-gradient(45deg, #fc5124, #fc9a3a); text-align: center; border-radius: 20px 20px 0 0; padding:5px 10px; margin: -15px -15px 0 -15px ; color: #fff; margin-bottom: 20px;}
.boxHeadAr h3{ color: #fc9037; margin: 0; padding: 0; margin-top: 15px; }
.shareVoice3 .features-box .features-body .boxHeadAr span{font-size: 14px;line-height: 22px; }
.atoMetArea {  }
.atoMetArea img{ height: 350px; margin-top: 50px; opacity:.8; float: right; margin-left: 20px; margin-bottom: 50px;}

.service-one {
  padding-bottom:0px;
  padding-top: 80px;
}

.service-one__single {
  margin-bottom: 15px;
  padding:20px;
  padding-top: 25px;
  border-radius: 15px;
  background-color: #fff;
  box-shadow: 0px 10px 60px 0px rgba(45, 1, 100, 0.1);
  transition: all 500ms ease;
  position: relative;
}

.service-one__single::before {
  content: '';
  width: 216px;
  height: 147px;
  position: absolute;
  bottom: 0;
  right: 0;
  transform: perspective(220px) scaleX(0);
  -webkit-transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: opacity 500ms ease, -webkit-transform 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease;
  transition: transform 500ms ease, opacity 500ms ease, -webkit-transform 500ms ease;
  opacity: 0;
  transform-origin: right;
}

.service-one__single:hover::before {
  opacity: 1;
  transform: perspective(200px) scaleX(1);
}

.service-one__single:hover {
  background-color: #3f1474;
}

.service-one__single p {
  margin: 0;
}

.service-one__icon {
  height: 98px;
  width: 98px;
  background-size: auto 200%;
  background-position: top;
  border-radius: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-image: linear-gradient(0deg, #1293c8 0%, #1fe4f2 51%, #1293c8 100%);
  position: relative;
}

[class*=col-]:nth-child(2) .service-one__icon {
  background-image: linear-gradient(0deg, #ff5f5e 0%, #ffc52f 51%, #ff5f5e 100%);
}

[class*=col-]:nth-child(3) .service-one__icon {
  background-image: linear-gradient(0deg, #7b22b0 0%, #e867ff 51%, #7b22b0 100%);
}

[class*=col-]:nth-child(4) .service-one__icon {
  background-image: linear-gradient(0deg, #388e3c 0%, #b6e66d 51%, #388e3c 100%);
}

.service-one__icon {
  background-position: bottom;
}

.service-one__icon i {
  font-size: 60px;
  color: #fff;
}

.service-one__single h3 {
  font-size: 18px;
  font-weight: 800;
  color:#272b39;
  margin: 0;
  margin-bottom: 15px;
  transition: all 500ms ease;
  position: relative;
}

.service-one__single:hover h3 {
  color: #ffffff;
}

.service-one__single p {
  font-size: 16px;
  line-height: 22px;
  color: #8b7f9a;
  margin-bottom: 23px;
  transition: all 500ms ease;
  position: relative;
}

.service-one__single:hover p {
  color: #c3afdd;
}


.promoPageBg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), color-stop(99%, rgba(8, 41, 44, 0.9)), to(rgba(8, 41, 44, 0.9)));
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(8, 41, 44, 0.9) 99%, rgba(8, 41, 44, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#e608292c', GradientType=0);
}


.login-30{ position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
     }
.login-30 .container-fluid{height: 100%;} 
.login-30 .container-fluid .row{height: 100%;}   


.login-30 .btn-md{
    padding: 0 45px;
    line-height: 50px;
}

/** Login 30 start **/
.login-30 .login-inner-form .col-pad-0{
    padding: 0;
}

.login-30 .bg-img{
    background: url(../img/img-8.jpg) top left repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    min-height: 100vh;
    text-align: right;
    z-index: 999;
    opacity: 1;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 50px 30px 40px;
}

.login-30 h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'Jost', sans-serif;
}

.login-30 .form-section{
    min-height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}

.login-30 .login-inner-form {
    max-width: 500px;
    width: 100%;
}

.login-30 .logo{
    top: 40px;
    position: absolute;
    right: 45px;
}



.login-30 .login-inner-form p{
    color: #535353;
    margin-bottom: 0;
    font-size: 16px;
}

.login-30 .login-inner-form p a{
    color: #535353;
    font-weight: 500;
    margin-left: 4px;
}

.login-30 .login-inner-form img {
    margin-bottom: 15px;
    height: 30px;
}

.login-30 .login-inner-form h1{
    font-size: 30px;
    color: #ffc801;
}

.login-30 .login-inner-form h3 {
    margin: 0 0 35px;
    font-size: 25px;
    font-weight: 400;
    color: #040404;
}

.login-30 label {
    color: #fff;
    font-size: 13px;
    margin-bottom: 5px;
}

.login-30 label strong{
    color: #ffc801;}


.login-30 .btn-theme {
    position: relative;
    display: inline-block;
    width: 100%;
    color: #ffffff;
    overflow: hidden;
    overflow: hidden;
    text-transform: capitalize;
    display: inline-block;
    transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
    border-radius: 0;
    border:none;
}

.login-30 .btn-theme:hover {
    color: #fff;
}

.login-30 .btn-theme:hover::before {
    left: 0%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.login-30 .btn-theme:before {
    position: absolute;
    content: '';
    left: 96%;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 1;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    transform: skewX(-25deg);
}

.login-30 .btn-theme span {
    position: relative;
    z-index: 1;
}

.login-30 .informeson {
    color: #fff;
    max-width: 600px;
    margin: 0 0 0 auto;
    z-index: 20;
}


.login-30 .informeson h2 {
    margin: 0 0 30px 0;
    font-size: 60px;
}

.login-30 .informeson h2 span {
    transform: scale(0.9);
    display: inline-block;
}

.login-30 .informeson h2 span:last-child {
    animation: bopB 2s 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards infinite alternate;
    color: #ffc801;
}

@keyframes bop {
    0% {
        transform: scale(0.9);
    }
    50%, 100% {
        transform: scale(1);
    }
}
@keyframes bopB {
    0% {
        transform: scale(0.9);
    }
    80%, 100% {
        transform: scale(1) rotateZ(-3deg);
    }
}


.login-30 .btn-section{
    margin-bottom: 30px;
}

.login-30 .informeson p{
    color: #fff;
    opacity: 0.9;
    line-height: 30px;
    margin-bottom: 40px;
}

.login-30 .social-box ul{
    margin: 0;
    padding: 0;
}

.login-30 .social-box .social-list li {
    font-size: 16px;
    display: inline-block;
}

.login-30 .social-box .social-list li a {
    margin: 0 0 3px 3px;
    font-size: 18px;
    width: 45px;
    height: 45px;
    border-radius: 0;
    display: inline-block;
    text-align: center;
    line-height: 45px;
}

.login-30 .social-box{
    bottom: 40px;
    position: absolute;
    right: 45px;
}

.login-30 .logo-2{
    display: none;
}

.login-30 .btn-theme-2 {
    padding: 0 35px;
    display: inline-block;
    position: relative;
    z-index: 5;
    transition: .7s ease;
    background: transparent;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
}

.login-30 .btn-theme-2:hover{
    color: #fff;
}

.btn-theme-2:before, .btn-theme-2:after {
    color: #fff;
}

.login-30 .btn-theme-2:before, .btn-theme-2:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
}

.login-30 .btn-theme-2:after, .btn-theme-2:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    transition: all .7s ease;
}

.login-30 .btn-theme-2:hover:before, .btn-theme-2:hover:after {
    width: 50%;
}

.login-30 .btn-theme-2 {
    border: 2px solid #ffc801;
    color: #ffc801;
}

.login-30 .btn-theme-2:before, .btn-theme-2:after {
    background: #ffc801;
}

.login-30 .btn-theme-3 {
    color: #fff;
    text-align: center;
    border: 2px solid transparent;
    display: inline-block;
    padding: 0 35px;
    position: relative;
    z-index: 1;
    transition: all .7s ease;
    border-radius: 0;
    line-height: 41px;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Jost', sans-serif;
}

.login-30 .btn-theme-3:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
    border-radius: 0;
}

.login-30 .btn-theme-3:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .7s ease;
    z-index: -1;
}

.login-30 .btn-theme-3:hover {
    background: transparent;
}

.login-30 .btn-theme-3:hover:before {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login-30 .btn-theme-3:hover:after {
    width: 0;
    opacity: 1;
    visibility: visible;
}

.login-30 .btn-theme-3 {
    background: #ffc801;
}

.login-30 .btn-theme-3:before {
    background: #ffc801;
}

.login-30 .btn-theme-3:after {
    background: #ffc801;
}

.login-30 .btn-theme-3:hover {
    color: #ffc801;
    border: 2px solid #ffc801;
}

.login-30 .btn-lg{
    padding: 0 50px;
    line-height: 55px;
}

.login-30 .btn{
    box-shadow: none!important;
}

.login-30 .btn-md{
    padding: 0 45px;
    line-height: 50px;
}

.login-30 .btn-primary {
    background: #ffc801;
}

.login-30 .btn-primary:before {
    background: #eab802;
}

/** Social media **/
.login-30 .facebook-bg {
    background: #4867aa;
    color: #fff;
}

.login-30 .facebook-bg:hover {
    background: #3b589e;
    color: #fff;
}

.login-30 .twitter-bg {
    background: #33CCFF;
    color: #fff;
}

.login-30 .twitter-bg:hover {
    background: #56d7fe;
    color: #fff;
}

.login-30 .google-bg {
    background: #db4437;
    color: #fff;
}

.login-30 .google-bg:hover {
    background: #dc4e41;
    color: #fff;
}


.login-30 .instagram-bg {
   background: rgb(245,176,2);
background: linear-gradient(40deg, rgba(245,176,2,1) 0%, rgba(244,128,2,1) 21%, rgba(241,27,72,1) 44%, rgba(215,1,162,1) 66%, rgba(144,35,223,1) 100%);
    color: #fff;
}

.login-30 .instagram-bg:hover {
    background: #b98c08;
    color: #fff;
}

.login-30 .linkedin-bg {
    background: #0177b5;
    color: #fff;
}

.login-30 .linkedin-bg:hover {
    background: #1c82ca;
    color: #fff;
}

.login-30 #bg {
    top: 0;
    left: 0;
    height: 100%;
    z-index: -1;
}

.login-30 #bg canvas {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/** MEDIA **/
@media (max-width: 992px) {
    .login-30 .logo-2{
        display: inherit;
    }

    .login-30 .bg-img{
        display: none;
    }

    .login-30 .form-section{
        padding: 30px 15px;
    }
}
/** Login 30 end **/

.promotionRightSection{ background: rgba(0, 0, 0, .6); padding:20px 40px;}

.promotionRightSection ul.searchByPanel{margin-top:0px; }
.promotionRightSection .SearchMain {
    position: relative; 
    top: 0%;
    left:0%;
    margin-top:0px; 
    transform: none;
}

.promotionRightSection .SearchMain  .search-form-input {
    width: 100%;
    margin: auto;
    position: relative;
}

.promotionRightSection .SearchMain  .raven-search-form-input {
    width: 100%;
    max-width: unset;
    height: 85px;
    padding: 0px 80px 0px 20px;
    -webkit-box-shadow: 0 0 21px rgb(252 121 48 / 35%);
    box-shadow: 0 0 21px rgb(252 121 48 / 35%);
    border-radius: 0px 10px 10px 10px;
    text-align: left;
    color: #fff;
    border: 1px solid #fc5f28;
    background-color: rgba(0, 0, 0, 0.7);
    font-size: 16px;
    margin-top: -8px;
}

.promotionRightSection .ui-autocomplete {
    position: fixed;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: 150px;
    max-width: 100%;
    overflow: auto;
    max-height: 140px;
    padding: 0 20px;
    border: 1px solid #66666b;
    text-align: center;
    background: transparent;
    margin: auto;
}

.promotionRightSection .ui-autocomplete li {
    text-align: left;
}

.promotionRightSection .RegisterSearchAr{  } 
#sidebar-scrollbar {
padding-right: 20px; margin-right: -20px;
   height: 590px;
}
.promotionRightSection .RegisterSearchAr .form-control {
    background: transparent;
    border-radius: 50px;
    border: 1px solid #fff;
    color: #fff;
    padding-left: 15px;
    height: 40px;
}
.promotionRightSection .RegisterSearchAr .form-control option{ color: #000; }

.promotionRightSection .RegisterSearchAr .form-control::placeholder{ color: #fff; } 

.promotionRightSection .RegisterSearchAr .btn-theme-3{ overflow: hidden; height: 40px !important; line-height: 40px !important;  border: 2px solid #ffc801 !important;}
.promotionRightSection .RegisterSearchAr .btn-theme-3:hover{color: #fff !important;}

.promotionRightSection .RegisterSearchAr button.btn.btn-xs.linkrem {right: 17px !important;top: 2px !important;}
.closeBox{  position: absolute; right: 10px; top: 10px; color: #fff;
  width: 32px; border: 2px solid #fff; height: 32px; border-radius: 50px;  font-size: 16px; text-align: center; line-height: 28px; cursor: pointer;z-index:9 }
  .closeBox:hover{border: 2px solid #ffc801; color: #ffc801;}