/********************************************************************/
/************************  Common Styles  ***************************/
/********************************************************************/

/* Fonts */
/* montserrat-regular - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 400;
	src: local('Montserrat Regular'), local('Montserrat-Regular'),
		url('../woff2/montserrat-v13-latin-regular.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../woff/montserrat-v13-latin-regular.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* montserrat-600 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 600;
	src: local('Montserrat SemiBold'), local('Montserrat-SemiBold'),
		url('../woff2/montserrat-v13-latin-600.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../woff/montserrat-v13-latin-600.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* montserrat-700 - latin */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 700;
	src: local('Montserrat Bold'), local('Montserrat-Bold'),
		url('../woff2/montserrat-v13-latin-700.woff2') format('woff2'),
		/* Chrome 26+, Opera 23+, Firefox 39+ */
		url('../woff/montserrat-v13-latin-700.woff') format('woff');
	/* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
	font-display: swap;
}

/* Customize Bootstrap Pagination */
.paginator {
	display: flex;
	padding: 0;
	margin: auto;
	justify-content: center;
}
.paginator li a {
	color: #b2b2b2;
	border: none;
	font-size: 16px;
	font-weight: 600;
	box-shadow: none;
	background: transparent;
}
.paginator li a:hover,
.paginator li a:focus,
.paginator li a:active {
	box-shadow: none;
	outline: none;
	border: none;
}
.paginator .prev,
.paginator .next	{
	color: #5C5C5C;
}
.paginator li.active span {
	color: #5C5C5C;
	background: transparent;
	box-shadow: none;
	border: none;
	font-weight: 600;
	font-size: 16px;
}
.paginator li.disabled span {
	opacity: 0.4;
	cursor: not-allowed;
	background: transparent;
	border: none;
	box-shadow: none;
	font-weight: 600;
	font-size: 16px;
}

/* start CSS */

html,
body {
	width: 100vw;
	overflow-x: hidden;
	font-family: 'Montserrat', sans-serif !important;
	font-display: swap;
}

.font-48 {
	font-size: 48px !important;
	font-weight: 600 !important;
	line-height: 62px !important;
}

.font-34 {
	font-size: 34px !important;
	font-weight: 600 !important;
}
.mb-100 {
	margin-bottom: 100px !important;
}

.text-semibold {
	font-weight: 600;
}

.text-#ABABAA {
	color: #5c5c5c !important;
}

.text-dark#ABABAA {
	color: #3E4042 !important;
}

.text-light#ABABAA {
	color: #b2b2b2 !important;
}

.text-red {
	color: #ed1943 !important
}

.text-green {
	color: #7ec68f !important;
}

.text-lightgreen {
	color: #18da8e !important;
}

.text-orange {
	color: #f58353 !important;
}

.text-blue {
	color: #5da2d8 !important;
}

.text-darkblue {
	color: #3B61FF !important;
}

.text-purple {
	color: #777aba !important;
}

.text-skin {
	color: #C5B097 !important;
}

.background-#ABABAA {
	background-color: #5c5c5c !important;
}
.background-light#ABABAA {
	background-color: #F1F1F2 !important;
}
.background-red {
	background-color: #f8e5e3 !important
}

.background-green {
	background-color: #deefe2 !important;
}

.background-lightgreen {
	background-color: #18DA8E !important;
}

.background-orange {
	background-color: #f58353 !important;
}

.background-blue {
	background-color: #e0edf9 !important;
}

.background-purple {
	background-color: #e6e6f3 !important;
}

.background-skin {
	background-color: #e7e7e7 !important;
}

.border-left-#ABABAA {
	border-left: 3px solid #5c5c5c !important;
}

.border-left-light#ABABAA {
	border-left: 3px solid #b2b2b2 !important;
}

.border-left-red {
	border-left: 3px solid #ed1943 !important
}

.border-left-green {
	border-left: 3px solid #7ec68f !important;
}

.border-left-orange {
	border-left: 3px solid #f58353 !important;
}

.border-left-blue {
	border-left: 3px solid #5da2d8 !important;
}

.border-left-purple {
	border-left: 3px solid #777aba !important;
}

.border-left-skin {
	border-left: 3px solid #C5B097 !important;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.item-shadow {
	-webkit-box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
}

