style.css

body {
  padding: 0;
  margin: 0;
  background: 50% 0 fixed #141316;
  background: -webkit-repeating-linear-gradient(-45deg, #141316, #141316 5px, #1a191e 5px, #1a191e 10px);
  background: -o-repeating-linear-gradient(-45deg, #141316, #141316 5px, #1a191e 5px, #1a191e 10px);
  background: -moz-repeating-linear-gradient(-45deg, #141316, #141316 5px, #1a191e 5px, #1a191e 10px);
  background: repeating-linear-gradient(-45deg, #141316, #141316 5px, #1a191e 5px, #1a191e 10px);
  background-size: 42px 42px;
  font: 13px Arial, Helvetica, Sans-serif;
  color: rgba(0,0,0,0.6);
  line-height: 1.3;
} 

a, a:link, a:visited {
  color: #25c2f5; 
  text-decoration: none;
  transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  -ms-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;
}  
a:hover { color: #fff; }

img { border: 0; margin: 0; }
	

/* @FONT-FACE */
@font-face {
	font-family: 'GreatVibes-Regular';
	src: url('fonts/GreatVibes-Regular.eot');
	src: url('fonts/GreatVibes-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/GreatVibes-Regular.woff2') format('woff2'),
		url('fonts/GreatVibes-Regular.woff') format('woff'),
		url('fonts/GreatVibes-Regular.ttf') format('truetype'),
		url('fonts/GreatVibes-Regular.svg#GreatVibes-Regular') format('svg');
}
@font-face {
	font-family: 'Dosis-Book';
	src: url('fonts/Dosis-Book.eot');
	src: url('fonts/Dosis-Book.eot?#iefix') format('embedded-opentype'),
		url('fonts/Dosis-Book.woff2') format('woff2'),
		url('fonts/Dosis-Book.woff') format('woff'),
		url('fonts/Dosis-Book.ttf') format('truetype'),
		url('fonts/Dosis-Book.svg#Dosis-Book') format('svg');
}
@font-face {
	font-family: 'Dosis-Medium';
	src: url('fonts/Dosis-Medium.eot');
	src: url('fonts/Dosis-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Dosis-Medium.woff2') format('woff2'),
		url('fonts/Dosis-Medium.woff') format('woff'),
		url('fonts/Dosis-Medium.ttf') format('truetype'),
		url('fonts/Dosis-Medium.svg#Dosis-Medium') format('svg');
}
@font-face {
	font-family: 'Dosis-SemiBold';
	src: url('fonts/Dosis-SemiBold.eot');
	src: url('fonts/Dosis-SemiBold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Dosis-SemiBold.woff2') format('woff2'),
		url('fonts/Dosis-SemiBold.woff') format('woff'),
		url('fonts/Dosis-SemiBold.ttf') format('truetype'),
		url('fonts/Dosis-SemiBold.svg#Dosis-SemiBold') format('svg');
}


/*Text Warning */
.text-warning {
  color: #fff;
} 


/*************************************
*** CSS3 Spinning Preloader ************************
**************************************/ 
#loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#loader {
  display: block;
  position: relative;
  left: 50%;
  top: 50%;
  width: 150px;
  height: 150px;
  margin: -275px 0 0 -75px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #3498db;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  -o-animation: spin 2s linear infinite; 
  animation: spin 2s linear infinite; 
  z-index: 1001; 
}
#loader:before {
  content: "";
  position: absolute;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: 5px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #e74c3c;
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  -o-animation: spin 3s linear infinite; 
  animation: spin 3s linear infinite;
}
#loader:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border-radius: 50%;
  border: 3px solid transparent;
  border-top-color: #f9c922;
  -webkit-animation: spin 1.5s linear infinite;
  -moz-animation: spin 1.5s linear infinite;
  -o-animation: spin 1.5s linear infinite; 
  animation: spin 1.5s linear infinite;
}
@-webkit-keyframes spin {
  0% { 
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes spin {
  0% { 
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#loader-wrapper .loader-section {
  position: fixed;
  top: 0;
  width: 51%;
  height: 100%;
  background: #25c2f5;
  background-image: -webkit-linear-gradient(top, #09325c 0%, #2f83bf 100%);
  background-image: -o-linear-gradient(top, #09325c 0%, #2f83bf 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#09325c), to(#2f83bf));
  background-image: linear-gradient(to bottom, #09325c 0%, #2f83bf 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#09325c', endColorstr='#2f83bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;    
  z-index: 1000;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
#loader-wrapper .loader-section.section-left {
  left: 0;
}
#loader-wrapper .loader-section.section-right {
  right: 0;
}

/* Loaded */
.loaded #loader-wrapper .loader-section.section-left {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);   
}
.loaded #loader-wrapper .loader-section.section-right {
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -o-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -ms-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -moz-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  -webkit-transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);
  transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1.000);   
}    
.loaded #loader {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; 
}
.loaded #loader-wrapper {
  visibility: hidden;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -o-transition: all 0.3s 1s ease-out;
  -ms-transition: all 0.3s 1s ease-out;
  -moz-transition: all 0.3s 1s ease-out;
  -webkit-transition: all 0.3s 1s ease-out;
  transition: all 0.3s 1s ease-out; 
}
    
/* JavaScript Turned Off */
.no-js #loader-wrapper {
  display: none;
}
.no-js h1 {
  color: #222222;
}

#loader-wrapper .sitename {
	position: relative;
  width: 80%;  
	margin: 100px auto 50px auto;
	text-align: center;	
	z-index: 10001;
}
#loader-wrapper .sitename h1 {
	height: 100%;
	/* The html and body elements cannot have any padding or margin. */
	font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
	margin: 0;
  padding: 0;
}


/*************************************
*** SITENAME, TITETAG ************************
**************************************/ 
.sitename-wrap { 
  display: block;
  height: 100px;
  margin: 0 30px;
  padding: 0;
}
.sitename-wrap .sitename { 
  font: 60px "GreatVibes-Regular", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 100px;
  text-align: center;
  text-shadow: 0 0 20px #d7d7d7;
}
 

/*************************************
*** HEADER ************************
**************************************/ 
#navbar { 
  margin-left: 30px;
  margin-right: 30px; 
}

@media (max-width: 991px) {
  #navbar {
    margin-left: 0;
    margin-right: 0;
  }
}

nav.navbar{
  background-color: #242424;
  margin: 0;
  padding: 20px 0;
  border: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
nav .navbar-header { }
nav .navbar-brand { }
nav ul.navbar-nav { }
nav ul.navbar-nav li { }
nav ul.navbar-nav li a { 
  font: 18px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #25c2f5 !important;
  line-height: 1;
  text-transform: uppercase; 
}
nav ul.navbar-nav li a:focus,
nav ul.navbar-nav li a:hover {
  background-color: #25c2f5 !important;
  color: #fff !important;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}
nav ul.navbar-nav > li.active > a, 
nav ul.navbar-nav > li.active > a:focus, 
nav ul.navbar-nav > li.active > a:hover,
nav ul.navbar-nav > li.open > a,
nav ul.navbar-nav > li.open > a:focus,
nav ul.navbar-nav > li.open > a:hover {
  background-color: #25c2f5 !important;
  color: #fff !important;
}
nav ul.navbar-nav > li ul.dropdown-menu {
  background-color: #000;
}
nav ul.navbar-nav > li ul.dropdown-menu li a {
  font-size: 14px;
  padding-top: 5px;
  padding-bottom: 5px;
}


/*************************************
*** NAVBAR LOGIN ************************
**************************************/
.usernav-box .divider {
  background-color: #242424;
}

/*************************************
*** SEARCH STYLE **********
**************************************/
.navbar-nav #searchtoggle {
  position: relative;
  width: 50px;
  font-size: 18px;
  color: #25c2f5 !important;
  cursor: pointer; 
  text-align: center;
}
.navbar-nav #searchtoggle:focus,
.navbar-nav #searchtoggle:hover {
  color: #fff !important;
  background: #25c2f5;
}
#searchbar {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  float: none;
  width: 100%;
  padding: 20px;
  z-index: 9999;
  background: #25c2f5;
  clear: both;
}
#searchbar .stylish-input-group {
  background-color: #fff;
}
#searchbar .stylish-input-group .form-control {
  color: #000;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: none; 
	-webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
}
#searchbar .stylish-input-group .input-group-addon {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  border: none;  
}
#searchbar .stylish-input-group button {
  border: none;
  background: transparent;
} 
#searchbar .stylish-input-group button span.glyphicon-search {
  color: #999; 
}
#searchbar .stylish-input-group button:hover span.glyphicon-search {
  color: #000; 
}

  
/*************************************
*** PAGE CONTENT ************************
**************************************/

.page_content {
  position: relative;
  overflow: hidden; 
  background-color: #1d1d1d;  
} 
.page_content > div[class*='col-']{
  padding: 0;
}
.page_content #pagination {
  position: absolute;
  left: 0;
  right: 0;  
  bottom: 0; 
  height: 65px;   
  background-color: #242424;
  border-top: 1px solid #2d2d2d;
}


/*************************************
*** MAIN CONTENT ************************
**************************************/ 
.container-fluid {
  margin-left: 30px;
  margin-right: 30px;
}

@media (max-width: 991px) {
  .container-fluid {
    margin-left: 0;
    margin-right: 0;
  }
}


/*************************************
*** Grid Isotope Filters Navigation ************************
**************************************/ 
#grid-filters {
  background-color: #303130;  
  background-image: -ms-linear-gradient(top,#313131 0%,#2a2a29 100%);
  background-image: -moz-linear-gradient(top,#313131 0%,#2a2a29 100%);
  background-image: -o-linear-gradient(top,#313131 0%,#2a2a29 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#313131),color-stop(1,#2a2a29));
  background-image: -webkit-linear-gradient(top,#313131 0%,#2a2a29 100%);
  background-image: linear-gradient(to bottom,#313131 0%,#2a2a29 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#313131', endColorstr='#2a2a29', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-top: 1px solid #252525;
  text-align: center;
}
#grid-filters > .grid-items-filter-inner {
  border-top: 1px solid #393938;
  border-bottom: 1px solid #222;
  min-height: 50px;
  margin: 0;
  padding: 0;
} 
#grid-filters > .grid-items-filter-inner > .button-group .button {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #a0a0a0 !important;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0;
  padding: 5px 15px;
  border: none;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  background-color: transparent;
  background-image: none;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}
#grid-filters > .grid-items-filter-inner > .button-group .button:hover,
#grid-filters > .grid-items-filter-inner > .button-group .button.is-checked {
  color: #fff !important; 
  background: #292928;
  background-image: -ms-linear-gradient(top,#262625 0%,#282827 100%);
  background-image: -moz-linear-gradient(top,#262625 0%,#282827 100%);
  background-image: -o-linear-gradient(top,#262625 0%,#282827 100%);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#262625),color-stop(1,#282827));
  background-image: -webkit-linear-gradient(top,#262625 0%,#282827 100%);
  background-image: linear-gradient(to bottom,#262625 0%,#282827 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262625', endColorstr='#282827', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-right-color: #363636;
  border-left-color: #363636;
  -webkit-box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);  
  box-shadow: inset 0 1px 4px rgba(0,0,0,0.3);
}

#grid-filters > .grid-items-filter-inner > a.navigation-toggle {
  display: none;
  width: 100%;
  height: 50px;
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 50px;  
  text-align: center;
  margin: 0;  
  text-transform: uppercase;
  letter-spacing: 1px;
} 
#grid-filters > .grid-items-filter-inner > #mobile-nav {
  display: none;
}
			

@media (max-width: 991px) {
  #grid-filters > .grid-items-filter-inner > a.navigation-toggle {
    display: block;
  }
  #grid-filters > .grid-items-filter-inner > .button-group {
    display: none;
  }
  #grid-filters > .grid-items-filter-inner > #mobile-nav {
    display: none;    
  }
  #grid-filters > .grid-items-filter-inner > #mobile-nav.active {
    display: block; 
    overflow: hidden; 
  } 
  #grid-filters > .grid-items-filter-inner > #mobile-nav > .button-group {
    display: block;
    width: 80%;
    margin: 0 auto;
    padding: 0 0 20px 0;
  }
	#grid-filters > .grid-items-filter-inner > #mobile-nav > .button-group .button {
    display: inline-block;
    width: 100%;
		margin: 0;
		padding: 10px;
    border: none;
		border-top: 1px solid #000;
    border-bottom: 1px solid #454545;
    font-size: 14px;
	}
  #grid-filters > .grid-items-filter-inner > #mobile-nav  li {
	  display: inline-block;
	  margin: 0 0.25em;
  }
	#grid-filters > .grid-items-filter-inner > #mobile-nav li a {
		display: block;
		padding: 0.8em;
		border-bottom: 1px solid #808080;
	}
}


