@import url("//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css");
body {
  padding-top: 80px;
  color: #5a5a5a;
  font-family: 'Open Sans',Arial,sans-serif;
  font-size: 15px;
}
@media (min-width: 992px) {
  body {
    padding-top: 61px;
  }
}
/*SECTION*/

/*H TEXT*/
h1,h2,h3,h4,h5{
    font-family: 'Montserrat', sans-serif;
    font-weight: 900;
}

/*HYPER LINK*/
a:hover{
	
}
a, a:focus , a:hover{ 
  text-decoration: none;
  color: inherit;
}
 a:hover, .btn{
	outline:none!important;
}

/*ROUNDED CORNER*/
*{
  -webkit-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}
/*CATEGORIES BADGE*/
.badge {
	font-weight: 600;
	font-size: 13px;
	color: white;
	background-color: #289dcc;
}

/*LOG TIME*/
.text-time{
	color: #ff0000; 
	font-weight: 600;
}

/*BUTTON*/
.btn-search{
	background: #3585ba; 
	border-color: #000; 
	color: #fff; 
	padding: 7px 10px;
}
.btn-search:hover{
	background: #3585ba; 
	border-color: #000; 
}


.title-large {
	font-size: 20px; 
	margin: 10px 0 5px; 
	line-height: 27px; 
	color: #141517;
}
.title-small { 
	color: #141517; 
	font-size: 16px; 
	font-weight: 400; 
	line-height: 23px; 
	margin: 6px 0 0;
}
.title-x-small {
	font-size: 18px; 
	margin: 0px;
}
.title-large a, .title-small a, .title-x-small a{color: inherit}
.banner-sec{
	float: left; 
	width: 100%; 
	background: #EBEBEB;
}
.card-block{
	padding:0 10px 10px;
}
.card-text{margin: 0}

.banner-sec .card-img-overlay{
	padding: 0; 
	top: 3px; 
	left: 7px; 
	height: 20%;
}