a {
	cursor: pointer;
	text-decoration: none;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

a:hover {
	text-decoration: none;
}

button {
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.btn-outline-white {
	border: 2px solid white;
	background: transparent;
	color: white;
}
.btn-outline-white:hover {
	border: 1px solid black;
	background: black;
	color: white;
}

.green-btn {
	border: 1px solid #18DA8E;
	background: #18DA8E;
	color: white;
}
.green-btn:hover {
	border: 1px solid black;
	background: black;
	color: white;
}
.blue-btn {
	border: 1px solid #3B61FF;
	background: #3B61FF;
	color: white;
}
.blue-btn:hover {
	border: 1px solid black;
	background: black;
	color: white;
}
button.red-btn {
	border: 1px solid #ED1943;
	background: #ED1943;
	color: white;
}

button.red-btn:hover {
	border: 1px solid black;
	background: black;
}

button.black-btn {
	border: 1px solid black;
	background: black;
	color: white;
}

button.black-btn:hover {
	border: 1px solid #ED1943;
	background: #ED1943;
}

button.orange-btn {
	border: 1px solid #F58353;
	background: #F58353;
	color: white;
}

button.orange-btn:hover {
	border-color: black;
	background: black;
	color: white;
}

.top-bar {
	position: absolute;
	width: 100%;
	height: 44px;
	text-align: center;
	background-color: #0C293F;
	font-size: 18px;
	line-height: 44px;
	color: white;
	font-weight: 600;
}
.top-bar-countdown {
	position: absolute;
	width: 100%;
	height: 44px;
	text-align: center;
	background-color: #18DA8E;
	font-size: 18px;
	line-height: 44px;
	color: white;
	font-weight: 400;
}
.top-bar-countdown-blue {
	z-index: 1;
	position: absolute;
	width: 100%;
	height: 44px;
	text-align: center;
	background-color: #0C293F;
	font-size: 18px;
	line-height: 44px;
	color: white;
	font-weight: 400;
}
.top-bar a {
	font-weight: 400;
	color: white;
	text-decoration: underline;
}
.top-bar-countdown a {
	font-weight: 400;
	color: white;
}
.top-bar-countdown-blue a {
	font-weight: 400 !important;
	color: white !important;
}
.top-bar a:link {
	font-weight: 400;
	color: white;
    text-decoration: underline;
}
.top-bar-countdown a:link {
	font-weight: 400 !important;
	font-size: 18px !important;
	color: white !important;
    text-decoration: underline;
}
.top-bar-countdown-blue a:link {
	font-weight: 400;
	color: white;
    text-decoration: underline;
}
.top-bar-countdown p {
	display: inline;
}
.top-bar-countdown-blue p {
	display: inline;
}
.top-bar i {
	margin-left: 10px;
}
.top-bar-countdown i {
	margin-left: 10px;
}
.top-bar-countdown-blue i {
	margin-left: 10px;
}
.page-home header.header-home {
	top: 44px;
}
header.header-home {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: absolute;
	z-index: 10;
	top: 44px;
	left: 0;
	right: 0;
	background: transparent;
	min-height: 90px;
}

header .logo {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

header .logo a {
	padding: 0 20px 0 40px;
}

header .logo a img {
	width: 100%;
	height: auto;
}

header.header-home .top-menu {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
	position: absolute;
	right: 0;
	min-height: 90px;
	margin-bottom: 0;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-home .top-menu .menu-item>a {
	margin: 15px 14px;
	padding: 4px 20px 4px 4px;
	color: white;
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

header.header-home .top-menu .menu-item>a:hover {
	color: #ED1943;
}header.header-home .top-menu .menu-item>a.active {
	color: #18da8e;
}

header.header-home .top-menu .top-sub-menu {
	opacity: 0;
	position: absolute;
	padding-left: 0;
	list-style: none;
	background: black;
	margin-top: 20px;
	padding: 10px 0;
	margin-left: 0;
	min-width: 280px;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-home .top-menu .menu-item:hover .top-sub-menu {
	opacity: 1;
}

header.header-home .top-menu .top-sub-menu .sub-menu-item {
	padding: 10px 20px;
}

header.header-home .top-menu .top-sub-menu .sub-menu-item:hover {
	background-color: #ED1943;
	cursor: pointer;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-home .top-menu .top-sub-menu .sub-menu-item a {
	color: white;
	font-size: 19px;
	font-weight: 600;
}

header.header-home .menu-open.top-menu-open {
	cursor: pointer;
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	top: 44px;
	right: 20px;
	min-height: 70px;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

header.header-home .menu-open.fixed-menu-open {
	cursor: pointer;
	position: fixed;
	top: 20px;
	right: 20px;
	padding: 7px 12px 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-color: rgba(0, 0, 0, 0.2);
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

header.header-home .menu-open.fixed-menu-open:hover {
	background-color: rgba(0, 0, 0, 0.5);
}

header.header-home .lines,
header.header-home .lines:after,
header.header-home .lines:before {
	display: inline-block;
	width: 22px;
	height: 2px;
	background-color: #3b3f4a;
}

header.header-home .fixed-menu-open .lines,
header.header-home .fixed-menu-open .lines:after,
header.header-home .fixed-menu-open .lines:before {
	background-color: white;
}

header.header-home .lines:after,
.lines:before {
	position: absolute;
	margin-left: 0;
	content: '';
	-webkit-transform-origin: 1.5px center;
	transform-origin: 1.5px center;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-home .lines:before {
	margin-top: 7px;
}

header.header-home .lines:after {
	margin-top: -7px;
}

header.header-home .menu-open:hover .lines:before {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

header.header-home .menu-open:hover .lines:after {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

header.header-home .menu-open {
	display: none !important;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-home .menu-overlay-mobile {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-color: #ED1943;
	z-index: 5;
	display: none;
}

header.header-home .menu-close {
	cursor: pointer;
	position: absolute;
	display: none;
	top: 0;
	width: 30px;
	height: 30px;
	right: 0;
	z-index: 15;
	background-color: #ed1847;
	opacity: 1;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
}

header.header-home .menu-close span {
	color: #fff;
	background-color: #ed1847;
}

header.header-home .menu-close span:after,
header.header-home .menu-close span:before {
	display: inline-block;
	height: 2px;
	background: #fff;
	position: absolute;
	content: '';
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	top: 50%;
	left: 50%;
	margin: -1px 0 0 -11px;
	width: 22px;
	-webkit-transition: -webkit-transform .1s ease;
	transition: -webkit-transform .1s ease;
	transition: transform .1s ease;
	transition: transform .1s ease, -webkit-transform .1s ease;
}

header.header-home .menu-close span:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

header.header-home .menu-close span:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

header.header-home .menu-close:hover span:before {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

header.header-home .menu-close:hover span:after {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg);
}

header.header-other {
	padding-top: 0px;
}

header.header-other .container {
	border-bottom: 2px solid #d3d3d3;
}

header.header-other .logo {
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	min-height: 90px;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

header.header-other .logo a {
	padding: 0px;
}

header.header-other .logo a img {
	width: 100%;
	height: auto;
}

header.header-other .top-menu {
	position: relative;
	float: right;
	margin-left: auto;
}

header.header-other .top-menu .menu-item a {
	margin: 15px 14px;
	padding: 4px 10px 4px 10px;
	color: #ABABAA;
	font-size: 14px;
	font-weight: 600;
}

header.header-other .login-link {
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	float: right;
	margin-top: -90px;
	min-height: 90px;
	margin-bottom: 0;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

header.header-other .login-link>a {
	margin: 15px 14px;
	padding: 4px 40px 4px 4px;
	color: #ABABAA;
	font-size: 18px;
	font-weight: 600;
}

header.header-other .login-link>a:hover {
	color: #ED1943;
}

/*Light Grey Footer*/
footer.footer-#ABABAA-light {
	background-color: #f7f7f7;
	padding-top: 40px;
}

footer.footer-#ABABAA-light .first-footer-light {
	padding-bottom: 20px;
	border-bottom: 0px solid rgba(255, 255, 255, .1);
}

footer.footer-#ABABAA-light ul {
	list-style: none;
	padding-left: 0;
}

footer.footer-#ABABAA-light ul li {
	margin-bottom: 15px;
}

footer.footer-#ABABAA-light ul li a {
	color: #bfbfbf;
	font: 14px;
	font-weight: 400;
	line-height: 26px;
}

footer.footer-#ABABAA-light ul li a:hover {
	color: #ED1943;
}

/*Grey Footer*/
footer.footer-#ABABAA {
	background-color: #e8e8e8;
	padding-top: 80px;
}

footer.footer-#ABABAA .first-footer {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

footer.footer-#ABABAA ul {
	list-style: none;
	padding-left: 0;
}

footer.footer-#ABABAA ul li {
	margin-bottom: 15px;
}

footer.footer-#ABABAA ul li a {
	color: #5c5c5c;
	font: 14px;
	font-weight: 400;
	line-height: 26px;
}

footer.footer-#ABABAA ul li a:hover {
	color: #ED1943;
}

footer.footer-#ABABAA .second-footer {
	border-top: 2px solid #d3d3d3;
	padding: 15px 0;
}

footer.footer-#ABABAA .second-footer p {
	font-size: 13px;
	line-height: 25px;
	margin: 0;
	color: #5e5e5e;
}

/*Black Footer*/
footer.footer-black {
	background-color: black;
	padding-top: 40px;
}

footer.footer-black .first-footer {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

footer.footer-black ul {
	list-style: none;
	padding-left: 0;
}

footer.footer-black ul li {
	margin-bottom: 15px;
}

footer.footer-black ul li a {
	color: white;
	font: 14px;
	line-height: 26px;
}

footer.footer-black ul li a:hover {
	color: #ed1847;
	text-decoration: underline;
}

footer.footer-black .second-footer {
	padding: 15px 0;
}

footer.footer-black .second-footer p {
	font-size: 13px;
	line-height: 25px;
	margin: 0;
	color: #5e5e5e;
}

/********************************************************************/
/*************************  Home Styles  ****************************/
/********************************************************************/
.page-home {
	font-size: 15px;
	line-height: 28px;
	font-weight: 400;
}
.page-home button.page-home-btn {
	width: 250px;
	padding: 10px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	margin-bottom: 10px;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.page-home .home-banner {
	width: 100%;
	padding: 100px 15px 10vw 15px;
	background-image: url(../webp/home_banner.webp);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.page-home.no-webp .home-banner {
	background-image: url(../jpg/home_banner.jpg);
}

.page-home .home-banner h1 {
	margin-top: 14vw;
	margin-bottom: 25px;
}

.page-home .home-banner.new-design1 h1 {
	margin-top: 8vw;
	font-size: 58px;
	line-height: 64px;
	letter-spacing: -0.2px;
	font-weight: 700;
	text-align: left !important;
}

.page-home .home-banner-item {
	padding: 17.5px;
	min-height: 141px;
}

.page-home .home-banner.new-design1 {
	padding-bottom: 8vw;
	background-image: url('../jpg/db_header_image.jpg');
	background-position: center bottom;
}

.page-home .home-banner.new-design1>.container {
	max-width: 1024px;
}

.page-home .home-banner.new-design2>.container {
	max-width: 900px;
}

.page-home .home-banner.new-design1 .get-started-wrapper {
	display: flex;
	justify-items: flex-end;
}

.page-home .home-banner.new-design1 .get-started-wrapper a {
	margin-top: auto;
	margin-left: auto;
	margin-bottom: 26px;
}

.page-home .home-banner.new-design1 .btn-get-started {
	position: relative;
	font-weight: 700;
	letter-spacing: 1.5px;
}

.page-home .home-banner.new-design1 .btn-get-started::before {
	position: absolute;
	content: '';
	top: 50%;
	right: 25px;
	transform: translate(0, -50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 7px;
	border-color: transparent transparent transparent #ffffff;
}

.page-home .home-banner.new-design1 .nav {
	margin-top: 30px;
	justify-content: space-between;
}

.page-home .home-banner.new-design1 .nav .nav-item .nav-link {
	font-size: 16px;
	font-weight: 600;
	line-height: 28px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2.1px;
	margin-bottom: 0px;
}

.page-home .home-banner.new-design1 .nav .nav-item:first-child .nav-link {
	padding-left: 0px;
}

.page-home .home-banner.new-design1 .nav .nav-item:last-child .nav-link {
	padding-right: 0px;
}

.page-home .home-banner.new-design2 .nav .nav-item:last-child .nav-link {
	padding-right: 10px;
}

.page-home .home-banner.new-design1 .nav .nav-item a.nav-link {
	text-decoration: underline;
	transition: all .3s ease-in-out;
}

.page-home .home-banner.new-design1 .nav .nav-item a.nav-link:hover {
	color: #ED1943;
}

.page-home .home-banner.new-design2 {
	text-align: center;
}

.page-home .home-banner.new-design2 h1 {
	margin-top: 10vw;
	text-align: center !important;
}

.page-home .home-banner.new-design2 .btn-get-started {
	margin-top: 20px;
}

.page-home .home-banner.new-design2 .nav {
	justify-content: center;
}

.page-home .home-banner.new-design2 .nav a.nav-link {
	position: relative;
}

.page-home .home-banner.new-design2 .nav a.nav-link::after {
	position: absolute;
	content: '';
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	width: 2px;
	height: 12px;
	background: white;
}

.page-home .home-banner.new-design2 .nav .nav-item:last-child a.nav-link::after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	border-color: transparent transparent transparent #ffffff;
	background: transparent;
	transition: all .3s ease-in-out;
}

.page-home .home-banner.new-design2 .nav .nav-item:last-child a.nav-link:hover::after {
	border-color: transparent transparent transparent #ED1943;
}

.page-home .home-banner-price {
	color: white;
}

.page-home .example-works {
	padding: 90px 50px 50px 50px;
	/* background-color: #EDEDED; */
}

.page-home .example-works h2 {
	font-size: 18px;
	line-height: 24px;
	letter-spacing: 2.4px;
	margin-bottom: 50px;
	font-weight: 600;
}

.page-home .example-works .description {
	margin-bottom: 35px;
}
.page-home .example-works .slider-item {
	padding: 20px;
}
.page-home .example-works .slider-item img {
	margin: auto;
}

.page-home .example-works .slick-prev {
	left: -20px;
}

.page-home .example-works .slick-next {
	right: -20px;
}

.page-home .example-works .slick-prev::before,
.page-home .example-works .slick-next::before {
	font-family: 'Courier New', Courier, monospace;
	font-size: 34px;
	color: darkgray;
	font-weight: 700;
	opacity: 0.5;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.page-home .example-works .slick-prev::before {
	content: '<';
}

.page-home .example-works .slick-next::before {
	content: '>';
}

.page-home .example-works .slick-prev:hover::before,
.page-home .example-works .slick-next:hover::before {
	font-size: 34px;
	opacity: 1;
}

.page-home .example-works .page-home-btn {
	margin-top: 50px;
}

.page-home .featuring-designer {
	padding-top: 50px;
	padding-bottom: 80px;
	background-color: #F1F1F2;
}

.page-home .featuring-designer .description {
	color: #CFCFD1;
	font-size: 16px;
	line-height: 14px;
	letter-spacing: 0.2px;
	font-weight: 600;
	margin-bottom: 30px;
}

.page-home .featuring-designer .img-wrapper {
	margin: auto;
}

.page-home .featuring-designer img {
	margin-left: 10px;
	margin-right: 10px;
}

.page-home .how-we-work {
	padding: 80px 0 80px 0;
	background: black;
}

.page-home .how-we-work .work-wrapper {
	width: 100%;
	float: left;
}

.page-home .how-we-work .video-wrapper {
	padding-top: 56.25%;
	position: relative;
	width: 100%;
}

.page-home .how-we-work .video-wrapper iframe {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	margin: 0;
	top: 0;
	left: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.page-home .how-we-work h2 {
	color: white;
	margin-top: 20px;
}

.page-home .how-we-work .description {
	color: white;
	width: 80%;
	line-height: 28px;
}

.page-home .designs {
	padding-top: 120px;
	padding-bottom: 50px;
}

.page-home .designs h2 {
	color: #ed1847;
}

.page-home .designs p {
	color: #aaa;
}

.page-home .designs .description {
	margin-bottom: 50px;
}

.page-home .designs .subtitle {
	font-size: 25px;
	line-height: 36px;
	font-weight: 700;
}
.how-we-work-new {
	padding: 80px 0;
	color: #3E4042;
}
.how-we-work-new .video-button {
	flex-shrink: 0;
	width: 150px;
	margin-right: 50px;
}
.how-we-work-new .video-content .title {
	font-size: 42px;
	line-height: 46px;
	letter-spacing: -0.2px;
	margin-bottom: 20px;
	font-weight: 600;
}
.how-we-work-new .video-content .desc_wrapper {
	display: flex;
}
.how-we-work-new .video-content .desc {
	font-size: 15px;
	line-height: 23px;
}
.how-we-work-new .video-content .desc a {
	color: #18DA8E;
	text-decoration: underline;
}
.how-we-work-new .btn-start-project {
	flex-shrink: 0;
	width: 240px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	float: right;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin-left: 50px;
}
.how-we-work-new .design-panels {
	margin-top: 80px;
}
.how-we-work-new .design-panel {
	padding: 20px;
	background-color: #F1F1F2;
	margin-bottom: 20px;
}
.how-we-work-new .design-panel h2.title {
	font-size: 22px;
	letter-spacing: -0.2px;
	font-weight: 600;
	margin-bottom: 10px;
}
.how-we-work-new .design-panel p {
	font-size: 15px;
	line-height: 23px;
}
.how-we-work-new .design-panel-lg {
	padding: 30px;
	height: 100%;
	margin-bottom: 0;
}
.how-we-work-new .design-panel h1.title {
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -0.2px;
	font-weight: 600;
	margin-bottom: 30px;
}
.page-home .service-kinds {
	padding: 50px 5% 50px 5%;
	background-color: #EEF0F1;
	background-image: url(../webp/background_homepage2.jpg.webp);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-position-y: -200px;
}

.page-home.no-webp .service-kinds {
	background-image: url(../jpg/background_homepage2.jpg);
}

.page-home .service-kinds .service-item {
	background: white;
	-webkit-box-shadow: 5px 5px 30px #00000050;
	box-shadow: 5px 5px 30px #00000050;
	width: 90%;
	margin-left: 5%;
	padding: 50px 30px;
	text-align: center;
	z-index: 3;
}

.page-home .service-kinds img {
	height: 80px;
	opacity: 0.2;
	margin-bottom: 15px;
}

.page-home .service-kinds .item-title {
	font-size: 22px;
	font-weight: 700;
	line-height: 28px;
	margin-bottom: 10px;
}

.page-home .service-kinds .item-price {
	font-size: 22px;
	color: #ed1943;
	margin-bottom: 10px;
}

.page-home .service-kinds .item-description {
	font-size: 13px;
	line-height: 23.4px;
	color: #9e9e9e;
	margin-bottom: 15px;
}

.page-home .service-kinds .item-link {
	font-size: 13px;
	line-height: 23.4px;
	text-decoration: underline;
	margin-bottom: 15px;
	color: black;
}

.page-home .service-kinds .item-link:hover {
	color: #ed1943;
}

.page-home .service-kinds .subtitle {
	margin-bottom: 15px;
	margin-top: 15px;
	z-index: 3;
}

.page-home .service-kinds button {
	width: 160px;
}

.page-home .service-kinds h2 {
	text-align: center;
	font-size: 32px;
	color: black;
	margin-top: 10px;
	font-weight: 700;
}

.page-home .find-out-more {
	margin-top: -200px;
	z-index: 10;
	background: #EEF0F1;
	padding-top: 300px;
	padding-bottom: 110px;
}

.page-home .find-out-more .step-title {
	font-size: 76px;
	font-weight: bold;
	color: #d1d1d1;
}

.page-home .find-out-more .step-sign {
	font-size: 48px;
	font-weight: 700;
	line-height: 62px;
	color: #aaa;
}

.page-home .find-out-more .step-description {
	color: black;
}

.page-home .find-items {
	margin-bottom: 80px;
}

.page-home .find-out-more a {
	font-size: 20px;
	line-height: 28px;
	color: black;
	font-weight: 700;
	vertical-align: top;
}

.page-home .find-out-more a i {
	font-size: 28px;
}

.page-home .start-project {
	padding: 110px 0 50px 0;
	background-color: #ed1943;
}

.page-home .start-project .image-wrapper {
	margin: auto;
}

.page-home .start-project img {
	padding-right: 12.5px;
	padding-left: 12.5px;
	opacity: 0.4;
	height: 80px;
}

.page-home .start-project .title {
	margin: 50px 0;
}

.page-home .start-project .title a {
	color: white;
	margin-bottom: 20px;
	margin-top: 20px;
}

.page-home .start-project .arrow a {
	color: white;
	font-size: 34px;
}

.page-home .about-designer {
	padding: 200px 0;
}

.page-home .about-designer img {
	width: 100%;
}

.page-home .about-designer .designer-details {
	padding-left: 10%;
	display: -moz-flex;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-box;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
}

.page-home .about-designer img {
	margin: auto;
}

.page-home .about-designer .description {
	color: #aaa;
	margin-bottom: 50px;
}

/********************************************************************/
/**********************  Logo Design Styles  ************************/
/********************************************************************/
.page-logo-design {
	font-size: 16.5px;
	/*line-height: 28px;*/
	font-weight: 400;
}

.page-logo-design .logo-design {
	padding: 194px 0 100px;
}

.page-logo-design .logo-design .img-slider-wrapper {
	width: 120%;
	height: 0;
}

.page-logo-design .logo-design .image-wrapper {
	width: 100%;
}

.page-logo-design .logo-design .image-wrapper img {
	-webkit-box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.15);
	width: 90%;
	margin-left: 5%;
	margin-bottom: 20px;
}

.color-change-text {
	-webkit-animation: color-change-text 48s infinite;
	animation: color-change-text 48s infinite;
}

.color-change-background {
	-webkit-animation-name: color-change;
	-webkit-animation-duration: 48s;
	animation-name: color-change;
	animation-duration: 48s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.page-logo-design .logo-design .title {
	padding-bottom: 40px;
}

.page-logo-design .logo-design .logo-design-list {
	padding-left: 0;
	list-style: none;
	margin-top: 30px;
}

.page-logo-design .logo-design .logo-design-list li {
	margin-bottom: 10px;
}

.page-logo-design .logo-design .description {
	margin-bottom: 30px;
	max-width: 500px;
	line-height: 32px;
}

.page-logo-design a {
	color: #808080;
	text-decoration: none;
	font-size: 15px;
}

.page-logo-design button.page-logo-btn {
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	margin-bottom: 10px;
}

.page-logo-design .logo-design .page-logo-btn {
	margin-right: 100px;
	margin-top: 30px;
}

.page-logo-design .see-some .title {
	margin-bottom: 35px;
}

.page-logo-design .border-top-special {
	border-top: 2px solid #d3d3d3;
	padding: 100px 0 100px 0;
}

.page-logo-design .border-top-special:before {
	position: absolute;
	width: 26px;
	height: 26px;
	border-top: 0px solid #d3d3d3;
	border-right: 2px solid #d3d3d3;
	border-bottom: 2px solid #d3d3d3;
	border-left: 0px solid #d3d3d3;
	margin-top: -113px;
	left: 50%;
	margin-left: -13px;
	content: '';
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background: white;
}

.page-logo-design .see-some img {
	width: 100%;
	margin-bottom: 10%;
}

.page-logo-design .see-some .see-some-link {
	margin-top: 30px;
	font-size: 15px;
	text-align: center;
}

.page-logo-design .see-some .see-some-link a {
	color: #ed1943;
	font-weight: 600;
}

.page-logo-design .see-some .see-some-link a i {
	margin-left: 10px;
}

.page-logo-design .template-one .description {
	max-width: 500px;
	padding-left: 40px;
	margin-left: 40px;
}

.page-logo-design .template-two {
	margin-top: 100px;
	margin-bottom: 150px;
}

.page-logo-design .template-two .template-item {
	min-height: 450px;
	min-width: 235px;
	width: 70%;
	margin: auto;
	background-color: #fff;
	-webkit-box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	margin-top: -70px;
	margin-bottom: -90px;
	-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	cursor: pointer;
}

.page-logo-design .template-two .template-item .text-#ABABAA,
.page-logo-design .template-two .template-item .text-red,
.page-logo-design .template-two .template-item .text-blue {
	color: #B1B1B1 !important;
}

.page-logo-design .template-two .template-item.active .text-#ABABAA,
.page-logo-design .template-two .template-item:hover .text-#ABABAA {
	color: #5B5B5B !important;
}

.page-logo-design .template-two .template-item.active .text-red,
.page-logo-design .template-two .template-item:hover .text-red {
	color: #ed1943 !important;
}

.page-logo-design .template-two .template-item.active .text-blue,
.page-logo-design .template-two .template-item:hover .text-blue {
	color: #5da2d8 !important
}

.page-logo-design .template-two .svg-wrapper {
	margin: auto;
	padding-top: 50px;
	margin-bottom: 50px;
	max-width: 150px;
	max-height: 150px;
}

.page-logo-design .template-two .svg-wrapper img {
	height: 120px;
	max-width: 100%;
}

.page-logo-design .template-two .title {
	font-size: 17px;
	line-height: 28px;
	font-weight: 700;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.page-logo-design .template-two .description {
	font-size: 15px;
	line-height: 28px;
	margin-left: 10%;
	width: 80%;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.page-logo-design .logo-design-contest {
	padding-bottom: 70px;
}

.page-logo-design .how-it-works {
	width: 100%;
	text-align: center;
}

.page-logo-design .how-it-works .works-slider-wrapper {
	position: relative;
	height: 500px;
}

.page-logo-design .how-it-works .works-slider-wrapper::after {
	content: ' ';
	display: block;
	width: 90%;
	max-width: 600px;
	margin: auto;
	height: 490px;
	background-image: url('../png/frame.png');
	background-image: url('../webp/frame.png.webp');
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10;
}

.page-logo-design .how-it-works img {
	max-width: 530px;
	width: 100%;
}

.slick-dots li button:before {
	font-size: 15px;
}

.page-logo-design .how-it-works .works-slider {
	margin: auto;
	max-width: 530px;
	padding-top: 35px;
}

.page-logo-design .how-it-works .step-wrapper {
	font-size: 16px;
	font-weight: 700;
	padding-top: 40px;
	padding-bottom: 40px;
}

.page-logo-design .how-it-works .step-wrapper p {
	font-size: 18px;
}

.page-logo-design .how-it-works .step-wrapper p.step-number {
	font-size: 72px;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.page-logo-design .logo-design-project .projects-slider .project-item {
	top: 20px;
	bottom: 20px;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
	width: 260px;
	height: 360px;
	-webkit-box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
}

.page-logo-design .logo-design-project .projects-slider .image-wrapper {
	border-bottom: 1px solid lightgray;
	padding-bottom: 25px;
}

.page-logo-design .logo-design-project .projects-slider img {
	margin-left: 3px;
	margin-right: 3px;
	display: inline-block;
}

.page-logo-design .logo-design-project .projects-slider .image-wrapper picture img {
	width: 50px;
	height: 50px;
}

.page-logo-design .logo-design-project .projects-slider .image-wrapper picture:nth-child(1) img {
	width: 80px;
	height: 80px;
}

.page-logo-design .logo-design-project .project-title {
	font-size: 16.5px;
	line-height: 28px;
	margin-bottom: 0;
	text-align: left;
	font-weight: 700;
	margin-top: 10px;
}

.page-logo-design .logo-design-project .project-price {
	font-size: 15px;
	line-height: 28px;
	float: right;
	margin-top: -30px;
}

.page-logo-design .logo-design-project .shortstripe {
	display: block;
	float: none;
	overflow: hidden;
	width: 25px;
	height: 7px;
	border-top: 1px solid #5c5c5c;
}

.page-logo-design .logo-design-project .project-description {
	font-size: 12px;
	line-height: 18px;
	text-align: left;
}

.page-logo-design .logo-design-project .see-some-link {
	margin-top: 60px;
	margin-bottom: 60px;
	font-size: 15px;
	text-align: center;
}

.page-logo-design .logo-design-project .see-some-link a {
	color: #ed1943;
	font-weight: 600;
}

.page-logo-design .logo-design-project .see-some-link a i {
	margin-left: 10px;
}

.page-logo-design .great-experience .featured-img img {
	margin-left: 5%;
	;
	width: 90%;
}

.page-logo-design .great-experience .experience-detail {
	padding-left: 50px;
}

.page-logo-design .great-experience .experience-detail picture img {
	max-width: 100%;
}

.page-logo-design .great-experience .experience-detail h3 {
	font-size: 25px;
	font-weight: 700;
	line-height: 32px;
}

.page-logo-design .great-experience .experience-detail p.description {
	font-size: 15px;
	font-weight: 400;
	font-style: italic;
	line-height: 28px;
	max-width: unset;
	padding-left: 0;
	margin-left: 0;
	margin-top: 30px;
}

.page-logo-design .great-experience .experience-detail p.experience-link {
	font-size: 15px;
	width: 100%;
	font-weight: 400;
	line-height: 28px;
}

.page-logo-design .great-experience .experience-detail p.experience-link a {
	text-decoration: underline;
}

.page-logo-design .design-cost-table {
	margin-top: 50px;
	margin-bottom: 50px;
	width: 100%;
}

.page-logo-design .design-cost-table th {
	font-size: 15px;
	text-align: center;
	font-weight: 400;
}

.page-logo-design .design-cost-table tbody {
	font-size: 22.5px;
	line-height: 28px;
}

.page-logo-design .design-cost-table tbody td {
	height: 70px;
	padding: 10px 5px;
	border-bottom: 1px solid rgba(173, 176, 182, .3);
}

.page-logo-design .design-cost-table tbody tr:last-child td {
	border-bottom: none;
}

.page-logo-design .design-cost button {
	margin-top: 30px;
}

.page-logo-design .logo-timing .template-two .template-item {
	min-height: 450px;
	min-width: 170px;
	width: 90%;
	margin: auto;
	background-color: #fff;
	-webkit-box-shadow: 0px 5px 40px rgba(0, 0, 0, .3);
	box-shadow: 0px 5px 40px rgba(0, 0, 0, .3);
	margin-top: -70px;
	margin-bottom: -90px;
}

.page-logo-design .logo-timing .template-two .template-item .title {
	font-weight: 600;
	font-size: 16px;
	padding-top: 30px;
	padding-bottom: 20px;
}

.page-logo-design .logo-timing .template-two .template-item .template-days {
	font-size: 60px;
	line-height: 28px;
	font-weight: 600;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.page-logo-design .logo-timing .template-two .template-item .template-day {
	font-size: 19.5px;
	font-weight: 600;
}

.page-logo-design .more-than-logo .template-two .title {
	font-weight: 500;
	font-size: 18px;
}

.page-logo-design .more-than-logo .template-two .description {
	font-size: 13.5px;
}

.page-logo-design .more-than-logo .template-two .item-price {
	font-weight: 500;
	font-size: 18px;
}

.page-logo-design .more-than-logo .template-two .item-link {
	font-size: 18px;
	font-weight: 400;
}

.page-logo-design .more-than-logo .template-two .template-item:hover {
	background-color: #deefe2;
}

.page-logo-design .faq {
	padding-bottom: 100px;
}

.page-logo-design .faq .title {
	padding-bottom: 70px;
}

.page-logo-design .logo-design-reviews .total-rating {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.page-logo-design .logo-design-reviews .total-rating h3 {
	font-size: 26px;
	font-weight: 600;
}
.page-logo-design .logo-design-reviews .stars {
	display: flex;
}
.page-logo-design .logo-design-reviews .stars .star-icon img {
	width: 36px;
}
.page-logo-design .logo-design-reviews .total-rating p {
	font-size: 20px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 0;
}

.page-logo-design .logo-design-reviews .review-wrapper {
	height: 100%;
	padding: 20px;
	box-shadow: 0px 0px 4.9px 0.1px rgba(0, 0, 0, 0.15);
}
.page-logo-design .logo-design-reviews .review-wrapper .client-info {
	display: flex;
	justify-content: space-between;
}
.page-logo-design .logo-design-reviews .review-wrapper .client-info .client-name {
	font-size: 17px;
  line-height: 28px;
	font-weight: 700;
	color: #5B5B5B;
	margin: 0;
}
.page-logo-design .logo-design-reviews .review-wrapper .client-info .date {
	font-size: 12px;
	color: #B2B2B2;
}
.page-logo-design .logo-design-reviews .review-wrapper .client-info .stars .star-icon img {
	width: 20px;
}
.page-logo-design .logo-design-reviews .review-wrapper .client-info .average-score {
	font-size: 12px;
	line-height: 16px;
	color: #B2B2B2;
}
.page-logo-design .logo-design-reviews .review-wrapper .review-content {
	position: relative;
	max-height: 84px;
	overflow: hidden;
	/* padding-right: 1em;
	margin-right: -1em; */
}
.page-logo-design .logo-design-reviews .review-wrapper .designer-review {
	position: relative;
	font-style: italic;
	font-size: 15px;
	line-height: 28px;
	color: #5B5B5B;
	margin-top: 5px;
	margin-bottom: 0px;
}
/* .page-logo-design .logo-design-reviews .review-wrapper .review-content::before {
	content: '...';
	position: absolute;
	bottom: 0;
	right: 0;
	font-size: 16px;
	width: 1em;
	background: white;
	z-index: 1;
}
.page-logo-design .logo-design-reviews .review-wrapper .designer-review::after {
	content: '';
	position: absolute;
	bottom: 0;
	right: -1em;
	width: 1em;
	height: 28px;
	background: white;
	z-index: 1;
} */


.page-logo-design .logo-design-reviews .see-some-link {
	margin-top: 50px;
	text-align: center;
}
.page-logo-design .logo-design-reviews .see-some-link a {
	font-size: 16px;
	font-weight: 600;
}





.accordion__section {
	border-radius: 5px;
	margin-bottom: 10px;
}

.accordion__section:last-of-type {
	margin-bottom: 0;
}

.accordion__titlebox {
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	padding: 9px 14px 10px;
	line-height: 20px;
	border-radius: 5px;
	cursor: pointer;
	will-change: transform;
	-webkit-transition: .3s;
	transition: .3s;
}

.accordion__icon {
	min-width: 18px;
	height: 18px;
	position: relative;
}

.accordion__icon .plus,
.accordion__icon .minus {
	position: absolute;
	display: -ms-flexbox;
	display: -webkit-box;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content: center;
	width: 24px;
	height: 24px;
	font-size: 24px;
	will-change: transform;
	-webkit-transition: .3s;
	transition: .3s;
}

.accordion__icon .plus {
	opacity: 1;
	visibility: visible;
}

.accordion__icon .minus {
	opacity: 0;
	visibility: hidden;
}

.accordion__title {
	margin-left: 18px;
	font-size: 18px;
}

.accordion__content {
	padding: 20px 50px;
	display: none;
	font-size: 15px;
	line-height: 28px;
}

.accordion__titlebox_active .plus {
	opacity: 0;
	visibility: hidden;
}

.accordion__titlebox_active .minus {
	opacity: 1;
	visibility: visible;
}

.bottom-tools {
	margin-bottom: 40px;
}

.bottom-tools .btn-scroll-top {
	font-size: 25px;
}

.bottom-tools .btn-scroll-top:hover {
	-webkit-animation: bounce 1s infinite;
	animation: bounce 1s infinite;
}

@-webkit-keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

@keyframes bounce {

	0%,
	100%,
	20%,
	50%,
	80% {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}

	40% {
		-webkit-transform: translateY(-10px);
		transform: translateY(-10px)
	}

	60% {
		-webkit-transform: translateY(-5px);
		transform: translateY(-5px)
	}
}

.bottom-tools .btn-scroll-top i {}

.bottom-tools .social-buttons {
	margin-top: 20px;
}

.bottom-tools .social-button-wrapper .title {
	margin-bottom: 10px;
}

.bottom-tools .social-button-wrapper .btn-social-icon {
	border: 1px solid #808080;
	border-radius: 50%;
	width: 40px;
	height: 40px;
}

.bottom-tools .social-button-wrapper .btn-social-icon:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bottom-tools .social-button-wrapper .btn-social-icon i {
	vertical-align: middle;
}

.bottom-tools .social-button-wrapper .btn-facebook:hover {
	border-color: #ed1943;
	background: #ed1943;
	color: white;
}

.bottom-tools .social-button-wrapper .btn-linkedin:hover {
	border-color: #7ec68f;
	background: #7ec68f;
	color: white;
}

.bottom-tools .social-button-wrapper .btn-twitter:hover {
	border-color: #5da2d8;
	background: #5da2d8;
	color: white;
}

/********************************************************************/
/***********************  Package Desgin Page  ************************/
/********************************************************************/
.package-design .color-change-text {
	-webkit-animation: color-change-text-package 41s infinite;
	animation: color-change-text-package 41s infinite;
}

.package-design .color-change-background {
	-webkit-animation-name: color-change-package;
	-webkit-animation-duration: 41s;
	animation-name: color-change-package;
	animation-duration: 41s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.package-design .see-some .item-rowspan-2 img {
	height: 95.6%;
}

.package-design .great-experience .start-packaging-project {
	font-weight: 600;
	font-size: 15px;
}

.package-design .great-experience .start-packaging-project a i {
	margin-left: 10px;
}

.package-design .include-packaging-design .title,
.package-design .keep-secret .title,
.package-design .direct-contact .title {
	margin-bottom: 50px;
}

.package-design .include-packaging-design .section-image-wrapper,
.package-design .keep-secret .section-image-wrapper {
	margin-top: -155px;
}

.package-design .include-packaging-design .section-image-wrapper picture img,
.package-design .keep-secret .section-image-wrapper picture img {
	width: 100%;
	max-width: 550px;
}

.package-design .keep-secret .section-image-wrapper picture img {
	max-width: 400px;
}

.package-design .direct-contact .section-image-wrapper picture img {
	width: 100%;
	-webkit-box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
}

.package-design .template-two .svg-wrapper img {
	width: 100%;
}

.package-design .how-it-works .template-item {
	width: 100%;
	padding: 5%;
	min-height: 250px;
	margin-top: -50px;
}

.package-design .how-it-works .row:first-child .template-item {
	margin-bottom: 100px;
}

.package-design .how-it-works .row:nth-child(2) .template-item {
	margin-bottom: -50px;
}

.package-design .how-it-works .template-item .step-header {
	font-weight: 700;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.package-design .how-it-works .template-item .description {
	margin: 0px;
	-webkit-transition: .3s all;
	transition: .3s all;
}

.package-design .projects-slider .project-item .start-project-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	;
}

.package-design .projects-slider .slider-item .btn-start-project {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	color: #B1B1B1;
}

.package-design .projects-slider .slider-item .btn-start-project .text {
	display: block;
	font-size: 16.5px;
	font-weight: bold;
	margin-bottom: 50px;
}

.package-design .projects-slider .slider-item .btn-start-project .plus {
	font-size: 75px;
	font-weight: 800;
	color: #B1B1B1 !important;
	translate: .3s all;
}

.package-design .projects-slider .slider-item .btn-start-project .plus:hover {
	color: #5da2d8 !important;
}

.package-design .template-one .description {
	max-width: 100%;
	margin-left: 0px;
}

.package-design .faq {
	padding-bottom: 0px;
}

.page-logo-design .how-it-works .border-top-special {
	padding: 70px 0px 50px;
}

.page-logo-design .how-it-works .template-two {
	margin-bottom: 167px;
}

.page-logo-design .how-it-works .border-top-special::before {
	margin-top: -83px;
}

.package-design .best-designers .template-two {
	margin-bottom: 185px;
}

.package-design .logo-timing .template-two {
	margin-bottom: 205px;
}

.package-design .more-than-logo .template-one {
	padding-bottom: 65px;
}

.package-design .more-than-logo .template-two {
	margin-bottom: 188px;
}

.package-design .pack-shape {}
.package-design .pack-shape .title {
	margin-bottom: 55px;
}
.package-design .pack-shape .desc {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
}
.package-design .pack-shape .partner-link {
	display: block;
	margin-bottom: 50px;
}
.package-design .pack-shape .partner-link img {
	max-width: 180px;
}
.package-design .pack-shape .btn-find-out {
	padding: 10px 30px;
  color: #fff;
  font-size: 16px;
  line-height: 28px;
  border-radius: 40px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.package-design .pack-shape .section-img {
	max-width: 100%;
}
.package-design .pack-shape .text {
	font-size: 14px;
	line-height: 16px;
	color: #B2B2B2;
}
.package-design .pack-shape .text .read-more-link {
	text-decoration: underline;
	font-size: 14px;
	color: #B2B2B2;
}

.affiliate-page .logo-design .header-img {
	position: relative;
}

.affiliate-page .logo-design .header-img img {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	max-width: 425px;
}

.affiliate-page .logo-design .stamp-img {
	position: absolute;
	bottom: 1rem;
	right: -130px;
	width: 130px;
}

.affiliate-page .logo-design-contest .border-top-special {
	padding-bottom: 30px;
}

.affiliate-page .logo-design-contest .get-started-link {
	margin-top: 60px;
	text-align: center;
	font-size: 15px;
}

.template-three {
	text-align: center;
	padding: 60px;
	margin-bottom: 100px;
}

.template-three .template-three-item {
	border-right: 3px solid white;
}

.template-three .template-three-item:last-child {
	border-right: 0px;
}

.template-three .template-three-item .big-text {
	line-height: 80px;
	font-size: 64px;
}

.template-three .template-three-item .small-text {
	font-size: 24px;
}

.affiliate-page .logo-design .img-slider-wrapper .image-wrapper img {
	-webkit-box-shadow: none;
	box-shadow: none;

}

.affiliate-page .be-successful ul {
	list-style: none;
	padding: 0px;
}

.affiliate-page .be-successful ul li {
	margin-bottom: 10px;
}

.affiliate-page .assist-you .assist-you-buttons {
	margin-top: 60px;
}

.affiliate-page .assist-you .assist-you-buttons .red-btn {
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	margin-bottom: 10px;
	border: 1px solid #ED1943;
	background: #ED1943;
	color: white;
}

.affiliate-page .assist-you .assist-you-buttons .red-btn:hover {
	border: 1px solid black;
	background: black;
}

.template-four {
	padding: 50px 0px;
}

.template-four .content-wrapper {
	padding-left: 0px;
}

.template-four button.template-button {
	margin-right: 50px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
}

/********************************************************************/
/***********************  Package Cost Select Page  ************************/
/********************************************************************/
.packaging-design-cost-page .page-header {
	margin-top: 142px;
	margin-bottom: 50px;
}
.packaging-design-cost-page .page-header .title {
	font-weight: 600;
	font-size: 36px;
	line-height: 48px;
	letter-spacing: -0.2px;
	color: #3E4042;
}
.packaging-design-cost-page .page-header .desc {
	font-size: 16px;
	line-height: 28px;
	color: #3E4042;
}
.packaging-design-cost-page .section-#ABABAA {
	padding: 30px 20px;
}
.packaging-design-cost-page .section-#ABABAA .sub-title {
	font-size: 18px;
	line-height: 32px;
	color: #3E4042;
	margin-bottom: 0;
	font-weight: 600;
}
.packaging-design-cost-page .package-select {
	padding: 50px 0;
}
.packaging-design-cost-page .package-select p {
	font-size: 16px;
	line-height: 24px;
	color: #B2B2B2;
	margin-bottom: 0;
}
.packaging-design-cost-page .package-select #numberpackdesigns {
	font-size: 42px;
	line-height: 78px;
	color: #3E4042;
	font-weight: 600;
}
.packaging-design-cost-page .package-select .cost {
	font-size: 32px;
	margin-top: 30px;
	margin-bottom: 40px;
	color: #3E4042;
	font-weight: 600;
}
.packaging-design-cost-page .package-select .custom-range {
	max-width: 700px;
}
.custom-range::-webkit-slider-thumb {
	background: #18DA8E;
}
.custom-range::-moz-range-thumb {
  background: #18DA8E;
}
.custom-range::-ms-thumb {
  background: #18DA8E;
}

.custom-range::-webkit-slider-runnable-track {
	background-color: #D9D9D9;
}
.custom-range::-moz-range-track {
	background-color: #D9D9D9;
 }
.custom-range::-ms-track {
	background-color: #D9D9D9;
 }
.packaging-design-cost-page .package-select .btn-start-packaging-project {
	display: inline-block;
	margin-bottom: 20px;
	font-size: 16px;
	padding: 10px 40px;
	border-radius: 40px;
	background-color: #18DA8E;
	color: white;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.31px;
	transition: all .3s ease-in-out;
}
.packaging-design-cost-page .package-select .btn-start-packaging-project:hover {
	background-color: black;
}
.packaging-design-cost-page .package-select .btn-find-out-more {
	display: inline-block;
	padding: 0;
	font-size: 16px;
	line-height: 38px;
	color: #B2B2B2;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.31px;
	transition: all .3s ease-in-out;
}
.packaging-design-cost-page .package-select .btn-find-out-more:hover {
	color: #18DA8E;
}
.packaging-design-cost-page .package-select-content .text-block .text-italic {
	font-style: italic;
	margin-top: 5px;
}
.packaging-design-cost-page .package-select-content .container {
	border-top: 2px solid #D9D9D9;
	padding: 80px 0;
}
.packaging-design-cost-page .package-select-content .container .row {
	width: 80%;
	margin: auto;
}
.packaging-design-cost-page .package-select-content .text-color-block {
	padding: 30px;
}
.packaging-design-cost-page .package-select-content .text-color-block p {
	margin-bottom: 0;
}
.packaging-design-cost-page .package-select-content .text-block {
	margin-bottom: 30px;
}
.packaging-design-cost-page .package-select-content p {
	font-size: 18px;
	line-height: 24px;
}
.packaging-design-cost-page .package-select-content .text-block h2 {
	font-size: 18px;
	line-height: 24px;
	font-weight: 600;
}
.packaging-design-cost-page .package-select-content .text-block p {
	font-size: 16px;
	line-height: 24px;
	color: #3E4042;
}
.packaging-design-cost-page .package-select-content .text-block p br {
	margin-bottom: 10px;
}
.packaging-design-cost-page .package-select-content .background-light#ABABAA {
	margin-bottom: 30px;
}
.packaging-design-cost-page .package-select-content .background-light#ABABAA p {
	color: #3E4042;
	font-weight: 600;
}
.packaging-design-cost-page .package-select-content .background-lightgreen h2 {
	font-size: 18px;
	line-height: 24px;
	color: white;
}
.packaging-design-cost-page .package-select-content .background-lightgreen p {
	color: white;
	font-weight: 400;
}
.packaging-design-cost-page .bottom-tools {
	margin-top: 50px;
}
.packaging-design-cost-page .btn-start-packaging .sub-title {
	transition: all .3s ease-in-out;
}
.packaging-design-cost-page .btn-start-packaging:hover .sub-title {
	color: #18DA8E;
}
/********************************************************************/
/***********************  Brand Identity Desgin Page  ************************/
/********************************************************************/
#brand-identity-design .color-change-text {
	-webkit-animation: color-change-text-brand 41s infinite;
	animation: color-change-text-brand 41s infinite;
}

#brand-identity-design .color-change-background {
	-webkit-animation-name: color-change-brand;
	-webkit-animation-duration: 41s;
	animation-name: color-change-brand;
	animation-duration: 41s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.brand-identity-included .brand-included-table {
	width: 100%;
}

.brand-identity-included .brand-included-table thead th {
	padding-bottom: 20px;
}

.brand-identity-included .brand-included-table tbody td {
	height: 70px;
	padding: 10px 5px;
	border-top: 1px solid rgba(173, 176, 182, .3);
}

.brand-identity-included .brand-identity-include-project {
	width: 230px;
	margin-top: 70px;
	padding: 10px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
}

#brand-identity-design .logo-design-contest .template-one,
#brand-identity-design .best-designers .template-one,
#brand-identity-design .logo-timing .template-one {
	padding-bottom: 75px;
}

#brand-identity-design .see-some .see-some-item {
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#brand-identity-design .see-some .height-55 {
	height: 28vw;
}

#brand-identity-design .see-some .height-40 {
	height: 20vw;
}

#brand-identity-design .see-some .liquid {
	background-image: url('../jpg/liquid.jpg');
	background-image: url('../webp/liquid.jpg.webp');
}

#brand-identity-design .see-some .dapix {
	margin-top: 5%;
	background-image: url('../jpg/dapix.jpg');
	background-image: url('../webp/dapix.jpg.webp');
}

#brand-identity-design .see-some .assurancematters {
	background-image: url('../jpg/assurancematters.jpg');
	background-image: url('../webp/assurancematters.jpg.webp');
}

#brand-identity-design .see-some .kao {
	margin-top: 5%;
	background-image: url('../jpg/jensenhayfarms.jpg');
	background-image: url('../webp/jensenhayfarms.jpg.webp');
}

