/*
  Theme Name: Hobi - Personal Portfolio WordPress Theme
  Author: basictheme
  Support: basictheme400@gmail.com
  Description: Personal Portfolio WordPress Theme
  Version: 1.0
*/

/* CSS Index
-----------------------------------
1. Theme default css
2. header
3. slider
4. About
5. Services
6. skill
7.Portfolio
8. work
9. Education
10. team
11.contact
12. counter
13. testimonials
14. blog
15.Footer

*/

/* 1. Theme default css */
body {
	font-family: 'Rubik', sans-serif;
	font-weight: normal;
	font-style: normal;
	color: #6e7797;
	font-size: 14px;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}
.f-left {
	float: left
}
.f-right {
	float: right
}
.fix {
	overflow: hidden
}
a, .button {
	-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, .button:focus {
	text-decoration: none;
	outline: none;
}
a, button {
	color: #667286;
	outline: medium none;
}
a:focus, a:hover{
	color: #ff3d4f ;
	text-decoration: none;
}
button:focus, input:focus, input:focus, textarea, textarea:focus {
	outline: 0
}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Rufina', serif;
	font-weight: normal;
	color: #000a2d;
	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: 45px;
} 

h2 {
	font-size: 35px;
}
h3 {
	font-size: 28px;
}
h4 {
	font-size: 22px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
p {
	font-size: 14px;
	font-weight: normal;
	line-height: 30px;
	color: #6e7797;
	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;
}
.theme-overlay {
	position: relative
}
.theme-overlay::before {
	background: #1696e7 none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	opacity: 0.6;
	position: absolute;
	top: 0;
	width: 100%;
}

.separator {
	border-top: 1px solid #f2f2f2
}
/* button style */
.btn {
	-moz-user-select: none;
	background: #ff3d4f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 50px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border: 2px solid transparent;
}
.btn:hover {
	background: none;
	color: #79819e;
	border-color: #e5e9ff;
}
.btn-other {
	background: transparent;
	color: #79819e;
	border: medium none;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 50px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border: 2px solid #e5e9ff;
}
.btn-other:hover {
	background: #ff3d4f;
	color: #fff;
	border-color: #ff3d4f;
}
.btn-border {
	background: transparent;
	color: #79819e;
	border: medium none;
	border-radius: 30px;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 50px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border: 2px solid #e5e9ff;
	color: #79819e;
}
.btn-border:hover {
	background: #ff3d4f;
	border-color: #ff3d4f;
	color: #fff;
}
.breadcrumb>.active {
	color: #888;
}

/* scrollUp */

#scrollUp {
	background: #ff3d4f;
	height: 50px;
	width: 50px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 20px;
	line-height: 48px;
}

#scrollUp:hover {
	background: #0B1B3D;
}

/* 2. header */
.header-area {
	padding: 0 135px;
}
.header-sticky {
	position: fixed;
	top: 0;
	background: #fff;
	z-index: 9999;
	right: 0;
	left: 0;
	width: 100%;
	transition: .4s;
	box-shadow: 0 0 60px 0 rgba(0, 0, 0, .07);
	animation: 300ms ease-in-out 0s normal none 1 running fadeInDown;
}
.bar {
	height: 50px;
	width: 50px;
	box-shadow: 0px 8px 16px 0px rgba(255, 194, 200, 0.3);
	text-align: center;
	line-height: 50px;
	border-radius: 50%;
	font-size: 14px;
	color: #ff3d4f;
	margin-left: 20px;
	cursor: pointer;
}
/* Main menu */
.hobi-nav {
	margin-bottom: 0;
}
.main-menu ul li {
	display: inline-block;
	position: relative;
}
.main-menu ul > li > a::before {
	position: absolute;
	content: "";
	left: 0;
	bottom: 20px;
	background: #ff3d4f;
	height: 2px;
	width: 0;
	transition: .3s;
}
.main-menu div > ul > li:hover > a::before {
	width: 100%;
}
.main-menu div > ul > li > a.active::before {
	width: 100%;
}
.main-menu ul li a {
	display: block;
	font-size: 14px;
	color: #000a2d;
	font-weight: 500;
	padding: 45px 18px;
	line-height: 1;
}
.main-menu nav ul > li .submenu {
	background: #ffffff;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	left: 0;
	opacity: 0;
	position: absolute;
	top: 120%;
	transition: all 0.3s ease 0s;
	visibility: hidden;
	min-width: 250px;
	z-index: 9;
	padding: 20px 0;
	border-bottom: 5px solid #ff3d4f;
	text-align: left;
}
.main-menu ul {
     margin: 0;
}
.main-menu nav ul > li:hover > .submenu {
     opacity: 1;
     visibility: visible;
     top: 100%;
}
.main-menu nav ul > li .submenu li {
     margin: 0;
     display: block;
}
.main-menu nav ul > li .submenu li a {
	color: #5d6265;
	background: none;
	font-size: 14px;
	padding: 10px 30px;
	font-weight: 500;
}
.main-menu nav ul > li .submenu li:hover > a {
     color: #ff3d4f;
}
.main-menu nav ul > li .submenu li >  .submenu{
     left: 100%;
     top: 0;
}
.main-menu nav ul > li.menu-last .submenu {
     left: auto;
     right: 0;
}
.main-menu nav ul > li.menu-last .submenu li >  .submenu {
     left: auto;
     right: 100%;
}
/*single-slider start*/
div.single-slider {
	min-height: 830px;
}
.slider-btn a {
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
}
.video-btn i {
	font-size: 14px;
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	box-shadow: 0px 8px 16px 0px rgba(255, 194, 200, 0.3);
	border-radius: 50%;
	color: #ff3d4f;
	margin: 0 20px;
	margin-left: 0;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
}
.video-btn-link:hover .video-btn i{
	background: #ff3d4f;
	color: #fff;
}
.video-btn>span {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 500;
	color: #ff3d4f;
}
/* 3. slider */
.slider-content > span {
	font-size: 20px;
	color: #ff3d4f;
	display: block;
	margin-bottom: 30px;
}
.slider-content h2 {
	font-size: 90px;
	line-height: 1.1;
	margin-bottom: 15px;
}
.slider-content p {
	font-size: 20px;
	color: #6e7797;
	margin-bottom: 33px;
}
.more-btn,.video-btn-link {
	display: inline-block;
}
.slider-thumb {
	position: absolute;
	right: 0;
	bottom: 0;
}
.slider-thumb::before {
	position: absolute;
	content: "";
	left: -58px;
	bottom: -142px;
	width: 785px;
	height: 785px;
	background: #ff3d4f;
	border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
	will-change: border-radius, transform, opacity;
	animation: sliderShape 5s linear infinite;
	display: block;
	z-index: -1;
	-webkit-animation: sliderShape 5s linear infinite;
}
@keyframes sliderShape{
  0%,100%{
  border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  34%{
      border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
    transform:  translate3d(0,5px,0) rotateZ(0.01deg);
  }
  50%{
    transform: translate3d(0,0,0) rotateZ(0.01deg);
  }
  67%{
    border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
    transform: translate3d(0,-3px,0) rotateZ(0.01deg);
  }
}
/*single-slider end*/

/*section-header start*/
.section-header span {
	font-size: 14px;
	color: #ff3d4f;
	margin-bottom: 25px;
	display: block;
}
.section-header h2 {
	font-size: 70px;
	margin-bottom: 0;
	line-height: 1.3;
}
.header-btn {
	padding-right: 32px;
	padding-left: 32px;
}
/*section-header end */

/* 4. About */
.about-right p {
	font-size: 14px;
	color: #6e7797;
	line-height: 26px;
	margin-bottom: 32px;
}
.single-border {
	border: 1px solid #f0ecff;
	width: 100%;
	margin-top: 115px;
}
/*About end*/

/* 5. Services */
.service-img {
	height: 80px;
	width: 80px;
	margin-bottom: 35px;
}
.service-img img {
	width: 100%;
	height: 100%;
}
.services-body {
	padding: 50px 44px 50px 50px;
	border: 8px solid#f7f8ff;
	transition: .3s;
}
.services-content h4 {
	font-size: 24px;
	margin-bottom: 11px;
}
.services-content p {
	margin-bottom: 25px;
	line-height: 26px;
}
.services-icon li i {
	color: #ff3d4f;
	font-size: 14px;
	float: left;
	width: 35px;
}
.services-icon li span {
	display: block;
	overflow: hidden;
}
.services-icon {
	margin-bottom: 0;
}
.services-icon li {
	font-size: 14px;
	color: #6e7797;
	margin-bottom: 16px;
	display: flex;
	align-items: center;
}
.services-icon li:last-child {
	margin-bottom: 0;
}
/*Services End*/

/* 6. skill */
.skill-left {
	padding-right: 36px;
}
div.skill-left img {
	border: 12px solid #fff;
	box-shadow: 0px 16px 32px 0px rgba(167, 178, 219, 0.3);
	width: 100%;
}
.progress {
	background: #fff;
}
.progress-bar {
	background: #ff3d4f;
}
.progress-bar span {
	text-align: right;
	padding-right: 10px;
	font-weight: 500;
	font-family: 'Rubik', sans-serif;
}
.progress {
	background: #fff;
	border-radius: 0;
	height: 20px;
}
.bar-title h4 {
	font-family: 'Rubik', sans-serif;
	font-weight: 500;
	margin-bottom: 20px;
	font-size: 14px;
	color: #6e7797;
}
/*skill end*/

/* 7.Portfolio */
.button-group button {
	border: none;
	background: none;
	transition: .3s;
	font-size: 14px;
	margin: 0 15px;
	cursor: pointer;
	outline: none;
	color: #000a2d;
	font-weight: 500;
	position: relative;
}
.button-group button:hover {
	color: #ff3d4f;
}
.button-group button.active {
	color: #ff3d4f;
}
.button-group button:before {
	position: absolute;
	content: "";
	width: 0%;
	height: 2px;
	background: #ff3d4f;
	bottom: -17px;
	left: 0;
	transition: .3s;
}
.button-group button.active::before {
	width: 100%;
}

.button-group {
	border-bottom: 2px solid #f0ecff;
	padding-bottom: 15px;
}
.portfolio-item img {
	width: 100%;
}

.portfolio-item {
  position: relative;
}
.portfolio-item:hover  .portfolio-text{
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
}
.portfolio-text {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 30px;
	transition: .3s;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-15px);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	z-index: 2;
}
.portfolio-view {
	position: absolute;
	top: 40px;
	left: 30px;
	z-index: 99;
	transition: .3s;
	opacity: 0;
	visibility: hidden;;
}
.portfolio-view a {
	color: #fff;
}
.portfolio-item:hover .portfolio-view {
  opacity: 1;
  visibility: visible;
  top: 30px;
}
.portfolio-item:before {
  background: #ff3d4f;
  height: 100%;
  width: 100%;
  content: "";
  position: absolute;
  transition: .3s;
  opacity: 0;
  top: 0;
	left: 0;
	z-index: 1;
}
.portfolio-item:hover::before {
  opacity: .9;
}
.portfolio-text span {
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 14px;
}
.portfolio-text h2 {
  color: #fff;
  font-weight: 700;
  margin-top: 14px;
  margin-bottom: 0;
}
.portfolio-text h2 a:hover {
  color: #222;
}
/* Portfolio end */

