:root {
	--form-control-disabled: #ccc;
	--form-background: #ffffff;
	--CanvasText: #333;
	--gradient-2: #ccc;
}

.itemid-418 #contentpane {
	padding: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Archivo Narrow', sans-serif  !important;
}
a {cursor: pointer;}
a:hover{
	text-decoration:none;
	color:#c96b00;
	transition:1s;
}

#sp-header {
    height: 100px !important;
}
#sp-header .logo {
max-height: 100px;
}

.burger-icon>span {background-color: #333;}

.sp-megamenu-parent>li>a, .sp-megamenu-parent>li>span, .sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {text-transform: uppercase;}

.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
	color: yellowgreen;
}

.sp-megamenu-parent>li>a {
	color: rgb(99, 98, 98);
}
iframe {
	width: 100%;
}

.flex {
    display: flex;
}

.align-center {
    display: flex;
    align-items: center;
}

.mod-finder {
    text-align: right;
	min-height: 80px;
	margin-bottom: 20px;
}

@media only all and (max-width: 47.938rem) {
    .mod-finder {
        min-height: 50px;
    }


#sppb-addon-966448c0-5b39-4f3d-b928-944063361008 > div > div > div > div > div:nth-child(1) {
	order: 2 !important;
}
#sppb-addon-966448c0-5b39-4f3d-b928-944063361008 > div > div > div > div > div:nth-child(2) {
	order:1;
}
    



}



.mod-finder label {
margin-right: 4px;
}
body.itemid-175 .sppb-title-heading {
	font-family: 'Archivo Narrow', sans-serif;
	margin-top: 2rem !important;
}


.logo-image {
	border-radius: 12px;
}
.logo-image-phone  { width:auto !important; }

.top_name {
	float: right;
	position: relative;
	top: 30px;
	color: #333;
}

/*.i9home { */
.homepage {
    #top-video {

        .card_rounded_big {
            background-color: #00000020;
            border: 1px solid #767676;
            border-bottom-right-radius:40px;
            padding: 20px 20px 0 20px;
            margin-bottom: 25px;
        }
        .techs_tag {
            margin-left: 33px;
        }

        @media only all and (max-width: 47.938rem) {

            #sppb-addon-1614765620783 .sppb-addon-title {
                font-size: 35px !important;
            }

            .card_rounded_big {
                padding: 20px 20px 0 20px;
                margin-bottom: 20px;

                li {
                    font-size: 22px;
                }

            }
            .techs_tag {
                margin-left: 0;
                font-size: 14px;
            }

            .animated-heading-after-part {
                margin-top: 20px;
                margin-bottom: 20px;
            }

        }
    }

    #homepage-about {
        a:hover {
            box-shadow: 1px 1px 5px #333;
        }
    }


    .tech-skills {
        margin-bottom: 20px;
        padding: 10px 20px;
        border-radius: 0 40px 40px 40px;
        box-shadow: rgba(0, 0, 0, 0.1) 0 20px 25px -5px, rgba(0, 0, 0, 0.04) 0 10px 10px -5px;
        background-color: #5f9ea0b5;

    }
    .homepage-intro-pic {
        width: 120px;
        border-radius: 50%;
        overflow: hidden;
        float: right;
    }

}

#top-video .section-bg-video {
	opacity: 0.8;
}

.intro-blog {
	--bs-gutter-y: 40px !important;
    --bs-gutter-x: 0 !important;
    gap: 40px !important;

    .row .col-lg-4 {
        margin-bottom: 0;
    }

}


.latest_articles_slider {

    .sppb-addon-articles-carousel .slick-slide {
        padding: 0 15px;
    }

    .sppb-articles-carousel-img {
        max-height: 190px;
        overflow: hidden;
    }
    .slick-slide img {
        display: block;
    }

    .card-img, .image-card-container, .sppb-articles-carousel-img {overflow: hidden;}
    .sppb-articles-carousel-img:hover img {
        transition: all 330ms ease-in-out;
        transform: scale(1.2);
    }
    .card-img:hover img {
        transition: all 330ms ease-in-out;
        transform: scale(1.2);
    }
    .image-card-container:hover img {
        transition: all 330ms ease-in-out;
        transform: scale(1.2);
    }

}

#search-result-list > li {
    gap: 20px;
}
#search-result-list > li > figure {
    max-width: 320px;
    max-height: 240px;
    overflow: hidden;
}
#search-result-list > li > figure > a > img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all 330ms ease-in-out;
}
#search-result-list > li > figure > a > img:hover {
    transform: scale(1.5);
}

.dark-mode #search-result-list > li {
    background-color: #4a5e5e;
}

