@charset "utf-8";
/* CSS Document */

*::-moz-selection {
  background: #f69812 none repeat scroll 0 0;
  color: #fff;
}
@font-face {
    font-family: 'Ribbon131BT';
    src: url('../fonts/Ribbon131BT.eot');
    src: url('../fonts/Ribbon131BT.eot') format('embedded-opentype'),
         url('../fonts/Ribbon131BT.woff2') format('woff2'),
         url('../fonts/Ribbon131BT.woff') format('woff'),
         url('../fonts/Ribbon131BT.ttf') format('truetype'),
         url('../fonts/Ribbon131BT.svg#Ribbon131BT') format('svg');
}
@font-face {
    font-family: 'ParisianBT';
    src: url('../fonts/ParisianBT.eot');
    src: url('../fonts/ParisianBT.eot') format('embedded-opentype'),
         url('../fonts/ParisianBT.woff2') format('woff2'),
         url('../fonts/ParisianBT.woff') format('woff'),
         url('../fonts/ParisianBT.ttf') format('truetype'),
         url('../fonts/ParisianBT.svg#ParisianBT') format('svg');
}

::-moz-selection { background: #f69812; color:#fff; text-shadow: none; }
::selection { background:#f69812; color:#fff; text-shadow: none; }
 body {
	height:100%;
	width:100%;
	background:#f8f8f8;
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 30px;
	overflow-x:hidden;
	position:relative;
	font-weight:300;
	color:#000;
} 
section {
  clear: both;
  padding: 40px 0;
  text-align: center;
}
h1 {
  font-size: 26px;
}
h2{
  font-size: 23px;
}
h3 {
  font-size: 20px;
}
h4{
  font-size: 18px;	
}
h5 {
	 font-size: 16px;
}
h6{
	font-size: 14px;
}
p{
	font-size:14px;
	color:#000;
	line-height:30px;
}
.icon-size-sm{
	font-size:22px;
	vertical-align:middle;
}
.icon-size-lg{
	font-size:64px;
	vertical-align:middle;
}
.icon-size-md{
	font-size:32px;
	vertical-align:middle;
}
.secondary-bg{
	background-color:#000;
}
.primary-bg{
	background-color:#fff;
}
.third-bg{
	background-color:#f8f8f8;
}
.fourth-bg{
	background-color:#fee098;
}


/*--------header-top--------*/
.header-top {
  padding: 8px 0 5px;
}
.social-icons ul{
	padding:0;
	margin:0;
}
.social-icons ul li{
	list-style:none;
	display:inline-block;

}
.social-icons ul li a {
  background-color: hsl(0, 0%, 100%);
  border-radius: 50px;
  color: hsl(0, 0%, 0%);
  display: block;
  font-size: 12px;
  height: 25px;
  line-height: 26px;
  margin: 0 6px 0 auto;
  text-align: center;
  width: 25px;
}
.social-icons ul li:hover a{
	color:#3b5998;
}
.header-search form label input {
  border: medium none;
  color: hsl(0, 0%, 45%);
  font-size: 13px;
  margin-left: 35px;
  padding: 2px 6px;
  text-align: left;
  width: 100%;
}
.header-search form label{
	display:inline-block;
}
.header-search form input.search {
  background-color: hsla(0, 0%, 0%, 0);
  background-image: url("http://static.tumblr.com/f7q4xpk/LOLojxhdj/search.png");
  background-repeat: no-repeat;
  border: medium none;
  border-radius: 0;
  float: right;
  font-size: 0;
  margin-bottom: 0;
  margin-right: 10px;
  padding-right: 10px;
  position: relative;
  top: 11px;
  width: auto;
}


/*------logo-------*/
.logo{
	text-align:center;
	padding:40px 0 60px;
}


/*------nav------*/
.menu .navbar-nav  li {
  display: inline-block;
  float: none;
  text-align: center;
}
.menu .nav.navbar-nav {
  float: none;
  margin: 0 auto;
  text-align: center;
}
.menu .navbar-nav li a {
  color: hsl(0, 0%, 0%);
  font-size: 17px;
  font-weight: 400;
  line-height: 48px;
  padding: 8px 45px 8px 40px;
  position: relative;
  text-align: center;
}
.navbar {
  border-top: 1px solid #e5e5e5;
}
.menu .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .menu .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
  background-color: hsla(0, 0%, 0%, 0);
  color: hsl(35, 93%, 52%);
}
.menu .navbar-nav li:hover a, .menu .navbar-nav > li:hover > a::after{
	color: hsl(35, 93%, 52%);
}
.menu .navbar-nav > li:last-child > a::after{
	display:none;
}
.menu  .open > .dropdown-menu {
  display: none;
}


/*-------home-blog-------*/
.home-blog-img img {
  max-width: 100%;
  width: 100%;
}
.home-blog-img{
	position:relative;
}
.comments{
	background-color:#6e6a67;
	padding:0 14px;
	bottom:0;
	text-align:center;
        width:150px;
}
.comments a{
	font-size:13px;
	color:#fff;
	text-align:center;
	margin:0 auto;
	font-weight:400;
	text-decoration:none;
}
.comment-left{
	left:0;
}
.comment-right{
	right:0;
}
.home-blog-content {
  padding: 20px 16px;
  text-align: left;
}
.content-left{
  margin-left: -28px;
}
.categories-btn a {
  background-color: hsl(35, 93%, 52%);
  border-radius: 20px;
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  margin: 0 auto;
  padding: 0 20px;
  text-align: center;
  text-decoration: none;
}
.categories-btn {
	text-align:left;
	margin-bottom:10px;
}
.home-blog-content h2 a{
	color:#000;
	font-weight:400;
	text-decoration:none;
	text-align:left;
}
.home-blog-content span {
  color: hsl(0, 1%, 70%);
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
}
.home-blog-content p{
	font-weight:400;
}
.home-blog-m{
	margin-bottom:40px;
}
.home-quotes {
  overflow: hidden;
  padding: 50px 30px;
}
.quotes-icon {
  float: left;
  margin-right: 15px;
}
.quotes-icon i.fa{
	font-size:26px;
	color:#000;
}
.quotes-content {
  float: right;
  text-align: left;
  width: 86%;
   	margin-bottom:35px;
}
.quotes-content h2{
	margin-top:0;
	color:#000;
	text-align:left;
	line-height:34px;
	font-weight:300;
}
.home-blog-m a{
	text-decoration:none;
}
.quotes-writer-name p{
	font-size:16px;
	font-weight:700;
	text-decoration:underline;
	margin-bottom:0;
}
.quotes-writer-name {
  clear: both;
  text-align: left;
 
}
.blog-link h2 a{
	text-decoration:none;
	color:#000;
}
.blog-link {
  min-height: 280px;
  padding: 100px 0;
}
.sidebar-heading{
	padding:18px 15px;
	text-align:center;
	position:relative;
}
.sidebar-heading h3 {
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-weight: 400;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 1;
}
.sidebar-heading.secondary-bg h3::after {
  background-color: hsl(0, 0%, 0%);
  content: "";
  height: 100%;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
  z-index: -1;
}
.sidebar-heading.secondary-bg::after {
  border: 1px solid hsl(0, 0%, 10%);
  content: "";
  height: 1px;
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: 32px;
  width: 90%;
}
.sidebar-heading.secondary-bg .sidebar-border1::before {
  border-bottom: 9px solid hsl(0, 0%, 10%);
  border-left: 9px solid hsla(0, 0%, 0%, 0);
  border-right: 9px solid hsla(0, 0%, 0%, 0);
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 0;
}
.sidebar-heading.secondary-bg .sidebar-border1::after {
  border-bottom: 9px solid hsl(0, 0%, 10%);
  border-left: 9px solid hsla(0, 0%, 0%, 0);
  border-right: 9px solid hsla(0, 0%, 0%, 0);
  content: "";
  height: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 5px;
  width: 0;
  right:0;
}
.sidebar-heading.secondary-bg .sidebar-border2::before {
  border-top: 9px solid hsl(0, 0%, 10%);
  border-left: 9px solid hsla(0, 0%, 0%, 0);
  border-right: 9px solid hsla(0, 0%, 0%, 0);
  content: "";
  height: 0;
  left: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 0;
}
.sidebar-heading.secondary-bg .sidebar-border2::after {
  border-top: 9px solid hsl(0, 0%, 10%);
  border-left: 9px solid hsla(0, 0%, 0%, 0);
  border-right: 9px solid hsla(0, 0%, 0%, 0);
  content: "";
  height: 0;
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: 14px;
  width: 0;
  right:0;
}
.sidebar-heading.secondary-bg .sidebar-border1, .sidebar-heading.secondary-bg .sidebar-border2{
	position:relative;
}
.popular-posts ul, .recent-comments ul, .follows-instagram ul{
	padding:0;
	padding:20px 26px;
}
.popular-posts ul li, .recent-comments ul li{
	list-style:none;
	overflow:hidden;
	margin-bottom:30px;
	position:relative;
}
.popular-posts ul li:last-child, .recent-comments ul li:last-child{
	margin-bottom:0;
}
.popular-post-img{
	float:left;
	width:97px;
	margin-right:20px;
}
.popular-post-img img{
	max-width:100%;
}
.popular-post-content {
  float: right;
  text-align: left;
  width: 61%;
}
.post-category a{
	font-size:15px;
	font-weight:700;
	color:#f69812;
	text-decoration:none;
}
.popular-post-content h4 a{
	text-decoration:none;
	color:#000;
	text-align:left;
	
}
.popular-post-content h4{
  font-weight: 400;
  line-height: 24px;
  margin: 0;
}
.popular-post-content span{
	font-size:12px;
	text-align:left;
	color:#b4b3b3;
	font-weight:400;
}
.popular-posts, .recent-comments{
	margin-bottom:40px;
	text-align:left;
}
.recent-comments ul li a{
	font-size:15px;
	color:#000;
	font-weight:600;
	text-decoration:none;
	text-align:left;
}
.comment-date {
  position: absolute;
  right: 0;
  top: 2px;
}
.comment-date span{
	font-size:12px;
	color:#000;
	font-weight:400;
}
.recent-comments p {
  color: hsla(0, 0%, 0%, 0.5);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  margin-top: 10px;
  text-align: left;
  margin-bottom:20px;
}
.recent-comments ul li {
  border-bottom: 1px dashed hsla(0, 0%, 0%, 0.5);
}
.recent-comments ul li:last-child {
  border: medium none;
}
.follows-instagram ul li {
  display: inline-block;
  list-style: outside none none;
  margin-bottom: 5px;
  margin-right: 0;
  width: 47%;
}
.follows-instagram ul li a img{
	max-width:100%;
}

.sidebar-post h2 {
  font-family: "Ribbon131BT";
  font-weight: 700;
  margin-top: 0;
}
.sidebar-post h3 {
  font-family: "ParisianBT";
  font-weight: 500;
  text-transform: uppercase;
  margin-bottom:20px;
  margin-top:10px;
}
.sidebar-post-text a img {
  width: 100%;
}
.sidebar-img {
  position: absolute;
  right: 0;
  top: 6px;
}

/*----lates-updates--------*/
#latest-updates h2{
	color:#000;
	font-weight:400;
}
#latest-updates {
  padding: 32px 0;
}
.newsletter{
	margin-left:46px;
}
.newsletter form input {
  border: 1px solid hsl(0, 0%, 90%);
  color: hsl(0, 0%, 0%);
  font-size: 14px;
  line-height: 40px;
  padding: 0 20px;
  text-align: left;
  width: 65%;
}
.newsletter form input.Subscribe {
  background-color: hsl(0, 0%, 0%);
  color: hsl(0, 0%, 100%);
  font-size: 20px;
  font-weight: 400;
  line-height: 41px;
  margin-left: -5px;
  padding: 0 42px;
  text-align: center;
  width: auto;
}
.newsletter form input.Subscribe:hover {
	background-color:hsl(35, 93%, 52%);
}
.categories-btn a:hover{
	background-color:#000;
}
.home-blog-content h2 a:hover, .recent-comments ul li a:hover, .popular-post-content h4 a:hover{
	color:hsl(35, 93%, 52%);
}


