/*--------------------------------------------------------------------------------------------------- sp header -------*/

#sp-header {
	background: rgba(0, 0, 0, 0.5);
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	z-index: 2;
	box-shadow: none;
}

#sp-header.menu-fixed {
	background: rgba(0, 0, 0, 0.6) !important;
	left: 0;
	top: 0;
	position: fixed;
}

#sp-header.header-sticky {
	z-index: 999;
}

@media (min-width: 992px) and (max-width: 1920px)  {
	#sp-header #sp-menu {
		height: 70px;
	}
}

@media (min-width: 576px) and (max-width: 991px)  {
	#sp-header #sp-menu {
		height: 50px;
	}

	#sp-header .logo-image-phone {
		height: 90px;
	}
}

@media (min-width: 320px) and (max-width: 575px)  {
	#sp-header #sp-menu {
		height: 50px;
	}

	#sp-header .logo-image-phone {
		height: 70px;
	}
}


/*#sp-header .logo { height: 80px;
	-webkit-transition: height .5s ease, background-color .5s ease;
    -moz-transition: height .5s ease, background-color .5s ease;
    -o-transition: height .5s ease, background-color .5s ease;
    transition: height .5s ease, background-color .5s ease;
}
#sp-header.menu-fixed .logo { height: 60px;
	-webkit-transition: height .5s ease, background-color .5s ease;
    -moz-transition: height .5s ease, background-color .5s ease;
    -o-transition: height .5s ease, background-color .5s ease;
    transition: height .5s ease, background-color .5s ease;
}

#sp-header .logo-image { height: 80px;
	-webkit-transition: height .5s ease, background-color .5s ease;
    -moz-transition: height .5s ease, background-color .5s ease;
    -o-transition: height .5s ease, background-color .5s ease;
    transition: height .5s ease, background-color .5s ease;
}
#sp-header.menu-fixed .logo-image { height: 60px;
	-webkit-transition: height .5s ease, background-color .5s ease;
    -moz-transition: height .5s ease, background-color .5s ease;
    -o-transition: height .5s ease, background-color .5s ease;
    transition: height .5s ease, background-color .5s ease;
}*/
	
/*--------------------------------------------------------------------------------------------------- sp megamenu -------*/

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 0 8px;
	line-height: 70px;
	font-size: 14px;
	margin-top: -2px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

@media (max-width: 1199px) {
	.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span {
	display: inline-block;
	padding: 0 6px;
	line-height: 70px;
	font-size: 14px;
	margin-top: -2px;
	text-transform: uppercase;
	letter-spacing: 0px;
	}
}

.sp-megamenu-parent > li:last-child > a {
	padding: 0px 8px 0px 8px;
}

/*.sp-megamenu-parent>li.active>a,
    .sp-megamenu-parent>li:hover>a,
    .sp-megamenu-parent>li.active:hover>a {
        color: #FFF;
    }
  
    .sp-megamenu-parent>li:last-child>a { padding: 30px 10px; }
	.menu-fixed .sp-megamenu-parent>li:last-child>a { padding: 20px 10px;
    }
    
    .sp-megamenu-parent>li:last-child>a { padding: 30px 10px; }
	.menu-fixed .sp-megamenu-parent>li:last-child>a { padding: 20px 10px;
    }
 */     
/*-------------------------------------------------------------------------------------------------- menu dropdown -------*/

.sp-megamenu-parent .sp-dropdown.sp-dropdown-main.sp-menu-right .sp-dropdown-inner::before {
	content: '';
	border-bottom: 10px solid #fff;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	position: absolute;
	top: -10px;
	left: 24%;
	margin-right: -50%;
	transform: translate(-50%, 0%);
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	padding: 8px 8px;
	background: RGBA(255, 255, 255, 0.9);
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
	padding: 8px 8px;
	width: 100%;
	color: #333;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item a:hover {
	background: #aaa;
	color: #FFF !important;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
	background: #aaa;
	color: #FFF !important;
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner .sp-module form#login-form .mb-3 {
	margin-bottom: .5rem !important;
}

.sp-megamenu-parent>li>a img,
.sp-megamenu-parent>li>img,
#sp-bottom .sp-module li a img,
#sp-bottom .sp-module li img {
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.sp-megamenu-parent li.sp-menu-item .fas {
	font-size: .6rem;
	vertical-align: middle;
	padding: 0;
}

.sp-megamenu-parent>li .sp-menu-badge {
	height: 18px;
	line-height: 18px;
	padding: 0 3px;
	font-size: 10px;
	letter-spacing: 1px;
	display: inline-block;
	transform: translateY(-2px);
}

.sp-megamenu-parent > li .sp-menu-badge {
	height: 18px;
	line-height: 18px;
	padding: 0 4px;
	font-size: 13px;
	letter-spacing: 1px;
	display: inline-block;
	transform: translateY(0px);
	margin-left: 0px !important;
}

.sp-megamenu-parent > li .sp-menu-badge.sp-menu-badge-left {
	margin-right: 0px !important;
}