@media only all and (max-width: 47.938rem) {

    body.layout-blog #sp-main-body {
        padding-top: 2rem !important;
    }

    .intro-blog  .row .col-lg-4 {
        margin-bottom: 20px;
    }

    .sppb-articles-scroller-date-left-date {
        flex: 0 0 20%
    }
    .sppb-articles-scroller-date-left-content {
        flex: 0 0 80%;
        padding: 12px;
    }

}

.view-category.layout-blog .article {
	margin-bottom: 2rem;
    border: 0;
    border-bottom-right-radius: 40px;
}


.view-category.layout-blog  div.article-introtext > p:last-of-type {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}



.view-category.layout-blog div.article-body > div.article-introtext > h2,
.view-category.layout-blog div.article-body > div.article-introtext > h3{
    font-size: 24px;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
}


.view-category #profile-pic {
	position: relative !important;
}

h3.sp-simpleportfolio-title {
	font-size: 28px !important;
	line-height: 26px !important;
}

.com-phocadownload #sp-main-body {
	padding-top: 50px !important;
}
#phoca-dl-license {
    padding: 20px;
}


body.com-phocadownload.view-category {

    .card {
        border:0;
        border-bottom-right-radius: 40px;
    }

    .pd-button-box-bt a.btn {
        float: none;
    }

}



.newsfeed-category {
	margin:2rem 0;
}

.article-intro-image {
    border:0 !important;
	min-height: 240px;
	max-height: 240px;
	display: inline-flex;
	justify-content: center;
}
div.article-intro-image > a > img {
    width: 100% !important;
    height: 100%;
    max-height: unset !important;
    object-fit: cover; /* or 'contain' */
    border-radius: 0 !important;
    border:0 !important
}

.article-list .article .article-intro-image img, .article-list .article .article-featured-video img, .article-list .article .article-featured-audio img, .article-list .article .article-feature-gallery img {
	max-height: 100%;
	max-width: 100%;
	width: auto;
	margin:  0 auto;
}
.sppb-shape-container.sppb-top-shape {left: -1px; width: 101% !important;}



#sppb-addon-1614685201600 .sppb-addon-content h2 {font-size:63px !important;}

.offcanvas-menu {
	background-color: #00000036 !important;
}

.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a {
	font-size: 18px;
	padding: 10px 0;
	line-height: 32px;
}

.article-details .article-full-image img {width: 100%;}

/*.article-intro-image {max-height: 180px; overflow: hidden;}
.article-intro-image img {width: 100%;}*/

body.homepage #sp-main-body{padding-top: 0 !important;}
#sp-main-body {padding-top: 20px !important;}

#sp-bottom .sp-module .sp-module-title {
	color: #333;
}

.article-social-share .social-share-icon ul li a {
	background: white;
}
body.blog #sp-main-body {
	padding-top: 4rem ;
}
body.blog .article-list .article .article-header {
    padding-bottom: 20px;
}

.article-list .article .article-intro-image, .article-list .article .article-featured-video, .article-list .article .article-featured-audio, .article-list .article .article-feature-gallery {
    padding: 0 !important;
    border-radius: 0 !important;
}

.article-list .article .article-intro-image img {
    transition: all .3s ease-in-out;

}
.article-list .article .article-intro-image img:hover{
    transform: scale(1.5);
}


body.com-hikashop #sp-main-body, body.portfolio #sp-main-body  {
	padding-top: 4rem !important;
}

.sp-simpleportfolio-details {
	margin-bottom: 1rem;
}

.top-main-slider-text {
	max-width: 55%;
	margin: 0 auto;

	.sppb-addon-title {
		b {
			color: yellowgreen;
		}

	}

}

#sppb-addon-ca59b0cc-2bb0-4484-8ab3-71d6b0e75c9a > div > h2 b{
	color: #0a0e13;
	font-size: 4rem;
}

.dark-mode {
    #sppb-addon-ca59b0cc-2bb0-4484-8ab3-71d6b0e75c9a > div > h2 b{
        color: #939393;
    }
}

.portfolio-slider .sp-background{
	background-position: top center !important;
}

.latest-work {
	padding-top: 20px;
}

body.com-spsimpleportfolio { background: #ddd;}
body.itemid-305 div.article {display: flex; background: #f8f8f8;}
body.itemid-305 div.article:hover {
	display: flex;
	background: #eee;
}
body.itemid-305 div.article-list > div > div > a > div > div > div.article-introtext > p > a {pointer-events: none !important;}

.sp-page-builder .page-content #section-id-1614685110493 {
	padding-top: 1rem !important;
	padding-bottom: 50px !important;
	padding-left: 0 !important;
}

.float-start {
	margin-right: 4px;
}

#sppb-addon-1614771271690 .sppb-img-container {
	height: 400px ;
	overflow: hidden;
}



