@charset "utf-8";

/*------------------------------------------------------------------
# [Color codes]
# Grey (text): #7E7E7E
# Red (button) #f60d2b
# */
/*** 1. General Styling & Typography
-------------------------------------------*/

::-webkit-selection {
    background-color: #000;
    color: #ffffff;
}

::-moz-selection {
    background-color: #000;
    color: #ffffff;
}

::selection {
    background-color: #000;
    color: #ffffff;
}

body {
    font-family: 'Lato', sans-serif;
    color: #797986;
}

a,
btn,
.social ul li a,
.btn {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

a:hover {
    color: #333;
    text-decoration: none;
}
a:focus {
	outline: none;
	outline: none;
	outline-offset: 0px;
}

/*.mobile-menu {
	width: 300px;
	height: 100%;
	top: 0;
	z-index: 1000;
	left: -250px;
	background: #222;
	position: fixed;
	border: 1px solid #000;
	background-image: url(https://www.arabianbusiness.com/public/images/2012/03/15/Khalaf-Al-Habtoor.jpg);
	background-repeat: no-repeat;
	background-size: 500px 800;
	background-position: 25%;
	background-blend-mode: overlay;
	padding: 10px;
}*/

@media (min-width: 1200px) {
    .container {
        width: 1170px;
        width: 1280px;
    }
    .left-padding {
        padding-left: 30px;
    }
}

.row-margin {
    margin: 1px
}

.rn_block {
    margin-right: -10px;
    margin-left: -10px;
}

.col-padding {
    padding: 0px
}

.col-padding-1 {
    padding-left: 20px;
    padding-right: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Ubuntu', sans-serif;
    color: #111;
    /*word-spacing: -3px;*/
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #111;
}

p {
    font-family: 'Lato', sans-serif;
    color: #7E7E7E;
    color: #5e5e5e;
    font-weight: 400;
    letter-spacing: .1px;
    margin: 0 0 20px;
}

ul,
li {
    margin: 0;
    padding: 0;
    /*list-style: none;*/
}

.color-1 {
    color: #f60d2b !important
}

.color-2 {
    color: #D91897 !important
}

.color-3 {
    color: #229AD6 !important
}

.color-4 {
    color: #86a821 !important
}

.color-5 {
    color: #fbbc05 !important
}

.color-6 {
    color: #000 !important
}

.bg-color-1 {
    background-color: #f60d2b !important
}

.bg-color-2 {
    background-color: #D91897 !important
}

.bg-color-3 {
    background-color: #229AD6 !important
}

.bg-color-4 {
    background-color: #86a821 !important
}

.bg-color-5 {
    background-color: #fbbc05 !important
}

.bg-color-6 {
    background-color: #000 !important
}

.politics_wrapper .post-editor-date,
.sports-inner .post-editor-date,
.fashion-inner .post-editor-date,
.travel-inner .post-editor-date,
.food-inner .post-editor-date,
.politics-inner .post-editor-date,
.health-inner .post-editor-date,
.recent_news_inner .post-editor-date,
.buisness .post-title-author-details .post-editor-date,
.international .post-title-author-details .post-editor-date {
    margin: 20px 0 15px;
}

.buisness,
.international,
.sports-inner,
.fashion-inner,
.travel-inner,
.food-inner,
.politics-inner,
.health-inner,
.recent_news_inner,
.politics_wrapper,
.articale-inner,
.add_logo,
.footer-box,
.related-news-inner {
    position: relative;
    margin-bottom: 30px;
}

.weekly-news-inner,
.ads,
.banner-add,
.video-inner,
.search-area,
.subscribe-area,
.feed-inner,
.tab-inner,
.vote-inner,
.social,
.RYPP,
.flicker-inner,
.cats-widget,
.latest-comments-inner,
.widget-slider-inner,
.form-area {
    position: relative;
    margin-bottom: 50px;
}
/*chang*/
.search-area{margin-bottom:30px;}
.all-category-inner {
    position: relative;
    margin-bottom: 20px;
}
.post-editor-date a{cursor:default;}

.c-search {
    margin-top: 20px;
}

.subscribe-area{margin-bottom:0px;}

/*** Page Loader
-------------------------------------------*/


/* Paste this css to your style sheet file or under head tag */


/* This only works with JavaScript, 
if it's not present, don't show loader */

.no-js #loader {
    display: none;
}

.js #loader {
    display: block;
    position: absolute;
    left: 100px;
    top: 0;
}

.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/box.gif) center no-repeat #fff;
}


/*** All Category Title
-------------------------------------------*/

.category-headding {
    margin-top: 0px;
    font-size: 18px;
    color: rgb(34, 34, 34);
    text-transform: uppercase;
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    letter-spacing: 0.5px;
}

.headding-border {
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #000;
    margin-bottom: 30px;
}

.headding-border::before {
    position: absolute;
    bottom: -1px;
    width: 50px;
    height: 4px;
    background-color: inherit;
    content: '';
}

.headding-border::after {
    position: absolute;
    bottom: -1px;
    width: 15px;
    height: 4px;
    background-color: inherit;
    content: '';
    left: 53px;
}
/*change*/
.def-bk-clr{
    background-color:#333 !important;
}
.art-bk-clr{
    background-color:#00A0DF !important;
}
.art-txt-clr{
    color:#00A0DF !important;
}

.int-bk-clr{
    background-color:#006097 !important;
}
.int-txt-clr{
    color:#006097 !important;
}
.spe-bk-clr{
    background-color:#F18B2D !important;
}
.spe-txt-clr{
    color:#F18B2D !important;
}
.res-bk-clr{
    background-color:#FFD100 !important;
}
.res-txt-clr{
    color:#FFD100 !important;
}
.video-bk-clr{
    background-color:#683177 !important;
}
.video-txt-clr{
    color:#683177 !important;
}

/*** All Buttons
-------------------------------------------*/

.btn-style {
    color: #FFF;
    background-color: #00A0DF;
    border: 2px solid #00A0DF;
    border-radius: 30px;
    font-weight: 700;
    padding: 8px 25px;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.btn-style:hover {
    border: 2px solid #00A0DF;
    /*background-color: transparent; color: #000;*/
    background-color: #00A0DF;
    color: #fff;
}

.slide .post-badge {
    color: inherit;
    padding: 5px 9px;
    font-size: 12px;
    display: inline-block;
    transition: all .3s;
    text-transform: uppercase;
    position: relative;
    border-radius: 25px;
    letter-spacing: 0.5px;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
}

.meta-info-side .slide .post-badge {
    margin-bottom: 0px;
}

.post-wrapper:hover .post-badge {
    border: 0px solid transparent;
    text-decoration: none;
    padding-right: 110px;
}

.slide .post-badge:after {
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.post-wrapper:hover .post-badge:after {
    margin-left: 2px;
    opacity: 1;
}

.post-wrapper .btn_one:after {
    content: " ASHION";
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.btn_one {
    background-color: #86a821;
}

.slide .btn_two:after {
    content: " RAVELL";
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.btn_two {
    background-color: #ca4335;
}

.slide .btn_three:after {
    content: " PORTS";
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.btn_three {
    background-color: #ff0042;
}

.slide .btn_four:after {
    content: " IFESTYLE";
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.btn_four {
    background-color: #1a1a1a;
}

.slide .btn_five:after {
    content: " USINESS";
    position: absolute;
    margin-left: -10px;
    transition: all .3s;
    opacity: 0;
}

.btn_five {
    background-color: #fbbc05;
}

.slide .btn_six:after {
    content: " ECHNOLOGY";
}

.btn_six {
    background-color: #d91897;
}

.slide .btn_sev:after {
    content: " NTERNATIONAL";
}

.btn_sev {
    background-color: #229ad6;
}

.slide .btn_eight:after {
    content: " EALTH";
}

.btn_eight {
    background-color: #229ad6;
}

.slide .btn_nine:after {
    content: " OLITICS";
}

.btn_nine {
    background-color: #ff0042;
}


/*----------------------------*** ganeral style end ***-------------------------*/


/*** Top Header 
-------------------------------------------*/

header {
    position: relative;
    box-shadow: 0 0 0px rgba(0, 0, 0, .15);
    background-color:#000;
    /*z-index: 10;*/
}

.top_header {
    background-color: #f6f6f6;
    position: relative;
}

.top_header_menu_wrap {
    line-height: 24px;
    z-index: 1000;
    float: left;
}

.top-header-menu {
    list-style: outside none none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

.top-header-menu li {
    display: inline-block;
    position: relative;
    margin-left: 0px;
}

.top-header-menu li a {
    color: #2d3038;
    font-size: 11px;
    margin-right: 0px;
    line-height: 3.6;
    padding: 10px 5px;
    letter-spacing: 0.5px;
    font-weight: 700;
}

.td-header-top-menu a {
    color: #FFF;
}

.top-header-menu li ul li {
    display: block;
}

.top-header-menu li .dropdown-menu {
    min-width: 280px;
    padding: 30px;
    border-width: 1px 0 0;
    border-radius: 0;
    border-color: #f60d2b;
    margin: 0;
}


/*login*/

.top-header-menu li .dropdown-menu .login-inner .form-control {
    border: 0;
    box-shadow: none;
    padding: 6px 0px;
}

.top-header-menu li .dropdown-menu .login-inner label {
    display: block;
    margin: 10px 0;
}

.btn-lr {
    background-color: #fff;
    border-color: #ccc;
    border-radius: 0;
    padding: 5px 25px;
    color: #2d3038;
    font-weight: 700;
    letter-spacing: 1px;
}

.btn-lr:hover {
    background-color: #f60d2b;
    color: #fff;
    border-color: #f60d2b
}

.btn-active {
    background-color: #f60d2b;
    color: #fff;
    border-color: #f60d2b
}

.top-header-menu li .foeget a,
.foeget a {
    color: #f60d2b;
    font-size: 14px;
    font-weight: 500;
}

.top-header-menu li .dropdown-menu .login-inner hr {
    margin: 0;
}


/*login social icon*/

.social_icon {
    width: 100%;
    margin-bottom: 10px;
    -webkit-transition: background-color .2s cubic-bezier(0, 0, .58, 1) 0s;
    -moz-transition: background-color .2s cubic-bezier(0, 0, .58, 1) 0s;
    -o-transition: background-color .2s cubic-bezier(0, 0, .58, 1) 0s;
    transition: background-color .2s cubic-bezier(0, 0, .58, 1) 0s;
}

.social_icon:last-child {
    margin-bottom: 0;
}

.social_icon_box {
    height: 36px;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
    cursor: pointer;
}

.social_icon:hover .social_icon_box {
    background-color: #222;
}

.social_icon .social_icon_box_1 {
    background-color: #516eab;
}

.social_icon .social_icon_box_2 {
    background-color: #29c5f6;
}

.social_icon .social_icon_box_3 {
    background-color: #e14e42;
}

.icon {
    background-image: url(../images/elements.png);
    background-repeat: no-repeat;
    display: inline-block;
    position: relative;
    width: 36px;
    height: 36px;
}

.icon::after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    right: -1px;
    top: 9px;
}

.facebook-icon {
    background-position: -20px -18px;
}

.twitter-icon {
    background-position: -18px -433px;
}

.google-plus-icon {
    background-position: -18px -278px;
}

.social_info {
    padding: 0 0 0 9px;
    position: relative;
    top: -13px;
    color: #fff;
}


/*haeder icon*/

.top_header_icon {
    float: left;
}

.top_header_icon_wrap a {
    color: #2d3038;
    padding: 10px 6px;
    display: inline-block;
    transition: color 0.3s ease 0s;
    font-size: 13px;
}
/*Change*/
.top_header_icon_wrap .fa{
font-size:15px;
padding:0 4px;
}

.top_header_icon_wrap a:hover {
    color: #f60d2b;
    color: #f5f5f5;
}

.top_header_icon_wrap a:nth-child(6) {
    border-right: 1px solid #727272;
}


/*newstricker*/

.newsticker-inner {
    padding: 8px 54px 0 0;
}

.newsticker li a {
    color: #2d3038;
    list-style: none;
    text-overflow: ellipsis;
    font-family: 'Ubuntu', sans-serif;
    overflow: hidden;
}

.newsticker li span {
    margin-right: 5px;
    font-weight: 600;
}

.newsticker-inner a i {
    font-size: 23px;
    position: absolute;
    width: 25px;
    height: 25px;
    line-height: 24px;
    border: 1px solid #d1d1d1;
    vertical-align: middle;
    color: #d1d1d1;
    z-index: 100;
    background-color: transparent;
}

.newsticker-inner #prev-button i {
    right: 44px;
    top: 6px;
}

.newsticker-inner #next-button i {
    right: 15px;
    top: 6px;
}

.newsticker-inner a i:hover {
    background-color: #f60d2b;
    border-color: #f60d2b;
    color: #fff;
}


/* logo & add section */

.top_banner_wrap {
    background-color: #000;
}

.header-logo {
    position: relative;
    margin: 15px  15px 0px;
}

.header-logo img {
    max-height: 150px;
    margin: auto;
}

.header-banner {
    margin: 30px 0px;
}


/*** Navber
-------------------------------------------*/

.navbar {
    position: relative;
    min-height: 40px;
    border-width: 0;
    border-style: solid;
    border-radius: 0px;
    background-color: transparent;
    margin-bottom: 0px;
}

.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}

.navbar-nav > li > a {
    color: #fff;
    font-weight: 700;
    padding-top: 15px;
    padding-bottom: 15px;
    text-transform:uppercase;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
    background-color: #f60d2b;
    border-color: #f60d2b;
    color: #fff;
}

.navbar-nav > li > a > span {
    font-size: 20px;
    font-weight: 600;
    vertical-align: middle;
    line-height: 0;
}

/*chang center align menu*/
.navbar-nav {
  width: 100%;
  text-align: center;
}
.navbar-nav > li {
  float: none;
  display: inline-block;
}
/*chang center align menu*/

/*dropdown*/

.navbar-nav > li > .dropdown-menu {
    margin-top: 10px;
    border-radius: 0;
    min-width: 170px;
    border: 0;
    padding: 0;
    border-top: 1px solid #f60d2b;
}

.dropdown-menu > li > a {
    padding: 8px 15px;
}

.dropdown-menu > li > a:hover {
    background-color: #f60d2b;
    color: #fff;
}

.dropdown-menu > li > a img {
    margin-right: 5px;
}

.dropdown-menu .divider {
    background-color: #E5E5E5;
    height: 1px;
    margin: 8px 15px;
    overflow: hidden;
}


/*dropdown submenu*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: -1px;
    border-radius: 0;
    border: 0;
    padding: 0;
    border-top: 1px solid #f60d2b;
}

.dropdown-submenu:hover .zoomIn {
    display: block;
    -webkit-animation-duration: .50s;
    animation-duration: .50s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.category01 {
    border-bottom: 1px solid #34a853;
}

.category02 {
    border-bottom: 1px solid #ca4335;
}

.category03 {
    border-bottom: 1px solid #229ad6;
}

.category04 {
    border-bottom: 1px solid #ff0042;
}

.category05 {
    border-bottom: 1px solid #86a821;
}

.category06 {
    border-bottom: 1px solid #d91897;
}

.category07 {
    border-bottom: 1px solid #fbbc05;
}

.category08 {
    border-bottom: 1px solid #ca4335;
}

.category09 {
    border-bottom: 1px solid #2b2b2b;
}

.navbar-nav > li > a:focus,
.navbar-nav > li > a:hover {
    color: #00B6FF;
    background-color: transparent;
    border-bottom: 0px solid transparent;
}


/*** mobile menu
-------------------------------------------*/

.mobile-menu-area {
    display: block;
    background: #1f1f1f;
     background: #000; /*change*/
    padding: 15px 0 10px;
}

.mean-container .mean-bar::after {
    color: #ffffff;
    content: "MENU";
    font-size: 18px;
    font-weight: 600;
    left: 5%;
    position: absolute;
    top: 17px;
}

.mobile-menu {
    width: 250px;
    height: 100%;
    top: 0;
    z-index: 1000;
    left: -250px;
    background: #222;
    position: fixed;
    border: 5px solid #333;
    /*background-image: url(https://khalafalhabtoor.net/images/Khalaf-ahmad-al-habtoor-home.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.mobile-menu.mobile-menu-open {
    left: 0px;
}

.mobile-menu {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.sidebar-nav .sidebar-search {
    padding: 30px 15px 10px 15px;
}

.sidebar-nav .sidebar-search .form-control {
    background-color: rgba(255, 255, 255, 0.1);
     background-color: #f5f5f5;
    border: 0;
    border-radius:0;
}

.mobile-menu-btn {
    color: #fff;
    background-color: #00A0DF;
    border-color: #00A0DF;
    border-radius: 25px;
}

.sidebar-nav ul li a {
    font-family: 'Lato', sans-serif;
    color: #fff;
    text-transform:uppercase;
   border-bottom:1px solid rgba(0,0,0,0.5);
}

.sidebar-nav ul li a:focus,
.sidebar-nav ul li a:hover {
    text-decoration: none;
    background-color: transparent;
    color: #00B6FF;
}

.sidebar-nav .arrow {
    float: right;
}

.sidebar-nav .fa.arrow:before {
    content: "\f104";
}

.sidebar-nav .active > a > .fa.arrow:before {
    content: "\f107";
}

.sidebar-nav .nav-second-level li,
.sidebar-nav .nav-third-level li {
    border-bottom: none !important;
}

.sidebar-nav .nav-second-level li a {
    padding-left: 37px;
}

.sidebar-nav .nav-third-level li a {
    padding-left: 52px;
}

.sidebar-nav .social {
    margin-bottom: 0;
    padding: 30px 15px;
    text-align: center;
}

.social ul li {
    border-bottom: 0;
}

.sidebar-nav .social ul li a {
    width: 30px;
    height: 30px;
    padding-top: 6px;
}

.sidebar-nav .social ul li a i {
    font-size: 12px;
}


/* menu icon  */

.nav-icon {
    width: 24px;
    height: 24px;
    position: relative;
    margin: 0 auto;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
}

.nav-icon span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}


/* mobile nav icon */

.nav-icon span:nth-child(1) {
    top: 0px;
}

.nav-icon span:nth-child(2),
.nav-icon span:nth-child(3) {
    top: 8px;
}

.nav-icon span:nth-child(4) {
    top: 16px;
}

.nav-icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.nav-icon.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nav-icon.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nav-icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}


/*** news feed carousel
-------------------------------------------*/

.news-feed .row-margin {
    margin: -1px
}

.news-feed .post-wrapper:nth-child(1) {
    padding-right: 2px
}

.news-feed .post-wrapper:nth-child(5) {
    padding-left: 2px
}

.news-feed .owl-theme .owl-controls {
    margin-top: 0;
    position: absolute;
    top: 45%;
    right: 10px;
}

.owl-theme .owl-controls .owl-page {
    display: block;
    zoom: 1;
}

.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #fff;
}

.news-feed,
.headding-news {
    padding: 50px 0px;
    background-color: #f6f6f6;
    margin-bottom: 50px;
}

.post-wrapper {
    position: relative;
}

.post-wrapper .post-thumb {
    overflow: hidden;
    z-index: 0;
    position: relative;
    margin-bottom: 20px;
     margin-bottom: 10px;
}

.news-feed .post-wrapper .post-thumb {
    margin-bottom: 0;
}

.post-wrapper .post-thumb img {
    width: 100%
}

.post-wrapper .post-thumb a:last-child::before {
    bottom: 0px;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.05)
}

