body{margin: 0;padding: 0;background-color: #222627;}
*{outline: none}
h1, h2, h3, h4, h5, h6 {margin: 0;color: #343434;}
p {margin: 0;}
a {color: #1a8ae1;text-decoration: none;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
i{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
img{-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;}
a,a:active,a:focus,a:active {text-decoration: none;outline: none;}
a:hover,a:focus {color: #62646c;text-decoration: none;}

.headerMenu{position: absolute;top: 0;z-index: 15;width: 100%;background: rgba(0, 0, 0, 0.5);}
.headerMenu .topMenu{background: #222}
.headerMenu .topMenu .c1{padding-left: 0 }
.headerMenu .topMenu .c2{padding-right: 0;}
.headerMenu .topMenu .c1 ul{margin: 0;padding: 0;}
.headerMenu .topMenu .c1 ul li {display: inline-block;}
.headerMenu .topMenu .c1 ul li a {display: inline-block;font-size: 14px;color: #eeeeee;padding: 7px;padding-left: 0;}
.headerMenu .topMenu .c1 ul li a i{color: #000;width: 43px;height: 43px;line-height: 43px;text-align: center;border-radius: 50%;background: #eee;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;font-size: 17px;}
.headerMenu .topMenu .c1 ul li a:hover{text-decoration: none;color: #fff}
.headerMenu .topMenu .c2 ul{text-align: right;margin: 0;padding: 0;}
.headerMenu .topMenu .c2 ul li {display: inline-block;}
.headerMenu .topMenu .c2 ul li a {width: 34px;height: 34px;line-height: 34px;text-align: center;background: #111;-webkit-transition: 0.3s;-moz-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;font-size: 17px;display: block;color: #eeeeee;}
.headerMenu .topMenu .c2 ul li a i{}
.headerMenu .topMenu .c2 ul li a:hover{text-decoration: none;}
.headerMenu .topMenu .c2 ul li.facebook a{}
.headerMenu .topMenu .c2 ul li.twitter a{}
.headerMenu .topMenu .c2 ul li.instagram a{}
.headerMenu .topMenu .c2 ul li.youtube a{}
.headerMenu .topMenu .c2 ul li.pinterest a{}

.navbar-default {border-radius: 0;padding: 0;margin-bottom: 0;border-bottom: 0;border: 0;line-height: 11px;min-height: auto;box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);background: #eeeeee;/* background: rgb(255,179,0); */background: -moz-radial-gradient(circle, rgba(255,179,0,1) 0%, rgba(255,138,0,1) 100%);/* background: -webkit-radial-gradient(circle, rgba(255,179,0,1) 0%, rgba(255,138,0,1) 100%); *//* background: radial-gradient(circle, rgba(255,179,0,1) 0%, rgba(255,138,0,1) 100%); */}
.navbar-default .container{}
.navbar-default .navbar-nav>li>a {padding: 60px 10px 14px 10px;color: #333;font-size: 16px;font-weight: 600;text-transform: uppercase;margin-bottom: 5px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;margin-left: 3px;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{background: #f65034;color: #fff !important;}
.navbar-default .navbar-nav li .dropdown-menu a {padding: 10px 22px;color: #333 !important;font-size: 14px;font-weight: 600;/* text-transform: uppercase; */}
.navbar-default .navbar-nav li .dropdown-menu a:hover{/* background: #f65034; */color: #f65034!important;}
.navbar-default .navbar-nav li.randomBtn{text-align: center;}
.navbar-default .navbar-nav li.randomBtn a{padding: 14px 10px;background: #c50e17;color: #fff;}
.navbar-default .navbar-nav li.randomBtn a img{width: 40px;display: block;margin: 0 auto;margin-bottom: 6px;}
.navbar-default .navbar-nav li:hover .dropbtn{background: #f65034;color: #fff}
.navbar-default .navbar-nav>li>a:hover{background: #c50e17;color: #fff;/* padding: 14px 12px; */}
.navbar-default .navbar-brand{height: auto;padding: 10px;position: relative;}
.navbar-default .navbar-brand img{width: 200px;}
.navbar-default .navbar-brand h1{display: none;}
@media (min-width:780px){
    .navbar-fixed-top{position: fixed;-webkit-transition: all .4s ease 0;transition: all .4s ease 0;-webkit-animation: header-bottom-fix .9s;box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
    .navbar-fixed-top .topMenu{display: none;}
    .navbar-fixed-top .navbar-brand{}
    .navbar-fixed-top .navbar-brand img{width: 135px;}
    .navbar-fixed-top .navbar-nav li.randomBtn a{padding: 3px 10px}
    .navbar-fixed-top .navbar-nav>li>a{padding: 49px 10px 3px 10px;}
}
@-webkit-keyframes header-bottom-fix {0%{top:-100%}100%{top:0}}
@keyframes header-bottom-fix {0%{top:-100%}100%{top:0}}
@media (min-width:780px){.open>.dropdown-menu {display: none;} .navbar-default .navbar-nav li.dropdown:hover ul.dropdown-menu {display: block;border: 0px;border-radius: 0;background: #f8f8f8;}}

.areaWrap {margin-top: 170px;}
.areaWrap .container{padding: 0}
.areaWrap .postArea{}
.areaWrap .postArea .post{border-radius: 5px;margin-bottom: 30px;}
.areaWrap .postArea .post header{}
.areaWrap .postArea .post header a{}
.areaWrap .postArea .post header a img{width: 100%;height: 370px;object-fit: cover;-webkit-transition: all 0.3s ease 0s;-moz-transition: all 0.3s ease 0s;-o-transition: all 0.3s ease 0s;transition: all 0.3s ease 0s;border-radius: 5px;}
.areaWrap .postArea .post .capt{padding: 10px 0;padding-bottom: 10px;/* background: #222222; */}
.areaWrap .postArea .post .capt .categories{display: none;margin-bottom: 15px;}
.areaWrap .postArea .post .capt .categories a{color: #222627;padding: 5px;font-size: 13px;background: #eeeeee;border-radius: 3px;margin-right: 5px;}
.areaWrap .postArea .post .capt h2{margin: 10px 0;}
.areaWrap .postArea .post .capt h2 a{color: #ffffff;}
.areaWrap .postArea .post .capt p{font-size: 16px;color: #ffff;}
.areaWrap .postArea .post footer{display: none;margin: 0 15px;background: #ffffff;border-radius: 5px;}
.areaWrap .postArea .post footer .date{}
.areaWrap .postArea .post footer .author{text-align: right;}

.areaWrap .sidebarArea{}
.areaWrap .sidebarArea .box{position: relative;z-index: 1;border: 1px solid #393c3d;border-radius: 3px;padding: 30px 20px;margin-bottom: 20px;}
.areaWrap .sidebarArea .populer{padding-bottom: 10px;}
.areaWrap .sidebarArea .instagram{}
.areaWrap .sidebarArea .box .boxTitle{margin-bottom: 15px;}
.areaWrap .sidebarArea .box .boxTitle h4{font-weight: 700;margin-bottom: 10px;color: #fff;font-size: 20px;}
.areaWrap .sidebarArea .box .boxTitle .line{height: 1px;background-color: #4e5152;margin: 0 auto;position: relative;z-index: 1;width: 100%;}
.areaWrap .sidebarArea .box .boxTitle .line:after{width: 70px;height: 2px;background: #c50e17;content: '';position: absolute;bottom: 0px;left: 0;margin-left: 0;}
.areaWrap .sidebarArea .search{}
.areaWrap .sidebarArea .search input{height: 40px;box-shadow: none !important;border: 0 !important;}
.areaWrap .sidebarArea .search button{height: 40px;border: 0;}
.areaWrap .sidebarArea .search button i{}
.areaWrap .sidebarArea .trendPost{margin-bottom: 15px;}
.areaWrap .sidebarArea .trendPost a{display: block;color: #fff;font-size: 16px;}
.areaWrap .sidebarArea .trendPost a img{border-radius: 5px;}
.areaWrap .sidebarArea .trendPost a .title{padding: 5px 0;}
.areaWrap .sidebarArea .postWrap{margin-left: 0;margin-right: -5px;}
.areaWrap .sidebarArea .postWrap .item{padding: 5px;padding-left: 0;}
.areaWrap .sidebarArea .postWrap .item a{display: block;color: #fff;font-size: 16px;}
.areaWrap .sidebarArea .postWrap .item a img{border-radius: 5px;height: 130px;object-fit: cover;}