@fontont-face {
font-family: "Prelo Slab W01 Semi Bold";
font-style: normal;
font-weight: 700;
src:	url("/assets/fonts/prelo/preloslab-semibold.eot");
src:	url("/assets/fonts/prelo/preloslab-semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/preloslab-semibold.woff") format("woff");
}
.prelo-slab-semibold {
	font-family:"Prelo Slab W01 Semi Bold";
}
@font-face {
font-family:"Prelo Slab W01 Medium";
font-style: normal;
font-weight: 400;
src:	url("/assets/fonts/prelo/preloslab-semibold.eot");
src:	url("/assets/fonts/prelo/preloslab-semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/preloslab-semibold.woff") format("woff");
}
.prelo-slab-medium {
	font-family:"Prelo Slab W01 Medium";
}
@font-face {
font-family:"Prelo W01 Semi Bold";
font-style: normal;
font-weight: bold;
src:	url("/assets/fonts/prelo/preloslab-semibold.eot");
src:	url("/assets/fonts/prelo/preloslab-semibold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/preloslab-semibold.woff") format("woff");
}
.prelo-slab-bold {
	font-family:"Prelo W01 Semi Bold";
}
@font-face {
font-family: "Prelo W01 Bold";
font-style: normal;
font-weight: bold;
src:	url("/assets/fonts/prelo/prelo-bold.eot");
src:	url("/assets/fonts/prelo/prelo-bold.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/prelo-bold.woff") format("woff");
}
.prelo-bold {
	font-family:"Prelo W01 Bold";
}
@font-face {
font-family:"Prelo W01 Light";
font-style: normal;
font-weight: normal;
src:	url("/assets/fonts/prelo/prelo-light.eot");
src:	url("/assets/fonts/prelo/prelo-light.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/prelo-light.woff") format("woff");
}
.prelo-light {
	font-family:"Prelo W01 Light";
}
@font-face {
font-family:"Prelo W01 Book";
font-style: normal;
font-weight: normal;
src:	url("/assets/fonts/prelo/prelo-book.eot");
src:	url("/assets/fonts/prelo/prelo-book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/prelo-book.woff") format("woff");
}
.prelo-book {
	font-family:"Prelo W01 Book";
}
@font-face {
font-family:"Prelo Slab W01 Book";
font-style: normal;
font-weight: normal;
src:	url("/assets/fonts/prelo/preloslab-book.eot");
src:	url("/assets/fonts/prelo/preloslab-book.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/prelo/preloslab-book.woff") format("woff");
}
.prelo-slab-book {
	font-family:"Prelo Slab W01 Book";
}
body {
	-moz-hyphens: auto;
	-o-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto; 
	font-size:14px !important;
}

h1 {font-size: 40px !important;}
h2 {font-size: 30px !important;}
h3 {font-size: 26px !important;}
h4 {font-size: 22px !important;}
h5 {font-size: 18px !important;}
h6 {font-size: 14px !important;}

.btn-xs {
    padding: 0.1rem 0.5rem;
    font-size: 1.0625rem;
    line-height: 1.5;
    border-radius: .2rem;
}

.shadow_blocks {
    box-shadow: 2px 2px 3px 2px #898989,0 4px 6px 0 #898989 !important;
}

.top---10 {
	top: -10px;
}
.right---10 {
	right: -10px;
}
.right---50 {
	right: -50px;
}
.bottom---47 {
	bottom: -47px;
}
.bottom---10 {
	bottom: -10px;
}
.left---10 {
	left: -10px;
}

.take_Me {
	border: 2px solid #ababab;
}

.navbar-dark .navbar-nav .nav-link{
    color: hsla(0,0%,100%,1) !important;
}
.navbar-dark, .navbar-nav, .nav-link li li{
    color: hsla(0,0%,100%,1) !important;
}

.dropdown-menu-dark .text-muted {
    color: var(--mycolor9) !important;
}

.dropdown-menu-dark a {
    color: var(--mycolor2) !important;
}

.dropdown-menu-clean:not(.prefix-link-icon) a:not(.btn):hover {
    color: var(--mycolor4);
}
.navbar-brandPos {
	float: right;
}

