* {
	-webkit-font-smoothing:antialiased;
}

a:hover {
	transition: all 0.3s;
}

body {
	overflow-x: hidden;
}

/* toprow */

.toprow {
	background: var(--sparkycolor2) url(../images/custom/top_row_bg.png) no-repeat;
    background-position-x: center;
    background-position-y: 50px;
    height: 165px;
}



.toprow .mp_logo {
	padding-top: 30px;
}

.toprow .mp_logo .sparky_feature {
	/*background: url(../images/logo_drones.png) no-repeat right;
	background-size:  79px 60px;
	margin-right: 50px;*/
}

.toprow .mp_logo .sparky_feature .sparky_logo_link span {
	font-weight: 300;
}

.toprow .mp_logo .sparky_logo {
	text-transform: uppercase;
    padding-bottom: 20px;
    letter-spacing: 1px;
	/*float: left;*/
}

@media(max-width: 1019px) {
	.toprow nav:not(.opened) ul.menu {
		display: none;
	}
}

/* carouselrow */

.carouselrow .sparky_cell {
	padding: 0;
}

.hot_swipe_carousel_slides .contents h2 {
    padding-bottom: 30px;
}

.hot_swipe_carousel_slides .contents h2::before {
	content: "new";
	display: block;
	font-size: 13px;
	font-weight: 600;
	background: var(--sparkycolor1);
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 26px;
	text-align: center;
	border-radius: 50%;
}

.hot_swipe_carousel_slides .contents p {
	margin-bottom: 25px;
}

.hot_swipe_carousel_slides .contents strong {
	font-size: 24px;
	color: #000;
	font-weight: 300;
}

.flickity-page-dots {
	width: 30px !important;
	bottom: 60px !important;
	right: 10px;
    text-align: right !important;
}

.flickity-page-dots .dot {
	display: block !important;
	background: #ccc !important;
	margin: 10px !important;
}

.flickity-page-dots .dot.is-selected {
	width: 12px !important;
	height: 12px !important;
}

/* advertrow */

.advertrow {
	color: #fff;
	background: var(--sparkycolor1) url(../images/custom/advert_row_top_bg.png) no-repeat;
    background-position-x: center;
    background-position-y: 0;
}

/*.advertrow::after {
	content: "";
	display: block;
	position: absolute;
	background: var(--sparkycolor1) url(../images/custom/advert_row_bottom_bg.png) no-repeat;
	background-position-x: center;
    background-position-y: 0;
	width: 100%;
	height: 150px;
    margin-top: -150px;
}*/

.advertrow h3 {
	color: #fff;
	font-size: 40px;
}

.sparky_container > .mp_advert1.sparky_cell {
	padding: 120px 15px 100px;
}

/*.mp_advert1 .moduletable {
	width: 40%;
}*/

/*.mp_advert1 img {
	position: absolute;
    right: 10%;
    margin-top: -180px;
    z-index: 1;
}*/

.mp_advert1 p {
	position: relative;
	z-index: 1;
}

.advertrow strong {
	font-size: 24px;
	font-weight: 300;
}

/* contentrow */

.contentrow {
	padding: 15px 0;
}

.sparky_home .contentrow .sparky_cell {
	padding-top: 0;
}

.sparky_inner .contentrow .sparky_cell {
	padding: 0 15px;
}

.sparky_home .contentrow h1 {
	font-size: 40px;
	font-weight: 700;
}

.blog-items .item-image img {
    max-width: 200px;
    /* margin: 0 auto 20px; */
    display: block;
    max-height: 220px;
}

.blog-items .blog-item {
    transition: all .3s;
    text-align: center;
    padding: 0 15px;
    margin-bottom: 50px;
}

.blog-featured .blog-items .blog-item {
	margin-bottom: 0;
}

.contentrow .blog-items h2, .contentrow .blog-items h2 a {
	font-size: 20px;
	font-weight: 400;
	color: var(--sparkycolor3);
    font-style: italic;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-align: center;
}

.contentrow .blog-items h2 a:hover {
	color: var(--sparkycolor1);
}

dl.article-info {
	padding: 0;
}

aside.abovecontent {
	padding: 0 0 50px;
}

.blog .blog-items {
	padding-bottom: 45px;
	justify-content: space-evenly;
}

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

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

.contentrow li {
	line-height: 1.5;
}

