@charset "utf-8";
.row .col-md-12.breadcrums{padding-left:10px !important; }
.latest-video-left-main {
float: left;
width: 50%;
}

.f2ftv-head-links {
font-weight: 600;
margin-top: 30px;
text-transform: uppercase;
color: var(--primerycolor);
}

.f2ftv-head-links ul {
list-style-type: none;
margin-left: -3.4%;
}

.f2ftv-head-links ul li {
float: left;
padding-right: 2%;
display: inline-block;
}

.f2ftv-head-links ul li a.active, .f2ftv-head-links ul li a:hover {
color: var(--secondarycolor);
border-bottom: 4px solid var(--secondarycolor);
padding-bottom: 7px;
}

.f2ftv-slidermain {
background-color: var(--white);
}

.f2ftv-videoimg, .latest-videoimg {
background-color: rgba(0,0,0,.4);
top: 33%;
left: 41%;
}

.f2ftv-slider {
width: 100%;
float: left;
text-align: left;
}

.f2ftv-slider-img {
width: 67%;
float: left;
position: relative;
}

.f2ftv-videoimg {
height: 80px;
width: 80px;
color: var(--white);
position: absolute;
border-radius: 50%;
border: 3px solid var(--white);
text-align: center;
font-size: 30px;
padding-top: 14px;
padding-left: 2%;
}

.f2ftv-videoimg i {
color: var(--white);
}

.f2ftv-slider-text {
width: 33%;
float: left;
padding: 0 0 0 3%;
text-align: left;
}

.latest-video-big, .latest-video-img {
width: 100%;
float: left;
}

.f2ftv-slider-heading {
margin-bottom: 8%;
}

.toparticle-heading span {
font-size: 14px;
color: var(--secondarycolor);
}

.f2ftv-blueheading {
font-weight: 700;
}

.f2ftv-blueheading a {
color: #4e9bec;
}

.latest-video-img {
position: relative;
margin: 9px 0;
}

.latest-video-text {
width: 98%;
float: left;
text-align: left;
min-height: 78px;
word-wrap: break-word;
}

.latest-video-small {
float: left;
width: 46.8%;
border-bottom: solid 1px #f5f5f5;
margin-bottom: 1%;
margin-left: 2%;
margin-right: 6px;
}

.latest-videoimg {
height: 50px;
width: 50px;
color: var(--white);
position: absolute;
border-radius: 50%;
border: 3px solid var(--white);
text-align: center;
font-size: 20px;
padding-top: 2.5%;
padding-left: 2%;
}

.inner-popular-videos, .popular-videos {
border-right: solid 1px #eaeaea;
border-bottom: solid 1px #eaeaea;
float: left;
}

.latest-videoimg i {
color: var(--white);
}

.latestvideo-blueheading {
font-size: 15px;
color: #4e9bec;
font-weight: 700;
}

.latestvideo-blueheading a {
color: #4e9bec;
}

.popular-videos {
width: 33.3%;
padding: 10px;
min-height: 270px;
}

.keywords-heading {
margin-bottom: 25px;
}

.keywords ul {
list-style-type: none;
margin: 0;
padding: 0;
}

.keywords ul li a {
background-color: #f0f0f0;
color: var(--primerycolor);
padding: 2.2%;
text-align: center;
float: left;
display: inline-block;
margin-right: 7px;
font-weight: 600;
margin-top: 7px;
}

.keywords ul li a:hover {
background-color: #6da5d8;
color: var(--white);
}

.inner-popular-videos {
width: 20%;
padding: 10px;
}

.inner-popular-videos:nth-child(10), .inner-popular-videos:nth-child(15), .inner-popular-videos:nth-child(5) {
border-right: solid 1px transparent;
}

.inner-popular-videos:nth-child(11), .inner-popular-videos:nth-child(12), .inner-popular-videos:nth-child(13), .inner-popular-videos:nth-child(14), .inner-popular-videos:nth-child(15) {
border-bottom: solid 1px transparent;
}

.related-videos {
width: 100%;
float: left;
border-bottom: solid 1px #eaeaea;
}

.related-video-img {
width: 40%;
float: left;
position: relative;
margin: 15px 0;
}

.related-video-text {
width: 56%;
float: left;
text-align: left;
margin-left: 4%;
margin-top: 6%;
}

.relatedvideo-blueheading {
font-size: 14px;
font-weight: 700;
color: #4e9bec;
}

.video-advertisement {
width: 100%;
background-color: #ebeef0;
color: var(--primerycolor);
padding: 10px;
margin-top: 20px;
}

