.accordion .card {
	border-radius: 0px; border: currentColor; border-image: none; overflow: inherit; margin-bottom: 20px;
}
.accordion :last-child.card {
	margin-bottom: 0px;
}
.accordion .card-header {
	background: none; padding: 0px; border: currentColor; border-image: none; position: relative;
}
.accordion .card-header a {
	background: rgb(255, 255, 255); padding: 20px 30px 20px 20px; width: 100%; color: rgb(17, 17, 33); text-transform: capitalize; font-size: 15px; font-weight: 600; display: inline-block;
}
.accordion .active.card a {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.accordion .card a:hover {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.accordion .card-body {
	padding: 30px;
}
.accordion .card-header a span::after {
	left: 20px; top: 50%; position: absolute; content: "";
}
.accordion .card-header a span::before {
	left: 20px; top: 50%; position: absolute; content: "";
}
.accordion .card-header a span {
	left: 20px; top: 50%; position: absolute; content: "";
}
.accordion .card-header a span::before {
	background: rgb(255, 120, 16); left: 50%; top: 50%; width: 20px; height: 2px; transform: translate(-50%); -webkit-transform: translate(-50%);
}
.accordion .card-header a span::after {
	background: rgb(255, 120, 16); left: 50%; top: 50%; width: 20px; height: 2px; transform: translate(-50%); -webkit-transform: translate(-50%);
}
.accordion .card-header a span::before {
	transform: translate(-50%) rotate(90deg); -webkit-transform: translate(-50%) rotate(90deg);
}
.accordion .card-header a span {
	left: inherit; right: 30px;
}
.accordion .card-header a[aria-expanded='true'] span::before {
	transform: translate(-50%) rotate(0deg); -webkit-transform: translate(-50%) rotate(0deg);
}
.accordion .active.card a span::after {
	background: rgb(255, 255, 255);
}
.accordion .card a:hover span::after {
	background: rgb(255, 255, 255);
}
.accordion .active.card a span::before {
	background: rgb(255, 255, 255);
}
.accordion .card a:hover span::before {
	background: rgb(255, 255, 255);
}
.dark-bg .accordion .card {
	background: rgba(0, 0, 0, 0.2);
}
.dark-bg .accordion .card-header a {
	color: rgba(255, 255, 255, 0.5);
}
.dark-bg .accordion .active.card a {
	color: rgb(255, 120, 16);
}
.dark-bg .accordion .card a:hover {
	color: rgb(255, 120, 16);
}
.social-icons ul {
	margin: 0px; padding: 0px; line-height: 0;
}
.social-icons.text-center ul {
	display: inline-block;
}
.social-icons li {
	list-style: none; margin: 0px 8px 0px 0px; padding: 0px; display: inline-block;
}
.social-icons li a {
	background: none; margin: 0px; border-radius: 4px; border: 0px currentColor; transition:0.3s; border-image: none; width: 40px; height: 40px; text-align: center; color: rgb(17, 17, 33); line-height: 40px; overflow: hidden; font-size: 14px; display: inline-block; -webkit-transition: all .3s ease; -o-transition: all .3s ease;
}
.text-white .social-icons li a {
	color: rgb(255, 255, 255);
}
.fullwidth.social-icons li a {
	padding: 10px 15px; width: auto; height: auto; line-height: 20px;
}
.social-colored.social-icons a {
	border: 0px currentColor; border-image: none; color: rgb(255, 255, 255);
}
.social-hover.social-icons a:hover {
	border: 0px currentColor; border-image: none; color: rgb(255, 255, 255);
}
.social-colored.social-icons .social-facebook a {
	background-color: rgb(93, 130, 209);
}
.social-hover.social-icons .social-facebook a:hover {
	background-color: rgb(93, 130, 209);
}
.social-colored.social-icons .social-vkontakte a {
	background-color: rgb(64, 191, 245);
}
.social-hover.social-icons .social-vkontakte a:hover {
	background-color: rgb(64, 191, 245);
}
.social-colored.social-icons .social-instagram a {
	background-color: rgb(84, 139, 182);
}
.social-hover.social-icons .social-instagram a:hover {
	background-color: rgb(84, 139, 182);
}
.social-border.social-icons li a {
	background: none; border: 1px solid rgb(239, 239, 239); border-image: none;
}
.circle.social-icons li a {
	border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%;
}
.team-member {
	text-align: center; position: relative;
}
.owl-carousel .team-member {
	margin: 30px 15px;
}
.team-member .team-description {
	background: rgb(255, 255, 255); padding: 20px; text-align: center;
}
.team-member .team-description span {
	color: rgb(255, 183, 47); font-weight: 400;
}
.team-member .team-description h5 {
	margin: 0px; color: rgb(17, 17, 33); text-transform: capitalize; font-weight: 500;
}
.team-social-icon {
	margin: 0px 0px -18px; transition:margin 0.2s, opacity 0.2s; display: inline-block; opacity: 0;
}
.team-member:hover .team-social-icon {
	margin: 16px 0px 0px; opacity: 1;
}
.active.team-member .team-social-icon {
	margin: 16px 0px 0px; opacity: 1;
}
.team-member .team-social-icon ul {
	display: inline-block;
}
.team-member .team-social-icon ul li {
	margin: 0px; display: inline-block; position: relative;
}
.team-member .team-social-icon ul li a {
	background: rgb(255, 255, 255); border-radius: 5px; width: 40px; height: 40px; text-align: center; color: rgb(17, 17, 33); line-height: 40px; display: inline-block;
}
.team-member .team-social-icon ul li a:hover {
	background: none; border-radius: 50%; color: rgb(255, 120, 16);
}
.team-member img {
	width: 100%;
}
.team-member p {
	margin: 15px 0px; color: rgb(255, 255, 255);
}
.team-description .team-icon li a {
	color: rgb(17, 17, 33);
}
.team-description .team-icon li a:hover {
	color: rgb(255, 120, 16);
}
.team-description .team-icon li i {
	color: rgb(255, 120, 16); line-height: 24px; font-size: 24px; margin-right: 10px; vertical-align: middle;
}
.tab .nav-tabs {
	border: currentColor; border-image: none; display: inline-block;
}
.tab .nav-tabs .nav-link {
	background: rgb(255, 255, 255); padding: 15px 40px; border-radius: 5px; border: currentColor; border-image: none; color: rgb(17, 17, 33); font-size: 20px; font-weight: 500; margin-right: 20px; float: left; display: inline-block; position: relative;
}
.tab .nav-tabs :last-child.nav-link {
	margin-right: 0px;
}
.tab .nav-tabs .active.nav-link {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.tab .nav-tabs .nav-link:hover {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.tab .active.nav-tabs > a:focus {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.tab .nav-tabs > a:hover {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.tab .tab-content {

}
.style-2.tab .nav-tabs {
	width: 100%; display: flex;
}
.style-2.tab .nav-tabs .nav-link {
	background: rgb(249, 249, 249); margin: 0px; padding: 30px 40px; border-radius: 0px; width: calc(100% /4); text-align: center; border-top-color: transparent; border-top-width: 3px; border-top-style: solid; box-shadow: none;
}
.style-2.tab .nav-tabs :last-child.nav-link {
	margin-right: 0px;
}
.style-2.tab .nav-tabs .active.nav-link {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16); border-top-color: rgb(255, 120, 16);
}
.style-2.tab .nav-tabs .nav-link:hover {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16); border-top-color: rgb(255, 120, 16);
}
.style-2.tab .active.nav-tabs > a:focus {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16); border-top-color: rgb(255, 120, 16);
}
.style-2.tab .nav-tabs > a:hover {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16); border-top-color: rgb(255, 120, 16);
}
.style-2.tab .tab-content {
	background: rgb(255, 255, 255); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;
}
.counter {
	padding-left: 100px; position: relative;
}
.counter span {
	color: rgb(255, 183, 47); line-height: 50px; font-size: 50px; font-weight: 700;
}
.counter i {
	left: 0px; top: 50%; color: rgb(255, 120, 16); line-height: 80px; font-size: 80px; display: inline-block; position: absolute;
}
.counter h5 {
	margin: 10px 0px 0px; color: rgb(17, 17, 33); font-size: 20px; font-weight: normal; display: block; position: relative;
}
.style-2.counter {
	text-align: center; padding-left: 0px; position: relative;
}
.style-2.counter span {
	margin: 25px 0px 15px; color: rgb(17, 17, 33); display: block;
}
.style-2.counter h5 {
	color: rgb(255, 183, 47); font-weight: 500;
}
.theme-bg .counter span {
	color: rgb(255, 255, 255);
}
.theme-bg .counter h5 {
	color: rgb(255, 255, 255);
}
.theme-bg .style-2.counter h5 {
	color: rgb(255, 255, 255);
}
.dark-bg .counter span {
	color: rgb(255, 255, 255);
}
.dark-bg .counter h5 {
	color: rgb(255, 255, 255);
}
.theme-bg .counter i {
	color: rgba(255, 255, 255, 0.5);
}
.dark-bg .counter i {
	color: rgba(255, 255, 255, 0.5);
}
.post {
	position: relative;
}
.post .post-image {
	overflow: hidden; position: relative;
}
.post .post-desc {
	background: rgb(255, 255, 255); padding: 30px 30px 70px; margin-bottom: 25px;
}
.post .post-desc h5 {
	margin: 15px 0px 0px; text-transform: capitalize; font-weight: 500;
}
.post .post-desc h5 a {
	color: rgb(17, 17, 33); display: inline-block;
}
.post .post-desc h5 a:hover {
	color: rgb(255, 120, 16);
}
.post .post-desc p {
	margin: 15px 0px;
}
.post .post-desc .post-date {
	color: rgb(255, 183, 47); font-size: 24px; font-weight: 500;
}
.post .post-desc .post-date span {
	color: rgb(92, 92, 92); font-size: 15px;
}
.post-author {
	left: 30px; bottom: -25px; position: absolute;
}
.post-author-img {
	border-radius: 50%; width: 80px; height: 80px; overflow: hidden; vertical-align: top; display: inline-block;
}
.post-author span {
	color: rgb(255, 120, 16); padding-top: 15px; padding-left: 15px; font-size: 16px; font-weight: 500; display: inline-block;
}
.style-2.post {
	box-shadow: none;
}
.style-2.post .post-author {
	left: inherit; bottom: inherit; position: inherit;
}
.style-2.post .post-desc {
	margin: -30px 20px 20px; padding: 20px; position: relative;
}
.style-2.post .post-desc p {
	margin-bottom: 0px;
}
.blog-classic {
	padding-bottom: 40px; margin-bottom: 40px; border-bottom-color: rgb(239, 239, 239); border-bottom-width: 1px; border-bottom-style: dashed;
}
.video-post {
	width: 100%; padding-top: 56.94%; position: relative;
}
.video-post iframe {
	border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; pointer-events: auto;
}
.video-post object {
	border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; pointer-events: auto;
}
.video-post embed {
	border: currentColor; border-image: none; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; pointer-events: auto;
}
.post-queto .item {
	background: rgb(255, 21, 106); padding: 30px 30px 30px 100px; line-height: 30px; font-size: 16px; font-style: italic;
}
.post-queto .item span {
	left: 30px; top: 50%; color: rgba(0, 0, 0, 0.1); line-height: 130px; font-size: 120px; position: absolute;
}
.media-holder .media {
	padding: 30px; position: relative;
}
.inner.media {
	margin: 30px 0px 30px 30px;
}
.media-holder .media img {
	box-shadow: 0px 20px 40px 0px rgba(28,30,35,0.2); -moz-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2); -webkit-box-shadow: 0 20px 40px 0 rgba(28, 30, 35, 0.2);
}
.media-body h6 {
	color: rgb(17, 17, 33); text-transform: capitalize; font-size: 20px; font-weight: 600; margin-bottom: 0px; vertical-align: middle; display: inline-block;
}
.comment-date {
	color: rgb(255, 183, 47); margin-bottom: 15px; display: inline-block;
}
.reply a {
	color: rgb(17, 17, 33); font-weight: bold; display: inline-block;
}
.reply a:hover {
	color: rgb(255, 120, 16);
}
.media-body p {
	margin: 15px 0px;
}
:first-child.page-item .page-link {
	border-radius: 5px;
}
.pagination {
	display: inline-block;
}
.pagination > li {
	margin: 0px 6px; display: inline-block;
}
.pagination > li > a {
	border-color: rgb(239, 239, 239); padding: 0px; border-radius: 5px; width: 50px; height: 50px; text-align: center; color: rgb(17, 17, 33); line-height: 50px; font-weight: 500;
}
.pagination > li > span {
	border-color: rgb(239, 239, 239); padding: 0px; border-radius: 5px; width: 50px; height: 50px; text-align: center; color: rgb(17, 17, 33); line-height: 50px; font-weight: 500;
}
.pagination > li.active .page-link {
	background: rgb(255, 120, 16); border-color: rgb(255, 120, 16); color: rgb(255, 255, 255); box-shadow: none;
}
.page-link:hover {
	background: rgb(255, 120, 16); border-color: rgb(255, 120, 16); color: rgb(255, 255, 255); box-shadow: none;
}
.page-link:focus {
	background: rgb(255, 120, 16); border-color: rgb(255, 120, 16); color: rgb(255, 255, 255); box-shadow: none;
}
.widget {
	background: rgb(251, 249, 248); padding: 30px; margin-bottom: 30px;
}
.widget-title {
	width: 100%; color: rgb(17, 17, 33); font-weight: 500; margin-bottom: 30px; display: inline-block; position: relative;
}
.widget-searchbox {
	width: 100%; position: relative;
}
.form-inline .form-control {
	width: 100%; vertical-align: middle; display: inline-block;
}
.widget-searchbox .search-btn {
	background: none; padding: 0px; border: currentColor; border-image: none; top: 50%; right: 20px; color: rgb(255, 255, 255); overflow: hidden; font-size: 14px; position: absolute; cursor: pointer;
}
.widget-searchbox .search-btn:hover {
	color: rgb(255, 120, 16);
}
.widget .recent-post-thumb {
	width: 75px; height: auto; vertical-align: middle; display: table-cell;
}
.widget .recent-post-desc {
	padding-left: 15px; vertical-align: middle; display: table-cell;
}
.widget .recent-post-desc a {
	color: rgb(17, 17, 33); font-weight: 500; margin-bottom: 5px; display: block;
}
.widget .recent-post-desc a:hover {
	color: rgb(255, 120, 16);
}
.widget .recent-post-desc .post-meta ul li {
	color: rgb(255, 183, 47);
}
.widget .widget-categories li {
	padding: 10px 0px; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: dashed; display: block; position: relative;
}
.widget .widget-categories li:first-child {
	padding-top: 0px;
}
.widget .widget-categories li:last-child {
	padding-bottom: 0px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.widget .widget-categories li a {
	color: rgb(17, 17, 33); text-transform: capitalize; font-weight: 400; display: block;
}
.widget .widget-categories li a:hover {
	color: rgb(255, 120, 16); padding-left: 5px;
}
.widget-categories li i {
	right: 0px; color: rgb(255, 183, 47); position: absolute;
}
.widget .widget-tags li {
	margin: 5px 5px 15px 0px; display: inline-block;
}
.widget .widget-tags li a {
	padding: 10px 18px; border-radius: 5px; border: 1px solid rgb(221, 221, 221); border-image: none; text-align: center; color: rgb(17, 17, 33); font-weight: normal; display: inline-block;
}
.widget .widget-tags li a:hover {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.testimonial {
	background: rgb(255, 120, 16); margin: 50px; border-radius: 10px 10px 10px 0px; text-align: center; padding-bottom: 30px; padding-left: 30px; display: inline-block;
}
.testimonial-content {
	background: rgb(255, 183, 47); padding: 50px; border-radius: 10px;
}
.testimonial-content p {
	color: rgb(255, 255, 255); line-height: 28px; font-size: 18px; font-weight: 600; margin-bottom: 25px;
}
.testimonial .testimonial-caption label {
	color: rgb(17, 17, 33); font-weight: 500; margin-bottom: 0px; display: block;
}
.testimonial .testimonial-caption h5 {
	background: rgba(0, 0, 0, 0.06); padding: 5px 8px; color: rgb(255, 255, 255); font-weight: 500; margin-bottom: 10px; display: inline-block;
}
.testimonial-img {
	left: 0px; top: 0px; position: absolute;
}
.testimonial .testimonial-img img {
	padding: 5px; border-radius: 50%; width: 100px; height: 100px;
}
.testimonial .testimonial-quote {
	background: rgb(255, 255, 255); border-radius: 50%; width: 140px; height: 140px; text-align: center; right: 0px; bottom: 0px; color: rgb(17, 17, 33); line-height: 140px; font-size: 70px; display: inline-block; position: absolute;
}
.testimonial::before {
	left: 50px; width: 0px; height: 0px; bottom: -50px; border-top-color: rgb(255, 120, 16); border-right-color: transparent; border-top-width: 100px; border-right-width: 100px; border-top-style: solid; border-right-style: solid; position: absolute; content: "";
}
.style-2.testimonial {
	background: none; margin: 0px; padding: 0px; text-align: left;
}
.style-2.testimonial .testimonial-img img {
	padding: 0px; width: auto; height: auto; box-shadow: none;
}
.style-2.testimonial::before {
	display: none;
}
.style-2.testimonial .testimonial-content {
	background: none; padding: 0px !important;
}
.style-2.testimonial .testimonial-img {
	position: inherit;
}
.style-2.testimonial .testimonial-content p {
	color: rgb(17, 17, 33);
}
.style-2.testimonial .testimonial-caption h5 {
	background: rgb(255, 183, 47);
}
.style-2.testimonial .testimonial-quote {
	background: none; width: auto; height: auto; right: inherit; bottom: inherit; line-height: 70px; margin-bottom: 15px; position: inherit; box-shadow: none;
}
.theme-bg .style-2.testimonial .testimonial-content p {
	color: rgb(255, 255, 255);
}
.theme-bg .testimonial .testimonial-quote {
	color: rgb(255, 255, 255);
}
.featured-item {
	padding: 20px; position: relative;
}
.featured-item:hover {
	background: rgb(255, 255, 255);
}
.featured-item .featured-icon {
	display: inline-block;
}
.featured-desc p {
	font-size: 14px; margin-bottom: 0px;
}
.featured-title h5 {
	margin: 40px 0px 20px;
}
.dark-bg .featured-title h5 {
	color: rgb(255, 255, 255);
}
.dark-bg .featured-desc {
	color: rgb(255, 255, 255);
}
.theme-bg .featured-title h5 {
	color: rgb(255, 255, 255);
}
.theme-bg .featured-desc {
	color: rgb(255, 255, 255);
}
.theme-bg .featured-icon i {
	color: rgb(255, 255, 255);
}
.grey-bg .featured-desc p {
	color: rgb(17, 17, 33);
}
.style-2.featured-item {
	background: rgb(255, 255, 255); padding: 60px 30px;
}
.style-3.featured-item {
	background: rgb(255, 255, 255); padding: 50px 30px 50px 200px;
}
.style-3.featured-item .featured-icon {
	left: 30px; top: 50%; position: absolute;
}
.style-3.featured-item .featured-title h5 {
	margin-top: 0px;
}
.btn {
	background: none; padding: 12px 25px; border-radius: 5px; border: currentColor; border-image: none; color: rgb(17, 17, 33); overflow: hidden; font-weight: 500; position: relative; z-index: 9;
}
.btn-sm {
	padding: 10px 20px;
}
.btn span {
	transition: inherit;
}
.dark-bg .btn {
	color: rgb(255, 255, 255);
}
.theme-bg .btn {
	color: rgb(255, 255, 255);
}
.focus.btn {
	box-shadow: none;
}
.btn:focus {
	box-shadow: none;
}
.btn:hover {
	background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); animation-name: jello; animation-duration: 1s; animation-fill-mode: both; -webkit-animation-name: jello; -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both;
}
.btn-theme.btn {
	background: linear-gradient(90deg, rgba(255, 120, 16, 1) 0%, rgba(255, 183, 47, 1) 50%); color: rgb(255, 255, 255);
}
.btn-theme.btn:hover {
	background: linear-gradient(90deg, rgba(255, 183, 47, 1) 0%, rgba(255, 120, 16, 1) 50%);
}
.btn-border.btn {
	border: 5px solid rgb(255, 120, 16); border-image: none;
}
.dark-bg .btn-border.btn {
	border: 5px solid rgba(255, 255, 255, 0.2); border-image: none;
}
.theme-bg .btn-border.btn {
	border: 5px solid rgba(255, 255, 255, 0.2); border-image: none;
}
.btn-circle.btn {
	border-radius: 30px;
}
.btn-white.btn {
	background: rgb(255, 255, 255); color: rgb(17, 17, 33);
}
.btn-border.btn-white.btn {
	background: none; border-color: rgb(255, 255, 255); color: rgb(255, 255, 255);
}
.btn-white.btn:hover {
	background: rgb(255, 255, 255); color: rgb(255, 183, 47);
}
.btn-border.btn-white.btn:hover {
	color: rgb(255, 183, 47);
}
.btn + .btn {
	margin-left: 10px;
}
.btn-simple {
	background: none !important; padding: 0px; color: rgb(17, 17, 33);
}
.dark-bg .btn-simple {
	color: rgb(255, 255, 255);
}
.theme-bg .btn-simple {
	color: rgb(255, 255, 255);
}
.btn-simple:hover {
	background: none; color: rgb(255, 183, 47); box-shadow: none;
}
.btn-simple::before {
	display: none;
}
.btn-simple::after {
	display: none;
}
.theme-bg .btn-simple:hover {
	color: rgb(17, 17, 33);
}
.price-table {
	background: rgb(255, 255, 255); padding: 50px 30px; border-radius: 5px; text-align: center; overflow: hidden; position: relative;
}
.price-title {
	color: rgb(255, 120, 16); text-transform: capitalize; font-weight: 500;
}
.price-value {
	width: 100%; color: rgb(255, 255, 255); display: inline-block;
}
.price-value h2 {
	color: rgb(17, 17, 33); line-height: 40px; font-size: 44px; font-weight: 600; margin-bottom: 30px;
}
.price-value h2 span {
	color: rgb(92, 92, 92); font-size: 18px; font-weight: 500;
}
.price-list ul li {
	color: rgb(17, 17, 33); line-height: 30px; padding-left: 30px; margin-right: 10px; display: inline; position: relative;
}
.dark-bg .price-list ul li {
	color: rgba(255, 255, 255, 0.8);
}
.price-list ul li:last-child {
	margin-right: 0px;
}
.price-list li i {
	left: 0px; top: 0px; color: rgb(255, 120, 16); line-height: 20px; font-size: 20px; position: absolute;
}
.style-2.price-table {
	padding: 30px; text-align: left;
}
.style-2.price-table .price-list {
	margin: 30px 0px 15px;
}
.style-2.price-table .price-list ul li {
	margin-right: 0px;
}
.style-2.price-table .price-value {
	width: auto; display: inline-block;
}
.style-2.price-table .price-value h2 {
	margin-bottom: 0px;
}
.title {
	color: rgb(17, 17, 33); padding-bottom: 20px; margin-bottom: 25px; position: relative;
}
.dark-bg .title {
	color: rgb(255, 255, 255);
}
.theme-bg .title {
	color: rgb(255, 255, 255);
}
.section-title h6 {
	background: rgb(255, 183, 47); padding: 3px 5px; color: rgb(255, 255, 255); font-weight: 500; margin-bottom: 20px; display: inline-block; position: relative;
}
.title::before {
	background: linear-gradient(to right, rgba(255, 120, 16, 1) 0%, rgba(255, 21, 106, 1) 25%, rgba(255, 183, 47, 1) 50%, rgba(187, 13, 76, 1) 75%, rgba(69, 204, 137, 1) 100%); margin: 0px auto; border-radius: 5px; animation:rotate 80s linear infinite; left: 0px; width: 100px; height: 3px; bottom: 0px; position: absolute; content: ""; -webkit-animation: rotate 80s infinite linear;
}
.text-center .title::before {
	left: 50%;
}
.text-right .title::before {
	left: inherit; right: 0px;
}
.hero-title {
	color: rgb(255, 255, 255); text-transform: uppercase; line-height: 90px; font-family: "Niramit", sans-serif; font-size: 120px; font-weight: 800;
}
.hero-title span {
	font-size: 85px; font-weight: 400;
}
.portfolio-filter {
	margin: 0px auto 50px; text-align: center; display: inline-block;
}
.portfolio-filter button {
	border: currentColor; border-image: none; color: rgb(17, 17, 33); text-transform: capitalize; font-size: 16px; font-weight: 500; float: left; position: relative; cursor: pointer;
}
.portfolio-filter button:focus {
	outline-offset: 0;
}
.portfolio-filter button.is-checked {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.portfolio-filter button:hover {
	background: rgb(255, 120, 16); color: rgb(255, 255, 255);
}
.portfolio-filter button + button {
	margin-left: 20px;
}
.isotope .grid-item img {
	width: 100%;
}
.theme-bg .portfolio-filter button.is-checked {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16);
}
.theme-bg .portfolio-filter button:hover {
	background: rgb(255, 255, 255); color: rgb(255, 120, 16);
}
.grid .grid-item {
	padding: 10px;
}
.columns-2.grid .grid-item {
	width: 50%;
}
.columns-2.masonry .masonry-brick {
	width: 50%;
}
.columns-3.grid .grid-item {
	width: 33.33%;
}
.columns-3.masonry .masonry-brick {
	width: 33.33%;
}
.columns-4.grid .grid-item {
	width: 25%;
}
.columns-4.masonry .masonry-brick {
	width: 25%;
}
.masonry .masonry-brick {
	padding: 0px 15px; margin-bottom: 30px; float: left; position: relative;
}
.no-gutters.grid .grid-item {
	padding: 0px;
}
.no-gutters.masonry .masonry-brick {
	margin: 0px; padding: 0px;
}
.portfolio-item {
	overflow: hidden; position: relative;
}
.portfolio-title h4 {
	color: rgb(255, 255, 255);
}
.portfolio-title span {
	color: rgb(255, 183, 47); text-transform: uppercase;
}
.portfolio-item::before {
	background: rgba(0, 0, 0, 0.95); transition:0.5s ease-in-out; left: 0px; top: 0px; width: 100%; height: 100%; display: block; visibility: hidden; position: absolute; z-index: 1; content: ""; opacity: 0; -webkit-transition: all 0.5s ease-in-out;
}
.portfolio-item:hover::before {
	visibility: visible; opacity: 1;
}
.portfolio-title {
	padding: 0px 3rem; transition:0.5s ease-in-out; left: 0px; top: 3.6rem; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0, -100%, 0); -webkit-transition: all 0.5s ease-in-out;
}
.portfolio-item:hover .portfolio-title {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.portfolio-title {
	padding: 0px 3rem; transition:0.5s ease-in-out; left: 0px; top: 3.6rem; visibility: hidden; position: absolute; z-index: 2; opacity: 0; transform: translate3d(0px, -100%, 0px); -webkit-transform: translate3d(0, -100%, 0); -webkit-transition: all 0.5s ease-in-out;
}
.portfolio-item:hover .portfolio-title {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.popup-img {
	background: rgb(255, 255, 255); padding: 10px 20px; right: 3rem; bottom: 3.9rem; color: rgb(17, 17, 33); font-size: 18px; display: block; visibility: hidden; position: absolute; z-index: 500; opacity: 0; transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0, 0);
}
.portfolio-item:hover .popup-img {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}
.popup-link {
	background: rgb(255, 255, 255); padding: 10px 20px; left: 3rem; bottom: 3.9rem; color: rgb(17, 17, 33); font-size: 18px; font-weight: 600; display: block; visibility: hidden; position: absolute; z-index: 500; opacity: 0; transform: translate3d(-100%, 0px, 0px); -webkit-transform: translate3d(-100%, 0, 0);
}
.popup-link::before {
	background: rgba(255, 255, 255, 0.3); left: -3rem; top: 50%; width: 3rem; height: 1px; display: block; position: absolute; content: "";
}
.popup-link:hover {
	background: rgb(255, 183, 47); color: rgb(255, 255, 255);
}
.portfolio-item:hover .popup-link {
	visibility: visible; opacity: 1; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0, 0, 0);
}