.owl-nav {
    position: absolute;
    top: 50%;
    margin: 0 -60px;
    right: 0;
    left: 0;
    transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
}

.owl-nav button {
    background: none !important;
    border: 0;
    outline: none;
    position: relative;
    padding: 0;
    margin: 0;
    height: 33px;
    width: 29px;
}

@media( max-width: 1200px ) {
	
	.owl-nav { margin: 0 40px; }
	
}

.owl-nav .owl-next {
    float: right;
}

.owl-nav button:before, .owl-nav button:after {
    width: 100%;
    height: 2px;
    background: #fff;
    display: block;
    content: '';
}

.owl-nav button.owl-prev:before {
    transform: rotate(-30deg);
}

.owl-nav button.owl-prev:after {
    transform: rotate(30deg);
}


.owl-nav button:before {
    transform: rotate(30deg);
}

.owl-nav button:after {
    transform: rotate(-30deg);
}

.owl-nav button:before {
    margin-top: 0;
}

.owl-nav button:after {
    margin-top: 12px;
}

/*

body:not(.elementor-editor-active) .dot-div-1,
body:not(.elementor-editor-active) .dot-div-2,
body:not(.elementor-editor-active) .dot-div-3,
body:not(.elementor-editor-active) .dot-div-4 {
    position: absolute;
    color: #fff;
    z-index: 9;
    top: 35%;
    left: 15%;
    width: auto;
    max-width: 336px;
}

body:not(.elementor-editor-active) .dot-div-2 {
    left: 68%;
    top: 29%;
}

body:not(.elementor-editor-active) .dot-div-3 {
    top: auto;
    left: 11%;
    bottom: 25%;
}

body:not(.elementor-editor-active) .dot-div-4 {
    left: 41.5%;
    top: 47%;
}

body:not(.elementor-editor-active) .dot-div-1 p,
body:not(.elementor-editor-active) .dot-div-2 p,
body:not(.elementor-editor-active) .dot-div-3 p,
body:not(.elementor-editor-active) .dot-div-4 p {
    border-bottom: 2px solid #fff;
    padding-bottom: 5px;
    position: relative;
	text-align: right;
}

body:not(.elementor-editor-active) .dot-div-2 p,
body:not(.elementor-editor-active) .dot-div-3 p,
body:not(.elementor-editor-active) .dot-div-4 p {
	text-align: left;
}

body:not(.elementor-editor-active) .dot-div-1 p:before,
body:not(.elementor-editor-active) .dot-div-2 p:before,
body:not(.elementor-editor-active) .dot-div-3 p:before,
body:not(.elementor-editor-active) .dot-div-4 p:before {
    content: '';
    position: absolute;
    right: -45px;
    bottom: -17px;
    width: 50px;
    height: 2px;
    background: #fff;
    transform: rotate(36deg);
}

body:not(.elementor-editor-active) .dot-div-3 p:before,
body:not(.elementor-editor-active) .dot-div-4 p:before {
    right: auto;
    left: -45px;
    transform: rotate(-36deg);
}

body:not(.elementor-editor-active) .dot-div-1 .dot, 
body:not(.elementor-editor-active) .dot-div-2 .dot, 
body:not(.elementor-editor-active) .dot-div-3 .dot, 
body:not(.elementor-editor-active) .dot-div-4 .dot {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: #fff;
    right: -45px;
    bottom: -33px;
    position: absolute;
}

body:not(.elementor-editor-active) .dot-div-3 .dot, 
body:not(.elementor-editor-active) .dot-div-4 .dot {
    left: -45px;
    right: auto;
}

@media( max-width: 1200px ) {

body:not(.elementor-editor-active) .dot-div-1 {
    top: 31%;
    left: 4%;
}

body:not(.elementor-editor-active) .dot-div-2 {
    left: 59%;
    top: 24%;
}

body:not(.elementor-editor-active) .dot-div-3 {
    top: auto;
    left: 12%;
    bottom: 27%;
}

body:not(.elementor-editor-active) .dot-div-4 {
    left: 42.5%;
    top: 38%;
}


}

*/

