/*------------------------------------------------------------------
[Table of contents]

This file include some global style for all components
- quick class
- WIDGET
- HEADER
- FOOTER
- SLIDER
- SHORTCODE
-------------------------------------------------------------------*/

.last-col {
    overflow: hidden !important;
}

.pdn {
    padding: 0 !important;
}

.pdx {
    padding: 3px;
}

.pdm {
    padding: 10px;
}

.pdl {
    padding: 20px;
}

.pdxl {
    padding: 30px;
}

.pdxxl {
    padding: 40px;
}

.ptn,
.pvn,
.pan {
    padding-top: 0 !important;
}

.ptx,
.pvx,
.pax {
    padding-top: 3px !important;
}

.pts,
.pvs,
.pas {
    padding-top: 5px !important;
}

.ptm,
.pvm,
.pam {
    padding-top: 10px !important;
}

.ptl,
.pvl,
.pal {
    padding-top: 20px !important;
}

.ptxl,
.pvxl,
.paxl {
    padding-top: 30px !important;
}

.ptxxl,
.pvxxl,
.paxxl {
    padding-top: 40px !important;
}

.prn,
.phn,
.pan {
    padding-right: 0 !important;
}

.prx,
.phx,
.pax {
    padding-right: 3px !important;
}

.prs,
.phs,
.pas {
    padding-right: 5px !important;
}

.prm,
.phm,
.pam {
    padding-right: 10px !important;
}

.prl,
.phl,
.pal {
    padding-right: 20px !important;
}

.prxl,
.phxl,
.paxl {
    padding-right: 30px !important;
}

.prxxl,
.phxxl,
.paxxl {
    padding-right: 40px !important;
}

.pbn,
.pvn,
.pan {
    padding-bottom: 0 !important;
}

.pbx,
.pvx,
.pax {
    padding-bottom: 3px !important;
}

.pbs,
.pvs,
.pas {
    padding-bottom: 5px !important;
}

.pbm,
.pvm,
.pam {
    padding-bottom: 10px !important;
}

.pbl,
.pvl,
.pal {
    padding-bottom: 20px !important;
}

.pbxl,
.pvxl,
.paxl {
    padding-bottom: 30px !important;
}

.pbxxl,
.pvxxl,
.paxxl {
    padding-bottom: 40px !important;
}

.pln,
.phn,
.pan {
    padding-left: 0 !important;
}

.plx,
.phx,
.pax {
    padding-left: 3px !important;
}

.pls,
.phs,
.pas {
    padding-left: 5px !important;
}

.plm,
.phm,
.pam {
    padding-left: 10px !important;
}

.pll,
.phl,
.pal {
    padding-left: 20px !important;
}

.plxl,
.phxl,
.paxl {
    padding-left: 30px !important;
}

.plxxl,
.phxxl,
.paxxl {
    padding-left: 40px !important;
}

.mtn,
.mvn,
.man {
    margin-top: 0px !important;
}

.mtx,
.mvx,
.max {
    margin-top: 3px !important;
}

.mts,
.mvs,
.mas {
    margin-top: 5px !important;
}

.mtm,
.mvm,
.mam {
    margin-top: 10px !important;
}

.mtl,
.mvl,
.mal {
    margin-top: 20px !important;
}

.mtxl,
.mvxl,
.maxl {
    margin-top: 30px !important;
}

.mtxxl,
.mvxxl,
.maxxl {
    margin-top: 40px !important;
}

.mrn,
.mhn,
.man {
    margin-right: 0px !important;
}

.mrx,
.mhx,
.max {
    margin-right: 3px !important;
}

.mrs,
.mhs,
.mas {
    margin-right: 5px !important;
}

.mrm,
.mhm,
.mam {
    margin-right: 10px !important;
}

.mrl,
.mhl,
.mal {
    margin-right: 20px !important;
}

.mrxl,
.mhxl,
.maxl {
    margin-right: 30px !important;
}

.mrxxl,
.mhxxl,
.maxxl {
    margin-right: 40px !important;
}

.mbn,
.mvn,
.man {
    margin-bottom: 0px !important;
}

.mbx,
.mvx,
.max {
    margin-bottom: 3px !important;
}

.mbs,
.mvs,
.mas {
    margin-bottom: 5px !important;
}

.mbm,
.mvm,
.mam {
    margin-bottom: 10px !important;
}

.mbl,
.mvl,
.mal {
    margin-bottom: 20px !important;
}

.mbxl,
.mvxl,
.maxl {
    margin-bottom: 30px !important;
}

.mbxxl,
.mvxxl,
.maxxl {
    margin-bottom: 40px !important;
}

.mln,
.mhn,
.man {
    margin-left: 0px !important;
}

.mlx,
.mhx,
.max {
    margin-left: 3px !important;
}

.mls,
.mhs,
.mas {
    margin-left: 5px !important;
}

.mlm,
.mhm,
.mam {
    margin-left: 10px !important;
}

.mll,
.mhl,
.mal {
    margin-left: 20px !important;
}

.mlxl,
.mhxl,
.maxl {
    margin-left: 30px !important;
}

.mlxxl,
.mhxxl,
.maxxl {
    margin-left: 40px !important;
}

.wpb_text_column h1,
.wpb_text_column h2,
.wpb_text_column h3,
.wpb_text_column h4,
.wpb_text_column h5,
.wpb_text_column h6 {
    margin-top: 0;
}


/*****************************************************************************************************/


/*                                             WIDGET                                                */


/*****************************************************************************************************/

.widget-logo {
    display: inline-block;
    margin: 10px 0 5px;
}

.widget-logo img {
    display: block;
    max-width: 100%;
    height: 100%;
}

.widget-logo.style-2 {
    font-size: 30px;
}

.bold-text {
    font-weight: bold;
}

.light-text {
    font-weight: 300;
}

.topbar-social li {
    padding: 0;
}

.topbar-social li:last-child > a {
    margin-right: 0;
}

.topbar-social li > a {
    color: #333;
    display: inline-block;
    padding: 10px;
    line-height: 18px;
    margin-right: 1px;
    background-color: #e8e8e8;
    -webkit-transition: 0.5s background-color;
    -moz-transition: 0.5s background-color;
    -ms-transition: 0.5s background-color;
    -o-transition: 0.5s background-color;
    transition: 0.5s background-color;
}

.topbar-social li > a:hover {
    color: #ffffff;
}

.topbar-social li > a:hover.icon-google-plus {
    background-color: #dd4b39;
}

.topbar-social li > a:hover.icon-twitter {
    background-color: #00aced;
}

.topbar-social li > a:hover.icon-facebook {
    background-color: #3b5998;
}

.topbar-social li > a:hover.icon-pinterest {
    background-color: #670f13;
}

.topbar-social li > a:hover.icon-dribbble {
    background-color: #ea4c89;
}

.topbar-social li > a:hover.icon-instagram {
    background-color: #125688;
}

.topbar-search .search-form {
    padding: 1px 0 0;
    margin-bottom: 0;
    position: relative;
}

.topbar-search .search-form input {
    width: 200px;
    border: 0;
    border-radius: 0;
    background-color: #e8e8e8;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.topbar-search .search-form input:focus {
    width: 300px;
    box-shadow: none;
}

.topbar-search .search-form input i {
    cursor: pointer;
}

.topbar-search .search-form input::-webkit-input-placeholder {
    font-style: italic;
}

.topbar-search .search-form input:-moz-placeholder {
    font-style: italic;
}

.topbar-search .search-form input::-moz-placeholder {
    font-style: italic;
}

.topbar-search .search-form input:-ms-input-placeholder {
    font-style: italic;
}

.topbar-search .search-form i {
    cursor: pointer;
    position: absolute;
    right: 0;
    padding: 10px;
}

