
a:hover {
	transition: all 0.3s;
}

.form-control {
  	padding: 9px;
}

/* toprow */

.sparky_inner .toprow {
	background: rgba(0,0,0,1);
}

.sparky_home .toprow, .sparky_inner .toprow.parallax-enabled {
	background: rgba(0,0,0,0);
    width: 100%;
    z-index: 1;
    position: absolute;
}

.toprow .mp_logo {
	text-transform: uppercase;
}

.sparky_logo {
    display: inline-block;
    border-bottom: 2px solid #fff;
    line-height: .6;
}

.sparky_slogan {
	line-height: 1.1;
}

.offcanvas-btn {
	float: right;
	background: url(../images/tinynav_white.png);
	margin-bottom: 0;
  	width: 40px;
  	height: 30px;
}

.toprow.topmenushow {
    position: fixed !important;
    background: #05144b !important;
}

.toprow.topmenushow .sparky_cell {
	padding: 9px 15px 6px;
}

.toprow.topmenushow .mnu_topmenu > li > a,
.toprow.topmenushow .mnu_topmenu > li > span {
	height: 40px;
	line-height: 40px;
}

ul.offcanvas_sparky {
    padding: 30px;
}

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

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

.container_topmenu .parent > a::after {
  background: none;
  content: '\2B';
  font-family: 'Arial';
  font-weight: 900;
  top: 20%;
}
.container_topmenu .parent ul {
    padding-top: 30px;
}

/* carouselrow */

.carouselrow .sparky_cell {
	padding-top: 0;
	padding-left: 0;
	padding-right: 0;
}

.hot_swipe_carousel_slides .contents h2 {
    font-weight: 300;
    line-height: 1.3;
    font-size: 40px;
    margin-bottom: 30px;
}

.hot_swipe_carousel_slides .contents h2 span {
    font-weight: 400;
    color: #ff8598;
}

.carouselrow h2, .carouselrow p {
	max-width: 45%;
}

.hot_swipe_carousel_slides .contents img {
	width: 300px;
	float: right;
	margin-top: 25px;
	background: rgba(255,255,255,.8);
    padding: 10px;
}

.flickity-prev-next-button {
	border-radius: 0 !important;
	background:transparent !important;
	border:0 !important;
	opacity: .7;
	width: 30px !important;
	height: 30px !important;
}

.flickity-prev-next-button:hover {
	opacity: 1;
}

.flickity-prev-next-button .arrow {
    fill: #666 !important;
}

/* aboutrow */

h2.row_heading {
	text-align: center;
}

h3.row_subheading {
	font-family: Roboto,sans-serif;
	text-align: center;
	color: #888888;
    font-size: 15px;
    font-weight: 300;
    line-height: 1.4;
    max-width: 60%;
    margin: 0 auto;
}

.aboutrow h3 {
	padding-top:0;
}

.aboutrow .custom {
	margin-bottom: 60px;
}

.aboutrow .custom img {
	float: left;
    border: 2px solid #000;
    border-radius: 50%;
    padding: 20px;
    margin-right: 30px;
    box-sizing: content-box;
    transition: all 1s;
}

.aboutrow .moduletable:hover img {
	border: 2px solid #FF8598;
	transition: all 1s;

	transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	transform-origin: 50% 0%;
	perspective: 680;
	-webkit-transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	-webkit-transform-origin: 50% 0%;
	-webkit-perspective: 680;
	-webkit-perspective-origin: 0% 10%;
	-moz-transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	-moz-transform-origin: 50% 0%;
	-moz-perspective: 680;
	-moz-perspective-origin: 0% 10%;
	-o-transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	-o-transform-origin: 50% 0%;
	-o-perspective: 680;
	-o-perspective-origin: 0% 10%;
	-ms-transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	-ms-transform-origin: 50% 0%;
	-ms-perspective: 680;
	-ms-perspective-origin: 0% 10%;
	transform: scale(1.0) scaleZ(1.0) rotateY(180deg);
	transform-origin: 50% 0%;
	perspective: 680;
	perspective-origin: 0% 10%;
}



/* advertrow */

.advertrow {
	text-align: center;
	color: #fff;
	font-weight: 400;
}

.advertrow .sparky_cell {
	padding-top: 0;
 	padding-left: 0;
    padding-right: 0;
}

.advertrow h3 {
	text-align: center;
	color: #fff;
	padding: 10% 0 20px;
}

