:root {
    --primary-color:#df5139;
    --bg-light:#f3f3f3;
    --bg-dark-2:#d14b34;
    --bg-dark-3:#252525;
    --text-color-1:#323232; 
    --text-color-2:#999999; 
    --bg-gray:#f3f3f3;
  }
  @media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }
 }
body {
    font-family: Rubik;
     background-color: #f3f3f3;
}
 
a:hover {
    text-decoration: none;
}
a {
    outline: 0!important;
}
.form-control:focus {
    box-shadow: none;
}
.dark-bg {
    color:#ffffff;
    background-color: #df5139;
    background-color: var(--primary-color);
}
.dark-2-bg {
    background-color: #d14b34;
    background-color: var(--bg-dark-2);
    color:#ffffff;
}
.dark-3-bg {
    background-color: #252525;
    background-color: var(--bg-dark-3);
}
.dark-bg a, .dark-2-bg a, .dark a,
.dark-bg p, .dark-2-bg p, .dark p,
.dark-bg i, .dark-2-bg i, .dark i {
    color:#ffffff;
}
.light-bg a, 
.light-bg p, 
.light-bg i,
.light-bg span  {
    color: #323232;
    color: var(--text-color-1);
}

.bg-gray {
    background-color: #f3f3f3;
    background-color: var(--bg-gray);
}
.dark-2-bg input {
    color:#ffffff;
}
input.dark-2-bg input::-webkit-input-placeholder { /* Edge */
    color: #ffffff;
}
input.dark-2-bg:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #ffffff;
}
input.dark-2-bg::placeholder {
color: #ffffff;
}
.bg-gradient {
    background-image: linear-gradient(to top, #021026, rgba(255, 255, 255, 0));
}
.no-borders {
    border:0px!important;
}
/*
.text-color-2,.text-color-2.all-color  * {
    color: var(--color-2);
}
.text-color-light-1, .text-color-light-1.all-color * {
    color: var(--text-light-1);
}
*/
.icon-left i {
    margin-right:5px;
}
input.bg-light+.input-group-prepend i {
    color:#df5139;
    color:var(--primary-color);
}
/* Header */
header{
    position: relative;
    box-shadow: 0px 2px 32px 0 rgba(0, 0, 0, 0.3);
}
.header-bottom {
    border-top: 1px solid #f46149;
    border-bottom: 1px solid #f46149;
}
.socials li {
    display: inline-block; 
}
.socials li:not(:last-child) {
    margin-right:15px;
}
/* Menu */
.list-inline li  {
    display: inline-block;
}
.horizontal-menu {
    padding-left:0px;
}
.horizontal-menu > li {
    display: inline-block;
    margin-right:15px;
    white-space: nowrap;
}
.auto-nav-more {
    position: relative;
}
#moreMenu {
    position: absolute;
    z-index: 9;
    background: rgb(255, 255, 255);
    padding: 10px 15px;
    width: 200px;
    right:0;
}
#autoNavMoreList {
    padding-left:0px;
    background:#ffffff;
    display: flex;
    flex-direction: column;
}
/* White Header */
.light-header .top-bar.dark-bg {
    background: #ffffff;
    color: #f3f3f3;
}
.light-header  .dark-bg a, .light-header  .dark-2-bg a, .light-header  .dark a,
.light-header  .dark-bg p, .light-header  .dark-2-bg p, .light-header  .dark p,
.light-header  .dark-bg i, .light-header  .dark-2-bg i, .light-header .dark i {
    color:#787878;
}
.light-header .dark-2-bg, .light-header .dark-bg  {
    background-color: #ffffff;
}

.light-header .dark-2-bg input {
    color:#787878;
    font-size: 14px;
}
.light-header input.dark-2-bg input::-webkit-input-placeholder { /* Edge */
    color:#787878;
}
.light-header input.dark-2-bg:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:#787878;
}
.light-header input.dark-2-bg::placeholder {
    color:#787878;
}
.light-header #topMenuNav a {
    color:#5a5a5a;
    font-weight: 500;
}
/* Top Grid */
.top-grid .row > div  {
    margin-bottom:10px;
}
.grid-item {
    margin-bottom:15px;
    position: relative;
}
.grid-item img {
    width:100%;
}
.top-grid-bottom {
   position: absolute;
   margin-top:-40px;
   padding:16px;
   border-radius: 10px;
   background:#ffffff;
   z-index: 9;
   box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.05);
   width:100%;
}