#brand-identity-design .keep-secret .template-one {
	padding-bottom: 25px;
}

#brand-identity-design .keep-secret .section-image-wrapper picture img {
	max-width: 450px;
}

/* Real Estate Logo Design */
#real-estate-design .logo-design .img-slider-wrapper .image-wrapper {
	margin-top: 10px;
}

#real-estate-design .logo-design .title {
	padding-bottom: 25px;
}

#real-estate-design .logo-design .page-logo-btn {
	margin-top: 35px;
}

#real-estate-design .color-change-text {
	-webkit-animation: color-change-text-estate 32s infinite;
	animation: color-change-text-estate 32s infinite;
}

#real-estate-design .color-change-background {
	-webkit-animation-name: color-change-estate;
	-webkit-animation-duration: 32s;
	animation-name: color-change-estate;
	animation-duration: 32s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#real-estate-design .great-experience .container {
	padding: 100px 0px;
}

#real-estate-design .add-business-card .start-brand-project {
	font-weight: 600;
}

#real-estate-design .faq .border-top-special {
	border: none;
}

#real-estate-design .faq .border-top-special::before {
	content: none;
}

#real-estate-design .great-experience .sign img {
	max-width: 300px;
}

/* Title Multiline Design */
.multi-line .logo-design .title {
	padding-bottom: 30px;
}