/*----------------------------------------------------------------------------------------------- link-decoration -------*/
     
.sp-megamenu-parent > li > a::before {
	content: "";
	position: relative;
	display: block;
	height: 2px;
	top: 50px;
	left: 0px;
	right: 0px;
	background-color: #FFF;
	transform: scale(0);
	-webkit-transition: all .3s ease, background-color .5s ease;
	-moz-transition: all .3s ease, background-color .5s ease;
	-o-transition: all .3s ease, background-color .5s ease;
	transition: all .3s ease, background-color .5s ease;
}

.sp-megamenu-parent > li:hover > a::before {
	transform: scale(1);
}

.sp-megamenu-parent > li.active > a::before, .sp-megamenu-parent > li:hover > a::before {
	transform: scale(1);
}

.sp-megamenu-parent > li > a img {
	display: inline;
	padding: 0;
	margin: 0;
}

.sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown {
	opacity: 1;
	visibility: visible;
	color: #FFF;
	top: 80px;
}

#sp-header.menu-fixed .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown {
	opacity: 1;
	visibility: visible;
	top: 60px;
}

#sp-header.menu-fixed .sp-megamenu-parent.menu-slide-down .sp-has-child:hover > .sp-dropdown.sp-dropdown-sub.sp-menu-right {
	top: 0px;
}


/*--------------------------------------------------------------------------------------------------- offcanvas -------*/
    
body.ltr.offcanvs-position-right .offcanvas-menu {
	right: -310px;
	top: 0;
}

.offcanvas-menu .offcanvas-inner .sp-module .sp-module-title {
	font-size: .8rem;
	font-weight: bold;
	color: #777;
	padding: 0px 0px 0px;
}

.offcanvas-menu.border-menu .logo-image {height: 80px; margin-top: 10px;}
.offcanvas-menu.border-menu .logo-image-phone { height: 80px; margin-top: 10px;}

body.ltr #offcanvas-toggler.offcanvas-toggler-right {
	float: right;
	margin-left: 0px;
	padding: 0px 4px;
}

.offcanvas-menu {
	width: 310px;
	background-color: #282828;
	color: #bbb;
}

.offcanvas-menu .p-3 {
	padding: 0px 0 0px 16px!important;
	max-width: 80%;
	max-height: 80px;
}

.offcanvas-menu .close-offcanvas {
	position: absolute;
	top: 10px;
	z-index: 1;
	padding: 7px;
	right: 10px !important;
}

.offcanvas-active .burger-icon>span,
    #modal-menu-toggler.active .burger-icon>span {
	background-color: #fff;
}

.offcanvas-menu .offcanvas-inner label {
	font-weight: normal;
	width: 100%;
}

.offcanvas-menu .offcanvas-inner {
	padding: 0px 20px !important;
}

.offcanvas-menu .offcanvas-inner a {
	color: #bbb;
}

.offcanvas-menu .offcanvas-inner .form-control {
	color: #fff;
	background: transparent;
	border: 1px solid #555;
	font-size: .9rem;
	margin-top: 10px;
}

