.cf:before, .cf:after {content: " ";display: table;}
.cf:after {clear: both;}
.cf { *zoom: 1; } /* old-ie only */
ol, ul {
    list-style: none;
    padding:0px;
}
.no-display{
    opacity:0;
}
.appear{
    opacity:1;
}
img{
    width:100%;
}
.navigation {
	background-color: #19232d;
	border-bottom: 2px solid #2f4154;
	color: #efefef;
		
	text-transform: uppercase;
	
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.navigation .menu{
    padding:0px;
}
.navigation.sticky {
	position: fixed;
	top: 0;
	z-index: 101;
	/*width: 1078px; */
	background-color: rgba(25, 35, 45, 0.9);
}

.admin-bar .navigation.sticky { top: 32px; }

.navigation a { color: #efefef; }

.navigation .mobile, .navigation .mobile-menu { display: none; } 
.navigation .menu { }

.navigation ul { 
	list-style: none; 
	line-height: 2; 
	position: relative;
}

.navigation ul li { 
	float: left; 
}

/* nth level link */ 
.navigation .menu li > a { 
	float: left;
	padding: 0px 15px;
}

/* top level links - 45px total height */
.navigation .menu > li > a { 
	text-decoration: none;
	line-height: 43px;
	
	border-bottom: 2px solid transparent;
	
	margin-bottom: -2px; /* parent border offset */
	
	/*border-left: 1px solid #141b23;
	box-shadow: -1px 0px 0px 0px #2e4052;
	-webkit-box-shadow: -1px 0px 0px 0px #2e4052;*/
	
	/*border-left: 1px solid #2e4052;*/
}

/* blips for parent menus */
.navigation .menu li > a:after {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 0.9;
	content: "\f107";
	text-shadow: 0px 0px 1px #efefef;
	margin-left: 10px;
}

.navigation .menu li li > a:after { display: none; }
.navigation .menu li > a:only-child:after { display: none; }

.navigation .menu > li:first-child > a {
	border-left: 0;
	box-shadow: none;	
}

.navigation .menu > li:hover > a, 
.navigation .menu > .current-menu-item > a,
.navigation .menu > .current-menu-parent > a,
.navigation .menu > .current-menu-ancestor > a
{
	border-bottom: 2px solid #e54e53;
}

.navigation .menu > li:hover {
	background: #1e2935;
}

/* login */
.menu .user-login { float: right; }

.navigation .menu .user-login a {
	float: right;
	background: #2A3746;
	padding: 0 21px;
	min-width: 12px;
}

/* nested menus */

	/* 1st level */
	.navigation .menu > li > ul { 
		top: 45px;
		border-radius: 0;
		border: 0;
	}
	
	/* 1st to nth level links */
	.navigation .menu > li li a {
		float: none;
		display: block;
		text-decoration: none;
		font-size: 13px;
		padding: 6px 25px;
		border-top: 1px solid #1f2c38;
		text-transform: none;
		
		/* prevent visibility:hidden delays */
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
		
		/* box-shadow: 0px -1px 0px 0px #141b23;
		-webkit-box-shadow: 0px -1px 0px 0px #141b23; */
		/* width: 100%;  - variable width disabled */ 
	}
	
	.navigation .menu ul li {
		float: none;
		min-width: 220px;
		border-top: 0;
		padding: 0 0;
		position: relative;
	}
	
	.navigation .menu > li li:first-child a { 
		border-top: 0px;
		box-shadow: none;
		-webkit-box-shadow: none;
	}
	
	.navigation .menu ul {
		position: absolute; 
		overflow: visible;
		visibility: hidden;
		display: block; 
		opacity: 0;
		
		padding: 5px 0px;
		background: #19232d;
		        
		-webkit-transition: all .2s ease-in;
		-moz-transition: all .2s ease-in;
		-ms-transition: all .2s ease-in;
		transition: all .2s ease-in;
		
		z-index: 100;
	}

	/* 2nd+ level */
	.navigation .menu ul ul { 
		left: 100%;
		top: 0;
	}
	
	.navigation li:hover > ul { 
		visibility: visible; 
		opacity: 1; 
	}
	
	/* nth level hover or current active item */
	.navigation .menu li li:hover, .navigation .menu li li.current-menu-item {
		background: #1e2935;
	}
    /* breadcrumbs */
.breadcrumbs {
	background: #f2f2f2;	
	padding: 14px 25px;
	font-size: 12px;
	color: #8d97a1;
	line-height: 1;
}

.breadcrumbs a { color: #656565; }

.breadcrumbs .delim {
	padding: 0 10px;
	font-size: 16px;
	color: #8d97a1;
	line-height: 0.7;
}

.breadcrumbs .location {
	color: #e54e53;
	margin-right: 21px;
	text-transform: uppercase;
}
    /* main highlights box */
  .highlights { position: relative; }

.highlights .image-link {
	min-height: 42px;
	display: block; 
}

.highlights .image-link img {
	display: block;
	width: 100%;
	height: auto; 
}

.highlights article { 	position: relative; }

.highlights-box.three-col .post-format-icon { margin-top: -45px; }

.highlights .section-head a { color: inherit; }

.highlights .cat-title.larger { 
	line-height: 30px;
	padding: 0 14px;
}

.highlights .meta {
	position: relative;
	margin-top: -12px;
	background: #f2f2f2;
	line-height: 25px;
	font-size: 11px;
	color: #a6a6a6;
	text-transform: uppercase;
	padding-left: 14px;
	overflow: hidden;
}

	.highlights .meta time { float: left; }
	.highlights .meta .comments { 
		float: right;
		display: inline-block;
		margin-right: 14px;
		white-space: nowrap;
	}
	
	.highlights .comments .fa { font-size: 13px; }
	
	.highlights .comments a { color: inherit; }
	.highlights .comments a:hover { text-decoration: none; }
	
	.highlights .meta .rate-number {
		float: right;
		background: #19232d;
		position: relative;
		height: 25px;
		text-align: center;
		min-width: 25px;
		
		font-weight: bold;
		color: #efefef;
	}
	
	.highlights .rate-number span {
		margin-top: -25px;
		display: block;
	}
	
		
	.highlights .rate-number .progress {
		background: #e54e53;
		height: 100%;
		width: 0;
		margin-top: 0;
	}
	
	.highlights h2 {
		color: #19232d;
		font-size: 14px;
		line-height: 1.3;
		padding-left: 14px;
		margin: 7px 0; 
        border-left-style: solid;
    border-left-width: 3px;
    border-left-color: #289ED8;
	}
	
		
	.highlights h2:before {
		content: " ";
		display: block;
		float: left;
		position: absolute;
		left: 0;
		height: 18px;
		border-left: 3px solid #289ED8; 
	}
	
	.highlights h2 a { color: #19232d; }

.highlights .excerpt {
	font-size: 13px;
	line-height: 1.615;
	margin-top: 14px;
	border-bottom: 1px solid #d9d9d9;
	color: #949697;
	padding-bottom: 14px;
	
}

.highlights .excerpt p { margin-bottom: 0; }
.cat-title {
		
position: absolute;
		
top: 0;
		
line-height: 25px;
		
background: #289ED8;
		
display: block;
		
font-size: 12px;
		
text-transform: uppercase;
		
padding: 0 10px;
		
margin-left: 7px;
		
color: #fff; /* compensate for font weight */
		
display: block;
		
z-index: 1;
}

.cat-title a { color: inherit; }
/* image hover effect */
.wp-post-image:hover { opacity: 0.8; }
.ie .wp-post-image:hover { opacity: 1; }

/**
 /* pagination */
 .listing + .main-pagination {
    margin-top: 14px;
    margin-bottom:15px;
}

.main-pagination {
	overflow: hidden;
}

	.main-pagination .page-numbers, .main-pagination a {
		display: block;
		float: left;
		color: #676767;
		padding: 0 10px;
		margin-right: 5px;
		background: #ebebeb;
		line-height: 25px;
		font-size: 13px;
	}
	
	.main-pagination .current, .main-pagination a:hover { 
		color: #fff;
		background: #e54e53; 
		text-decoration: none;
	}
 /*
     widget
 */
 .sidebar .widgettitle {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    background: #19232d;
    color: #efefef;
    padding: 0 14px;
    line-height: 34px;
    margin-bottom: 35px;
    margin-top:0px;
}
 .widget li:first-child {
    padding-top: 0;
}
.widget_categories li {
    overflow: hidden;
    text-align: right;
    font-weight: bold;
}
.widget li {
    border-bottom: 1px solid #d9d9d9;
    padding: 7px 0px;
}

/**
 * 7. =Footer
 * ----------------------------------------------------------------------------
 */
.main-footer {
 	background: #19232d;
}
 
.main-footer .wrap { 
 	padding: 49px 25px; 
}

/* default widget styling */
.main-footer .widget {
	color: #d7dade;
	font-size: 13px;
	line-height: 1.9;
}

.main-footer .widgettitle {
	font: bold 14px/35px "Open Sans", Arial, sans-serif;
	color: #c5c7cb;
	border-bottom: 1px solid #253443;
	text-transform: uppercase;
	margin-bottom: 28px; /* 2em */
}	

.main-footer .feedburner input {
	background: #1f2c38;
	color: #c5c7cb;
	border: 0;
	font-size: inherit;
}

.main-footer input.feedburner-subscribe { 
	background: #2a3c4c;
	padding: 8px 14px;
	font-weight: 600;
}


.lower-foot {
	background: #121a21;
	color: #8d8e92;
	font-size: 13px;
}

	.lower-foot a { color: #b6b7b9; }

	.lower-foot .wrap { 
		padding: 14px 25px;
		overflow: hidden; 
	}
	
	.lower-foot .social-icons { float: right; }
	
	.lower-foot .menu { 
		float: right;
		overflow: hidden; 
	}
	
	.lower-foot .textwidget { float: left; }

	.lower-foot .menu li { 
		float: left; 
		padding-left: 0.5em;
	}
	
	/* add middot */
	.lower-foot .menu li:before {
		content: "\b7"; 
		padding-right: 0.5em;
		display: inline-block;
	}
	
	.lower-foot .menu li:first-child:before { content: ''; } 
	.lower-foot .menu .sub-menu { display: none; }
/**
 * 4.2. =Single Post
 * ----------------------------------------------------------------------------
 */

.post-header { 
    margin-bottom: 21px;
    border-bottom:2px solid #a6a6a6;
}



.post-header .post-title {
	font-size: 20px;
	position: relative;
	padding-left: 18px;
	margin-right: 35px;
	float: left;
    margin-top:0px;
    line-height:1.5;
}

.post-header .post-title:before {
	content: " ";
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 6px; /* line-height padding */
	height: 20px;
	border-left: 3px solid #e54e53; 
}

.post-header .comments {
	float: right;
	margin-left: -35px;
	color: #a6a6a6;
	font-size: 11px;
	line-height: 28px;
}
	.post-header .comments:hover { text-decoration: none; }
	.post-header .comments .fa { font-size: 13px; }



.post-meta { color: #a6a6a6; }

.post-meta time { text-transform: uppercase; }

.post-meta .cats { float: right; }

/* post content */


	.post-container .post-content { margin-bottom: -1.857em; }

	.post-content a { color: #e54e53; }
	.post-content a:hover { color: #19232d; }

	.post-content p, .post-content > ul, .post-content > div, .post-content > dl, .post-content blockquote, .post-content ol { 
		margin-bottom: 1.857em; /* adjust to parent font-size */ 
	}
	
	.post .post-content > p:first-child { 
		font-size: 1.0769em;
		color: #3a4149;
	}
	

	
    

.top-bar { border-top-color: #289ED8 } 

   @media only screen and (max-width: 799px)
    { 
       .navigation .mobile .fa { background: #289ED8 }

   } 
/* footer widgets */
.main-footer .widget a { color: #e0e3E9; }

	/* About Widget */
	.about-widget .logo-text {
		font-size: 22px;
		font-weight: 600;
		line-height: 1;
		margin-bottom: 28px;
	}

	/* Latest posts / other post listing widgets */
	.main-footer .posts-list .content {
		border-bottom-color: #253443;
		min-height: 65px; 
		margin-left: 95px;
	}
	
	.main-footer .posts-list img { width: 75px; }
	
	.main-footer .posts-list time, .main-footer .posts-list .comments a, .main-footer .posts-list .fa {
		color: #a3a8b1;
	}
    /* tags cloud */
.tagcloud a { 
	padding: 2px 7px;
	border: 1px solid;
	margin: 2px 0;
	display: inline-block; 
}

/* generic posts list (for sidebars, menus, categories etc.) */
.posts-list { }
	
.posts-list img {
	float: left;
	width: 85px;
	height: auto;
}

.posts-list .content { 
	margin-left: 103px;
	line-height: 1;
	min-height: 73px;
	border-bottom: 1px solid #d9d9d9;
}

.posts-list li:first-child { 
	padding-top: 0;
}

.posts-list li {
	overflow: hidden;
	padding: 24px 0 0 0;
	border-bottom: 0;
}

.posts-list li > a { 
	float: left;
	position: relative; 
	/* firefox flicker bug */
	-moz-transform: translate3d(0, 0, 0);
}
@media only screen and (max-width: 799px) {
    /*
	 * Mobile Navigation 
	 */
    .navigation {
        border-bottom: 0;
    }

        .navigation.sticky {
            position: static;
        }

        .navigation .menu {
            display: none;
        }

        .navigation .mobile-menu.active {
            display: block;
        }

        .navigation ul li {
            float: none;
            clear: both;
            display: block;
        }

        .navigation .menu ul {
            position: static;
            display: none;
            visibility: visible;
            opacity: 1;
        }

        .navigation .menu > li > a {
            font-size: 13px;
            margin-bottom: 0;
            border-bottom: 0;
        }

        .navigation .mobile:hover a {
            text-decoration: none;
        }

        .navigation .mobile {
            display: block;
        }

            .navigation .mobile .selected {
                display: block;
                padding: 0 15px;
                line-height: 44px;
                margin-bottom: -1px;
                overflow: hidden;
            }

            .navigation .mobile .text {
                float: left;
            }

            .navigation .mobile .current {
                float: left;
                margin-left: 14px;
                font-size: 13px;
                max-width: 40%;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                vertical-align: bottom;
            }

            .navigation .mobile .fa {
                font-size: 21px;
                float: right;
                width: 50px;
                background: #e54e53;
                margin-right: -15px;
                text-align: center;
                line-height: 43px;
            }


        .navigation .menu > li:hover > a, .navigation .menu > .current-menu-item > a,
        .navigation .menu > .current-menu-parent > a, .navigation .mega-menu.links > li:hover,
        .navigation .menu > .current-menu-ancestor > a {
            border-bottom: 0;
            background: #1e2935;
        }

        .navigation .menu li a {
            float: none;
            display: block;
            border-top: 1px solid #1f2c38;
        }

        .navigation .menu li > a:after {
            display: none;
        }

        .navigation .menu li > a .chevron {
            float: right;
            width: 50px;
            background: #303A44;
            background: rgba(0, 0, 0, 0.075);
            margin-right: -20px;
            text-align: center;
            font-size: 16px;
        }

        .navigation .menu li ul li > a .chevron {
            margin: 0;
            margin-right: -25px;
            padding: 2px 0;
            margin-top: -5px;
        }

        .navigation .menu > li li a {
            padding-left: 35px;
        }

        .navigation .menu > li li li a {
            padding-left: 45px;
        }

        .navigation .menu li.active {
            background: #1e2935;
        }
}