.post-wrapper .post-thumb .entry-thumb {
    width: 100%;
    height: 400px;
    display: block;
}

.post-wrapper .post-thumb .img-thumb {
    width: 100%;
    height: 200px;
}

.post-wrapper .post-info {
    position: absolute;
    bottom: 0px;
    color: #FFF;
    width: 100%;
    padding: 0px 15px;
    font-family: "Open Sans", arial, sans-serif;
    font-size: 11px;
    line-height: 16px;
    margin-bottom: 5px;
}

.post-wrapper .post-title {
    position: relative;
    font-size: 28px;
     font-size: 21px;
    font-weight: 400;
    font-style: normal;
    line-height: 32px;
    margin-bottom: 0px;
    bottom: 9px;
    margin-top: 0px;
}

.post-wrapper .post-title a {
    color: #FFF;
}

.post-author-name,
.post-author-comment {
    display: inline-block;
    margin-right: 3px;
    font-weight: 700;
}

.post-date {
    display: inline-block;
    margin-right: 3px;
    line-height: 1;
    min-height: 17px;
    margin-bottom: 0px;
}

.slide .td_btn {
    color: inherit;
    border: 0px solid;
    padding: 6px 10px;
    font-size: 14px;
    margin-bottom: 35px;
    display: inline-block;
    transition: all .3s;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    border-radius: 4px;
    letter-spacing: 2px;
    font-weight: 600;
}

.meta-info-side .slide .td_btn {
    margin-bottom: 20px;
}

.post-wrapper:hover .td_btn {
    background-color: #229ad6;
    border: 0px solid transparent;
    text-decoration: none;
    padding-right: 90px;
}

.post-wrapper:hover .td_btn:after {
    margin-left: 2px;
    opacity: 1;
}


/*** Recent News
-------------------------------------------*/

.recent_news_inner #content-slide .item img {
    display: block;
    width: 100%;
    height: auto;
}

.owl-theme .owl-controls {
    margin-top: 0;
    position: absolute;
    top: -57px;
    right: 13px;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #ddd;
    color: #666;
    display: inline-block;
    zoom: 1;
    margin: 2px;
    padding: 0;
    font-size: 24px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 0;
    background: #fff;
    filter: Alpha(Opacity=50);
    opacity: 1;
    height: 25px;
    width: 25px;
    border: 1px solid #ddd;
    line-height: 0px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
}
/*chang*/
.owl-theme .owl-controls .owl-buttons div:hover {
	background-color: #F6F6F6;
	color: #555;
	border: 1px solid #F6F6F6;
}

.post-wrapper h3,
.item h3 {
    font-size: 19px;
    line-height: 1.1;
    font-weight: 500;
    margin: 5px 0px 20px;
    margin-bottom:5px;
    /*letter-spacing: -0.5px;*/
}

.post-title-author-details h4,
.post-title-author-details h5 {
    font-weight: 500;
    color: rgb(42, 49, 52);
}

.post-title-author-details h4 {
    font-size: 16px;
}

.post-title-author-details h5 {
    font-size: 14px;
}

.post-editor-date {
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    font-size: 11px;
}

.post-author-comment {
    float: right;
    margin: 0;
}

.post-editor-date .post-author-comment i,
.post-editor-date .post-date i {
    display: inline-block;
    margin-right: 2px;
    font-size: 16px;
    vertical-align: middle;
    font-weight: 700;
}

.post-title-author-details p a,
.post-style2-detail p a {
    color: #229AD6;
    font-style: italic;
}

.rn_block .post-editor-date {
    margin: 0px 0px 20px;
}

.post-title-author-details .post-date {
    display: inline-block;
    margin-right: 15px;
}

.rn_block .padd {
    padding-right: 10px;
    padding-left: 10px;
}

.post-wrapper .meta-info-rn {
    margin-bottom: 10px;
    padding: 0px 10px;
}

.home2-post .date ul {
    margin: 0px 0px 0px;
    font-size: 13px;
    font-family:Lato, sans-serif;
}
.home2-post:hover {
	opacity: 0.9;
}

/*interview*/

.recent_news_inner c.item img {
    display: block;
    width: 100%;
    height: auto;
}

.hp-interview-v-i {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-size: 35px;
	height: 20px;
	top: 50px;
	left: 25px;
	margin-top: -20px;
	text-align: center;
	z-index: 2;
	color: #fff;
	vertical-align: middle;
	line-height: 37px;
}
.hp-interview-v-i::before {
	display: block;
	width: 40px;
	height: 40px;
	/* background-color: rgba(47, 50, 59, .8); */
	border-radius: 50%;
	z-index: -1;
	position: absolute;
	top: 5px;
	left: 5px;
	margin-top: -25px;
	margin-left: -25px;
	/*background-color: #00a0df90 !important;*/
    /*background-color: none !important;*/
	padding-left: 6px;
}
/*** Politics 
-------------------------------------------*/

#content-slide .item,
#content-slide-interview .item,
#content-slide-speech .item,
#content-slide-research .item,
#content-slide-2 .item,
#content-slide-3 .item,
#content-slide-5 .item {
    margin: 0px 15px;
}

.post-padding {
    padding-right: 10px;
    padding-left: 10px;
}


/** Change*/
/*** Search Area
-------------------------------------------*/
@media (max-width:767px) {
    .latest-mobile {
        margin-bottom:15px;
    }
    .mar-bot-mobile{
        margin-bottom:15px;
    }
    .banner-col1{
        margin-bottom:15px;    
    }


.headding-news {
	padding: 15px 0px;
	background-color: #fff !important;
	margin-bottom: 20px;
}
.headding-border{
    margin-bottom:15px !important;
}
.post-wrapper .post-thumb {
	margin-bottom: 0px !important;
}
.video-title-hp{margin-top:10px;}
}


.search-area .form-control {
    border-radius: 0px;
    height: 40px;
    box-shadow: none;
}

.search-area .btn-search {
    color: #fff;
    background-color: #00A0DF;
    border-color: #00A0DF;
    padding: 9px 12px;
}

/*** subscribe Area
-------------------------------------------*/

.subscribe-area .form-control {
    border-radius: 0px;
    height: 40px;
    box-shadow: none;
}

.subscribe-area .btn-search {
    color: #fff;
    background-color: #00A0DF;
    border-color: #00A0DF;
    padding: 9px 12px;
}

/*** Twitter Feed 
-------------------------------------------*/

.feed-inner {
    padding: 30px;
    background: #f6f6f6;
}

.feed-inner a {
    text-decoration: none;
    outline: none;
    color: #000;
    border-bottom: 1px dotted #ff0042;
    padding-bottom: 1px;
    font-size: 16px;
}

.feed-footer {
    position: relative;
    margin-top: 10px;
}

.feed-footer i {
    color: #1dcaff;
    margin-right: 5px;
    font-size: 20px;
}

.feed-footer span {
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: 700;
}

.add-title {
    color: #8D8D8D;
    font-size: 11px;
    text-align: center;
    display: block;
}


/*** Tab 
-------------------------------------------*/

.tab-inner {
    overflow: hidden;
    line-height: 1.5;
    font-weight: 300;
    color: #888;
    -webkit-font-smoothing: antialiased;
    background-color: #f6f6f6;
    padding: 10px 30px;
    margin-bottom: 30px;
}

.tabs {
    display: table;
    position: relative;
    overflow: hidden;
    margin: 0;
    width: 100%;
    padding: 0px;
}

.tabs li {
    float: left;
    line-height: 32px;
    overflow: hidden;
    padding: 0;
    position: relative;
    margin-right: -2px;
    width: 50%;
}

/*chang*/
.tab-100pw{width:100% !important;}

.current a {
	position: relative;
	border-bottom: 0px solid #00A0DF !important;
	color: #111;
}

.tabs a {
    background-color: transparent;
    color: #7E7E7E;
    display: block;
    letter-spacing: 0;
    outline: none;
    padding: 0;
    text-decoration: none;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border: 0;
    font-size: 13px;
    text-align: center;
    font-weight: 700;
}

.tab-item-inner {
    display: none;
}

.tab-inner hr {
    border: none;
    border-top: 1px solid #fff;
    margin: 0px -30px 20px;
}

.tab-item-inner:first-child {
    display: block;
}

.current a {
    position: relative;
    border-bottom: 1px solid #00A0DF;
    color: #111;
}

.box-item {
    position: relative;
    padding-bottom: 20px;
}

.box-item .img-thumb {
    position: absolute;
    left: 0px;
    top: 0px;
}

.td-module-title a {
    color: #111;
}

.box-item .item-details {
    margin-left: 120px;
    min-height: 85px;
}
/*chang*/
.tab-inner .box-item .item-details {
    margin-left: 105px;
    /*min-height: 80px;*/
    min-height:45px;
    width:auto;
}
.top-10-img {
	height: 60px;
}
.top-10video-img {
	width:100%;
    height: auto;
    top:-8px;
    position:relative;  
}
.most-viewed-img-w {
	max-width: 80px;
	height: 42px;
	overflow: hidden;
}
.box-item-most-viewed{
    padding-bottom:5px;
}
.tab-most-viewed-videos{
    display:none;
}

.item-details .sub-category-title {
    font-family: "Lato", sans-serif;
    display: inline-block;
    padding: 4px 8px;
    color: #fff;
    margin: 0px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 1px;
}

.item-details .sub-category-title a {
    color: #fff
}

.box-item .td-module-title {
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    margin-top: 4px;
    margin-bottom: 4px;
}

.tab-inner .box-item .td-module-title {
    font-size: 13px;
    line-height: 16px;
}

.tab-inner .item-details .post-editor-date {
    margin: 0;
    font-size: 10px;
}

.box-item:hover .td-module-title a {
    color: #222;
}


/*** Weekly News & Headding News
-------------------------------------------*/

#content-slide-4 .item {
    margin: 1px;
}

.img-zoom-in img {
    transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
}

.img-zoom-in:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.news-feed .post-info span,
.weekly-news-inner .post-info span,
.headding-news .post-info span {
    margin-bottom: 20px;
    display: block;
    font-size: 12px;
    font-weight: 800;
    font-family: 'Lato', sans-serif;
    text-transform: uppercase;
}

.news-feed .post-title-size,
.weekly-news-inner .post-title,
.headding-news .post-title-size {
    font-size: 16px;
    line-height: 20px;
}

.weekly-news-inner .post-wrapper .post-thumb a:last-child::before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .9) 82%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgba(0, 0, 0, 0)), color-stop(82%, rgba(0, 0, 0, .9)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .9) 82%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .9) 82%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .9) 82%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, .9) 82%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
    
}

.headding-news .post-wrapper .post-thumb a:last-child::before {
  /*  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, .7)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);
      */
  background-color:rgba(0,0,0,0.24);
  cursor:default;
}

.weekly-news-inner .post-wrapper .post-thumb {
    margin: 0;
}

.headding-news .post-wrapper .post-thumb .entry-thumb {
    width: 100%;
    /*height: 199px;*/
    height:185px;
    display: block;
}

.headding-news .post-wrapper .post-thumb .entry-thumb-middle {
    width: 100%;
    /*height: 400px;*/
    height:372px;
    display: block;
}