@media only screen and (max-width: 991px) {
	#header .navbar-collapse.show>.navbar-nav>.nav-item.dropdown>.nav-link.dropdown-toggle, header.main-nav .navbar-collapse.show>.navbar-nav>.nav-item.dropdown>.nav-link.dropdown-toggle {
    	color: var(--mycolor5) !important;
	}
	#header .navbar-collapse.show>.navbar-nav, header.main-nav .navbar-collapse.show>.navbar-nav {
		background-color: transparent;
	}
/*
	.text-muted {
		color: var(--mycolor4) !important;
	}
*/
	.dropdown-menu-dark {
		background-color: #333333;
	}
	.navbar-brandPos {
		position: absolute;
		bottom:0;
		right:0;
		margin-bottom:20px;
	}
}

.btn-pinterest {
    background-color: #c8232c!important;
    color: #fff;
}
.btn-pinterest:hover {
    color: #fff;
}

.btn-whatsapp {
    background-color: #12990A!important;
    color: #fff;
}
.btn-whatsapp:hover {
    color: #fff;
}

.btn-skype {
    background-color: #28A8EA!important;
    color: #fff;
}
.btn-skype:hover {
    color: #fff;
}

.btn-telegram {
    background-color: #2FA7DB!important;
    color: #fff;
}
.btn-telegram:hover {
    color: #fff;
}

.fa-warehouse-alt {
	margin-right: 7px;
}

.bubble {
position: relative;
padding: 1rem;
font-family: helvetica, tahoma;
border: 4px solid #ffc500;
margin:0 auto;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-align: left;
background: #ffda5b;}

.bubble:before {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 28px;
top: -17px;
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-bottom: 17px solid #ffc500; }

.bubble:after {
content: ' ';
position: absolute;
width: 0;
height: 0;
left: 34px;
top: -10px;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 10px solid #ffc500;}

.swiperh1 {font-size:2.7vw;}
.swiperh3 {font-size:1.35vw;}

@media only screen and (max-width: 991px) {
	.swiperh1 {font-size:6vw;}
	.swiperh3 {font-size:4vw;}
}

.bg-contain {
	background-repeat: no-repeat !important;
	background-position: center !important;
	background-size: contain !important;
}
  
@media (max-width: 600px) {
	h1 {
		font-size: calc(1.45rem + 1.5vw) !important;
	}
	h2 {
		font-size: calc(1.3rem + 1.5vw) !important;
	}
	h3 {
		font-size: calc(1.15 + 1.5vw) !important;
	}
	h4 {
		font-size: calc(0.9rem + 1.5vw) !important;
	}
	h5 {
		font-size: calc(0.75rem + 1.5vw) !important;
	}
	h6 {
		font-size: calc(0.6rem + 1.5vw) !important;
	}
	
	.h2 {
		font-size: calc(1.3rem + 1.5vw) !important;
	}
	.h3 {
		font-size: calc(1.15 + 1.5vw) !important;
	}
	.h4 {
		font-size: calc(0.9rem + 1.5vw) !important;
	}
	.h5 {
		font-size: calc(0.75rem + 1.5vw) !important;
	}
	.h6 {
		font-size: calc(0.6rem + 1.5vw) !important;
	}
	
	.page-title {
		padding-left:15px !important;
	}
	th, td {
		padding: 5px !important;
	}
	##grid p, ##grid div, ##grid span, ##grid li {
		font-size: calc(0.7rem + 1.5vw) !important;
	}
	##grid {
		margin-left:-15px !important;
	}
	##grid th, ##grid td {
		padding: 5px !important;
	}
	.form-label-group>.form-control:not(:placeholder-shown)~label {
		font-size: 9px;
	}
	.alert {
		margin-right:15px !important;
	}
	.mr_nonxs {
		margin-right:-15px !important;
	}
	.w-100xs {
		width:100% !important;
	}

}

.top-16 {
	top: 16px !important;
}
.lead {
	font-size: 1rem !important;
}
.shape-v:after, .shape-v:before {
    background-color: #ECF0F1 !important;
}
.shape-xs:after, .shape-xs:before {
    background-color: #ECF0F1 !important;
}

