/*
Theme Name: ThemeSara Themes
Theme URI: https://www.themesara.com/
Author: themesara
Author URI: https://www.themesara.com/
Description: Theme Shop Site for themesara
Version: 1.0.0
*/

/*product details*/
/*.product-details{
	background: #f5f5f5;
}*/
html {
  scroll-behavior: smooth;
}
.product-details #singlewrapper{
	width: 65%;
	margin-right: 3.3%;
	float: left;
}
/*related-products listing*/
.related-products .block-title{
	font-size: 18px;
	margin-bottom: 23px;
}

.featured-item {
	background: #fafafa none repeat scroll 0 0;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.24);
	float: left;
	padding: 5px;
	position: relative;
	width: 100%;
}
.store-info .featured-item{
	margin-bottom: 15px;
}
.featured-item img {
	width: 100%;
	transition: all 500ms ease-in-out 0s;
	position:relative;
}
.featured-top::after {
	border-left: 10px solid transparent;
	border-top: 10px solid #e13800;
	bottom: -10px;
	content: "";
	height: 0;
	left: 0;
	position: absolute;
	width: 0;
}
.featured-top {
	background: #ff5600  none repeat scroll 0 0;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	left: -10px;
	letter-spacing: 1px;
	position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 30px;
	width: 90px;
	z-index: 1;
}

.featured-item .product-meta {
	background-color: #f1f1f1;
	padding: 5px 15px;
	overflow: hidden;
	position: relative;
	margin-top: -10px;
	z-index: 10;
}
.featured-item .product-price{
	bottom: -17px;
	display: inline-block;
	height: 55px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 55px;
	z-index: 20;
}
.featured-item .product-price h2 {
	background: #0179a0 none repeat scroll 0 0;
	border-radius: 100%;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.4);
	color: #fff;
	display: inline-block;
	float: none;
	font-size: 16px;
	height: 100%;
	line-height: 55px;
	width: 100%;
}
.featured-item .product-meta .product-name {
	width: 100%;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 0.5px;
}
.featured-item .product-meta:hover .product-name{
	color: #0179A0;
}
.featured-item .product-meta .product-price{
	background: #fb4106 none repeat scroll 0 0;
	color: #fff;
	right: -10px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100px;
	height: 55px;
	z-index: 12;
	line-height: 50px;
}
.featured-item .product-meta .product-price:after{
	background: #fb4106;
	content: "";
	height: 55px;
	position: absolute;
	left: -18px;
	top: 0;
	width: 35px;
	z-index: 1;
	-moz-transform:skewX(-30deg);
	-webkit-transform:skewX(-30deg);
	-o-transform:skewX(-30deg);
	-ms-transform:skewX(-30deg);
}

.featured-item-listing .btn{
	font-size: 14px;
	text-transform: none;
}
.featured-item .featured-item-img {
	position: relative;
	backface-visibility: hidden;
	min-height:300px;
	overflow:hidden;

}
.featured-item .featured-item-img .item-overlay {
	background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
	height: 0%;
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.featured-item:hover .item-overlay{
    height:100%;
}
.featured-item .featured-item-img .item-overlay h4{
	color: #fff;
	text-align: center;
	position: relative;
	top: 25%;
	padding: 0 20px;
}
.featured-item .featured-item-img .item-links{
	position: relative;
	text-align: center;
	top: 40%;
}
.featured-item .featured-item-img:hover .item-overlay {
	opacity: 1;
	transition: all 0.5s ease 0s;
}
.featured-item .product-meta .product-details {
	border-bottom: 1px solid #dddddd;
	float: left;
	margin: 0;
	padding: 20px 0 10px;
	width: 100%;
}
.featured-item .product-meta .product-details .product-name h4{
	font-weight: bold;
}
.featured-item .product-meta .product_div_footer {
	float: left;
	margin: 10px 0 0 0;
	width: 100%;
}
.featured-item .product-meta .cat-type-icon,
.featured-item .product-meta .author_div,
.featured-item .product-meta .share {
    display:inline;
}
.featured-item .product-meta .cat-type-icon{
    float:left;
} 
.featured-item .product-meta .cat-type-icon i {
    background: #0179a0 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    margin: 3px 10px 0 0;
    padding: 0 10px;
}
.featured-item .product-meta .author_div {
	float: left;
	width:60%; 
}

.featured-item .product-meta .author_div img {
	border-radius: 100%;
	float: left;
	margin-right: 10px;
	width: auto;
}
.featured-item .product-meta .author_div h4 {
	float: left;
	font-family: "Ubuntu",sans-serif;
	font-size: 13px;
	font-weight: 600;
	margin: 0;
	width: 100%;
}
.featured-item .product-meta .author_div h4 a {
	color: #333333;
	float: left;
	text-decoration: none;
	width: auto;
}
.featured-item .product-meta .author_div p {
	color: #016484;
	float: left;
	font-size: 12px;
	margin: 0;
	text-transform: capitalize;
	width: 100%;
}
.featured-item .product-meta .author_div p a {
	color: #016484;
	float: left;
	text-decoration: none;
	width: auto;
}
.banner-section .featured-product .product-des{
    font-family: Quicksand,sans-serif;
    font-weight:400;
    font-size: 22px;
    line-height: 1.5;
    
}
.featured-item .product-meta .share {
	float: right;
}
.featured-item .product-meta .share ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
.featured-item .product-meta .share ul li {
	float: left;
	list-style: outside none none;
	text-align: center;
}
.featured-item .product-meta .share ul li a {
	color: #333333;
	float: left;
	font-size: 12px;
	font-weight: 600;
	text-decoration: none;
	width: 100%;
}
.featured-item .product-meta .share ul li a i {
	color: #999999;
	float: left;
	font-size: 15px;
	width: 100%;
}
.featured-item .product-meta .share ul li a span {
	float: left;
	width: 100%;
}
.featured-item .product-meta .product-demo,
.featured-item .product-meta .producd-cat{
	width: 50%;
}
.featured-item .product-meta .product-demo a,
.featured-item .product-meta .product-cat a{
	font-size: 14px;
}
@media only screen and (max-width: 1229px){
	.featured-item .product-meta .product-name,
	.featured-item .product-meta .product-price{
		font-size: 13px;
	}
}
/*vender profile*/
.vendor-information {
	margin-bottom: 30px;
	position: relative;
}
.vendor-information .vendor-profile-banner {
	position: relative;
}
.vendor-information .vendor-profile-banner::after {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%);
	background-repeat: repeat-x;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
.vendor-information .btn-edit-profile {
	background: rgba(2, 193, 160, 0.4);
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 3px;
	color: rgba(255, 255, 255, 0.7);
	display: inline-block;
	line-height: 1;
	padding: 10px 15px;
	position: absolute;
	right: 20px;
	top: 20px;
	transition: all 400ms ease 0s;
	z-index: 2;
}
.vendor-information .btn-edit-profile:hover {
	background: rgba(0, 193, 160, 0.7) none repeat scroll 0 0;
	border-color: rgba(255, 255, 255, 0.7);
	color: #fff;
}
.vendor-information .vendor-profile-details {
	background-color: #fff;
	padding: 20px;
	position: relative;
}
.vendor-information .vendor-profile-details h4 {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 5px;
	margin-top: 0;
}
.vendor-information .vendor-profile-details .vendor-avatar {
	background: #fff none repeat scroll 0 0;
	border-radius: 1px;
	box-shadow: 0 0 4.75px 0.25px rgba(0, 0, 0, 0.16);
	left: 20px;
	padding: 5px;
	position: absolute;
	top: -50px;
}
.vendor-information .vendor-profile-details .vendor-profile-info {
	margin-left: 155px;
}
.vendor-information .vendor-profile-details .vendor-profile-info .vendor-profile-created,
.vendor-information .vendor-profile-details .vendor-profile-info .vendor-profile-located {
	color: #888;
	display: inline-block;
	line-height: 14px;
}
.vendor-information .vendor-profile-details .vendor-profile-info .vendor-profile-located {
	display: inline-block;
	width: 18px;
}

@media (max-width: 767px) {
	.vendor-information .btn-edit-profile {
		font-size: 12px;
		padding: 7px 10px;
	}
	.vendor-information .vendor-profile-details h4 {
		font-size: 24px;
		margin-top: 0;
	}
	.uvendor-information .vendor-profile-details p {
		margin-bottom: 0;
	}
	.vendor-information .vendor-profile-details .avatar {
		border-radius: 3px;
		margin-right: 10px;
		padding: 3px;
		width: 72px;
	}
}
.vendor-about {
	background: #fff none repeat scroll 0 0;
	border: 1px solid #eee;
	margin-bottom: 15px;
	padding: 15px 20px;
}
.vendor-about h3 {
	font-weight: 300;
	text-transform: capitalize;
}
.boxes {
	border: 1px solid #e1e1e1;
	margin: 0 auto 10px;
	padding: 25px;
}
.boxes i {
	color: #c9cccf;
}
.total-item,
.total-item-sale{
	border-bottom: 1px solid #e1e1e1;
	color: #666;
	font-size: 15px;
	padding: 5px 0;
	text-align: right;
}
.total-item-sale{
	border-bottom: 0;
}
.total-item strong,
.total-item-sale strong{
	float: left;
}
.green{
	color: green;
}

.gray{
	color: gray;
}


.entry-content{
	background: #fff;
	padding: 30px;
}
.entry-content p{
	margin-bottom: 20px
}
@media only screen and (max-width: 767px){
	.product-details #singlewrapper{
		width: 100%;
		margin-right: 0;
	}
	.buy-btns .ts-col-3{
		margin: 5px -8px!important;
		border-bottom: 1px solid #eee;
	}
}
/*login and register*/
form{
	display: block;
	overflow: hidden;
}
legend{
	font-size: 25px;
	font-style: normal;
	line-height: 27px;
	margin-bottom: 22px;
}
#edd_profile_billing_address_label legend{
	margin: 15px 0;
}

