@import "root.css";/* Using a string */

.fixed-action-btn {
    position: fixed;
    right: 65px;
    bottom: 65px;
    padding-top: 15px;
    margin-bottom: 0;
    z-index: 997;
}

.fixed-action-btn .main {
    background-image: linear-gradient(#4e2f8c, #4e2f8c);
}


body {
	height: 100%;
	font-family: 'Cairo-Bold';
	color: #4e2f8c;
}

body,html
{
	overflow-x: hidden;
}
.view-page-content {
    margin-top: 2rem;
}



.preloader
{
	z-index:1001;
}

.flash-success.contact {
	border-style: solid;
	border-width: 5px;
	border-color: #1c2c5d;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 40px;
	border-radius: 3px;
	margin: 0 0 2em 0;
	text-align: center;
	font-size: 24px;
	color: #155724;
	background-color: #d4edda;
	border-color: #c3e6cb;
}

.flash-success.contact i {
	display: inline-block;
	width: 50px;
	height: 50px;
	border: 4px solid #155724;
	border-radius: 100%;
	line-height: 45px;
	font-size: 2rem;
	margin-bottom: 20px;
}

.hppi-hcustom-sec-img {
	text-align: center;
}

.list-view .summary {
	display: none;
}

.home-txt-div {
	position: relative;
}

.form-control {
	border: 1px solid #cad4de;
	width: 100%;
	background-color: #f9fbfd;
	margin-bottom: 30px;
	border-radius: 3px;
	height: 40px;
}

header.fixed-top {
	padding: 0 !important;
	background: #4e2f8c;
	width: 100%;
	position: relative;
	-webkit-box-shadow: 0px 4px 6px #4e2f8c7d;
	box-shadow: 0px 4px 6px #4e2f8c7d;
	/*padding-bottom: 5px;*/
	z-index: 9999;
	position: relative;
}

.hero-slider {
	/* z-index: -1;*//* uncomment this to show the header's shadow but you won't be able to click the a tag */
}

.page-header-title {
	background-color: #dff1f8;
	width: 100%;
	background-image: url(img/parallax2.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	background-attachment: fixed;
	background-position: center bottom 21px;
	padding: 50px 0;
	background-size: cover;
}

h3.content-title {
	font-size: 40px;
	color: #fff;
	text-transform: capitalize;
	display: inline-block;
	margin: 0;
	font-weight: 300;
}

.overlay-blue {
	position: absolute;
	background: rgba(28, 44, 93, 0.50);
	height: 100%;
	width: 100%;
	top: 0;
}
.page-header-title .overlay-blue-dark {
	background: rgba(78, 47, 140, 0.5) !important;
}

#menu ul > li.current-menu-item > a {
	background-color: #fce04a;
	border-radius: 50px;
	color: #1c2c5f;
	margin: 0 10px;
	padding: 5px 10px;
	position: relative;
	top: -5px;
}

.notfound h1, .notfound h2 {
	color: #4e2f8c;
}

li#language-select {
	direction: rtl;
}

li#language-select img {
	margin: 0 0 0 5px;
}

.this-is-side {
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	border-radius: 3px;
	width: 100%;
	max-width: 500px;
	background: #ffffff9c;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
	border-style: solid;
	border-width: 5px 0 0;
	border-color: #4e2f8c;
}

.this-is-side-one  .section-big-title {
	color: #4e2f8c;
	font-size: 18px;
	margin: 15px 10px 0 10px;
	padding-bottom: 15px;
	display: block;
}

hr.side-hr-break {
	margin-bottom: 25px;
	height: 5px;
	margin-top: 30px;
}

.this-is-side hr.side-hr-break:last-child {
	display: none;
}

div#main-wrapper {
	margin-bottom: 4rem;
}

ul.product_list_widget {
	list-style: none outside;
	padding: 0;
	margin: 0;
}

.this-is-side-one .section-title {
	margin-bottom: -10px;
}

.single-portfolio.home-p-slider {
	width: 12%;
	width: 17%;
	margin: 1%;
	min-width: auto !important;
	position: relative;
}

.single-portfolio.home-p-slider .portfolio-img {
	padding: 5px;
	background: white;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}

.single-portfolio.home-p-slider .inner .portfolio-content a {
	position: relative;
	bottom: auto;
	right: auto;
}

.single-portfolio.home-p-slider .inner .portfolio-content {
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}

.single-portfolio.home-p-slider .inner .portfolio-img img {
	border-radius: 0;
	    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.product_list_widget li {
	display: block;
	padding: 10px;
	border-bottom: 2px solid #4e2f8c;
	border-radius: 0px;
}

.product_list_widget li:last-child {
	border-bottom: 0;
}

.product_list_widget li:first-child {
	margin: 0px 0;
}

.product_list_widget li:hover {
	background: #4e2f8c;
}

.product_list_widget li:hover .product-title {
	color: white;
}

.product_list_widget li a {
	display: block;
}

ul.product_list_widget li .product-title {
	font-size: 16px;
	vertical-align: middle;
	line-height: 1.5;
	padding: 0 5px;
	color: #4e2f8c;
	display: block;
}

#menu ul > li > a {
	color: #fff;
    padding: 0 5px;
    font-family: 'Cairo-SemiBold';
    font-size: 14px;
}

a.topbar.nav-item.nav-link.lng-img.lngar, a.topbar.nav-item.nav-link.lng-img.lngen {
	padding: 0px;
	font-size: 14px;
	position: relative;
	top: -1px;
}

form.search-form {
	position: unset;
	-webkit-transform: translateY(-20%);
	-ms-transform: translateY(-20%);
	transform: translateY(-20%);
	opacity: unset;
	visibility: unset;
	-webkit-box-shadow: 0px 4px 6px #0000003d;
	box-shadow: 0px 4px 6px #0000003d;
	border-radius: 50px;
}

form.search-form input {
	border-radius: 50px;
}

.slide-content h2, .slide-content p {
	/*color: #1c2c5f;*/
	color: #fdfdfd;
}

