.form-control, .inputbox, .textarea {
  	border: 1px solid #ddd !important;
  	padding: 20px;
 	border-radius: 4px;
}

.btn, a.btn, button.btn, .button {
  	background: #e8008a;
  	border: 0;
  	color: #fff;
  	padding: 20px;
  	border-radius: 4px;
}

.btn:hover, a.btn:hover, button.btn:hover, .button:hover, .btn:active, .btn:focus {
  	background: #000 !important;
  	transition: all 0.3s;
}

/* toprow */

.portfolio-1 .toprow {
	position: absolute;
    width: 100%;
}

.toprow .sparky_container .sparky_cell {
	position: relative;
	padding: 30px 15px;
    z-index: 10;
}

.sparky_logo_image img {
	position: relative;
	z-index: 99;
}

.offcanvas-btn {
	background: url(../images/offcanvas-pink.png);
	background-size: 40px 40px;
  	margin-top: -3px;
}

ul.offcanvas_sparky li {
    padding: 10px 0;
}

ul.offcanvas_sparky > li {
    padding: 7px 25px;
}

ul.offcanvas_sparky ul {
    padding: 25px 0 5px;
}

/* footerrow */

.footerrow {
	padding: 20px 0;
	color: #fff;
}

.footerrow ul.menu li:first-child {
  	padding-left: 0;
}

.mp_bottom1 {
	text-align: right;
}

.mp_bottom1 a {
  	background: #fff;
	border:1px solid rgba(255,255,255,0.5);
	border-radius: 60px;
	color: #473bb1;
	padding: 10px 20px;
	margin-left: 20px;
    transition: all 0.3s;
}

.mp_bottom1 a:hover {
	background: #e8008a;
	border:1px solid #e8008a;
	color: #fff;
	transition: all 0.3s;
}

/* MAIN CONTENT */

.content_sparky.sparky_cell {
  	padding-top: 0;
}

.portfolio_intro > .sparky_page_container > .sparky_col0 {
  	align-items: flex-end;
}

.portfolio_intro > .sparky_page_container > .sparky_col0 > * {
  	max-width: 500px;
}

.portfolio_intro figure img {
  	margin-bottom: 0;
}

.portfolio_intro hr,
.portfolio_intro .sparky_social_icons {
  	width: 100%;
}

.sparky_social_icons a:first-child {
  	padding-left: 0;
}

.portfolio_intro a:hover, .portfolio_intro i:hover {
  	color: #e8008a;
}

.counter_container.expertise .counter_field {
  	margin: 0;
  	padding: 0 15px;
}

.counter_container.expertise .counter_number {
  	margin: 0;
}

/* INNER PAGES */

.items-row {
    padding: 50px 0;
}

.item-page .page-header h2,
.page-header h1 {
	font-size: 96px;
	padding-top: 50px;
}

.readmore a.btn {
	background: #e8008a;
    border: 0;
    color: #fff;
    border-radius: 0;
    font-size: 14px;
    padding: 10px 20px;
    transition: all 0.3s;
}

.readmore a.btn:hover, .readmore a.btn:focus, .readmore a.btn:active {
	background: #473bb1;
	color: #fff;
}

.item-image.pull-none {
	margin-bottom: 30px;
}

/* right column */

.content_sparky.sparkle9 {
	padding-right: 50px;
}

.mp_right {
	padding: 15px 15px 50px 30px;
	border-left: 1px solid #e8eaec;
	margin: 30px 0;
}

.mp_right h3 {
	margin-top: 30px;
}

.mp_right h3:before {
	content: '';
	display: block;
	width: 14px;
	height: 14px;
	background: #fff;
	border:1px solid #e8eaec;
	border-radius: 7px;
	position: absolute;
	margin-left: -23px;
	margin-top: 10px;
	box-sizing: border-box;
}

.mp_right input {
	border:1px solid #e5e5e5;
	box-shadow: none;
	color: #666;
	font-size: 14px;
	padding: 10px 20px;
}

.mp_right input:focus {
	box-shadow: none;
	border:1px solid #473bb1;
}

.mnu_sidemenu > li.active > a {
	color:#e8008a;
}

.tagscloud a.tag-name {
	background: #e8008a;
	color: #fff;
	padding: 3px 6px;
	border-radius: 3px;
}

.tagscloud a.tag-name:hover {
	background: #473bb1;
}

/* blog */

.blog-items .blog-item {
  	margin: 30px 0;
}

.blog-items .blog-item p {
  	font-size: 18px !important;
}

.blog-items .blog-item .sparky_cell {
  	padding: 0 !important;
}

/* contact */

.com-contact.contact dt {
    float: inline-start;
    clear: both;
    padding-top: 15px;
}

.com-contact.contact dd {
    padding-inline-start: 30px;
}

.com-contact.contact dt + dd {
    padding-top: 15px;
}

@media (min-width: 992px) {

    .com-contact.contact {
        display: flex;
        flex-wrap: wrap;
    }

    .com-contact.contact .page-header,
    .com-contact.contact h1 {
        width: 100%;
    }

    .com-contact__container {
        width: 34%;
    }

    .com-contact__form.contact-form {
        width: 66%;
        margin-top: 15px;
    }

    .com-contact__form.contact-form legend {
        background: transparent;
        padding: 15px 0;
        font-size: 24px;
        line-height: 1.4;
        font-weight: 700;
        text-transform: uppercase;
    }

    .com-contact.contact > h2 {
        display: none;
    }

}

/* message */

#system-message-container {
    position: fixed;
    z-index: 999;
    bottom: 30px;
    right: 30px;
}

#system-message-container span.info {
    border: 0;
    background: transparent;
    padding: 0;
}

#system-message-container span.info::before {
    float: none;
}

/* RESPONSIVE */

/* media queries */

@media (max-width: 991px) {
  
  	.portfolio-1 .toprow {
    	position: relative;
	}

	.one .mp_logo {
	    width: 50% !important;
	}

	.one .mp_top1 {
	    width: 35% !important;
	}

	.one .mp_offcanvasmenu {
		width: 15% !important;
	}
  
  	.portfolio_intro .sparky_social_icons {
      	padding-bottom: 30px;
  	}

}

@media (max-width: 767px) {

	ul.mnu_footermenu, .mp_contact_btn {
		text-align: center;
	}

	.content_sparky.sparkle9 {
	    padding-left: 15px;
	    padding-right: 15px;
	}

	.mp_right {
	    padding: 15px;
	    border-left: 1px solid #e8eaec;
	    margin: 0 0 30px;
	}

}

@media (max-width: 500px) {

	.toprow .sparky_cell {
	    padding: 15px;
	}

	.one .mp_logo {
	    width: 40% !important;
	}

	.one .mp_top1 {
	    width: 45% !important;
	}

	.one .mp_offcanvasmenu {
		width: 15% !important;
	}

	.content_sparky.sparkle9 {
		padding-right: 15px;
	}

	.mp_right {
	    padding: 15px;
	    border-left: 0;
	    margin: 0 0 30px;
	}
  
  	.mp_bottom1 p {
      	text-align: center !important;
  	}

}