form label{
	margin-bottom: 5px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
select,
textarea{
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius:0;
	color: #555;
	display: block;
	font-size: 14px;
	line-height: 1.42857;
	margin-bottom: 10px;
	padding: 6px 12px;
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	width: 100%;
}
.contact-page form p{
	max-width: 767px;
	min-width: 300px;
	width: 100%;
}
.contact-page form  input[type="text"],
.contact-page form  input[type="email"],
.contact-page form  input[type="password"],
.contact-page form  input[type="number"]{
	width: 100%;
	border-radius: 0;
	margin: 3px 0 5px 0;
	height: 50px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus{
	box-shadow:0px 0px 4px #0179A0;
}
input[type="submit"]{
	color: #fff;
	border-radius: 0;
	font-size: 13px;
	padding: 6px 15px;
	position: relative;
	text-transform: uppercase;
	background-color: #0179a0;
	border:0;

}
input[type="submit"]:hover{
	background-color: #016484 ;
	cursor: pointer;
}
.wpcf7-form {
	text-align: left;
}
div.wpcf7-validation-errors {
    background: #f2dede;
    border:0;
    padding: 5px 15px;
}
.page-template-template-login .entry-content {
    box-shadow: 0 1px 10px #cccccc;
    margin: 0 auto;
    max-width: 500px;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

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

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# 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 {
	margin: 0 0 1.5em;
}
#sidebar .widget .widget-title{
	color: #313131;
	font-size: 16px;
	font-weight: 600;
}
#sidebar .widget .search-block{
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 100%;
}
#sidebar .widget .search-block input[type="text"]{
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 0;
	padding: 10px 25px;
	width: 100%;
	margin: 0;
}
#sidebar .search-block .searchsubmit {
	position: absolute;
	right: 0;
	top: 0;
	background: #00d8b3 none repeat scroll 0 0;
	border: 0 none;
	border-radius: 0;
	color: #fff;
	cursor: pointer;
	font-size: 16px;
	height: 50px;
	margin: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 0;
	width: 50px;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

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

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

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comments-area{
	padding-right: 30px;
}
.comments-title{
	margin: 30px 0;
}
.comments-area .comment-list{
	margin: 0;
	padding: 0;
}
.comments-area .comment-list li {
	border: 1px solid #e5e5e5;
	list-style: outside none none;
	margin-bottom: 15px;
	padding: 15px;
}
.comments-area .comment-body{
	overflow: hidden;
}
.comments-area .comment-body .comment-author,
.comments-area .comment-body .comment-meta{
	display: inline;
}
.comments-area .comment-body .comment-author .says{
	display: none;
}
.comments-area .comment-body .comment-meta a{
	color: #5293ce;
	font-size: 14px;
	font-weight: 400;
	margin-left: 30px;
}
.comments-area .comment-body .comment-author img{
	border-radius: 50%;
	height: 70px;
	margin-right: 10px;
	overflow: hidden;
	width: 70px;
}
.comments-area .comment-body .comment-author cite{
	font-size: 18px;
	color: #333;
}
.comments-area .comment-body .comment-content {
	border-top: 1px solid #e6e6e6;
	margin: 15px 0;
	padding: 15px 0;
}
.comments-area .comment-body .comment-content p{
	margin: 0;
	font-size: 14px;
	font-weight: 400;
}
.comments-area .comment-body .reply{
	margin-bottom: 10px;
	float: right;
}
.comments-area .comment-body .reply a{
	text-align: right;
	line-height: 26px;
	padding: 2px 12px;
	display: inline-block;

	background: #EEB500;
	color: #fff;
}
.comment-content a {
	word-wrap: break-word;
}
.comment-form label{
	width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"]{
	width: 100%;
}
.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.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%;
}

