@font-face {
  font-family: 'Open Sans', sans-serif;
  font-display: auto;
}
body{font-family: 'Open Sans', sans-serif!important; font-size:14px; color:#333;margin:0;padding:0;}
.full-width {width:100%;float:left;}
.header {background:#d84315;padding:10px 0;}
.tr {text-align:right;}

.logo {}
.logo p {text-align:left;margin:10px 0;}
.logo p a{font-size:20px;text-transform:uppercase;color:#fff;font-weight:bold;margin: 10px 0 10px 0;text-decoration:none;}
.menu {width:100%;float:left;}
.menu ul {list-style:none;float:right;margin:0;padding:0;}
.menu ul li {display:inline-block;margin-right:20px;}
.menu ul li {margin-right:10px;}
.menu ul li a {padding:10px 5px;color:#fff;display:inline-block;line-height:25px;text-decoration:none;font-size:14px;text-transform: uppercase;}
.menu ul li:last-child  {background:#42a5f5;padding:0 20px;border-radius:3px;margin-right:10px;}
.menu li i {width:15px;height:15px;margin-right:1px;display:inline-block;color:#fff;}
.toggle {display:none;}

.home-category {width:100%;float:left;padding:20px 0 0;}
.home-category ul {list-style:none;}
.home-category ul li {width:18%;margin: 5px 1%;float:left;}
.home-category ul li img {width:100%;}
.home-category p {display:block;color:#fff;padding:10px 0;background:#42a5f5;text-align:center;}
.home-category p a{text-decoration:none;color:#fff;}
.adsense {width:100%;float:left;text-align:center;}


.main-section {padding:50px 0;}
.main-body {}
.left-side{}
.right-side {}

.dnp {padding:0!important;}


.latest-home {width:100%;padding:20px 0 0;float:left;}
.latest-home h2, .latest-home h1 {font-size:20px;text-transform:capitalize;line-height:50px;color:#4b4949;}
.latest-home-box {box-shadow:0 0 2px 2px #eee;margin-bottom:20px;}
.latest-home-box h1, .latest-home-box h3 {color:#d84315;font-size:16px;border-bottom:1px solid #d84315;line-height:25px;margin:10px 0;padding:0 0 10px;}
.latest-home-box h3 a, .latest-home-box h1 a  {color:#d84315;text-decoration:none;}
.latest-home-box p.post-desc {font-size:14px;margin-top:10px;text-align:justify;}
.latest-home-box p.post-summary {font-size:14px;margin:10px 0;}
.latest-home-box p.post-summary span  {margin-right:10px;}
.latest-home-box p.post-summary span a {color:#4b4949;text-decoration:none;}
.latest-home-box p.post-summary span i {width:15px;height:15px;color:#d84315;}

.top-user {margin-bottom:20px;box-shadow: 0 0 2px 2px #eee;}
.top-user h3 {color:#d84315;padding:0 0 10px 0;margin:10px 0;line-height:25px;border-bottom:1px solid #d84315;font-size: 16px;}
.top-user h3 i {width:20px;height:20px;margin-right:2px;display:inline-block;color:#d84315;}

.profile {width:100%;float:left;padding:10px 0;border-bottom:1px solid #d1d1d1;background:#f9f9f9;margin-bottom:10px;}
.profile-img {}
.profile-img img {width:100%;}
.profile-detail{}
.profile-detail p.name {color:#d84315;font-size:14px;}
.profile-detail p.post a {color:#d84315;}

.cat-section {box-shadow:0 0 2px 2px #eee;padding:15px 0;}
.cat-box {width:100%;float:left;margin-bottom:15px;position:relative;}
.cat-box span {position:absolute;bottom:0;left:0;padding:6px 0px;background:rgba(0,0,0,0.6);color:#fff;z-index:1;width:100%;text-align:center;}

.login-box {box-shadow:0 0 2px 2px #eee;}
.login-box .form-control {border-radius:0;box-shadow:none;}
.login-box .btn-login {padding:6px 20px;background:#d84315;color:#fff;border:0;}

.recaptcha-resize {transform:scale(0.90);-webkit-transform:scale(0.90);transform-origin:0 0;-webkit-transform-origin:0 0;}

.ad2 {width:100%;float:left;padding-top:20px;}
.ad2 p {text-align:center;}

.footer-section {padding:20px 0;background:#d84315}
.footer {width:100%;float:left;}
.copyright p {margin:0;color:#fff;line-height:25px;vertical-align:middle;}
.copyright p a {color:#fff;margin-right:20px;text-decoration:none;}


p.err {color:#ff3300;}
span.error {color:#ff3300;}

p.blink {
  -moz-animation-duration: 2000ms;
  -moz-animation-name: blink;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  
  -webkit-animation-duration: 2000ms;
  -webkit-animation-name: blink;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  
  animation-duration: 2000ms;
  animation-name: blink;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}

@-moz-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.5;
  }
}

@-webkit-keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.5;
  }
}

@keyframes blink {
  from {
    opacity: 1;
  }
  
  to {
    opacity: 0.5;
  }
}
/*Pagination*/
.pagination {float:left;	width:100%;margin:10px 0;}
.pagination ul {list-style:none;padding:0;}
.pagination ul li {float:left;margin:5px 1px;width:auto;}
.pagination ul li a {color:#fff;padding:6px 15px;text-decoration:none;background:#d84315;font-size: 14px;font-weight:500;}
.pagination ul li span {color:#fff;padding:6px 15px;text-decoration:none;background:#909090;font-size: 14px;}


.list-box {width:100%;float:left;padding:10px;background:#f6f6f6;margin:10px 0;}	
.list-img {width:100%;float:left;}	
.list-img img {display:inline-block;text-align:center;}
.list-detail {width:100%;float:left;}
.list-detail h4 {text-align:center;font-size:14px;margin:0;line-height:25px;vertical-align:middle;}





/*Add Bookmark*/
.login-box h1, .login-box h2 {color: #d84315;padding: 0 0 10px 0;margin: 10px 0;line-height: 25px;border-bottom: 1px solid #d84315;font-size:16px;}

.top-user {margin-bottom:20px;box-shadow: 0 0 2px 2px #eee;}
.top-user h3 {color:#d84315;padding:0 0 10px 0;margin:10px 0;line-height:25px;border-bottom:1px solid #d84315;font-size: 16px;}
.top-user h3 i {width:20px;height:20px;margin-right:2px;display:inline-block;color:#d84315;}

.right-profile{margin-bottom:20px;box-shadow: 0 0 2px 2px #eee;}
.right-profile h3 {color:#d84315;padding:0 0 10px 0;margin:10px 0;line-height:25px;border-bottom:1px solid #d84315;font-size: 16px;}
.right-profile h3 i {width:20px;height:20px;margin-right:2px;display:inline-block;color:#d84315;}
.right-profile-img  {width:100%;float:left;}
.right-profile-img p {text-align:center;color:#d84315;font-size:15px;margin-bottom:10px;}
.right-profile-img img {}
.profile-menu {width:100%;float:left;margin-bottom:20px;}
.profile-menu ul {list-style:none;margin:0;padding:0;}
.profile-menu li {display:block;margin:3px 0;}
.profile-menu li a {color:#333;text-decoration:none;text-align:left;padding:6px 10px;background: #ddd;display:block;}

.public-profile span a {margin:1px;}
.public-profile span a i {width:25px;height:25px;line-height:25px;vertical-align:middle;text-align:center;color:#fff;}
.public-profile span a i.fa-facebook  {background:#3b5998}
.public-profile span a i.fa-twitter  {background:#38A1F3;}
.public-profile span a i.fa-google-plus  {background:#CC3333;}
.public-profile span a i.fa-linkedin  {background:#0077B5;}
.public-profile span a i.fa-youtube  {background:#c4302b;}


.p10 {padding:10px;}.p15{padding:15px;}.p20{padding:20px;}.pb10{padding-bottom:10px;}.pb15{padding-bottom:15px;}.pb20{padding-bottom:20px;}.pb30{padding-bottom:30px;}.pb40{padding-bottom:40px;}.pb50{padding-bottom:50px;}.pt10{padding-top:10px;}.pt15{padding-top:15px;}.pt20{padding-top:20px;}.pt30{padding-top:30px;}.pt40{padding-top:40px;}.pt50{padding-top:50px;}.pl10{padding-left:10px;}.pl15{padding-left:15px;}.pl20{padding-left:20px;}.pl30{padding-left:30px;}.pl40{padding-left:40px;}.pl50{padding-left:50px;}.pr10{padding-right:10px;}.pr15{padding-right:15px;}.pr20{padding-right:20px;}.pr30{padding-right:30px;}.pr40{padding-right:40px;}.pr50{padding-right:50px;}

.m5 {margin:5px;}.m10 {margin:10px;}.m15{margin:15px;}.m20{margin:20px;}.mb10{margin-bottom:10px;}.mb15{margin-bottom:15px;}.mb20{margin-bottom:20px;}.mb30{margin-bottom:30px;}.mb40{margin-bottom:40px;}.mb50{margin-bottom:50px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt15{margin-top:15px;}.mt20{margin-top:20px;}.mt30{margin-top:30px;}.mt40{margin-top:40px;}.mt50{margin-top:50px;}.ml10{margin-left:10px;}.ml15{margin-left:15px;}.ml20{margin-left:20px;}.ml30{margin-left:30px;}.ml40{margin-left:40px;}.ml50{margin-left:50px;}.mr10{margin-right:10px;}.mr15{margin-right:15px;}.mr20{margin-right:20px;}.mr30{margin-right:30px;}.mr40{margin-right:40px;}.mr50{margin-right:50px;}

.dml50 {margin-left:50px;}

@media only screen and (max-width:767px) {

.recaptcha-resize {transform:scale(0.80);-webkit-transform:scale(0.80);transform-origin:0 0;-webkit-transform-origin:0 0;}
	

.logo p img {width:250px;}
.logo p a {text-align:left;font-size:20px;}
.toggle {display:block;padding:10px;position:absolute; top:15px;right:10px; z-index:500;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;width:40px;}
.toggle span:before {  background: #fff none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.toggle span:after {background: #fff none repeat scroll 0 0;  content: "";  display: block;  height: 100%;  left: 0;  position: absolute;  transform: translateY(-220%);  width: 100%;  transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; outline:none;}
.toggle.open span:before{ background:#fff;transform: translateY(0px) rotate(-45deg);}
.toggle.open span:after{ background:#fff;transform: translateY(0px) rotate(45deg);}
.toggle.open span{ background:none;}
.toggle span{ display:block; width:30px; height:4px; background:#fff; margin:5px auto; position:absolute; right:10px; top:50%; margin-top:-3px;float:right;}
.toggle, .toggle:hover {color:#fff!important;text-decoration:none!important;font-weight:bold;}
.menu-section {background:rgba(0,0,0,1);margin:0px;position:relative;display:none;left:0;top:0;right:0;z-index:1;}

.menu {margin:0;text-align:left;}
.menu ul {float:left;width:100%;}
.menu ul li {width:100%;float:left;display:block;margin:0 0 5px 0;}
.menu ul li:last-child  {background:none;padding:0;border-radius:0;margin:0 0 5px;}
.menu ul li a, .menu ul li a:hover {padding:8px 10px;color:#fff;display:inline-block;background:none;border-radius:0;}

.copyright p {text-align:center;}
.copyright p a {margin:0 10px;}

.tr {text-align:center;}
.dml50 {margin-left:0;}
}