.button {
	/*background-color: #f0b819;*/
	background-image: -o-linear-gradient(bottom, #ffbe00, #f0b819, #ffed5a, #ffbd00, #f8b700);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ffbe00), color-stop(#f0b819), color-stop(#ffed5a), color-stop(#ffbd00), to(#f8b700));
	background-image: linear-gradient(to top, #ffbe00, #f0b819, #ffed5a, #ffbd00, #f8b700);
	border-radius: 50px;
	border: unset;
	color: #690564;
	font-size: 20px;
	padding: 10px 20px;
}

.button:focus, .button:hover {
	/*background-color: #c69711;*/
	background-image: -o-linear-gradient(bottom, #ffed5a, #f0b819, #f8b700, #ffbd00, #ffed5a);
	background-image: -webkit-gradient(linear, left bottom, left top, from(#ffed5a), color-stop(#f0b819), color-stop(#f8b700), color-stop(#ffbd00), to(#ffed5a));
	background-image: linear-gradient(to top, #ffed5a, #f0b819, #f8b700, #ffbd00, #ffed5a);
	color: #1c2c5f;
	font-weight: 400;
}

.about-us {
	position: relative;
	background-size: cover;
	background-position: center center;
	min-height: 20rem;
}

.about-us-back {
	position: absolute;
	/*background: #275ffd54;*/
	background: -o-linear-gradient(315deg, #ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d, #ffffffa6);
	background: linear-gradient(135deg, #ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d, #ffffffa6);
	width: 100%;
	height: 100%;
	/*z-index: -1; !* uncomment this to show the about-us-back's color but the text will be under it *!*/
}

.about-us h2 {
	padding-top: 20px;
}

.about-us p {
	padding-bottom: 20px;
}

.about-us-content h2, .about-us-content p {
	color: white;
}

.about-us h2, .about-us p {
	/*color: white;*/
	/*margin-left: 55%;*/
	/*max-width: 38%;*/
	max-width: 500px;
	font-weight: bold;
}

.tabs-area-2 {

}

.single-portfolio .inner .portfolio-content {
	border-top: 2px solid #4e2f8c;
	padding: 10px;
	background: #4e2f8c;
	border-radius: 0 0 23px 23px;
	color: white;
}

.single-portfolio .inner .portfolio-img img {

	border-top-left-radius: 25px;
	border-top-right-radius: 25px;
	padding: 0%;
	
}

.single-portfolio-product img
{
	width:auto !important;
}


.single-portfolio-product p {
   font-size:20px;
}
.single-portfolio-in-oooo .inner:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,.2);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.mid-btn {
	position: absolute;
	width: 100%;
	top: 93%;
}

.mid-btn .button {
	text-align: center;
	width: 100%;
	height: 3rem;
	padding: 5px 50px;
}

.portfolio-content p {
	color: white;
	margin: 0;
}

.portfolio-content a {
	display: block;
	color: white;
}

.under-line {
	border-bottom: 2px solid #ffffff38;
}

.projects-area {
	background-color: #501c5f;
	padding: 20px 0;
	-webkit-box-shadow: inset 0px 22px 34px -15px rgb(232, 155, 227);
	box-shadow: inset 0px 22px 34px -15px rgb(232, 155, 227);
}

.projects-area h1 {
	color: white;
	margin-bottom: 2rem;
	text-align: center;
	/*max-width: 22%;*/
}

.projects-area img {
	width: 100%;
}

.projects-area .bot-btn {
	text-align: center;
}

.projects-area .bot-btn a {
	/*width: 100%;*/
	border-radius: 0;
}

.single-project {
	margin-bottom: 1rem;
}

.testimonial-area {
	background-color: #f1f1f1;
}

.testimonial-area h2, .testimonial-area p {
	color: #1c2c5f !important;
	text-align: center !important;
	padding-top: 30px !important;
	font-size: 1.15em !important;
}

.testimonial-slider .owl-nav > div {
	background-color: #f0b819;
	color: #1c2c5f;
}

.send-area {
	/*background-color: #1c2c5f;*/
	padding: 3rem 0;
	background: -webkit-gradient(linear, left bottom, left top, from(#8a6398), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), color-stop(#501c5f), to(#885a8f));
	background: -o-linear-gradient(bottom, #8a6398, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #885a8f);
	background: linear-gradient(360deg, #8a6398, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #501c5f, #885a8f);
}

.send-area h5 {
	color: white;
}

.send-area .search-form {
	width: 100%;
	margin-top: 1.4rem;
}

.send-area .search-form button {
	background-color: #fff2fd;
	border-radius: 50px;
	width: 5rem;
}

.footer-top {
	padding: 0;
}

.footer_widget ul li a {
	color: #8b8b8b;
	font-weight: bold;
	padding: 0;
}

.footer_widget ul {
	/*margin-top: 2rem;*/
}

.footer_widget i {
	color: white;
	font-size: .9rem;
	line-height: 1.5;
	margin-right: 1rem !important;
	width: 1em;
}

.footer_widget h4 {
	color: #1c2c5f;
	margin-top: 5rem;
}

.nav-item span {
	color: gray;
}

.nav-item .active span {
	border-bottom: 2px solid #1C2C5D;
	color: #1C2C5D;
}

ul.footer-contacts.row li {
	padding: 0px 0;
	text-align: left;
}

.contact-info .single-info h5
{
	margin-bottom:10px;
}

.testimonial-slider .owl-nav > div {
	background-color: unset;
	top: 40%;
}

.testimonial-slider .owl-nav > div i {
	font-size: 75px;
	color: gray;
}

.testimonial-slider .single-slide {
	background-color: #fff2fd;
	border: none;
}

/* Manchister */
/*noinspection ALL*/
#menu {

	float: inline-end;
}

.footer-links li.active {
	/*background-color: #f0b819;*/
	/*background-image: -webkit-gradient(linear, left bottom, right top, from(#fff1de), color-stop(#f0b819), color-stop(#f0b819), color-stop(#fff1de), color-stop(#fff1de), color-stop(#fff1de), color-stop(#1c2c5f), color-stop(#fff1de), color-stop(#fff1de), color-stop(#f0b819), color-stop(#f0b819), to(#fff1de));*/
	/*background-image: -o-linear-gradient(left bottom, #fff1de, #f0b819, #f0b819, #fff1de, #fff1de, #fff1de, #1c2c5f, #fff1de, #fff1de, #f0b819, #f0b819, #fff1de);*/
	/*background-image: linear-gradient(to right top, #fff1de, #f0b819, #f0b819, #fff1de, #fff1de, #fff1de, #1c2c5f, #fff1de, #fff1de, #f0b819, #f0b819, #fff1de);*/
	color: #1c2c5f;
	-webkit-box-shadow: inset 0px 22px 34px -15px rgba(106, 2, 111, 0.7);
	box-shadow: inset 0px 22px 34px -15px rgba(106, 2, 111, 0.7);
}

.slicknav_btn {
	z-index: 2000;
}

.slicknav_menutxt {
	display: none !important;
}

.slicknav_nav {
	margin-top: 5px !important;
}

.copyrights {
	text-align: center;
	color: bisque;
	border-top: 1px solid #4e2f8c;
	margin-top: 2rem;
	background-color: rgba(0,0,0,0.2);
}

.pre-footer {
	background-color: #4e2f8c;
	padding: 1.5rem 0;
}

.copyrights p {
	margin: 0px;
	padding: 1rem;
	color: rgba(255,255,255,0.6);
	font-family: 'Cairo-Regular';
	font-size: 14px;
}

.top-li::after {
	background-color: #f1eff6;
    height: 30px;
    position: absolute;
    right: -5px;
    top: 8px;
    transform: rotate(25deg);
    width:2px;    
    content: "";
}

.top-li {
	padding: 10px;
	top: 5px;
}

.btn.btn-social-icon {
	margin: 2px;
}

.google-map {
	max-height: 250px !important;
}

.about-us-content {
	/*padding: 2.5rem;*/
	/*text-align: center;*/
	/*display: flex;*/
	/*flex-direction: column;*/
	/*align-content: flex-start;*/
	/*justify-content: center;*/
	/*align-items: center;*/
	position: relative;
}

.tabs-area-2.spb {
	padding-top: 2em;
	-webkit-box-shadow: inset 0px 22px 34px -15px rgb(125, 128, 155);
	box-shadow: inset 0px 22px 34px -15px rgb(125, 128, 155);
	/*box-shadow: inset 0px -40px 39px -36px rgba(141,151,240,1);*/
}

.headlines {
	color: #4e2f8c;
	border-bottom: 3px solid #4e2f8c;
	text-align: center;
	/*background-image: -webkit-gradient(linear, left bottom, right top, from(#fff1de), color-stop(#f0b81917), color-stop(#f0b8193d), color-stop(#fff1de), color-stop(#fff1de), color-stop(#fff1de), color-stop(#1c2c5f12), color-stop(#fff1de), color-stop(#fff1de), color-stop(#f0b8192e), color-stop(#f0b81938), to(#fff1de));*/
	/*background-image: -o-linear-gradient(left bottom, #fff1de, #f0b81917, #f0b8193d, #fff1de, #fff1de, #fff1de, #1c2c5f12, #fff1de, #fff1de, #f0b8192e, #f0b81938, #fff1de);*/
	/*background-image: linear-gradient(to right top, #fff1de, #f0b81917, #f0b8193d, #fff1de, #fff1de, #fff1de, #1c2c5f12, #fff1de, #fff1de, #f0b8192e, #f0b81938, #fff1de);*/
}

.single-project img {
	border: 2px inset #840f7f;
	/*border-top-left-radius: 12px;*/
	/*border-top-right-radius: 12px;*/
	border-radius: 10px;
}


.here-hppi-login
{
	background-image: url(img/parallax2.png) !important;
}



.testimonial-slider .single-slide .client-info .client-data {
	text-align: center !important;
	padding: 0 !important;
}

.testimonial-slider .single-slide .client-info .client-data h4 {

	/*font-size: 16px !important;*/
	/*margin: 4px 0 0;*/
	font-size: 1.25em !important;
	font-weight: normal !important;
	color: gray !important;
}

.testimonial-slider .single-slide img {
	width: 100px !important;
	border-radius: 50% !important;
	height: 100px !important;
	border: 2px solid aliceblue !important;
}

.client-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: center;
	align-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.view-product {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 20px;
}

.view-product img {
	/*border-radius: 20% 15px 5px 15px;
	border-right: 4px solid #4b0a47;*/
	/*border-image: linear-gradient(135deg,*/
	/*#ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d,*/
	/*#ffffffa6);*/
}

.product-information {

	font-size: 18px !important;
}

.product-information h2 {
	text-align: center;
	padding-bottom: 16px;
}

.product-information h2.product-information-title  {
	text-align: left;
} 

.product-information-title {
    position: relative;
}

.product-information-title  a{
    position: absolute;
    top: 0;
    right: 10px;
    background: #4f308d;
    padding: 5px 20px;
    color: white;
    border-radius: 25px;
}


.tab-pane .row {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.hero-slider .single-slide {
	position: unset !important;
}

.contact-info {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-line-pack: center;
	align-content: center;
	justify-items: center;
	text-align: center;
}

.login-area {
	background-color: #501c5f;
	-webkit-box-shadow: inset 0px 22px 34px -15px rgb(232, 155, 227);
	box-shadow: inset 0px 22px 34px -15px rgb(232, 155, 227);
	color: #FFF6BF;
	min-height: 100%;
}

.lost-password-btn {
	color: aliceblue;
}

.lost-password-btn:hover {
	color: #ffeb58;
}

.empty-div {
	-webkit-box-shadow: 0px 5px 16px 10px rgba(94, 0, 92, 0.77);
	box-shadow: 0px 5px 16px 10px rgba(94, 0, 92, 0.77);
}

.single-project {
	/*position: relative;*/
	/*margin-top: 50px;*/
	/*width: 500px;*/
	/*height: 300px;*/
}

.single-project .overlay {
	position: absolute;
	top: 0;
	left: 15px;
	width: 90%;
	height: 100%;
	border-radius: 10px;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.single-project:hover .overlay {
	display: block;
	background: rgba(0, 0, 0, .3);
}

.single-project > .img-overlay {
	width: 100%;
	height: 100%;
	min-height: 200px;
}

.single-project > .title-overlay {
	position: absolute;
	width: 500px;
	left: 0;
	top: 120px;
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
	color: white;
	z-index: 1;
	-webkit-transition: top .5s ease;
	-o-transition: top .5s ease;
	transition: top .5s ease;
}

.single-project:hover .title-overlay {
	top: 90px;
}

.single-project .button-overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .35s ease;
	-o-transition: opacity .35s ease;
	transition: opacity .35s ease;
}

.single-project .button-overlay a {
	/*width: 200px;*/
	/*padding: 12px 48px;*/
	text-align: center;
	color: white;
	/*border: solid 2px white;*/
	z-index: 1;
}

.single-project:hover .button-overlay {
	opacity: 1;
}

.product-information table {
	border: 2px solid burlywood;
	text-align: center;
	width: 100%;
}

.product-information table td {
	border: 2px solid burlywood;
	padding: 4px;
}

.single-portfolio {
	margin: 0 auto 1rem auto;  
	text-align: center;
}
.reg-captchaimg img, .reg-captchaimg a {
    display: inline-block;
    width: 50%;
    text-align: center;
}

#img-btn {
	display: none;
}

.profile-avatar-form {
	border: 2px solid aliceblue;
	border-radius: 4px;
}

.profile-img-avatar {
	text-align: center;
}

.form-img-field {
	margin-bottom: 30px;
}

#yw1 {
	list-style: none;
	/*padding: 6px;*/
	text-align: center;
}

/*table {
 font-family: cursive;
 }*/

.about-top {
	text-align: center;
}

.about-top .with-logoo {
	border-bottom: 5px solid #4e2f8c;
	margin-bottom: 30px;
	padding-bottom: 30px;
}

.portfolio-item {
	margin-bottom: 2rem;
}
.portfolio-item img {
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
}

.portfolio-item .card-title {
	display: block;
	background: #4e2f8c;
	margin: 0;
	text-align: center;
	padding: 20px;
	color: #fce04a;
}
.about-top  .content {
	font-size: 1.2rem;
	line-height: auto;
	margin-bottom: 30px;
	border-bottom: 5px solid #4e2f8c;
	padding-bottom: 15px;
}

.card-text-content p {
	margin: 0;
}

.about-top .with-logoo .logoo {
	width: 200px;
}

.logo-column a.logo {
	height: 100px !important;
	padding: 0 !important;
	position: relative;
}

.ss-lo {
	width: 70%;
	margin-top: 10px;
	margin-bottom: 25px;
}

.owl-carousel .owl-item img {
	display: block;
	height: 100%;
	width: auto;
	min-width: 100%;
	position: fixed;
}

.owl-carousel .owl-stage-outer {
	height: 80vh !important;
}

.owl-stage-outer * {
	/*height: 100%;*/
}

.with-logoo {
	/* margin: 0 auto; */
	border: 2px solid #4e2f8c;
	display: block;
	text-align: center;
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
	height: 100%;
}

.section-big-title {
	position: relative;
	padding: 0;
	text-align: center;
	display: inline-flex;
	color: #4e2f8c;
}

.section-big-title span:before {
	position: absolute;
	bottom: 0%;
	left: 0;
	content: "";
	width: 100%;
	height: 3px;
	background: #4e2f8c;
	z-index: 2;
}

#quote-carousel {
	margin: 4em 0 5em 0;
}

.sp-testimonial {
	padding: 4rem 0;
}

#quote-carousel .carousel-indicators li {
	width: 128px;
	height: 128px;
	cursor: pointer;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	opacity: 0.4;
	overflow: hidden;
	transition: all .4s ease-in;
	vertical-align: middle;
	text-indent: 0;
}

#quote-carousel .carousel-indicators li.active {
	width: 128px;
	height: 128px;
	opacity: 1;
	transition: all .2s;
}

#quote-carousel .carousel-indicators {
	position: relative;
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-top: 20px;
}

#quote-carousel .carousel-control {
	background: none;
	color: #CACACA;
	font-size: 5.3em;
	text-shadow: none;
	margin-top: 30px;
	position: absolute;
	top: 28%;
}

#quote-carousel a.left.carousel-control {
	left: 0;
}

#quote-carousel a.right.carousel-control {
	right: 0;
}

#quote-carousel .carousel-inner {
	margin-top: 2em;
}

.testimonial-area p {
	color: #4e2f8c !important;
	text-align: center !important;
	font-size: 16px !important;
	padding-top: 0 !important;
}

.portfolio-item-top .card-body, .portfolio-item .card-body {
	border: 2px solid #4e2f8c;
	border-bottom-left-radius: calc(.25rem - 1px);
	border-bottom-right-radius: calc(.25rem - 1px);
}

.portfolio-item-top .logoo {
	background: none;
	width: 300px;
	height: auto;
	margin: 0 auto;
	padding: 4rem 10px;
}

@media all and (max-width: 800px) {
	.owl-carousel .owl-item img {
		height: auto;
		max-height: 100%;
	}
}

.hero-slider .single-slide {
	padding: 0px !important;
}

@-webkit-keyframes color-animation {
0% {
background: #ad1457;
}
25% {
background: #bbdefb
}
50% {
background: #6a1b9a;
}
75% {
background: #ad1457;
}
100% {
background: #bbdefb
}
}

@keyframes color-animation {
0% {
background: #ad1457;
}
25% {
background: #bbdefb
}
50% {
background: #6a1b9a;
}
75% {
background: #ad1457;
}
100% {
background: #bbdefb
}
}

@-webkit-keyframes color-animation-r {
0% {
text-shadow: 2px 2px #ff0000;
}
25% {
text-shadow: 0px 4px #ff03fc;
}
50% {
text-shadow: -2px 2px #7000ff;
}
75% {
text-shadow: 0px 4px #08b2ff;
}
100% {
text-shadow: 2px -2px #ffb40b;
}
}

@keyframes color-animation-r {
0% {
text-shadow: 2px 2px #ff0000;
}
25% {
text-shadow: 0px 4px #ff03fc;
}
50% {
text-shadow: -2px 2px #7000ff;
}
75% {
text-shadow: 0px 4px #08b2ff;
}
100% {
text-shadow: 2px -2px #ffb40b;
}
}

@media all and (max-width: 900px) {
	.slider-back-responsive {
		-webkit-animation: color-animation 5s infinite linear alternate;
		animation: color-animation 5s infinite linear alternate;
		position: absolute;
		/*background: #275ffd54;*/
		/*background: linear-gradient(135deg, #ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d, #ffffffa6);*/
		width: 100%;
		height: 100%;
		/*z-index: -1; !* uncomment this to show the about-us-back's color but the text will be under it *!*/
	}

	.slide-content h1, .slide-content h2, .slide-content p {
		/*animation: color-animation-r 2s infinite linear alternate;*/
		/*color: #000000 !important;*/
	}
}

.single-slide {
	min-height: 400px !important;
}

.cw {
	min-height: 300px !important;
}

.projects-area .row {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}

.cw-inner-1 .overlay {
	position: absolute;
	top: 0;
	/*left: 15px;*/
	width: 100%;
	height: 100%;
	/*border-radius: 10px;*/
	background: rgba(1, 98, 7, 0.57);
	-webkit-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.cw-inner-1:hover .overlay {
	display: block;
	background: rgba(0, 0, 0, .3);
}

.cw-inner-1 > .img-overlay {
	width: 100%;
	height: 100%;
	min-height: 200px;
}

.cw-inner-1 > .title-overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 120px;
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	/*text-transform: uppercase;*/
	color: white;
	z-index: 1;
	-webkit-transition: top .5s ease;
	-o-transition: top .5s ease;
	transition: top .5s ease;
}

.cw-inner-1:hover .title-overlay {
	top: 60%;
}

.cw-inner-1 .button-overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .35s ease;
	-o-transition: opacity .35s ease;
	transition: opacity .35s ease;
}