/*--------------------------------------------------------------
## 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;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	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;
}

/*checkout page*/
#edd_checkout_cart td,
#edd_checkout_cart th{
	font-size: 18px;
}
.edd_cart_actions a{
	background: #ff0000 none repeat scroll 0 0;
	border-radius: 3px;
	color: #fff;
	font-size: 13px;
	padding: 5px 15px;
	position: relative;
	text-transform: uppercase;
}
#edd_purchase_form fieldset span{
	font-size: 18px;
}
#edd_purchase_form fieldset p{
	margin-bottom: 15px;
}
#singlewrapper .entry-content{
	margin-top: 0;
}
.widget-title{
	margin-bottom: 5px;
}
.edd_empty_cart{
	font-size: 30px;
	font-style: normal;
	line-height: 27px;
	margin-bottom: 22px;
}
/*Cart Search*/
.menu-search {
    border: 1px solid #dddddd !important;
    border-radius: 0!important;
    box-shadow: none !important;
    display: inline-block!important;
    font-size: 20px!important;
    padding: 14px 12px!important;
    vertical-align: middle!important;
    width: 80%!important;
}
.search-block .searchsubmit {
    background-color: #00d8b3 !important;
    border: 1px solid #f0f3f6 !important;
    border-radius: 0 !important;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    height: 59px;
    margin-left: -5px;
    margin-top: 0 !important;
    outline: 0 none !important;
    padding: 0 10px;
    vertical-align: top;
    width: 70px;
}

.edd_empty_cart{
	display: inline-block;
	overflow: hidden;
}
/*thank you page*/
.edd-success .entry-content p{
	font-size: 25px;
	text-align: center;
	padding: 20px 0;
	color: #fff;
	background: #00d8b3;
	margin:0 auto 15px auto;
	border-radius: 5px;
}
.edd-success .entry-content p:last-child{
	display: none;
}
.edd-success .entry-content h3{
	margin: 15px 0;
}
/*table css*/
table tr th{
	background:#f1f1f1;
	font-weight: bold;
	font-size: 16px;
}
table tr td{
	font-weight: normal;
}
table tr td,
table tr th{
	border: 1px solid #dfdfdf;
	padding:5px 10px;
}
/*page success*/

/*forum css*/
#bbpress-forums .bbp-search-form input[type="text"]{
	height:25px;
	padding: 6px 15px;
	margin-right: -5px;
}
#bbpress-forums .bbp-body ul{
padding: 0 15px!important;
}
#bbpress-forums .bbp-body ul li {
	border-right: 1px solid #f1f1f1;
	min-height: 110px;
}

#bbpress-forums .bbp-body ul li:last-child {
	border-right: 0;
}
#bbpress-forums .bbp-header li{
	font-size: 16px;
	font-weight: bold;
}

#bbpress-forums .bbp-body ul li a{
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 1px;
}
#bbpress-forums .bbp-body ul li a:hover{
	color: #00d8b3;
}
#bbpress-forums .bbp-body ul ul.bbp-forums-list li a{
	font-size: 13px!important;
	font-weight: normal;
}
#bbpress-forums .bbp-forum-content{
	font-size: 13px !important;
}
.subscription-toggle{
	font-size: 20px;
	font-weight: bold;
}
#bbpress-forums #subscription-toggle {
	float: right;
}

/*Vender css*/
.fes-product-list-status-bar {
	background: #0179a0 none repeat scroll 0 0;
	color: #fff;
	margin-bottom: 5px;
	padding: 10px;
}
.fes-product-list-status-bar a {
	color: #fff;
	font-size: 14px;
}
.edit-product-fes.active {
	position: relative;
}
.edit-product-fes.active::after {
	border-bottom: 8px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	bottom: -9px;
	content: "";
	height: 0;
	left: 40%;
	position: absolute;
	width: 0;
}
.fes-product-list-status-bar a:hover{
	color: #00D8B3;
}
.product-details .fes-vendor-menu,
.product-details #fes-vendor-dashboard{
	margin-bottom: 20px;
	clear: both;
	overflow: hidden;
}
.fes-vendor-menu{
	background:#0179a0; 
}
.product-details .fes-vendor-menu ul{
	margin: 0;
	padding: 0;
}
.product-details .fes-vendor-menu ul li {
	background: #0179a0 none repeat scroll 0 0;
	border-left: 1px solid #0880a7;
	border-right: 1px solid #006a91;
	display: inline;
	float: left;
	padding: 10px 30px;
}
.product-details .fes-vendor-menu ul li:last-child{
	border-right: 0!important;
}
.product-details .fes-vendor-menu ul li:first-child{
	border-left:0!important;
}
.product-details .fes-vendor-menu ul li a{
	color: #fff;
	font-size: 15px;
}
.product-details .fes-vendor-menu ul li.active{
	background: #00D8B3;
}
.product-details #fes-vendor-dashboard h1{
	font-size: 24px;
	font-weight: 600;
}
.product-details #fes-vendor-dashboard #fes-vendor-announcements,
.product-details #fes-vendor-dashboard #fes-vendor-store-link{
	margin-bottom: 10px;
}
#edd_user_commissions > div {
    border-bottom: 1px solid #d6d6d6;
    padding: 20px 0;
}
#edd_user_commissions h3 {
    font-size: 20px;
}
#edd-purchase-button, 
.edd-submit, 
input.edd-submit[type="submit"],
.submit-wrap input[type="submit"]{
	background: #f13658;
	border-radius: 0;
    color: #fff;
    font-size: 13px;
    padding: 10px 40px;
    margin-top:15px;
    position: relative;
    text-transform: uppercase;
    border-radius: 2px;
    letter-spacing:2px;
}
#edd_user_commissions > div:last-child {
    border-bottom: 0 none;
}
#edd_user_commissions_unpaid > div,
#edd_user_commissions_paid > div,
#edd_user_commissions_revoked > div {
    color: #0179a0;
    font-size: 18px;
    text-align: right;
}
table,
.table {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}
.table thead > tr > th,
.table tbody > tr > th,
.table tfoot > tr > th,
.table thead > tr > td,
.table tbody > tr > td,
.table tfoot > tr > td {
	padding: 10px;
}
.table > thead > tr > th {
	border-bottom: 2px solid #ddd;
	vertical-align: bottom;
}
.table > tbody > tr > td,
.table > tbody > tr > th,
.table > tfoot > tr > td,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > thead > tr > th {
	border-top: 1px solid #ddd;
	line-height: 1.42857;
	padding: 8px;
	vertical-align: top;
}
th {
	text-align: left;
}