.multi-line .logo-design .title h1 {
	margin-bottom: 0px;
}

.multi-line .logo-design .logo-design-list {
	margin-top: 20px;
}

.multi-line .logo-design .logo-design-list li {
	margin-bottom: 5px;
}

.multi-line .logo-design .description {
	margin-bottom: 20px;
}

.multi-line .logo-design .page-logo-btn {
	margin-top: 38px;
	margin-bottom: 0px;
}

.multi-line .logo-design .image-wrapper img {
	margin-top: 10px;
	margin-bottom: 0px;
}

/* Law Firm Design */
#law-firm-design .color-change-text {
	-webkit-animation: color-change-text-law-firm 25s infinite;
	animation: color-change-text-law-firm 25s infinite;
}

#law-firm-design .color-change-background {
	-webkit-animation-name: color-change-law-firm;
	-webkit-animation-duration: 25s;
	animation-name: color-change-law-firm;
	animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#law-firm-design h2.font-48 {
	font-size: 40px !important;
	line-height: 50px !important;
}

#law-firm-design .design-cost .border-top-special,
#law-firm-design .faq .border-top-special {
	border-top: 0px;
}

#law-firm-design .design-cost .border-top-special::before,
#law-firm-design .faq .border-top-special::before {
	content: none;
}

#law-firm-design .template-two .template-item {
	min-height: 460px;
}

/* Food Design */
#food-design .logo-design .description {
	max-width: 640px;
}

#food-design .logo-design .image-wrapper img {
	width: 100%;
	margin-left: 0px;
	margin-right: 0px;
}

#food-design .logo-design .page-logo-btn {
	margin-top: 28px;
}

#food-design .logo-design .title {
	padding-bottom: 28px;
}

#food-design .great-experience .border-top-special,
#food-design .faq .border-top-special {
	border-top: 0px;
}

#food-design .great-experience .border-top-special::before,
#food-design .faq .border-top-special::before {
	content: none;
}

#food-design .great-experience .featured-img {
	text-align: left;
}

#food-design .great-experience .featured-img img {
	display: block;
	width: 70%;
	margin-right: 20px;
	margin-left: auto;
	-webkit-box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 3px 4px 3px rgba(0, 0, 0, 0.15);
}

.page-logo-design .great-experience .experience-detail picture img {
	-webkit-box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.3);
}

#food-design .color-change-text {
	-webkit-animation: color-change-text-food 32s infinite;
	animation: color-change-text-food 32s infinite;
}

#food-design .color-change-background {
	-webkit-animation-name: color-change-food;
	-webkit-animation-duration: 32s;
	animation-name: color-change-food;
	animation-duration: 32s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#food-design .add-business-card .business-card-img {
	width: 85%;
	margin: auto;
}

#food-design .add-business-card .start-brand-project {
	letter-spacing: 1.1px;
}

#food-design .logo-design-contest {
	padding-bottom: 45px;
}

#food-design .logo-design-contest .template-two {
	margin-top: 50px;
}

/* Website Design */
#website-design .logo-design .slick-list {
	overflow: visible;
}

#website-design .logo-design .image-wrapper img {
	width: 130%;
	margin-left: -100px;
	margin-top: -50px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

#website-design .see-some .fancybox-items:hover {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0.7;
}

#website-design .see-some .website-slider picture img,
#website-design .see-some .website-slider picture source {
	width: 90%;
	margin: auto;
}

#website-design .logo-design-contest {
	padding-bottom: 45px;
}

#website-design .logo-design-contest .template-two {
	margin-top: 50px;
}

#website-design .logo-design .page-logo-btn {
	margin-top: 40px;
	margin-right: 30px;
}

#website-design .best-designers .template-two,
#website-design .logo-timing .template-two,
#website-design .more-than-logo .template-two {
	margin-top: 70px;
	margin-bottom: 200px;
}

#website-design .template-one .description {
	max-width: 100%;
	margin-left: 0;
}

#website-design .how-it-works .template-two {
	margin-bottom: 175px;
}

#website-design .logo-design-different .template-one {
	padding-bottom: 0px;
}

#website-design .logo-design-different .template-one picture {
	display: block;
	margin: 50px 0px 30px;
}

#website-design .more-than-logo .template-two .template-item {
	position: relative;
}

#website-design .more-than-logo .template-two .svg-wrapper img {
	height: auto;
}

#website-design .more-than-logo .template-two .item-link {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-bottom: 0px;
}

#website-design .add-business-card .description li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#website-design .add-business-card .description li span {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	margin-right: 5px;
}

#website-design .website-slider {
	max-width: 90%;
	margin: auto;
	margin-bottom: 80px;
}

#website-design .design-cost-table {
	margin-bottom: 0;
}

#website-design .color-change-text {
	-webkit-animation: color-change-text-website 21s infinite;
	animation: color-change-text-website 21s infinite;
}

#website-design .color-change-background {
	-webkit-animation-name: color-change-website;
	-webkit-animation-duration: 21s;
	animation-name: color-change-website;
	animation-duration: 21s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#website-design .great-experience .featured-img {
	margin-top: -30px;
}

/* Category Page */
.page-category .search-section {
	margin: 192px 0 100px;
}

.page-category .search-section .search-title {
	color: #3E4042;
	font-size: 20px;
	letter-spacing: -0.2px;
	font-weight: bold;
}

.page-category .search-section .search-form {
	display: flex;
	align-items: center;
}

.page-category .search-section .search-form .input-search {
	width: 100%;
	border: none;
	border-bottom: 1px solid #ABABAA;
	margin-right: 30px;
	font-size: 30px;
	font-weight: bold;
	line-height: 84px;
	letter-spacing: -0.2px;
}

.page-category .search-section .search-form .input-search:hover,
.page-category .search-section .search-form .input-search:focus,
.page-category .search-section .search-form .input-search:active {
	outline: none;
	box-shadow: none;
}

.page-category .search-section .search-form .input-search::placeholder {
	color: #ABABAA;
}

.page-category .search-section .search-form .btn-search {
	position: relative;
	flex-shrink: 0;
	font-weight: 700;
	letter-spacing: 1.5px;
	width: 200px;
	font-size: 16px;
	line-height: 28px;
	margin: 10px 0;
	padding: 10px;
	border-radius: 25px;
}

.page-category .search-section .search-form .btn-search::before {
	position: absolute;
	content: "";
	top: 50%;
	right: 25px;
	transform: translate(0px, -50%);
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 7px 0px 7px 7px;
	border-color: transparent transparent transparent rgb(255, 255, 255);
}

.page-category .search-section .client-feedback {
	text-align: right;
}

.page-category .search-section .client-feedback .text {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
	letter-spacing: -0.2px;
	color: #A2A3A3;
}

.page-category .search-section .client-feedback .name,
.page-category .search-section .client-feedback .link {
	margin-bottom: 0px;
	font-size: 12px;
	line-height: 18px;
	color: #A2A3A3;
}

.page-category .select-category {
	background: #f1f1f2;
	margin: 20px 0px;
	padding: 30px 0px;
}

.page-category .select-category .nav {
	display: flex;
	justify-content: space-between;
}

.page-category .select-category .nav .nav-items .nav-link {
	font-size: 14px;
	font-weight: bold;
	color: black;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-decoration: underline;
	transition: all .3s ease-in-out;
}

.page-category .select-category .nav .nav-items .nav-link.active,
.page-category .select-category .nav .nav-items .nav-link:hover {
	color: #18da8e;
}

.page-category .select-category .nav .nav-items .nav-link.nav-text {
	text-decoration: none;
}

.page-category .section-cards {
	margin-bottom: 100px;
}

.page-category .section-cards .category-card {
	position: relative;
	padding: 30px;
	padding-bottom: 80px;
	height: 100%;
	background: white;
	-webkit-box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.15);
	transition: all .3s ease-in-out;
}

.page-category .section-cards .category-card:hover {
	-webkit-box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
	box-shadow: 0px 7px 10px 5px rgba(0, 0, 0, 0.15);
}

.page-category .section-cards .category-card .text-wrapper {
	justify-content: space-between;
	display: flex;
	flex-direction: column;
}

.page-category .section-cards .category-card hr {
	border-top: 2px solid #3e4042;
	width: 20px;
	margin: 10px 0;
}

.page-category .section-cards .category-card .title {
	color: #3E4042;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: -0.2px;
	line-height: 28px;
	margin-bottom: 0;
}

.page-category .section-cards .category-card .title small {
	color: #cfcfd1;
}

.page-category .section-cards .category-card .cost {
	color: #cfcfd1;
	font-size: 14px;
	line-height: 20px;
	font-weight: 600;
	transition: all .3s ease-in-out;
}

.page-category .section-cards .category-card:hover .cost {
	color: #18da8e;
}

.page-category .section-cards .category-card .card-icon {
	min-height: 130px;
}

.page-category .section-cards .category-card .desc {
	color: #cfcfd1;
	font-size: 14px;
	line-height: 20px;
	margin: 20px 0px;
}

.page-category .section-cards .category-card ul {
	padding: 0;
	list-style: none;
}

.page-category .section-cards .category-card ul li {
	color: #cfcfd1;
	font-size: 14px;
	line-height: 28px;
	transition: all .3s ease-in-out;
}

.page-category .section-cards .category-card:hover ul li {
	color: #3e4042;
}

.page-category .section-cards .category-card ul li i {
	margin-right: 10px;
}

.page-category .section-cards .category-card:hover ul li i {
	color: #18da8e;
}

.page-category .section-cards .category-card .btn-find-out {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 18px;
	color: #cfcfd1;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
}

.page-category .section-cards .category-card:hover .btn-find-out {
	color: #3E4042;
}

.page-category .section-cards .category-card .btn-find-out i {
	margin-left: 5px;
}

.page-category .section-cards .category-card .button-group {
	position: absolute;
	padding: 30px;
	left: 0px;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.page-category .section-cards .category-card .btn-start-project {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 18px;
	color: white;
	background: #cfcfd1;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 20px;
}

.page-category .section-cards .category-card:hover .btn-start-project {
	background: #18da8e;
}

.page-category .section-cards .category-card .btn-coming-soon {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 18px;
	color: #cfcfd1;
	border: 2px solid #cfcfd1;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 20px;
	margin-left: auto;
}

.page-category .section-cards .category-card:hover .btn-coming-soon {
	border-color: #18da8e;
	color: #18da8e;
}

.page-category .section-cards .category-card .btn-start-project i {
	margin-left: 5px;
}

.page-category .section-cards .category-card .star-badge {
	position: absolute;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	font-size: 20px;
	color: white;
	background: #cfcfd1;
	transition: all .3s ease-in-out;
}

.page-category .section-cards .category-card:hover .star-badge {
	background: #18da8e;
}

.page-category .select-category #mobile_dropdown {
	display: none;
}

.page-category .select-category #mobile_dropdown>.dropdown-toggle {
	font-size: 13px;
	color: black;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

.page-category .select-category #mobile_dropdown>.dropdown-toggle:hover,
.page-category .select-category #mobile_dropdown>.dropdown-toggle:focus,
.page-category .select-category #mobile_dropdown>.dropdown-toggle:active {
	outline: none;
	box-shadow: none;
}

/* Our Work page */
.work-portfolio .search-section .title {
	font-size: 42px;
	line-height: 45px;
	font-weight: bold;
	color: #3E4042;
	letter-spacing: -0.2px;
}

.work-portfolio .search-section .desc {
	font-size: 15px;
	line-height: 23px;
	color: #3E4042;
	margin-bottom: 0px;
}

.work-portfolio .logo-icons {
	position: relative;
	margin-bottom: 30px;
	overflow: hidden;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

.work-portfolio .logo-icons .item-info {
	opacity: 0;
	position: absolute;
	padding: 0 20px;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.75);
	transition: all .3s ease-in-out;
}

.work-portfolio .logo-icons img {
	max-width: 100%;
	transition: all .3s ease-in-out;
}

.work-portfolio .logo-icons:hover img {
	transform: scale(1.1);
}

.work-portfolio .logo-icons:hover .item-info {
	opacity: 1;
}

.work-portfolio .logo-icons .item-info span {
	font-size: 10px;
	line-height: 30px;
	letter-spacing: -0.2px;
}

.work-portfolio .logo-icons .item-info .item-title {
	font-weight: bold;
}

.work-portfolio .gradient-divider {
	margin-top: -70px;
	width: 100%;
	height: 70px;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 10;
}

.work-portfolio .spinner-border {
	display: none;
	color: #18da8e;
	margin: auto;
}

.work-portfolio .btn-load-more {
	font-size: 12px;
	line-height: 20px;
	border: 2px solid #ABABAA;
	color: #ABABAA;
	font-weight: bold;
	letter-spacing: 1.2px;
	border-radius: 50px;
	margin: 50px auto 0;
	text-transform: uppercase;
	transition: all .3s ease-in-out;
}

.work-portfolio .btn-load-more:hover {
	background: #ed1943;
	border-color: #ed1943;
	color: white;
}

.sticky-footer {
	position: fixed;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	text-align: center;
	background: white;
	z-index: 10;
	-webkit-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 0px -5px 5px 0px rgba(0, 0, 0, 0.1);
}

.sticky-footer .btn-start-project, .btn-start-project {
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	text-transform: uppercase;
	background: #18DA8E;
	font-size: 16px;
	font-weight: bold;
	color: white;
	border-radius: 50px;
	letter-spacing: 1.5px;
	transition: color .3s;
}

.sticky-footer .btn-start-project:hover {
	background: white;
	color: #18DA8E;
}

.sticky-footer .money-back-guarantee {
	display: flex;
	position: absolute;
	bottom: 28px;
	right: 40px;
}
.sticky-footer .money-back-guarantee .text {
	font-size: 16px;
	color: #b2b2b2;
	line-height: 22px;
}
.sticky-footer .money-back-guarantee img {
	width: 40px;
	margin-left: 15px;
}
.fancybox-bg {
	background-color: white;
}

.fancybox-slide--image .fancybox-content {
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.2);
}

/* Banner Kit Page */
.banner-kit-page .image-wrapper {
	margin-left: -45px;
	margin-top: -6px;
}

.banner-kit-page .logo-design .page-logo-btn {
	margin-bottom: 0px;
}