body:not(.elementor-editor-active) .dot-div-1,
body:not(.elementor-editor-active) .dot-div-2,
body:not(.elementor-editor-active) .dot-div-3,
body:not(.elementor-editor-active) .dot-div-4,
body:not(.elementor-editor-active) .dot-div-5,
body:not(.elementor-editor-active) .dot-div-6,
body:not(.elementor-editor-active) .dot-div-7,
body:not(.elementor-editor-active) .dot-div-8 {
    position: absolute;
    color: #fff;
    z-index: 9;
    top: 44%;
    left: 35%;
	width: 5px;
    max-width: 5px;
    height: 5px;
}

body:not(.elementor-editor-active) .dot-div-2 {
    left: 63.5%;
    top: 37.3%;
}

body:not(.elementor-editor-active) .dot-div-3 {
    top: auto;
    left: 52%;
    bottom: 7%;
}

body:not(.elementor-editor-active) .dot-div-4 {
    left: 36.5%;
    top: 60%;
}

body:not(.elementor-editor-active) .dot-div-5 {
    top: 37%;
    left: 36%;
}

body:not(.elementor-editor-active) .dot-div-7 {
    left: 36%;
    top: 65%;
}

body:not(.elementor-editor-active) .dot-div-8 {
    right: 28%;
    left: auto;
    bottom: 35%;
    top: auto;
}

body:not(.elementor-editor-active) .dot-div-1 > div,
body:not(.elementor-editor-active) .dot-div-2 > div,
body:not(.elementor-editor-active) .dot-div-3 > div,
body:not(.elementor-editor-active) .dot-div-4 > div,
body:not(.elementor-editor-active) .dot-div-5 > div,
body:not(.elementor-editor-active) .dot-div-6 > div,
body:not(.elementor-editor-active) .dot-div-7 > div,
body:not(.elementor-editor-active) .dot-div-8 > div {
	max-width: none;
	width: auto;
}

body:not(.elementor-editor-active) .dot-div-1 > div > div,
body:not(.elementor-editor-active) .dot-div-2 > div > div,
body:not(.elementor-editor-active) .dot-div-3 > div > div,
body:not(.elementor-editor-active) .dot-div-4 > div > div,
body:not(.elementor-editor-active) .dot-div-5 > div > div,
body:not(.elementor-editor-active) .dot-div-6 > div > div,
body:not(.elementor-editor-active) .dot-div-7 > div > div,
body:not(.elementor-editor-active) .dot-div-8 > div > div {
    position: absolute;
    width: 350px;
    text-align: left;
    right: 40px;
    bottom: 30px;
	border-bottom: 2px solid #fff;
    padding-bottom: 7px;
}

/*

@media( max-width: 1100px ) {
	
	body:not(.elementor-editor-active) .dot-div-1 > div > div,
	body:not(.elementor-editor-active) .dot-div-2 > div > div,
	body:not(.elementor-editor-active) .dot-div-3 > div > div,
	body:not(.elementor-editor-active) .dot-div-4 > div > div,
	body:not(.elementor-editor-active) .dot-div-5 > div > div,
	body:not(.elementor-editor-active) .dot-div-6 > div > div,
	body:not(.elementor-editor-active) .dot-div-7 > div > div, 
	body:not(.elementor-editor-active) .dot-div-8 > div > div { width: 156px; background: #6f7175; padding: 5px; }
	
}

*/

