/* style-v2.css odchudzony do reguł używanych przez portal (PurgeCSS) - stare strony używają oryginału */
/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. about
5. features
6. services
7. video
8. choose
9. brand
10. work-process
11. team
12. counter
13. cta
14. testimonial
15. blog
16. pagination
17. f-cta
18. pricing
19. contact
20. footer

*/



/* 1. Theme default css */
 body {
   font-family: 'Roboto', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #777777;
	font-style: normal;
     line-height: 26px;
}
.mean-container a.meanmenu-reveal span {
    background: no-repeat;
    display: block;
    height: 3px;
    margin-top: 3px;
    border-top: 3px solid #002e5b;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.fix {
	overflow: hidden
}
a {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover {
	text-decoration: none;
}
a {
	color: #010f2e;
	outline: medium none;
}
a:hover {
    color: #0469cd;
}
input:focus,input:focus,textarea,textarea:focus{outline: none;box-shadow: none;}
.uppercase {
	text-transform: uppercase;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	 font-family: 'Poppins', sans-serif;
	color: #010f2e;
	margin-top: 0px;
	font-style: normal;
	font-weight: 700;
	text-transform: normal;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size: 40px;
	font-weight: 700;
}
h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
    line-height: 1.3;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {

	
	margin-bottom: 15px;
}
hr {
	border-bottom: 1px solid #eceff8;
	border-top: 0 none;
	margin: 30px 0;
	padding: 0;
}
label {
	color: #7e7e7e;
	cursor: pointer;
	font-size: 14px;
	font-weight: 400;
}
*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}

.logo img {
    width: 100%;
}
/* button style */
/* scrollUp */
#scrollUp {
	background: #0469cd;
	height: 45px;
	width: 45px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	line-height: 45px;
	transition: .3s;
}
#scrollUp:hover {
	background: #0469cd;
}
/* 2. header */
.header-social a {
    font-size: 14px;
    display: inline-block;
    margin-left: 9px;
    height: 35px;
    width: 35px;
    background: #e1e1e1;
    text-align: center;
    line-height: 35px;
    border-radius: 50%;
    color: #191D3B;
}
.header-social a:hover{
    background: #002584;
     color: #fff;
}
.main-menu ul li {
	display: inline-block;
	margin-left: 25px;
	position: relative;
}
.main-menu ul li.active a {
	color: #0469cd;
}
.main-menu ul li a {
	display: block;
	color: #201e1a;
	 font-family: 'Poppins', sans-serif;
	font-weight: 500;
	padding: 50px 0;
	position: relative;
    font-size: 16px;
}
.main-menu ul li:first-child {
	margin-left: 0;
}
.main-menu ul li:hover > a{color: #0469cd;}
.main-menu ul li:hover > a::before{width: 100%;}
.sticky-menu {
    left: 0;
    margin: auto;
    position: fixed;
    top: 0;
    width: 100%;
    box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
		z-index: 9999;
		background: #fff;
    -webkit-animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
    -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.responsive {display: none;}
#mobile-menu {
	display: block;
}
.main-menu {
position: relative;
z-index: 9;
}
.sticky-menu .logo{
    margin-top: 0;
    line-height: 61px;
    height: auto;
}
.sticky-menu::before {
    height: 71px;
    top: 0;
    left: -20px;

}

.second-menu {
	position: relative;
	z-index: 9;
}
.sticky-menu .second-menu {
	margin: 0;
	box-shadow: none;
	padding: 0;
}
.sticky-menu .second-menu::before{content: none;}
.second-menu .main-menu ul li{margin-left: 40px;}
.second-menu .main-menu ul li::before {
    width: 5px;
    height: 5px;
    background: #0469cd;
    content: "";
    position: absolute;
    left: -20px;
    top: 49%;
    border-radius: 50%;
}
.second-menu .main-menu ul li.sub li::before{
    display: none;
}
.second-menu .main-menu ul li:first-child{margin-left: 0;}
.second-menu .main-menu ul li a::before{content: none;}

/* breadcrumb */
/* 3. slider */
/* 4. about */
/* 5. features */
.section-title span {
	font-size: 16px;
font-weight: 500;
text-transform: uppercase;

letter-spacing: 2px;
display: inline-block;
margin: 0 10px;
}
.section-title a {
    text-transform: uppercase;
    text-decoration: underline;
}
.section-title h5{
    color: #0469cd;
    margin-bottom: 15px;
}
.section-title h2 {
	font-size: 48px;
	padding-bottom: 0;
	margin-bottom: 10px;
	position: relative;
}
.section-title h2::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 4px;
	width: 60px;
	background: #0469cd;
	margin: auto;
	transition: .3s;
    display: none;
}
section:hover .section-title h2::before{width: 100px;}


