/******Start-- Fixes for screen from cts end ***********/
.portlet-layout .portlet-header {
	margin-bottom: 0
}

.otis-lr-specific .py-3 {
	padding-left: 0!important;
	padding-bottom: 0!important;
	padding-top: 0!important;
	padding-right: 0!important;
	width: 100%!important;
	margin-right: 0!important;
	margin-left: 0!important;
	max-width: 100%!important
}

.otis-lr-specific .otis-hero-banner-btn {
	margin: 0
}

.otis-lr-specific .section-transition.is-shown .section.font-white {
	color: #fff
}

.otis-lr-specific .font-white {
	color: #fff
}

.otis-lr-specific .section-transition {
	position: absolute;
	bottom: 133px;
	width: 100%
}

.otis-lr-specific .section-transition:after {
	border-left: none
}

.otis-lr-specific .product-container .product figure {
	margin: 0;
	position: relative;
	z-index: 0;
	height: 540px
}

.otis-lr-specific .product-container .product .product-info {
	z-index: 1
}

.otis-lr-specific header.otis-corp-header {
	padding: 0
}

/***** Start----- New Theme 27th Jan fix for css to bring red line in megu menu centrally ****/

.otis-lr-specific .otis-mega-navigation ul li .user-is-tabbing a:focus:after,
.otis-lr-specific .otis-mega-navigation ul li a:hover:after,
.otis-lr-specific .otis-mega-navigation ul li a[aria-expanded=true]:after,
.otis-lr-specific .user-is-tabbing .otis-mega-navigation ul li a:focus:after {
	left: 5px
}

/***** End----- New Theme 27th Jan fix for css to bring red line in megu menu centrally ****/
/***** Start - Fix for bug to show text in single line for alternate tile construct ******/

.otis-lr-specific .product-container .product .product-info .heading {
	width: 105%
}

/***** End - Fix for bug to show text in single line for alternate tile construct ******/
/***** Start - Fix for bug Home page latest head lines section ******/

.carousel-outer:before {
	content: "";
	position: absolute;
	left: 50%;
	top: -80px;
	width: 0;
	height: 150px;
	border-left: 1px solid #041e42;
	z-index: 99;
	height: 150px
}

.otis-lr-specific .section-transition.latest-headlines {
	bottom: 45px
}

/***** Stop - Fix for bug Home page latest head lines section ******/
/***** Start - Fix for bug Close button right alignment to right ******/

.otis-lr-specific .mega-navigation-container .close-menu {
	right: 5px
}

.otis-lr-specific .mega-navigation-container .menu-items.our-company-menu-items {
	grid-gap: 0 38px;
	margin-left: 15px /*Added Fix for Our Company Megamenu Header */
}

/***** Stop- Fix for bug Close button right alignment to right ******/
/***** Start - Fix for right alignment of Our Company ******/

.otis-lr-specific .mega-navigation-container .navigation-heading.align-right {
	margin: 30px -15px 50px 1px
}

/***** Stop - Fix for right alignment of Our Company ******/

/***** Start - Fix for Question Answer Component close Addtion******/