.advertrow .moduletable {
	margin: 30px;
}

.advert_image {
	position: absolute;
    width: 33.333%;
    z-index: -1;
    background: #000;
    margin: -30px;
    overflow: hidden;
}

.advert_image img {
	opacity: .4;
	transition: all .3s;
}

.advertrow .moduletable:hover img {
	opacity: 1;
	transform: scale(1.1);
	transition: all .3s;
}

.advertrow .moduletable:hover h3,
.advertrow .moduletable:hover p {
	opacity: 0;
	transition: all .8s;
}

.advertrow a.btn {
	margin-top: 15px;
}

.advertrow .moduletable:hover a.btn,
.advertrow a.btn:hover {
	background: #fff;
	color: #000;
	border:2px solid #fff;
}

.advertrow .moduletable a.btn:hover {
	border:2px solid #FF8598;
	background: #FF8598;
	color: #fff;
}

/* contentrow */

.contentrow {
	padding: 15px 0;
}

.sparky_home .contentrow h1 {
	font-size: 48px;
	line-height: 1.1;
	text-align: center;
	padding-bottom: 45px;
}

.sparky_home .blog-item {
    padding: 15px 0 45px;
}

.contentrow .blog-items h2, .contentrow .blog-items h2 a {
	font-family: Montserrat,sans-serif;
	font-size: 24px;
	font-weight: 700;
	padding: 0;
	transition: all 0.3s;
}

.contentrow .blog-items h2 a:hover {
	color: #ff8598;
}

.blog .blog-item {
	padding-bottom: 45px;
}

.blog .item-image {
	float: left;
	padding-right: 15px;
}

.item-page .item-image {
    padding-bottom: 30px;
}

.blog-items .item-image {
	display: none;
}

.item-page .page-header h1 {
	padding-top: 0;
	padding-bottom: 100px;
	margin-bottom: 20px;
    position: relative;
    color: #fff;
    font-size: 60px;
}

.blog .page-header h1 {
  	padding-bottom: 50px;
}

button, button.btn, a.btn, button.btn-primary, p.readmore a, a.readmore {
	border:2px solid #ff8598;
	background: transparent;
	padding: 9px;
	color:#ff8598;
	font-weight: bold;
	text-transform: uppercase;
	transition: all 0.3s;
}

button:hover, button.btn:hover, a.btn:hover, button.btn-primary:hover, p.readmore a:hover, a.readmore:hover {
	border:2px solid #000;
	background: transparent;
	color:#000;
}

.pull-left.item-image {
    margin-right: 30px;
}

.pull-right.item-image {
    margin-left: 30px;
}

.item-image img {
    transition: all .3s;
}

dl.article-info {
	display: block;
	width: auto;
}

dl.article-info dd {
    display: inline;
}

ul.tags.inline {
	padding: 0 0 15px;
}

ul.tags.inline li {
    border: 0;
    background: #ff8598;
    padding: 0px 10px;
    border-radius: 3px;
    color: #fff;
}

ul.tags.inline li:hover {
	background: #000;
}

.parallax-image.item-image {
	position: absolute;
    height: 70%;
    width: 100%;
    padding-right: 0;
    overflow: hidden;
}

.parallax-image.item-image img {
    width: 100%;
}

.mnu_sidemenu > li {
    border-left: 3px solid #eee;
}

.mnu_sidemenu > li:hover {
    border-left: 3px solid #ff8598;
}

.mp_right h3 {
	padding-bottom: 30px;
}

.content_sparky ul li, .content_sparky ol li {
    line-height:1.5;
}

/* calltoactionrow */

.calltoactionrow {
	color: #fff;
}

.calltoactionrow p {
	margin: 0;
}

.calltoactionrow .btn {
	float: left;
    margin-left: 15px;
    min-width: 120px;
}

.calltoactionrow .btn:nth-child(2) {
    color: #cf152c
    float: left;
    margin-left: 1200px;
}

.calltoactionrow .btn:hover {
	color: #fff;
	border:2px solid #fff;
}

.calltoactionrow .btn:first-child {
	background: #05144b;
	color: #cf152c;
	border:2px solid #ffffff;
}

.calltoactionrow .btn:first-child:hover {
	background: #fff;
	color: #cf152c;
	border:2px solid #ffffff;
}

/* countersrow */

.countersrow {
	padding: 80px 0 0;
}

.mp_advert5 {
	padding-top: 30px;
}