/*------footer-------*/
.footer-top {
  background-color: hsl(0, 0%, 6%);
  padding: 60px 0 76px;
  text-align: center;
}
.footer-top h3 {
  border: 1px solid hsla(0, 0%, 100%, 0.2);
  color: hsl(0, 0%, 100%);
  display: inline-block;
  font-weight: 400;
  margin: 0 auto 20px;
  padding: 15px 25px;
  text-align: center;
  text-transform: uppercase;
}
.footer-top ul li {
  background-color: hsl(0, 0%, 3%);
  border-radius: 30px;
  display: inline-block;
  line-height: 36px;
  list-style: outside none none;
  margin-right: 12px;
  margin-top: 12px;
  padding: 0 32px;
  text-align: center;
}
.footer-top ul li:hover{
	background-color:hsl(35, 93%, 52%);
}
.footer-top ul li a{
	text-decoration:none;
	font-size:14px;
	color:#fff;
	text-align:center;
	font-weight:400;
}
.sidebar-post-text {
  margin-bottom: 40px;
}
.footer-bottom{
	padding:40px 0 28px;
	text-align:center;
}
.footer-bottom p{
	color:hsla(0, 0%, 100%, 0.4);
	font-weight:400;
	margin-bottom:0;
}
.footer-bottom{
	background-color:#090909;
	position:relative;
}
.back-top a {
  color: hsl(0, 0%, 100%);
  display: block;
  font-size: 11px;
  font-weight: 400;
  line-height: 20px;
  position: relative;
  text-align: center;
  z-index: 1;
  text-decoration:none;
}
.back-top i.fa {
  display: block;
  font-size: 17px;
}
.back-top {
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -62px;
}
.back-top::after {
  border-bottom: 30px solid hsl(0, 0%, 4%);
  border-left: 45px solid hsla(0, 0%, 0%, 0);
  border-right: 45px solid hsla(0, 0%, 0%, 0);
  content: "";
  height: 0;
  left: -1px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  text-align: center;
  top: -8px;
  width: 0;
}
.footer-top ul {
  padding: 0;
}