.max-h-40vh {
  max-height: 40vh !important;
}
.h-40vh {
  height: 40vh !important;
}
.max-h-25vh {
  max-height: 25vh !important;
}
.h-25vh {
  height: 25vh !important;
}
.w-40vw {
	max-width: 40vw !important;
}
.bottom-30 {
	bottom: 30px;
	left:0;
	right:0;
}
.mt---25 {
	margin-top:-25px;
}
html .n1ed--fake-container {
	margin: 0px !important;
}
.n1ed--fake-container {
	margin: 0px !important;
}

@media (min-width: 1200px) and (max-width: 1599px) {
    .hidden-lg {
        display: none !important;
    }
}

.visible-desktop-block,
.visible-desktop-inline,
.visible-desktop-inline-block,
.visible-desktop{
    display: none !important;
}

.visibility-headerLogoText {
	display:none !important;
}

@media (min-width: 1920px) {
	.visibility-headerLogoText {
		display:block !important;
	}
	
    .col-desktop-1, .col-desktop-2, .col-desktop-3, .col-desktop-4, .col-desktop-5, .col-desktop-6, .col-desktop-7, .col-desktop-8, .col-desktop-9, .col-desktop-10, .col-desktop-11, .col-desktop-12 {
        float: left;
    }

    .col-desktop-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .col-desktop-11 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 91.66666667%;
        flex: 0 0 91.66666667%;
        max-width: 91.66666667%;
    }

    .col-desktop-10 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333333%;
        flex: 0 0 83.33333333%;
        max-width: 83.33333333%;
    }

    .col-desktop-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }

    .col-desktop-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66666667%;
        flex: 0 0 66.66666667%;
        max-width: 66.66666667%;
    }

    .col-desktop-7 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 58.33333333%;
        flex: 0 0 58.33333333%;
        max-width: 58.33333333%;
    }

    .col-desktop-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .col-desktop-5 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 41.66666667%;
        flex: 0 0 41.66666667%;
        max-width: 41.66666667%;
    }

    .col-desktop-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333333%;
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .col-desktop-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-desktop-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66666667%;
        flex: 0 0 16.66666667%;
        max-width: 16.66666667%;
    }

    .col-desktop-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 8.33333333%;
        flex: 0 0 8.33333333%;
        max-width: 8.33333333%;
    }

    .offset-desktop-12 {
        margin-left: 100%;
    }

    .offset-desktop-11 {
        margin-left: 91.66666667%;
    }

    .offset-desktop-10 {
        margin-left: 83.33333333%;
    }

    .offset-desktop-9 {
        margin-left: 75%;
    }

    .offset-desktop-8 {
        margin-left: 66.66666667%;
    }

    .offset-desktop-7 {
        margin-left: 58.33333333%;
    }

    .offset-desktop-6 {
        margin-left: 50%;
    }

    .offset-desktop-5 {
        margin-left: 41.66666667%;
    }

    .offset-desktop-4 {
        margin-left: 33.33333333%;
    }

    .offset-desktop-3 {
        margin-left: 25%;
    }

    .offset-desktop-2 {
        margin-left: 16.66666667%;
    }

    .offset-desktop-1 {
        margin-left: 8.33333333%;
    }

    .col-desktop-offset-0 {
        margin-left: 0;
    }

    .visible-desktop {
        display: block !important;
    }

    table.visible-desktop {
        display: table;
    }

    tr.visible-desktop {
        display: table-row !important;
    }

    th.visible-desktop, td.visible-desktop {
        display: table-cell !important;
    }

    .visible-desktop-block {
        display: block !important;
    }

    .visible-desktop-inline {
        display: inline !important;
    }

    .visible-desktop-inline-block {
        display: inline-block !important;
    }

    .hidden-desktop {
        display: none !important;
    }
}
@-webkit-keyframes swinging{
    0%{-webkit-transform: rotate(10deg);}
    50%{-webkit-transform: rotate(-5deg)}
    100%{-webkit-transform: rotate(10deg);}
}
 
@keyframes swinging{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-5deg)}
    100%{transform: rotate(10deg);}
}
 