.counter_field {
    margin: 30px 0 15px !important;
}

.circle_container svg {
    margin: 20px !important;
    padding: 0 !important;
	max-width:170px;
}

.counter_number {
	font-family: Montserrat,sans-serif;
	font-weight: 700;
}

.counter_field #counter1,
.counter_field #counter2,
.counter_field #counter3,
.counter_field #counter4 {
	width: 62px;
}

.counter_number.percentage {
    position: relative;
    margin: 0;
    top: -155px;
}

.counter_text {
    margin-top: -70px;
    font-weight: 400;
    padding:0 15px;
}

/* bottomrow */

.bottomrow {
	color: #fff;
	padding: 45px 0 0;
}

.bottomrow .sparky_cell {
	padding: 30px 15px 0;
}

.bottomrow h3 {
	color: #fff;
}

.mp_bottom2 span {
	display: inline-block;
	width: 70px;
}

.carouselrow a:hover, .bottomrow a:hover {
	color: #fff;
}

/* maprow */

.maprow {
	text-align: center;
}

.maprow .sparky_container {
	width: 95%;
}

.maprow .sparky_cell {
    padding: 50px 15px 15px;
}

.maprow i {
	font-size: 24px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	margin: 30px 7px 0;
	background: #fff;
	display: inline-block;
	border-radius: 50%;
	color: #45342e;
	transition: all .3s;
}

.maprow i:hover {
	color: #ff8598;
	transition: all .3s;
}

/* copyrightrow */

.copyrightrow {
	color: #fff;
}

.copyrightrow .sparky_cell {
    padding: 15px;
}

.copyrightrow p {
	margin: 0;
	text-align: center;
}

.copyrightrow a:hover {
    color:#fff;
}


/* gallery */

#responsivelightboxgallery {
	background: #eee;
}

/* animation */

