/*---------------------*/
/** Custom Text Color **/
/*---------------------*/
.textwhite {
	color: white;
}


/*---------------------*/
/** Custom Link Color **/
/*---------------------*/
.customlink a {
	color : white;
}

.customlink a:hover, a:focus {
	color : #B59E5C;
}


/*--------------------------------*/
/** Accordion Addon Custom Style **/
/*--------------------------------*/
.sppb-panel-flex {
    background-color: rgba(255,255,255,0.7);
}

/*----------------------------------*/
/** Row Overlay Elements Custom CSS**/
/*----------------------------------*/
.overlay-counteroutlet { /*HomePage Counter Number*/
	/*margin: 0px;
    padding: 50px 20px 60px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/2017/02/06/animatednumber_bg_image.jpg);
}

.overlay-footer { /*Footer Rows Section*/
	/*margin: 0px;
    padding: 40px 100px 50px 100px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/2017/02/06/footer_bg_image.jpg);
}

.hq-pagehead { /*overlay top position every page*/
	/*margin: 0px;
    padding: 40px 100px 50px 100px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.8),rgba(0, 0, 0, 0.8)), url(/images/hq_bankimage/hq-page/hq-pagehead.jpg);
}

.overlay-franchise { /*overlay top position every page*/
	/*margin: 0px;
    padding: 40px 100px 50px 100px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
	background-image: linear-gradient(rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0.8)), url(/images/hq_bankimage/hq-page/becomefranchise_bg_image.jpg);
}

.overlay-hithere { /*overlay top position every page*/
	/*margin: 0px;
    padding: 40px 100px 50px 100px;*/
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: 50% 50%;
	background-image: linear-gradient(rgba(0, 0, 0, 0.6),rgba(0, 0, 0, 0.6)), url(/images/hq_bankimage/hq-page/hithere_bg_image.jpg);
}



/*----------------------------------------------------*/
/** SP Simple Portfolio Headquarters Style Custom CSS**/
/*----------------------------------------------------*/
.hq-outlets .sp-simpleportfolio-item {
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: transform 600ms ease-out, opacity 600ms ease-out !important;
}
/*Navigation Filter*/
.hq-outlets .sp-simpleportfolio-filter > ul > li.active > a{
	background: #333 !important;
    color: #B59E5C !important;
    border: 2px solid #B59E5C;
    text-transform: uppercase;
}
.hq-outlets .sp-simpleportfolio-filter > ul > li > a{
	background: #B59E5C !important;
    color: white;
    line-height: inherit;
    text-transform: uppercase;
}
.hq-outlets .sp-simpleportfolio-filter > ul > li > a:hover{
    background: #333 !important;
    color: #B59E5C !important;
}
.hq-outlets .sp-simpleportfolio-filter > ul > li > a {
	border-radius: 2px;
}
.hq-outlets .sp-simpleportfolio-filter > ul {
	line-height: 25px;
}
.hq-outlets .sp-simpleportfolio-filter {
	margin-bottom: 15px;
}
/*Outlet Page Button*/
.hq-outlets .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	display: inline-block;
    padding: 7px 12px;
    margin: 40px;
    background-color: rgba(181,158,92,0.8) !important;
    font-size: inherit;
    letter-spacing: 1px;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: inherit;
    text-decoration: none;
    text-transform: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.hq-outlets .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
    background-color: rgba(51,51,51,0.8) !important;
    color: #B59E5C;
    border: 1px solid #B59E5C;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
/*Portfolio Title*/
.hq-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
    margin-top: 10px;
    display: inline-block;
    font-size: 20px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
}
.hq-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
    text-decoration: none;
    color: #fff;
}
.hq-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a:after {
	content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -15px;
    height: 2px;
    background: #B59E5C;
    z-index: 999999;
    width: 40%;
    overflow: auto;
}
/*Background overlay */
.hq-outlets .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    z-index: 2;
}
.hq-outlets .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
    opacity: 1; 
}


/*---------------------------*/
/**   Timeline Custom CSS   **/
/*---------------------------*/
.timeline-distance {
	margin-bottom: -100px
}

.vco-storyjs {
	background-color: transparent !important;
}


/*----------------------------------------------------*/
/** The Hair Nets Page Style Custom CSS**/
/*----------------------------------------------------*/
/*Menu Overide (ada di template the hair nets di tab custom code)*/