body:not(.elementor-editor-active) .dot-div-1 > div:after, 
body:not(.elementor-editor-active) .dot-div-2 > div:after, 
body:not(.elementor-editor-active) .dot-div-3 > div:after, 
body:not(.elementor-editor-active) .dot-div-4 > div:after,
body:not(.elementor-editor-active) .dot-div-5 > div:after,
body:not(.elementor-editor-active) .dot-div-6 > div:after,
body:not(.elementor-editor-active) .dot-div-7 > div:after,
body:not(.elementor-editor-active) .dot-div-8 > div:after {
    content: '';
    width: 5px;
    height: 5px;
    border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
    background: #fff;
    right: 0;
    bottom: 0;
    position: absolute;
}

body:not(.elementor-editor-active) .dot-div-1 > div > div {
    text-align: right;
}

body:not(.elementor-editor-active) .dot-div-2 > div > div,
body:not(.elementor-editor-active) .dot-div-4 > div > div,
body:not(.elementor-editor-active) .dot-div-5 > div > div,
body:not(.elementor-editor-active) .dot-div-8 > div > div {
    right: auto;
    left: 42px;
}

body:not(.elementor-editor-active) .dot-div-1 > div:before,
body:not(.elementor-editor-active) .dot-div-2 > div:before,
body:not(.elementor-editor-active) .dot-div-3 > div:before,
body:not(.elementor-editor-active) .dot-div-4 > div:before,
body:not(.elementor-editor-active) .dot-div-5 > div:before,
body:not(.elementor-editor-active) .dot-div-6 > div:before,
body:not(.elementor-editor-active) .dot-div-7 > div:before,
body:not(.elementor-editor-active) .dot-div-8 > div:before {
    content: '';
    position: absolute;
    right: -2px;
    bottom: 16px;
    width: 47px;
    height: 2px;
    background: #fff;
    transform: rotate(36deg);
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
}

body:not(.elementor-editor-active) .dot-div-2 > div:before,
body:not(.elementor-editor-active) .dot-div-4 > div:before,
body:not(.elementor-editor-active) .dot-div-5 > div:before,
body:not(.elementor-editor-active) .dot-div-8 > div:before {
    right: auto;
    left: 0;
    transform: rotate(-36deg);
	-webkit-transform: rotate(-36deg);
	-moz-transform: rotate(-36deg);
	-ms-transform: rotate(-36deg);
	-o-transform: rotate(-36deg);
}

body:not(.elementor-editor-active) .dot-div-2 > div:after,
body:not(.elementor-editor-active) .dot-div-4 > div:after,
body:not(.elementor-editor-active) .dot-div-5 > div:after,
body:not(.elementor-editor-active) .dot-div-8 > div:after {
    right: auto;
    left: 0;
}

body:not(.elementor-editor-active) .arrow-div-main {
    position: absolute;
    z-index: 1;
    right: 10%;
    bottom: 20%;
    max-width: none;
    width: auto;
    margin: 0 10px;
}

body:not(.elementor-editor-active) .arrow-div-main:before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 17px solid #6F7175;
    display: block;
    width: 42px;
    height: 17px;
    position: absolute;
    right: 50px;
    bottom: -17px;
}

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body:not(.elementor-editor-active) .arrow-div-main-1 {
    position: absolute;
    z-index: 1;
    left: 16.5%;
    top: 50%;
    max-width: none;
    width: auto;
    margin: 0 10px;
}

body:not(.elementor-editor-active) .arrow-div-main-1:before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 17px solid #6F7175;
    display: block;
    width: 42px;
    height: 17px;
    position: absolute;
    right: 50px;
    bottom: -17px;
}

body:not(.elementor-editor-active) .arrow-div-main-2 {
    position: absolute;
    z-index: 1;
    right: 12%;
    left: auto;
    bottom: 40%;
    top: auto;
    max-width: 500px;
    margin: 0 10px;
}

body:not(.elementor-editor-active) .arrow-div-main-2:before {
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 17px solid #6F7175;
    display: block;
    width: 42px;
    height: 17px;
    position: absolute;
    right: 50px;
    bottom: -17px;
}