.hot_swipe_carousel_slides .gallery-cell.is-selected img {
    -webkit-animation-name: growslowly;
    -moz-animation-name: growslowly;
    -o-animation-name: growslowly;
    animation-name: growslowly;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -ms-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents h2 {
    -webkit-animation-name: growfast;
    -moz-animation-name: growfast;
    -o-animation-name: growfast;
    animation-name: growfast;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents p {
    -webkit-animation-name: growfast;
    -moz-animation-name: growfast;
    -o-animation-name: growfast;
    animation-name: growfast;
    -webkit-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -ms-animation-duration: 1.5s;
    -o-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    -ms-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
    font-weight: 400;
}

@-webkit-keyframes growslowly {
    0% {
        -webkit-transform: scale(1.1); 
    }
    
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes growslowly {
    0% {
        -moz-transform: scale(1.1); 
    }
    
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes growslowly {
    0% {
        -o-transform: scale(1.1); 
    }
    
    100% {
        -o-transform: scale(1);
    }
}

@keyframes growslowly {
    0% {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -o-transform: scale(1.1);
    }
    
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
}

@-webkit-keyframes growfast {
    0% {
        -webkit-transform: scale(0); 
    }
  
    30% {
        -webkit-transform: scale(0); 
    }
    
    100% {
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes growfast {
    0% {
        -moz-transform: scale(0); 
    }
  
    30% {
        -moz-transform: scale(0);
    }
    
    100% {
        -moz-transform: scale(1);
    }
}

@-o-keyframes growfast {
    0% {
        -o-transform: scale(0); 
    }
  
    30% {
        -o-transform: scale(0); 
    }
    
    100% {
        -o-transform: scale(1);
    }
}

@keyframes growfast {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
    }
  
    30% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
    }
    
    100% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
    }
}

/* responsive menu */

.nav-toggle {
	float: left;
	margin-top: 15px;
	background: url(../images/tinynav_white.png);
}

.fix_menu .nav-toggle {
	margin-top: 5px;
}

.nav-collapse.opened li a {
	height: 40px;
}

.nav-collapse.opened ul ul {
	padding-left: 10px;
	padding-right: 10px;
}

/* responsive */

@media (max-width:1280px) {

	.advertrow h3 {
	    padding: 0px 0 10px;
	}

	.advertrow a.btn {
	    margin-top: 0;
	}

}

@media (max-width:1100px) {

	.hot_swipe_carousel_slides .contents h2 {
    	font-size: 40px !important;
    }

    .advertrow .moduletable {
	    margin: 15px;
	}

	.advert_image {
	    margin: -15px;
	}

}

@media (max-width:1019px) {

	.hot_swipe_carousel_slides .contents {
		width: 720px !important;
	}

	.hot_swipe_carousel_slides .contents h2 {
	    font-size: 32px !important;
	}

	.container_topmenu {
	    width: 250px;
	}

	.offcanvas-open-right .sparky_wrapper {
        -webkit-transform: translate3d(-250px, 0, 0);
	    -ms-transform: translate3d(-250px, 0, 0);
	    transform: translate3d(-250px, 0, 0);
	}

	.aboutrow .custom img {
		margin-bottom: 50px;
	}

	.blog-items .item-image {
	    width: 100%;
	    margin-bottom: 30px;
	}

	.advert_image {
	    margin: -15px;
	    min-height: 340px;
	}

	.advert_image img {
		max-width: 120%;
	}

	.counter_number.percentage {
	    top: 0;
	}

	.counter_text {
	    margin-top: 0;
	}

	.bottomrow .sparky_cell {
		width: 50%;
	}

	.bottomrow .sparky_cell:nth-child(odd) {
		clear: both;
	}

}

@media (max-width:1000px) {

	.advert_image img {
		max-width: 150%;
	}

}

@media (max-width:950px) {

	.hot_swipe_carousel_slides .contents h2 {
		margin-bottom: 0;
	}

}

@media (max-width:950px) {

	.advert_image img {
		max-width: 170%;
	}

}

@media (max-width:850px) {
  
  	.parallax-image.item-image {
	    height: 500px;
      	background-position: top center !important;
	}

	.advert_image img {
		max-width: 190%;
	}

	.hot_swipe_carousel_slides .contents h2 {
	    font-size: 24px !important;
	}

	.hot_swipe_carousel_slides .contents {
		font-size: 13px !important;
	}

	.flickity-prev-next-button {
		display: none;
	}
  
  	.blog-items .blog-item .item-image {
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.blog-items .blog-item .item-image img {
		width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

}


@media (max-width: 767px) {

	.toprow .sparky_cell {
	    padding: 30px 15px;
	}

	.hot_swipe_carousel_slides .contents {
		width: 100% !important;
		padding: 0 15px !important;
	}

	.aboutrow {
		padding-top: 30px;
	}

	.sparky_container > .mp_header2.sparky_cell {
		padding-bottom: 0;
	}

	.sparky_container > .mp_header3.sparky_cell,
  	.sparky_container > .mp_right.sparky_cell {
		padding-top: 0;
	}

	.aboutrow .custom img {
	    margin-bottom: 0;
	}

	.advert_image {
	    width: 100%;
	}

	.advertrow .moduletable {
	    margin: 30px;
	}

	.advert_image {
	    margin: -30px;
	}

	.countersrow {
	    padding: 80px 0;
	}

	.circle_container {
	    height: auto !important;
	}

	.circle_container svg {
	    max-width: 300px;
	    margin: 0 !important;
	    padding: 0 !important;
	}

	h3.row_subheading {
		max-width: 100%;
	}

}

@media (max-width: 700px) {

	.carouselrow h2, .carouselrow p {
	    max-width: 70%;
	}

}

@media (max-width: 600px) {

	.sparky_home .toprow, .sparky_inner .toprow.parallax-enabled {
	    background: rgba(0,0,0,1);
	    position: relative;
	}

	.hot_swipe_carousel_slides .contents h2 {
	    font-size: 18px !important;
	}

	.hot_swipe_carousel_slides .contents {
		top: 0 !important;
		font-size: 12px !important;
	}
  
  	.parallax-image + .contentrow {
      	padding-top: 300px !important;
  	}

	.aboutrow .custom img {
		margin-bottom: 50px;
	}

	main.content_sparky {
		padding: 50px 15px !important;
		margin-top: 0 !important;
	}

	.item-page .page-header h2 {
	    padding-bottom: 30px;
	    margin-bottom: 0;
	    color: #000;
	    text-shadow: none !important;
	}

	.sparky_home .blog-item {
	    padding: 0;
	}

	.calltoactionrow {
		text-align: center;
	}

	.calltoactionrow .btn {
		float: none;
		margin: 0 7px 15px !important;
	}

	.bottomrow .sparky_cell {
		width: 100%;
	}

}

@media (max-width: 420px) {

	.carouselrow h2, .carouselrow p {
	    max-width: 100%;
	}

	.carouselrow h2 {
		padding-top: 0;
	}

}


	