div.fes-form fieldset .fes-label .fes-help {
	color: #666;
	font-family: sans-serif;
	font-size: 12px;
	font-style: italic;
	margin: 2px 0 5px;
}
div.fes-label{
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: 600;
}
.close.fes-remove-feat-image {
    background: red none repeat scroll 0 0;
    color: #fff;
    cursor: pointer;
    font-size: 33px;
    padding: 5px;
    position: absolute;
    right: 1px;
}
.fes-fields .fes-feat-image-upload {
	border: 4px dashed #ddd;
	margin-bottom: 20px;
	overflow: hidden;
	position: relative;
}
.fes-feat-image-upload {
	height: 350px;
	width: 550px;
	position: relative;
}
.instruction-inside {
	position: absolute;
	top: 50%;
	width: 100%;
	text-align: center;
}
div.fes-form fieldset #wp-post_content-wrap {
	border: 1px solid #ddd;
}
div.fes-form fieldset {
	margin-bottom: 2em;
	padding: 0;
}
div.fes-fields table{
	width: 100%;
}
div.fes-fields table input{
	width: 100%;
}
.fes-url-choose-row {
	vertical-align: top;
}
.fes-product-list-td:nth-child(6){
	text-align: center;
}
.edit-product-fes,
.view-product-fes{
	margin: 2px 5px;
	padding: 5px 10px;
	color: #fff;
	font-size: 12px;
}
.fes-product-list-td a:nth-child(1){
	background: #00D8B3;
}
.fes-product-list-td a:nth-child(2){
	background: #212121;
}
.fes-product-list-td a:nth-child(3){
	background: #ff2222;
}
.fes-fields .fes-avatar-image-upload {
	border: 4px dashed #ddd;
	margin-bottom: 20px;
	max-width: 150px;
	overflow: hidden;
	position: relative;
}
.fes-registration-form-div fieldset{
	width: 45%;
	float: left;
	margin-right: 3%;
}
.fes-registration-form-div fieldset .edd-submit.button.blue{
	margin-top: 27px;
	background: #0179A0;
	border-radius: 0!important;
}
.ts-auther-login{
	max-width: 480px;
}
.ts-auther-login .fes-login-form fieldset{
	width: 90%;
}
/*start selling*/
#start-selling h1{
	font-size: 28px;
	margin:30px 0 50px 0;
}
#start-selling h4{
	margin-bottom: 10px;
}
#start-selling .ts-ss-blocks {
	width: 33.333%;
	float: left;
}
#start-selling .ts-ss-blocks figure.pref-image {
	color: #0179A0;
	height: 90px;
	line-height: 90px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
	width: 90px;
}
#start-selling .ts-ss-blocks:hover {
	box-shadow: 1px 1px 15px 1px rgba(0, 0, 0, 0.3);
	z-index: 1;
}
#start-selling .ts-ss-text {
	border: 1px solid #eeeeee;
	margin-left: -1px;
	margin-top: -1px;
	min-height: 280px;
	padding:15px 25px;
	text-align: center;
}
#start-selling .ts-ss-text p{
	margin-bottom: 5px;
	width: 100%;
}
#start-selling .ts-ss-blocks a.btn{
	margin-top: 15px;
	text-transform: capitalize;
	display: inline-block;
}
@media only screen and (max-width: 767px){
	#start-selling .ts-ss-blocks{
		width: 100%;
	}
}
/*My Account*/
.edd-submit.button.blue{
	background: #0179A0;
	border-radius: 0!important;
	outline: none;
    border: none;
}
}
/*start searching item list*/
.search-block{
	position: relative;
}
.inner-header .search-block input#menu-search{
	border: 1px solid #f0f3f6 !important;
	border-radius: 0;
	box-shadow: none !important;
	display: inline-block;
	font-size: 20px;
	height: 35px;
	padding: 5px 12px;
	vertical-align: middle;
}
.inner-header .search-block .searchsubmit {
	background: #00d8b3 !important;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	border: 1px solid #f0f3f6 !important;
	font-size: 20px;
	margin-top: 0 !important;
	outline: 0 none !important;
	border-radius: 0 !important;
	height: 47px;
	margin-left: -5px;
	padding: 0 10px;
	width: 47px;
}

.box {
	background: #fff none repeat scroll 0 0;
	border-radius: 2px;
	margin-bottom: 30px;
	padding: 20px;
	border:1px solid #eee;
}
.box .box-title{
	border-bottom: 1px solid #ebeded;
	border-radius: 2px 2px 0 0;
	color: #757575;
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	margin: -20px -20px 20px;
	padding: 15px 20px;
}
.box ul {
	padding: 0 0 0 15px;
}
.documentation-items {
	list-style: outside none none;
	margin: 0;
	padding: 0 !important;
}
.documentation-category h3 a {
	color: #233141;
}
.documentation-category h3 i{
	margin-right: 10px;
}
.documentation-items li::before,
.ts-popular-links ol li:before{
	color: #1c2633;
	content:"\f101";
	font-family: FontAwesome, sans-serif;
	left: 0;
	opacity: 0.3;
	position: absolute;
	top: 0;
}
.ts-popular-links ol li,
.documentation-items li {
	display: block;
	margin: 0;
	padding: 0 0 15px 20px;
	position: relative;
}
.ts-popular-links ol li a,
.documentation-items li a {
	color: #1c2633;
	opacity: 0.5;
}
.ts-popular-links ol li a:hover,
.documentation-items li a:hover{
	opacity: 1;
}
.documentation-category h3 span {
	background: #f8f9fb none repeat scroll 0 0;
	border-radius: 30px;
	color: #233141;
	display: inline-block;
	text-align: center;
	font-size: 14px;
	margin: -2px 0 0 10px;
	padding: 5px;
	width: 25px;
	height: 25px;
	transition: all 0.3s ease-out 0s;
	vertical-align: middle;
	line-height: 25px;
}

.support_link{display: none !important;}

.sweet-alert input[type="text"]{display: none !important;}

span.edd-required-indicator{color:red;}

/*Blog*/
.blog{
	overflow: hidden;
}

/** added css */
.featured-item-list .sara-item{
    
    box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.06);
    margin-bottom: 20px;
    display: inline-block;
}

.featured-item .sara-tag{
    background: none repeat scroll 0 0 #f13658;
    color: #ffffff;
    z-index: 99;
    text-align: center;
    font-size: 14px;
    width: 100px;
    height: 22px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: -30px;
    top: 8px;
    transform: rotate(45deg);
    line-height: 22px;
}