.grid-item h1 {
font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: left;
  color: #323232;
  color: var(--text-color-1);
}
.grid-item img {
    border-radius: 10px;
}
.meta {
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.5;
  letter-spacing: normal;
  text-align: left;
}
.light-bg .meta span, .light-bg .meta span a {
    color:#999999;
    color:var(--text-color-2);
    white-space: nowrap;
}
.meta span:not(:last-child):after {
    content:'-';
    margin:0 5px;
}
/* Hover Item */
.hover-items .grid-item .bottom-hover {
    font-size: 12px;
    line-height: 1;
    text-align: left;
    color: #999999;
    margin:0 -16px;
    margin-bottom: -16px;
    padding:14px 16px;
    border-top: 1px solid #efefef;
    display: none;
}
.hover-items  .grid-item:hover .bottom-hover {
    display: block;
}
.hover-items  .grid-item:hover .top-grid-bottom {
    margin-top:-65px;
}
.hover-items .top-grid-bottom a {
    color:#999999;
    font-size: 12px;
}
/* Banner */
section {
    margin-bottom:24px;
}
.mt-90 {
    margin-top: 90px;
}
.mt-60 {
    margin-top: 60px;
}
/* Posts List */
.posts-list .item:not(:last-child) {
    margin-bottom:20px;
}
.posts-list.radius .item {
    border-radius: 10px;
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
}
.posts-list .item {
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.05);
}
.posts-list .item .right {
    padding:30px 15px;
    background: #ffffff;
}
.posts-list .item .right, .posts-list .item .left {
    border-radius: 10px;
    overflow: hidden;
}
.posts-list .item .left {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.posts-list .item .right {
    position: relative;
    z-index: 9;
    margin-left: -10px;
    border-left:10px solid #fff;
}
.posts-list .item h1 {
    margin-bottom:14px;
    font-size: 14px;
}
.posts-list .item h1 a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: left;
    color: #323232!important;
    color: var(--text-color-1)!important;
}

.posts-list .item p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: left;
    color: #999999;
}
.posts-list .item .item-bottom, .posts-list .item .item-bottom a {
    color: #999999;
}
.inner-section {
    margin-bottom:20px;
    margin-top:20px;
}
.posts-list img.h-100 {
    height:auto!important;
    width:100%;
}
/* Sidebar */
.widget {
    border-radius: 10px;
    background-color: #ffffff;
    padding:30px;
}
.widget:not(:last-child) {
    margin-bottom:30px;
}
.widget .posts-list img {
    border-radius: 10px;
    width:100%;
}
.widget .posts-list .meta {
    margin-top:16px;
    margin-bottom:16px;
    line-height: 10px;
    font-size:10px;
}
.widget .posts-list .meta a {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
}
.widget .posts-list .item {
    box-shadow: none;
}
.widget .posts-list .item .title {
    margin-bottom:16px;
}
.widget .posts-list .item .title a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #353535;
}
.widget .posts-list .item p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
    color: #545454;
}
.widget .posts-list-type-2 .item {
    display: flex;
    padding:12px 0;
    align-items: center;
}
.widget .posts-list-type-2 .item:not(:last-child) {
    border-bottom:1px solid  #ececec;
}
.widget .posts-list-type-2 .item  .left {
    flex: 1;
    border-radius: 10px;
    overflow: hidden;
}
.widget .posts-list-type-2 .item  .left img {
    height: 80px;
}
.widget .posts-list-type-2 .item .right {
    flex:1.3;
    padding:5px 12px;
}
.widget .posts-list-type-2  .meta {
    margin-bottom: 5px;
    line-height: 1.2;
}
.widget .posts-list-type-2  .meta a {
    font-size: 10px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #616161;
}
.widget .posts-list-type-2  .item .title {
    margin-bottom:0px;
    line-height: 1.3;
}
.widget .posts-list-type-2  .item .title a {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #545454;
}
/* Single */
/* Content */
.content-col {
    height: 100%;
}
.col-wrapper {
    height: 100%;;
    border-radius: 2px;
    border: solid 1px #f2f2f2;
    background-color: #ffffff;
}
.post-top {
    padding: 30px 24px;
    position: relative;
}
/* Video Fix */
.video .post-top {
    padding:30px 0;
}
.video .post-top > div {
    padding:0 30px;
}
#videocontent {
    display: table;
    margin: 0 auto;
    margin-bottom:15px;
}
/* Video Fix End */
.post-top img {
    border-radius: 10px;
}
.post-top h1 {
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.22;
    letter-spacing: normal;
    text-align: left;
    color: #545454;
}
.post-top .image {
    position: relative;
    z-index: 2;
    margin-bottom:30px;
}
.post-top .meta, .post-top .meta a {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left;
    color: #353535;
}
.post-top.dark-bg .meta, .post-top.dark-bg .meta a, .post-top.dark-bg .meta i {
    color: #ffffff;
}
.post-top .meta i {
    color:#d3d3d3;
}
.post-content {
    padding:0 24px;
}
.comments {
    margin-left:-8px;
}
 