@media(min-width:768px) and (max-width:768px) {

.headding-news .post-wrapper .post-thumb .entry-thumb-middle {
	width: 100%;
	/* height: 400px; */
	height: 237px !important;
	display: block;
}

}


.news-feed .post-date,
.weekly-news-inner .post-date,
.headding-news .post-date {
    margin-top: 2px;
}

.news-feed .post-author-comment,
.weekly-news-inner .post-author-comment,
.headding-news .post-author-comment {
    float: none;
    margin: 7px 0px 0px 10px;
}

.weekly-news-inner .post-editor-date .post-author-comment i,
.weekly-news-inner .post-editor-date .post-date i {
    color: #f60d2b;
}

.readmore i {
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-repeat: repeat-x;
    background: transparent;
    font-size: 30px;
}
.headding-news .post-grid-1 {
    padding-right: 1px;
    padding-bottom: 2px;
}

.headding-news .post-wrapper .post-thumb {
    margin-bottom: 0;
}

.headding-news .post-grid-0 {
    padding-right: 2px
}

.headding-news .post-grid-2 {
    padding-right: 1px
}

/*.headding-news .post-grid-3 {
    padding: 0px
}*/

.headding-news .post-grid-3 {
    padding-left: 1px;
    padding-bottom: 2px;
}

.headding-news .post-grid-4 {
    padding-left: 1px
}

@media (min-width:1200px) {
    .videolp {
        max-height: 455px;
        overflow: hidden;
    }

    .videolp2 {
        max-height: 228px;
        overflow: hidden;
    }

    .videolpTN {
        /* use if TN has black borders
     margin-top:-30px;
	
    */
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        -moz-transform: scale(1.0);
        -ms-transform: scale(1.0);
        -o-transform: scale(1.0);
    }

    .videolpTN2 {
        /* use if TN has black borders
     margin-top:-30px;
	
    */
        margin-top: -5px;
        transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
    }

    .videolp-play i {
        background: transparent !important;
    }
}

/*** Business, International
-------------------------------------------*/

.buisness .box-item .item-details,
.international .box-item .item-details {
    min-height: 70px;
}


/*** Online Vote
-------------------------------------------*/

.vote-inner {
    padding: 30px;
    background-color: #f6f6f6;
}

.vote-inner .radio-inline {
    color: #2A3134;
    font-weight: 600;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.vote-inner .radio-btn {
    margin: 30px 0;
}

.vote-inner input[type='radio'] {
    -webkit-appearance: none;
    width: 12px;
    height: 12px;
    border: 1px solid #f60d2b;
    border-radius: 50%;
    outline: none;
}

.vote-inner input[type='radio']:hover {
    box-shadow: 0 0 5px 0px orange inset;
}

.vote-inner input[type='radio']:before {
    content: '';
    display: block;
    width: 60%;
    height: 60%;
    margin: 20% auto;
    border-radius: 50%;
}

input[type='radio']:checked:before {
    background: #f60d2b;
}


/*** Social Media
-------------------------------------------*/

.social {
    padding: 0;
    text-align: center;
}

.social ul {
    margin: 0;
    padding: 0;
}

.social ul li {
    list-style: none outside none;
    display: inline-block;
    margin: 5px;
}

.social ul li a {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 60px;
    color: #FFE;
    background-color: #909AA0;
    font-size: 12px;
    text-align: center;
    padding-top: 14px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}

.social ul li a:hover {
    opacity: 0.6;
}

.social ul li a::after {
    content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    bottom: 1px;
    left: -6px;
    margin-bottom: 1px;
    -webkit-transform: rotate(55deg);
    -moz-transform: rotate(52deg);
    -ms-transform: rotate(42deg);
    -o-transform: rotate(42deg);
    border-top-width: 15px;
    border-top-style: solid;
}

.social ul li a.facebook {
    background-color: #3b5998;
}

.social ul li a.facebook::after {
    border-top-color: #3b5998;
}

.social ul li a.twitter {
    background-color: #00ABE3;
}

.social ul li a.twitter::after {
    border-top-color: #00ABE3;
}

.social ul li a.google {
    background-color: #e64522;
}

.social ul li a.google::after {
    border-top-color: #e64522;
}

.social ul li a.flickr {
    background-color: #FF57AE;
}

.social ul li a.flickr::after {
    border-top-color: #FF57AE;
}

.social ul li a.youtube {
    background-color: #c4302b;
}

.social ul li a.youtube::after {
    border-top-color: #c4302b;
}

.social ul li a.vimeo {
    background-color: #4EBBFF;
}

.social ul li a.vimeo::after {
    border-top-color: #4EBBFF;
}

.social ul li a i {
    font-size: 20px;
}

.social a span {
    display: block;
}


/*** Video
-------------------------------------------*/

.video-headding {
    font-size: 16px;
    color: #fff;
    vertical-align: middle;
    padding: 10px 10px;
    background-color: #222;
    font-family: 'Ubuntu', sans-serif;
    font-weight: 400;
}

.RYPP {
    padding-right: 0;
}

.RYPP .RYPP-playlist {
    width: 100%;
    position: static;
    float: left;
}

.RYPP .RYPP-playlist .RYPP-items {
    position: static;
    max-height: 350px;
    overflow: auto;
}

.RYPP .RYPP-playlist > header {
    width: 100%;
    height: 64px;
    padding: 16px 0 0 8px;
    background: #f60d2b;
    border-left: 8px solid #f60d2b;
    border-right: 8px solid #f60d2b;
    border-bottom: 1px solid #f60d2b;
    z-index: 2;
}


/*** Video Post
-------------------------------------------*/

.video-post-inner {
    background-color: #1f1f1f;
    padding: 50px 0 20px;
    color: #fff;
    margin-bottom: 25px;
}

.video-post-inner .category-headding {
    color: #fff;
}

.video-post-inner h3 a {
    color: #fff;
}

.video-post-inner h3 a:hover {
    color: #f60d2b;
}


/*** Article news
-------------------------------------------*/

.cats-widget {
    overflow: hidden;
    background-color: #f8f8f8;
    padding: 30px;
}

.cats-widget ul {
    padding: 0px;
    line-height: 18px;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
}

.cats-widget ul li {
    list-style: outside none none;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-family: 'Ubuntu', sans-serif;
}

.cats-widget ul li a {
    color: #797986;
}

.cats-widget ul li span {
    float: right;
}


/*** Instagran
-------------------------------------------*/

.flicker-inner {
    float: left;
}

.fprojects {
    padding: 0;
    list-style: none;
}

.fprojects li {
    float: left;
    width: 25%;
    list-style: none;
}

.fprojects li .prettyPhoto {
    position: relative;
}

.fprojects li .prettyPhoto img {
    width: 100%;
}

.fp-overlay {
    background-color: rgba(246, 13, 43, 0.6);
    position: absolute !important;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: 19px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: .4s;
    pointer-events: none;
}

.fp-overlay i {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    width: 100%;
    margin-top: -10px;
    transform: rotate(-25deg);
    transition: .4s;
}

.fprojects li div .prettyPhoto:hover .fp-overlay {
    opacity: 1;
    visibility: visible;
    transition: .4s;
}

.fprojects li div .prettyPhoto:hover .fp-overlay i {
    transform: rotate(-0deg);
    transition: .4s;
}


/*** Footer
-------------------------------------------*/

footer {
    background-color: #1f1f1f;
    padding: 50px 0 20px;
    color: #fff;
}

footer .category-headding {
    color: #fff;
}

footer .headding-border,
.video-post-inner .headding-border {
    border-color: #292929;
}

footer hr {
    width: 80%;
    margin-bottom: 50px;
    border-top: 1px solid #292929;
}

footer p {
    font-family: 'Lato', sans-serif;
    color: #7E7E7E;
    color: #ccc;
    font-weight: 400;
    letter-spacing: .1px;
    margin: 0 0 20px;
}

.tag {
    margin: 3px 2px;
    padding: 6px 12px;
    color: #A4A4A4;
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.1);
    font-weight: 600;
    font-size: 12px;
    border-radius: 25px;
}

.tag:hover {
    color: #fff;
    background-color: #f60d2b;
}

.newsletter-inner {
    margin-top: 30px;
}

.newsletter-inner P {
    color: #8C8C8C;
    margin-bottom: 20px;
}

.newsletter-inner .form-control {
    color: #555;
    background-color: transparent;
    border: #333;
    padding: 6px 0px;
    border-radius: 0px;
    box-shadow: none;
    border-style: solid;
    border-width: 0 0 1px 0px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.newsletter-inner .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.footer-box .td-module-title a {
    color: #fff;
    font-weight: 500;
}

.featured-widget .post-editor-date {
    color: #8C8C8C;
}

footer table {
    padding: 0px;
    margin-bottom: 22px;
}

footer table tbody tr td {
    padding: 5px;
}

footer table tbody tr td i {
    color: #f60d2b;
}

footer table tbody tr td a {
    color: #fff;
    font-family: 'Ubuntu', sans-serif;
}

.footer-logo-address address {
    margin: 20px 0;
    color: #8C8C8C;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    font-size: 14px;
    line-height: 30px;
}

footer ul {
    margin: 0px;
    list-style: outside none none;
    box-shadow: none;
    padding: 0px;
}

footer ul li {
    margin-left: 0px;
    line-height: 30px;
    list-style: outside none none;
}

footer ul li a {
    color: #8C8C8C;
    font-weight: 500;
    font-family: 'Lato', sans-serif;
    font-size: 15px;
}

footer ul li .fa {
    color: #8C8C8C;
    font-size: 8px;
    margin-right: 6px;
    vertical-align: middle;
}

footer ul li a:hover {
    color: #fff;
    text-decoration: none;
}

.footer-box .box-item:last-child {
    padding-bottom: 0px;
}


/*sub-footer*/

.sub-footer {
    background-color: #101010;
    position: relative;
}

.sub-footer p {
    color: rgb(255, 255, 255);
    float: left;
    line-height: 68px;
    margin: 0;
}

.sub-footer .social {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0;
    float: right;
}

.sub-footer .social ul li a {
    width: 30px;
    height: 30px;
    padding-top: 7px;
}

.sub-footer .social ul li a::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: 0px;
    left: -4px;
    -webkit-transform: rotate(58deg);
    -moz-transform: rotate(58deg);
    -ms-transform: rotate(58deg);
    -o-transform: rotate(58deg);
    border-top-width: 8px;
}

.sub-footer .social ul li a i {
    font-size: 12px;
}


/*sub-footer end*/


/*back to top*/

#toTop {
    position: fixed;
    bottom: 38px;
    right: 60px;
    cursor: pointer;
    display: none;
    z-index: 10;
}

#toTop.btn-info {
    color: #FFF;
    background-color: #00A0DF;
    border-color: #00A0DF;
    padding: 10px 6px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    font-size: 10px;
    font-weight: 800;
}

#toTop.btn-info .top {
    -webkit-animation: scroll-down 1s infinite;
    -moz-animation: scroll-down 1s infinite;
    -o-animation: scroll-down 1s infinite;
    animation: scroll-down 1s infinite;
    font-size: 15px;
    margin-bottom: 15px;
}

@-webkit-keyframes scroll-down {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-moz-keyframes scroll-down {
    0% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
}

@-o-keyframes scroll-down {
    0% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -o-transform: translateY(10px);
        transform: translateY(10px);
    }
    100% {
        -o-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scroll-down {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(0);
    }
}


/*** Home Page Two
-------------------------------------------*/

.article-post-inner .widget-slider-inner {
    margin-top: 0;
}

.banner {
    margin: 0 0 50px;
}


/*** Details pages one & two css
------------------------------------------------------------------------------*/

.post-thumb {
    position: relative;
}

.post-thumb .social,
.paragraph-padding .social {
    position: absolute;
    top: 50px;
    margin: 0;
    margin-left: -76px;
}

.post-thumb .social ul li,
.paragraph-padding .social ul li {
    display: block;
    margin: 10px 5px;
}

.date ul {
    display: inline-block;
    list-style: none outside none;
    margin: 0px 0px 30px 0px;
    padding: 0px;
    font-size: 13px;
}

.date ul li a,
.date ul li {
    color: rgb(130, 130, 130);
    font-family: Lato;
    letter-spacing: 0.7px;
    transition: all 0.4s ease 0s;
    display: inline-block;
}

.date ul li img {
    height: 25px;
    width: 25px;
    border-radius: 50%;
    margin-right: 5px;
}

.date ul li a span {
    color: #f60d2b;
    font-weight: 600;
}

/*chang*/

article p {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 26px;
}

.unorder-list {
    padding-left: 20px;
}

.unorder-list li {
    font-size: 15px;
    line-height: 40px;
}

.unorder-list li i {
    color: #229AD6;
    margin-right: 5px;
}

.content,
.sidebar {
    margin-top: 50px;
}

.td-category {
    list-style: outside none none;
    font-size: 10px;
    margin-top: 0px;
    line-height: 1;
    margin-bottom: 0px;
}

ul,
ol {
    padding: 0px;
}

.tags {
    margin: 40px 0px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 20px 0 15px;
}

.tags ul {
    margin: 0;
    padding: 0px;
}

.tags ul li {
    display: inline-block;
    margin: 0px 5px 5px 0px;
    line-height: 1;
}

.tags ul li a {
    color: #222;
    background-color: transparent;
    padding: 6px 12px;
    white-space: nowrap;
    display: inline-block;
    font-size: 13px;
    border-radius: 25px;
    border: 1px solid #ddd;
}

.tags ul li a:hover {
    background-color: #f60d2b;
    color: #fff;
    border-color: #f60d2b;
}

.related-news-inner .rn_block {
    padding-top: 0px;
}

.imgright {
    float: right;
    margin-top: 6px;
    margin-left: 24px;
    margin-bottom: 6px !important;
    margin-right: 0px;
    text-align: center;
    max-width: 100% !important;
}

.imgright img {
    height: 450px;
    width: 280px;
}

.editor-title {
    margin: 20px 0px 30px;
}


/*comment form*/

.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 20px 0;
    width: 100%;
    vertical-align: top;
}

.input_field {
    position: relative;
    display: block;
    padding: 0.8em;
    border-radius: 0;
    width: 100%;
    background-color: transparent;
    -webkit-transition: background-color 0.25s, border-color 0.25s;
    transition: background-color 0.25s, border-color 0.25s;
    border: 1px solid #ddd;
    /*-webkit-appearance: none;*/
}

textarea.input_field {
    height: 100px;
}

.input_field:focus {
    outline: none;
}

.input_label {
    display: inline-block;
    float: right;
    color: #696969;
    font-weight: 400;
    font-size: 13px;
    width: 100%;
    text-align: left;
    position: absolute;
    bottom: 100%;
    pointer-events: none;
    overflow: hidden;
    padding: 0 1.25em;
     padding: 0 0.25em;
 /*   -webkit-transform: translate3d(0, 3em, 0);
    transform: translate3d(0, 3em, 0);
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;*/
}

.input_label_content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

.input_label_content {
    color: #8B8C8B;
    color:#5e5e5e;
    padding: 0.25em 0;
    -webkit-transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
}

.input_label_content::after {
    content: attr(data-content);
    position: absolute;
    font-weight: 500;
    bottom: 100%;
    left: 0;
    height: 100%;
    width: 100%;
    color: #f60d2b;
    padding: 0.25em 0;
    letter-spacing: 1px;
    font-size: 13px;
}
input[type="checkbox"], input[type="radio"] {
	margin-right: 10px !important;
}
/*
.input_field:focus + .input_label,
.input--filled .input_label {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.input_field:focus + .input_label .input_label-content,
.input--filled .input_label_content {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
}

.input_field:focus + .input_field,
.input--filled .input_field {
    background-color: transparent;
    border-color: #f60d2b;
}


/*comment box*/