/* 8. work */
.s-cta-title{
	color: #fff;
}
.cta-box {
	margin-bottom: -165px;
	position: relative;
	z-index: 1;
	padding-left: 100px;
	padding-right: 100px;
	background-size: cover;
	background-position: center center;
	padding-top: 75px;
	padding-bottom: 60px;
}
.cta-box.s-cta-box{
	margin-bottom: 0;
}
.project-btn a {
	padding-left: 45px;
	padding-right: 45px;
	margin: 0 5px;
}
.project-btn i {
	margin-right: 5px;
}
.cta-box::before {
	position: absolute;
	content: "";
	background: #000a2d;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	opacity: .9;
}
.cta-text span {
	font-size: 14px;
	color: #ff3d4f;
	margin-bottom: 15px;
	display: block;
}
.cta-text h2 {
	font-size: 60px;
	line-height: 1.3;
	margin-bottom: 0;
}
.working-wrapp {
	padding: 40px;
	background: #fff;
}
.title-icon {
	display: flex;
	align-items: center;
	margin-bottom: 25px;
	flex-wrap: wrap;
}
.work-text p {
	margin: 0;
}
.working-icon i {
	font-size: 24px;
	color: #ff3d4f;
	height: 80px;
	width: 80px;
	text-align: center;
	line-height: 80px;
	background: #fff2f3;
}
.working-icon {
	margin-right: 30px;
}
.work-title h4 {
	font-size: 14px;
	color: #ff3d4f;
	margin-bottom: 10px;
}
.work-title h2 {
	font-size: 26px;
}
/*work End*/

/* 9. Education */
.education-header h4 {
	font-size: 14px;
	color: #ff3d4f;
	font-family: 'Rubik', sans-serif;
	font-weight: 400;
	margin-bottom: 20px;
}
.education-header h1 {
	font-size: 26px;
	margin-bottom: 22px;
}
.education-qualification-body {
	position: relative;
	padding-left: 30px;
}
.education-qualification-body:before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 4px;
	content: "";
	background: #ffe6e4;
}
.education-content {
	position: relative;
}
.education-content:before {
	position: absolute;
	content: "";
	box-shadow: 0px 4px 8px 0px rgba(255, 61, 79, 0.3);
	height: 13px;
	width: 13px;
	left: -34px;
	border-radius: 50%;
	background-color: rgb(255, 61, 79);
	border-style: solid;
	border-width: 4px;
	border-color: rgb(255, 255, 255);
}
.education-img1 {

}
.education-images {
	margin-left: 25px;
	position: relative;
}
.education-img2 {
	position: absolute;
	top: 280px;
	left: 125px;
}
.icon-images img {
	width: 100%;
	height: 100%;
}
.education-img2 img {
	width: 100%;
	height: 100%;
}
.icon-images {
	position: relative;
}
.icon-images i {
	height: 80px;
	width: 80px;
	background-color: rgb(255, 61, 79);
	text-align: center;
	line-height: 80px;
	color: #fff;
	position: absolute;
	top: 280px;
	font-size: 20px;
	left: -40px;
	box-shadow: 0px 8px 16px 0px rgba(255, 61, 79, 0.3);
}
/* education end */

/* 10. team */
.team-contents {
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 4px 8px 0px rgba(209, 210, 226, 0.3);
	padding: 40px 0;
	margin: 0 20px;
	margin-top: -60px;
	z-index: 9;
	position: relative;
}
.team-contents h4 {
	font-size: 24px;
	margin-bottom: 10px;
}
.our-team-image img {
	width: 100%;
}
.team-contents span {
	color: #ff3d4f;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}
.tam-icon a {
	color: #c1bfd8;
	font-size: 14px;
	padding: 0 8px;
}
.tam-icon a:hover {
	color: #ff3d4f;
}
/* team end */

/* 11.contact */
#contact-map {
	width: 100%;
	height: 710px;
}
.bg-map{
	background-position: center center;
	background-size: cover;
}
.form-group label {
	font-size: 14px;
	color: #000a2d;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}
.form-group label span {
	color: #ff3d4f;
}
.form-group input {
	border: 2px solid #dadceb;
	height: 66px;
	width: 100%;
	padding-left: 35px;
}
.contact-form input {
	border: 2px solid #dadceb;
	height: 66px;
	width: 100%;
	padding: 0 20px;
}
.form-group input::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #6e7797;
	font-size: 14px;
}
.form-group input:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #6e7797;
	opacity: 1;
	font-size: 14px;
}
.form-group input::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #6e7797;
	opacity: 1;
	font-size: 14px;
}
.form-group input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #6e7797;
	font-size: 14px;
}
.form-group input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #6e7797;
	font-size: 14px;
}
.form-group input::placeholder {
	/* Most modern browsers support this now. */
	color: #6e7797;
	font-size: 14px;
}

.form-group textarea::-webkit-input-placeholder {
	color: #6e7797;
}

.form-group textarea:-moz-placeholder {
	/* Firefox 18- */
	color: #6e7797;
}
.form-group textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: #6e7797;
}
.form-group textarea:-ms-input-placeholder {
	color: #6e7797;
}
.form-group textarea::placeholder {
	color: #6e7797;
}
.form-group textarea {
	border: 2px solid #dadceb;
	height: 300px;
	width: 100%;
	padding-left: 35px;
	padding-top: 28px;
}
.contact-form textarea {
	border: 2px solid #dadceb;
	height: 300px;
	width: 100%;
	padding-left: 35px;
	padding-top: 28px;
}
.contact-form label {
	width: 100%;
}
.contact-form input.wpcf7-submit {
	-moz-user-select: none;
	background: #ff3d4f none repeat scroll 0 0;
	border: medium none;
	border-radius: 30px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	margin-bottom: 0;
	padding: 20px 65px;
	text-align: center;
	text-transform: uppercase;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	border: 2px solid transparent;
	width: auto;
	height: auto;
}
/* contact end */

/* 12. counter */
.counter-image {
	height: 120px;
	width: 120px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	box-shadow: 0px 8px 16px 0px rgba(210, 212, 255, 0.3);
	line-height: 132px;
	display: inline-block;
	margin-bottom: 20px;
}
.counter-image img {
	height: 50px;
	width: 55px;
}
.counter-content span {
	font-size: 60px;
	font-weight: 300;
	color: #232323;
}
.counter-image i {
	color: #ff3d4f;
	font-size: 34px;
}
.counter-content h4 {
	font-size: 14px;
	color: #959cb4;
	font-family: 'Rubik', sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	font-weight: 500;
}
/* counter end */

