/*-------------------------
   FONT
--------------------------*/
@font-face {
  font-family: optane;
  src: url('../fonts/Optane-Regular_34057.TTF')!important;
}

body {font-family:'optane'!important;}
.optane-font, 
.optane-font h1, 
.optane-font h2, 
.optane-font h3, 
.optane-font h4 {font-family:'optane'!important;}
.sp-megamenu-parent > li > a,
.sp-megamenu-parent > li > span, 
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
	font-family:'optane'!important;
	font-size: 17px;
}
.sp-megamenu-parent >li.active>a {
    color: #f37053;
}

.sp-megamenu-parent li a,
.sp-megamenu-parent li span{
    color: #a8a8a8;
}

#sp-menu2 li a,
#sp-menu2 li span{
    color: #a8a8a8!important;
}

.sp-megamenu-parent >li:hover>a,
.sp-megamenu-parent >li:hover>span{
    color: #f3705366;
}

#sp-menu2 li:hover> a {
    color: #f3705366!important;
}

.major-color, p.sppb-addon-title, .btn.sppb-btn-default:hover, .sppb-btn.sppb-btn-default:hover, .btn.btn-default:hover, .sppb-btn.btn-default:hover, .btn.sppb-btn-default:focus, .sppb-btn.sppb-btn-default:focus, .btn.btn-default:focus, .sppb-btn.btn-default:focus, .sppb-carousel .sppb-carousel-arrow:hover, .sppb-addon.sppb-addon-articles .sppb-addon-article h3 a:hover, .sppb-addon.sppb-addon-articles .sppb-addon-article h3 a:focus, .sppb-addon.sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-category a:hover, .sppb-addon.sppb-addon-articles .sppb-addon-article .sppb-article-meta span.sppb-meta-category a:focus, .melvin-social-profile a:hover, .melvin-social-profile a:hover, .sppb-addon-person .sppb-person-information span.sppb-person-designation, .contact-map-section .sppb-addon-text-block .sppb-addon-title, .sp-simpleportfolio.sp-simpleportfolio-view-items .sp-simpleportfolio-item .sp-vertical-middle > div:hover .sp-simpleportfolio-title a, .entry-header h2 a:hover, .entry-header h2 a:focus, .entry-header .category-name a, #sp-right .sp-module.blog-categories ul li a:hover, #sp-left .sp-module.blog-categories ul li a:hover, #sp-right .sp-module.blog-categories ul li a:focus, #sp-left .sp-module.blog-categories ul li a:focus, #sp-right .latestnews.blog-latest-news .latest-post-content-wrap .melvin-news-title:hover, #sp-left .latestnews.blog-latest-news .latest-post-content-wrap .melvin-news-title:hover, #sp-right .latestnews.blog-latest-news .latest-post-content-wrap .melvin-news-title:focus, #sp-left .latestnews.blog-latest-news .latest-post-content-wrap .melvin-news-title:focus, #sp-right .latestnews.blog-latest-news .latest-post-content-wrap .latest-post-info span a:hover, #sp-left .latestnews.blog-latest-news .latest-post-content-wrap .latest-post-info span a:hover, #sp-bottom .nav.menu li a:hover, #sp-bottom .nav.menu li a:focus, #sp-bottom5 .acymailing_form .acysubbuttons:before, .sp-comingsoon .social-icons li a:hover {
    color: #a8a8a8;
}
.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    box-shadow: 0 3px 5px 0 rgb(0 0 0 / 20%);
    padding: 0px;
}

.sp-megamenu-parent >li >a, .sp-megamenu-parent >li >span {
  font-size: 17px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item >a, .sp-megamenu-parent .sp-dropdown li.sp-menu-item span {
    padding: 10px;
}
#sp-header {
    background: #fff!important;
    left: 0;
    position: absolute;
    top: 0!important;
    width: 100%;
    z-index: 99;
	box-shadow: 0 0 10px #00000033;
}

ul.nav.menu {
    list-style: none;
    padding: 0;
    margin: 0;
    z-index: 99;
    display: block;
    float: left;
    position: relative;}

@media screen and (max-width:768px){ul.nav.menu {width: 100%;}}


#sp-menu2 ul li{
    display: inline-block;
    position: relative;
    text-align:left!important;
    padding: 0;
    border:0px;
    }