.offcanvas-menu .offcanvas-inner ul.menu > li {
	font-weight: 500;
	border-bottom: 1px solid #444 !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li a:hover,
	.offcanvas-menu .offcanvas-inner .sp-module ul.menu li.active a,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li a:focus,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li span:hover,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li span:focus {
	color: #fff !important;
	background: #202020;
}

.offcanvas-menu .offcanvas-inner .header-modules {
	margin-left: 0px;
	margin-bottom: 10px !important;
}

.offcanvas-menu .offcanvas-inner .sp-module:not(:last-child) {
	margin-right: 0px;
	margin-bottom: 20px;
}

.offcanvas-menu .offcanvas-inner .sp-module .search {
	margin-right: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-module .search form input {
	background: transparent;
	color: #fff;
	border: 1px solid #555;
}

vas-menu .offcanvas-inner .sp-module ul.menu>li {
	margin: 0px 0px;
	border-bottom: 1px solid #535353;
	font-weight: 400;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul {
	margin-left: 0px !important;
	background: #222;
}

.offcanvas-menu .fa, .offcanvas-menu .fab, .offcanvas-menu .far, .offcanvas-menu .fas {
	color: #bbb;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul a {
	display: block;
}

/*-----------------------------------------------------------------------------------------*/

.offcanvas-menu .offcanvas-inner ul.mod-menu.mod-list.nav {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.offcanvas-menu .offcanvas-inner ul.mod-menu.mod-list.nav li {
	font-size: 14px;
	border-bottom: 1px solid #444;
}

.offcanvas-menu .offcanvas-inner ul.mod-menu.mod-list.nav li a {
	padding: 12px 10px;
	position: relative;
	overflow: hidden;
	display: block;
	color: #bbb;
}

.offcanvas-menu .offcanvas-inner ul.mod-menu.mod-list.nav li a:hover,
    .offcanvas-menu .offcanvas-inner ul.mod-menu.mod-list.nav li a:focus {
	color: #fff;
	background: #202020;
	opacity: 1;
}

/*-----------------------------------------------------------------------------------------*/

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul a:hover {
	background: #1c1c1c;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul li {
	padding: 0px 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul li a {
	margin-left: 0px;
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul li a::before {
	content: " -- ";
}

.offcanvas-menu .offcanvas-inner .sp-module ul.menu>li>a,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li ul li a,
    .offcanvas-menu .offcanvas-inner .sp-module ul.menu>li span {
	padding: 12px 10px;
	font-size: 14px;
	color: #bbb;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li a img {
	display: inline-block !important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>a>.menu-toggler,
    .offcanvas-menu .offcanvas-inner .sp-module ul>li.menu-parent>.menu-separator>.menu-toggler {
	color: rgb(255, 255, 255);
	padding: 10px 20px;
}

.offcanvas-menu .offcanvas-inner .mb-4 {
	margin-bottom: 10px !important;
}

.offcanvas-menu .offcanvas-inner .social-icons {
	font-size: 14px;
	margin-bottom: 10px;
}

.offcanvas-menu .offcanvas-inner .sp-sign-in {
	position: relative;
	top: 2px;
}

.offcanvas-menu .offcanvas-inner .sp-module a.sp-sign-in .fa-user::before {
	content: "\f007";
	font-size: 14px;
	line-height: 2.1;
}

.offcanvas-menu .me-1 {
	margin-right: .0rem !important;
}

.offcanvas-menu .sp-profile-wrapper a.sp-sign-in i.fas.fa-user-circle::before {
	content: "\f007";
	font-size: 10px;
}

.offcanvas-menu .sp-profile-wrapper {
	position: relative;
	font-size: 13px;
	margin-top: 5px;
	min-width: 100px;
}

.offcanvas-menu .sp-profile-wrapper .sp-profile-dropdown {
	background: transparent;
	width: 60px;
	min-width: 60px;
	padding: 0px 0px !important;
	font-size: 13px !important;
	font-weight: 400 !important;
	border: 1px solid #bbb;
	right: 0;
	left: 0;
	top: 150%;
	z-index: 1;
}

.sp-profile-wrapper .sp-profile-dropdown > li {
	border-bottom: 1px solid #9f9f9f !important;
	padding: 4px 8px !important;
	margin-bottom: 0px !important;
	line-height: 1.3;
}

.offcanvas-menu .offcanvas-inner a:hover, .offcanvas-menu .offcanvas-inner a:focus, .offcanvas-menu .offcanvas-inner a:active {
	color: #fff;
}

.offcanvas-menu .sp-profile-wrapper .sp-profile-dropdown .offcanvas-inner .sp-module ul>li>a {
	padding: 4px 8px;
	font-size: 14px;
}

.burger-icon>span {
	display: block;
	height: 2px;
	background-color: #fff;
	margin: 5px 0;
	transition: background-color 0.3s ease-in, opacity 0.3s ease-in, transform 0.3s ease-in;
	width: 20px;
}

.speclogin p a {
	font-size: 14px;
	border: 1px solid #848484;
	border-radius: 40px;
	text-align: center;
	display: inline-block;
	padding: 6px 16px;
	margin-top: 10px;
	margin-left: 0px;
}

.speclogin p a:hover {
	background: #202020;
}

    /*----------------------------------------------------------------------------------------------- sp page title -------*/

	/*section#sp-section-1 {
        margin-top: -80px;
    }*/
    
ol.breadcrumb .float-start {
	padding-right: 5px;
}

.sp-page-title .sp-page-title-heading {
	font-size: 42px;
	line-height: 1;
	font-weight: 300;
}

.sp-page-title::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: rgba(81, 97, 113, 0.4);
	mix-blend-mode: multiply;
}

.sp-page-title {
	padding: 140px 0 60px;
	background-color: transparent !important;
	background-position: 50% 40% !important;
	background-repeat: no-repeat;
        /*position: relative;*/
	background-attachment: inherit;
	background-size: cover !important;
	animation: fadetitle 1s 1 forwards;
}

@media (max-width:991px) {
	.sp-page-title {
		padding: 100px 0 60px;
	}
}
 
    /*@keyframes fadetitle {
        0% {
            -moz-transform: translateX(-10px);
            -o-transform: translateX(-10px);
            -ms-transform: translateX(-10px);
            transform: translateX(-10px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            -o-transform: translateX(0px);
            -ms-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }*/
    
.sp-page-title .container h2.sp-page-title-heading {
	z-index: 0;
	position: relative;
	visibility: visible;
	animation-name: flipInX;
	animation-duration: 1s;
}
    
   /* @keyframes movetitle {
        0% {
            -moz-transform: translateX(-50px);
            -o-transform: translateX(-50px);
            -ms-transform: translateX(-50px);
            transform: translateX(-50px);
            opacity: 0;
        }
        100% {
            -moz-transform: translateX(0px);
            -o-transform: translateX(0px);
            -ms-transform: translateX(0px);
            transform: translateX(0px);
            opacity: 1;
        }
    }*/