#cf_2 {max-width: 90%; width: 90%;}

.convertforms {max-width: 100%; width: 100%;}
#cf_1 .form-control {
	font-family: system-ui, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.1em;
}

#cf_1 .form-control + .form-control {
	margin-top: 1em;
}

#cf_1  .form-control--disabled {
	color: var(--form-control-disabled);
	cursor: not-allowed;
}

#cf_1 input[type="checkbox"] {
	cursor: pointer	;
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;

	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);

	display: grid;
	place-content: center;
}

#cf_1 input[type="checkbox"]::before {
	content: "";
	width: 0.9em;
	height: 0.9em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em var(--form-control-color);
	/* Windows High Contrast Mode */
	background-color: var(--CanvasText);
}

#cf_1 input[type="checkbox"]:checked::before {
	transform: scale(1);
}

#cf_1 input[type="checkbox"]:focus {
	outline: max(2px, 0.15em) solid currentColor;
	outline-offset: max(2px, 0.15em);
}

#cf_1 input[type="checkbox"]:disabled {
	--form-control-color: var(--form-control-disabled);

	color: var(--form-control-disabled);
	cursor: not-allowed;
}

.cf-control-input {
}
.convertforms .cf-input {text-align: left;}


#cf_4 {
	max-width: 85%;
	margin: 0 auto;
}


body.view-category.layout-blog .article-feature-gallery {
	max-height: 270px;
}
.related-article-list .article-feature-gallery {
	max-height: 270px;
}
body.view-category.layout-blog .article-feature-gallery .carousel-control-prev,
body.view-category.layout-blog .article-feature-gallery .carousel-control-next {
	display: none;
}
body.view-category.layout-blog ul.fields-container {display: none;}
ul.fields-container {list-style: none; margin: 0; padding: 0;}
.osm_map_item {width: 100% !important;}


.related-article-list .article-feature-gallery .carousel-control-prev,
.related-article-list .article-feature-gallery .carousel-control-next {
	display: none;
}

.breadcrumb {
    margin-bottom: 0 !important;
}
body.services .breadcrumb{
	max-width: 70%;
	margin: 0 auto;
}


/* TAGS */
div.tag-category > ul > li > a {font-size: 1.8rem;}
div.tag-category > ul > li > a > img {
	float: left;
	margin-right: 8px;
	max-width: 140px;
}


#sppb-addon-1614763625668 #btn-1614763625668.sppb-btn-custom {
	color: #333 !important;
}

.sppb-btn-outline:hover {
	border-color: #000 !important;
	background-color: #333 !important;
	color: #f4f4f4 !important;
	}
.tags>li {margin: 0.1rem;}
.tags>li a {
	display: block;
	font-size: 14px;
	padding: 0.3rem 0.6rem;
	border-radius: 10px;
	border: 1px solid;
}

.bg-screen {
	top: 0;
	position:absolute;
	z-index:0;
	overflow:hidden;
}


.content-front:nth-child(2):after {
		content: '';
}


.bg-header {
		background-color: rgb(16 255 0 / 20%);
		padding: 12px 20px;
		box-shadow: 0 1px 15px rgba(0, 0, 0, 0.04), 0 1px 6px rgba(0, 0, 0, 0.04);
}


.welcome-board-name {
	font-family: 'Vast Shadow', cursive;
		color: #ffffff;
		font-size: 2.3em;
		text-shadow: 1px 2px 3px #03802a;
}