/*************************************
*** MAIN CONTENT ************************
**************************************/ 
.main_content { 
  position: relative;
  width: 100%;
  height: 100%;
}


/*************************************
*** MAIN CONTENT MENUS ************************
**************************************/ 
.maincontent-box {  
  overflow: hidden; 
  width: 100%;
  height: 100%;
  background-color: #fff; 
  margin: 0;
  padding-bottom: 30px; 
}
.maincontent-box a {
  color: #25c2f5;
}
.maincontent-box a:hover {  
  color: #888;
}
.maincontent-box-title {
  position: relative;
  overflow: hidden; 
  width: auto;
  height: 200px;   
  font: 36px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  text-shadow: 0 1px 1px rgba(0,0,0,0.8);    
  text-align: center;
  background: #000 url(images/main-content-title-bg.jpg) no-repeat center top;
}
.maincontent-box-title a { color: #fff; }
.maincontent-box-title a:hover { color: #bfbfbf; }


.maincontent-box-title:before {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}


.maincontent-box-body {  
	font: 16px Arial, Helvetica, Sans-serif;
  color: #555;
  padding: 0 0 10px 0; 
}
.maincontent-box-body #pagination {
  background-color: #fff;
  border-top: 1px solid #ebebeb;
}
.maincontent-box-body label { font-weight: normal; color: #888; }
.maincontent-box-body .tbox {
  font: 14px Arial, Helvetica, Sans-serif;
  color: #888;
  background-color: #fdfdfd;
  margin: 5px 0; 
  padding: 6px; 
  border: 1px solid #ebebeb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
}

/* Main Content Table */
.maincontent-box-body .table { }
.maincontent-box-body .table h5 { 
  color: #606060;
}
.maincontent-box-body .table > thead > tr > th, 
.maincontent-box-body .table > tbody > tr > th, 
.maincontent-box-body .table > tfoot > tr > th, 
.maincontent-box-body .table > thead > tr > td, 
.maincontent-box-body .table > tbody > tr > td, 
.maincontent-box-body .table > tfoot > tr > td {
  padding: 8px;
  vertical-align: middle;
}
.maincontent-box-body .table > thead > tr > th {   
  text-align: center;
  text-transform: uppercase;
  border-bottom: 1px solid #eaeaea !important; 
}
.maincontent-box-body .table > tbody > tr > td {  
  font-size: 13px;
  border: 1px solid #eaeaea;
  background-color: #fff; 
}
.maincontent-box-body .table > thead > tr > th.fcaption,
.maincontent-box-body .table > tbody > tr > th.fcaption,
.maincontent-box-body .table > tfoot > tr > th.fcaption,
.maincontent-box-body .table > thead > tr > td.fcaption,
.maincontent-box-body .table > tbody > tr > td.fcaption,
.maincontent-box-body .table > tfoot > tr > td.fcaption,
.maincontent-box-body .table > thead > tr > th .fcaption,
.maincontent-box-body .table > tbody > tr > th .fcaption,
.maincontent-box-body .table > tfoot > tr > th .fcaption,
.maincontent-box-body .table > thead > tr > td .fcaption,
.maincontent-box-body .table > tbody > tr > td .fcaption,
.maincontent-box-body .table > tfoot > tr > td .fcaption { 
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
.maincontent-box-body .table > thead > tr > td.indent,
.maincontent-box-body .table > tbody > tr > td.indent,
.maincontent-box-body .table > tfoot > tr > td.indent { 
  background-color: #f2f2f2;
}

/* Main Content Progress Bar */
.maincontent-box-body .progress {
  background-color: #ededed;
}


/*************************************
*** NEWS LAYOUT **********************
**************************************/ 
.isotope-grid { 
  padding-bottom: 65px;
}

.isotope-grid-item {
  padding-left: 0;
  padding-right: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
} 
.isotope-grid-item2 {
  width: 66.5859%;
}

@media (max-width: 991px) {
  .isotope-grid-item2 {
    width: 100% !important;
  }
}

.default-item { 
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: relative;
  background-color: #000;
  display: block;  
  -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
  transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
}
.default-item:hover { 
  
}
.default-item .default-item-mainimage {
  position: relative;
  overflow: hidden;
  background-color: rgba(0,0,0,0.9);
  height: auto;
}
.default-item .default-item-mainimage:before {
	position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.0)), color-stop(50%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.9)));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);  
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.9)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  z-index: 1;
}
.default-item .default-item-mainimage img {   
  height: auto; 
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
}
.default-item .default-item-mainimage:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; 
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);      
}  
.default-item .default-item-mainimage .default-item-category { 
  position: absolute;
  top: 30px;
  left: 30px;
  overflow: hidden; 
  display: inline-block;
  background-color: rgba(255,187,0,.8);       
  padding: 10px 15px;
  font: 15px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  z-index: 2;
}
.default-item .default-item-mainimage .default-item-category a {
  color: #fff;
}
.default-item .default-item-mainimage .default-item-category a:hover {
  color: #fff;
}
.default-item .default-item-mainimage .default-item-info { 
  position: absolute;
  top: -36px;
  right: 30px;
  overflow: hidden; 
  display: inline-block;
  padding: 10px 15px;
  font: 15px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  background-color: rgba(255,187,0,.8);
  -o-transition: all 0.4s ease-in 0.4s;
  -ms-transition: all 0.4s ease-in 0.4s;
  -moz-transition: all 0.4s ease-in 0.4s;
  -khtml-transition: all 0.4s ease-in 0.4s;
  -webkit-transition: all 0.4s ease-in 0.4s;
  transition: all 0.4s ease-in 0.4s;   
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 2;
}
.default-item .default-item-mainimage:hover .default-item-info {
  top: 30px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
.default-item .default-item-mainimage .default-item-info a {
  color: #fff;
}
.default-item .default-item-mainimage .default-item-info a:hover {
  color: #fff;
}
.default-item .default-item-mainimage .default-item-bottom-box {
  position: absolute;
  top: 100%;
  width: 100%;   
  padding: 0 30px 30px 30px;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
  z-index: 2;
}
.default-item .default-item-mainimage .default-item-bottom-box .default-item-date { 
  overflow: hidden; 
  font: 18px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255,255,255,.2);
}