.relatedvideo-blueheading a {
color: #4e9bec;
}

.f2ftv-slider-img img {
width: 532px;
height: 333px;
}

.latest-video-img img {
width: 540px;
min-height: 130px;
}

.brown-txt {
font-size: 11px;
}

.latest-video-hometext {
width: 98%;
float: left;
text-align: left;
line-height: 19px;
min-height: 70px;
}

.LatestVideos {
padding-bottom: initial;
}

.blue-bg {
margin-top: 20px;
padding: 15px;
background-color: var(--primerycolor);
color: var(--white);
text-align: center;
}

.hrads ul, .vrads ul {
list-style-type: none;
padding: 0;
}

.hrads ul {
margin: 0;
}

.hrads ul li {
display: inline-block;
float: left;
margin-right: 22px;
margin-top: 10px;
}

.hrads ul li:last-child {
margin-right: 0 !important;
}

.hradsdetails ul li {
margin-right: -2px !important;
}

.vrads {
margin-left: 10px;
}

.vrads ul {
margin: 0;
}

.vrads ul li {
display: inline-block;
margin-bottom: 12px;
}

.vrads ul li:last-child {
margin-bottom: 0 !important;
}

.vradsmarginleft {
margin-left: 10px;
}

.b2bvideo {
padding: 10px auto;
margin-bottom: 15px;
text-align: left;
border-bottom: 1px solid rgba(128,128,128,.28);
}

.f2ftv-blueheading {
font-size: 22px;
color: #4e9bec;
font-family: var(--boldfonts);
}

.videothumb {
margin: 15px auto;
}

.vidoethumb .videoiframe {
max-width: 100%;
}

.white-box .b2bVideoList > div:nth-last-child(2) {
border-bottom: none;
}

.title-fonts {
font-size: 18px !important;
}

.title-fonts-header {
font-size: 19px !important;
}

.esAutoSuggest.ui-autocomplete {
top: 100% !important;
}

.esAutoSuggest.ui-autocomplete {
top: 100% !important;
}

.onscrollloading {
height: 100%;
width: 100%;
}

.h1home {
font-size: var(--subtitlefontsize);
margin-bottom: 0;
padding: 5px 0 0;
margin-top: 0;
}


.home-title {
font-size: 19px;
margin-bottom: 0;
margin-top: 12px;
}

.white-box {
text-align: left !important;
}

.big-thumb {
position: relative;
overflow: hidden;
border-radius: 5px;
}

.big-thumb img {
max-width: 100%;
}

.overly-details {
width: 100%;
position: absolute;
left: 0;
height: 100%;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.5) 100%);
content: '';
opacity: 1;
z-index: 49;
}

.company-profile {
text-transform: uppercase;
padding: 5px 10px;
background-color: var(--secondarycolor);
border-radius: 5px;
color: var(--white);
font-size: var(--smallfontsize);
margin-top: 12px;
margin-left: 12px;
float: left;
}

.icon-play {
margin: 16% auto;
text-align: center;
width: 76px;
height: 76px;
background-color: var(--secondarycolor);
border-radius: 100%;
}

.icon-play .fa {
font-size: 35px;
color: var(--white);
line-height: 76px;
text-align: center;
width: 100%;
padding-left: 6px;
}

.main-details {
width: 100%;
padding: 0 35px;
}

.detail-title {
font-family: var(--boldfonts);
font-size: var(--titlefontsize);
color: var(--white);

}

.detail-title a {
color: var(--white);
}

.detail-title a:hover {
color: var(--white);
}

.detail-title span {
font-size: 18px;
color: var(--white);

}

.icons .fa {
font-size: 16px;
color: var(--white);
display: inline-block;
margin-right: 10px;
}

.icons {
display: inline-block;
width: 60px;
margin-top: 12px;
}
.trends {
min-height: 215px;
}
.trends .overly-thumb {
width: 100%;
position: absolute;
left: 0;
height: 100%;
background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 100%);
background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.1) 100%);
content: '';
opacity: 1;
z-index: 8;

}

.video-thumb {
position: relative;
overflow: hidden;
margin-bottom: 20px;
border-radius: 5px;
}

/*.video-thumb:last-child {
margin-bottom: 0;
}*/
.rightvideo a:last-child .video-thumb {
margin-bottom: 0;
}
.video-thumb img {
    width: 100%;
    height: auto;
    max-height: 150px;
    object-fit: cover;
}

.video-thumb .overly-span {
bottom: 49%;
width: 100%;
}