.comments-container {
    margin: 0 0 50px;
}

.comments-container h1 {
    font-size: 36px;
    color: #283035;
    font-weight: 400;
}

.comments-container h1 a {
    font-size: 18px;
    font-weight: 700;
}

.comments-list {
    margin-top: 30px;
    position: relative;
}


/*Lineas / Detalles*/

.comments-list::before {
    content: "";
    width: 1px;
    height: 100%;
    background: #E1E1E1;
    position: absolute;
    left: 32px;
    top: 0px;
}

.reply-list:before,
.reply-list:after {
    display: none;
}

.reply-list li:before {
    content: '';
    width: 60px;
    height: 1px;
    background: #E1E1E1;
    position: absolute;
    top: 25px;
    left: -55px;
}

.comments-list li {
    margin-bottom: 15px;
    display: block;
    position: relative;
}

.comments-list li:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    width: 0;
}

.reply-list {
    padding-left: 88px;
    clear: both;
    margin-top: 15px;
}


/*Avatar*/

.comments-list .comment-avatar {
    width: 65px;
    height: 65px;
    position: relative;
    z-index: 99;
    float: left;
    overflow: hidden;
}

.comments-list .comment-avatar img {
    width: 100%;
    height: 100%;
}

.reply-list .comment-avatar {
    width: 50px;
    height: 50px;
}

.comment-main-level:after {
    content: '';
    width: 0;
    height: 0;
    display: block;
    clear: both;
}


/*Caja del Comentario*/

.comments-list .comment-box {
    width: 88%;
    float: right;
    position: relative;
}

.comments-list .comment-box::before {
    content: "";
    width: 0px;
    position: absolute;
    display: block;
    border-width: 8px 11px 8px 0px;
    border-style: solid;
    border-color: transparent #f6f6f6;
    ;
    top: 10px;
}

.comments-list .comment-box::before {
    left: -11px;
    height: 0;
    z-index: 10;
}

.reply-list .comment-box {
    width: 88%;
}

.comment-box .comment-head {
    background: transparent;
    padding: 10px 12px;
    border: 1px solid #ddd;
    overflow: hidden;
}

.comment-box .comment-head i {
    float: right;
    margin-left: 14px;
    position: relative;
    top: 2px;
    color: #A6A6A6;
    cursor: pointer;
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.comment-box .comment-head i:hover {
    color: #03658c;
}

.comment-box .comment-name {
    color: #283035;
    font-size: 16px;
    float: left;
    margin-right: 10px;
    font-weight: 400;
}

.comment-box .comment-name a {
    color: #283035;
}

.comment-box .comment-head span {
    float: left;
    color: #999;
    font-size: 12px;
    position: relative;
    top: 1px;
}

.comment-box .comment-content {
    background: transparent;
    padding: 12px;
    font-size: 15px;
    color: #595959;
    border-bottom: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.comment-box .comment-name.by-author,
.comment-box .comment-name.by-author a {
    color: #03658c;
}

.comment-box .comment-name.by-author::after {
    content: 'autor';
    background: #03658c;
    color: #FFF;
    font-size: 11px;
    padding: 3px 10px;
    margin-left: 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 25px;
}


/*Quto*/

.qtrotator {
    position: relative;
    margin: 30px 0;
}

.qtrotator .qtcontent {
    border: 1px solid #f4f4f4;
    padding: 2em 0;
    top: 0;
    z-index: 0;
    width: 100%;
    background-color: #f6f6f6;
    border-radius: 100px;
}

.qtcontent.cbp-qtcurrent,
.qtcontent {
    position: relative;
    z-index: 100;
    pointer-events: auto;
    opacity: 1;
}

.qtcontent blockquote {
    padding: 10px 100px;
    margin: 0;
    font-size: 17.5px;
    border-left: 0;
    text-align: center;
    font-style: italic;
    color: #000;
}

.qtcontent blockquote::before,
.qtcontent blockquote::after {
    font-family: serif;
    font-style: normal;
    font-weight: 700;
    position: absolute;
    font-size: 50px;
    color: #fff;
    text-shadow: 0px 5px 6px rgba(0, 0, 0, 0.1);
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #f60d2b;
}

.qtcontent blockquote::before {
    content: '\201F';
    left: 18px;
    top: 20px;
    line-height: 62px;
}

.qtcontent blockquote::after {
    content: '\201E';
    right: 18px;
    bottom: 20px;
    line-height: 15px;
}

.qtcontent blockquote a {
    color: #f60d2b
}


/*details 02*/

.paragraph-padding {
    padding-left: 76px;
    position: relative;
}

.paragraph-padding .social {
    top: 0;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    overflow: hidden;
    margin-top: 30px;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


/*** Category page one, two, three 
------------------------------------------------------------------------------*/

.block-inner {
    background: #f6f6f6;
    padding: 50px 0;
    margin: 0 0 30px;
    text-align: center;
}

.block-inner h1 {
    margin-top: 0;
    letter-spacing: 1px;
    font-weight: 800;
}

.breadcrumbs ul li {
    position: relative;
    display: inline-block;
    font-weight: 600;
}

.breadcrumbs ul li i {
    color: #f60d2b;
    font-weight: 600;
}

.breadcrumbs ul li a {
    color: #797d80;
    font-size: 13px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    letter-spacing: 1px;
}

.breadcrumbs ul li a::before {
    color: #797d80;
    content: "/";
    font-size: 13px;
    position: absolute;
    right: -2px;
    top: 0;
}

.breadcrumbs ul li a:hover {
    color: #f60d2b;
}

.breadcrumbs ul li:last-child a::before {
    display: none;
}

.post-style1 {
    margin: 20px 0 30px;
}

.post-style1 .date ul,
#widget-slider .item .date ul {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
}

.post-style1 .date ul li,
.post-style2 .date ul li {
    vertical-align: middle;
}


/*featured video*/

.featured-video {
    margin: 30px 0;
}

.featured-video a {
    display: block;
    position: relative;
}

.video-img-icon i {
    display: block;
    position: absolute;
    width: 100%;
    font-size: 20px;
     font-size: 40px;
    height: 20px;
    top: 50%;
    left: 0;
    margin-top: -10px;
    text-align: center;
    z-index: 2;
    color: #fff;
    vertical-align: middle;
    line-height: 50px;
}

.video-img-icon i:before {
    display: block;
    width: 50px;
    height: 50px;
    /*background-color: rgba(47, 50, 59, .8);*/
    border-radius: 50%;
    z-index: -1;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
}

.video-img-icon:hover i {
    color: #fff;
}

.video-img-icon:hover i:before {
    /*background-color: #fff;*/
}

.video-img-icon img {
    overflow: hidden;
    width: 100%;
}

.video-img-icon img:hover {
    opacity: 0.9;
}



/** blue circl play button css*/
.video-img-icon i {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-size: 35px;
	height: 20px;
	top: 55%;
	left: 0px;
	margin-top: -20px;
	text-align: center;
	z-index: 2;
	color: #fff;
	vertical-align: middle;
	line-height: 37px;
}

.video-img-icon i::before {
	display: block;
	width: 40px;
	height: 40px;
	/* background-color: rgba(47, 50, 59, .8); */
	border-radius: 50%;
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	/*background-color: #00a0df90 !important;*/
	padding-left: 6px;
}
/** blue circl play button css*/
/*widget slider*/

#widget-slider .item img {
    display: block;
    width: 100%;
    height: auto;
}

#widget-slider.owl-theme .owl-controls {
    position: initial;
    margin-top: 15px;
    text-align: left;
}

#widget-slider.owl-theme .owl-controls .owl-page {
    display: inline-block;
}

#widget-slider.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 25px;
    height: 8px;
    margin: 3px;
    filter: Alpha(Opacity=50);
    opacity: 0.9;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0;
    background: transparent;
    border: 2px solid #000;
}

#widget-slider.owl-theme .owl-controls .owl-page.active span,
#widget-slider.owl-theme .owl-controls.clickable .owl-page:hover span {
    filter: Alpha(Opacity=100);
    opacity: 1;
    background: #f60d2b;
}

#widget-slider.owl-theme .owl-controls .owl-page.active span {
    width: 8px;
}


/*pagination*/

.pagination {
    list-style: none;
    padding: 30px 0;
    display: block;
    text-align: center;
    vertical-align: middle;
    border-width: 1px 0;
    border-style: solid;
    border-color: #e6e6e6;
    margin: 0px 0 50px;
}


.pagination li {
    float: inherit;
    display: inline-block;
    vertical-align: middle;
}

.pagination li a {
    margin: 0 3px;
    padding: 0;
    width: 35px;
    height: 35px;
    line-height: 27px;
    border-radius: 100%;
    background-color: transparent;
    color: #5d5d5d;
    border: 1px solid #e9e9e9;
}

.pagination li a i {
    font-size: 25px;
    vertical-align: middle;
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    border-radius: 50px 0 0 50px;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0 50px 50px 0;
}

.pagination a.active,
.pagination a:active {
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    color: #fff;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {
    color: #fff;
    background-color: #f60d2b;
    border-color: #f60d2b;
}
.pagination-spe{padding: 0px 0 30px 0 !important;}
.pagination-int{padding: 0px 0 30px 0 !important;}
.pagination-res{padding: 0px 0 30px 0 !important;}

.pagination-res:empty{display: none !important;}


/*category css 02*/

.post-style2 {
    display: table;
    margin: 20px 0 30px; 
    width: 100%;
}

.post-style2 .date ul,
.latest-com .date ul {
    margin: 0px 0px 10px 0px;
    font-size: 12px;
}

.post-style2 img,
.latest-com img {
    display: table-cell;
    vertical-align: middle;
}

.post-style2-detail,
.latest-com-detail {
    display: table-cell;
    padding-left: 30px;
    vertical-align: middle;
}

.post-style2-detail h3 {
    margin-top: 0;
}

.post-style2 p {
    margin-bottom: 0;
}

.post-style2 .btn-style {
    padding: 6px 15px;
    font-size: 11px;
    margin-top: 15px;
}


/*latest comments*/

.latest-com {
    margin-bottom: 20px;
}

.latest-com img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.latest-com-detail {
    padding-left: 15px;
}

.latest-com-detail span {
    color: #229AD6;
    font-weight: 600;
    margin: 0 0 5px;
    display: block;
}

.latest-com-detail h5 {
    margin: 0;
}

.latest-com-detail p {
    margin: 0;
}


/*** homepage three style
-------------------------------------------*/


/* heading news section */

.headding-news .post-grid-6 {
    padding-right: 2px;
    padding-bottom: 2px;
}

.headding-news .post-grid-8 {
    padding: 0px
}

.headding-news .post-grid-9 {
    padding-left: 2px;
    padding-bottom: 2px;
}

.headding-news .post-grid-10 {
    padding-left: 2px
}

.headding-news .post-grid-7 {
    padding-right: 0px;
}

.headding-news .post-wrapper .post-thumb .entry-thumb-top {
    width: 100%;
    height: 300px;
    display: block;
}

.headding-news .post-wrapper .post-thumb .entry-thumb-bottom {
    width: 100%;
    height: 250px;
    display: block;
}

.color-f {
    color: #f47d42;
}

.color-l {
    color: #44a80a;
}

.post-thumb img {
    width: 100%;
    max-width:640px;
}


/* youtube player css*/

.width {
    width: 70% !important;
}

.pl {
    width: 30% !important;
}

.pl-itms {
    max-height: 538px !important;
}


/* weekly news area css*/

.left-post ul li {
    background-color: #363636;
    border-bottom: 5px solid #f60b2c;
    padding: 15px;
}

.left-post h3 {
    color: #fff;
    background-color: #F60B2C;
    padding: 10px;
    margin: 0;
}

.left-post ul {
    margin-bottom: 20px;
}

.left-post ul li img {
    margin-top: 15px;
}

.left-post ul li h4 {
    color: #fff;
}

.left-post ul li span {
    color: #fff;
    font-weight: 300;
}


/*** homepage four style
-------------------------------------------*/

.news-feed .post-wrapper .post-thumb .entry-thumb-4 {
    height: auto;
}

#video-post .RYPP .RYPP-playlist .RYPP-items {
    max-height: 200px;
}

#video-post .RYPP .RYPP-playlist ol li {
    padding: 15px 0 12px 20px;
}

#video-post .RYPP .RYPP-playlist ol li > img {
    height: 90px;
    width: 15%;
}

.paddb {
    padding-bottom: 0px;
}


/*** Homepage five style
------------------------------------------------------------------------------*/
.left, .right{
    color:#F60B2C;
}
.left:hover, .right:hover, .left:active, .right:active{
    color:#ddd;
}
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper-1 {
    position: relative;
    padding-bottom: 72.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videoWrapper-1 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.playvideo i {
    color: #F60D2B;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
    opacity: 1;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    background-repeat: repeat-x;
    font-size: 30px;
    z-index: 100;
}

.playvideo i:hover {
    color: #fff;
}

.overlay {
    display: block;
    position: absolute;
    z-index: 20;
    background: rgba(0, 0, 0, 0.8);
    overflow: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.overlay i {
    color: #F60D2B;
    text-align: center;
    margin-left: 5px;
}

a.close-overlay {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 45px;
    height: 45px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #000;
    cursor: pointer;
}

a.close-overlay.hidden {
    display: none;
}

a.expand {
    display: block;
    position: absolute;
    z-index: 100;
    width: 60px;
    height: 60px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}

.expand-1 {
    display: block;
    position: absolute;
    left: 25px;
    top: 25px;
    z-index: 100;
    width: 40px;
    height: 40px;
    border: solid 5px #fff;
    text-align: center;
    color: #fff;
    line-height: 50px;
    font-weight: 700;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px;
}
#featured-video-news .expand-1{
    left: 30px;
}
.img-thumb .overlay i {
    color: #F60D2B;
    text-align: center;
    margin-left: 5px;
    position: absolute;
    left: 5px;
    top: 5px;
}

.slide i {
    color: #F60D2B;
    text-align: center;
    margin-left: 5px;
    position: absolute;
    left: 8px;
    bottom: 4px;
}


/*effects*/

.effects .overlay {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
}

.effects .overlay a.expand {
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

.effects .post-thumb.hover .overlay,
.effects .img-thumb.hover .overlay {
    opacity: 1;
}

.effects .post-thumb.hover .overlay a.expand
{
    top: 50%;
    margin-top: -30px;
    opacity: 1;
}
.effects .img-thumb.hover .overlay .expand-1 {
    top: 50%;
    margin-top: -20px;
    opacity: 1;
}

/*** Archive page one, two, three
------------------------------------------------------------------------------*/

.space {
    height: 20px;
}

.archive-post {
    border: 1px solid #ddd;
    padding: 20px;
    transition: all 2s;
    background-color: #f6f6f6;
    height: 490px;
    margin-bottom: 30px;
}

.archive-post .box-item {
    padding-bottom: 0px;
}

.archive-post hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border-color: #ddd;
    transition: all 2s;
}


/*post 1 color*/

.archive-post-1:hover {
    border: 1px solid #FBBC05;
}

.archive-post-1 .box-item:hover .td-module-title a {
    color: #fbbc05 !important;
}

.archive-post-1:hover hr {
    border-color: #FBBC05;
}


/*post 2 color*/

.archive-post-2:hover {
    border: 1px solid #229AD6;
}

.archive-post-2 .box-item:hover .td-module-title a {
    color: #229AD6 !important;
}

.archive-post-2:hover hr {
    border-color: #229AD6;
}


/*post 3 color*/

.archive-post-3:hover {
    border: 1px solid #D91897;
}

.archive-post-3 .box-item:hover .td-module-title a {
    color: #D91897 !important;
}

.archive-post-3:hover hr {
    border-color: #D91897;
}


/*post 4 color*/

.archive-post-4:hover {
    border: 1px solid #000;
}

.archive-post-4 .box-item:hover .td-module-title a {
    color: #000 !important;
}

.archive-post-4:hover hr {
    border-color: #000;
}


/*post 5 color*/

.archive-post-5:hover {
    border: 1px solid #86a821;
}

.archive-post-5 .box-item:hover .td-module-title a {
    color: #86a821 !important;
}

.archive-post-5:hover hr {
    border-color: #86a821;
}


/*post 6 color*/

.archive-post-6:hover {
    border: 1px solid #f60d2b;
}

.archive-post-6 .box-item:hover .td-module-title a {
    color: #f60d2b !important;
}

.archive-post-6:hover hr {
    border-color: #f60d2b;
}


/*page two*/

.block-inner label {
    display: inline-block;
    max-width: 100%;
    font-size: 16px;
    font-weight: 600;
    color: #111;
    margin: 5px 10px;
}

.block-inner .form-group {
    margin: 30px 0px;
}

.block-inner .form-control {
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857;
    color: #555;
    border: 1px solid #CCC;
    border-radius: 4px;
    width: auto;
}

.block-inner .btn-style {
    border-radius: 4px;
    padding: 6px 25px;
    margin-left: 20px;
    margin-top: -3px;
}

.archive-post-2 h4 {
    margin-top: 0px;
}

.archive-post-2 .post-style2-detail {
    padding-left: 20px;
}

#bm-com-form {
	margin-top: 50px;
}
.comments a {
    color: #FFF !important;
    background-color: #f60d2b;
    min-width: 17px;
    padding: 3px 4px 4px 5px;
    position: relative;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    line-height: 1;
}

