@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Sharp|Material+Icons+Round|Material+Icons+Two+Tone');

html, body { scroll-behavior: smooth; }

/* AODA FIXES */

a { color: #0074aa; transition: color .1s ease-in-out; }
a:hover { color: #0074AA; transition: color .1s ease-in-out; }
/*section.cta-bar a { text-decoration: underline; } section.cta-bar a:hover { text-decoration: none; }*/
.button, button { background: #0074AA; box-shadow: none; border-radius: 6px; }
input#submit, .submitButton, #submitWrapper input#submit { background: #0074AA; }
input#submit:hover, .submitButton:hover, #submitWrapper input#submit:hover { background: #0099D3; }
hero-banner
div.callout, .ss-training-courses .course .title-block, .blog-signup, .older-posts .blog-button { background: #0074AA; }

/*.lp-banner h1 { color: #FFF !important; font-weight: 400; line-height: normal; margin: 30px 0; } - changed very important for xsight*/
.lp-banner h1 { color: #FFF !important; font-weight: 400; line-height: normal; margin: 30px 0; }
.lp-banner h2 { color: #FFF !important; font-weight: 100; line-height: normal;  }

div.callout h4 { color: #FFF; margin: 10px 0; }
.ps-solutions .solution-picker ul li.active, .ss-profservices-offerings h3, .no-image-hero h1, .about-intro h1 { color: #0074AA; }
input, select, nav span .menu.ps .ps-shower .preview-content p, nav span .menu .inner-menu .link-contain small, nav span .menu.p .large-8 p, .ss-profservices-offerings h5, .no-image-hero h5, .recent-posts li.post h5 { color: #707070; }
.p-why-benefits .benefit .inner, .ss-why-benefits .benefit .inner { background: #0074AA; height: 320px; }

section.cta-bar h5 { color: #FFF; }
.contact-us .office-locations span.bold { margin-bottom: 10px; }

/* Fix Nav Search 
.search-container .SotiNavSearchBar { float: right; }
.search-container .SotiNavSearchBar .ui { float: right; }
.search-container .SotiNavSearchBar input { width: 13vw; max-width: 345px; } */

.mobile-nav .inner .title { font-size: 18px; background: #e5f8ff; padding: 5px 20px; border-top: none; margin-bottom: 5px; }
.mobile-nav .inner [class*=" ti-"], [class^=ti-] { display: none; }
.mobile-nav .inner .title+ul>li { border-bottom: solid 1px #f2f2f2; }

.contact-us .row.office-locations .large-12 { padding-left: 15px; }
.mobile-nav { padding: 50px 0 !important; }
.section-padding p { margin-bottom: 10px; }
.mobile-view-footer{
    margin: 8rem auto
}

/* -------------------------- */

.jp_font{
    font-family: IBM Plex Sans KR, sans-serif;
}

@media (max-width: 768px) {
    .android-Image-customer-story-container{
        flex-direction: column;
}.android-Image-customer-story-container img {
    margin:2.5rem !important;
}
    
    
}
.container-Andriod-Section-customer-story {
            background-color: #F0F0F0;
            padding: 20px;
            text-align: center;
        }

        .android-Image-customer-story-container{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .android-Image-customer-story-container img {
            margin: 0 10px; /* Add spacing between the images */
        }

        .text-spacing-customer-story-android{
            margin-top: 30px;
            padding-right: 0 ;
            padding-left: 0 ;
            margin-right: auto ;
            margin-left: auto ;
            max-width: 90em ;
        }
.ease-effect { 
    animation: fadeInAnimation ease 2s;
    animation-iteration-count: 1; 
    animation-fill-mode: forwards; } 
  
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    }
	60% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
} 

.kochi-ease-effect {
    animation: fadeInAnimation ease 5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards; } 
  
@keyframes fadeInAnimation { 
    0% { 
        opacity: 0; 
    }
	60% { 
        opacity: 0; 
    } 
    100% { 
        opacity: 1; 
     } 
} 

section.hero-area.small { animation: fadeIn 1s both; }

.material-icons { vertical-align: middle; margin-right: 10px; }

.offscreen { position: absolute; left: -999em; }

.align-left { text-align: left; }
.align-right { text-align: right; }

form#fileUploadForm { margin: 0 !important; }

body { background-color: #FDFDFD; overflow-x: hidden; }
.bg-light-gray { background-color: #F6F6F6; }
.bg-light-blue { background-color: #e5f8ff; }

.bg-products {
	padding: 50px 10px;
    background: url("/media/2983/man-holding-tablet.png");
    min-height: 450px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	background-repeat: no-repeat; }

a.button.main-cta, input.button.main-cta {
	font-family:Rubik,sans-serif; 
	font-weight: normal;
    background-color: #326407;
    border-radius: 6px;
    border-bottom: none !important;
	margin-right: 0; }

a.button.main-cta:hover, input.button.main-cta:hover,
a.button.main-cta:focus, input.button.main-cta:focus {
	background-color: #489008; 
	transition: all 100ms ease-in-out; }

a.button, input.button {
	font-family:Rubik,sans-serif; 
	font-weight: normal;
    background-color: #0074AA;
    border: none;
    outline: 0;
    box-shadow: none;
    border-radius: 6px;
    font-size: 16px;
    font-weight: normal;
	line-height: normal;
    text-transform: uppercase;
    border-bottom: none !important; }

a.button:hover, input.button:hover, a.button:focus, input.button:focus { background-color: #0099D3; transition: all 100ms ease-in-out; }

.white-border.button {
	border: solid 1px #FFF !important;
	background-color: transparent;
	margin-bottom: 0 !important; }

.white-border.button:hover, .white-border.button:focus { background-color: #FFF; color: #0074AA; }

h2 { color: #0074AA; font-weight: 400; }
.home-page h2 { font-size: 33px; }

.product-footer p { margin-bottom: 15px; line-height: 27px; color: #707070; }

header { padding: 10px; border: none !important; }
header.active { border: none !important; box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); }
header nav span>a, header .link-bar a { color: #0074AA; }

/* Homepage nav initial state */
.home-page header {
    background: #0074aa !important; 
    border-bottom: none; }
.home-page header.active, .home-page header:hover, .home-page header .mobile-nav-btn span  {
    background-color: #FFF !important;
    transition: all 200ms ease-in-out; } 

.home-page header nav span>a, 
.home-page header .link-bar a { color: #FFF; }

.home-page header .soti-logo { fill: #FFF; }
.home-page header .search-bar .ti.ti-search { margin-top: -1rem; }

.nav-search-bar { position: relative; float: right; }
header .request-demo { 
    background: transparent; 
    border: solid 1px #FFF; 
    padding: 7px 15px;
    position: relative;
	float: left;
    left: -10px;
    top: 15px; }

header .request-demo a { color: #FFF; }

/* Homepage nav hover state */
.home-page header:hover {
    background: #FFF !important; 
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); }

.home-page header:hover {
    background-color: #FFF !important;
    transition: all 200ms ease-in-out; }

.home-page header.active nav span>a, .home-page header:hover nav span>a, 
.home-page header.active .link-bar a, .home-page header:hover .link-bar a { color: #0074AA; }
.home-page header.active .soti-logo, .home-page header:hover .soti-logo { fill: #0074AA; }
.home-page header.active .mobile-nav-btn span, .home-page header:hover .mobile-nav-btn span { background: #0074AA !important; }

header:hover .request-demo, header.active .request-demo { background: #0074AA; }
header:hover .request-demo a, header.active .request-demo { color: #FFF; }

.overlay, .green-overlay { position: relative; z-index: 1; }
.overlay:after {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    background: rgb(255,255,255,0.75);
	z-index: 0; }

.black-overlay:after {
    content: '';
    display: block;
    clear: both;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0,0.3);
    z-index: 1; }

.home-cta-bar {
	padding: 12px !important; 
	/*background-color: #326407;*/
	/*background-color: #2e7f17;*/
	background-color: #525567;
	color: #FFF!important;
	line-height: 28px;
	text-transform: uppercase;
	display: block;
	box-sizing: border-box;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.15);
}

.home-cta-bar > .row { max-width: 1200px; }
.home-cta-bar a { color: #fff!important; line-height: normal; position: relative; }
.phone-cta { font-size: 32px; font-family: Rubik,sans-serif; margin-bottom: 20px; }

.home-cta-bar .learn-more-link { color: #fff!important; float: right; }

.home-cta-bar:hover .learn-more-link:after {
    opacity: 1;
    right: -25px;
    transition: all 300ms ease; }

.ps-shower.large-8 img {
    display: block;
	margin: 20px auto; }

.align-row { display: table; width: 100%; max-width: 1200px; margin: auto; line-height: normal; }
.align-left, .align-right { display: table-cell; vertical-align: middle; }
.align-left { font-size: 16px; color: #FFF; }
.align-right { 	color: #FFF; font-size: 16px; text-align: right; }
.align-row-nrf-desktop {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}


ul.inner-icons-list { margin-top: 30px; }

.inner-icon {
	width: 130px;
    height: 0;
    padding-bottom: 130px;
    margin: 0 auto 30px;
    display: block;
    border-radius: 50%;
    position: relative; }

ul.inner-icons-list li:nth-child(1) .inner-icon { background-color: #0074AA; }
ul.inner-icons-list li:nth-child(2) .inner-icon { background-color: #32B6E9; }
ul.inner-icons-list li:nth-child(3) .inner-icon { background-color: #326407; }
ul.inner-icons-list li:nth-child(4) .inner-icon { background-color: #F1614F; }
ul.inner-icons-list li:nth-child(5) .inner-icon { background-color: #0074AA; }
ul.inner-icons-list li:nth-child(6) .inner-icon { background-color: #32B6E9; }

ul.inner-icons-list li { padding: 20px 15px; }

.inner-icon img { width: 75px; top: 20px; }

.inner-text {
	color: #0074AA;
    font-size: 18px;
	font-weight: 400; 
	min-height: 50px;
	display: block; }

p.inner-desc {
	margin: 0 0 25px 0;
	/*font-size: 16px !important; (changed this from very important so that font size can be changed for xsight product page)*/
	font-size: 16px;
    color: #707070;
	line-height: 27px; 
	min-height: 150px; }

.home-key-benefits ul li img {
	position: relative !important;
	margin: 0 auto 10px auto !important;
	text-align: center;
	display: block; }

.home-key-benefits ul li svg { 
    width: 55pt;
    margin: 0 auto 10px;
    display: block;
    fill: #FFF !important;
    top: 20px;
    position: absolute;
    left: 0;
    right: 0; }

.home-key-benefits ul li h4 {
	color: #0099D3;
	text-align: center;
	display: block; }

.home-accolades li { border: none !important; }

.home-accolades img { width: 100%; max-width: 230px; margin: 0 auto; }

.home-accolades a.industry-award {
	padding: 8px 20px 5px;
	display: block;
}

.home-accolades a.industry-award:hover {
	background: rgb(0, 0, 0, 0.05);
	transition: all 300ms ease; 
}

.prod-img { margin: 0 auto; }
.prod-subtitle {
	color: #354452;
	font-size: 24px;
	margin: 15px 0; }

.prod-desc { position: relative; }
.prod-btns { position: absolute; bottom: -20px; }

@media only screen and (max-width :1400px){
	
	.prod-sotionesectionbtn{
		  position: relative;bottom:-11px; 
}
}
/* .padding-left { padding-left: 10px !important; }
.padding-right { padding-right: 15px !important; } */

.learn-more-link {
	color: #0074AA;
	position: relative; 
	display: inline-block;
	vertical-align: middle;
	transition: all 300ms ease; }

.learn-more-link:after {
	content: '\e628';
	clear: both;
	display: inline-block;
	vertical-align: middle;
	font-family: 'themify';
	font-weight: bold;
    position: relative;
    font-size: 16px;
    bottom: 1px;
    right: 0px;
    opacity: 0;
	transition: all 200ms ease-in; }

ul.inner-icons-list li:hover .learn-more-link:after, .learn-more-link:hover:after, .learn-more-link:focus-visible:after {
    opacity: 1;
    right: -15px;
	transition: all 300ms ease; }

.global-partners-wrapper { margin-bottom: 30px; }
.global-partners-wrapper ul { 
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    overflow: hidden; }
.global-partners-wrapper ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}
.global-research-wrapper { margin-bottom: 30px;margin-top: -34px; }

.bx-wrapper { max-width: 100% !important; margin: 0 auto; }
.bx-wrapper img {
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
	transform: translatez(0); }

footer a:hover { transition: all 350ms ease; }
.fixh5 { margin: 20px 0; }

section.hero-area .slide { position: relative; }
section.hero-area .slide:after {
	content: '';
	display: block;
	clear: both; }

#home-banner .slide { 
	height: 600px; 
	padding: 0; }

section#home-banner { background-color: #005B85; height: 100% !important; overflow: hidden; animation: fadeIn 1s both; }
section#home-banner h1 { color: #FFF; }
#home-banner .slick-dotted.slick-slider, #home-banner .slick-dotted.slick-slider .slick-slide, #home-banner .slick-slide {
	height: 480px;
	overflow: hidden; }

#home-banner .slick-slide > div:after {
	content: '';
	display: block;
	clear: both;
	height: 30vw;
	overflow: hidden;}

#home-banner #contentcontain.row { 
	height: 100%;
    margin: 0 0 0 auto;
    max-width: 1380px;
    width: 92%; }
#home-banner .large-7 { top: auto !important; }

#home-banner .caption {
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translate(0%, -40%);
    max-width: 630px;
    width: 100%;
    padding: 0;
    z-index: 9999;
    display: block; }

#home-banner .featured-images.large-6{ 
    position: absolute;
    right: 0;
    bottom: 0;
	padding: 0;
	width: 50%;
    z-index: 9; }

.slick-slide { position: relative; }
.slick-current.slick-active img { }

.home-page .slick-current.slick-active img:nth-child(odd){ 
    animation: fadeInRight 1.5s both; 
    position: absolute; 
	left: 0;
    bottom: 0; }
.home-page .slick-current.slick-active img:nth-child(even){
	animation: fadeInRight 1.7s both; 
	position: absolute;
	right: 0;
	bottom: 0; 
	z-index: 1;
	animation-delay: 1s; }
.home-sop {
    text-align: left !important;
    margin: 0 !important;
    padding: 50px 10px !important;
}
.home-sop > div > div:first-child > p {
    max-width: 53%;
    margin: auto;
}
.home-sop-intro {
    display: flex;
    flex-direction: row;
    margin-top: 1.5rem;
}
.home-sop-intro .vidyard-video  {
	display: block;
	margin: 0;
	max-width: 54.688rem;
}
.home-sop-intro .vidyard-video img {
    width: 100%;
    margin: 0 auto;
    display: block;
}
.home-sop-intro > div:last-child {
	display: flex;
	flex-flow: column wrap;
}
.home-sop-intro > div:last-child > div:first-child {
	flex: 1;
}

/* IMPORTANT SLICK SLIDER SETTINGS */
#featured-images.slider.slick-initialized.slick-slider ul { list-style-type: none !important; }
#featured-images ul li::marker { content:''; clear: both; display: none !important; }
ul.slider, .slick-slider li { list-style-type: none !important; margin: 0 !important; padding: 0 !important;  display: block; }
.slick-slider { list-style-type: none; margin: 0; padding: 0; position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: block; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: 100%; min-height: 1px; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { width: 100%; height: auto; display: block; vertical-align: bottom; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px transparent; }
.slick-arrow.slick-hidden {  display: none; }


.featured-images .slider, .featured-images .slide:not(:first-of-type), .testimonials .slider { 
    opacity: 0; 
    visibility: hidden; 
    transition: opacity 1s ease; 
    -webkit-transition: opacity 1s ease; }

.featured-images .slider.slick-initialized, .featured-images .slider.slick-initialized .slide:not(:first-of-type), 
.testimonials .slider.slick-initialized { visibility: visible; opacity: 1; }

.testimonials .slick-dots { position: relative; bottom: auto; }

.testimonials .slick-dots li button:before { content: ''; }

.testimonials .slick-dots li {
	display: inline-block !important;
	vertical-align: middle;
	margin: 30px 5px !important; }

.testimonials .slick-dots li button {
    background: #707070;
	color: #FFF;
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 100%;
    cursor: pointer; }

.testimonials .slick-dots li.slick-active button { background: #0074AA; }

/* EDM AND MDM Page BUTTON FIX */

.button__height{
	height:50px;
}

/* EDM AND MDM German Page BUTTON FIX */

.button__height--german{
	height:60px;
}

/* EDM AND MDM Spanish Page BUTTON FIX */
.button__height--spanish{
	height:65px;
}

/* EDM AND MDM French Page BUTTON FIX */
.button__height--french{
	height:60px;
}
 /* EDM and MDM Banner*/
.home-cta-bar2 {
    padding: 20px !important;
    background-color: #2e7f17;
    color: #FFF !important;
    line-height: 28px;
    text-transform: uppercase;
    display: block;
	border-bottom: solid 1px #eaeaea;}

/* RESOURCE LIBRARY REDESIGN */

.about-author img {
	border-radius: 50%;
	background: #0074aa;
	border: solid 5px #0074aa; }

.author-name { margin: 10px 0 5px; }

.resource-library-body .large-9 { padding-right: 30px !important; }
.renewal-webinar .large-8 { padding-right: 30px !important; }

.presenter-img img { width: 180px;height: auto; margin: 0 auto 10px; display: block; border-radius: 100%; }

.resource-library-body h1 {
	text-align: center;
    color: #0c74aa;
    margin-bottom: 40px;
	font-size: 36px; }

.resource-library-body h2 {
	font-size: 20px;
    margin-bottom: 20px;
    text-align: left; 
	text-transform: uppercase;
    font-weight: 400; }

.resource-library-body h3 {
	font-size: 20px;
    margin-bottom: 50px;
    text-align: left; 
	text-transform: uppercase;
    font-weight: 400; }

.resource-library-body ul#rlcontainer li { text-align: left; }

.resource-library-body .items li a { display: inline-block; vertical-align: top; position: relative; }

.resource-library-body .items li a, .resource-library-body .items li a img { max-width: 100%; }

.resource-library-body .items h5 { font-size: 15px; text-align: center; max-width: 221px; margin: 10px auto 0; }

.resource-library-body .new {
	position: absolute;
	top: -12px;
	left: 0;
	right: 0;
	margin: auto;
	z-index: 9;
	max-width: 200px;
	width: 100%;
	height: 51px;
	display: block;
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20id%3D%22%C3%91%C3%AB%C3%AE%C3%A9_1%22%20data-name%3D%22%C3%91%C3%AB%C3%AE%C3%A9%201%22%20viewBox%3D%220%200%205628.97%201797.06%22%20style%3D%22width%3A%20150px%3B%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3Aurl(%23linear-gradient)%3B%7D.cls-2%7Bfill%3Aurl(%23linear-gradient-2)%3B%7D.cls-3%7Bfill%3Aurl(%23linear-gradient-3)%3B%7D.cls-4%7Bfill%3A%23fff%3B%7D%3C%2Fstyle%3E%3ClinearGradient%20id%3D%22linear-gradient%22%20x1%3D%225221.45%22%20y1%3D%224779.42%22%20x2%3D%226190.96%22%20y2%3D%224779.42%22%20gradientTransform%3D%22matrix(1%2C%200%2C%200%2C%20-1%2C%200%2C%205000)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2339b54a%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.27%22%20stop-color%3D%22%233eb549%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.44%22%20stop-color%3D%22%234eb748%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.59%22%20stop-color%3D%22%2363bc46%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.72%22%20stop-color%3D%22%237bc142%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.8%22%20stop-color%3D%22%238dc63f%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.89%22%20stop-color%3D%22%238dc63f%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.91%22%20stop-color%3D%22%2385c441%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%220.95%22%20stop-color%3D%22%236fbe44%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%233eb549%22%3E%3C%2Fstop%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2339b54a%22%3E%3C%2Fstop%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-2%22%20x1%3D%22561.99%22%20y1%3D%224779.42%22%20x2%3D%221531.5%22%20y2%3D%224779.42%22%20xlink%3Ahref%3D%22%23linear-gradient%22%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22linear-gradient-3%22%20x1%3D%223376.47%22%20y1%3D%223200.92%22%20x2%3D%223376.47%22%20y2%3D%224997.98%22%20xlink%3Ahref%3D%22%23linear-gradient%22%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M5753.84%2C2c-241.41%2C0-532.39%2C195.7-532.39%2C437.12H6191C6191%2C197.72%2C5995.26%2C2%2C5753.84%2C2Z%22%20transform%3D%22translate(-561.99%20-2.02)%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22cls-2%22%20d%3D%22M999.11%2C2c241.41%2C0%2C532.39%2C195.7%2C532.39%2C437.12H562C562%2C197.72%2C757.7%2C2%2C999.11%2C2Z%22%20transform%3D%22translate(-561.99%20-2.02)%22%3E%3C%2Fpath%3E%3Cpath%20class%3D%22cls-3%22%20d%3D%22M3376.48%2C2H999.11C1284.33%2C2%2C1533.69%2C602.28%2C2005%2C1161.11c717.35%2C850.62%2C2025.68%2C850.62%2C2743%2C0C5219.25%2C602.28%2C5468.61%2C2%2C5753.83%2C2Z%22%20transform%3D%22translate(-561.99%20-2.02)%22%3E%3C%2Fpath%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%223695.49%20481.12%203584.62%20899.02%203473.74%20481.12%203473.39%20481.12%203356.35%20481.12%203356%20481.12%203245.13%20899.02%203134.25%20481.12%203000.09%20481.12%203169.66%201120.27%203186.43%201120.27%203303.82%201120.27%203414.87%20701.7%203525.92%201120.27%203643.31%201120.27%203660.09%201120.27%203829.66%20481.12%203695.49%20481.12%22%3E%3C%2Fpolygon%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%222928.87%20594.79%202928.87%20481.12%202602.77%20481.12%202602.77%20481.12%202468.6%20481.12%202468.6%201120.27%202602.77%201120.27%202602.77%201120.27%202928.87%201120.27%202928.87%201006.6%202602.77%201006.6%202602.77%20860.79%202928.87%20860.79%202928.87%20747.12%202602.77%20747.12%202602.77%20594.79%202928.87%20594.79%22%3E%3C%2Fpolygon%3E%3Cpolygon%20class%3D%22cls-4%22%20points%3D%222220.77%20481.12%202220.77%20907.84%201965.48%20481.12%201831.31%20481.12%201831.31%201120.27%201965.48%201120.27%201965.48%20686.09%202220.77%201120.27%202354.93%201120.27%202354.93%20481.12%202220.77%20481.12%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E");
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center; }

.resource-library-body .sidebar h3 { margin-bottom: 20px; }

.resource-library-body .sidebar { min-height: 1410px; border-left: thin solid rgba(124,124,130,.3); }

.resource-library-body .sidebar ul { margin: 0 0 30px; }
.resource-library-body .sidebar ul li { margin: 5px 0; }

.resource-library-body .sidebar ul li.active { 
background-color: #009ad4;
padding: 7px 11px; }

.resource-library-body .sidebar ul li.active:hover { 
background-color: #009ad4;
padding: 7px 22px; 
transition: all 100ms ease-in-out; }

.resource-library-body .sidebar ul li.active:hover a { color: #FFF !important; }

.resource-library-body .sidebar ul li:hover { 
background-color: transparent;
padding: 7px 18px; 
transition: all 100ms ease-in-out; }

.resource-library-body .sidebar ul li:hover a {  color: #009ad4 !important; }

.resource-library-body .sidebar h4 { text-transform: uppercase; }
.resource-library-body .tags { padding: 0 !important; }
.tag {
    background-color: #FFF;
    color: #354452;
    padding: 6px 9px 5px;
    border-radius: 25px;
    line-height: 35px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 5px;
    font-size: 14px;
	line-height: 20px;
    border: solid 1px #707070; }
.tag:hover {
    background-color: #d6d6d6;
    border: solid 1px #707070;
    cursor: pointer;
	color: #354452; 
    transition: background-color 0.3s ease; }
.tag.active {
    text-decoration: none;
	color: #FFF;
    border: solid 1px #0099D3;
    background-color: #0099D3 !important; 
    transition: background-color 50ms ease-in; }

.pagination-controls a.active { background-color: #3E7F06; }

.emm-bg { 
	background-color: #e5f8ff; 
	box-shadow: 3px 3px 36px rgb(0, 0, 0, 0.1); 
	margin: 20px auto; 
	padding: 20px 20px 0; }

.emm-bg h2 { font-size: 18px; color: #414141 !important; font-weight: 500; margin: 0 0 15px; }
.form-border {
	border: 2px solid #0099D3;
	border-radius: 15px;
}

/* END OF REDESIGN STYLESHEET */

.product-whats-new { background-position: left; }

.latest-post.large-7 { top: 0 !important; }

#videocontain{
    position: relative;
    overflow: hidden;
    background-color: white; }

#background_video {
    z-index: 0;
    object-fit: cover;
	width: 100%;
    height: 100%;
    top: 0;
    left: 0;
	right: 0;
	margin: auto;
	position: fixed; }

.nav {
  position: fixed;
  bottom: 0;
  right: 2%;
  height: 100%;
  list-style: none;
  z-index: 997; }

.nav:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 45px; }

.dot-nav {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  position: relative;
  z-index: 5;
  top: 33%; }

.dot-nav a {
  display: inline-block;
  background: #ddd;
  border: solid 1px #949494;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  vertical-align: middle;
}

.dot-nav a:hover {
  -webkit-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  background-color: #32B6E9; }

.dot-nav a.active { background-color: #32B6E9; }

.dot-nav li { margin: 25px 0; }

.dot-nav li span {
  opacity: 0;
  position: fixed;
  vertical-align: middle;
  color: #fff;
  background: #000;
  padding: 2px 7px;
  margin-top: 3px;
  border-radius: 4px;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  font-size: 14px;
  right: 80px; }

.dot-nav li span b {
  display: block;
  font-size: 18px;
  line-height: 1;
  margin-bottom: 5px;
}

.dot-nav li a:hover + span { opacity: 1; }

#contentcontain { position: relative; z-index: 2; }

.ps-op-product{ background-image: none !important; background-color: white !important; }

.ps-op-product:nth-of-type(odd){ background-color: #f3f8fb !important; }

.product-showcase .prod-logo { width: auto !important; }

.ps-op-product .row { position: relative; }

input.button.main-cta:hover, a.button.main-cta:hover { background: #71b13f; border-bottom: 5px solid #71b13f; }
/* Blog Pages */

.info-cards-container {
      display: none;
      padding: 10px;
    }
    .info-card {
      border: 1px solid #ccc;
      margin-bottom: 15px;
      padding: 15px;
      border-radius: 5px;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    }
    .info-card img {
      max-width: 100%;
      height: auto;
      border-radius: 5px;
      margin-bottom: 10px;
    }
    .info-card-title {
      font-size: 18px;
      margin-top: 10px;
      margin-bottom: 10px;
    }
    .info-card-list {
      padding-left: 20px;
      margin-top: 10px;
    }
  @media (max-width: 600px) {
      .info-cards-container {
        display: block;
      }
    }
    
    @media (max-width: 600px) {
    .table-block-blog{
        display: none;
      }
     .mobile-title-size{
         font-size:27px!important;
     }
     .margin-bottom{
         margin-bottom:0px!important;
     }
     .blog-post-thumb.center{
         min-height:350px;
     }
     .blog-post-thumb::after{
         bottom:372px!important;
     }
    }
    


/* INDUSTRY PAGES */

.menu.ps.in .ps-shower { margin-top: 10px; }
.menu.ps.in .ps-shower .preview-content h5 { margin: -20px auto 5px auto; }
.menu.in .link-contain a { font-size: 1em !important; }

.recent-posts p, .p-industry p { line-height: 24px; }

.ps-industry-products {
	padding: 50px 10px;
    background: url(/media/1050/oneplatform_home_mc_bg.png);
    border-top: thin solid #e0e0e0;
    min-height: 450px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
	background-repeat: no-repeat; }

.ps-industry { margin-bottom: 10px; }

.p-industry a { display: inline-block; }

.p-industry img, .brochure-item img { 
	margin-bottom: 15px;
	border: solid 1px rgba(124,124,130,0.17);  }

.ps-cod {
	text-align: center;
	padding: 30px 10px 10px; 
	background-color: #FFF; 
	border-bottom: thin solid rgba(112, 112, 112, 0.17); }

.ps-cod h2 { font-weight: bold; font-size: 24px; text-transform: uppercase;}
.ps-cod p { font-weight: 400; font-size: 18px; margin: 0 auto 10px; }

.cod-text {
	display: inline-block; 
	vertical-align: middle; 
	text-align: center; 
	padding-left: 50px; }

.ps-cod sup { top: -0.9em; }

.lp-benefits-list { margin-top: 30px; }
.icon-bg { background: #FFF; box-shadow: 0 0 3px #e8e8e8; padding: 30px 15px; min-height: 300px; display: flex; flex-direction: column; justify-content: flex-start; }
.icon-bg svg { margin: 0 auto 10px; }
.icon-bg a { text-decoration: underline; } .icon-bg a:hover { text-decoration: none; }
.icon-bg span, .icon-bg p { font-size: 15px; color: #707070;}
a.icn-hover { text-decoration: none; }
.icon-bg a.icn-hover:hover, .icon-bg a.icn-hover:focus {
text-decoration: none;
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
-webkit-transition: all .3s ease-in-out; 
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
transition: all .3s ease-in-out; }

ul.p-benefits {	margin: 30px auto 0; width: 100%; }

ul.p-benefits p strong, ul.p-benefits h3, .lp-benefits-list h3 {
	font-weight: 400;
    color: #0099d3;
    font-size: 22px;
	line-height: normal;
    margin: 0 auto 10px;
    display: block; }

.call-of-duty {
	color: #0074AA;
	margin-top: 5px;
    font-size: 24px;
	font-weight: bold;
    text-transform: uppercase; }

.hero-area .button-1  { margin-right: 8px; }
/*.ps-industry > .button*/
.p-benefits li { padding: 15px 18px; }

.p-benefits span {
	color: #707070;
	text-align: center;
	display: block;
	font-size: 15px;
	line-height: 25px;
	/*padding: 0 10px;
	max-width: 430px;*/
    margin: auto; }

.curly-quotes { 
    position: relative;
    border: none; 
    padding: 0px 30px 10px 40px;
    font-size: 17px; 
    color: #000; }

.curly-quotes span { font-size: 22px; padding: 0; }

.curly-quotes:before {
	position: absolute;
	top: -20px;
    left: -20px;
    content: '\201C';
    margin-right: 4px;
    margin-left: -10px; }

.curly-quotes:before, .curly-quotes:after {
	color: #0074ab;
    text-shadow: 1px 1px #a7a7a7;
	font-family: Georgia, serif;
    display: inline-block;
    vertical-align: top;
    height: 70px;
    line-height: normal;
    font-size: 120px; }

.curly-quotes:after {
	position: absolute;
	bottom: 0px;
    right: 0;
    content: '\201D';
    margin-left: 4px;
    margin-right: -8px; }

.quote-by {
	color: #0074AA;
    display: block;
    padding-right: 20px;
    text-align: right;
	font-weight: bold; }

.lp-list a { margin-bottom: 20px; }
.lp-list h3 { font-size: 20px; color: #0074AA; margin: 10px auto; }
.lp-list p { color: #707070; display: block; margin: 0 auto 10px; max-width: 360px; }

.icon-row { width: 20%; display: table-cell; vertical-align: middle; text-align: center; }
.desc-row { width: 80%; display: table-cell; vertical-align: middle; padding-left: 10px; }
.desc-row span { text-align: left; }


/* Product Testimonials */

.product-testimonials .slick-dots li button {background: rgb(255,255,255,0.3);}
.product-testimonials .slick-dots li { margin: 10px 5px !important; height: 0; width: 20px; }
.product-testimonials .slick-dots li.slick-active button { background: #FFF; }

.product-testimonials img {
    max-width: 120px;
    border-radius: 100%;
    margin: 0 auto 30px;
    display: block;
    background: #FFF; }

.product-testimonials .curly-quotes {
    font-size: 1.10em; 
	text-align: center; }
    
.product-testimonials .curly-quotes:before, .product-testimonials .curly-quotes:after {
    font-size: 60px; }

.product-testimonials .curly-quotes:before { top: -5px; left: 20px; }
.product-testimonials .curly-quotes:after { right: 10px; }

.product-testimonials .quote-by {
	font-size: 1.125em;
	font-weight: normal;
    text-align: center; }


.retail img, .customer-item img {
	background-color: rgba(124,124,130,0.05);
	border: solid 1px rgba(124,124,130,0.17);
	height: auto;
    width: 200px;
    padding: 20px;
    max-height: 100%; }

.retail img:hover, .customer-item img:hover {
	background-color: rgba(124,124,130,0.15);
    filter: none;
    -webkit-filter: none;
    filter: none;
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    opacity: 1; }

.covid-video { margin-top: 45px; }

#center-single-video > .vidyard-player-container { width: 50% !important;} 
#center-single-video img.vidyard-player-embed { width: 50% !important; } 

.vidyard-player-container { 
	margin: 0 auto;
	box-shadow: 1px 1px 15px rgb(0, 0, 0, 0.1); }


/* BUTTONS */
.dark-grey-btn {
    background: #7c7c81 !important;
	border-bottom: 5px solid #6b6b71 !important; }
.dark-grey-btn:hover {
	background: #6b6b71 !important; }

.dark-blue-btn {
    background: #0074ab !important;
	border-bottom: 5px solid #025d88 !important; }
.dark-blue-btn:hover {
	background: #025d88 !important; }

.pebble-btn {
    background: #7C7C81 !important;
	border-bottom: 5px solid #5f5f65 !important; }
.pebble-btn:hover {
	background: #5f5f65 !important; }

.sunset-btn {
    background: #FBAD1C !important;
	border-bottom: 5px solid #d6951d !important; }
.sunset-btn:hover {
	background: #d6951d !important; }

.blaze-btn {
	background: #F26B21 !important;
	border-bottom: solid 5px #e0601a !important; }
.blaze-btn:hover {
	background: #e0601a !important; }

.starfish-btn {
	background: #FFF100 !important;
	color: #000 !important;
	border-bottom: solid 5px #e2d828 !important; }
.starfish-btn:hover {
	background: #e2d828 !important; }

.marine-btn {
	background: #AED255 !important;
	border-bottom: solid 5px #9cbf46 !important; }
.marine-btn:hover {
	background: #9cbf46 !important; }

.soti-blue-btn {
	background: #0074ab !important;
	border-bottom: solid 5px #005b86 !important; }
.soti-blue-btn:hover {
	background: #005b86 !important; }

.electric-btn {
	background: #33b6ea !important;
	border-bottom: solid 5px #2595c1 !important; }
.electric-btn:hover {
	background: #2595c1 !important; }

.wave-btn {
	background: #0099D3 !important;
	border-bottom: solid 5px #0a7eab !important; }
.wave-btn:hover {
	background: #0a7eab !important; }

.coral-btn {
	background: #F1614F !important;
	border-bottom: solid 5px #c15041 !important; }
.coral-btn:hover {
	background: #c15041 !important; }

.crush-btn {
    background: #AC1A15 !important;
	border-bottom: 5px solid #E32722 !important; }
.crush-btn:hover {
	background: #E32722 !important; }

.seaweed-btn {
    background: #7AC142 !important;
	border-bottom: 5px solid #7AC142 !important; }
.seaweed-btn:hover {
	background: #69a23b !important; }

.foot-notes { 
	background: #FFF;
	padding: 0px 10px 50px 10px; 
	font-size: small; 
	font-style: italic; }

.foot-notes p { line-height: 24px; }

.foot-notes .row {
	padding-top: 30px;
	border-top: thin solid #e0e0e0; }


/* CUSTOMER STORIES */

.cs-info { max-width: 100%; margin: auto; }
.cs-info h2 { font-size: 22px; font-weight: 500; }
.cs-label { text-transform: uppercase; font-size: 15px; font-weight: 500; line-height: normal; }
.bg-triangle-info { max-width: 740px; margin: auto; text-align: center; position: relative; z-index: 1; }
.bg-triangle.no-video { height: 130px; }

.bg-triangle { position: relative;width: 100%; height: 200px; }
.bg-triangle-one {
	position: absolute;
	right: 0;
	bottom: 0;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 200px 50vw 0 0;
	z-index: 0; }

.bg-triangle-two {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 49vw 200px 0;
	z-index: 0; }

section.customer-stories.delivery-hero { background: #d82b2a; }
section.customer-stories.delivery-hero .bg-triangle-one { border-color: #d82b2a #FFF transparent transparent; }
section.customer-stories.delivery-hero .bg-triangle-two { border-color:  transparent #d82b2a #FFF transparent; }
.delivery-hero .cs-info h2 { color: #d82b2a; }

section.customer-stories.fraport { background: #124b98; }
section.customer-stories.fraport .bg-triangle-one { border-color: #124b98 #FFF transparent transparent; }
section.customer-stories.fraport .bg-triangle-two { border-color:  transparent #124b98 #FFF transparent; }
.fraport .cs-info h2 { color: #124b98; }

section.customer-stories.innserve { background: #a12e26; }
section.customer-stories.innserve .bg-triangle-one { border-color: #a12e26 #FFF transparent transparent; }
section.customer-stories.innserve .bg-triangle-two { border-color:  transparent #a12e26 #FFF transparent; }
.innserve .cs-info h2 { color: #a12e26; }

section.customer-stories.apm { background: #2E7F17; }
section.customer-stories.apm .bg-triangle-one { border-color: #2E7F17 #FFF transparent transparent; }
section.customer-stories.apm .bg-triangle-two { border-color:  transparent #2E7F17 #FFF transparent; }
.apm .cs-info h2 { color: #2E7F17; } 

section.customer-stories.wisetrack { background: #236172; }
section.customer-stories.wisetrack .bg-triangle-one { border-color: #236172 #FFF transparent transparent; }
section.customer-stories.wisetrack .bg-triangle-two { border-color:  transparent #236172 #FFF transparent; }
.wisetrack .cs-info h2 { color: #236172; }


section.customer-stories .slide { padding-top: 50px; }
.video-snapshot {
	animation: fadeInAnimation ease 900ms;
	position: relative;
    z-index: 1;
    margin: -160px auto 0;
    display: block;
	max-width: 640px; }
ul.cs-icons { margin: 50px auto 0; filter: grayscale(1); opacity: 0.6; }
ul.cs-icons p strong {
    font-weight: 100;
    font-size: 18px;
    margin: 0 auto 10px;
    display: block; }
.cs-challenge p { font-size: 16px !important; color: #707070; line-height: 27px; letter-spacing: 0.0099em; }

.cs-testimonial { padding: 0; margin: auto; border-left: none; position: relative; }
.cs-testimonial h3 { color: #FFF; font-size: 25px; line-height: 36px; margin-bottom: 0; }
.cs-author { color: #FFF;font-size: 24px; font-weight: 100; line-height: 30px; margin-bottom: 20px; }

.cs-testimonial .inner { max-width: 94%; padding: 50px 0; margin: auto; }
.cs-testimonial .inner h3:before {
	position: relative;
	top: 45px;
	left: 0;
	right: 0;
	margin-right: 10px;
	content: '\201C';
	color: rgb(171,171,171,0.25);
	font-family: Georgia, serif;
	display: inline-block;
	vertical-align: top;
	font-size: 130px;
	line-height: 0; }

.cs-testimonial .inner h3:after {
	position: relative;
	top: 15px;
	left: 10px;
	right: 0;
	content: '\201D';
	color: rgb(171,171,171,0.25);
	font-family: Georgia, serif;
	display: inline-block;
	vertical-align: top;
	font-size: 130px;
	line-height: 80px; }

.product-footer .header-div { max-width: 1270px; width: 100%; }
.header-div { max-width: 1310px; margin: 0 auto 25px; text-align: center; }


/* BLOG */

.blog-post-container a { text-decoration: underline; }
.blog-post-container a:hover, .blog-post-container a:focus { text-decoration: none; }

.highlight-content {
	padding: 45px 25px;
	background: #e2f7fe;
	border: solid 1px rgb(0,116,170, 0.10);
	margin: 30px auto; }
.highlight-content a { color: #0074aa; font-size: 18px; font-weight: 500; text-decoration: underline; }
.highlight-content a:hover { text-decoration: none; }
.highlight-text { color: #0074aa; font-weight: 500; }
span.check-box:after { content: '\2714'; font-size: 20px; text-align: center; margin: auto; display: block; }
span.cross-box:after { content: '\2718'; font-size: 20px; text-align: center; margin: auto; display: block; }

span.asterisk, span.before-asterisk { position: relative; }
span.before-asterisk:before {
	content: '*';
	display: inline-block;
	clear: both;
	font-weight: 500;
	font-size: 22px;
	color: #0074AA;
	line-height: normal; 
	position: absolute; }
span.asterisk:after {
	content: '*';
	display: inline-block;
	clear: both;
	font-weight: 500;
	font-size: 22px;
	color: #0074AA;
	line-height: normal; 
	position: absolute; }

/* SHARE WIDGET */

#blog-sharing.share-bar {
	text-align: left;
	margin: 0 0 40px 0; }
.share-bar .share-icons a svg{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	border-radius: 3px; }
.share-bar .share-icons a:first-child svg {
	background: rgb(0, 123, 181);  
    display: inline-block;
    vertical-align: middle; }
.share-bar .share-icons a:nth-child(2) svg {
	background: rgb(85, 172, 238); 
    display: inline-block;
    vertical-align: middle;}
.share-bar .share-icons a:nth-child(3) svg {
	width: 21px;
    height: 21px;
    margin: 5px auto;
    display: block;
	fill: #FFF; }
.share-bar .a2a_label { display: none; }
.share-bar .share-icons a { margin-right: 2px; }
.ps-solutions { border: none; }
.ps-solutions .solution-shower div.inner img { margin-bottom: 10px;}

.zebra-table-header{
	display: inline-block; width: 200px; vertical-align: top;
}
.zebra-table-header img{
	width: 100px; display: block; margin: auto;
}
.zebra-table-header .product-list{
	margin-top: 20px; height: 200px;
}
.zebra-table-header .product-list li{ text-align: left; }

.printers-zebra {
	width: 100%;
	margin:auto;
	border: 1px solid black;
	border-collapse: collapse;
	padding:auto;
}
.printers-zebra td{
	padding: 15px;
	border-right: 1px solid;		
	vertical-align: top;
}

@media screen and (min-width: 600px){
	.printers-zebra {
		width: 60%;	
	}
}
/* EMM + MDM */

.gif-element { position: relative; }


a.benefits-gif {
	padding: 10px;
	display: block;
	position: relative; 
	overflow: hidden; }

.disabled { cursor: context-menu !important; }

a.benefits-gif:hover {
	background: rgb(0, 0, 0, 0.05);
    transition: all 300ms ease; }

a.benefits-gif .padding-left { padding-left: 15px !important; }

.vid-overlay:after {
	content: '';
    display: flex;
    align-items: center;
    justify-content: center;
	clear: both;
    position: absolute;
    z-index: -1;
    bottom: -300px;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(12,116,170,.8);
	border-radius: 6px;
    transition: all .5s cubic-bezier(.175,.885,.32,1.275); }

a.benefits-gif:hover .vid-overlay:after { bottom: 0; z-index: 1; }

.vid-overlay span {
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    position: absolute;
    z-index: 9;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%; }

.play-icon-overlay:after {
	background: url(/media/3663/play-icon-red.svg);
	background-size: 23%;
	background-repeat: no-repeat;
	background-position: center;
	content: '';
    display: flex;
    align-items: center;
    justify-content: center;
	clear: both;
    position: absolute;
    z-index: -1;
    bottom: -330px;
    left: 0;
    width: 95%;
    height: 100%;
    background-color: rgba(12,116,170,0.5);
	border-radius: 6px;
    transition: all .5s cubic-bezier(.175,.885,.32,1.275); }

.vidyard-video.play-icon-overlay { position: relative; animation: fadeInAnimation ease 2s; }

.vidyard-video.play-icon-overlay:after {
	animation: fadeIn 3s both;
	z-index: 1;
	bottom: 0; 
	width: 100%;
	background-size: 120px;
	background-color: rgb(0,0,0, 0.2); }
.vidyard-video:hover.play-icon-overlay:after { background-color: rgba(0,0,0,0); }

a.benefits-gif:hover .play-icon-overlay:after { bottom: 0; z-index: 1; }

.vid-overlay span, .play-icon-overlay span { opacity: 0; }
a.benefits-gif:hover .vid-overlay span, a.benefits-gif:hover .play-icon-overlay span { opacity: 1; transition: opacity 400ms linear; }

#rlcontainer a.benefits-gif { padding: 0; }
#rlcontainer .play-icon-overlay {
    position: relative;
    transition: all 300ms ease; }

#rlcontainer .play-icon-overlay:after { border-radius: 0; }

#rlcontainer a.benefits-gif:hover {
	background: none;
    transition: all 300ms ease; }

@media only screen and (min-width: 768px) {
  
  .button-EMM-yellow-mobile-only {
    display: none;
  }
}

/* ABOUT US */

.about-us-list { margin: 10px 0px; }

.about-us-list li span {
	display: flex;
    flex-direction: column;
	align-items: center;
    justify-content: center;
	background: #f1f1f1;
	border: thin solid rgba(124,124,130,.15);
	padding: 8px;
	width: 100%;
	min-height: 110px;
	font-size: 16px;
	color: #0c74aa;
    margin: 0 auto;
	text-align: center;
}

.about-intro .large-7 { padding-left: 0; top: 0 !important; }
ul#imagesWrapper { width: 100%; max-width: 1000px; margin: 0 auto; display: block; position: relative; text-align: center;}
ul#imagesWrapper li { display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px; }


/* CHAT BOX FIX */

.sidebarHeader[embeddedService-chatHeader_chatHeader] { background: #0074aa !important; }

button.minimizeButton, button.closeButton {
    margin: 0 auto !important;
    display: block;
    overflow: hidden;
    box-shadow: none; }

button:hover[embeddedService-chatHeader_chatHeader]:before { width: 100%; }

button.minimizeButton svg, button.closeButton svg {
    width: 30px;
    height: 30px;
    color: #FFF;
    fill: #FFF;
    position: absolute;
    margin: auto;
    top: 0;
    left: 10px; }

button.minimizeButton svg {
    top: -10px; }

button:hover[embeddedService-chatHeader_chatHeader]:before {
    top: 0 !important;
    left: 0;
    width: 100% !important; }
    
button.minimizeButton:hover[embeddedService-chatHeader_chatHeader]:before { right: 0; }

section.content { min-height: 100% !important; }
footer { margin-top: -3px !important; filter: blur(0); }

.lp-preloader {
    background-image: url(../images/loader.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px; 
	transition: all 100ms ease-in-out; }


.ps-benefits .lp-snap-inner { 
	padding: 25px;
    background-repeat: no-repeat;
    background-position: right;
    position: relative;
    overflow: hidden;
    text-align: right;
    border-radius: 5px;
	background-color: #595959; }

.ps-benefits .lp-snap-inner h3 { color: #FFF; font-weight: 100; }

.ps-benefits .lp-snap-inner .bg-image {
    position: absolute;
    height: 120px;
    width: 120px;
    bottom: -10px;
    left: -10px;
    opacity: .4;
    transform: rotate(-10deg);
    transition: all .3s cubic-bezier(.175,.885,.32,1.275); }

.ps-benefits .lp-snap-inner:hover .bg-image {
    bottom: -5px;
    opacity: 1;
    z-index: 2; }

.ps-benefits .lp-snap-inner svg { fill: #FFF; }

/* SOTI SERVICES */

.icon-table {
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(229,248,255,1) 20%);
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(229,248,255,1) 20%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(229,248,255,1) 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#e5f8ff',GradientType=1 );
    margin: 20px 0 40px !important;
    text-align: left;
    position: relative; }

.icon-box, .icon-desc {display: inline-block;vertical-align: middle;} 
.icon-desc {padding: 20px;text-align: left;position: relative;width: 80%;}
.icon-desc p { line-height: 25px; }
.icon-box {
    text-align: center;
    border: solid 5px #ffffff;
    border-radius: 100%;
    width: 150px;
    height: 150px;
    z-index: 1;
    background: #e5f8ff;
    padding: 25px; }

.icon-box svg { height: auto; }
.icon-desc h3 { margin: 0; ; }
ul.services-features >li { margin-bottom: 20px; }

.availability-list {
	list-style: disc;
	padding-left: 20px; }

#comparison-table { 
width: 100%; 
overflow-x: scroll;  
border-bottom: solid 1px #D0D0D0; 
border-left: solid 1px #D0D0D0; 
border-right: solid 1px #D0D0D0;}  

#comparison-table tr { background: #FDFDFD; height: 30px;}

#comparison-table thead tr th:nth-child(1) { width: 20% }
#comparison-table thead tr th { color: #FFF; width: 16%; }
#comparison-table thead tr th:nth-child(1) { background: #7C7C81; }
#comparison-table thead tr th:nth-child(2) { background: #0099D3; }
#comparison-table thead tr th:nth-child(3) { background: #f16150; }
#comparison-table thead tr th:nth-child(4) { background: #ef494f; }
#comparison-table thead tr th:nth-child(5) { background: #2d9546; }
#comparison-table thead tr th:nth-child(6) { background: #2d5b00; }
#comparison-table tr.subheader { background: #0099D3; color: #FFF; }

#comparison-table tr:nth-child(odd) td:nth-child(1) { background: rgb(124, 124, 129,0.05);}
#comparison-table tr:nth-child(odd) td:nth-child(2) { background: rgb(0, 153, 211, 0.05); }
#comparison-table tr:nth-child(odd) td:nth-child(3) { background: rgb(241, 97, 80, 0.05);}
#comparison-table tr:nth-child(odd) td:nth-child(4) { background: rgb(239, 73, 79, 0.60);}
#comparison-table tr:nth-child(odd) td:nth-child(5) { background: rgb(45, 149, 70, 0.05); }
#comparison-table tr:nth-child(odd) td:nth-child(6) { background: rgb(45, 149, 70, 0.60);  }

#comparison-table tr:nth-child(even) td:nth-child(1) { background: rgb(124, 124, 129,0.20);}
#comparison-table tr:nth-child(even) td:nth-child(2) { background: rgb(0, 153, 211, 0.20); }
#comparison-table tr:nth-child(even) td:nth-child(3) { background: rgb(2241, 97, 80, 0.20); }
#comparison-table tr:nth-child(even) td:nth-child(4) { background: rgb(239, 73, 79, 0.40); }
#comparison-table tr:nth-child(even) td:nth-child(5) { background: rgb(45, 149, 70, 0.20); }
#comparison-table tr:nth-child(even) td:nth-child(6) { background: rgb(45, 149, 70, 0.40); }

#comparison-table tr th, #comparison-table tr td {
    padding: 10px;
    line-height: 22px;
    text-align: center;
    border-top: solid 1px transparent;
    border-left: solid 1px #e8e8e8;
    border-right: solid 1px #e8e8e8; }

#comparison-table tr:nth-child(odd):hover td:nth-child(1) { background: rgb(0, 0, 0, 0.3) !important; }
#comparison-table tr:nth-child(odd):hover td:nth-child(2) { background: rgb(0, 153, 211, 0.65) !important; }
#comparison-table tr:nth-child(odd):hover td:nth-child(3) { background: rgb(2241, 97, 80, 0.65) !important; }
#comparison-table tr:nth-child(odd):hover td:nth-child(4) { background: rgb(239, 73, 79, 0.75) !important; }
#comparison-table tr:nth-child(odd):hover td:nth-child(5) { background: rgb(45, 149, 70, 0.65) !important; }
#comparison-table tr:nth-child(odd):hover td:nth-child(6) { background: rgb(45, 149, 70, 0.75) !important; }

#comparison-table tr:nth-child(even):hover td:nth-child(1) { background: rgb(124, 124, 129, 0.75)!important;}
#comparison-table tr:nth-child(even):hover td:nth-child(2) { background: rgb(0, 153, 211, 0.75)!important; }
#comparison-table tr:nth-child(even):hover td:nth-child(3) { background: rgb(241, 97, 80, 0.75)!important; }
#comparison-table tr:nth-child(even):hover td:nth-child(4) { background: rgb(239, 73, 79, 0.85)!important;  }
#comparison-table tr:nth-child(even):hover td:nth-child(5) { background: rgb(45, 149, 70, 0.75) !important; }
#comparison-table tr:nth-child(even):hover td:nth-child(6) { background: rgb(45, 149, 70, 0.85) !important; }

/*empty*/
#comparison-table tr:nth-child(1) td.empty, #comparison-table tr:nth-child(3) td.empty { background: rgb(124, 124, 129,0.05) !important; }
#comparison-table tr:nth-child(2) td.empty, #comparison-table tr:nth-child(4) td.empty { background: rgb(124, 124, 129,0.15) !important; }

#comparison-table tr:nth-child(1):hover td.empty, #comparison-table tr:nth-child(3):hover td.empty { background: rgb(0, 0, 0,0.3)!important; }
#comparison-table tr:nth-child(2):hover td.empty, #comparison-table tr:nth-child(4):hover td.empty { background: rgb(124, 124, 129,0.75)!important; }

.emm-form, .emm-desc { padding: 0; }

/* Digital Journey */

.agenda-wrapper { border-bottom: solid 1px #dadada; margin: 30px 0; overflow: hidden; }
.agenda-wrapper .timeslot { 
display: block; 
width: 100%;
border: solid 1px #dadada;
border-bottom: none; }

.agenda-wrapper .timeslot:nth-child(odd) {background: #f5f5f5;}

.agenda-wrapper .timeslot div { 
padding: 15px 25px;
display: inline-block; 
vertical-align: middle; }
.agenda-wrapper .timeslot .time { width: 33%; }
.agenda-wrapper .timeslot .agenda { width: 66%; border-left: solid 1px #dadada; }


/*.zebra-banner { background: #0074AA url('/media/3439/zebra-fhd-banner.jpg'); }
.airbus-banner { background: #466886 url('/media/3495/airbus-fhd-banner.png'); }
.kochi-banner { background: #f2edf4 url('/media/3519/kochi-fhd-banner.png'); }*/

.why-soti { 
    /*background: #FFF url(/images/careers_intro_bg.jpg);*/
    padding-top: 50px;
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed; }

.talent-quest { 
    /*background: #FFF url(/images/careers/powder_workplace.png);*/
    padding-top: 50px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed; }

.roadshow-gallery { 
    /*background: #FFF url(/images/careers/powder_liefatsoti.png);*/
    padding-top: 50px;
    background-position: bottom left;
    background-repeat: no-repeat;
    background-attachment: fixed; }

.kochi-faq.ps-solutions .solution-shower { margin: 0 20px 20px; }
.kochi-faq.ps-solutions .solution-shower .inner:nth-child(5) { overflow-y: scroll; height: 350px; -webkit-overflow-scrolling: touch; }
.kochi-faq ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 9px;
  border: solid thin #e8e8e8;
}

.kochi-faq ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, .5);
  box-shadow: 0 0 1px rgba(255, 255, 255, .5); }

/* MOBICONTROL TRIAL FORM */
 form#mcdownloadForm fieldset .large-12 div:nth-child(1) label {
     line-height: 20px;
     margin-bottom: 10px; }

form#mcdownloadForm .comID .large-6.columns { 
	padding: 0 !important; }

form#mcdownloadForm .comID #identityTenantName { 
	box-shadow: none !important; }

form#mcdownloadForm .comID .large-6.columns:nth-child(2) .postfix {
	margin-left: -5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	background: #fff;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1);
	-webkit-transition: -webkit-box-shadow .45s,border-color .45s ease-in-out;
	-moz-transition: -moz-box-shadow .45s,border-color .45s ease-in-out;
	transition: box-shadow .45s,border-color .45s ease-in-out; }

/*.page-wrapper.activatePage.trial-new { margin-top: 20px; }*/

/*SOTI XSight Product Page*/    
.box{
	color:white;border-radius:6px;
	text-align: center;padding: 25px;
}
.case1{
color:green;	
}
	a.case1{
     color: white;
}  
 .bg-light-yellow{
	 background-color:#0074aa;
	     padding: 0px;
 }

/* FAQ ACCORDION */

.faq-wrapper h3 { margin-bottom: 20px; }
.faq-wrapper .sidebar { min-height: 100%; }
.faq-wrapper .sidebar ul li:nth-child(1) { margin-left: 0 !important; }
.faq-wrapper .sidebar ul li:nth-child(1):before { content: '' !important; }
.faq-wrapper .sidebar ul li:nth-child(-n+9) { position: relative; margin: 0 0 0 30px; }
.faq-wrapper .sidebar ul li:nth-child(-n+9):before {
	content:'\2022';
	font-size: 30px;
	line-height: 20px;
	display: inline-block;
	vertical-align: middle;
	color: #0074AA;
	margin-right: 10px; }

.faq-wrapper .sidebar ul li.active:nth-child(-n+9) { position: relative; margin: 0 0 0 20px; }
.faq-wrapper .sidebar ul li.active:nth-child(-n+9):before { color: #FFF; }

.accordion { position: relative; }

.panel-title { display: block; }

.panel-title:hover { text-decoration: none; }

h3.panel-title {
font-size: 17px;
border-radius: 5px;
transition: all 0.3s ease-out;
position: relative;
margin: 0;
font-weight: 400;
text-transform: inherit; }

.panel-title a { 
border: solid 1px #009ad4;
background: #FFF;
padding: 15px 35px 15px 20px;
margin-bottom: 0px;
color: #0c74aa;
font-weight: 500;
display: block; 
max-width: 100%; 
text-decoration: none !important;
outline: none;
box-shadow: none;
border-radius: 5px;
-o-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out; }

.panel-title a:hover { 
padding-left: 30px;
transition: all 100ms ease-in-out; }

.panel-title a:focus { 
background: #009ad4;
color: #ffffff; }

.panel-title a:hover:after { color: #009ad4; }
.panel-title a.active:hover:after, .panel-title a:focus:after { color: #FFF; }

.panel-title a:after {
color: #0c74aa;
font-size: 15px;
content: "\e61a";
font-family: 'themify';
font-weight: bold;
position: absolute;
top: 50%;
right: 20px;
-webkit-transform: translate(50%, -50%);
-moz-transform: translate(50%, -50%);
transform: translate(50%, -50%); }

.panel-title a.active {
background: #009ad4;
color: #ffffff; 
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }

.panel-title a.active:after {
content: "\e622";
color: #ffffff; }

.panel-title a em {
float: right;
margin-right: 20px; }

.panel-title h3 a em span { display: none; }

.panel-content { 
border: solid thin #009ad4;
padding: 20px;
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; }

/* 404 ERROR PAGE */

#anim_container {     
	-webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
	transform: scale(1.2); }

#anim_container span {
	position: absolute;
	top: 0;
	right: 0;
	width: 250px;
	height: 35px;
	background: #FDFDFD;
	z-index: 1; }

.pnf-lp:nth-child(1) {
	background: url('/media/3964/blob.svg') no-repeat;
	background-size: 1300px;
	background-position: 50% 80%; }

.pnf-lp .slide { padding-bottom: 20px; }

.pnf-lp h1 {
	font-size: 120px; 
	color: #0074AA; 
	font-weight: 400; 
	text-transform: uppercase; 
	line-height: normal; }

.pnf-lp h1 span {
	display: block; font-size: 33px; font-weight: 100; }

.pnf-lp h2 { }

.pnf-list a { margin-bottom: 30px; text-align: center; position: relative; }
.pnf-list h3 { font-size: 20px; color: #0074AA; margin-bottom: 10px; }
.pnf-lp .large-5 p { color: #0074AA; font-weight: 100; font-size: 30px; max-width: 470px; line-height: normal; }
.pnf-list p { color: #707070; min-height: 80px; max-width: 400px; margin: 0 auto; }

.pnf-list { margin-top: 40px; }
.pnf-list li:nth-child(1) .inner-icon { background-color: #0074AA; }
.pnf-list li:nth-child(2) .inner-icon { background-color: #38B8E9; }
.pnf-list li:nth-child(3) .inner-icon { background-color: #326407; }
.pnf-list li:nth-child(4) .inner-icon { background-color: #D24242; }
.pnf-list li:nth-child(5) .inner-icon { background-color: #D84001; }
.pnf-list li:nth-child(6) .inner-icon { background-color: #707070; }

.pnf-list svg, .pnf-list img { 
    margin: 0 auto;
    display: block;
    fill: #FFF;
    position: relative;
	top: auto;
    height: 130px;
    line-height: 130px;
    text-align: center;
	animation: fadeIn 1.2s both; }

.flex-container { width: 100%; display: flex; flex-direction: row; margin: 40px auto; flex-grow: 1; }
.flex-container div { padding: 30px 20px !important; border-radius: 6px; border: solid 1px rgb(0,116,170,0.05); }
ul.kochi-list li { line-height: 35px; }

/* NEW SLIDER BANNER */
#slider-banner.hero-area{ height: 600px; }
#slider-banner { animation: fadeIn 1s both; overflow: hidden; }
#slider-banner .slider { height: 600px; }

#slider-banner .banner-item {
    display: block !important;
    position: relative;
    overflow: hidden; }

#slider-banner .banner-bg { background-size: cover; background-repeat: no-repeat; background-position: center; }
#slider-banner .banner-bgart { background-size: cover; background-repeat: no-repeat; }

#slider-banner .banner-content {
	padding-top: 50px;
    height: 600px;
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center; }

#slider-banner .caption {
    position: relative;
    top: auto;
    left: auto;
    transform: none; 
	padding: 0; }

#slider-banner .slick-active .banner-item h1, #slider-banner .slick-active #aerospace-logo { animation: fadeIn 500ms both; }
#slider-banner h1 { color: #FFF; margin: 0 0 30px; }

#slider-banner .slick-active .homepage-industries .caption h1, .homepage-may2021-banner .caption h1, #slider-banner .slick-active .homepage-industries .homepage-art .caption h1 {font-size: 40px;}
.homepage-industries .caption h1, .homepage-may2021-banner .caption h1, .homepage-industries .homepage-art .caption h1 {font-size: 36px;}

/*for xsight homepage*/
#slider-banner .slick-active .homepage-xsight .homepage-art .caption h1 {font-size: 40px;}
.homepage-xsight .homepage-art .caption h1 {font-size: 36px;}

#aerospace-logo { 
 	background-image: url('/media/3647/soti-aerospace.svg');
 	background-size: contain;
 	background-repeat: no-repeat;
 	width: 100%;
 	max-width: 1110px;
 	height: 100px;
 	display: block; }

#slider-banner img#drone {
  animation: MoveUpDown 3s ease-in-out infinite;
  position: absolute;
  width: 90%;
  left: 55px;
  bottom: -30px;
}

@keyframes MoveUpDown {
  0%, 100% {
    bottom: -30px;
  }
  50% {
    bottom: 0;
  }
}

#slider-banner .slick-dots li button:before { content: ''; }
#slider-banner ul.slick-dots { bottom: 20px; }
#slider-banner .slick-dots li {
	display: inline-block !important;
	vertical-align: middle;
	margin: 30px 0 0 !important; }

#slider-banner .slick-dots li button {
    background: #707070;
    border: none;
    outline: none;
	color: #FFF;
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    cursor: pointer; }

#slider-banner .slick-dots li.slick-active button { background: #0074AA; }


@media (max-width: 1400px) {
	#slider-banner .slick-active .homepage-industries .caption h1, .homepage-may2021-banner .caption h1, #slider-banner .slick-active .homepage-industries .homepage-xsight .homepage-art .caption h1 { font-size: 36px; }
}


/* AEROSPACE */

/* Aerospace nav initial state */
.aerospace header {
    background: #0074aa !important; 
    border-bottom: none; 
}
.aerospace header.active, .aerospace header:hover, .aerospace header .mobile-nav-btn span  {
    background-color: #FFF !important;
    transition: all 200ms ease-in-out;
} 
.aerospace header nav span>a, 
.aerospace header .link-bar a { color: #FFF; }

.aerospace header .soti-logo { fill: #FFF; }

/* Aerospace nav hover state */
.aerospace header:hover {
    background: #FFF !important; 
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); 
}
.aerospace header:hover {
    background-color: #FFF !important;
    transition: all 200ms ease-in-out;
} 
.aerospace header.active nav span>a, .aerospace header:hover nav span>a, 
.aerospace header.active .link-bar a, .aerospace header:hover .link-bar a { color: #0074AA; }
.aerospace header.active .soti-logo, .aerospace header:hover .soti-logo { fill: #0074AA; }
.aerospace header.active .mobile-nav-btn span, .aerospace header:hover .mobile-nav-btn span { background: #0074AA !important; }


.spacecontainer {
    background-image: url('/media/3646/sky-banner.jpg'); 
    background-attachment: fixed;
    background-size: cover;
	background-position: center;
    background-repeat: no-repeat; }

.spacecontainer {
    width: 100%;
    height: 120vh;
    display: flex;
	flex-direction: column;
    margin: 0 auto;
	padding: 50px 20px;
    justify-content: center;
    align-items: center; 
    position: relative; }

.spacecontainer .row { position: relative; z-index: 1; }

.space-overlay:after {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 150vh;
	background-color: rgba(246,246,246, 0.5);
	backdrop-filter: blur(0px);
	z-index: 0; }

#aerospace-wrapper h2 { 
    font-size: 3.4em; 
    font-weight: 100; 
	line-height: normal;
    text-transform: uppercase; }
#aerospace-wrapper h2 span { font-weight: 400; display: block; }

#aerospace-wrapper h3 { 
    color: #0099D3;
    font-weight: 500; 
    font-size: 1.8em; }

#aerospace-wrapper p { 
	font-size: 1.3em; 
	font-weight: 100; 
	line-height: 1.5em; }

#aerospace-lp .row { margin-bottom: 15%; }
#aerospace-lp h1 { margin-bottom: 30px; animation: fadeInUp 1.5s both; }
#aerospace-lp h2 {
	color: #FFF; 
	text-shadow: 3px 3px 36px rgb(0, 0, 0, 0.3);
	text-transform: lowercase;
    animation: fadeInAnimation cubic-bezier(0.55, 0.09, 0.68, 0.53) 2s both;
    animation-iteration-count: 1; }

#aerospace-lp .logo { 
 	background-image: url('/media/3647/soti-aerospace.svg');
 	background-size: contain;
 	background-repeat: no-repeat;
 	width: 100%;
 	max-width: 1110px;
 	height: 150px;
 	display: block; }

#aerospace-intro p {
	font-size: 2.1em;
	max-width: 710px; 
	margin: auto; }

#aerospace-tagline { position: relative; }
#aerospace-tagline:before {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	background: #0074AA url(/media/3688/3d-wave-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	/*background-position: bottom;*/
	z-index: 1; }


#aerospace-tagline .content { max-width: 690px; }
#aerospace-tagline h2 { max-width: 860px; margin: 0 auto 80px; }

.aerospace-video { width: 60%; margin: auto; margin-top: 25px; margin-bottom: 20px;}

#aerospace-carl { background: #235B89 !important; color: #FFF; z-index: 2; }
#aerospace-carl .large-8 { padding-left: 5.5vw; }
#aerospace-carl h3 { color: #87DDFE; }

#aerospace-carl h3.ceo { 
    font-size: 2vw; 
    color: #FFF; 
    text-align: center; 
    margin: 20px auto; }

#aerospace-carl h3.ceo span { 
    font-size: 75%; 
    display: block; 
    font-weight: 300; }

#aerospace-carl .curly-quotes { color: #FFF; padding: 0px 30px 10px 60px; }
#aerospace-carl .curly-quotes:before, #aerospace-carl .curly-quotes:after { font-size: 200px; color: #87DDFE; text-shadow: none; }
#aerospace-carl p { color: #FFF; }


#aerospace-carl img, #aerospace-research img { max-width: 330px; width: 100%; margin: 0 auto; display: block; }
#aerospace-research img { margin-bottom: 50px; }

#aerospace-remote img { width: 90%; max-width: 590px; display: block; }
#aerospace-remote h3 span { font-size: 85%; font-weight: 200; display: block; }
#aerospace-remote ul { margin: 0 0 0 20px; padding: 0; }
#aerospace-remote ul p { margin-left: 10px; } 

#aerospace-research { position: relative; }
#aerospace-research:before { 
	content: '';
	display: block;
	clear: both;
	position: absolute;
	top: 0%;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.9;
	background: #0074AA url(/media/3685/polygon-bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0 0;
	z-index: 1; }

#aerospace-features { height: 100%; }
#aerospace-features h2 { margin: 50px auto; }
#aerospace-features h3 { font-weight: 800; }
#aerospace-features p { font-size: 1.5vw; }

.feature-table { display: table; width: 100%; }
.feature-left, .feature-right {
	scroll-snap-align: center;
	width: 35vw;
	max-width: 300px;
	display: table-cell;
	vertical-align: middle; }

.feature-left { padding: 50px !important; }
.feature-right {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; }

.feature-right .inside { 
    width: 100%; 
    height: 100%; }

#pinContainer {
    width: 100%;
    height: 90vh;
    overflow: hidden;
	padding: 0 60px !important;
	z-index: 1; }

#pinContainer .slick-vertical .slick-slide { border: none !important; }

.panel {
    width: 100%;
	height: 90vh;
    position: relative;
    z-index: 1; }

#pinContainer .row { position: relative; max-width: 100% !important; height: 100%; }
.feature-item {
    display: table;
    position: absolute;
    width: 100%;
	height: 90vh;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    left: 0;
    margin: auto;
	overflow: hidden;
    top: 0; 
	scroll-snap-type: y mandatory; }

.feature-item h3, .feature-item p { color: #FFF !important; }

#feature-one { background: #235B89; }
#feature-two { background: #03102C; }
#feature-three { background: #724F37; } #feature-three .feature-right .inside { background-position: right center !important; }
#feature-four { background: #106A8D; }
#feature-five { background: #6E4C35; }

.slick-active .feature-left { animation: slideInUp 0.8s both; }
.slick-active .feature-right { animation: fadeIn 0.5s both; }

#pinContainer .slick-dots {
	list-style-type: none;
	position: absolute;
    top: 50%;
    right: 0;
    width: 2rem;
    text-align: center;
    height: 5.625rem;
    margin-top: -2.8125rem;
    z-index: 9; }

#pinContainer .slick-dots li button:before { content: ''; }

#pinContainer .slick-dots li {
	display: inline-block !important;
	vertical-align: middle;
	margin: 30px 5px 0 !important; }

#pinContainer .slick-dots li button {
    background: #707070;
    border: solid 1px #FFF;
	color: #FFF;
    display: block;
    width: 20px;
    height: 1px;
    cursor: pointer; }

#pinContainer .slick-dots li:nth-child(1).slick-active button { background: #235B89; }
#pinContainer .slick-dots li:nth-child(2).slick-active button { background: #03102C; }
#pinContainer .slick-dots li:nth-child(3).slick-active button { background: #724F37; }
#pinContainer .slick-dots li:nth-child(4).slick-active button { background: #106A8D; }
#pinContainer .slick-dots li:nth-child(5).slick-active button { background: #6E4C35; }

#aerospace-contact .spacecontainer { overflow: hidden; }
#aerospace-contact a { color: #0099D3; }

/* SOTI ONE DIAGRAM HOVER */

.info-box { opacity: 0; padding: 15px; border-radius: 6px; color: #FFF; }
#info-box {
  	opacity: 0;
  	position: absolute;
  	top: 0px;
  	left: 0px;
  	z-index: 1;
  	color: #FFF;
 	border-radius: 6px;
  	padding: 15px; 
  	width: 100%;
  	max-width: 460px; 
	animation: fadeIn 1s both;
  	transition: all .5s cubic-bezier(.175,.885,.32,1.275); }

path:hover { transition: 1s ease-in-out all; }
 
#info-box p { font-size: 15px; line-height: 25px; }
#info-box span { font-weight: 500; }

.ps-benefits .bg-text { max-width: 80%; }
.ps-benefits .bg-text h3 { font-size: 22px; font-weight: 100; color: #FFF; }



/* MEDIA QUERIES */


   

@media only screen and (max-width: 283px) and (min-width: 667px){


.iframe-container {

height: 500px;
}
}


@media screen and (min-width: 1441px) and (max-width: 4000px){
	
	.homepage-industries .caption h1, .homepage-may2021-banner .caption h1, .homepage-industries .homepage-xsight .homepage-art .caption h1 { font-size: 40px; }
	
	#aerospace-wrapper h2 { font-size: 65px; }
	#aerospace-lp .row { margin-bottom: 25%; }
	#aerospace-intro h2 { font-size: 55px; }
	#aerospace-intro h2 span { font-size: 120%; }
	#aerospace-intro p { font-size: 40px !important; line-height: 60px !important; max-width: 900px; }
	
	#aerospace-research .large-5, #aerospace-remote .large-6:nth-child(1) { margin-top: 25px; }

	#aerospace-tagline .row { margin-bottom: 50px; }
	#aerospace-tagline h2 { font-size: 70px; }
	#aerospace-wrapper h3 { margin-bottom: 40px; line-height: normal; }
	
	#aerospace-wrapper h3, #aerospace-carl h3.ceo { font-size: 40px; }
	#aerospace-carl h3.ceo { line-height: 48px; }
	
	#aerospace-remote h3 { font-size: 37px; }

	#aerospace-features h3 { font-size: 48px; }
	#aerospace-features p.feature-desc { font-size: 34px; font-weight: 400; line-height: 46px; }

	#aerospace-wrapper p { font-size: 28px; line-height: 37px; }
}

@media (max-width: 1024px) {
	
/* aerospace-intro, tagline, carl, research, remote, features, contact */
     #aerospace-wrapper .large-4, #aerospace-wrapper .large-5, #aerospace-wrapper .large-6, #aerospace-wrapper .large-7,  #aerospace-wrapper .large-8 { padding: 0; width: 100%; display: block; }

    #aerospace-wrapper h2 { font-size: 40px; }
    #aerospace-wrapper h3, #aerospace-carl h3.ceo { font-size: 33px; margin: 0 auto 30px; }
    #aerospace-wrapper p {font-size: 22px;}

	#aerospace-lp.spacecontainer { height: 100vh; }
    #aerospace-tagline .content { max-width: 100%; }

    #aerospace-carl img, #aerospace-research img { max-width: 200px; margin: 0 auto 30px; }

    #aerospace-research .row .large-12, #aerospace-remote .row .large-12 {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex; }

    #aerospace-research .large-7, #aerospace-remote .large-7 { order: 2; }
    #aerospace-research .large-5, #aerospace-remote .large-5 { order: 1; }

    #aerospace-remote img { margin: 50px auto; max-width: 360px; }
	
	.large-9.blog-post-container, .large-3.blog-post-sidebar { width: 100% !important; padding: 0 10px !important; }
}

/* MOBILE NAV FIXES */
@media (max-width: 1100px) {
nav, header .search-container { display: none !important; }
.mobile-nav, .mobile-nav-btn {display: block !important;}
.mobile-nav-btn {top: 35px; }
.home-sop-intro { flex-direction: column; }
.home-sop-intro > div:last-child > div:last-child a.button { width: 100%; }
}

@media (min-width: 1100px) {
.home-sop-intro > div:last-child > div:last-child a {/* margin: 0 !important; */}
}

@media (max-width: 979px) {
	body { padding-top: 0 !important; }
    header { height: 50px; }
    header svg.soti-logo {
	    margin-top: 0;
		margin-left: 0;
	    max-width: 111px; }	
	.mobile-nav-btn { top: 10px; }
    .mobile-nav-btn span { height: 4px; }
	
	.video-snapshot { margin: 40px auto 0; padding: 0 20px; }
	.bg-triangle { display: none; }
}
/* --- */

@media (max-width: 720px) {
  	.spacecontainer {
		background-image: url('/media/4104/sky-bg-mobile.png')!important;
		background-attachment: inherit;
		background-position: center !important;
    }

    #aerospace-tagline:before {
	    background: #0074AA url(/media/4105/wave-bg-mobile.png); 
		 background-size: cover;
		background-position: center; }

    #aerospace-research:before {
		 background-size: cover;
	    background: #0074AA url(/media/4103/polygon-bg-mobile.png); }
}

@media (max-width: 640px){
    #aerospace-wrapper h2 {font-size: 28px;}
    #aerospace-wrapper h3, #aerospace-carl h3.ceo {font-size: 22px; margin: 0 auto 10px; }
	#aerospace-features h3 {font-size: 20px !important; }
    #aerospace-wrapper p { font-size: 16px; }

    #aerospace-carl img, #aerospace-research img { max-width: 150px;}
    #aerospace-remote img { margin: 0 auto; max-width: 360px; }
	.aerospace-announcement {margin-top:-60px;}
	.aerospace-video { width: 100%;}
}

/* ---- */

@media only screen and (max-width: 915px){
	.small-text-one{
		font-size: 22px !important;
	}
	.small-text-two{
		font-size: 33px !important;
	}
}
	

@media only screen and (min-width: 2000px){
	.product-whats-new{
		background-position: right;
	}
}

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

    .products-whats-new-contain {
        width: 100% !important;
    }
}


@media only screen and (max-width: 968px){
    #videocontain .slide-content{
        padding-top: 20px !important;
    }
}


@media screen and (min-width: 2801px) {
#home-banner #contentcontain.row { margin: auto !important; }
}

@media (max-width: 2800px) and (min-width: 1600px) {
    #home-banner #contentcontain.row { 
    margin: auto;
    max-width: 1200px; }

	/*.home-page header .row, .home-page .hero-area .row, .home-cta-bar .align-row */
	.row, .align-row, nav span .menu .inner-menu .row {
		padding-right: 0 !important;
		padding-left: 0 !important;
		margin-right: auto !important;
		margin-left: auto !important;
		max-width: 90em !important; }
	
	.section-padding p { font-size: 17px; margin-bottom: 10px; }
	.ps-cod p {font-size: 19px; letter-spacing: 0.0099em; }
}

@media only screen and (max-width: 1400px){
	/*.home-page { padding-top: 0; }*/
	#home-banner #contentcontain.row { width: 95%; }
	#home-banner .slide { height: 561px; }
	#slider-banner.hero-area, #slider-banner .banner-content { height: 560px; } #slider-banner ul.slick-dots { bottom: 50px; }
	.open-popup-link span.align-left { font-size: 17px; }	
	#blog-sharing.share-bar { padding-left: 10px; }
	img.pservices { width: 100%; margin-left: -5px; }
	.ps-benefits .inner { min-height: 180px; }
	.header-div { max-width: 1070px; margin: auto; }

}

@media screen and (max-width: 1920px){
	#home-banner .featured-images.large-6 { width: 55%; }
}

@media screen and (max-width: 1300px){
	#home-banner #contentcontain.row { width: 99%; }
}

/*img.equal { max-height: 350px; }*/
iframe.heightTracker {min-height: 500px;} 

@media screen and (max-width: 1200px){
	#home-banner #contentcontain.row { width: 100%; }
	.align-row, .align-left, .align-right { float: none !important; display: block; text-align: center; }
	.equal { height: auto !important; }	.prod-btns { position: relative; margin-top: 20px; }
	.emm-form { margin-top: 20px; }
	.emm-form, .emm-desc { width: 100%!important; display: block; padding: 0 !important; }
}

@media screen and (max-width: 1170px) {
	#home-banner .caption { width: 100%; max-width: 100%; padding: 0 20px !important; }
	#home-banner .featured-images.large-6 { display: none !important; }
}

@media (max-width: 1000px) and (min-width: 320px) { 
	.flex-container { display: block; text-align: center; } 
    .flex-container div:nth-child(1) { margin-bottom: 20px; }
	iframe.heightTracker {min-height: 750px;} 
}

@media (max-width: 930px) and (min-width: 360px) {
	#home-banner .large-7 { 
		position: relative; top: auto; left: auto; transform: none; }
}

@media only screen and (max-width: 845px){
.resource-library-body .sidebar { min-height: 100%; border-left: none; }
}

@media screen and (max-width: 844px){
.blog-post-sidebar { padding-left: 0 !important; }
}

@media only screen and (max-width: 844px){
	.div-height { height: 100% !important; padding-top: 40px; }
	.home-page .hero-area .large-7 { width: 100%; max-width: 100% !important; }
	
	#slider-banner .large-7, #slider-banner .large-6, .large-6 { width: 100%; display: block; padding: 10px 15px !important; }
	.prod-img { left: auto !important; }
}

@media only screen and (min-width: 768px){
	
	.ps-op-product .row {
	    width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
	}
	
}

.inline-video { animation: fadeInAnimation ease 900ms; }
@media only screen and (max-width: 768px){
	.inline-video { 
		display: block; 
		width: 100% !important;
		float: none !important; 
		margin: 0 auto 15px !important; }
	
	footer div.large-3.medium-4.small-6.columns:last-child {
    	column-count: 1;
    	width: 100%;
    	display: inline-block;
    	vertical-align: bottom; }

	footer div.large-3.medium-4.small-6.columns.last {
    	width: 100%;
    	float: none;
    	content: '';
    	display: block;
    	clear: both; }
	
	footer div.large-3.medium-4.small-6.columns.last ul.social-icons {
		padding-top: 20px; }

	footer div.large-3.medium-4.small-6.columns.last ul.social-icons li {
    	width: 17%;
    	float: none;
		padding: 0;
    	text-align: center;
    	display: inline-block;
    	vertical-align: middle; }

	footer .social-icons svg { width: 40px; max-width: 100%; }

	footer .back-to-top { text-align: center; }

}

@media (max-width: 768px) and (min-width: 360px) {
	section.content>section { padding: 20px !important; }
	section.content .hero-area { padding: 50px 0 0 !important; }
	.hero-area-small, .slide { height: 100% !important; }
	.hero-area-small .slide { padding-top: 0 !important; }
	.hero-area-small .slide h1 { margin-top: 0 !important; }
	
	.blog-home-content { padding-top: 0; }
}

@media (max-width: 768px) and (min-width: 320px) {
	.nav-search-bar { width: 200px; } header .request-demo { top: 0; }
	.table-wrapper { overflow-x: scroll; }
	.table-wrapper td ul { margin-left: 10px; }
	
	/* SOTI ONE PAGE */
	.hero-area-small { height: 100% !important; padding: 0 10px !important; margin-bottom: 0 !important;}
	
	/* reorder screenshot and desc on mobile */
    .pr-row { 
	flex-wrap: wrap;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex; }
    .pr-sc { order: 1; }
	.pr-desc { order: 2; }
    
	/*#parallax h1 { font-size: 30px !important; }
	#parallax h2 { font-size: 26px; }
	#parallax h3 { font-size: 24px; }
	#parallax h4 { font-size: 20px; }
	#parallax p { font-size: 15px; }
	
	#parallax .wrapper:nth-child(1), #parallax .wrapper:nth-child(2) { height: 100vh; }
	#parallax .wrapper:nth-child(3) { text-align: center; }
	#parallax .wrapper { height: auto; }*/
    
	#slider-banner .slick-active .homepage-industries .caption h1, .homepage-may2021-banner, #slider-banner .slick-active .homepage-industries .homepage-xsight .homepage-art .caption h1 { font-size: 33px; }
	
	#aerospace-logo { 
	  background-image: url('/media/4102/soti-aerospace-logo-stacked.svg');
      background-position: center;
      background-size: 100%;
      width: 100%;
      max-width: 350px; 
      height: 200px; 
      margin: auto;
      display: block; }
	
	/*.banner-content .caption { margin-top: 50px; padding: 0 10px;  }*/
	
	.homepage-aerospace .caption { text-align: center; margin: auto; }
	.homepage-industries .caption, .homepage-industries .homepage-xsight .homepage-art .caption { max-width: 620px; text-align: left; }
	
	.banner-content .featured-images { text-align: center; }
	.banner-content .featured-images {display: none; }
    
    #aerospace-lp h2 { text-align: center; }
	#aerospace-lp .logo {
      background-image: url('/media/4102/soti-aerospace-logo-stacked.svg');
      background-position: center;
		background-size: 100%;
      width: 100%;
      max-width: 65vw;
	  height: 55vw;
      margin: auto;
      display: block; }
	
	#aerospace-carl, #aerospace-remote { height: 150vh; }
	#aerospace-remote h3 span { margin: 10px 0 30px; }

	#aerospace-features, #pinContainer, .panel, .feature-item { position: relative; height: 700px; padding: 0 !important; }
	#pinContainer .slick-dots { display: none !important; width: 100%; bottom: 0; top: auto; }
	#aerospace-features .feature-left { padding: 30px 20px !important; }
	.feature-left, .feature-right { display: block; max-width: 100%; width: 100%; }
	.feature-right .inside { height: 80vh; }
	.slick-active .feature-left, .slick-active .feature-right { animation: none; }

	.products-tabs h3 { display: block !important; }
	.products-tabs-icons > li { min-height: 100% !important; }
	.products-tabs-icons span.label { display: none; }
    .ps-benefits .inner h3 { font-size: 20px !important; }
	
	.nav {
		width: 100%;
		height: 35px; 
		right: 0;
		text-align: center;
    	display: block;
		background: rgba(0, 0, 0, 0.5);
    	padding: 3px 0; }
	
	.dot-nav { top: auto; display: block; }
	.dot-nav li {
	margin: 0 8px 0 0;
    display: inline-block;
	vertical-align: middle; }
	.dot-nav li:last-child { margin: 0; }
	.dot-nav li span { right: auto; margin-top: -40px; margin-left: -20px; }
	
	.kochi-banner h1, .kochi-banner h2 { color: #FFF !important; }
	.kochi-benefits { padding: 0 10px !important; }
	
	/* resource library */
	.resource-library-body.section-padding { padding: 0 0 50px; }
	.resource-library-body .row { 
	padding: 0 10px; flex-wrap: wrap;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex; }

	.resource-library-body ul#rlcontainer li { text-align: center !important; }
	.resource-library-body .large-9.columns { padding-right: 0 !important; order: 2; margin-top: 50px; }
	
	.resource-library-body .sidebar.large-3.columns { 
	order: 1; 
	min-height: 100%; 
	padding-left: 0 !important; }
	
	/* FAQ */
	.faq-wrapper .large-9.columns { margin-top: 0; }
	.faq-wrapper .sidebar ul li:nth-child(-n+9):before {
	content:'';
	margin-right: 0; }
  
    .faq-wrapper .sidebar ul li a {
	background-color: #FFF;
	color: #354452;
	padding: 6px 9px 5px;
	border-radius: 25px;
	line-height: 35px;
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 5px;
	font-size: 14px;
	line-height: 20px;
	border: solid 1px #707070; }

    .faq-wrapper .sidebar ul li, .faq-wrapper .sidebar ul li:hover { display: inline-block; vertical-align: middle; margin: 0 !important; padding: 5px 0; text-align: left; }
    .faq-wrapper .sidebar ul li.active { background: transparent; margin: 0 !important; padding: 0; }
    .faq-wrapper .sidebar ul li.active a { border: solid 1px #3E7F06; background-color: #3E7F06 !important; transition: background-color 50ms ease-in;}
    
    .faq-wrapper .sidebar ul li.active:hover { background: transparent; padding: 0;  }
	.faq-wrapper .sidebar ul li.active:hover a { background: #3E7F06; }
	.faq-wrapper .sidebar ul li:hover a { background-color: #d6d6d6; border: solid 1px #707070; cursor: pointer; color: #354452 !important; transition: background-color 0.3s ease; }

	.pagination-controls { display: block !important; }
	
	.renewal-webinar .large-8 { padding-right: 0 !important; }
	
	.about-intro h1 { text-align: center; }
	.about-intro img { float: none !important; width: 70%; margin: auto; display: block; }
	
	.align-left, .align-right { text-align: center !important; }
	#imageContainer4, #imageContainer5 { top: 0 !important; }
	.align-text-center { text-align: center !important; }
	
	.ps-solutions .solution-shower { height: 70vh; }
	.kochi-faq.ps-solutions .solution-shower, .kochi-faq.ps-solutions .solution-shower .inner:nth-child(5) { height: 100vh; }
	.icon-table { padding: 20px 0; text-align: center !important; }
	.cod-text { padding-left: 0 !important; }
	.pnf-lp:nth-child(1) { background: none; } 
	#anim_container span { background: #FDFDFD; }
	.pnf-lp .slide .large-5 { margin-top: -40px; }
	.pnf-lp .slide { text-align: center; padding-bottom: 0; }
	.pnf-lp h1 { font-size: 60px !important; margin: 0; }
	.pnf-lp h2 { font-size: 24px; }
	.pnf-lp .large-5 p { display: none; }
	
	.icon-row, .desc-row  { width: 100%; display: block; text-align: center; padding: 0; }
	.desc-row span { text-align: center; }
	.fox-logo { margin-top: 40px; }
	
	#info-box { position: relative; top: auto !important; left: 0 !important; right: 0 !important; /*display: block !important; opacity: 1 !important;*/ }
	#info-box p { font-size: 14px; }
	#anim_container { margin-top: 50px; }
	
	.ps-cod p { font-size: 17px; text-align: left; } .ps-cod h2 { font-size: 24px; }
	.ps-benefits .inner { min-height: 100%; } .ps-benefits .bg-text { max-width: 100%; }
	
	.agenda-wrapper .timeslot div { padding: 15px; display: block; }
	.agenda-wrapper .timeslot .time { width: 100%; padding-bottom: 0; }
	.agenda-wrapper .timeslot .agenda { width: 100%; border-left: none; padding-top: 0; }
}



@media only screen and (max-width: 640px){
	h1 {font-size: 33px; margin-top: 30px;}
	.padding-right, .padding-left { padding: 0 0 20px 0 !important; }
	h3.prod-subtitle { font-size: 20px; }
	
	
	h1, h2, .section-padding p { min-height: 100%;}
	.lp-banner h2 { font-size: 20px !important; }
	.faq-wrapper h2, .emm-form h2 { min-height: auto !important; }
	
	.home-cta-bar a.alt-button { margin: 0 auto !important; max-width: 120px; }
	.home-cta-bar .learn-more-link:after { top: 2px; }
	
	
	.align-left, .align-right { font-size: 16px; line-height: 23px; }
	.testimonials .container { padding: 0 5px; }
	a.button, input.button { width: 100%; margin: 10px auto; display: block;}
    
	section.hero-area.small .slide .slide-content { max-width: 100% !important; }
	.ps-industry h2, .ps-industry p, .ps-industry-products h2, .ps-industry-products p { max-width: 100% !important; }
	.inline-img { 
		display: block; 
		width: 100% !important;
		float: none !important; 
		margin: 0 auto 15px !important; }
	.ps-testimonial .section-padding { padding: 0 10px !important; }
	.curly-quotes { padding: 10px 40px; }
	.curly-quotes:before { font-size: 100px !important; left: 0; top: 0; } .curly-quotes:after { font-size: 100px !important; }
	.quote-by, .recent-posts h3 { text-align: center; }

	.ps-intro h2, .product-footer h2  { max-width: 100% !important; }
	.covid-video { margin-top: 20px; }
	#center-single-video > .vidyard-player-container { width: 95% !important;} 
	#center-single-video img.vidyard-player-embed { width: 95% !important; } 
	.no-image-hero h1, .blog-post-content h2 { font-size: 27px !important; }
	#blog-sharing.share-bar { margin: 0 0 40px 10px !important; }
	.product-testimonials .curly-quotes, .product-testimonials .curly-quotes span { font-size: 0.95em; }
	a.benefits-gif h3 { margin-top: 20px; }
	iframe.signUpLP { overflow-y: auto; }
	.ss-training-courses .course .content-block .extra-info .bold { padding-left: 0; }
	.cs-testimonial .inner { padding: 20px 0; max-width: 100%; } 
	.cs-testimonial .inner h3:before, .cs-testimonial .inner h3:after { font-size: 100px; } .cs-testimonial .inner h3:after { top: 10px; }
	.cs-testimonial h3, .cs-author { font-size: 18px; }
	.product-testimonials .slick-dots li { margin: 0 5px !important; }
}

@media screen and (max-width: 600px){
	/*.emm-form iframe#pardotIframe { height: 450px !important; max-height: 100% !important; }*/
	.emm-form iframe#pardotIframe.newsletter { height: 500px !important; }
	#popup-container #pardotIframe { max-height: 600px !important; height: 150vw !important;}
}

@media (max-width: 500px) {
	.register-today form label { min-height: 25px; }
}

@media only screen and (max-width: 390px){
	h2 { font-size: 22px; }
	a.button, input.button { font-size: 14px; }
	a.button.main-cta, input.button.main-cta { margin: 0 auto 10px auto; }
}

@media (max-width: 359px) {
	section.content>section { padding: 20px 10px !important;  }
	section.content>section.hero-area-small { padding: 20px 0px !important; }
}

@media screen and (max-width: 350px) {
	.emm-form iframe#pardotIframe { height: 650px !important; }
	.emm-form iframe#pardotIframe.newsletter { height: 550px !important; }
}

@media screen and (min-width: 600px) and (max-width: 999px) { 
	
	.industry-retail2 h2 {font-size:24px !important;max-width: 332px ;}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.industry-retail2 h2 {font-size:24px !important;margin-left: 1.4vh;max-width: 428px !important;}
	
}

@media only screen and (max-width: 640px){
	.industry-retail2 h2 {font-size:18px !important;}
   .amazon-banner h4{font-size:11px !important;text-align:center;line-height:normal;}
}



/* ------------------------------------------------------------------------------------------- */

/* LP BANNER BACKGROUNDS */

.lp-banner {
	padding: 0 10px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
	animation: fadeInAnimation ease 1s; }

.thank-you-banner { position: relative; z-index: 9; background: #0074AA; padding: 70px 0; }
.thank-you-banner .row { z-index: 99; position: relative; }
.thank-you-banner:after {content: '';position: absolute; z-index: 1; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 100%;background-image: url('/media/2967/banner_bg_sotione.png');background-size: cover;background-position: center;background-repeat: no-repeat;opacity: 0.3;}
.thank-you-banner h1 { font-weight: 500; margin-bottom: 30px; } .thank-you-banner p { font-size: 20px; }
.thank-you-banner *, .thank-you-banner a { color: #FFF; }
.thank-you-banner a {text-decoration: underline; } .thank-you-banner a:hover { text-decoration: none; }
.lp-banner.windows-banner h1, .lp-banner.windows-banner h2 { color: #0074AA !important; }
.lp-emm-banner { background: #0074AA url('/media/3211/emm-banner.png'); }
.lp-mdm-banner { background: #0074AA url('/media/3213/mdm-banner.png'); }
.apple-banner { background: #595959 url('/media/2705/apple-banner-partnerpage-1.png'); }
.android-banner { background: #527010 url('/media/3034/android-banner-partnerpage.png'); }
.windows-banner { background: #fdfdfd url('/media/1084/windows_smallbanner.jpg'); }
.honeywell-banner { background: #35485f  url('/media/3142/honeywell-banner-partnerpage.png'); }
.panasonic-banner { background: #0a4361 url('/media/3281/panasonictoughbook-pagebanner.jpg'); }
.samsung-banner { background: #063d7b url('/media/2722/samsung-banner-partnerpage.png'); }
.sato-banner { background: #0e5f8c url('/media/3119/sato-pagebanner2.jpg'); }
.printronix-banner { background: #063d7b url('/media/2744/printronix-banner-partnerpage-2.png'); }
.tl-banner { background: #326407 url('/media/2624/transportation-logistics-v2.jpg'); }
.healthcare-mobility h1 { color: #0074AA !important; }
.industry-retail-video { background: url(/media/4379/soti-retail-video-banner.png); background-position: center; background-size: cover; height: 300px; margin: 0 auto; }
.industry-tl-video { background: url(/media/4645/industry-tl-video.png); background-position: center; background-size: cover; height: 300px; margin: 0 auto; }

.soti-learning { background: url('/media/1982/learning-and-development-group-2.png'); height: 300px; background-position: center; background-size: contain; background-repeat: no-repeat;}
.soti-life { background: url('/media/1985/life-at-soti-group-2.png'); height: 300px; background-position: center; background-size: contain; background-repeat: no-repeat; }
.sync-xsight-banner {background: #005589 url('/media/a0ih2pwa/hp-banner-desktop.png'); background-size: contain; background-position: center; background-size:100% 100%; min-height:300px;}
.mc-banner{ background-color: #0074AA; background-image: url('/media/32nplq4s/mc_smallbanner.jpg'); background-position:center; }
.banner-overlay {background: #fff; background-size: cover; background-position: center; overflow: hidden; position: relative;}
.emm-banner-jp {background: url('/media/klfp3kbn/japanese-mdm-banner-01-1.png'); height: 320px; background-size: cover; background-position: top right; background-repeat: no-repeat;}

/* FHD*/
@media screen and (min-width: 1440px) and (max-width: 8000px){
	.lp-banner h1, section.hero-area h1 { font-size: 48px; }
	.pocketController-banner { background: #0074AA url('/media/3286/pocketcontroller_fhd-banner.png'); }
	.lp-snap-banner { background: #595959 url('/media/3753/lp-snap-fhd-banner.png'); }
	.lp-assist-banner { background: #0074AA url('/media/3762/lp-assist-fhd-banner.png'); }
	.lp-xsight-banner {background:url('/media/5l3jh1sq/fhd-banner-tablet-banner-mobicontrolplusxsight.png'); background-position: center; }
	.zebra-banner { background: #0074AA url('/media/3439/zebra-fhd-banner.jpg'); }
	.airbus-banner { background: #3A576E url('/media/3495/airbus-fhd-banner.png'); }
	.kochi-banner { background: #f2edf4 url('/media/6348/202206-soti-nextgenroadshow-website-banner-1920x380-v2b.png'); }
	.services-banner { background: #0074AA url('/media/3585/soti-services-fhd-banner.png'); }
	.enterprise-premium-banner { background: #0074AA url('/media/3594/enterprise-premium-fhd-banner.png'); }
	.datalogic-banner { background: #466886 url('/media/3691/datalogic-fhd-banner.png'); }
	.aws-banner { background: #CB3920 url('/media/3812/aws-fhd-banner.png'); }
	.product-services-banner { background: #0074AA url('/media/3940/product-services-fhd-banner.png'); }
	.healthcare-mobility { background: #0074AA url('/media/4041/healthcare-fhd-banner.png'); background-position: 100% 0% !important;}
	.industries-banner { background: #0074AA url('/media/4049/industries-fhd-banner.png'); }
	.renewal-webinar-banner { background: #0074AA url('/media/4067/renewal-fhd-banner.png'); }
	.fox-news-banner { background: #1f4b96 url('/media/4152/fox-news-fhd-banner.png'); background-position: center center; }
	.fox-banner { background: #1f4b96 url('/media/4195/fox-fhd-banner.png'); }
	.linux-banner { background: #3A576E url('/media/4480/linux-fhd-banner.png'); }
	.azure-banner { background: #063d7b url('/media/4500/microsoft-azure-fhd-banner.png'); }
	.brother-banner { background: #0074AA url('/media/4764/brother-fhd-banner.png'); background-position: center; }
	.mobility-banner {background:url('/media/5001/mobility-report-desktop_3.gif'); background-position: center; }
	.tier2-sus-banner {background:url('/media/6094/fhd-animation.gif'); background-position: center; }
	.NRF-banner {background:url('/media/5773/nrf-web-banner-fhd.png'); background-position: center; }
	.amazon-banner {background:url('/media/5681/microsoftteams-image-11.png'); background-position: center; }	
	.retail-banner {background:url('/media/5654/microsoftteams-image-6.png'); background-position: center; }
	
	.delivery-hero-banner { background: #0074AA url('/media/4263/delivery-hero-banner-fhd.png'); background-position: center; }	
	.apm-hero-banner { background: #2E7F17 url('/media/4554/apm-fhd-banner.png'); background-position: center; }
	.fraport-hero-banner { background: #124b98 url('/media/4567/fraport-fhd-banner.png'); background-position: center; }
	.innserve-hero-banner { background: #a12e26 url('/media/4571/innserve-fhd-banner.png'); }
	.el-corte-hero-banner { background: #2E7F17 url('/media/5733/el-corte-ingles-banner-fhd-1.png');background-position: center; }
	
	.tl-webinar { background: #0074AA url('/media/4284/tl-fhd-banner.png'); }
	.soti-academy { background: #0074AA url('/media/4353/soti-academy-fhd-banner.png'); }
	.industry-retail { background: #934c8d  url('/media/4359/soti-retail-fhd-banner.png'); }
	.industry-retail2 { background: url('/media/5721/fhd-banner-1.png'); }
	.industry-tl { background: #2c9446 url('/media/4594/tl-fhd-banner.png'); }
	.xsight-banner {background:url('/media/5145/fhd-banner-copy-1.png'); background-position: center; }
	
	.assist-banner {background:url('/media/5497/assist-xsight-banner-fhd.png'); background-position: center; }
	.insight-banner {background:url('/media/5506/insight-xsight-banner-fhd.png'); background-position: center; }
	.bundles-banner {background:url('/media/5eia53qm/fhd-banner-1.png'); background-position: center; }
	.homepage-aerospace { background: #0074AA url('/media/4114/homepage-aerospace-fhd-banner.png'); }
	.homepage-industries { background: #0074AA url('/media/4110/homepage-industries-fhd-banner.png'); }
	.onprem-banner { background: #0074AA url('/media/4607/onprem-fhd-banner.png'); }
	.homepage-xsight {background:url('/media/fctj2dup/home-screen-fullhd.png'); }
	.homepage-may2021-banner { background: #0074AA url('/media/4639/may-2021-fhd-banner.png'); }
	.nextgen-banner { background: url('/media/4706/nextgenroadshow-banner-fhd1.png'); } 
	.uk-microsite-banner { background: #0074AA url('/media/4716/uk-microsite-fhd-banner.png'); background-position: center; }

	.stat-emm-banner { background: #0274a9 url('/media/6031/soti-emm-stat-fhd.png'); background-position: center; }
	.stat-iot-banner { background: #0274a9 url('/media/6046/soti-iot-stat-fhd.png'); background-position: center; }
	.stat-mdm-banner { background: #0274a9 url('/media/6039/soti-mdm-stat-fhd.png'); background-position: center; }
	.stat-mdm-emm-banner { background: #0274a9 url('/media/6047/soti-mdm-emm-stat-fhd.png'); background-position: center; }
	.ukraine-banner {background: #1465a4 url('/media/6123/202204-ukraine-support-landing-page-banner1920x250-1.png'); background-position: center;}
	.request-demo-emm { background: #fff url('/media/1n3envv0/fhd-banner-soti-mobicontrol.png'); background-position: top right; }
	.healthcare-report-banner { opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 1263px; }
	.lp-competitor { background: #fff url('/media/6630/fhd.png'); background-position: top right; }
	.os-request { background: #fff url('/media/uamjvyjl/fhd-banner-os.png'); background-position: top right; }
	.industry-retail-revamp { background: #934c8d url('/media/izzhav1j/fhd.png');}
	.azure-lp-banner {background: #005589 url('/media/piljlrat/fhd-banner-os-page.png');}
	.legal-page-banner {background: #005589 url('/media/goakvxcv/desktop1920x380-legal.png');}
	/*.sync-xsight-banner {background: #005589 url('/media/1thofggo/hp-banner-assets-desktop.png'); background-size: contain; background-position: center; background-size:100% 100%; min-height:300px;}*/
	.soti-one-banner {background: #fff url('/media/5t3pjpq2/laptop-3.png'); background-size: 100% 100%; background-repeat: no-repeat; background-position:center; min-height:100%;}
	.mc-sync-banner {background: #FFF url('/media/jctimarq/mc-fhd.png'); background-size: cover; background-repeat: no-repeat; background-position:center center; min-height:300px;}
	.mc-banner{ background-position:left; }
}

/* Laptop */
@media screen and (min-width: 1000px) and (max-width: 1440px){
	.industry-banner-fix {background-position: 80% 0 !important;}
	.pocketController-banner { background: #0074AA url('/media/3287/pocketcontroller_laptop-banner.png'); }
	.lp-snap-banner { background: #595959 url('/media/3754/lp-snap-laptop-banner.png'); }
	.lp-assist-banner { background: #0074AA url('/media/3763/lp-assist-laptop-banner.png'); }
	.lp-xsight-banner {background:url('/media/nl3nok0s/laptop-banner-tablet-banner-mobicontrolplusxsight.png'); background-position: center; }
	.zebra-banner { background: #0074AA url('/media/3442/zebra-laptop-banner.jpg'); }
	.airbus-banner { background: #3A576E url('/media/3496/airbus-laptop-banner.png'); }
	.kochi-banner { background: #f2edf4 url('/media/6343/202206-soti-nextgenroadshow-website-laptop-1440x380.png'); }	
	.services-banner { background: #0074AA url('/media/3586/soti-services-laptop-banner.png'); }
	.enterprise-premium-banner { background: #0074AA url('/media/3595/enterprise-premium-laptop-banner.png'); }
	.datalogic-banner { background: #466886 url('/media/3693/datalogic-laptop-banner.png'); }
	.aws-banner { background: #CB3920 url('/media/3813/aws-laptop-banner.png'); }
	.product-services-banner { background: #0074AA url('/media/3944/product-services-laptop-banner.png'); }
	.healthcare-mobility { background: #0074AA url('/media/4040/healthcare-laptop-banner.png'); background-position: 100% 0% !important; }
	.industries-banner { background: #0074AA url('/media/4050/industries-laptop-banner.png'); }
	.renewal-webinar-banner { background: #0074AA url('/media/4068/renewal-laptop-banner.png'); }
	.fox-news-banner { background: #1f4b96 url('/media/4153/fox-news-laptop-banner.png'); background-position: center center; }
	.fox-banner { background: #1f4b96 url('/media/4194/fox-laptop-banner.png'); }
	.linux-banner { background: #3A576E url('/media/4481/linux-laptop-banner.png'); }
	.azure-banner { background: #063d7b url('/media/4499/microsoft-azure-laptop-banner.png'); }
	.brother-banner { background: #0074AA url('/media/4763/brother-laptop-banner.png'); background-position: center; }
	.mobility-banner {background:url('/media/5042/mobility-report-after-effects_laptop_2.gif'); background-position: center; }
	.tier2-sus-banner {background:url('/media/6090/laptop-without-end-point.gif'); background-position: center; }

	.NRF-banner {background:url('/media/5777/nrf-hp-banner-laptop-2.png'); background-position: center; }
	.amazon-banner {background:url('/media/5713/laptop-banner-copy-2.png'); background-position: center; }
	.retail-banner {background:url('/media/5692/laptop-banner-copy-1.png'); background-position: center; }
	
	
	.delivery-hero-banner { background: #0074AA url('/media/4264/delivery-hero-banner-laptop.png'); }
	.apm-hero-banner { background: #2E7F17 url('/media/4555/apm-laptop-banner.png'); }
	.fraport-hero-banner { background: #124b98 url('/media/4568/fraport-laptop-banner.png'); }
	.innserve-hero-banner { background: #a12e26 url('/media/4572/innserve-laptop-banner.png'); }
	.el-corte-hero-banner { background: #2E7F17 url('/media/5732/el-corte-ingles-banner-laptop-1.png');background-position: center;}

	.tl-webinar { background: #0074AA url('/media/4285/tl-laptop-banner.png'); }
	.soti-academy { background: #0074AA url('/media/4354/soti-academy-laptop-banner.png'); }
	.industry-retail { background: #934c8d  url('/media/4358/soti-retail-laptop-banner.png'); }
	.industry-tl { background: #2c9446 url('/media/4595/tl-laptop-banner.png'); }
	.industry-retail2 { background: url('/media/5720/laptop-banner-1.png'); }
	.xsight-banner {background:url('/media/5146/laptop-banner-copy-1.png'); background-position: center; }
	.assist-banner {background:url('/media/5500/assist-xsight-banner-laptop.png'); background-position: center;}
	.insight-banner {background:url('/media/5505/insight-xsight-banner-laptop.png'); background-position: center;}
	.bundles-banner {background:url('/media/oz2nbkoh/laptop-banner-1.png'); background-position: center; }
	
	.homepage-aerospace { background: #0074AA url('/media/4115/homepage-aerospace-laptop-banner.png'); }
	.homepage-industries { background: #0074AA url('/media/4111/homepage-industries-laptop-banner.png'); }
	.onprem-banner { background: #0074AA url('/media/4608/onprem-laptop-banner.png'); }
	.homepage-xsight {background:url('/media/pekfjhl1/home-screen-laptop.png'); }
	.homepage-may2021-banner { background: #0074AA url('/media/4627/may-2021-laptop-banner.png'); }
	.nextgen-banner { background: url('/media/4708/nextgenroadshow-banner-laptop1.png'); } 
	.uk-microsite-banner { background: #0074AA url('/media/4717/uk-microsite-laptop-banner.png'); }
	
	.stat-emm-banner { background: #0274a9 url('/media/6032/soti-emm-stat-laptop.png'); background-position: center; }
	.stat-iot-banner { background: #0274a9 url('/media/6043/soti-iot-stat-laptop.png'); background-position: center; }
	.stat-mdm-banner { background: #0274a9 url('/media/6040/soti-mdm-stat-laptop.png'); background-position: center; }
	.stat-mdm-emm-banner { background: #0274a9 url('/media/6048/soti-mdm-emm-stat-laptop.png'); background-position: center; }
	.ukraine-banner {background: #1465a4 url('/media/6118/202204-ukraine-support-landing-page-banner1440x250-1.png'); background-position: center;}
	.request-demo-emm { background: #fff url('/media/w1xdnpdv/laptop-banner-soti-mobicontrol.png'); background-position: right top; }
	.healthcare-report-banner { opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 1400px; }
	.lp-competitor { background: #fff url('/media/6631/laptop-banner.png'); margin-top:20px; background-position: right top; }
	.os-request { background: #fff url('/media/i31herpg/laptop-banner-os-page.png'); margin-top:20px; background-position: right top; }
	.industry-retail-revamp { background: #934c8d  url('/media/dd0pp1nm/laptop.png'); }
	.azure-lp-banner {background: #005589 url('/media/fuxbirph/laptop-baner.png');}
	.legal-page-banner{background: #005589 url('/media/refft2d2/laptop1440x380-legal.png');}
	/*.sync-xsight-banner {background: #005589 url('/media/xnwhmukt/soti-xsight-banner_laptop-1b.png'); background-size: contain; background-position: center; width:100%; min-height:250px;}*/
	.soti-one-banner {background: #fff url('/media/q3xiucka/laptop-5.png'); background-size: cover; background-repeat: no-repeat; background-position:center; height:100%;}
	.mc-sync-banner {background: #FFF url('/media/jctimarq/mc-fhd.png'); background-size: cover; background-repeat: no-repeat; background-position:center center; min-height:230px;}
}

/* Tablet */
@media screen and (min-width: 600px) and (max-width: 999px) {
	.pocketController-banner { background: #0074AA url('/media/3289/pocketcontroller_tablet-banner.png'); }
	.lp-snap-banner { background: #595959 url('/media/3756/lp-snap-tablet-banner.png'); }
	.lp-assist-banner { background: #0074AA url('/media/3764/lp-assist-tablet-banner.png'); }
	.lp-xsight-banner {background:url('/media/ukthxngr/tablet-banner-mobicontrolplusxsight.png'); background-position: center; height:280px !important;}
	.zebra-banner { background: #0074AA url('/media/3444/zebra-tablet-banner.jpg'); }
	.airbus-banner { background: #3A576E url('/media/3498/airbus-tablet-banner.png'); }
	.kochi-banner { background: #f2edf4 url('/media/6347/202206-soti-nextgenroadshow-website-tablet-768x427.png'); }
	.why-soti, .talent-quest, .roadshow-gallery { background: #FDFDFD; }
	.services-banner { background: #0074AA url('/media/3588/soti-services-tablet-banner.png'); }
	.enterprise-premium-banner { background: #0074AA url('/media/3597/enterprise-premium-tablet-banner.png'); }
	.datalogic-banner { background: #466886 url('/media/3695/datalogic-tablet-banner.png'); }
	.aws-banner { background: #CB3920 url('/media/3822/aws-tablet-banner.png'); }
	.product-services-banner { background: #0074AA url('/media/3945/product-services-tablet-banner.png'); }
	.healthcare-mobility { background: #0074AA url('/media/4038/healthcare-tablet-banner.png'); }
	.industries-banner { background: #0074AA url('/media/4052/industries-tablet-banner.png'); }
	.renewal-webinar-banner { background: #0074AA url('/media/4070/renewal-tablet-banner.png'); }
	.fox-news-banner { background: #1f4b96 url('/media/4151/fox-news-tablet-banner.png'); }
	.fox-banner { background: #1f4b96 url('/media/4196/fox-tablet-banner.png'); background-position: right; }
	.linux-banner { background: #3A576E url('/media/4482/linux-tablet-banner.png'); }
	.azure-banner { background: #063d7b url('/media/4498/microsoft-azure-tablet-banner.png'); }
	.brother-banner { background: #0074AA url('/media/4762/brother-tablet-banner.png'); }
	.mobility-banner {background:url('/media/5046/mobility-report-after-effects_tablet.png');background-position: center; }
	.tier2-sus-banner {background:url('/media/6093/tablet-vertical.png'); background-position: center; }

	.retail-banner {background:url('/media/5690/tablet-banner-copy-1.png'); background-position: center; }
	.NRF-banner {background:url('/media/5774/nrf-hp-banner-tablet-1.png'); background-position: center; }
	.amazon-banner {background:url('/media/5734/microsoftteams-image-15.png'); background-position: center; }
	
	.delivery-hero-banner { background: #0074AA url('/media/4265/delivery-hero-banner-tablet.png'); }
	.apm-hero-banner { background: #2E7F17 url('/media/4559/apm-tablet-banner.png'); }
	.fraport-hero-banner { background: #124b98 url('/media/4570/fraport-tablet-banner.png'); }
	.innserve-hero-banner { background: #a12e26 url('/media/4576/innserve-tablet-banner.png'); }
	.el-corte-hero-banner { background: #2E7F17 url('/media/5729/el-corte-ingles-banner-tablet-1.png');background-position: center;}
	
	.tl-webinar { background: #0074AA url('/media/4287/tl-tablet-banner.png'); }
	.soti-academy { background: #0074AA url('/media/4356/soti-academy-tablet-banner.png'); }
	.industry-retail { background: #934c8d url('/media/4360/soti-retail-tablet-banner.png'); }
	.industry-retail2 { background: url('/media/5715/tablet-banner.png'); }
	.industry-tl { background: #2c9446 url('/media/4287/tl-tablet-banner.png'); }
	.assist-banner {background:url('/media/5501/assist-xsight-banner-tablet.png'); background-position: center;}
	.insight-banner {background:url('/media/5502/insight-xsight-banner-tablet.png'); background-position: center;}
	
	
	.homepage-aerospace { background: #0074AA url('/media/4117/homepage-aerospace-tablet-banner.png'); }
	.homepage-industries { background: #0074AA url('/media/4113/homepage-industries-tablet-banner.png'); }
	.onprem-banner { background: #0074AA url('/media/4612/onprem-tablet-banner.png'); }
	.homepage-may2021-banner { background: #0074AA url('/media/4626/may-2021-tablet-banner.png'); }
	.nextgen-banner { background: url('/media/4711/nextgenroadshow-banner-tablet1.png'); } 
	.uk-microsite-banner { background: #0074AA url('/media/4721/uk-microsite-tablet-banner.png'); }
	.xsight-banner {background:url('/media/5148/tablet-banner-copy-1.png'); background-position: center; }
	.bundles-banner {background:url('/media/neon4pbs/tablet-banner.png'); }
	
	.soti-learning { background: url('/media/4734/learning-and-development-group-2.png'); }
	.soti-life { background: url('/media/4735/life-at-soti-group-2.png'); }
	
	.stat-emm-banner { background: #0274a9 url('/media/6034/soti-emm-stat-tablet.png'); background-position: center; }
	.stat-iot-banner { background: #0274a9 url('/media/6045/soti-iot-stat-tablet.png'); background-position: center; }
	.stat-mdm-banner { background: #0274a9 url('/media/6042/soti-mdm-stat-tablet.png'); background-position: center; }
	.stat-mdm-emm-banner { background: #0274a9 url('/media/6050/soti-mdm-emm-stat-tablet.png'); background-position: center; }
	.ukraine-banner {background: #1465a4 url('/media/6120/202204-ukraine-support-landing-page-banner768x300-2.png'); background-position: center; max-height:200px;}
	.request-demo-emm { background: #0274a9 url('/media/mkfdvjmk/tablet-banner-horizontal-soti-mobicontrol.png'); background-position: top right; }
	.healthcare-report-banner { opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 1720px; }
	.lp-competitor { background: #fff url('/media/6636/tablet-vertical-mobileiron.png'); height:300px; background-position: right top; }
	.emm-banner-jp {background: url('/media/rgldflsq/japanese-mdm-banner-02-1.png'); background-size: contain; background-position: top; background-repeat: no-repeat;}
	.os-request { background: #fff url('/media/emjdxx3x/tablet-banner-os.png'); margin-top:20px; background-position: right top; min-height:151px; background-repeat: no-repeat }
    .industry-retail-revamp { background: #934c8d url('/media/uw3p3msu/tablet.png');}
    .azure-lp-banner {background: #005589 url('/media/upahu3ug/tablet-banner.png');}
    .legal-page-banner{background: #005589 url('/media/21wntw4p/tablet768x427-legal.png');}
	/*.sync-xsight-banner {background: #005589 url('/media/hzpit0di/soti-xsight-banner_tablet-1b.png'); background-size: cover; background-position: center;}*/
    .soti-one-banner {background: #005589 url('/media/z1kpjcuk/sync-xsight-tablet-portrait.png'); background-size: cover; background-repeat: no-repeat; background-position:center; height:100%;}
	.mc-sync-banner {background: #FFF url('/media/z1kpjcuk/sync-xsight-tablet-portrait.png'); background-size: cover; background-repeat: no-repeat; background-position:center center; min-height:230px;}
}


@media screen and (min-width: 768px) and (max-width: 1024px)  {
	.mobility-banner {background:url('/media/5045/mobility-report-after-effects_tablet-horizontal.png');}
	.xsight-banner {background:url('/media/5149/tablet-horizontal-copy.png');}
	.assist-banner {background:url('/media/5498/assist-xsight-banner-tablet-horizontal.png');}
	.insight-banner {background:url('/media/5503/insight-xsight-banner-tablet-horizontal.png');}
	.bundles-banner {background:url('/media/tx3jwefq/tablet-banner-horizontal.png'); }
	.homepage-xsight {background:url('/media/omxhjoos/home-screen-tablethorizontal.png'); }
	.el-corte-hero-banner { background: #2E7F17 url('/media/5730/el-corte-ingles-banner-tablet-horizontal-1.png');}
	.industry-retail2 { background: url('/media/5716/tablet-banner-horizontal.png'); }
	.retail-banner {background:url('/media/5689/tablet-horizontal-copy-1.png'); }
	.NRF-banner {background:url('/media/5775/nrf-hp-banner-tablet-horizontal-1.png'); }
	.amazon-banner {background:url('/media/5722/microsoftteams-image-14.png');  }
	.tier2-sus-banner {background:url('/media/6092/tablet-horizontal.png'); background-position: center; }
	.ukraine-banner {background: #1465a4 url('/media/6121/202204-ukraine-support-landing-page-banner1007x300-1.png'); background-position: center; height: 310px;}
	.request-demo-emm { background: #0274a9 url('/media/mkfdvjmk/tablet-banner-horizontal-soti-mobicontrol.png'); background-position: top right; }
	.healthcare-report-banner { opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 1600px; }
	.lp-competitor { background: #fff url('/media/6638/tablet-horizontal-mobileiron.png'); height:235px; background-position: right top; }
	
	.os-request { background: #fff url('/media/tvtncoas/tablet-banner-horizontal-os-page.png'); margin-top:20px; background-position: right top; min-height:157px; background-repeat:no-repeat; }
    .industry-retail-revamp { background: #934c8d url('/media/uw3p3msu/tablet.png');}
    .azure-lp-banner {background: #005589 url('/media/5ujnpfgf/tablet-long-banner.png');}
    .sync-xsight-banner {background: none;}
    /*.sync-xsight-banner {background: #005589 url('/media/hzpit0di/soti-xsight-banner_tablet-1b.png'); background-size: contain; background-position: center;}*/
    .soti-one-banner {background: #005589 url('/media/ak0lr5ua/sync-xsight-tablet-landscape.png'); background-size: cover; background-repeat: no-repeat; background-position:center; height:100%;}
	.mc-sync-banner {background: #FFF url('/media/ak0lr5ua/sync-xsight-tablet-landscape.png'); background-size: cover; background-repeat: no-repeat; background-position:center center; min-height:230px;}
}

/* Mobile */
@media screen and (min-width: 260px) and (max-width: 600px) {
	
	.pocketController-banner { background: #0074AA url('/media/3288/pocketcontroller_mobile-banner.png'); }
	.lp-snap-banner { background: #595959 url('/media/3755/lp-snap-mobile-banner.png'); }
	.lp-assist-banner { background: #0074AA url('/media/3759/lp-assist-mobile-banner.png'); }
	.lp-xsight-banner {background:url('/media/rg3lz045/mobile-banner-tablet-banner-mobicontrolplusxsight.png'); background-position: center; height:280px !important; }
	.zebra-banner { background: #0074AA url('/media/3443/zebra-mobile-banner.jpg'); }
	.airbus-banner { background: #3A576E url('/media/3497/airbus-mobile-banner.png'); }
	.kochi-banner { background: #f2edf4 url('/media/6346/202206-soti-nextgenroadshow-website-mobile-414x386.png'); }
	.why-soti, .talent-quest, .roadshow-gallery { background: #FDFDFD; }
	.services-banner { background: #0074AA url('/media/3587/soti-services-mobile-banner.png'); }
	.enterprise-premium-banner { background: #0074AA url('/media/3596/enterprise-premium-mobile-banner.png'); }
	.datalogic-banner { background: #466886 url('/media/3694/datalogic-mobile-banner.png'); }
	.aws-banner { background: #CB3920 url('/media/3814/aws-mobile-banner.png'); }
	.product-services-banner { background: #0074AA url('/media/3946/product-services-mobile-banner.png'); }
	.healthcare-mobility { background: #0074AA url('/media/4039/healthcare-mobile-banner.png'); }
	.industries-banner { background: #0074AA url('/media/4051/industries-mobile-banner.png'); }
	.renewal-webinar-banner { background: #0074AA url('/media/4069/renewal-mobile-banner.png'); }
	.fox-news-banner { background: #1f4b96 url('/media/4150/fox-news-mobile-banner.png'); }
	.fox-banner { background: #1f4b96 url('/media/4197/fox-mobile-banner.png'); }
	.linux-banner { background: #3A576E url('/media/4483/linux-mobile-banner.png'); }
	.azure-banner { background: #063d7b url('/media/4497/microsoft-azure-mobile-banner.png'); }
	.brother-banner { background: #0074AA url('/media/4765/brother-mobile-banner.png'); }
	.mobility-banner {background:url('/media/5003/microsoftteams-image.png'); background-position: center;}
	.tier2-sus-banner {background:url('/media/6095/mobile-vertical.png'); background-position: center; }

	.amazon-banner {background:url('/media/5712/smart-phone-banner-copy-2.png'); }
	.retail-banner {background:url('/media/5691/smart-phone-banner-copy-1.png'); background-position: center; }
	.NRF-banner {background:url('/media/5776/nrf-hp-banner-mobile-2.png'); }
	
	.delivery-hero-banner { background: #0074AA url('/media/4266/delivery-hero-banner-mobile.png'); }
	.apm-hero-banner { background: #2E7F17 url('/media/4558/apm-mobile-banner.png'); }
	.fraport-hero-banner { background: #124b98 url('/media/4569/fraport-mobile-banner.png'); }
	.innserve-hero-banner { background: #a12e26 url('/media/4575/innserve-mobile-banner.png'); }
	.el-corte-hero-banner { background: #2E7F17 url('/media/5731/el-corte-ingles-banner-mobile-1.png');}
	.xsight-banner {background:url('/media/5570/xsight-mobile.png');}
	.tl-webinar { background: #0074AA url('/media/4286/tl-mobile-banner.png'); }
	.soti-academy { background: #0074AA url('/media/4355/soti-academy-mobile-banner.png'); }
	.industry-retail { background: #934c8d url('/media/4357/soti-retail-mobile-banner.png'); }
	.industry-retail-video { height: 150px; }
	.industry-tl { background: #2c9446 url('/media/4597/tl-mobile-banner.png'); }
	.industry-retail2 { background: url('/media/5717/mobile-banner.png'); }
	
	.assist-banner {background:url('/media/5499/assist-xsight-banner-mobile.png');}
	.insight-banner {background:url('/media/5504/insight-xsight-banner-mobile.png');}
	.bundles-banner {background:url('/media/o3dpma4g/mobile-banner.png'); }
	.homepage-xsight {background:url('/media/jmmjwn43/homepage-banner-mobile-xsight.png'); }
	
	.homepage-aerospace { background: #0074AA url('/media/4116/homepage-aerospace-mobile-banner.png'); }
	.homepage-industries { background: #0074AA url('/media/4112/homepage-industries-mobile-banner.png'); }
	.onprem-banner { background: #0074AA url('/media/4611/onprem-mobile-banner.png'); }
	.homepage-may2021-banner { background: #0074AA url('/media/4625/may-2021-mobile-banner.png'); }
	.nextgen-banner { background: url('/media/4710/nextgenroadshow-banner-mobile.png'); } 
	.nextgen-banner h1, .nextgen-banner h2 { color: #FFF !important; }
	.uk-microsite-banner { background: #0074AA url('/media/4720/uk-microsite-mobile-banner.png'); }
	.soti-learning { background: url('/media/4734/learning-and-development-group-2.png'); }
	.soti-life { background: url('/media/4735/life-at-soti-group-2.png'); }

	.stat-emm-banner { background: #0274a9 url('/media/6028/soti-emm-stat-mobile.png'); background-position: center; }
	.stat-iot-banner { background: #0274a9 url('/media/6044/soti-iot-stat-mobile.png'); background-position: center; }
	.stat-mdm-banner { background: #0274a9 url('/media/6041/soti-mdm-stat-mobile.png'); background-position: center; }
	.stat-mdm-emm-banner { background: #0274a9 url('/media/6049/soti-mdm-emm-stat-mobile.png'); background-position: center; }
	.ukraine-banner {background: #1465a4 url('/media/6122/202204-ukraine-support-landing-page-banner375x312-1.png'); background-position: center;}
	.request-demo-emm { background: #0274a9 url('/media/o3veavlh/emm-mdm-mobile.png'); background-position: right top;}
	.healthcare-report-banner { opacity: 0.3; position: absolute; left: 0; top: 0; width: 100%; height: 1950px; }
	.lp-competitor { background: #fff url('/media/6635/mobile-mobileiron.png'); background-position: top right; height:250px;}
	.os-request { background: #fff url('/media/z1kho0gm/mobile-banner-os-page.png'); margin-top:20px; background-position: right top;  background-repeat: no-repeat;}
    .industry-retail-revamp { background: #934c8d url('/media/2kcdzkin/mobile.png');}
    .azure-lp-banner {background: #005589 url('/media/dvzlsn05/mobile-banner-1.png');}
    .legal-page-banner{background: #005589 url('/media/53yo1sol/mobile414x386-legal.png');}
    .sync-xsight-banner {background: none;}
    /*.sync-xsight-banner {background: #005589 url('/media/ikrjwust/soti-xsight-banner_mobile-1b.png'); background-size: contain; background-position: center; min-height:500px;}*/
    .soti-one-banner {background: #005589 url('/media/zlkhijap/sync-xsight-mobile.png'); background-size: cover; background-repeat: no-repeat; background-position:center; height:100%;}
	.mc-sync-banner {background: #FFF url('/media/zlkhijap/sync-xsight-mobile.png'); background-size: cover; background-repeat: no-repeat; background-position:center center; min-height:230px;}
}

@media screen and (min-width: 600px) and (max-width: 1024px){
	.ukraine-banner-text{
		padding-top: 50px;
	}
}


.sidebar-box { border: solid; position: relative; height: 120px; overflow: hidden }

/* New Nav Styles */
header .request-demo {
    background: 0 0;
    border: solid 1px #fff;
    padding: 0.438rem 0.938rem;
    position: relative;
    float: left;
    left: -0.625rem;
    top: 0.938rem;
}
header .request-demo a {
    color: #fff;
}
header.active .request-demo,
header:hover .request-demo {
    background: #0074aa;
}
header.active .request-demo,
header:hover .request-demo a {
    color: #fff;
}
.nav-search-bar {
    position: relative;
    float: right;
}
nav span .menu {
    max-width: 85rem;
    width: 85%;
    height: 22rem;
    margin: auto;
    right: 0;
    background-color: #fdfdfd;
}
nav span .menu .inner-menu {
    width: 100% !important;
    padding: 0;
}
nav span .menu .inner-menu h4 {
    color: #000;
    font-size: 18px;
    font-weight: 500;
    padding: 0 0.625rem;
    margin: 1.2rem 0 0.5rem;
    border-bottom: none;
}
nav span .menu.r .large-8 h4 {
    padding: 0;
}
nav span .menu .inner-menu .link-contain {
    margin-bottom: 0;
}
nav span .menu .inner-menu .link-contain a {
    font-size: 15px !important;
    padding: 0.625rem;
    color: #5c5c5c;
}
nav span .menu .inner-menu .link-contain::after {
    top: 0.625rem;
    right: 0.625rem;
}
nav span .menu .inner-menu .link-contain a:hover {
    color: #0099d3;
}
nav span .menu.ps .ps-shower > div.active {
    background: #e1f4fb;
    min-height: 22rem;
}
nav span .menu .inner-menu .link-contain.resources-link a {
    padding: 0.625rem 0;
}
nav span .menu .inner-menu .link-contain.resources-link:after {
    right: 0;
}
nav span .menu .inner-menu .link-contain.resources-link a:hover {
    background-color: transparent;
    text-decoration: underline;
}
nav span .menu .inner-menu .link-contain::after {
    background-image: none;
}
.menu.ps.in .ps-shower {
    margin-top: 0;
}
.preview-logo {
    margin-bottom: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
}
.preview-logo img {
    width: 100%;
    height: 9.375rem;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.preview-content {
    margin: auto;
    display: flex;
    padding: 3.5rem;
    height: 22rem;
    width: 22rem;
    justify-content: space-evenly;
    align-items: center;
    flex-direction: column;
}
.preview-overlay {
    height: 22rem;
    margin: auto;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    width: 22rem;
}
.preview-overlay:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
.preview-overlay.svg-bg {
    align-items: center;
}
.preview-overlay .preview-text p {
    color: #fff !important;
    line-height: 25px;
    text-align: left;
}
.preview-text {
    z-index: 1;
}
.preview-text p.text {
    font-weight: 700;
    margin-bottom: 0.313rem;
    line-height: 20px !important;
    align-self: flex-start;
}
.preview-overlay .preview-text {
    padding: 1.5rem;
    background-color: #0074aa;
    opacity: 0.9;
    width: 100%;
    height: 10rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}
.preview-table {
    display: flex;
    flex-direction: row;
    align-items: center;
    background: #e1f4fb 0 0 no-repeat padding-box;
    backdrop-filter: blur(16px);
    padding: 0 0.625rem;
    margin-bottom: 0.938rem;
    border-radius: 0.375rem;
}
.preview-table .preview-image {
    width: 20%;
    background: #fff;
    margin: 0.4rem;
}
.preview-table .preview-text {
    width: 80%;
    padding: 0.625rem;
    background-color: transparent;
    opacity: 1;
}
.preview-table .preview-text span {
    font-size: 13px;
    line-height: 18px;
    display: block;
    padding: 0;
    margin-bottom: 0.5rem;
}
.preview-table .preview-text p {
    font-size: 13px;
    line-height: 18px;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
footer li a {
    display: block !important;
}
nav {
    margin-left: 6.5%;
}
nav span .menu {
    border-bottom: thin solid rgb(0, 0, 0, 0.15);
}
.breadcrumb,
.max-container {
    background-color: #fdfdfd;
}
.image-on-mobile {
    display: flex;
    flex-wrap: wrap;
    padding: 0.2rem 0.5rem;
    justify-content: space-evenly;
    margin-top: 2rem;
    margin-left: -1rem;
    max-width: 22rem;
}
.image-on-mobile div {
    display: flex;
    height: 8rem;
    width: 9rem;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}
.image-on-mobile div.more {
    flex-basis: 100%;
    display: inline-block;
    background: 0 0;
    height: 0;
    padding-top: 1rem;
    padding-left: 1.2rem;
}
.image-on-mobile div.more span {
    margin-left: 0.25rem;
}
.image-on-mobile div.more a {
    display: flex;
    align-items: center;
}
.image-on-mobile div img {
    max-height: 95%;
    max-width: 95%;
    object-fit: cover;
    vertical-align: baseline;
}
.mobile-support {
    padding: 5px;
}

.mobile-support .product-support {
    max-width: 20rem;
}
#SuppProdMob {
    background-color: #fff;
}
.mobile-support > p {
    width: 90%;
}
.mobile-support > p,
.product-support {
    padding: 0 0.5rem;
}
.menu .ps-shower ~ div {
    width: 34.66667%;
}
.menu div.large-5.columns.end {
    margin-left: 2.33333%;
}
nav span .menu.ps .large-4 {
    padding-right: 0;
}
.product-support #SuppProd {
    margin: 0 0 0.5rem;
}
.product-support a {
    padding: 6px;
    width: 100%;
    font-size: 15px;
    text-transform: capitalize;
}
#SuppProdMob,
.product-support #SuppProd {
    background-color: #fff;
    color: #5c5c5c;
}
.home-page header,
.home-page header.active,
.home-page header:hover,
header,
header.active,
header:hover {
    background-color: #0074aa !important;
}
.home-page header .soti-logo,
.home-page header.active .soti-logo,
.home-page header:hover .soti-logo,
header .soti-logo,
header.active .soti-logo,
header:hover .soti-logo {
    fill: #fff;
}
.home-page header .mobile-nav-btn span,
.home-page header.active .mobile-nav-btn span,
.home-page header:hover .mobile-nav-btn span,
header .mobile-nav-btn span,
header.active .mobile-nav-btn span,
header:hover .mobile-nav-btn span {
    background: #fff !important;
}
.home-page header .link-bar a,
.home-page header.active .link-bar a,
.home-page header.active nav span > a,
.home-page header:hover .link-bar a,
.home-page header:hover nav span > a,
header .link-bar a,
header nav span > a,
header.active .link-bar a,
header.active nav span > a,
header:hover .link-bar a .home-page header nav span > a,
header:hover nav span > a {
    color: #fff !important;
}
header .link-bar .dropdown .dropdown-content a {
    color: #0074aa !important;
    margin-left: 0;
    border-right: none;
}
header .link-bar .dropdown .dropdown-content a:focus-visible,
header .link-bar .dropdown .dropdown-content a:hover {
    color: #fff !important;
    background-color: #0074aa !important;
}
header .link-bar > a {
    border-right: thin solid #fff;
}
header .link-bar div > span {
    margin-left: 0.5rem;
    margin-right: 0.2rem;
    border-right: none;
    color: #fff;
    font-size: 11px;
}
nav span.hover .menu {
    top: 80px;
    opacity: 1;
    display: block;
}
nav span.hover .menu .inner-menu {
    opacity: 1;
    top: 0;
}
[tabindex]:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible {
    outline: -webkit-focus-ring-color auto 1px;
    outline: revert;
    background: 0 0;
}
a.nav-card-link {
    color: #222;
}
a.nav-card-link:active,
a.nav-card-link:hover {
    color: #5c5c5c;
}
nav span.hover > a::after {
    display: block;
}
.show-on-focus {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
}
.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto;
}
nav span .menu .inner-menu .row {
    margin: 0;
}
nav span > a::after {
    content: "";
    height: 0.125rem;
    width: 2.5rem;
    border: none;
    bottom: -0.313rem;
    left: 0;
    right: 0;
    margin: 0;
    position: absolute;
    display: none;
    background: #fff;
}
.button.trial-link {
    font-family: Rubik, sans-serif;
    font-weight: 400;
    background-color: #ffd818;
    color: #012854;
    border-bottom: none !important;
    margin: 0;
    padding: 0.425rem 0.625rem;
    font-size: 15px;
    bottom: 0;
    min-width: 8.97rem;
}
.button.trial-link:active,
.button.trial-link:focus,
.button.trial-link:hover {
    background-color: #ffbf0d;
    color: #000;
}
.no-image-hero h5,
.recent-posts li.post h5,
.ss-profservices-offerings h5,
input,
nav span .menu .inner-menu .link-contain small,
nav span .menu.p .large-8 p,
nav span .menu.ps .ps-shower .preview-content p,
select {
    color: #5c5c5c;
}
nav span .menu.ps .ps-shower .preview-content p {
    line-height: 20px;
}
header .link-bar a {
    padding-right: 0;
}
header .link-bar > a {
    padding-right: 10px;
}
.show-for-sr {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}
footer {
    background-color: #f2f2f2;
}
.soti-logo {
    margin-top: 0;
}
footer .social-icons svg *,
footer .social-icons a:hover svg *,
footer .soti-logo {
    fill: #0c74aa;
    transition: all .1s ease-out;
    margin: 0;
}
footer .social-icons {
    margin: 0;
    max-width: 20rem;
}
footer .social-icons li {
    padding: 0;
}
footer .social-icons li:not(:first-child) {
    margin-left: 1rem;
}
footer .row div > span {
    color: #222;
    line-height: 20px;
    font-size: 13px;
}
footer .fixh5 {
    color: #222;
    font-weight: 300;
    font-size: 24px;
}
footer .back-to-top,
footer .copyright p {
    color: #636363;
}
footer .back-to-top {
    font-size: 18px;
    text-transform: uppercase;
}
footer .copyright {
    border-top: thin solid rgba(0, 0, 0, 0.2);
    padding-top: 1rem;
}
.breadcrumb {
    position: relative;
    z-index: 1000;
}
.breadcrumb nav {
    display: flex !important;
    margin-left: 0;
    animation: fadeIn 1s both;
}
.breadcrumb nav span {
    padding: 0;
    margin: 0 0.5rem;
}
.breadcrumb nav ol {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5625em 0.875em 0.5625em;
    overflow: hidden;
    margin: 0;
    list-style: none;
    list-style-position: initial;
    list-style-image: initial;
    list-style-type: none;
    color: #0074aa;
    font-size: 12px;
}
.breadcrumb nav ol li span.ti-home {
    margin: 0;
}
.breadcrumb li,
.breadcrumb li a {
    color: #636363;
}
.breadcrumb li a:not([aria-disabled="true"]) {
    color: #0074aa;
}
.breadcrumb nav ol li a:hover {
    color: #00a2ed;
}
footer a:hover, footer button:hover {
    color: #00a2ed !important;
}
footer a, footer button {
    color: #0074aa;
}
footer .copyright p {
    margin-top: 0;
}
footer .copyright a {
    padding: 0 0.4rem;
    border-right: none;
}
.mobile-nav-btn {
    position: relative;
    top: 0;
    right: 0;
    margin-right: 0 !important;
}
.search-bar {
    display: none;
    align-items: center;
    height: 2rem;
    padding: 0;
    width: 80%;
    justify-content: flex-end;
}
.search-bar input {
    width: 0;
}
.search-bar.active input {
    padding-right: 2rem;
}
.search-bar.active {
    display: flex;
}
.header-right {
    display: inline-block;
    float: right;
}
.right-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #fff;
}
.right-bar > .nav-bottom-right {
    display: flex;
    align-items: center;
    height: 2rem;
}
.nav-bottom-right div span.ti {
    padding: 0.4rem;
    margin: 0 0.5rem;
    cursor: pointer;
    color: #fff;
    font-size: 1.25rem;
}


@media (max-width: 360px) {
    .image-on-mobile div {
        height: 6rem;
        width: 6rem;
    }
}
@media (min-width: 360px) and (max-width: 768px) {
    section.content .hero-area {
        margin: 0 !important;
        padding: 0 !important;
    }
}
@media (min-width: 980px) {
    footer .social-icons {
        margin: 0 -.625em 0;
    }
}
@media (max-width: 980px) {
    .mobile-nav,
    .mobile-nav-btn {
        display: block !important;
    }
}
@media (min-width: 1100px) {
    .nav-bottom-right div span.ti-close {
        visibility: hidden;
    }
}
@media (max-width: 1100px) {
    .breadcrumb {
        position: absolute;
    }
    section.content {
        margin-top: 3rem;
    }
    /*.page-wrapper.activatePage.trial-new {
        margin-top: 4rem;
    }*/
    body {
        padding-top: 0;
    }
    header {
        height: 3rem;
    }
    header .soti-logo {
        height: 1.8rem;
    }
    .right-bar a,
    .search-bar.active ~ .mobile-nav-btn,
    header .link-bar {
        display: none !important;
    }
    .home-page #slider-banner .banner-content,
    .home-page #slider-banner.hero-area {
        height: 75vh;
    }
    nav.primary {
        visibility: hidden;
    }
    .search-bar {
        width: 100%;
    }
    .search-bar.active ~ .nav-bottom-right div span.ti {
        padding: 0 0 0 10px;
        margin: 0;
    }
}
@media (min-width: 1101px) {
    .header-right {
        margin-top: 1rem;
    }
}
@media (min-width: 1101px) and (max-width: 1240px) {
    .preview-content,
    .preview-overlay {
        width: 20rem;
    }
}
@media (min-width: 1101px) and (max-width: 1272px) {
    .preview-table .preview-text span {
        margin-bottom: 0;
    }
}
@media (min-width: 1101px) and (max-width: 1600px) {
    div.menu.ps > div > div > div > div > div.large-5.columns {
        width: 51.33333%;
    }
    div.menu.ps > div > div > div > div > div.large-2.columns.end {
        width: 20%;
    }
    div.menu.ps > div > div > div > div > div.large-5.columns.end {
        width: 40%;
    }
    div.menu.ps > div > div > div > div > div > div > div.large-5.columns {
        width: 30%;
    }
    div.menu.ps > div > div > div > div > div.large-5.columns.padding-left.end {
        width: 46%;
    }
}

/**********************SOTI SUPPORTS UKRAINE*****************/
.home-cta-bar-ukraine {
	padding: 10px; 	
	background-color: #fff ; 
	color: #000;
	line-height: 50px;
	text-transform: uppercase;
	display: block; }

.home-cta-bar-ukraine > .row { max-width: 1200px; }
.home-cta-bar-ukraine a { color: #000 !important; line-height: normal; position: relative; }
.phone-cta { font-size: 32px; font-family: Rubik,sans-serif; margin-bottom: 20px; }

.home-cta-bar-ukraine .learn-more-link { color: #000; }

.home-cta-bar-ukraine:hover .learn-more-link:after {
    opacity: 1;
    right: -25px;
    transition: all 300ms ease; }

@media screen and (max-width: 1200px){	
	 .home-cta-bar-ukraine {padding-bottom: 40px;} 
}

/*************************************************************/
/********* Competitor Landing Page ********/
.lp-hero-competitor{	
	width: 100%;
	margin:0px;
	padding:15px 15px;
    background-repeat: no-repeat !important;
    background-size: cover!important;
	animation: fadeInAnimation ease 1s;
}
.competitor-hero{
	font-size: 3.3vh;
	color: #0274a9;
	font-weight: 600;
}
/******************************************/
/********* EMM/MDM RequestDemo **********/
.lp-hero-narrow{	
	width: 100%;
	min-height:280px;
	margin:10px 0px;
	padding:15px;
    background-repeat: no-repeat !important;
    background-size: cover!important;
	animation: fadeInAnimation ease 1s;
}

.request-demo-hero-text{
	max-width: 60%;
	display: block;		
	padding: 5px 5px;
	margin: auto 1px;
	color: #0274a9;
	font-weight: 600;
}
.request-demo-hero-text-mobile{	
	max-width: 100%;
	text-align: left;
	display: none; 	
	color: #0274a9;
	font-weight: 600;
}
.request-demo-subheading{
	color: #009ADE; font-weight: bold;
}

.partners-imgs{
	display: inline-block; 
	width: 110px; 
	height: 110px; 
	overflow:hidden;
	margin-top:-25px;
	margin-bottom:-25px;
}
.section-size{
	max-width: 100%;
}
.features-placement{
	margin: auto;
	margin-bottom: 30px;
}
.support-placement{
	margin: auto;	
	margin-bottom: 30px;
}
.partner-placement{
	margin: auto;
}
.hero-text-large-screen{
	display: block;
	margin-top:30px;
}
.hero-text-small-screen{
	display: none;
	margin-top:50px;
}
.button_container{
    position: relative;
    margin-left:7.5%;
    margin-top:7.5%;
}
.sotione-logo-dsktp-mdm{
    display:none;
}
.sotione-logo-mobile-mdm{
    display:block;
    margin:20px auto;
}
.mdm-hero-mobile>h3{
    width: 60%;
}
.mdm-solution-features{
    width:50%;
    margin: 20px auto;
}
.os_section_display{
    width:100%;
}

/*Azure LP Styles - Hina*/
.button__lp-azure{
    font-family: Rubik,sans-serif;
    font-weight: normal;
    background-color: #0074AA;
    border: none;
    outline: 0;
    box-shadow: none;
    border-radius: 2px;
    font-size: 16px;
    font-weight: normal;
    line-height: normal;
    text-transform: uppercase;
    border-bottom: none !important;
    color: #fff;
    padding: 15px 25px;
}
.button__lp-azure:hover,
.button__lp-azure:focus{
	background-color: #0099D3;
	transition: all 100ms ease-in-out; 
    color: #fff!important;
}

@media screen and (min-width: 260px) and (max-width: 667px){	
	.lp-hero-competitor{ min-height: 250px; margin-top:10px;} 
	.request-demo-hero-text{
		display:none;
	}
	.request-demo-hero-text-mobile{
		display: block;	
	}	
	.partner-placement{
		margin-top: -40px;		
	}
	.hero-text-large-screen{
		display: none;
	}
	.hero-text-small-screen{
		display: block;
	}
	.button_container{
	    margin-left:2.5%;
        margin-top:19%!important;
        margin-bottom:35px;
    }
    .button__lp-azure{
        font-size: 14px;
        padding: 10px 15px;
    }
}

@media screen and (min-width: 667px) and (max-width: 980px){		
	.lp-hero-competitor{ min-height: 250px;}
	.request-demo-hero-text{
		display:none;
	}
	.request-demo-hero-text-mobile{
		display: block;	
	}	
	.support-placement{
			margin-top: -60px;		
		}
	.partner-placement{
			margin-top: -90px;		
		}
	.hero-text-large-screen{
		display: none;
	}
	.hero-text-small-screen{
		display: block;
	}
	.button_container{
	    margin-left:5%;
        margin-top:8%!important;
    }
    .button__lp-azure{
        font-size: 14px;
        padding: 10px 16px;
    }
}
@media screen and (min-width: 667px) and (max-width: 768px){
    .button_container{
	    margin-left:5%;
        margin-top:24%!important;
        margin-bottom:28px;
    }
    .button__lp-azure{
        font-size: 14px;
        padding: 10px 16px;
    }
}
@media screen and (min-width: 980px) and (max-width: 1200px){ 
	.lp-hero-narrow{min-height: 220px;} 
	.request-demo-hero-text{ color: #fff;}
	.competitor-hero{color: #0274a9;}
	.support-placement{
		margin-top: -70px;		
	}
	.partner-placement{
		margin-top: -100px;		
	}
	.button_container{
	    margin-left:0%;
        margin-top:13%!important;
    }
    .button__lp-azure{
        font-size: 14px;
        padding: 12px 16px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px){
	.request-demo-hero{ color: #fff; }
	.request-demo-hero-text{ max-width: 60%; padding: 70px 30px 0px; }
}

@media screen and (min-width: 1025px) and (max-width: 1439px){ 		
	.request-demo-hero-text{ max-width: 55%; }
	.request-demo-hero-text .h1{ font-size: 24px!important;}
	.competitor-hero{margin-top:20px;}
	.lp-hero-narrow{min-height: 200px;}
	.section-size{
		width: 60%;
	}
	.features-placement{
		margin-top:-380px; 
	}
	.support-placement{
		margin-top: -420px;		
	}
	.partner-placement{
		margin-top: -290px;		
	}
	.button_container{
	    margin-left:3%;
        margin-top:11%!important;
    }
    .button__lp-azure{
        font-size: 16px;
        padding: 15px 25px;
    }
}
@media screen and (min-width: 1025px) and (max-width: 1135px){
    .azure-lp-banner{ background-size: contain!important; border:none;}
    .button_container{
	    margin-left:2%;
        margin-top:12%!important;
    }
}
@media screen and (min-width: 1440px) and (max-width: 10000px){ 
	.request-demo-hero-text{ max-width: 60%; padding: 50px 10px; }	
	.lp-hero-narrow{min-height: 200px;}
	.competitor-hero{line-height: 1.4;}
	.section-size{
		width: 60%;
	}
	.features-placement{
		margin-top:-410px; 
	}
	.support-placement{
		margin-top: -416px;		
	}
	.partner-placement{
		margin-top: -285px;
	}
}
@media screen and (min-width:900px){
    .sotione-logo-dsktp-mdm{
        display:block;
    }
    .sotione-logo-mobile-mdm{
        display:none;
    }
    .os_section_display{
        width:60%;
        margin:auto;
    }
}
@media screen and (max-width: 900px){
    .mdm-hero-mobile{
        text-align:center;
    }
    .mdm-hero-mobile>h3{
        width:100%;
    }
    .mdm-solution-features{
        width:100%;
    }
}
/****************************/
/**** Request A Demo Pop-up Button - HomePage - Hina ***/

.button__demo-green{
	font-family: Rubik,sans-serif;
    font-weight: normal;
	border-style: solid;
    border-width: 1px;
    cursor: pointer;    
    line-height: 1;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    display: inline-block;
    padding-top: 0.8125em;
    padding-right: 1.5em;
    padding-bottom: 0.75em;
    padding-left: 1.5em;
    font-size: 1em;
    background-color: #326407;
    border-color: #2284a1;
    color: #fff;
	box-shadow: none;
    border-radius: 2px;
	height: auto;
	width: initial;
}

.button__demo-green:hover, .button__demo-green:focus{
	background-color: #71b13f;
}

/*JP - EMM/MDM Styles - Hina*/

 .jp_emm_solution_responsive-mobile{
    display:block;
}
.jp_emm_solution_responsive-desktop{
    display:none;
}
@media screen and (min-width:600px){
   .jp_emm_solution_responsive-mobile{
        display:none;
    }       
    .jp_emm_solution_responsive-desktop{
        display:block;
    }
}

/********* Sync-XSight ********/
.homepage-banner-sync-xsight{
    margin-top:20px; padding-bottom: 0;
}
.hero-content-full{
    margin-top:20px;
    margin-bottom:20px;
}
.hero-content-full:last-child{
    padding-left:50px;
    margin-top:10px;
}
.xsight-logo{
    width:16vw; padding-top:30px;
    margin-bottom:10px;
}
.sync-text{
    width:100%;
    text-transform: capitalize;
    color: #134791 !important;
    font-size: 20px;
    line-height: 1.5rem;
    font-weight: 700;
    text-align: center;
    margin:0;
    margin-bottom:10px;
}
.xsight-text{
    /*width:50%; */
    padding-top:28px; color:#000; padding-bottom:20px;
}
.sync-button{
    padding: .5rem 1.5rem;
    color:#fff;
    margin-left:0px;
    background: #2362BA;
    /*box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);*/
    border-radius: 6px;
    /*border: 3px solid #ffffff;*/
    font-size: 18px;
    font-weight:500;
    margin: 0 auto;
    margin-bottom:0.5rem;
    white-space: nowrap;
}
.xsight-button{
    padding: 1vh 5vw;
    background-color:#fff;
    border-radius: 5px;
    color:#0074A9;
    border:2px solid #0074A9;
}
.banner-divider-line{
    height: 200px;
    width:1px;
    background-color: #666666;
    border:none;
    position: absolute;
    top: 5%;
    right: 0%;
}
.xsight-button:hover{
    color:#fff;
    background-color:#0074A9;
}
.sop-sync{
    padding-left:70px!important;
}
.sop-text{
    color: #0099D3;
    font-size:32px; 
    padding: 70px 10px; 
}
.cta_buttons_mc{
    display:block;
    margin-top:75px;
}
.mc-logo{
    width: 32vw; padding-top:40px;
}
.xs-logo{
        width: 24vw; 
        padding-top:36px;
        padding-bottom: 20px;
    }
.sync-content-box{
        width:90%; margin-top: 10px!important;
    }
/*************Healthcare Landing Page***********/
.healthcare-infographic-block{
    width:94%;
    max-height:auto;
    background:linear-gradient(35deg, #78ca9d, #57a1a4);
    padding:10px;
    margin:auto;
    border-radius: 6px;
}
.sop-logo{
    width: 25vw;
}
@media screen and (min-width:1441px) and (max-width: 1599px){
    /*.sop-text{*/
    /*    padding:0;*/
    /*}*/
}

@media screen and (min-width:1000px) and (max-width:1440px){
    .hero-content-full:last-child{
        margin-top:20px;
    }
    .xsight-logo{
        width: 16vw; padding-top: 10px;
    }
    .xsight-text{
        padding-top:32px; padding-bottom:12px; margin-bottom: 20px;
    }
    .xsight-button{
        font-size:14px!important; 
    }
    .banner-divider-line{
        top:-10%;
    }
    .sop-text{
        color: #0099D3;
        font-size:32px; 
        
    }
    
    .xs-logo{
        width: 24vw; 
        padding-top:30px;
        padding-bottom: 20px;
    }
    .cta_buttons_mc{
        display:block;
        margin-top:75px;
    }

}
@media screen and (min-width:1001px) and (max-width:1400px){
        .sop-logo{
            width: 35vw!important;
            padding: 22px 0 5px!important;   
        }
        div.mc-sync-banner>div.row>div.hero-content-full{
            margin-top:65px;
        }
        div.xs-sync-banner>div.hero-content-full{
            margin-top:65px;
        }
       
        .cta_buttons_mc{
            display:block;
            margin-top:75px;
        }
        /*.xs-logo{*/
        /*    width: 14vw; */
        /*    padding-top:32px;*/
        /*}*/
    }

@media screen and (min-width:768px) and (max-width:1024px){
    .homepage-banner-sync-xsight{
        padding: 0!important;
    }
    
    .xsight-logo{
        width:32vw; padding-top:25px;
    }
    .xsight-text{
        font-size: 24px!important; width:70%; margin:24px auto;margin-left:0; 
        /*padding-top:10px;*/
    }
    .sync-button{
        font-size:12px!important; padding: 1vh 3.5vw; 
    }
    .xsight-button{
        font-size:12px!important;
    }
    .banner-divider-line{
        top:-10%;
    }
    .sop-text{
        font-size:24px!important; 
        /*padding:40px 0;*/
    }
    .sop-logo{
        padding: 50px 0!important;    
    }
    .sop-sync{
        margin: 50px 0;
    }
    .sop-content{
        margin-top:20px;
    }
    .mc-logo{
        width: 40vw; 
        padding-top:40px;
    }
    .xs-logo{
        width: 32vw; 
        padding-top:36px;
        padding-bottom: 20px;
    }
    .cta_buttons_mc{
        display:block;
        margin-top:80px;
    }
    div.mc-sync-banner>div.row>div.hero-content-full>div.sync-content-box>a.sync-button{
        font-size:14px!important; padding: 1vh 3.5vw;
    }
    div.mc-sync-banner>div.row>div.hero-content-full{
        margin-top:65px;
    }
    div.xs-sync-banner>div.hero-content-full>div.sync-content-box>a.sync-button{
        font-size:14px!important; padding: 1vh 3.5vw;
    }
    div.xs-sync-banner>div.hero-content-full{
        margin-top:35px;
    }
    .mc-section{
        padding:0!important;
    }
}
@media screen and (min-width:600px) and (max-width:768px){
    section.content>section.homepage-banner-sync-xsight{
        padding: 0!important;
    }
    .hero-content-full{
        text-align: center; margin-bottom:0;
    }
    .hero-content-full:last-child{
        margin-top:0; padding:0;
    }
    .xsight-content-box{ padding-left:0; margin: 10px auto 30px;}
    .xsight-logo{
        width:32vw; padding-top:0px;
        
    }
    .xsight-text{
        font-size: 24px!important; width:100%; padding:20px 5px; text-align:center; 
    }
    .sync-button{
        padding: 1vh 6vw; margin:auto;
    }
    .xsight-button{
        
    }
    
    .banner-divider-line{
        height: 1px;
        width: 100%;
        background-color: #999999;
        border:default;
        position: static;
        margin-top:50px;
        /*top: 5%;*/
        /*right: 0%;*/
    }
    .sop-text{
        font-size:24px!important; 
        text-align:center;
        padding:30px 0 0;
    }
    .sop-logo{
        width:40%;
    }
    div.sop-content>div.hero-content-full>div.sync-content-box{
        padding:10px;
    }
    .sop-sync{
        padding:10px!important;
    }
    .mc-logo{
        width: 70vw; 
        padding-top:20px;
    }
    .xs-logo{
        width: 60vw; 
        padding-top:20px;
        padding-bottom: 10px;
    }
    .cta_buttons_mc{
        display:block;
        margin: 65px auto auto;
        text-align:center;
    }
    a.button.main-cta, input.button.main-cta {
		margin: auto; 
    }
	.mc-section{
        padding:0!important;
    }
    div.mc-sync-banner>div.row>div.hero-content-full>div.sync-content-box{
        margin-top:20px;
    }
    div.xs-sync-banner>div.hero-content-full>div.sync-content-box{
        margin-top:20px;
    }
}
@media screen and (max-width:600px){
    .healthcare-infographic-block{
        width:98%;
    }
    .hero-content-full{
        text-align: center;
        margin:auto;
    }
    .hero-content-full:last-child{
        margin-top:0;
        padding-left:15px;
        margin-bottom: 50px;
    }
    .sync-content-box{
        width:90%; margin-top: 20px!important;
    }
    .xsight-logo{
        width:80vw;
        padding-top:10px;
    }
    .xsight-content-box{
        width:100%; margin: 10px auto;
    }
    .xsight-text{
        font-size: 24px!important; font-weight:500; width:98%; margin:10px auto; padding: 20px 10px;
    }
    .sync-button{
        padding: 1vh 19vw; margin-left:0;
    }
    .xsight-button{
        padding: 1vh 14vw; margin-top: 20px;
    }
    .banner-divider-line{
        height: 1px;
        width: 100%;
        background-color: #999999;
        border:default;
        position: static;
        margin-top:50px;
        /*top: 5%;*/
        /*right: 0%;*/
    }
    section.content>section.homepage-banner-sync-xsight{
        padding: 0!important;
    }
    
    .sop-sync{
        padding-left:0px!important;
    }
    .sop-text{
        font-size:24px!important; 
        text-align:center;
        padding:0;
    }
    .sop-logo{
        width:80%;
    }
    .mc-logo{
        width: 80vw; 
        padding-top:20px;
    }
    .xs-logo{
        width: 60vw; 
        padding-top:20px;
        padding-bottom: 10px;
    }
    .cta_buttons_mc{
        display:block;
        margin-top:65px;
    }
    span.xsight-button{
        box-sizing: content-box;
        /*word-break: normal;*/
    }
    section.content>section.mc-section{
        padding:0!important;
    }
    div.mc-sync-banner>div.row>div.hero-content-full>div.sync-content-box{
        margin-top:50px;
    }
    div.xs-sync-banner>div.hero-content-full>div.sync-content-box{
        margin-top:50px;
    }
}

@media screen and (min-width:768px) and (max-width:1024px){
    .xsight-content-box{ 
        padding-top:1rem!important; 
        padding-bottom:1rem!important;
    }
}

/****************************/

@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
    nav span .menu {
        -webkit-backdrop-filter: blur(16px);
        backdrop-filter: blur(16px);
        background-color: rgba(255, 255, 255, 0.85);
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/* Mobile Nav */
.zeynep {
    top: 3rem;
    right: 0;
    left: auto;
    bottom: 0;
    position: fixed;
    overflow: hidden;
    overflow-y: auto;
    z-index: 1011;
    pointer-events: none;
    transform: translateX(100%);
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 1100px) {
    .zeynep {
        visibility: hidden;
    }
}
.zeynep .submenu:not(.no-transition),
.zeynep:not(.no-transition) {
    transition: all 250ms;
}
.zeynep-overlay {
    top: 3rem;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    position: fixed;
    z-index: 1010;
    background-color: rgba(0, 0, 0, 0.42);
}
.zeynep-opened .zeynep-overlay {
    display: block;
}
.zeynep.opened {
    pointer-events: auto;
    transform: translateX(0);
}
.zeynep.submenu-opened {
    overflow: hidden;
}
.zeynep .submenu {
    top: 0;
    bottom: 0;
    min-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    position: fixed;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-overflow-scrolling: touch;
}
.zeynep .submenu.opened {
    left: 0;
    pointer-events: auto;
    opacity: 1;
}
.zeynep .submenu.opened:not(.current) {
    overflow: hidden;
}
.zeynep {
    background-color: #e5f5fb;
    color: #222;
    width: 88%;
}
.zeynep ul {
    list-style-type: none;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}
.zeynep > ul {
    margin: 1rem;
}
.zeynep ul > li {
    display: block;
}
.zeynep ul > li > a {
    color: inherit;
    display: block;
    font-size: 14px;
    padding: 5px 15px 5px 10px;
    text-decoration: none;
    transition: all 150ms;
}
.zeynep ul ul > li > a:not([data-submenu]) {
    color: #5c5c5c;
}
.zeynep .bold-link,
.zeynep ul > li.has-submenu > a,
.zeynep > ul > li > a {
    font-weight: 600;
}
.zeynep ul > li > a:hover {
    background-color: #fdfdfd;
    border-radius: 3px;
}
.zeynep ul > li > a > span {
    font-size: 10px;
    font-weight: 700;
    margin-left: 0.5rem;
}
.zeynep .submenu {
    background-color: #e5f5fb;
    left: 24em;
}
.zeynep .submenu-header {
    cursor: pointer;
    position: relative;
}
.zeynep .submenu-header > a {
    color: inherit;
    display: block;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px 10px 32px;
    text-decoration: none;
}
.zeynep li a.bold-link {
    color: #222 !important;
    margin: 5px 0;
}
.zeynep .submenu-header > a > span {
    font-size: 10px;
    font-weight: 700;
    margin-right: 0.5rem;
}
.zeynep .submenu > label {
    color: #e77691;
    display: block;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 19px;
    opacity: 0.5;
    padding-left: 40px;
    width: 100%;
}
.zeynep-opened body {
    overflow: hidden;
}
.zeynep > div {
    padding: 0 2rem;
    clear: both;
}
.zeynep > div > a {
    width: 100%;
    margin-top: 15px;
    max-width: 300px !important;
}
.zeynep.opened .mobnav-lang {
    margin-top: auto;
    margin-bottom: 8rem;
    max-width: 22.5rem;
}
.zeynep.opened .mobnav-lang label {
    color: #5c5c5c !important;
}
.zeynep.opened .mobnav-lang select {
    background-color: #fff;
    color: #5c5c5c;
}
.zeynep.opened > div:last-child {
    margin-top: auto;
    margin-bottom: 2rem;
}
.zeynep.opened {
    display: flex;
    flex-direction: column;
}
.zeynep .button.trial-link {
    background-color: #0074aa !important;
    color: #fff !important;
}
.zeynep .button.trial-link:hover {
    background-color: #0074aa !important;
    color: #fff !important;
}

/* Chat with us Page */
	
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,400;1,300&display=swap');

.font__rubik{
    font-family: "Rubik";
}


.Main__page{
    background-image: url(/media/6282/1920-background.png);
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    display:flex;
    justify-content: end;
    align-items: center;
}

.box__blur{
	margin-right: 300px;
    width: 64vh;
    height: 78vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
    box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}

.title_chat-with-us{
    padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: baseline;
    font-size: 40px;
	font-weight: bold;
}

.sub__title{
    position: absolute ;
    top: 15%;
    color: #0074AA;
    font-size: 79%;
}

button {
    height: 115px;
    width: 115px;
    border-radius:100px ;
    border: none;
    position: relative;
}

#chat__with--us{
    margin: 0 auto  ;
    display: flex ;
    justify-content: center ;
    background:rgba(12,117,173,0.2) ;
	border-radius: 50000px ;
}

.button_box{
    padding-top: 2vh ;
   
}

.chat_with--us__image{
    margin-top: 13px ;
    width: 100% ;
    height: 70% ;
}

.chat__with__us__instantly{
    font-weight: bold;
    color: #0074AA;
    display: flex;
    align-content: center;
    justify-content: center;
    font-weight: bold;
    margin-top: 3%;
    font-family: 'Rubik';
	font-size:2vh;
}

.sub__tag{
    font-size: 20px;
    color: #0074AA;
    display: flex;
    justify-content: center;
	margin-top:25px;
	margin-bottom:25px;
}

.button__lower--box{
    display: flex;
}

.phone__call--button{
    margin-top: 15%;
    margin-left: 19%;
    width: 80%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
 
.email__tag{
	 margin-left: 19% ;
    margin-top: 2% ;
    font-weight: bold ;
    font-size: 20px ;
}

.phone__tag{
	margin-left: 69%;
    margin-top: -30px;
    font-weight:bold;
	font-size: 20px;}

#chat__with--us:hover{
 box-shadow: inset 300px 0 0 0 #0074AA;
  cursor: pointer;
  color: #0074AA;
	
}
.chat_with--us__image:hover{
	filter: brightness(0) invert(1);
}

.phone__call--button:hover{
	filter: brightness(0) invert(1);
}

#chat__with--us1{
	margin: 0 auto  ;
    display: flex ;
    justify-content: center ;
	border-radius: 50000px ;
}




@media (max-width:1000px) {

	  .box__blur{
	margin-right: -3%;
    width: 64vh;
    height: 78vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
    box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}
}

@media (max-width:750px) {

	  .box__blur{
    width: 64vh;
    height: 78vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
   box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}
	.title_chat-with-us{
	padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: baseline;
    font-size: 40px;
	font-weight: bold;
}
}
@media (max-width:651px) {

	  .box__blur{
	margin-right:50px;
    width: 65vh;
    height: 92vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
    box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}
	.title_chat-with-us{
	padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: baseline;
    font-size: 40px;
	font-weight: bold;
}
}
@media (max-width:481px) {

	  .box__blur{
	margin-right:11px;
    width: 65vh;
    height: 1000px;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
    box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}
	.title_chat-with-us{
	padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: baseline;
    font-size: 31px;
	font-weight: bold;
}
	.sub_title__mobile{
		margin-top:-7%;
		margin-left:5%;
	}
	
	#chat__with--us{
		margin-top:13%;
	}
	
	.button__lower--box{
		display:block;
	}
	
	.phone__tag{
		margin-left: 41%;
    	margin-top: 30%;
    	font-weight: bold;
    	font-size: 20px;
		
	}
	.email__tag{
		margin-left:43%;
		margin-top:-38%;
		font-weight:bold;
		font-size:20px;
	}
	.button_box{
		padding-top: 0vh;
	}
	.chat__with__us__instantly{
		font-size:3vh;
	}
}

@media (max-width:750px) {

	  .box__blur{
    width: 64vh;
    height: 78vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
    box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
}
	.title_chat-with-us{
	padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;
    align-items: baseline;
    font-size: 40px;
	font-weight: bold;
}
}

@media screen and (max-width: 1115px), 
       screen and (max-height: 670px) {
  
.box__blur{
    width: 69vh;
    height: 118vh;
    background:rgba(255, 255,255,0.2) ;
    backdrop-filter: blur(10px);
    font-size: 24px;
    color: rgb(0, 0, 0);
    display: flex;
    justify-content: center;
    align-items: baseline;
    border-radius: 50px;
 	 box-shadow: 10px 10px 37px 2px rgba(0,0,0,0.25);
	margin-top:11vh;
	margin-bottom:11vh;
	
}		   
		   .title_chat-with-us{
	padding-top: 10%;
    padding-left: 2%;
    color: #0074AA;
    display: flex;
    justify-content: center;
    position: absolute;                
    align-items: baseline;
    font-size: 30px;
	font-weight: bold;
}
		   .sub_title__mobile{
		   	font-size:2vh;
		   }
		   .button_box {
    padding-top: 1vh;
}
		   button {
    height: 100px;
    width: 100px;
    border-radius: 100px;
    border: none;
    position: relative;
}
		   .chat__with__us__instantly {
    font-weight: bold;
    color: #0074AA;
    display: flex;
    align-content: center;
    justify-content: center;
    font-weight: bold;
    margin-top: 3%;
    font-family: 'Rubik';
    font-size: 3vh;
}
}

.brochure--center{
	display: flex;
    align-items: center;
    justify-content: center
}

.home__bar__demo--orange{    /*has changed to color red*/
	padding: 20px !important;
    background-color: #f94a3d;      /*#ef6c00*/
    color: #FFF !important;
    line-height: 28px;
    text-transform: uppercase;
    display: block;
    border-bottom: solid 1px #eaeaea;
}

.learn__more__demo--link{
    font-size:19px;
    color: white;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    transition: all 300ms ease;
}

.align-left--black{
	color:#3e3e3e !important;
}

.bold_font{
font-weight:bold !important;
}

.pardot-form-drop-down-resize {
	font-size: 12px;
}

/* Emergency Services - 2024 - Hina */
.btn_es_cta_click-here{
	background-color:#36E6FF; border-radius:5px; color:#000; text-align:center; padding: 5px 12px;
	border:solid 3px #36E6FF;
	color:#00416F;
	font-size: 20px;
	font-weight:500;
}

.btn_es_cta_click-here:hover{
	background-color:#00416F;	
	color:#fff;
}

/* Emergency Services - 2024 - Hina */
.btn_tnl_cta_click-here{
	background-color:#f18321; border-radius:6px; color:#1d1d1d; text-align:center; padding: 5px;
	border:solid 3px #1d1d1d;
	font-size: 16px;
	font-weight:500;
}

.btn_tnl_cta_click-here:hover{
	background-color:#f49e1d;	
}

/* Retail Page - 2023 - Hina */
.btn_retail_cta_click-here{
	background-color:#F47A72; border-radius:5px; color:#000; text-align:center; padding: 5px 12px;
	border:solid 3px #F47A72;
}

.btn_retail_cta_click-here:hover{
	background-color:#102346;	
	color:#fff;
}

.retail_cust-story_box{
	border: 1px solid #ebebeb; 
	border-radius:20px; 
	padding: 10px;
	margin:10px; 
	box-shadow: 0px 5px 5px 0px #999999;
}

.img_retail_cust-story {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}

.txt-box_retail_cust-story {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.txt-box_retail_cust-story p{margin-top:-20px;}

.container_retail_cust-story:hover .img_retail_cust-story {
  opacity: 0.3;
}

.container_retail_cust-story:hover .txt-box_retail_cust-story {
  opacity: 1;
}

.txt-box_read-more {  
  color: #000;
  font-size: 22px;
  font-weight: 700px;
}

@media screen and (max-width: 900px){
	.btn_es_cta_click-here{
		margin-top:10px;
	}
	.btn_retail_cta_click-here{
		margin-top:10px;
	}
	.product-page-banner-diagram{
	    max-width:600px;
	}
	
} 

.sales-flow-arrows{width:100px;}
@media screen and (max-width: 767px){
    .sales-flow-arrows{transform: rotate(90deg); width:50px;}
}
.sales-flow-arrows-down{width:100px;transform: rotate(180deg);}
@media screen and (max-width: 767px){
    .sales-flow-arrows-down{transform: rotate(90deg); width:50px;}
}
/*****************************/

/*********Customer-Story-Landing-Page**********/



.grey-box-cs{
 width: 20%;
 background-color:#F0F0F0 ;
 border-radius: 10px;
 font-size: 107%;
 text-align: center;
}
.the-challenge-cs{
    display: flex;

}

.the-challenge-section-cs{
    width: 70%;
}
.paragraph-cs{
    width: 50%;
}






/*****************************/

/*********Research Hub**********/
.research-hub-banner{
    background: #D9D9D9 url('/media/y4pnl2u5/research-hub-main-banner.png'); position: relative; width: 100%; min-height: 140px; max-height:306px; left: 0px; top: 50px; background-size: cover; background-position: center center; margin-bottom:50px; text-align:center;
}
.research-hub-banner-overlay{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(34, 34, 34, 0.5); backdrop-filter: blur(4px);-webkit-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}

.research-hub-h1{
    color: #fff!important; font-size: 28px!Important; margin:30px auto; position: relative; font-weight:500!important;
}
.research-hub-h2{
    color: #fff!important; font-size: 18px!Important; margin:30px auto; position: relative; font-weight:400!important;
}
.new-report-section{
    padding-top:10px;
}
.new-report-section-header{
    background: linear-gradient(92.31deg, #4D578C 0.83%, #32B6E9 100%);
    border-radius: 6px 6px 0px 0px;
    padding:20px;
    margin: 10px 10px 0;
    font-family: 'Rubik', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 19px;
    line-height: 23px;
    text-align: center;
    color:#fff;
}
.research-hub-new-report-sec{
    margin: 0 10px!important;
    box-sizing:border-box;
    border: 1px solid #DEDEDE;
    border-top:none;
    box-shadow: 0px 4px 4px rgba(140, 140, 140, 0.15);
    border-radius: 6px;
    padding-bottom:30px;
    text-align:center; margin:auto;
}
.new-report-img{
    background: #D9D9D9 url('/media/bc3nglxb/research-hub-new-report-bg.png'); 
    background-size:contain;
    max-width: 380px;
    position:relative;
    text-align: center; margin:auto!important; float:none!important;
}
.new-report-img>a>.feature-badge-tile{
    width:11rem; height:auto;
}
.new-report-img-overlay{
    position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color:#333; background: rgba(34, 34, 34, 0.5); filter: blur(4px); -webkit-filter:blur(4px);  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.new-report-img>img{
        max-height:100%;
        padding:20px;
        position:relative;
        z-index:2; margin:auto!important;
    }
.new-report-summary{
    font-family: 'Rubik';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0.02em;
    padding: 10px!important;
    text-align: center;
    width:100%;
}
.new-report-summary>ul{
    text-align:left;
}
.button__cta_research-hub{
    font-family: Rubik,sans-serif;
    font-weight: normal;
    background-color: #0074A9;
    color: #fff;
    padding: 20px 24px;
    border: none;
    outline: 0;
    box-shadow: none;
    border-radius: 6px;
    font-size: 16px;
    line-height: 19px;
    border-bottom: none!important;
    margin: 0 0 1.25em;
    position: relative;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    transition-duration: 0.3s;
}
.button__cta_research-hub:hover{
    background-color: #0085be;
    color:#fff;
    
}
.button__cta_research-hub:visited, 
.button__cta_research-hub:active{color:#fff!important;}

.reports-scroller{
    overflow-x:scroll;
    padding:10px;
    overflow-y:hidden;
    white-space: nowrap;
    
    /*scrollbar-width: none;*/
}
.reports-scroller-hide{
    -ms-overflow-style: none;
}
.reports-scroller-hide::-webkit-scrollbar {
        display: none;
    }
.reports-card{
    display:inline-block;
    margin: 10px 20px;
    height:auto;
    vertical-align:top;
}

.reports-card img{
    box-shadow: 0px 4px 4px rgba(140, 140, 140, 0.15);
    border-radius: 6px;
    
}
.reports-card p{
    display:none;
}
.button__download-report{
    display:none;
}
@media screen and (min-width: 1100px){
    .new-report-summary, .new-report-summary ul{
        font-size: 17px;
        padding: 20px!important;
        line-height: 150%!important;
        letter-spacing: 0.02em;
    }
    .research-hub-banner{
        text-align:left;
        min-height: 306px; 
        padding:50px;
        top: 0px;
    }
    .research-hub-banner-overlay{
        min-height: 306px; 
        background: linear-gradient(90deg, rgba(34, 34, 34, 0.7) 36.98%, rgba(34, 34, 34, 0) 100%); backdrop-filter: none;-webkit-filter: none; -webkit-backdrop-filter: none;
    }
    .research-hub-banner-overlay>div.row{
        padding:50px 0;
    }
    .research-hub-h1{
        color: #fff!important; font-size: 40px!Important; margin:20px 0;
    }
    .research-hub-h2{
        color: #fff!important; font-size: 32px!Important; margin:20px 0; max-width:60%;
    }
    .new-report-section-header{
        font-size:24px!important; font-weight:500;
    }
    .research-hub-new-report-sec{
        padding-top:20px; padding-left:20px!important;padding-right:20px!important; 
    }
    .new-report-img{
        background-repeat: no-repeat; 
        background-size:cover;
        max-width: 100%;
        height:300px;
        text-align:left;
        border-radius:6px;
        float:left!important;
    }
    .new-report-img-overlay{
        background: linear-gradient(90.08deg, rgba(34, 34, 34, 0.8) 30.22%, rgba(34, 34, 34, 0) 99.92%); filter: blur(4px); -webkit-filter:blur(4px);  backdrop-filter: blur(4px); border-radius: 6px;
    }
    .new-report-summary{
        text-align:left!important;
        width: 50%;
    }
    .new-report-img>img{
        /*backdrop-filter:blur(8px);*/
        max-height:100%;
        padding: 10px 20px;
        position:relative;
    }
    .reports-card{position:relative;text-align:center;}
    .reports-card p{
        display:block;
        max-width:250px;
        white-space:normal;
        text-align:left;
        padding:15px;
        color:#222;
        height:200px;
    }
    .button__download-report{
        display:block;
        border: 2px #0074A9 solid;
        width:90%;
        margin:auto;
        left:5%;
        border-radius: 6px;
        padding:10px 0;
        bottom:0;
        position:absolute;
    }
    .button__download-report:hover{border-color:#005589;font-weight:600;}
    .button__download-report:visited{border-color:#0074A9;font-weight:500;}
}
@media screen and (min-width: 800px) and (max-width: 1100px){
    .new-report-summary, .new-report-summary ul{
        font-size: 19px;
        padding: 20px!important;
        line-height: 150%!important;
        letter-spacing: 0.04em;
    }
    
}
@media screen and (max-width: 1100px){
    .new-report-img>a>.feature-badge-tile{
        width:6rem; height:auto;
    }
}
.sync-cta {
    border-radius: 1rem;
    padding: 0rem;
    margin:auto;
    background-image:url('/media/3xmlynqj/banner-squared-02.png');
    background-size:cover;
    background-position: center;
}

.sync-alt-text {
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    text-align: center;
    font-size: 20px;
    color: #134791;
    line-height: 1rem;
}

.sync-divider {
    margin: 0 auto;
    /*margin-top: 1rem;*/
    width:80%;
}

.xsight-content-box {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.sync-xsight-banner > div > div {
    padding: 0;
    /*padding-right: 0.875rem;*/
}

.sync-button:hover, .sync-button:active, .sync-button:focus{
    background-image: -moz-none;
    background-image: -webkit-none;
    background-image: -webkit-none;
    background-image: -o-none;
    background-image:none;
    background-color:#fff;
    color:#2362BA;
}



@media only screen and (min-width: 1280px)
{
    .sync-cta {
        padding: 0.75rem!important;
    }
    .sync-xsight-banner .row {
        max-width: 91rem!important;
        
    }
}

@media screen and (min-width:1280px) and (max-width:1440px){
    .sync-cta {
        padding: 0.5rem!important;
    }

    .sync-text{
        font-size: 18px!important; 
        margin-bottom: 10px;
    }
    .sync-alt-text {
        font-size: 20px!important;
    }

    .sync-xsight-banner > div > div {
        padding: 0;
        /*padding-left: 0.5rem;*/
        /*padding-right: 0.875rem;*/
    }
}

@media screen and (min-width: 1024px) and (max-width: 1279px) {
    .sync-cta {
        padding: 0.5rem ;
    }

    .sync-text{
        font-size: 20px!important; 
        margin-bottom: 10px;
        line-height: 1.5rem;
    }

    .sync-alt-text {
        font-size: 16px;
    }

    .sync-button {
        padding: 0.5rem 1rem;
        font-size: 16px;
    }

    .sync-xsight-banner > div > div {
        padding: 0;
        /*padding-left: 0.5rem;*/
        /*padding-right: 0.875rem;*/
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)
{ 
    .sync-text{
        font-size: 18px!important;
        margin: 0; 
        margin-bottom: 10px;
        line-height: 1.5rem;
    }

    .sync-alt-text {
        font-size: 12px;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

    .sync-button {
        padding: 0.5rem 1rem;
        font-size: 14px;
    }

    .sync-cta {
        padding: 0.5rem ;
    }

    .sync-xsight-banner > div > div {
        padding: 0;
        /*padding-left: 0.5rem;*/
        /*padding-right: 0.875rem;*/
        
}
}

@media only screen and (max-width: 766px) {
    .sync-cta{
        padding: 0.75rem ;
        /*margin: 1rem;*/
    }
    .sync-text {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .sync-alt-text {
        margin-top: 1rem;
    }

    .sync-button {
        padding: 0.5rem 1rem;
        margin: 0 auto;
    }

    .sync-divider {
        width: 75%;
    }

    .sync-xsight-banner > div > div {
        /*padding: 0 0.5rem !important;*/
    }
   
   .mobile-view-footer{
       margin:0rem auto
   }
    .xsight-content-box > p {text-align: center; margin:auto;}
}
/*******************************/

.sizing-feature-bar-industry-use-case {
    width: 20%;
}

@media (max-width: 1163px) {
    .blog_subtitle {
        font-size:22px;
    }
}


/****NRF SECTION RETail PAge****/
@media only screen and (max-width: 800px) {
    .align-row-nrf-desktop {
        justify-content: normal;
        align-items: normal;
    }
}
/****Home Page***/

.banner-container {
    position: relative;
    width: 100%;
}

.banner-image{
    width: 100%;
    height: auto;
}

.monitor-container{
    position: absolute;
    right: 8%; 
    top: 17%; 
    width: 44%; 

}


.monitor-image {
    width: 100%;
    height: auto;
    display: block;
}

.video-overlay{
    position: absolute;
    top: 5%;
    left: 4%;
    width: 93%; 
    height:71%; 
    object-fit: cover;
}
.home-page-text{
    padding: 5px 0px;
    color:#5c5c5c!important;
}



/* Laptop size styles */
@media (max-width: 1535px) {
.monitor-container{
 position: absolute;
    right: 20%;
    top: 8%;
    width: 25%;

}
}

@media only screen and (min-width: 768px) and (max-width: 1279px) {
.monitor-container{
    position: absolute;
    right: -1%; 
    top: 15%; 
    width: 44%; 
margin-bottom:100px;
}

}

@media only screen and (max-width: 767px) {
.monitor-container{
  position: absolute;
    right: 15%;
    top: 92%;
    width: 70%;
    margin-bottom: 100px;
}
}

@media only screen and (min-width: 1535px) and (max-width: 1700px) {
 .monitor-container{
  position: absolute;
    right: 8%;
    top: -2%;
    width: 44%;
    
}
}

@media only screen and (min-width: 432px) and (max-width: 640px) {
.monitor-container{
  position: absolute;
    right: 28%;
    top: 103%;
    width: 55%;
    
}
}

.jp_prod_page_os{
    background-image:url('/media/3vrbugbk/soti_mobicontrol.webp'); background-size: 40%; background-position: right; background-repeat:no-repeat; 
}
.jp_prod_page-overlay{
    background: linear-gradient(90deg, #FFF 60%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.00) 98.5%);
}

.jp-xs-intro img{
    margin: 50px auto;
    width:30%;
}

.jp-services-button{
    border-radius: 15px;
    background-image: linear-gradient(180deg, rgba(28,156,223,1) 0%, rgba(15,85,121,1) 91%); 
    text-align:left;
    border: none;
    padding: 15px 50px 15px 20px;
    color: #fff;
}
@media only screen and (max-width: 768px){
    .jp_prod_page_os{
        background-size: cover;
    }
    .jp_prod_page-overlay{
        background: linear-gradient(180deg, #FFF 60%, rgba(255, 255, 255, 0.8) 81%, rgba(255, 255, 255, 0.00) 98.5%);
    }
    .jp-xs-intro img{
        margin: 20px auto;
        width:80%;
    }
      .image-TOF-page{
        width:50%;
    }
}
@media screen and (max-width: 365px){
    .jp-services-button{
        width: 100%;
        text-align: center;
        padding: 15px 20px;
    }
    .jp-ps-subtitle{
        display:none;
    }
}

.narrow-display{
    width:80%;
    margin:auto;
}


@media screen and (max-width: 850px){
    .narrow-display{
        width:100%;
        margin:auto;
    }
  
}
.stack-on-mobile-blog-printer {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 10px;
        }
        @media (max-width: 600px) {
            .stack-on-mobile-blog-printer {
                grid-template-columns: 1fr;
            }
        }

.live-view-patent{
    display: block!important; font-size: 20px!important; background-color: #E0EEFD!important; color:#3765B4!important; width: fit-content!important; 
    padding: 2px 10px!important; margin-bottom:40px!important;
    
    
}

/****HQ Inaug Event****/

.centeredFAQ{
    margin:auto!important; padding-left: 20%!important;
}
 
.event-info>.info1, 
.event-info>.info2, 
.event-info>.info3{
    height: 120px;
    padding: 10px;
}
.inaug-time{
    color:#2362BA;
    padding: 5px 20px 5px 0px;
    
}
.inaug-agenda-wrapper{
    border-left: 0.5px solid #D9D9D9;
}
.agenda{
    padding: 10px 100px;
}
.agenda li{
    padding-bottom: 10px;
}
.inaug-svg{
    width: 50%;
    margin-bottom:50px;
}
.inaug-speaker-image img{
    border-radius:50%;
    border:0.25px solid #ebebeb;
}
.company-content{
    display:block;
}
.company-content-mobile{
    display:none;
}
.inaug-intro-para{
    max-width:1100px!important;
}
@media screen and (max-width: 846px){
    .centeredFAQ{
        margin:auto!important; padding: 5%!important;
    }   
    
    .inaug-agenda-wrapper{
        border-left: none;
    }
    .agenda{
        padding: 5px;
    }
    .event-info>.info1>.content, 
    .event-info>.info2>.content, 
    .event-info>.info3>.content,
    .agenda>h2{
        text-align:center;
    }
    
    
    .inaug-svg{
        width: 90%;
        margin-bottom:30px;
    }
    .company-content{
        display:none;
    }
    .company-content-mobile{
        display:block;
    }
}
@media screen and (max-width: 980px){
    .mc-upgrade-bg-img{
        background-image:none;
    }
   
}


@media only screen and (max-width: 767px) {
        .hero-background-display-none{
        background:white!important;
    }
}