.video-thumb .company-profile {
margin: 18px;
}

.video-thumb .detail-title {
font-size: var(--regularfontsize);

}

.video-thumb .main-details {
padding: 0 18px;
bottom: 20px;
position: absolute;
}

.video-thumb .icons {
display: inline-block;
width: 37px;
margin-top: 2px;
margin-left: 7px;
}

.video-thumb .icons:last-child .fa {
margin-right: 0;
font-size: 13px;
}

.video-thumb .icons .fa {
margin-right: 3px !important;
}



.top-news-title {
font-size: var(--subtitlefontsize);
font-family: var(--boldfonts);
color: var(--primerycolor);
text-transform: uppercase;
margin-top: 0;
line-height: 22px;
font-weight: normal;
}

.top-news-title a {
color: var(--primerycolor);
}

.top-news-title span {
font-size: var(--smallfontsize);
font-weight: 400 !important;
color: var(--primerycolor);
width: 100%;
float: left;
text-transform: none;
margin-top: 6px;
}

.topnews p {
margin-bottom: 0;
margin-top: 8px;
display: inline-block;
width: 98%;
}

.red-subscribe {
margin: 20px 0;
text-align: center;
}

.red-subscribe .fa {
margin-right: 15px;
}

.red-subscribe a {
display: block;
}


.popular-cat ul {
margin: 0;
padding: 0;
width: 100%;
list-style-type: none;
}

.rightvideo img {
width: 100%;
    height: 240px;
    max-height: unset;
}

.popular-cat ul li a {
transition: all .5s ease;
overflow: hidden;
position: relative;
background-color: #f3f3f3;
float: left;
padding: 3px 10px;
margin: 0 8px 10px 0;
border-radius: 4px;
}

.popular-cat ul li a:hover {
background-color: var(--secondarycolor);
color: var(--white);
text-decoration: none;
}

.popular-cat ul li:last-child a {
margin-bottom: 0;
}


.trends .icon-play {
position: absolute;
left: 0;
right: 0;
z-index: 9;
width: 41px;
height: 41px;
margin: 20% auto;
}

.trends .icon-play .fa {
line-height: 42px;
font-size: 17px;
padding-left: 3px;
}

.trends .video-thumb {
margin-bottom: 8px;
}

.trend-title {
font-family: var(--boldfonts);
min-height: 36px;
text-align: left;

}

.trend-title span {
font-size: var(--smallfontsize);
width: 100%;
float: left;
text-align: left;
}

.loadmore {
text-align: center;
text-transform: uppercase;
width: 100%;
cursor: pointer;margin-top: 20px;
display: inline-block;
font-family: var(--boldfonts);
}

.loadmore a {
display: inline-block;
line-height: 12px;
font-family: var(--boldfonts);
}

.loadmore .fa {
color: var(--secondarycolor);
}

.icons a:hover .fa {
color: #ffd600;
}

.rightvideo .icon-play {
width: 40px;
height: 40px;
z-index: 999;
margin-top: 20%;
margin-bottom: 0;
opacity: 0;
transition: .3s ease;
}

.rightvideo .icon-play .fa {
font-size: 16px;
line-height: 38px;
padding-left: 3px;
}

.rightvideo:hover .icon-play {
opacity: 1;
}

.topnews .icon-play {
width: 40px;
height: 40px;
top: 0;
left: 45%;
z-index: 999;
margin: 22% auto;
margin-bottom: 0;
/*opacity: 0;*/
transition: .3s ease;
position: absolute;
}

.topnews .icon-play .fa {
font-size: 16px;
line-height: 38px;
padding-left: 3px;
}

.topnews a:hover .icon-play {
opacity: 1;
}

.trends .video-thumb img {
-webkit-transition: .4s ease;
transition: .4s ease;
}

.trends .video-thumb:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
cursor: pointer;
}

.big-thumb img {
-webkit-transition: .4s ease;
transition: .4s ease;
}

.big-thumb:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
cursor: pointer;
}

.rightvideo .video-thumb img {
-webkit-transition: .4s ease;
transition: .4s ease;
}

.rightvideo .video-thumb:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
cursor: pointer;
}

.topnews .video-thumb img {
-webkit-transition: .4s ease;
transition: .4s ease;
}

.topnews .video-thumb:hover img {
-webkit-transform: scale(1.08);
transform: scale(1.08);
cursor: pointer;
}

.topnews .video-thumb img {
height: inherit;
}

.video-by-line {
font-size: var(--smallfontsize);
text-align: left;
}