@media( max-width: 1500px ) {
body:not(.elementor-editor-active) .arrow-div-main {
    position: absolute;
    z-index: 1;
    max-width: 400px;
	max-height:95px;
    width: auto;
    margin: 0 10px;
	font-size: 12px;
}
body:not(.elementor-editor-active) .arrow-div-main-1 {
    position: absolute;
    z-index: 1;
    left: 10.5%;
    top: 50%;
	max-width: 400px;
    width: auto;
	margin: 0 10px;
	font-size: 12px;
	max-height:95px;
	}
	
	.arrow-div-main-2, .arrow-div-main-3, .arrow-div-main-15 {
		font-size: 12px;
		max-width: 400px;
		max-height:95px;
	}
	
}

@media( max-width: 1320px ) {

body:not(.elementor-editor-active) .arrow-div-main-1 {
    position: absolute;
    z-index: 1;
    left: 1%;
    top: 48%;
    max-width: none;
    width: auto;
	margin: 0 10px;
	}


body:not(.elementor-editor-active) .arrow-div-main-2 {
    position: absolute;
    z-index: 1;
    right: 1%;
    bottom: 40%;
    max-width: 450px;
    
	margin: 0 10px;}
	

	body:not(.elementor-editor-active) .dot-div-3 {
    top: auto;
    left: 56%;
    bottom: 4%;
}
}
	
	
	
	
	
	
@media( max-width: 1210px ) {
body:not(.elementor-editor-active) .dot-div-3 {
    top: auto;
    left: 48%;
    bottom: 3%;
}
	
	body:not(.elementor-editor-active) .dot-div-2 {
    top: 37.7;
    left: 65.5%;
	}
}


/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/


/*

@media( max-width: 1100px ) {

	body:not(.elementor-editor-active) .dot-main { z-index: 1; }
		
	body:not(.elementor-editor-active) .dot-main > div > div,
	body:not(.elementor-editor-active) .dot-main > div:before { display: none; }
	
	body:not(.elementor-editor-active) .dot-main:hover > div > div,
	body:not(.elementor-editor-active) .dot-main:hover > div:before { display: block; }
	
	body:not(.elementor-editor-active) .dot-main > div:after { width: 15px; height: 15px; }
	
	body:not(.elementor-editor-active) .dot-div-1 > div > div { right: auto; left: 42px; }
	
	body:not(.elementor-editor-active) .dot-div-1 > div:before { right: auto; left: 0; transform: rotate(-36deg); -webkit-transform: rotate(-36deg); -moz-transform: rotate(-36deg); -ms-transform: rotate(-36deg); -o-transform: rotate(-36deg); }

	body:not(.elementor-editor-active) .dot-div-1 > div:after { right: auto; left: 0; }
		
	body:not(.elementor-editor-active) .arrow-div-main>div { display: none; }
	body:not(.elementor-editor-active) .arrow-div-main:hover>div { display: block; }
	
	/*
	body:not(.elementor-editor-active) .arrow-div-main:before { border: 0; width: 17px; background: #B3C633; border-radius: 100%; }
	body:not(.elementor-editor-active) .arrow-div-main:hover:before { border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 17px solid #B3C633; 
		border-radius: 0; height: 17px; background: none; }
	
}

*/


#fp-nav ul li a span, .fp-slidesNav ul li a span {
    background: #fff;
}

body:not(.elementor-editor-active) .sp-section1>div>div>div>div>.elementor-widget-wrap {
    display: inline !important;
    position: relative;
}

body:not(.elementor-editor-active) .sp-section1>div>div>div>div>.elementor-widget-wrap .elementor-widget-image {
    display: inline-block !important;
}


.mapform-container {
    position: relative;
}

.mapform-container #map {
    width: 90%;
    margin-left: auto;
    height: 690px;
}

.mapform-container #map-search {
    flex-wrap: wrap;
    width: 500px;
    position: absolute;
    top: 60px;
    bottom: 60px;
    z-index: 1;
    background: #5e5e5e;
    padding: 90px;
    left: 0;
}