.content-inner {
	cursor: pointer;
	width: 100%;
	color: #fff;
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.fl-wrap {
	float: left;
	width: 100%;
	position: relative;
}

.content-inner .content-front,
.content-inner .content-back {
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-front {
	background: #292929;
	position: relative;
}

.content-inner > * {
	backface-visibility: hidden;
	transition: 0.9s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.cf-inner:before,
.cf-inner:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-color: rgba(255, 255, 255, 0.4);
	z-index: 10;
}

.cf-inner:before {
	top: 20px;
	left: 20px;
	border-left: 1px solid;
	border-top: 1px solid;
}
.bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-size: cover;
	background-attachment: scroll;
	background-position: center;
	background-repeat: repeat;
	background-origin: content-box;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	z-index: 3;
}

.content-inner .cf-inner .inner {
	align-items: stretch;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transform: translateZ(95px) scale(0.81);
	text-align: center;
	position: relative;
	z-index: 2;
}

.cf-inner:after {
	bottom: 20px;
	right: 20px;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.content-inner .cf-inner .inner h2 {
	position: relative;
	font-size: 22px;
	font-weight: 800;
	padding-bottom: 20px;
}

.content-inner .cf-inner .inner h2:before {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 10px;
	width: 20px;
	height: 2px;
	margin-left: -10px;
}

.content-inner .content-front li {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
	font-size: 10px;
	letter-spacing: 2px;
	margin: 0 4px;
}
.cf-inner:after {
	bottom: 20px;
	right: 20px;
	border-right: 1px solid;
	border-bottom: 1px solid;
}

.content-inner .content-front,
.content-inner .content-back {
	position: relative;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.content-inner .cf-inner .inner {
	align-items: stretch;
	transform-style: preserve-3d;
	perspective: 1000px;
	backface-visibility: hidden;
	transform: translateZ(95px) scale(0.81);
	text-align: center;
	position: relative;
	z-index: 2;
}

.content-inner:hover .content-front {
	transform: rotateY(-180deg);
}

.content-inner:hover .content-back {
	transform: rotateY(0deg);
}

.content-inner .content-back {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	transform: rotateY(180deg);
	background: #292929;
	/* background-image: url("https://images.unsplash.com/photo-1478760329108-5c3ed9d495a0?ixlib=rb-1.2.1&auto=format&fit=crop&w=667&q=80");*/
}

.content-inner .cf-inner {
	transform-style: preserve-3d;
	backface-visibility: hidden;
	width: 100%;
	padding: 150px 20px;
}

.serv-price-wrap {
	background: rgba(255, 255, 255, 0.05);
	padding: 15px 30px;
	margin-top: 14px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.content-inner .cf-inner .inner h2:before {
	background: #00bcd4;
}

.inner:before,
.cf-inner:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 50px;
	border-color: rgba(255, 255, 255, 0.4);
	z-index: 10;
}

.cf-inner:before,
.cf-inner:after {
	content: "";
	position: absolute;
	width: 50px;
	height: 250px;
	border-color: rgba(0, 188, 212, 0.33);
	z-index: 10;
}

.dec-icon {
	padding-bottom: 40px;
}

.content-back .cf-inner:before {
	top: 125px;
}

.content-back .cf-inner:after {
	bottom: 125px;
}

.content-front .fa-sync-box {
	position: absolute;
		z-index: 9;
		margin: 0 auto;
		bottom: 14px;
		right: 10px;
		text-align: center;
}
.fa-sync-box i {margin-left:4px; }

/* custom-cursor */
/* =============================================================================================== */
.custom-cursor {
/*
	width: 3rem;
	height: 3rem;
	border: 1px solid hsla(0, 0%, 100%, .7);
	border-radius: 100%;

	background: hsla(0, 0%, 80%, .2);
	position: absolute;
	z-index: 5;
	transform: translate(-50%, -50%);
*/
	pointer-events: none;
}
.btn {border-radius: 0; display: inline-flex; align-items: center;}

.btn-primary {
	color: black;
}

/* buttons */
/* =============================================================================================== */
/* btn-circle */
/* ---------------------------------------- */
.btn-circle {
	width: 4rem;
	height: 4rem;
	border-radius: 100rem;

	display: flex;
	justify-content: center;
	align-items: center;
}

/* btn-pTSecond */
/* ---------------------------------------- */
.btn-pTSecond {
	margin-top: 2rem;
	border: 1px solid red;

	transform: scale(.8);
	transform-origin: left center;
	transition: .3s;
}

.btn-pTSecond:hover,
.btn-pTSecond:focus {
	transform: scale(1);
}

.btn-pTSecond::before {
	content: '';

	width: 100%;
	height: 100%;
	border-radius: inherit;

	position: absolute;
	background: var(--gradient-2);

	transform: scale(0);
	transition: .6s;
}


#sppb-addon-1680534326829 .sppb-feature-box-title {
	color: #fff;
}

#sppb-addon-1680534326829 > div > div > span.sppb-img-container{
	display: inline;
}
#sppb-addon-1680534326829 .sppb-media-content {
	display: contents;
}

#sppb-addon-sTgLdPiXIi6KPc4Znd5xQ > div > div > span.sppb-img-container{
	display: inline;
}
#sppb-addon-sTgLdPiXIi6KPc4Znd5xQ .sppb-media-content{
	display: contents;
}
#sppb-addon-Lwy47aD3EEBzg6rBGM9zg > div > div > span.sppb-img-container{
	display: inline;
}
#sppb-addon-Lwy47aD3EEBzg6rBGM9zg .sppb-media-content{
	display: contents;
}