.cw-inner-1 .button-overlay a {
	/*width: 200px;*/
	/*padding: 12px 48px;*/
	text-align: center;
	color: white;
	/*border: solid 2px white;*/
	z-index: 1;
}

.cw-inner-1:hover .button-overlay {
	opacity: 1;
}

.cw-inner-2 .overlay {
	position: absolute;
	top: 0;
	/*left: 15px;*/
	width: 100%;
	height: 100%;
	/*border-radius: 10px;*/
	background: rgba(255, 134, 69, 0.82);
	-webkit-transition: background 0.5s linear;
	-o-transition: background 0.5s linear;
	transition: background 0.5s linear;
}

.cw-inner-2:hover .overlay {
	display: block;
	background: rgba(0, 0, 0, .3);
}

.cw-inner-2 > .img-overlay {
	width: 100%;
	height: 100%;
	min-height: 200px;
}

.cw-inner-2 > .title-overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 120px;
	font-weight: 700;
	font-size: 30px;
	text-align: center;
	/*text-transform: uppercase;*/
	color: white;
	z-index: 1;
	-webkit-transition: top .5s ease;
	-o-transition: top .5s ease;
	transition: top .5s ease;
}

.cw-inner-2:hover .title-overlay {
	top: 60%;
}

.cw-inner-2 .button-overlay {
	position: absolute;
	width: 100%;
	left: 0;
	top: 40%;
	text-align: center;
	opacity: 0;
	-webkit-transition: opacity .35s ease;
	-o-transition: opacity .35s ease;
	transition: opacity .35s ease;
}

