

@media (min-width: 768px) {
	.d-md-none {
		display: none !important;
	}
	.d-md-inline {
		display: inline !important;
	}
	.d-md-inline-block {
		display: inline-block !important;
	}
	.d-md-block {
		display: block !important;
	}
	.d-md-table {
		display: table !important;
	}
	.d-md-table-row {
		display: table-row !important;
	}
	.d-md-table-cell {
		display: table-cell !important;
	}
	.d-md-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-md-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}

@media (min-width: 1024px) {
	.d-lg-none {
		display: none !important;
	}
	.d-lg-inline {
		display: inline !important;
	}
	.d-lg-inline-block {
		display: inline-block !important;
	}
	.d-lg-block {
		display: block !important;
	}
	.d-lg-table {
		display: table !important;
	}
	.d-lg-table-row {
		display: table-row !important;
	}
	.d-lg-table-cell {
		display: table-cell !important;
	}
	.d-lg-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-lg-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}

@media (min-width: 1200px) {
	.d-xl-none {
		display: none !important;
	}
	.d-xl-inline {
		display: inline !important;
	}
	.d-xl-inline-block {
		display: inline-block !important;
	}
	.d-xl-block {
		display: block !important;
	}
	.d-xl-table {
		display: table !important;
	}
	.d-xl-table-row {
		display: table-row !important;
	}
	.d-xl-table-cell {
		display: table-cell !important;
	}
	.d-xl-flex {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
	.d-xl-inline-flex {
		display: -webkit-inline-box !important;
		display: -ms-inline-flexbox !important;
		display: inline-flex !important;
	}
}

.mb-2,
.my-2 {
	margin-bottom: 10px !important;
}
#wrapper {
	overflow: hidden;
	position: relative;
}

u,
.u {
	text-decoration: none;
	position: relative;
	padding: 0 8px 12px;
	display: inline-block;
	vertical-align: top;
}

u.sm,
.u.sm {
	padding: 0 2px 1px;
}

u.sm:after,
.u.sm:after {
	height: 4px;
}

u:after,
.u:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	border-radius: 5px;
	background: #ee7000;
	-webkit-transition: opacity .3s linear;
	transition: opacity .3s linear;
}

[data-words] {
	overflow: hidden;
}

[data-words]:after {
	display: none !important;
}

/*.anim-line {
	position: absolute;
	width: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	margin: 0 auto;
	border-radius: 5px;
	background: #ee7000;
	-webkit-transition: opacity .3s linear, width .3s .4s;
	transition: opacity .3s linear, width .3s .4s;
}

.anim-line.line-active {
	opacity: 1;
}*/

.text-anim-item {
	white-space: nowrap;
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate3d(0, -120%, 0);
	transform: translate3d(0, -120%, 0);
}

.text-anim-item.anim-in {
	-webkit-transform: translate3d(-50%, -120%, 0);
	transform: translate3d(-50%, -120%, 0);
	-webkit-animation: textAnimInCenter .6s .3s forwards;
	animation: textAnimInCenter .6s .3s forwards;
}

.text-anim-item.anim-out {
	-webkit-transform: translate3d(-50%, 0%, 0);
	transform: translate3d(-50%, 0%, 0);
	-webkit-animation: textAnimOutCenter .6s  forwards;
	animation: textAnimOutCenter .6s  forwards;
}
	.anim-line {
		left: auto;
	}

	.text-anim-item {
		right: 0;
		left: auto;
	}

	.text-anim-item.anim-in {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
		-webkit-animation: textAnimIn .6s .3s forwards;
		animation: textAnimIn .6s .3s forwards;
	}

	.text-anim-item.anim-out {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
		-webkit-animation: textAnimOut .6s  forwards;
		animation: textAnimOut .6s  forwards;
	}
}