.small-top{ 
	border-bottom: 1px solid #2b2b2b;float: left; width: 100%; background: #000}
.small-top .social-icon{
	float: right;
}
.small-top .social-icon a {
	border-left: 1px 
	solid #2b2b2b; 
	color: #fff; 
	float: left; 
	padding: 6px 13px;
}
.small-top .social-icon a:last-child {border-right: 1px solid #2b2b2b;}
.small-top .social-icon a:hover {
	color:#3585ba; 
	text-decoration: none;
}
.small-top .date-sec {font-size: 13px; font-weight: 600; float: left; margin-top: 4px; color: #898989}
.top-head{
	background: #fff; 
	width: 100%; 
	float: left; 
	height: 100px;
}
.top-head h1 {color: #fff; font-size: 36px; font-weight: 600; margin: 18px 0 0;}
.top-head small{float: left; width: 100%; font-size: 14px; color: #c0c0c0; margin-top: 5px; margin-left: 5px;}
.top-head .admin-bar {
	text-align: right; 
	margin-top: 22px;
}
.top-head .admin-bar a {
	color: #fff; 
	line-height: 49px; 
	position: relative; 
	padding:0 7px;
}
.top-head .admin-bar a:hover{color: #ff0000}
.top-head .admin-bar a i{margin-right: 6px;}
.top-head .admin-bar .ping {background: #ff0000; border: 3px solid #141517; border-radius: 50%; height: 14px; position: absolute; right: 3px;    top: 13px; width: 14px; z-index: 1;}
.top-head .admin-bar img {float: right; height: 50px; width: 50px; margin-left: 18px;}
.top-nav{
	background: #fff; 
	padding: 0; 
	border-bottom: 1px solid #dbdbdb
}


.top-slider .carousel-indicators{bottom: 0}
.top-slider .carousel-indicators li{border:1px solid #000;}
.top-slider .carousel-indicators .active{background:#000;}

.side-bar .nav-tabs{
	border-bottom:none;
}
.side-bar .nav-tabs .nav-link {
	color: #aeaeae; 
	text-transform: uppercase; 
	border: none;
}
.side-bar .nav-tabs .nav-link.active, .side-bar .nav-tabs .nav-link:hover{
	border-bottom:2px solid #ff0000;  
	text-transform: uppercase; 
	color: #222;
}
.sidebar-tabing .media{margin-top: 20px}
.sidebar-tabing .title-small {line-height: 23px; margin-top: 5px; font-size: 18px}

#search {
	float: right; 
	margin-top: 9px; 
	width: 250px;
}
.search {
	padding: 5px 0; 
	width: 230px; 
	height: 30px; 
	position: relative; 
	left: 10px; 
	float: left; 
	line-height: 22px;
}
.search input {background: #d0d0d0; 
	border: medium none; 
	border-radius: 3px 0 0 3px; 
	float: left; height: 36px; 
	line-height: 18px; 
	margin-left: 210px; 
	padding: 0 9px; 
	position: absolute; 
	top: -3px; 
	width: 0; 
	-webkit-transition: all 0.7s ease-in-out; 
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out; 
	transition: all 0.7s ease-in-out;
}
.search:hover input, .search input:focus { 
	width: 200px; 
	margin-left: 0px; 
	background: #d0d0d0;
}
.banner-sec{
	float: left; 
	width:100%;
}
.banner-sec .news-block{
	margin-bottom: 0px;
}
.banner-sec .news-block:last-child{margin-bottom: 0px}
.banner-sec .news-des {margin-bottom: 5px;}
.banner-sec .title-large{margin: 18px 0 0}
.banner-sec .time{margin-top: 0px; font-size: 13px;}
.banner-sec .carousel-control.left, .banner-sec .carousel-control.right{background: none;}
.banner-sec .card{margin-bottom:10px;}

.action-sec{width:100%; float:left; background:#222}
.action-box{float:left; width:100%; text-align:center;}
.action-box h2{color:#fff; font-size:20px;}
 
 /*FOOTER*/
.btn-floating.btn-sm i {
    font-size: .96154rem;
    line-height: 36.15385px;
}
.btn-floating i {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
}
.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    z-index: 1;
}
/*LAST POST*/
.last-post-img{
  height: 60px;
  width: 60px;
    background: no-repeat; 
    background-size: cover;
    background-position: center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
  .last-media-img{
  height: 100px;
  width: 120px;
    background: no-repeat; 
    background-size: cover;
    background-position: center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
.aside-tab-img{
	  width: 55px;
	  height: 50px;
    background: no-repeat; 
    background-size: cover;
    background-position: center center !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
  }
.media-body p{
  font-size: 12px;
}

/*SCROLL TO TOP*/
.cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: #b21212 url() no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s;
background-image: url(/asset/img/cd-top-arrow.svg);
}

.cd-top.cd-top--show,
.cd-top.cd-top--fade-out,
.cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s;
}

.cd-top.cd-top--show {
/* the button becomes visible */
visibility: visible;
opacity: 1;
}

.cd-top.cd-top--fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}

.cd-top:hover {
background-color: #FF0000;
opacity: 1;
}

@media only screen and (min-width: 768px) {
.cd-top {
  right: 20px;
  bottom: 20px;
}
}

@media only screen and (min-width: 1024px) {
.cd-top {
  height: 60px;
  width: 60px;
  right: 30px;
  bottom: 30px;
}
}

/*CARD MEDIA*/
  .card-title{
    text-shadow: 2px 2px 4px #000000;
  }
 a.thumbnail {
    box-shadow: 2px 2px 4px #000000;
  }
 a.thumbnail:hover{
 	cursor: pointer;
 }
 .col-1:hover{
  transform: scale(1.1);
}

/*FEATURED*/
.mg-2, .mg-4{
	margin-left:-20px;
}
.linkfeat{
	background: rgba(76,76,76,0);
	background: -moz-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,0)), color-stop(49%, rgba(48,48,48,0)), color-stop(100%, rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(76,76,76,0) 0%, rgba(48,48,48,0) 49%, rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

/*SOCIAL BUTTON*/
/*----- Social Links -----*/
.social-nav {
    padding: 0;
    list-style: none;
    margin: -10px 0 0 -10px;
}
.social-nav li {
    float: left;
    margin: 10px 0 0 10px;
    list-style: none;
}
.social-nav a {
    float: left;
    width: 48px;
    height: 48px;
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    line-height: 48px;
    background: #000;
    position: relative;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.social-nav a {
    overflow: hidden;
    font-size: 26px;
    border-radius: 4px;
}
.social-nav a:hover {
    background: #fff;
    text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4;
}
.social-nav .twitter {
    background: #00ACED;
    text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba;
}
.social-nav .twitter:hover {
    color: #00ACED;
}
.social-nav .facebook {
    background: #3B579D;
    text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278;
}
.social-nav .facebook:hover {
    color: #3B579D;
}
.social-nav .google {
    background: #DD4A3A;
    text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122;
}
.social-nav .google:hover {
    color: #DD4A3A;
}
.social-nav .linkedin {
    background: #007BB6;
    text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983;
}
.social-nav .linkedin:hover {
    color: #007BB6;
}
.social-nav .pinterest {
    background: #CB2026;
    text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e;
}
.social-nav .pinterest:hover {
    color: #CB2026;
}

/*LOGO*/
.logo{
  background-color: #0B6623 ;
  margin-top: -25px;
  padding: 10px;
}
.logo-name{
  color: white;
  font-family: 'Play', sans-serif;
}

/*NAVBAR*/

.child{
  color: black!important;
  margin-left: 6%;
}

@media only screen and (min-width: 600px) {
   .navbar{
      padding: 0px;
    }
  .child{
    color: black!important;
    margin-left: 10%;
  }
}