.featured-item-listing .featured-item-list .featured-item   .price {
    background: none repeat scroll 0 0 #f13658;
    color: #ffffff;
    z-index: 99;
    text-align: center;
    width: 140px;
    height: 40px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    left: -38px;
    top: 8px;
    transform: rotate(-45deg);
    line-height: 45px;
    color: #fff;
}
 
.featured-item-listing .featured-item-list .featured-item   .price .edd_price,
.featured-item-listing .featured-item-list .featured-item   .price a{
    color: #fff;
    font-size: 15px;
    line-height: 1.7;
    font-weight: 700;
}
.featured-item-listing .btn-pre{
    padding: 10px 20px;
    font-weight: 800;
    text-transform: uppercase;
    margin:0px;
    letter-spacing:2px;
}
.featured-item:hover .featured-item-img img{
   -moz-transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.featured-item-listing .featured-item-list .featured-item .product-meta .btn--round{

}
/* .featured-item-listing .featured-item-list .featured-item .edd-add-to-cart{
    background: #fff;
} */
.featured-item-list a.edd-submit.button.blue{
	display:none !important;
}
.featured-item-listing .featured-item-list .featured-item input[type='submit']{
    background: #f13658;
    border:0px;
    font-weight: 800;
    cursor: pointer;
}
.features{
    background: #e1e1e1;
    padding: 60px 0px;
}
.features .section-title{
    text-align: center;
    margin-bottom: 50px;
}
.features h2{
    font-size: 30px;
    font-weight: 800;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 5px;
    text-align: center;
    display: inline-block;
}
.features h2:before{
    content: "";
    background: #2e2e2e;
    height: 8px;
    width: 50%;
    position: absolute;
    left: 50%;
    bottom: -23px;
    margin-left: -114px;
}
.features .feature-item{
    text-align: center;
    background: #fff;
    margin: 0px 10px;
    padding: 30px 10px 80px;
    box-shadow: 3px 5px 30px 0 rgb(46 56 77 / 10%);
    transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
    border-radius:8px;
}
.features .feature-item .feature{
    padding: 0px 20px;
}
.features .feature-item .feature .feature__img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    margin: 20px auto;
    border: 6px solid #f13658;
    transition: all 0.5s ease-in-out;
}
.features .feature-item .feature .feature__img:hover{
    background: #f13658;
}
.features .feature-item .feature .feature__img:hover i{
    color: #fff;
}
.features .feature-item .feature .feature__img i{
    font-size: 60px;
    color: #f13658;
    padding: 55px;
    transition: all 0.5s ease-in-out;
}
.feature__title h3{
    font-weight: 800;

}
.hire-expert{
    background: #2e2e2e;
    padding: 80px 0px;
    color: #fff;
    text-align: center;
}
.content-hire .btn-black{
    background:#f13658;
    transition:all ease-in-out 0.5s;
}
.content-hire .btn-black:hover,.content-hire .btn-black:focus{
    background:#fff;
    
}
.hire-expert .btn-black{
    padding: 20px 60px;
    text-transform: uppercase;
    font-weight: 800;
    margin: 30px 0px 0px;
    display: inline-block;
    letter-spacing: 5px;
}
.blog-wrap{
    padding: 60px 0px;
}
.blog-wrap .blog-item{
    float: left;
    width: 32.33%;
    margin: 0px 15px;
    background: #e1e1e1;
    box-shadow: 3px 5px 30px 0 rgba(46,56,77,.1);
 }
 .why_choose{
    padding: 60px 0px;
    text-align: center;
 }
.why_choose .feature-box{
    
    box-shadow: 3px 5px 30px 0 rgba(46,56,77,.1);
    margin: 20px 10px;
    padding: 60px 15px;
    min-height: 400px;
}
.feature-box-wrap{
    margin:50px 0px 0px;
}
.featured-item-listing .mar-free-top{
    margin: 50px 0px 0px;
}
.feature-box-wrap .icon-wrap{
    margin:20px 0px;
    display: inline-block;
}
.feature-box-wrap .icon-wrap i{
    font-size: 50px;
    color: #f13658;
}
.footer .col-4{
    float: left;
    width: 31%;
}
.footer .col-4 section{
    margin: 15px 0px;
}
.footer .col-4 section p,
.footer .col-4 section a{
    color: #000 !important;
}
.footer h2{
    color: #f13658;
    font-weight: 800;
}
.footer .subs-wrapper p{
    color: #000;
}
.footer .subs-newsletter input[type='email'],
.newsletter label{
    width: 100%;
    height: 60px;
}

.footer .subs-newsletter input[type='submit']{
    position: absolute;
    top: -1px;
    right: 0px;
    padding: 23px 24px;
    background: #f13658;
}

.footer .mc4wp-form{
    position: relative;
}

.footer #media_image-2{
	max-width: 250px;
}
.featured-item-list .edd_price_options{
	display: none;
}
.featured-item-list a.edd-submit.button{
    background: #f13658;
}
.featured-item-list a.edd-submit.button.blue{
	padding: 7px 33px !important;
    display: none !important;
   
    font-weight: 800;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
    
}
.featured-item-list .edd-submit.button.blue:hover{
 background: #f13658;
 border:1px soild #f13658;
 color: #fff !important;
}
.featured-item-list .edd-add-to-cart-label{
	display: block;
	color:#fff;
	font-weight: 800;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out;
}
.single .edd-submit.button.blue {
    background: #f13658;
    display: block;
    font-weight: bold;
    border-radius: 3px;
}
.single-product .price-block{
	background: #fff;
    margin: 68px 0px 0px;
}
.single-product .price-block .price-header{
	text-align: center;
    padding: 15px;
    background: #f13658;
    color: #fff;
    font-weight: 800;
    letter-spacing: 3px;
    border-radius: 6px 6px 0px 0px;
    font-size:26px;
    
}
.single-product .price-block .buy{
  width: 100%;
}
.single-product .price-block .price-block-inner{
   padding: 20px;
}
.single-product .edd_purchase_submit_wrapper a.edd-add-to-cart.edd-has-js,
.single-product .edd_purchase_submit_wrapper .btn-theme-green,
.single-product  .btn{
	width: 100%;
	height: 40px;
	text-align: center;
	margin: 0px;
	font-weight: 800;
	letter-spacing: 3px;
}
.single-product .caption-buttons .btn{
	display: inline-block;
	width: 40%;
	height: auto;
}
 