.banner-kit-page .color-change-background {
	-webkit-animation-name: color-change-banner-kit;
	-webkit-animation-duration: 25s;
	animation-name: color-change-banner-kit;
	animation-duration: 25s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.banner-kit-page .color-change-text {
	-webkit-animation: color-change-text-banner-kit 25s infinite;
	animation: color-change-text-banner-kit 25s infinite;
}

.banner-kit-page .logo-design .image-wrapper img {
	box-shadow: none;
	width: 100%;
	margin: 0;
}

.banner-kit-page .great-experience .start-banner-project {
	font-weight: 600;
	margin-top: 50px;
}

.banner-kit-page .best-designers .template-two,
.banner-kit-page .logo-timing .template-two {
	margin-top: 70px;
	margin-bottom: 200px;
}

.banner-kit-page .why-matters img {
	max-width: 100%;
	max-height: 600px;
}

.banner-kit-page .why-matters .title {
	margin-bottom: 50px;
}

.banner-kit-page .browse-all-categories {
	font-weight: 600;
	margin-bottom: 100px;
}

.banner-kit-page .more-than-logo .template-two .template-item {
	position: relative;
	text-align: center;
}

.banner-kit-page .more-than-logo .template-two .item-link {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-bottom: 0px;
}

/* Reviews Page */
.reviews-page .section-review-header {
	margin: 192px 0 100px;
}

.reviews-page .section-review-header .title {
	font-size: 42px;
	line-height: 45px;
	font-weight: bold;
	color: #3E4042;
	letter-spacing: -0.2px;
	margin-bottom: 50px;
}

.reviews-page .section-review-header .descriptions {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.reviews-page .section-review-header .desc {
	font-size: 15px;
	line-height: 23px;
	color: #3E4042;
	margin-bottom: 0px;
	max-width: 530px;
}

.reviews-page .section-review-header .total-rating {
	display: inline-block;
	float: right;
	padding-left: 40px;
	border-left: 2px solid #d3d3d3;
}

.reviews-page .section-review-header .total-rating h3 {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 10px;
}

.reviews-page .great-experience .review-slider .slick-dots {
	bottom: 0;
}

.reviews-page .stars {
	display: flex;
}

.reviews-page .stars .star-icon {
	width: 30px;
}

.reviews-page .stars .star-icon img {
	max-width: 100%;
}

.reviews-page .section-review-header .total-rating .stars .star-icon {
	width: 20%;
	max-width: 45px;
}

.reviews-page .section-review-header .total-rating p {
	font-size: 20px;
	font-style: italic;
	margin-top: 10px;
	margin-bottom: 0;
}

.reviews-page .section-review-header .btn-get-your-design {
	width: 240px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	font-weight: 700;
	letter-spacing: 1.5px;
	margin-top: 50px;
	color: white
}

.reviews-page .border-top-special::before {
	width: 20px;
	height: 20px;
	margin-top: -110px;
	margin-left: auto;
}
.reviews-page .great-experience .featured-img img {
	-webkit-box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0 6px 0 rgba(0, 0, 0, 0.3);
}

.reviews-page .great-experience .review-slider {
	max-width: 1000px;
	margin: auto;
}

.reviews-page .section-all-reviews .toolbar {
	display: flex;
	justify-content: flex-end;
	text-transform: uppercase;
	margin-bottom: 100px;
}

.reviews-page .section-all-reviews .toolbar .filter {
	margin-bottom: 0;
	margin-right: 10px;
	font-weight: 600;
	text-transform: uppercase;
}

.reviews-page .section-all-reviews .toolbar .filter label {
	margin-bottom: 0;
	margin-right: 10px;
}

.reviews-page .section-all-reviews .toolbar .filter select {
	border: 0px;
	font-weight: 600;
	text-transform: uppercase;
}

.reviews-page .section-all-reviews .feedbacks {}

.reviews-page .section-all-reviews .feedbacks .feedback {
	margin-bottom: 30px;
	padding: 30px;
	padding-bottom: 10px;
	box-shadow: 0px 0px 4.9px 0.1px rgba(0, 0, 0, 0.15);
}

.reviews-page .section-all-reviews .feedbacks .feedback .ratings {}

.reviews-page .section-all-reviews .feedbacks .feedback .ratings .stars .star-icon i {
	font-size: 24px;
}
.reviews-page .section-all-reviews .feedbacks .feedback .ratings .avg-score {
	color: #B2B2B2;
	font-size: 14px;
}

.reviews-page .section-all-reviews .feedbacks .feedback-content  .star-icon {
	width: 20px;
}

.reviews-page .section-all-reviews .feedbacks .feedback-content .client-name {
	font-size: 24px;
	line-height: 28px;
	font-weight: 600;
}

.reviews-page .section-all-reviews .feedbacks .feedback-content .date {
	display: block;
	font-size: 14px;
	line-height: 18px;
	color: #B2B2B2;
	margin-bottom: 20px;
}

.reviews-page .section-all-reviews .feedbacks .feedback-content .review-item {
	display: flex;
	margin-bottom: 10px;
}
.reviews-page .section-all-reviews .feedbacks .feedback.collapsed .feedback-content .review-item {
	display: none;
}
.reviews-page .section-all-reviews .feedbacks .feedback-content .review-item label {
	font-size: 14px;
	margin-bottom: 0;
	margin-right: 30px;
	color: #b2b2b2;
}

.reviews-page .section-all-reviews .feedbacks .feedback-content .review-item-text {
	margin-bottom: 20px;
}
.reviews-page .section-all-reviews .feedbacks .feedback.collapsed .feedback-content .client-review-text,
.reviews-page .section-all-reviews .feedbacks .feedback.collapsed .feedback-content .designbro-review-text {
	display: none;
}
.reviews-page .section-all-reviews .feedbacks .feedback-content hr {
	margin: 30px 0;
}
.reviews-page .section-all-reviews .feedbacks .feedback.collapsed .feedback-content hr {
	display: none;
}
.reviews-page .section-all-reviews .feedbacks .feedback-content .designbro-reply {
	font-size: 14px;
	margin-bottom: 20px;
	color: #b2b2b2;
}
.reviews-page .section-all-reviews .feedbacks .feedback.feedback.collapsed .feedback-content .designbro-reply {
	display: none;
}
.reviews-page .section-all-reviews .feedbacks .info {
	padding-left: 30px;
	border-left: 2px solid #d3d3d3;
}
.reviews-page .section-all-reviews .feedbacks .category {
	margin-bottom: 20px;
	font-weight: 600;
}

.reviews-page .section-all-reviews .feedbacks .counts {
	margin-bottom: 10px;
}

.reviews-page .section-all-reviews .feedbacks .btn-collapse-feedback {
	color: #b2b2b2;
}
.reviews-page .section-all-reviews .feedbacks .btn-collapse-feedback:hover,
.reviews-page .section-all-reviews .feedbacks .btn-collapse-feedback:focus,
.reviews-page .section-all-reviews .feedbacks .btn-collapse-feedback:active {
	outline: none;
	box-shadow: none;
}
.reviews-page .section-all-reviews .feedbacks .feedback .btn-collapse-feedback i {
	transition: all .3s ease-in-out;
}
.reviews-page .section-all-reviews .feedbacks .feedback.collapsed .btn-collapse-feedback i {
	transform: rotate(180deg);
}

/* New Home Page */
.average-total-star-rating {
	text-align: center;
	padding: 10px;
}
.average-total-star-rating p {
	display: inline;
	font-size: 19px;
	line-height: 24px;
	font-weight: 500;
	color: white;
	margin-bottom: 0;
	vertical-align: middle;
}
.average-total-star-rating img {
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 3px;
	max-width: 100px;
}
.average-total-star-rating p a {
	color: white;
	text-decoration: underline;
	font-size: 19px;
}
.popular-projects .title {
	font-size: 42px;
	line-height: 45px;
	letter-spacing: -0.2px;
	margin-bottom: 80px;
	font-weight: 600;
}
.popular-projects .popular-projects_content {
	text-align: center;
}
.popular-projects .popular-projects_content .project-item {
	position: relative;
	padding: 30px;
	padding-bottom: 100px;
	height: calc(100% + 70px);
	margin-top: -70px;
	background-color: white;
	box-shadow: 0 2.83px 5.67px rgba(132, 132, 132, 0.75);
	color: #3E4042;
}
.popular-projects .popular-projects_content .project-item__image {
	margin-bottom: 30px;
	height: 80px;
}
.popular-projects .popular-projects_content .project-item__title {
	font-size: 20px;
	line-height: 28px;
	font-weight: 600;
	letter-spacing: -0.2px;
}
.popular-projects .popular-projects_content .project-item__price {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 10px;
	color: #CFCFD1;
	transition: all .3s ease-in-out;
}
.popular-projects .popular-projects_content .project-item:hover .project-item__price {
	color: #18DA8E;
}
.popular-projects .popular-projects_content .project-item__desc {
	text-align: left;
	list-style: none;
	padding: 0;
}
.popular-projects .popular-projects_content .project-item__desc li {
	font-size: 14px;
	line-height: 26px;
	color: #cfcfd1;
	display: flex;
	align-items: baseline;
}
.popular-projects .popular-projects_content .project-item .project-item__desc li i {
	transition: all .3s ease-in-out;
}
.popular-projects .popular-projects_content .project-item:hover .project-item__desc li i {
	color: #18DA8E;
}
.popular-projects .popular-projects_content .project-item .btn-find-out {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 18px;
	color: #cfcfd1;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 20px;
}

.popular-projects .popular-projects_content .project-item:hover .btn-find-out {
	color: #3E4042;
}

.popular-projects .popular-projects_content .project-item .btn-find-out i {
	margin-left: 5px;
}

.popular-projects .popular-projects_content .project-item .button-group {
	position: absolute;
	padding: 30px;
	left: 0px;
	bottom: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.popular-projects .popular-projects_content .project-item .btn-start-project {
	font-size: 12px;
	letter-spacing: 1.2px;
	line-height: 18px;
	color: white;
	background: #cfcfd1;
	font-weight: 600;
	text-transform: uppercase;
	padding: 10px 20px;
	border-radius: 20px;
}
.popular-projects .popular-projects_content .project-item .btn-start-project i {
	margin-left: 5px;
}
.popular-projects .popular-projects_content .project-item:hover .btn-start-project {
	background: #18da8e;
}

.popular-projects .popular-projects_content .project-item__desc li i {
	margin-right: 10px;
}
.popular-projects .popular-projects_content .project-item .star-badge {
	position: absolute;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	font-size: 18px;
	color: white;
	background: #cfcfd1;
	transition: all .3s ease-in-out;
}
.popular-projects .popular-projects_content .project-item:hover .star-badge {
	background: #18da8e;
}

.popular-projects .popular-projects_content .btn-browse-all {
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 10px 30px;
	font-size: 16px;
	line-height: 28px;
	border-radius: 25px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}

.easy-steps {
	padding: 100px 0;
}
.easy-steps h1 {
	font-size: 42px;
	line-height: 45px;
	margin-bottom: 30px;
	font-weight: 600;
}
.easy-steps .step {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.easy-steps .step .step-image {
	flex-shrink: 0;
	width: 200px;
	margin-right: 50px;
	cursor: pointer;
}
.easy-steps .step .step-image img {
	max-width: 100%;
}
.easy-steps .step .step-content .step-title {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	color: #CFCFD1;
}
.easy-steps .step .step-content .step-title h3 {
	font-size: 30px;
	line-height: 45px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin-bottom: 0;
	flex-shrink: 0;
	margin-right: 50px;
	transition: all .3s ease-in-out;
}
.easy-steps .step .step-content .step-title hr {
	border-color: #CFCFD1;
	border-width: 2px;
	width: 100%;
	transition: all .3s ease-in-out;
}
.easy-steps .step .step-content .step-desc {
	font-size: 15px;
	line-height: 23px;
	color: #3E4042;
}
.easy-steps .step.image-right {
	flex-direction: row-reverse;
}
.easy-steps .step.image-right .step-image {
	margin-right: 0;
	margin-left: 50px;
}
.easy-steps .step.image-right .step-content .step-title {
	flex-direction: row-reverse;
}
.easy-steps .step.image-right .step-content .step-title h3 {
	margin-right: 0;
	margin-left: 50px;
}
.easy-steps .step.image-right .step-content .step-desc {
	text-align: right;
}
.easy-steps .step:hover .step-content .step-title h3 {
	color: #18DA8E;
}
.easy-steps .step:hover .step-content .step-title hr {
	border-color: #18DA8E;
}
.easy-steps .btn-find-more {
	font-size: 16px;
	line-height: 20px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 1.2px;
	vertical-align: middle;
	color: #18DA8E;
	display: inline-flex;
	align-items: center;
	margin: 50px auto 0;
}
.easy-steps .btn-find-more img {
	width: 20px;
	margin-left: 10px;
}
.start-project-new {
	padding: 50px 0;
	text-align: center;
}
.start-project-new .title {
	font-size: 30px;
	line-height: 36px;
	letter-spacing: -0.2px;
	font-weight: 600;
	color: #3E4042;
}
.start-project-new .title i {
	margin-left: 10px;
}
.about-designers-new {
	padding: 100px 0;
	color: #3e4042;
}
.about-designers-new .designer-image {
	max-width: 100%;
}
.about-designers-new .title {
	font-size: 42px;
	line-height: 46px;
	font-weight: 600;
	letter-spacing: -0.2px;
	margin-bottom: 40px;
}
.about-designers-new .desc {
	font-size: 15px;
	line-height: 23px;
	margin-bottom: 80px;
}
#videoModal .modal-dialog {
	max-width: 800px;
}
#videoModal .modal-content {
	position: relative;
}
#videoModal .modal-content .close {
	position: absolute;
	top: -40px;
	right: 0;
	font-size: 40px;
	line-height: 40px;
	z-index: 2;
}
.modal-backdrop {
	background-color: white;
}


/* Flyers Page */
#flyer-design .logo-design .slick-list {
	overflow: visible;
}

#flyer-design .logo-design .image-wrapper img {
	width: 114%;
	margin-left: -100px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#flyer-design .see-some img {
	box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.15);
}

#flyer-design .see-some .fancybox-items:hover {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0.7;
}

#flyer-design .see-some .website-slider picture img,
#flyer-design .see-some .website-slider picture source {
	width: 90%;
	margin: auto;
}
#flyer-design .logo-design-different img {
	height: 320px;
}

#flyer-design .logo-design-contest {
	padding-bottom: 45px;
}

#flyer-design .logo-design-contest .template-two {
	margin-top: 50px;
}

#flyer-design .logo-design .page-logo-btn {
	margin-top: 40px;
	margin-right: 30px;
}

#flyer-design .best-designers .template-two,
#flyer-design .logo-timing .template-two,
#flyer-design .more-than-logo .template-two {
	margin-top: 70px;
	margin-bottom: 200px;
}

#flyer-design .template-one .description {
	max-width: 100%;
	margin-left: 0;
}

#flyer-design .how-it-works .template-two {
	margin-bottom: 175px;
}

#flyer-design .logo-design-different .template-one picture {
	display: block;
	margin: 50px 0px 30px;
}

#flyer-design .more-than-logo .template-two .template-item {
	position: relative;
}
#flyer-design .more-than-logo .template-two .template-item:hover {
	background-color: white;
}
#flyer-design .more-than-logo .template-two .template-item .title {
	font-weight: bold;
}
#flyer-design .more-than-logo .template-two .template-item .item-link {
	transition: all .3s ease-in-out;
}
#flyer-design .more-than-logo .template-two .template-item:hover .item-link{
	color: #7ec68f;
}
#flyer-design .more-than-logo .template-two .svg-wrapper img {
	height: auto;
}

#flyer-design .more-than-logo .template-two .item-link {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-bottom: 0px;
}

#flyer-design .add-business-card .description li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#flyer-design .add-business-card .description li span {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	margin-right: 5px;
}

#flyer-design .website-slider {
	max-width: 90%;
	margin: auto;
	margin-bottom: 80px;
}

#flyer-design .design-cost-table {
	margin-bottom: 0;
}

#flyer-design .color-change-text {
	-webkit-animation: color-change-text-flyer 21s infinite;
	animation: color-change-text-flyer 21s infinite;
}

#flyer-design .color-change-background {
	-webkit-animation-name: color-change-flyer;
	-webkit-animation-duration: 21s;
	animation-name: color-change-flyer;
	animation-duration: 21s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#flyer-design .great-experience .featured-img {
	margin-top: -30px;
}

#flyer-design .font-48 {
	line-height: 52px !important;
}
#flyer-design .more-than-logo .template-two .template-item {
	min-height: 420px;
}
#flyer-design .add-business-card .start-brand-project {
	margin-top: 50px;
}
/* Poster Design */
#poster-design .logo-design .slick-list {
	overflow: visible;
}

#poster-design .logo-design .image-wrapper img {
	width: 88%;
	margin-left: auto;
	margin-right: auto;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#poster-design .see-some img {
	box-shadow: 0px 4px 10px 5px rgba(0, 0, 0, 0.15);
}
#poster-design .see-some .fancybox-items:hover {
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 0.7;
}

#poster-design .see-some .website-slider picture img,
#poster-design .see-some .website-slider picture source {
	width: 90%;
	margin: auto;
}

#poster-design .logo-design-different img {
	height: 320px;
}

#poster-design .logo-design-contest {
	padding-bottom: 45px;
}

#poster-design .logo-design-contest .template-two {
	margin-top: 50px;
}

#poster-design .logo-design .page-logo-btn {
	margin-top: 40px;
	margin-right: 30px;
}

#poster-design .best-designers .template-two,
#poster-design .logo-timing .template-two,
#poster-design .more-than-logo .template-two {
	margin-top: 70px;
	margin-bottom: 200px;
}

#poster-design .template-one .description {
	max-width: 100%;
	margin-left: 0;
}

#poster-design .how-it-works .template-two {
	margin-bottom: 175px;
}