#sppb-addon-1680535446060 > div > div > div.sppb-addon-single-image-container {
	width: 100%;
}

#sppb-addon-1680535446060 img {width: 100%}

#section-id-1680530179517 h3.sppb-title-heading {
	font-family: 'Zilla Slab Highlight', sans-serif !important;
	letter-spacing: 4px;
}

.sppb-feature-box-title,.sppb-feature-box-title a {
		letter-spacing: 2px;
}

#sppb-addon-1680530420139 #cf_3 {
	filter: grayscale(1);
}
#sppb-addon-1680530420139 #cf3 > div.cf-form-wrap.cf-col-16.cf-col-large-12 {
	filter: opacity(0.9);
}

.article-list .article .readmore a.btn-dark {color: #fff;}

#secForm p.sppb-title-subheading {
	color: #ddd;
}
.tag-category h2 {margin: 2rem 0;}
.tag-category .tag-body {float: left;}
.tag-category ul.list-group {clear: both;margin-top: 4rem;}

.sp-page-title {
	background: #3a3a3a;
}
#sp-simpleportfolio {margin-top: 2rem;}

/* HIKA */
.hikashop_cart_product_quantity_refresh a {margin: 0 .5rem;}
.hikashop_cart_product_quantity_delete a {font-size:24px;}

#hikashop_cart_module {
	background: #111;
	color: #fff;
	padding: 0 1rem;
}
.sp-module.topCard {
	margin-top: 30px !important;
	margin-left: 0 !important;
	display: inline-block;
	background: black;
	float: right;
	white-space: nowrap;
}
.sp-module.topCard i.fa-shopping-bag {float: left; margin-right: 1rem;}
.breadcrumb li.float-start {padding-left: 20rem;}


#hikashop_product_tags_main {margin-top: 2rem;}
.hikashop_product_price, .hikashop_product_price_0, .hikashop_product_name a{font-size: 2rem; display: block;}
.hikashop_category_list {list-style-type: none; padding-left: 0;}
.hikashop_category_name a {font-size: 1.5rem; text-transform: uppercase;}
.hikashop_category_list_item a {font-size: 1.2rem; text-transform: uppercase;}
.sp-module.shopping-card {padding: 10px !important;}
.hikashop_cart_module_product_image_title {visibility: hidden;}
table.hikashop_cart .hikashop_product_price {font-size: 1.2rem; white-space: nowrap;}
.hikashop_cart_module_product_total_title, .hikashop_cart_module_product_total_value {border-top:solid 1px #333;}
.hikashop_cart_module_product_name_value {width: 30%;}
table.hikashop_cart thead {display: none;}
.hikashop_product_quantity_change_div_default {vertical-align: middle !important;}
.hikashop_product_listing_image {margin: 0 auto;}
.hikashop_product_image {height: auto !important;}
.hikashop_product_image_subdiv, .hikashop_product_listing_image {width: 100% !important;}
.hikashop_product_name {line-height: normal;}
.hikashop_product_name a {font-size: 20px; text-transform: uppercase;}
#hikashop_main_image_div {height: auto;}
.hikashop_checkout_login h1 {margin-bottom: 2rem;}
#hikashop_checkout_login_form h2, #hikashop_checkout_registration h2 {text-align: center; margin-bottom: 2rem;}
.hikashop_login_button_line {margin-top: 2rem;}

/* END HIKA */

#sppb-addon-1680530644696 img {width: auto;}

#column-wrap-id-1519278764263 .sppb-addon-content, #column-wrap-id-1519278764264 .sppb-addon-content, #column-wrap-id-1519278764265 .sppb-addon-content {background-color: #eee;}

/*==================================================
 * Shadow Effect 4
 * ===============================================*/
#topbox {position: relative; z-index: 9;}
.topbox.effect-4 {z-index: auto !important;}


#profile-pic {
	position: absolute;
	right: 0;
}


.topbox {
	background: #fff !important;
	position: relative;
	top: 0 !important;
	left:0 !important;
	border-radius: 0 !important;
	margin-bottom: 1.5rem !important;
}
.effect-4{
	position: relative;
	z-index: 1;
}
.effect-4:after {
	z-index: -1;
	position: absolute;
	content: "";
	bottom: 18px !important;
	right: 25px;
	left: auto;
	width: 70%;
	top: 20%;
	max-width: 300px;
	background: transparent;
	-webkit-box-shadow: 0 15px 10px #000;
	-moz-box-shadow: 0 15px 10px #000;
	box-shadow: 0 16px 20px #000;
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
  }

/* fim sombra direita */

body.itemid-305 {}
/*
body.about div[itemprop="articleBody"] {
	width: 79%;
}
*/