.default-item .default-item-mainimage .default-item-bottom-box h2.default-item-title { 
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.default-item .default-item-mainimage .default-item-bottom-box h2.default-item-title a {
  color: #fff;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.default-item .default-item-mainimage .default-item-bottom-box h2.default-item-title a:hover {
  color: #fff !important;
} 
.default-item .default-item-mainimage .default-item-bottom-box .default-item-summary {
  display: none;
  font: 15px Arial, Helvetica, Sans-serif;
  color: #b0b0b0; 
  line-height: 1.2;
  padding-top: 10px;   
}  

/* NEWS CATEGORIES DEFAULT TITLE LINK COLOR */
.default-item.news-category-1 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #9b27b0; }
.default-item.news-category-1 .default-item-mainimage .default-item-category,
.default-item.news-category-1 .default-item-mainimage .default-item-info { background-color: #9b27b0; } 
.default-item.news-category-2 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #019587; }
.default-item.news-category-2 .default-item-mainimage .default-item-category,
.default-item.news-category-2 .default-item-mainimage .default-item-info { background-color: #019587; }
.default-item.news-category-3 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #fdc006; }
.default-item.news-category-3 .default-item-mainimage .default-item-category,
.default-item.news-category-3 .default-item-mainimage .default-item-info { background-color: #fdc006; } 
.default-item.news-category-4 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #ccdb38; }
.default-item.news-category-4 .default-item-mainimage .default-item-category,
.default-item.news-category-4 .default-item-mainimage .default-item-info { background-color: #ccdb38; }
.default-item.news-category-5 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #f34334; }
.default-item.news-category-5 .default-item-mainimage .default-item-category,
.default-item.news-category-5 .default-item-mainimage .default-item-info { background-color: #f34334; } 
.default-item.news-category-6 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #e81c61; }
.default-item.news-category-6 .default-item-mainimage .default-item-category,
.default-item.news-category-6 .default-item-mainimage .default-item-info { background-color: #e81c61; }
.default-item.news-category-7 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #df72f3; }
.default-item.news-category-7 .default-item-mainimage .default-item-category,
.default-item.news-category-7 .default-item-mainimage .default-item-info { background-color: #df72f3; } 
.default-item.news-category-8 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #8bc24a; }
.default-item.news-category-8 .default-item-mainimage .default-item-category,
.default-item.news-category-8 .default-item-mainimage .default-item-info { background-color: #8bc24a; } 
.default-item.news-category-9 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #01bbd4; }
.default-item.news-category-9 .default-item-mainimage .default-item-category,
.default-item.news-category-9 .default-item-mainimage .default-item-info { background-color: #01bbd4; } 
.default-item.news-category-10 .default-item-mainimage .default-item-bottom-box h2.default-item-title a { color: #5f7c8a; }
.default-item.news-category-10 .default-item-mainimage .default-item-category,
.default-item.news-category-10 .default-item-mainimage .default-item-info { background-color: #5f7c8a; }


/*************************************
*** NEWS EXTENDED LAYOUT *************
**************************************/
.view-item { 
  overflow: hidden;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.view-item .view-item-mainimage {
  position: relative;
  overflow: hidden;
  max-height: 600px;
  padding: 0;
  background-color: #000;
}
.view-item .view-item-mainimage img {
  height: auto; 
  width: 100%;
  max-width: 100%;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  -khtml-opacity: 0.7;
  opacity: 0.7; 
}
.view-item-box {
  position: absolute;
  top: 100%; 
}
.view-item-box .view-item-category { 
  overflow: hidden; 
  display: inline-block;
  background-color: rgba(255,187,0,.8); 
  margin: 0 0 20px 0;      
  padding: 10px 15px;
  font: 15px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
}
.view-item-box .view-item-category a {
  color: #fff;
}
.view-item-box .view-item-category a:hover {
  color: #fff;
}
.view-item-box h2.view-item-title {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  margin: 0 0 20px 0;
  padding: 0;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
}
.view-item-box h2.view-item-title a {
  color: #fff;
}
.view-item-box h2.view-item-title a:hover {
  color: #fff !important;
}


/* NEWS CATEGORIES DEFAULT TITLE LINK COLOR */
.view-item.news-category-1 .view-item-box h2.view-item-title a { color: #9b27b0; }
.view-item.news-category-1 .view-item-box .view-item-category { background-color: #9b27b0; }
.view-item.news-category-2 .view-item-box h2.view-item-title a { color: #019587; }
.view-item.news-category-2 .view-item-box .view-item-category { background-color: #019587; }
.view-item.news-category-3 .view-item-box h2.view-item-title a { color: #fdc006; }
.view-item.news-category-3 .view-item-box .view-item-category { background-color: #fdc006; }
.view-item.news-category-4 .view-item-box h2.view-item-title a { color: #ccdb38; }
.view-item.news-category-4 .view-item-box .view-item-category { background-color: #ccdb38; }
.view-item.news-category-5 .view-item-box h2.view-item-title a { color: #f34334; }
.view-item.news-category-5 .view-item-box .view-item-category { background-color: #f34334; }
.view-item.news-category-6 .view-item-box h2.view-item-title a { color: #e81c61; }
.view-item.news-category-6 .view-item-box .view-item-category { background-color: #e81c61; }
.view-item.news-category-7 .view-item-box h2.view-item-title a { color: #df72f3; }
.view-item.news-category-7 .view-item-box .view-item-category { background-color: #df72f3; }
.view-item.news-category-8 .view-item-box h2.view-item-title a { color: #8bc24a; }
.view-item.news-category-8 .view-item-box .view-item-category { background-color: #8bc24a; }
.view-item.news-category-9 .view-item-box h2.view-item-title a { color: #01bbd4; }
.view-item.news-category-9 ..view-item-box .view-item-category { background-color: #01bbd4; }
.view-item.news-category-10 .view-item-box h2.view-item-title a { color: #5f7c8a; }
.view-item.news-category-10 .view-item-box .view-item-category { background-color: #5f7c8a; }

.view-item .view-item-box .lead{
  font: bold 20px Arial, Helvetica, Sans-serif;
  color: #fff;
  margin: 0 0 20px 0;
  padding: 0;
}
.view-item .view-item-meta {
  overflow: hidden;
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff; 
  line-height: 1.2;
  margin: 0 0 20px 0;
  padding: 0;
  text-transform: uppercase;    
}
.view-item .view-item-meta a {
  color: #fff;
}
.view-item .view-item-meta a:hover {
  color: #fff;
}
.view-item .view-item-content {
  margin-top: 30px; 
  margin-bottom: 30px;  
  font: 16px Arial, Helvetica, Sans-serif;
  color: #555; 
  border-bottom: 1px solid #ccc;  
}
.view-item .view-item-content .view-item-body {
  padding: 0 0 10px 0;
}
.view-item .view-item-content .view-item-videos .view-video { 
  margin-top: 15px;
  margin-bottom: 15px;
} 
.view-item .view-item-content .view-item-images-1,
.view-item .view-item-content .view-item-images-2 { 
}
.view-item .view-item-content .view-item-images-1 img,
.view-item .view-item-content .view-item-images-2 img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
  margin-bottom: 15px;
}
.view-item .view-item-content .view-item-extended { }


/*************************************
*** NEWS EXTENDED POST - TAGS ********
**************************************/
.view-item-tags {
  overflow: hidden;
  padding: 15px 20px 15px 0; 
}
.view-item-tags i{
  font-size: 20px;
  color: #c6c6c6;
}
.view-item-tags a.news-tag {
  background-color: #a6b2b6;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  margin: 0 10px 10px 0;
  padding: 0 15px;
  text-align: center;
  -o-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
	-ms-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
	-moz-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
	-webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s;
}
.view-item-tags a.news-tag:hover {
  background-color: #25c2f5 !important;
  color: #fff;
}

.view-item.news-category-1 .view-item-content .view-item-tags a.news-tag { background-color: #9b27b0; }
.view-item.news-category-2 .view-item-content .view-item-tags a.news-tag { background-color: #019587; }
.view-item.news-category-3 .view-item-content .view-item-tags a.news-tag { background-color: #fdc006; }
.view-item.news-category-4 .view-item-content .view-item-tags a.news-tag { background-color: #ccdb38; }
.view-item.news-category-5 .view-item-content .view-item-tags a.news-tag { background-color: #f34334; }
.view-item.news-category-6 .view-item-content .view-item-tags a.news-tag { background-color: #e81c61; }
.view-item.news-category-7 .view-item-content .view-item-tags a.news-tag { background-color: #df72f3; }
.view-item.news-category-8 .view-item-content .view-item-tags a.news-tag { background-color: #8bc24a; }
.view-item.news-category-9 .view-item-content .view-item-tags a.news-tag { background-color: #01bbd4; }
.view-item.news-category-10 .view-item-content .view-item-tags a.news-tag { background-color: #5f7c8a; }

.view-item-tags a.news-tag:before {
  content: "\f02b";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 3px;
}


/*************************************
*** NEWS EXTENDED POST - SHARE THIS **
**************************************/
.view-item-share { 
  overflow: hidden;
  padding: 15px 20px 0 20px;
  text-align: right;
}
.view-item-share > i{
  font-size: 40px;
  color: #c6c6c6;
  vertical-align: middle;
}
.view-item-share .social-share {
  display: inline-block; 
  vertical-align: top; 
}
.view-item-share a.social-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  background-color: #000;   
  margin: 0 10px 15px 0; 
  text-align: center;
  -o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.view-item-share a.social-icon:hover{
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);  
  transform: rotate(360deg);
  -moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
  border-radius: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
.view-item-share a.social-icon.social-share-email { background-color: #078b42; }
.view-item-share a.social-icon.social-share-facebook-like { background-color: #60a0f7; }
.view-item-share a.social-icon.social-share-facebook-share { background-color: #46629E; }
.view-item-share a.social-icon.social-share-twitter { background-color: #00ACEE; }
.view-item-share a.social-icon.social-share-google-plus1 { background-color: #DD4B39; }


/*************************************
*** NEWS EXTENDED POST - AUTHOR ******
**************************************/
.view-item-author {
  background: #f4f4f4;
  padding: 25px;
  margin-bottom: 30px;
}
.view-item-author .view-item-author-avatar {

}
.view-item-author .view-item-author-avatar img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.view-item-author .view-item-author-meta {
  color: #29333c;
}
.view-item-author h4.view-item-author-name {
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  line-height: 1;
  margin-bottom: 18px;
}
.view-item-author h4.view-item-author-name a { color: #242424; }
.view-item-author h4.view-item-author-name a:hover { color: #25c2f5; }
.view-item-author .view-item-author-info {
  color: #555;  
}
.view-item-author .view-item-author-articles {
}
.view-item-author .view-item-author-articles a {
  display: inline-block;
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1;
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  margin: 15px 0 0 0;
  padding: 10px 15px;
  text-transform: uppercase;
}
.view-item-author .view-item-author-articles a:hover {
  color: #fff;
  background-color: #31b0d5;
  border: 1px solid #269abc;
}


/*************************************
*** NEWS EXTENDED RELATED NEWS *******
**************************************/
.e-related {
  overflow: hidden; 
  background-color: #fff;
  padding: 0;
}
.e-related .e-related-news-title {
  text-align: center;
}
.e-related .e-related-news-title h2 {
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #29333c;    
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0 30px 20px 30px;  
} 
.e-related .row {
  margin: 0;
}
.e-related .e-related-item {
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  background-color: #000;
  display: block;
  width: 100%;
  height: 300px;  
}
.e-related .e-related-item .e-related-news-image {
  position: relative;
  overflow: hidden;
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  height: 100%;
}
.e-related .e-related-item .e-related-news-image:before {
	position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.0)), color-stop(50%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.9)));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);  
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.9)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  z-index: 1;
}
.e-related .e-related-item .e-related-news-image img {   
  position: absolute;
  left: -9999px;
  right: -9999px;
  width: 100%;
  min-width: 600px;
  margin: 0 auto;
  vertical-align: middle;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
}
.e-related .e-related-item .e-related-news-image:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; 
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);      
}
.e-related .e-related-item .e-related-news-image .e-related-item-bottom-box {
  position: absolute;
  top: 100%;
  width: 100%;   
  padding: 0 30px 30px 30px;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
  z-index: 2;
}
.e-related .e-related-item .e-related-news-image .e-related-item-bottom-box h2.e-related-item-title { 
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.e-related .e-related-item .e-related-news-image .e-related-item-bottom-box h2.e-related-item-title a {
  color: #fff;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.e-related .e-related-item .e-related-news-image .e-related-item-bottom-box h2.e-related-item-title a:hover {
  color: #fff !important;
  text-decoration: underline;
} 
.e-related .e-related-item .e-related-news-image .e-related-item-bottom-box .e-related-item-summary {
  display: none;
  font: 15px Arial, Helvetica, Sans-serif;
  color: #b0b0b0; 
  line-height: 1.2;
  padding-top: 10px;   
} 


/*************************************
*** NEWS - CATEGORY'S NEWS LAYOUT ****
**************************************/
/* News Categories Caption */
.news-cat-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.news-cat-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
.news-cat-caption-image-inner a {
  font-size: 50px;
  color: #fff !important; 
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.news-cat-items {
  overflow: hidden;
  margin: 0;
  padding: 30px;
  background-color: #fff;
}
.news-cat-item { 
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 0;
}
.news-cat-item .news-cat-item-mainimage {
  position: relative;
  overflow: hidden;
  max-height: 400px;
  background-color: rgba(0,0,0,0.9);
}
.news-cat-item .news-cat-item-mainimage:before {
	position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.0)), color-stop(50%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.9)));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);  
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.9)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  z-index: 1;
}
.news-cat-item .news-cat-item-mainimage img {
  height: auto; 
  width: 100%;
  max-width: 100%;
  vertical-align: middle;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;  
}
.news-cat-item .news-cat-item-mainimage:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; 
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);    
}
.news-cat-item-box {
  position: absolute;
  top: 100%;
  width: 100%;   
  padding: 0 30px 30px 30px;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
  z-index: 2; 
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box .news-cat-category { 
  overflow: hidden; 
  display: inline-block;
  background-color: rgba(255,187,0,.8); 
  margin: 0 0 20px 0;      
  padding: 10px 15px;
  font: 15px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1;
  text-transform: uppercase;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box .news-cat-category a {
  color: #fff;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box .news-cat-category a:hover {
  color: #fff;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box h2.news-cat-title { 
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box h2.news-cat-title a {
  color: #fff;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box h2.news-cat-title a:hover {
  color: #fff !important;
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box .news-cat-meta {
  overflow: hidden;
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #b0b0b0; 
  line-height: 1.2;
  margin: 0;
  padding: 0;
  text-transform: uppercase; 
}
.news-cat-item .news-cat-item-mainimage .news-cat-item-box .lead {
  display: none;
  font: 15px Arial, Helvetica, Sans-serif;
  color: #b0b0b0; 
  line-height: 1.2;
  margin: 0;
  padding-top: 10px;   
}

/* TITLE LINK COLOR ON CATEGORIES PAGES */
.news-cat-item.news-category-1 .news-cat-item-box h2.news-cat-title a { color: #9b27b0; }
.news-cat-item.news-category-1 .news-cat-item-box .news-cat-category { background-color: #9b27b0; }
.news-cat-item.news-category-2 .news-cat-item-box h2.news-cat-title a { color: #019587; }
.news-cat-item.news-category-2 .news-cat-item-box .news-cat-category { background-color: #019587; }
.news-cat-item.news-category-3 .news-cat-item-box h2.news-cat-title a { color: #fdc006; }
.news-cat-item.news-category-3 .news-cat-item-box .news-cat-category { background-color: #fdc006; }
.news-cat-item.news-category-4 .news-cat-item-box h2.news-cat-title a { color: #ccdb38; }
.news-cat-item.news-category-4 .news-cat-item-box .news-cat-category { background-color: #ccdb38; }
.news-cat-item.news-category-5 .news-cat-item-box h2.news-cat-title a { color: #f34334; }
.news-cat-item.news-category-5 .news-cat-item-box .news-cat-category { background-color: #f34334; }
.news-cat-item.news-category-6 .news-cat-item-box h2.news-cat-title a { color: #e81c61; }
.news-cat-item.news-category-6 .news-cat-item-box .news-cat-category { background-color: #e81c61; }
.news-cat-item.news-category-7 .news-cat-item-box h2.news-cat-title a { color: #df72f3; }
.news-cat-item.news-category-7 .news-cat-item-box .news-cat-category { background-color: #df72f3; }
.news-cat-item.news-category-8 .news-cat-item-box h2.news-cat-title a { color: #8bc24a; }
.news-cat-item.news-category-8 .news-cat-item-box .news-cat-category { background-color: #8bc24a; }
.news-cat-item.news-category-9 .news-cat-item-box h2.news-cat-title a { color: #01bbd4; }
.news-cat-item.news-category-9 .news-cat-item-box .news-cat-category { background-color: #01bbd4; }
.news-cat-item.news-category-10 .news-cat-item-box h2.news-cat-title a { color: #5f7c8a; }
.news-cat-item.news-category-10 .news-cat-item-box .news-cat-category { background-color: #5f7c8a; }  


/*************************************
*** NEWS LIST LAYOUT *****************
**************************************/
/* News List Layout as News Categories Layout */
 

/*************************************
*** SIDEBAR ************************
**************************************/ 
.sidebar {
  
}

/*************************************
*** RIGHT MENUS ************************
**************************************/ 
.sidebar-box { 
  background-color: transparent;
  margin-bottom: 30px;
  padding: 0 20px;
}
.sidebar-box a {
  color: #25c2f5;
}
.sidebar-box a:hover {  
  color: #fff;
}
.sidebar-box-title { 
  margin: 15px 0 15px 0;
  padding: 15px 15px;
  border: 1px solid #111;
  background: #202020;
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
  -moz-box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}
.sidebar-box-title h2 {
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #ccc;
  line-height: 1.2;
  padding: 0;
  margin: 0;
  text-transform: uppercase; 
  text-align: center;
}
.sidebar-box-title h2 span.btn-group {
  margin-top: -10px;
}
.sidebar-box-body { 
	font: 14px Arial, Helvetica, Sans-serif;
  color: rgba(255,255,255,0.5);
  padding: 0; 
}


/*************************************
*** RIGHT MENUS LISTGROUP ************************
**************************************/ 
.sidebar-box .list-group {
  margin-bottom: 0;
}
.sidebar-box a.list-group-item:first-child,
.sidebar-box a.list-group-item:last-child {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.sidebar-box a.list-group-item {
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 7px 15px;
}
.sidebar-box a.list-group-item:hover,
.sidebar-box a.list-group-item:focus {
  background-color: #25c2f5;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}
.sidebar-box a.list-group-item .badge {
  background-color: #25c2f5;
}
.sidebar-box a.list-group-item:hover .badge,
.sidebar-box a.list-group-item:focus .badge {
  background-color: #fff;
  color: #25c2f5; 
  text-shadow: none;
}


/*************************************
*** FOOTER ************************
**************************************/
.footer {
  overflow: hidden;
  border-top: 1px solid #363636;
  border-bottom: 1px solid #1a1a1a;
  min-height: 100px;
  background-color: #2c2c2c;
  width: 100%;
  padding: 30px 0;    
  -webkit-box-shadow: inset 0 30px 30px -10px #000;
  -moz-box-shadow: inset 0 30px 30px -10px #000;
  box-shadow: inset 0 30px 30px -10px #000;
}


/*************************************
*** FOOTER MENUS ************************
**************************************/
.bottombar-box { 
  overflow: hidden; 
  background-color: transparent;
  margin: 0;
  padding: 20px 20px 20px 20px;
}
.bottombar-box a {
  color: #25c2f5;
}
.bottombar-box a:hover {  
  color: #fff;
}
.bottombar-box-title { 
  margin: 0;
  padding: 0; 
}
.bottombar-box-title h2 { 
  position: relative;
  display: inline-block;
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #ccc;
  line-height: 1;
  margin: 0;
  padding: 0 10px 20px 10px;
  text-transform: uppercase;
}
.bottombar-box-title h2::before { 
  content: "\f04b";
  font-family: FontAwesome;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: #25c2f5;
  text-decoration: inherit;
  padding-right: 10px; 
  position: relative;
  top: -5px;
}
.bottombar-box-body { 
  font: 13px Arial, Helvetica, Sans-serif;
  color: rgba(255,255,255,0.5);
  line-height: 1.2;
  margin-bottom: 25px;
  padding: 0;
}
.bottombar-box hr {
  width: 100%;
  height: 2px;
  background-color: #000;
  border-top: 1px solid #eee;
  margin: 0 auto 20px auto;
}


/*************************************
*** FOOTER INFOBAR *****************
**************************************/
.footer-bottom { 
  overflow: hidden;
  background-color: #111;
  border-top: 1px solid #363636;
  border-bottom: 1px solid #000;
  margin-bottom: 50px;
  padding: 20px;
}
.footer-bottom .site-info {
  font: 12px Arial, Helvetica, Sans-serif; 
  color: rgba(255,255,255,0.5);
}
.footer-bottom .footer-social-connected {
  text-align: right;
}
.footer-bottom .footer-social-connected a.social-icon {
  position: relative;
  display: inline-block;
  font-size: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: white;
  -moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
  border-radius: 50%;
  text-align: center;
  margin-right: 15px;
  font-smoothing: antialiased;
}
.footer-bottom .footer-social-connected a.social-icon.social-rss {
  background-color: #f26522;
}
.footer-bottom .footer-social-connected a.social-icon.social-rss:before,
.footer-bottom .footer-social-connected a.social-icon.social-rss:after{
  border-color: #f26522;
}
.footer-bottom .footer-social-connected a.social-icon.social-facebook {
  background-color: #46629E;
}
.footer-bottom .footer-social-connected a.social-icon.social-facebook:before,
.footer-bottom .footer-social-connected a.social-icon.social-facebook:after{
  border-color: #46629E;
}
.footer-bottom .footer-social-connected a.social-icon.social-twitter {
  background-color: #00ACEE;
}
.footer-bottom .footer-social-connected a.social-icon.social-twitter:before,
.footer-bottom .footer-social-connected a.social-icon.social-twitter:after{
  border-color: #00ACEE;
}
.footer-bottom .footer-social-connected a.social-icon.social-google-plus {
  background-color: #DD4B39;
}
.footer-bottom .footer-social-connected a.social-icon.social-google-plus:before,
.footer-bottom .footer-social-connected a.social-icon.social-google-plus:after
{
  border-color: #DD4B39;
}
.footer-bottom .footer-social-connected a.social-icon:before,
.footer-bottom .footer-social-connected a.social-icon:after{
  content: "";
  display: block;
  position: absolute;
  background-color: transparent;
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0;
  border: 3px solid;
  -moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
  border-radius: 50%;
  -o-transition: .3s all;
  -moz-transition: .3s all;
  -khtml-transition: .3s all;
  -webkit-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
}
.footer-bottom .footer-social-connected a.social-icon:hover:after{
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);     
}
.footer-bottom .footer-social-connected a.social-icon:hover:before{
  -moz-transform: scale(2);
  -webkit-transform: scale(2);
  -o-transform: scale(2);
  -ms-transform: scale(2);
  transform: scale(2);  
  -o-transition: .3s all;
  -moz-transition: .3s all;
  -khtml-transition: .3s all;
  -webkit-transition: .3s all;
  -ms-transition: .3s all;
  transition: .3s all;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}


/*************************************
*** TAGCLOUD MENU *****************
**************************************/
div.tagcloud-menu { 
  text-align: unset !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
}
div.tagcloud-menu a.tag {
  display: inline-block;
  margin: 0 5px 5px 0;
  padding: 0;
} 
div.tagcloud-menu a.tag span { 
  display: inline-block;
  font-size: 13px !important;
  line-height: 1;
  color: #25c2f5;
  padding: 8px 10px; 
  background-color: #323232;
  border: 1px solid #000; 
  text-align: center;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.2) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.2) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 1px rgba(255, 255, 255, 0.2) inset; 
  -o-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -khtml-transition: all 0.3s ease-in-out 0s;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -ms-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
div.tagcloud-menu a.tag span:hover {
  color: #fff !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
  background-color: #25c2f5;
}


/*************************************
*** CHATBOXD MENU *****************
**************************************/
#chatbox-posts-block { }
#chatbox-posts-block .media .media-object img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
#chatbox-posts-block .media .media-body { 
  background-color: #262626;
  padding: 5px;
}


/*************************************
*** BLOGCALENDAR *****************
**************************************/
.maincontent-box-body .table td h5 {
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #25c2f5;
  line-height: 1.2;
  text-transform: uppercase;
}
.maincontent-box-body .table.blogcalendar th { 
  background-color: transparent;
  font-size: 13px;
  color: #000;  
  border-bottom: none !important;
}
.maincontent-box-body .table.blogcalendar td { 
  background-color: transparent;
  border: 1px solid transparent;
}
.maincontent-box-body .table.blogcalendar td.indent,
.sidebar-box-body .table.blogcalendar td.indent { 
  background-color: transparent;
}

/* Main Content Seven Equal Columns in bootstrap */
.seven-cols .col-xs-1,
.seven-cols .col-sm-1,
.seven-cols .col-md-1,
.seven-cols .col-lg-1 {
  width: 14.285714285714285714285714285714%;
}


/*************************************
*** EVENT CALENDAR *****************
**************************************/
/* Event Calendar Caption */
#event-calendar .event-calendar-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
#event-calendar .event-calendar-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
#event-calendar .event-calendar-caption-image-inner h2 {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase; 
  text-align: center; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.8); 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#event-calendar .event-calendat-month,
#event-calendar .event-calendar-year-month {    
  margin: 0; 
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  text-transform: uppercase; 
}
#event-calendar .event-calendar-year-month {
  border-top: none;
}
#event-calendar .event-calendat-month > .row.vertical-align,
#event-calendar .event-calendar-year-month > .row.vertical-align {    
  display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox;      /* TWEENER - IE 10 */
  display: -webkit-flex;     /* NEW - Chrome */
  display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  align-items: center;  
} 
#event-calendar .calendar-nav {
  margin: 20px 0;
} 
#event-calendar .calendar-big .calendar-big-header {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding-top: 15px;
  padding-bottom: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-shadow: -1px -1px 1px rgba(0,0,0,0.6);  
} 
#event-calendar .calendar-big .seven-cols {
  margin: 0;
} 
#event-calendar .calendar-big .day {
  font-size: 14px;
  background-color: #f9f7f7;
  border: 1px solid #f2f2f2;
  padding-top: 15px;
  padding-bottom: 15px;
}
#event-calendar .calendar-big .day-none {
  border: 1px solid #f2f2f2;
}
#event-calendar .calendar-big .day-event {
  background-color: #348bc2;
}
#event-calendar .calendar-big .day-event a { color: #fff; }
#event-calendar .calendar-big .day-event a:hover { color: #fff; text-decoration: underline; }

#event-calendar .event-list { }
#event-calendar .event-list .event-list-caption {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
} 
#event-calendar .event-list .event-item {
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-top: none;
}
#event-calendar .event-items .event-item {
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #eaeaea;
}

#event-calendar .coming-event { }
#event-calendar .coming-event .coming-event-caption {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
}
#event-calendar .coming-event .coming-event-body {
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-top: none;
}
#event-calendar .coming-event .coming-event-empty { 
  margin: 0;
  padding: 10px 15px;
  border: 1px solid #eaeaea;
  border-top: none;
}
#event-calendar .coming-event .coming-event-date { }
#event-calendar .coming-event .coming-event-heading { }

#event-calendar-menu { }
#event-calendar-menu > .row { 
  margin: 0;
}
#event-calendar-menu > .row > div[class*='col-'] {
  padding: 5px;
} 
#event-calendar-menu .indent {
  background-color: #3b3b3b;
}

               
/*************************************
*** COMMENT MENU *****************
**************************************/
.comment-menu { }
.comment-menu img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.comment-menu h4.media-heading {
  font: 14px "Dosis-Medium", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}


/*************************************
*** NEWFORUMPOSTS MENU *****************
**************************************/
.newforumposts-menu { }
.newforumposts-menu img {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.newforumposts-menu h4.media-heading {
  font: 14px "Dosis-Medium", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}


/*************************************
*** LATEST NEWS MENU *****************
**************************************/
.news-menu-latest { }
.news-menu-latest img { 
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.news-menu-latest h4.media-heading { 
  font: 14px "Dosis-Medium", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}


/*************************************
*** LIST NEW PAGE *****************
**************************************/
/* List New Caption */
.list-new-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.list-new-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
.list-new-caption-image-inner h2 {
  font-size: 50px;
  color: #fff !important; 
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#list-new h5.welcome-text {
  font: 16px Arial, Helvetica, Sans-serif; 
  color: #555;
  padding: 5px 15px;
  text-align: center;
}
#list-new .panel-default {
  border: none;
}
#list-new .panel-default > .panel-heading {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
}
#list-new .panel-default > .panel-heading a { color: #fff; }
#list-new .panel-default > .panel-heading a:hover { color: #000; }
#list-new .panel-default > .panel-collapse > .panel-body {
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
#list-new .panel-default > .panel-collapse > .panel-body:hover {
  background-color: #f3f3f3;
}


/*************************************
*** COMMENTS STYLE *******************
**************************************/
/*Comment Form */
.comment-box.comment-box-form {
  overflow: hidden; 
  padding: 10px 0;
  margin-bottom: 15px;
}
.comment-box.comment-box-form .comment-form-img { 
  margin-bottom: 15px;
}
.comment-box.comment-box-form .comment-form-img img {
  display: block; 
  width: 80px;
  height: 80px;
  margin: 0 auto 15px auto;
  -moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
  border-radius: 50%;           
} 
.comment-box.comment-box-form .comment-form-block { 
  margin: 0;
  padding: 15px 0;  
}
.comment-box.comment-box-form .comment-form-block .form-control { 
  border: 1px solid #ebebeb;
  padding: 15px;
  background-color: #fdfdfd;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;  
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;  
}


/* COMMENTS */
ul#comments-container.media-list {
  margin-bottom: 20px;
}
ul#comments-container.media-list li.media.comment-box {  
  overflow: hidden;
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  border-bottom: 1px solid #ebebeb;
}
ul#comments-container.media-list li.media.comment-box .comment-img {
  margin-bottom: 15px;
}
ul#comments-container.media-list li.media.comment-box .comment-img img {
  display: block; 
  width: 80px;
  height: 80px;
  margin: 0 auto 15px auto;
  -moz-border-radius: 50%;
	-khtml-border-radius: 50%;
	-webkit-border-radius: 50%;
  border-radius: 50%;           
}
ul#comments-container.media-list li.media.comment-box .comment-block { 
  margin: 0;
  padding: 15px 0;  
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-username {
  display: inline-block;
  font: 18px "Oswald-Bold", Arial, Helvetica, Sans-serif;
  color: #9a1d0d;
  line-height: 26px;
  padding: 0 10px 0 0;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-username a { 
  color: #242424;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-username a:hover {
  color: #25c2f5;
}
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-edit,
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-delete,
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-approve {
  margin: 0;
  padding: 6px 12px;
}
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-edit:before { 
  content: "\f044";
  font-family: FontAwesome;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; 
  padding-right: 3px;
}
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-delete:before {
  content: "\f00d";
  font-family: FontAwesome;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; 
  padding-right: 3px;
}
ul#comments-container.media-list li.media.comment-box .comment-block .btn-group a.e-comment-approve:before {
  content: "\f00c";
  font-family: FontAwesome;
  color: #fff;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 3px;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-text {
  padding: 15px 0;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-text .comment-body {
  padding: 0;
  font: 16px Arial, Helvetica, Sans-serif;
  color: #555;
  line-height: 1.2;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-rate {
  font: 12px Arial, Helvetica, Sans-serif;
  color: #555;
  line-height: 1.5;
  padding: 0 10px;
}
ul#comments-container.media-list li.media.comment-box span.comment-reply a.e-comment-reply { 
  margin: 0;
  padding: 6px 12px;
}
ul#comments-container.media-list li.media.comment-box span.comment-reply a.e-comment-reply:before {
  content: "\f112";
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  padding-right: 3px;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-status {
  font: 14px Arial, Helvetica, Sans-serif;
  color: #989898;
  line-height: 1.5;
}
ul#comments-container.media-list li.media.comment-box .comment-block .comment-timedate {  
  display: inline-block;
  font: 14px Arial, Helvetica, Sans-serif; 
  color: #989898;
  line-height: 1.5;
  padding: 0 20px 0 0;
}

 
/*************************************
*** OTHER MENU STYLE *****************
**************************************/
.othermenu-box {
  overflow: hidden; 
  background-color: #fff; 
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px; 
}
.othermenu-box-title { 
  margin: 0;
  padding: 0;
}
.othermenu-box-title h2 { 
  font: 36px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #ccc;
  line-height: 1.2;
  padding: 0;
  margin-top: 7px;
  margin-bottom: 7px;
  text-transform: uppercase;
  text-align: center; 
}
.othermenu-box-body { 
  font: 16px Arial, Helvetica, Sans-serif;
  color: #e1e1e1;
  padding: 20px 0; 
} 


/**********************************************
*** CUSTOM PAGES STYLE ************************
***********************************************/
.cpage-body {
  /* overflow: hidden; */
}
.cpage-body .default-cpage-mainimage {
  position: relative;
  overflow: hidden;
  max-height: 300px;
  background-color: rgba(0,0,0,0.9);
  margin: 0;
  padding: 0;
}
.cpage-body .default-cpage-mainimage:before {
	position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 100%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(100%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 100%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  z-index: 1;
}
.cpage-body .default-cpage-mainimage img { 
  float: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
} 
.cpage-body .default-cpage-caption { 
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  margin: 30px 0 20px 0;
  padding: 0;
  z-index: 2;
}  
.cpage-body .breadcrumb { 
  background-color: transparent;
  font: 16px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  text-align: left;
  padding-left: 30px;
  text-shadow: none;   
}
.cpage-body .breadcrumb a { color: #fff; }
.cpage-body .breadcrumb a:hover { color: #25c2f5; }
.cpage-body .default-cpage-caption .default-cpage-caption-cpagetitle {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(0,0,0,0.5);
  text-align: center;
  padding: 0 40px;
}
.cpage-body .default-cpage-meta {
  overflow: hidden;
  font: 16px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #686868; 
  line-height: 1.2;
  padding: 0 0 25px 0;
  text-transform: uppercase;
  text-shadow: none; 
  text-align: center;  
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); 
} 
.cpage-body .default-cpage-meta a { color: #686868; }
.cpage-body .default-cpage-meta a:hover { color: #686868; }
.cpage-body .default-cpage-nav {
  overflow: hidden;
  display: block;
  clear: both;
  text-align: right;
  margin: 0;
  padding: 0 10px 25px 10px;
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
}
.cpage-body .default-cpage-nav br {
  display: none;
}  
.cpage-body .default-cpage-nav a.cpage-np {
  display: inline-block;
  color: #959595;
  margin: 0 5px 0 0;
  padding: 2px 5px; 
  text-transform: uppercase;
}
.cpage-body .default-cpage-nav a.cpage-np:hover,
.cpage-body .default-cpage-nav a.cpage-np.current {
  color: #959595;
  border-top: 1px dashed #959595;
  border-bottom: 1px dashed #959595;
}
.cpage-body .default-cpage-content { 
  margin-top: 30px;
  margin-bottom: 30px;
  font: 16px Arial, Helvetica, Sans-serif;
  color: #555;
  border-bottom: 1px solid #ccc;
}
.cpage-body .default-cpage-content img.bbcode-img {
  max-width: 100%;
  margin: 20px 5px;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
.cpage-body .default-cpage-content img.bbcode-img-left {
  display: inline-block;
  float: left;
  width: auto;
  margin: 0 20px 5px 0;
  padding:0;
}
.cpage-body .default-cpage-content img.bbcode-img-right {
  display: inline-block;
  float: right;
  width: auto;
  margin: 0 0 5px 20px;
  padding: 0;
}
.cpage-body .default-cpage-content p {
  padding-bottom: 15px;
  text-align: justify;
}


/*********************************************
*** CUSTOM PAGES STYLE - CPAGE - SHARE THIS **
**********************************************/
.cpage-body .default-cpage-share { 
  overflow: hidden;
  padding: 15px 0;
}
.cpage-body .default-cpage-share > i{
  font-size: 40px;
  color: #c6c6c6;
  vertical-align: middle;
}
.cpage-body .default-cpage-share .social-share {
  display: inline-block; 
  vertical-align: top; 
}
.cpage-body .default-cpage-share .social-share a.social-icon {
  display: inline-block;
  width: 50px;
  height: 50px;
  color: #fff;
  font-size: 24px;
  text-align: center;
  line-height: 50px;
  background-color: #000;   
  margin: 0 10px 15px 0; 
  text-align: center;
  -o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
  -khtml-opacity: 0.6;
  opacity: 0.6;
}
.cpage-body .default-cpage-share .social-share a.social-icon:hover{
  -moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);  
  transform: rotate(360deg);
  -moz-border-radius: 100%;
	-khtml-border-radius: 100%;
	-webkit-border-radius: 100%;
  border-radius: 100%;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
.cpage-body .default-cpage-share .social-share a.social-icon.social-share-email { background-color: #078b42; }
.cpage-body .default-cpage-share .social-share a.social-icon.social-share-facebook-like { background-color: #60a0f7; }
.cpage-body .default-cpage-share .social-share a.social-icon.social-share-facebook-share { background-color: #46629E; }
.cpage-body .default-cpage-share .social-share a.social-icon.social-share-twitter { background-color: #00ACEE; }
.cpage-body .default-cpage-share .social-share a.social-icon.social-share-google-plus1 { background-color: #DD4B39; }


/**********************************************
*** CUSTOM PAGES STYLE - CPAGE - RATING *******
***********************************************/
.cpage-body .default-cpage-rating { 
  overflow: hidden;
  padding: 15px 0;
}
.cpage-body .default-cpage-rating br { 
  display: none;
  visibility: hidden;
}

 
/******************************************
*** CUSTOM PAGES STYLE - CPAGE - RELATED **
*******************************************/
.cpage-body .e-related {
  overflow: hidden;  
  background-color: #fff;
  padding: 15px 0;
}
.cpage-body .cpage-related-title {
  text-align: center;
}
.cpage-body .cpage-related-title h2 {
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #29333c;    
  line-height: 1.2;
  text-transform: uppercase;
  padding: 0 30px 20px 30px;  
} 
.cpage-body .row {
  margin: 0;
}
.cpage-body .cpage-related-item {
  overflow: hidden;
  margin: 0 0 30px 0;
  padding: 0;
  position: relative;
  background-color: #000;
  display: block;
  width: 100%;
  height: 300px;  
}
.cpage-body .cpage-related-item .cpage-related-news-image {
  position: relative;
  overflow: hidden;
  background-color: rgba(0,0,0,0.9);
  width: 100%;
  height: 100%;
}
.cpage-body .cpage-related-item .cpage-related-news-image:before {
	position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  content: '';
  background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0.0)), color-stop(50%, rgba(0,0,0,0.15)), color-stop(100%, rgba(0,0,0,0.9)));
  background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);  
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.15) 50%, rgba(0,0,0,0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(0,0,0,0)', endColorstr='rgba(0,0,0,0.9)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  z-index: 1;
}
.cpage-body .cpage-related-item .cpage-related-news-image img {   
  position: absolute;
  left: -9999px;
  right: -9999px;
  width: 100%;
  min-width: 600px;
  margin: 0 auto;
  vertical-align: middle;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px); 
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
}
.cpage-body .cpage-related-item .cpage-related-news-image:hover img {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  opacity: 0.4; 
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);      
}
.cpage-body .cpage-related-item .cpage-related-news-image .cpage-related-item-bottom-box {
  position: absolute;
  top: 100%;
  width: 100%;   
  padding: 0 30px 30px 30px;
  -o-transition: all 0.6s ease 0s;
  -ms-transition: all 0.6s ease 0s;
  -moz-transition: all 0.6s ease 0s;
  -khtml-transition: all 0.6s ease 0s;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;   
  z-index: 2;
}
.cpage-body .cpage-related-item .cpage-related-news-image .cpage-related-item-bottom-box h2.cpage-related-item-title { 
  font: 22px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}
.cpage-body .cpage-related-item .cpage-related-news-image .cpage-related-item-bottom-box h2.cpage-related-item-title a {
  color: #fff;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.cpage-body .cpage-related-item .cpage-related-news-image .cpage-related-item-bottom-box h2.cpage-related-item-title a:hover {
  color: #fff !important;
  text-decoration: underline;
} 


/*********************************************
*** CUSTOM PAGES STYLE - CPAGE - COMMENTS ****
**********************************************/
.cpage-body .default-cpage-comments { 
  overflow: hidden;
  padding: 30px 0 0 0;
}
.cpage-body .default-cpage-comments .default-cpage-comments-title { 
  margin: 0;
  padding: 0;
}
.cpage-body .default-cpage-comments .default-cpage-comments-title h2 { 
  font: 36px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #ccc;
  line-height: 1.2;
  padding: 0;
  margin-top: 7px;
  margin-bottom: 7px;
  text-transform: uppercase;
  text-align: center;
}
.cpage-body .default-cpage-comments .default-cpage-comments-body { 
  font: 16px Arial, Helvetica, Sans-serif;
  color: #555;
  padding: 20px 0; 
}


/***********************************************
*** CUSTOM Gallery Categories and Images *******
************************************************/ 
/* Gallery Caption */
.gallery-cat-caption-image,
.gallery-list-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.gallery-cat-caption-image-inner,
.gallery-list-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}  
.gallery-cat-caption-image-inner h2,
.gallery-list-caption-image-inner h2 {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase; 
  text-align: center; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.8); 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#gallery-cat { }
#gallery-cat .img-grid { 
  margin-bottom: 10px;
}
#gallery-cat .img-grid .img-grid-item {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;    
  background-color: #000;
}
#gallery-cat .img-grid .img-grid-item *,
#gallery-cat .img-grid .img-grid-item *:before,
#gallery-cat .img-grid .img-grid-item *:after {
  -o-transition: all 0.55s ease;
	-ms-transition: all 0.55s ease;
	-moz-transition: all 0.55s ease;
	-webkit-transition: all 0.55s ease;
  transition: all 0.55s ease;
}
#gallery-cat .img-grid .img-grid-item img {
  max-width: 100%;
  backface-visibility: hidden;
  vertical-align: top;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  -moz-opacity: 0.9;
  -khtml-opacity: 0.9;
  opacity: 0.9;
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title {
  position: absolute;
  top: 70%;
  left: 25px;
  padding: 10px;
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title:before,
#gallery-cat .img-grid .img-grid-item .gallery-cat-title:after {
  height: 2px;
  width: 800px;
  position: absolute;
  content: '';
  background-color: #fff;
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title:before {
  top: 0;
  left: 10px;
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title:after {
  bottom: 0;
  right: 10px;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title div:before,
#gallery-cat .img-grid .img-grid-item .gallery-cat-title div:after {
  width: 2px;
  height: 600px;
  position: absolute;
  content: '';
  background-color: #fff;
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title div:before {
  top: 10px;
  right: 0;
  -moz-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title div:after {
  bottom: 10px;
  left: 0;
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title h2 {
  display: block;
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;                         
  color: #000;
  text-transform: uppercase;
  margin: 0;
  padding: 5px 10px;
  background-color: transparent;  
  border: 1px solid #fff;      
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-title h2 a,
#gallery-cat .img-grid .img-grid-item .gallery-cat-title h2 a:hover {
  color: #fff;
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-description {
  position: absolute;
  bottom: 30%;
  left: 25px;
  text-align: left;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0; 
  padding: 5px 60px 5px 10px;
  font: 14px Arial, Helvetica, Sans-serif;                      
  color: rgba(255,255,255,0.6);
}
#gallery-cat .img-grid .img-grid-item .gallery-cat-description p {
  margin: 0;
}
#gallery-cat .img-grid .img-grid-item > a {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#gallery-cat .img-grid .img-grid-item:hover img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  -o-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title:before,
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title:after,
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title div:before,
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title div:after {
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title:before,
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-title:after {
  -o-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	-webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
}
#gallery-cat .img-grid .img-grid-item:hover .gallery-cat-description {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;
  -o-transition-delay: 0.2s;
	-ms-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;

}


/**********************/
#gallery { } 
#gallery .gallery-isotope-grid {
  overflow: hidden;
  margin-left: -10px;
} 
#gallery .gallery-isotope-grid-item {
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
  border: none;
  background-color: transparent;
  color: #fff;   
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}  
#gallery .gallery-isotope-grid-item .gallery-thumb-container {
  overflow: hidden;
  position: relative;
  margin-left: 10px;
  margin-bottom: 10px;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image {
  overflow: hidden;
  position: relative;
  width: 100%;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image img.gallery-thumb {
  height: auto;   
  width: 100%;
  max-width: 100%;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-transform-origin: bottom left;
	-moz-transform-origin: bottom left;
	-o-transform-origin: bottom left;
	-ms-transform-origin: bottom left;
	transform-origin: bottom left;
  -o-transition: transform 0.6s ease-in-out 0s;
	-ms-transition: transform 0.6s ease-in-out 0s;
	-moz-transition: transform 0.6s ease-in-out 0s;
	-webkit-transition: transform 0.6s ease-in-out 0s;
  transition: transform 0.6s ease-in-out 0s;
  vertical-align: middle;  
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image:hover img.gallery-thumb {
  -webkit-transform: scale(1.2) translate(-20px);
	-moz-transform: scale(1.2) translate(-20px);
	-o-transform: scale(1.2) translate(-20px);
	-ms-transform: scale(1.2) translate(-20px);
	transform: scale(1.2) translate(-20px);
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;  
  background-color: rgba(0,0,0,0.4);
  -webkit-transition: background-color 0.2s ease-out;
	-moz-transition: background-color 0.2s ease-out;
	-o-transition: background-color 0.2s ease-out;
  -ms-transition: background-color 0.2s ease-out;
	transition: background-color 0.2s ease-out;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image:hover .gallery-thumb-overlay {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1;     
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay .gallery-thumb-overlay-text-align {
  display: table;
  height: 100%;
  width: 100%;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay .gallery-thumb-overlay-text-align .gallery-thumb-overlay-text {
  display: table-cell;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay .gallery-thumb-overlay-text-align .gallery-thumb-overlay-text .gallery-thumb-overlay-caption-animated {
  position: relative;
  top: -20px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;  
  -webkit-transition: all 0.4s ease-in-out 0s;
	-moz-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s;
  -ms-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;  
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay:hover .gallery-thumb-overlay-text-align .gallery-thumb-overlay-text .gallery-thumb-overlay-caption-animated {
  top: 0;
  left: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity: 1; 
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay .gallery-thumb-overlay-text-align .gallery-thumb-overlay-text .gallery-thumb-overlay-caption-animated a.gallery-caption {
  font: 14px "Oswald-Regular", Arial, Helvetica, sans-serif;
  color: #fff;
  line-height: 18px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px;
  text-transform: uppercase;
}
#gallery .gallery-isotope-grid-item .gallery-thumb-container .gallery-thumb-image .gallery-thumb-overlay .gallery-thumb-overlay-text-align .gallery-thumb-overlay-text .gallery-thumb-overlay-caption-animated a.gallery-caption:hover {
  color: #b9dae8;
}






/*************************************
*** WELCOME MESSAGE - WMESSAGE *******
**************************************/
.wmessage-box { 
  position: relative;
  background-color: #fff;
  margin: 20px 0 50px 0;
  padding: 30px 20px;  
}
.wmessage-box .wmessage-title { 
  margin: 0;
  padding: 10px 0;
}
.wmessage-box .wmessage-title h2 {
  font: 34px "Oswald-Regular", Arial, Helvetica, sans-serif;  
  color: #545454;
  text-align: center;
}
.wmessage-box .wmessage-body {
  font: 20px Arial,Helvetica,sans-serif; 
  color: #95a5a6;
  line-height: 1.5;
}

 
/********************** core style ********************************/

/*------------------------------------------
	tbox, chatbox, button
--------------------------------------------*/ 
.tbox{ 
  font: 12px Arial, Helvetica, Sans-serif; 
  color: #fff; 
  background-color: #151515;  
  margin: 5px 0; 
  padding: 6px; 
  border: 1px solid #222; 
}
.tbox.chatbox { 
  color: #fff; 
  background-color: #151515; 
  padding: 6px; 
  margin: 10px auto; 
  border: 1px solid #222; 
}


/*------------------------------------------
	BUTTONS
--------------------------------------------*/
/* Button Default */
.btn-default {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
  border-radius: 3px;
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff !important;
  letter-spacing: 0;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
  cursor: pointer;
  line-height: 1em;
  margin: 5px 5px 5px 0;
  outline: medium none;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -o-transition: background-color 0.20s linear 0s;
  -ms-transition: background-color 0.20s linear 0s;
  -moz-transition: background-color 0.20s linear 0s;
  -khtml-transition: background-color 0.20s linear 0s;
  -webkit-transition: background-color 0.20s linear 0s;
  transition: background-color 0.20s linear 0s;
}
.btn-default:focus, 
.btn-default.focus {
  background-color: #31b0d5; 
  background-image: none;
  border: 1px solid #1b6d85;    
  color: #fff;  
}
.btn-default:hover { 
  color: #fff;
  background-color: #31b0d5; 
  border: 1px solid #269abc;
  outline: none;  
}
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default {
  color: #fff;
  background-color: #31b0d5; 
  border: 1px solid #269abc;
  outline: none;
}
.btn-default:active:hover, 
.btn-default.active:hover, 
.open > .dropdown-toggle.btn-default:hover, 
.btn-default:active:focus, 
.btn-default.active:focus, 
.open > .dropdown-toggle.btn-default:focus, 
.btn-default.focus:active, 
.btn-default.active.focus, 
.open > .dropdown-toggle.btn-default.focus {
  color: #fff;
  background-color: #269abc; 
  border: 1px solid #1b6d85;
  outline: none;
}
.btn-default:active, 
.btn-default.active, 
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover, 
.btn-default[disabled]:hover, 
fieldset[disabled] .btn-default:hover, 
.btn-default.disabled:focus, 
.btn-default[disabled]:focus, 
fieldset[disabled] .btn-default:focus, 
.btn-default.disabled.focus, 
.btn-default.focus[disabled], 
fieldset[disabled] .btn-default.focus {
  background-color: #5bc0de;
  background-image: none;
  border: 1px solid #46b8da;
  color: #fff;
}


/* Button Primary */
.btn-primary {
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  -moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
  border-radius: 3px;
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #fff !important;
  letter-spacing: 0;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
  cursor: pointer;
  line-height: 1em;
  margin: 5px 5px 5px 0;
  outline: medium none;
  padding: 10px 15px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  -o-transition: background-color 0.20s linear 0s;
  -ms-transition: background-color 0.20s linear 0s;
  -moz-transition: background-color 0.20s linear 0s;
  -khtml-transition: background-color 0.20s linear 0s;
  -webkit-transition: background-color 0.20s linear 0s;
  transition: background-color 0.20s linear 0s;
}
.btn-primary:focus, 
.btn-primary.focus {
  background-color: #31b0d5;
  background-image: none;
  border: 1px solid #1b6d85;   
  color: #fff;  
}
.btn-primary:hover { 
  color: #fff;
  background-color: #31b0d5;
  border: 1px solid #269abc;
  outline: none;  
}
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #31b0d5;
  border: 1px solid #269abc;
  outline: none;  
}
.btn-primary:active:hover, 
.btn-primary.active:hover, 
.open > .dropdown-toggle.btn-primary:hover, 
.btn-primary:active:focus, 
.btn-primary.active:focus, 
.open > .dropdown-toggle.btn-primary:focus, 
.btn-primary.focus:active, 
.btn-primary.active.focus, 
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #269abc;
  border: 1px solid #1b6d85;
  outline: none;   
}
.btn-primary:active, 
.btn-primary.active, 
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled.focus, 
.btn-primary.focus[disabled], 
fieldset[disabled] .btn-primary.focus {
  background-color: #5bc0de;
  background-image: none;
  border: 1px solid #46b8da;
  color: #fff;
}

/* Button */
.button, .button:focus {
  background-color: #2E2E2E;
  border: 1px solid #000;
  border-top: 1px solid #3c3c3c;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif; 
  color: #25c2f5 !important;
  letter-spacing: 0;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
  cursor: pointer;
  line-height: 1em;
  margin: 5px 5px 5px 0;
  outline: medium none;
  padding: 8px 10px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;  
  -o-transition: background-color 0.20s linear 0s;
  -ms-transition: background-color 0.20s linear 0s;
  -moz-transition: background-color 0.20s linear 0s;
  -khtml-transition: background-color 0.20s linear 0s;
  -webkit-transition: background-color 0.20s linear 0s;
  transition: background-color 0.20s linear 0s;
}
.button:hover {
  color: #fff !important;
  background-color: #5bc0de; 
  border: 1px solid #46b8da;
  outline: none;
}
.button:active {
	color: #fff !important;
  background-color: #5bc0de;
  border: 1px solid #46b8da;
  outline: none;
} 


/*------------------------------------------
	PAGINATION
--------------------------------------------*/
#pagination {
  text-align: center;
}
#pagination ul.pagination {
  background-color: transparent;
  margin: 0;
  padding: 15px;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
#pagination ul.pagination > li > a {
  font: 16px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #25c2f5;
  text-transform: uppercase;
  background-color: transparent;  
  margin: 0 5px 0 0;
  padding: 5px 10px;  
  border: none;
  text-align: center;
  text-decoration: none;
}
#pagination ul.pagination > li:first-child > a,
#pagination ul.pagination > li:last-child > a {
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
#pagination ul.pagination > li > a:hover,
#pagination ul.pagination > li > a:focus {
  color: #fff;
  background-color: #25c2f5;
  border: none;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}
#pagination ul.pagination > li.disabled > a,
#pagination ul.pagination > li.disabled > a:hover,
#pagination ul.pagination > li.disabled > a:focus,
#pagination ul.pagination > li.active > a,
#pagination ul.pagination > li.active > a:hover,
#pagination ul.pagination > li.active > a:focus {
  font: 16px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  text-transform: uppercase;
  background-color: #25c2f5;
  margin: 0 5px 0 0;
  padding: 5px 10px;
  border: none;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
  text-shadow: 0 0 2px rgba(0,0,0,0.8);
}
    

/*------------------------------------------
	TABS
--------------------------------------------*/ 
ul.nav-tabs {
  border-bottom: 1px solid #ddd;
  font-size: 14px;
  margin-bottom: 10px;
}
ul.nav-tabs > li {
  position: relative;
  display: block;
  float: left;
  margin-bottom: -1px;
}
ul.nav-tabs > li a {
  color: #25c2f5;
  margin-right: 2px;
  border: 1px solid transparent; 
  -moz-border-radius: 4px 4px 0 0;
	-khtml-border-radius: 4px 4px 0 0;
	-webkit-border-radius: 4px 4px 0 0;  
  border-radius: 4px 4px 0 0;
}
ul.nav-tabs > li a:hover { color: #888; }
ul.nav-tabs > li.active > a, 
ul.nav-tabs > li.active > a:hover, 
ul.nav-tabs > li.active > a:focus {
  color: #888;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tab-content {
  font-size: 14px;
}
.panel-group .panel-body .fcaption {
  font-size: 14px;
}


/*------------------------------------------
	PAGER
--------------------------------------------*/ 
ul.pager {  
  background-color: #fff;
  margin: 0;
  padding: 20px 0; 
}
ul.pager li {}
ul.pager li > a,
ul.pager li > a:focus {
  font-size: 16px;
  color: #a7a7a7;
  background-color: #efefef;
  border: 1px solid #d7d7d7;
}
ul.pager li > a:hover {
  color: #fff;
  background-color: #31b0d5;
  border: 1px solid #269abc; 
}


/*------------------------------------------
	PROGRESS BAR 
--------------------------------------------*/
/* DEFAULT */
.progress {
  background-color: #535353;
  margin-top: 10px;
  margin-bottom: 10px;
}
.progress-bar {
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: -o-linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}


/*------------------------------------------
	BBCODE PANEL 
--------------------------------------------*/
.bbcode-panel {
  background-color: #bf4d45 !important;
  background-image: none !important;
  border: 1px solid #ae423a;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.bbcode-panel a.btn {
  font-size: 14px;
  color: #fff !important;
  background-color: transparent;
  margin: 3px 0;
  padding: 6px 12px;
  border: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
.bbcode-panel a.btn:hover {
  background-color: #ae423a;
}


/*------------------------------------------
	BREADCRUMB
--------------------------------------------*/ 
.breadcrumb a { color: #25c2f5; }
.breadcrumb a:hover { color: #888; }


/*------------------------------------------
	FORUMS 
--------------------------------------------*/
/* Forum View forum Caption */
.forum-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.forum-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
.forum-caption-image-inner h2 {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.8);
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 30px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.forum-search { 
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.forum-search .form-group .form-control {
  color: #555;
  margin: 20px 0 0 0;
  border: 1px solid #d8d8d8;
  background-color: #fff;
  -moz-border-radius: 5px 0 0 5px !important;
	-khtml-border-radius: 5px 0 0 5px !important;
	-webkit-border-radius: 5px 0 0 5px !important;
  border-radius: 5px 0 0 5px !important;      
}
.forum-search .form-group button.btn {
  margin-top: 20px;
  background-color: #348bc2;
  border: 1px solid #d8d8d8;
  -moz-border-radius: 0 5px 5px 0;
	-khtml-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  text-shadow: none; 
}

#forum { }
/* 
#forum > .forum-header {
  font: 20px "Oswald-Bold", Arial, Helvetica, Sans-serif;
  color: #6d7273;
  text-transform: uppercase;
  padding: 15px;
  text-align: center;
}
*/

#forum .forum-parent { 
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
}   
#forum .forum-child {
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
#forum .forum-child:hover {
  background-color: #f3f3f3;
}
#forum .forum-child .forum-newflag i {
  color: #999;
} 
#forum .forum-child .forum-forumname {
  font-family: "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}
#forum .forum-child .forum-forumname a { color: #25c2f5; }
#forum .forum-child .forum-forumname a:hover { color: #555; }
#forum .forum-child .forum-forumname .forum-description {
  font: 80% Arial, Helvetica, Sans-serif;
  color: #999; 
  text-transform: none; 
}
#forum .forum-child .forum-forumname .forum-subforum {
  color: #999; 
}
#forum .forum-child .forum-replies span.badge,
#forum .forum-child .forum-threads span.badge {
  font: 13px Arial, Helvetica, Sans-serif;
  color: #888;
  background-color: transparent;
}
#forum .forum-child .forum-lastpost-user a { color: #888; }
#forum .forum-child .forum-lastpost-user a:hover { color: #25c2f5; }
#forum .forum-footer {
  font: 12px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #999;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-top: none;
} 
#forum .forum-footer a { color: #25c2f5; padding: 0 15px; }
#forum .forum-footer a:hover { color: #555; }          


/*------------------------------------------
	FORUM TRACK 
--------------------------------------------*/
#forum-track { 
  overflow: hidden;
  margin: 30px 0 0 0;
  padding: 0;
}
#forum-track .forum-track-caption {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x; 
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0; 
}
#forum-track .forum-track-item {
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
  color: #888;
}
#forum-track .forum-track-item:hover {
  background-color: #f3f3f3;
} 
#forum-track .forum-track-item a { color: #25c2f5; }
#forum-track .forum-track-item a:hover { color: #888; }
#forum-track .forum-track-item-newflag i {
  color: #999;
}
#forum-track .forum-track-item-topic {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #888;
  text-transform: uppercase;
}


/*------------------------------------------
	FORUM VIEWFORUM 
--------------------------------------------*/
/* Forum View forum Caption */
.forum-view-forum-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.forum-view-forum-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
.forum-view-forum-caption-image-inner h2 {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.8);
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 30px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#forum-viewforum { }

#forum-viewforum .forum-viewforum-title h3 {
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #d0d0d0;      
  text-transform: uppercase;
}
#forum-viewforum .btn-group a.btn,
#forum-viewforum .btn-group button.btn {
  margin-right: 0;
}
#forum-viewforum .btn-group a {
  font-weight: normal;
}
#forum-viewforum .forum-viewforum-button {
  margin-top: 20px;
  margin-bottom: 10px;
  text-align: right;
}
.forum-viewforum { }
.forum-viewforum .forum-viewforum-caption {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
}
.forum-viewforum .forum-viewforum-item {
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
.forum-viewforum .forum-viewforum-item:hover {
  background-color: #f3f3f3;
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-newflag i {
  color: #999;
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-topictitle {
  font-family: "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  text-transform: uppercase;
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-topictitle a { color: #25c2f5; }
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-topictitle a:hover { color: #555; }
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-meta {
  font: 80% Arial, Helvetica, Sans-serif;
  color: #999; 
  text-transform: none; 
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-topictitle .forum-viewforum-item-description {
  font: 80% Arial, Helvetica, Sans-serif;
  color: #999; 
  text-transform: none; 
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-pages {
  font: 80% Arial, Helvetica, Sans-serif;
  color: #999; 
  text-transform: none; 
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-replies span.badge,
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-views span.badge {
  font: 13px Arial, Helvetica, Sans-serif;
  color: #888;
  background-color: transparent;
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-lastpost { 
  color: #999;
}
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-lastpost a { color: #888; }
.forum-viewforum .forum-viewforum-item .forum-viewforum-item-lastpost a:hover { color: #25c2f5; }
#forum-viewforum .forum-viewforum-pages {
  margin-top: 20px;
  margin-bottom: 10px;
}

#forum-viewforum .viewforum-perms {
  font-size: 13px;
  color: #999;
  text-align: center;
}

#forum-viewforum .panel {
  margin-bottom: 20px;
  padding: 0;
  background-color: #fff;
  border: none;
}
#forum-viewforum .panel .panel-heading {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 0; 
  padding: 15px;
  background-color: #666;
  border: 1px solid #eaeaea;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
}
#forum-viewforum .panel .panel-body {
  overflow: hidden;
  font-size: 14px;
  color: #999;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
#forum-viewforum .panel .panel-body i {
  width: 30px;
  height: 30px;
  font-size: 16px;
  color: #999; 
  line-height: 30px; 
  padding: 0;
  margin-bottom: 10px;
  margin-right: 10px;
  text-align: center;
  vertical-align: middle;
}


/*------------------------------------------
	FORUM VIEWTOPIC 
--------------------------------------------*/
/* Forum View Topic Caption */
.forum-view-topic-caption-image {
  position: relative;
  width: auto;
  height: 200px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.forum-view-topic-caption-image-inner {
  position: absolute;
  display: block;
	top: 0;
	left: 0;
  width: 100%;
  height: 100%; 
  background-image: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -o-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(35%, rgba(255,255,255,0.5)), color-stop(90%, rgba(255,255,255,1)));
  background-image: -ms-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);  
  background-image: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,0.5) 35%, rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='rgba(255,255,255,0)', endColorstr='rgba(255,255,255,1)', GradientType=0);  
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  text-align: center;
  padding: 0;
}
.forum-view-topic-caption-image-inner h2 {
  font: 50px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;
  color: #fff;
  line-height: 1.3;
  text-transform: uppercase; 
  text-shadow: 0 1px 1px rgba(0,0,0,0.8);
  text-align: center; 
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0 30px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


#forum-forum-view-topic { }
#forum-view-topic .forum-topic-title h3 { 
  font: 24px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #d0d0d0;      
  text-transform: uppercase;
}
#forum-view-topic .forum-topic-button {
  margin-top: 15px;
  margin-bottom: 15px;
}
#forum-view-topic .btn-group a.btn,
#forum-view-topic .btn-group button.btn {
  margin-right: 0;
}                                 

ul.forum-viewtopic { 
  margin: 0;
  padding: 0;
}
ul.forum-viewtopic li.forum-viewtopic-post {
  margin: 15px 0 0 0;
  padding: 0;
  background-color: #fff;  
}
ul.forum-viewtopic li.forum-viewtopic-post .btn-group a.btn,
ul.forum-viewtopic li.forum-viewtopic-post .btn-group button.btn {
  margin-right: 0;
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postdate {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  -moz-border-radius: 5px 5px 0 0;
	-khtml-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;  
} 
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent {
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-user-combo { }
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-avatar { }
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-avatar img {
  overflow: hidden; 
  background-color: #fff;
  padding: 5px; 
  border: 1px solid #eaeaea;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0; 
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-level {
  margin-top: 10px;
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-level span.label-info {
  font: 13px "Dosis-Medium", Arial, Helvetica, Sans-serif;
  color: #888;
  background-color: transparent;
  margin-bottom: 5px;
  text-align: center;
  text-transform: uppercase;
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-level-icons {
  color: #888; 
  padding-top: 6px;
  padding-bottom: 6px;  
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .right-col {
  border-left: 1px solid #eaeaea;
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .forum-viewtopic-postmessage {
  padding: 15px 0;
}
ul.forum-viewtopic li.forum-viewtopic-post .forum-viewtopic-postcontent .finfobar {
  font-size: 12px;
  padding: 15px 0;
  border-top: 1px solid #eaeaea;
}

/*------------------------------------------
	FORUM STATS - RESPONSIVE - I made in this way, becaose the stat template hardcoded in .php file 
--------------------------------------------*/
#forum-stats {
  margin-left: 8.33333333%;
  width: 83.33333333%;
  clear: both;
}
#forum-stats .tab-content div.table-responsive,
#forum-stats .panel div.table-responsive {
  border: none;
}

/* Forum Stats Panel */
#forum-stats .panel {
  background-color: transparent;
  border-color: transparent;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
#forum-stats .panel > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
#forum-stats .panel .panel-heading {
  font: 14px "Dosis-SemiBold", Arial, Helvetica, Sans-serif;  
  color: #fff;      
  text-transform: uppercase;
  margin: 15px 0 0 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  background-color: #348bc2;  
  background-image: -webkit-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -o-linear-gradient(top, #76c9ff 0%, #348bc2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#76c9ff), to(#348bc2));
  background-image: linear-gradient(to bottom, #76c9ff 0%, #348bc2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#76c9ff', endColorstr='#348bc2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
} 
#forum-stats .panel .panel-heading a { color: #fff; }
#forum-stats .panel .panel-heading a:hover { color: #fff; }
#forum-stats .panel .panel-body {
  overflow: hidden;
  font-size: 12px;
  margin: 0; 
  padding: 15px;
  border: 1px solid #eaeaea;
  border-top: none;
  background-color: #fff; 
}
#forum-stats .panel .panel-body table > thead > tr > th,
#forum-stats .panel .panel-body table > tbody > tr > th,
#forum-stats .panel .panel-body table > tfoot > tr > th,
#forum-stats .panel .panel-body table > tbody > tr > th,
#forum-stats .panel .panel-body table > tbody > tr > td,
#forum-stats .panel .panel-body table > tfoot > tr > th,
#forum-stats .panel .panel-body table > tfoot > tr > td {
  font-size: 12px;
}

/*------------------------------------------
	NEW FORUM THREAD, FORUM REPLY 
--------------------------------------------*/  
/*
#bbcode-panel-post--preview.bbcode-panel {
  background-color: #b4cecf;
  background-image: none;
  border: 1px solid #a1b6b7;
  color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#bbcode-panel-post--preview.bbcode-panel a.btn {
  font-size: 14px;
  color: #384555 !important;
  background-color: transparent;
  margin: 3px 0;
  padding: 6px 12px;
  border: none;
  -moz-border-radius: 0;
	-khtml-border-radius: 0;
	-webkit-border-radius: 0;
  border-radius: 0;
}
#bbcode-panel-post--preview.bbcode-panel a.btn:hover {
  background-color: #7d8f90;
}
*/


/*------------------------------------------
	OTHER TABLE STYLE ************************ 
--------------------------------------------*/
.table { }
.table h5 { 
  color: #606060;
}
.table > thead > tr > th, 
.table > tbody > tr > th, 
.table > tfoot > tr > th, 
.table > thead > tr > td, 
.table > tbody > tr > td, 
.table > tfoot > tr > td {
  border-top: none;
  padding: 4px;
}
.table > thead > tr > th {
  border-bottom: 1px solid rgba(0,0,0,0);
  text-align: center;
  text-transform: uppercase;
}
.table > tbody > tr > td {
  font-size: 13px;
}
.table > thead > tr > th.fcaption,
.table > tbody > tr > th.fcaption,
.table > tfoot > tr > th.fcaption,
.table > thead > tr > td.fcaption,
.table > tbody > tr > td.fcaption,
.table > tfoot > tr > td.fcaption,
.table > thead > tr > th .fcaption,
.table > tbody > tr > th .fcaption,
.table > tfoot > tr > th .fcaption,
.table > thead > tr > td .fcaption,
.table > tbody > tr > td .fcaption,
.table > tfoot > tr > td .fcaption { 
  background-color: #348bc2;
  color: #fff;
  padding: 5px 10px;
}
.table > thead > tr > td.indent,
.table > tbody > tr > td.indent,
.table > tfoot > tr > td.indent { 
  background-color: #515151;
  padding: 5px 10px;
}


/*------------------------------------------
	TEXTS 
--------------------------------------------*/
.smalltext { font-size: 85%; } 
.smallblacktext { font-size: 85%; }  
.defaulttext { font: 100%; }
.mediumtext { font: 90%; }
blockquote { 
  font: italic 16px "georgia", Arial, Helvetica, Sans-serif; 
  color: #637693;
  line-height: 1.4;
  background: transparent;
  border-left: 3px solid #637693;
  margin: 5px 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #637693;
  content: open-quote;
  font-size: 4em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.4em;
}


/* MISC */
/* form { margin: 2px 0px 0px 0px; }  */
p { margin: 0px; padding: 0; }
.spacer{ padding: 0; }
hr { 
  width: 100%;
  height: 1px;
  width: 100%;
  background-color: #000;
  margin: 20px auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
  filter: alpha(opacity=10);
  -moz-opacity: 0.1;
  -khtml-opacity: 0.1;
  opacity: 0.1;
} 
.helpbox { width: 94%; background: transparent; font: 11px sans-serif; color:#8e6e4f; border: 0px; margin: 0; padding: 0; }
/* .input-group .form-control { margin-top: 5px; margin-bottom: 5px; } */
.input-group .input-group-btn button.btn { 
  height: 34px;
  margin-right: 0;
}