.single-product .edd_purchase_submit_wrapper .edd-add-to-cart-label{
    top: 8px;
    right: 50%;
    margin-right: -14%;
    font-weight: 800;
    letter-spacing: 3px;
}
.single-product .edd_price_options input[type='radio']{
	width: 19px;
    height: 25px;
    position: absolute;
}
.edd_download_purchase_form .edd_price_options li{
	position: relative;
	margin-bottom: 25px;
}
.single-product .edd_download_purchase_form .edd_price_options span{
	font-size: 13px;
	font-weight: 600;
	margin: 0px 0px 20px;
	padding: 0px 0px 0px 20px;
}
.single-product .product-desc{
	margin-top: 20px;
}
.contact-page form label{
	width: 100%;
}
.contact-page .form-wrap .entry-content,
#post-9538 .entry-content{
	background: #fff;
	padding: 40px 20px;
	box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.06);
}
.support-form input[type="text"], 
.support-form  input[type="email"], .support-form  input[type="password"],
 .support-form  input[type="number"], .support-form  
 input[type="url"], .support-form select {
	
 height: 50px;	 
}
.featured-item-list .sara-item.taxonomy{
    overflow:hidden;
}
.mg-top-20{
    margin-top:20px !important;
}


.price-block-inner input[type=checkbox] {
    width: 35px;
    height: 15px;
    background: grey;
    border-radius: 100px;
    position: relative;
    border: none;
    min-width: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.price-block-inner input[type=checkbox]:checked:before{
    display: none;
}
.price-block-inner input[type=checkbox]:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #fff;
    border-radius: 90px;
    transition: 0.3s;
}
.price-block-inner input:checked{
    background: #E42256;
}
.price-block-inner input:checked:after {
    left: calc(100% - 0px);
    transform: translateX(-100%);
}
.price-block-inner input:active:after {
    width: 15px;
}

/*Single download css */
.product-details h2{
    text-align:center;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:40px;
    padding:25px;
    background:#fff;
}
.product-vido-section{
    background:#fff;
    width:100%;
    text-align:center;
    padding:20px; 
    margin:40px 0px;
    box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.06);
    
}
.product-image .product-image-box{
     box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.06);
     padding:20px;
     /*border:5px solid #f13658;*/
     text-align:center;
     background:#fff;
}
.product-image .product-image-box img{
   margin:0 auto;
   width:100%;
}
.product-box-wrap .feature-box{
    padding:20px;
    text-align:center;
    background:#fff;
    box-shadow: 0 1px 18px 10px rgba(0, 0, 0, 0.06);
    margin-bottom:30px;
    position:relative;
    overflow:hidden;
}
.feature-box .feature-title  h3{
    font-weight:bold;
    position:relative;
    margin:30px 0px;
    color: #f13658;
}
.feature-box .feature-title  h3:after{
    content: "";
    width: 47%;
    height: 5px;
    position: absolute;
    left: 50%;
    bottom: -16px;
    background: #f13658;
    margin-left: -21%;
}
.edd-checkout .edd-submit.button{
    background:#f13658;
    color:#fff;
    border:none;
    transition: all 0.5s ease-in-out;
}
.feature-box .feature-icon{
    width:110px;
    margin:0 auto;
}
#edd_checkout_form_wrap input[type=email], #edd_checkout_form_wrap input[type=password], #edd_checkout_form_wrap input[type=tel], #edd_checkout_form_wrap input[type=text], #edd_checkout_form_wrap textarea{
    height:50px;
    padding:0px 20px;
}
#edd_checkout_cart .edd_cart_item_name{
    padding:20px 40px;
}
#edd_checkout_cart .edd_cart_header_row th,
#edd_checkout_cart .edd_cart_footer_row th{
    background:#f13658;
    color:#fff;
}
.edd_cart_actions a{
    padding:10px 25px;
}
.why-pro-wrapper{
    padding:40px 0px;
}
.why-pro-wrapper{
    background:#f0f0f0;
}
.why-pro-wrapper h2{
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.why-pro-wrapper p{
    text-align:center;
}

body.edd-page #edd_terms{
    display:block !important;
}
body.edd-page .edd_terms_links{
    opacity:0 !important;
}
.product-details-meta{
    margin-top:20px;
    background:#fff;
    padding:10px 20px;
}
.product-details-meta table,.product-details-meta table tr,.product-details-meta table tr td{
    border:none;
}
.single-product .product-details-meta .rating span {
    color: #ffc000;
}
.menus{
    margin:40px 0px;
}
.menus ul li{
    display:inline-block;
}
.menus ul li a{
    padding:10px 20px;
    background-color: #f13658;
    text-transform: uppercase;
    color:#fff;
}

#edd_register_form, #edd_login_form{
    width:80%;
    margin:0 auto;
    padding:30px 20px;
    background: #f5f5f5;
}
.contact-page #edd_register_form p,.contact-page #edd_login_form p{
    max-width:100%;
}
#edd_login_form legend, #edd_register_form legend{
    text-align:center;
    padding:10px 20px;
    text-transform:uppercase;
    font-weight:600;
    font-size:180%;
    letter-spacing:2px;
}

.product-box-wrap .row .col-md-4{
    display:flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.hire-expert.mg-bottom-20{
    margin:50px 0px;
}

.feature-box.demo-box .sara-tag {
    background: none repeat scroll 0 0 #f13658;
    color: #ffffff;
    z-index: 99;
    text-align: center;
    font-size: 14px;
    width: 100px;
    height: 22px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    position: absolute;
    right: -30px;
    top: 8px;
    transform: rotate(
45deg
);
    line-height: 22px;
}
.edd-stripe-card-exp-element.StripeElement, .edd-stripe-card-cvc-element.StripeElement,.edd-stripe-card-element.StripeElement{
    padding:12px 25px !important;
    max-width:70%;
}
#edd_checkout_form_wrap fieldset#edd_cc_fields{
    background:#fff;
}

.featured-item-listing .our-themes-title{
    padding:20px;
    background:#fff;
    /*border-radius:100px 0 100px;*/
}