#sp-menu2 ul li a {
    display: inline-block;
    padding: 0 15px;
    line-height: 88px;
    font-size: 14px;
    letter-spacing: 1px;
    color: #fff;
    margin: 0;
    text-align:left!important;
    font-weight: 500;
    transition:none!important;
    }

#sp-menu2 .sp-module ul li a:before {content: '';}

.menu-fixed #sp-menu2 a {line-height: 70px;}

/*-------------------------
    HOVER LINE MENU
--------------------------*/
.sp-megamenu-parent >li >a:before,
.sp-megamenu-parent >li >span:before, 
#sp-menu2 li a:before {
  content: '';
  position: absolute;
  width: 0.5px;
  height:1px;
  background: #f37053;
  left: 0;
  right:0;
  margin:auto;
  top: 0;
  -webkit-transition: .3s;
  -o-transition: .3s;
  transition: .3s;
}

.sp-megamenu-parent >li.active>a:before,
.sp-megamenu-parent >li:hover>a:before,
#sp-menu2 li:hover a:before,
.sp-megamenu-parent >li:hover >span:before{
  height: 30%; 
}


/*-------------------------
    logo
--------------------------*/
.menu-fixed img.sp-retina-logo.hidden-xs {height: 60px;margin-top: 6px;transition:0.3s ease;width: auto;}
img.sp-default-logo{height: 70px;margin-top: 9px;transition:0.3s ease;}



div#sp-logo {text-align: center!important;margin: auto!important;}

#sp-header .logo {display: unset;margin: auto!important;}

.menu-fixed img.sp-default-logo.hidden-xs {
    height: 54px;
    margin-top: 9px;
  	transition:0.3s ease;
}

img.sp-retina-logo {
    height: 90px;
    width: auto;
}

@media screen and (max-width:768px){
.menu-fixed img.sp-default-logo.visible-xs {
    height: 55px;
    float: left!important;
    text-align: left!important;transition:0.3s ease;
  }
img.sp-default-logo.visible-xs {
    height: 70px;
    float: left;transition:0.3s ease;
}

div#sp-logo {
    text-align: left!important;
}
  header#sp-header {
    padding: 0 20px!important;
}
}

/*-----------------------------------------------------------------------
                                864 px
-------------------------------------------------------------------------*/
@media screen and (min-width:769px) and (max-width:865px){
div#sp-logo {
    text-align: left!important;
    margin: auto!important;
}
div#sp-menu {
    float: right;
  }}


/*-------------------------
     OFFCANVAS
--------------------------*/ 
@media screen and (max-width:768px){
  div#sp-menu {
    float: right;
  }}

.offcanvas-menu i.fa.fa-remove {
    color: #f37053;
}

.offcanvas-menu {
    background: url(/images/0_DC/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

.offcanvas-menu {
    border-left: 0px solid #f37053!important;
}

.offcanvas-menu .offcanvas-inner .sp-module:first-child {
    margin-top: 0;
    padding: 80px 30px;
}
.offcanvas-menu .offcanvas-inner .sp-module ul > li{
	border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.offcanvas-menu .offcanvas-inner .sp-module ul li a,
.offcanvas-menu .offcanvas-inner .sp-module ul li span{
  color:#334049!important;
  padding:10px 20px;
  line-height: 28px;
}

.offcanvas-menu li.current.active a {
  color: #fff!important;
  font-weight: 900!important;
}


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

.offcanvas-menu .offcanvas-inner .sp-module ul > li.active>a,
.offcanvas-menu .offcanvas-inner .sp-module ul > li.active>span{
  background: #f37053 !important;
  color:white!important;
}

.offcanvas-menu .offcanvas-inner .sp-module ul > li ul {
    background: rgba(0, 0, 0, 0.02);
    margin: 0;
    margin-left: 0 !important;
}
.offcanvas-menu .offcanvas-inner ul.menu>li>ul li a{
	padding:10px 20px 10px 30px;
	line-height:28px;
	width:100%;
	display: block;
}

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



/*bottom*/
.tasek-home section#sp-bottom {display: none;}

.tasek-home #sp-footer{display: none;}


#sp-bottom .sp-module .sp-module-title {
    text-transform: none;
    font-weight: 900;
    font-size: 14px;
    color: #f37053;
    margin-bottom: 10px;
    font-family: optane;
    font-weight: 900!important;
}

#sp-bottom {
    background-color: #fff!important;
    color: #a8a8a8;
    border-top: 1px solid #f37053!important;
    padding: 50px 0 100px 0!important;
}


#sp-bottom a{
    color: #a8a8a8!important;
    font-family: 'optane'!important;
}