.form-control {
	padding: 10px;
    border-radius: 0;
}

.btn:active {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

button, button.btn, a.btn, .btn-primary, .btn-warning, p.readmore a, p.readmore a.btn, a.readmore {
	border:2px solid var(--sparkycolor1);
	border-radius: 0;
	background: #fff;
    line-height: 40px;
    font-size: 13px;
    letter-spacing: 2px;
    color: var(--sparkycolor1);
    display: inline-block;
    text-transform: uppercase;
    font-weight: 600;
    text-shadow: none;
    padding: 0 25px;
    transition: all .3s;
}

button:hover, button.btn:hover, a.btn:hover, .btn-primary:hover, .btn-warning:hover, p.readmore a:hover, p.readmore a.btn:hover, a.readmore:hover {
    color: #000;
    /*border:2px solid #000;*/
    background: #fff;
    transition: all .3s;
}

.btn-warning {
	border:2px solid #ff9900;
	color: #ff9900;
}

.advertrow a.readmore {
	border:2px solid #fff;
	background: transparent;
	color: #fff;
}

.advertrow a.readmore:hover {
	color: #000;
    border:2px solid #000;
}

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

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

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

.item-page dl.article-info dd {
    display: inline;
    padding: 0 15px;
}

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

.item-page dl.article-info dd:first-of-type {
    padding: 0 15px 0 0;
}

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

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

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

.belowcontent {
    padding: 30px 0;
}

/* equipmentrow */

.mp_advert2.sparky_cell {
	padding-top: 0;
	padding-bottom: 0;
}

.hot_swipe_carousel_slidesequipment, .hot_swipe_carousel_slidesequipment .flickity-viewport {
	min-height: 320px;
}

.equipmentrow .hot_swipe_carousel_slidesequipment img {
    max-width: 180px;
    margin: 0 auto;
    display: block;
}

.equipmentrow .hot_swipe_carousel_slidesequipment .contents {
	text-align: center;
}

.equipmentrow .hot_swipe_carousel_slidesequipment .contents h2 {
	text-align: center;
	font-weight: 400;
	min-height: 64px;
	padding-bottom: 0;
}

.equipmentrow .hot_swipe_carousel_slidesequipment .contents p {
	margin-bottom: 0;
}

.equipmentrow .hot_swipe_carousel_slidesequipment .contents a {
	font-size: 13px;
    letter-spacing: 2px;
	text-transform: uppercase;
}

.equipmentrow h3 {
	font-size: 40px;
	padding-bottom: 45px;
}

.equipmentrow button:hover {
	border:0;
}

.equipmentrow button:active {
	background-color: transparent;
}

.equipmentrow .flickity-prev-next-button:focus {
    box-shadow: none;
    background-color: transparent;
}

.equipmentrow .flickity-prev-next-button.previous {
    left: -15px;
}

.equipmentrow .flickity-prev-next-button.next {
    right: -15px;
}

/* bottomrow */

.bottomrow {
	background: var(--sparkycolor2) url(../images/custom/bottom_row_bg.png) no-repeat;
    background-position-x: center;
    background-position-y: top;
	padding: 120px 0 30px;
	line-height: 1.9;
	font-size: 14px;
}

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

.bottomrow h3 {
	font-size: 16px;
	text-transform: uppercase;
	color: var(--sparkycolor3);
}

.bottomrow a {
	color: var(--sparkycolor3);
}

.bottomrow i {
	background: var(--sparkycolor3);
	color: var(--sparkycolor2);
	font-size: 18px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	margin: 0 7px 0 0;
	border-radius: 7px;
	transition: all .3s;
}

.bottomrow i:hover {
	background: #000;
	transition: all .3s;
}

/* copyrightrow */

.copyrightrow {
	color: var(--sparkycolor3);
	font-size: 14px;
}

.copyrightrow .sparky_cell {
    padding: 15px 0 50px;
}

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

.copyrightrow a {
	color: #000;
}

.blog-items .product-price-container .sale-price {
	font-size: 16px;
	color: #000;
	margin-bottom: 20px;
	font-weight: 700;
}

/* gallery */

#responsivelightboxgallery {
	background: #eee;
	padding: 30px 0;
}

/* animation */

.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;
}