.otis-lr-specific .otis-accordion .card.collapsed-card .card-header h5 button.btn-link:hover:before {
	height: 10px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion .card.collapsed-card .card-header h5 button.btn-link:before {
	height: 1px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion .card.collapsed-card .card-header h5 button.btn-link:hover:before {
	height: 10px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion .card.collapsed-card .card-header h5 button.btn-link:after {
	-webkit-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
	transition: all .2s ease
}

.card.collapsed-card .collapse {
	display: none
}


/***** Stop - Fix for Question Answer Component close Addtion ******/

/***** Start - Fix for Footer Section******/


.otis-lr-specific .otis-footer .footer-top ul li.show-list-horizontal {
	display: inline-block
}

.otis-lr-specific .otis-footer .footer-top ul.no-border {
	border: none
}

.otis-lr-specific .otis-footer .footer-top .form-group:after {pointer-events: none;}
/***** Stop - Fix for Footer Section******/

/****Fix for video carousel ******/

.otis-lr-specific .syncing-carousel .slick-initialized.syncing-images .slick-slide {
	display: block;
	/* position: absolute!important  Commented as per Content Team*/ 
}


/****Fix for video carousel ******/

/****Fix for Hero banner Hero home page class to show white line ******/

.otis-lr-specific .syncing-carousel .syncing-content .slick-list {
	overflow: visible
}

.otis-lr-specific .syncing-carousel .syncing-content.slick-initialized .slick-slide {
	position: absolute!important
}

.otis-lr-specific .homepage-hero.animate:after {
	height: 150px;
	transition: height .5s cubic-bezier(.645, .045, .355, 1);
	transition-delay: 1s
}

.otis-lr-specific .homepage-hero:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -75px;
	width: 0;
	height: 0;
	border-left: 1px solid #eceae8;
	z-index: 99
}

.otis-lr-specific .homepage-hero.online:after {
	border-left: none!important
}

.otis-lr-specific .homepage-hero .add-dash:after {
	content: "";
	display: block;
	height: 0;
	width: 50px;
	border-top: 4px solid #cba052;
	margin: 20px auto 40px
}

.otis-lr-specific .homepage-hero .heading {
	font-size: 5rem
}


/****Fix for Hero banner Hero home page class to show white line ******/

/***** Modal Fixes *****/
/*****Commented as per primacy fix provided for Search Modal drill down to show scroll bars***/
/*
.otis-lr-specific nav.otis-quicklinks {
	display: block!important
}
*/
/* Commented as Per Content team
.modal-open .modal {
	overflow-y: auto
}
*/
.otis-lr-specific .modal-content {
	overflow: visible
}

#myModal .modal-footer button.collapsed-button:after {
	-webkit-transform: rotate(0);
	transform: rotate(0);
	transition: all .3s ease
}

/***** Modal Fixes *****/
/******** Adding Show Less for download component*******/

#myModal .modal-footer button:after {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	transition: all .3s ease
}

.tab-container .tab-content .show-less:hover,
.tab-container .tab-content .user-is-tabbing .show-less:focus,
.user-is-tabbing .tab-container .tab-content .show-less:focus {
	text-decoration: none
}

.tab-container .tab-content .show-less:after {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.tab-container .tab-content .show-less {
	color: #041e42;
	margin: 60px auto 0;
	display: inline-block;
	font-size: .875rem;
	font-weight: 600;
	text-transform: uppercase
}

.tab-container .tab-content .show-less:after {
	content: "\E906";
	display: block;
	margin: 10px 0 0;
	color: #cba052;
	font-size: 2rem
}
/******** Adding Show Less for download component*******/

/******** Mobile theme Integration Fixes*******/

#navigation-mega-menu-mobile-content section.portlet {
	position: inherit
}

.otis-default .cookie-banner {
	background-color: #000;
	z-index: 1111
}

.otis-default .cookie-banner .cookie-content {
	color: #fff
}

.otis-default .cookie-banner .cookie-content .privacy-policy {
	text-decoration: underline;
	color: #fff
}

.otis-default .cookie-banner .cookie-content .accept-cookie-btn {
	background-color: transparent;
	border: 2px solid #fff
}

.otis-default .cookie-banner .cookie-content .accept-cookie-btn:hover,
.otis-default .cookie-banner .cookie-content .user-is-tabbing .accept-cookie-btn:focus,
.user-is-tabbing .otis-default .cookie-banner .cookie-content .accept-cookie-btn:focus {
	color: #fff
}

.otis-lr-specific section .centered-content.cookie-banner {
	padding: 120px 0
}

/***** Cookie Banner Fixes *******/

/***** Privacy Policy Fix *****/
.otis-lr-specific .centered-content .privacy-policy-txt {
	text-align: left
}
/***** Privacy Policy Fix *****/