/* 6. services */
/* 7. video */
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
	opacity: 1;
	}
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
	opacity: 0;
	}
}
/* 8. choose */
/* 9. brand */
/* 10. work-process */
@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
  50% {
    -webkit-transform: rotateX(0deg) translateY(-10px);
    -moz-transform: rotateX(0deg) translateY(-10px);
    -ms-transform: rotateX(0deg) translateY(-10px);
    -o-transform: rotateX(0deg) translateY(-10px);
	transform: rotateX(0deg) translateY(-10px);
	}
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
}
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
  50% {
    -webkit-transform: rotateX(0deg) translateY(-10px);
    -moz-transform: rotateX(0deg) translateY(-10px);
    -ms-transform: rotateX(0deg) translateY(-10px);
    -o-transform: rotateX(0deg) translateY(-10px);
	transform: rotateX(0deg) translateY(-10px);
	}
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
	transform: rotateX(0deg) translateY(0px);
	}
}
/* 11. team */
/* 12. project */
/* 12. counter */
/* 13. cta */
/* 14. testimonial */
/* faq */
/* 15. blog */
.bsingle__post-thumb img {
	  width: 100%;
}
.bsingle__content {
	padding: 40px 30px;
	background: #FFFFFF 0% 0% no-repeat padding-box;
border-style: solid;
  border-width: 2px;
  border-color: rgb(243, 243, 243);
    position: relative;
}

.blog-detailss-wrap .meta-info ul {
    padding-top: 25px;
    border-top: 2px solid #f5f5f5;
    padding-bottom: 25px;
}
.blog-detailss-wrap .meta-info ul li {
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    font-weight: 500;
    padding-right: 15px;
    border-right: 2px solid #f5f5f5;
}
.blog-detailss-wrap .meta-info ul li i {
    color: #0469cd;
    margin-right: 5px;
}
.blog-detailss-wrap .meta-info ul li:last-child {
    border: none;
}
.bsingle__content .meta-info ul {
	padding-top: 25px;
border-top: 2px solid #f5f5f5;
}
.bsingle__content .meta-info ul li {
display: inline-block;
font-size: 14px;
margin-right: 15px;
font-weight: 500;
padding-right: 15px;
border-right: 2px solid #f5f5f5;
}
.bsingle__content .meta-info ul li:last-child{
    border: none;
}
.bsingle__content .meta-info ul li i{
    color: #0469cd;
}
.bsingle__content .meta-info ul li a {
	color: #3763eb;
	text-transform: capitalize;
}
.bsingle__content .meta-info ul li a i {
	margin-right: 5px;
}
.bsingle__content .meta-info ul li a:hover {
	color: #0469cd;
}
.bsingle__content .meta-info ul li i {
	margin-right: 5px;
}
.bsingle__content h2 {
	font-size: 30px;
	line-height: 1.3;
	margin-bottom: 20px;
	font-weight: 500;
}
.bsingle__content h2:hover a {
	color: #0469cd;
}
.bsingle__content p {
	margin-bottom: 25px;
}


