body {
    position: relative;
    overflow-x: hidden;
}
body,
html { height: 100%;}
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus {background-color: transparent;}

/*-------------------------------*/
/*           Wrappers            */
/*-------------------------------*/
.navbar-fixed-top, .navbar-fixed-bottom{left:auto; right:0;}
#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-right: 280px;
}

#sidebar-wrapper {
    z-index: 1000;
    right: 280px;
    width: 0;
    height: 100%;
    margin-right: -280px;
    overflow-y: auto;
    overflow-x: hidden;
    background: #1a1a1a;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#sidebar-wrapper::-webkit-scrollbar {
  display: none;
}

#wrapper.toggled #sidebar-wrapper {
    width: 280px;
}

/*#page-content-wrapper {
    width: 100%;
    padding-top: 70px;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -280px;
}
*/
/*-------------------------------*/
/*     Sidebar nav styles        */
/*-------------------------------*/

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 280px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-nav li {
    position: relative; 
    line-height: 20px;
    display: inline-block;
    width: 100%;
}

.sidebar-nav li:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    height: 100%;
    width: 3px;
    background-color: #1c1c1c;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}
.sidebar-nav li:first-child a {
    color: #fff;
    background-color: #1a1a1a;
}
.sidebar-nav li:nth-child(2):before {
    background-color: #ec1b5a;   
}
.sidebar-nav li:nth-child(3):before {
    background-color: #79aefe;   
}
.sidebar-nav li:nth-child(4):before {
    background-color: #314190;   
}
.sidebar-nav li:nth-child(5):before {
    background-color: #279636;   
}
.sidebar-nav li:nth-child(6):before {
    background-color: #7d5d81;   
}
.sidebar-nav li:nth-child(7):before {
    background-color: #ead24c;   
}
.sidebar-nav li:nth-child(8):before {
    background-color: #2d2366;   
}
.sidebar-nav li:nth-child(9):before {
    background-color: #35acdf;   
}
.sidebar-nav li:hover:before,
.sidebar-nav li.open:hover:before {
    width: 100%;
    -webkit-transition: width .2s ease-in;
      -moz-transition:  width .2s ease-in;
       -ms-transition:  width .2s ease-in;
            transition: width .2s ease-in;

}

.sidebar-nav li a {
    display: block;
    color: #ddd;
    text-decoration: none;
    padding: 10px 15px 10px 30px;    
}

.sidebar-nav li a:hover,
.sidebar-nav li a:active,
.sidebar-nav li a:focus,
.sidebar-nav li.open a:hover,
.sidebar-nav li.open a:active,
.sidebar-nav li.open a:focus{
    color: #fff;
    text-decoration: none;
    background-color: transparent;
}

.sidebar-nav > .sidebar-brand {
    height: 65px;
    font-size: 20px;
    line-height: 44px;
}
.sidebar-nav .dropdown-menu {
    position: relative;
    width: 100%;
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: none;
    background-color: #222;
    box-shadow: none;
}

/*-------------------------------*/
/*       Hamburger-Cross         */
/*-------------------------------*/