.cw-inner-2 .button-overlay a {
	/*width: 200px;*/
	/*padding: 12px 48px;*/
	text-align: center;
	color: white;
	/*border: solid 2px white;*/
	z-index: 1;
}

.cw-inner-2:hover .button-overlay {
	opacity: 1;
}

.products-slider .single-slide .owl-item, .products-slider .single-slide {
	min-height: 250px !important;
	max-height: 250px !important;
	height: 250px !important;
	border-radius: 50% !important;
	padding: 0;
}

.products-slider .single-product {
	/*border-radius: 50% !important;*/
	background: -o-linear-gradient(315deg, #ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d, #ffffffa6);
	background: linear-gradient(135deg, #ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d, #ffffffa6);
	padding: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}

.single-product-img {
	min-height: 250px !important;
	max-height: 250px !important;
	height: 250px !important;
	position: relative !important;
	border: 2px solid #a34095;
	border-image-outset: 0;
	border-image-repeat: stretch;
	border-image-slice: 100%;
	border-image-source: none;
	border-image-width: 1;
	-o-border-image: -o-linear-gradient(315deg,
	#ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d,
	#ffffffa6);
	border-image: linear-gradient(135deg,
	#ffaff2d1, #603791, #990f0fa6, #40259f75, #7b0069, #40dee68a, #d924bd70, #f6deffad, #bb18a25e, #f019192e, #f019ce3d,
	#ffffffa6);
	border-image-slice: 100%;
	border-image-slice: 1;
	/*border-radius: 50%;*/
}

.single-product-img:hover {
	-webkit-animation: zoomIn 1s;
	animation: zoomIn 1s;
}

.products-slider .owl-nav {
	top: unset !important;
}

.owl-nav > div {
	position: unset !important;
	background: #310033 !important;
}

.owl-nav > div:hover {
	background: #38c7f1 !important;
	color: #1a3d63 !important;
}
.cw-fun-item {
	border-radius: 50%;
}

.top1 {
	background: #4e2f8c;
	line-height: 20px;
	padding: 6px 25px;
	display: block;
	width: 100%;
}

.logo a img {
	max-height: 80px;
	padding: 10px;
}
.phone1 {
	float: left;
	color: #fff;
	opacity: 0.8;
	 font-family: 'Cairo-Regular';
}

.social_wrapper {
	float: right;
	line-height: 1;
}

.phone1 a {
	color: #fff;
	opacity: 0.8;
}

.social_wrapper .social {
	display: inline-block;
	margin: 0;
	padding: 0px 0;
	list-style: none;
}

.social_wrapper .social li {
	display: inline-block;
	margin: 0 7.5px;
}

#language-select {
	display: inline-block;
    margin: 0 0px 0 10px;
    position: relative;
    top: -1px;
}

.social_wrapper .social li a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	color: #fff;
	line-height: 20px;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
}
#header span.header-left {
	position: absolute;
	right: 82%;
	width: 100%;
	background: #ffffff;
	height: 80px;
}

#header .logo:before {
	border-top: 100px solid transparent;
	border-right: 50px solid #4e2f8c;
	content: "";
	height: 0;
	right: 0;
	position: absolute;
	top: 0;
	width: 0;
}

#header .logo span.for-logo {
	background-color: #4e2f8c;
	height: 152px;
	position: absolute;
	right: 31px;
	top: -25px;
	transform: rotate(27deg);
	width: 6px;
}