/* 18. pricing */
/* 19. contact */
/* 20. footer */
.footer-bg {
font-size: 14px;
    background: #fff;
    border-top: 5px solid #f3f8fb;
}
.footer-social span {
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	font-family: 'Playfair Display', serif;
	display: inline-block;
	margin-right: 20px;
}
.footer-social a {
font-size: 14px;
display: inline-block;
margin-left: 5px;
height: 40px;
width: 40px;
background: #fff5f4;
text-align: center;
line-height: 40px;
border-radius:10px;
color: #fff !important;
}
.footer-social a:nth-child(1) {
    background: #345aa8;
}
.footer-social a:nth-child(2) {
    background: #ff1d7d;
}
.footer-social a:nth-child(3) {
    background: #55acef;
}
.footer-social a:hover{background: #0469cd; color: #fff !important;}
.f-widget-title h2 {
    font-size: 25px;
    margin-bottom: 30px;
    position: relative;
    color: #010e2e;
}
.f-insta ul li {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
    width: 44%;
}
.f-insta ul li a{display: block;position: relative;}
.f-insta ul li a::before {
	content: "\e035";
	font-family: "dripicons-v2" !important;
	position: absolute;
	top: 40%;
	left: 50%;
	transform: translate(-50%,-50%);
	font-size: 24px;
	color: #fff;
	transition: .3s;
	opacity: 0;
	z-index: 9;
}
.f-insta ul li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background:#2f3032;
	opacity: 0;
	transition: .3s;
}
.f-insta ul li:hover a::before{top: 50%;opacity: 1;}
.f-insta ul li:hover a::after{opacity: .6;}
.copyright-wrap {
  background:#010e2e;
padding: 15px 0;
color: #fff;
    font-size: 15px;
}
.copyright-wrap li {
    display: inline;
    padding-left:15px;
    margin-left: 10px;
    position: relative;
}
.copyright-wrap li::before {
    background: #0469cd;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    content: "";
    position: absolute;
    left: 0;
    margin: 12px 0 0 4px;
}
.copyright-wrap ul li a {
    color: #fff;
}
/* Fillter css */
/* 21. Menu Theme dropdown default css */
.sticky-menu .main-menu ul li a {
    padding-top: 25px;
    padding-bottom: 25px;
}
.main-menu .sub > ul {
display:none;
position: absolute;
background-color: #ffff;
min-width: 250px;
z-index: 1;
transition: all 0.3s ease-in-out;
margin-top: 15px;
border-top: 4px solid #0469cd;
box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}
.main-menu .sub li a{
    padding: 15px;

}
.main-menu .sub li {
margin-left: 0 !important;
float: left;
border-bottom: 1px solid #ddd;
width: 100%;
text-align: left;

}

.main-menu .sub a:hover{
	color:#0469cd;
}

.main-menu .sub:hover > ul { display:block; margin-top: 0px;}
.main-menu .sub > ul > .sub > ul {
  display: none;
  position: absolute;
background-color: #ffff;
width: 250px;
z-index: 1;
padding: 0;
margin-left: -255px;
margin-top: 0;
top: -3px;
}
.main-menu .sub > ul > .sub:hover > ul{display: block;}
.main-menu .sub > ul > .sub > ul > .sub > ul {
   display: none;
  position: absolute;
background-color: #ffff;
width: 250px;
z-index: 1;
padding: 0;
margin-left: 255px;
margin-top: 0;
top: -3px;
}
.main-menu .sub > ul > .sub > ul > .sub:hover > ul {display: block;}

.main-menu .sub ul li a {
    color: #000;
    padding: 15px;
}
.main-menu .sub ul li a:hover {
    color: #0469cd;
}
/* 23. mega menu */


/* 22. Theme sidebar widge css */
.sidebar-widget a{
	color:#777;
}
.sidebar-widget select{
	width:100%;
	padding:10px;
	border: 2px solid #f6f6f6;
}
.sidebar-widget .widget li .children {

    border-top: 1px solid #f6f6f6;
    margin-top: 10px;
    padding-bottom: 0px;
    display: inline-block;
    width: 100%;

}
,
 {
    padding-bottom: 0;
}
.sidebar-widget .widget .children{
	padding-left:15px;
}

.sidebar-widget .widget .children ul.children{
	padding-left:30px;
}
.sidebar-widget .widget .children li {
    padding-top: 10px;
}
.sidebar-widget .widget .children .children li {
    padding-top: 10px;
}
.sidebar-widget .widget li:last-child,.sidebar-widget .widget .children li:last-child,.sidebar-widget .widget .children .children li:last-child {
	border-bottom:none;
	padding-bottom:0;
	margin-bottom:0;
}