@-webkit-keyframes textAnimIn {
	0% {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@keyframes textAnimIn {
	0% {
		-webkit-transform: translate3d(0, -120%, 0);
		transform: translate3d(0, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}
}

@-webkit-keyframes textAnimOut {
	0% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 120%, 0);
		transform: translate3d(0, 120%, 0);
	}
}

@keyframes textAnimOut {
	0% {
		-webkit-transform: translate3d(0, 0%, 0);
		transform: translate3d(0, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(0, -20%, 0);
		transform: translate3d(0, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(0, 120%, 0);
		transform: translate3d(0, 120%, 0);
	}
}

@-webkit-keyframes textAnimInCenter {
	0% {
		-webkit-transform: translate3d(-50%, -120%, 0);
		transform: translate3d(-50%, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 10%, 0);
		transform: translate3d(-50%, 10%, 0);
	}
}

@keyframes textAnimInCenter {
	0% {
		-webkit-transform: translate3d(-50%, -120%, 0);
		transform: translate3d(-50%, -120%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 10%, 0);
		transform: translate3d(-50%, 10%, 0);
	}
}

@-webkit-keyframes textAnimOutCenter {
	0% {
		-webkit-transform: translate3d(-50%, 0%, 0);
		transform: translate3d(-50%, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(-50%, -20%, 0);
		transform: translate3d(-50%, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 120%, 0);
		transform: translate3d(-50%, 120%, 0);
	}
}

@keyframes textAnimOutCenter {
	0% {
		-webkit-transform: translate3d(-50%, 0%, 0);
		transform: translate3d(-50%, 0%, 0);
	}

	50% {
		-webkit-transform: translate3d(-50%, -20%, 0);
		transform: translate3d(-50%, -20%, 0);
	}

	100% {
		-webkit-transform: translate3d(-50%, 120%, 0);
		transform: translate3d(-50%, 120%, 0);
	}
}



.hero-container{
    max-width: 1400px;
    margin: 0 auto;
}

.content-container {
    padding: 1.5em 4em 0px 1.5em;
}
.content-container {
    display: flex;
    align-content: center;
    align-items: center;
}
.content-image-wrapper {
    width: 40%;
}
.content-wrapper {
    width: 60%;
    text-align: right;
    padding: 2em 0;
}   
}
.content-wrapper p {
    color: #fff !important;
}
h1.ms-header__title {
    border-bottom: 0 !important;
}
h1.ms-header__title {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
    color: #FDC82F;
    text-align: right;
    font-size: 70px;
    display: flex;
    justify-content: flex-end;
}


ul.ms-slider__words li {
    color: #fff;
}
.content-wrapper p {
    max-width: 535px;
    margin: 0 0 0 auto;
    padding-bottom: 40px;
}  
@media only screen and (min-width: 1393px){
u.mb-2 {
  margin-right: 15px;
}
}
@media only screen and (max-width: 1392px){
h1.ms-header__title {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
  h1.ms-header__title {
    padding-bottom: 20px !important;
}
  u.mb-2 {
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}
}
@media only screen and (max-width: 945px){
 .content-image-wrapper {
    display:none;
}
.content-wrapper {
    width: 100%;
}
}
h1.ms-header-subtitle {
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-size: 22px !important;
    line-height:1.3em !important;
    text-transform: none !important;
    font-weight: 400;
    max-width: 535px;
    margin: 0 0 0 auto !important;
    padding-bottom: 40px !important; 
    border-bottom:0 !important;
}
@media only screen and (max-width: 600px){
  .content-container {
    padding: 2em;
}
  h1.ms-header__title {
    font-size: 40px;
}   
}

.container {
  padding: 2em;
}

.v-slider-frame {
  border: 1px solid #4BB3FD;
  height: 50px;
  overflow: hidden;
  text-align: center;
}

ul.v-slides {
  list-style-type: none;
  transform: translateY(50px);
  padding: 0;
}

.v-slide {
  font-size: 24px;
  line-height: 50px;
  color: #4BB3FD;
}
@media only screen and (max-width: 768px){
h1.ms-header__title {
    display: block !important;
}
  u, .u {    
    width: 100% !important;
}
}