#header .logo {
	/* padding-left: 25px; */
	background: #ffffff;
	margin-top: 0px;
	position: relative;
	width: 100%;
	overflow: hidden;
	/* padding-left: 75px; */
}

.logo-column {
	overflow: hidden;
}

.bif {
	background: #4e2f8c;
	border-bottom: 1px solid white;
}
.go_top {
	position: fixed;
	bottom: 0;
	right: 5%;
	width: 52px;
	height: 52px;
	z-index: 777100;
	display: none;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	background: #4e2f8c;
	padding: 10px;
	text-align: center;
}

.go_top:hover {
	color: white;
}

.footer {
	padding-top: 3rem;
	background-color: #1c2331 !important;
	border-top: 5px solid #5f2871;
}

.footer h3 {
	font-family: 'Cairo-SemiBold';
	color: #fff;
}

.footer .footer-info p {
	font-family: 'Cairo-Bold';
    color: #8b8b8b;
    font-size: 14px;
    line-height: 33px;
    font-weight: bold;
    margin: 0;
}

.breadcrumb {
	background: none;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 5px;
	padding: 0;
}

@media (min-width: 1600px) {
	#header span.header-left {
		right: 75%;
	}
}

@import url(//fonts.googleapis.com/css?family=Montserrat:300,400,500);
.contact2 {
	font-family: "Montserrat", sans-serif;
	color: #8d97ad;
	font-weight: 300;
	padding: 60px 0;
	margin-bottom: 170px;
	background-position: center top;
}

.contact2 h1, .contact2 h2, .contact2 h3, .contact2 h4, .contact2 h5, .contact2 h6 {
	color: #3e4555;
}

.contact2 .font-weight-medium {
	font-weight: 500;
}

.contact2 .subtitle {
	color: #8d97ad;
	line-height: 24px;
}

.contact2 .bg-image {
	background-size: cover;
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.contact2 .card.card-shadow {
	-webkit-box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
	box-shadow: 0px 0px 30px rgba(115, 128, 157, 0.1);
}

.contact2 .detail-box .round-social {
	margin-top: 100px;
}

.contact2 .round-social a {
	background: transparent;
	margin: 0 7px;
	padding: 11px 12px;
}

.contact2 .contact-container .links a {
	color: #8d97ad;
}

.contact2 .contact-container {
	position: relative;
	top: 200px;
}

.contact2 .btn-danger-gradiant {
	background: #ff4d7e;
	background: -webkit-linear-gradient(legacy-direction(to right), #ff4d7e 0%, #ff6a5b 100%);
	background: -webkit-gradient(linear, left top, right top, from(#ff4d7e), to(#ff6a5b));
	background: -webkit-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
	background: -o-linear-gradient(left, #ff4d7e 0%, #ff6a5b 100%);
	background: linear-gradient(to right, #ff4d7e 0%, #ff6a5b 100%);
}

.contact2 .btn-danger-gradiant:hover {
	background: #ff6a5b;
	background: -webkit-linear-gradient(legacy-direction(to right), #ff6a5b 0%, #ff4d7e 100%);
	background: -webkit-gradient(linear, left top, right top, from(#ff6a5b), to(#ff4d7e));
	background: -webkit-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
	background: -o-linear-gradient(left, #ff6a5b 0%, #ff4d7e 100%);
	background: linear-gradient(to right, #ff6a5b 0%, #ff4d7e 100%);
}

.login-area, .contact-form-area {
	border-style: solid;
	border-width: 5px 0 0;
	border-color: #4e2f8c;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	padding: 50px 40px;
	border-radius: 3px;
}

.login-area {
	width: 100%;
	max-width: 500px;
	background: #ffffff9c;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
}

div#notfound, div#page-with-bg {
	height: 100%;
	vertical-align: middle; 
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	background-image: url(img/parallax2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

div#page-with-bg .page-with-bg-content {
	margin: 60px 0 120px;
	text-align: center;
	position: relative;
	padding: 5em;
}

.col-sm-12.login-page-error {
	text-align: center;
	color: red;
}

.col-sm-12.login-page-error p {
	display: none;
}
.col-sm-12.login-page-error ul {
	list-style: none;
}

.ftr-title {
	font-weight: 700 !important;
	font-size: 1rem;
}

.deep-purple {
	background-color: #7c4dff !important;
	margin-bottom: 10px;
}

.contact-form-area2 {
	border-style: solid;
	border-width: 5px 0 0;
	border-color: #4e2f8c;
	box-shadow: 0px 10px 15px 0px rgba(0,0,0,.15);
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s;
	border-radius: 3px;
}

.contact-form-area2 .big-single-info {
	margin: 0 0 25px 0;
}

.pre-footer {
	color: white;
}

.single-info i {
	margin: 0 10px;
	font-size: 20px;
	position: relative;
	top: 3px;
	color: #4e2f8c !important;
}

.single-info p, .single-info a {
	color: #212529 !important;
}

.contact-form input:not([type="submit"]), .contact-form textarea {
	margin-bottom: 0;
}

.errorMessage {
	color: #E74C3C;
	font-weight: 600;
	font-size: 14px;
	padding: 5px 0px 0 0;
}

.pre-footer .button {
	font-size: 14px;
	padding: 0 25px;
	margin: 0 1rem;
}

.soc-pr-ftr .btn-social-icon {
	color: white;
	border: 1px solid white;
	border-radius: 50%;
	font-size: 12px;
	margin: 0 0.25rem;
	background: #f1c61e !important;
	color: #4e2f8c;
}


.soc-pr-ftr .btn-social-icon>:first-child 
{
	
	line-height: 28px !important;
    font-size: 14px !important; 
}

.pre-footer  .txxt-socialize {
	margin-bottom: 15px;
}

.notfound h2
{
	font-size:18px;
}

#notfound .notfound {
	margin: 60px 0 50px;
	text-align: center;
	position: relative;
	background: #ffffff9c;
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,.15);
	padding: 5em;
}

#notfound .notfound .notfound-404 {
	display: inline-block;
	width: 140px;
	height: 140px;
	background-image: url(img/emoji-hppi.png);
	background-size: cover;
}

#notfound .notfound a {
	font-family: "Cairo-Bold", sans-serif;
	display: inline-block;
	font-weight: 700;
	border-radius: 40px;
	text-decoration: none;
	color: #ffffff;
	background: #4e2f8c;
	padding: 10px 20px;
	font-size: 18px;
}

#notfound .notfound p {
	color: #222538;
}

.control-label {
	display: block;
	text-align: left;
}

.page-header-title {
	margin-bottom: 50px;
}
.profile-form {
	border: 1px solid #cad4de;
	padding: 40px;
	border-radius: 3px;
	padding-bottom: 7rem;
}

.list-group-side-menu-profile li a {
	display: block;
	color: #4e2f8c;
	border: 2px solid #4e2f8c;
	border-radius: 25px;
	margin: 10px 0;
	padding: 10px;
	text-align: center;
}

.list-group-side-menu-profile li a:hover, .list-group-side-menu-profile li.active a {
	background: #4e2f8c;
	color: white;
}

.top-li:last-child::after {
	display: none;
}

.profile-form .top-control {
    margin-bottom: 30px;  
}

.soc-pr-ftr .btn-social-icon:hover {
	background: #4e2f8c !important;
	color: #ffffff;
}

.single-info.single-info2 {

}

.profile-form .form-control {
    margin-bottom: 0;
}
.profile-form .errorMessage {
    text-align: left;
}

.single-info.single-info2 a {
	font-size: 18px;
	border-radius: 50%;
	display: inline-block;
	line-height: 30px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: white;
	text-align: center;
	width: 30px;
	height: 30px;
}

footer ul.footer-contacts.row li
{
	display: flex;
	color: #8b8b8b;
	    padding:5px 0 5px 0;
	    
} 

footer ul.footer-contacts.row p
{
	     display: inline-table;
    margin: 0;
    position: relative;
    top: -2px;
    font-size: 12px;
} 

footer ul.footer-contacts.row a
{
	  
	        position:relative;
	        top: -2px;
} 

.send--area.pre-footer .btn-social-icon
{
	width:30px;
	height:30px;
	line-height:30px;
	font-size: 10px;
}
       


.single-info.single-info2 a i {
	padding: 0;
	margin: 0;
	font-size: 14px;
	color: white !important;
	line-height: 28px; 
}

.single-info.single-info2 a:hover {
	opacity: 0.8;
}

.single-info.single-info2 a.btn-facebook {
	background-color: #3b5998;
}

.page-header-title-content {

}

.breadcrumb {
	font-size: 20px;
}

.breadcrumb span {
	color: white;
}

.breadcrumb a {
	color: #febc00;
}

.breadcrumb-span-in {
	margin: 0 10px;
	color: white;
}

.single-info.single-info2 a.btn-twitter {
	background-color: #1da1f2;
}

.single-info.single-info2 a.btn-google {
	background-color: #dd4b39;
}

.single-info.single-info2 a.btn-instagram {
	background-color: #125688;
}

.single-info.single-info2 a.btn-snapchat {
	background-color: #fffc00;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.single-info.single-info2 a.btn-youtube {
	background-color: #bb0000;
}

.img-at-home
{
	height:auto;
}

.home-about-page img
{
	height:auto !important;
}

.top1 a:hover {
	opacity: 1 !important;
}

.contact-container input.button.simple-btn {
	font-size: 14px;
	padding: 10px 20px;
	line-height: 24px;
}

.reg-captchaimg img {
	border: 1px solid #cad4de;
	height: 40px !important;
	padding: 0 10px;
	background-color: rgb(255, 255, 255) !important;
}
.hppi-hcustom-sec-text h3.about-home-tit {
	color: #4e2f8c;
	font-size: 2rem;
}
.about-home-p p,.about-home-p {
	font-size: 18px;
	line-height: 30px;  
}
  
  
.mission-home-p{
	font-size: 14px; 
	line-height: 25px;  
	    text-align: center;
}


.reg-captchaimg a {
	color: #4e2f8c;
}


.small-p {
	display: none;
}

.sid-weff {
	padding: 10px !important;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,.125);
	border-radius: .25rem;
}

.card {
	border-radius: 10px;
	box-shadow: 0 1px 3px rgba(0,0,0,.12), 0 1px 2px rgba(0,0,0,.24);
	background-color: #fff;
	margin: 0;
	position: relative;
	z-index: 0;
	border: none;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-moz-transition: -moz-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-ms-transition: -ms-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	transition: transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.top-card-with-img {
	position: relative;
	display: block;
	vertical-align: bottom;
	overflow: hidden;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.card:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,.2);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.topics-main-thumb .card-title {
	font-size: 24px;
	margin-bottom: 0;
}

.card img {
	max-width: 100%;
	height: 210px;
	
	
	
	width: 100%;
	
	
	  width: auto;
    height: auto;
	
	background-color: rgba(0,0,0,.15);
	vertical-align: bottom;
}

.side-hr-break:last-child {
	display: none;
}

.hppi-pagination {
	display: block;
	margin-top: 20px;
	text-align: center;
	color: #4e2f8c;
}

.hppi-pagination ul .page a {
	color: #363537;
	background-color: #f5f5f5;
	border: none;
	transition: all .15s ease;
	align-items: center;
	justify-content: center;
	padding: 0;
	margin: 0 3px;
	border-radius: 50% !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	font-size: .875rem;
}

.hppi-pagination ul .page.selected a {
	background: #4e2f8c;
	color: white;
}

.hppi-pagination ul li.previous a, .hppi-pagination ul li.first  a, .hppi-pagination ul li.next  a, .hppi-pagination ul li.last  a {
	height: 30px;
	border-radius: 25px;
	line-height: 30px;
	padding: 0 20px;
	color: #363537;
	background-color: #f5f5f5;
	border: none;
}

.hppi-pagination ul li a:hover {
	background: #f1c61e;
	color: white;
}

.view-page-title h1 {
	    border-bottom: 3px solid #4e2f8c;
    color: #4e2f8c;
    padding-bottom: 10px;
    font-size: 24px;
    padding-top: 10px;
    line-height: 31px;
}
.txt-p-co
{
	    display: flex; 
}
.txt-p-co i
{
	display: inline-table;
} 
.txt-p-co-div
{
	display: inline;
    color: #212529;
    text-align: left;
    position: relative;
    top: 0px;
    font-size: 14px;
    padding: 0 10px 0 0;
    line-height: 20px;
}

.view-page-img {
	text-align: center;
}

.view-page-img img {
	box-shadow: 0 1rem 3rem rgba(0,0,0,.175) !important;
	margin: 1rem 0;
}

.gallery-img {
	margin: 0;
}

.gallery-img .card {
	border: 2px solid #4e2f8c;
}

.gallery-img img {
	width: 100%;
	height: 130px;
	    width: auto;
    height: auto;
	border: 0;
	border-radius: 0;
	color: #4e2f8b;
}

.gallery-img .card-title {
	font-size: 18px;
	text-align: center;
	margin: 0;
}
.gallery-img .card-body {

	border-top: 2px solid #4e2f8c;
}

.gallery-img .overlay {
	width: 100%;
	right: 0;
	left: 0;
	border-radius: 0;
}

.gallery-img  .button-overlay a {
	color: #690564;
	padding: 0px 25px;
}

#myCarousel.carousel {
	margin: 50px auto;
}
#myCarousel.carousel .item {
	color: #999;
	overflow: hidden;
	min-height: 120px;
	font-size: 13px;
}
#myCarousel.carousel .media {
	position: relative;
	padding: 0 0 0 20px;
	margin-left: 20px;
}
#myCarousel.carousel .media img {
	width: 75px;
	height: 75px;
	display: block;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border: 2px solid #fff;
}
#myCarousel.carousel .testimonial {
	color: #fff;
	position: relative;
	background: #f1f1f1;
	padding: 15px;
	margin: 0 0 20px 0px;
}
#myCarousel.carousel .testimonial::before, #myCarousel.carousel .testimonial::after {
	content: "";
	display: inline-block;
	position: absolute;
	left: 43%;
	bottom: -20px;
}
#myCarousel.carousel .testimonial::before {
	width: 20px;
	height: 20px;
	background: #ffffff;
	box-shadow: inset 12px 0 13px rgba(0, 0, 0, 0.3);
}
#myCarousel.carousel .testimonial::after {
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-bottom-color: #fff;
	border-left-color: #fff;
}

