/*@font-face {
font-family: 'regular';
src: url('../fonts/proximanova-regular-webfont.eot');
src: url('../fonts/proximanova-regular-webfont.eot#iefix') format('embedded-opentype'),
url('../fonts/proximanova-regular-webfont.woff') format('woff2'),
url('../fonts/proximanova-regular-webfont.woff') format('woff'),
url('../fonts/proximanova-regular-webfont.ttf') format('truetype'),
url('../fonts/proximanova-regular-webfont.svg') format('svg');
font-weight: normal;
font-style: normal;
}*/
@import url('//fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;0,900;1,400;1,700;1,900&display=swap');
@import url('//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('//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;
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************/
.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;}
/*******************LOADER****************/
.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;
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);
}
/*==============ANIMATIONS=================*/
/*==============ROTATE=====================*/
@-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);}
}
/*==============ROTATE-REV=================*/
@-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);}
}
/*==============PULSE======================*/
@-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**************/
.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*/
header{position:fixed; width:100%; z-index:9; top:5px; left:0;}
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,#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;
background-color: #fff;
padding-top: 12px;
}
header .menu-btn span{
background-color: #000;
margin-bottom: 0px;
height: 3px;
width: 100%;
border-radius:50px;
}
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-2 header .menu-btn{background-color: #3e3e58;}
.header-2 header .menu-btn span{background-color: #fff;}
/***************CAROUSAL IMAGES AND FADE EFFECT*********/
.background-carousal{
position:fixed;
overflow: hidden;
width: 100%;
}
.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: 100vh !important;
}
.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;
background-color: rgba(0, 0, 0, 0.70);
z-index: 1;
}
.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 FOR LARGE SCREENS*****************/
.navbar{ display:none;}
.navbar .navbar-brand img{ /*max-width: 65%;*/ 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;}
/**************************NAVBAR AFTER SCROLL*******************/
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;
}
/* stroke */
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;
}
/*menu2*/
/*.innerMenuPanel .navbar .navbar-btn {
color:#fff!important;
}
.innerMenuPanel .navbar .navbar-btn:hover,
.innerMenuPanel .navbar .navbar-btn:focus{
border:0;
background-color:transparent;
color:#fff!important;
}
.innerMenuPanel .navbar .btnLogin{ color:#fff;}
.innerMenuPanel .navbar .btnLogin i{border: 1px solid #fff; color:#fff;}
.innerMenuPanel .navbar {
display: block;
z-index: 11;
position:relative;
padding:2px 1rem;
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;
}
.innerMenuPanel .navbar .brBox{ border:0; padding:0; margin-top:0;}
.innerMenuPanel .navbar .navbar-nav .nav-link.active {color: #fff; background:transparent;}
.innerMenuPanel .navbar .nav-item a.nav-link {color: #fff; background:transparent;font-size: 16px; padding: .5rem 1rem; border-radius:0; margin:0;}
.innerMenuPanel .navbar ul li a:after,.innerMenuPanel nav.fill ul li a:after {background: #fff;}
.innerMenuPanel .navbar .navbar-nav .menu-line {visibility:visible; color: #fff;}
.innerMenuPanel .navbar a.navbar-btn{ margin-left:0;}
.innerMenuPanel .navbar .sidemenu_btn {
display: block;
top: 11px;
left: -50px;
}
.innerMenuPanel .navbar .navbar-brand img{filter:url("data:image/svg+xml;utf8,#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);}*/
/*--menu2---*/
.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 .brBox{ border:0; margin-top:0;}*/
.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{filter:url("data:image/svg+xml;utf8,#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);}*/
.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{ position:absolute; top:10px; left:0; 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{filter:url("data:image/svg+xml;utf8,#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 .navbar-brand img:hover{filter:url("data:image/svg+xml;utf8,#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 ON BACKGROUND IMAGE*****************/
.main-content .main-heading{
font-size: 45px;
font-weight: bold;
line-height:50px;
text-align: left;
color: white;
}
.margin-sub-heading{
color: white;
margin-bottom: 20px;
margin-top: 20px; 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;
}
/*.brBox{ border:1px solid #ddd; padding:5px; margin-top:10px;}*/
a.btn{
/* font-size: 12px;
font-family: 'Montserrat', sans-serif;;
text-decoration: none;
line-height: 1.8;
font-weight: bold;*/
}
.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;
}
/*****************BOXES AND ARROW BOX HOVER***************/
.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 ICONS*********************/
.social_icon{
position: absolute;
right: 4%;
top: 35%;
z-index: 9;
}
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: 40px;
height: 40px;
background-color: #fff;
text-align: center;
padding: 8px 0 0 0;
margin: 5px;
display: block;
border-radius: 50%;
position: relative;
overflow: hidden;
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;
}
ul.social-icon li{
list-style: none;
margin-bottom: 12px;
}
ul.social-icon li a{
color: black;
}
.registerBtnPanel{ position:absolute; z-index:9; width:100%; bottom:60px;}
.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;}
/*******************MINI CAROUSAL****************/
.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;
}
/********************NAVBAR FOR SMALL SCREEN****************/
.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 SECTION START*************/
#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 SECTION STARTS***************/
#get-admission{
margin-bottom: 125px;
}
.bg-admission-img{
background-image: url('https://checkbrand.online/frontend/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;
}
/******************PORTFOLIO SECTION START****************/
.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%;
}
/*****************OUR TECHERS SECTION START**************/
#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**************8*/
.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 white;
}
.progress-bars .progress .progress-bar span {
display: block;
position: absolute;
right: 0;
width: 40px;
padding: 0;
}
/*********************TESTIMONIAL********************/
#testimonial{
margin-bottom: 125px;
}
.bg-testimonial-img{
background-image: url('https://checkbrand.online/frontend/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;
}
/*******************BLOG SECTION**************/
#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 SECTION START*************/
#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;
}
/*.fa-facebook-f{
color: #3b5999;
}
.fa-twitter {
color: #00acee;
}
.fa-linkedin-in{
color: #0e76a8;
}
.fa-instagram{
color: #dd4b39;
}*/
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;
/*color: #ffffff;*/
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
z-index: 3;
}
ul.footer-icon li{
list-style: none;
}
/*********************CONTACT US PAGE START************/
.bg-contact-img{
background-image: url('https://checkbrand.online/frontend/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 SECTION/*/
#map{
overflow: hidden !important;
}
.mapouter {
position: relative;
text-align: right;
width: 100%;
}
.gmap_canvas {
overflow:hidden;
background:none!important;
height:100%;
width:100%;
}
/******************ABOUT US PAGE START***********/
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;
/*z-index: 11;*/
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('https://checkbrand.online/frontend/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;
}
/*#counter{*/
/* padding-top: 125px;*/
/*}*/
/*************COURSES PAGE START***************/
.bg-courses-img{
background-image: url('https://checkbrand.online/frontend/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;
}
/***IMAGE HOVER EFFECT***/
.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);
}
/*************COURSE DETAIL PAGE START*************/
#detail-content{
padding-top: 125px;
}
.bg-course-detail-img{
background-image: url('https://checkbrand.online/frontend/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;
}
/****CIRUCULLUM SECTION START*****/
.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;
}
/*******************BLOG PAGE START*******************/
.bg-blog-img{
background-image: url('https://checkbrand.online/frontend/img/blog/blog-header.png');
position: relative;
}
.grey_bg{
background-color: #f6f6f6;
}
/*..............SEARCH...........*/
.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..............*/
.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%;
}
/*.............POPULAR POST..............*/
.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;
}
/*..............TAGS.................*/
.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%;
}
/*..............MINIMAL POST.................*/
.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;
}
/*..........AUDIO.......*/
.mejs__container {
margin-top: -40px;
}
.mt-10{
margin-top: 3.5rem;
}
/*...............PORTFOLIO..............*/
.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%}
/*.............PAGINATION............*/
.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: #fc5124;
background: #ffffff;
border-color: #fc5124;}
.page-item.active .page-link {
z-index: 1;
color: #fc5124;
background: #ffffff;
border-color: #fc5124;
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%;
}
/*************BLOG DETAIL PAGE START******************/
.bg-blog-detail-img{
background-image: url('https://checkbrand.online/frontend/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;
}
/***********GALLERY SECTION PORTFOLIO HOVER EFFECT***********/
[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;
}
/******************************GALLERY PAGE START******************************/
.bg-gallery-img{
background-image: url('https://checkbrand.online/frontend/img/gallery-header.png');
position: relative;
}
/*filters*/
.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 HOVER EFFECT*******/
.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%;
/*display: flex;*/
-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 QUERIES***************/
@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;
}
/*#counter{*/
/* padding-top: 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] {
/*appearance: checkbox !important;*/
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
-o-appearance: checkbox !important;
-ms-appearance: checkbox !important; }
input[type=radio] {
/*appearance: radio !important;*/
-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; }
/*body {*/
/* font-size: 13px;*/
/* line-height: 1.8;*/
/* color: #fff;*/
/* background-image: url("https://checkbrand.online/frontend/images/body-bg.jpg");*/
/* background-repeat: no-repeat;*/
/* background-size: cover;*/
/* -moz-background-size: cover;*/
/* -webkit-background-size: cover;*/
/* -o-background-size: cover;*/
/* -ms-background-size: cover;*/
/* background-position: center center;*/
/* font-weight: 400;*/
/* font-family: 'Roboto Slab';*/
/* margin: 0px; }*/
.main {
/*padding: 60px 0;*/
position: relative; }
/*.container {*/
/* width: 586px;*/
/* background: #fff;*/
/* margin-left: 165px;*/
/* border-radius: 10px;*/
/* -moz-border-radius: 10px;*/
/* -webkit-border-radius: 10px;*/
/* -o-border-radius: 10px;*/
/* -ms-border-radius: 10px; }*/
.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
====================================== */
.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: rgba(247, 28, 82, 0.6);*/
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{/*background:#fff;*/ padding:0px 0px;
filter:url("data:image/svg+xml;utf8,#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%;}
/*Side overlay*/
#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 clode btn*/
.side-menu .btn-close {
background:#ffffff;
color:#000;
height: 33px;
width: 33px;
display: inline-block;
text-align: center;
position: absolute;
top: 42px;
right: 40px;
cursor: pointer;
border-radius:50%;
}
/*.header-appear ~ .side-menu .btn-close {*/
/* top:50px;*/
/*}*/
.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);
}
/*side open btn*/
.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{
/*background: #fa2851;*/
}
.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: 1.5rem 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:hover::after,
.side-nav .navbar-nav .nav-link:focus::after,
.side-nav .navbar-nav .nav-link.active::after {
width: 100%;
}*/
.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;
background: #eff3f6;
/*z-index:9;*/
display: flow-root;
}
.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: #cfd3d7;
height: 2px;
overflow: hidden;
display: block;
position: relative;
top: 24px;
}
.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.active {
box-shadow: #ffa200 0 2px 0 inset, #ffa200 0 -2px 0 inset, #ffa200 2px 0 0 inset, #ffa200 -2px 0 0 inset;
}*/
.btn-sort:hover {
/* box-shadow: #252525 0 2px 0 inset, #252525 0 -2px 0 inset, #252525 2px 0 0 inset, #252525 -2px 0 0 inset;
background: none;*/
}
.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;
/* box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);*/
}
.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:#f8e2cf; padding:7px 10px; color: #27253e; 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;
top: 0;
left: -2px;
position: absolute;
z-index: 20;
}*/
.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: skewX(-8deg);*/
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%; }
}
/* Category Slider */
.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;
/* object-fit: scale-down;
transform: scale(1);*/
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: 0 8px 13px rgba(0,0,0,.2);*/
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;}
/*.top-category.sectionBoxOne .item .category-item.bgBox-3 a,.top-category.sectionBoxOne .item .category-item.bgBox-3 a p,.top-category.sectionBoxOne .item .category-item.bgBox-3 .gainBox{color:#fff;}*/
.compareBtn{
background:#fff;
border:0;
padding:0 5px;
border-radius:5px;
color:#3f3d56;
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;}
.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: #12b975 !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 #9fdfc5;}
.shareDropdown .dropdown-menu ul li i{color:#fff; font-size:15px !important;}
/*.top-category.sectionBoxOne .item .category-item .gainBox .likeSect i{ width:23px; height:23px; border:1px solid #CCC; font-size:13px; line-height:23px; text-align:center; margin-top:0; border-radius:3px; cursor:pointer;}*/
/*.top-category.sectionBoxOne .item .category-item .gainBox .likeSect i:hover{border:1px solid #e23535; background:#f24141; color:#fff;}*/
.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;
}
/******** hexa ******/
.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;
/* background: #3f3d56 url(https://checkbrand.online/frontend/images/bg-icon.jpg) no-repeat;
background-size:82%;
background-position:50% -10px;*/
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*/
.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 #666; 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,#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;}
/*search model*/
.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%;
}
/*new css*/
.bgWhiteBox{ background:#fff; 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:50px 0;}
.brandInfluencersBox h4{ color:#3e88f6;}
.brandInfluencersBox h4 .btnPlus-2,.btnPlus-2{ width:40px; height:40px; display:inline-block; border-radius:50%; border:2px solid #333; text-align:center; font-size:30px; position:absolute;right: 13px; top: -9px; line-height: 38px; color: #333; font-weight: 700; background:#fff;}
.brandInfluencersBox h4 .btnPlus-2:hover,.btnPlus-2: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:#c5c4cc; margin-bottom:25px;}
.brandInfluencersBox p{ color:#312f42;}
.brandInfluencersBox .col-md-12 > p{ margin-bottom:15px;}
.brandInfluencersBox .company_info{ background:#12b975; color:#fff; height:100%; padding:20px; border-radius:15px;}
.brandInfluencersBox .company_info:hover {background-color: #00b0cd;}
.brandInfluencersBox .company_info span{ width:40px; height:40px; background:#fff; color:#12b975; border-radius:50%; display:block; text-align:center; font-size:22px; line-height:42px;}
.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;}
.companyTopPanel .lineBox{ width:100%; height:1px; background:#c8cbd2; 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 #c8cbd2 ;}
.topCompanyLogoBox{}
.topCompanyLogoBox .brandsNamePanel a{ display:block; color:#333;}
.topCompanyLogoBox .brandsNamePanel .brandsNameBox{ display:inline-table; padding-left:10px;}
.topCompanyLogoBox .brandsNamePanel .brandsNameBox b{display:block; font-weight:normal; font-size:11px; color:#333;}
.topCompanyLogoBox .inner_logo{ border: 1px solid rgb(232, 233, 234); position:relative; margin-bottom:15px; background: #fff; border-radius:15px; color:#333; 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{ width:2px; height:100%; position:absolute; left:50%; top:0; content:''; background:#ececec;
}
.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:#333; line-height: 15px;}
.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 #333; text-align:center; border-radius:50px; line-height:22px; margin-left:5px; color:#333;}
.topCompanyLogoBox .inner_logo .social-icon i:hover{border:1px solid #e6801c; color:#fff; background:#e6801c;}
.topCompanyLogoBox .inner_logo:nth-child(even) {background-color: #e6eaee;}
.topCompanyLogoBox .inner_logo:nth-child(even):after{background: #d1d2d2;}
.no_rating{ color:#eeb620 !important;}
.topCompanyLogoBox .inner_logo{display:block; padding:10px 5px}
.topCompanyLogoBox .inner_logo img{width: 127px; height:60px; border: 1px solid rgb(232, 233, 234); padding:5px; background:#fff; }
.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: 45px;
margin-right: 8px;
text-align: center;
width: 45px; height:45px;font-size: 22px; float:left; margin-top:15px;}
.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: 13px;}
.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: #333; text-align:right; padding-right: 5px;}
.info-header .fa-facebook-f,.info-header .fa-snapchat-ghost,.info-header .fa-twitter{
color: #fff;
}
/*new menu*/
/* ===================================
menu-line
====================================== */
.main-navigation nav .navbar-nav .nav-link{
display: inline-block;
/*margin-right: 25px;*/
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{
/*color: #fa2851;*/
}
.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;}
/* ===================================
Slider
====================================== */
.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;
/* animation-timing-function: ease-out;*/
}
50% {
left:-40px; bottom:-40px;
/*animation-timing-function: ease-in;*/
}
100% {
left:-50px; bottom:-80px;
/*animation-timing-function: ease-out;*/
}
}
.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-2 .instagramwrap{left:50px; bottom:250px;}
.socialPo-2 .facebookwrap{right:150px; bottom:250px;}
.socialPo-2 .youtubewrap{left:50px; bottom:250px;}
.socialPo-2 .twitterwrap{left:50px; bottom:250px;}*/
.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;
}
/* Revolution Slider Numbers Bullets */
.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 */
.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);
}
/* background color */
.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;
}
/* ===================================
Social Icon Hover
====================================== */
/*icon bg hover */
/*.facebook-bg-hvr:hover{background:#4267B2 !important;color: #fff !important; border: 1px solid transparent !important;}
.twitter-bg-hvr:hover{background:#1DA1F2 !important;color: #fff !important; border: 1px solid transparent !important;}
.instagram-bg-hvr:hover{background:#C32AA3 !important;color: #fff !important; border: 1px solid transparent !important;}
.linkedin-bg-hvr:hover{background:#0077B5 !important;color: #fff !important; border: 1px solid transparent !important;}
.pinterest-bg-hvr:hover{background:#BD081C !important;color: #fff !important; border: 1px solid transparent !important;}
.google-bg-hvr:hover{background:#DB4437 !important;color: #fff !important; border: 1px solid transparent !important;}*/
/*icon text hover */
.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: #3a3b45!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:#eaf9e5; padding:10px 15px; font-size:12px; color: #3f3d56;}
.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: #000000;
font-size: 20px;
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 #ff6500 !important; line-height: 19px; font-size: 15px; color:#ff6500 ; border-radius:50px; margin: 0; position: absolute; background:#fff; 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: #fff;
background-clip: border-box;
border: 1px solid #e3e6f0;
border-radius:.35rem
}
.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: #333545;
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;}
/*search pages*/
/***************************** css starts for sectionCompany_Searchbar section *****************************************8*/
.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;}
.sectionAreaTwo .progress-bars .progressArea{ font-size:13px;}
.sectionAreaTwo .progress-bars .progressArea span{ float:right;}
.sectionAreaTwo .boxColArea h4 a,a.lockArea{ color: #349b16; border:1px solid #ebebee; 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;}
/*.rankingReview .progression-blog-review-index-total{ font-size:15px; width: 42px;}
.rankingReview .progression-blog-review-index-total .bgArea{width: 44px;
height: 32px;}
.rankingReview .progression-blog-review-index-total:before {
border-bottom: 10.01px solid #3f3d56;
border-left: 21px solid transparent;
border-right: 21px solid transparent;
}
.rankingReview .progression-blog-review-index-total:after{
border-top: 10.01px solid #3f3d56;
border-left: 21px solid transparent;
border-right: 21px solid transparent;
}
.rankingReview .progression-studios-index-hexagon-border:before{border-bottom: 11.17px solid #dcdcdc; border-left: 22px solid transparent;
border-right: 22px solid transparent;}*/
.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;}
.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;
/* top: -1px; */
float: left;}
/***************************** TRENDING SEARCH PAGE CSS STARTS ****************************************************/
.trendingSearch{}
.trendingSearch .bgWhiteBox {
background: #fff;
border-radius: 30px;
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 {
font-size: 2.5em;
float: right;
}
.googleSearch .accordion-head i{
font-size: 2.5em;
margin-left: 10px;
}
.trendingSearch .accordion-head > .collapsed > i:before{
content:"\f107"; color: rgba(0,0,0,0.54); font-size: 18px;
}
.fa-angle-down:before {
content: "\f107";
font-size: 16px;
}
.trendingSearch h3{font-size: 16px;
line-height: 30px;margin-bottom: 0;
font-weight: 600;}
.trendingSearch .card-header{padding: 0!important;background-color: #fff;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 #e0e0e0;}
.trendingSearch .queries h5, .googleSearch .queries h5{color: rgba(0,0,0,0.67);
font-size: 13px;
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: 11px;
line-height: 18px;
margin-top: 0;
margin-bottom: 0;
color: #333;
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}
.googleSearch .related_news .leftImg img{height: 60px;width: 60px;padding: 3px;border:2px solid #ccc;margin: 12px;}
.trendingSearch .related_news .topListStory, .googleSearch .related_news .topListStory{background: #f7f7f7;}
.trendingSearch .related_news .rightTxt span, .googleSearch .related_news .rightTxt span{color: #616161; font-size: 12px;}
.trendingSearch .trendingLeftSection{flex: 0 0 70%; max-width: 70%}
.trendingSearch .trendingRightSection{flex: 0 0 30%; max-width: 30%;}
.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; position:absolute; background:#fff; border-radius:50%; text-align:center; font-size:15px; font-weight:700; border:1px solid #e0e0e0; line-height:32px; left: -18px; top: -25px;}
.trendingSearch .trendingLeftSection .trendImgBox img{border:1px solid #CCC; width:100%; padding:5px; height:90px;}
.trendingSearch .trendingLeftSection .pastBoxPanel, .googleSearch .pastBoxPanel{border-left:1px solid #CCC;}
.googleSearch .pastBoxPanel {text-align: right;}
.trendingSearch .trendingLeftSection .pastBoxPanel img{width:80%; height:80px;}
.trendingSearch .trendingLeftSection .pastBoxPanel .pastBox{ position:absolute; bottom:0; text-align:center; font-size:13px; width:80%;}
.trendingSearch .trendingLeftSection .pastBoxPanel .collapsed {position:absolute; right:10px;}
.trendingSearch .trendingLeftSection .panel-collapse, .googleSearch .panel-collapse{ padding:15px 0;}
.chartBox{ height:250px !important; border:1px solid #ccc; padding:3px;}
.trendingSearch .trendingLeftSection .top-category.sectionBoxOne, .googleSearch .top-category.sectionBoxOne{margin-top:15px;}
.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: 15px !important;}
.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;
}
.trendingSearch .trendingLeftSection .top-category.sectionBoxOne .owl-carousel .owl-nav, .googleSearch .top-category.sectionBoxOne .owl-carousel .owl-nav{
top: -39px;}
/*.dropdownPanel{position:absolute; right:10px;}*/
.dropdownPanel .dropdown-item{ padding:5px; font-size:14px;}
.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;}
/*************************** Stock table starts **************************/
.stockTable{ background:#eaf9e5; 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 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;
}
/*clander*/
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;
}
/* Header
------------------------------------------------------------------------*/
.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;
}
/* buttons edges butting together */
.fc-header .fc-button {
margin-right: -1px;
}
.fc-header .fc-corner-right, /* non-theme */
.fc-header .ui-corner-right { /* theme */
margin-right: 0; /* back to normal */
}
/* button layering (for border precedence) */
.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;
}
/* Content
------------------------------------------------------------------------*/
.fc-content {
clear: both;
zoom: 1; /* for IE7, gives accurate coordinates for [un]freezeContentHeight */
}
.fc-view {
width: 100%;
overflow: hidden;
}
/* Cell Styles
------------------------------------------------------------------------*/
/* | , usually */
.fc-widget-content { /* | , usually */
border: 1px solid #e5e5e5;
}
.fc-widget-header{
border-bottom: 1px solid #EEE;
}
.fc-state-highlight { /* | today cell */ /* TODO: add .fc-today to | */
/* background: #fcf8e3; */
}
.fc-state-highlight > div > div.fc-day-number{
background-color: #ff3b30;
color: #FFFFFF;
border-radius: 50%;
margin: 4px;
}
.fc-cell-overlay { /* semi-transparent rectangle while dragging */
background: #bce8f1;
opacity: .3;
filter: alpha(opacity=30); /* for IE */
}
/* Buttons
------------------------------------------------------------------------*/
.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 { /* non-theme */
border: 1px solid;
}
.fc-state-default.fc-corner-left { /* non-theme */
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right { /* non-theme */
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
/*
Our default prev/next buttons use HTML entities like ‹ › « »
and we'll try to make them look good cross-browser.
*/
.fc-text-arrow {
margin: 0 .2em;
font-size: 2em;
line-height: 23px;
vertical-align: baseline; /* for IE7 */
}
.fc-button-prev .fc-text-arrow,
.fc-button-next .fc-text-arrow { /* for ‹ › */
font-weight: bold;
}
/* icon (for jquery ui) */
.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;
}
/* Global Event Styles
------------------------------------------------------------------------*/
.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; /* default BORDER color */
background-color: #FFF; /* default BACKGROUND color */
color: #919191; /* default TEXT color */
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; /* hacky spaces (IE6/7) */
font-size: 300%; /* */
line-height: 50%; /* */
}
/* Horizontal Events
------------------------------------------------------------------------*/
.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;
/*
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
*/
}
.fc-ltr .fc-event-hori.fc-event-end,
.fc-rtl .fc-event-hori.fc-event-start {
border-right-width: 1px;
/*
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
*/
}
/* resizable */
.fc-event-hori .ui-resizable-e {
top: 0 !important; /* importants override pre jquery ui 1.7 styles */
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; /* IE6 had 0 height */
}
/* Reusable Separate-border Table
------------------------------------------------------------*/
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;
}
/* Month View, Basic Week View, Basic Day View
------------------------------------------------------------------------*/
.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); /* for IE */
/* opacity with small font can sometimes look too faded
might want to set the 'color' property instead
making day-numbers bold also fixes the problem */
}
.fc-grid .fc-day-content {
clear: both;
padding: 2px 2px 1px; /* distance between events and day edges */
display: none; /* kamal */
}
/* event styles */
.fc-grid .fc-event-time {
font-weight: bold;
}
/* right-to-left */
.fc-rtl .fc-grid .fc-day-number {
float: left;
}
.fc-rtl .fc-grid .fc-event-time {
float: right;
}
/* Agenda Week View, Agenda Day View
------------------------------------------------------------------------*/
.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;
}
/* make axis border take precedence */
.fc-agenda-days .fc-agenda-axis {
border-right-width: 1px;
}
.fc-agenda-days .fc-col0 {
border-left-width: 0;
}
/* all-day area */
.fc-agenda-allday th {
border-width: 0 1px;
}
.fc-agenda-allday .fc-day-content {
min-height: 34px; /* TODO: doesnt work well in quirksmode */
_height: 34px;
}
/* divider (between all-day and slots) */
.fc-agenda-divider-inner {
height: 2px;
overflow: hidden;
}
.fc-widget-header .fc-agenda-divider-inner {
background: #eee;
}
/* slot rows */
.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; /* doesn't work with background in IE6/7 */
}
/* Vertical Events
------------------------------------------------------------------------*/
.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 { /* makes the event lighter w/ a semi-transparent overlay */
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, /* TODO: something nicer like .fc-opacity */
.fc-select-helper .fc-event-bg {
display: none\9; /* for IE6/7/8. nested opacity filters while dragging don't work */
}
/* resizable */
.fc-event-vert .ui-resizable-s {
bottom: 0 !important; /* importants override pre jquery ui 1.7 styles */
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 { /* TODO: better selector */
_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;
}
/*!
* FullCalendar v1.6.4 Print Stylesheet
* Docs & License: http://arshaw.com/fullcalendar/
* (c) 2013 Adam Shaw
*/
/*
* Include this stylesheet on your page to get a more printer-friendly calendar.
* When including this stylesheet, use the media='print' attribute of the tag.
* Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
*/
/* Events
-----------------------------------------------------*/
.fc-event {
background: #fff !important;
color: #000 !important;
}
/* for vertical events */
.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:#000; display:block; font-size:13px;font-weight: 500;}
ul.trendingMenu li a:hover{ color:#e77719;}
.linePanel{ width:100%; border-bottom:1px solid #dee2e6; 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 #CCC; 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;}
.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;}
/*.top_brand_header.Blog .innerBanner h6{ font-size: 30px;
padding: 0 200px;
line-height: 38px; }*/
.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 .headerStNew{ top:10px;}
.top_brand_header .navbar{ padding:0;}
.top_brand_header .headerStNew .loginBtn{margin-left: auto;}*/
/*.top_brand_header .headerStNew .simple-navbar {margin-left: -64px !important;}*/
/*.top_brand_header .main-profile-menu { margin: 0 0 0 10px;}
.top_brand_header .navbar .navbar-brand img{margin-left:0px;}*/
.top_brand_header .innerBanner .methodologySection{ width:100%; height:auto; display:block;}
.methodologySection{ width:100%; width: 100%;
height: 100vh;
display: flex;}
.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; background:#fff; margin-bottom:25px; padding:40px 10px; /*border:1px solid #f3f3f3; box-shadow: 0 3px 20px rgba(0,0,0,.04);*/ 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;}
.methodologyPanel i{font-size:40px; color:#3f3d56; margin-bottom:10px;}
.methodologyPanel span{ display:block; font-size:16px; padding:2px 0 0 0; color:#3f3d56;}
.methodologyPanel span.bg-5{ display:inline-table; border:1px solid #CCC; padding:2px 10px; border-radius:5px; margin-bottom:3px;}
.methodologyPanel:hover{background:#12b975; color:#fff; box-shadow: 0 6px 30px rgba(0,0,0,.07);}
.methodologyPanel:hover i,.methodologyPanel:hover span{ color:#fff;}
.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: 1px solid #dedede;}
.twitterTrends > tbody > tr:nth-child(even) {background-color: #f5f5f6 !important;}
table.twitterTrends thead tr th{ background: #0eaa6a; 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: #40cc93; 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:12px 10px; font-size:13px; line-height:20px; border:0; position:relative;}
table.twitterTrends tbody tr td:not(:last-child):after{ width: 1px; background: #c4c7cf; position: absolute; right: 0; top:5px; bottom:5px; content: ''; }
.twitterTrends tr td:first-child {border-left-style: solid; border-top-left-radius: 10px; border-bottom-left-radius: 10px; text-align:center;}
.twitterTrends tr td:last-child {border-right-style: solid;border-bottom-right-radius: 10px; border-top-right-radius: 10px;}
.twitterTrends tbody tr td a{ color:#000;}
.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: 1px solid #CCC;
width: 100%;
padding: 5px;
/*height: 50px;*/}
.twitterTrends tbody tr:hover{ background:#f6f6f6;}
.twitterTrends tbody tr:hover{ background:#dfdfdf !important;}
table.valign-top tbody tr td { vertical-align:top;}
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:15px 5px;}
table.tableFortune500.twitterTrends thead tr th:first-child,table.tableFortune500.twitterTrends tbody tr td:first-child{border-radius:0px;}
table.tableFortune500.twitterTrends thead tr th:last-child,table.tableFortune500.twitterTrends tbody tr td:last-child{border-radius: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:14px; vertical-align:middle;}
table.tableFortune500.twitterTrends tbody tr td img{ width:90px;height: 65px;}
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:#777; 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: #0d82d5;}
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;
/*animation: fadeIn5 ease 5s;
-webkit-animation: fadeIn5 ease 5s;
-moz-animation: fadeIn5 ease 5s;
-o-animation: fadeIn5 ease 5s;
-ms-animation: fadeIn5 ease 5s;*/
}
@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;}
}
/*table.tableFortune500.twitterTrends tbody tr td span.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: -18px;
top: -7px;}*/
.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{ background:transparent !important; padding:5px 10px; border: 1px solid #c4c4c4;
border-radius: 10px;}
.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;}
.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%); /* Safari 6.0 - 9.0 */
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%); /* Safari 6.0 - 9.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: 16px;
z-index: 99;
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:#008000;}
.sentimentprBox ul li.negativeColor{ color:#ff0000;}
.sentimentprBox ul li.neutralColor{color:#5c5c5c;}
.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;}
.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:#fff; border-radius:30px; position: relative; padding:30px; box-shadow: 0 1px 32px rgba(21,25,30,.09);}
.searchSectionBox .bgWhiteBox .searchbar{ position:relative; }
.searchSectionBox .line{ width:100%; height:1px; background:#d8d8dd; margin:30px 0;position: relative;}
.searchSectionBox .bgWhiteBox .search_input{
background:#f0f0f2;
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:hover,.searchSectionBox .bgWhiteBox .search_input:focus{box-shadow: 0px 0px 0px 2px #000 !important;}
.searchSectionBox .bgWhiteBox .compareInputPanel{position:relative; background: #f0f0f2;
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:#fc5124;}
.searchSectionBox .bgWhiteBox .compareInputPanel .search_input{background: transparent !important; z-index: 9;
position: relative; padding-right:15px;}
.searchSectionBox .bgWhiteBox .compareInputPanel .compareContentArea{ position: absolute;
left: 14px;
top: 9px;
font-size: 20px; color: rgb(120, 144, 156);}
.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: #f0f0f2;
width: 40px;
border-radius: 50%;
color:#3f3d56;
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;
/* height: 42px; */
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 .regionsBox .form-group{ margin-bottom:20px;}
.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:transparent;*/
background:#f0f0f2;
text-align: center;
border-radius: 50%;
margin-right: 4px;
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 .bgWhiteBox .siteinfoBox { text-align:center;}
.searchSectionBox .bgWhiteBox .siteinfoBox img{ width:120px; height:120px; border-radius:50%; border:10px solid #fff; box-shadow: 0 1px 32px rgba(21,25,30,.09);}*/
.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 #e0e4eb; border-top: 1px solid rgb(239, 242, 246);
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(84, 110, 122);}
.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;}
.InsightsSectionArea h1 strong{ color:#fc9a3a;}
.InsightsSectionArea .InsightsArea{ text-align:center;}
.InsightsSectionArea .InsightsArea h2{font-size: 56px;
font-weight: 900;
line-height: 1.14;
color: #303f9f; 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: #fff;
border-radius: 15px;
margin-bottom: 25px;
box-shadow: 0 1px 32px rgba(21,25,30,.09);
position: relative;}
.boxAreaChart h6{border-bottom: 1px solid #e0e4eb; 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: #303f9f;
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:after, .searchSectionBox .siteinfoBox .cut-diamond:before{
content: "";
position: absolute;
top: 0;
left: 0;
height: 100px;
width: 100px;
background: #3f3d55;
}*/
/*.searchSectionBox .siteinfoBox .cut-diamond:before{
transform: rotate(30deg);
}
.searchSectionBox .siteinfoBox .cut-diamond:after{
transform: rotate(60deg);
}*/
.searchSectionBox .siteinfoBox .cut-diamond:hover {
background: #16ba77;
border-color: #16ba77;
}
.searchSectionBox .siteinfoBox .cut-diamond:hover span {
color: #fff;
}
/*.searchSectionBox .siteinfoBox .cut-diamond:hover::after, .searchSectionBox .siteinfoBox .cut-diamond:hover::before {
background: #16ba77;
cursor: pointer;
}*/
/***
=============================================
Contact address Area style
=============================================
***/
.contact-address-area{}
.contact-address-area.mt-mn-100{margin-top: -100px;}
.contact-address-area .bgWhiteBox{ background:#fff; 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 style
=============================================
***/
.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="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,#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);}
/*blog*/
.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;}
/******************************** PRICING PAGE CSS STARTS **********************************************/
.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: 14px;
width: 14px;
left: 6px;
bottom: 7px;
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(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.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;font-size:13px}
.suc{color:green;font-size:13px}
.ui-autocomplete {
width: 800px;
max-width: 85%;
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;
}
/*.arrow_hd span.menu-line{ display:none;}
*/
.modal-dialog.modal-xlPopup{max-width: 800px;}
.dateRanking { position: absolute;
left: 27px;
top: -18px;
background: #fff;
padding: 0px 5px;
border-radius: 10px;}
/*.dateRanking i{ font-size: 15px;
float: left;
position: absolute;
top: 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}
/*.dateRanking {position: absolute;
bottom: -45px;
background: #fff;
padding: 10px 15px;
left: 50%;
z-index: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); -webkit-transform: translateX(-50%); border-radius: 0 0 10px 10px; box-shadow: 0 5px 5px #bbbbbb;}*/
.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:#fff !important;}
.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
}
/*.languageDrop .btn{ color:#fff; padding:3px 7px;}
.languageDrop .dropdown-menu{ padding:0px; min-width: 100px;}
.languageDrop .dropdown-menu li{padding:3px 5px;}
.languageDrop .dropdown-menu li a{color:#333; font-size:13px;}
.languageDrop .dropdown-menu li img{ margin-right:3px;}*/
.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:#e1e1e1; 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 Partners */
.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;
}
/* Advertising with Us */
.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 Brand Popup */
#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 Css
=============================================
***/
.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 style
=============================================
***/
.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 Css
=============================================
***/
.blog-area{
position: relative;
display: block;
background: #ffffff;
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;
}
/* 19-11-2020 */
.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(246, 247, 248);
border-bottom: none;
display: flex;
align-items: center;
width: 100%;
padding: 5px;
}
ul.oddeven2 li:nth-child(odd) {
background: #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}
/* Verticle Progress Bar */
.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;
}
/* Animated Circular Progress Bar */
.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: #000;
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;
color: #000;
}
.circularprogressbar .boxss canvas, .circularprogressbar1 .boxss canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.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: #3c8af7;
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: 57px;
font-size: 13px;
}
.progressblue span.stylingnone, .progressblack span.stylingnone, .progressred span.stylingnone, .progressgreen span.stylingnone, .progressyellow span.stylingnone {
background: transparent;
color: #000;
}
.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;}
/* Press Detail Page*/
.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{ }
table.newsTableBox thead tr th{background-color: rgb(243, 249, 254);
color: rgb(69, 90, 100);
text-align: left;
font-weight:600; font-size:14px; padding:5px 10px;
position: relative;
white-space: pre-line;}
table.newsTableBox tbody tr:nth-child(even) {background-color: rgb(246, 247, 248);}
table.newsTableBox tbody tr td{font-size:12px;line-height: 22px; padding:5px 10px; border-top: 2px solid rgb(236, 239, 241); border-bottom: 2px solid rgb(236, 239, 241);}
table.newsTableBox tbody tr td a{color: rgb(69, 90, 100); 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: rgb(22, 38, 45); 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 #e5e5e5;}
.eltdPostSection {position:relative;}
.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: #fff;
padding-bottom: 20px;
margin-bottom: 40px;
/*-webkit-box-shadow: 1px 2px 15px #e5e5e5;*/
}
.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;
background: #fff;
font-size: 13px;
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 .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: #252930;
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: #25283a;
transition: all 200ms linear;
transition-delay: 0.1s;
}
.blogHolderArea .eltdPostSection .recent-posts li .title-box h6 a:hover{
color: #d06e0d;
}
.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:#232323; display:block;}
.blogHolderArea .eltdPostSection ul.highlghtsWdgt li a:hover{color:#fc5124;}
.blogPostIcon i{ color:#fc9a3a;}
.blogHolderArea .eltdPostSection .eltdCategory{color: #58bcb3; font-size: 10px;letter-spacing: 1px;font-weight: 700;text-transform: uppercase;}
.blogHolderArea .eltdPostSection h2{color: #000; 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;
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: #333; 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 #e8e8e8;}
.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: #f5f5f5; padding:4px 5px;
color: #8c8c8c;
letter-spacing: 0;
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: #fff;
box-sizing: border-box;
margin-top: 15px;
border: 1px solid #e8e8e8;
}
.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: #fff;
color: #909090;
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 #e8e8e8;
}
.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: #8c8c8c;
display: inline-block;
}
.blogHolderArea .side_cat li a:hover {
color: #fc5124;
}
.eltd-related-posts-title h5 {
font-family: Oswald,sans-serif;
color: #000;
font-size: 16px;
letter-spacing: 0;
font-weight: 400;
text-transform: uppercase;
}
/*viral video css*/
.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;}
/* Image Gallery Page */
.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%;
}
/* The Modal (background) */
#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;
}
/* Modal Content */
#myModal22 .modal-content {
position: relative;
background-color: #fefefe;
margin: auto;
padding: 0;
width: 90%;
max-width: 1200px;
}
/* The Close Button */
#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;
}
/* Next & previous buttons */
#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;
}
/* Position the "next button" to the right */
#myModal22 .next {
right: 0;
border-radius: 3px 0 0 3px;
}
/* On hover, add a black background color with a little bit see-through */
#myModal22 .prev:hover,
#myModal22 .next:hover {
background-color: rgba(0, 0, 0, 0.8);
}
/* Number text (1/3 etc) */
#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);
}
/* Start Viral Video New Page */
ul.Videotabss {
margin: 0px;
padding: 0px;
list-style: none;
background: #202020;
border: 3px solid #000000;
position: relative;
}
ul.Videotabss:before {
position: absolute;
content: "";
border-bottom: 2px solid #f38c24;
bottom: -2px;
width: 100%;
left: 0px;
}
.vidWrapper {
background: #202020;
padding: 4px;
}
ul.Videotabss li {
background: #1f1f1f; text-align: center;
color: #fff;
display:block;
padding: 4px 3px;
cursor: pointer;
font-size: 11px;
border: 2px solid #333333;
}
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: #111111;
float: left;
margin: 0 auto;
}
/* VIDEO PLAYER CONTAINER
############################### */
.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;
}
/* VIDEOS PLAYLIST
############################### */
.vid-list-container {
width: 30%;
height: 360px;
/* overflow: hidden;*/
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;
background-color: #f7f7f7;
padding: 1px;
float: left;
width: 72px;
height: 50px;
margin-right: 10px;
}
.vid-thumb img {
width: 100%;
height: 100%;
}
.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: #666666;
float: left;
width: 55px;
border-radius: 40px;
height: 23px;
margin-top: 2px;
display: inline-block;
background: #000;
font-size: 12px;
line-height: 23px;
text-align: center;
}
#vid-list .channel {
font-size: 12px;
color: #666666;
float: left;
margin-left: 10px;
padding-top: 0px;
}
/* Fetured Playlist */
.FeaturedPlaylistMain, .RecentVideosMain {
padding: 30px 0 0;
float: left;
width: 100%;
}
.viralNewTitle {
border-bottom: 1px solid #cccccc;
position: relative;
height: 33px;
}
.viralNewTitle h3 {
color: #666666;
font-size: 16px;
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: #fff;
border: 1px solid #cccccc;
width: 23.8%;
float: left;
margin: 4px 4px;
height: 70px;
list-style: none;
box-shadow: 0 1px 4px #dadada;
}
.FeaturedPlaylistMain ul li:hover, .RecentVideosMain ul.gridView li:hover, .recentrightTabs .RecentVideosMain ul.listView li:hover, .RecentVideosMain ul.listView li:hover {
box-shadow: 0 2px 5px #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;
}
/* Recent Videos */
.RecentVideosMain .recent_Buttons {
position: absolute;
right: 0;
top: -4px;
}
.RecentVideosMain .Recenttabss li.tab-link {
float: left;
list-style: none;
background: #eeeeee;
color: #959595;
padding: 7px 12px 3px;
font-size: 15px;
position: relative;
}
.RecentVideosMain .Recenttabss li.tab-link.current {
background: #d9d9d9;
}
.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: #d9d9d9;
bottom: -4px;
transform: rotate(45deg);
}
.RecentVideosMain ul.gridView li {
width: 24.6%;
float: left;
list-style: none;
margin: 1px;
padding-bottom: 10px;
padding: 10px;
}
.RecentVideosMain ul.gridView li a.thumb, .RecentVideosMain ul.listView li a.thumb {
padding: 3px;
border: #cccccc solid 1px;
background-color: #FFF; display: block;
width: 100%;
position: relative;
}
.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%;
}
.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(https://checkbrand.online/frontend/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(https://checkbrand.online/frontend/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;
}
.RecentVideosMain ul.gridView li h6 a{height: 27px;}
.RecentVideosMain ul.gridView li p.time, .RecentVideosMain ul.listView li p.time {
background-image: url(https://checkbrand.online/frontend/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;
}
.RecentVideosMain ul.gridView li p.date, .RecentVideosMain ul.listView li p.date {
background-image: url(https://checkbrand.online/frontend/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: #888888;
}
.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(https://checkbrand.online/frontend/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(https://checkbrand.online/frontend/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: #cccccc solid 1px;
background-color: #FFF;
}
.RecentVideosMain ul.listView li a.thumb img {
height: 82px;
}
.RecentVideosMain ul.listView li .yourhere p {
float: left;
padding-right: 10px;
color: #888888;
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(https://checkbrand.online/frontend/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 22px;
background-image: url(https://checkbrand.online/frontend/images/viral_video_newimg/man.png);
background-repeat: no-repeat;
background-position: left;
margin-bottom: 7px;
color: #888888;
}
.RecentVideosMain ul.listView li .postedby p.postbytxt {
float: left;
font-size: 11px;
background-image: url(https://checkbrand.online/frontend/images/viral_video_newimg/yourhere.gif);
background-position: right;
background-repeat: no-repeat;
padding-right: 10px;
margin-right: 10px;
margin-bottom: 0;
color: #888888;
}
.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: #888888; 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(https://checkbrand.online/frontend/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: #4b7eff;
}
.recentrightTabs .nav-tabs .nav-link {
color: #666666;
text-decoration: none;
background-color: #eeeeee;
padding: 5px 14px;
text-transform: capitalize;
border: 1px solid #fff;
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: #666666;
}
.RecentVideosMain .recent_Buttons ul.Recenttabss {
margin-bottom: 8px;
}
/* Category */
.ViralCategory h5 {
width: 100%;
font-size: 13px;
font-weight: 500;
padding: 9px 36px;
float: left;
background-color: #eeeeee;
background-image: url(https://checkbrand.online/frontend/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: #4b7eff;
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: #4b7eff;
}
/* Top Searches */
.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(https://checkbrand.online/frontend/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.m-0 select.form-control {
height: 50px;
border-radius: 100px;
border: 1px solid #c1bebe;
padding-right: 20px;
margin-bottom: 0;
}
/* Blog Inner */
.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: #fc9a3a;
}
.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: #000;
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: #8d8c8c;
font-weight: 400;
}
.eltdCommentHolder {
margin: 30px 0;
}
.eltdCommentForm {
margin: 30px 0 0;
}
.eltdCommentForm textarea {
width: 100%;
font-size: 12px;
}
.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;
}
.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(../../-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(../../-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: 10px; 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);} |