/* 13. testimonials */
.testimonials-wrapp {
	border: 2px solid #dadceb;
	padding: 50px 35px;
	position: relative;
	background: #fff;
}
.testimonials-wrapp::before {
	position: absolute;
	content: "";
	border: 2px solid #f8f8fb;
	left: 20px;
	top: 50px;
	right: 20px;
	margin: auto;
	height: 100%;
	z-index: -1;
}
.testimonials-wrapp::after {
	position: absolute;
	content: "";
	height: 100%;
	border: 2px solid #f0f1f7;
	left: 40px;
	top: 25px;
	right: 40px;
	z-index: -1;
}
.testimonials-footer {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 99;
}
.testimonials-footer-content {
	margin-left: 20px;
}
.testimonials-image img {
	height: 50px;
	width: 50px;
}
.testimonials-header i {
	color: #ffae00;
	font-size: 14px;
}
.testimonials-header span {
	float: right;
	font-size: 18px;
	display: block;
	font-weight: 700;
	font-family: 'Rufina', serif;
}
.testimonials-header {
	margin-bottom: 30px;
}
.testimonials-body {
	margin-bottom: 20px;
}
.testimonials-footer-content h4 {
	font-size: 18px;
	margin-bottom: 6px;
}
.testimonials-footer-content span {
	font-size: 14px;
	color: #ff3d4f;
	font-weight: 500;
}
.testimonials-quote {
	position: absolute;
	right: 28px;
	bottom: 28px;
	width: 99px;
	height: 83px;
}
.testimonials-quote i {
	font-size: 80px;
	color: #F3F6FF;
}
.testimonials-quote img {
	width: 100%;
}
.testimonial-active.owl-carousel .owl-stage-outer {
	padding-bottom: 50px;
}
.testimonial-active.owl-carousel .owl-nav div {
	position: absolute;
	text-align: center;
	transition: all 0.3s ease 0s;
	top: -158px;
	right: 0;
	color: #dbdce9;
	font-size: 30px;
}
.testimonial-active.owl-carousel .owl-nav div.owl-prev {
	right: 70px;
}
/* testimonials end */
/* 14. blog */
.newsfeed-img img {
	width: 100%;
}
.newsfeed-wrapp {
	background: #fff;
	padding: 30px;
	padding-bottom: 35px;
}
.newsfeed-header a {
	font-size: 14px;
	color: #ff3d4f;
}
.newsfeed-header span {
	color: #ff3d4f;
	margin-right: 20px;
	font-size: 14px;
	text-transform: capitalize;
}
.newsfeed-header {
	margin-bottom: 20px;
}
.newsfeed-content h3  {
	margin-bottom: 0;
}
.newsfeed-content h3 {
	font-size: 22px;
	line-height: 1.4;
	margin-bottom: 15px;
	color: #000a2d;
	font-weight: 700;
	display: block;
}
.newsfeed-content h3 a:hover{
	color: #ff3d4f;
}
.read-more a {
	font-size: 14px;
	color: #ff3d4f;
	font-weight: 500;
	border-bottom: 1px solid#ffafb4;
}
.newsfeed-single-content {
	padding: 35px 35px 19px 40px;
	background: #fff;
}
/*blog end*/
/* 15.Footer */
.footer-area {
	border-bottom: 1px solid #19244b;
}
.footer-text p {
	color: #a4acc9;
	margin-bottom: 28px;
	margin-right: 70px;
}
.footer-logo {
  margin-bottom: 25px;
}
.footer-icon a {
	color: #a4acc9;
	margin-right: 13px;
}
.footer-icon a:hover {
	color: #ff3d4f;
}
.footer-right h2 {
	font-size: 37px;
	line-height: 50px;
	color: #fff;
	margin-bottom: 50px;
}
.footer-single-content span {
	color: #afb5c9;
	font-size: 14px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 15px;
	font-family: rubik;
	display: block;
}
.footer-single-content a {
	font-size: 20px;
	font-family: 'Rufina', serif;
	color: #fff;
	display: block;
	font-weight: 700;
}
/* Footer end*/

.btn-menu-main {
	background: #152136;
	height: 100%;
	padding: 30px;
	position: fixed;
	right: 0;
	top: 0;
	transition: all 0.7s ease 0s;
	width: 340px;
	z-index: 9999;
	transform: translateX(100%);
	padding-bottom: 40px;
}
.btn-menu-main-right {
	transform: translateX(0);
}
.crose {
	color: #fff;
	float: right;
	cursor: pointer;
}
/* extra info */
.extra-info > p {
  color: #ddd;
  font-size: 15px;
  line-height: 28px;
}
.instagram img {
  width: 100%;
}
.social-icon-right > a {
	color: #fff;
	display: inline-block;
	margin-right: 20px;
	text-align: center;
}
.social-icon-right > a:hover {
	color: #ff4a57;
}
.instagram {
  overflow: hidden;
  margin: 0 -4px;
}
.instagram > a {
	float: left;
	width: 33.33%;
	padding: 0 4px;
	margin-bottom: 7px;
}
.side-info {
	border-top: 1px solid #344159;
	padding-top: 25px;
}
.contact-list h4 {
	color: #fff;
	font-weight: 700;
	font-size: 20px;
}
.logo-side {
	border-bottom: 1px solid #3b4860;
	padding-bottom: 30px;
}
.contact-list p {
	color: #fff;
	opacity: .5;
	margin: 0;
	margin-bottom: 2px;
}

