/* ======= General Demo Style ======= */
@font-face {font-family: 'AnimalsNormal';src: url('fonts/animals-webfont.eot');src: url('fonts/animals-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/animals-webfont.woff') format('woff'), url('fonts/animals-webfont.ttf') format('truetype'), url('fonts/animals-webfont.svg#AnimalsNormal') format('svg');font-weight: normal;font-style: normal;}
.banner_section {position: relative;height: 80vh;width: 100%;}
.banner_section .container {position: relative;height: 100%;}
.banner_section .container.demo-1 {height: 100%;position: absolute;width: 100%;left: 0;right: 0;max-width: 100%;padding: 0;}
/* ======= End General Demo Style ======= */

/* ======= Custom Style ======= */

/* Custom navigation arrows */
.nav-arrows span {position: absolute;z-index: 2000;top: 50%;width: 20px;height: 20px;border: 4px solid rgb(83 83 83 / 80%);border: 4px solid rgb(81 81 81 / 80%);text-indent: -90000px;margin-top: -40px;cursor: pointer;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);z-index: 1;}
.nav-arrows span:hover {border-color: rgba(150,150,150,0.9);}
.nav-arrows span.nav-arrow-prev {left: 5%;border-right: none;border-top: none;}
.nav-arrows span.nav-arrow-next {right: 5%;border-left: none;border-bottom: none;}
/* Custom navigation dots */
.nav-dots {text-align: center;position: absolute;bottom: 2%;height: 30px;width: 100%;left: 0;z-index: 1000;}
.nav-dots span {display: inline-block;position: relative;width: 16px;height: 16px;border-radius: 50%;margin: 3px;background: #ddd;background: rgb(83 83 83 / 80%);cursor: pointer;box-shadow: 0 1px 1px rgba(255,255,255,0.4), inset 0 1px 1px rgba(0,0,0,0.1);}
.nav-dots span.nav-dot-current:after {content: "";position: absolute;width: 10px;height: 10px;top: 3px;left: 3px;border-radius: 50%;background: rgba(255,255,255,0.8);}
/* Content elements */
.demo-1 .deco {width: 130px;height: 130px;border: 2px dashed #ddd;border: 2px dashed rgb(70 68 68 / 90%);border-radius: 50%;position: absolute;left: 50%;margin: 0 0 0 -50px;top: 60px;}
.demo-1 [data-icon]:after {content: attr(data-icon);font-family: 'AnimalsNormal';color: #000;text-shadow: 0 0 1px #999;position: absolute;width: 200px;height: 200px;line-height: 200px;text-align: center;font-size: 70px;top: 50%;left: 50%;margin: -100px 0 0 -100px;box-shadow: inset 0 0 0 5px #f7f7f7;border-radius: 50%;}
.demo-1 .wrap_white {background-color: rgba(255, 255, 255, .8);box-shadow: 0 1px 5px 3px rgba(0, 0, 0, .2);position: absolute;left: 0;right: 0;margin: 0 auto;height: 240px;width: 100%;max-width: 50%;top: 250px;}
.demo-1 .wrap_white .btn_wrap {display: flex;align-items: center;justify-content: center;}
.demo-1 .wrap_white .btn_wrap a:first-child {font-size: 18px;line-height: 20px;padding: 8px 20px;text-decoration: none;background: #ed5f2b;color: #fff;border-radius: 5px;margin: 0 5px;min-height: 40px;display: flex;align-items: center;justify-content: center;}
.demo-1 .wrap_white .btn_wrap a:last-child {font-size: 18px;line-height: 20px;padding: 8px 20px;text-decoration: none;background: #fff;border: 2px solid #ed5f2b;color: #ed5f2b;border-radius: 5px;margin: 0 5px;min-height: 40px;display: flex;align-items: center;justify-content: center;}
.demo-1 .sl-slide h2 {color: #000;text-shadow: 0 0 1px #000;padding: 20px;position: absolute;font-size: 20px;font-weight: 700;letter-spacing: 1px;text-transform: uppercase;width: 80%;left: 10%;text-align: center;line-height: 30px;margin: 0 0 0 0;}
.demo-1 .sl-slide blockquote {position: absolute;width: 100%;text-align: center;left: 0;font-weight: 400;font-size: 14px;line-height: 20px;color: #000;z-index: 2;margin: 0 0 0 0;padding: 0;bottom: 110px;}
.demo-1 .sl-slide blockquote p {margin: 0 auto;width: 100%;max-width: 70%;position: relative;color: #000;}
.demo-1 .sl-slide blockquote p:before {color: #f0f0f0;color: rgba(244,244,244,0.65);font-family: "Bookman Old Style", Bookman, Garamond, serif;position: absolute;line-height: 60px;width: 75px;height: 75px;font-size: 200px;z-index: -1;left: -80px;top: 35px;content: '\201C';}
.demo-1 .sl-slide .btn_wrap {position: absolute;width: 100%;text-align: center;left: 0;font-weight: 400;font-size: 14px;line-height: 20px;color: #8b8b8b;z-index: 2;margin: 0 0 0 0;padding: 0;bottom: 30px;}
/* Custom background colors for slides in first demo */
/* First Slide */
/* .demo-1 .bg-1 .sl-slide-inner, .demo-1 .bg-1 .sl-content-slice {background: url(https://meshvtechnology.com/solmart/public/assets/media/misc/slider_1.png) no-repeat;background-position: center;background-size: cover;} */
/* Second Slide */
/* .demo-1 .bg-2 .sl-slide-inner, .demo-1 .bg-2 .sl-content-slice {background: url(https://meshvtechnology.com/solmart/public/assets/media/misc/slider_2.png) no-repeat;background-position: center;background-size: cover;} */
.demo-1 .bg-2 [data-icon]:after, .demo-1 .bg-2 h2 {color: #000;}
.demo-1 .bg-2 blockquote:before {color: #222;}
/* Third Slide */
/* .demo-1 .bg-3 .sl-slide-inner, .demo-1 .bg-3 .sl-content-slice {background: url(https://meshvtechnology.com/solmart/public/assets/media/misc/slider_3.png) no-repeat;background-position: center;background-size: cover;} */
.demo-1 .bg-3 .deco {border-color: #fff;border-color: rgba(255,255,255,0.5);}
.demo-1 .bg-3 [data-icon]:after {color: #fff;text-shadow: 0 0 1px #fff;box-shadow: inset 0 0 0 5px #b55381;}
.demo-1 .bg-3 h2, .demo-1 .bg-3 blockquote{color: #000;text-shadow: 0px 1px 1px rgba(0,0,0,0.3);}
.demo-1 .bg-3 blockquote:before {color: #c46c96;}
/* Forth Slide */
/* .demo-1 .bg-4 .sl-slide-inner, .demo-1 .bg-4 .sl-content-slice {background: url(https://meshvtechnology.com/solmart/public/assets/media/misc/slider_1.png) no-repeat;background-position: center;background-size: cover;} */
.demo-1 .bg-4 .deco {border-color: #379eaa;}
.demo-1 .bg-4 [data-icon]:after {text-shadow: 0 0 1px #277d87;color: #277d87;}
.demo-1 .bg-4 h2, .demo-1 .bg-4 blockquote{color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.demo-1 .bg-4 blockquote:before {color: #379eaa;}
/* Fifth Slide */
/* .demo-1 .bg-5 .sl-slide-inner, .demo-1 .bg-5 .sl-content-slice {background: url(https://meshvtechnology.com/solmart/public/assets/media/misc/slider_2.png) no-repeat;background-position: center;background-size: cover;} */
.demo-1 .bg-5 .deco {border-color: #ECD82C;}
.demo-1 .bg-5 .deco:after {color: #000;text-shadow: 0 0 1px #000;}
.demo-1 .bg-5 h2, .demo-1 .bg-5 blockquote{color: #000;text-shadow: 1px 1px 1px rgba(0,0,0,0.1);}
.demo-1 .bg-5 blockquote:before {color: #ecd82c;}	

/* Animations for content elements */

.sl-trans-elems .deco {-webkit-animation: roll 1s ease-out both, fadeIn 1s ease-out both;-moz-animation: roll 1s ease-out both, fadeIn 1s ease-out both;-o-animation: roll 1s ease-out both, fadeIn 1s ease-out both;-ms-animation: roll 1s ease-out both, fadeIn 1s ease-out both;animation: roll 1s ease-out both, fadeIn 1s ease-out both;}
.sl-trans-elems h2 {-webkit-animation: moveUp 1s ease-in-out both;-moz-animation: moveUp 1s ease-in-out both;-o-animation: moveUp 1s ease-in-out both;-ms-animation: moveUp 1s ease-in-out both;animation: moveUp 1s ease-in-out both;}
.sl-trans-elems blockquote {-webkit-animation: fadeIn 0.5s linear 0.5s both;-moz-animation: fadeIn 0.5s linear 0.5s both;-o-animation: fadeIn 0.5s linear 0.5s both;-ms-animation: fadeIn 0.5s linear 0.5s both;animation: fadeIn 0.5s linear 0.5s both;}
.sl-trans-back-elems .deco {-webkit-animation: scaleDown 1s ease-in-out both;-moz-animation: scaleDown 1s ease-in-out both;-o-animation: scaleDown 1s ease-in-out both;-ms-animation: scaleDown 1s ease-in-out both;animation: scaleDown 1s ease-in-out both;}
.sl-trans-back-elems h2 {-webkit-animation: fadeOut 1s ease-in-out both;-moz-animation: fadeOut 1s ease-in-out both;-o-animation: fadeOut 1s ease-in-out both;-ms-animation: fadeOut 1s ease-in-out both;animation: fadeOut 1s ease-in-out both;}
.sl-trans-back-elems blockquote{-webkit-animation: fadeOut 1s linear both;-moz-animation: fadeOut 1s linear both;-o-animation: fadeOut 1s linear both;-ms-animation: fadeOut 1s linear both;animation: fadeOut 1s linear both;}

@-webkit-keyframes roll {0% {-webkit-transform: translateX(500px) rotate(360deg);}100% {-webkit-transform: translateX(0px) rotate(0deg);}}
@-moz-keyframes roll {0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}}
@-o-keyframes roll {0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}}
@-ms-keyframes roll {0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}}
@keyframes roll {0% {transform: translateX(500px) rotate(360deg); opacity: 0;}100% {transform: translateX(0px) rotate(0deg); opacity: 1;}}
@-webkit-keyframes moveUp {0% {-webkit-transform: translateY(40px);}100% {-webkit-transform: translateY(0px);}}
@-moz-keyframes moveUp {0% {-moz-transform: translateY(40px);}100% {-moz-transform: translateY(0px);}}
@-o-keyframes moveUp {0% {-o-transform: translateY(40px);}100% {-o-transform: translateY(0px);}}
@-ms-keyframes moveUp {0% {-ms-transform: translateY(40px);}100% {-ms-transform: translateY(0px);}}
@keyframes moveUp {0% {transform: translateY(40px);}100% {transform: translateY(0px);}}
@-webkit-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-moz-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-o-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-ms-keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@keyframes fadeIn {0% {opacity: 0;}100% {opacity: 1;}}
@-webkit-keyframes scaleDown {0% {-webkit-transform: scale(1);}100% {-webkit-transform: scale(0.5);}}
@-moz-keyframes scaleDown {0% {-moz-transform: scale(1);}100% {-moz-transform: scale(0.5);}}
@-o-keyframes scaleDown {0% {-o-transform: scale(1);}100% {-o-transform: scale(0.5);}}
@-ms-keyframes scaleDown {0% {-ms-transform: scale(1);}100% {-ms-transform: scale(0.5);}}
@keyframes scaleDown {0% {transform: scale(1);}100% {transform: scale(0.5);}}
@-webkit-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-moz-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-o-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@-ms-keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}
@keyframes fadeOut {0% {opacity: 1;}100% {opacity: 0;}}

/* ======= End Custom Style ======= */


/* ===== style.css ===== */
.sl-slider-wrapper {width: 100%;height: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.sl-slider {position: absolute;top: 0;left: 0;width: 100%;}
/* Slide wrapper and slides */
.sl-slide, .slslides-wrapper, .sl-slide-inner {position: absolute;width: 100%;height: 100%;top: 0;left: 0;}
.sl-slide {z-index: 1;}
/* The duplicate parts/slices */
.sl-content-slice {overflow: hidden;position: absolute;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background: #fff;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;opacity : 1;}
/* Horizontal slice */
.sl-slide-horizontal .sl-content-slice {width: 100%;height: 50%;left: -200px;-webkit-transform: translateY(0%) scale(1);-moz-transform: translateY(0%) scale(1);-o-transform: translateY(0%) scale(1);-ms-transform: translateY(0%) scale(1);transform: translateY(0%) scale(1);}
.sl-slide-horizontal .sl-content-slice:first-child {top: -200px;padding: 200px 200px 0px 200px;}
.sl-slide-horizontal .sl-content-slice:nth-of-type(2) {top: 50%;padding: 0px 200px 200px 200px;}
/* Vertical slice */
.sl-slide-vertical .sl-content-slice {width: 50%;height: 100%;top: -200px;-webkit-transform: translateX(0%) scale(1);-moz-transform: translateX(0%) scale(1);-o-transform: translateX(0%) scale(1);-ms-transform: translateX(0%) scale(1);transform: translateX(0%) scale(1);}
.sl-slide-vertical .sl-content-slice:first-child {left: -200px;padding: 200px 0px 200px 200px;}
.sl-slide-vertical .sl-content-slice:nth-of-type(2) {left: 50%;padding: 200px 200px 200px 0px;}
/* Content wrapper */
/* Width and height is set dynamically */
.sl-content-wrapper {position: absolute;width: 100% !important;}
.sl-content {width: 100%;height: 100%;background: #fff;}
/* Default styles for background colors */
.sl-slide-horizontal .sl-slide-inner {background: #ddd;}
.sl-slide-vertical .sl-slide-inner {background: #ccc;}
/* ===== end style.css ===== */


/* Media Queries for custom slider */
@media screen and (max-width: 1024px) {

    .demo-1 .sl-slide blockquote {bottom: 90px;}
    .demo-1 .sl-slide h2 {padding: 10px;}

}

@media screen and (max-width: 980px) {

	.banner_section {height: 200px;}
	.sl-slide-horizontal .sl-slide-inner {background: #fff;}
    .demo-1 .deco {width: 110px;height: 110px;}
    .demo-1 [data-icon]:after {width: 180px;height: 180px;margin: -90px 0 0 -90px;}
	.demo-1 .wrap_white {max-width: 80%;}
	.nav-arrows span {margin-top: 0px;}
	.nav-dots span {width: 11px;height: 11px;}
	.nav-dots span.nav-dot-current:after {width: 11px;height: 11px;top: 0;left: 0;border: 1px solid rgb(83 83 83 / 80%);}


}

@media screen and (max-width: 660px) {
	.demo-1 .deco {width: 70px;height: 70px;margin-left: -25px;}
	.demo-1 [data-icon]:after {width: 110px;height: 110px;line-height: 110px;font-size: 40px;margin: -55px 0 0 -55px;}
	.demo-1 .wrap_white {top: 180px;height: 300px;}
	.demo-1 .sl-slide blockquote {margin-bottom: -10px;bottom: 140px;}
	.demo-1 .sl-slide h2 {line-height: 22px;font-size: 16px;margin-bottom: -40px;letter-spacing: 1px;width: 100%;left: 0;margin-top: 10px;}
	.demo-1 .sl-slide blockquote p:before {line-height: 10px;width: 40px;height: 40px;font-size: 120px;left: -45px;}
	.demo-1 .bg-2 .wrap_white {height: 260px;}
	.demo-1 .sl-slide blockquote p {max-width: 95%;}
	.demo-1 .wrap_white .btn_wrap {display: block;}
	.demo-1 .sl-slide .btn_wrap {max-width: 50%;margin: 0 auto;width: 100%;right: 0;bottom: 20px;}
	.demo-1 .wrap_white .btn_wrap a:first-child {font-size: 16px;line-height: 18px;padding: 5px 10px;min-height: 35px;margin-bottom: 10px;}
	.demo-1 .wrap_white .btn_wrap a:last-child {font-size: 16px;line-height: 18px;padding: 5px 10px;min-height: 35px;}


}