#myCarousel .cr-arrow {
	float: left;
	width: 100%;
	height: 39px;
	margin: 0 auto 20px auto;
	text-align: center;
}

#myCarousel.carousel .item .row > div:first-child .media {
	margin-left: 0;
}
#myCarousel.carousel .testimonial p {
	line-height: 21px;
	margin: 0;
} 

#myCarousel.carousel .overview {
	padding: 3px 0 0 15px;
}
#myCarousel.carousel .overview .details {
	padding: 5px 0 8px;
}
#myCarousel.carousel .overview b {
	text-transform: uppercase;
	color: #ff5555;
}
#myCarousel.carousel .carousel-control {
	width: 30px;
	height: 30px;
	background: #666;
	text-shadow: none;
	line-height: 32px;
	position: relative;
	display: inline-block;
}
#myCarousel .carousel-control i {
	font-size: 16px;
}

#myCarousel .carousel-indicators {
	bottom: -80px;
}
#myCarousel .carousel-indicators li, #myCarousel .carousel-indicators li.active {
	width: 18px;
	height: 18px;
	border-radius: 0;
	margin: 1px 4px;
}
#myCarousel .carousel-indicators li {
	background: #4e2f8c;
	border: 4px solid #fff;
}
#myCarousel .carousel-indicators li.active {
	color: #fff;
	background: #f1c61e;
	border: 5px double;
}