.mapform-container #map-search h4 {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 15px;
}

.mapform-container #map-search input:not([type="submit"]) {
    border: 1px solid #fff;
    background: none;
    color: #fff;
    font-size: 16px;
    padding: 15px;
    height: auto;
    margin: 10px 0;
font-style: italic;
}

.mapform-container #map-search input[type="submit"] {
    background: #fff;
    color: #383838;
    border-radius: 0;
    padding: 15px;
    display: block;
    width: 100%;
    margin-top: 15px;
}

.mapform-container #map-search input[type="submit"]:hover,
.mapform-container #map-search input[type="submit"]:focus {
    background: #383838;
    color: #fff;
}

.mapform-container #map-search ::-webkit-input-placeholder {
  color: #fff;
font-style: italic;
}

.mapform-container #map-search :-ms-input-placeholder {
  color: #fff;
font-style: italic;
}

.mapform-container #map-search ::placeholder {
  color: #fff;
font-style: italic;
}


.mapform-container #map-search.loading:after {
    content: '';
    background: url(loading.gif) center center no-repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.15);
    opacity: 0.5;
    background-size: 50px;
    z-index: 2;
}

.store-listings {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.store-listings .premiumstores {
    width: 40%;
    padding-right: 100px;
}

.store-listings .normal-stores {
    width: 60%;
}

.store-listings .normal-stores .store-col {
    float: left;
    width: 50%;
}

.store-listings .store-col {
    margin-bottom: 20px;
    color: #383838;
    font-size: 16px;
}

.store-listings .premiumstores .store-col {
    font-weight: bold;
    border-bottom: 1px solid #707070;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.store-listings .premiumstores .store-col:last-child { 
    border-bottom: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;

}

.store-listings .store-col h4 {
    font-weight: bold;
    color: #383838;
}

.store-listings .premiumstores .store-col h4 {
    text-transform: uppercase;
}

.store-listings .store-content {
    position: relative;
    padding-left: 40px;
}

.store-listings .store-content:before {
    counter-reset: leftcount var(--leftcount);
    content: counter(leftcount);
    background: #6F7175;
    position: absolute;
    left: 0;
    top: 0;
    width: 28px;
    height: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: bold;
    border-radius: 100%;
    font-size: 14px;
}

.store-listings .premiumstores .store-content:before {
    background: #B3C633;
}

.store-listings .store-head {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media( max-width: 1024px ) {
	
	body:not(.elementor-editor-active) .sp-section1>div>div>div>div>.elementor-widget-wrap .elementor-widget-image { display: none !important; }

.store-listings .premiumstores,
.store-listings .normal-stores {
    width: 100%;
}

.store-listings .store-col {
    width: 100% !important;
}

.store-listings .normal-stores {
    margin-top: 20px;
}

.mapform-container #map-search {
    position: relative;
    width: 100%;
    top: 0;
    bottom: 0;
}

.mapform-container #map {
    width: 100%;
    height: 300px;
}

.mapform-container #map-search input:not([type="submit"]) {
    width: 100%;
    max-width: 100%;
}

.store-listings .premiumstores {
    padding-right: 0;
}


}

@media( max-width: 767px ) {

.mapform-container #map-search {
    padding: 30px;
}

}


.job-panel {
    color: #fff;
    font-size: 16px;
}

.job-panel h3 {
    text-transform: uppercase;
    font-size: 21px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 15px;
}

.job-panel .job-toggler-main {
    border: 1px solid #fff;
    margin-bottom: 10px;
    padding: 20px;
}