.sticky .bsingle__content{

background: #f6f6f6;

}
.sticky .bsingle__content ul li {

    margin-bottom: 15px;
    list-style: disc;
    margin-left: 10px;

}
.sidebar-widget .widget a{
width:85%;
text-align:left;
}
.sidebar-widget .widget a:hover {
    color: #0469cd;
	padding-left:10px;
}
video {
    width: 100%;
}
.bsingle__content ul{
	padding-left:0px;
}
.bsingle__content ul li {
    list-style: disc;
}
 .bsingle__content table th ,.bsingle__content table td{
   border: 1px solid #f6f6f6;
padding: 10px;
}
 .bsingle__content table  {
    margin-bottom: 20px;
}
 .bsingle__content ol {
    padding: 0 0 0 1.5em;
}
.bsingle__content ol li{
    list-style: decimal;
}
.bsingle__content figure {
    margin: 0 0 1rem;
}
a, h1, h2, h3, h4, h5, h6, p, span {
    overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6{
    overflow-wrap: break-word;
}
 li > ol, li > ol {
    padding-left: 1.5em;
}
.bsingle__content ul ul li {
  list-style: circle;
}
ol {
    padding-left: 15px;
}
iframe {
    width: 100%;
    height: auto;
}
.footer-widget .widget ul li{
	text-align:left;
	color:#fff;
}
.footer-widget select {
    width: 100%;
    padding: 10px;
    border: 2px solid #f6f6f6;
}
.footer-widget p{
     color: #777;
}
.footer-widget td {
    padding: 5px;
    text-align: center;
}

.footer-widget table {
    width: 100%;
    padding: 10px;
    background: #f5f5f5;
}
.footer-widget th {
    background: #f6f6f6;
    padding: 10px 5px;
    text-align: center;
    color: #010f2e;
}

.bsingle__content h1,.bsingle__content h2,.bsingle__content h3,.bsingle__content h4,.bsingle__content h5,.bsingle__content h6 {
    line-height: 1.3;
    margin-bottom: 20px;
    font-weight: 700;
}
pre {
	padding: 30px;
    background: #f6f6f6;
}
pre cite {
    color: #000;
}
/* 0. Woocommcrece Theme default css */
/* 16. pagination */

/* Here's the new CSS to add... */


/* 24. call */
.number {
    font-size: 55px;
    font-weight: 600;
    color: #0469cd;
}


/* Shop */
.img, img {
    max-width: 100%;
    transition: all 0.3s ease-out 0s;
}

/* Cart */

.table td, .table th {
	border-top: 1px solid #eaedff;
}

/*Checkout */

/* 24. Login */

/*Services Category*/

/*=== Brochures Box ===*/

/*Help Box*/


/*** 

====================================================================
		Service Detail
====================================================================

***/

/*** 

====================================================================
		Project Detail
====================================================================

***/


/* Lower Content */

/* Load More Option */
/* 8. newslater-area */
/* 8. search-popup */
/* 24. process-area */

/* 24. skills-area */
@keyframes loading-1{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}
@keyframes loading-2{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}
@keyframes loading-3{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}
@keyframes loading-4{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}
@keyframes loading-5{
    0%{
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100%{
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

/* 27. map-area */


@keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }
@-webkit-keyframes alltuchtopdown {
  0% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); }
  50% {
    -webkit-transform: rotateX(0deg) translateY(-20px);
    -moz-transform: rotateX(0deg) translateY(-20px);
    -ms-transform: rotateX(0deg) translateY(-20px);
    -o-transform: rotateX(0deg) translateY(-20px);
    transform: rotateX(0deg) translateY(-20px); }
  100% {
    -webkit-transform: rotateX(0deg) translateY(0px);
    -moz-transform: rotateX(0deg) translateY(0px);
    -ms-transform: rotateX(0deg) translateY(0px);
    -o-transform: rotateX(0deg) translateY(0px);
    transform: rotateX(0deg) translateY(0px); } }


/* Here's the new blog dtl to add... */

.sidebar-widget .widget table{
	width:100%;
	padding:10px;
	background:#f5f5f5;
}
.sidebar-widget .widget th,.footer-widget .widget th
{
background: #0469cd;
padding: 10px 5px;
text-align: center;
color: #fff;
}
.sidebar-widget .widget td
{
	padding:5px;
	text-align:center;
}
.sidebar-widget .widget {
padding: 25px;
overflow: hidden;
margin-bottom: 40px;
border: 2px solid #f5f5f5 !important;
}
.sidebar-widget .widget li {
    padding-bottom: 5px;
	border-bottom: 1px solid #e4e4e4;
	padding-top: 5px;
	float: left;
	width: 100%;
}
.widget-title {
  	margin-bottom: 40px;
}
.sidebar-widget .widget-title{
	font-size: 20px !important;
	margin-bottom: 0;
	line-height: 1;
	text-align:left;
	font-weight: 600;
	margin-bottom: 30px;
    border-left: 4px solid #0469cd;
    padding-left: 15px;
}
.details__content h2 {
	font-size: 32px;
	line-height: 1.3;
	margin-bottom: 20px;
	padding-right: 0;
	font-weight: bold;
}
.details__content p {
  	margin-bottom: 18px;
}
blockquote {
background: #242d2e;
border-radius: 10px;
padding: 50px 45px 57px !important;
position: relative;
z-index: 5;
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
    display: inline-block;
    width: 100%;
    font-size: 18px;
}
blockquote p{
    color: #fff;
}
cite {
	margin-top: 15px;
	color:#0469cd;
	font-weight: 600;
}
.details__content figure {
	margin-top: 45px;
	margin-bottom: 60px;
}
.details__content figure img {
    float: left;
    width: 255px;
	margin-right: 30px;
}
.post__tag h5 {
	font-size: 20px;
margin-bottom: 20px;
font-weight: 600;
padding-top: 30px;
border-top: 2px solid #f5f5f5;
    margin-top: 25px;
}
.post__tag ul li {
	display: inline-block;
	margin-right: 10px;
}
.post__tag ul li a {
	font-size: 12px;
	text-transform: uppercase;
	border: 2px solid #e5e5e5;
	padding: 7px 10px;
	font-weight: bold;
	display: inline-block;
	border-radius: 3px;
	color: #9d9d9d;
	margin-bottom: 10px;
}
.post__tag ul li a:hover {
	border-color:#0469cd;
	background:#0469cd;
	color: #ffffff;
}
.posts_navigation {
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.posts_navigation .prev-link span {
    font-size: 12px;
    text-transform: uppercase;
	font-weight: bold;
	display: block;
	letter-spacing: 2px;
	margin-bottom: 15px;
}
.posts_navigation .prev-link h4 {
	font-size: 20px;
	margin-bottom: 0;
	font-weight: bold;
	text-transform: capitalize;
	height: 30px;
overflow: hidden;
}
.posts_navigation .prev-link h4:hover a {
	color:#0469cd;
}
.posts_navigation .next-link span {
    font-size: 12px;
	margin-bottom: 15px;
	font-weight: bold;
	display: block;
    text-transform: uppercase;
	letter-spacing: 2px;
}
.posts_navigation .next-link h4 {
    font-size: 20px;
	margin-bottom: 0;
	font-weight: bold;
	height: 30px;
overflow: hidden;
}
.posts_navigation .next-link h4:hover a {
	color:#0469cd;
}
.related__post .post-title {
  	margin-bottom: 35px;
}
.related__post .post-title h4 {
	font-size: 26px;
	margin-bottom: 0;
	font-weight: bold;
}
.related-post-wrap .post-thumb img {
  	width: 100%;
}
.related-post-wrap .rp__content {
	padding: 44px;
	border: 2px solid #f4f3fb;
	border-top: none;
}
.related-post-wrap .rp__content h3 {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1.4;
}
.related-post-wrap .rp__content h3:hover a {
	color:#0469cd;
}
.related-post-wrap .rp__content p {
    margin-bottom: 0;
	font-size: 14px;
}
.avatar__wrap {
	background: #fff5f4;
	padding: 50px 80px;
	float:left;
	width:100%;
}
.avatar__wrap .avatar-img {
    margin-top: -115px;
	margin-bottom: 35px;
}
.avatar__wrap-content p {
    font-size: 14px;
	margin-bottom: 0;
}
.avatar__info h5 {
	font-size: 26px;
	margin-bottom: 10px;
	font-weight: bold;
}
code {
    font-size: 15px;
    display: inline-block;;
    margin-top: 10px;
}
figcaption{
    font-weight: 600;
    color: #202020;

}
figure img {
    display: inline-block;
    margin-bottom: 15px;
}
.footer-widget a{
    color: #99A3AC;
}
.footer-widget a:hover{
    color: #0469cd;
}
.f-widget-title img {
    width: 180px;
    margin-bottom: 20px;
}
blockquote h3{
    color: #fff;
}
blockquote footer {
    color: #d5d5d5;
    margin-bottom: 30px;
}
/* 16. pagination */
/* 17. f-cta */




/* slider-post-slider*/
.box-slider-post
{
    margin: 0 15px;
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.box-slider-post img{
    border-radius: 10px;
}
.box-slider-post .text{
    position: absolute;
    bottom: 0;
    padding: 30px;
    width: 64%;
     z-index: 1;
}
.box-slider-post .text h5,.box-slider-post .text h3{
    color: #fff;
}
.box-slider-post .text h3{
  font-size: 38px;
}
.box-slider-post .text .post-tags{
    margin-bottom: 10px;
}
.box-slider-post .text .post-tags li {
    display: inline-block;
    margin-right: 10px;
}
.box-slider-post .text .post-tags li a{
    color: #fff;
}
.box-slider-post .text .post-tags li .icon img{
    width: inherit;
    height: 15px;
    float: left;
    margin-right: 3px;
    margin-top: 3px;
}
.box-slider-post::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
     background: rgba(255, 255, 255, 0) linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(4, 8, 24, 0.63)) repeat scroll 0 0;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
}

.box-slider-post .text .post-tags li .icon{
    margin-right: 5px;
}
.box-slider-post .img-s{
    height: 533px;
}
.box-slider-post .img-s img{
    margin-top: -150px;
}

/* featured-post*/
.fp-box .text h5 {
    font-size: 20px;
    line-height: 30px;
}
.fp-box .img {
    border-radius: 4px;
    overflow: hidden;
}
.fp-box .text {
border-radius: 4px;
background-color: rgb(255, 255, 255);
box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.04);
margin: 0 20px;
padding: 30px;
margin-top: -60px;
position: relative;
}