body.about #profile-pic {
    width: 120px;
}

@media only all and (max-width: 47.938rem) {
    body.about #profile-pic {
        width: 80px;
        margin-bottom: 20px;
    }
}

body.about .speak_bubble {
    border-top-right-radius: 40px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    border:none;
}



div.pagination {margin-top: 3rem;}
div.hikashop_products_listing > form > div > div > div.limit {
	display: flex;
	flex-direction: column;
}
.hikashop_results_counter {
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-items: center;
}


.sp-simpleportfolio .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper {}

.sp-simpleportfolio-info {box-shadow: 5px 10px 10px -5px; }
.sp-simpleportfolio-overlay-wrapper {box-shadow: 5px 5px 10px -3px;}

.pvs-list {padding-left: 8px;}
.wf-icon-zoom-image {visibility: hidden;}

.relatorioSec {margin-top: 2rem;}

#sp-left .sp-module, #sp-right .sp-module {margin-top: 0;}

.newProdsLeft .hikashop_product_image {
	max-width: 50%;
	display: inline-block;
	float: left;
}

.com-newsfeeds-newsfeed__items {margin: 0 !important; padding: 0;}
.feed-item-description {min-height: 220px;}
.card-footer{
	bottom: 0;
	left: 0;
	right: 0;
}

/*
#sppb-addon-1614767441122, #sppb-addon-1614765357772, #sppb-addon-1614765357727 {background-color: rgba(0, 0, 0, .7) !important;}
*/

@media only all and (max-width: 47.938rem) {
    #sppb-addon-1614767441122 {
        padding: 0 !important;
    }

    .home-about-desc p {
        font-size: 1.2rem !important;
        line-height: 1.8rem !important;
        text-align: left !important;
    }

}

.home-about-desc {
    background-color: rgba(0, 0, 0, .7);
    padding: 20px;
}

.home-about-desc p {
	line-height: 2.2rem;
}

.card_rounded_bottom {
    padding:10px 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
}

.blue {
    background-color: #00a8c6;

}
.grey {
    background-color: #6b8287;
}
.green {
    background-color: #6b9558;
}

.card_rounded_bottom_right {
    padding:10px 20px;
    border-bottom-right-radius: 20px;
}
.card_rounded_bottom_left {
    padding:10px 20px;
    border-bottom-left-radius: 20px;
}


.card_rounded_bottom p {
    line-height: normal;
    margin-bottom: 0;
}
.card_rounded_bottom_right p {
    line-height: normal;
    margin-bottom: 0;
}
.card_rounded_bottom_left p {
    line-height: normal;
    margin-bottom: 0;
}

.com-contact #profile-pic {
    position: absolute;
    right: 20px;
    border-radius: 50%;
    overflow: hidden;
}

.com-contact.contact {
	position: relative;
}

.com-contact.contact img.float-end{
	width: 120px;
}

.com-contact .card {
    border: 0;
    border-radius: 0 0 40px 0;
}

.contact-articles ul {
	display: flex;
	gap: 0px;
	flex-wrap: wrap;
}
/*
.contact-articles ul li {
	padding: 10px 20px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.07), 0 4px 8px rgba(0,0,0,0.07), 0 8px 16px rgba(0,0,0,0.07), 0 16px 32px rgba(0,0,0,0.07), 0 32px 64px rgba(0,0,0,0.07);
	background: #fff;
    border-bottom-right-radius: 20px;
}
*/

.mod-articles-item h2, .mod-articles-item h3 {
    font-size: large;
}


.technical-skills
{
	h1 {
		b {
			color:#333;
		}
	}
}


/* MOBILE */

@media screen and (max-width: 767px) {
    ul,ol {
        padding-left: 1rem;
    }

	.hidden-xs {
		display: none !important;
	}

	.top-main-slider-text {
		max-width: 100%;
	}

	#sp-bottom {
		padding: 20px 0 30px !important;
	}

	.sp-simpleportfolio-info {
		height: auto !important;
	}

	.burger-icon{
		position: relative;
		top: 20px;
	}

}
@media (max-width: 576px) {
	#sppb-addon-1614765620783 .sppb-addon-title {
		font-size: 56px !important;
		line-height: 56px !important;
	}
}

.article-info>span a {
	display: inline-block;
}
.article-info>span+span::before {
    padding-right: 0.1rem;
    padding-left: 0.1rem;
}

.pagination-wrapper  {
    display: flex;
    margin: 1rem;
    flex-direction: column;
}

#ChartDiv {
    background-color: #f5f5f5 !important;
    border-radius: 4px;
}