.job-panel .job-toggler-main .job-tgl-title-content {
    display: flex;
    justify-content: space-between;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-thumb {
    width: 200px;
    height: 100px;
    background: center center no-repeat;
    background-size: cover;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left {
    padding-right: 30px;
    width: 70%;
    padding-left: 30px;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-right {
    margin-top: auto;
    margin-bottom: auto;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-right button {
    background: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    color: #383838;
    border-radius: 0px;
    padding: 10px 25px;
    text-transform: capitalize;
    white-space: nowrap;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-right button:hover, .job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-right button:focus {
    background: #b3c633;
    outline: none;
    color: #fff;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left h4 {
    font-size: 16px;
    color: #FFFFFF;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 5px;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left ul {
    display: flex;
    flex-wrap: wrap;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left ul li {
    width: 50%;
    padding: 5px 35px;
    position: relative;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left ul li:before {
    content: '';
    background: #fff;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 100%;
}

.job-tgl-content-bnr {
    position: relative;
    height: 400px;
    background: center center no-repeat;
    background-size: cover;
    margin-bottom: 50px;
}

.job-panel .job-toggler-main .job-toggler-content {
    display: none;
    color: #383838;
}

.job-panel .job-toggler-main.active {
    background: #fff;
}

.job-panel .job-toggler-main .job-content-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 100px;
}

.job-panel .job-toggler-main .job-content-container h5 {
    width: 100%;
    font-size: 16px;
    color: #383838;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 15px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left, .job-panel .job-toggler-main .job-content-container .job-content-container-right {
    width: 50%;
}

.job-panel .job-toggler-main .job-content-container h6 {
    font-size: 16px;
    font-weight: bold;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left {
    padding-right: 30px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-right {
    padding-left: 30px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left>div:not(:last-child), .job-panel .job-toggler-main .job-content-container .job-content-container-right>div:not(:last-child) {
    margin-bottom: 20px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left ul li {
    position: relative;
    padding: 3px;
    padding-left: 30px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left ul li:before {
    content: '-';
    position: absolute;
    left: 0px;
    font-weight: 300;
    top: 0;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-right ul li {
    position: relative;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-right ul li {
    position: relative;
    padding: 3px;
    padding-left: 30px;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-right ul li:before {
    content: '';
    background: #383838;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 6px;
    border-radius: 100%;
}

.job-panel .job-toggler-main .mail-btn {
    background: #383838;
    padding: 10px 25px;
    display: inline-block;
    color: #fff;
    margin-top: 10px;
}

.job-panel .job-toggler-main .mail-btn:hover, .job-panel .job-toggler-main .mail-btn:focus {
    background: #b3c633;
    outline: none;
    color: #fff;
}

.product-scroll {
    overflow: hidden;
}

.product-scroll:after {
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 43%, rgba(255, 255, 255, 0.927608543417367) 48%, rgba(255, 255, 255, 0.44021358543417366) 64%, rgba(255, 255, 255, 0.13489145658263302) 78%, rgba(255,0,0,0) 88%);
}

.product-scroll ::-webkit-scrollbar {
  width: 0;
}

.product-scroll>div {
    height: 870px;
    overflow-y: scroll;
    overflow-x: hidden;
    box-sizing: border-box;
    width: 100%;
}



@media( max-width: 1024px ) {

.job-panel .job-toggler-main .job-content-container {
    padding: 0;
}

}


@media( max-width: 767px ) {

.job-panel .job-toggler-main .job-tgl-title-content {
    flex-wrap: wrap;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-thumb {
    width: 100%;
    margin-bottom: 15px;
}


.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left {
    width: 100%;
    padding: 0 0 20px;
}

.job-panel .job-toggler-main .job-tgl-title-content .job-tgl-title-left ul li {
    width: 100%;
}

.job-tgl-content-bnr {
    height: 200px;
}

.job-panel .job-toggler-main .job-content-container {
    padding: 0;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left, .job-panel .job-toggler-main .job-content-container .job-content-container-right {
    width: 100%;
    padding: 0;
}

.job-panel .job-toggler-main .job-content-container .job-content-container-left {
    margin-bottom: 20px;
}
	
	.product-scroll>div {
		height: 600px;
	}

}