

/*--Video Css--*/
.video_modal_con{width:100%;height:505px;}
.modal-content {background-color: transparent;border-radius: 0px;}
.vid-container iframe, .vid-container object, .vid-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.vid-container {position: relative;padding-bottom: 52%;padding-top: 30px;height: 0px;}
h6.profile{height:60px}
.article-post img {float: left;width: 150px;padding: 15px;}
.article-post p {width: 100%;padding: 15px;margin:0px 10px 0px 10px;font-size:14px;}
.article-post h4 {width: 100%;padding: 15px;margin: 10px 10px 0px 10px;}
.article-post p.cat-ex2_desc_ellipsis {background-color: #fff;height: 4.3em;font-size: 13px;}
.article-post p.cat-ex2_desc_ellipsis::before{top: 2.7em;}
.clear{clear:both;}
a.buy-now{height:auto;padding: 15px 25px; margin-top:20px;font-size:14px;font-weight:600;text-align:center;transition: all 0.3s;border: 1px solid #00d6bf;color: #777;float: right;}
a:hover.buy-now{transition: all 0.3s;border: 1px solid #00d6bf;color: #fff;background-color:#00d6bf;text-decoration:none;}
.article-description{float:left;width:75%;}
.article-description .test{padding: 0 15px;}
.button-align {width:auto;}
.article p{font-size:20px;}
.article img{padding:10px;margin:10px;}
.article-date{background-color: #117bb8;color: #fff;margin: 0;width: 180px;}
.article-date p{padding: 2.5px 10px;margin: 0;}
.info-container{margin-top:20px;}
.template-adjust{padding-right: 15px;padding-left: 15px;}


/*--Video Page CSS--*/
.clear{clear:both;}
.carousel-inner {overflow: hidden;}
.video_item_box{width:100%;cursor:pointer;padding:0;}
.video_item_row{cursor:pointer;padding: 5px;}
.video_item_box .desc_row{border: 1px solid #ccc;cursor:pointer;padding: 5px;margin: 10px auto;font-weight: normal;font-size:12px;transition:.3s;}
.video_item_box .desc_row:hover {background-color: #337ab7;color:#fff;transition:.3s;}
.vid_description_container {margin-bottom: 15px;}
.left_bottom_inner_container {padding-top: 0px;padding-left: 15px;padding-right: 15px;}
h4#vid_title {font-weight: 400;margin-top: 20px;margin-bottom: 0px;min-height: 40px;color: #333;}
p#vid_description {font-size: 12px;color: #777;}
#vid_postDate{font-size: 10px;color: #333;	}
/*--Featured list css--*/
.vid-featured-container {width: 100%;margin-top: 0px;margin-left: 0%;margin-bottom: 10px;background-color:#efefef;}
.vid-features {position: relative;top: 0px;left: 0px;height: auto;width: 100%;}
.featured_vid {display: block;padding:5px 0px;width: 100%;height: auto;clear: both;float: none;border-bottom:1px solid #ccc;margin: 5px;}
.featured_thumb {width: 100%;margin: 0;}
.featured_thumb img:hover {cursor:pointer;}
h3.featured_videos_normal {color: #777;font-size: 14px;margin-top: 5px;}
p.featured_videos_normal {color: #333;font-size: 10px;margin-bottom: 0px;}

.thumb_row img{width:100%;}
.video_item_box{width:25%;float:left;padding:5px;}
p.desc_row_ellipsis {white-space: nowrap; width:100%; overflow: hidden;text-overflow: ellipsis; margin:5px auto;}
.featured_container{width:100%;height:auto;transition: all 0.3s;padding:5px 0 5px 0;border-bottom:1px solid #ccc;}
.featured_thumb img{width:150px;float:left;transition: all 0.3s;padding:4px;}
.featured_desc{width:63%;left:0;float:left;transition: all 0.3s;}
h3.fv_title_ellipsis {color: #777;font-size: 14px;background-color: #ededed;overflow: hidden;position: relative;text-overflow: ellipsis;white-space: normal;word-wrap: break-word;height:3.6em;margin-top:0;transition: all 0.3s;margin-left: 5px;}
h3.fv_title_ellipsis::before {position: absolute;content: '\002026';right: 0;top: 2.2em;}
h3.fv_title_ellipsis::after {content: '';height: 100%;width: 100%;background-color: inherit;position: absolute;}
p.fv_desc_ellipsis {font-size: 9px;color:#337ab7;background-color: #ededed;overflow: hidden;position: relative;text-overflow: ellipsis;white-space: nowrap;word-wrap: normal;height: 1.5em;margin: 18px 0 0 5px;transition: all 0.3s;}
p.fv_desc_ellipsis::before {position: absolute;content: '\002026';right: 0;top: 0em;}
p.fv_desc_ellipsis::after {content: '';height: 100%;width: 100%;background-color: inherit;position: absolute;}
a.showSingle_2 .featured_thumb img {box-shadow: 3px 3px 4px transparent;border: 1px solid #ccc;margin: -2px 0;}
a.showSingle_2.active .featured_thumb img {box-shadow: 1px 0px 5px #337ab7;}
.featured_thumb img {width: 100px;}
.video_item_box .desc_row p{cursor: pointer;font-weight: normal;font-size: 12px;}
.video_item_box .desc_row p:hover{color:#fff;}
.vid-features h3{padding:0 15px;}
.vid-features p{padding:0 15px;}
/*----------------------------*/

















/*--Vertical Carousels--*/
.carousel-inner.vertical {height: 100%; /*Note: set specific height here if not, there will be some issues with IE browser*/}
.carousel-inner.vertical > .item {-webkit-transition: .6s ease-in-out top;-o-transition: .6s ease-in-out top;transition: .6s ease-in-out top;}
@media all and (transform-3d),
(-webkit-transform-3d) {
  .carousel-inner.vertical > .item {-webkit-transition: -webkit-transform .6s ease-in-out;-o-transition: -o-transform .6s ease-in-out;transition: transform .6s ease-in-out;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000;padding: 5px 15px;}
  .carousel-inner.vertical > .item.next,
  .carousel-inner.vertical > .item.active.right {-webkit-transform: translate3d(0, 20%, 0);transform: translate3d(0, 20%, 0);top: 0;}
  .carousel-inner.vertical > .item.prev,
  .carousel-inner.vertical > .item.active.left {-webkit-transform: translate3d(0, -20%, 0);transform: translate3d(0, -20%, 0);top: 0;}
  .carousel-inner.vertical > .item.next.left,
  .carousel-inner.vertical > .item.prev.right,
  .carousel-inner.vertical > .item.active {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);top: 0;
  }
}
.carousel-inner.vertical > .active {top: 0;}
.carousel-inner.vertical > .next,
.carousel-inner.vertical > .prev {top: 0;height: 100%;width: auto;}
.carousel-inner.vertical > .next {left: 0;top: 33.33%;right:0;}
.carousel-inner.vertical > .prev {left: 0;top: -33.33%;right:0;}
.carousel-inner.vertical > .next.left,
.carousel-inner.vertical > .prev.right {top: 0;}
.carousel-inner.vertical > .active.left {left: 0;top: -33.33%;right:0;}
.carousel-inner.vertical > .active.right {left: 0;top: 33.33%;right:0;}
#carousel-pager .carousel-control.left {bottom: initial;width: 100%;}
#carousel-pager .carousel-control.right {top: initial;width: 100%;}
p.desc_row_ellipsis.video_row {position: relative;height: auto;}

.targetDivVideo{display:none;}
.targetDivVideo.first{display:block;}
#full_Content a.active{color:#ccc;}
/*--h4#vid_title {margin-top:20px; color:#117bb8;}--*/
h4#vid_title {margin-top:10px; color:#117bb8;padding-top:10px;}
p.desc_row_ellipsis.video_row {background-color: transparent;}
.yt_icon{background-image: url('../img/vid-dracon-img.jpg');border: 1px solid #e6e6e6;border-radius: 50%;padding-bottom: 45px;background-size: 45px;background-repeat: no-repeat;width: 45px;margin-top: 0px;background-position: center center;float: left;margin-right: 15px;margin-bottom: 10px;}
p#vid_description {clear: both;margin-top: 10px;min-height: 80px;}
h3.fv_title_ellipsis {height: 3.4em;}
h3.fv_title_ellipsis::before {top: 2.8em;}
/*--.thumb_row {min-height: 160px;}--*/
.glyphicon {margin-right: 10px;}	
/*--Vertical Carousels End--*/




@media screen and (max-width:1200px)
{
.thumb_row {min-height: 126px;}
.article-post p {width: 70%;padding: 15px;}
.article-post h4 {width: 70%;padding: 15px;}
h3.fv_title_ellipsis {height: 2.4em;}
h3.fv_title_ellipsis::before {top: 1.2em;}
.featured_thumb img {width: 120px;}
.video_section_thumb {width: 145px;}
.video_section_desc h3 {width: 58%;}
.video_section_desc p {width: 58%;}
.video_section_desc h3 {margin: 10px 0 18px;}
.featured_thumb img {width: 80px;}
}
@media screen and (max-width:996px)
{
.thumb_row {min-height: 96px;}
.featured_thumb {padding: 0px;}
.featured_thumb img{width:82px;transition: all 0.3s;}
.featured_container {height: 60px;}
p.fv_desc_ellipsis {margin: 0px 0 0 5px;transition: all 0.3s;}
.video_section_thumb {width: 100px;}
.video_section_desc p {margin: 0;}
.video_section_desc h3 {margin: 10px 0 0px;}
p.desc_row_ellipsis {height: 225px;}
}
@media screen and (max-width:767px)
{
.thumb_row {min-height: 80px;}
.featured_container {height: auto;}
.featured_thumb img {width: 125px;transition: all 0.3s;}
.featured_desc {width: 75%;transition: all 0.3s;}
p.fv_desc_ellipsis {margin: 21px 0 0 5px;}
.vid-featured-container {padding: 0px 15px;}
.video_item_box .desc_row {margin:0 0 0 10px;float: left;width: 75%;min-height: 75px;}
.thumb_row{float:left;width:auto;}
.thumb_row img {width: 135px;transition: all 0.3s;}
.video_item_box {width: 100%;float: none;padding: 5px;}
.video_section_desc h3 {width: 74%;margin: 10px 0 20px;}
.video_section_desc p {width: 74%;}
.video_section_thumb {width: 140px;}
.targetDivVideo.first {min-height: min-content;}
.targetDivVideo {min-height: min-content;}
}
@media screen and (max-width:526px)
{
.thumb_row {min-height: 56px;}
}
@media screen and (max-width:564px)
{
.video_item_box .desc_row {margin-left: 10px;float: left;width: 63%;min-height: 56px;}
.thumb_row{float:left;width:auto;}
.thumb_row img {width: 88px;}
.video_item_box {width: 100%;float: none;padding: 5px;}
.featured_thumb {padding: 0px;}
.featured_thumb img {width: 85px;transition: all 0.3s;}
.featured_desc {width: 63%;transition: all 0.3s;}
p.fv_desc_ellipsis {margin: 7px 0 0 5px;}
.vid-featured-container {padding: 5px;}
.video_section_desc h3 {width: 63%;margin: 10px 0 0px;}
.video_section_desc p {width: 63%;}
.video_section_thumb {width: 88px;}
.video_modal_con{width:100%;height:auto;}	
}