#poster-design .logo-design-different .template-one picture {
	display: block;
	margin: 50px 0px 30px;
}

#poster-design .more-than-logo .template-two .template-item {
	position: relative;
}

#poster-design .more-than-logo .template-two .template-item:hover {
	background-color: white;
}

#poster-design .more-than-logo .template-two .template-item .title {
	font-weight: bold;
}

#poster-design .more-than-logo .template-two .template-item .item-link {
	transition: all .3s ease-in-out;
}

#poster-design .more-than-logo .template-two .template-item:hover .item-link {
	color: #7ec68f;
}

#poster-design .more-than-logo .template-two .svg-wrapper img {
	height: auto;
}

#poster-design .more-than-logo .template-two .item-link {
	position: absolute;
	bottom: 30px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	margin-bottom: 0px;
}

#poster-design .add-business-card .description li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

#poster-design .add-business-card .description li span {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	margin-right: 5px;
}

#poster-design .website-slider {
	max-width: 90%;
	margin: auto;
	margin-bottom: 80px;
}

#poster-design .design-cost-table {
	margin-bottom: 0;
}

#poster-design .color-change-text {
	-webkit-animation: color-change-text-poster 21s infinite;
	animation: color-change-text-poster 21s infinite;
}

#poster-design .color-change-background {
	-webkit-animation-name: color-change-poster;
	-webkit-animation-duration: 21s;
	animation-name: color-change-poster;
	animation-duration: 21s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

#poster-design .great-experience .featured-img {
	margin-top: -30px;
}

#poster-design .font-48 {
	line-height: 52px !important;
}

#poster-design .more-than-logo .template-two .template-item {
	min-height: 420px;
}

#poster-design .add-business-card .start-brand-project {
	margin-top: 50px;
}
/********************************************************************/
/***********************  Pack Help Page  ************************/
/********************************************************************/
#pack_help p {
	font-size: 16.5px;
	line-height: 28px;
	color: #3E4042;
}
#pack_help .section-desc {
	font-weight: bold;
}
#pack_help .main-banner {
	padding-top: 152px;
	padding-bottom: 100px;
}
#pack_help .main-banner .title {
	max-width: 450px;
}
#pack_help .main-banner .pack-help-logo {
	max-width: 300px;
	margin-bottom: 30px;
}
#pack_help .main-banner .title {
	font-weight: bold;
	font-size: 38px;
	line-height: 46px;
	margin-bottom: 45px;
}
#pack_help .main-banner .btn-visit-packhelp {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	max-width: 250px;
	padding: 15px;
	text-transform: uppercase;
	color: white;
	border-radius: 40px;
	letter-spacing: 2px;
}
#pack_help .main-banner .section-image {
	max-width: 100%;
}
#pack_help .main-banner .desc {
	font-size: 14px;
	line-height: 16px;
}

#pack_help .main-banner .desc .read-more-link {
	font-size: 14px;
	line-height: 16px;
	color: #b2b2b2;
	text-decoration: underline;
	transition: color .3s ease-in-out;
}
#pack_help .main-banner .desc .read-more-link:hover {
	color: black;
}
#pack_help .main-banner-desc p {
	font-size: 16.5px;
  line-height: 28px;
	max-width: 500px;
	margin: auto;
}
#pack_help .blue-banner {
	background: #3B61FF;
	padding: 50px;
	text-align: center;
}
#pack_help .blue-banner .section-title {
	font-size: 24px;
	font-weight: bold;
	color: white;
}
#pack_help .pack-step {
	padding: 100px 20px;
	text-align: center;
}
#pack_help .pack-step .section-title {
	margin-bottom: 60px;
}
#pack_help .pack-step .col-md-4 {
	border-right: 1px solid #d3d3d3;
}
#pack_help .pack-step .col-md-4::after {
	border-right: none;
}
#pack_help .pack-step .step {
	cursor: pointer;
}
#pack_help .pack-step .step:hover .st0{
	fill: #3B61FF;
}
#pack_help .pack-step .step:hover .step-label {
	color: #3E4042;
}
#pack_help .pack-step .step-image {
	max-width: 150px;
	margin: auto;
	margin-bottom: 20px;
}
#pack_help .pack-step .step-image .st0 {
	fill: #d9d9d9;
	transition: fill .3s ease-in-out;
}
#pack_help .pack-step .step-label {
	font-size: 22px;
  line-height: 26.4px;
  color: #D9D9D9;
  font-weight: bold;
  max-width: 250px;
	margin: auto;
	transition: all .3s ease-in-out;
}
#pack_help .about-pack-help .section-title {
	margin-bottom: 40px;
}
#pack_help .about-pack-help .section-image {
	max-width: 450px;
	margin: auto;
}
#pack_help .about-pack-help .about-pack-help-content {
	max-width: 510px;
}
#pack_help .about-pack-help .btn-pack-shape {
	margin-top: 20px;
  max-width: 350px;
	font-size: 16px;
	font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  width: 100%;
  border-radius: 40px;
	padding: 10px 20px;
	letter-spacing: 2px;
  line-height: 28px;
}
#pack_help .how-help .how-help-content {
	max-width: 480px;
}
#pack_help .how-help .section-title {
	margin-bottom: 40px;
}
#pack_help .how-help .btn-get-design {
	padding: 10px 0;
	position: relative;
	margin-right: 10px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3B61FF;
	letter-spacing: 2px;
}
#pack_help .how-help .btn-get-design::after {
	position: absolute;
	content: '';
	bottom: 0;
	left: 0;
	height: 2px;
	width: 100%;
	background: #3B61FF;
}
#pack_help .how-help .btn-get-pack {
	font-size: 16px;
	font-weight: bold;
	padding: 10px 20px;
	line-height: 28px;
	border-radius: 40px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 2px;
}
#pack_help .section-image {
	max-width: 500px;
}
#pack_help .special-offer .special-offer-content {
	max-width: 550px;
}
#pack_help .special-offer .section-title {
	margin-bottom: 40px;
}
#pack_help .special-offer .button-group {
	margin-top: 30px;
}
#pack_help .special-offer .blue-btn {
	padding: 10px 20px;
	border-radius: 40px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 28px;
	letter-spacing: 1.2px;
	margin-right: 10px;
	color: white;
	letter-spacing: 2px;
}
#pack_help .background-light#ABABAA {
	padding: 50px;
	text-align: center;
}
#pack_help .background-light#ABABAA a {
	text-decoration: underline;
}

/********************************************************************/
/**********************  Contact Page  ***********************/
/********************************************************************/
#contact-page .contact-form {
	padding: 170px 0 70px;
	color: #3E4042;
}
#contact-page .contact-form .title {
	font-size: 46px;
	line-height: 55.2px;
	font-weight: bold;
	color: #3E4042;
	margin-bottom: 30px;
}
#contact-page .contact-form .status-box {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#contact-page .contact-form .status-box .avatars {
	align-items: flex-start; /* new */
	display: flex;
}
#contact-page .contact-form .status-box .avatars .avatar {
	align-items: flex-start; /* new */
	position: relative;
	width: 50px;
	border-radius: 50%;
	box-shadow: 0px 1px 5px rgba(100, 100, 100, 0.4);
}
#contact-page .contact-form .status-box .avatars .avatar:first-child {
	align-items: flex-start; /* new */
	z-index: 3;
}
#contact-page .contact-form .status-box .avatars .avatar:nth-child(2) {
	align-items: flex-start; /* new */
	left: -10px;
	z-index: 2;
}
#contact-page .contact-form .status-box .avatars .avatar:nth-child(3) {
	align-items: flex-start; /* new */
	left: -20px;
	z-index: 1;
}

#contact-page .contact-form .status-box .status-text {
	margin-bottom: 0;
	margin-right: 5px;
}
#contact-page .contact-form .status-box .status-text .status-badge {
	width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #18DA8E;
  display: inline-block;
  margin-right: 5px;
}
#contact-page .contact-form .status-box .btn-chat-now {
	color: #18DA8E;
	text-decoration: underline;
	font-weight: bold;
}
#contact-page .contact-form .description {
	font-size: 16px;
  line-height: 24px;
	letter-spacing: -0.09px;
	max-width: 700px;
	margin-bottom: 40px;
}
#contact-page .contact-form .contact-img {
	max-width: 300px;
}
#contact-page .contact-form form {}
#contact-page .contact-form form .form-control {
	color: #B2B2B2;
  font-size: 16px;
  line-height: 19.2px;
  padding: 25px 20px;
  margin-bottom: 20px;
}
#contact-page .contact-form form .btn-submit {
	background: #18DA8E;
  width: 140px;
  border-radius: 30px;
  font-size: 16px;
  line-height: 19px;
  height: auto;
  padding: 10px 20px;
  text-transform: uppercase;
  color: #fff;
  border: none;
  letter-spacing: 1px;
	font-weight: bold;
	transition: all .3s ease-in-out;
}
#contact-page .contact-form form .btn-submit:hover {
	background: black;
}
#contact-page .contact-form form .btn-submit:disabled {
	background: grey;
}

#contact-page .contact-form .contact-info {
	background: #eee;
	padding: 20px;
	max-width: 300px;
}
#contact-page .contact-form .contact-info .contact-info-title {
	font-size: 24px;
	line-height: 28.8px;
	font-weight: bold;
}
#contact-page .contact-form .contact-info p {
	font-size: 14px;
	margin-bottom: 12px;
}
#contact-page .contact-form .contact-info p strong {
	font-size: 16px;
}


/********************************************************************/
/***********************  Responsive Styles  ************************/
/********************************************************************/
@media (min-width: 1440px) {
	.container {
		/* max-width: 1360px; */
	}
}

@media (max-width: 1439px) {
	.page-logo-design .logo-design .img-slider-wrapper {
		margin-bottom: -48px;
		margin-top: 48px;
	}

	#food-design .logo-design .image-wrapper img {
		margin-top: 25px;
	}

	.package-design .more-than-logo .template-item {
		width: 80%;
	}

	#brand-identity-design .logo-design-contest .template-two .template-item {
		min-height: 460px;
	}

	#website-design .template-two .template-item {
		position: relative;
		min-height: 470px;
	}

	#website-design .how-it-works .template-two .template-item {
		min-height: 500px;
	}

	.page-category .select-category .nav .nav-items .nav-link {
		font-size: 13px;
		line-height: 20px;
	}

	.page-category .section-cards .category-card {
		padding-bottom: 100px;
	}

	.page-category .section-cards .category-card .button-group {
		justify-content: center;
	}

	.page-category .section-cards .category-card .btn-coming-soon {
		margin-right: auto;
	}
	.popular-projects .popular-projects_content .project-item .button-group {
		justify-content: center;
	}
	#flyer-design .logo-design .image-wrapper img {
		margin-left: 0;
		margin-bottom: 0;
	}
	#flyer-design .template-two .template-item {
		min-height: 500px;
	}
	#flyer-design .logo-timing .template-item {
		min-height: 560px;
	}
	#flyer-design .logo-design-different img {
		height: 400px;
	}
	#poster-design .template-two .template-item {
		min-height: 500px;
	}
	#poster-design .logo-timing .template-item {
		min-height: 600px;
	}
}

@media (max-width: 1199px) {
	.page-logo-design .logo-design .img-slider-wrapper {
		margin-bottom: -77px;
		margin-top: 77px;
	}

	.page-logo-design .how-it-works .template-item .step-wrapper {
		padding-top: 20px;
	}

	.page-logo-design .logo-timing .template-two .template-item {
		min-height: 500px;
	}

	#food-design .logo-design .image-wrapper img {
		margin-top: 35px;
	}

	.package-design .include-packaging-design .title,
	.package-design .keep-secret .title,
	.package-design .direct-contact .title {
		margin-bottom: 30px;
	}

	.package-design .how-it-works .template-item {
		min-height: 300px;
	}

	.package-design .more-than-logo .template-item {
		width: 100%;
	}

	.package-design .logo-timing .template-two .template-item {
		min-height: 490px;
	}

	#brand-identity-design .keep-secret .template-one {
		padding-bottom: 75px;
	}

	#real-estate-design .logo-design .img-slider-wrapper .image-wrapper {
		margin-top: 0px;
	}

	#website-design .logo-design .image-wrapper img {
		width: 100%;
		margin-left: 0;
		margin-bottom: 0px;
		margin-top: 30px;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.page-home .home-banner.new-design1 h1 {
		font-size: 48px;
		line-height: 58px;
	}

	.page-home .home-banner.new-design1 .nav .nav-item .nav-link {
		letter-spacing: 1.5px;
	}

	.page-home .home-banner.new-design2>.container {
		max-width: 800px;
	}

	.page-category .section-cards .category-card .text-wrapper {
		min-height: 130px;
	}

	.reviews-page .section-review-header .total-rating h3 {
		font-size: 28px;
	}

	.reviews-page .section-review-header .total-rating .stars i {
		font-size: 30px;
	}

	.reviews-page .section-review-header .total-rating p {
		font-size: 18px;
	}
	#flyer-design .logo-design .image-wrapper img {
		margin-top: 40px;
		width: 100%;
	}
	#flyer-design .logo-design-different img {
		height: 540px;
	}
	#poster-design .logo-design-different img {
		height: 540px;
	}
	#pack_help .how-help .btn-get-design {
		margin-bottom: 20px;
	}
	#pack_help .special-offer .blue-btn {
		margin-bottom: 20px;
	}
	#pack_help .about-pack-help .section-image,
	#pack_help .section-image {
		max-width: 100%;
	}
}

@media (max-width: 991px) {
	#categoryDesktop{
		display:none!important;
	}
	#mobile_dropdown{
		display:block!important;
	}
	.top-bar {
		font-size: 12px;
	}
	.top-bar-countdown {
		font-size: 12px;
	}


	.page-logo-design .logo-design .img-slider-wrapper {
		margin-bottom: -125px;
		margin-top: 125px;
	}

	.home-banner .font-48 {
		font-size: 34px !important;
		line-height: 44px !important;
	}

	.page-home .home-banner h1 {
		margin-top: 11vw;
		margin-bottom: 40px;
	}

	header.header-home .top-menu-open {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}

	header.header-home .menu-close {
		display: block !important;
	}

	header.header-home {
		min-height: 70px;
	}

	header.header-home .top-menu {
		position: fixed;
		display: block;
		right: -330px;
		top: 0;
		bottom: 0;
		width: 330px;
		background: white;
		padding: 60px 30px 30px 30px;
		overflow: scroll;
		z-index: 10;
	}

	header.header-home .top-menu.show {
		right: 0;
	}

	header.header-home .top-menu::-webkit-scrollbar {
		display: none;
	}

	header.header-home .top-menu .menu-item {
		padding: 15px 0;
		margin-left: 40px;
		border-bottom: 1px solid rgba(59, 63, 74, .08);
	}

	header.header-home .top-menu .menu-item:last-child {
		border-bottom: none;
	}

	header.header-home .top-menu .menu-item>a {
		color: #3b3f4a;
		font-weight: 400;
		margin-left: 0;
		padding-left: 0;
	}

	header.header-home .top-menu .top-sub-menu {
		position: relative;
		overflow: hidden;
		opacity: 1;
		height: 0;
		padding: 0 0;
		margin: 0 0 0 20px;
		background: transparent;
	}

	header.header-home .menu-item.active .top-sub-menu {
		height: auto;
		padding: 10px 0;
		margin: 15px 0 0 20px;
	}

	header.header-home .top-menu .top-sub-menu .sub-menu-item {
		line-height: 13px;
		padding: 6.5px 0;
	}

	header.header-home .top-menu .top-sub-menu .sub-menu-item:hover {
		background-color: transparent;
	}

	header.header-home .top-menu .top-sub-menu .sub-menu-item a {
		font-weight: 400;
		font-size: 13px;
		line-height: 18px;
		color: rgb(59, 63, 74);
	}
	header.header-home .top-menu .menu-item>a.active {
		color: #18da8e!important;
	}

	header.header-home .top-menu .top-sub-menu .sub-menu-item:hover a {
		color: #ed1847;
	}

	header.header-home .has-submenu>a:after {
		position: absolute;
		content: "\f067";
		font-family: 'Font Awesome 5 Free', Fallback;
		font-weight: 900;
		font-size: 16px;
		line-height: 1;
		font-style: normal;
		right: 30px;
		margin-top: 3px;
		color: rgba(59, 63, 74, .27);
		-webkit-transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		transition: all 300ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	}

	header.header-home .has-submenu.active>a:after {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.page-logo-design .how-it-works .template-item {
		min-height: 460px;
	}

	.page-logo-design .logo-timing .template-two .template-item {
		min-height: 520px;
	}

	.package-design .how-it-works .template-item {
		min-height: 300px;
	}

	.package-design .include-packaging-design .section-image-wrapper,
	.package-design .keep-secret .section-image-wrapper {
		margin-top: 0px;
	}

	.package-design .more-than-logo .template-two .svg-wrapper {
		padding-top: 20px;
		margin-bottom: 20px;
	}

	.package-design .more-than-logo .template-two .title {
		height: 56px;
	}

	.package-design .more-than-logo .template-two .description {
		height: 112px;
	}

	.package-design .logo-timing .template-two .template-item {
		min-height: 520px;
	}

	.affiliate-page .logo-design .image-wrapper {
		padding-top: 70px;
	}

	#brand-identity-design .keep-secret .template-one {
		padding-bottom: 100px;
	}

	#real-estate-design .logo-design .img-slider-wrapper .image-wrapper {
		margin-top: 35px;
	}

	#law-firm-design .logo-design .image-wrapper img {
		margin-top: 33px;
	}

	#website-design .logo-timing .template-two .template-item {
		min-height: 520px;
	}

	#food-design .great-experience .featured-img img {
		width: 100%;
	}

	.page-home .home-banner.new-design1 .get-started-wrapper a {
		margin-left: 0;
	}

	.page-home .home-banner.new-design1 .nav .nav-item .nav-link {
		font-size: 14px;
		padding: 8px 10px;
	}

	.page-home .home-banner.new-design1 .nav {
		flex-wrap: nowrap;
	}

	.page-category .search-section .search-form {
		flex-wrap: wrap;
	}

	.reviews-page .section-review-header .desc {
		max-width: none;
		margin-bottom: 20px;
	}

	.reviews-page .section-review-header .total-rating {
		display: block;
		float: none;
		padding-left: 0;
		border-left: 0;
	}

	.reviews-page .section-review-header .total-rating br {
		display: none;
	}
	.reviews-page .great-experience .experience-detail picture img {
		max-width: 200px;
	}
	.reviews-page .section-all-reviews .feedbacks .info {
		border: 0;
		padding-left: 0;
	}
	.popular-projects .popular-projects_content .project-item {
		margin-top: 0;
		height: 100%;
	}
	.average-total-star-rating p:first-child {
		display: block;
		margin-bottom: 10px;
	}
	.about-designers-new .desc {
		margin-bottom: 30px;
	}
	.how-we-work-new .container {
		flex-direction: column;
		align-items: flex-start !important;
	}
	.how-we-work-new .btn-start-project {
		margin-left: 0;
	}
	.how-we-work-new .video-content .desc_wrapper {
		flex-direction: column;
		align-items: flex-start;
	}
	#flyer-design .logo-design-different img {
		width: 100%;
		height: auto;
	}
	#poster-design .logo-design-different img {
		width: 100%;
		height: auto;
	}
	.package-design .pack-shape .title {
		margin-bottom: 30px;
	}
	.package-design .pack-shape .desc {
		margin-bottom: 10px;
	}
	.package-design .pack-shape .partner-link {
		margin-bottom: 20px;
	}
}