#sp-bottom a:hover {
    color: #f37053!important;
}

@media only screen and (max-width: 991px){
  #sp-bottom3 {padding-top: 0px;}}
@media only screen and (max-width: 767px){
#sp-bottom2 { margin-top: 0px;}}


/*scroll*/
@media screen and (min-width: 320px) and (max-width: 767px){
.scrollup {
    bottom: 30px;
    right: 100px;
  }}

.scrollup {bottom: 29px;right: 263px;}

.fab-wrapper {right: 95px!important;}

/*-------------------------
     OFFCANVAS
--------------------------*/ 
.offcanvas-menu {
    background: url(/images/0_tasek/offcanvas.jpg);
    background-position: left center;
    background-size:cover;
    background-repeat:no-repeat;}

/*image zoom*/
img.mfp-img {background: white;}

/*-------------------------
     live chat
--------------------------*/ 
/*.fa-comments:before {content: "\f095"!important;font-size:38px!important;top: 12px!important;left: 15px!important;position: absolute!important;}*/

.fabchat {
    width: 58px!important;
    height: 58px!important;}

.fabchat .fa-phone:before {
    top: 5px!important;
    position: relative!important;
}

#hover_text {
    right: 13px!important;
    top: 25%!important;margin:0px!important;}

span#hover_icon {
    margin-top: 12px;
}


/*iframe*/
iframe.fb_customer_chat_bounce_in_v2 {
    transform: matrix(0.8,0,0,0.8, 33, 32)!important;
}
.fb-customerchat iframe {right: -4px!important;bottom: 20px!important;}
.fb_dialog_content  iframe {right:168px!important;bottom: 20px!important;}


/*-----------------------------------------------------------------------
                                768 px
-------------------------------------------------------------------------*/
@media screen and (max-width:768px){
.fb-customerchat iframe{
    transform: matrix(0.8,0,0,0.8, 16, 32)!important;
    margin-right: 0px!important;
     max-width: 115%!important;
  }}










/*Register button fixed*/

#register-btn {
	display:block;
	width: 80px;
	height:80px;
	background:transparent;
	z-index:90000;
	position: fixed;
	right: 5px;
	bottom: 10px;
}

#register-btn button,
#register-btn button:link,
#register-btn button:visited {
	display: block;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: auto;
	padding:0px;
	width:50px;
	height:50px;
      font-size: 12px;
    line-height: 18px;
    font-weight: 900;
}

button.whatsapp-button {
    right: 90px;
}

button.whatsapp-button {
    width: 60px!important;
    height: 60px!important;
}

i.fa.fa-whatsapp.whatsapp-fixed {
    font-size: 40px!Important;
}
  

button.register-button {
    border: 0px!important;
    border-radius: 50px;
    padding: 2px!important;
    background:white;
    box-shadow: 0 0 10px #f370534a;
    width: 60px!important;
    height: 60px!important;
	color:#f2541e;
}

/*end-register-button-fixed*/

.sp-scroll-up{
	bottom:100px;
	right:28px;
}


/*page-title*/
.sp-page-title {
    padding: 190px 0 145px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
    background-attachment: scroll;
    text-align: center;
}
.sp-page-title h1.sp-page-title-heading {
    font-size: 22px;
    color: #FFFFFF;
    letter-spacing: 12px;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 900;
}
.sp-page-title h2.sp-page-title-sub-heading {
    font-size: 120px;
    font-weight: 900;
    line-height: 1;
    margin-top: 10px;
    color: #fff;
}
@media (max-width:575px){
	.sp-page-title h1.sp-page-title-heading {
	    font-size: 16px;
	    color: #FFFFFF;
	    letter-spacing: 12px;
	    line-height: 1;
	    text-transform: uppercase;
	    font-weight: 900;
	}
	.sp-page-title h2.sp-page-title-sub-heading {
	    font-size: 60px;
	}
}