/*------blog-deatil-------*/
.blog-detail-content {
  padding: 20px 24px;
  text-align: left;
}
.blog-detail-content h2 a {
  color: rgb(0, 0, 0);
  font-weight: 400;
  text-align: left;
  text-decoration: none;
}
.blog-detail-content span {
  color: rgb(179, 177, 177);
  display: block;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 13px;
  text-align: left;
}
.blog-detail-content h2 {
  text-align: left;
}
.blog-detail-content h3, .blog-detail-content h4, .blog-detail-content h5{
	font-weight:600;
}
.blog-detail-content p {
  margin-bottom: 30px;
}
.blog-detail-content blockquote p {
  float: right;
  margin-bottom: 0;
  width: 96%;
}
.blog-detail-content blockquote{
	padding:30px;
	border-left:14px solid #efcc79;
	overflow:hidden;
}
.blog-detail-content blockquote i.fa {
  float: left;
  vertical-align: middle;
  width: 4%;
}
.blog-detail-content ul {
  padding-left: 10px;
  padding-top: 10px;
}
.blog-detail-content ul li {
  color: rgb(0, 0, 0);
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  text-align: left;
  line-height:30px;
}
.tags-social-m {
  line-height: 50px;
  margin: 20px auto;
  overflow: hidden;
}
.tags ul{
	padding:0;
}
.tags ul li{
	list-style:none;
	display:inline-block;
	margin-right:12px;
	color:#000;
	font-size:14px;
	font-weight:300;
}
.tags ul li a{
	color:#fff;
	text-decoration:none;
	background-color:#000;
	padding:8px 25px;
	font-weight:300;
	border-radius:20px;
}
.tags {
  float: left;
  text-align: left;
  width: 60%;
}
.social-icon {
  float: right;
}