#myCarousel .testimonial-media {
	text-align: center;
	margin: 0 auto;
}

#myCarousel .testimonial-media img {
	width: 75px;
	height: 75px;
	margin-top: 1rem;
	border-radius: 50%;
	box-shadow: 0 2px 4px rgba(0,0,0,0.2);
	border: 2px solid #fff;
	color: #4e2f8c;
}

#myCarousel .testimonial-bigg {

	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	font-weight: 300;
	color: #7d91aa;
	border: 4px double #ffffff;
	margin-bottom: 10px;  
}

#myCarousel .name {
	margin-top: 1rem;
	font-size: 18px;
	color: #4e2f8c;
}

#to-slid .item {
	height: 100vh;
	position: relative;
}
#to-slid .item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#to-slid .item .cover {
	padding: 7% 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(78, 47, 140, 0.75);
	align-items: center;
}

#to-slid  .owl-theme .owl-nav {
	margin-top: -60px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}
#to-slid .item .cover .header-content {
	position: relative;
    padding: 35px 50px;
    overflow: hidden;
}
#to-slid .item .cover .header-content .line {
	content: "";
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	position: absolute;
	border: 9px solid #fce04a;
	-webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
	clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
}
#to-slid .item .cover .header-content h2 {
	font-weight: 300;
	font-size: 35px;
	color: #fff;
}
#to-slid .item .cover .header-content h1 {
	font-size: 56px;
	font-weight: 600;
	margin: 5px 0 20px;
	word-spacing: 3px;
	color: #fce04a;
}
#to-slid .item .cover .header-content h4 {
	font-size: 20px;
	font-weight: 300;
	line-height: 36px;
	color: #fff;
}
#to-slid .owl-item.active h1 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
}
#to-slid .owl-item.active h2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInDown;
	animation-delay: 0.3s;
}
#to-slid .owl-item.active h4 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInUp;
	animation-delay: 0.3s;
}
#to-slid .owl-item.active .line {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	animation-name: fadeInLeft;
	animation-delay: 0.3s;
}
#to-slid .owl-nav .owl-prev {
	position: absolute;
	left: 15px;
	top: 40%;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(255, 255, 255, 0.5) !important;
	cursor: pointer;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
	padding: 40px 30px;
	font-size: 5rem;
}
#to-slid .owl-nav .owl-prev span {
	font-size: 1.6875rem;
	color: #fff;
}
#to-slid .owl-nav .owl-prev:focus {
	outline: 0;
}
#to-slid .owl-nav .owl-prev:hover {
	background: #fff !important;
}
#to-slid .owl-nav .owl-next {
	position: absolute;
	right: 15px;
	top: 40%;
	-webkit-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	background: rgba(255, 255, 255, 0.5) !important;
	cursor: pointer;
	position: absolute;
	display: block;
	z-index: 1000;
	border-radius: 0;
	padding: 40px 30px;
	font-size: 5rem;
}
#to-slid .owl-nav .owl-next i {
	position: relative;
	top: -40px;
	right: 10px;
	color: #4e2f8c;
}

#to-slid .owl-nav .owl-prev i {
	position: relative;
	top: -40px;
	right: 15px;
	color: #4e2f8c;
}

#to-slid .owl-nav .owl-next:hover i, #to-slid .owl-nav .owl-prev:hover i {
	color: #4e2f8c;
}

#to-slid .owl-nav .owl-next span {
	font-size: 1.6875rem;
	color: #fff;
}
#to-slid .owl-nav .owl-next:focus {
	outline: 0;
}
#to-slid .owl-nav .owl-next:hover {
	background: #fff !important;
}
#to-slid:hover .owl-prev { 
	left: 0px;
	opacity: 1;
}
#to-slid:hover .owl-next {
	right: 0px;
	opacity: 1;
}

.hppi-hsection-wrapper {
	overflow: hidden;
}
.bgc-one {
	padding: 80px 0 80px;
}

.hppi-hsection-header {
	text-align: center;
	margin-bottom: 80px;
}
span.hppi-hhighlight-text {
	color: #f44336;
}
.hppi-hsection-header h2 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	font-size: 62px;
	color: #ffffff;
	border-top: none;
	border-bottom: none;
	display: inline-block;
	padding: 8px 10px;
}

.hppi-hsection-header .hppi-hsection-divider {
	width: 100px;
	height: 2px;
	margin: 10px auto;
}

.hppi-hcustom-sec-text p {
	margin-bottom: 20px;
}

.screen i {
	font-size: 60px;
	text-align: center;
	color: #ffffff;
	padding: 0 20px;
}

.hppi-hcustom-sec-text h3 {
	font-size: 18px;
	color: #ffffff;
	margin-top: 0px;
	margin-bottom: 20px;
}

.hppi-hcustom-sec-text p {
	margin-bottom: 20px;
}

.blog-home-page {
	background: white;
}

.section-title {
	margin-bottom: 4rem;
}

.section-title-red-more {
	font-size: 16px;
	padding: 5px 25px;
	margin: 2rem 0 0 0;
}

.topics-main-thumb .card-body {
	color: #4e2f8c;
}

.bg1-home-sec1 {
	background-image: url(img/hppi/hppi-factory.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
}

.overlay-blue {
	position: absolute;
	background: rgba(78, 47, 140, 0.80) !important;
	height: 100%;
	width: 100%;
	top: 0;
}


.here-hppi-login .overlay-blue
{
	background: rgba(78, 47, 140, 0.40) !important;	
}

.bg1-home-sec1 .section-big-title {
	color: #fce04a;
}

.bg1-home-sec1 .section-big-title span:before {
	background: #fce04a;
	bottom: -50%;
}

.single-portfolio.home-p-slider.ssoo-home-product .inner .portfolio-content {
	box-shadow: none;
	background: #ffffff;
	border: 0;
	border-top: 2px solid #4e2f8c;
	padding: 10px 5px;
    font-size: 22px;
	color: #4e2f8c;
}

.ssoo-home-product {
	-webkit-transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-moz-transition: -moz-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-ms-transition: -ms-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	transition: transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
}

.ssoo-home-product:hover {
	box-shadow: 0 14px 28px rgba(0,0,0,.2);
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	transform: translateY(-10px);
}

.this-is-side-one .side-img  img {
	 width: 70px;
    height: 70px;
}

.product_list_widget li {
	text-align: center;
}
.product_final_list_widget img
{
	    border: 2px solid #4e2f8c;
    border-radius: 100%;
     width: 80px;
    height: 80px;
    padding:5px;
}




.single-portfolio-in-oooo .inner {
	border: 2px solid #4e2f8c;
	border-radius: 25px;
	-webkit-transition: -webkit-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-moz-transition: -moz-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-ms-transition: -ms-transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	transition: transform .3s cubic-bezier(.34,2,.6,1), box-shadow .2s ease;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-moz-transform: translateY(0px);
	transform: translateY(0px);
	    width: 100%;
}

.client-viewww-img
{
	padding:1rem; 
	                    	
}

.client-viewww-title
{
	background:#4e2f8c;
	padding: 10px 10px;
}

.client-viewww-title-home
{
	
	padding: 10px 10px;
}

.client-viewww-title h1
{
	color:white;
}

.client-viewww-title-home h1
{
	color:#4e2f8b !important;
}

.tollerance-data ul
{
	margin: 0 0 0 30px;
}

.ProTableH,.ProTableH1 {
    background: #fce04a;
    color: #4e2f8b;
}

    
.product-information table 
{
	 font-size: 16px; 
}
   
.product-information table td {
    border: 2px solid #4e2f8b;
}


.product-information table tr td:empty{
    padding: 18px 0;
}


.after-top-change-lang
{
	color:white;
	border-right:2px solid #fff;
	height:15px;
	margin: 0;
	position:relative;
	top:2px;
	opacity: 0.8;
}

.this-top-lang
{
	    position: relative;
    top: 0px;
    height: 20px;
}

div#page-with-bg .page-with-bg-content-login-page
{
	margin-top:0;
	margin-bottom:0;
	padding-bottom:2rem;
}

/* Responsive */

@media (max-width: 1200px) {
	.contact-info .single-info a,.single-info p {
		font-size: 12px;
	}

	#menu ul > li > a {
		color: #fff;
		padding: 0px 5px;
		font-size: 14px;
	}
}