.swingimage{
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-animation: swinging 3.5s ease-in-out forwards infinite;
    animation: swinging 3.5s ease-in-out forwards infinite;
}
/**

	Swiper Slider
	_vendors/vendor.swiper.scss is dynamically loaded
	we need it here to be instantly loaded (because is added to core.min.css)

	Flickity - exactly the same!

*/
// display first element only!
.flickity-preloader:not(.flickity-enabled)>div:not(:first-child),
.flickity-preloader:not(.flickity-enabled)>img:not(:first-child),
.flickity-preloader:not(.flickity-enabled)>a:not(:first-child),
.swiper-container:not(.swiper-container-initialized) .swiper-slide:not(:first-child) {
	display: none;
}

	// :: loader spinner
	.flickity-preloader:not(.flickity-enabled),
	.swiper-container.swiper-preloader:not(.swiper-container-initialized) {
		position: relative;
	}
	.flickity-preloader:not(.flickity-enabled):after,
	.swiper-container.swiper-preloader:not(.swiper-container-initialized):after {
		content: "";
	    position: absolute;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    z-index: 1;

	}
		.flickity-preloader:not(.flickity-enabled)>div:first-child,
		.flickity-preloader:not(.flickity-enabled)>img:first-child,
		.flickity-preloader:not(.flickity-enabled)>a:first-child,
		.swiper-container.swiper-preloader:not(.swiper-container-initialized) .swiper-slide:first-child {
	    	opacity: 0.2;
		}
		.flickity-preloader:not(.flickity-enabled):before,
		.swiper-container.swiper-preloader:not(.swiper-container-initialized):before {
			content: "\f1e0";
			font-family: 'Flaticon';
			position: absolute;
			top: 50%; margin-top: -15px;
			left: 50%; margin-left: -15px;
			font-size: 30px;
			z-index: 2;
			color: #ffffff;

			// animation directly from Flaticon
		    -webkit-animation: spin 1.3s infinite linear;
		            animation: spin 1.3s infinite linear;
		}

// Slimscroll Z-index Fix
.slimScrollBar 	{ z-index: $header-z-index - 1 !important; }
.slimScrollRail { z-index: $header-z-index - 2 !important; }

// Jarallax Vendor
section.jarallax {
	transition: none !important;
}

.layout-admin {
	display:block !important;
}
.grecaptcha-badge {
	bottom:70px !important;
}
/*
p:first-letter{
    display:block;
    float:left;
    margin:3px;
    color:#f00;
    font-size:300%;
}
p{
  font-family: "bookman old style"
}
p:first-child::first-letter{
  font-family: "papyrus";
  font-size: 25px
  font-weight: bold
}
*/
#page {
	margin: 0 auto !important;
}
@media (min-width: 576px) and (max-width: 767px) {
	#page {
		max-width: 100% !important;
	    width: 100% !important;
	}
}
@media (min-width: 768px) and (max-width: 991px) {
	#page  {
		max-width: 100% !important;
	    width: 100% !important;
	}
}
@media (min-width: 992px) and (max-width: 1199px) {
	#page  {
		max-width: 100% !important;
	    width: 100% !important;
	}
}
@media (min-width: 1200px) {
	#page  {
		max-width: 1100px !important;
		width: 1100px !important;
	}
}
@media (min-width: 1400px) {
	#page  {
		max-width: 1300px !important;
		width: 1300px !important;
	}
}
@media (min-width: 1600px) {
	#page  {
		max-width: 1500px !important;
		width: 1500px !important;
	}
}
@media (min-width: 1900px) {
	#page  {
		max-width: 1800px !important;
		width: 1800px !important;
	}
}
.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: 100% !important;
	width: 100% !important;
	padding-left:15px !important;
	padding-right:15px !important;
}
body:not(.aside-compact).layout-admin #footer {
    padding-left: 0px !important;
}
@media (min-width: 576px) {
	.mt-sm--100 {
		margin-top: 100px !important; 
	}
}
@media only screen and (max-width: 991px) {
	.navbar-collapse.show>.navbar-nav {
		left: 0px;
		right: 0px;
	}
}
#card .vh25 {height: 25vh;}
#card .vh50 {height: 50vh;}
#card .vh75 {height: 75vh;}
.btn:focus, .btn.focus {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.25);
}