.video-advertisement {
width: 100%;
background-color: #ebeef0;
color: var(--primerycolor);
padding: 10px;
margin-top: 20px;
}

iframe {
width: 100% !important;
}

.list-page .latest-video-text {
float: none !important;
}

.list-page .video-advertisement {
text-align: center;
font-size: 14px;
}

.list-page .video-advertisement strong {
font-size: 18px;
width: 100%;
display: inline-block;
padding-bottom: 8px;
}
h4, h4 strong {
color: var(--primerycolor);
font-size: var(--subtitlefontsize);
font-family: var(--boldfonts);
}
@media only screen and (max-width:1370px) {
.rightvideo img {height: 220px;}

}
@media only screen and (max-width:1280px) {
.rightvideo img {
height: 210px;
}
span.latest-view-btn {
    min-width: 60px;
    text-align: right;
}
.trends {
    min-height: 230px;
}
}
@media only screen and (max-width:1024px) {
.connecting-group, .whiteboxtitle{flex-wrap: wrap;}
.whiteboxtitle .section-title{font-size: 20px !important;}

.trendslist .video-thumb img {
height: 150px;
}


.overly-span {
width: 100%;
}

.icon-play {
margin: 10% auto;
}

.video-thumb .main-details {
margin-top: 0;
}

.rightvideo .icon-play {
margin-top: 17%;
margin-bottom: 7px;
}


.trends .icon-play {
margin: 20% auto;
}



.popular-cat ul li a {
margin: 0 8px 6px 0;
font-size: var(--smallfontsize);
}

.rightvideo img {
height: 165px;
}

.video-thumb .company-profile {
margin: 8px;
}

.topnews img {
max-width: 100%;
}

.topnews .icon-play {
left: 43%;
}

.list-page .pagination {
margin-top: 0 !important;
}
}