/* Responsive Css **/
@media(max-width:956px){
    .features.bg-red{
        text-align:center;
    }
    #ts-toggle-menu .fa{
        color: #f13658;
        border: 2px solid #f13658;
        padding: 6px 13px;
}
.features .row,.feature-box-wrap .row{
    display:inline-block !important;
}
.features .row .col-sm-4,.feature-box-wrap .row .col-md-4{
    width: 100%;
    float: none;
    flex: 100%;
    max-width: 100%;
}
.features .feature-item{
    margin-bottom:20px;
}
    
}
@media(max-width:767px){
    .sara-search form input[type=submit]{
        position:relative;
        width:100%;
        left:auto;
        right:auto;
        top:auto;
        padding:15px 45px;
    }
    .banner-section .banner-content{
        padding:20px 0px 0px;
    }
    .sara-search{
        margin-top:15px;
    }
    .sara-search form input[type='search'], .sara-search form input[type='text']{
        height:45px;
        padding:10px 20px;
    }
    .banner-section .btn{
        padding:10px 20px;
    }
    .featured-item-listing .page-header h2, .blog-wrap .header-title h2, .why_choose .section-title h2,.features h2{
        font-size:15px;
    }
    .featured-item-listing .page-header h2:before, .blog-wrap .header-title h2:before, .why_choose .section-title h2:before,.features h2:before{
       margin-left: -71px;
       bottom: -9px;
       height:5px;
    }
    .features .feature-item{
        margin-bottom:20px;
    }
    .single-product .caption-buttons .btn{
        width:100%;
    }
    .btn{
        font-size:12px;
        padding:6px;
    }
    #edd_register_form, #edd_login_form{
        width:100%;
    }
    #edd_login_form legend, #edd_register_form legend{
        font-size:140%;
    }
    .featured-item .featured-item-img{
        min-height: 222px;
    }
    .featured-item-listing .featured-item-list .featured-item{
        float:none;
    }
    
}
@media(max-width:600px){
    
}
@media(max-width:480px){
    .featured-item .featured-item-img {
    min-height: 134px;
   }
   .featured-item .featured-item-img .item-links{
       top:0px;
   }
   .featured-item-listing .btn-pre{
       display:block;
       margin:5px;
   }
    
}


/********** 404 page Design ****/
 