.dark-mode {
	#sp-header{
		background: #0a0a0a;
	}
	.top_name {
		color: #fff;
	}

	.sp-megamenu-parent>li>a {
		color: rgb(175, 175, 175);
	}
	.sp-megamenu-parent>li.active>a, .sp-megamenu-parent>li.active:hover>a {
		color: yellowgreen;
	}

	#top-video .section-bg-video {
		opacity: 1;
	}
	.sp-page-builder .page-content #section-id-1614765357361 {
		background-color: rgb(70 74 58);
	}

	#sp-footer, #sp-bottom {
		background: #333;
		color: #898989;
	}
	.sp-page-builder .page-content #section-id-1614765357421 {
		filter: brightness(0.7);
	}
	.article-intro-image {
		background-color: #fff;
	}
	.article-list .article {
		background-color: #495057;
        border-color: #495057;
	}

	.article-info>span a {
		color: yellowgreen;
	}

	#sp-title {
		background: #2b2b2b;
		.breadcrumb {
			background-color: #656565;
			.breadcrumb-item.active {
				color: #fff;
			}
		}

	}
	#sp-main-body {
		background: #444444;
		color: #ededed;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="date"],
	input[type="password"],
	input[type="search"],
	input[type="tel"],
	input[type="number"],
	textarea {
		background-color: #333;
		color: #ccc;
		border-color: #0a0a0a;
	}

	.form-control:focus {
		background-color: #333;
		color: #ccc;
		border-color: #0a0a0a;
	}

	#sppb-addon-1614767441122 {
		filter: drop-shadow(2px 4px 6px black);
	}
	.burger-icon>span {
		background-color: #ccc;
	}
	#sp-bottom .sp-module .sp-module-title {
		color: #ddd;
	}
	.contact-articles ul li {
		background-color: #0a0e13;
		color: #DDDDDD;
	}
	.article-list .article .article-header h1 a, .article-list .article .article-header h2 a {
		color: yellowgreen;
	}
	.card {
		background-color: #0a0e13;
		.card-footer {
			background-color: darkslategrey;

			span {
				color: #fff;
			}

		}
	}
	.technical-skills
	{
		h1 {
			b {
				color:#9acd32;
			}
		}
	}
	.com-wrapper iframe {
		background: transparent !important;
	}

	#app {
		background-color: #333 !important;
	}

    #ChartDiv {
        background-color: #333 !important;
        border-radius: 4px;
    }
    #ChartDiv h3 {
        color: #eee;
    }

    .amcharts-main-div text {
        filter:  invert(100%);
        color: #fff !important;
    }

    #phoca-dl-license {
        background: #333 !important;
        border: 1px solid #333 !important;
    }

    #homepage-about {
        background: rgb(64 67 74) !important;
    }

    #phoca-dl-categories-box > div > div > div > div.card-footer.pd-categories-card > small > span.pd-files-number {
        color: #333;
    }


}
/* end dark mode*/

#phoca-dl-categories-box > div > div > div.card {
    border: 0; !important;
    --bs-card-border-radius: 0 !important;
    border-radius: 0 !important;
    border-bottom-right-radius: 20px !important;
}
#phoca-dl-categories-box > div > div > div > div.card-footer.pd-categories-card {
    border-radius: 0 !important;
    border-bottom-right-radius: 20px !important;
}
#phoca-dl-categories-box > div > div > div > div.card-footer.pd-categories-card > small > span.pd-files-number {
    border-radius: 4px;
    /* border: 1px solid #ccc; */
    font-size: small;
    padding: 2px 4px;
    background: #dddddd;
}

.phoca-dl-categories-box {

    .card {
        --bs-card-border-width: 0 !important;
        border: 0; !important;
    }

}

.btn3d {
    position: relative !important;
    top: -6px !important;
    border: 0 !important;
    transition: all 40ms linear !important;
    margin: 10px 2px !important;
    border-radius: 4px !important;
}

.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    -moz-outline-style: none !important;
    outline: medium none !important;
}

.btn3d:active,
.btn3d.active {
    top: 2px !important;
}

.btn3d.btn-white {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0, 0, 0, .2);
    background-color: #fff;
}

.btn3d.btn-white:active,
.btn3d.btn-white.active {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
    background-color: #fff;
}
/*
.btn3d.btn-default {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2);
    background-color: #f9f9f9;
}

.btn3d.btn-default:hover {
    background: #eee;
}


.btn3d.btn-default:active,
.btn3d.btn-default.active {
    color: #666666;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1);
    background-color: #f9f9f9;
}
*/
.btn3d.btn-default {
    color: #333 !important;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2) !important;
    background-color: #eee !important;
}