/****** Fixes for removing extra header  , data scroll  and aligning  line properly ******/  
.otis-lr-specific .otis-mega-navigation ul li .user-is-tabbing a:focus:after,
.otis-lr-specific .otis-mega-navigation ul li a:hover:after,
.otis-lr-specific .otis-mega-navigation ul li a[aria-expanded=true]:after,
.otis-lr-specific .user-is-tabbing .otis-mega-navigation ul li a:focus:after {
	left: 0
}
/****** Fixes for removing extra header  , data scroll  and aligning  line properly ******/ 

/* Fix added for increasing space above carousel   */

.otis-lr-specific .syncing-carousel {
	margin-top: 80px
}
/* Fix end for increasing space above carousel   */
/* Fix added for decreasing space in question   */

.otis-lr-specific .otis-accordion#accordion .card {
	margin-bottom: 0
}

/* Fix end  for decreasing space below question   */
/* Fix added for adding space in question header  */
.otis-lr-specific .otis-accordion#accordion .card.collapsed-card .card-header h5 button {
	text-decoration: underline
}

.otis-lr-specific .otis-accordion#accordion .card.collapsed-card .card-header h5 button:hover {
	text-decoration: none
}

.otis-lr-specific .otis-accordion#accordion .card .card-header h5 button:focus {
	outline: 0;
	box-shadow: none
}

/* Fix end for adding space in question header  */
/* Fix start  for fixing the CSS under Question 1 header  */


.otis-lr-specific .otis-accordion#accordion .card .card-body figure p {
	position: relative
}

.otis-lr-specific .otis-accordion#accordion .card .card-body figure:before {
	z-index: 0
}

/* Fix end  for fixing the CSS under Question 1 header  */
/* Fix Start of Search UI */



.otis-lr-specific .search-container .popular-searches {
	margin-top: 5px
}

#otis-header-div {
	position: fixed;
	margin: auto;
	top: 0;
	left: 0;
	bottom: auto;
	right: auto;
	box-sizing: border-box;
	width: 100%!important
}