/*Button Style The Hair Nets*/
.btn-hairnets, .sppb-btn-hairnets {
    color: #fff;
    background-color: #8dc641;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}
.btn-hairnets:hover,
.btn-hairnets:focus,
.sppb-btn-hairnets:hover,
.sppb-btn-hairnets:focus {
    color: #fff;
    background-color: #01aef0;
    box-shadow: 0 2px 5px rgba(0,0,0,0.15);
}

/*Title Style The Hair Nets*/
.hairnets-title h3.sppb-addon-title:after {
	background-image: url(/hq-revisi/images/hn-bankimage/divider-hn.png) !important;
	background: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%;
    height: 12px;
    margin-bottom: 15px;
}
.hairnets-title h3.sppb-addon-title {
	box-shadow: none !important;
}

/*Footer Font Style The Hair Nets */
.footer-hairnets {
	font-size: 14px;
}

/*Burger Menu Style The Hair Nets */
.hairnets #offcanvas-toggler >i {
	color: #ffffff;
}
.hairnets #offcanvas-toggler >i:hover {
	color: #8dc641;
}


/*----------------------------------------------------*/
/** SP Simple Portfolio The hair Nets Style Custom CSS**/
/*----------------------------------------------------*/
.hn-outlets .sp-simpleportfolio-item {
    float: left;
    padding: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    transition: transform 600ms ease-out, opacity 600ms ease-out !important;
}
/*Navigation Filter*/
.hn-outlets .sp-simpleportfolio-filter > ul > li.active > a{
	background: #01aef0 !important;
    color: #ffffff !important;
    text-transform: uppercase;
}
.hn-outlets .sp-simpleportfolio-filter > ul > li > a{
	background: #8dc641 !important;
    color: white;
    line-height: inherit;
    text-transform: uppercase;
}
.hn-outlets .sp-simpleportfolio-filter > ul > li > a:hover{
    background: #01aef0 !important;
    color: #ffffff !important;
}
.hn-outlets .sp-simpleportfolio-filter > ul > li > a {
	border-radius: inherit;
}
.hn-outlets .sp-simpleportfolio-filter > ul {
	line-height: 25px;
}
.hn-outlets .sp-simpleportfolio-filter {
	margin-bottom: 15px;
}
/*Background overlay */
.hn-outlets .sp-simpleportfolio-item:hover .sp-simpleportfolio-img {
	transform: none;
}
.hn-outlets .sp-simpleportfolio-items .sp-simpleportfolio-item .sp-simpleportfolio-overlay .sp-vertical-middle {
    transform: scale(0);
    transition: all 0.4s ease 0s;
}
.hn-outlets .sp-simpleportfolio-items .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay .sp-vertical-middle,
.hn-outlets .sp-simpleportfolio-items .sp-simpleportfolio-item:focus .sp-simpleportfolio-overlay .sp-vertical-middle {
    color: red;
    transform: scale(1);
    background: rgba(1, 174, 240, 0.6);
}
.hn-outlets .sp-simpleportfolio-item .sp-simpleportfolio-overlay-wrapper .sp-simpleportfolio-overlay {
    opacity: 0;
    transition: opacity 400ms;
    -webkit-transition: opacity 400ms;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 0px;
    color: #fff;
    z-index: 2;
}
.hn-outlets .sp-simpleportfolio-item:hover .sp-simpleportfolio-overlay {
    opacity: 1; 
}
/*Portfolio Title*/
.hn-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title {
    margin-top: 10px;
    display: inline-block;
    font-size: 30px;
    font-weight: 300;
    line-height: 1;
    letter-spacing: normal;
}
.hn-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a {
    text-decoration: none;
    color: #fff;
}
.hn-outlets .sp-simpleportfolio-item .sp-vertical-middle > div .sp-simpleportfolio-title a:after {
	content: "";
    display: inline-block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: -15px;
    height: 2px;
    background: #ffffff;
    z-index: 999999;
    width: 40%;
    overflow: auto;
}
/*Outlet Page Button*/
.hn-outlets .sp-simpleportfolio-item .sp-simpleportfolio-btns a {
	display: inline-block;
    padding: 7px 12px;
    margin: 40px;
    background-color: #8dc641 !important;
    font-size: inherit;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: inherit;
    text-decoration: none;
    text-transform: none;
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
.hn-outlets .sp-simpleportfolio-item .sp-simpleportfolio-btns a:hover {
    background-color: #01aef0 !important;
    color: #ffffff;
    border: 1px solid #ffffff;
    -webkit-transition: all 400ms;
    transition: all 400ms;
}
/*Sub Menu The Hair Nets Style*/
.hairnets .sp-megamenu-parent >li {
	z-index: 99 !important;
}
header.hairnets .sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
	background-color: #ffffff !important;
}