.btn3d.btn-default:active,
.btn3d.btn-default.active {
    color: #666666 !important;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1) !important;
    background-color: #f9f9f9 !important;
}



.btn3d.sppb-btn-custom {
    color: #333 !important;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255, 255, 255, 0.10) inset, 0 8px 0 0 #BEBEBE, 0 8px 8px 1px rgba(0, 0, 0, .2) !important;
    background-color: #bfbfbf !important;
}

.btn3d.sppb-btn-custom:active,
.btn3d.sppb-btn-custom.active {
    color: #666666 !important;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, .1) !important;
    background-color: #f9f9f9 !important;
}



.btn3d.btn-primary {
    box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5) !important;
    background-color: #78d739 !important;
}

.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
    box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3)!important;
    background-color: #78d739 !important;
}

.btn3d.sppb-btn-primary {
    box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5) !important;
    background-color: #78d739 !important;
}

.btn3d.sppb-btn-primary:active,
.btn3d.sppb-btn-primary.active {
    box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3) !important;
    background-color: #78d739 !important;
}

.btn3d.btn-success {
    box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: #78d739;
}

.btn3d.btn-success:active,
.btn3d.btn-success.active {
    box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    background-color: #78d739;
}

.btn3d.btn-info {
    box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #348FD2, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: #39B3D7;
}

.btn3d.btn-info:active,
.btn3d.btn-info.active {
    box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    background-color: #39B3D7;
}

.btn3d.btn-warning {
    box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #D79A34, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: #FEAF20;
}

.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
    box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    background-color: #FEAF20;
}

.btn3d.btn-danger {
    box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #AA0000, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: #D73814;
}

.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
    box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    background-color: #D73814;
}

.btn3d.btn-magick {
    color: #fff;
    box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255, 255, 255, 0.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0, 0, 0, 0.5);
    background-color: #bb39d7;
}

.btn3d.btn-magick:active,
.btn3d.btn-magick.active {
    box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255, 255, 255, 0.15) inset, 0 1px 3px 1px rgba(0, 0, 0, 0.3);
    background-color: #bb39d7;
}

@media only all and (max-width: 47.938rem) {

	#sp-header {
		height: 95px;
	}

	.sp-module.topCard {
		width: 210px;
		margin-top: 18px !important;
		float: none;
		margin-left: 0 !important;
		display: block;
		background: transparent !important;
	}
	.sp-module.topCard .topCard {
		padding-left:0;
	}
	#hikashop_cart_module {background: transparent !important; padding-left: 0;}
	.sp-page-builder .page-content #section-id-1680977031558 {max-height: 204px; height: 204px !important; min-height: 204px !important;}
	.sp-page-builder .page-content #section-id-1614765307284 {padding-top: 20px !important;}
	#column-id-1680973703786 {margin-top: 2rem;}
	#sppb-addon-1614685731786 #btn-1614685731786.sppb-btn-custom {
		padding: 10px 20px 10px 20px !important;
	}
	#hikashop_main_image_div {height: auto;}
	img.homesliderlogo {
		max-width: 120px;
		margin-right: 4px !important;
	}
	.homeslider-first h3 {font-size: 19px;}

	body.services .breadcrumb {
		max-width: 100%;
	}

	#sppb-addon-1614771271690 .sppb-img-container {
		height: 200px;
		overflow: hidden;
	}
	.logo-image-phone {
		max-height: 60px;
		margin-top: 34px;
	}
	#sppb-addon-1614685201600 .sppb-addon-content h2 {
		font-size: 36px !important;
	}
	#sppb-addon-1614685201632 {padding: 0 !important ; margin: 0 0 1rem 0 !important;}
	.sppb-feature-box-title, .sppb-feature-box-title a {
		letter-spacing: 0;
	}

	.convertforms [class*=cf-list-].cf-list-3-columns>div {flex-basis: 100%;}
	.breadcrumb li.float-start {padding-left: 0;}
	.article-details.personalPage a {max-width: 40%;}
	body.webservices .sppb-addon-content {text-align: center !important;}

	div.tag-category > ul > li > a {font-size: 1.2rem;}
	div.tag-category > ul > li > a {font-size: 1.2rem;}


	body.about div[itemprop="articleBody"] {
		width: 100%;
	}

	.profile-buttons-wrapper {
		margin-bottom: 12px;
	}

	.profile-buttons-wrapper a {
		white-space: nowrap;
		font-size: 12px;
	}

	#profile-pic {
		width: 90px;
		position:relative;
	}

	#sp-component > div > div.article-details.about > div:nth-child(6) > p:nth-child(4) {
		max-width: 64%;
		text-align: justify;
	}


}