.otis-lr-specific .search-hero {
	height: 342px
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a.collapsed:after {
	-webkit-transform: translateY(-50%) rotate(0);
	transform: translateY(-50%) rotate(0);
	transition: all .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a:after {
	content: "\E906"
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a:after {
	position: absolute;
	top: 2.5em;
	right: 0;
	-webkit-transform: translateY(-50%) rotate(45deg);
	transform: translateY(-50%) rotate(45deg);
	transition: all .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a:after {
	font-family: icomoon!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a:before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background-color: #041e42;
	transition: height .2s ease
}

/*** NEW CODE PROVIDED BY ANKITA WITH otis-lr-specific ***/


.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 .user-is-tabbing a:focus:before,
.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a:hover:before,
.user-is-tabbing .otis-accordion.filter-accordion .card .card-header h5 a:focus:before {
	height: 10px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a.collapsed:before {
	height: 1px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a {
	padding: 30px 0;
	display: block;
	text-align: left;
	position: relative
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 a.btn-link:hover:before {
	height: 10px;
	transition: height .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card.collapsed-card .card-header h5 a.btn-link:before {
	height: 1px
}

.otis-lr-specific .otis-accordion.filter-accordion .card.collapsed-card .card-header h5 a.btn-link:hover:before {
	height: 10px
}

.otis-lr-specific .right-col .otis-accordion.filter-accordion .card {
	margin-bottom: 0!important
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 .btn-link.collapsed-accordion:after {
	transform: translateY(-50%) rotate(0);
	transition: all .2s ease
}

.otis-lr-specific .otis-accordion.filter-accordion .card .card-header h5 .btn-link:after {
	transform: translateY(-50%) rotate(45deg);
	transition: all .2s ease
}

.otis-lr-specific #questionanswer-id .otis-accordion .card .card-header h5 .btn-link.collapsed-qsn:after {
	transform: translateY(-50%) rotate(0);
	transition: all .2s ease
}

.otis-lr-specific .filter-type {
	display: none;
}

/***** Fix End for Search UI *********/

/****** Code for Question Answer Accordion Button in Product Page Start ********/



.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapse-qsn:hover,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapsed,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapsed-qsn.collapsed,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapsed-qsn:hover {
	text-decoration: none
}

.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapse-qsn,
.otis-lr-specific #questionanswer-id .otis-accordion .btn.btn-link.collapsed-qsn {
	text-decoration: underline
}



/****** Code for Question Answer Accordion Button in Product Page Start ********/

/********Code for Contact us page contact number start **********/




.otis-lr-specific .contact-number {
	padding-top: 35px;
	padding-bottom: 45px
}

.otis-lr-specific .contact-number a {
	color: #fff;
	cursor: auto
}

.otis-lr-specific .contact-number a:hover {
	text-decoration: none
}


/********Code for Contact us page contact number start **********/

/********Code for ensuring that utility nav and mega nav top level menu
 are alinged proprly regardless or arabic or no arabic **********/

.otis-lr-specific nav.otis-quicklinks {
    flex-direction: row-reverse;
}
.otis-lr-specific .otis-mega-navigation {
    flex-direction: row-reverse;
}

/********Code for ensuring that utility nav and mega nav top level menu
 are alinged proprly regardless or arabic or no arabic **********/
 
 
 /* Start - 
Trying for just  we chat pop up integration for china
Once the full VD drop for 20 July is integrated we need 
to remove this block as this will be taken care of by app.css file classes
*/
.otis-lr-specific .is-weChat {
    width: 400px
}

.otis-lr-specific .is-weChat .modal-content {
    text-align: center
}

.otis-lr-specific .is-weChat .modal-content .modal-body {
    background: #fff;
    margin: 0 auto;
    padding: 40px
}

.otis-lr-specific .is-weChat .modal-content .modal-body img {
    width: 100%
}

@media (max-width: 767.98px) {
    .otis-lr-specific .is-weChat {
        width:95%
    }
}
/* Stop - 
Trying for just  we chat pop up integration for china
Once the full VD drop for 20 July is integrated we need 
to remove this block as this will be taken care of by app.css file classes
*/

/**** Fix made for issue ADO # 180116 *****/
.otis-lr-specific .tab-container .tab-content:before {
   content: none!important;
}
/**** Fix made for issue ADO # 180116 *****/

/**** Css to print node name but make it in visible unless selected *****/

.otis-lr-specific .node-name{
	 color: #eceae8;
	 text-align: center;
	 background-color: #eceae8;
}

/***** Css to print node name but make it in visible unless selected *****/


/***** Fix for Arabic left hand scroll bar apearring  *****/
.otis-lr-specific .otis-stop-overflow-x-arabic{
	overflow-x: unset !important;
}
/***** Fix for Arabic left hand scroll bar apearring  *****/

/**** Code changes start for Loader */

.loader_div {
	position: fixed;
	top: 0;
	bottom: 0%;
	left: 0;
	right: 0%;
	z-index: 99;
	opacity:0.5;
	display: none;
	background:lightgrey url('../../images/transparentloader.gif') center center
		no-repeat;
}


/*** Code changes end for Loader ***/

/****** Start - Changes provided by Primacy to fix the font size issue on hero banner text *****/

.otis-lr-specific .is-arabic .tier-hero .heading {
    font-size: 4rem
}

.otis-lr-specific .tier-hero .heading {
    font-size: 4rem
}

@media (max-width: 767.98px) {
    .otis-lr-specific .is-arabic .tier-hero .heading {
        font-size:3rem;
        font-size: 2rem
    }
}

@media (max-width: 767.98px) {
    .otis-lr-specific .tier-hero .heading {
        font-size:3rem;
        font-size: 2rem
    }
}

/****** End - Changes provided by Primacy to fix the font size issue on hero banner text *****/


/********* Fixes made by Content Population Team******/



.otis-lr-specific .pull-quote figure:after {
	z-index: 1
}




.otis-lr-specific .card-container.bg-color .article-card figure {
	height: auto
}

.otis-lr-specific .card-container.bg-color .article-card figure img {
	position: relative;
	max-width: 100%;
	height: auto
}

.card-container.bg-color .article-card .card-content a.media-links {
	color: #041e42;
	font-size: 1.5rem;
	font-family: grifo_mmedium, Times New Roman, serif;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: underline;
	text-transform: none
}

.media-links {
	color: #041e42;
	font-size: 1.5rem;
	font-family: grifo_mmedium, Times New Roman, serif;
	font-weight: 400;
	line-height: 1.2;
	text-decoration: underline;
	text-transform: none
}

.reporting-container.centered-content .privacy-policy-txt h2,
.reporting-container.centered-content .privacy-policy-txt h3 {
	padding-bottom: 20px
}

.reporting-container.centered-content .privacy-policy-txt *+h2 {
	margin-top: 1em
}

.reporting-container.centered-content .privacy-policy-txt p {
	margin-bottom: 20px
}

.reporting-container .text-align-initial {
	text-align: initial
}

.reporting-container .mt-10 {
	margin-top: 10px
}

.otis-lr-specific .tier-hero .add-dash:after {
	content: "";
	display: block;
	height: 0;
	width: 50px;
	border-top: 4px solid #cba052;
	margin: 20px auto 40px
}

.otis-lr-specific #search-jobs {
	color: #fff;
	background-color: #f65275
}

.otis-lr-specific #search-jobs:hover {
	background-color: transparent
}


.info-cards p.sub-content, .info-cards p.sub-content ~ p {
    font-family: Nunito Sans,sans-serif;
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
}
.card-container.info-cards.bg-color .article-card .card-content a.media-links{
    font-family: Nunito Sans,sans-serif;
    font-size: 1rem;
    color: #000;
    line-height: 1.5;
    font-weight:400
    text-decoration: underline;
    text-transform: none;
    }

.info-cards .pink-feature-bar{
    font-size: 1rem;
    color: #fff;
    background-color: #f55275;
    padding-left: 5px;
    min-height:24px
}

.info-cards .pink-feature-bar p{margin:0}

.card-container.bg-color .article-card .card-content a.media-links {
color: #041e42;
font-size: 1.5rem;
font-family: grifo_mmedium,Times New Roman,serif;
font-weight: 400;
line-height: 1.2;
text-decoration: underline;
text-transform: none;
}
/* To*/
.media-links {
color: #041e42;
font-size: 1.5rem;
font-family: grifo_mmedium,Times New Roman,serif;
font-weight: 400;
line-height: 1.2;
text-decoration: underline;
text-transform: none;
}



.otis-lr-specific .card-container .base-card .card-content .heading-cardfontsize p{
    color: #041e42;
    font-size: 1.875rem;
    font-family: grifo_mmedium,Times New Roman,serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}
h3.heading-cardfontsize {
    color: #041e42;
    font-size: 1.875rem;
    font-family: grifo_mmedium,Times New Roman,serif;
    font-weight: 400;
    line-height: 1.2;
    margin: 0;
}

.productherodescriptive {
    font-size: 1.15rem;
}

 

.productherosubheading {
padding-top: .5rem
}

 

.productheroheading {
    font-size: 4rem;
    line-height: 0.9;
}

.linedrawingsubheading {

    font-size: 1.125rem;

    line-height: 1.5;

    color: #041e42;

}

.linedrawingkeypoints {

   

    color: #041e42;

}

numbered-list{
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border: 1px solid black;
    border-radius: 50%;
    width: 23px;
    line-height: 23px;
    vertical-align: top;
}

.carouseldescription{
font-family: Nunito Sans,sans-serif;font-size: 1rem;color: white;line-height: 1.5;
}


/** Modal Video Update */
.otis-lr-specific .modal-dialog{max-width:750px;margin:50px auto}



.numbered-list{
    font-size: 16px;
    display: inline-block;
    text-align: center;
    border: 1px solid black;
    border-radius: 50%;
    width: 23px;
    line-height: 23px;
    vertical-align: top;
}


/* Removed as per Content Poupulation team
 .otis-lr-specific .syncing-carousel .draggable{height:500px}

*/
/* Info Cards Update */
.otis-lr-specific .card-container.bg-color .article-card .card-content {display: flex; flex-directions: column; padding: 20px 20px 20px 20px; position: relative; flex-grow: 1;}
 
.otis-lr-specific .card-container.bg-color .article-card .card-content a {color: #fff; font-size: .875rem; font-weight: 600; margin: 0; text-transform: uppercase;}
 
.otis-lr-specific .card-container.bg-color .article-card .card-content a:hover {color: #041e42; font-size: .875rem; font-weight: 600; margin: 0; text-transform: uppercase;}
 
.otis-lr-specific .card-container.bg-color .article-card figure {overflow: hidden; height: 200px; margin: 0;}

.featureddescription{font-family: Nunito Sans,sans-serif;
    font-size: 1rem;
}

 

.featuredheading{
    font-size: 1.75rem;
    color: #041e42;
font-family: grifo_mmedium,Times New Roman,serif;
}


/*Otis Signature Service Configurator Section*/
.otis-lr-specific #maintenance-configurator-id .centered-content .content .sub-heading.add-dash:after {
    border-color: #F65275;
}

.otis-lr-specific #maintenance-configurator-id .otis-btn.otis-btn-secondary {
    background-color: #F65275;
    border-color: #F65275;
    color: #fff;
}

    .otis-lr-specific #maintenance-configurator-id .otis-btn.otis-btn-secondary:hover {
        background-color: transparent;
        border-color: #fff;
    }
    
/*Otis Signature Service Form*/
.otis-lr-specific .signature-service-form.bg-otis-Blue {
    background-color: #0033A0;
    padding-bottom:1rem
}

.otis-lr-specific .signature-service-form .otis_form input[type="text"], .otis_form input[type="email"], .otis-lr-specific .signature-service-form .otis_form textarea, .otis-lr-specific .signature-service-form .otis_form select {
    min-width: 100%;
    min-height: 52px;
    border: none;
    padding-left: 15px;
    font-size: 16px;
    background-color: #FFFFFF;
    margin-top: 10px;
    color: #555;
    border-radius: 0;
}

.otis-lr-specific .signature-service-form .otis_form .checkbox label, .otis-lr-specific .signature-service-form .otis_form .custom-checkbox label {
    font-size: 14px;
    margin-left: 10px;
    color: #fff;
}

.otis-lr-specific .signature-service-form .otis_form .otis_submit {
    transition: all 0.4s ease-out;
    border: 2px solid #FFFFFF;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 24px;
    color: #FFFFFF;
    letter-spacing: 1px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    display: block;
    margin: 10px auto 0;
    width: auto;
    min-width: 200px;
    max-width: 100%;
}

    .otis-lr-specific .signature-service-form .otis_form .otis_submit:hover {
        background-color: #FFFFFF;
        text-decoration: none;
        color: #041E42 !important;
        border: 2px solid #041E42;
    }

.otis-lr-specific .hidden {
    display: none !important;
}

/*Otis Signature Service Campaign Form*/
.otis-lr-specific .signature-service-form .otis_form .otis_submit.ss_nxt {
    border-color: #F65275;
}

    .otis-lr-specific .signature-service-form .otis_form .otis_submit.ss_nxt:hover {
        background-color: #F65275;
        color: #fff !important;
    }

.otis-lr-specific .signature-service-form .otis_form .otis_submit.ss_submit {
    background-color: #F65275;
    border-color: #F65275;
    color: #fff;
}

    .otis-lr-specific .signature-service-form .otis_form .otis_submit.ss_submit:hover {
        background-color: transparent;
        border-color: #fff;
        color: #fff !important;
    }

.otis-lr-specific .signature-service-form .otis_form .ss-dot {
    height: 20px;
    width: 20px;
    border: 2px solid #CBA052;
    border-radius: 50%;
    background: rgba(0,0,0,0);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

.otis-lr-specific .signature-service-form .otis_form .ss-fill-dot {
    background: #CBA052;
}

.otis-lr-specific #signature-service-campaign-form-header-id p.campaign-note {
    font-size: 14px;
    font-style: italic;
    color: #cba052;
}

.otis-lr-specific .signature-service-campaign-hero #headerbutton {
    font-size: 2.5rem;
}

.otis-lr-specific .signature-service-campaign-hero .otis-btn.otis-btn-secondary:hover {
    background-color: #F65275;
    border-color: #F65275;
    color: #fff;
}

.otis-lr-specific .signature-service-campaign-hero:after {
    content: none;
}

.otis-lr-specific #signature-service-campaign-form-header-id .sub-heading.add-dash:after {
    border-color: #F65275;
}

.otis-lr-specific #signature-service-video-id .syncing-carousel{margin-top:0}


.otis-lr-specific h2.supplier-link a {color: #041e42;
    font-size: 3.125rem;
    font-family: grifo_mmedium,Times New Roman,serif;
    font-weight: 400;
    line-height: 1;
    margin: 0 0 30px;
    text-align:center} 

 

.otis-lr-specific h2.supplier-link a:hover{color:#041e42}

/*** Css provided by Stacy to fix aligned issue in cards approach of leadership page*****/
.otis-lr-specific .row .bod-profile {
	
display: flex;
flex-wrap: wrap;
margin-right: 25px;
margin-left: 25px; 
min-height:450px;
}
/*** Css provided by Stacy to fix aligned issue in cards approach of leadership page*****/




/********* Fixes made by Content Population Team******/
/****** Media Queries******/


@media(max-width:991px) {
	/*****Commented as per primacy fix provided for Search Modal drill down to show scroll bars***/
	/*.otis-lr-specific nav.otis-quicklinks {
		display: none!important
	}*/
	.otis-lr-specific .search-container {
		position: relative
	}
	
		/***** Modal Fixes *****/
		
}
/*** Video Carousel - Video Symbol Fixes ****/
@media (max-width:767.98px) {
	.otis-lr-specific .syncing-carousel .syncing-content {
		padding: 100px 0 40px
	}
	.otis-lr-specific .syncing-carousel .syncing-content.slick-initialized .slick-slide {
		display: flex;
		align-items: center;
		justify-content: center
	}
	/*** Video Carousel - Video Symbol Fixes ****/
	
	/*** Heading fix for hero banner media query ****/
	
	.otis-lr-specific .homepage-hero .heading {
		font-size: 2.25rem
	}
	
/*** Heading fix for hero banner media query ****/


	
/********* Fixes made by Content Population Team******/
	
	.otis-lr-specific .tier-hero .add-dash:after {
		margin: 20px auto 0
	}
	
/********* Fixes made by Content Population Team******/
	.otis-lr-specific .search-container {
		position: relative
	}
}

@media all and (-ms-high-contrast:none) {
	.otis-lr-specific .card-container.bg-color .article-card .card-content a,
	::-ms-backdrop {
		/*margin-top: 45px*/
	}
}

/*****Product Pages Heading - Mobile Fix******/
@media (max-width:767.98px){
	.otis-lr-specific .product-hero .productheroheading {
	font-size: 3rem;
	line-height: 1.1
	}
}

/****** Media Queries******/

.tier-hero .video-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.otis-lr-specific .tier-hero video{height:auto;}

/****** Globe Icon Updates******/
.otis-lr-specific li.globe-icon img {width:25px; height:25px}
.otis-lr-specific .otis-mega-navigation ul li.globe-icon{display:none}

@media (max-width: 991.98px){
	.otis-lr-specific .otis-mega-navigation ul li.globe-icon { display:inline-block;margin: 0 0 0 15px;}
	.otis-lr-specific .otis-mega-navigation ul li.globe-icon a { padding: 0}
	.otis-lr-specific li.globe-icon img {display:block}
}

/****** Header Carousel ******/

.otis-lr-specific .base-carousel .slide{visibility:hidden}
.otis-lr-specific .base-carousel .slide:first-child{visibility:visible}
.otis-lr-specific .base-carousel.slick-initialized .slide{visibility:visible}
.otis-lr-specific .syncing-video-carousel .slide-prev-arrow,
.otis-lr-specific .syncing-video-carousel .slide-next-arrow
{
    position: absolute;
    top: 40%;    
    font-size: 5vw;
    color: white;    
	cursor:pointer;
	visibility:hidden
}

.otis-lr-specific .syncing-video-carousel .slide-prev-arrow:before,
.otis-lr-specific .syncing-video-carousel .slide-next-arrow:before{
   opacity:0.75
}

.otis-lr-specific .syncing-video-carousel .slide-prev-arrow:hover:before,
.otis-lr-specific .syncing-video-carousel .slide-next-arrow:hover:before{
   opacity:1
}

.otis-lr-specific .syncing-video-carousel .slide-prev-arrow{left: 25px}
.otis-lr-specific .syncing-video-carousel .slide-next-arrow{right:25px}

.otis-lr-specific .syncing-video-carousel .tier-hero:after{content:none}

.otis-lr-specific .syncing-video-carousel .tier-hero,
.otis-lr-specific .syncing-video-carousel .base-carousel,
.otis-lr-specific .syncing-video-carousel.has-alert-banner .tier-hero,
.otis-lr-specific .syncing-video-carousel.has-alert-banner .base-carousel
{height:475px}

.otis-lr-specific .syncing-video-carousel .base-carousel .slick-dots,
.otis-lr-specific .syncing-video-carousel.has-alert-banner .base-carousel .slick-dots{bottom:30px}

.otis-lr-specific .syncing-video-carousel .carouseldescription {font-size:1.125rem}

.otis-lr-specific .syncing-video-carousel .base-carousel .slide-content{top:50%; transform:translateY(-50%)}

.otis-lr-specific .syncing-video-carousel .slide-prev-arrow.slick-arrow,
.otis-lr-specific .syncing-video-carousel .slide-next-arrow.slick-arrow
{visibility:visible}

.otis-lr-specific .carousel-control-prev-icon.slide-prev-arrow{background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");}
.otis-lr-specific .carousel-control-next-icon.slide-next-arrow {background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
.otis-lr-specific .carousel-control-prev-icon.slide-prev-arrow,
.otis-lr-specific .carousel-control-next-icon.slide-next-arrow
{
   width:64px;height:64px;
   opacity:0.5
}

.otis-lr-specific .carousel-control-prev-icon.slide-prev-arrow:hover,
.otis-lr-specific .carousel-control-next-icon.slide-next-arrow:hover
{
   opacity:1
}

.otis-lr-specific .syncing-video-carousel .slide-content .otis-btn{text-transform:none}
.otis-lr-specific .syncing-video-carousel .carouseldescription:empty:after {content:'.';visibility:hidden}


/*** Language portlet fixes   **/
#portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet .portlet-topper
{
	display:none ! important;
}
#portlet_com_liferay_site_navigation_language_web_portlet_SiteNavigationLanguagePortlet button{padding:0}

/*** Switch to Advanced Publication local live fixes   **/

div#_com_liferay_exportimport_web_portlet_ExportImportPortlet_publishConfigurationButtonsNavbarCollapse {display: block;}


/*** India Navigation Mega Menu Styles ***/
[lang="en-IN"] .otis-lr-specific .otis-quicklinks .dropdown.lfr-icon-menu {padding-right:0px!important}
[lang="en-IN"] .otis-lr-specific .mega-navigation-container{top:184px}

.otis-lr-specific .top-util-nav .otis-btn{margin: 0 0 15px;color:#fff;display: flex;align-items: center;}
.otis-lr-specific nav.otis-quicklinks ul.top-util-nav li{margin-left: 30px;display: inline-flex;}
.otis-lr-specific nav.otis-quicklinks ul.top-util-nav li.top-util-item-otisline a{padding-left:15px}
.otis-lr-specific nav.otis-quicklinks ul.top-util-nav li img{width:25px;margin-right:15px}
.otis-lr-specific nav.otis-quicklinks ul.top-util-nav li:hover img{filter: invert(1)}
.otis-lr-specific li.top-util-item-otisline img{width:25px;margin-right:15px}


/*** India Navigation Mega Menu Styles Ends***/

/*****End --  Fixes for screen from cts end ***********/