/*-------error--------*/
#error h1{
	font-size:140px;
	line-height:160px;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-weight:400;
}
.error-content{
	margin-top:70px;
	position:relative;
	margin-bottom:70px;
}
.error-content-m {
  background-color: rgb(248, 248, 248);
  border: 8px solid rgb(255, 255, 255);
  margin: 0 auto;
  padding: 30px 26px;
  position: relative;
  text-align: left;
  width: 406px;
  z-index: 1;
}
.error-content-m h2{
	font-size:63px;
	color:#000;
	font-weight:400;
	margin-top:0;
	margin-bottom:30px;
}
.error-content-m p{
	font-size:23px;
	color:#000;
	font-weight:300;
	margin-bottom:36px;
}
.error-content-m a{
	text-decoration:none;
	background-color:#000;
	text-align:center;
	font-size:16px;
	color:#fff;
	font-weight:400;
	padding:8px 42px;
	display:inline-block;
}
.error-content-m a:hover, .tags ul li a:hover{
	background-color:rgb(246, 151, 18);
}
.error-content::after {
  border: 8px solid rgb(255, 255, 255);
  content: "";
  height: 346px;
  left: 320px;
  padding: 30px 26px;
  position: absolute;
  top: -40px;
  width: 406px;
}




/*----responsive-start-------*/
@media (max-width:767px){
.header-top { text-align: center;}
.social-icons {margin: 10px auto 20px;}
.header-top .pull-right {float: none !important;}
.header-search form label input {margin-left: 0;}
.content-left {margin-left: 0;}
.home-blog-m { margin-bottom: 0;}
.home-blog-content {margin-bottom: 40px;}
.home-quotes {margin-bottom: 40px;}
.sidebar-post-text a {padding: 0 16px;}
.popular-post-img {float: none; margin-bottom: 20px; margin-right: 0;width: 100%;}
.popular-post-content {float: none;text-align: left;width: 100%;}
.newsletter {margin-left: 0;margin-top: 30px;}
.newsletter form input {width: 100%;}
.newsletter form input.Subscribe {margin-left: 0;margin-top: 20px;}
.footer-top ul li a {  font-size: 13px;}
.footer-top ul li {margin-right: 7px;padding: 0 22px;}
.footer-bottom p {font-size: 12px;}
.popular-post-img img {width: 100%;}
.header-search{ margin-bottom:20px;}
.header-search form label {display: block;}
.header-search form input.search {top: -29px;}
}
@media (min-width:768px) and (max-width:991px) {
.header-search form label input {margin-left: 0;}
.header-search form input.search {top: -26px;}
.header-top {margin-bottom: -28px;}
.menu .navbar-nav li a {padding: 8px 45px 8px 22px;}
.home-blog-content p {line-height: 26px;}
.home-blog-content p { margin-bottom: 0;}
.home-quotes {padding: 40px 30px;}
.blog-link {min-height: 269px;}
.popular-post-content {width: 82%;}
.follows-instagram ul li {width: 24%;}
.newsletter form input.Subscribe {font-size: 16px;padding: 0 32px;}
.newsletter form input {width: 57%;}
.newsletter {margin-left: 0px;}
}
@media (min-width:992px) and (max-width:1200px) {
.social-icons ul li a {margin: 0 4px 0 auto;}
.sidebar-post-text a {padding: 0 15px;}
.sidebar-heading.secondary-bg .sidebar-border2::after {top: 16px;}
.sidebar-heading.secondary-bg .sidebar-border2::before {top: 16px;}
.header-search form label input {margin-left: 0;}
.header-search form input.search {margin-right: 22px;top: -27px;}
.header-top {margin-bottom: -30px;}
.home-quotes {min-height: auto;padding: 30px 20px;}
.quotes-content h4 {font-size: 20px;}
.quotes-content { margin-bottom: 23px;}
.blog-link {min-height: auto; padding: 91px 0;}
#latest-updates h4 {font-size: 21px;}
.newsletter {margin-left: 0;}
.newsletter form input { width: 61%;}
.popular-post-img {margin-right: 10px;}
.popular-post-content {width: 55%;}
.sidebar-heading h5 {padding: 0 10px;}
.home-blog-content p {line-height: 22px;}
}