/*-- 8. blog --*/
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .b-padding {
         padding-bottom: 120px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .b-padding {
         padding-bottom: 120px;
    }
}
 @media (max-width: 767px) {
     .b-padding {
         padding-bottom: 120px;
    }
}
 .blog__wrap {
     position: relative;
     overflow: hidden;
}
 @media (max-width: 767px) {
     .blog__wrap {
         display: block !important;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .blog__wrap {
         display: flex !important;
    }
}
 .blog__wrap-thumb img {
     width: 100%;
}
.blog__wrap .overly-content {
     background: #fff;
     padding: 30px;
}
 @media (max-width: 767px) {
     .blog__wrap .overly-content {
         left: 20px;
         right: 20px;
         bottom: 20px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .blog__wrap .overly-content {
         left: 25px;
         right: 25px;
         bottom: 25px;
    }
}
.blog__wrap .meta-info ul li {
     display: inline-block;
     font-size: 14px;
     margin-right: 25px;
}
.meta-info ul {
     padding: 0 !important;
     margin: 0;
}
 @media (max-width: 767px) {
     .blog__wrap .meta-info ul li {
         margin-right: 12px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .blog__wrap .meta-info ul li {
         margin-right: 8px;
    }
}
 .blog__wrap .meta-info ul li i {
     margin-right: 5px;
}
.blog__wrap .post-title h2 {
     font-size: 23px;
     margin-bottom: 0;
     line-height: 1.3;
}
.overly-content p {
     margin: 0;
}
 @media (max-width: 767px) {
     .blog__wrap .post-title h2 {
         font-size: 22px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .blog__wrap .post-title h2 {
         font-size: 30px;
    }
}
.blog__wrap .post-title h2:hover a {
     color: #FF8941;
}
 .blog__wrap .blog-thumb {
     float: left;
     margin-right: 35px;
}
 @media (max-width: 767px) {
     .blog__wrap .blog-thumb {
         float: unset;
         margin-right: 0px;
         margin-bottom: 25px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .blog__wrap .blog-thumb {
         float: left;
         margin-right: 20px;
         margin-bottom: 0px;
    }
}
 .blog__wrap .blog__content {
     overflow: hidden;
}
 .blog__wrap .blog__content .meta-info ul li {
     color: #8786a7;
}
 .blog__wrap .blog__content .blog-title h3 {
     font-size: 20px;
     margin-bottom: 0;
}
 .blog__wrap .blog__content .blog-title h3:hover a {
     color: #ff8941;
}
 .blog__wrap.border-bottom {
     border-bottom: 2px solid #e7e7e7;
}
 .blog__wrap.border-bottom:last-child {
     border-bottom: none !important;
     margin-bottom: 0;
     padding-bottom: 0;
}
 .bsingle__post-thumb img {
     width: 100%;
}
 .bsingle__post .video-p {
     position: relative;
}
 .bsingle__post .video-p .video-i {
     height: 80px;
     width: 80px;
     display: inline-block;
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     text-align: center;
     line-height: 80px;
     border-radius: 50%;
     background: #ff8941;
     color: #ffffff;
}
 .blog-active .slick-arrow {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     left: 40px;
     border: none;
     background: none;
     padding: 0;
     font-size: 30px;
     color: #fff;
     z-index: 9;
     opacity: .4;
     -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;
     cursor: pointer;
}
 .blog-active .slick-arrow.slick-next {
     right: 40px;
     left: auto;
}
 .blog-active .slick-arrow:hover {
     opacity: 1;
}
 .bsingle__content {
     padding: 50px;
     border: 2px solid #f4f3fb;
}
 @media (max-width: 767px) {
     .bsingle__content {
         padding: 25px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .bsingle__content {
         padding: 35px;
    }
}
 .bsingle__content .meta-info ul {
     margin-bottom: 7px;
}
 .bsingle__content .meta-info ul li {
     display: inline-block;
     font-size: 14px;
     margin-right: 30px;
}
 @media (max-width: 767px) {
     .bsingle__content .meta-info ul li {
         margin-right: 15px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .bsingle__content .meta-info ul li {
         margin-right: 20px;
    }
}
 .bsingle__content .meta-info ul li a i {
     margin-right: 5px;
}
 .bsingle__content .meta-info ul li a:hover {
     color: #ff8941;
}
 .bsingle__content .meta-info ul li i {
     margin-right: 5px;
}
 .bsingle__content h2 {
     font-size: 32px;
     line-height: 1.3;
     margin-bottom: 20px;
     padding-right: 50px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .bsingle__content h2 {
         padding-right: 0;
         font-size: 27px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .bsingle__content h2 {
         padding-right: 0;
         font-size: 30px;
    }
}
 @media (max-width: 767px) {
     .bsingle__content h2 {
         padding-right: 0;
         font-size: 24px;
    }
}
 .bsingle__content h2:hover a {
     color: #ff8941;
}
 .bsingle__content p {
     padding-right: 45px;
     margin-bottom: 25px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .bsingle__content p {
         padding-right: 0;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .bsingle__content p {
         padding-right: 35px;
    }
}
 @media (max-width: 767px) {
     .bsingle__content p {
         padding-right: 0px;
    }
}
 .bsingle__content .blog__btn .btn {
     background: #ff8941;
     border-color: #ff8941;
     padding: 17px 53px;
}
 .bsingle__content .blog__btn .btn:hover {
     background: transparent;
     color: #ff8941;
}
 .quote-post {
     background-position: center;
     background-repeat: no-repeat;
}
 .quote-post .quote-icon {
     float: left;
     margin-right: 30px;
     display: block;
     margin-top: 20px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .quote-post .quote-icon {
         margin-top: 12px;
    }
}
 @media (max-width: 767px) {
     .quote-post .quote-icon {
         margin-top: 14px;
         float: unset;
         margin-bottom: 15px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .quote-post .quote-icon {
         margin-top: 12px;
         float: left;
         margin-bottom: 0;
    }
}
 .quote-post h2 {
     overflow: hidden;
     margin-bottom: 0;
}
 .widget {
     padding: 30px;
     background: #fff;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .widget {
         padding: 25px 20px 30px 20px;
    }
}
 @media (max-width: 767px) {
     .widget {
         padding: 35px 20px 40px 20px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .widget {
         padding: 35px 30px 40px 30px;
    }
}
.widget-title {
  margin-bottom: 30px;
  font-size: 24px;
}
 .widget-title h4 {
     font-size: 28px;
     margin-bottom: 0;
     line-height: 1;
}
 .slidebar__form {
     position: relative;
}
 .slidebar__form input {
     background: #f6f4ff;
     border: none;
     width: 100%;
     padding: 18px 30px;
}
 .slidebar__form input::placeholder {
     font-size: 12px;
     color: #8f8bb8;
}
 .slidebar__form button {
     position: absolute;
     right: 0;
     top: 0;
     border: none;
     background: #ff8941;
     padding: 19px 23px;
     color: #ffffff;
     font-size: 14px;
     cursor: pointer;
}
 @media (max-width: 767px) {
     .widget-insta-post {
         text-align: unset;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .widget-insta-post {
         text-align: center;
    }
}
 .widget-insta-post li {
     display: inline-block;
     margin: 6px;
}
 .widget-insta-post li:hover a::before {
     opacity: .7;
}
 .widget-insta-post li a {
     position: relative;
     display: block;
}
 .widget-insta-post li a::before {
     content: "";
     position: absolute;
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     background: #ff8941;
     opacity: 0;
     -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;
}
 .widget-social a {
     height: 40px;
     width: 40px;
     line-height: 40px;
     border-radius: 50%;
     display: inline-block;
     background: transparent;
     border: 1px solid #e4e4e4;
     color: #8f8bb8;
     margin: 0 3px;
}
 .widget-social a:hover {
     background: #ff8941;
     color: #ffffff;
     border-color: #ff8941;
}
 .cat__list li {
     padding-bottom: 10px;
     border-bottom: 1px solid #e4e4e4;
     margin-bottom: 10px;
}
 .cat__list li:last-child {
     margin-bottom: 0;
     padding-bottom: 0;
     border: none;
}
 .cat__list li:hover a {
     color: #ff8941;
}
 .cat__list li a {
     font-size: 14px;
     color: #7886a0;
}
 .cat__list li a span {
     float: right;
     display: block;
}
 .widget__post ul li {
     margin-bottom: 20px;
}
 .widget__post ul li:last-child {
     margin-bottom: 0;
}
 .widget__post-thumb {
     float: left;
     display: block;
     margin-right: 20px;
}
 .widget__post-content {
     overflow: hidden;
     display: block;
}
 .widget__post-content h6 {
     font-size: 16px;
     margin-bottom: 1px;
     padding-right: 15px;
}
 .widget__post-content h6:hover a {
     color: #ff8941;
}
 .widget__post-content span {
     font-size: 14px;
}
 .widget__post-content span i {
     margin-right: 8px;
}
 .widget__tag ul li {
     display: inline-block;
     margin: 5px 3px;
}
 .widget__tag ul li:hover a {
     background: #ff8941;
     border-color: #ff8941;
     color: #ffffff;
}
 .widget__tag ul li a {
     display: block;
     border: 1px solid #eaeaea;
     font-size: 14px;
     color: #8f8bb8;
     padding: 9px 20px;
}
 .widget__banner {
     border: none;
     padding: 0;
     position: relative;
}
 .widget__banner-thumb img {
     width: 100%;
}
 .widget__banner-overly {
     position: absolute;
     top: 50px;
     left: 0;
     right: 0;
     text-align: center;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .widget__banner-overly {
         top: 80px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .widget__banner-overly {
         top: 120px;
    }
}
 .widget__banner-overly > span {
     font-size: 14px;
     font-weight: 500;
     text-transform: uppercase;
     color: #ffffff;
     letter-spacing: 2px;
     display: block;
     margin-bottom: 130px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .widget__banner-overly > span {
         margin-bottom: 70px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .widget__banner-overly > span {
         margin-bottom: 287px;
    }
}
 @media (max-width: 767px) {
     .widget__banner-overly > span {
         margin-bottom: 65px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .widget__banner-overly > span {
         margin-bottom: 150px;
    }
}
 .widget__banner-overly h3 {
     color: #ffffff;
     font-size: 40px;
     margin-bottom: 90px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .widget__banner-overly h3 {
         margin-bottom: 65px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .widget__banner-overly h3 {
         margin-bottom: 240px;
         font-size: 88px;
    }
}
 @media (max-width: 767px) {
     .widget__banner-overly h3 {
         margin-bottom: 70px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .widget__banner-overly h3 {
         margin-bottom: 140px;
    }
}
 .widget__banner-overly h3 span {
     display: block;
     font-family: "neutrif_prolight";
     font-size: 30px;
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .widget__banner-overly h3 span {
         font-size: 61px;
    }
}
 .widget__banner-overly .btn {
     border-radius: unset;
     background: #ff8941;
     border-color: #ff8941;
     font-size: 12px;
     text-transform: uppercase;
     letter-spacing: 2px;
     padding: 17px 35px;
}
 .widget__banner-overly .btn:hover {
     background: transparent;
}
 .meta__info ul {
     margin-bottom: 7px;
}
 .meta__info ul li {
     display: inline-block;
     font-size: 14px;
     margin-right: 30px;
}
 @media (max-width: 767px) {
     .meta__info ul li {
         margin-right: 15px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .meta__info ul li {
         margin-right: 20px;
    }
}
 .meta__info ul li a i {
     margin-right: 5px;
}
 .meta__info ul li a:hover {
     color: #ff8941;
}
 .meta__info ul li i {
     margin-right: 5px;
}
 .details__content h2 {
     font-size: 32px;
     line-height: 1.3;
     margin-bottom: 20px;
     padding-right: 50px;
}
 @media only screen and (min-width: 992px) and (max-width: 1200px) {
     .details__content h2 {
         padding-right: 0;
         font-size: 27px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
     .details__content h2 {
         padding-right: 0;
         font-size: 30px;
    }
}
 @media (max-width: 767px) {
     .details__content h2 {
         padding-right: 0;
         font-size: 24px;
    }
}
 .details__content p {
     margin-bottom: 18px;
}
 .details__content blockquote {
     background: #f4f4ff;
     padding: 30px 35px;
     padding-left: 90px;
     position: relative;
     font-size: 14px;
     padding-right: 50px;
     margin-top: 45px;
     margin-bottom: 45px;
     line-height: 1.7;
}
 @media (max-width: 767px) {
     .details__content blockquote {
         padding-right: 20px;
         padding-left: 65px;
    }
}
 .details__content blockquote::before {
     position: absolute;
     content: "";
     left: 35px;
     top: 52px;
     background: url(../img/icon/blockquote_d.png);
     height: 28px;
     width: 30px;
}
 @media (max-width: 767px) {
     .details__content blockquote::before {
         left: 20px;
    }
}
 .details__content blockquote footer {
     font-size: 14px;
     font-family: "neutrif_prosemi_bold";
     margin-top: 15px;
     color: #0a0a19;
}
 .details__content-img {
     margin: 45px 0;
}
 .details__content-img img {
     width: 100%;
}
 .details__content figure {
     margin-top: 45px;
     margin-bottom: 60px;
}
 .details__content figure img {
     float: left;
     width: 255px;
     margin-right: 30px;
}
 @media (max-width: 767px) {
     .details__content figure img {
         float: unset;
         width: 100%;
         margin-right: 0;
         margin-bottom: 40px;
    }
}
 @media (max-width: 767px) {
     .post__tag {
         margin-bottom: 35px;
    }
}
 .post__tag h5 {
     font-size: 18px;
     margin-bottom: 20px;
}
 .post__tag ul li {
     display: inline-block;
     margin-right: 15px;
}
 @media (max-width: 767px) {
     .post__tag ul li {
         margin-right: 3px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .post__tag ul li {
         margin-right: 15px;
    }
}
 .post__tag ul li a {
     font-size: 14px;
     text-transform: uppercase;
     border: 2px solid #e5e5e5;
     padding: 12px 18px;
     font-weight: 500;
     display: inline-block;
     border-radius: 3px;
}
 .post__tag ul li a:hover {
     border-color: #ff8941;
     background: #ff8941;
     color: #ffffff;
}
 @media (max-width: 767px) {
     .post__share {
         text-align: left !important;
    }
}
 .post__share h5 {
     font-size: 18px;
     margin-bottom: 30px;
}
 @media (max-width: 767px) {
     .post__share h5 {
         margin-bottom: 15px;
    }
}
 .post__share ul li {
     margin-left: 20px;
     display: inline-block;
}
 @media (max-width: 767px) {
     .post__share ul li {
         margin-left: unset;
         margin-right: 20px;
    }
}
 .post__share ul li a {
     font-size: 18px;
     display: inline-block;
     color: #b5becc;
}
 .post__share ul li a:hover {
     color: #ff8941;
}
 .posts_navigation {
     border-top: 1px solid #eaeaea;
     border-bottom: 1px solid #eaeaea;
}
 @media (max-width: 767px) {
     .posts_navigation .prev-link {
         margin-bottom: 30px;
    }
}
 .posts_navigation .prev-link span {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 2px;
}
 .posts_navigation .prev-link h4 {
     font-size: 24px;
     margin-bottom: 0;
}
 .posts_navigation .prev-link h4:hover a {
     color: #ff8941;
}
 @media (max-width: 767px) {
     .posts_navigation .blog-filter {
         margin-bottom: 30px;
         display: inline-block;
    }
}
 .posts_navigation .next-link span {
     font-size: 14px;
     text-transform: uppercase;
     font-weight: 500;
     letter-spacing: 2px;
}
 .posts_navigation .next-link h4 {
     font-size: 24px;
     margin-bottom: 0;
}
 .posts_navigation .next-link h4:hover a {
     color: #ff8941;
}
 .related__post .post-title {
     margin-bottom: 35px;
}
 .related__post .post-title h4 {
     font-size: 26px;
     margin-bottom: 0;
}
 .related-post-wrap .post-thumb img {
     width: 100%;
}
 .related-post-wrap .rp__content {
     padding: 45px;
     border: 2px solid #f4f3fb;
     border-top: none;
}
 @media (max-width: 767px) {
     .related-post-wrap .rp__content {
         padding: 35px;
         padding-left: 25px;
         padding-right: 25px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .related-post-wrap .rp__content {
         padding: 45px;
         padding-left: 45px;
         padding-right: 45px;
    }
}
 .related-post-wrap .rp__content h3 {
     font-size: 24px;
     margin-bottom: 20px;
}
 .related-post-wrap .rp__content h3:hover a {
     color: #ff8941;
}
 .related-post-wrap .rp__content p {
     margin-bottom: 0;
     font-size: 14px;
}
 .avatar__wrap {
     background: #f3f1ff;
     padding: 50px 80px;
}
 @media (max-width: 767px) {
     .avatar__wrap {
         padding: 50px 40px;
    }
}
 .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;
}
 .avatar__info-social {
     margin-bottom: 20px;
}
 .avatar__info-social a {
     font-size: 12px;
     color: #9498b6;
     display: inline-block;
     margin: 0 5px;
}
 .avatar__info-social a:hover {
     color: #ff8941;
}
 .comment__wrap {
     border-bottom: 1px solid #eaeaea;
}
 .comment__wrap-title {
     margin-bottom: 35px;
}
 .comment__wrap-title h5 {
     font-size: 26px;
     margin-bottom: 0;
}
 .single__comment .comments-avatar {
     float: left;
     width: 100px;
     margin-right: 30px;
}
 @media (max-width: 767px) {
     .single__comment .comments-avatar {
         float: unset;
         margin-bottom: 15px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .single__comment .comments-avatar {
         float: left;
         margin-bottom: 0;
    }
}
 .single__comment.children {
     margin-left: 130px;
}
 @media (max-width: 767px) {
     .single__comment.children {
         margin-left: 0;
    }
}
 .single__comment.children .avatar-name h6 i {
     font-size: 12px;
     color: #cacfef;
     margin-left: 20px;
}
 .comment-text {
     overflow: hidden;
}
 .comment-text .avatar-name {
     overflow: hidden;
}
 .comment-text .avatar-name h6 {
     font-size: 18px;
     margin-bottom: 7px;
}
 .comment-text .avatar-name span {
     font-size: 12px;
     font-weight: 500;
     text-transform: uppercase;
     letter-spacing: 2px;
     color: #ff8941;
}
 .comment-text .avatar-name .comment-reply {
     float: right;
     display: inline-block;
     border: 2px solid #f4f4ff;
     padding: 8px 18px;
     border-radius: 50px;
     font-size: 14px;
     margin-top: -23px;
}
 .comment-text .avatar-name .comment-reply:hover {
     border-color: #ff8941;
     background: #ff8941;
     color: #ffffff;
}
 .comment-text .avatar-name .comment-reply i {
     margin-right: 5px;
}
 .comment-text p {
     font-size: 14px;
     margin-bottom: 0;
}
 .comment__form {
     padding: 50px;
     background: #f8f6ff;
}
 @media (max-width: 767px) {
     .comment__form {
         padding: 20px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .comment__form {
         padding: 50px;
    }
}
 .comment__form .comment-field {
     position: relative;
}
 .comment__form .comment-field.text-area i {
     top: 25px;
     transform: unset;
}
 .comment__form .comment-field i {
     position: absolute;
     right: 30px;
     top: 50%;
     transform: translateY(-50%);
     color: #ff8941;
     font-size: 14px;
}
 .comment__form .comment-field textarea {
     height: 150px;
     width: 100%;
     padding: 20px 30px;
     padding-right: 50px;
     background: #ffffff;
     border: none;
}
 .comment__form .comment-field textarea::placeholder {
     font-size: 14px;
     color: #a7a7c1;
}
 .comment__form .comment-field textarea:focus {
     outline: 1px solid #ff8941;
}
 .comment__form .comment-field input {
     width: 100%;
     padding: 20px 30px;
     padding-right: 50px;
     background: #ffffff;
     border: none;
}
 .comment__form .comment-field input::placeholder {
     font-size: 14px;
     color: #a7a7c1;
}
 .comment__form .comment-field input:focus {
     outline: 1px solid #ff8941;
}
 .comment__form .btn {
     background: #ff8941;
     border-color: #ff8941;
}
 .comment__form .btn:hover {
     background: transparent;
     color: #ff8941;
}
.blog-meta > span a {
	color: #666666;
}
.blog-meta > span {
	font-size: 14px;
	color: #666666;
	font-weight: 400;
	margin-right: 26px;
	text-transform: capitalize;
}
.innerPage-title h2 {
     font-size: 50px;
     color: #ffffff;
     line-height: 1.2;
     margin-bottom: 22px;
     text-transform: capitalize;
}
 @media (max-width: 767px) {
     .innerPage-title h2 {
         font-size: 35px;
    }
}
 @media only screen and (min-width: 576px) and (max-width: 767px) {
     .innerPage-title h2 {
         font-size: 40px;
    }
}


.inner-project-menu::before {
	content: "";
	position: absolute;
	bottom: -18px;
	left: 0;
	width: 605px;
	height: 2px;
	right: 0;
	margin: auto;
	background: #fff1f1;
}
.portfolio-details-thumb img {
	width: 100%;
}
.portfolio-details-content p {
	margin-bottom: 30px;
}
.p-details-tag {
	text-align: center;
	border: 2px solid #dee8ff;
	padding: 35px 0;
	transition: .3s;
}
.pd-icon {margin-bottom: 17px;}
.pd-icon i {
	height: 60px;
	width: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	border-radius: 50%;
	color: #fff;
	transition: .3s;
}
.p-details-tag span {
	text-transform: uppercase;
	font-weight: 500;
	line-height: 1;
	transition: .3s;
}
.p-details-tag.red .pd-icon i {
	background: #ff6868;
}
.p-details-tag.blue .pd-icon i {
	background: #405fff;
}
.p-details-tag.yellow .pd-icon i {
	background: #ffb751;
}
.p-details-tag.cyan .pd-icon i {
	background: #5ac7ff;
}
.p-details-tag.red:hover {
	background: #ff6868;
	border-color: #ff6868;
	box-shadow: 0px 8px 16px 0px #ff68686b;
}
.p-details-tag.red:hover .pd-icon i {background: #ff8181;}
.p-details-tag.red:hover span {color: #fff;}
.p-details-tag.blue:hover {
	background: #405fff;
	border-color: #405fff;
	box-shadow: 0px 8px 16px 0px #4060ff7a;
}
.p-details-tag.blue:hover .pd-icon i {background: #617cff;}
.p-details-tag.blue:hover span {color: #fff;}
.p-details-tag.yellow:hover {
	background: #ffb751;
	border-color: #ffb751;
	box-shadow: 0px 8px 16px 0px #ffb75179;
}
.p-details-tag.yellow:hover .pd-icon i {background: #e89622;}
.p-details-tag.yellow:hover span {color: #fff;}
.p-details-tag.cyan:hover {
	background: #5ac7ff;
	border-color: #5ac7ff;
	box-shadow: 0px 8px 16px 0px #5ac8ff79;
}
.p-details-tag.cyan:hover .pd-icon i {background: #83d3fc;}
.p-details-tag.cyan:hover span {color: #fff;}
.prev-link span {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 14px;
	color: #a9b2bc;
	display: block;
	margin-bottom: 10px;
}
.prev-link h4 {
	font-size: 24px;
	margin-bottom: 0;
}
.prev-link h4:hover a {color: #ff8155;}
.next-link span {
	text-transform: uppercase;
	font-weight: 500;
	letter-spacing: 2px;
	font-size: 14px;
	color: #a9b2bc;
	display: block;
	margin-bottom: 10px;
}
.next-link h4 {
	font-size: 24px;
	margin-bottom: 0;
}
.next-link h4:hover a {color: #ff8155;}
.p-details-bottom {
	padding-top: 25px;
	border-top: 2px solid #f7f7f7;
}
.project-status {
	box-shadow: 0px 8px 16px 0px rgba(232, 231, 255, 0.5);
	padding: 40px;
	position: sticky;
	top: 80px;
}
.project-status ul li {
	margin-bottom: 38px;
}
.project-status ul li:last-child {
	margin-bottom: 0px;
}
.project-status ul li h5 {
	font-size: 24px;
	margin-bottom: 12px;
}
.project-status ul li span {
	font-size: 16px;
	text-transform: capitalize;
	display: block;
}
.rp-btn .btn {
	border-color: #bdd0f1;
}
.rp-btn .btn:hover {border-color: #ff8155;}
.portfolio-p .slick-arrow {border-color: #bdd0f1;}
.inner-title span {
	text-transform: uppercase;
	font-size: 14px;
	color: #ff8155;
	font-weight: 500;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}
.inner-title h2 {
	font-size: 60px;
	letter-spacing: -3px;
	line-height: 1.1;
	margin-bottom: 0;
}
.inner-title span {
	text-transform: uppercase;
	font-size: 14px;
	color: #ff8155;
	font-weight: 500;
	letter-spacing: 2px;
	display: block;
	margin-bottom: 20px;
}

body {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
	overflow-x: hidden;
}
img {
	height: auto;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

.logged-in .header-transparent{
	margin-top: 30px;
}
.admin-bar .sticky-header {
  top: 32px;
}
/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em !important;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em !important;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center;
}



/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/

.widget select {
	max-width: 100%;
	height: 45px;
	width: 100%;
	border: 1px solid #ddd;
	padding: 0 10px;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
button:focus, input:focus, input:focus, textarea, textarea:focus {
	outline: 0;
}
.sticky {
	display: block;
}

.hentry {
	
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}
/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
	font-size: 14px;
	font-style: italic;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 10px;
}

.gallery-item {
	display: inline-block;
	max-width: 33.33%;
	text-align: center;
	vertical-align: top;
	width: 100%;
	padding-right: 5px !important;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}


/**
* custom css
*
*/
blockquote {
	position: relative;
	margin: 30px 0;
	margin-bottom: 25px;
	padding: 22px 25px ;
}
.wp-block-quote,blockquote {
	margin: 20px 0;
	border-left: solid 4px #ff3d4f  !important;
	padding: 22px 25px !important;
}
.wp-block-quote p,blockquote p {
	font-size: 20px;
	margin-bottom: 0
}
blockquote::before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-color: #ff3d4f ;
	opacity: 0.07;
}
.has-cyan-bluish-gray-background-color.has-cyan-bluish-gray-background-color {
	background-color: #FFF4EF;
}
.wp-block-pullquote {
	border-top: 4px solid #ff3d4f  !important;
	border-bottom: 4px solid #ff3d4f  !important;
}
.wp-block-quote__citation, .wp-block-quote cite, .wp-block-quote footer {
	margin-top: 10px;
	display: block;
}
.logged-in-as a {
	color: #222;
}
.logged-in-as a:hover {
	color: #ff3d4f ;
}
.blog-post-tag {
	background: #fff;
	padding: 0;
	padding-top: 0;
	width: 100%;
	overflow: hidden;
	padding-bottom: 0;
	padding-top: 30px;
}
.blog-post-tag span {
	font-size: 18px;
	color: #140a20;
	font-weight: 500;
	display: block;
	margin-bottom: 17px;
}
.blog-post-tag > a {
	color: #7886a0;
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	border: 2px solid #e5e5e5;
	padding: 10px 24px;
	margin-right: 5px;
	transition: .3s;
	border-radius: 5px;
	margin-bottom: 5px;
}
.blog-post-tag > a:hover {
	color: #fff;
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}

/**
*
* blog pagination
*/
.pagination ul > li > a, .pagination ul .page-numbers.current, .nav-links a, .nav-links .page-numbers.current {
	background: #F6F4FF;
	font-size: 14px;
	color: #555;
	font-weight: 500;
	display: inline-block;
	padding: 16px 35px;
	border-radius: 30px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span, .pagination ul .page-numbers.current, .nav-links a:hover, .nav-links .page-numbers.current {
	color: #fff;
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}

/**
*
* Sidebar widget css
*
*/
.blog-area .widget ul {
	padding: 0;
	margin: 0;
}
.blog-area .widget ul li ul {
	padding-left: 15px;
	padding-top: 15px;
}
.rssSummary {
	line-height: 27px;
}
.widget ul {
	margin: 0;
}
.widget ul li {
	border-bottom: 1px solid #eaeaea;
	color: #667286;
	margin: 0;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 15px;
	position: relative;
	font-size: 14px;
}
.widget ul li a {
	color: #667286;
	display: inline-block;
	font-size: 14px;
	font-weight: 400;
	position: relative;
	text-transform: capitalize;
	transition: .3s;
	line-height: 1;
}
.widget ul li a.rsswidget{
	line-height: 1.3;
}
.widget .footer-post h5 a {
	font-size: 16px;
	line-height: 1.3;
}
.widget ul li:first-child {
	padding-top: 0;
}
.widget_recent_entries ul li a {
	font-size: 14px;
	line-height: 26px;
}

/**
* latest blog shortcdoe
*
*/
.blog-area .mb-50, .portfolio-area .mb-50, .services-area .mb-50 {
	margin-bottom: 50px;
}

.portfolio-area .mb-40 {
	margin-bottom: 40px !important;
}

.services-area .mb-30{
	margin-bottom: 30px !important;
}
.service-details img {
	width: inherit;
}

/**
*
* removing visual composer default data
*/
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid > li {
	margin-bottom: 0 !important;
}

/**
* image widget
*/
.widget-title {
	display: block;
	position: relative;
}
.widget_media_image img {
	width: 100%;
}
.widget-title::before {
	background: #ff3d4f ;
	bottom: 0;
	content: "";
	height: 25px;
	position: absolute;
	width: 3px;
	left: -30px;
	top: 2px;
}

/**
* tags
*/
.sidebar-tad{}
.sidebar-tad li {
  float: left;
  margin-bottom: 5px;
  margin-right: 5px;
}
.sidebar-tad li a, .tagcloud a {
	background: #f7f7f7 none repeat scroll 0 0;
	color: #6b7b98;
	display: inline-block;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1;
	padding: 12px 15px;
	margin-bottom: 5px;
	margin-right: 0px;
}
.sidebar-tad li a:hover, .tagcloud a:hover {
	background: #ff3d4f ;
	color: #fff;
}

/**
* archive
*
*/
.widget{}
.widget li {
  border-bottom: 1px solid #f5f5f5;
  display: block;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.widget li:last-child {
	border: 0;
	margin: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.widget li a {
	color: #444;
	font-weight: 500;
	padding-left: 0;
}
.widget li a:hover {
	color: #ff3d4f ;
}
.widget li span{float:right;}
li .blog-footer-meta span {
	float: none !important;
	font-size: 13px !important;
}
.widget_recent_comments li span, .widget_recent_comments li span a {
	float: none;
	font-weight: 600;
	color: #444;
}
.widget_rss ul li a.rsswidget {
	font-weight: 600;
}

/* calendar widget */
.widget_calendar {float: none;}
#wp-calendar {width: 100%; }
#wp-calendar caption {
	text-align: right;
	color: #333;
	font-size: 15px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
}
#wp-calendar thead {
	font-size: 14px;
}
#wp-calendar thead th {
 	padding-bottom: 10px;
 }
#wp-calendar tbody {
	color: #666;
}
#wp-calendar tbody td {
	background: #f7f7f7;
	border: 1px solid #fff;
	text-align: center;
	padding:8px;
	transition: .3s;
}
#wp-calendar tbody td:hover, #wp-calendar tbody td:hover a {
	background: #ff3d4f ;
	color: #fff;
}
#wp-calendar tbody .pad, #wp-calendar tbody .pad:hover {
	background: none;
}
#wp-calendar tfoot #next {
	font-size: 10px;
	text-transform: uppercase;
	text-align: right;
}
#wp-calendar tfoot #prev {
	font-size: 10px;
	text-transform: uppercase;
	padding-top: 10px;
}
.latest-comments ul li ul.children {
	padding-left: 70px;
}
.latest-comments ul li ul.children {
	padding-top: 0;
}
.no-results.not-found {
	background: #fff;
	padding: 41px 100px;
	text-align: center;
	border: 2px solid #f4f3fb;
}
.pageontent.blog-search-content p {
	margin-bottom: 20px;
}
.blog-search-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}
.error-404.not-found {
	padding: 40px 100px;
	text-align: center;
	border: 2px solid #f4f3fb;
}
.error-404.not-found .page-header {
	background: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.page-title.error-title {
	font-size: 30px;
	font-weight: 700;
	margin: 0;
}
.page-content.mb-40 {
	margin-bottom: 30px;
}
.page-header {
	background: #fff;
	margin-bottom: 30px;
	padding: 30px;
}
.page-header h1 {
	font-size: 26px;
	font-weight: 700;
	margin: 0;
}
.navigation.posts-navigation  .nav-next {
  float: right;
}
.navigation.posts-navigation  .nav-previous {
  float: left;
}
.navigation.posts-navigation  .nav-links {
  overflow: hidden;
}
.navigation.posts-navigation .nav-links a {
	text-transform: uppercase;
	background: #fff;
}
.navigation.posts-navigation .nav-links a:hover{
	background: #ff3d4f ;
	color: #fff;
}
.navigation.posts-navigation {
	overflow: hidden;
	margin-bottom: 40px;
}
/*unit test*/
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 25px;
}
.blog-area > ul, .blog-area > ol, .blog-area ul, .blog-area ol {
	padding-left: 20px;
}
.blog-details-text ol li, .blog-details-text ul li {
	padding-top: 7px;
}
ul {
	list-style: disc;
}
.blog-wrapper.sticky {
	border: 2px solid #ff3d4f ;
}
.blog-content h3 {
	margin-top: 20px;
	margin-bottom: 5px;
}
#wp-calendar #next a,#wp-calendar #prev a {
	font-size: 13px;
	font-weight: 600;
}

.blog-content table{
	margin-bottom: 30px;
}
.blog-content table tbody td {
	text-align: center;
}
.blog-content table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-content th, .blog-content td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-content table, .blog-content th, .blog-content td {
	border: 1px solid #d1d1d1;
}
.blog-content table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}

/*page table*/
.hobi-page-content table{
	margin-bottom: 30px;
}
.hobi-page-content table tbody td {
	text-align: center;
}
.hobi-page-content table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.hobi-page-content th, .hobi-page-content td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.hobi-page-content table, .hobi-page-content th, .hobi-page-content td {
	border: 1px solid #d1d1d1;
}
.hobi-page-content table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}
.hobi-page-content ol li,.hobi-page-content ul li{
	margin-bottom: 7px;
}.hobi-page-content ol li ol,.hobi-page-content ul li ul{
	margin-top: 7px;
}

.blog-details-text table{
	margin-bottom: 30px;
}
.blog-details-text table tbody td {
	text-align: center;
}
.blog-details-text table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-details-text th, .blog-details-text td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-details-text table, .blog-details-text th, .blog-details-text td {
	border: 1px solid #d1d1d1;
}
.post-comments table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 600;
}
.blog-details-wrapper table {
	margin-bottom: 30px;
	width: 100%;
}
.blog-details-wrapper table tbody td {
	text-align: center;
}
.blog-details-wrapper table td {
	border-color: #ddd;
	padding: 12px 12px;
}
.blog-details-wrapper th, .blog-details-wrapper td {
	font-weight: normal;
	text-align: left;
	border-width: 0 1px 1px 0;
}
.blog-details-wrapper table, .blog-details-wrapper th, .blog-details-wrapper td {
	border: 1px solid #d1d1d1;
}
.blog-details-wrapper table th {
	padding: 12px 12px;
	font-size: 15px;
	border-color: #ddd;
	text-align: center;
	font-weight: 400;
}
.comments-text > p {
	margin-bottom: 15px;
}
.comments-text ul li,.comments-text ol li{
	padding-top: 5px;
}
pre {
	display: block;
	font-size: 87.5%;
	color: #212529;
	border: 1px solid #ddd;
	padding: 15px;
}
dd + dt {
	margin-top: 20px;
}

.page-links {
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	margin-top: 20px;
}
.page-links > span.page-links-title {
	border: 0;
	color: inherit;
}
.page-links a, .page-links > span {
	border: 2px solid #ddd;
	display: inline-block;
	min-width: 35px;
	text-align: center;
	margin-left: 2px;
	height: 33px;
	line-height: 30px;
	margin-right: 3px;
	color: #444;
}
.page-links > span {
	border: 2px solid #ff3d4f ;
	color: #ff3d4f ;
}
.page-links a:hover {
	border: 2px solid #ff3d4f ;
	color: #ff3d4f ;
}

.post-password-form label {
	width: 100%;
}
.post-password-form input[type="password"] {
	font-size: 1.2rem;
	line-height: 20px;
	padding: 12px 20px;
	border: 1px solid #E4E4F2;
	width: 100%;
}
.post-password-form input[type="submit"] {
	background-color: #ff3d4f ;
	border: none;
	padding: 10px 40px;
	color: #fff;
	cursor: pointer;
	transition: .3s;
	font-weight: 600;
}
.post-password-form input[type="submit"]:hover {
	background-color: #010E2A;
}
.post-comments .latest-comments > ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.comments-text > ul,.comments-text > ol {
	margin-bottom: 20px;
}
ul.children {
	list-style: none;
}
.footer-widget #wp-calendar tbody td {
	background: none;
	border: 1px solid #fff;
	color: #fff;
}
.footer-widget #wp-calendar tbody td a{
	color: #fff;
	text-decoration: underline;
}
.footer-widget #wp-calendar tbody td:hover a{
	background: transparent;
}
.footer-widget #wp-calendar tbody #today a {
	color: #fff;
	text-decoration: underline;
	background: none;
}
.footer-widget #wp-calendar thead th {
	color: #fff;
	border: 1px solid #ddd;
	text-align: center;
	padding-top: 7px;
}
.footer-widget #wp-calendar #next a, .footer-widget #wp-calendar #prev a {
	color: #fff;
}
.footer-widget #wp-calendar caption {
	color: #fff;
}

.widget_recent_comments.footer-widget li span, .widget_recent_comments.footer-widget li span a {
	float: none;
	font-weight: 600;
	color: #fff;
}

.widget_recent_comments ul li a{
	display: inline;
}

.footer-widget form input.search-submit {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #2f3440;
	color: #fff;
	border: 0;
	padding: 0 25px;
	height: 45px;
	font-weight: 600;
	cursor: pointer;
	text-transform: uppercase;
	font-size: 12px;
	transition: .3s;
	width: auto;
}
.footer-widget p {
	color: #fff;
	opacity: .8;
}
.footer-widget .calendar_wrap {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	-ms-overflow-scrolling: -ms-autohiding-scrollbar;
}
.widget_rss ul li span{float: none}

.vc-inner-no-padding .vc_column-inner {
	padding-top: 0 !important;
}
.boxed-55 {
	padding:  0 70px !important;
}
.sidebar-rc-post ul li::before {
	display: none;
}
.footer-widget .sidebar-rc-post ul li {
	position: relative;
	padding-left: 0;
	margin-bottom: 15px;
}
.footer-widget .sidebar-rc-post ul li .widget-date {
	color: #999;
}
.footer-post li::before {
	display: none;
}
.footer-widget .footer-post li {
	padding-left: 0
}
.footer-widget .footer-post li a {
	color: #fff;
	opacity: .8;
}
.tag-space {
	display: block;
	width: 100%;
	clear: both;
	margin-top: 20px;
}
.size-thumbnail {
	margin-bottom: 20px;
}
.no-results.not-found .page-header {
	padding-top: 0;
	padding-bottom: 0;
}
.hobi-search-btn {
	position: absolute;
	top: 0;
	right: 0;
	width: 60px;
	border: 0;
	background: no-repeat;
	color: #444;
	border-left: 1px solid #ddd;
	height: 100%;
}
.hobi-search-btn:hover{color: #2154CF}
.search-form2 .form-control {
    height: 50px;
    border-radius: inherit;
}
.search-form2 {
	position: relative;
}

.archive-description {
	margin-top: 15px;
}
/*comment-form*/
.comment-form {
	background: #F7F7FD;
	padding: 40px;
	margin-bottom: 25px;
}
.comment-form input {
	border: none;
	height: 60px;
	margin-bottom: 20px;
	padding: 0 30px;
	width: 100%;
	font-size: 14px;
	color: #a7a7c1;
	background: #fff;
}
.comment-form textarea {
	border: none;
	height: 150px;
	margin-bottom: 20px;
	padding: 30px;
	width: 100%;
	color: #a7a7c1;
	font-size: 14px;
	background: #fff;
}
.comment-form button.btn {
	background: #ff3d4f ;
	border-color: #ff3d4f ;
}
.comment-form button.btn:hover {
background: transparent;
color: #ff3d4f ;
}
.comment-form input::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form input::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form textarea::-moz-placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
.comment-form textarea::placeholder {
  color: #a7a7c1;
  font-size: 14px;
}
/*author*/
.author-wrapper {
	background: #fff;
	padding: 37px 71px 35px 40px;
	overflow: hidden;
	border-left: 5px solid #ff3d4f ;
}
.author-img {
	float: left;
	margin-right: 27px;
	margin-top: 10px;
}
.author-img img {
	border-radius: 50%;
}
.author-text {
	overflow: hidden;
}
.author-text > h4 {
	font-weight: 700;
	font-size: 16px;
	text-transform: capitalize;
	margin-bottom: 5px;
}
.author-text > p {
	margin-bottom: 0;
}
.author-icon a {
	font-size: 11px;
	color: #010e2a;
	padding-right: 10px;
	transition: .3s;
}
.author-icon {
	margin-bottom: 9px;
}
.author-icon a:hover {
	color: #ff3d4f ;
}
.no-pad .vc_column-inner{padding-top: 0 !important}

/*servie details*/
.sidebar-link h3 {
	font-size: 36px;
	font-weight: 700;
}
.servicee-sidebar {
	border: 2px solid #f4f3fb;
	padding: 30px;
}
.servicee-sidebar ul{
	margin-bottom: 0;
}
.servicee-sidebar ul li {
	border-bottom: 1px solid #eaeaea;
	color: #4c4c4c;
	margin: 0;
	overflow: hidden;
	padding: 15px 0;
	padding-top: 15px;
	position: relative;
}
.servicee-sidebar ul li a {
	color: #7886a0;
}
.servicee-sidebar ul li:last-child {
	border: 0;
	margin: 0;
	margin-bottom: 0;
	padding-bottom: 0;
}
.servicee-sidebar ul li a:hover {
	color: #ff3d4f ;
}
.project-status ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	border-bottom: 1px solid #eaeaea;
	padding: 15px 0;
}
.project-status ul li b {
	margin-right: 5px;
	display: inline-block;
	color: #28345d;
	font-size: 17px;
	font-weight: 500;
	margin-bottom: 5px;
}
.project-status ul li:last-child {
	border:0;
	padding-bottom: 0
}.project-status ul li:first-child {
	padding-top: 0
}
.bypostauthor .avatar-name > h5::after {
	content: "\f02e";
	font-family: "Font Awesome 5 Free";
	top: -1px;
	font-size: 12px;
	margin-left: 10px;
	line-height: 1;
	position: relative;
	color: #cacfef;
	font-weight: 900;
}
.project-status ul {
	margin: 0;
}
.project-desc h3 {
	font-weight: 700;
}
.paginations ul {
	padding-left: 0;
}
.servicee-sidebar-banner {
	margin-bottom: 50px;
}
.portfolio-sidebar {
	margin-bottom: 30px;
}
/*next prev post*/
.project-details-content{}
.blog-details-border {
	margin-top: 40px;
	background: #fff;
	padding: 40px;
	padding-bottom: 22px;
}
.project-details-content span {
	font-size: 13px;
	color: #8583b1;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.project-details-content span a{
	color: #8583b1;
}
.project-details-content span a:hover{
	color: #ff3d4f ;
}
.project-details-content h3 {
	margin-top: 8px;
	margin-bottom: 20px;
	line-height: 1.2;
	font-size: 26px;
}
.project-details-content h3 a:hover {
	color: #ff3d4f ;
}
.project-details-button{}
.project-details-button a.btn{}

.page-area .post-comments-form {
	margin-bottom: 0;
	clear: both;
	padding-top: 0;
}
.hobi-page-content ol,.hobi-page-content ul{padding-left: 22px}
.container.container-box {
	margin: auto;
}
.vc_column-inner {
	padding-top: 0 !important;
}
.features-service .feature{margin-top: 0}
.features-service .feature-item{margin-top: 0}
/*new unit test*/
.wp-block-column:not(:first-child), .wp-block-column:nth-child(2n) {
	margin-left: 10px;
}
.wp-block-column:not(:last-child) {
	margin-right: 10px;
}
.wp-block-column:nth-child(2n+1) {
	margin-right: 10px;
}
.post-entry > .alignwide {
	margin-left: 0;
	margin-right: 0;
	width: calc(100% + 20px);
	max-width: calc(100% + 20px);
}
.has-large-font-size {
	font-size: 36px;
	line-height: 1.2;
}
.has-very-light-gray-color.has-very-light-gray-color {
	color: #fff;
	background: #ff3d4f  !important;
}
.wp-block-archives select {
	height: 50px;
	width: 200px;
	border: 1px solid #ddd;
	padding: 0 10px;
}
.wp-block-latest-comments {
	padding-left: 0 !important;
}
.wp-block-latest-posts.has-dates {
	padding-left: 14px;
}
.wp-block-archives li a, .wp-block-categories li a {
	color: #5e629c;
}
/*header*/
.retina-logo {
	display: none;
}
.blog-wrapper img {
	max-width: 100%;
}
.blog-meta {
	margin-bottom: 15px;
}
.blog-meta > span i {
	color: #ff3d4f ;
	font-size: 14px;
	margin-right: 6px;
}
.blog-title {
	font-size: 34px;
	line-height: 1.2;
	margin-top: 0;
	margin-bottom: 18px;
	text-transform: capitalize;
}
.blog-title:hover {
	color: #ff3d4f ;
}
.blog-text {
	background: #fff;
	padding: 35px 40px 40px 40px;
}
.blog-d-btn {
	margin-top: 25px;
}
.blog-d-btn .btn {
	background: #ff3d4f ;
	border-color: #ff3d4f ;
	padding: 17px 53px;
}
.blog-d-btn .btn:hover {
	background: transparent;
	color: #ff3d4f ;
}
.post-comments-form .comment-respond {
	background: #fff;
	padding: 32px 33px 40px 30px;
	clear: both;
}
.sidebar-form form {
	position: relative;
}
.sidebar-form form input {
	background: #fff;
	border: none;
	color: #666666;
	padding: 0 10px;
	text-indent: 10px;
	width: 100%;
	height: 60px;
	font-size: 14px;
	border: 2px solid #eaeaea;
}
.sidebar-form form button {
	background: #ff3d4f ;
	border: 0 none;
	color: #fff;
	font-size: 14px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease 0s;
	width: 60px;
	cursor: pointer;
}
.sidebar-form form button:hover {
	background: #101024;
}

/*sidebar post with image*/
.sidebar-rc-post ul li {
	overflow: hidden;
	padding-bottom: 15px;
}
.sidebar-rc-post ul li:last-child {
	padding-bottom: 0;
}
.sidebar-rc-post .rc-post-thumb {
	display: inline-block;
	float: left;
	height: 80px;
	overflow: hidden;
	position: relative;
	width: 90px;
	margin-right: 15px;
}
.sidebar-rc-post .rc-post-content {
	overflow: hidden;
}
.sidebar-rc-post .rc-post-content h4 {
	color: #444;
	display: block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	text-indent: 0;
	transition: all 0.2s ease 0s;
	margin-bottom: 5px;
}
.sidebar-rc-post .rc-post-content h4 a {
	color: #444;
	transition: .3s;
	font-size: inherit;
	line-height: inherit;
	font-size: 16px;
}
.sidebar-rc-post .rc-post-content h4 a:hover {
	color: #ff3d4f ;
}
.widget-date {
	color: #777777;
	display: inline-block;
	font-size: 11px;
	line-height: 1;
	text-transform: uppercase;
}
.sidebar-blog .widget:last-child{margin-bottom:0;}

/* 16. breadcrumb-area */
.breadcrumb-area.breadcrumb-bg.only-front-page {
	min-height: inherit;
}
.breadcrumb-area {
  background-position: center center;
  background-size: cover;
}
.breadcrumb-text {
    position: relative;
    z-index: 1;
}
.breadcrumb-text > h1 {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	margin-bottom: 19px;
	text-transform: capitalize;
	line-height: 1.3;
}
.breadcrumb-text > h1 {
	color: #fff;
	font-size: 46px;
	font-weight: 900;
	margin-bottom: 19px;
	text-transform: capitalize;
	line-height: 1.3;
}
.breadcrumb-menu {
	padding-left: 0;
	margin-bottom: 0;
}
.breadcrumb-menu li {
	display: inline-block;
	position: relative;
	padding: 0 15px;
}
.breadcrumb-menu li a, .breadcrumb-menu li {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	transition: all 0.3s ease 0s;
}
.breadcrumb-menu li::before {
	color: #fff;
	content: "\f054";
	display: inline-block;
	font-size: 11px;
	right: -5px;
	padding-bottom: 0;
	position: absolute;
	top: 2px;
	font-weight: 700;
	font-family: "Font Awesome 5 Pro";
}
.breadcrumb-menu li:last-child::before {
    display: none;
}
.breadcrumb-menu li {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
}
.breadcrumb-others-page, .breadcrumb-blog-area {
	padding-top: 200px;
	padding-bottom: 200px;
}

/*comments*/
.post-comments {
	background: #fff;
	padding: 35px 33px 35px 30px;
	padding-bottom: 0;
}
.coment-title h2 {
	color: #333333;
	font-size: 24px;
	font-weight: 700;
}
.comments-avatar {
	float: left;
}
.comments-text {
	overflow: hidden;
}
.avatar-name > h5 {
	font-size: 18px;
	margin-bottom: 5px;
}
.avatar-name {
	margin-bottom: 3px;
	overflow: hidden;
}
.comments-box {
	position: relative;
}
.comments-avatar img {
	border-radius: 50%;
	margin-right: 20px;
	width: 95px;
}
.comments-reply {
	padding-left: 77px;
}
.latest-comments ul li .comments-box {
	margin-bottom: 25px;
}
.latest-comments ul li {
	padding-top: 7px;
}
.latest-comments > ul {
	padding-bottom: 1px;
}
.latest-comments ul  li:last-child{
	
}

.comment-reply-link {
	position: absolute;
	right: 0;
	top: 0;
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	border: 2px solid #f4f4ff;
	padding: 10px 22px;
	border-radius: 50px;
	font-size: 14px;
}
.avatar-name span {
	font-size: 12px;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: #ff3d4f ;
}
.comments-text > a:hover{
	border-color: #ff3d4f ;
background: #ff3d4f ;
color: #ffffff;
}

.post-comments-form .comment-respond {
	background: #fff;
	padding: 32px 33px 15px 30px;
	clear: both;
}
.post-title h2 {
	font-size: 24px;
	margin-bottom: 0;
}
.comment-respond .post-title {
	padding-top: 0;
}
.hobi-page-content .comment-respond .post-title {
	padding-top: 0;
}
/* 20. paginations */
.paginations{}
.paginations ul li {
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
.paginations ul li a, .paginations ul li .page-numbers {
	color: #333333;
	font-size: 14px;
	font-weight: 500;
	transition: all 0.3s ease 0s;
	text-align: center;
	height: 50px;
	width: 50px;
	background: #fff;
	border-radius: 30px;
	padding: 0;
	line-height: 51px;
	display: inline-block;
}
.paginations ul li:hover a, .paginations ul li .current {background:#ff3d4f ;color: #fff}
.paginations ul li:hover a:after, .paginations ul li.active a:after {
	opacity:1;
}
.paginations ul li:hover a:before, .paginations ul li.active a:before {
	opacity:1;
}
.paginations li .prev {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.paginations li .next {
	text-transform: uppercase;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.blog-area img{
	max-width: 100%;
}
.footer__widget ul li ul {
	padding-left: 10px;
	padding-top: 12px;
}
.footer__widget select {
	width: 100%;
	height: 40px;
	padding: 0 15px;
}
.footer__widget #wp-calendar caption {
	color: #8a8aac;
}
#wp-calendar tbody td#today{
	background: #ff3d4f ;
	color: #fff;
}
#wp-calendar tbody td#today a{
	background: #ff3d4f ;
	color: #fff;
}
.footer__widget img{
	max-width: 100%;
}
.footer__widget .tagcloud a {
	background: #1b1a2c;
	color: #d3d3dd;
	display: inline-block;
	font-size: 14px !important;
	font-weight: 400;
	line-height: 1;
	padding: 12px 15px;
	margin-bottom: 5px;
	margin-right: 0px;
}
.error-btn:hover{
	color: #7673ff;
}
.retina-logo img {
	width: 95px;
}
#wp-comment-cookies-consent {
	width: auto;
	display: inline-block;
	height: auto;
	margin-right: 20px;
}
.comment-form-cookies-consent label {
	display: inline-block;
}
.comment-form-cookies-consent {
	margin-left: 18px;
}

.copyright__text p {
	margin: 0;
}

.hobi-page-content figure.wp-caption.aligncenter {
	margin-top: 40px;
}
.admin-bar .header-sticky {
	margin-top: 32px;
}
.cta-box.s-cta-box.secondary-bg {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}
.newsfeed-header a {
	margin-right: 20px;
	text-transform: capitalize;
}
.newsfeed-header a i {
	margin-right: 4px;
}

.wpcf7-form.init.bdevs-cf7-form p {
	margin: 0;
}
.wpcf7-spinner {
	display: none;
}