.comments a::after {
    position: absolute;
    bottom: -3px;
    left: 0px;
    content: "";
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 3px 3px 0px 0px;
    border-color: #C44C4C transparent transparent;
}


/*** Contact page one & two 
-------------------------------------------*/
.conatctform-w
{
    margin-bottom:25px;
}
.contact-title {
    margin: 60px 0;
    text-align: center;
}

.contact-form-area,
.contact-form-area-2 {
    margin-bottom: 80px;
}

#map {
    width: 100%;
    height: 320px;
    margin: 20px 0;
    border: 15px solid #f6f6f6;
}

.contact-address {
    background-color: #f6f6f6;
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.contact-address h3 {
    margin-top: 0px;
}

.contact-address .top-icon {
    font-size: 60px;
    color: #F70D2B;
}

.contact-title-2 {
    margin: 60px 0;
}

.contact-address-2 {
    padding: 20px;
    text-align: center;
    margin-bottom: 30px;
}

.contact-form-area-2 textarea.input_field {
    height: 240px;
}

.contact-icon-inner {
    border: 1px solid #e9e9e9;
    height: 50px;
    width: 50px;
    padding: 12px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.contact-address-2 .top-icon {
    font-size: 25px;
    color: #F70D2B;
}

.contact-address-2:hover .contact-icon-inner {
    background-color: #F70D2B;
    border-color: #F70D2B;
}

.contact-address-2:hover .top-icon {
    color: #fff;
}


/*** Login & Registration Page
-------------------------------------------*/

.login-reg-inner {
    margin: 70px 0;
}

.login-reg-inner .form-control {
    height: 40px;
    border-radius: 0;
    box-shadow: none;
}

.login-reg-inner .form-control:focus {
    border-color: #f60d2b;
}

.login-reg-inner label {
    font-weight: normal;
    margin: 15px 0 10px;
    display: block;
    font-family: 'Ubuntu', sans-serif;
}

.login-reg-inner label sup {
    color: #f60d2b;
}

.register-form-inner .btn-style {
    float: right;
    margin-top: 20px;
}

.login-reg-inner .foeget a {
    margin: 15px 0;
    display: block;
}

.login-reg-inner .social_icon {
    margin-bottom: 10px;
}


/*** mobile Responsive
-------------------------------------------*/
@media (min-width:768px) and (max-width:991px) {
    .container {
        width: 94%;
        width: 100%;
    }
}
/*@media(min-width:0px) and (max-width:767px) {*/
@media (min-width:0px) and (max-width:991px) {
.h1,
h1 {
font-size: 23px;
}
    .top_header_icon {
        float: left
    }
    .top_header_icon_wrap a {
        padding: 0 6px 3px;
        color: #fff;
    }
    .header-logo {
        margin: 15px 50px;
    }
    /*change*/
    .top_banner_wrap {
        margin-top: 50px;
        margin-top: 49px;
        /*border-top:1px solid rgba(0,0,0,0.9);*/
    }
    .headding-news .post-grid-1,
    .headding-news .post-grid-2,
    .headding-news .post-grid-4
    {
        padding-right: 0;
        padding-bottom: 0;
    }
    .headding-news .post-grid-7 {
        padding-right: 2px;
        padding-bottom: 1px;
    }
    .headding-news .post-grid-8 {
        padding-right: 2px;
        padding-bottom: 2px;
    }
    .headding-news .post-grid-9,
    .headding-news .post-grid-10 {
        padding-left: 0px;
        padding-right: 2px;
    }
    .headding-news .post-wrapper .post-thumb .entry-thumb,
    .headding-news .post-wrapper .post-thumb .entry-thumb-middle {
        height: auto;
    }
    .post-wrapper .post-title {
        font-size: 19px;
        line-height: 21px;
    }
    .post-wrapper .post-thumb .entry-thumb {
        height: auto;
    }
    .post-wrapper .meta-info {
        margin-bottom: 12px;
    }
    .post-wrapper .meta-info-side .post-title {
        font-size: 12px;
    }
    .post-wrapper .meta-info-side {
        margin-bottom: 0px;
    }
    .post-wrapper .meta-info {
        padding: 0px 8px;
    }
    .post-padding {
        padding-right: 5px;
        padding-left: 5px;
    }
    .box-item .item-details {
        margin-left: 110px;
    }
    .tabs a {
        padding: 0px 12px;
        font-size: 12px;
    }
    .buy_content h1 {
        font-size: 23px;
    }
    .buy_content .btn-default {
        font-size: 13px;
        padding: 5px 27px;
    }
    .slide .post-badge:hover {
        padding-right: 80px;
    }
    .slide .post-badge {
        font-size: 11px;
    }
    #toTop {
        bottom: 15px;
        right: 15px;
    }
    .archive-post-2 .post-style2-detail {
        padding-left: 0px;
    }
    .post-style2 img {
        width: 100%;
    }
    .post-style2-detail {
        padding-left: 0;
        display: inherit;
    }
    .latest-com img {
        width: auto;
    }
    .post-style2-detail h3 {
        font-size: 18px;
        margin-top: 15px;
    }
    /*#sticky-sidebar {position: initial;}*/
    .reply-list {
        padding-left: 50px;
    }
    .reply-list li::before {
        width: 18px;
        top: 15px;
        left: -18px;
    }
    .post-thumb .social {
        top: 10px;
        margin-left: 0px;
    }
    .post-thumb .social ul li,
    .paragraph-padding .social ul li {
        margin: 5px;
    }
    .social ul li a {
        width: 30px;
        height: 30px;
        font-size: 10px;
        padding-top: 10px;
    }
    .social a span {
        display: none;
    }
    .social ul li a i {
        font-size: 13px;
    }
    .social ul li a::after {
        border-left: 4px solid transparent;
        border-right: 4px solid transparent;
        left: -4px;
        -webkit-transform: rotate(58deg);
        -moz-transform: rotate(58deg);
        -ms-transform: rotate(58deg);
        -o-transform: rotate(58deg);
        border-top-width: 8px;
    }
    .paragraph-padding {
        padding-left: 38px;
    }
    .paragraph-padding .social {
        top: 0;
        margin-left: -38px;
    }
    .unorder-list {
        padding: 0;
    }
    .date ul,
    .post-style1 .date ul,
    #widget-slider .item .date ul {
        margin: 0px 0px 15px 0px;
        font-size: 11px;
    }
    .qtrotator .qtcontent {
        padding: 0
    }
    .qtcontent blockquote {
        padding: 15px
    }
    .qtcontent blockquote::before,
    .qtcontent blockquote::after {
        display: none;
    }
    .comments-list .comment-avatar {
        width: 30px;
        height: 30px;
    }
    .comment-box .comment-head {
        padding: 4px 12px;
    }
    .comment-box .comment-name {
        font-size: 13px;
    }
    .comment-box .comment-head span {
        font-size: 8px;
    }
    .comment-box .comment-content {
        font-size: 12px;
    }
    .comment-box .comment-head i {
        display: none;
    }
    .sub-footer p {
        float: none;
        line-height: 50px;
        text-align: center;
    }
    .sub-footer .social {
        margin-top: 0;
        margin-bottom: 15px;
        float: none;
    }
    .width {
        width: 100% !important;
    }
    .pl {
        width: 100% !important;
    }
    .arrows {
        position: relative;
        margin: 0 auto;
        width: 96px;
    }
    .arrow-left {
        left: 0;
        top: -20px;
    }
    .arrow-right {
        right: 0;
        top: -20px;
    }
    .videoWrapper-1 {
        padding-bottom: 56.25%;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .h1,
    h1 {
        font-size: 28px;
    }
    p,
    article p {
        font-size: 13px;
    }
    .category-headding {
        font-size: 14px;
    }
    .navbar-nav > li > a {
        font-size: 11px;
        padding: 7px;
        letter-spacing: 0.5px;
        font-weight: 800;
    }
    .dropdown-menu > li > a {
        font-size: 12px;
    }
    .header-logo {
        margin: 15px 20px;
    }
    .header-banner {
        margin: 15px 0px;
    }
    .news-feed,
    .headding-news {
        padding: 30px 0px;
    }
    .post-wrapper .post-thumb .entry-thumb,
    .headding-news .post-wrapper .post-thumb .entry-thumb-middle {
        height: auto;
    }
    .headding-news .post-wrapper .post-thumb .entry-thumb {
        height: auto;
    }
    .headding-news .post-editor-date .readmore {
        display: none
    }
    .post-title-author-details h4 {
        font-size: 13px;
    }
    .politics_wrapper .post-padding,
    .rn_block .padd {
        padding-right: 5px;
        padding-left: 5px;
    }
    .post-wrapper .post-info {
        padding: 0px 10px;
        margin-bottom: 10px;
    }
    .post-wrapper .post-title {
        font-size: 16px;
        line-height: 17px;
    }
    .post-wrapper .meta-info-side .post-title {
        font-size: 13px;
    }
    .post-wrapper h3,
    .item h3 {
        font-size: 17px;
        margin-top: 0;
    }
    .post-author-name a {
        font-size: 11px;
    }
    .post-title-author-details h3 {
        font-size: 16px;
    }
    .post-title-author-details h5 {
        font-size: 12px;
    }
    .post-date {
        font-size: 11px;
    }
    /*.post-style2 img {
        height: 224px;
        width: 200px;
    }*/
    .latest-com img {
        width: 60px;
        height: 60px;
    }
    .post-style2-detail {
        padding-left: 20px;
    }
    .post-style2-detail h3 {
        font-size: 17px;
    }
    .feed-inner {
        padding: 0;
        background: transparent;
    }
    .social ul li {
        margin: 3px;
    }
    .social ul li a {
        width: 45px;
        height: 45px;
        font-size: 10px;
        padding-top: 10px;
    }
    .social ul li a i {
        font-size: 13px;
    }
    .tab-inner {
        background-color: transparent;
        padding: 0;
    }
    .tabs a {
        padding: 0px 8px;
        font-size: 12px;
    }
    .item-details .sub-category-title {
        font-size: 8px;
    }
    .tab-inner .box-item .td-module-title {
        font-size: 11px;
    }
    .video-post-inner .post-style1 h3 {
        font-size: 17px;
    }
    .post-thumb .social,
    .paragraph-padding .social {
        top: 20px;
        margin-left: 0px;
    }
    .unorder-list li {
        line-height: 25px;
        font-size: 13px;
    }
    .paragraph-padding {
        padding-left: 55px;
    }
    .paragraph-padding .post-thumb .social,
    .paragraph-padding .social {
        top: 0px;
        margin-left: -55px;
    }
    .archive .post-style2 img {
        height: auto;
        width: auto;
    }
    .pl-itms {
        max-height: 358px !important
    }
    .videoWrapper-1 {
        padding-bottom: 82.25%;
    }
}

@media(min-width:1024px) and (max-width:1199px) {
    .videoWrapper-1 {
        padding-bottom: 63%;
    }
}

/*************************/
/**CHANGES*/
.ms-i {
	width: 40px;
	position: absolute;
	float: right;
	height: 40px;
	right: 0px;
	z-index: 0;
	color: #fff !important;
	padding: 8px;
	font-size: 22px;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
	background: #00A0DF;
}

.btn-mobile-search {
	width: 40px;
	background: none;
	height: 40px;
	z-index: 1;
	border: 0px;
    background-color:transparent !important;
}
.search-mobile-area{margin-bottom:30px;}
/*latest updates*/
/*.active-menu{color:#f1f1f1 !important;}*/
.active-menu{
    /*border-bottom:2px solid #00A0DF;*/
    color:#00A0DF !important;
}
.btn {
	border-radius: 0px;
}
.txt-clr-w{color:#fff;}

.videolp-play
{
    position:absolute;
    top:20px;
    left:15px;
}
.article-bg-label{background-color:#00A0DF; padding:0px 10px;color:#fff;text-transform:uppercase;cursor:pointer;}
.video-bg-label{background-color:#683177; padding:0px 10px; color:#fff;text-transform:uppercase;}
.speech-bg-label{background-color:#F18B2D; padding:0px 10px; color:#fff;text-transform:uppercase;}
.research-bg-label{background-color:#FFD100; padding:0px 10px; color:#fff;text-transform:uppercase;}
.interview-bg-label{background-color:#006097; padding:0px 10px;color:#fff;text-transform:uppercase;}

.article-bg-label:hover{color:#f5f5f5; }
.video-bg-label:hover{color:#f5f5f5;}
.speech-bg-label:hover{color:#f5f5f5;}
.research-bg-label:hover{color:#f5f5f5;}
.interview-bg-label:hover{color:#f5f5f5;}

.tab-inner {
	overflow: hidden;
	line-height: 1.5;
	font-weight: 300;
	color: #888;
	-webkit-font-smoothing: antialiased;
	background-color: #f6f6f6;
	padding: 10px 30px;
    padding: 10px 15px;
}
.top10title{
font-size: 14px !important;
line-height: 16px;
font-weight: 300 !important;
/*font-family:'Open Sans', sans-serif !important;*/
}

.videolp-play {
	position: absolute;
	top: 10px;
	right: 15px;
	border-radius: 50%;
	/*background-color: rgba(255,255,255,.7);
    background-color: rgba(0,160,223,.5);
    background-color:#00A0DF;*/
	width: 33px;
	height: 33px;
}

.readmore i {
	color: #fff;
	padding-left: 6px;
    line-height:32px;
    font-size:26px;
}

@media(min-width:768px) and (max-width:980px) {
    .navbar-nav > li > a {
        font-size: 11px;
        padding: 6px;
        letter-spacing: 0px;
        font-weight: 800;
    }

    .post-wrapper .post-title {
        font-size: 14px;
        line-height: 17px;
    }

    /*.top-10-img {
        height: 30px;
    }*/

    .tab-inner .box-item .item-details {
        margin-left: 55px;
        /* min-height: 80px; */
        min-height: 45px;
        width: auto;
    }

    .tab-inner {
        font-weight: 300;
        padding: 10px 15px;
    }

    .box-item {
        padding-bottom: 1px;
    }


    .truncate {
        width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        color: #fff;
    }

    .videolp-play {
        position: absolute;
        top: 10px;
        right: 10px;
    }
}

.most-popular {
	margin-top: 0px;
	font-size: 18px;
	color: #222;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
    text-align:center;
}

/*change nivo for youtube popup */
.nivo-lightbox-theme-default a.nivo-lightbox-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.nivo-lightbox-theme-default a.nivo-lightbox-close::before, .nivo-lightbox-theme-default a.nivo-lightbox-close::after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #fff;
}

.nivo-lightbox-theme-default a.nivo-lightbox-close::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.nivo-lightbox-theme-default a.nivo-lightbox-close {
	position: absolute;
	right: 16px;
	top: 16px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
    	opacity: 0.9;
}

.nivo-lightbox-theme-default a.nivo-lightbox-close {
	background: none;
	padding: 0;
}

/* change*/



/*override*/
.video-post-inner .category-headding {
	color: #000;
}
.video-post-inner {
	background-color: #fff;
	padding: 10px 0 20px;
	color: #fff;
	margin-bottom: 20px;
}
.video-post-inner .headding-border {
	position: relative;
	border-bottom: 1px solid #ddd;
	background-color: #000;
	margin-bottom: 30px;
}
.video-title-hp{
    font-size:19px;
    margin-bottom:3px;
}
.dt-video ul li{
color: #683177 !important;
    font-size: 13px;
    font-family:Lato, sans-serif !important; /*'Open Sans' , Lato !important*/
}
.video-post-style1 {
	margin: 0px 0 20px;
}
@media (min-width: 1000px) {
    .video-row-hp .vh-clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .video-row-hp .vh-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}


.date ul li a, .date ul li {
	color: #828282;
	font-family: 'Open Sans' , Lato !important;   
    font-family:'Ubuntu', sans-serif !important;
    font-family:Lato, sans-serif !important; /*'Open Sans' , Lato !important*/
    font-weight:600 !important;
	/*letter-spacing: 0px !important;*/
	transition: all 0.4s ease 0s;
	display: inline-block;
    /*font-size:14px !important;*/
}

.vp-scale 
{
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}
.vp-scale:hover {

   -webkit-transform:scale(1.15); /* Safari and Chrome */
    -moz-transform:scale(1.15); /* Firefox */
    -ms-transform:scale(1.15); /* IE 9 */
    -o-transform:scale(1.15); /* Opera */
     transform:scale(1.15);
     
}

.vp-img-hqdefault {
	margin-left: auto;
	margin-right: auto;
	margin-top: -36px !important;
	overflow: hidden;
}

img.img-center, .img-center img {
	margin-left: auto;
	margin-right: auto;
}

.vp-hqdefault-w {
	max-height: 196px;
	max-width: 357px;
	overflow: hidden;
	position: relative;
	width: 100%;
}

@media (width:200px){
    .vp-hqdefault-w {
        max-height: 189px;
    }
}
@media (width:980px){
    .vp-hqdefault-w {
        max-height: 191px;
    }
    .vp-img-hqdefault {
  margin-top: -32px !important;
}
}
@media (width:768px){
    .vp-hqdefault-w {
        max-height: 190px;
    }
}
@media (max-width:640px){
.vp-hqdefault-w {
  max-height: 264px;
  max-width: 600px;
}
.vp-img-hqdefault {
  margin-top: -45px !important;
}
}
@media (max-width:480px){
.vp-hqdefault-w {
  max-height: 245px;
  max-width: 600px;
}
.vp-img-hqdefault {
  margin-top: -43px !important;
}
}
@media (max-width:414px){
.vp-hqdefault-w {
  max-height: 200px;
  max-width: 600px;
}
.vp-img-hqdefault {
  margin-top: -43px !important;
}
}
@media (max-width:376px){
.vp-hqdefault-w {
  max-height: 185px;
  max-width: 600px;
}
.vp-img-hqdefault {
  margin-top: -34px !important;
}
}
@media (max-width:360px){
.vp-hqdefault-w {
  max-height: 179px;
  max-width: 600px;
}
.vp-img-hqdefault {
  margin-top: -31px !important;
}
}
@media (min-width:1280px) {
    .vp-hqdefault-w {
        max-height: 210px;
        max-width: 400px !important;
        overflow: hidden;
        position: relative;
    }

    .vp-img-hqdefault {
        margin-top: -50px !important;
    }
}


@media (max-width:600px)
{
    .nivo-lightbox-wrap {
	position: absolute;
	top: 15%;
	bottom: 15%;
	left: 5%;
	right: 5%;
}
    .nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
	bottom: -7%;
    background-color:#000;
}
    .nivo-lightbox-theme-default .nivo-lightbox-title {
	font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	background: #000;
	color: #fff;
	padding: 7px 15px;
	border-radius: 0px;
	display: inline-block;
}
}

footer {
	background-color: #000;
	padding: 50px 0 20px;
	color: #fff;
}

.social ul li a {
	width: 32px;
	height: 32px;
	padding-top: 7px;
    background-color:#fff !important;
}
.social ul li a i {
	font-size: 17px;
	margin-left: 7px;
	margin-top: -15px;
	color: #000;
    
}

.social ul li a::after {
	content: "";
	width: 0;
	height: 0;
	 border-left: 0px solid transparent; 
	 border-right: 0px solid transparent; 
	position: absolute;
	bottom: 0px;
	left: 0px;
	margin-bottom: 0px;
	/* -webkit-transform: rotate(55deg); */
	/*-moz-transform: rotate(52deg);
	-ms-transform: rotate(42deg);
	-o-transform: rotate(42deg); */
	/* border-top-width: 15px; */
	/* border-top-style: solid; */
    
}
.footer-h2{
    color:#fff !important;
    font-size:24px;
    margin-top:0px;
}
.text-copyright{
    margin-top:15px;
    margin-bottom:0px;
    text-align:center;
    font-size:12px;
}
.text-white{
    /*color:#fff;*/
}

.m-bot-30{margin-bottom:30px;}

/* Article List Page / OT List Page*/
@media (max-width:640px)
{
.art-card div {
padding:0px;
}
.art-card {
    position:relative;
  margin: 0px;
  background-color: #fff;
  border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  overflow: hidden;
}
.art-card:hover {
  top: -2px;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.art-list-h3, .art-list-date, .art-list-brief
{
    padding-left:10px !important;
    padding-right:10px;
}
    .art-list-brief {
        display: none;
    }
.btn-style-art{
    margin:0 10px 10px 10px;
    float:right;
}
}

.content-page {
	background: #fff;
	padding: 70px 0;
	margin: 0 0 30px;
	text-align: left;
}
.art-list-row{
    margin-bottom:20px;
}
.art-list-h3{
    margin-top:0px;
    font-size:19px;
}
.art-list-date{
    margin-bottom:5px;
    color:#00A0DF;
}
.btn-style-art {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-style-art:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.ot-list-row{
    margin-bottom:20px;
}
.ot-list-h3{
    margin-top:0px;
    font-size:19px;
}
.ot-list-date{
    margin-bottom:5px;
    color:#00A0DF;
}
.btn-style-ot {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-style-ot:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*@media (min-width:768px) and (max-width:1199px) {*/
@media (min-width:768px) and (max-width:991px) {
    .block-inner{
        padding:30px 0px;
    }
    .art-list-brief {
        display:inline-block;
        margin-bottom:5px;
    }

    .art-list-img {
        /*width:100%;*/
        height:auto;
    }
    .art-list-h3{
    margin-top:0px;
    font-size: 17px;
    }
    .btn-style-art{
        margin-top:10px;
    }
    .ot-list-brief {
        /*display:none;*/
    }

    .ot-list-img {
        /*width:100%;*/
        height:auto;
    }
    .ot-list-h3{
    margin-top:0px;
    font-size: 17px;
    }
    .btn-style-ot{
        margin-top:10px;
    }

}
@media (min-width:992px) and (max-width:1199px) {
 .art-list-h3{
    margin-bottom:0px !important;
    }
 .int-list-row p{
margin:0 0 10px!important;
 }
}
@media (max-width:767px){
    .block-inner{
        padding:15px 0px;
    }
    .art-list-h3{
    padding-top:10px;
    }
    .art-list-h3{
    margin-top:0px;
    font-size: 17px;
    }
.hide-on-mobile{
    display:none;
}

    .ot-list-h3{
    padding-top:10px;
    }
    .ot-list-h3{
    margin-top:0px;
    font-size: 17px;
    }
}

.year-out-wrap{ width:100%;background-color:#000; padding:15px; margin-bottom:30px;}
.video-year-list{display:none;}
/*.year-inn-wrap{width:100%; 
display: flex;
flex-wrap:wrap;
justify-content: center;
text-align:center;
}
for last row: column items 
.year-inn-wrap>* { flex: 1 1 auto; }
.year-link{display:inline-block; margin:5px 5px; padding:5px 15px; background-color:#fff;
            text-decoration:none; color:#000;font-size:16px; font-weight:600;
}*/
.active-year{
background-color:#00A0DF !important;
color:#fff !important;
}


#resize {width:340px; padding:20px; border:solid 1px; resize:both; overflow:auto}

.archive-header{
    
    background-color:#000;
    border-bottom:1px solid #f5f5f5;
    margin: 30px 0 0 auto;
}
.archive-header h3 {
	margin-top: 0px;
    margin-bottom: 0px;
	font-size: 18px;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
    text-align:center;
    padding:11px;
}

.year-out-wrap {
  min-width: 100px; 
  background-color: #000;
  padding: 15px;
  margin-bottom: 20px;
}

.year-inn-wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  transform:rotate(180deg);
}

.year-inn-wrap > a {
  flex: 1 1 auto;
  text-align: center;
  transform:rotate(180deg);
}

.year-link {
  display: inline-block;
  margin: 5px 5px;
  padding: 5px 15px;
  background-color: #fff;
  text-decoration: none;
  color: #000 !important;
  font-size: 16px;
  font-weight: 600;
}

.app-banner-w{ float:left; width:100%;background-color:none; padding:0px; margin-bottom:30px; text-align:center; }
.app-banner h3 { margin:0px 0px 10px 0;}
.app-h3 {
	margin-top: 0px;
	font-size: 18px;
	color: #222;
	text-transform: uppercase;
	font-family: 'Lato', sans-serif;
	font-weight: 700;
	letter-spacing: 0.5px;
	text-align: center;
}
.app-banner-col1{float:left; width:50%; padding-right:15px; box-sizing: border-box; background-color:none;}
.app-banner-col2{float:left; width:50%; padding-left:15px; box-sizing: border-box; background-color:none;}
.app-black-img{float:left;width:100%; margin:15px 0 0 0; background-color:#000; }
/*Pager*/
.pagination {
	list-style: none;
	padding: 30px 0;
	display: block;
	text-align: center;
	vertical-align: middle;
	border-width: 0px 0;
	border-style: solid;
	border-color: #e6e6e6;
	margin: 0px 0 20px;
}
ul.gold-pager 
{
    list-style-type:none;
 }
ul.gold-pager li 
{
    padding: 0px;
    margin: 0px;
    text-align:center;
    /*float:left;*/  
    border-right:0px solid #000;                    
    }
ul.gold-pager a 
{	
    padding: 0px 8px 0px 8px;		
    margin-right: 2px;	
    border: 0px solid #ddd;	
    text-decoration: none; 	
    color: #000;
    /*font-family: "Helvetica Neue";*/
    font-size: 17px;
}
ul.gold-pager a:hover, ul.gold-pager a:active 	
{
    /*border:0px solid #85BD1E;background-color: #F1FFD6;*/
    border-right:0px solid #000;
    color: #000;	
    
    /*font-family: "Helvetica Neue";*/
    font-size: 17px;
   padding: 0px 10px 0px 10px;	
    }
ul.gold-pager li.current 	
{
    padding: 0px 10px 0px 10px;	
    margin-right: 0px;	
    border: 0px solid #ccc;	
    font-weight:bold; color: #ccc;
    /*font-family   : "Helvetica Neue";*/
    font-size: 17px;
    border-right:0px solid #B4984E;  
}
ul.gold-pager li.disabled 	
{
    padding: 0px 10px 0px 10px;

    margin-right: 0px;
    border: 0px solid #333;
    color: #ccc;
    /*font-family: "Helvetica Neue";*/
    font-size: 17px;
    margin-bottom:0px;
 }
/*Pager*/


/*Article Details*/
.art-icon-w {float:right; width:50%;text-align:right; margin-bottom:10px;}
.art-icon-w i {font-size:25px; color:#00A0DF;}
.art-icon-w a {padding:5px 10px; cursor:pointer;}
.art-icon-w a:last-child{padding-right:0px;}
.search-highlight{
    background-color:#ff0 !important;
}
.mar-top-0{
    margin-top:0px;
}
.art-det-title {
	margin-top: 0;
    font-size:32px;
}
.art-det-date{
    width:50%;
    display:inline-block;
    margin-bottom:10px;
    font-weight:600;
    color:#00A0DF;
}
.art-det-img{
    margin-bottom:15px;
}
.art-det-img-caption {
	position: absolute;
	bottom: 5px;
	left: 15px;
	color: #fff;
    font-size:10px;
    font-family:'Open Sans';
    opacity:0.6;
}
.art-det-desc ul {
	margin-left: 30px;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
}
.art-tag-selected {
	color: #00A0DF;
	text-decoration: none;
}
.art-tags {
	color: #00A0DF;
	text-decoration: none;
}
.ad-keyword-selected
{
color:#00A0DF;
text-decoration:none;
}


.ui-tooltip, .arrow:after {
background: #fff;
border: 0px solid #f5f5f5;
}
.ui-tooltip {
padding: 10px 20px;
color: #333333;
border-radius: 10px;
/*font-family:arial,"Times New Roman",serif;*/
font-size:10px !important;
text-transform: uppercase;
box-shadow: 0 0 2px #333333;
border-radius:0px;
}
.arrow {
width: 70px;
height: 16px;
overflow: hidden;
position: absolute;
left: 50%;
margin-left: -35px;
bottom: -16px;
}
.arrow.top {
top: -16px;
bottom: auto;
}
.arrow.left {
left: 20%;
}
.arrow:after {
content: "";
position: absolute;
left: 20px;
top: -20px;
width: 25px;
height: 25px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.arrow.top:after {
bottom: -20px;
top: auto;
}

/*form comment*/
.input_field:focus + .input_field, .input--filled .input_field {
	background-color: transparent;
	border-color: #ddd;
}
.input_label_content::after {
	content: attr(data-content);
	position: absolute;
	font-weight: 500;
	bottom: 100%;
	left: 0;
	height: 100%;
	width: 100%;
	color: transparent;
	padding: 0.25em 0;
	letter-spacing: 1px;
	font-size: 13px;
}
.input_field {
	padding: 8px;
}

.com-inp-chbx > label {padding-left:10px; font-weight: 400;}
@media (max-width:500px)
{
.contactus-label.chkbx-lbl.IAgreeSub {
	padding-right: 30px;
}
.com-inp-chbx > label {
	padding-left: 40px;
	font-weight: 400;
	width: 90% !important;
}
input[type="checkbox"], input[type="radio"] {
	margin: 6px 0px 0px 0;
	line-height: normal;
	position: absolute;
}
}
.chkbox-wrapper {
    margin:0px 0px 5px 0px;
}
.captcha-img-w{ margin:0px;}
.captcha-img-input {
	float: left;
	margin-right: 15px;
	width: 32px;
	height: 32px;
}
.mar-00{margin:0px;}
.width50p{float:left; /*width:30%;*/ max-width:100px;}

.validation-sum{color:#cc1040;margin-bottom:20px; padding-left:20px;}
.validation-sum ul li {list-style-type: circle;}
.css-validator {
	display: inline-block;
	color: red;
	min-height: 1px;
	background: green;
	width: 100%;
    display:none;
}

.wrong-captcha {
	color: #cc1040;
	padding-left: 10px;
	margin-top: 11px;
	display: inline-block;
}
.lbl-com-success {
	text-align: center;
	padding: 30px;
	background-color: #f5f5f5;
	text-transform: uppercase;
	display: block;
    font-size:18px;
}

/*comment-list-area*/
.comment-list-area{

}
.comment-row-date {
  font-weight:600;
  margin-bottom:5px;

}
.comment-row-comment {
  margin-bottom:5px;
}
.comment-row-user {
  font-weight:600;
  margin-bottom:5px;
}

/*Modal align middle/center*/

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
@media (max-width:640px){
.modal-dialog {
width:80%;
}
}
@media (min-width:641px) and (max-width:767px){
.modal-dialog {
width:70%;
}
}
/*Modal align middle/center*/


/* INTERVIEW Listing*/


.int-list-row{
    margin-bottom:25px;
}
.int-list-h3{
    margin-top:10px;
    margin-bottom:5px;
    font-size:19px;
}
.int-list-date{
    margin-bottom:5px;
    color:#006097;
    font-weight:600;
    margin-bottom:20px;
}
.int-video-icon{
    position:absolute;
    left:0;
    top:0;
    margin-left:5px;
}
.int-list-img{

}

.btn-style-int {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-style-int:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (min-width:768px) and (max-width:1199px) {
    .block-inner{
        padding:30px 0px;
    }
    .int-list-brief {
        display:none;
    }

    .int-list-img {
        width:100%;
        /*height:auto;*/
    }
    .int-list-h3 {
	margin-top: 10px;
	font-size: 17px;
	margin-bottom: 0px;
}
    .btn-style-int{
        margin-top:10px;
    }
}
@media (max-width:767px){
    .block-inner{
        padding:15px 0px;
    }
    .int-list-h3{
    padding-top:0px;
    }
    .int-list-h3{
    margin-top:10px;
    font-size: 17px;
    }

}

/* interview for full width Page
@media (min-width: 1000px) {
    .int-list-row .int-clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .int-list-row .int-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
    */

/* interview for half width Page*/
@media (min-width: 1000px) {
    .int-list-row .int-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .int-list-row .int-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

/*interview detailed page*/
.int-dp-yt-icon{
    margin:10px 0px 0 0;
}

/*interview Details*/
.int-icon-w {float:right; width:50%;text-align:right; margin-bottom:10px;}
.int-icon-w i {font-size:25px; color:#006097;}
.int-icon-w a {padding:5px 10px; cursor:pointer;}
.int-icon-w a:last-child{padding-right:0px;}

.int-det-title {
	margin-top: 0;
    font-size:32px;
}
.int-det-date{
    width:50%;
    display:inline-block;
    margin-bottom:10px;
    font-weight:600;
    color:#006097;
}
.int-det-img{
    margin-bottom:15px;
}
.int-txt-clr{
    color: #006097 !important;
}
.int-det-img-caption {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #fff;
    font-size:10px;
    font-family:'Open Sans';
    opacity:0.6;
}


/* SPEECH Listing*/


.spe-list-row{
    margin-bottom:20px;
}
.spe-list-h3{
    margin-top:10px;
    margin-bottom:5px;
    font-size:19px;
}
.spe-list-date{
    margin-bottom:5px;
    color:#F18B2D;
    font-weight:600;
    margin-bottom:20px;
}
.spe-video-icon{
    position:absolute;
    left:0;
    top:0;
    margin-left:5px;
}
.spe-list-img{

}

.btn-style-spe {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-style-spe:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (min-width:768px) and (max-width:1199px) {
    .block-inner{
        padding:30px 0px;
    }
    .spe-list-brief {
        display:none;
    }

    .spe-list-img {
        /*width:100%;*/
        height:auto;
    }
    .spe-list-h3{
    margin-top:10px;
    font-size: 17px;
    }
    .btn-style-spe{
        margin-top:10px;
    }
}
@media (max-width:767px){
    .block-inner{
        padding:15px 0px;
        margin:0 0 15px !important;
    }
    .spe-list-h3{
    padding-top:10px;
    }
    .spe-list-h3{
    margin-top:10px;
    font-size: 17px;
    }

}

/* interview for full width Page
@media (min-width: 1000px) {
    .int-list-row .int-clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .int-list-row .int-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
    */

/* SPEECH for half width Page*/
@media (min-width: 1000px) {
    .spe-list-row .spe-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .spe-list-row .spe-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

/*SPEECH detailed page*/
.spe-dp-yt-icon{
    margin:10px 0px 0 0;
}

/*SPEECH Details*/
.spe-icon-w {float:right; width:50%;text-align:right; margin-bottom:10px;}
.spe-icon-w i {font-size:25px; color:#F18B2D;}
.spe-icon-w a {padding:5px 10px; cursor:pointer;}
.spe-icon-w a:last-child{padding-right:0px;}

.spe-det-title {
	margin-top: 0;
    font-size:32px;
}
.spe-det-date{
    width:50%;
    display:inline-block;
    margin-bottom:10px;
    font-weight:600;
    color:#F18B2D;
}
.spe-det-img{
    margin-bottom:15px;
}
.spe-txt-clr{
    color: #F18B2D !important;
}
.spe-det-img-caption {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #fff;
    font-size:10px;
    font-family:'Open Sans';
    opacity:0.6;
}


/* VIDEO Listing*/


.vid-list-row{
    margin-bottom:20px;
}
.vid-list-h3 {
	margin-top: 10px;
	font-size: 19px;
    text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
    margin-bottom:5px;
}
.vid-list-date{
    margin-bottom:5px;
    color:#683177;
    font-weight:600;
    margin-bottom:20px;
}
.vid-video-icon{
    position:absolute;
    right:0;
    top:0;
    margin-right:10px;
}
.vid-img-icon i {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 40px;
	height: 20px;
	top: 50%;
	left: 0;
	margin-top: -10px;
	text-align: center;
	z-index: 2;
	color: #ff0000;
    color:rgba(255,0,0,0.8);
    color:rgba(255,255,255,0.9);
	vertical-align: middle;
	line-height: 50px;
}
.vid-img-icon i::before {
	display: block;
	width: 50px;
	height: 50px;
	background-color: none;
	border-radius: 50%;
	z-index: -1;
	position: absolute;
	top: 58%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
}

/** blue circl play button css*/
.vid-img-icon i {
	display: block;
	position: absolute;
	width: 100%;
	font-size: 20px;
	font-size: 35px;
	height: 20px;
	top: 58%;
	left: 5px;
	margin-top: -20px;
	text-align: center;
	z-index: 2;
	color: #fff;
	vertical-align: middle;
	line-height: 37px;
}

.vid-img-icon i::before {
	display: block;
	width: 40px;
	height: 40px;
	/* background-color: rgba(47, 50, 59, .8); */
	border-radius: 50%;
	z-index: -1;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -25px;
	/*background-color: #00a0df90 !important;*/
	padding-left: 6px;
}
/** blue circl play button css*/
.ytplay{
    /*color:#ff0000;*/
    background-color:transparent;
}
.vid-list-img{

}

.vid-yt-tn-w {
	position: relative;
	overflow: hidden;
	max-height: 190px;
}
.vid-yt-th{
    position:relative;
    top:-38px
}
@media (min-width:1200px) {
    .vid-yt-th{
    position:relative;
    top:-45px
}
}
@media (min-width:992px) and (max-width:1199px) {
    .vid-yt-tn-w {
	max-height: 150px;
}
    .vid-yt-th{
    position:relative;
    top:-30px
}
}
@media (min-width:768px) and (max-width:991px) {
    .vid-yt-tn-w {
	max-height: 200px;
}
    .vid-yt-th{
    position:relative;
    top:-38px
}
}
@media (min-width:640px) and (max-width:767px) {
    .sm-screenx{
        max-width:620px;
        margin-left:auto;
        margin-right:auto;
    }

   .vid-yt-tn-w {
	max-height: 160px;
}
    .vid-yt-th{
    position:relative;
    top:-30px
}
}
@media (min-width:500px) and (max-width:639px) {
    .sm-screenx{
        max-width:620px;
        margin-left:auto;
        margin-right:auto;
    }

   .vid-yt-tn-w {
	max-height: 130px;
}
    .vid-yt-th {
        position: relative;
        top: -25px;
    }
}

    @media (min-width:100px) and (max-width:499px) {
        .sm-screen {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .vid-yt-tn-w {
            max-height: 180px;
        }

        .vid-yt-th {
            position: relative;
            top: -40px;
        }
    }

   @media (width:360px) {
        .sm-screen {
            width: 100%;
            margin-left: auto;
            margin-right: auto;
        }

        .vid-yt-tn-w {
            max-height: 180px;
        }

        .vid-yt-th {
            position: relative;
            top: -32px;
        }
    }

.btn-style-vid {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.btn-style-vid:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (min-width:768px) and (max-width:1199px) {
    .block-inner{
        padding:30px 0px;
    }
    .vid-list-brief {
        display:none;
    }

    .vid-list-img {
        /*width:100%;*/
        height:auto;
    }
    .vid-list-h3{
    margin-top:10px;
    font-size: 17px;
    }
    .btn-style-vid{
        margin-top:10px;
    }
}
@media (max-width:767px){
    .block-inner{
        padding:15px 0px;
    }
    .vid-list-h3{
    padding-top:10px;
    }
    .vid-list-h3{
    margin-top:0px;
    font-size: 17px;
    }

}

/* interview for full width Page
@media (min-width: 1000px) {
    .int-list-row .int-clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .int-list-row .int-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
    */

/* VIDEO for half width Page*/
@media (min-width: 1000px) {
    .vid-list-row .vid-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }

}
@media (max-width: 990px) {
    .vid-list-row .vid-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}



/* RESEARCH Listing*/


.res-list-row{
    margin-bottom:20px;
}
.res-det-desc{
font-size:15px;
line-height:26px;
}
.res-list-h3{
    margin-top:10px;
    font-size:19px;
    padding:10px 10px;
    background-color:#f5f5f5;
    margin-top:0px;
}
.res-list-date{
    margin-bottom:5px;
    color:#006097;
    font-weight:600;
    margin-bottom:20px;
}
.res-video-icon{
    position:absolute;
    right:0;
    top:0;
    margin-right:10px;
}
.res-list-img{
width:100%;
position:relative;
}
.res-list-col{
margin-bottom:15px;
}

.btn-style-res {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.btn-style-res:hover {
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 5px 15px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (min-width:768px) and (max-width:1199px) {
    .block-inner{
        padding:30px 0px;
    }
    .res-list-brief {
        display:none;
    }

    .res-list-img {
        /*width:100%;*/
        height:auto;
    }
    .res-list-h3{
    /*margin-top:10px;*/
    font-size: 17px;
    }
    .btn-style-res{
        margin-top:10px;
    }
}
@media (max-width:767px){
    .block-inner{
        padding:15px 0px;
    }
    .res-list-h3{
    padding-top:10px;
    }
    .res-list-h3{
    /*margin-top:10px;*/
    font-size: 17px;
    }

}

/* Research for full width Page
@media (min-width: 1000px) {
    .res-list-row .res-clear:nth-child(6n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .res-list-row .res-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
    */

/* Research for half width Page*/
@media (min-width: 1000px) {
    .res-list-row .res-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}
@media (max-width: 990px) {
    .res-list-row .res-clear:nth-child(4n)::before {
        content: '';
        display: table;
        clear: both;
    }
}

/*Research detailed page*/
.res-dp-yt-icon{
    margin:10px 0px 0 0;
}

/*Research Details*/
.res-icon-w {float:right; width:50%;text-align:right; margin-bottom:10px; margin-top:5px;}
.res-icon-w i {font-size:25px; color:#006097; color:#00A0DF;}
.res-icon-w a {padding:5px 10px; cursor:pointer;}
.res-icon-w a:last-child{padding-right:0px;}

.res-det-desc ul {
	list-style-type: disc;
}

.res-det-desc ul li{
margin-left:25px;
}

.res-det-title {
	margin-top: 0;
    font-size:32px;
}
.res-det-date{
    width:50%;
    display:inline-block;
    margin-bottom:10px;
    font-weight:600;
    color:#006097;
}
.res-det-img{
    margin-bottom:15px;
}
.res-txt-clr{
    color: #006097 !important;
}
.res-det-img-caption {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #fff;
    font-size:10px;
    font-family:'Open Sans';
    opacity:0.6;
}

.research-detail-image-wrapper{
     display:inline-block;
    float:left;
    width:100%;
    text-align:center;
    margin:0 0 30px 0;
}
.research-detail-image-wrapper > img {
    max-width:350px;
}
.download-research-file{
     width:100%;
    display:inline-block;
    margin:10px auto;
    text-align:center;
    font-weight:600;
    text-transform:uppercase;
    cursor:pointer;
    
}
.form-area-comment{
    float:left;
}



/********************/
/*PROFILE PAGE */

.pro-det-title {
	margin-top: 0;
    font-size:24px;
    text-transform:uppercase;
    font-family: 'Lato', sans-serif;
}
.pro-det-img{
    margin-bottom:15px;
}
.pro-det-img-caption {
	position: absolute;
	bottom: 5px;
	left: 5px;
	color: #fff;
    font-size:10px;
    font-family:'Open Sans';
    opacity:0.6;
}
.pro-det-desc > ul {
	list-style: disc;
	margin-left: 25px;
	margin-bottom: 20px;
}

.pro-det-desc > ul li {
	list-style: disc;
	font-size: 15px;
	line-height: 24px;
}

/*ul ~ p {margin-bottom:10px !important; background:red;}*/
/*.pro-det-desc ul + p {margin-bottom:10px !important; background:green;}*/

.pro-icon-w {float:right; width:50%;text-align:right; margin-bottom:10px;}
.pro-icon-w i {font-size:25px; color:#00A0DF;}
.pro-icon-w a {padding:5px 10px; cursor:pointer;}
.pro-icon-w a:last-child{padding-right:0px;}

@media(max-width:768px){
.pro-icon-w{display:none;}
.pro-det-title {    font-size:20px;}

}
/********************/
/*PROFILE PAGE end*/




/********************/
/*TEST MENU multilevel*/

.multimenu ul {
     list-style: none;
     /*background-color: #444;*/
     text-align: center;
     /*padding: 0;
     margin: 0;*/
}
 .multimenu li {
     /*font-family: 'Oswald', sans-serif;
     font-size: 1.2em;
     line-height: 40px;*/
     text-align: left;
     position: relative; /* added for it's absolute child */
}
 .multimenu a {
     text-decoration: none;
     /*color: #fff;*/
     /*display: block;*/
     /*padding-left: 15px;*/
     /*border-bottom: 1px solid #888;
     transition: .3s background-color;*/
}
 .multimenu a:hover {
     /*background-color: #005f5f;*/
}
 .multimenu a.active {
     /*background-color: #aaa;*/
     /*color: #444;*/
     cursor: default;
}
/* Sub Menus */
 .multimenu li li {
     /*font-size: .8em;*/
     background-color:rgba(0,0,0,0.8);
}
/******************************************* Style menu for larger screens Using 650px (130px each * 5 items), but ems or other values could be used depending on other factors ********************************************/
 @media screen and (min-width: 650px) {
     .multimenu li {
         width: auto;
         border-bottom: none;
         /*height: 50px;*/
         /*line-height: 50px;*/
         /*font-size: 1.4em;*/
         /*display: inline-block;*/
         /*margin-right: -4px;*/
    }
     .multimenu a {
         border-bottom: none;
    }
     .multimenu > ul > li {
         text-align: center;
    }
     .multimenu > ul > li > a {
         /*padding-left: 0;*/
    }
    /* Sub Menus */
     .multimenu li ul {
         position: absolute;
         display: none;
         width: auto;
    }
     .multimenu > ul > li:hover > ul {
         display: block;
    }
     .multimenu li > ul > li:hover ul { /* change hover to nested li */
         display: block; 
    }
     .multimenu li > ul > li ul { /* change position to it's nested parent */
         top: 0;
         right: -100%;
    }
     .multimenu li ul li {
         display: inline-block;
         width:auto;
         min-width:150px;
    }
}
 /********************/

 /**OPEN TALK**/
 .ot-btn-register-w {
	text-align: right;
     width:auto;
     margin:15px 0px 20px 0;
 }

 .ot-btn-register {
	text-align: center;
	background-color: #000;
    background-color:#00A0DF;
	color: #fff;
	padding: 5px 15px;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
	margin: auto;
	color: #FFF;
	background-color: #00A0DF;
	border: 0px solid #00A0DF;
	border-radius: 0px;
	font-weight: 700;
	padding: 8px 25px;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 1px;
}
  .ot-btn-register:hover{
color: #fff;
  }

@media (max-width:600px) {
    #ContentPlaceHolder1_pnlRegisterForm input[type="checkbox"], input[type="radio"] {
        margin: 6px 0px 0px 0;
        line-height: normal;
        position: relative !important;
    }
}

 /**OPEN TALK**/



  /** Search page****/
  .search-result-row{
    margin-bottom:25px;
}
  .searh-record-w{margin:0px 0px 15px 0;}
.searh-record-w span {
	font-size: 26px;
    font-weight:400;
	font-family: 'Ubuntu', sans-serif;
    color:#111;
}

  .search-list-h3{background-color:none;
margin:0px;
font-size:20px;
}

.Article-type-search h3 {
    text-decoration:none;
    cursor:pointer;
    color: #00a0df !important;

}
.Research-type-search h3 {
    text-decoration:none;
    cursor:pointer;
    color: #ffd100 !important;
}
.Speech-type-search h3 {
	text-decoration: none;
	cursor: pointer;
	color: #f18b2d !important;
}
.Interview-type-search h3{
    text-decoration:none;
    cursor:pointer;
    color: #006097 !important;
}
.SearchListDesc{color:#111;color: #5e5e5e; font-family: 'Lato', sans-serif; font-weight: 400;letter-spacing: .1px;}
.hylArticleContainer{text-decoration:none !important;}
.SearchListReadMore{float:right;}

/** Live Streaming*/
.livestreamiframe-w{}
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}




/*Nivo Over right*/

.nivo-lightbox-theme-default .nivo-lightbox-title-wrap {
	bottom: -3.8% !important;
	background: #000;
	padding: 5px;
    padding: 0px;
}
/*Nivo Over right*/

/** Bootstrap print**/
/* Don't print link hrefs */

@media print {
  *,
  *:before,
  *:after {
    background: transparent !important; /** changing tranparent to inherit will inherit actual background colour */
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }


a[href]:after {content: none !important; }
a[href]:after{content:"";}
a[href]:before{content:"";}

.top_banner_wrap {background: #000 !important;}
.block-inner {background: #f6f6f6 !important;}
.year-out-wrap {background: #000 !important;}
.year-link { background: #fff !important;  }
.active-menu{background: #fff !important;  }
.btn {
background-color: #00A0DF !important; 
border-color: #00A0DF !important; 
}

.input_field {border: 1px solid #ccc !important;}
.form-control{border: 1px solid #ccc !important;}

.tab-inner {background-color: #f6f6f6 !important;}
footer {background-color: #000 !important;}
.top_header_icon{display:none;}
}

/** Bootstrap print**/



.most-viewed-w {
   width: 100%;
  border-radius: 12px;
}
.most-viewed-w {
  box-shadow: 0 0 20px -10px rgba(0, 0, 0, 0.4);
}

.most-viewed-i-w {
  border-radius: 0 0 12px 12px;
  padding: 0px;
  display: grid;
  row-gap: 8px;
}
.most-viewed-item {
  display: grid;
  /*grid-template-columns: 1fr 3fr;*/
  grid-template-columns: 100px auto;
  align-items: center;
  padding: 0px 0px 0px 0px;
  margin-bottom:10px;
  overflow: hidden;
  border-radius: 0px;
  /*box-shadow: 0 5px 7px -1px rgba(51, 51, 51, 0.23);*/
  cursor: pointer;

}
.most-viewed-item:hover {
  transform: scale(1.05);
  /*box-shadow: 0 9px 17px 11px rgba(51, 51, 51, 0.18);*/
  border:1px solid #fff;
  background-color:#fff;
}
.most-viewed-item-img {
  max-width: 100%;
  width: 100px;
  border-radius: 0%;
  box-shadow: 0 0 0 0px #ebeef3, 0 0 0 0px #f3f4f6;
}
.most-viewed-item-title {
  color: #555;
  font-weight: 300;
  font-size: 14px;
  
  margin-left: 12px;
  text-align:left;
  font-family:'Ubuntu', sans-serif;
}


/***Philanthropy**/
.cbp-rfgrid {
	margin: 0px ;
	padding: 0px;
	list-style: none;
	position: relative;
	width: 100%;
}

.cbp-rfgrid li {
	position: relative;
	float: left;
	overflow: hidden;
	width: 33.3333%; /* Fallback */
	width: -webkit-calc(100% / 3);
	width: calc(100% / 3);
   padding: 0px 15px 30px 15px;
    padding: 0px 5px 10px 5px;
   
}
.cbp-rfgrid li:nth-child(2n+1){
     /*margin-right: 0px;*/
}
.cbp-rfgrid li a,
.cbp-rfgrid li a img {
	display: block;
	width: 100%;
	cursor: pointer;
}

.cbp-rfgrid li a img {
	max-width: 100%;
}

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div {
	position: absolute;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: rgba(0,0,0,0.2);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
    align-items: center;
    text-align: center;
    opacity: 1;
    margin: 0px 15px 30px 15px;
    margin: 0px 5px 10px 5px;
}


.cbp-rfgrid li a:hover div {
	opacity: 1;
    background-color:rgba(204,16,64,0.7);
    text-shadow: 0px 0px #000000;
    margin: 0px 15px 30px 15px;
    margin: 0px 5px 10px 5px;
}

.cbp-rfgrid li a div h3 {
	width: 100%;
	color: #fff;
     /*text-shadow: 1px 1px #000000;*/
	/*text-transform: uppercase;*/
	font-size: 20px;
	letter-spacing: 1px;
	padding: 0 10px;

}
.by-causelist-gallery-w{
    max-width:1220px;
    margin:0 auto;
       padding-top:0px;
}
.album-causes-list-h3{
font-size: 19px !important;
font-weight:500 !important;
text-shadow: none;
 letter-spacing: 1px;
 color:#fff;
 
}
.album-causes-list-h3-box {
   background-color: #cc1040 !important;
  color: #fff;
  display: inline-block;
  font-size: 30px !important;
  font-weight: 600 !important;
  letter-spacing: 1px;
  margin: 15px 30px 15px 0;
  padding: 10px 15px;
  text-shadow: none;
  /*text-transform: uppercase;*/
}
.album-causes-list-h3-box:hover {
background-color: #60504C !important;
color: #fff;
}
.album-causes-albums-h3{
font-size: 30px !important;
font-weight:500 !important;
text-shadow: none;
 letter-spacing: 0px;
 padding:5px 15px;
 color:#fff;
 margin:0px !important;
}
.album-causes-albums-h4{
font-size: 20px !important;
font-weight:400 !important;
text-shadow: none;
 letter-spacing: 0px;
 padding:5px 15px;
 color:#fff;
 margin:0px !important;
}

.album-causes-albums-h4-cname{
font-size: 20px !important;
font-weight:400 !important;
text-shadow: none;
 letter-spacing: 0px;
 padding:3px 10px;
 color:#00A0DF;
 margin:0px !important;
 text-transform:uppercase;
 position:absolute;
 top:0;
 left:0;
 text-align:left;
 font-size: 14px !important;
font-weight:500 !important;
 color:#fff;
 	top: 10px;
	left: 10px;
	text-align: left;
	font-size: 10px !important;
	font-weight: 500 !important;
	color: #333;
	background: white;
	border-radius: 50px;
}
.album-causes-albums-h4-date
{
font-size: 20px !important;
font-weight:400 !important;
text-shadow: none;
letter-spacing: 0px;
padding:5px 15px;
color:#fff;
margin:0px !important;
font-size: 14px !important;
font-weight:500 !important;

}
.album-list-div {
  flex-direction: column; /* Flex Direction Column */
  justify-content: center; /* Vertically Aligns Content (on flex-direction: column) */
}

.cbp-rfgrid-albums-list a:hover div {
	opacity: 1;
    background-color:rgba(96,80,76,0.8) !important; /* 60504C*/
    background-color:rgba(0,0,0,0.5) !important; 
    text-shadow: 0px 0px #000000 !important;
}

.cause-count {
  bottom: 5px;
  color: #ffffff;
  font-size: 12px !important;
  font-weight: 400;
  position: absolute;
  right: 5px;
  text-shadow: -1px 1px #000000;
  display:none;
}

/*Skew start*/
/*.cbp-rfgrid {
  list-style: outside none none;
  margin: 0 -2%;
  padding: 0;
  position: relative;
  width: 104%;
}
.cbp-rfgrid li {
  float: left;
  overflow: hidden;
  padding: 0;
  position: relative;
  transform: skew(10deg);
  width: calc(100% / 4);
}
.cbp-rfgrid li a:hover div {
  background-color: rgba(204, 16, 64, 0.7);
  opacity: 1;
  text-shadow: 0 0 #000000;
  transform: skew(0deg);
}

.cbp-rfgrid li a div {
  align-items: center;
  background: rgba(71, 163, 218, 0) none repeat scroll 0 0;
  bottom: 0;
  display: flex;
  left: 0;
  opacity: 1;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  transform: skew(0deg);
}
.cbp-rfgrid li a div h3 {
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 0 10px;
  text-transform: uppercase;
  transform: skew(-10deg);
  width: 100%;
}*/
/*
.cbp-rfgrid {
  list-style: outside none none;
  margin: 0 -2.5%;
  padding: 0;
  position: relative;
  width: 105%;
}
.cbp-rfgrid li{
  transform:skew(-15deg)
}
.cbp-rfgrid li a img {
  transform: skew(15deg) scale(1.18);
}
.cbp-rfgrid li a div h3 {
  color: #fff;
  font-size: 20px;
  letter-spacing: 1px;
  padding: 0 10px;
  text-transform: uppercase;
  transform: skew(15deg);
  width: 100%;
}
@media screen and (max-width: 1000px) {
    .cbp-rfgrid {
        margin: 0 -5%;
         width: 110%;
    }
    .cbp-rfgrid li a img {
  transform: skew(15deg) scale(1.3);
}
}
@media screen and (max-width: 550px) {
.cbp-rfgrid {
  margin: 0;
}
.cbp-rfgrid li{
  transform:skew(0deg)
}
.cbp-rfgrid li a img {
  transform: skew(0deg) scale(1);
}
.cbp-rfgrid li a div h3 {
  transform: skew(0deg);

}
}
*/
/*Skew end*/


/* Example for media query: change number of items per row */
@media screen and (max-width: 1400px) {
	.cbp-rfgrid li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 1190px) {
	.cbp-rfgrid li {
		width: 20%; /* Fallback */
		width: -webkit-calc(100% / 3);
		width: calc(100% / 3);
	}
}

@media screen and (max-width: 945px) {
	.cbp-rfgrid li {
		width: 25%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 660px) {
	.cbp-rfgrid li {
		width: 33.3333333%; /* Fallback */
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
	}
}

@media screen and (max-width: 550px) {
	.cbp-rfgrid li {
		width: 50%; /* Fallback */
		width: -webkit-calc(100% / 1);
		width: calc(100% / 1);
	}
}

@media screen and (max-width: 300px) {
	.cbp-rfgrid li {
		width: 100%;
	}
}


/***Philanthropy**/


/* Popup*/
.modalpopup {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display:none;
  opacity: 1;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  background-color:rgba(0,0,0,0.5);


}
.modalpopup > div {
  width: 550px;
  position: relative;
  margin: 10% auto;
  padding: 2px;
  border-radius: 0px;
  border-color:#000;
  background: none;
  color: #333 !important;

}
#openModalpopup img {
  border: 5px solid #fff;
  width: 100%;
}
@media (max-width:768px){
    .modalpopup > div {
  width: 80%;
  position: relative;
  margin: 5% auto;
  padding: 2px;
  border-radius: 0px;
  border-color:#000;
  background: none;
  color: #333 !important;

}
}
.closepopup {
  background: #fff;
  color: #333;
  line-height: 25px;
  position: absolute;
  right: -12px;
  text-align: center;
  top: -10px;
  width: 24px;
  text-decoration: none;
  font-weight: bold;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -moz-box-shadow: 1px 1px 3px #000;
  -webkit-box-shadow: 1px 1px 3px #000;
  box-shadow: 1px 1px 3px #000;
}
.closepopup {
  background: #fff none repeat scroll 0 0;
  border-radius: 12px;
  box-shadow: 1px 1px 3px #000;
  color: #333;
  font-weight: bold;
  line-height: 25px;
  position: absolute;
  right: -23px;
  text-align: center;
  text-decoration: none;
  top: -12px;
  width: 24px;
}
.closepopup:hover {
  background: #00d9ff;
}
.poppuplink{display:none;}
/* Popup*/