@media (max-width: 767px) {

	.container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}

	.affiliate-page .logo-design .image-wrapper {
		padding-top: 0px;
	}

	.template-three .template-three-item {
		border: 0px;
		margin-bottom: 30px;
	}

	header.header-other .logo a {
		padding: 44px 20px 0 20px;
	}

	footer.footer-black .first-footer {
		display: none;
	}

	footer.footer-black {
		padding-top: 0;
		text-align: center;
	}

	footer.footer-black .second-footer p {
		text-align: center;
		width: 100%;
	}

	footer.footer-#ABABAA .first-footer {
		display: none;
	}

	footer.footer-#ABABAA {
		padding-top: 0;
		text-align: center;
	}

	footer.footer-#ABABAA .second-footer p {
		text-align: center;
		width: 100%;
	}

	.page-home .service-kinds .service-item {
		margin-bottom: 50px;
	}

	.page-home .find-items>div {
		margin-bottom: 35px;
	}

	.page-home .designer-details {
		margin-top: 50px;
	}

	.page-home .find-out-more {
		margin-top: -250px;
	}

	.page-home .how-we-work .description {
		width: 100%;
	}

	.page-home .example-works .slick-prev {
		left: -35px;
	}

	.page-home .about-designer {
		padding: 100px 0;
	}

	.accordion__content {
		padding: 20px 20px 20px 53px;
	}

	header.header-other {
		padding-top: 30px;
		min-height: 70px;
	}

	header.header-other .logo {
		min-height: 70px;
	}

	header.header-other .login-link {
		margin-top: -70px;
		min-height: 70px;
	}

	.page-logo-design .logo-design .img-slider-wrapper {
		width: 100%;
		height: auto;
	}

	.page-logo-design .logo-design .page-logo-btn {
		margin-right: 10px;
	}

	.page-logo-design .template-one .description {
		padding-left: 15px;
		margin-left: 0;
	}

	.page-logo-design .logo-design .img-slider-wrapper {
		margin-bottom: 0;
	}

	.page-logo-design .template-two .template-item {
		margin-bottom: 110px;
	}

	.page-logo-design .template-two .row div:last-child .template-item {
		margin-bottom: -70px;
	}

	.page-logo-design .great-experience .featured-img img {
		margin-left: 0;
		width: 100%;
	}

	.page-logo-design .great-experience .experience-detail {
		padding-left: 15px !important;
		margin-top: 30px;
	}

	.page-logo-design .great-experience .experience-detail h3 {
		font-size: 22px;
		margin-top: 20px;
	}

	.page-logo-design .design-cost-table {
		width: 96%;
		margin-left: 2%;
	}

	.page-logo-design .design-cost-table tbody {
		font-size: 16px;
		line-height: 28px;
	}

	.page-logo-design .logo-timing .template-two .template-item {
		margin-bottom: 110px;
	}

	.page-logo-design .logo-timing .template-two .row .div:last-child .template-item {
		margin-bottom: -90px;
	}

	.page-logo-design .template-item {
		min-height: auto !important;
		padding-bottom: 20px !important;
	}

	.package-design .how-it-works .row .template-item {
		width: 90%;
	}

	.package-design .how-it-works .row:nth-child(2) .template-item {
		margin-top: 130px;
		margin-bottom: -70px;
	}

	.package-design .more-than-logo .template-two .title {
		height: auto;
	}

	.package-design .more-than-logo .template-two .description {
		height: auto;
	}

	.package-design .direct-contact .section-image-wrapper {
		margin-top: 30px;
	}

	.package-design .see-some .item-rowspan-2 img {
		height: auto;
	}

	.template-four .content-wrapper {
		padding-left: 15px;
	}

	.template-four .button-wrapper {
		text-align: center !important;
		margin-top: 20px;
	}

	.template-four .content-wrapper {
		padding-left: 15px;
	}

	.template-four .button-wrapper .template-button {
		margin-right: 0px;
	}

	#law-firm-design .logo-design .image-wrapper img {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#website-design .logo-design .image-wrapper img {
		margin-top: 0px;
		margin-bottom: 20px;
	}

	#website-design .more-than-logo .template-two .item-link {
		position: relative;
		bottom: auto;
		left: auto;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	#food-design .add-business-card .business-card-img {
		width: 100%;
	}

	#website-design .great-experience .featured-img {
		margin-top: 0;
	}

	.page-home .home-banner.new-design1 {
		padding-bottom: 50px;
	}

	.page-home .home-banner.new-design1 h1 {
		font-size: 34px;
		line-height: 44px;
		margin-top: 50px;
	}

	.page-home .home-banner.new-design1 .nav {
		flex-wrap: wrap;
	}

	.page-home .home-banner.new-design1 .nav .nav-item {
		width: 100%;
	}

	.page-home .home-banner.new-design1 .nav .nav-item a.nav-link {
		width: 100%;
	}

	.page-home .home-banner.new-design2 .nav a.nav-link::after {
		content: none;
	}

	.page-home .home-banner.new-design1 .nav {
		margin-top: 0px;
	}

	.page-home .home-banner.new-design1 .nav .nav-item:first-child .nav-link {
		padding-left: 10px;
	}

	.page-category .search-section .client-feedback .text {
		text-align: left;
		margin-top: 20px;
	}

	.page-category .search-section .client-feedback .text br {
		display: none;
	}

	.page-category .search-section .search-form .input-search {
		font-size: 24px;
		line-height: 50px;
		margin-right: 0px;
	}

	.page-category .section-cards .category-card .button-group {
		justify-content: space-between;
	}

	.page-category .search-section {
		margin: 142px 0px 50px;
	}

	.page-category .select-category {
		margin: 50px 0;
	}
	#flyer-design .more-than-logo .template-two .item-link {
		position: relative;
		bottom: 0;
	}
	#flyer-design .logo-design-different img {
		width: 400px;
		margin-bottom: 50px;
	}
	#flyer-design .great-experience .experience-detail h3 br {
		display: none;
	}
	#flyer-design .add-business-card .start-brand-project {
		margin-top: 50px;
	}
	.packaging-design-cost-page .bottom-tools {
		justify-content: center;
	}
	.packaging-design-cost-page .bottom-tools .logo-wrapper,
	.packaging-design-cost-page .bottom-tools .other-links {
		display: none;
	}
	#contact-page .contact-form .contact-info {
		max-width: none;
		margin-bottom: 20px;
		column-count: 2;
	}
}
@media (max-width: 567px) {
	.page-logo-design .logo-design {
		padding-top: 145px;
	}

	.page-logo-design .logo-design .img-slider-wrapper {
		margin-top: 20px;
	}

	.page-logo-design .how-it-works .works-slider-wrapper {
		height: 300px;
	}

	.page-logo-design .how-it-works .works-slider-wrapper .works-slider {
		padding-top: 5%;
		width: 80%;
	}

	.page-logo-design .how-it-works img {
		max-width: unset;
	}

	.top-bar-countdown-blue {
		font-size: 13px;
	}

	.template-three .template-three-item .big-text {
		font-size: 54px;
	}

	.page-category .section-cards .category-card .cost {
		display: none;
	}

	.page-category .select-category .nav {
		display: none;
	}

	.page-category .select-category #mobile_dropdown {
		display: block;
	}
	.how-we-work-new .container,
	.easy-steps .step {
		flex-wrap: wrap;
	}
	.packaging-design-cost-page .page-header {
		margin-top: 142px;
		margin-bottom: 50px;
	}
	.packaging-design-cost-page .package-select,
	.packaging-design-cost-page .package-select-content .container {
		padding: 50px 0;
	}
	.page-logo-design .logo-design-reviews .review-wrapper .designer-review {
		height: auto;
		max-height: 84px;
	}
	#contact-page .contact-form .status-box {
		flex-wrap: wrap;
	}
	#contact-page .contact-form .status-box .avatars {
		width: 100%;
		margin-bottom: 10px;
	}
	#contact-page .contact-form .contact-info {
		column-count: 1;
	}

}










/********************************************************************/
/**********************  Animation Keyframes  ***********************/
/********************************************************************/
@keyframes color-change {
	0% {
		background-color: #fff1c6;
	}

	8.33% {
		background-color: #fff1c6;
	}

	11.66% {
		background-color: #fff1c6;
	}

	16.66% {
		background-color: #dce6f5;
	}

	25% {
		background-color: #dce6f5;
	}

	28.33% {
		background-color: #dce6f5;
	}

	33.33% {
		background-color: #ecddec;
	}

	41.66% {
		background-color: #ecddec;
	}

	45% {
		background-color: #ecddec;
	}

	50% {
		background-color: #dedfe0;
	}

	58.33% {
		background-color: #dedfe0;
	}

	61.66% {
		background-color: #dedfe0;
	}

	66.66% {
		background-color: #e9dad1;
	}

	75% {
		background-color: #e9dad1;
	}

	78.33% {
		background-color: #e9dad1;
	}

	83.33% {
		background-color: #fde0cd;
	}

	91.66% {
		background-color: #fde0cd;
	}

	95% {
		background-color: #fde0cd;
	}

	100% {
		background-color: #fff1c6;
	}
}

@keyframes color-change-package {
	0% {
		background-color: #FBE9D3;
	}

	10% {
		background-color: #FBE9D3;
	}

	20% {
		background-color: #FFF3CC;
	}

	30% {
		background-color: #FFF3CC;
	}

	40% {
		background-color: #D8E8D1;
	}

	50% {
		background-color: #D8E8D1;
	}

	60% {
		background-color: #CCE0F2;
	}

	70% {
		background-color: #CCE0F2;
	}

	80% {
		background-color: #DBD9D8;
	}

	90% {
		background-color: #DBD9D8;
	}

	100% {
		background-color: #FBE9D3;
	}
}

@keyframes color-change-brand {
	0% {
		background-color: #fbe9d3;
	}

	10% {
		background-color: #fbe9d3;
	}

	20% {
		background-color: #e5f1d8;
	}

	30% {
		background-color: #e5f1d8;
	}

	40% {
		background-color: #d4e8e7;
	}

	50% {
		background-color: #d4e8e7;
	}

	60% {
		background-color: #cfe5f6;
	}

	70% {
		background-color: #cfe5f6;
	}

	80% {
		background-color: #e2e3e4;
	}

	90% {
		background-color: #e2e3e4;
	}

	100% {
		background-color: #fbe9d3;
	}
}

@keyframes color-change-estate {
	0% {
		background-color: #F6EBE1;
	}

	12.5% {
		background-color: #F6EBE1;
	}

	25% {
		background-color: #E1E8F6;
	}

	37.5% {
		background-color: #E1E8F6;
	}

	50% {
		background-color: #E3F3EC;
	}

	62.5% {
		background-color: #E3F3EC;
	}

	75% {
		background-color: #E0ECF5;
	}

	87.5% {
		background-color: #E0ECF5;
	}

	100% {
		background-color: #F6EBE1;
	}
}

/* 3 pictures for lawfirm */
@keyframes color-change-law-firm {
	0% {
		background-color: #fff1c6;
	}

	16.5% {
		background-color: #fff1c6;
	}

	33.2% {
		background-color: #e8e8e8;
	}

	49.9% {
		background-color: #e8e8e8;
	}

	66.6% {
		background-color: #d3e1ef;
	}

	83.3% {
		background-color: #d3e1ef;
	}

	100% {
		background-color: #fff1c6;
	}
}

/* 4 pictures for food */
@keyframes color-change-food {
	0% {
		background-color: #F4E8D9;
	}

	20% {
		background-color: #F4E8D9;
	}

	25% {
		background-color: #DFE7DE;
	}

	45% {
		background-color: #DFE7DE;
	}

	50% {
		background-color: #D9EDF3;
	}

	70% {
		background-color: #D9EDF3;
	}

	75% {
		background-color: #ECE9E3;
	}

	95% {
		background-color: #ECE9E3;
	}

	100% {
		background-color: #F4E8D9;
	}
}

@keyframes color-change-website {
	0% {
		background-color: #DAEEF2;
	}

	30% {
		background-color: #DAEEF2;
	}

	33.3% {
		background-color: #FAEEDC;
	}

	63.3% {
		background-color: #FAEEDC;
	}

	66.6% {
		background-color: #D6E0DD;
	}

	96.6% {
		background-color: #D6E0DD;
	}

	99.9% {
		background-color: #DAEEF2;
	}
}

@keyframes color-change-text {
	0% {
		color: #fecf0a;
	}

	8.33% {
		color: #fecf0a;
	}

	11.66% {
		color: #fecf0a;
	}

	16.66% {
		color: #192a55;
	}

	25% {
		color: #192a55;
	}

	28.33% {
		color: #192a55;
	}

	33.33% {
		color: #866196;
	}

	41.66% {
		color: #866196;
	}

	45% {
		color: #866196;
	}

	50% {
		color: #000;
	}

	58.33% {
		color: #000;
	}

	61.66% {
		color: #000;
	}

	66.66% {
		color: #3b190c;
	}

	75% {
		color: #3b190c;
	}

	78.33% {
		color: #3b190c;
	}

	83.33% {
		color: #f16924;
	}

	91.66% {
		color: #f16924;
	}

	95% {
		color: #f16924;
	}

	100% {
		color: #fecf0a;
	}
}

@keyframes color-change-text-package {
	0% {
		color: #E88929;
	}

	10% {
		color: #E88929;
	}

	20% {
		color: #FFCD03;
	}

	30% {
		color: #FFCD03;
	}

	40% {
		color: #78A863;
	}

	50% {
		color: #78A863;
	}

	60% {
		color: #2A476C;
	}

	70% {
		color: #2A476C;
	}

	80% {
		color: #000000;
	}

	90% {
		color: #000000;
	}

	100% {
		color: #E88929;
	}
}

@keyframes color-change-text-brand {
	0% {
		color: #e88929;
	}

	10% {
		color: #E88929;
	}

	20% {
		color: #9ccb3d;
	}

	30% {
		color: #9ccb3d;
	}

	40% {
		color: #4cb6b0;
	}

	50% {
		color: #4cb6b0;
	}

	60% {
		color: #179fda;
	}

	70% {
		color: #179fda;
	}

	80% {
		color: #a3a5a8;
	}

	90% {
		color: #a3a5a8;
	}

	100% {
		color: #e88929;
	}
}

@keyframes color-change-text-estate {
	0% {
		color: #D08E53;
	}

	12.5% {
		color: #D08E53;
	}

	25% {
		color: #0047B8;
	}

	37.5% {
		color: #0047B8;
	}

	50% {
		color: #03CD9D;
	}

	62.5% {
		color: #03CD9D;
	}

	75% {
		color: #10203B;
	}

	87.5% {
		color: #10203B;
	}

	100% {
		color: #D08E53;
	}
}

@keyframes color-change-text-law-firm {
	0% {
		color: #ffd200;
	}

	16.5% {
		color: #ffd200;
	}

	33.2% {
		color: #a6a6a6;
	}

	49.9% {
		color: #a6a6a6;
	}

	66.6% {
		color: #133256;
	}

	83.3% {
		color: #133256;
	}

	100% {
		color: #ffd200;
	}
}