@media only screen and (max-width:991px) {
    .videoimg { width: 100%;}
.list-page {
display: inline-block;
}
.col-md-4.rightvideo {
display: flex;
justify-content: space-between;
}
.col-md-4.rightvideo a {
width: 330px;
display: block;
}
.rightvideo .video-thumb {
max-width: 100%;
margin-top: 15px;
margin-bottom: 0;
}
.video-thumb img{
height: auto;
}

.topnews .col-md-6 {
float: left;
width: 50%;
}

.trends .col-md-3 {
float: left;
width: 50%;
margin-bottom: 18px;
}

.trends .col-md-4 {
float: left;
width: 33%;
margin-bottom: 18px;
}


.video-thumb .main-details {
margin-top: 6%;
}

.trends .col-md-4 .video-thumb img {
height: 150px !important;
}

.trends .icon-play {
margin: 26% auto;
}
}
@media only screen and (max-width:768px) {
.col-md-4.rightvideo a {width: 49%;}
.rightvideo .video-thumb {max-width: 100%;}
}
@media only screen and (max-width:767px) {
.breadcrums{display: none;}
.section{margin-top: 70px;padding-bottom: 20px;}
.list-page .trends {min-height: auto;display: flex;flex-wrap: nowrap;justify-content: space-between;}
.trendslist.trenddetails .trends .icon-play{margin: 0px auto!important;top: 20%;}
.trenddetails  .videoimg{border-radius: 5px;overflow: hidden;width: 35%;max-height: 74px;}
.trenddetails .trend-title {width: 60%;}
.trenddetails  .trend-title a{font-family: var(--boldfonts);font-size: 15px;text-transform: capitalize;color: var(--primerycolor);line-height: 1.3;letter-spacing: -0.5px;}
.section-title.latest-title{margin-top:0px;}
.list-page hr{margin:12px 0px;}
.likecount .row{margin:0px!important;}
.main-details {
width: 100%;
padding: 0 20px;
position: absolute;
bottom: 20px;
}

.icon-play {
width: 60px;
height: 60px;
}

.icon-play .fa {
line-height: 60px;
font-size: 24px;
}

.detail-title {
font-size: var(--subtitlefontsize);
}



.video-thumb .main-details {
margin-top: 0%;
padding: 0 8px;
}

.rightvideo .video-thumb {
width: 100%;
max-width: unset;
margin-bottom: 0;
}
.red-subscribe{margin-bottom: 0;}
.trend-title br {
display: none;
}
.white-box{box-shadow: none; padding: 0; margin: 0;}
.whiteboxtitle .section-title{font-size: var(--sectionheadingfontsize)!important;width:80%;}
.latestvideo{margin-top: 0;}
.popular-cat ul li a {margin: 0 10px 10px 0;}
.trendslist.margintop20{margin-top:0;}
.trendslist.margintop20 .whiteboxtitle.margintop20{margin-top: 0px; padding-top: 10px; border-top:1px solid #e5e5e5;}
.whiteboxtitle.margintop20{margin-top: 0px; padding-top: 10px; border-top:1px solid #e5e5e5;align-items: flex-start;}
.trends .col-md-4 .icon-play {margin: 19% auto;}

}

@media only screen and (max-width:559px) {
.col-md-4.rightvideo {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}
h4.section-title {
font-size: var(--subtitlefontsize) !important;
}
    .connecting-group, .whiteboxtitle {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }
.row.trends {
display: flex;
flex-wrap: wrap;
}
.video-thumb .main-details {
margin-top: 18%;
padding: 0 18px;
}

.topnews .col-md-6 {
width: 100%;
}

.topnews .col-md-6:first-child {
text-align: center;
margin-bottom: 18px;
}

.topnews .col-md-6:last-child {
margin-bottom: 0;
}

.topnews {
padding-bottom: 18px;
}



.trends .icon-play {
margin: 28% auto;
}

.trends .col-md-4 {
float: left;
width: 100%;
margin-bottom: 18px;
}

.trends .col-md-4 .video-thumb img {
height: inherit !important;
}

iframe {
width: 100% !important;
height: 300px !important;
}

.list-page .video-advertisement strong {
font-size: 16px;
}
}

@media only screen and (max-width:480px) {
    .col-md-4.rightvideo a {width: 100%;}
.red-subscribe a{padding: 10px 5px;    font-size: var(--smallfontsize);}
.red-subscribe .fa {
margin-right: 5px;
}
.trends .icon-play {
margin: 18% auto !important;
}

.video-thumb img {
max-height: inherit !important;
height: inherit !important;
}

.company-profile {
margin-left: 8px;
margin-top: 8px;
font-size: 11px;
}

.icon-play {
width: 50px;
height: 50px;
margin: 8% auto;
}



.big-thumb .icons {
margin-top: 6px;
}

.icon-play .fa {
line-height: 50px;
font-size: 24px;
}

.video-thumb .main-details {
margin-top: 9%;
}

.trends .col-md-3 {
width: 100%;
}

.trends .col-md-3 img {
width: 100%;
}

.trend-title {
/*min-height: inherit !important;*/
min-height: auto !important;
}
.shareicon {
width: 83%;
float: left;
padding-right: 0px!important;
padding-left: 0px!important;
}
.likecount {
width: 17%;
float: left;
padding: 0px!important;
}
.likecount .likebtn {padding:5px 4px;}
}

@media only screen and (max-width:425px) {
.icon-play {
width: 35px;
height: 35px;
}

.icon-play .fa {
line-height: 35px;
font-size: 18px;
}

.big-thumb .icons {
width: 38px;
}



.icons .fa {
font-size: 14px;
margin-right: 3px;
}
}

@media only screen and (max-width:375px) {
.icon-play {
margin: 7% auto;
}


.big-thumb .icons {
margin-top: 0;
}


.video-thumb .main-details {
margin-top: 0 !important;
}
}

@media only screen and (max-width:320px) {
.trends .icon-play {
margin: 20% auto !important;
}

.overly-span {
bottom: 20vh;
}

.main-details {
padding: 0 10px;
}




.video-thumb .main-details {
margin-top: 22%;
padding: 0 10px;
}





.video-thumb .company-profile {
margin: 8px;
}
}

.likebtn {
display: inline-block;
padding: 5px 7px;
border: 1px solid var(--lightgray);
border-radius: 3px;
}
.activecategory {
background-color: var(--secondarycolor) !important;
color: var(--white);
text-decoration: none;
}

.flex-container .white-box {
height:calc(90% - 20px);
}
@media only screen and (max-width: 991px){
.topnews-categories.flex-container{display: inherit;}
.flex-container .white-box {display: inline-block; width: 100%; }
.trends { min-height: auto;  display: flex; flex-wrap: wrap;}
.list-page .row { display: flex;  flex-wrap: wrap;}
.video-thumb { max-height: 177px;   overflow: hidden;}
}
@media only screen and (min-width: 1441px){
    .video-thumb img {
    width: 100%;
    height: auto;
    max-height: 165px;
}
.rightvideo img {
    width: 100%;
    height: 275px;
    max-height: unset;
}
.trends {
min-height: 245px;
}
}