.hamburger {
  position:absolute;
  top: 20px;  
  z-index: 999;
  display: block;
  width:24px;
  height: 32px;
  margin-right: 15px;
  background: transparent;
  border: none;
  right:0;
}
.hamburger:hover,
.hamburger:focus,
.hamburger:active {
  outline: none;
}
.hamburger.is-closed:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom,
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  position: absolute;
  right: 0;
  height: 4px;
  width: 100%;
}
.hamburger.is-closed .hamb-top,
.hamburger.is-closed .hamb-middle,
.hamburger.is-closed .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-closed .hamb-top { 
  top: 5px; 
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed .hamb-middle {
  top: 50%;
  margin-top: -2px;
}
.hamburger.is-closed .hamb-bottom {
  bottom: 5px;  
  -webkit-transition: all .35s ease-in-out;
}

.hamburger.is-closed:hover .hamb-top {
  top: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-closed:hover .hamb-bottom {
  bottom: 0;
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-middle,
.hamburger.is-open .hamb-bottom {
  background-color: #1a1a1a;
}
.hamburger.is-open .hamb-top,
.hamburger.is-open .hamb-bottom {
  top: 50%;
  margin-top: -2px;  
}
.hamburger.is-open .hamb-top { 
  -webkit-transform: rotate(45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open .hamb-middle { display: none; }
.hamburger.is-open .hamb-bottom {
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform .2s cubic-bezier(.73,1,.28,.08);
}
.hamburger.is-open:before {
  content: '';
  display: block;
  width: 100px;
  font-size: 14px;
  color: #fff;
  line-height: 32px;
  text-align: center;
  opacity: 0;
  -webkit-transform: translate3d(0,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open:hover:before {
  opacity: 1;
  display: block;
  -webkit-transform: translate3d(-100px,0,0);
  -webkit-transition: all .35s ease-in-out;
}
.hamburger.is-open{ margin-right:280px; position:fixed;}
/*-------------------------------*/
/*            Overlay            */
/*-------------------------------*/

.overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(250,250,250,.8);
    z-index: 1;
}

.blog_catogrymenu{display:block;}
	.blog_catogrymenu h3{ color:#CDCDCD; padding:10px; font-size:30px;}
	.blog_catogrymenu ul{width:100%;}
	.blog_catogrymenu ul li{width:100%;}
	.blog_catogrymenu ul li a{ display:block; position:relative; padding-left:25px;color:#757474; border-bottom: dotted 1px #242424;line-height:2.5;}
	.blog_catogrymenu ul li a:before{content:'\f105';font-family:'FontAwesome'; position:absolute; left:10px; top:0;}
	.blog_catogrymenu ul li a:hover{color:#A7A7A7;}
	
	.right_search{display:block;margin-bottom: 28px;    margin-top:15px; padding:10px;}
.right_search form{display:block; position:relative; }
.right_search form input[type=text]{
	width: 100%;
	padding: 0 35px 0 5px;
	background:#1A1A1A;
	height:43px;
	border: solid 1px #757474;
	transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
}
.right_search form input[type=submit]{ position:absolute; opacity:0; right:0; top:0;height:100%; border:none; width:40px;}
.right_search form input[type=text]:focus{ border-color:#ECB749;}
.right_search form:after{content:'\f002';color:#E5E5E5;font-family:'FontAwesome'; font-size:16px; line-height:2.6; text-align:center; height:100%;position:absolute; right:0; top:0;  width:30px;transition:all .4s 0s ease; pointer-events:none; }
.right_search form:hover:after{ color:#ccc;}
	
.blog_contener{display:block; padding:20px 0;}
.blog_contener ul li{ margin-bottom:20px;}
.blog_contener .blog_contentwraper{display:block; background:#f2e6cd;border-radius:10px 10px 0 0; overflow:hidden;}	
.blog_contener .blog_contentwraper a{color:#030302}
.blog_contener .blog_contentwraper a:hover{color:#666}
.blog_contener .blog_contentwraper figure{display:block; overflow:hidden; }	
.blog_contener .blog_contentwraper figure img{ border-radius:10px;transition:all .6s 0s ease; transform:scale(1); max-height:200px; width:100%; height:100vh;}	
.blog_contener .blog_contentwraper:hover figure img{ transform:scale(1.1); opacity:0.6;}
.blog_contener .blog_contentwraper .post_container p{font-family: 'RobotoSlab-Light'; text-align:left;}
.blog_contener .blog_contentwraper .post_container p{ overflow: hidden; text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp:5; /* number of lines to show */   -webkit-box-orient: vertical;}

.blog_contener .blog_contentwraper .post_container{ display:block;font-family: 'RobotoSlab-Light'; padding:10px; min-height:230px;}
.blog_contener .blog_contentwraper .post_container h3{ font-size:14px; font-weight:600; color:#ee050d; margin-top:5px;font-family: 'RobotoSlab-Light'; }
.blog_contener .blog_contentwraper .post_container h3{ overflow: hidden; text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp:2; /* number of lines to show */   -webkit-box-orient: vertical;}

.blog_contener .blog_contentwraper .post_container h3 a{ color:#ee050d;}
.blog_contener .blog_contentwraper .myhov a {color:#666}
.blog_contener .blog_contentwraper .myhov a:hover {color:#ee050d}
/*detail page*/
.blog_shadow{-webkit-box-shadow: 0px 0px 11px 0px rgba(166,166,166,1);
-moz-box-shadow: 0px 0px 11px 0px rgba(166,166,166,1);
box-shadow: 0px 0px 11px 0px rgba(166,166,166,1);  margin-bottom:20px;}
.blog_detailmain{ display:block; margin-top:20px;}
.blog_detailmain h2{  font-size:23px; border-bottom:solid 1px #ccc; line-height:2.5; font-weight:600; margin-top:0;font-family: 'Roboto-Regular';}
.blog_detailmain h2 a{color:#ee050d; display:block;}
.blogdetailwraper{ position:relative; display:block;}
.blogdetailwraper:after{content:''; position:absolute; right:0; top:0; border-right:solid 1px #ccc; bottom:0;}
.blogdetailhead{display:block; margin-bottom:20px;}
.blogdetailhead figure{display:block;}
.blogdetailhead ul{width:100%; overflow:hidden; margin:15px 0; border-bottom:solid 1px #ccc;border-top:solid 1px #ccc;}
.blogdetailhead ul li{float:left; padding:10px; border-left:solid 1px #ccc;}
.blogdetailhead ul li:first-child{ padding-left:0; border-left:none;}
.blogdetailhead ul li:last-child{ padding-right:0;}
.blogdetailhead ul li a{display:inline-block;}
.blogdetailhead ul li i{ margin-right:5px;}
.blogdetailhead ul li a{color:#666;}
.blogdetailhead ul li a + a{ margin-left:5px;}
.blogdetailhead ul li a:hover{color:#ee050d;}
.blog_detailmain article{ display:block;}
.blog_detailmain article a{ color:#ee050d;}
.blog_detailmain h3{ font-weight:600; font-size:17px; color:#000;font-family: 'Roboto-Regular';}
.blog_detailmain figure{ margin-bottom:20px; overflow:hidden;}
.blog_detailmain figure img{transition:all .9s 0s ease; opacity:1; transform:scale(1);}
.blog_detailmain figure:hover img{ opacity:0.6; transform:scale(1.05);}
.blogdetail_container{display:block;}
.blogdetail_container ul{display:block;}
.blogdetail_container ul li{ margin-bottom:20px}
.blog_rightinc{display:block;}
.blog_rightinc .right_search{ margin-top:13px; padding-left:0;padding-right:0;}
.blog_rightinc .right_search form input[type="text"] {  background: #F8F4EC; border: 1px solid #ccc;  width: 100%; }
.blog_rightinc .nav > li{width:50%; text-align:center;}
.blog_rightinc .nav-tabs > li > a{   background: #f35157;border: medium none;border-radius: 0; color: #fff;font-size: 16px;padding: 5px 15px;}
.blog_rightinc .nav-tabs > li.active > a, .blog_rightinc .nav-tabs > li.active > a:hover, .blog_rightinc .nav-tabs > li.active > a:focus{ border:none;background:#D81D24; color:#fff; outline:none;}
.blog_rightinc .nav-tabs > li > a:hover{background:#DFD3BF; color:#444;}
.blog_rightinc .nav-tabs{ border:none;}
.postmain{display:block;}

.postmain .post_contenter ul{display:block; margin-top:20px; margin-bottom:0;}
.postmain .post_contenter  ul li{display:block; overflow:hidden; width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #ccc;}
.postmain .post_contenter ul li figure{display:block;float:left; width:30%; margin-bottom:0;}
.postmain .post_contenter ul li article{display:block; float:right; width:68%; padding:8px;}
.postmain .post_contenter ul li article a{display:block; color:#000;}
.postmain .post_contenter ul li:hover article a{color:#D81D24;}
.postmain .post_contenter ul li article time { font-size:13px;}
.postmain .post_contenter ul li article time i{color:#D81D24;}

.blogshare{ display: block; margin:20px 0; border-top:solid 1px #ccc;  border-bottom:solid 1px #ccc; padding:8px 0;}
.blogshare ul{width:100%; overflow:hidden; margin:0;}
.blogshare ul li{ float:left; margin-right:12px;margin-bottom:0; line-height:1.5;}
.blogshare ul li a{display:block; color:#666; position:relative; font-family: 'Roboto-Regular';}
.blogshare ul li a i{ font-size:19px;}
.blogshare ul li a:hover{color:#CE000C}
.about_author{ display:block; border-bottom:solid 1px #ccc; padding-bottom:10px;}
.about_author figure{ margin-bottom:0;}
.about_author h4 { font-family: 'RobotoSlab-Regular'; font-size:20px;}
.about_author h3{ font-family: 'RobotoSlab-Regular'; font-weight:300; font-size:18px;} 

.blogcomment{ display:block;border-bottom:solid 1px #ccc; padding-bottom:10px;}
.blogcomment h4 { font-family: 'RobotoSlab-Regular'; font-size:20px;}
.blogcomment h3{ font-family: 'RobotoSlab-Regular'; font-weight:300; font-size:18px;} 
.blogcomment h3 span{ float:right; font-size:14px;}
.blogcomment a.reply{ display:inline-block; padding:8px 15px; background:#D81D24; color:#fff; margin:10px 0 20px; text-transform:capitalize;}
.blogpostform{ display:block;}
.blogpostform h4 { font-family: 'RobotoSlab-Regular'; font-size:20px;}
.blogpostform h3{ font-family: 'RobotoSlab-Regular'; font-weight:300; font-size:18px;} 
.blogpostform ul{ margin-bottom:0;}
.blogpostform ul li{ margin-bottom:20px;}
.blogpostform input[type=text], .blogpostform textarea{ border:solid 1px #ccc;background:#F8F4EC; width:100%; padding:0 5px;   line-height:2.5;}
.blogpostform textarea{ line-height:1.3; height:150px;}
.blogpostform input[type=submit]{padding:8px 15px;  border:none;background:#D81D24; color:#fff; text-transform:capitalize;}


.blog_rightinc .blog_catogrymenu ul li a{color:#444; border-color:#ccc9c2;}

.blog_rightinc h2{ font-family: 'RobotoSlab-Regular';font-size:18px;font-weight:500; color:#000; line-height:normal; padding-bottom:10px;}
.blog_rightinc .followus{width:100%; margin:0 0 20px;}
.blog_rightinc .followus ul{width:100%; overflow:hidden;}
.blog_rightinc .followus ul li{float:left; margin-bottom:5px; margin-top:5px;}
.blog_rightinc .followus ul li + li{ margin-left:5px;}
.blog_rightinc .followus ul li a{display:block; width:30px; height:30px; line-height:30px; text-align:center; border-radius:50%; border:solid 1px #ccc;font-size:19px;}
.blog_rightinc .followus ul li:nth-child(1) a{color:#4E639A; border-color:#4E639A}
.blog_rightinc .followus ul li:nth-child(2) a{color:#0EB1F2; border-color:#0EB1F2}
.blog_rightinc .followus ul li:nth-child(3) a{color:#CA3737; border-color:#CA3737}
.blog_rightinc .followus ul li:nth-child(4) a{color:#1C75BC; border-color:#1C75BC}
.blog_rightinc .followus ul li:nth-child(5) a{color:#C63E24; border-color:#C63E24}
.blog_rightinc .followus ul li:nth-child(6) a{color:#B8252B; border-color:#B8252B}
.blog_rightinc .followus ul li:nth-child(7) a{color:#D52372; border-color:#D52372}
.blog_rightinc .blog_slider{display:block;}
.blog_rightinc .blog_slider h2{ border-top:solid 1px #ccc; border-bottom:none;padding-top:10px;padding-bottom:0;}
.blog_rightinc .blog_slider .title {display:block;}
.blog_rightinc .blog_slider .blog_slidercontent {display:block;}
.blog_rightinc .blog_slider .blog_slidercontent figure {display:block; margin-bottom:5px;}
.blog_rightinc .blog_slider .title ul{width:100%; overflow:hidden;}
.blog_rightinc .blog_slider .title ul li{float:left; width:50%; padding:5px;}
.blog_rightinc .blog_slider .title ul li + li{ text-align:right;}
.blog_rightinc .blog_slider .title ul li a{ display:block;color:#444;}
.blog_rightinc .blog_slider .title ul li a:hover{color:#D81D24;}