.fp-box .text .post-tags li
{
    display: inline-block;
    margin-right: 10px;
}
.fp-box .text .post-tags li .icon{
    margin-right: 5px;
}
.fp-box .text .post-tags li .icon i,.ts-box2 .text .post-tags li .icon i{
    color: #0469cd;
}
.fp-box .text .post-tags li a{
    color: #777;
}
.fp-box .text .post-tags li a:hover{
    color: #0469cd;
}
.fp-box .img .cat {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #37b222;
    color: #fff;
    z-index: 1;
    padding: 0 10px;
    border-radius: 4px;
}

/* top-Stories-post */

.ts-box .img {
    border-radius: 4px;
    overflow: hidden;
    height: 390px;
}
.ts-box .img img{
    height: 390px;
   max-width: 600px;
    width: auto;
}
.ts-box .text .post-tags li
{
    display: inline-block;
    margin-right: 10px;
}
.ts-box .text .post-tags li .icon{
    margin-right: 5px;
}
.ts-box .text .post-tags li .icon i{
    color: #fff;
}
.ts-box .img .cat {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #37b222;
    color: #fff;
    z-index: 1;
    padding: 0 10px;
    border-radius: 4px;
}
.ts-box .text {
padding: 20px;
color: #fff;
width: 100%;
position: absolute;
z-index: 1;
bottom: 0;
}
.ts-box .text a{
    color: #fff;
}
.ts-box .text h5{
    font-size: 20px;
    line-height: 30px;
}
.ts-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0) linear-gradient(180deg, rgba(0, 0, 0, 0), rgba(1, 14, 46, 0.63)) repeat scroll 0 0;
    left: 0;
    top: 0;
    z-index: 1;
    border-radius: 10px;
}
.ts-box2 {
    border-radius: 4px;
    background-color: rgb(255, 255, 255);
    box-shadow: 1px 1.732px 60px 0px rgba(0, 0, 0, 0.1);
    padding: 15px;
    position: relative;
}
.ts-box2 .img img{
    height: 80px;
}

