body {
	font-family: 'GTWalsheim-Regular'!important;
	margin: 0;
	padding: 0;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
	font-family: 'GTWalsheim-Regular';
	font-size: 16px;
	font-weight: normal;
	line-height: 20px;
}
h1,h2,h3,h4,h5,h5 {font-family: 'GTWalsheim-Bold'!important;}
@font-face {
    font-family: 'GTWalsheim-Regular';
    src: url('../fonts/GTWalsheimRegular.eot');
    src: url('../fonts/GTWalsheimRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GTWalsheimRegular.woff') format('woff'),
        url('../fonts/GTWalsheimRegular.svg#GTWalsheimRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GTWalsheim-Bold';
    src: url('../fonts/GTWalsheim-Bold.eot');
    src: url('../fonts/GTWalsheim-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GTWalsheim-Bold.woff') format('woff'),
        url('../fonts/GTWalsheim-Bold.svg#GTWalsheim-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Cindie-MonoE';
    src: url('../fonts/CindieMono-E.eot');
    src: url('../fonts/CindieMono-E.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CindieMono-E.woff') format('woff'),
        url('../fonts/CindieMono-E.svg#CindieMono-E') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Integral-CF';
    src: url('../fonts/IntegralCF-Regular.eot');
    src: url('../fonts/IntegralCF-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/IntegralCF-Regular.woff') format('woff'),
        url('../fonts/IntegralCF-Regular.svg#IntegralCF-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
li {
    font-family:'GTWALSHEIM-REGULAR' !important;
}
.photo.pt-5 {
    right: -10px;
}
.s-photo img {
    height: 350px !important;
}
.accordion__body p {
    font-family:'GTWALSHEIM-REGULAR' !important;
}
.sphoto.pts-5 {
    right: -10px;
}
.tab-video.relative {
    left: -10px;
}
.pic-left {
    left: -10px;
}
.p-0 {
	padding: 0 !important;
}
.p-1 {
 padding: .25rem !important;
}
.p-2 {
 padding: .5rem !important;
}
.p-3 {
	padding: 1rem !important;
}
.p-4 {
	padding: 1.5rem !important;
}
.p-5 {
	padding: 3rem !important;
}
.relative {
	position: relative;
}
.t-logo img {
	width: 250px;
}
.purple-bg {
	background: #913ace;
}
.one {
	background-color: #913ace;
	background-image: -webkit-linear-gradient(0deg, #913ace 30%, #fff 30%);
}
.two {
	background-color: #000;
	background-image: -webkit-linear-gradient(0deg, #000 30%, #fff 30%);
}
.t-banner {
	text-align: right;
	height: 100%;
	position: relative;
}
.t-banner img {
	width: 500px;
}
.t-cost {
	color: #fff;
}
.b-border {
	border-bottom: 1px solid #fff;
	display: inline-block;
}
.t-cost div {
	padding: 20px 0;
}
.t-cost h4 {
	font-size: 40px;
	margin: 0;
}
.t-cost p {
	font-size: 20px;
	margin: 0;
}
.impact-banner {
	position: absolute;
	z-index: 9;
	left: 0;
	margin: 0 auto;
	display: block;
	text-align: center;
	top: 20%;
	right: 0;
}
.filp-txt {
    padding-left: 15px;
    padding-right: 15px;
}
.impact-banner img {
	width: 350px;
}
.sbox {
	height: 190px;
	width: 190px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #fff;
}
.sbox > div {
	width: 95%; 
}
.sbox h2 {
	font-size: 45px;
	margin: 0;
	font-weight: 600;
	line-height: 45px;
}
.sbox h3 {
	margin: 0;
	font-weight: 500;
}
.sbox h4 {
	font-size: 22px;
	margin: 0;
	font-weight: 500;
	color: #000;
}
.sbox p {
	font-size: 16px; margin: 0; font-weight: 500;
}
.sbox p em {
	font-style: normal;
	font-family: 'Cindie-MonoE';
	font-size: 12px;
}
.sbox br {
	display: none;
}
.b1, .b2, .b3, .b6, .b10, .b11 {
	border: none;
}
.b11 h3 {
	font-weight: 600;
}
.b13 {
	text-align: center;
}
.b9 h2 {
	font-size: 65px;
	line-height: 65px;
}
.b6 h3 {
	font-size: 25px;
	font-weight: 600;
	line-height: 35px;
}
.b4 h2 {
	font-size: 60px;
	line-height: 60px;
}
.b4 p i{
	font-style: normal;
}
.p-space {
	/*padding: 0 5%;*/
}
.g-color {
	color: #bce262;
}
#accordion {
	margin-top: 25px;
}
.wp {
	font-size: 30px;
	font-weight: 600;
	text-align: right;
}
.b-color {
	color: #000;
}
.p-color {
	color: #913ace;
}
.p-space h2 {
	font-size: 55px;
	font-weight: 600;
	line-height: 60px;
	font-family: 'Integral-CF' !important;
}
.green-bg {
	background: #bce262;
}
.blue-bg {
	background: #8edff5;
}
.yellow-bg {
	background: #ecdf4f;
}
.black-bg {
	background: #000;
}
.bottom-box-right {
	display: flex;
	justify-content: flex-end;
}
.bottom-box-left {
	display: flex;
	align-items: flex-start;
	position: absolute;
	bottom: 0;
}
.top-logo {
	text-align: left;padding-left: 125px;
}
.top-text {
	text-align: left;
	color: #fff;
	padding-top: 15px;
	padding-left: 125px;
	padding-right: 15px;
}
.top-logo img {
	width: 223px;
}
.wiscon {
    fill: rgb(96, 97, 165);
}

.wiscon:hover {   
    fill: #363564!important;
}
.wison {
    fill: #fff;
}

.michigan {
    fill: rgb(191, 222, 219);
}
.michigan:hover {
    fill:#708483!important;
}
.michi {
    fill: #fff;
}
.neva {
    fill: rgb(191, 222, 219);

}
.neva:hover {
    fill: #708483!important;
}
.nev{
fill:#fff;
}


.iowaone {
    fill: rgb(191, 222, 219);

}
.iowaone:hover {
    fill: #708483 !important;
}
.iwatwo{
fill:#fff;
}


.impact-banner-logo img {
	width: 225px;
	position: absolute;
	right: -150px;
	top: 75px;
	z-index: 9;
}
.carousel-inner strong {
	margin: 0;
	padding: 20px 0 0;
	display: inline-block;
}
.banner-bg {
	background: url(https://marshap.org/wp-content/uploads/2022/02/marshap-illo-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom center;
}
.pts-5 {
    padding-top: 50px !IMPORTANT;
}
.top-height {
	height: 821px;
}
#up-triangle {
	width: 0;
	height: 0;
	border-bottom: 20px solid #fff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#down-triangle {
	width: 0;
	height: 0;
	border-top: 20px solid #fff;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#left-triangle {
	width: 0;
	height: 0;
	border-right: 20px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	right: 0;
	margin: 0 auto;
}
#right-triangle {
	width: 0;
	height: 0;
	border-left: 20px solid #fff;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	position: absolute;
	left: 0;
	margin: 0 auto;
}
.top-box-right {
	display: flex;
	justify-content: flex-end;
}
.top-box-left {
	display: flex;
	justify-content: flex-start;
}
.t-text-right {
	display: flex;
	justify-content: flex-end;
	text-align: left;
	color: #fff;
}
.t-text-left {
	display: flex;
	justify-content: flex-start;
	text-align: left;
}
.whiterose {
	position: absolute;
	bottom: 0;
	z-index: 9;
	left: 0;
}
.whiterose img {
	width: 250px;
}
.w-line {
	width: 100px;
	height: 1px;
	background: #fff;
}
.b-line {
	width: 100px;
	height: 1px;
	background: #000;
}
.top-text p {
	margin-bottom: 0;
}
.photo-video-section .photo {
	position: relative;
	min-height: 485px;
	padding: 50px 0;
}
.photo-video-section .photo img {
	width: 100%;
	height: 375px;
	object-fit: cover;
}
.photo-video-section .photo h5 {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 2px 2px #333;
	font-size: 25px;
	color: #fff;
}
.sphoto {
	position: relative;
	min-height: 250px;
	padding: 20px 0;
}
.sphoto img {
	width: 100%;
	height: 250px;
	object-fit: cover;
}
.sphoto h5 {
	position: absolute;
	top: 45%;
	left: 0;
	right: 0;
	text-align: center;
	text-shadow: 0 2px 2px #333;
	font-size: 25px;
	color: #fff;
}
.t-text-right h4 {
	font-weight: 600;
	font-size: 22px;
}
.t-text-left h4 {
	font-weight: 600;
	font-size: 22px;
}
.widget_nav_menu .parent>a .caret:after{
	color: #fff;
}
.map-sec{
	background:#c35aa2;
}
html {
  scroll-behavior: smooth;
}
.select-drop {
	text-align: center;
	padding: 15px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

 .select-wrapper {
  position: relative;
  width: 325px;
}
.select-wrapper::after {
	color: black;
	content: "▾";
	margin-right: 15px;
	pointer-events: none;
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 30px;
}
path[data-anchorto] {
    cursor: pointer;
}
.select {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: white;
	border-radius: 0;
	cursor: pointer;
	padding: 12px;
	width: 92%;
	color:#fff !important;
	font-size: 16px;
	background: none !important;
	border: 2px solid #000 !important;
	height: auto;
	padding: 8px !important;
}
.select:focus {
  color: black;
}
.select::-ms-expand {
  display: none;
}
.select-drop .wpb_wrapper {
	position: relative;
	display: flex;
	align-items: center;
}
.select-drop label {
	font-weight: normal;
	padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
}
.select option {
	color: #333 !important;
}


#video {
	width: 100%;
}
.testimonial-section .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -60px;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 15%;
	margin-bottom: 1rem;
	margin-left: 15%;
	list-style: none;
}
.testimonial-section p {
	font-size: 20px;
	line-height: 30px;
	color: #000;
}
.testimonial-section h6 {
	font-size: 30px;
}
.v-yellow {
	background-color: #ecdf4f;
	background-image: -webkit-linear-gradient(-90deg, #ecdf4f 50%, #fff 50%);
	min-height: 500px; position: relative;
}
.v-purple {
	background-color: #913ace;
	background-image: -webkit-linear-gradient(-90deg, #913ace 50%, #fff 50%);
	min-height: 500px;position: relative;
}
.v-green {
	background-color: #bce262;
	background-image: -webkit-linear-gradient(-90deg, #bce262 70%, #fff 70%);
	min-height: 500px;position: relative;
}
.v-rose {
	background-color: #dc609e;
	background-image: -webkit-linear-gradient(-90deg, #dc609e 60%, #fff 60%);
	min-height: 500px; position: relative;
}
.content-part {
	padding-top: 30px;
}
.accordion-section {position: relative;}
.video-section {position: relative;}
.flip-box {
	background-color: transparent;
	width: 47%;
	height: 400px;
	border: 0px solid #f1f1f1;
	perspective: 1000px;
	margin-bottom: 20px;
	float: left;
	margin: 7px 15px 7px 0px;
	overflow: hidden;
}
.flip-box-inner {
	position: relative;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: transform 0.8s;
	transform-style: preserve-3d;
}
.flip-box:hover .flip-box-inner {
	transform: rotateY(180deg);
}
.flip-box-front, .flip-box-back {
	position: absolute;
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden; /* Safari */
	backface-visibility: hidden;
}
.flip-box-front {
	background-color: #fff;
	color: black; position: relative;
}
.flip-box-back {
    color: white;
    transform: rotateY(180deg);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
}
.flip-box img {
	width: 100%;
	height: 400px;
	object-fit: cover;
}
.flip-icon {
	width: 32px !important;
	height: 32px !important;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 9;
	display: none;
}
.filp-txt h4 {
	font-size: 20px;
	font-weight: 600;
	font-family: inherit !important;
}

.rose-color {
	color: #dc609e;
}
.green-color {
	color:#bce262;
}
.content-part h6 {
	font-size: 25px;font-weight: 400;
}
.content-part h2 {
	font-weight: 500;
}
.p-space h6 {
	color: #000;
	font-family: 'GTWalsheim-Regular';
	font-weight: 600;
}
.p-space p {
	color: #000;
	padding-bottom:20px!important;
}
.rose-bg { background:#e9d8f5;}


.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
	width: 650px;
	margin: 0 auto;
}
.owl-prev {
	position: absolute;
	top: 45%;
	left: 0;
	text-indent: -100000px;
	width: 25px;
	text-align: center;
	font-size: 25px;
	background: url(../images/arrow-left.png);
	background-size: 25px;
}
.owl-next {
	position: absolute;
	top: 45%;
	right: 0;
	text-indent: -100000px;
	width: 25px;
	text-align: center;
	font-size: 25px;
	background: url(../images/arrow-right.png);
	background-size: 25px;
}

.left.carousel-control {
	background-image: url(../images/arrow-left.png) !important;
	background-size: 25px;
	text-indent: -100000px;
	color: red;
	font-size: 67px;
	position: absolute;
	top: 45%;
	left: 0;
	width: 25px;
	text-align: center;
	background-repeat: no-repeat;
}
.right.carousel-control {
	background-image: url(../images/arrow-right.png) !important;
	background-size: 25px;
	text-indent: -100000px;
	color: red;
	font-size: 67px;
	position: absolute;
	top: 45%;
	right: 0;
	width: 25px;
	text-align: center;
	background-repeat: no-repeat;
}


.southca {
    fill: #CCBD66;
}
.southca:hover {
    fill: #766f39!important;
}


.southro {
    fill: #fff;
}




.tennes {
    fill: rgb(191, 222, 219);
}
.tennes:hover {
    fill: #708483!important
}
.tennessee {
    fill: #fff;    
}

.westvir {
    fill: rgb(191, 222, 219);
}
.westvir:hover {
    fill: #708483!important;
}
.westviria {
    fill: #fff;
}


.virgin {
    fill: rgb(96, 97, 165);
}
.virgin:hover {
    fill: #363564!important;
}
.virginaa {
    fill: #fff;
}

.kentu {
    fill: rgb(128, 80, 160);
}
.kentu:hover {
    fill: #4c2760!important;
}
.kentuck {
    fill: #fff;
}




.accordion-section .accordion-button::after {
	flex-shrink: 0;
	width: auto;
	height: auto;
	margin-left: auto;
	content: "+";
	background-image: none;
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
	font-size: 35px;
}
.accordion-section .accordion-button:not(.collapsed)::after {
	background-image: none;
	background-repeat: no-repeat;
	transform: rotate(0deg);
	content: "-";
	color: #333;
}
.accordion-section .accordion-item {
	background-color: transparent;
	border: 1px solid rgba(0,0,0,.125) !important;
}
.accordion-section .accordion-button {
	position: relative;
	display: flex;
	align-items: center;
	width: 100%;
	padding: 1rem 1.25rem;
	font-size: 25px;
	color: #212529;
	text-align: left;
	background-color: transparent!important;
}
.accordion-section .accordion-body {
	padding: 1rem 1.25rem;
	background: #fff;
}
.slogo {
	padding: 25px;
	border: 1px solid #999;
	text-align: center;
	margin-bottom: 15px;
}

.slider {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  overflow: hidden;
  background: white;
  box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.5);
}
.slider .slider-items-container {
  display: flex;
  flex-wrap: wrap;
  height: auto;
  transition: transform 0.35s ease-in-out;
}
.slider .slider-items-container img {
  width: 100vw;
  max-width: 640px;
  display: block;
}
.slider .controls {
  width: 100%;
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 35px;
}
.slider .controls a {
  color: #333;
  text-decoration: none;
  transition: 0.15s ease-in-out;
}
.slider .controls a:hover {
  color: #888;
}
.slider .dots {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 20px;
}
.slider .dots .dot {
  width: 10px;
  height: 10px;
  background: #333;
  transition: 0.15s ease-in-out;
  border-radius: 8px;
  cursor: pointer;
  margin: 0 20px;
}
.slider .dots .dot.active {
  background: #888;
}
.wcolor h3 {
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	line-height: 35px;
}
.top-text h4 {
	font-size: 22px;
	font-weight: 600;
}


/**************testimonial starts******************/
.testimonial-section .item {
	color: #666;
	background: transparent;
	height: auto;
	line-height: a;
	/ Align the text vertically center. / font-size: 52px;
	text-align: center;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.carousel {
  margin-top: 20px;
}
.carousel-control {
  top: 50%;

  / border 3px, size 40px /
  border: 3px solid #fff;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  border-radius: 23px;

  width: 40px;
  height: 40px;
  margin-top: -20px;
  font-size: 60px;
  font-weight: 100;
  line-height: 25px;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.bs-example {
  margin: 20px;
}
/ cancel background image gradient /
.carousel-control.left-flat {
  right: auto;
  left: 15px;
}
/ override background image gradient /
.carousel-control.right-flat {
  right: 15px;
  left: auto;
}
.testimonial-section .carousel-indicators {
	position: absolute;
	right: 0;
	bottom: -54px;
	left: 0;
	z-index: 2;
	display: flex;
	justify-content: center;
	padding: 0;
	margin-right: 0;
	margin-bottom: 1rem;
	margin-left: 0;
	list-style: none;
	width: auto;
}

.map-sec{
	background:#c35aa2;
}
.testimonial-section {
	padding: 30px 0 70px 0 !important;
}
/**************testimonial end******************/

/**************owl carousel start******************/
.owl-carousel .owl-video-tn {
  background-size: cover;
  padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
}

.owl-video-frame {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.owl-video-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.owl-dots {
  text-align: center;
  margin-top: 20px;
}

.owl-dot {
  display: inline-block;
}

.owl-dot span {
  width: 11px;
  height: 11px;
  background-color: #ccc;
  border-radius: 50%;
  display: block;
  margin: 5px 3px;
}

.owl-dot.active span {
  background-color: #000;
}
/**************owl carousel end******************/
.panel-body {
	padding: 15px;
	font-size: 16px;
}
#footer .widget {
	margin-bottom: 0;
}
.textwidget p {
	margin-bottom: 0;
}
#footer .template-page {
	border: none;
	padding-bottom: 0;
}
.p-space h4 {
	font-size: 30px;
	line-height: 35px;
	font-weight: 500;
}
.pl-3 {
	padding-left: 20px !important;
}
.pr-3 {
	padding-right: 20px !important;
}



/**************new accordion css*******************/
.faccordion-conatiner{
	margin-bottom: 30px;
}
.accordion{
    border: 1px solid #ddd;
    color: #9b8989;
    margin-bottom: 10px;
	cursor: pointer;
}
.accordion .accordion__head {
	padding: 15px;
	font-size: 25px;
	color: #000;
	background: #f5f5f5 url(../images/plus.png) no-repeat;
	background-position: 99% 15px;
	font-weight: 600;
}
.accordion.active .accordion__head {
	padding: 15px;
	font-size: 25px;
	color: #000;
	background: #f5f5f5 url(../images/minus.png) no-repeat;
	background-position: 99% 15px;
	background: ;
}
.accordion .accordion__body {
	padding: 15px;
	border-top: 1px solid #f9f8f8;
	display: none;
	color: #000;
	font-size: 18px;
}
.accordion.active .accordion__body{
	display: block;
}
.accordion__body li img {
	width: 40px;
}
.accordion__head h2 {
	margin: 0;
	font-size: 25px;
	font-weight: 600;
	display: inline-block;
}
.accordion__head p {
	margin: 0;
	font-size: 25px;
	font-weight: 600;
	display: inline-block;
	line-height: 30px;
	font-family: 'GTWalsheim-Regular';
}
.accordion p {
	margin: 0;
}
/**************new accordion css*******************/

#myCarousel {
	padding: 0 70px;
}
.dhide {display: none;}
.pb-5 {	padding-bottom: 50px;} 
.p-space h4 br {display: none;}
.icon-section {	position: relative;}
.video-section {position: relative;}
.photo-video-section .pb-5 {
	padding-bottom: 110px;
}

/*****************Media starts******************/

@media only screen and (min-width: 320px) and (max-width: 767px) {
.s-photo img {
	height: auto;
}
.photo.pt-5 {
    right: 0px!important;
}
.sphoto.pts-5 {
    right: 0px!important;
}
.tab-video.relative {
    left: 0px!important;
}
.pic-left {
    left: 0px!important;
}

.one {
	background-color: #913ace;
	background-image: -webkit-linear-gradient(0deg, #913ace 100%, #fff 100%);
}
.two {
	background-color: #000;
	background-image: -webkit-linear-gradient(0deg, #000 100%, #fff 100%);
}
.impact-banner-logo {
	text-align: center;
}
.impact-banner-logo img {
	width: 225px;
	position: relative;
	right: 0;
	top: 0;
	z-index: 9;
}
.top-height {
	height: auto;
}
.bottom-box-left {
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	justify-content: center;
	left: 0;
	right: 0;
}
.bottom-box-right {
	display: flex;
	justify-content: center;
}
.banner-bg.top-height {
	height: 750px;
	margin-top: 15px;margin-bottom: 15px;
}
.whiterose img {
	width: 300px;
	display: none;
}
.wp {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin: 10px 0;
}
.sbox {
	height: 200px;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	border: 1px solid #fff;
}
.top-box-left .sbox {
	margin: 0;
}
.bottom-box-right .sbox {
	margin: 0;
}
.slogo {
	padding: 25px;
	border: 1px solid #999;
	text-align: center;
	width: 100%;
	margin: 0 auto 15px;
}
.top-logo {
	text-align: center;
}
.top-text {
	text-align: center;
	color: #fff;
	margin-bottom: 15px;
}
.top-box-right {
	display: flex;
	justify-content: center;
}
.top-box-left {
	display: flex;
	justify-content: center;
}
.t-text-right {
	display: flex;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.t-text-left {
	display: flex;
	justify-content: flex-start;
	text-align: center;
	color: #fff;
}
.p-space p {
	padding-bottom:40px!important;
	
}
.p-space {
	padding: 0 5%;
	text-align: center;
}
.w-line {
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 0 auto;
}
.b-line {
	width: 100px;
	height: 1px;
	background: #000;
	margin: 0 auto;
}
.sbox > div {
	width: 95%;
}
.top-text {
	color: #fff;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}
.top-logo {
	padding-left: 0;
}
.filp-txt h4 {
	font-size: 18px;
}

.filp-txt h3 {
	font-size: 18px;
	margin: 0;
}
.kleo-mobile-switch {
	float: right;
	height: 100%;
	display: flex;
}
.banner-bg.top-height.min-250 {
	height: 200px;
	background: none;
}
.dhide {display: block;}
.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000;
	width: 100%;
	margin: 0 auto;
}
.flip-icon {
	display: block;
}
.v-yellow .pb-5 {
	padding: 0;
}
.v-purple .pb-5 {
	padding: 0;
}
.v-green .pb-5 {
	padding: 0;
}
.v-rose .pb-5 {
	padding: 0;
}
	}



@media only screen and (min-width: 320px) and (max-width: 575px) {
.bottom-box-right {
	display: block !important;
	justify-content: center;
	text-align: center;
}
.p-space p {
	padding-bottom:40px!important;
	
}
.s-photo img {
	height: auto;
}
.top-box-right {
	display: block;
	justify-content: center;
	text-align: center;
}
.top-box-left {
	display: block;
	justify-content: center;
	text-align: center;
}

.p-space h2 {
	font-size: 30px;
	font-weight: 600;
	line-height: 40px;
}
#myCarousel {
	padding: 0 20px;
}
.sbox {
	height: 200px;
	width: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 15px;
	border: 1px solid #fff;
}
.sbox > div {
	width: 95%;
}
.flip-box {
	background-color: transparent;
	width: 100%;
	border: 0px solid #f1f1f1;
	perspective: 1000px;
	margin-bottom: 20px;
	float: left;
	margin: 7px 15px 7px 0px;
}
.photo-video-section .photo {
	position: relative;
	min-height: auto;
	padding: 0px 0;
}

.top-box-left .sbox {
	margin: 0 auto 15px;
}
.bottom-box-right .sbox {
	margin: 0 auto 15px;
}


	}


@media only screen and (min-width: 768px) and (max-width: 991px) {
.s-photo img {
	height: auto;
}
.photo.pt-5 {
    right: 0px!important;
}
.sphoto.pts-5 {
    right: 0px!important;
}
.tab-video.relative {
    left: 0px!important;
}
.pic-left {
    left: 0px!important;
}
.one {
	background-color: #913ace;
	background-image: -webkit-linear-gradient(0deg, #913ace 100%, #fff 100%);
}
.two {
	background-color: #000;
	background-image: -webkit-linear-gradient(0deg, #000 100%, #fff 100%);
}
.impact-banner-logo {
	text-align: left;
}	
.impact-banner-logo img {
	width: 225px;
	position: relative;
	right: 0;
	top: 0;
	z-index: 9;
}
.top-height {
	height: auto;
}
.banner-bg.top-height {
	height: 750px;
}
.bottom-box-left {
	display: flex;
	align-items: flex-end;
	position: absolute;
	bottom: 0;
	justify-content: center;
	left: 0;
	right: 0;
}
.bottom-box-right {
	display: flex;
	justify-content: center;
}
.top-box-left {
	display: flex;
	justify-content: center;
}
.top-box-right {
	display: flex;
	justify-content: center;
}
.photo-video-section .photo {
	position: relative;
	min-height: auto;
	padding: 0px 0;
}
.whiterose img {
	width: 200px;
	display: none;
}
.wp {
	font-size: 30px;
	font-weight: 600;
	text-align: left;
}
.p-space {
	padding: 0;
}
.top-logo {
	text-align: center;
}
.impact-banner-logo {
	text-align: center;
}
.top-text {
	text-align: center;
	color: #fff;
	padding-top: 15px;
}
.t-text-left {
	display: flex;
	justify-content: flex-start;
	text-align: center;
	color: #fff;
}
.p-space {
	padding: 0;
	text-align: center;
}

.wp {
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}
.t-text-right {
	display: flex;
	justify-content: center;
	text-align: center;
	color: #fff;
}
.t-text-left {
	display: flex;
	justify-content: flex-start;
	text-align: center;
	color: #fff;
}
.b1, .b2, .b3, .b6, .b10, .b11 {
	border: 1px solid #fff;
}
.top-text {
	text-align: center;
	color: #fff;
	padding-top: 15px;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 15px;
}
.top-logo {
	padding-left: 0;
}
.slogo {
	padding: 25px;
	border: 1px solid #999;
	text-align: center;
	width: 250px;
	margin: 0 auto 15px;
}
.w-line {
	width: 100px;
	height: 1px;
	background: #fff;
	margin: 0 auto;
}
.b-line {
	width: 100px;
	height: 1px;
	background: #000;
	margin: 0 auto;
}
.banner-bg.top-height.min-250 {
	height: 250px;
	background: none;
}
.dhide {display: block;}
}



@media only screen and (min-width: 992px) and (max-width: 1199px) {
.sbox {
	height: 155px;
	width: 155px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.top-height {
	height: 791px;
}
.top-text {
	text-align: left;
	color: #fff;
	padding-top: 15px;
	padding-left: 100px;
	padding-right: 15px;
}
.top-logo {
	text-align: left;
	padding-left: 100px;
}

.p-space h2 {
	font-size: 45px;
	font-weight: 600;
	line-height: 60px;
}
.v-green {
	background-color: #bce262;
	background-image: -webkit-linear-gradient(-90deg, #bce262 70%, #fff 70%);
	min-height: 500px;
}
.whiterose img {
	width: 225px;
}
.sbox h4 {
	font-size: 18px;
	margin: 0;
}
.b4 h2 {
	font-size: 45px;
}
.sbox p {
	font-size: 13px;
	margin: 0;
}  
.b9 h2 {
	font-size: 55px;
}
.sbox h2 {
	font-size: 40px;
	margin: 0;
	font-weight: 600;
	line-height: 45px;
}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) and (orientation: portrait) {
.top-height {
	height: 753px!important;
}
.whiterose img {
	width: 25%;
}
.photo-video-section .whiterose img {
	width: 300px;
}
}


@media only screen and (min-width: 1200px) and (max-width: 1400px) and (orientation: landscape) {
.top-height {
	height: 801px;
}
}
  


@media only screen and (min-width: 1440px) and (max-width: 1920px) {
.top-height {
	height: 819px;
}	
.sbox {
	height: 209px;
	width: 209px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp {
	font-size: 35px;
	font-weight: 600;
	text-align: right;
	line-height: 35px;
}
}



/* Portrait */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) { 
.sbox > div {
	width: 95%;
}
.top-height {
	height: auto;
}
}


/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) { 
.top-height {
	height: 791px;
}
}

/* Landscape  */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1080px) 
  and (orientation: landscape) { 
.top-height {
	height: 771px !important;
}
}

/* Landscape  */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) { 
.top-logo {
	text-align: left;
	padding-left: 15px;
}
.top-text {
	text-align: left;
	color: #fff;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.top-height {
	height: 731px !important;
}
}




/* ipad-pro Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
  and (orientation: portrait) { 
.top-height {
	height: 731px;
}
.top-text {
	text-align: left;
	color: #fff;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 15px;
}
.top-logo {
	text-align: left;
	padding-left: 15px;
}
}


/* ipad-pro Landscape  */
@media only screen 
  and (min-width: 1024px) 
  and (max-width: 1366px) 
  and (orientation: landscape) { 
.top-height {
	height: 801px;
}
}