.single-info.single-info2 a.btn-whatsapp {
    background-color: #2aa53a; 
}

@media (max-width: 992px) {
	
	.single-info.single-info2 a
	{
		    width: 30px;
   			 height: 30px;
	}
	.single-info.single-info2 a i
	{
		    font-size: 14px;
	}
	.btn-social-icon>:first-child
	{
		
		line-height: 30px;
	}
	ul.footer-contacts.row li
	{
		text-align:center;
	}
	
	.single-info.single-info2 a
	{
		margin:0 2px;
	}
	
	.dd-c {
		margin-bottom: 15px; 
	}

	.contact-info .single-info a {
		font-size: 14px;
	}

	.phone1 {
		display: block;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}

	.social_wrapper {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		margin-top: 10px;
	}

	.nav-column {
		padding: 0;
	}

	.footer .footer-info p {

		font-size: 14px;
		line-height: 30px;
	}

	.small-p {
		display: block;
	}

	.big-p {
		display: none;
	}

	.hppi-pagination ul {
		display: block;
		margin-top: 10px;
	}

	.hppi-pagination ul li.previous a, .hppi-pagination ul li.first a, .hppi-pagination ul li.next a, .hppi-pagination ul li.last a {
		padding: 0 10px;
	}

}

@media only screen and (min-width: 768px) {
	.slicknav_menu {
		display: none;
	}

	.d-lg-block {
		display: block !important;
	}
}

@media (max-width: 992px) {
	
	.client-viewww-img img
	{
		height:75px; 
	}
	
	.client-viewww-title h1,.client-viewww-title-home h1
	{
		font-size:14px !important;
	}
	
	.cotainer-top-bar {
		max-width: 100%;
	}
	.top-li {
		padding: 10px 5px;
		top: 5px;
	}

	#menu ul {
		text-align: center;
	}
	#menu ul > li > a {
		font-size: 12px;
	}
	
	.single-portfolio.home-p-slider {
	    width: 22%;
	    margin:0 1% 35px 1%;     
    
	}	
	.contact-form-area2
	{
		margin-bottom:2rem;
	}
}

@media (max-width: 767px) {
	
	
	.hppi-hcustom-sec-img
	{
		border-bottom: 4px solid #4e2f8b;
    padding-bottom: 25px;
    margin-bottom: 35px;
	}
	
	.hppi-hcustom-sec-text
	{
		text-align: center;
	}
	
	
	.client-viewww-img img {
    width: auto;
    height: auto;
}
	
	.btn-social-icon>:first-child {
    line-height: 35px;
	}
	.single-info.single-info2 a {
	    width: 35px;
	    height: 35px;
	}
	
	.section-big-title
	{
		font-size: 2rem;
	}
	
	#to-slid .item .cover .container
	{
	    width: 80%;
	    max-width: 80%;
	}
	.single-info.single-info2 a {
    margin: 0 5px;
}
	
	.single-info.single-info2 a i {
    font-size: 16px;
	}
	#to-slid .owl-nav i
	{
		font-size:50px !important;
	}
	
	#to-slid .owl-nav .owl-prev,#to-slid .owl-nav .owl-next
	{
		padding: 20px 20px;   
	}
	#to-slid .owl-nav .owl-next i {
	    top: -27px;
	    right: 8px;
	}
	#to-slid .owl-nav .owl-prev i {
	    top: -27px;
	    right: 13px;
	}
	#to-slid .item .cover .header-content h1 {
    	font-size: 30px;
	}
	#to-slid .item .cover .header-content h4 {
    font-size: 18px;
    }
	
	.social_wrapper .social li {
    display: inline-block;
    margin: 0px 5px;
	}
	
	.this-is-side-one:first-child {
		margin-top: 2rem;
	}

	.slicknav_menu {
		background-color: #4e2f8c;
		border-bottom: 1px solid #ffffff;
		padding: 0;
	}

	.current-menu-item a {
		background: #fff;
		color: #222;
		opacity: 0.8;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		border-radius: 6px;
	}

	.hcp-pagination ul {
		margin-bottom: 50px;
	}
	.slicknav_nav {
		border-top: 1px solid white;
	}

	.slicknav_nav a {
		opacity: 0.8;
	}

	.cotainer-top-bar {
		max-width: 540px;
	}

	.slicknav_btn {
		z-index: 2000;
		background: white;
		text-align: center;
		margin: 10px !important;
		padding: 10px;
	}

	.slicknav_nav a:hover {
		background: #fff;
	}

	.top-li {
		text-align: center;
		font-size: 18px;
		padding: 4px;
	}

	.slicknav_menu .slicknav_icon {
		margin: 0;
	}

	.top-li::after {
		display: none;
	}

	.col-md-6.p-f-txt:first-child {
		border-bottom: 2px solid white;
		padding-bottom: 20px;
		margin-bottom: 15px;
	}

	.footer h3 {
		text-align: center;
	}

	.footer .footer-info p {
		text-align: center;
	}

	.footer-links li {
		padding: 5px 0;
		text-align: center;
		width: 32%;
		display: inline-block;
	}

	.copyrights p {
		margin: 0px;
		padding: 1rem;
		color: rgba(255,255,255,0.6);
		font-family: 'Cairo-SemiBold';
		font-size: 16px;
	}

	.copyrights {
		margin-top: 0rem;
	}

	.contact-form-area {
		    padding: 0 0px;
	}
}

@media (max-width: 576px)
{
	.client-viewww-img img {
	    width: auto;
	    height: auto;
	     
	}
	
	.client-viewww-img
	{
		margin: 0 auto;
	    text-align: center;
	}
	
	#to-slid .item .cover .header-content {
    position: relative;
    padding: 20px;
    overflow: hidden;
	}
	#to-slid .item .cover .header-content h1 {
    font-size: 20px;
}

#to-slid .item .cover .header-content h4 {
    font-size: 14px;    
    line-height: 20px;
}

.fixed-action-btn {
    right: 17px;
   }

.owl-carousel .owl-stage-outer {
    height: auto !important;
}

#to-slid .item {
    height: 70vh;
    position: relative;
}

.top1
{
	padding:5px; 
}	

}

@media (max-width: 500px) {
	.single-portfolio.home-p-slider 
	{
	    width: 47%;
	}
} 

@media (max-width: 350px) {

   .single-portfolio.home-p-slider {
    width: 98%;
	} 
	

	ul.footer-contacts.row li.col-6 {
		text-align: center;
	}

	ul.footer-contacts.row li.col-12 {
		text-align: center;
	}

	ul.footer-contacts.row li.col-6 i {
		display: block;
		margin: 0 auto !important;
	}

	ul.footer-contacts.row li.col-6 a {
		display: block;
	}

	.reg-captchaimg img, .reg-captchaimg a {
		display: block;
		width: 100%;
		text-align: center;
	}
}

@media (max-width: 305px) {
	.footer-links li {
		width: 49%;
	}
}