/* top-video-post */

/* top-post*/
.sidebar-top-post h2{
    font-size: 30px;
    margin-bottom: 30px;
}


/* recent-post*/
.rp-box
{
    display: inline-block;
    margin-bottom: 30px;
}
.rp-box .img {
    border-radius: 4px;
    overflow: hidden;
    width: 210px;
    float: left;
}
.rp-box .text .cat {
background: #37b222;
color: #fff;
padding: 0 10px;
border-radius: 4px;
display: inline-block;
margin-bottom: 10px;
}

.rp-box .img img {
    height: 210px;
    width: auto;
    max-width: 250px;
}
.rp-box .text {
padding: 0 30px;
position: relative;
float: left;
width: 71%;
}

.rp-box .text h5 {
    font-size: 20px;
    line-height: 30px;
}

.rp-box .text .post-tags li
{
    display: inline-block;
    margin-right: 10px;
}
.rp-box .text .post-tags li .icon{
    margin-right: 5px;
}
.rp-box .text .post-tags li .icon i{
    color: #0469cd;
}
.rp-box .img .cat {
    position: absolute;
    left: 20px;
    top: 20px;
    background: #37b222;
    color: #fff;
    z-index: 1;
    padding: 0 10px;
    border-radius: 4px;
}
.sidebar-top-post h2{
    font-size: 30px;
    margin-bottom: 30px;
}