.header-topbar .dropdown-language a {
    padding: 9px 10px 8px;
    line-height: 17px;
    display: inline-block;
    background-color: #e5e5e5;
    margin-right: 1px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.header-topbar .dropdown-language .dropdown-menu a {
    display: block;
    background-color: #ffffff;
}

.header-topbar .dropdown-language a:hover {
    background-color: #efefef;
}

.header-topbar .dropdown-login-wrap .dropdown-toggle {
    padding: 9px 10px 8px;
    line-height: 17px;
    display: inline-block;
    background-color: #e5e5e5;
    color: #737373;
    margin-right: 1px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.header-topbar .dropdown-login {
    padding: 20px;
}

.header-topbar .dropdown-login a {
    padding: 9px 10px 8px;
    line-height: 17px;
    display: inline-block;
    background-color: #e5e5e5;
    color: #737373;
    margin-right: 1px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.input-icon {
    position: relative;
}

.input-icon.right > i {
    right: 8px;
    float: right;
}

.input-icon > i {
    color: #333333;
    display: block;
    position: absolute;
    margin: 8px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.topbar-left .latest-news {
    min-width: 600px;
}

.header-logo-left .header-info .block-info {
    text-align: left;
}

.header-logo-right .header-info .col-md-4 {
    float: right;
}


/* Social group */

.footer-social ul > li > a:hover {
    background-color: #111111;
}


/* Tags */

.tags-list a {
    color: #999999;
    border-color: #999999;
}

.tags-list a:hover {
    border-color: #737373;
    background-color: #737373;
    color: #ffffff;
}

.weather-info {
    color: #737373;
    height: 34px;
    line-height: 34px;
    text-align: right;
}

.weather-info .fa-circle {
    font-size: 5px;
    margin: 0 15px;
    vertical-align: middle;
}

.weather-info #rain {
    width: 35px;
}

.most-poppular-widget {
    overflow: hidden;
}

.most-poppular-widget .media {
    margin: 0;
}

.most-poppular-widget .media .caption .title {
    font-size: 16px;
    line-height: 24px;
}

.most-poppular-widget .owl-prev,
.most-poppular-widget .owl-next {
    top: 50%;
    height: 90px;
    line-height: 80px;
    margin-top: -45px;
    font-size: 40px;
    z-index: 10;
}

.most-poppular-widget .owl-prev {
    left: -30px;
}

.most-poppular-widget .owl-next {
    right: -30px;
}

.most-poppular-widget:hover .owl-prev {
    left: 0px;
}

.most-poppular-widget:hover .owl-next {
    right: 0px;
}


/**********************/


/*    GLOBAL STYLE    */


/**********************/

.shw-shortcode,
.shw-widget,
div[class*="swlabs-sc"] {
    margin-bottom: 40px;
    border-width: 0;
}

.mega-menu .tab-pane .shw-widget {
    margin-bottom: 20px;
}

.mega-menu .tab-pane .owl-controls {
    margin-bottom: 40px;
}

.footer .shw-shortcode,
.footer .shw-widget,
.footer div[class*="swlabs-sc"] {
    margin-bottom: 20px;
}

.social-counter div[class*="swlabs-sc"] {
    margin-bottom: 0;
}

.content .wpb_row .shw-shortcode:last-child,
.content .wpb_row .shw-widget:last-child {
    margin-bottom: 0;
}

.title {
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    display: block;
    position: relative;
}

.title:hover {
    color: #a3a3a3;
}

.btn-readmore {
    border: 1px solid #555555;

    color: #ffffff;
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
    border-radius: 0;
    background-color: #555555;
    border-color: #555555;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.info {
    color: #adadad;
    font-style: italic;
    position: relative;
    margin-bottom: 10px;
}

.info span.fa-circle {
    font-size: 5px !important;
    margin: 0 10px;
    vertical-align: middle;
}

.info span,
.info a,
.info p {
    font-size: 12px;

    color: #adadad;
    word-break: break-all;
}

.info.info-style-3 {

}

.info .item {
    margin-right: 12px;
    color: #adadad;
    display: inline-block;
    position: relative;
}

.info.info-style-3 .item .style-icon:first-child:before {
    font-family: "FontAwesome";
    padding-right: 5px;
    font-style: normal;
}

.info .category .style-icon:first-child:before {
    content: "\f07c";
}

.info .category .style-icon:last-child:after {
    content: "";
}

.info .category .style-icon:after {
    content: ',';
    padding-right: 3px;
}

.info .tag .style-icon:first-child:before {
    content: "\f02c";
}

.info .tag .style-icon:last-child:after {
    content: "";
}

.info .tag .style-icon:after {
    content: ',';
    padding-right: 3px;
}

.info .date-created .style-icon:first-child:before {
    content: "\f017";
}

.info .author .style-icon:first-child:before {
    content: "\f007";
}

.info .comments .style-icon:first-child:before {
    content: "\f086";
}

.info .like .style-icon:first-child:before {
    content: "\f087";
}

.info .views .style-icon:first-child:before {
    content: "\f06e";
}

.info.info-style-1 .item {
    margin-right: 0;
}

.info.info-style-1 .item .style-icon {
    position: relative;
    padding-left: 12px;
    margin-left: 10px;
}

.info.info-style-1 .item:first-child .style-icon,
.info.info-style-1 .item:first-child a {
    padding-left: 0;
    margin-left: 0 !important;
}

.info.info-style-1 .category a,
.info.info-style-1 .category:first-child a {
    padding: 3px 5px;
    background: #b3b3b3;
    color: #fff;
}

.info.info-style-1 .item .style-icon:first-child:before {
    font-family: "FontAwesome";
    position: absolute;
    content: "\f111";
    left: 0;
    font-size: 5px;
    line-height: 20px;
    font-style: normal;
}

.info.info-style-1 .comments .style-icon:first-child:before {
    content: "\f086";
    font-size: 12px;
}

.info.info-style-1 .views .style-icon:first-child:before {
    content: "\f06e";
    font-size: 12px;
}

.info.info-style-1 .comments .style-icon:first-child,
.info.info-style-1 .views .style-icon:first-child {
    padding-left: 18px;
}

.info.info-style-1 .item:first-child .style-icon:first-child:before,
.info.info-style-1 .item:first-child a:first-child:before {
    display: none !important;
}

.info.info-style-1 .category.item .style-icon:after,
.info.info-style-1 .category.item a:after {
    display: none;
}

.info.info-style-1 .category.item .style-icon,
.info.info-style-1 .category.item a {
    margin-right: 5px;
    margin-left: 0;
    padding: 3px 5px;
    position: relative;
    word-break: break-word;
    display: inline-block;
    margin-bottom: 5px;
}

.info.info-style-1 .category.item a:first-child:before {
    font-family: "FontAwesome";
    position: absolute;
    content: "\f111";
    left: -14px;
    top: 40%;
    font-size: 5px;
    line-height: 1;
    font-style: normal;
    color: #adadad;
}

.info.info-style-1 .category.item .style-icon:first-child,
.info.info-style-1 .category.item a:first-child {
    margin-left: 20px;
}

.info.info-style-1 .category.item .style-icon:first-child:before {
    left: -14px;
}


/*.info.info-style-1 .category.item .style-icon:last-child,
.info.info-style-1 .category.item a:last-child{
  margin-right: 0;
}*/

.section-name {
    border-top: 2px solid #333;
    padding-top: 10px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    line-height: 25px;
    color: #333333;
}

header .section-name {
    border-top: 0px none;
    padding-top: 0px;
    color: #ccc;
}

.section-name a {
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    font-weight: bold;

    color: #333333;
}

.section-name .icon-right a {
    font-size: 14px;
    color: #737373;
    margin-right: 10px;
}

.section-name .style-tabs {
    border: none;
}

.section-name .style-tabs li a {
    font-size: 15px;

    font-weight: 500;
    line-height: 25px;
    padding: 0 15px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #a3a3a3;
    border: none;
}

.section-name .style-tabs li a:hover {
    background-color: transparent;
    border: none;
    color: #333333;
}

.section-name .style-tabs li.active > a {
    color: #333333;
    border: none;
    background-color: transparent;
}

.section-name .style-tabs .dropdown-menu-tab {
    left: auto;
    right: 0;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.3);
    top: 115%;
}

.section-name .style-tabs .open > a,
.section-name .style-tabs .open > a:focus,
.section-name .style-tabs .open > a:hover {
    background-color: transparent;
}

.section-name .btn-slider .btn-slider-left,
.section-name .btn-slider .btn-slider-right {
    display: inline-block;
    width: 27px;
    height: 27px;
    background-color: #333333;
    color: #fff;
    text-align: center;
    margin: 0 1px;
    padding: 0px 0px 2px 0px;
    cursor: pointer;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.section-name .btn-slider .btn-slider-right {
    padding-left: 1px;
}

.section-name .btn-slider .btn-slider-left:hover,
.section-name .btn-slider .btn-slider-right:hover {
    background-color: #000;
}

.section-content {
    width: 100%;
    height: 100%;
}

.video-gallery-small {
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.video-gallery-small .heading {
    margin-bottom: 15px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
}

.video-gallery-small .box-video-gallery {
    position: relative;
}

.video-gallery-small .box-video-gallery .caption-video-gallery {
    margin-top: 15px;
}

.pagination-box {
    margin-top: 30px;
    float: left;
    width: 100%;
}

.row .style-1 > * > .pagination-box {
    padding-left: 15px;
    padding-right: 15px;
}

.row div.style-1[class*="col-"] > * > .pagination-box {
    padding-left: 0;
    padding-right: 0;
}

.col-sm-12 > * > .pagination-box {
    padding-left: 0;
    padding-right: 0;
}

.pagination-box .pagination,
.pagination {
    margin: 0;
    float: left;
}

.pagination-box .pagination li {
    display: inline-block;
    margin-right: 6px;
}

.pagination-box .pagination li a,
.pagination-box .pagination li a,
.pagination > li > span.current,
.pagination-box .pagination > li > span.dots {
    line-height: 1;
    text-decoration: none;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0 !important;
    height: 30px;
    width: 30px;
    padding: 6px 0 6px;
    text-align: center;
    line-height: 18px;
    transition: all 0.3s ease-in-out;
}

.pagination-box .pagination li.active a,
.pagination-box .pagination li:hover a,
.pagination-box .pagination li:hover a,
.pagination > li > span.current {
    background-color: #333;
    border-color: #333;
    color: #fff;
}

.pagination-box .result-count {
    float: right;
    line-height: 30px;
}

.banner-adv-728x90 {
    display: block;
}

.banner-adv-728x90.center img {
    margin: 0 auto;
    display: block;
    max-width: 728px;
    width: 100%;
}

.banner-adv-300x250,
.banner-adv-300x680 {
    padding: 0px 30px;
    max-width: 360px;
    margin: 0 auto;
    width: 100%;
}

.breaking-news {
    line-height: 34px;
    margin-bottom: 20px;
}

.breaking-news label {
    font-weight: bold;

    margin-right: 0;
    margin-bottom: 0;
}

.breaking-news ul li a {
    color: #333333;
}

.breaking-news .col-lg-2,
.breaking-news .col-md-3 {
    padding-right: 0;
}

.infomation-vertical .media {
    margin-top: 15px;
}

.infomation-vertical .media:first-child {
    margin-top: 0;
}

.bg-gray {
    background-color: #f6f6f6;
    padding-top: 30px;
}

.widget_custom_menu_widget-1 ul {
    padding-left: 0;
    list-style: none;
}

.widget_custom_menu_widget-1 ul > li > a::before {
    content: "\f0da";
    margin-right: 15px;
    color: #656565;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}


/**********************/


/*  END GLOBAL STYLE  */


/**********************/


/*****************************************************************************************************/


/*                                             HEADER                                                */


/*****************************************************************************************************/

.margin-bottom-title {
    margin-bottom: 20px !important;
}

.header-light {
    background-color: #fff;
}

.header-topbar {
    position: relative;
    width: 100%;
    height: 35px;
    padding: 0;
    background-color: #f1f1f1;
}

header .dropdown-basic .dropdown-menu {
    padding: 0;
}

header .dropdown-basic .dropdown-menu.dark li .tag-hover {
    border-color: rgba(255, 255, 255, 0.1);
    padding: 10px 15px 10px 15px;
}

.container {
    display: block !important;
}

.hidden-responsive {
    display: inline;
}

.hidden-responsive2 {
    display: none !important;
}

.topbar-links ul li:before {
    padding: 0 10px;
}

.topbar-social > ul {
    margin: 0;
}

.topbar-social > ul > li {
    padding: 0;
}

.topbar-social > ul > li:last-child > a {
    margin-right: 0;
}

.topbar-social > ul > li > a {
    padding: 9px 10px;
    line-height: 18px;
    display: inline-block;
    background-color: #e8e8e8;
    color: #737373;
    margin-right: 3px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.topbar-social > ul > li > a:hover {
    color: #ffffff;
}

.topbar-social > ul > li > a:hover.icon-google-plus {
    background-color: #dd4b39;
}

.topbar-social > ul > li > a:hover.icon-twitter {
    background-color: #00aced;
}

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

.topbar-links ul {
    margin: 0;
}

.topbar-links ul > li {
    padding: 0;
}

.topbar-links ul > li + li:before {
    padding: 0 15px;
    color: #a3a3a3;
    font-family: "fontawesome";
    font-size: 5px;
    content: "\f111";
    vertical-align: middle;
}

.topbar-links ul > li > a {
    line-height: 35px;
    color: #a3a3a3;
}

.topbar-links ul > li > a:hover {
    color: #333333;
}

.topbar-links ul > li > a i {
    display: none;
}

.topbar-actions > ul {
    margin: 0;
}

.topbar-actions > ul > li {
    position: relative;
    padding: 0;
}

.topbar-actions > ul > li:last-child > a {
    margin-right: 0;
}

.topbar-actions > ul > li > a {
    padding: 10px;
    line-height: 15px;
    display: inline-block;
    background-color: #e5e5e5;
    color: #737373;
    margin-right: 3px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.topbar-actions > ul > li > a:hover {
    background-color: rgba(0, 0, 0, 0.12);
}

.topbar-actions ul > li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
    left: 0;
    right: 0;
}

.topbar-actions ul > li.mega-menu-dropdown > .dropdown-menu {
    left: auto !important;
    width: auto;
}

.topbar-actions ul > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content {
    padding: 20px;
    margin: 0;
}

.topbar-actions .form-group .input-icon {
    position: relative;
}

.topbar-actions .form-group .input-icon > .form-control {
    padding-left: 33px;
}

.topbar-actions .form-group .input-icon > i {
    color: #333333;
    display: block;
    position: absolute;
    margin: 8px 2px 4px 10px;
    z-index: 3;
    width: 16px;
    height: 16px;
    font-size: 16px;
    text-align: center;
}

.topbar-actions .form-group .modal .input-icon > i {
    z-index: 10055;
}

.topbar-actions .form-group .input-icon.right > .form-control {
    padding-right: 33px;
    padding-left: 12px;
}

.topbar-actions .form-group .input-icon.right > i {
    right: 8px;
    float: right;
}

.topbar-actions .form-group .input-icon.input-icon-lg > i {
    margin: 13px 2px 4px 10px;
}

.topbar-actions .form-group .input-icon.input-icon-lg > input {
    height: 41px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 1.33;
}

.topbar-actions .dropdown-login .form-control {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

header .latest-news {
    padding: 8px 10px;
    color: #737373;
}

header .latest-news .vticker a {
    color: #aaaaaa;
    font-style: italic;
}

.header-logo {
    width: 100%;
    height: 130px;
    padding: 20px 0;
    background-color: #fff;
    position: relative;
}

.header-logo .logo {
    position: relative;
    padding: 0;
    margin-top: 25px;
}

.header-logo .banner-adv {
    display: inline-block;
    height: 100%;
}

.header-info {
    position: relative;
    float: right;
    min-width: 750px;
}

.header-info .block-info {
    position: relative;
    padding-top: 25px;
    text-align: center;
}

.header-info .block-info .icons {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 12px;
    text-align: center;
    border-radius: 50%;
    background-color: #f0f0f0;
    color: #a3a3a3;
    display: inline-block;
    vertical-align: top;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.header-info .block-info .icons:hover {
    background-color: #333333;
    color: #ffffff;
}

.header-info .block-info .details {
    display: inline-block;
}

.header-info .block-info .details p {
    font-size: 13px;
    margin-bottom: 5px;
    color: #a3a3a3;
}

.header-info .row .col-md-4 {
    border-right: 1px solid #f0f0f0;
}

.header-info .row .col-md-4:last-child {
    border-right: 0;
}

.header-logo-right .header-info .header-banner-adv img {
    float: right;
}

.header-menu .menu {
    padding-left: 0;
    padding-right: 0;
    z-index: 21;
    position: relative;
}

.header-menu .menu > li {
    position: static;
}

.header-menu {
    clear: both;
}

.menu > li.active > .list-main-menu,
.menu > li.open > .list-main-menu {
    background-color: #1c1c1c;
    color: #fff;
}

.menu > li.active > .list-main-menu:hover,
.menu > li.open > .list-main-menu:hover,
.menu > li.active > .list-main-menu:focus,
.menu > li.open > .list-main-menu:focus {
    background-color: #1c1c1c;
    color: #fff;
}

.menu > li > .list-main-menu {
    padding: 8px 0;
    white-space: nowrap;
    overflow: hidden;
}

.menu > li .list-main-menu {

    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    border-radius: 0;
    background-color: #333;
}

.menu > li .list-main-menu:hover,
.menu > li .list-main-menu:focus {
    background-color: #1c1c1c;
    color: #fff;
}

.menu > li .list-main-menu > i.fa {
    display: none;
}

.menu > li .list-main-menu span.icon-dropdown {
    margin-left: 10px;
}

.header-logo-banner .header-info {
    display: none;
}

@keyframes slideTog {
    0% {
        opacity: 0;
        transform: translate(0, -2%);
    }
    100% {
        opacity: 1;
        transform: translate(0, 0);
    }
}

.mega-menu-full .dropdown-menu {
    left: 0 !important;
    right: 0;
    border: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.3s;
    animation: slideTog 0.5s;
}

.mega-menu-full .dropdown-menu.dropdown-menu-st-2 {
    left: auto !important;
}

.mega-menu-full .dropdown-menu > li > a {
    padding: 10px 20px;
}

.mega-menu-full .dropdown-menu .mega-menu {
    padding: 20px 30px 20px;
    margin: 0;
}

.mega-menu-full .dropdown-menu .mega-menu.mega-menu-style-2 {
    padding-bottom: 0;
}

.mega-menu-full .dropdown-menu .mega-menu li .tag-hover {
    white-space: normal;
    margin: 0;
    display: block;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid;
    background-color: transparent;

    transition: all 0.3s ease;
}

.mega-menu-full .dropdown-menu .mega-menu li .tag-hover i {
    margin-right: 10px;
    font-size: 14px;
    width: 15px;
    text-align: center;
}

.mega-menu-full .dropdown-menu.dark {
    background-color: #1c1c1c;
    color: rgba(255, 255, 255, 0.7);
}

.mega-menu-full .dropdown-menu.dark .owl-prev,
.mega-menu-full .dropdown-menu.dark .owl-next {
    border: 1px solid transparent;
    background-color: transparent;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.mega-menu-full .dropdown-menu.dark .owl-prev:hover,
.mega-menu-full .dropdown-menu.dark .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.09);
}

.mega-menu-full .dropdown-menu.dark .mega-menu li.active > .tag-hover {
    background-color: #555555;
    color: #fff;
    border-color: rgba(255, 255, 255, 0.1);
}

.mega-menu-full .dropdown-menu.dark .mega-menu li .tag-hover {
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.1);
}

.mega-menu-full .dropdown-menu.dark .mega-menu li .tag-hover:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.mega-menu-full .dropdown-menu.dark .menu-left {
    background-color: transparent;
}

.mega-menu-full .dropdown-menu.dark .title {
    color: #FFFFFF;
    padding-left: 10px;
}

.mega-menu-full .dropdown-menu.light {
    background-color: #fff;
}

.mega-menu-full .dropdown-menu.light .mega-menu li.active > .tag-hover {
    background-color: #555555;
    color: #fff;
    border-color: rgba(0, 0, 0, 0.1);
}

.mega-menu-full .dropdown-menu.light .mega-menu li .tag-hover {
    color: rgba(0, 0, 0, 0.7);
    border-color: rgba(0, 0, 0, 0.1);
}

.mega-menu-full .dropdown-menu.light .mega-menu li .tag-hover:hover {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}

.mega-menu-full .dropdown-menu.light .menu-left {
    background-color: #f9f9f9;
}

.mega-menu-full .dropdown-menu.light .title {
    color: #333;
}

.mega-menu-style-1 .mega-menu-submenu {
    padding: 0;
    margin: 0;
}

.mega-menu-style-1 .mega-menu-submenu li:last-child > a {
    border-bottom: 0;
}

.mega-menu-style-1 .mega-menu-submenu li p.title {
    margin: 0;
    padding: 7px 0 7px 2px;
    font-size: 14px;

}

.mega-menu-style-1 .mega-menu-submenu li a {
    padding: 7px 0 7px 6px;
}

.mega-menu-style-1 .mega-menu-submenu li ul {
    padding-left: 0;
}

.mega-menu-style-2 ul.nav-tabs {
    border-bottom: none;
}

.mega-menu-style-2 ul.nav-tabs > li {
    display: block;
    width: 100%;
    margin-bottom: 0;
}

.mega-menu-style-2 ul.nav-tabs > li.active > a {
    border: none;
    border-bottom: 1px solid;
}

.mega-menu-style-2 ul.nav-tabs > li:last-child > a {
    border-bottom: 0;
}

.mega-menu-style-2 ul.nav-tabs > li > a {
    padding: 7px 0;
    margin-right: 0;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid;
}

.mega-menu-style-2 .tab-content {
    background-color: transparent;
    width: 100%;
    display: inline-block;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 {
    width: 802px;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel.layout-media-horizontal .media-left .media-image,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2.layout-media-horizontal .media-left .media-image {
    padding: 0;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel.layout-media-horizontal .media-right,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2.layout-media-horizontal .media-right {
    padding-top: 0;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel.layout-media-horizontal .media-right .title,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2.layout-media-horizontal .media-right .title {
    font-size: 16px;
    margin-top: 0;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel.layout-media-horizontal .media-right .description,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2.layout-media-horizontal .media-right .description {
    height: 40px;
    position: relative;
    overflow: hidden;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel .item .thumb,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 .item .thumb {
    margin-bottom: 10px;
    padding: 0;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel .item .title,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 .item .title {
    background-color: transparent;

    display: block;
    font-size: 12px;
    padding: 0;
    margin: 8px 0;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel .item .info,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 .item .info {
    font-style: italic;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel .item .info span,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 .item .info span {
    font-size: 11px;
}

.mega-menu-style-2 .tab-content .tabmenu-carousel .item .info .fa-circle,
.mega-menu-style-2 .tab-content .tabmenu-carousel-2 .item .info .fa-circle {
    font-size: 5px;
    margin: 0 10px;
    vertical-align: middle;
}

.mega-menu-style-2 .layout-media-horizontal .style-2 .media-left {
    width: 150px;
}

.tabmenu-carousel .owl-nav {
    font-size: 16px;
    float: right;
    margin-top: 15px;
}

.tabmenu-carousel .owl-nav .owl-prev,
.tabmenu-carousel .owl-nav .owl-next {
    bottom: -15px;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 12px;
    text-align: center;
    background-color: transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.mega-menu .tabmenu-carousel .owl-nav .owl-prev {
    left: 94%;
}

.mega-menu-style-2 .layout-media-horizontal .style-2 .media-left {
    width: 150px;
}

.mega-menu-style-3 .border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.mega-menu-style-3 .col-md-3:last-child .mega-menu-submenu > li {
    padding-right: 0;
}

.mega-menu-style-3 .mega-menu-submenu li {
    padding-right: 30px;
}

.mega-menu-style-3 .mega-menu-submenu li:last-child > a {
    border-bottom: 0;
}

.mega-menu-style-3 .mega-menu-submenu li p.title {
    margin: 0;
    padding: 7px 0 7px 2px;
    font-size: 14px;

}

.mega-menu-style-3 .mega-menu-submenu li a {
    padding: 7px 0 7px 2px;
    position: relative;
    transition: all 0.3s;
    border-bottom: 1px solid;
}

.mega-menu-style-4 {
    padding: 0 !important;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.mega-menu-style-4 .border-right {
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}

.mega-menu-style-4 .menu-left {
    padding-right: 0;
    background-color: #f9f9f9;
    float: none;
    display: table-cell;
    height: 100%;
}

.mega-menu-style-4 .menu-right {
    width: 66.6666666667%;
    float: right;
    padding: 0 30px;
}

.mega-menu-style-4 .menu-right .content-right-menu {
    margin: 30px 0;
}

.mega-menu-style-4 .menu-right .content-right-menu .content-info {
    margin: 15px 0;
}

.mega-menu-style-4 .menu-right .content-right-menu a {
    margin-top: 15px;
    color: white;
    background-color: #313131;
    display: inline-block;
    padding: 10px 20px;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
}

.mega-menu-style-4 .menu-right .content-right-menu a:hover {
    background-color: #000;
    text-decoration: none;
}

.mega-menu-style-4 ul.nav-tabs {
    border-bottom: none;
    padding: 30px 0;
}

.mega-menu-style-4 ul.nav-tabs > li {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

.mega-menu-style-4 ul.nav-tabs > li:nth-child(2) {
    padding-top: 12px;
}

.mega-menu-style-4 ul.nav-tabs > li p.title {
    text-align: left;
    padding-left: 30px;
    font-size: 15px;

}

.mega-menu-style-4 ul.nav-tabs > li:last-child > a {
    border-bottom: 0;
}

.mega-menu-style-4 ul.nav-tabs > li > a {
    padding: 9px 15px;
    margin-left: 30px !important;
    margin-right: 30px !important;
    border-radius: 0;
    border: none;
}

.mega-menu-style-4 .menu-panel-categories {
    display: table-cell;
    float: none;
    height: 100%;
}

.mega-menu-style-4 .menu-panel-categories ul.tab-2 {
    padding: 20px 30px 20px 15px;
    width: 33.333333333%;
    float: left;
}

.mega-menu-style-4 .menu-panel-categories ul.tab-2 li.active a {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff !important;
}

.mega-menu-style-4 .menu-panel-categories ul.tab-2 li a {
    color: #959595 !important;
    padding: 11px 30px;
    border: 0 !important;
}

.mega-menu-style-4 .mega-menu-submenu li {
    padding-right: 30px;
}

.mega-menu-style-5 {
    padding: 0 !important;
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.mega-menu-style-5 .border-right {
    border-right: 1px solid #f5f5f5;
}

.mega-menu-style-5 .menu-left {
    padding-right: 0;
    float: none;
    display: table-cell;
    height: 100%;
    vertical-align: top;
}

.mega-menu-style-5 .menu-right .content-right-menu {
    float: left;
    width: 66.666666667%;
    margin: 30px 0;
    padding: 0 15px;
}

.mega-menu-style-5 .menu-right .content-right-menu h4.title {
    margin-bottom: 25px;
}

.mega-menu-style-5 .menu-right .content-right-menu .img-article {
    position: relative;
}

.mega-menu-style-5 .menu-right .content-right-menu .content-info {
    margin: 15px 0;
}

.mega-menu-style-5 .menu-right .content-right-menu .content-info .title {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.mega-menu-style-5 .menu-right .content-right-menu .content-info .decription {
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #9c9c9c;
}

.mega-menu-style-5 .menu-right .content-right-menu a {
    margin-top: 15px;
    color: white;
    background-color: #313131;
    display: inline-block;
    padding: 10px 20px;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
}

.mega-menu-style-5 .menu-right .content-right-menu a:hover {
    background-color: #000;
    text-decoration: none;
}

.mega-menu-style-5 ul.nav-tabs {
    border-bottom: none;
    padding: 30px 0;
}

.mega-menu-style-5 ul.nav-tabs > li {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}

.mega-menu-style-5 ul.nav-tabs > li:nth-child(2) {
    padding-top: 12px;
}

.mega-menu-style-5 ul.nav-tabs > li p.title {
    text-align: left;
    font-size: 15px;
    padding-left: 30px;

}

.mega-menu-style-5 ul.nav-tabs > li:last-child > a {
    border-bottom: 0;
}

.mega-menu-style-5 ul.nav-tabs > li > a {
    padding: 9px 15px;
    margin-left: 30px !important;
    margin-right: 30px !important;
    border-radius: 0;
    border: none;
}

.mega-menu-style-5 .menu-panel-categories {
    display: table-cell;
    float: none;
    height: 100%;
}

.mega-menu-style-5 .menu-panel-categories .title {

    font-size: 15px;
}

.mega-menu-style-5 .mega-menu-submenu li {
    padding-right: 30px;
}

.mega-menu-style-5 .topic-style-2 {
    padding: 30px 30px 30px 15px;
}

.mega-menu-style-5 .topic-style-2 > .title {
    margin-bottom: 23px;
}

.mega-menu-style-5 .topic-style-2 .title {
    border-bottom: 0 !important;
}

.mega-menu-style-5 .topic-style-2 .media .media-left {
    vertical-align: top;
    width: 85px;
}

.mega-menu-style-5 .topic-style-2 .media .media-left .media-image {
    border: 0;
    padding: 0;
}

.mega-menu-style-5 .topic-style-2 .media .media-left .media-image img {
    width: 85px;
}

.mega-menu-style-5 .topic-style-2 .media .media-right {
    padding: 0 0 0 15px;
}

.mega-menu-style-5 .topic-style-2 .media .media-right .title {
    font-size: 12px;
}

.dropdown-basic .dropdown-menu {
    padding: 20px 30px;
    margin-top: -1px;
    margin-right: -1px;
    border-radius: 0;
    animation: slideTog 0.5s;
}

.dropdown-basic .dropdown-menu.dark {
    background-color: #1c1c1c;
    color: #fff;
}

.dropdown-basic .dropdown-menu.dark li .title {
    color: #fff;
}

.dropdown-basic .dropdown-menu.dark li .tag-hover {
    background-color: #1c1c1c;
    color: rgba(255, 255, 255, 0.7);
    border-color: rgba(255, 255, 255, 0.2);
}

.dropdown-basic .dropdown-menu.dark li .tag-hover:hover {
    background-color: rgba(255, 255, 255, 0.2);
    color: #ffffff;
}

.dropdown-basic .dropdown-menu.light {
    background-color: #fff;
    color: #333;
}

.dropdown-menu-st-1 li:last-child > a {
    border-bottom: 0;
}

.dropdown-menu-st-1 li.active a {
    background-color: #737373;
}

.dropdown-menu-st-1 li p.title {
    margin: 0;
    padding: 7px 0 7px 2px;
    font-size: 14px;

}

.dropdown-menu-st-1 li a {
    padding: 7px 50px 7px 2px;

    font-size: 14px;
    border-bottom: 1px solid;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.dropdown-menu-st-1 i {
    margin-right: 10px;
}

.dropdown-menu-st-1 .dropdown-submenu {
    position: relative;
}

.dropdown-menu-st-1 .dropdown-menu-level-2 {
    animation: fadeIn 0.4s;
}

.dropdown-menu-st-1 .dropdown-menu-level-2.dropdown-menu-level-2-st-1 {
    margin-left: -1px;
    top: 1px !important;
    left: 100%;
}

.dropdown-menu-st-1 .dropdown-menu-level-2.dropdown-menu-level-2-st-2 {
    margin-right: -1px;
    top: 1px !important;
    right: 100%;
}

.weather-info {
    color: #737373;
    height: 34px;
    line-height: 34px;
    text-align: right;
    margin-bottom: 20px;
}

.weather-info .fa-circle {
    font-size: 5px;
    margin: 0 15px;
    vertical-align: middle;
}

.weather-info #rain {
    width: 35px;
}

.breadcrumb {
    height: 34px;
    margin-bottom: 0;
    background-color: transparent;
    padding: 0;
    line-height: 34px;
    margin-bottom: 20px;
}

.breadcrumb li + li:before {
    padding: 0 15px;
    color: #a3a3a3;
    font-family: "fontawesome";
    font-size: 5px;
    content: "\f111";
    vertical-align: middle;
}

.breadcrumb li + .active {
    color: #a3a3a3;
}

.breadcrumb li a {
    color: #333;
}

.scrollbar {
    overflow-y: auto;
}

.carousel-media .media {
    margin-bottom: 0;
}

.carousel-section .media .media-image {
    margin-bottom: 10px;
}

.carousel-section .media .title {
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 5px;
}

.carousel-section .media .info {
    margin-bottom: 5px;
}

.header-menu ul li {
    list-style: none;
}


/*****************************************************************************************************/


/*                                             FOOTER                                                */


/*****************************************************************************************************/

.footer-social .footer-social-title {
    font-family: "Roboto Slab", serif;
    font-size: 15px;
    font-weight: bold;
    color: #fff;

    margin-bottom: 15px;
}

.footer-social .widget-social-2 {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}

.footer-social ul {
    margin: 0;
}

.footer-social ul > li {
    padding: 0;
}

.footer-social ul > li:last-child > a {
    margin-right: 0;
}

.footer-social ul > li > a {
    color: #737373;
    padding: 9px 10px;
    display: inline-block;
    border: 1px solid #737373;
    line-height: 18px;
    background-color: transparent;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.widget_social_group.shw-widget .footer-social ul > li > a {
    margin-right: 10px;
    margin-bottom: 0;
}

.footer-social ul > li > a:hover.icon-google-plus {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.footer-social ul > li > a:hover.icon-twitter {
    background-color: #00aced;
    border-color: #00aced;
}

.footer-social ul > li > a:hover.icon-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.footer-logo .logo-image {
    margin-bottom: 20px;
}

.footer-logo .logo-text {
    text-align: justify;
    margin: 0;
}

.footer-contact-info .logo-small {
    margin-bottom: 20px;
}

.footer-contact-info .section-content .address {
    margin-bottom: 10px;
}

.footer-contact-info .section-content i {
    color: #ffffff;
}

.footer-contact .footer-contact-content .address {
    margin-bottom: 10px;
}

.footer-contact .footer-contact-content i {
    width: 25px;
}

.footer-subcrible .footer-subcrible-content .input-newsletter .input-group-addon {
    background-color: transparent;
    border-radius: 0;
    font-size: 15px;
}

.footer-subcrible .footer-subcrible-content .input-newsletter input {
    background-color: transparent;
    font-size: 15px;
    border: 1px solid;
    border-right: 0 !important;
}

.footer-subcrible .footer-subcrible-content .input-newsletter input::-webkit-input-placeholder {
    font-style: italic;
}

.footer-subcrible .footer-subcrible-content .input-newsletter input:-moz-placeholder {
    font-style: italic;
}

.footer-subcrible .footer-subcrible-content .input-newsletter input::-moz-placeholder {
    font-style: italic;
}

.footer-subcrible .footer-subcrible-content .input-newsletter input:-ms-input-placeholder {
    font-style: italic;
}

.footer-subcrible .footer-subcrible-content .input-newsletter .btn-subscribe {
    padding: 5px;
}

.footer-subcrible .footer-subcrible-content .input-newsletter .btn-subscribe .btn {

    font-weight: bold;
    border-radius: 0;
    padding: 6px 25px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.footer-subcrible .footer-subcrible-content .input-newsletter .btn-subscribe .btn-icon {
    display: none;
}

.border-1x {
    border: 1px solid;
}

.border-bottom-1x {
    border-bottom: 1px solid #e5e5e5;
}

.border-top-1x {
    border-top: 1px solid;
}

.footer-pd {
    padding-top: 50px;
    padding-bottom: 30px;
}

.footer-mbl {
    margin-bottom: 20px;
}

.img-contain {
    max-width: 100%;
    display: block;
}

.widget-gallery li {
    width: 25%;
    float: left;
    padding-right: 5px;
    padding-bottom: 5px;
}

.widget-gallery li:nth-child(4n):nth-last-child(-n+5) ~ li {
    padding-bottom: 0;
}

.footer-social .widget-social-2 li a {
    margin-bottom: 10px;
}

.footer-social .widget-social-2 li:nth-child(5n):nth-last-child(-n+6) ~ li a {
    margin-bottom: 0;
}

.footer-social .widget-social-3 {
    /*margin-top: 20px;*/
}

.footer-social .section-name {
    border-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
}

.footer-social .widget-social-3 a {
    border: 0 !important;
    padding: 0px;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -ms-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
}

.footer-social .widget-social-3 i {
    font-size: 16px;
}

.footer-social a i {
    font-size: 14px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.footer-dark {
    padding: 50px 0 20px;
    background-color: #000000;
    color: rgba(255, 255, 255, 0.6);
}

.footer-dark .sub-footer {
    margin-bottom: 20px;
}

.footer-dark .sub-footer .list-news > li {
    margin-bottom: 10px;
}

.footer-dark .sub-footer .list-news > li:last-child {
    margin-bottom: 0;
}

.footer-dark .sub-footer .list-news > li > a {
    color: rgba(255, 255, 255, 0.6);
}

.footer-dark .sub-footer .list-news > li > a i {
    margin-right: 15px;
    color: #ffffff;
}

.footer-dark .sub-footer .list-news > li > a:hover {
    color: #ffffff;
}

.footer-dark .copyright {
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    display: inline-block;
    width: 100%;
}

.footer-dark .copyright > .pull-left span {

    color: #ffffff;
}

.footer-dark .copyright > .pull-right a {
    color: rgba(255, 255, 255, 0.6);
}

.footer-dark .copyright > .pull-right a:hover {
    color: #ffffff;
}

.footer-header {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Roboto Slab', sans-serif;
    margin-bottom: 20px;

}

.footer-header.margin-bottom-15px {
    margin-bottom: 15px;
}

.footer-header-2 {
    padding-top: 10px;
    margin-bottom: 20px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
}

.footer-description {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    margin-bottom: 20px;
}

.footer-description:last-child {
    margin-bottom: 0;
}

.footer-5 {
    text-align: center;
}

.footer-5 .logo-small {
    margin-bottom: 30px;
}

.footer-5 .logo-small img {
    display: block;
    margin: 0 auto;
}

.footer-5 .copyright {
    margin-top: 50px;
}

.widget-footer-contact {
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

.widget-footer-contact i {
    font-size: 16px;
}

.widget-footer-contact .media-body {
    padding-left: 20px;
}

.widget-footer-contact .mail {
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 1px;
}

.widget-footer-contact .phone,
.widget-footer-contact .location {
    margin-bottom: 10px;
    padding-top: 5px;
    padding-bottom: 10px;
    padding-left: 1px;
}

.footer-link li:first-child .widget-footer-link {
    padding-top: 0;
}

.footer-link .widget-footer-link {
    font-size: 12px;
    font-weight: bold;
    font-family: 'Roboto', sans-serif;
    position: relative;
    padding: 15px 15px 15px 0;
    display: block;
}

.footer-link .widget-footer-link i {
    margin-right: 15px;
}

.footer-tag .tags:hover {
    background-color: #626262;
    border-color: #626262;
}

.widget-footer-base {
    padding: 20px 0;
    background-color: #333333;
}

.widget-footer-base .widget-logo-contain {
    width: 80px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: relative;
    margin: 0 auto;
    display: table;
}

.widget-footer-base .widget-logo-contain:hover .img-logo.img-primary {
    opacity: 0;
}

.widget-footer-base .widget-logo-contain:hover .img-logo.img-hover {
    opacity: 1;
}

.widget-footer-base .widget-logo-contain .img-logo {
    display: inline-block !important;
    width: auto !important;
}

.widget-footer-base .widget-logo-contain .img-logo.img-hover {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
}

.footer-button {
    font-size: 10px;
    font-family: 'Roboto', sans-serif;
    padding: 10px 20px;
    display: inline-block;

}

.footer-button:hover {
    background-color: #626262;
    border-color: #626262;
}

.footer-button-no-border {
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    display: inline-block;

    transition: 0.3s;
}

.footer-button-no-border:hover {
    font-weight: bold;
}

.footer-button-no-border i {
    margin-left: 10px;
    font-size: 12px;
}

.footer-img-reference li .widget-img-reference {
    position: relative;
    margin-bottom: 10px;
    display: block;
}

.footer-img-reference li:last-child .widget-img-reference {
    margin-bottom: 0;
}

.widget-bottom-bar-1,
.widget-bottom-bar-2 {
    font-size: 13px;

    padding: 20px 0;
}

.widget-footer-sidebar {

}

.widget-footer-sidebar li a {
    color: #626262;
}

.widget-footer-sidebar li a:hover {
    color: #ffffff;
}

.widget-footer-sidebar.side-bar-left li {
    display: inline-block;
    margin-left: 15px;
}

.widget-footer-sidebar.side-bar-left li:first-child {
    margin-left: 0;
}

.widget-footer-sidebar.side-bar-right li {
    display: inline-block;
    margin-right: 15px;
}

.widget-footer-sidebar.side-bar-right li:last-child {
    margin-right: 0;
}

.widget-form input,
.widget-form textarea {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.1);
    border: 0;
    color: #a3a3a3;
}

.btn-submit-quick-contact {
    position: relative;
}

.widget-form .footer-button {
    padding-left: 40px;
    position: relative;
}

.widget-form .icons-submit {
    position: absolute;
    left: 15px;
    top: 8px;
    color: #a3a3a3;
    z-index: 2;
}

.widget-show-more {
    margin-top: 0 !important;
    background-color: transparent;
    border-left: 0;
    border-top: 0;
    border-right: 0;
    box-shadow: none;
    border-radius: 0 !important;
}

.widget-show-more:last-child {
    border-bottom: 0;
}

.widget-show-more .panel-heading {
    background-color: transparent;
}

.widget-show-more a i {
    margin-right: 15px;
    color: #333333;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

.widget-show-more a i:before {
    content: '\f056';
}

.widget-show-more a.collapsed i:before {
    content: '\f055';
}

.footer #footer_c1 .shw-widget:not(:first-child) .section-name,
.footer #footer_c1 .shw-widget:not(:first-child) .footer-header,
.footer #footer_c2 .shw-widget:not(:first-child) .section-name,
.footer #footer_c2 .shw-widget:not(:first-child) .footer-header,
.footer #footer_c3 .shw-widget:not(:first-child) .section-name,
.footer #footer_c3 .shw-widget:not(:first-child) .footer-header,
.footer #footer_c4 .shw-widget:not(:first-child) .section-name,
.footer #footer_c4 .shw-widget:not(:first-child) .footer-header {
    border: 0px;
    padding-top: 0;
}

#footer .sub-footer {
    margin-bottom: 40px;
}

.footer .sub-footer .list-news > li {
    margin-bottom: 10px;
}

.footer .sub-footer .list-news > li:last-child {
    margin-bottom: 0;
}

.footer .sub-footer .list-news > li > a i {
    margin-right: 15px;
}

.footer-style-6 .sub-footer .list-news > li {
    margin-bottom: 10px;
}

.footer-style-6 .sub-footer .list-news > li:last-child {
    margin-bottom: 0;
}

.footer-style-6 .sub-footer .list-news > li > a i {
    margin-right: 15px;
}

.footer-style-6 .copyright {
    padding-top: 20px;
    display: inline-block;
    width: 100%;
}

.footer-style-6 .copyright > .pull-left span {

}

.footer-media .media {
    margin-bottom: 20px;
}

.footer-media .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.footer-media .media:last-child .info {
    border-bottom: none;
}

.footer-media .media:last-child .widget-footer-media {
    border-bottom: none;
    padding-bottom: 20px;
}

.footer-media .media .info {
    padding-bottom: 0;
    margin-bottom: 0 !important;
}

.footer-media .media .widget-footer-media {
    display: block;
    padding-bottom: 20px;
}

.footer-media .media .widget-footer-media .media-heading {
    transition: 0.3s;
}

.footer-media .media .widget-footer-media .media-heading .title {
    font-size: 14px;
    line-height: 18px;
}

.footer-media .media .widget-footer-media:hover .media-heading {
    font-weight: bold;
}

.footer-media .media .widget-footer-media i {
    font-size: 20px;
}

.footer-media .media .widget-footer-media .media-body {
    padding-left: 15px;
}

.footer-media .media .widget-footer-media .media-left {
    width: 25%;
}

.footer-media .media .widget-footer-media .media-left img {
    width: 100%;
}

.dark {
    background-color: #333333;
    color: #626262;
}

.dark .border-1x,
.dark .border-bottom-1x {
    border-color: #626262;
}

.dark .border-top-1x {
    border-color: rgba(255, 255, 255, 0.6);
}

.dark .footer-button,
.dark .footer-tag .tags,
.dark .footer-subcrible input,
.dark .input-group-addon {
    border-color: #626262;
}

.dark .footer-category-title,
.dark .footer-category-content a:hover {
    color: #ffffff;
}

.dark .caption-description {
    background-color: #333333;
}

.dark .btn-subscribe .btn {
    background-color: #d8d8d8;
    color: #626262;
}

.dark .btn-subscribe .btn:hover {
    background-color: #626262;
    color: #ffffff;
}

.dark .widget-logo,
.dark .footer-header,
.dark .footer-header-2,
.dark .footer-contact-title,
.dark .footer-subcrible,
.dark .author,
.dark .footer-area .widget-footer .section-name {
    color: #ffffff;
}

.dark .footer-button,
.dark .footer-button-no-border,
.dark .widget-footer-link,
.dark .footer-tag .tags,
.dark .list-news li a,
.dark .copyright a,
.dark .footer-subcrible-content .input-group-addon i,
.dark .footer-subcrible-content input {
    color: #626262;
}

.dark .widget-logo:hover {
    color: #ffffff !important;
}

.dark .widget-footer-contact .mail:hover,
.dark .widget-footer-contact .phone:hover,
.dark .widget-footer-contact .location:hover {
    color: #ffffff;
}

.dark .widget-footer-media:hover .media-left {
    color: #ffffff;
}

.dark .widget-footer-media .media-left {
    color: #626262;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}

.dark .widget-footer-media .media-heading {
    color: #ffffff;
}

.dark .widget-form input,
.dark .widget-form textarea {
    border-color: #626262;
}

.dark .widget-social-2 a:hover {
    background-color: #626262 !important;
    border-color: #626262 !important;
}

.dark .widget-social-3 a:hover {
    background-color: transparent !important;
}

.dark .widget-show-more .title-show {
    color: #ffffff;
}

.dark .widget-show-more a.collapsed i {
    color: #626262;
}

.dark .widget-show-more a i {
    color: #ffffff;
}

.dark .widget-img-reference {
    color: #626262;
}

.dark .widget-bottom-bar-1,
.dark .widget-bottom-bar-2 {
    background-color: #333333;
}

footer .dark a {
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

footer .dark a:hover {
    color: #ffffff;
}

.light {
    color: #333333;
    background-color: #f5f5f5;
}

.light .author {
    color: #333333;
}

.light .border-1x,
.light .border-bottom-1x {
    border-color: #333333;
}

.light .border-top-1x {
    border-color: rgba(0, 0, 0, 0.6);
}

.light .footer-button,
.light .footer-tag .tags,
.light .input-group-addon,
.light .footer-subcrible input {
    border-color: #626262;
}

.light .footer-social-title,
.light .footer-header,
.light .footer-header-2,
.light .footer-contact-title,
.light .footer-subcrible,
.light .footer-category-title,
.light .footer-contact-title,
.light .widget-social-3 a:hover i,
.light .related-link:hover,
.light .footer-area .widget-footer .section-name {
    color: #333333 !important;
}

.light .btn-subscribe .btn {
    background-color: transparent;
    color: #626262;
}

.light .btn-subscribe .btn:hover {
    border-color: #626262;
    background-color: #626262;
    color: #ffffff;
}

.light .caption-description {
    background-color: #333333;
}

.light .caption-description:hover {
    color: #ffffff;
}

.light .copyright {
    color: #626262;
}

.light .widget-logo:hover {
    color: #ffffff !important;
}

.light .widget-logo,
.light .widget-social-1 a:hover i,
.light .widget-social-2 a:hover i,
.light .footer-tag .tags:hover,
.light .footer-button:hover {
    color: #ffffff;
}

.light .footer-button,
.light .footer-button-no-border,
.light .widget-footer-link,
.light .footer-tag .tags,
.light .list-news li a,
.light .copyright a,
.light .footer-subcrible-content .input-group-addon i,
.light .footer-subcrible-content input {
    color: #626262;
}

.light .widget-footer-contact .mail:hover,
.light .widget-footer-contact .phone:hover,
.light .widget-footer-contact .location:hover {
    color: #333333;
}

.light .widget-footer-media:hover .media-left {
    color: #333333;
}

.light .widget-footer-media .media-left {
    color: #626262;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
    -moz-transition: 0.3s;
}

.light .widget-footer-media .media-heading {
    color: #333333;
}

.light .widget-form input,
.light .widget-form textarea {
    border-color: #626262;
}

.light .widget-social-2 a:hover {
    background-color: #626262 !important;
    border-color: #626262 !important;
}

.light .widget-social-3 a {
    border: 0 !important;
}

.light .widget-social-3 a:hover {
    background-color: transparent !important;
}

.light .widget-show-more .title-show {
    color: #333333;
}

.light .widget-show-more a.collapsed i {
    color: #626262;
}

.light .widget-show-more a i {
    color: #333333;
}

.light .widget-img-reference {
    color: #626262;
}

.light .widget-bottom-bar-1,
.light .widget-bottom-bar-2 {
    background-color: #333333;
}

.light a {
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

.light a:hover {
    color: #333333;
}

.text-dark {
    color: #626262;
}

.text-light {
    color: #333333;
}


/*****************************************************************************************************/


/*                                             SLIDER                                                */


/*****************************************************************************************************/

.caption-slider {
    width: 100%;
    height: 100%;
    background-color: #2D2D2D;
    color: #fff;
    position: relative;
    z-index: 2;
    padding: 20px;
}

.caption-slider h2 {
    font-weight: 300;
    line-height: 1.2;
    margin-bottom: 10px;
    color: #fff;
    text-shadow: none;
}

.caption-slider .info {
    margin-bottom: 10px;
    text-shadow: none;
}

.caption-slider .info .category {
    background-color: transparent;
}

.caption-slider .description {
    color: rgba(255, 255, 255, 0.6);
}

.owl-prev,
.owl-next {
    position: absolute;
    font-size: 20px;
    color: white;
    background-color: rgba(85, 85, 85, 0.5);
    width: 30px;
    height: 30px;
    text-align: center;
    transition: all 0.2s ease-in-out;
}

.owl-prev:hover,
.owl-next:hover,
.owl-prev:focus,
.owl-next:focus {
    background-color: rgba(0, 0, 0, 0.8);
}

.owl-prev {
    left: 0;
}

.owl-next {
    right: 0;
}


/**********************/


/*      SLIDER 1      */


/**********************/


/**********************/


/*      SLIDER 2      */


/**********************/

.carousel-style-2 .left-carousel {
    padding: 0 15px;
}

.carousel-style-2 .media.big {
    height: 100%;
    margin-bottom: 0;
}

.carousel-style-2 .media.big .media-body {
    height: 100%;
    display: block;
    width: auto;
}

.carousel-style-2 .media.big img {
    height: 100%;
}

.carousel-style-2 .media.bottom {
    margin-bottom: 0px;
}

.carousel-style-2 .media .media-body a {
    display: block;
    height: 100%;
}

.carousel-style-2 .media .media-body a img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-style-2 .media:hover .media-body a img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/**********************/


/*      SLIDER 3      */


/**********************/


/**********************/


/*      SLIDER 4      */


/**********************/

.carousel-style-4 .owl-dots {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
}

.carousel-style-4 .owl-dots .owl-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #cacaca;
    margin: 8px;
    display: table;
}

.carousel-style-4 .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    background-color: transparent;
    display: block;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    top: 3px;
}

.carousel-style-4 .owl-dots .owl-dot.active span {
    color: #fff;
    background-color: #fff;
}


/**********************/


/*      SLIDER 5      */


/**********************/

.carousel-style-5 {
    margin-bottom: 5px;
}

.carousel-style-5 .owl-prev,
.carousel-style-5 .owl-next {
    top: 50%;
    margin-top: -20px;
    font-size: 28px;
    width: 40px;
    height: 40px;
    line-height: 36px;
}

.carousel-style-5 .carousel-inner .media {
    margin-bottom: 0;
}

.carousel-style-5 .carousel-inner .caption {
    padding: 30px 30px 30px 45px;
    text-align: center;
}

.carousel-style-5 .carousel-inner .caption .title {
    margin-bottom: 0;
    text-shadow: none;
    letter-spacing: 1px;
    color: #fff;
    font-size: 24px;
    line-height: 1.2;
}

.carousel-style-5 .carousel-inner .media-image {
    margin-bottom: 0;
}

.carousel-style-5 .carousel-inner .media-image img,
.sub-carousel-style-5 .item .media img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-style-5 .carousel-inner .media-image:after {
    display: none;
}

.carousel-style-5 .carousel-inner .media:hover .media-image img,
.sub-carousel-style-5 .item .media:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.sub-carousel-style-5 .item .media {
    margin-bottom: 0;
}

.sub-carousel-style-5 .owl-prev,
.sub-carousel-style-5 .owl-next {
    font-size: 50px;
    width: 60px;
    opacity: 0.9;
    background-color: transparent;
    text-shadow: none;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: background 0.3s;
}

.sub-carousel-style-5 .owl-prev i,
.sub-carousel-style-5 .owl-next i {
    position: absolute;
    top: 50%;
    margin-top: -25px;
}

.sub-carousel-style-5:hover .owl-prev,
.sub-carousel-style-5:hover .owl-next {
    background-color: rgba(255, 255, 255, 0.5);
}


/**********************/


/*      SLIDER 6      */


/**********************/

.carousel-style-6 .owl-prev,
.carousel-style-10 .slider-main .owl-prev,
.carousel-style-6 .owl-next,
.carousel-style-10 .slider-main .owl-next {
    top: 50%;
    margin-top: -20px;
    font-size: 28px;
    width: 40px;
    height: 40px;
    line-height: 36px;
}

.carousel-style-6 img,
.carousel-style-10 .slider-main img {
    height: 100%;
}

.carousel-style-6 .caption,
.carousel-style-10 .slider-main .caption {
    padding: 10px 20px;
}

.carousel-style-6 .caption .title,
.carousel-style-10 .slider-main .caption .title {
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    letter-spacing: 1px;
}

.carousel-style-6 .caption .sub-text,
.carousel-style-10 .slider-main .caption .sub-text {
    font-style: italic;
    font-weight: 400;
    padding-top: 10px;
    font-size: 14px;
    margin-bottom: 0;
    position: relative;
    z-index: 3;
}

.carousel-style-6:hover .caption:before,
.carousel-style-10 .slider-main:hover .caption:before {
    top: 100%;
}

.carousel-style-6:hover .caption:after,
.carousel-style-10 .slider-main:hover .caption:after {
    top: 0;
}

.carousel-style-6:hover .caption.light .sub-text,
.carousel-style-10 .slider-main:hover .caption.light .sub-text,
.carousel-style-6:hover .caption.light a,
.carousel-style-10 .slider-main:hover .caption.light a {
    color: #fff;
}

.carousel-style-6:hover .caption.dark .sub-text,
.carousel-style-10 .slider-main:hover .caption.dark .sub-text,
.carousel-style-6:hover .caption.dark .sub-text,
.carousel-style-10 .slider-main:hover .caption.dark .sub-text {
    color: #333333;
}

.sub-carousel-style-6 .media:last-child {
    margin-bottom: 0;
}

.carousel-style-10 img {
    height: 100%;
}

.carousel-style-10 .slider-items li {
    cursor: pointer;
    list-style: none;
}

.carousel-style-10 .slider-items li.active a {
    font-weight: bold;
}

.carousel-style-10 .slider-items li a {
    pointer-events: none;
}

.carousel-style-10 .slider-main .owl-prev {
    left: -41px;
}

.carousel-style-10 .slider-main .owl-next {
    right: -41px;
}

.carousel-style-10 .slider-main:hover .owl-prev {
    left: 0;
}

.carousel-style-10 .slider-main:hover .owl-next {
    right: 0;
}

.carousel-style-10 .slider-main .wrapper-slider-main {
    overflow: hidden;
}

.carousel-style-10 .right-carousel {
    padding: 0;
}


/**********************/


/*      SLIDER 7      */


/**********************/

.carousel-style-7 .owl-prev,
.carousel-style-7 .owl-next {
    top: 50%;
    margin-top: -20px;
    font-size: 28px;
    width: 40px;
    height: 40px;
    line-height: 36px;
}

.carousel-style-7 .caption {
    padding: 10px 20px;
    letter-spacing: 1px;
    height: auto;
}

.carousel-style-7 .caption .title {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.carousel-style-7 .caption .tag-category {
    background-color: #F51553;
    color: #fff;

    position: absolute;
    padding: 3px 8px;
    top: -26px;
    left: 0;
}

.carousel-style-7 .item:hover .caption:before {
    top: 100%;
}

.carousel-style-7 .item:hover .caption:after {
    top: 0;
}

.carousel-style-7 .item:hover .caption.light p,
.carousel-style-7 .item:hover .caption.light a {
    color: #fff;
}

.carousel-style-7 .item:hover .caption.dark p,
.carousel-style-7 .item:hover .caption.dark a {
    color: #333333;
}


/**********************/


/*      SLIDER 8      */


/**********************/

.carousel-style-8 {
    margin-left: 0px;
    margin-right: 0px;
}

.carousel-style-8 .left,
.carousel-style-8 .right {
    padding-left: 0px;
    padding-right: 0px;
}

.carousel-style-8 .right {
    border-width: 1px 1px 1px 0;
    border-style: solid;
    border-color: #cccccc;
    overflow-y: auto;
}

.carousel-style-8 .owl-controls .owl-dots {
    display: block;
    text-align: center;
    margin-bottom: 0;
    display: none!important;
}

.carousel-style-8 .owl-controls .owl-dots .owl-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px 10px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
}

.carousel-style-8 .owl-controls .owl-dots .owl-dot.active {
    background: rgba(255, 255, 255, 0.8);
}

.carousel-style-8 .owl-controls .owl-nav .owl-prev,
.carousel-style-8 .owl-controls .owl-nav .owl-next {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.carousel-style-8 .slide-items {
    padding-left: 0;
}

.carousel-style-8 .slide-items li {
    padding: 20px 20px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    cursor: pointer;
    list-style: none;
}

.carousel-style-8 .slide-items li:last-child {
    border-bottom: none;
}

.carousel-style-8 .slide-items li:before {
    content: "";
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #cccccc;
    position: absolute;
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.carousel-style-8 .slide-items li.active {
    background: #eeeeee;
}

.carousel-style-8 .slide-items li.active:before {
    opacity: 1;
}

.carousel-style-8 .slide-items li a {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    pointer-events: none;
    margin-bottom: 0;
}

.carousel-style-8 .mCSB_outside + .mCSB_scrollTools {
    right: -9px;
}


/**********************/


/*      /SLIDER 8     */


/**********************/


/**********************/


/*       SLIDER 9     */


/**********************/

.carousel-style-9 {
    position: relative;
    overflow: hidden;
}

.carousel-style-9:hover .control-slide-banner .btn-slide-prev {
    left: 0;
}

.carousel-style-9:hover .control-slide-banner .btn-slide-next {
    right: 0;
}

.carousel-style-9 .background-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.carousel-style-9 .background-cover {
    overflow: hidden;
    position: relative;
}

.carousel-style-9 .background-cover .owl-controls .owl-prev,
.carousel-style-9 .background-cover .owl-controls .owl-next {
    opacity: 0;
    top: 50%;
    transform: translate(0, -50%);
    z-index: -1;
}

.carousel-style-9 .control-slide-banner {
    width: 100%;
}

.carousel-style-9 .control-slide-banner .btn-slide-prev,
.carousel-style-9 .control-slide-banner .btn-slide-next {
    z-index: 10;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    padding: 30px 10px;
    font-size: 36px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    opacity: 0.5;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
}

.carousel-style-9 .control-slide-banner .btn-slide-prev:hover,
.carousel-style-9 .control-slide-banner .btn-slide-next:hover {
    opacity: 1;
}

.carousel-style-9 .control-slide-banner .btn-slide-prev {
    left: -100%;
}

.carousel-style-9 .control-slide-banner .btn-slide-next {
    right: -100%;
}

.carousel-style-9 .introduce-text-wrapper {
    position: absolute;
    top: 50%;
    left: 115px;
    right: 50px;
    transform: translate(0, -50%);
    z-index: 2;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner {
    color: #fff;
    font-family: 'Raleway', sans-serif;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .title {
    color: #fff;
    font-size: 20px;

    display: inline-block;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .big-text {
    font-size: 45px;

}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .major-text {
    display: inline-block;
    margin-bottom: 55px;
    width: 80%;
    position: relative;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .major-text .rw-words {
    display: inline;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .major-text .margin2side {
    margin-left: 15px;
    margin-right: 15px;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .description {
    width: 45%;
    display: inline-block;
    font-size: 18px;
    margin-bottom: 50px;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .btn-wrapper .btn-viewmore,
.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .btn-wrapper .btn-purchase {
    background-color: transparent;
    padding: 9px 28px;
    border-radius: 20px;
    border: 1px solid #fff;
    color: #fff;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .btn-wrapper .btn-viewmore:hover,
.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .btn-wrapper .btn-purchase:hover {
    background-color: #333;
    border-color: #333;
}

.carousel-style-9 .introduce-text-wrapper .introduce-text-inner .btn-wrapper .btn-viewmore {
    margin-right: 30px;
}


/**********************/


/*       SLIDER 9     */


/**********************/


/**********************/


/*      SLIDER 10     */


/**********************/


/**********************/


/*      SLIDER 10     */


/**********************/


/*****************************************************************************************************/


/*                                            CONTENT                                                */


/*****************************************************************************************************/


/**********************/


/*       TOPICS       */


/**********************/

.topic-style-1 {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.topic-style-1 li {
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.topic-style-1 li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.topic-style-2 .media {
    margin-bottom: 15px;
}

.topic-style-2 .media .media-left {
    width: 104px;
}

.topic-style-2 .media a.media-image {
    margin-bottom: 0;
}

.topic-style-2 .media a.media-image img {
    width: 100%;
}

.topic-style-2 .media .media-right {
    vertical-align: middle;
    padding: 10px 0 0 15px;
}

.topic-style-2 .media .title {
    font-size: 14px;
    line-height: 16px;
}

.topic-style-2 .media .info {
    margin-bottom: 0;
}

.topic-style-2 .media:last-child {
    margin-bottom: 0;
}

.shw-widget .topic-style-2 .row {
    margin-bottom: 15px;
}

.shw-widget .topic-style-2 .row:last-child {
    margin-bottom: 0;
}


/**********************/


/*     END TOPICS     */


/**********************/


/**********************/


/*      CATERGORY      */


/**********************/

.news-category .media {
    margin-bottom: 20px;
    display: block;
}

.news-category .media .media-body {
    overflow: hidden;
}

.news-category .media .media-body a img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.news-category .media:hover .media-body a img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.news-category .topic-style-1 .info {
    margin-bottom: 0;
}

.news-category .media .caption {
    padding: 8px 12px;
}

.category-list-style-1 .media {
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-size: 14px;
    display: block;
}

.category-list-style-1 .media p {
    margin-bottom: 0;
}

.category-list-style-1 .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.category-list-style-1 .media .media-left .media-image {
    margin-bottom: 0;
}

.category-list-style-1 .media .media-left .media-image img {
    width: 100%;
}

.category-list-style-1 .media .media-left i {
    position: relative;
    top: 2px;
}

.category-list-style-1 .media .media-left .img-cate i,
.shw-widget .media .media-left .img-cate i {
    font-size: 12px;
    padding: 0px 7px 7px 7px;
    color: #fff;
}

.dark .category-list-style-1 .media .media-left i {
    color: white;
}

.category-list-style-1 .media .media-right {
    color: #333333;
    padding-left: 12px;
}

.category-list-style-1 .media .media-right .title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
}

.category-list-style-1 .media:hover .media-right {
    color: #a3a3a3;
}

.category-list-style-1.auto-width-style .media .media-left {
    width: 32%;
}


/**********************/


/*   END CATRGORY     */


/**********************/


/**********************/


/*      CAPTION       */


/**********************/

.caption {
    position: absolute;
    bottom: 0;
    width: 100%;
    transition: all 0.3s linear;
    padding: 8px 12px;
    min-height: 30px;
}

.caption:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s linear;
}

.caption:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s linear;
}

.caption.dark {
    background: transparent;
}

.caption.dark p,
.caption.dark a {
    color: #fff;
}

.caption.dark:before {
    background-color: rgba(0, 0, 0, 0.7);
}

.caption.dark:after {
    background-color: rgba(255, 255, 255, 0.7);
}

.caption.light {
    background: transparent;
}

.caption.light p,
.caption.light a {
    color: #333333;
}

.caption.light:before {
    background-color: rgba(255, 255, 255, 0.7);
}

.caption.light:after {
    background-color: rgba(0, 0, 0, 0.7);
}

.caption.style-2:after {
    display: none;
}

.media .caption .title {
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
}

.caption-2-row .caption {
    min-height: 56px;
}

.caption-2-row .caption .title.big-text {
    font-size: 18px;
    line-height: 24px;
}


/**********************/


/*    END CAPTION     */


/**********************/


/**********************/


/*       LAYOUT       */


/**********************/

.media {
    margin-bottom: 30px;
    margin-top: 0;
    position: relative;
}

.index-topics .section-content > .row .media:last-child {
    margin-bottom: 0;
}

.media .media-left {
    padding: 0;
}

.media .media-right {
    vertical-align: top;
}

.media .media-body {
    position: relative;
}

.media .title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 8px;
}

.shw-shortcode.grid-03 .media .title {
    margin-top: 15px;
}

.media .info {
    margin-bottom: 10px;
}

.media .media-image {
    position: relative;
    display: block;
    margin-bottom: 20px;
}

.media .media-image:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.5);
    transition: all 0.3s linear;
    opacity: 0;
}

.media .media-image img {
    max-width: 100%;
}

.media .sub-link {
    display: inline-block;
    font-style: italic;
    padding-left: 30px;
    margin-bottom: 15px;
}

.media .sub-link a {
    color: #adadad;
    width: 100%;
    display: block;
}

.media .sub-link a span {
    padding-left: 10px;
}

.media .sub-link a:hover {
    color: #333333;
}

.media:hover .media-image:after {
    opacity: 1;
}

.media:hover .caption:before {
    top: 100%;
}

.media:hover .caption:after {
    top: 0;
}

.media:hover .caption.light p,
.media:hover .caption.light a {
    color: #fff;
}

.media:hover .caption.dark p,
.media:hover .caption.dark a {
    color: #333333;
}

.media:hover .caption.style-2.dark:before {
    background-color: rgba(255, 255, 255, 0.7);
    top: 0;
}

.media:hover .caption.style-2.light:before {
    background-color: rgba(0, 0, 0, 0.7);
    top: 0;
}


/**********************/


/*     END LAYOUT     */


/**********************/


/**********************/


/*    CATEGORY TAGS   */


/**********************/

.category-tags a.tags {
    display: block;
    padding: 7px 10px;
    margin: 5px;
    font-size: 12px;

    color: #333;
    background-color: transparent;
    border: 1px solid #626262;
    text-align: center;
    font-weight: bold;
    transition: all 0.3s linear;
}

.category-tags a.tags:hover {
    background-color: #626262;
    color: #fff;
}

.category-tags .tag-style-1 {
    padding: 0;
}

.category-tags .tag-style-1 li {
    display: inline-block;
    width: 50%;
    float: left;
}

.category-tags .tag-style-2 {
    padding: 0;
}

.category-tags .tag-style-2 li {
    display: inline-block;
    width: auto;
}


/**********************/


/*  END CATEGORY TAGS */


/**********************/


/**********************/


/*    IMG CATEGORY    */


/**********************/

.img-cate {
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    text-align: center;
}

.img-cate span {
    padding: 10px 20px;
    display: block;
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #fff;
    background-color: #4a4a4a;
}

.img-cate i {
    padding: 10px 15px;
    color: #ffffff;
}


/**********************/


/*  END IMG CATEGORY  */


/**********************/


/*****************************/


/*       VIDEO STYLE 2       */


/*****************************/

.video-top-wrapper {
    padding: 30px;
    background-color: #f1f1f1;
}

.video-top-wrapper .video-top-content .video-wrapper {
    display: table-cell;
    padding-right: 30px;
}

.video-top-wrapper .video-top-content .video-wrapper iframe {
    position: relative;
    width: 560px;
    height: 315px;
}

.video-top-wrapper .video-top-content .video-description {
    display: table-cell;
    vertical-align: middle;
    color: #a3a3a3;
}

.video-top-wrapper .video-top-content .video-description .title {
    white-space: normal;
    height: auto;
    overflow: visible;
}

.video-top-wrapper .video-top-content .video-description .description {
    margin-bottom: 15px;
    display: block;
}

.video-top-wrapper .video-top-content .video-description .btn-watch {
    margin-right: 15px;
}

.video-top-wrapper .video-top-content .video-description .join-discussion {
    display: inline-block;
    margin-left: 15px;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
    color: #a3a3a3;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.video-top-wrapper .video-top-content .video-description .join-discussion:hover {
    color: #333;
}

.video-link-wrapper .list-panel-videos {
    border-bottom: 0;
    background-color: #F5F5F5;
}

.video-link-wrapper .list-panel-videos li .heading-title {
    color: #a3a3a3;
    border-radius: 0;
    border: 0;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.video-link-wrapper .list-panel-videos li .heading-title:focus,
.video-link-wrapper .list-panel-videos li .heading-title:hover {
    color: #333;
    border: 0;
    text-decoration: none;
}

.video-link-wrapper .list-panel-videos li.active a {
    color: #333;
}

.video-link-wrapper .video-link-content {
    padding-top: 15px;
}

.video-link-wrapper .video-link-content .style-2:nth-child(2n):nth-last-child(-n+3) ~ .style-2 .media {
    margin-bottom: 0;
}

.video-link-wrapper .media-image img {
    width: 100%;
}

.video-link-content .layout-media-horizontal:last-child .media {
    margin-bottom: 0px;
}

.video-link-wrapper .layout-media-horizontal .media .media-image {
    margin-bottom: 10px;
}


/*****************************/


/*     End VIDEO STYLE 2     */


/*****************************/


/*****************************/


/*       VIDEO STYLE 3       */


/*****************************/

.page-detail-video2 .video-col {
    margin-bottom: 10px;
}

.video-style-3 {
    overflow: visible;
}

.video-style-3 .caption h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    position: relative;
}

.video-style-3 .caption .author,
.video-style-3 .caption .views {
    z-index: 2;
    position: relative;
    color: #a3a3a3;
}

.video-style-3 .video-block {
    margin-bottom: 0;
}

.video-style-3 .video-block:hover .caption .author,
.video-style-3 .video-block:hover .caption .views {
    color: #333;
}


/**********************/


/*    VIDEO SLIDER    */


/**********************/

.video-wrapper {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

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

.video-block .media-left {
    padding-right: 15px;
}

.video-block .media-left img {
    width: 150px;
    transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
}

.video-block .media-left img:hover {
    opacity: 0.8;
}

.video-block .media-body .title {
    margin-top: 0px;
    line-height: 1.3em;
    font-weight: bold;
    margin-bottom: 15px;
    position: relative;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    font-size: 15px;
}

.video-block .media-body .title a {
    color: #333333;
}

.video-block .media-body .title a:hover {
    color: #a3a3a3;
}

.video-block .media-body .author {
    font-size: 12px;
    font-style: oblique;
    color: #adadad;
    line-height: 1.5;
}

.video-block .media-body .views {
    font-size: 12px;
    font-style: oblique;
    color: #adadad;
    line-height: 1.5;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 0px!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important;
}

.video-list {
    height: 100%;
    overflow-y: auto;
}

.video-list .video-block {
    cursor: pointer;
    margin-bottom: 5px;
}

.video-list.video-style-1 .video-block {
    margin-bottom: 15px;
}

.video-slider .item .title {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 40px;
    margin: 0 0 15px;
}


/* Carousel Fading slide */

.carousel-fade .carousel-control {
    z-index: 2;
}

.carousel-fade .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .next.left,
.carousel-fade .prev.right,
.carousel-fade .item.active {
    opacity: 1;
}

.carousel-fade .active.left,
.carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

@media all and (transform-3d),
(-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.carousel-control .control-icon {
    font-size: 48px;
    height: 30px;
    margin-top: -15px;
    width: 30px;
    display: inline-block;
    position: absolute;
    top: 50%;
    z-index: 5;
}

.carousel-control .prev {
    margin-left: -15px;
    left: 50%;
}


/* Prev */

.carousel-control .next {
    margin-right: -15px;
    right: 50%;
}


/* Next */

.carousel .control-box {
    opacity: 0;
}

a.carousel-control.left {
    left: 0;
    background: none;
    border: 0;
}

a.carousel-control.right {
    right: 0;
    background: none;
    border: 0;
}

.control-box,
a.carousel-control,
.carousel-indicators li {
    -webkit-transition: all 250ms ease;
    -moz-transition: all 250ms ease;
    -ms-transition: all 250ms ease;
    -o-transition: all 250ms ease;
    transition: all 250ms ease;
}

.carousel:hover .control-box {
    opacity: 1;
}

.carousel:hover a.carousel-control.left {
    left: 15px;
}

.carousel:hover a.carousel-control.right {
    right: 15px;
}

.carousel-indicators li.active,
.carousel-indicators li {
    border: 0;
}

.carousel-indicators li {
    background: #666;
    margin: 0 3px;
    width: 12px;
    height: 12px;
}

.carousel-indicators li.active {
    background: #fff;
    margin: 0 3px;
}

.heading-title {
    position: relative;
    background: #F5F5F5;
    overflow-y: hidden;
    padding-right: 30px;
    margin-bottom: 15px;
}

.heading-title .title {
    margin: 0;
    max-width: 100%;
    font-weight: bold;
    font-size: 18px;
    color: #FFF;
    display: inline-block;
    float: left;
    padding: 0px 15px;
    background: #333333;
    position: relative;
    height: 40px;
    line-height: 40px;
}

.heading-title .title span {
    display: block;
    text-overflow: ellipsis;

    overflow: hidden;
    white-space: nowrap;
}

.heading-title .title:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #333333;
}


/**********************/


/*   /VIDEO SLIDER    */


/**********************/


/**********************/


/*   SOCIAL WIDGET    */


/**********************/

.social-connected {
    list-style: none;
    padding-left: 0px;
    margin-left: -2px;
    margin-right: -2px;
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
}

.social-connected li {
    display: block;
    width: 25%;
    float: left;
    text-align: center;
    padding-right: 2px;
    padding-left: 2px;
}

.social-connected li a {
    display: block;
    color: #FFF;
    font-size: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    line-height: 1;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
}

.social-connected li a.facebook {
    background: #326EB7;
}

.social-connected li a.facebook:hover {
    background: #2d62a3;
}

.social-connected li a.youtube {
    background: #EB0005;
}

.social-connected li a.youtube:hover {
    background: #d20004;
}

.social-connected li a.twitter {
    background: #17A8DD;
}

.social-connected li a.twitter:hover {
    background: #1596c6;
}

.social-connected li a.google {
    background: #DC4937;
}

.social-connected li a.google:hover {
    background: #d43825;
}

.social-connected li .detail {
    background: #F1F1F1;
    padding-top: 15px;
    padding-bottom: 15px;
}

.social-connected li .detail strong {
    display: block;
}

.social-connected li .detail span {
    display: block;
}


/**********************/


/*   /SOCIAL WIDGET   */


/**********************/


/**********************/


/*   SERVEY WIDGET   */


/**********************/

.servey-widget {
    border: 1px solid #EDEDED;
    padding: 20px;
}

.servey-widget .title {
    padding-top: 0px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 12px;
    display: block;
}

.servey-widget .content .sv-question {
    margin-bottom: 10px;
    color: #3d3d3d;
}

.servey-widget .servey-form label {
    font-weight: normal;
    margin-left: 5px;
    color: #3d3d3d;
}

.servey-widget .servey-form .form-group {
    margin-bottom: 5px;
}

.servey-widget .servey-form .nav {
    margin-bottom: 0px;
}

.servey-widget .servey-form .nav > li {
    padding-top: 10px;
}

.servey-widget .servey-form .nav > li > a {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 1em;
    color: #333333;
}

.servey-widget .servey-form .nav > li > a:hover,
.servey-widget .servey-form .nav > li > a:focus {
    background: transparent;
    color: #404040;
}

.servey-widget .servey-form .nav > li:nth-child(2) > a {
    border-left: 1px solid #D4D4D4;
    border-right: 1px solid #D4D4D4;
}

.servey-widget .shw-input > span:before {
    color: #999999;
}

.servey-widget .line {
    margin-bottom: 20px;
    height: 1px;
    border-bottom: 1px solid #D4D4D4;
}

.shw-input {
    position: relative;
}

.shw-input input[type="checkbox"] {
    display: block;
    position: absolute;
    width: 15px;
    height: 18px;
    top: 2px;
    opacity: 0;
    z-index: 1;
}

.shw-input input[type="checkbox"]:checked + span:before {
    content: "\f046";
}

.shw-input input[type="checkbox"] + span:before {
    color: inherit;
    content: "\f096";
}

.shw-input input[type="radio"] {
    display: block;
    position: absolute;
    width: 15px;
    height: 18px;
    top: 2px;
    opacity: 0;
    z-index: 1;
}

.shw-input input[type="radio"] + span:before {
    content: "\f10c";
}

.shw-input input[type="radio"]:checked + span:before {
    content: "\f192";
}

.shw-input > span {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 18px;
    color: #666666;
    top: 2px;
    font-family: 'FontAwesome';
}


/**********************/


/*   /SERVEY WIDGET   */


/**********************/


/**********************/


/*   WEATHER WIDGET   */


/**********************/

.weather-news .location-link {
    text-align: left;
    float: left;
    position: relative;
    top: -5px;
}

.weather-news .location-link a {
    color: #404040;
}

.weather-news .location-link a:hover,
.weather-news .location-link a:focus {
    color: #a3a3a3;
}

.weather-news .today-weather {
    padding-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    padding-top: 35px;
}

.weather-news .today-weather .today-weather-wrapper {
    display: table;
    width: 100%;
}

.today-weather-wrapper .icon-weather,
.today-weather-wrapper .temp-wrapper,
.today-weather-wrapper .info-wrapper {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.today-weather-wrapper .icon-weather .icons {
    font-size: 90px;
    line-height: 1;
    font-style: normal;
}

.today-weather-wrapper .temp-wrapper .temp {
    font-size: 50px;
    line-height: 1;
}

.today-weather-wrapper .info-wrapper .info {
    word-break: break-word;
    font-style: normal;
}

.mega-menu .weather-news .today-weather .info p,
.dark .weather-news .today-weather .info p {
    color: rgba(255, 255, 255, 0.7);
}

.weather-news .today-weather .info p {
    font-size: 20px;
    margin-bottom: 5px;
    color: #333333;
}

.weather-news .today-weather .info small {
    color: #aaa;
}

.weather-news .next-day-weather i {
    font-size: 50px;
    line-height: 1em;
}

.weather-news .next-day-weather .temp {
    display: block;
    font-weight: bold;
    magin: 0;
}

.weather-news .next-day-weather .date-weather {
    color: #a3a3a3;
    font-size: 12px;
}

.weather-news .next-day-weather .col-xs-4 {
    padding-top: 10px;
    border-right: 1px solid #e5e5e5;
}

.weather-news .next-day-weather .col-xs-4:last-child {
    border-right: none;
}


/**********************/


/*   /WEATHER WIDGET  */


/**********************/


/**********************/


/*   MOST VIEW WIDGET */


/**********************/

.most-view-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0px;
}

.most-view-list li {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.most-view-list li img {
    display: block;
    -webkit-transition: -webkit-transform 0.6s ease;
    -moz-transition: -moz-transform 0.6s ease;
    -ms-transition: -ms-transform 0.6s ease;
    -o-transition: -o-transform 0.6s ease;
    transition: transform 0.6s ease;
}

.most-view-list li:last-child {
    margin-bottom: 0px;
}

.most-view-list li:hover img {
    -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
}

.most-view-list li .description {
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    overflow: hidden;
}

.most-view-list li .description .inner {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0 20px;
}

.most-view-list li .description .media-content {
    position: relative;
    top: 50%;
    bottom: 50%;
    -moz-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    -o-transform: translate(0%), -50%;
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.most-view-list li .description .media-content .title {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3em;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: center;
    color: #333333;
}

.most-view-list li .description .media-content .title:hover {
    color: #404040;
}

.most-view-list li .description .info {
    text-align: center;
    color: #333333;
}

.most-view-list li .description .info .category {
    background: transparent;
    color: #333333;
}


/**********************/


/*  /MOST VIEW WIDGET */


/**********************/


/**********************/


/*    AUTHOR LIST     */


/**********************/

.author-list {
    list-style: none;
    padding-left: 0;
}

.author-list.layout-media-horizontal > li {
    margin-bottom: 30px;
}

.author-list .media:hover .media-image:after {
    opacity: 0;
}

.author-list .media-left .media-image:hover:after {
    opacity: 1;
}

.author-list .media-left .nav li {
    padding-top: 26px;
    padding-bottom: 26px;
}

.author-list .media-left .nav li.article-nums {
    background: #f2f2f2;
    color: #808080;
    font-size: 12px;
    text-align: center;
    font-style: oblique;
}

.author-list .media-left .nav li.views-count {
    background: #d9d9d9;
    color: #333333;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
}

.author-list .media-body {
    vertical-align: top;
    padding-top: 20px;
    padding-left: 30px;
}

.author-list .media-body .top-bar {
    margin-bottom: 15px;
}

.author-list .media-body .title {
    margin-bottom: 0px;

    position: initial;
}

.author-list .media-body .position {
    font-size: 12px;
    font-style: italic;
    color: #a3a3a3;
}

.author-list .media-body .description {
    margin-bottom: 30px;
}

.author-list .social-list li a {
    color: #777777;
}

.author-list .social-list li a:hover {
    color: #333333;
}

.author-list .info-list {
    list-style: none;
    padding-left: 0;
}

.author-list .info-list li {
    margin-bottom: 5px;
}

.author-list .info-list li a {
    color: #777777;
}

.author-list .info-list li a:hover {
    color: #333333;
}

.author-list .info-list li a i {
    margin-right: 10px;
}

.section-name .pull-right a {
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    color: #777777;
}

.section-name .pull-right a i {
    margin-right: 5px;
    font-size: 14px;
}

.section-name .pull-right a span {
    font-size: 12px;
    margin-left: 5px;
}

.pagination-st2 .pagination {
    display: block;
    text-align: center;
    float: none;
}

.pagination-st2 .pagination > li > a {
    background: #eeeeee;
}

.pagination-st2 .pagination > li > a.prev,
.pagination-st2 .pagination > li > a.next,
.pagination-st2 .pagination > li > a.last,
.pagination-st2 .pagination > li > a.first {
    width: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.section-name.st-2 {
    border-top-width: 1px;
    border-top-color: #777777;
}

.author-posted {
    margin-bottom: 30px;
}

.author-posted li {
    margin-bottom: 30px;
}

.author-posted li:last-child {
    margin-bottom: 0px;
}


/**********************/


/*    /AUTHOR LIST    */


/**********************/


/**********************/


/*    BUTTON STYLE    */


/**********************/

.btn {
    padding-left: 20px;
    padding-right: 20px;
    font-weight: bold;
}

.btn.btn-default {
    color: #FFF;
    background: #333333;
    border-color: #333333;
}

.btn.btn-default:hover {
    background: #4d4d4d;
    border-color: #4d4d4d;
}

.btn.btn-default.btn-line {
    background: transparent;
    border-color: #555555;
    color: #333333;
}

.btn.btn-default.btn-line:hover {
    background: #555555;
    border-color: #555555;
    color: #FFF;
}


/**********************/


/*    /BUTTON STYLE   */


/**********************/


/**********************/


/*      LIST PAGE     */


/**********************/

.list-page .media .info {
    margin-bottom: 10px;
}

.list-page .media .title {
    margin-bottom: 15px;
}

.list-page .media .description {
    margin-bottom: 20px;
}

.list-page .media:hover .media-image:after {
    opacity: 0;
}

.list-page .media .media-image {
    margin-bottom: 15px;
}

.list-page .media .media-image:hover:after {
    opacity: 1;
}

.list-page-2 {
    margin-bottom: 30px;
}


/**********************/


/*     /LIST PAGE     */


/**********************/


/**********************/


/*     SEARCH FORM    */


/**********************/

.search-page .search-form {
    margin-bottom: 30px;
}

.search-page .search-form .input-group {
    margin-bottom: 30px;
}

.search-page .search-form .form-control {
    height: 50px;
    border-radius: 0px;
}

.search-page .search-form .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ccc;
}

.search-page .search-form .btn-default.btn.btn-line {
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: #ccc;

    color: #777777;
}

.search-page .search-form .btn-default.btn.btn-line:hover {
    color: #FFF;
    border-color: #555555;
}

.search-page .search-form .result {

    color: #333333;
    font-size: 16px;
}


/**********************/


/*    /SEARCH FORM    */


/**********************/


/**********************/


/*    /CONTACT MAP    */


/**********************/

.contact-map {
    margin-bottom: 30px;
}

.contact-form .form-control::-moz-placeholder {
    font-style: normal;
}

.contact-form .form-control:-ms-input-placeholder {
    font-style: normal;
}

.contact-form .form-control::-webkit-input-placeholder {
    font-style: normal;
}

.contact-form textarea {
    min-height: 100px;
    max-width: 100%;
}

.contact-information {
    color: #555555;
}

.contact-information .heading {
    margin-bottom: 15px;
    font-size: 16px;

    font-weight: bold;
    color: #333333;
}

.contact-information .address {
    margin-bottom: 10px;
}

.contact-information .item {
    position: relative;
    margin-bottom: 10px;
}

.contact-information .item i {
    position: absolute;
    left: 0;
    top: 2px;
}

.contact-information .item span {
    padding-left: 30px;
}


/**********************/


/*    /CONTACT MAP    */


/**********************/


/**********************/


/*     PAGE 404       */


/**********************/

.content-404 {
    text-align: center;
}

.content-404 .error-404 {
    font-size: 160px;
    font-weight: 300;
    line-height: 1;
}

.content-404 .error-name {
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 30px;
    line-height: 1.2em;
}

.content-404 .description {
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5em;
    margin-bottom: 45px;
}

.content-404 .btn {

    padding: 10px 20px;
    margin-bottom: 50px;
}

.search-wrapper {
    padding-top: 80px;
    padding-bottom: 80px;
    background: #F8F8F8;
}

.search-wrapper .search .form-control {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    height: 50px;
}

.search-wrapper .search .btn {
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 35px;
    padding-right: 35px;
    float: right;
}


/**********************/


/*     /PAGE 404      */


/**********************/


/**********************/


/*    NEWS MARSORY    */


/**********************/

.news-marsory {
    position: relative;
    width: 100%;
}

.news-marsory:after {
    content: "";
    display: table;
    clear: both;
}

.news-marsory .item-size,
.news-marsory .item-width-1 {
    width: 25%;
}

.news-marsory .block-item {
    width: 25%;
    float: left;
    padding: 2px;
    height: 256px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.news-marsory .block-item.item-width-2 {
    width: 50%;
}

.news-marsory .block-item.item-height-2 {
    height: 512px;
}

.news-marsory .block-item .inner {
    background: #eeeeee;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.news-marsory .block-item .inner .img {
    display: block;
}

.news-marsory .block-item .inner .img img {
    -webkit-transition: transform 0.6s;
    -o-transition: transform 0.6s;
    transition: transform 0.6s;
}

.news-marsory .block-item .inner:hover .img {
    filter: url(../images/blur.svg#svg-blur);
    filter: blur(5px);
    -webkit-filter: blur(5px);
    -moz-filter: blur(5px);
    -o-filter: blur(5px);
    -ms-filter: blur(5px);
    filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius='5');
}

.news-marsory .block-item .inner:hover .img img {
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
}

.news-marsory .block-item .inner:hover .media:before {
    top: -20%;
}

.news-marsory .block-item .inner .media {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    margin: 0;
    padding: 20px;
    display: table;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}

.news-marsory .block-item .inner .media:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 120%;
    top: 40%;
    left: 0;
    -webkit-transition: top 0.6s;
    -o-transition: top 0.6s;
    transition: top 0.6s;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(49%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0.8) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 49%, rgba(0, 0, 0, 0.8) 100%);
}

.news-marsory .block-item .inner .media-body {
    display: table-cell;
    vertical-align: bottom;
    position: relative;
    z-index: 1;
}

.news-marsory .block-item .inner .title {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
    display: table;
    position: relative;
    padding-bottom: 5px;
}

.news-marsory .block-item .inner .title:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 0%;
    height: 1px;
    background: #FFF;
    -webkit-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
}

.news-marsory .block-item .inner .title:hover:before {
    width: 100%;
}

.news-marsory .block-item .inner .info {
    font-style: normal;
}

.news-marsory .block-item .inner .info a {
    font-size: 12px;
    color: #fff;
}

.news-marsory .block-item .inner .info span {
    font-size: 12px;
    color: #fff;
}

.news-marsory .block-item .inner .info i {
    color: #fff;
}


/**********************/


/*   /NEWS MARSORY    */


/**********************/


/**********************/


/*     SHORTCODE      */


/**********************/

.shortcode-title {
    font-family: 'Roboto Slab', serif;
    font-weight: bold;
    font-size: 18px;

}

.shortcode-title.dark {
    color: #333333;
}

.shortcode-title.light {
    color: #d8d8d8;
}

.demo-panel-typography {
    padding: 50px 0;
    border-bottom: 1px solid #737373;
}

.demo-panel-typography:last-child {
    border-bottom: 0;
}

.demo-typography-style,
.demo-columns {
    margin-bottom: 30px;
}

.demo-typography-style:last-child,
.demo-columns:last-child {
    margin-bottom: 0;
}

.text-background-primary,
.text-background-secondary,
.text-background-secondary-border {
    padding: 2px 5px;
}

.text-background-primary {
    background-color: #333333;
    color: #d8d8d8;
    border: 0;
}

.text-background-secondary {
    background-color: #737373;
    color: #d8d8d8;
    border: 0;
}

.text-background-secondary-border {
    background-color: #737373;
    color: #d8d8d8;
    border: 1px dashed #333333;
}

.text-primary,
.link-text,
.unederlined-text {
    color: #737373;
}

.link-text {

    text-decoration: underline;
    font-weight: bold;
    transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
}

.link-text:hover {
    color: #333333;
}

.unederlined-text {
    text-decoration: underline;
    font-style: italic;
    font-weight: bold;
}

.demo-list-style:last-child {
    margin-bottom: 0;
}

.demo-list-style ul > li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 10px;
}

.demo-list-style ul > li:last-child {
    margin-bottom: 0;
}

.demo-list-style ul > li:before {
    position: absolute;
    top: 0;
    left: 0;
    font-family: "fontawesome";
    line-height: 12px;
    font-weight: bold;
    text-align: center;
}

.list-style-01.dark,
.list-style-02.dark,
.list-style-03.dark {
    color: #d8d8d8;
}

.list-style-01.dark ul li,
.list-style-02.dark ul li,
.list-style-03.dark ul li {
    color: #d8d8d8;
}

.list-style-01.dark ul li:before,
.list-style-02.dark ul li:before,
.list-style-03.dark ul li:before {
    background-color: transparent;
    border-color: #d8d8d8;
}

.list-style-01.light,
.list-style-02.light,
.list-style-03.light {
    color: #333333;
}

.list-style-01.light ul li,
.list-style-02.light ul li,
.list-style-03.light ul li {
    color: #333333;
}

.list-style-01.light ul li:before,
.list-style-02.light ul li:before,
.list-style-03.light ul li:before {
    background-color: transparent;
    border-color: #333333;
}

.list-style-04.dark ul li,
.list-style-05.dark ul li,
.list-style-06.dark ul li {
    color: #d8d8d8;
}

.list-style-04.dark ul li:before,
.list-style-05.dark ul li:before,
.list-style-06.dark ul li:before {
    color: #333333;
    background-color: #ffffff;
    border-color: #ffffff;
}

.list-style-04.light ul li,
.list-style-05.light ul li,
.list-style-06.light ul li {
    color: #333333;
}

.list-style-04.light ul li:before,
.list-style-05.light ul li:before,
.list-style-06.light ul li:before {
    color: #ffffff;
    background-color: #333333;
    border-color: #333333;
}

.list-style-01 ul > li:before {
    padding-left: 2px;
    font-family: "fontawesome";
    content: "\f105";
    font-size: 12px;
    border: 2px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
}

.list-style-02 ul > li:before {
    line-height: 16px;
    font-family: "fontawesome";
    content: "\f0da";
    font-size: 16px;
}

.list-style-03 ul > li:before {
    font-size: 8px;
    line-height: 18px;
    font-family: "fontawesome";
    content: "\f0c8";
}

.list-style-04 ul > li:before {
    font-family: "fontawesome";
    content: "\f061";
    border: 2px solid;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    font-size: 9px;
    font-weight: normal;
    line-height: 11.5px;
    padding-left: 1px;
}

.list-style-05 ul > li {
    counter-increment: mega-step;
}

.list-style-05 ul > li:before {
    font-family: 'Lato', sans-serif;
    content: counter(mega-step, upper-latin);
    width: 16px;
    height: 16px;
    font-size: 11px;
    font-weight: normal;
    line-height: 11.5px;
    border-radius: 50%;
    border: 2px solid;
}

.list-style-06 ul > li {
    counter-increment: mega-step;
}

.list-style-06 ul > li:before {
    font-family: 'Lato', sans-serif;
    content: counter(mega-step, upper-roman);
    width: 16px;
    height: 16px;
    font-size: 10px;
    font-weight: normal;
    line-height: 11.5px;
    border-radius: 50%;
    border: 2px solid;
}

.demo-dropcap-style {
    padding: 30px 0;
}

p.dropcaps-st-1:first-of-type:first-letter {
    float: left;
    font-size: 48px;
    line-height: 1;
    font-weight: bold;
    margin-right: 25px;
    margin-top: -2px;
}

p.dropcaps-st-2:first-of-type:first-letter {
    float: left;
    font-size: 36px;
    line-height: 1;
    padding: 5px 12px;
    margin-right: 8px;
    background-color: #737373;
    border-radius: 50%;
    border: 0;
    color: #fff;
}

.blockquote {
    color: #737373;
    font-family: 'Roboto', sans-serif;
    padding-left: 15px;
    font-weight: 300;
    font-style: italic;
    position: relative;
}

.blockquote-01 {
    font-size: 18px;
}

.blockquote-02 blockquote {
    border-left: 0;
    font-size: 24px;
    padding-left: 60px;
    color: #333333;
    position: relative;
}

.blockquote-02 blockquote:before {
    position: absolute;
    content: '\f10d';
    font-family: 'FontAwesome';
    top: -10px;
    left: 0;
    font-size: 40px;
    color: #f1f1f1;
}

.blockquote-02 blockquote footer {
    padding-top: 15px;
    color: #d8d8d8;
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
}

.blockquote-02 blockquote footer:before {
    content: "";
}

.blockquote-03 {
    padding: 30px;
    border-top: 2px solid #333;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.blockquote-03 blockquote {
    font-size: 18px;
    border-left: 0;
    padding-left: 40px;
    margin-bottom: 0;
    position: relative;
}

.blockquote-03 blockquote:before {
    position: absolute;
    content: '\f10d';
    font-family: 'FontAwesome';
    top: 5px;
    left: 0;
    font-size: 30px;
    color: #f1f1f1;
}

.blockquote-04 blockquote {
    font-size: 14px;
    padding-left: 15px;
    position: relative;
}

.accordion-01.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-02.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-03.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-04.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-05.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion-01 .panel-group .panel-heading + .panel-collapse > .panel-body,
.accordion-02 .panel-group .panel-heading + .panel-collapse > .panel-body,
.accordion-03 .panel-group .panel-heading + .panel-collapse > .panel-body,
.accordion-04 .panel-group .panel-heading + .panel-collapse > .panel-body,
.accordion-05 .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}

.accordion-01 .panel,
.accordion-02 .panel,
.accordion-03 .panel,
.accordion-04 .panel {
    box-shadow: none;
}

.accordion-01.accordion-white .panel {
    border: 1px solid #737373;
    border-radius: 3px;
}

.accordion-01.accordion-white .panel .panel-heading {
    padding: 0;
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px;
    border-radius-top-left: 3px;
    border-radius-top-right: 3px;
    display: block;
    background-color: #333333;
    color: #ffffff;
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle i {
    font-size: 12px;
    float: right;
    color: #ffffff;
    border: 2px solid #ffffff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    margin-top: -2px;
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle i:before {
    content: '\f0d8';
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle.collapsed {
    background-color: transparent;
    color: #333333;
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle.collapsed i {
    line-height: 18px;
    color: #737373;
    border-color: #737373;
}

.accordion-01.accordion-white .panel .panel-heading .accordion-toggle.collapsed i:before {
    content: '\f0d7';
}

.accordion-01.accordion-white .panel .panel-body {
    border-top: 0;
}

.accordion-02.accordion-white .panel {
    border: 1px solid #737373;
    border-radius: 3px;
}

.accordion-02.accordion-white .panel .panel-heading {
    padding: 0;
}

.accordion-02.accordion-white .panel .panel-heading .accordion-toggle {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px;
    border-radius-top-right: 3px;
    border-radius-top-left: 3px;
    display: block;
    background-color: #333333;
    color: #ffffff;
    position: relative;
}

.accordion-02.accordion-white .panel .panel-heading .accordion-toggle:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%;
    content: '\f0d8';
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #ffffff;
    border-left: 1px solid #ffffff;
    text-align: center;
    line-height: 37px;
}

.accordion-02.accordion-white .panel .panel-heading .accordion-toggle.collapsed {
    background-color: transparent;
    color: #333333;
}

.accordion-02.accordion-white .panel .panel-heading .accordion-toggle.collapsed:before {
    color: #737373;
    border-color: #737373;
    content: '\f0d7';
}

.accordion-02.accordion-white .panel .panel-body {
    border-top: 0;
}

.accordion-02.accordion-white .panel .panel-body .media {
    margin-bottom: 0;
}

.accordion-02.accordion-white .panel .panel-body .media .media-image {
    margin-bottom: 0;
}

.accordion-02.accordion-white .layout-media-horizontal .style-1 .media .media-left {
    width: 17%;
}

.accordion-03.accordion-white .panel {
    border: 0;
    border-radius: 3px;
}

.accordion-03.accordion-white .panel .panel-heading {
    padding: 0;
}

.accordion-03.accordion-white .panel .panel-heading .accordion-toggle {
    border: 1px solid #ececec;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px 10px 60px;
    border-radius: 3px;
    display: block;
    background-color: #ececec;
    color: #333333;
    position: relative;
}

.accordion-03.accordion-white .panel .panel-heading .accordion-toggle:before {
    position: absolute;
    top: -1px;
    left: 0;
    width: 40px;
    height: 39px;
    content: '\f068';
    font-family: 'FontAwesome';
    font-size: 12px;
    color: #ffffff;
    background-color: #333;
    border: 1px solid #333;
    text-align: center;
    line-height: 39px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.accordion-03.accordion-white .panel .panel-heading .accordion-toggle.collapsed {
    border-color: #c9c9c9;
    background-color: transparent;
    color: #333333;
}

.accordion-03.accordion-white .panel .panel-heading .accordion-toggle.collapsed:before {
    content: '\f067';
}

.accordion-03.accordion-white .panel .panel-body {
    border-top: 0;
}

.accordion-03.accordion-white .panel .panel-body .media {
    margin-bottom: 0;
}

.accordion-03.accordion-white .panel .panel-body .media .media-image {
    margin-bottom: 0;
}

.accordion-04.accordion-white .panel {
    border: 0;
    border-bottom: 1px solid #ececec;
    border-radius: 3px;
}

.accordion-04.accordion-white .panel .panel-heading {
    padding: 0;
}

.accordion-04.accordion-white .panel .panel-heading .accordion-toggle {
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    font-weight: normal;

    font-size: 16px;
    padding: 10px 0;
    display: block;
    color: #626262;
    position: relative;
}

.accordion-04.accordion-white .panel .panel-heading .accordion-toggle:before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    content: '\f068';
    font-family: 'FontAwesome';
    font-size: 7px;
    background-color: transparent;
    border-radius: 50%;
    text-align: center;
    line-height: 15px;
    background-color: #333333;
    color: #ffffff;
}

.accordion-04.accordion-white .panel .panel-heading .accordion-toggle.collapsed {
    border-bottom: 0;
}

.accordion-04.accordion-white .panel .panel-heading .accordion-toggle.collapsed:before {
    background-color: #333333;
    color: #ffffff;
    content: '\f067';
}

.accordion-04.accordion-white .panel .panel-body {
    margin: 15px;
    background-color: #ececec;
}

.accordion-05.panel-group .panel + .panel {
    margin-top: 0;
}

.accordion-05.accordion-white .panel {
    border: 1px solid #ececec;
    border-radius: 0;
}

.accordion-05.accordion-white .panel .panel-heading {
    padding: 0;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle {
    box-shadow: 0 0 10px 0 #d2d2d2;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 15px 10px 40px;
    display: block;
    background-color: transparent;
    color: #333333;
    position: relative;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle:before {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
    width: 45px;
    height: 15px;
    content: '\f0d7';
    font-family: 'FontAwesome';
    font-size: 14px;
    background-color: transparent;
    text-align: center;
    line-height: 15px;
    color: #ececec;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle i {
    font-size: 12px;
    float: right;
    color: #ececec;
    border: 1px solid #ececec;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 16px;
    margin-top: -2px;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle i:before {
    content: '\f00d';
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle.collapsed {
    box-shadow: none;
    background-color: transparent;
    color: #333333;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle.collapsed:before {
    content: '\f0da';
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle.collapsed i {
    line-height: 18px;
}

.accordion-05.accordion-white .panel .panel-heading .accordion-toggle.collapsed i:before {
    content: '\f067';
}

.accordion-05.accordion-white .panel .panel-body {
    border-top: 0;
}

.quote-content {
    position: relative;
    padding-bottom: 55px;
}

.quote-content blockquote {
    font-size: 16px;
    font-style: italic;
}

.quote-content .info-style-2 {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #333333;
    font-weight: bold;
    font-style: normal;
}

.quote-content .info-style-2 .title {
    font-style: italic;
    display: inline-block;
}

.bubble-quote {
    position: relative;
    padding: 15px;
    color: #626262;
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #ececec;
}

.bubble-quote:before {
    content: "";
    position: absolute;
    z-index: 2;
    bottom: -20px;
    right: 78px;
    width: 20px;
    height: 20px;
    border-style: solid;
    border-width: 0 2px 0 0;
    border-color: #ececec;
    background-color: #fff;
}

.bubble-quote:after {
    content: "";
    position: absolute;
    z-index: 2;
    transform: rotate(-45deg);
    bottom: -32px;
    right: 85px;
    width: 20px;
    height: 29px;
    border-style: solid;
    border-width: 0 2px 0 0;
    border-color: #ececec;
    background: transparent;
}

.bubble-quote blockquote {
    border-left: 0;
    margin-bottom: 0;
}

.bubble-quote blockquote i {
    font-size: 24px;
    color: #737373;
    margin-right: 15px;
}

.testimonials-st-3 .quote-content {
    width: 80%;
    display: table;
    margin: 0 auto;
}

.tab-01 {
    border: 1px solid #ececec;
}

.tab-01 .nav-tabs > div.active:first-child a {
    border-left: 1px solid rgba(0, 0, 0, 0);
}

.tab-01 .nav-tabs > div.active:first-child a:hover {
    border-bottom: 1px solid #fff;
}

.tab-01 .nav-tabs > div.active a {
    border-bottom: 1px solid #fff;
    position: relative;
}

.tab-01 .nav-tabs > div.active a:before {
    position: absolute;
    content: "";
    top: -1px;
    right: -6px;
    width: 6px;
    height: 102%;
    background: #e7e7e7;
    /* Old browsers */
    background: -moz-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e7e7e7), color-stop(100%, #ffffff));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    /* IE10+ */
    background: linear-gradient(to right, #e7e7e7 0%, #ffffff 100%);
    /* W3C */
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=1);
    /* IE6-9 */
}

.nav-tabs {
    margin-top: 0;
}

.tab-01 .nav-tabs >div {
    display: block;
    float: left;
    margin-bottom: -1px;
    position: relative;
}

.tab-01 .nav > div > a {
    display: block;
    padding: 10px 15px;
}

.tab-01 .nav-tabs > div.active a:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #333333;
}

.tab-01 .nav-tabs > div.active a:hover {
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #fff;
}

.tab-01 .nav-tabs > div a {
    padding-left: 30px;
    padding-right: 30px;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.tab-01 .nav-tabs > div a:hover {
    border-radius: 0;
    background-color: transparent;
}

.tab-01 .nav-tabs > div a:hover:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #333333;
}

.tab-01 .tab-content {
    padding: 30px;
}

.tab-02 {
    border: 0;
}

.tab-02 .nav-tabs {
    border-bottom: 0;
}

.tab-02 .nav-tabs > li.active a {
    background-color: transparent;
    color: #333333;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #fff;
}

.tab-02 .nav-tabs > li.active a:before {
    top: -5px;
    opacity: 1;
}

.tab-02 .nav-tabs > li a {
    padding-left: 30px;
    padding-right: 30px;
    color: #ffffff;
    border-radius: 0;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: #333333;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    position: relative;
}

.tab-02 .nav-tabs > li a:before {
    position: absolute;
    content: '';
    left: -1px;
    right: -1px;
    top: 0;
    height: 5px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    opacity: 0;
}

.tab-02 .nav-tabs > li a:hover {
    background-color: transparent;
    color: #333333;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #fff;
}

.tab-02 .nav-tabs > li a:hover:before {
    top: -5px;
    opacity: 1;
}

.tab-02 .tab-content {
    border: 1px solid #ececec;
    padding: 30px;
}

.tab-02 .layout-media-horizontal .style-1 .media .media-left {
    width: 17%;
}

.tab-03 {
    border: 1px solid #626262;
    border-radius: 3px;
}

.tab-03 .nav-tabs {
    background-color: #333333;
    border-color: #626262;
}

.tab-03 .nav-tabs > li:first-child a {
    border-left: 1px solid #333333;
}

.tab-03 .nav-tabs > li.active:first-child a {
    border-left: 1px solid #333333;
}

.tab-03 .nav-tabs > li.active:first-child a:hover {
    border-left: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.tab-03 .nav-tabs > li.active a {
    color: #d8d8d8;
    background-color: #333333;
    border-left: 1px solid #626262;
    border-right: 1px solid #626262;
    border-bottom: 1px solid #333333;
    position: relative;
}

.tab-03 .nav-tabs > li.active a:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #626262;
}

.tab-03 .nav-tabs > li.active a:hover {
    border-left: 1px solid #626262;
    border-bottom: 1px solid #333333;
}

.tab-03 .nav-tabs > li.active a:hover:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #626262;
}

.tab-03 .nav-tabs > li a {
    border-top: 1px solid #333333;
    border-left: 1px solid #626262;
    border-right: 1px solid #626262;
    margin-right: -1px;
    border-radius: 0;
    padding-left: 30px;
    padding-right: 30px;
    color: #d8d8d8;
    font-size: 14px;
    font-weight: bold;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.tab-03 .nav-tabs > li a:hover {
    border-bottom: 1px solid #626262;
    border-radius: 0;
    background-color: transparent;
}

.tab-03 .nav-tabs > li a:hover:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #626262;
}

.tab-03 .tab-content {
    background-color: #333333;
    padding: 30px;
    color: #d8d8d8;
}

.tab-04 .nav-tabs > li {
    float: none;
}

.tab-04 .nav-tabs > li.active a {
    margin-top: 0;
    margin-right: -1px;
    z-index: 1;
    color: #333333;
    background-color: transparent;
    border-top: 1px solid #dae1e5;
    border-right: 1px solid #fff;
}

.tab-04 .nav-tabs > li.active a:after {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 3px;
    height: 102%;
    background-color: #333333;
}

.tab-04 .nav-tabs > li > a {
    margin-right: 0;
    font-weight: bold;
    margin-top: -1px;
    color: #a1b1bc;
    background-color: #f9fafb;
    border-radius: 0;
    border-top: 1px solid #eceeef;
    border-bottom: 1px solid #eceeef;
    border-left: 1px solid #eceeef;
}

.tab-04 .nav-tabs > li > a i {
    text-align: center;
    width: 15px;
    margin-right: 10px;
}

.tab-04 .tab-panel-left {
    padding-right: 0;
}

.tab-04 .tab-panel-right {
    padding-left: 0;
}

.tab-04 .tab-panel-right .tab-content {
    padding: 20px;
    border: 1px solid #dae1e5;
}

.tab-06 {
    border: 0;
}

.tab-06 .nav-tabs {
    border-bottom: 0;
}

.tab-06 .nav-tabs > li:not(.active) a {
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
}

.tab-06 .nav-tabs > li.active a {
    background-color: transparent;
    color: #333333;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #fff;
}

.tab-06 .nav-tabs > li.active a:before {
    top: -5px;
    opacity: 1;
}

.tab-06 .nav-tabs > li a {
    margin-right: -1px;
    padding-left: 30px;
    padding-right: 30px;
    color: #333333;
    border-radius: 0;
    font-weight: bold;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.tab-06 .nav-tabs > li a:before {
    position: absolute;
    content: '';
    left: -1px;
    right: -1px;
    top: 0;
    height: 5px;
    border-top: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    background-color: #fff;
    opacity: 0;
}

.tab-06 .nav-tabs > li a:hover,
.tab-06 .nav-tabs > li a:focus {
    background-color: transparent;
    color: #333333;
    border-top: 1px solid #ececec;
    border-right: 1px solid #ececec;
    border-left: 1px solid #ececec;
    border-bottom: 1px solid #fff;
}

.tab-06 .nav-tabs > li a:hover:before,
.tab-06 .nav-tabs > li a:focus:before {
    top: -5px;
    opacity: 1;
}

.tab-06 .tab-content {
    border: 1px solid #ececec;
    padding: 30px;
}

.tab-06 .layout-media-horizontal .style-1 .media {
    margin-bottom: 0;
}

.tab-06 .layout-media-horizontal .style-1 .media .media-right .description br {
    display: block;
    margin: 12px 0;
    content: " ";
}

.table-01 .table > thead:first-child > tr > th:nth-of-type(odd) {
    background-color: #333333;
}

.table-01 .table > thead:first-child > tr:first-child > th {
    border-bottom-width: 1px;
}

.table-01 .table > thead > tr > th {
    text-align: center;

    color: #fff;
    background-color: #d8d8d8;
}

.table-01 .table > tbody > tr:nth-of-type(odd) {
    background-color: transparent;
}

.table-01 .table > tbody > tr > td {
    text-align: center;
}

.video-shortcode-st-1 {
    margin-bottom: 0 !important;
}

.video-shortcode-st-1 .demo-video-shortcode {
    width: 100% !important;
}

.video-shortcode-st-1 .mejs-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.video-shortcode-st-2,
.video-shortcode-st-3 {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.video-shortcode-st-2 iframe,
.video-shortcode-st-3 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.audio-shortcode .demo-audio-shortcode {
    width: 100% !important;
}

.gallery-wrapper {
    margin-bottom: 30px;
}

.gallery-wrapper:nth-child(3n):nth-last-child(-n+4) ~ .gallery-wrapper {
    margin-bottom: 0;
}

.photo-frame {
    padding-bottom: 20px;
    background-color: #f9f9f9;
    text-align: center;
}

.photo-frame .title {
    font-size: 18px;
    color: #333;

    font-weight: bold;
    letter-spacing: 1px;
}

.photo-frame .description {
    font-size: 11px;
    color: #000;

    font-weight: 300;
    letter-spacing: 1.5px;
}

.photo-frame .image-wrapper {
    position: relative;
    overflow: hidden;
    margin: 0 0 20px 0;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    padding-bottom: 25px;
}

.photo-frame .image-wrapper .mask-photo-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.photo-frame .image-wrapper .mask-content {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.photo-frame .image-wrapper img {
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.photo-frame .image-wrapper i {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.9);
    color: #000;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    -ms-transition: 0.3s;
}

.photo-frame .image-wrapper i:hover {
    background-color: #333;
    color: #fff;
}

.photo-frame .image-wrapper .fancy-gallery i {
    margin-right: 5px;
}

.photo-frame .image-wrapper:hover .mask-photo-hover {
    opacity: 1;
}

.photo-frame .image-wrapper:hover img {
    filter: blur(2px);
    -webkit-filter: blur(2px);
    transform: scale(1.2, 1.2);
}

.photo-frame .image-wrapper:hover i {
    animation: fadeInDown 0.6s;
}


/**********************/


/*     PAGE DETAIL    */


/**********************/

.form-control {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}

.form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #cccccc;
    outline: 0 !important;
}

.form-control::-webkit-input-placeholder {
    font-style: italic;
}

.form-control:-moz-placeholder {
    font-style: italic;
}

.form-control::-moz-placeholder {
    font-style: italic;
}

.form-control:-ms-input-placeholder {
    font-style: italic;
}

.link-for-page-detail {
    color: #333;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

.link-for-page-detail:hover {
    color: #737373;
    text-decoration: none;
}

.comments {
    display: inline-block;
}

.comments a {
    color: #adadad;
}

.share-link {
    display: inline-block;
    margin-left: 30px;
}

.share-link a {
    color: #adadad;
}

.hidden-text {
    display: inline;
}

.block-text {
    display: none;
}

small {
    color: #333;
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
}

small:hover {
    color: #737373;
    text-decoration: none;
}

.article-imagecover-wrapper {
    margin-bottom: 40px;
}

.article-imagecover-wrapper .title-news {
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    color: #333333;
    line-height: 1.3;
}

.article-imagecover-wrapper .title-news .title-page-detail {

    font-size: 30px;
    color: #333;
}

.content-news {
    margin-bottom: 10px;
}

.content-news .first_video {
    position: relative;
}

.content-news .title-news {
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    color: #333333;
    line-height: 1.3;
}

.content-news .title-news .title-page-detail {
    font-size: 30px;
    color: #333;
}

.content-news .info-news {
    margin-bottom: 30px;
}

.content-news .info-news .block-text {
    display: none;
}

.content-news .info-news .hidden-text {
    display: inline;
}

.content-news .first_video {
    margin-bottom: 30px;
}

.content-news .main-news {
    color: #737373;
    font-size: 15px;
    line-height: 1.7;
    text-align: justify;
}

.content-news .main-news p {
    margin-bottom: 30px;
    font-size: 15px;
}

.content-news .main-news .first_video {
    margin-bottom: 30px;
}

.content-news .main-news .image-news {
    margin-bottom: 30px;
    margin-right: 40px;
}

.content-news .main-news .image-news .info-image {
    font-style: italic;
    font-size: 12px;
    margin-top: 5px;
    color: #333333;
}

.content-news .main-news .image-news .info-image .category {
    color: #a3a3a3;
    margin-right: 5px;
}

.content-news .main-news blockquote {
    border-left: 0;
    position: relative;
    padding-bottom: 0;
}

.content-news .main-news blockquote:before {
    font-family: "fontawesome";
    content: '\f10d';
    position: absolute;
    top: -10px;
    font-size: 50px;
    color: #ccc;
}

.content-news .main-news blockquote p {
    margin-left: 65px;
    margin-bottom: 10px;
    font-size: 20px;
    font-style: italic;
    color: #737373;
}

.content-news .main-news blockquote footer {
    margin-left: 65px;
    font-style: italic;
    color: #000000;
}

.content-news .main-news blockquote footer:before {
    content: '';
}

.comment-info {
    border-bottom: 1px solid #000000;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

.comment-info ul.sign-in-social {
    margin: 0;
    display: inline-block;
}

.comment-info ul.sign-in-social > li {
    padding: 0;
}

.comment-info ul.sign-in-social > li:last-child > a {
    margin-right: 0;
}

.comment-info ul.sign-in-social > li > a {
    padding: 3px;
    line-height: 35px;
    background-color: transparent;
    border: 1px solid #737373;
    color: #737373;
    margin-right: 10px;
    -webkit-transition: 0.2s background-color;
    -moz-transition: 0.2s background-color;
    -ms-transition: 0.2s background-color;
    -o-transition: 0.2s background-color;
    transition: 0.2s background-color;
}

.comment-info ul.sign-in-social > li > a:hover {
    color: #ffffff;
}

.comment-info ul.sign-in-social > li > a:hover.icon-google-plus {
    background-color: #dd4b39;
    border-color: #dd4b39;
}

.comment-info ul.sign-in-social > li > a:hover.icon-twitter {
    background-color: #00aced;
    border-color: #00aced;
}

.comment-info ul.sign-in-social > li > a:hover.icon-facebook {
    background-color: #3b5998;
    border-color: #3b5998;
}

.comment-form .comment-write .input-group-lg > .form-control,
.comment-form .comment-write .input-group-lg > .input-group-addon,
.comment-form .comment-write .input-group-lg > .input-group-btn > .btn {
    height: auto;
    padding: 12px 16px;
    font-size: 14px;
    border-radius: 0;
}

.comment-form .comment-write .input-group-lg > .form-control {
    margin-bottom: 15px;
}

.comment-form .comment-write .input-error-msg {
    margin-bottom: 15px;
}

.comment-form .comment-write .input-group-lg > .form-control:last-child {
    margin-bottom: 0;
}

.comment-form .comment-write textarea {
    resize: vertical;
}

.comment-form .comment-write .input-group-btn > .btn {

    font-weight: bold;
    font-size: 14px;
    color: #c2c2c2;
}

.comment-form .comment-write .input-group-btn > .btn:hover {
    color: #fff;
}

.comment-form .comment-write .media-left {
    padding-right: 20px;
}

.comment-form .comment-write .media-submit {
    display: table;
    padding-top: 15px;
    z-index: 2;
}

.comment-form .comment-write .media-submit .input-group-btn {
    width: auto;
}

.comment-form .comment-list {
    list-style: none;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 30px;
}

.comment-form .comment-list.comment-list-children {
    margin-bottom: 0;
    border-bottom: 0;
}

.comment-form .comment-list.comment-list-children .media:last-child {
    padding-bottom: 0;
}

.comment-form .comment-list .media {
    padding-bottom: 25px;
    padding-top: 20px;
    margin-bottom: 0;
    border-bottom: 1px solid #e5e5e5;
}

.comment-form .comment-list .media:last-child {
    border-bottom: 0;
}

.comment-form .comment-list .media .media-left {
    padding-right: 20px;
}

.comment-form .comment-list .media .media-body .info {
    color: #aaaaaa;
    font-style: italic;
    margin-bottom: 10px;
}

.comment-form .comment-list .media .media-body .info .fa-circle {
    font-size: 7px;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
}

.comment-form .comment-list .media .media-body .description-comment {
    color: #737373;
}

.comment-form .comment-list .comment-write .media {
    border: 0;
    padding-bottom: 0;
    margin-top: 20px;
    margin-bottom: 0;
}


/*.comment-form .comment-list .comment-write .media .media-left img {
  width: 40px;
}*/

.comment-form .comment-list .comment-write .media .media-body textarea {
    padding: 8px 90px 8px 16px;
}

.comment-form .comment-list .comment-write .media .media-body .media-submit .btn {
    padding: 3px 8px;
    font-size: 12px;
}

.comment-form .description {
    display: block;
}

.related-news .related-news-list > .media {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.related-news .related-news-list > .media:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.related-news .related-news-list > .media .media-left {
    padding-right: 20px;
}

.related-news .related-news-list > .media .media-left .media-object {
    width: 98px;
    height: 99px;
}

.related-news .related-news-list > .media .media-body .title {
    font-size: 18px;
    color: #333333;
}

.related-news .related-news-list > .media .media-body .title:hover {
    color: #a3a3a3;
}

.related-news .related-news-list > .media .media-body .info {
    color: #aaaaaa;
    font-style: italic;
    font-size: 11px;
    margin-top: 10px;
}

.related-news .related-news-list > .media .media-body .info .category {
    color: #fff;
    padding: 3px 5px;
}

.related-news .related-news-list > .media .media-body .info .fa-circle {
    font-size: 5px;
    margin: 0 15px;
    vertical-align: middle;
}

.related-news .related-news-list > .media:hover .media-body .title {
    color: #a3a3a3;
}

.section-category {
    margin-bottom: 40px;
}

.section-category .section-name {
    border-top: 2px solid #000000;
    padding-top: 10px;
    margin-bottom: 25px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
}

.section-category .section-name a {
    color: #333333;
}

.section-category .section-name a:hover {
    color: #a3a3a3;
}

.section-category .section-name > .pull-right {
    font-weight: 400;
    text-transform: none;
    font-size: 12px;
}

.section-category .section-name > .pull-right > .location-link,
.section-category .section-name > .pull-right > .share-link {
    margin-top: 5px;
}

.section-category .section-name > .pull-right > .views > a {
    font-size: 18px;
}

.section-category .section-name > .pull-right a {
    color: #737373;
}

.section-category .section-name > .pull-right a:hover {
    color: #a3a3a3;
}

.livescore-table {
    border: 1px solid #e5e5e5;
    padding: 25px 30px;
    margin-bottom: 40px;
}

.livescore-table .heading {
    margin-bottom: 20px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
}

.livescore-table .table {
    margin-bottom: 0;
    border: none;
}

.livescore-table .table thead tr th {
    border: none;
    border-top: 1px solid #e5e5e5 !important;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.livescore-table .table tbody tr:nth-child(1) td,
.livescore-table .table tbody tr:nth-child(2) td,
.livescore-table .table tbody tr:nth-child(3) td {
    color: #333333;
}

.livescore-table .table tbody tr td {
    border: none;
    border-top: 0;
    color: #a3a3a3;
    text-align: center;
}

.livescore-table .cup-name {
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.livescore-table .cup-name > .pull-left {
    font-size: 18px;
}

.livescore-table .cup-name > .pull-right {
    margin-top: 0;
}

.livescore-table .cup-name > .pull-right .carousel-control {
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-shadow: none;
    color: #737373;
    position: relative;
    float: right;
    margin-left: 3px;
    background-color: #eeeeee;
    transition: background 0.3s;
}

.livescore-table .cup-name > .pull-right .carousel-control.left {
    background-image: none;
}

.livescore-table .cup-name > .pull-right .carousel-control.right {
    background-image: none;
}

.livescore-table .cup-name > .pull-right .carousel-control:hover.left {
    background-color: rgba(0, 0, 0, 0.1);
}

.livescore-table .cup-name > .pull-right .carousel-control:hover.right {
    background-color: rgba(0, 0, 0, 0.1);
}

.banner-adv-1 {
    margin-bottom: 40px !important;
}

.video-gallery-small .carousel-control {
    top: 50%;
    bottom: inherit;
    transform: translate(0, -50%);
    text-shadow: none;
    color: #ffffff;
    font-size: 45px;
}

.video-gallery-small .title {
    font-weight: bold;
}

.video-gallery-small {
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
}

.video-gallery-small:hover .caption:before {
    top: 100%;
}

.video-gallery-small:hover .caption:after {
    top: 0;
}

.video-gallery-small:hover .caption.light .title,
.video-gallery-small:hover .caption.light .category {
    color: #fff;
}

.video-gallery-small:hover .caption.dark .title {
    color: #333333;
}

.video-gallery-small .title,
.video-gallery-small .info {
    z-index: 2;
}

.video-gallery-small .heading {
    margin-bottom: 15px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
}

.video-gallery-small .caption {
    margin-top: 15px;
}

.video-gallery-small .caption .title {
    font-size: 16px;
    color: #333333;
}

.video-gallery-small .caption .title:hover {
    color: #a3a3a3;
}

.video-gallery-small .caption .info {
    color: #aaaaaa;
    font-style: italic;
    font-size: 11px;
    margin-top: 10px;
}

.video-gallery-small .caption .info .category {
    color: #adadad;
    padding: 3px 5px;
}

.video-gallery-small .caption .info .fa-circle {
    font-size: 5px;
    margin: 0 15px;
    vertical-align: middle;
}

.video-gallery-small .carousel-control.left {
    left: 0;
}

.video-gallery-small .carousel-control.left:hover {
    background-color: transparent;
}

.video-gallery-small .carousel-control.right {
    right: 0;
}

.video-gallery-small .carousel-control.right:hover {
    background-color: transparent;
}

.video-gallery .thumb .caption {
    font-size: 15px;
}

.author-page-detail {
    font-weight: bold;
    display: block;
    border: 1px solid #ababab;
    text-align: left;
    padding: 10px;
    margin-top: 40px;
}

.author-page-detail .media {
    margin-bottom: 0;
}

.author-page-detail .media .media-left {
    width: auto !important;
}

.author-page-detail .media .media-image img {
    max-width: 100px !important;
}

.author-page-detail .media .media-body {
    padding-left: 15px;
    padding-top: 5px;
}

.author-page-detail .media .media-body > .top-bar {
    margin-bottom: 7px;
}

.author-page-detail .media .media-body > .description {
    margin-bottom: 0;
}

.author-page-detail .media .media-body > .description > p {
    margin-bottom: 0;
    font-weight: 400;
}

.dropdown-linkshare {
    right: 0;
    left: auto;
    border-radius: 0;
    border: 1px solid #e5e5e5;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.3);
}

.dropdown-linkshare i {
    width: 20px;
}


/**********************/


/*     PAGE DETAIL    */


/**********************/

#back-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    z-index: 999;
}

#back-top i {
    border: 2px solid #333;
    background: #fff;
    font-size: 20px;
    padding: 7px 12px 7px;
    color: #333;
    font-weight: bold;
    line-height: 1;
    text-align: center;
    transition: all 0.3s ease;
}

#back-top:hover i {
    background: #333;
    color: #fff;
}

.col-left {
    float: left !important;
}

.col-right {
    float: right !important;
}


/*==============add more=========*/

.mega-menu .most-poppular-widget {
    width: 812px;
}

.auto-width-style .media-left img {
    display: block;
    width: 100%;
    max-width: initial;
}

.nav-footer ul li a i {
    display: none;
}

.vc_wp_tagcloud .widget_tag_cloud .widgettitle {
    margin-bottom: 25px;
    font-size: 18px;

    border-top: 2px solid #000;
    margin-top: 0;
    padding-top: 10px;
}

.shw-shortcode:last-child .layout-media-vertical:last-child > .style-1 > .media,
.shw-shortcode:last-child .layout-media-vertical:last-child .layout-media-vertical:last-child .style-1 > .media,
.shw-shortcode:last-child .list-submedia-style-1 .layout-media-vertical:last-child .style-1 > .media,
.shw-shortcode:last-child .list-submedia-style-1 .layout-media-vertical:last-child .style-2 > .media {
    margin-bottom: 0;
}

.shw-shortcode:last-child .layout-media-vertical:last-child > .style-1 > .list-submedia-style-1 {
    margin-top: 30px;
}

.list-submedia-style-1 .layout-media-horizontal:last-child .style-1:last-child .media,
.list-submedia-style-1 .layout-media-horizontal:last-child .style-2:last-child .media,
.list-submedia-style-1 .layout-media-horizontal:last-child .style-3:last-child .media {
    margin-bottom: 0;
}

.list-submedia-style-1 .layout-media-horizontal:last-child .style-1.col-sm-6 .media {
    margin-bottom: 0;
}

.layout-media-horizontal.carousel-1g-items .style-1 .media:last-child {
    margin-bottom: 0;
}

.list-submedia-style-1 .layout-media-vertical:last-child .style-1:last-child .media,
.list-submedia-style-1 .layout-media-vertical:last-child .style-2 .media {
    margin-bottom: 0;
}

.wpb_content_element.vc_wp_tagcloud {
    margin-bottom: 30px;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1:last-child .media {
    margin-bottom: 0;
}

div[class*="grid-02"].layout-media-vertical .list-submedia-style-1 .row:last-child .media:last-child {
    margin-bottom: 0;
}

#wrapper .wpb_gmaps_widget .wpb_wrapper {
    padding: 0;
}

#wrapper .wpb_gmaps_widget.shw-map iframe {
    pointer-events: none;
}


/********************************/


/*            carousel 3         */


/********************************/

.carousel-3 .subtitle {
    font-size: 20px;
    font-weight: 300;

    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.carousel-3 .location-news {
    margin-bottom: 0;
    max-height: 230px;
    overflow: auto;
}

.carousel-3 .location-news li {
    margin-bottom: 10px;
}

.carousel-3 .location-news li a i {
    margin-right: 15px;
}

.carousel-3 .carousel-control {
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-shadow: none;
    color: #737373;
    position: relative;
    text-align: center;
    float: right;
    margin-left: 3px;
    background-color: #eeeeee !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.carousel-3 .media .media-left {
    width: 40%;
}

.carousel-3 .media .media-left img {
    width: 100%;
}

.carousel-3 .media .media-left a {
    display: block;
}

.carousel-3 .media .media-right {
    width: 60%;
    padding-left: 20px;
    padding-right: 20px;
}

.carousel-3 .media .title {
    font-weight: 400;
}


/********************************/


/*            BLOCK 12          */


/********************************/

.index-topics .thumb .media-image {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
    margin-bottom: 15px;
}

.index-topics .thumb .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.index-topics .thumb .media-image:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.index-topics .thumb .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 8px;

}

.block12-list .media {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.block12-list .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.block12-list .media .img-cate i {
    padding: 5px 10px;
}

.block12-list .media .media-left {
    width: 90px;
}

.block12-list .media .media-left img {
    width: 100%;
}

.block12-list .media .media-right {
    padding-left: 20px;
}

.block12-list .media .media-right .title {
    font-size: 15px;
    font-weight: 400;

    line-height: 18px;
}

.block12-list .media .media-right .info {
    margin-bottom: 0;
}

.index-topics.has-description .block12-list .media .media-left {
    width: 120px;
}

.banner-adv img {
    padding: 0 30px;
    margin: 0 auto;
}


/****************************/


/*  SLIDER BANNER SIDEBAR   */


/****************************/

.slide-banner-sidebar {
    border: 1px solid #e5e5e5;
    padding: 20px 30px;
}

.slide-banner-sidebar .block-title {
    margin-bottom: 15px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;

    font-weight: bold;
    color: #000000;
}

.slide-banner-sidebar .banner-sidebar .media-image {
    display: inline-block;
    margin-bottom: 10px;
}

.slide-banner-sidebar .banner-sidebar .title {

}

.slide-banner-sidebar .banner-sidebar .owl-prev,
.slide-banner-sidebar .banner-sidebar .owl-next {
    width: 23px;
    height: 23px;
    line-height: 18px;
    text-shadow: none;
    color: #737373;
    text-align: center;
    top: -40px;
    background-color: #eeeeee;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-banner-sidebar .banner-sidebar .owl-prev {
    bottom: auto;
    right: 30px;
    left: auto;
}

.slide-banner-sidebar .banner-sidebar .owl-next {
    bottom: auto;
    right: 0px;
}


/****************************/


/*     SLIDER HOME PAGE     */


/****************************/

.slider-for {
    margin-bottom: 6px
}

.slider-nav {
    margin: 0 -3px;
    overflow: hidden
}

.slider-nav .items {
    margin: 0 3px;
    cursor: pointer
}

.slider-for .items-wrapper {
    display: table;
    width: 100%;
    overflow: hidden
}

.slider-for .items-wrapper .slider-caption {
    display: table-cell;
    min-width: 260px;
    width: 260px;
    vertical-align: top;
    padding: 30px 20px;
    background-color: #666666;
    color: #666666;
    position: relative;
    z-index: 2
}

.slider-for .items-wrapper .slider-caption .title {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
    display: block;
    line-height: 30px;
    max-height: 122px;
    overflow: hidden;
}

.slider-for .items-wrapper .slider-caption .description {
    max-height: 100px;
    overflow: hidden;
}

.slider-for .items-wrapper .slider-caption .info {
    margin-bottom: 10px;
}

.slider-for .items-wrapper .slider-caption .info.info-style-1 .category a {
    background-color: transparent;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.slider-for .items-wrapper .slider-caption .info.info-style-1 .item a,
.slider-for .items-wrapper .slider-caption .info.info-style-1 .item .style-icon:first-child:before {
    color: #8d8d8d;
}

.slider-for .items-wrapper .slider-caption .info.info-style-1 .item .style-icon {
    margin-left: 6px;
}

.slider-for .items-wrapper .slider-caption .info .style-icon {
    color: #fff
}

.slider-for .items-wrapper .slider-caption .info .style-icon:before {
    color: #fff
}

.slider-for .items-wrapper .media-image {
    display: table-cell;
    position: relative
}

.slider-for .items-wrapper .media-image img {
    transition: all 0.5s ease;
    width: 100%;
    margin-bottom: 0;
}

.slider-for .items-wrapper .media-image:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease
}

.slider-for .items-wrapper:hover .media-image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.slider-for .items-wrapper:hover .media-image:after {
    opacity: 1;
    visibility: visible
}

.slider-nav .news-image {
    position: relative;
    overflow: hidden;
}

.slider-nav .news-image .media-image {
    pointer-events: none;
    display: block;
}

.slider-nav .news-image .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.slider-nav .items .caption .title {
    line-height: 18px;
    display: block;
    height: 36px;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slider-nav .items:hover .caption.dark:before {
    background-color: rgba(255, 255, 255, 0.7);
}

.slider-nav .items:hover .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.slider-nav .items:hover .caption.dark .title {
    color: #000000;
}

.slider-nav .items:hover .caption.light:before {
    background-color: rgba(0, 0, 0, 0.7);
}

.slider-nav .items:hover .caption.light .title {
    color: #fff;
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    z-index: 2;
    width: 50px;
    height: 50px;
    text-align: center;
    transition: all 0.3s ease
}

.slider-nav .slick-prev:before,
.slider-nav .slick-next:before {
    font-family: 'FontAwesome';
    font-size: 50px;
    line-height: 1;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased
}

.slider-nav .slick-prev {
    left: -60px
}

.slider-nav .slick-prev:before {
    content: '\f104'
}

.slider-nav .slick-next {
    right: -60px
}

.slider-nav .slick-next:before {
    content: '\f105'
}

.slider-nav:hover .slick-prev {
    left: 3px
}

.slider-nav:hover .slick-next {
    right: 3px
}


/********************************/


/*            SLIDER 08         */


/********************************/

.slider1 .carousel-inner .caption {
    position: relative;
    height: 355px;
    padding: 30px;
    background-color: #000;
    color: #fff;
    z-index: 2;
}

.slider1 .carousel-inner .caption a.title {
    font-size: 26px;
    font-weight: bold;

    color: #fff;
    margin-bottom: 10px;
    display: block;
    line-height: 30px;
    max-height: 145px;
    overflow: hidden;
}

.slider1 .carousel-inner .caption .info {
    margin-bottom: 10px;
}

.slider1 .carousel-inner .caption .description {
    max-height: 100px;
    overflow: hidden;
}

.slider1 .carousel-inner .item img {
    width: 100%;
    height: 355px;
    transition: transform 0.5s cubic-bezier(0.49, -0.01, 0.42, 0.81);
}

#thumbcarousel .carousel-inner .thumb {
    position: relative;
}

#thumbcarousel .carousel-inner .thumb .media-image img {
    width: 100%;
    height: auto;
}

#thumbcarousel .carousel-inner .thumb .caption {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

#thumbcarousel .carousel-inner .thumb .caption .description {
    font-size: 14px;
    line-height: 20px;
    font-weight: bold;

}

.slider-news-carousel .carousel-inner .items-wrapper {
    display: table;
    width: 100%;
    overflow: hidden
}

.slider-news-carousel .carousel-inner .items-wrapper .slider-caption {
    display: table-cell;
    min-width: 260px;
    width: 28%;
    vertical-align: top;
    padding: 30px 20px;
    background-color: #666666;
    color: #fff;
    position: relative;
    z-index: 2
}

.slider-news-carousel .carousel-inner .items-wrapper .slider-caption .title {
    font-size: 26px;
    font-weight: bold;

    color: #fff;
    margin-bottom: 10px;
    display: block;
    line-height: 30px;
    max-height: 122px;
    overflow: hidden;
}

.slider-news-carousel .items-wrapper .slider-caption .description {
    max-height: 100px;
    overflow: hidden;
}

.slider-news-carousel .items-wrapper .slider-caption .info {
    margin-bottom: 10px
}

.slider-news-carousel .items-wrapper .slider-caption .info .category a {
    background-color: transparent;
    color: #fff;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}

.slider-news-carousel .items-wrapper .slider-caption .info .style-icon {
    color: #fff
}

.slider-news-carousel .items-wrapper .slider-caption .info .style-icon:before {
    color: #fff
}

.slider-news-carousel .items-wrapper .media-image {
    display: table-cell;
    position: relative
}

.slider-news-carousel .items-wrapper .media-image img {
    transition: all 0.5s ease;
    margin-bottom: 0;
}

.slider-news-carousel .items-wrapper .media-image:after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s ease
}

.slider-news-carousel .items-wrapper:hover .media-image img {
    -webkit-transform: scale(1.15);
    transform: scale(1.15)
}

.slider-news-carousel .items-wrapper:hover .media-image:after {
    opacity: 1;
    visibility: visible
}

.slider-news-carousel .carousel-control {
    font-size: 50px;
    line-height: 1.2;
    width: 50px;
    opacity: 0.9;
    text-shadow: none;
    transition: background 0.3s;
    top: auto;
    left: auto;
    right: 0;
}

.slider-news-carousel .carousel-control.left {
    background-image: none;
    right: 50px;
    left: auto;
}

.slider-news-carousel .carousel-control.right {
    background-image: none;
}

.slider-news-carousel:hover a.carousel-control.right {
    right: 0
}

.slider-news-carousel:hover a.carousel-control.left {
    right: 50px;
    left: auto;
}

.slider-news-carousel .carousel-control:hover {
    opacity: 1;
}

.slider-news-carousel .carousel-control:hover.left,
.slider-news-carousel .carousel-control:hover.right {
    background-color: rgba(255, 255, 255, 0.5);
}

.most-viewed-widget .thumb {
    position: relative;
    overflow: hidden;
}

.most-viewed-widget .thumb a {
    display: block;
}

.most-viewed-widget .thumb a img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.most-viewed-widget .thumb .caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.7);
    transition: all 0.5s;
    z-index: 2;
    padding: 20px;
    text-align: center;
}

.most-viewed-widget .thumb:hover .caption {
    opacity: 0;
}

.most-viewed-widget .thumb:hover a img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.most-viewed-widget .thumb .caption .title {
    margin-bottom: 0;
    width: 100%;
    margin-top: 20px;
    /*max-height: 64px;
  overflow: hidden;
  position: absolute;
  */
}

.most-viewed-widget .thumb .caption .title .category a {
    font-size: 22px;

    font-weight: bold;
}

.most-viewed-widget .thumb .caption .title .info a {
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 18px;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    max-height: 50px;
    overflow: hidden;
    color: #000000;
}

.livescore-table .carousel:hover a.carousel-control.right {
    right: 0;
}

.livescore-table .carousel:hover a.carousel-control.left {
    left: 0;
}


/********************************/


/*        BLOCK 4 STYLE 3       */


/********************************/

.block-4-style-3 .section-content {
    margin-left: -15px;
    margin-right: -15px;
}

.block-4-style-3 .section-content .media-image {
    display: inline-block;
    margin-bottom: 15px;
}

.block-4-style-3 .section-content .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400s;
    margin-bottom: 8px;

}

.block-4-style-3 .section-content > .col-md-6 {
    margin-bottom: 20px;
}

.block-4-style-3 .section-content .topic-list-small {
    display: inline-block;
}

.block-4-style-3 .section-content .topic-list-small .row {
    margin-left: 0;
    margin-right: 0;
}

.block-4-style-3 .section-content .topic-list-small .media {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.block-4-style-3 .section-content .topic-list-small .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.block-4-style-3 .section-content .topic-list-small .media .media-left {
    width: 90px;
}

.block-4-style-3 .section-content .topic-list-small .media .media-left img {
    width: 100%;
}

.block-4-style-3 .section-content .topic-list-small .media .media-right {
    padding: 0 0 0 15px;
}

.block-4-style-3 .section-content .topic-list-small .media .media-left .media-image {
    margin-bottom: 0;
}

.block-4-style-3 .section-content .topic-list-small .media .title {
    font-size: 15px;
    font-weight: 400;

    line-height: 18px;
}

.block-4-style-3 .section-content .topic-list-small .media .info {
    margin-bottom: 0
}

.list-page-horizotal-1 .layout-media-horizontal .style-1 .media {
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 15px;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1.col-sm-6 .media {
    border-bottom: 0px;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1:last-child .media {
    padding-bottom: 0;
    border: none;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left {
    width: 90px;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left img {
    width: 100%;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-right {
    padding: 0 0 0 20px;
}

.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .title {
    font-size: 14px;
    font-weight: 400;

    line-height: 18px;
}

.layout-media-vertical .style-1 .list-submedia-style-1 .layout-media-horizontal .style-1 .media .media-left {
    width: 100px;
}

.layout-media-vertical .style-1 .list-submedia-style-1 .layout-media-horizontal .style-1 .media .media-right {
    padding-top: 0;
}

.layout-media-vertical .style-1 .list-submedia-style-1 .layout-media-horizontal .style-1 .media .media-right .title {
    margin-bottom: 10px;
}


/********************************/


/*        BLOCK 9 STYLE 3       */


/********************************/

.block-9-style-3 .thumb {
    margin-bottom: 15px;
}

.block-9-style-3 .thumb .media-image {
    display: block;
    overflow: hidden;
}

.block-9-style-3 .thumb .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.block-9-style-3 .thumb .media-image:hover img {
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
}

.block-9-style-3 .title {
    font-size: 20px;
    line-height: 24px;
    font-weight: 400;
    margin-bottom: 8px;

}

.block-9-style-3 .topic-list-small .media .title {
    font-size: 15px;
    font-weight: 400;

    line-height: 18px;
}

.block-9-style-3 .topic-list-small .media {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e5e5e5;
}

.block-9-style-3 .topic-list-small .media:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.block-9-style-3 .topic-list-small .media .media-left {
    width: 90px;
}

.block-9-style-3 .topic-list-small .media .media-left img {
    width: 100%;
}

.block-9-style-3 .topic-list-small .media .media-right {
    padding: 0 0 0 15px;
}

.nav-tabs.views {
    border-bottom: none;
}

.nav-tabs.views li a {
    font-size: 18px;
    border: 0;
    line-height: 1;
    background-color: transparent;
    padding: 0;
    margin: 0;
    color: #C5C5C5;
}

.nav-tabs.views li a i {
    margin-right: 0;
    font-size: 18px;
}

.nav-tabs.views li.active:hover a,
.nav-tabs.views li.active a {
    border: none;
}


/********************************/


/*            BLOCK 2           */


/********************************/

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left {
    width: 45%;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left .media-image:after {
    display: none;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left .media-image {
    overflow: hidden;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media:hover .media-left .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .title {
    font-size: 30px;
    line-height: 32px;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1 .media {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.block-2.list-page-horizotal-1 .layout-media-horizontal .style-1:last-child .media {
    margin-bottom: 0;
    padding-bottom: 0;
}


/********************************/


/*            BLOCK 8           */


/********************************/

.block-8.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .info {
    margin-bottom: 0;
}

.block-8.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .description {
    margin-top: 3px;
}


/********************************/


/*            BLOCK 7           */


/********************************/

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-left {
    width: 200px;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-image {
    overflow: hidden;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-image:after {
    display: none;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media:hover .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media .title {
    font-size: 18px;
    line-height: 24px;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1 .media {
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.block-7.list-page-horizotal-1 .layout-media-horizontal .style-1:last-child .media {
    margin-bottom: 0;
    padding-bottom: 0;
}


/********************************/


/*            GRID 3            */


/********************************/

.grid-03 .thumb {
    margin-bottom: 20px;
}

.grid-03 .media img {
    width: 100%;
}

.grid-03 .thumb .img_latest {
    display: block;
    margin-bottom: 10px;
}

.grid-03 .thumb .title {
    font-size: 18px;
    line-height: 24px;

}

.grid-03 .thumb .info {
    margin-bottom: 0;
}

.top-video .first_video {
    margin-bottom: 30px;
}

.widget_categories .widgettitle {
    border-top: 2px solid #333;
    padding-top: 10px;
    font-family: "Roboto Slab", serif;
    font-size: 18px;
    font-weight: bold;

    margin-top: 0;
    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    line-height: 25px;
    color: #333333;
}

.widget_categories ul {
    padding-left: 0;
    list-style: none;
}

.widget_categories ul li {
    padding-bottom: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.widget_categories ul li a {
    font-size: 16px;
}


/********************************/


/*            GRID 2            */


/********************************/

.grid2 .list-view .media {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #e5e5e5;
}

.grid2 .list-view .media:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.grid2 .list-view .media .media-left {
    width: 250px;
}

.grid2 .list-view .media .media-left img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.grid2 .list-view .media:hover .media-left img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.grid2 .list-view .media .media-left .thumb {
    overflow: hidden;
}

.grid2 .list-view .media .media-right {
    padding-left: 25px;
}

.grid2 .list-view-2 li {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 25px;
    margin-bottom: 25px;
}

.grid2 .list-view-2 ul {
    margin-bottom: 0;
}

.grid2 .list-view-2 li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border: none;
}

.grid2 .list-view-2 .title {
    font-size: 25px;
    line-height: 28px;
}

.grid2 .list-view-2 .thumb {
    position: relative;
}

.grid2 .list-view-2 .description {
    margin-top: 25px;
    font-size: 16px;
}

.grid2 .list-view-2 .thumb img {
    width: 100%;
}

.grid2 .grid-view .thumb {
    position: relative;
    margin-bottom: 30px;
}

.grid2 .grid-view .media .media-image {
    margin-bottom: 0;
}

.grid2 .grid-view .media .media-image:after {
    display: none;
}

.grid2 .grid-view .media .media-image img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.grid2 .grid-view .media:hover .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}


/********************************/


/*            GRID 2            */


/********************************/

.carousel-inner-style .thumb {
    position: relative;
    overflow: hidden;
}

.carousel-inner-style .thumb a {
    display: block;
}

.carousel-inner-style .thumb a img {
    margin-bottom: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-inner-style .thumb .caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 0.5s;
    z-index: 2;
    padding: 20px;
    text-align: center;
}

.carousel-inner-style .thumb:hover .caption {
    opacity: 0;
}

.carousel-inner-style .thumb:hover a img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.carousel-inner-style .thumb .caption .title {
    margin-bottom: 0;
    width: 100%;
    margin-top: 25px;
}

.carousel-inner-style .thumb .caption .title .category a {
    font-size: 20px;

    font-weight: bold;
    color: #fff;
}

.carousel-inner-style .thumb .caption .title .info a {
    margin-top: 10px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    text-transform: none;
    max-height: 50px;
    overflow: hidden;
    color: #fff;
}


/********************************/


/*          CAROUSEL 2          */


/********************************/

.carousel-02 .thumb {
    margin-bottom: 20px;
}

.carousel-02 .thumb .media-image {
    display: block;
    overflow: hidden;
}

.carousel-02 .thumb .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-02 .item:hover .thumb .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.carousel-02 .item .info {
    margin-bottom: 0;
}

.carousel-02 .owl-prev,
.carousel-02 .owl-next {
    font-size: 30px;
    width: 30px;
    opacity: 0.9;
    background-color: transparent;
    text-shadow: none;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: background 0.3s;
}

.carousel-02 .owl-prev i,
.carousel-02 .owl-next i {
    top: 20%;
    position: absolute;
}

.carousel-02 .owl-prev i {
    right: 10px;
}

.carousel-02 .owl-next i {
    left: 10px;
}

.carousel-02 .owl-prev:hover,
.carousel-02 .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.block1 .thumb .img_recommended {
    display: block;
    margin-bottom: 10px;
}

.block1 .thumb .info {
    margin-bottom: 0;
}

.block1 .thumb {
    margin-bottom: 20px;
}


/********************************/


/*              GRID 1          */


/********************************/

.news-masonry .block-item {
    float: left;
    padding: 3px
}

.news-masonry .block-item:before {
    content: '';
    display: block;
    padding-top: 75%
}

.news-masonry.style-2 .block-item:after {
    content: '';
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 10;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.news-masonry .block-item.item-width-1 {
    width: 25%
}

.news-masonry .block-item.item-width-1 .caption .title {
    font-size: 15px;
    font-weight: 600
}

.news-masonry .block-item.item-width-2 {
    width: 50%
}

.news-masonry .block-item .wrapper-item {
    position: absolute;
    left: 3px;
    right: 3px;
    top: 3px;
    bottom: 3px;
    overflow: hidden;
    margin-bottom: 0
}

.news-masonry .block-item .caption .title {
    font-size: 18px;
    font-weight: 600;

    line-height: 24px;
    max-height: 48px;
    overflow: hidden;
    display: block;
}

.news-masonry .block-item a {
    display: block
}

.news-masonry .block-item a img {
    width: 100%;
    height: 100%;
    transition: all 0.8s ease
}

.news-masonry .block-item:hover a img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.news-masonry.style-2 .block-item:hover a img {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.news-masonry.style-2 .block-item:hover:after {
    opacity: 1;
    visibility: visible;
}


/********************************/


/*           CAROUSEL 1         */


/********************************/

.carousel-style-2-items .media .media-body,
.carousel-style-3-items .media .media-body,
.carousel-style-4-items .media .media-body {
    position: relative;
}

.carousel-style-2-items .media .media-image,
.carousel-style-3-items .media .media-image,
.carousel-style-4-items .media .media-image {
    margin-bottom: 0;
    overflow: hidden;
}

.carousel-style-2-items .media .media-image img,
.carousel-style-3-items .media .media-image img,
.carousel-style-4-items .media .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    margin-bottom: 0;
}

.carousel-style-2-items .media .media-image:after,
.carousel-style-3-items .media .media-image:after,
.carousel-style-4-items .media .media-image:after {
    display: none;
}

.carousel-style-2-items .media:hover .media-image img,
.carousel-style-3-items .media:hover .media-image img,
.carousel-style-4-items .media:hover .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.carousel-style-2-items .media .title,
.carousel-style-3-items .media .title,
.carousel-style-4-items .media .title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 10px;
    margin-bottom: 0;
    max-height: 67px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.carousel-style-2-items .media:hover .title,
.carousel-style-3-items .media:hover .title,
.carousel-style-4-items .media:hover .title {
    background-color: rgba(255, 255, 255, 0.6);
    color: #000000;
}

.layout-media-vertical .style-1 .media.media-full-width .media-body .media-image img {
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.layout-media-vertical .style-1 .media.media-full-width .media-body .media-image {
    overflow: hidden;
}

.layout-media-vertical .style-1 .media.media-full-width .media-body .media-image:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.layout-media-vertical .style-1 .media.media-full-width .media-body .media-image:after {
    display: none;
}

.list-page-vertical-full-3 .layout-media-vertical .media .media-body .media-image img {
    width: 100%;
}


/*for dump function*/

.dump-area {
    background-color: #F1F1F1;
    padding: 10px;
}

.dump-content {
    background-color: #FFFFFF;
    color: red;
}

.comment-news {
    display: inline-block;
    width: 100%;
}


/* Survery Shortcode */

.shortcode-survey {
    border: 1px solid rgb(229, 229, 229);
    padding: 25px 30px;
}


/* WIDGET CAROUSEL 2 */

.tabmenu-carousel-2 .thumb {
    margin-bottom: 20px;
}

.tabmenu-carousel-2 .thumb .media-image {
    display: block;
    overflow: hidden;
}

.tabmenu-carousel-2 .thumb .media-image img {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.tabmenu-carousel-2 .item:hover .thumb .media-image img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.tabmenu-carousel-2 .item .info {
    margin-bottom: 0;
}

.tabmenu-carousel-2 .owl-prev,
.tabmenu-carousel-2 .owl-next {
    font-size: 30px;
    width: 30px;
    opacity: 0.9;
    background-color: transparent;
    text-shadow: none;
    top: 0;
    bottom: 0;
    height: 100%;
    transition: background 0.3s;
}

.tabmenu-carousel-2 .owl-prev i,
.tabmenu-carousel-2 .owl-next i {
    top: 23%;
    position: absolute;
}

.tabmenu-carousel-2 .owl-prev i {
    right: 10px;
}

.tabmenu-carousel-2 .owl-next i {
    left: 10px;
}

.tabmenu-carousel-2 .owl-prev:hover,
.tabmenu-carousel-2 .owl-next:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.title.index {
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 0;
    border-bottom: 1px solid #e5e5e5;
    font-weight: normal;
    color: #333333;
    line-height: 1.3;
    font-size: 32px;
}

.section-title {
    border-top: 2px solid #333;
    padding-top: 10px;
    font-size: 18px;
    font-weight: bold;

    margin-bottom: 20px;
    display: inline-block;
    width: 100%;
    font-family: "Roboto Slab", serif;
}


/*====================================
=            feature blog            =
====================================*/

.featured-blog {
    position: relative;
}

.featured-blog .row {
    margin-left: -5px;
    margin-right: -5px;
}

.featured-item {
    position: relative;
    padding-left: 5px;
    padding-right: 5px;
    margin-bottom: 30px;
}

.featured-item .wrapper-content {
    position: relative;
    overflow: hidden;
}

.featured-item .media-image {
    display: block;
    position: relative;
    overflow: hidden;
}

.featured-item .media-image img {
    display: block;
    transition: transform 0.5s ease, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.5s ease, opacity 0.3s;
}

.featured-item .media-image:before {
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    width: 100%;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    position: absolute;
    z-index: 1;
    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);
}

.featured-item .description {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 5;
    padding: 0px 20px 20px;
    pointer-events: none;
}

.featured-item .description .tag {
    display: inline-block;
    color: #FFF;
    background: rgba(0, 0, 0, 0.8);
    padding: 5px 10px;
    margin-bottom: 10px;
    -webkit-transition: background 0.35s;
    -o-transition: background 0.35s;
    transition: background 0.35s;
}

.featured-item .description .tag a {
    color: #FFF;
}

.featured-item .description .title a {
    font-size: 20px;
    font-weight: 600;

    line-height: 1.5;
    font-style: normal;
    max-height: 60px;
    text-overflow: ellipsis;
    display: block;
    white-space: normal;
    word-break: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #FFF;
    margin-bottom: 0px;
}

.featured-item .author {
    font-weight: 700;
}

.featured-item .date-created,
.featured-item .author {
    display: inline-block;
    margin-right: 20px;
    font-style: normal;
}

.featured-item .date-created a,
.featured-item .author a {
    color: #FFF;
}

.featured-item:hover .tag {
    background: #B00004;
}

.featured-item:hover .media-image:before {
    background-color: rgba(0, 0, 0, .2);
}

.featured-item:hover .media-image img {
    transform: scale3d(1.1, 1.1, 1);
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -moz-transform: scale3d(1.1, 1.1, 1) rotate(.02deg);
}

.featured-item .info .date-created .style-icon:before {
    display: none;
}


/*=====  End of feature blog  ======*/


/*===================================
=            Comment tab            =
===================================*/

.comment-tabs {}

.comment-tabs.nav-tabs>li>a {
    border-radius: 0px;
}

.comment-tabs.nav-tabs>li>a span {
    display: inline-block;
    margin-right: 5px;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    background: #FFF;
    border: 1px solid #CCC;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    border-radius: 50%;
}

.comment-tabs.nav-tabs>li>a {
    display: block;
    position: relative;
    margin-right: 0px;
    border: none;
    color: #333333;
    font-weight: 700;
}

.comment-tabs.nav-tabs>li>a:before {
    position: absolute;
    content: "";
    top: -1px;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: #333333;
    opacity: 0;
}

.comment-tabs.nav-tabs>li>a:after {
    position: absolute;
    content: "";
    top: -1px;
    right: -6px;
    width: 6px;
    height: 102%;
    opacity: 0;
    background: #e7e7e7;
    background: -moz-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #e7e7e7), color-stop(100%, #ffffff));
    background: -webkit-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    background: -o-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    background: -ms-linear-gradient(left, #e7e7e7 0%, #ffffff 100%);
    background: linear-gradient(to right, #e7e7e7 0%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#ffffff', GradientType=1);
}

.comment-tabs.nav-tabs>li.active>a {
    border: 1px solid #ddd;
    border-bottom-color: #FFF;
    color: #333333;
}

.comment-tabs.nav-tabs>li>a:hover {
    background: transparent;
    color: #333333;
}

.comment-tabs.nav-tabs>li>a:hover:before,
.comment-tabs.nav-tabs>li.active>a:before,
.comment-tabs.nav-tabs>li>a:hover:after,
.comment-tabs.nav-tabs>li.active>a:after  {
    opacity: 1;
}

.comment-tabs.nav-tabs>li>a span.fa-wordpress {
    color: #00749A;
}

.comment-tabs.nav-tabs>li>a span.fa-facebook {
    color: #3B5998;
}

.comment-tabs.nav-tabs>li>a span.fa-google-plus {
    color: #DD4C40;
}

#heateor_sc_gpcomments,
#heateor_sc_gpcomments iframe {
    width: 100%!important;
     min-height: 195px;
}

.comment-tab-content .tab-pane {
    padding-top: 15px;
    padding-bottom: 15px;
}

div[id^='___comments_'],
div[id^='___comments_'] iframe {
    width: 100% !important;

}
.fb-comments,.fb-comments span,.fb-comments span iframe[style]{min-width:100%!important;witdh:100%!important}
/*=====  End of Comment tab  ======*/

.prev-next-post .post-inner .info {
  border-top: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
.post-inner .media-left {
  padding-right: 15px;

}
.post-inner .media-left .wp-post-image {
 max-width: initial !important;

}
.post-inner .media-heading .title {
  font-size: 14px;
  line-height: 18px;
  color: #333;
}
.post-inner .media-heading .title:hover,
.post-inner .media-heading .title:hover {
  color: #a3a3a3;
}
.prev-next-post .prev-next-title {
  font-size: 18px;

  font-weight: bold;
  color: #000;
  margin: 0 0 30px;
}

@media screen and (max-width: 767px) {
  .prev-next-post .prev-next-title {
    margin: 0 0 15px;
  }
}

/*author box custom css */
.author-list .media-body .pull-right a.link{
  color: #737373;
}

.author-list .media-body .social.url{
  padding-top: 10px;
  text-align: right;
}

.author-page-detail .media .media-body > .top-bar .style-icon{
  font-weight: 500;
  font-style:italic;

}