.about {
  position: fixed;
  z-index: 10;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  transition: all 0.2s ease;
}
.about .bg_links {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 100%;
  backdrop-filter: blur(5px);
  position: absolute;
}
.about .logo {
  width: 15px;
  height: 15px;
  z-index: 9;
  background-image: url(https://i2.wp.com/themesara.com/wp-content/uploads/2020/10/logo.png);
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 17px 30px;
  opacity: 0.9;
  transition: all 1s 0.2s ease;
  bottom: 0;
  right: 0;
  padding:5px;
}
.error-404{
    background:#f13658;
}
.about .social {
  opacity: 0;
  right: 0;
  bottom: 0;
}
.about .social .icon {
  width: 100%;
  height: 100%;
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  display: flex;
  transition: all 0.2s ease, background-color 0.4s ease;
  opacity: 0;
  border-radius: 100%;
}
.about .social.portfolio {
  transition: all 0.8s ease;
}
.about .social.portfolio .icon {
  background-image: url(https://rafaelavlucas.github.io/assets/codepen/link.svg);
}
.about .social.dribbble {
  transition: all 0.3s ease;
}
.about .social.dribbble .icon {
  background-image: url(https://rafaelavlucas.github.io/assets/codepen/dribbble.svg);
}
.about .social.linkedin {
  transition: all 0.8s ease;
}
.about .social.linkedin .icon {
  background-image: url(https://rafaelavlucas.github.io/assets/codepen/linkedin.svg);
}
.about:hover {
  width: 105px;
  height: 105px;
  transition: all 0.6s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .logo {
  opacity: 1;
  transition: all 0.6s ease;
}
.about:hover .social {
  opacity: 1;
}
.about:hover .social .icon {
  opacity: 0.9;
}
.about:hover .social:hover {
  background-size: 28px;
}
.about:hover .social:hover .icon {
  background-size: 65%;
  opacity: 1;
}
.about:hover .social.portfolio {
  right: 0;
  bottom: calc(100% - 40px);
  transition: all 0.3s 0s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.portfolio .icon:hover {
  background-color: #698fb7;
}
.about:hover .social.dribbble {
  bottom: 45%;
  right: 45%;
  transition: all 0.3s 0.15s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.dribbble .icon:hover {
  background-color: #ea4c89;
}
.about:hover .social.linkedin {
  bottom: 0;
  right: calc(100% - 40px);
  transition: all 0.3s 0.25s cubic-bezier(0.64, 0.01, 0.07, 1.65);
}
.about:hover .social.linkedin .icon:hover {
  background-color: #0077b5;
}

 
 
 
 
 
@media screen and (max-width: 799px) {
  nav .menu .menu_links {
    display: none;
  }
}
nav .menu .menu_links .link {
  color: white;
  text-transform: uppercase;
  font-weight: 500;
  margin-right: 50px;
  letter-spacing: 2px;
  position: relative;
  transition: all 0.3s 0.2s ease;
}
nav .menu .menu_links .link:last-child {
  margin-right: 0;
}
nav .menu .menu_links .link:before {
  content: "";
  position: absolute;
  width: 0px;
  height: 4px;
  background: linear-gradient(90deg, #FFEDC0 0%, #FF9D87 100%);
  bottom: -10px;
  border-radius: 4px;
  transition: all 0.4s cubic-bezier(0.82, 0.02, 0.13, 1.26);
  left: 100%;
}
nav .menu .menu_links .link:hover {
  opacity: 1;
  color: #FB8A8A;
}
nav .menu .menu_links .link:hover:before {
  width: 40px;
  left: 0;
}
nav .menu .menu_icon {
  width: 40px;
  height: 40px;
  position: relative;
  display: none;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 799px) {
  nav .menu .menu_icon {
    display: flex;
  }
}
 
 

.wrapper-404 {
  display: grid;
  
  justify-content: center;
  align-items: center;
  height: 110vh;
  overflow: hidden;
  background:#f13658;
}
.wrapper-404 .container {
  margin: 0 auto;
  transition: all 0.4s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.wrapper-404 .container .scene {
  position: absolute;
  width: 60vw;
  height: 60vh;
  vertical-align: middle;
}
.wrapper-404 .container .one,
.wrapper-404 .container .two,
.wrapper-404 .container .three,
.wrapper-404 .container .circle,
.wrapper-404 .container .p404 {
  width: 60%;
  height: 60%;
  top: 20% !important;
  left: 20% !important;
  min-width: 400px;
  min-height: 400px;
}
.wrapper-404 .container .one .content,
.wrapper-404 .container .two .content,
.wrapper-404 .container .three .content,
.wrapper-404 .container .circle .content,
.wrapper-404 .container .p404 .content {
  width: 600px;
  height: 600px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: content 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@keyframes content {
  0% {
    width: 0;
  }
}
.wrapper-404 .container .one .content .piece,
.wrapper-404 .container .two .content .piece,
.wrapper-404 .container .three .content .piece,
.wrapper-404 .container .circle .content .piece,
.wrapper-404 .container .p404 .content .piece {
  width: 200px;
  height: 80px;
  display: flex;
  position: absolute;
  border-radius: 80px;
  z-index: 1;
  animation: pieceLeft 8s cubic-bezier(1, 0.06, 0.25, 1) infinite both;
}
@keyframes pieceLeft {
  50% {
    left: 80%;
    width: 10%;
  }
}
@keyframes pieceRight {
  50% {
    right: 80%;
    width: 10%;
  }
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .one,
.wrapper-404 .container .two,
.wrapper-404 .container .three,
.wrapper-404 .container .circle,
.wrapper-404 .container .p404 {
    width: 90%;
    height: 90%;
    top: 5% !important;
    left: 5% !important;
    min-width: 280px;
    min-height: 280px;
  }
}
@media screen and (max-height: 660px) {
  .wrapper-404 .container .one,
.wrapper-404 .container .two,
.wrapper-404 .container .three,
.wrapper-404 .container .circle,
.wrapper-404 .container .p404 {
    min-width: 280px;
    min-height: 280px;
    width: 60%;
    height: 60%;
    top: 20% !important;
    left: 20% !important;
  }
}
.wrapper-404 .container .text {
  width: 60%;
  height: 40%;
  min-width: 400px;
  min-height: 500px;
  position: absolute;
  margin: 40px 0;
  animation: text 0.6s 1.8s ease backwards;
}
@keyframes text {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .text {
    min-height: 400px;
    height: 80%;
  }
}
.wrapper-404 .container .text article {
  width: 400px;
  position: absolute;
  bottom: 0;
  z-index: 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  bottom: -120px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .text article {
    width: 100%;
  }
}
.wrapper-404 .container .text article p {
  color: white;
  font-size: 18px;
  letter-spacing: 0.6px;
  margin-bottom: 40px;
  text-shadow: 6px 6px 10px #32243E;
}
.wrapper-404 .container .text article button,.wrapper-404 .container .text article .btn {
  
  padding: 15px 30px;
  margin-bottom:10px;
  border-radius: 50px;
  line-height:1;
  cursor: pointer;
  box-shadow: 0px 15px 20px rgba(54, 24, 79, 0.5);
  z-index: 3;
  color: #695681;
  background-color: white;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: all 0.3s ease;
}
.wrapper-404 .container .text article button:hover ,.wrapper-404 .container .text article .btn:hover{
  box-shadow: 0px 10px 10px -10px rgba(54, 24, 79, 0.5);
  transform: translateY(5px);
  background: #FB8A8A;
  color: white;
}
.wrapper-404 .container .p404 {
  font-size: 200px;
  font-weight: 700;
  letter-spacing: 4px;
  color: white;
  display: flex !important;
  justify-content: center;
  align-items: center;
  position: absolute;
  z-index: 2;
  animation: anime404 0.6s cubic-bezier(0.3, 0.8, 1, 1.05) both;
  animation-delay: 1.2s;
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .p404 {
    font-size: 100px;
  }
}
@keyframes anime404 {
  0% {
    opacity: 0;
    transform: scale(10) skew(20deg, 20deg);
  }
}
.wrapper-404 .container .p404:nth-of-type(2) {
  color: #36184F;
  z-index: 1;
  animation-delay: 1s;
  filter: blur(10px);
  opacity: 0.8;
}
.wrapper-404 .container .circle {
  position: absolute;
}
.wrapper-404 .container .circle:before {
  content: "";
  position: absolute;
  width: 800px;
  height: 800px;
  background-color: rgba(54, 24, 79, 0.2);
  border-radius: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
  animation: circle 0.8s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@keyframes circle {
  0% {
    width: 0;
    height: 0;
  }
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .circle:before {
    width: 400px;
    height: 400px;
  }
}
.wrappe-404 .container .one .content:before {
  content: "";
  position: absolute;
  width: 600px;
  height: 600px;
  background-color: rgba(54, 24, 79, 0.3);
  border-radius: 100%;
  box-shadow: inset 5px 20px 40px rgba(54, 24, 79, 0.25), inset 5px 0px 5px rgba(50, 36, 62, 0.3), inset 5px 5px 20px rgba(50, 36, 62, 0.25), 2px 2px 5px rgba(255, 255, 255, 0.2);
  animation: circle 0.8s 0.4s cubic-bezier(1, 0.06, 0.25, 1) backwards;
}
@media screen and (max-width: 799px) {
  .wrapper-404 .container .one .content:before {
    width: 300px;
    height: 300px;
  }
}
.wrapper-404 .container .one .content .piece {
  background: linear-gradient(90deg, #8077EA 13.7%, #EB73FF 94.65%);
}
.wrapper-404 .container .one .content .piece:nth-child(1) {
  right: 15%;
  top: 18%;
  height: 30px;
  width: 120px;
  animation-delay: 0.5s;
  animation-name: pieceRight;
}
.wrapper-404 .container .one .content .piece:nth-child(2) {
  left: 15%;
  top: 45%;
  width: 150px;
  height: 50px;
  animation-delay: 1s;
  animation-name: pieceLeft;
}
.wrapper-404 .container .one .content .piece:nth-child(3) {
  left: 10%;
  top: 75%;
  height: 20px;
  width: 70px;
  animation-delay: 1.5s;
  animation-name: pieceLeft;
}
.wrapper-404 .container .two .content .piece {
  background: linear-gradient(90deg, #FFEDC0 0%, #FF9D87 100%);
}
.wrapper-404 .container .two .content .piece:nth-child(1) {
  left: 0%;
  top: 25%;
  height: 40px;
  width: 120px;
  animation-delay: 2s;
  animation-name: pieceLeft;
}
.wrapper-404 .container .two .content .piece:nth-child(2) {
  right: 15%;
  top: 35%;
  width: 180px;
  height: 50px;
  animation-delay: 2.5s;
  animation-name: pieceRight;
}
.wrapper-404 .container .two .content .piece:nth-child(3) {
  right: 10%;
  top: 80%;
  height: 20px;
  width: 160px;
  animation-delay: 3s;
  animation-name: pieceRight;
}
.wrapper-404 .container .three .content .piece {
  background: #FB8A8A;
}
.wrapper-404 .container .three .content .piece:nth-child(1) {
  left: 25%;
  top: 35%;
  height: 20px;
  width: 80px;
  animation-name: pieceLeft;
  animation-delay: 3.5s;
}
.wrapper-404 .container .three .content .piece:nth-child(2) {
  right: 10%;
  top: 55%;
  width: 140px;
  height: 40px;
  animation-name: pieceRight;
  animation-delay: 4s;
}
.wrapper-404 .container .three .content .piece:nth-child(3) {
  left: 40%;
  top: 68%;
  height: 20px;
  width: 80px;
  animation-name: pieceLeft;
  animation-delay: 4.5s;
}