/*
  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*/
.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;
}
.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;
}
.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: 1;
}
.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 */
.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;
}
.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-left: 35px;
}
.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;
}