.hot_swipe_carousel_slides .gallery-cell.is-selected .contents p:last-of-type {
	-webkit-animation-delay: 2s;
    -moz-animation-delay: 2s;
    -ms-animation-delay: 2s;
    -o-animation-delay: 2s;
    animation-delay: 2s;
}

@-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 */

.nav-toggle {
   /* background: url(../images/tinynav.png);*/
    background-size: 42px 84px;
    margin-top: -15px;
}

.nav-collapse.opened li a {
    padding: 5px 15px;
    line-height: 30px;
    height: 40px;
	float: none
}

@media (max-width:1230px) {

	.toprow .mp_logo .sparky_feature {
		margin-right: 0;
	}

}

@media (max-width:1120px) {

	.hot_swipe_carousel_slides .contents {
    	top: 10% !important;
    }


}

@media (max-width:1019px) {

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

	/*.mp_advert1 img {
	    right: 5%;
	    margin-top: -150px;
	    max-width: 50%;
	}*/

	.container_topmenu {
	    width: 250px;
	}

	.blog-items .item-image {
	    width: 100%;
	}

}

@media (max-width:990px) {

/*	.one .mp_logo.sparky_cell {
		width: 75% !important;
	}*/

	.one .mp_topmenu.sparky_cell {
		width: 25% !important;
	}

	.cart-item-count {
		float: right;
		margin: 0 0 0 -5px !important;
	}

	/*.toprow .mp_logo .sparky_feature {
	  background: url(../images/logo_drones.png) no-repeat;
	    background-size: 79px 60px;
	    background-position-x:150px;
	    background-position-y:0;*/
	}

	.hot_swipe_carousel_slides .contents {
	    top: 0% !important;
	    width: 40% !important;
	}

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

	.hot_swipe_carousel_slides .contents p {
	    margin-bottom: 15px;
	}

	.bottomrow .sparky_cell {
		width: 50%;
	}

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

}

@media (max-width:850px) {

	.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;
	}

	button, button.btn, a.btn, button.btn-primary, p.readmore a, a.readmore {
	    line-height: 30px;
	}

}


@media (max-width: 767px) {

	/*.flickity-page-dots {
		bottom: 30px !important;
	}*/

	/*.mp_header1 .hot_swipe_carousel_slides,
	.mp_header1 .flickity-viewport {
		min-height: 265px;
	}*/

	.blog-items .blog-item {
	    width: 100%;
	}

}

@media (max-width: 600px) {

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

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

	.bottomrow .sparky_cell {
		width: 100%;
	}

	.advertrow h3,
	.sparky_home .contentrow h1,
	.equipmentrow h3 {
	    font-size: 24px;
	}

	.mp_advert1 .moduletable {
	    width: auto;
	}

	.mp_advert1 img {
		position: relative;
	    right: auto;
	    margin-top: 0;
	    max-width: 100%;
	}

	.hot_swipe_carousel_slidesequipment .contents {
		width: auto !important;
	}

	.hot_swipe_carousel_slidesequipment .contents h2 {
		font-size: 12px !important;
	}

	.equipmentrow .hot_swipe_carousel_slidesequipment .contents p {
		line-height: 1;
	}
  
    .dl-horizontal dt {
      	width:40px;
    }
  
    .dl-horizontal dd {
    	margin-left: 50px;
    	margin-bottom: 10px;
	}

}


#youtube {
    background: url(/images/icons/youtube_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#youtube:hover {
    background: url(/images/icons/youtube_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#facebook { 
    background: url(/images/icons/FB_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#facebook:hover { 
    background: url(/images/icons/FB_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#instagram { 
    background: url(/images/icons/instagram_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#instagram:hover { 
    background: url(/images/icons/instagram_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#whatsapp{ 
    background: url(/images/icons/whatsapp_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#whatsapp:hover{ 
    background: url(/images/icons/whatsapp_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#viber{ 
    background: url(/images/icons/viber_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#viber:hover{ 
    background: url(/images/icons/viber_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#telegram{ 
    background: url(/images/icons/telegram_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#telegram:hover{ 
    background: url(/images/icons/telegram_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#telegram:active{ 
    background: url(/images/icons/telegram_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#mail{ 
    background: url(/images/icons/mail_grey.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

#mail:hover{ 
    background: url(/images/icons/mail_color.png) no-repeat center;
    display: inline-block;
    width: 25px;
    height: 25px;
     background-size: contain;
}

.item-content {
    width: 220px;
}