@keyframes color-change-text-food {
	0% {
		color: #DFB485;
	}

	12.5% {
		color: #DFB485;
	}

	25% {
		color: #5C6B4D;
	}

	37.5% {
		color: #5C6B4D;
	}

	50% {
		color: #00A9DE;
	}

	62.5% {
		color: #00A9DE;
	}

	75% {
		color: #A4987A;
	}

	87.5% {
		color: #A4987A;
	}

	100% {
		color: #DFB485;
	}
}

@keyframes color-change-text-website {
	0% {
		color: #32778B;
	}

	30% {
		color: #32778B;
	}

	33.3% {
		color: #E9B464;
	}

	63.3% {
		color: #E9B464;
	}

	66.6% {
		color: #1F534B;
	}

	96.6% {
		color: #1F534B;
	}

	99.9% {
		color: #32778B;
	}
}

/* Banner kit */
@keyframes color-change-banner-kit {
	0% {
		background-color: #eedff7;
	}

	16.5% {
		background-color: #eedff7;
	}

	33.2% {
		background-color: #e0f2fd;
	}

	49.9% {
		background-color: #e0f2fd;
	}

	66.6% {
		background-color: #fae8d3;
	}

	83.3% {
		background-color: #fae8d3;
	}

	100% {
		background-color: #eedff7;
	}
}

@keyframes color-change-text-banner-kit {
	0% {
		color: #7e4bad;
	}

	16.5% {
		color: #7e4bad;
	}

	33.2% {
		color: #17518b;
	}

	49.9% {
		color: #17518b;
	}

	66.6% {
		color: #e48618;
	}

	83.3% {
		color: #e48618;
	}

	100% {
		color: #7e4bad;
	}
}
/* Flyer Color */
@keyframes color-change-flyer {
	0% {
		background-color: #e1e9ec;
	}

	30% {
		background-color: #e1e9ec;
	}

	33.3% {
		background-color: #e6f3f6;
	}

	63.3% {
		background-color: #e6f3f6;
	}

	66.6% {
		background-color: #f6e7db;
	}

	96.6% {
		background-color: #f6e7db;
	}

	99.9% {
		background-color: #e1e9ec;
	}
}
@keyframes color-change-text-flyer {
	0% {
		color: #2a647d;
	}

	30% {
		color: #2a647d;
	}

	33.3% {
		color: #5fb0c6;
	}

	63.3% {
		color: #5fb0c6;
	}

	66.6% {
		color: #974726;
	}

	96.6% {
		color: #974726;
	}

	99.9% {
		color: #2a647d;
	}
}
/* Poster Color */
@keyframes color-change-poster {
	0% {
		background-color: #f1e2d6;
	}

	30% {
		background-color: #f1e2d6;
	}

	33.3% {
		background-color: #dff0ff;
	}

	63.3% {
		background-color: #dff0ff;
	}

	66.6% {
		background-color: #feefda;
	}

	96.6% {
		background-color: #feefda;
	}

	99.9% {
		background-color: #f1e2d6;
	}
}

@keyframes color-change-text-poster {
	0% {
		color: #a0573e;
	}

	30% {
		color: #a0573e;
	}

	33.3% {
		color: #1687e8;
	}

	63.3% {
		color: #1687e8;
	}

	66.6% {
		color: #f6a659;
	}

	96.6% {
		color: #f6a659;
	}

	99.9% {
		color: #a0573e;
	}
}

/********************************************************************/
/**************************  Svg Colors  ****************************/
/********************************************************************/
.icostar0 {
	fill: #c2e2c2;
}

.icostar1 {
	fill: #7fc690;
}

.icostar2 {
	fill: none;
	stroke: #7fc690;
	stroke-width: 3;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}

.ico-c0 {
	fill: #c2e2c2;
}

.ico-c1 {
	fill: #d3ead7;
}

.ico-c2 {
	fill: #7fc690;
}

.ico-shield0 {
	fill: #c1e1c1;
}

.ico-shield1 {
	fill: #c7e5cc;
}

.ico-shield2 {
	fill: #7ec68f;
}

.des-ico0 {
	fill: #ccc9e5;
}

.des-ico1 {
	fill: #777aba;
}

.brand-ico0 {
	fill: none;
	stroke: #7fc690;
	stroke-width: 3;
	stroke-miterlimit: 10;
}

.brand-ico1 {
	fill: #c2e2c2;
}

.brand-ico2 {
	fill: #7fc690;
}

.brand-ico3 {
	fill: transparent;
}

.brand-ico4 {
	fill: transparent;
}

.pack-ico0 {
	fill: #c2e2c2
}

.pack-ico1 {
	fill: #7fc690
}

.pack-ico2 {
	fill: none;
	stroke: #7fc690;
	stroke-width: 3;
	stroke-linejoin: round;
	stroke-miterlimit: 10
}


/*START ---- ADDED BY RALFH FOR DESIGNER PROFILE ---- START*/

div.avatar > img{
	border-radius: 50%;
	height:110px!important;
}
div.reviews-container{
	margin-top:160px!important;
}

@media all and (max-width:767px) {
	div.designer-bio{
		border-left:0px!important;
		padding-left:0px!important;
	}
	.designer-button-div{
		text-align: center!important;
		margin-top:20px;
	}
	div.reviews-container{
		margin-top:0px!important;
	}
}
@media all and (max-width:1024) {

}
@media all and (max-width:1172) {
	div.avatar {
		display:flex;
		justify-content: center;
	}
	div.designer-bio{
		border-left:0px!important;
		font-size: 20px!important;
		padding-left:0px!important;
	}
	.designer-button-div{
		text-align: center!important;
	}
}
.designer-button-div{
	margin-left:9px!important;
}

.green{
	color:#18da8e;
}
span.star{
	font-size:20px!important;
	margin-top: -10px!important;
}

div.designer-status-div{
	margin-top:10px;
}
span.designer-status{
	color:#fff;
	border-radius:20px;
	background-color: #18da8e;
	font-size:9px;
	padding:2px 7px;
	font-weight: bold;
	text-transform: uppercase;
}
.designer-name{
	font-weight: bold;
	margin-bottom:0px;
}

div.score{
	font-size:11px;
	margin-left:10px;
	font-weight: 600;
}
.text-blur{
	color:#A2A3A3;
}
table.designer-details{
	margin-left:8px;
}
table.designer-details tr td{
	font-size: 13px;
	padding:0px;
}
button.btn-white{
	font-size: 11px;
	border-radius: 20px;
	color:#18da8e;
	background-color: #fff;
	border:1.5px solid #18da8e;
	height:26px;
	font-weight: 550;
	padding-right:10px;
	padding-left:10px;
}

button.btn-white:hover {
	color:#fff;
	background-color: #18da8e;
	border:1px solid #18da8e;
	fill:white;
}
div.designer-bio{
	border-left:2px solid #18da8e;
	font-size: 13px;;
	margin-top:32px;
	padding-left:15px;
}

.card-footer{
	background-color: white!important;
	padding: 5px 10px!important;
	font-size: 12px;
	line-height: 1.2;
}
div.card-footer > .category-title{
	font-weight: bold;
}
div.card-footer > .category-price{
	color:#18da8e!important;
}
.review-title{
	font-size: 12px;
	font-weight: bold;
}
span.review-price{
	font-weight: bold;
	color:#18da8e!important;
}
span.reviews{
	margin-top:20px;
	font-weight: bold;
	font-size:17px;
	margin-bottom:30px;
	color:#A2A3A3!important;
}
div.reviews-container{
	margin-bottom: 35px;
}
div.card-body{
	padding:10px;
}
div.review-card{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.06);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.06);
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.06);
    color: #3E4042;
}
span.review-brand{
	font-size:10px;
	margin-top:-3px!important;
	position: absolute;
}
div.review-star-date{
	font-size: 13px;;
	margin-top:10px;
}
p.review-review{
		margin:0;
		font-size: 12px;
}
hr.review-hr{
	width:85%;
	margin-left:7.5%;
	color:#ddd;
	margin-top:0.5rem;
	margin-bottom:0.5rem;
}
#load-more{
	margin-bottom:20px;
}
.work_portfolios{
	display: flex;
	flex-direction: column;
}
.page-category .designer-section {
	margin: 162px 0 0;
}
.page-category .designer-category {
	background: #f1f1f2;
	margin: 50px 0px!important;
	padding: 20px 0px;
}

.page-category .designer-category .nav {
	display: flex!important;
	justify-content: space-between!important;
}

.page-category .designer-category .nav .nav-items .nav-link {
	font-size: 12px;
	font-weight: bold;
	color: black;
	line-height: 30px;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	text-decoration: underline;
	transition: all .3s ease-in-out;
}

.page-category .designer-category .nav .nav-items .nav-link.active,
.page-category .designer-category .nav .nav-items .nav-link:hover {
	color: #ed1943;
}

.page-category .designer-category .nav .nav-items .nav-link.nav-text {
	text-decoration: none;
}

 .designer-start-project {
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
	border: 2px solid #18da8e;
	background: #18DA8E;
	font-size: 10px;
	font-weight: 600;
	color: white;
	border-radius: 50px;
	transition: color .3s;
	color:white!important;
}

.designer-start-project:hover {
	background: #fff;
	color: #18da8e!important;
}

#designer-category{
	margin:60px 0px;
	padding:10px 0px!important;
}

section.designers-category{
	margin:60px 0px 45px 0px!important;
	padding:10px 0px!important;
}
#designer-category a{
	font-size: 10px!important;
}
div.portfolio-image{
	height:185px!important;
	max-height:185px!important;
	display : flex;
	align-items : center;
	justify-content: center;
  	overflow: hidden;
}

.portfolio-image > img{
	max-height:185px!important;
  	overflow: hidden;
}
section.review-section{
	margin-top: 26px;
	margin-bottom:100px;
}
div.card-footer{
	min-height: 40px!important;
}
small.product-small{
	margin-top:-1px!important;
}
a.back{
	font-size:16px;
	margin-left: 15px;
	color:#b7bcc0;
	font-weight: bold
}
a.back:hover{
	margin-left: 15px;
	color:gray;
}
div.logo-icons div.card-cooter{
	line-height: 1;
}
span.review-date{
	font-size:11px;
	margin-top:5px;
	color: #6c757d!important;
}
.dropdown-menu.show{
	display:block;
}

div.pointer{
	cursor: pointer!important;
}


/*END ---- ADDED BY RALFH FOR DESIGNER PROFILE ---- END*/


/*START ---- ADDED BY RALFH FOR DESIGNERS PAGE ---- START*/
.work-portfolio .search-section .designer-title {
    font-size: 28px;
    line-height: 35px;
    font-weight: bold;
    color: #3E4042;
}

textarea.designer-input, input.designer-input{
    width: 100%;
    border: none;
    border-bottom: 1px solid #e6e7e8;
    letter-spacing: -0.2px;
    outline: none;
    color:#3E4042;
}
textarea.designer-input::placeholder,input.designer-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #ABABAA;
  opacity: 1; /* Firefox */
}

div.search-form{
	margin-top:10px;
}
div.search-form input, div.search-form button, div.search-form table tr td{
    font-size: 14px;
}
div.search-form span{
	margin-left:2px;
}
div.search-form button.btn-search-designer{
/*    background: #18DA8E;
    color: white;
    border-radius: 50px;
    transition: color .3s;
    font-size: 10px;
    padding: 5px 15px 5px 15px;*/
    text-decoration: none;
    font-size: 15px!important;
    border: 2px solid #18da8e;
    background: #18DA8E;
    font-size: 10px;
    font-weight: 600;
    color: white;
    border-radius: 50px;
    transition: color .3s;
    color: white!important;
    padding-left:15px;
    padding-right:15px;
}
div.search-form button.btn-search-designer:hover{
	background: white;
	color: #18DA8E!important;
    border-color: #18DA8E;
}
div.search-form table tr td{
	padding:0px!important;
}
section#designer-search-section{
margin-bottom: 0px!important;
}
div.designers-card-footer{
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top:10px!important;
  padding-bottom: 10px!important;
}
div.designer-card{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
}

div.designers-card-footer a{
	font-size: 11.7px;
	color: #ABABAA!important;
	flex: 1;          /* shorthand for: flex-grow: 1, flex-shrink: 1, flex-basis: 0 */
	display: flex;
	justify-content: flex-start;
	align-items: center;
    font-weight: bold;
}

div.designers-card-footer a:hover{
	color:#00dd95!important;
}


div.designers-card-footer button:hover{
	color:#fff!important;
    border: 1px solid #00dd95;
    background-color: #00dd95;
}

div.designers-card-footer button{
	font-size: 11.7px;
    border: 1.3px solid #ABABAA;
	color: #ABABAA;
	border-radius: 50px;
	transition: all .3s ease-in-out;
	background-color: #fff;
	padding: 6px 12px 6px 12px;
	display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}
div.designer-card div.card-header{
	background-color: #fff;
	padding:.75rem!important;
}
div.designer-badge{
	color:#fff!important;
    border: 1px solid #00dd95;
    background-color: #00dd95;
    font-size:10px;
	text-transform: uppercase;
	border-radius:50px!important;
	position:absolute;
	top:-10px;
	z-index: 9!important;
	padding: .15rem .75rem;
	right:0;
	margin-right:30px!important;
	font-weight: 600;
}
div.designer-card div.card-header img{
	border-radius:50px;
	width:33px;
	height:33px;
}
div.designer-card div.card-header table tr td{
	vertical-align: top!important;
}
div.designer-card span.designer-name{
	font-size:14px;
	position:relative;
  	top:-5px;
}
div.designer-card div.designer-stats{
	position:relative;
  	top:-12px;
}
div.designer-card div.designer-stats span.review-count{
	font-size: 10px;
	color:#ABABAA;
}
div.designer-card div.designer-header{
	height:33px!important;
}

div.designer-card div.designer-avlblty{
	font-size:11px;
	color: #ABABAA;
}

div.designer-card div.designer-avlblty div{
  display: flex;
  align-items: bottom!important; /* Vertical */
}
div.modal-header-designer, div.modal-footer-designer{
	border-top:none!important;
	border-bottom:none!important;
	font-size: 13px!important
}
.text-center{
	text-align: center!important;
}



div.shareModal h2{
	font-size: 25px;
    line-height: 45px;
    font-weight: bold;
    color: #3E4042;
}

div.shareModal div.share-header{
	font-size: 20px;
    line-height: 45px;
    font-weight: bold;
    color: #00dd95;
    text-align: center;
    width: 100%
}
div.shareModal span{
	font-size: 16px;
    line-height: 45px;
    font-weight: bold;
    color: #3E4042;
}
div.shareModal button.close{
	position: absolute!important;
    right: 0!important;
    margin-right: 10px!important;
    top: 0!important;
    margin-top: 5px!important;
    padding:0px!important;
}
div.shareModal div.modal-body{
	padding-top:0px!important;
}
div.shareModal div.modal-footer-designer{
	align-items: center;
    padding: 1rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: .3rem;
    border-bottom-left-radius: .3rem;
    text-align: center;
}
div.shareModal a{
	color:#18da8e;
	font-size: 13px!important;
	text-decoration: underline!important;
	font-weight: bold;
}
div.shareModal input{
	font-size: 13px!important;
	color:#3E4042;
}
div.shareModal input::placeholder{
	color: #ABABAA;
}
div.shareModal small{
	font-size: 10px!important
}
div.shareModal button.btn-send-email-active{
	color:#fff!important;
    border: 1px solid #00dd95!important;
    background-color: #00dd95!important;
}

div.shareModal button.btn-send-email{
	border: 1.5px solid #DDDDDD;
	color: #ddd;
	border-radius: 50px;
	transition: all .3s ease-in-out;
	background-color: #fff;
	padding:5px 15px 5px 15px;
	font-weight: bold;
}
div.shareModal div.share-body{
	font-size:14px;
}

div.shareModal button.btn-continue{
	margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    border: 2px solid #18da8e;
    background: #18DA8E;
    font-size: 12px;
    font-weight: 600;
    color: white;
    border-radius: 50px;
    transition: color .3s;
    color: white!important;
}
div.shareModal button.btn-continue:hover {
	background: #fff;
	color: #18da8e!important;
}


div.filterDiv{
	font-size: 12px;
	color: #ABABAA;
}
div.filterDiv select{
	border:none;
	border-bottom:1px solid #e6e7e8;
	color: #ABABAA;
}
span.online{
	color:#00dd95;
}
button.close{
	color:#ABABAA!important;
	font-weight: 100!important;
}
div.modal-content{
	-webkit-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
}
/*Grey Footer*/
footer.footer-grey {
	background-color: #e8e8e8;
	padding-top: 80px;
}

footer.footer-grey .first-footer {
	padding-bottom: 40px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}

footer.footer-grey ul {
	list-style: none;
	padding-left: 0;
}

footer.footer-grey ul li {
	margin-bottom: 15px;
}

footer.footer-grey ul li a {
	color: #5c5c5c;
	font: 14px;
	font-weight: 400;
	line-height: 26px;
}

footer.footer-grey ul li a:hover {
	color: #ED1943;
}

footer.footer-grey .second-footer {
	border-top: 2px solid #d3d3d3;
	padding: 15px 0;
}

footer.footer-grey .second-footer p {
	font-size: 13px;
	line-height: 25px;
	margin: 0;
	color: #5e5e5e;
}
span.copied{
	display:none;
	font-size:11px;
	color: #5e5e5e;
}
/*END ---- ADDED BY RALFH FOR DESIGNERS PAGE ---- END*/