.post-detail p {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.79;
    letter-spacing: normal;
    text-align: left;
    color: #7b7b7b;
}
.post-detail h1 {
    font-size:1.5rem;
}
.post-detail h2 {
    font-size:1.3rem;
}
.post-detail h3 {
    font-size:1.1rem;
}
.post-detail h4 {
    font-size:1rem;
}
.post-detail h1, .post-detail h2,.post-detail h3, .post-detail h4,.post-detail h5,.post-detail h6 {
    color: #7b7b7b;
}
.inner-ad {
    margin-bottom:1rem;
    margin-top:1rem;
}
.share-box {
    display: flex;
    align-items: center;
}
.share-box > * {
    margin-right:5px;
}
.share-box .fb_iframe_widget {
    display: flex;
}
/* Content End */
/* Gallery Page */
/* Gallery Pagination */
.list-group-inline {
    display: flex;
    padding-left:0px;
    flex-wrap: wrap;
}
.gallery-pagination .list-group-inline {
    justify-content: center;
}
.gallery-pagination {
    margin:30px 0;
}
.gallery-pagination .list-group-inline {
    justify-content: center;
}
.gallery-pagination ul li {
    margin-right:5px;
    border: 0;
    padding:0px;
    background-color:transparent!important;
    margin-bottom:10px;
}
.gallery-pagination ul li a {
    background-color: #ffffff;
    padding:10px 12px;
    color:#363c52;
    display: table;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
.gallery-pagination ul li.prev a, 
.gallery-pagination ul li.next a
{
    background-color: #df5139;
    background-color: var(--primary-color);
     color:#ffffff;
 }
.gallery-pagination ul li.list-group-item.active a,
.gallery-pagination ul li.list-group-item:hover a
{
    color: #ffffff;
    background-color:#df5139;
    background-color:var(--primary-color);
}
.gallery-pagination ul li:last-child {
    margin-right:0px;
}
.gallery-pagination .list-group-item:first-child,
.gallery-pagination .list-group-item:last-child
{
    border-radius: 10px; 
}
/* Gallery Arrows */
.post-top a.next-image, a.prev-image {
    padding: 15px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto;
    position: absolute;
    z-index: 9;
    height: 100px;
    width: 50px;
    position: absolute;
    top: 50%;
    margin-top: -50px;
    box-shadow: 0px 2px 9px 0 rgba(0, 0, 0, 0.1);
}
.post-top a.next-image i, a.prev-image i {
    color: #df5139;
    color: var(--primary-color);
    font-size:45px;
}
.post-top a.next-image {
    right: 0;
    margin-right: -25px;
}
.post-top a.prev-image {
    left: 0;
    margin-left: -25px;
}
.centered-title-wrapper {
    background-color: #ffffff;
    text-align: center;
    padding:20px 50px;
    display: table;
    margin: 0 auto;
    margin-bottom:30px;
    border-radius: 10px;
}
.centered-title-wrapper h1 {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #1c1e21;
    margin-bottom:0px;
}
.top-grid-2 {
    padding-bottom:150px!important;
}
.top-grid-2 + section {
    margin-top:-120px;
}

.top-grid-2 + section.no-result  {
    padding-bottom:60px;
}
/* Four Grid News */
.four-grid-news .top-grid-bottom {
    position: relative;
    top: 0;
    margin-top: -40px;
}
.top-grid .top-grid-item h1 {
    display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.5;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
    -webkit-line-clamp : 1;
    height             : calc(1em * 1.5 * 1);
    
    -webkit-line-clamp : 2;
	height             : calc(1em * 1.5 * 2);
} 
.top-grid .top-grid-item h1:after{
 	content    : '...';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	height     : calc(1em * 1.5);
	background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
 }

 @supports (-webkit-line-clamp: 1)
{
	.top-grid .top-grid-item h1:after
	{
		display : none !important;
	}
}
/* Footer */
footer section {
    margin:0!important;
    padding-top:32px;
    padding-bottom:32px;
}
.footer-1 {
    padding:25px 0;
}
.footer-2 {
    background-color: #f6f7f7;
}
.footer-2 a {
    color:#464646;
}
.footer-menu  li.bold-item, .footer-menu  li.bold-item a {
    font-weight: 600!important;
    color:#464646;
}
.footer-menu {
    font-size: 14px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.71;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
    list-style: none;
    padding-left:0px;
}
footer .socials {
    margin-left:auto;
    display: table;
}
footer .socials li:not(:last-child) {
    margin-right:24px;
}
.horizontal-grid-menu {
    padding-left:0px;
    display: flex;
    flex-wrap: wrap;
}
.horizontal-grid-menu li {
    display: inline-block;
    margin-bottom:5px;
    width:14%;
}
.horizontal-grid-menu li a {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
}
.copyright p {
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    text-align: left;
    color: #464646;
}
.grid-images img {
    width: 100%;
}
.grid-images .item {
    padding:5px;
}
.horizontal-menu-2 {
    padding-left:0px;
    margin-bottom:0px;
}
.horizontal-menu-2 li {
    display: inline-block;
}
.horizontal-menu-2 li:not(:last-child):after {
    content: ' | ';
    margin-left:5px;
    margin-right:5px;
}
.footer-3 {
    padding:15px 0;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.08;
    letter-spacing: normal;
    text-align: left;
    color: #ffffff;
}
/* Begin required CSS. */
.line-clamp
{
	display            : block;
	display            : -webkit-box;
	-webkit-box-orient : vertical;
	position           : relative;

	line-height        : 1.5;
	overflow           : hidden;
	text-overflow      : ellipsis;
	padding            : 0 !important;
}
.line-clamp:after
{
	content    : '...';
	text-align : right;
	bottom     : 0;
	right      : 0;
	width      : 25%;
	display    : block;
	position   : absolute;
	height     : calc(1em * 1.5);
	background : linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 75%);
}
@supports (-webkit-line-clamp: 1)
{
	.line-clamp:after
	{
		display : none !important;
	}
}
.line-clamp-1
{
	-webkit-line-clamp : 1;
	height             : calc(1em * 1.5 * 1);
}
.line-clamp-2
{
	-webkit-line-clamp : 2;
	height             : calc(1em * 1.5 * 2);
}
.line-clamp-3
{
	-webkit-line-clamp : 3;
	height             : calc(1em * 1.5 * 3);
}
.line-clamp-4
{
	-webkit-line-clamp : 4;
	height             : calc(1em * 1.5 * 4);
}
.line-clamp-5
{
	-webkit-line-clamp : 5;
	height             : calc(1em * 1.5 * 5);
}
/* End required CSS. */