@font-face {
    font-family: 'Barlow Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Regular'), url('../fonts/Barlow-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Barlow Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Medium'), url('../fonts/Barlow-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Barlow Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Barlow Bold'), url('../fonts/Barlow-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Regular';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Regular'), url('../fonts/AvenirNextLTPro-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Bold';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Bold'), url('../fonts/AvenirNextLTPro-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Demi';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Demi'), url('../fonts/AvenirNextLTPro-Demi.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Medium';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Medium'), url('../fonts/AvenirNextLTPro-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Avenir Next LT Pro Medium Italic';
    font-style: normal;
    font-weight: normal;
    src: local('Avenir Next LT Pro Medium Italic'), url('../fonts/AvenirNextLTPro-MediumIt.woff') format('woff');
}

body {
    font-family: 'Avenir Next LT Pro Regular' !important;
    /*cursor: url('../images/cursor.png'), auto;*/
    font-size: 1vw;
    background-color: #DCDADC;
}

.row.no-gutter {
    margin-left: 0;
    margin-right: 0
}

.row.no-gutter [class*='col-'],
.row.no-gutter [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

header {
    position: absolute;
    display: inline-block;
    bottom: 21px;
    right: 27px;
    width: 125px;
    height: 50px;
    z-index: 100;
}

header img:first-child {
    margin-right: 23px
}

.bg-img img{
    position: fixed;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.video, .video-trans {
    position: fixed;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    left: 50%; /* % of surrounding element */
    top: 50%;
    transform: translate(-50%, -50%);
}

.section-overall-architecture > img, .section-fpso-coalition > img, .section-oemmac-overview > img, .section-padp-overview > img {
    position: fixed;
    height: 100%;
    width: 100%;
    object-fit: cover;
    font-family: "object-fit: cover;";
}

.infoModal .modal-dialog {
    max-width: 900px;
    width: 75%;
font-family: 'Barlow Regular';
color: #434343;
}



.infoModal .modal-header {
	justify-content: left;
border-bottom: none;
border-top-left-radius:0;
border-top-right-radius:0;
padding: 0 0 25px 0;
}

.infoModal h3 {
    font-size: 2.15rem;
    margin-bottom: 30px;
}


.infoModal .modal-body {
padding:0;
}

.infoModal .modal-header span.i-ship {
 border:5px solid #fff;
border-radius: 150px;
    background: rgb(209,30,61);
    background:url(../images/i-ship.png) no-repeat center center, -moz-linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    background: url(../images/i-ship.png) no-repeat center center, -webkit-linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    background: url(../images/i-ship.png) no-repeat center center, linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d11e3d",endColorstr="#e9662f",GradientType=1);
width:95px;
height:95px;
position:absolute;
right: -16px;
top: -32px;

}

.infoModal .modal-header span.i-plus {
    background:url(../images/i-plus.png) no-repeat center center;
    width:75px;
    height:75px;
    position:absolute;
    right: -26px;
    top: -26px;
}

#startModal .modal-header span.i-ship {
    background: rgb(209,30,61);
    background:url(../images/i-ship.png) no-repeat center center, -moz-linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    background: url(../images/i-ship.png) no-repeat center center, -webkit-linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    background: url(../images/i-ship.png) no-repeat center center, linear-gradient(180deg, rgba(209,30,61,1) 0%, rgba(233,102,47,1) 100%) ;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d11e3d",endColorstr="#e9662f",GradientType=1);
    /*background:#2c3440 url(../images/i-ship.png) no-repeat center center;*/
}

.infoModal strong {
    font-family: 'Barlow Bold';
}

.infoModal .orange {
    color: #434343;
}

.infoModal .blue {
    color: #003e7e;
}

.infoModal .modal-body a {
    text-decoration: none;
}

.infoModal .modal-body a:hover {
    text-decoration: underline;
}

.infoModal .modal-body ol {
    margin-left: 30px;
    margin-right: 50px;
}

.infoModal .modal-body li {

    padding-top: 20px;
}

.infoModal:not(#fpsoCoalitionModal) .modal-body ul {
    list-style-image: url("../images/i-marker-plus.png");
    padding-top: 30px;
    margin-left: 20px;
    margin-bottom: 50px;
}

.infoModal .modal-body ul li {
    padding-top: 15px;
    padding-left: 15px;
}

.infoModal .modal-content {
    background: rgba(255,255,255,0.9);
    border: 5px solid #ffffff;
    border-radius: 15px;
    padding: 35px 65px 0 65px;
    font-size: 1.15rem;
    box-shadow: inset 0px 0px 6px rgb(69 69 69 / 90%);
    -webkit-box-shadow: inset 0px 0px 6px rgb(69 69 69 / 90%);
    -moz-box-shadow: inset 0px 0px 6px rgb(69 69 69 / 90%);
}

#startModal .modal-content {
    padding: 65px 65px 0 65px;
}

.infoModal .modal-content p {
    text-align: justify;
}

#pano .infoModal .modal-dialog {
    font-family: 'Barlow Medium';
    width: 95%;
}

#pano .infoModal .modal-content {
    padding: 36px 65px 0 38px;
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
}

#pano .infoModal h3, #pano .infoModal h3 strong {
    font-family: 'Barlow Regular';
    font-size: 2.2rem;
    letter-spacing: 0.2rem;
}

.infoModal .modal-footer, .section-padp-overview .section-footer {
height: 40px;
    padding:0;
    border-top: none;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

#pano .infoModal .modal-footer, .section-padp-overview .section-footer {
    height: 60px;
}

.infoModal .modal-footer .btn-close {
    right: 50%;
    left: 50%;
    transform: translate(-50%, 0);
    background: transparent url("../images/btn-close.png") no-repeat;
    opacity: 1;
    border-radius: 30px;
    width: 66px;
    height: 64px;
    position: absolute;
    bottom: -40px;
    padding:0;
    font-size: 20px;
}

.infoModal .modal-footer .btn-close:hover, #vesselOverviewModal .modal-footer .btn-close:focus {
    /*background: transparent url("../images/btn-close-hover.png") no-repeat;*/
    background-position: -65px 0;
    box-shadow:none;
}
#startModal .modal-body {
    padding-bottom: 60px;
    font-size: 22px;
}

#startModal .modal-footer {
    justify-content: center;
    height:100px;
    position: relative;
    bottom: -5px;
}

#startModal .modal-footer .row {
    width: 100%;
}

.infoModal .modal-footer .col-left, .section-padp-overview .section-footer .col-left {
	background:url(../images/i-footer-left.png) no-repeat right;
    width:102px;
    height:100px;
}

.infoModal .modal-footer .col-right, .section-padp-overview .section-footer .col-right {
	background:url(../images/i-footer-right.png) no-repeat left;
    width:102px;
    height:100px;
}

.infoModal .modal-footer .col-content, .section-padp-overview .section-footer .col-content {
	background:url(../images/i-footer-bg.png) repeat-x;
    height: 100px;
    max-width:535px;
}

.oemmac-legend {
    position:fixed;
    top: 20px;
    right: 40px;
    max-width: 330px;

}

.oemmac-legend .modal-content {
    background-color: #2e3541;
    padding:12px 20px;
    font-family:"Barlow Regular";
    -webkit-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
}

.oemmac-legend h3 {
    font-family: 'Barlow Regular';
    font-size: 1.6rem;
}

.oemmac-legend .modal-header {
    justify-content: center;
    padding: 0 0 20px 0;
}

.oemmac-legend dt {
    display: flex;
    align-items: center;
    justify-content: center;
    float: left;
    height: 40px;
}

.oemmac-legend dt span {
    display: inline-block;
    width: 49px;
    background-color: #f30000;
    border: 1px solid #ffffff;
    height: 32px;
}

.oemmac-legend dt.yellow span {
    background-color: #fcf600;
}

.oemmac-legend dt.blue span {
    background-color: #00a6f3;
}

.oemmac-legend dd {
    color: #ffffff;
    font-size: 1.1rem;
    margin-left: 60px;
    line-height: 1.1rem;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: left;
}

.col-content .row {
    width: 100%;
    height: 100%;
}

.col-content .col:first-child {
    text-align: left!important;
}

.col-content .col:last-child {
    text-align: right!important;
}

.page-title {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 70px;
    z-index: 10;
}

.col-title-block {
    max-width: 790px;
    min-width: 200px;
    min-height: 70px;
    display: flex;
}

.col-title-block .col-left {
    background: url("../images/bg-title-l.png") no-repeat left top;
    width:78px;
    min-width: 78px;
    height: 100%;
}

.col-title-block .col-right {
    background: url("../images/bg-title-r.png") no-repeat left top;
    width:78px;
    min-width: 78px;
    height: 100%;
}

.col-title {
    background: url("../images/bg-title.png") repeat-x left top;
    height: 100%;
    flex-grow: 6;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;

}

#title {
    font-family: "Barlow Medium";
    font-size: 2.1rem;
    color: #ededed;
    letter-spacing: 0.1rem;
}

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sidebar-toggle {
    background-color: #ffffff;
    border-radius:0 5px 5px 0;
    position: fixed;
    width: 55px;
    height:40px;
    /*z-index: 10001;*/
    top: 22px;
    left: 0px;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    -webkit-transition: all 0.8s;
    transition: all 0.8s;
    padding-top: 13px;
    padding-left: 15px;
    z-index:10;
}

div.bar {
    width: 23px;
    height: 3px;
    background-color: #ce1c3f;
    margin: 0 0 3px 0;
}

.sidebar-toggle:hover {
    background-color: #ce1c3f;
}

.sidebar-toggle:hover div.bar {
    background-color: #ffffff;
}


.sidebar-toggled {
    left: 310px;
}

.btn-home {
    position:absolute;
    left:0;
    top:68px;
    background: transparent url("../images/i-home.png") no-repeat 12px center;
    height: 46px;
    width: 55px;
    display: flex;
    align-items: center;
    font-family: 'Avenir Next LT Pro Bold';
    z-index:10;
}

.btn-home span {
    display: none;
}

.btn-home:hover {
    background-color: #ce1c3f;
    width: 55px;
    border-radius: 0 5px 5px 0;
}

.btn-home:hover span {
    display: none!important;
    padding-left: 0;
    display: inline;
    color: #ffffff;
}

.modal-backdrop.show {
    opacity: .7;
}

.modal.right .modal-dialog,  .modal.left .modal-dialog {
    position:fixed;
    left: 0;
    margin: auto;
    width: 350px;
    height: 100%;
    -webkit-transform: translate3d(0%, 0, 0);
    -ms-transform: translate3d(0%, 0, 0);
    -o-transform: translate3d(0%, 0, 0);
    transform: translate3d(0%, 0, 0);
}

.modal.left .modal-dialog {
    left: auto;
    right:0;

}

#menuModal .modal-dialog {
    background: linear-gradient(#e26a44, #e26a44) no-repeat 0 150px;
}

.modal.right .modal-content {
    height: 100%;
    /*overflow-y: auto;*/
    background: url("../images/bg-menu.png") no-repeat top right;

}


#menuModal .modal-body {
    margin: 0 0 15px 0;
    padding: 0;
    /**/
}


.modal.right.fade .modal-dialog {

    left: -310px;
    -webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
    -moz-transition: opacity 0.3s linear, left 0.3s ease-out;
    -o-transition: opacity 0.3s linear, left 0.3s ease-out;
    transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.right.fade.show .modal-dialog {
    left: 0;
}

#menuModal .nav div.menu-top {
    float: left;
    /*min-height: 55px;*/
    padding-top: 35px;
    padding-bottom: 27px
    /*margin: 0 11px;*/
}

#menuModal .close {
    border: none;
    background:none;
    position: absolute;
    top:32px;
    left: 17px;
    opacity: 1;
}

#menuModal .close span {
    line-height: 0em;
    font-size: 3rem;
    font-weight: 300;
    color: #ffffff;
    text-shadow: none;
}

#menuModal .close:hover span {
    color: #000000;
}

#menuModal .nav div.copy {
    padding:20px 0 20px 20px;
    text-align: left;
    font-size: .75rem;
    color: #ffffff;
}

/* ----- MODAL STYLE ----- */
.modal-content {
    border-radius: 0;
    border: none;
}

#menuModal button.close:hover {
    background-color: transparent;
}

#menuModal .modal-body {
    background: url('../images/main-logo.png') no-repeat center bottom ;
    margin-bottom: 30px;
    padding-bottom: 130px;
}

#menuModal .dropdown-toggle {
    text-decoration: none;
}

#menuModal .dropdown-toggle span {
    background: url(../images/i-arrow-right.png) right center no-repeat;
    display:block;
}

#menuModal .dropdown-toggle:hover span {
    background: url(../images/i-arrow-right-hover.png) 95% 50% no-repeat;
}

#menuModal .dropdown-toggle::after {
    display: none;
}

#menuModal .nav-link {
    padding: 0;
}

#menuModal .nav-item span {
    background-color:transparent;
    position:relative;
    /*display: inline-block;*/
    height: auto;
    padding: 7px 12px;
    margin: 0 30px 0 16px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid #eac3c6;
    font-family: 'Avenir Next LT Pro Medium';
    font-size: 1rem;
    color:#ffffff;
}

.nav-item-overall-architecture .nav-item span {
    border-top: 1px solid #e8d1c3;
}

#menuModal .nav-item:first-of-type {
    /*border-top: 1px solid #eac3c6;*/
    /*margin-top: 15px;*/
}

#menuModal .nav-item:hover span {
    background-color:#ffffff;
    color:#cd3b5d!important;
    border-top: 1px solid #e8d1c3;
    margin: 0 30px 0 16px;
    padding: 7px 22px;
}

#menuModal .nav-item:first-of-type:hover {
    /*margin-top: 15px;*/
}

#menuModal .dropdown-menu {
    min-width: 250px;
    color: #ffffff;
    background-color: rgba(0,0,0,0.8);
    border: none;
    border-radius: 0;
    padding: 1px 2px;
}

#menuModal .dropdown-item, #menuModal .dropdown-item:focus, .dropdown .dropdown-item {
    color: #ffffff;
    border-top: 1px solid #303a44;
    padding: 16px 1rem;
    background-color: transparent;
}

#menuModal .dropdown-item:hover
 {
    color: #cd3b5d;
    background-color: transparent;
}

.dropdown-menu > .dropdown-item:first-child {
    border-top: none!important;
}

/* hotspots*/
.hotspot {
    display: inline-block;
    position: absolute;
    z-index: 1010;
    cursor: pointer;
}

.hotspot a.icon {
    background: transparent url('../images/btn-plus.png') no-repeat 0 0;
    display: inline-block;
    width: 48px;
    height: 48px;
    position: relative;
    cursor: pointer;
    z-index: 999;
}

.hotspot a.icon:hover {
    background: transparent url('../images/btn-plus.png') no-repeat -48px 0;
    width: 48px;
    height: 48px;
}

/* When hovering over a hotspot, increase the icon's z-index */
.hotspot:hover a.icon {
    z-index: 1025;
}

/*popover*/
.popover, .hotspot-popover {
    border-radius: 0!important;
    min-width:426px;
    font-family: 'Avenir Next LT Pro Bold';
}

.hotspot-popover {
    background-color: #ffffff;
    display: none;
    position: absolute;
    top:20px;
    z-index: 1020;
    cursor: pointer;
}

.hotspot-popover.is-disabled {
    display: none;
}

.hotspot-popover.right {
    left:25px;
    -webkit-transform-origin: 90% bottom;
    transform-origin: 90% bottom;
}

.hotspot-popover.left {
    right:25px;
    -webkit-transform-origin: 10% bottom;
    transform-origin: 10% bottom;
}

.hotspot-popover.bottom.left {
    right: 30px;
    bottom: 30px !important;
    top: auto;
}

.hotspot-popover.bottom {
    right:25px;
    -webkit-transform-origin: 10% bottom;
    transform-origin: 10% bottom;
}

.popover.top>.arrow, .popover.bottom>.arrow,
.popover.left>.arrow, .popover.right>.arrow {
    display: none;
}

.popover-content {
    padding: 4px!important;
}

.popover-content h3 {
    margin:0;
    padding:3px;
    float: left;
    text-transform: uppercase;
    font-family: 'Avenir Next LT Pro Bold'!important;
    font-size: 0.9vw;
    line-height: 1vw;
    color: #c61b3d;
}

.popover-content a {
    margin:0;
    padding-top: 5px;
    display: inline-block;
    float: right;
    text-transform: uppercase;
    font-family: 'Avenir Next LT Pro Bold';
    font-size:0.7vw;
    line-height: 0.7vw;
    color: #c61b3d;
}

.popover-content a:hover {
    color: #c61b3d;
}

.carousel {
    position: fixed;
    width:100%;
    height: 100vh;
}

.carousel-control-next,
.carousel-control-prev {
    opacity: 1!important;
    top: 50%;
    bottom: 50%;
}

.carousel-control-prev-icon {
    background-image: url("../images/c-arrow-prev.png") !important;
    background-size: auto!important;

}

.carousel-control-next-icon {
    background-image: url("../images/c-arrow-next.png") !important;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto!important;

}

/*.carousel-control-next-icon, .carousel-control-prev-icon {*/
/*    background-color: rgba(255,255,255,0.8) !important;*/
/*    border: 1px solid rgba(255,255,255,0.8) !important;*/
/*    width: 80px!important;*/
/*    height: 80px!important;*/
/*    box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
/*    border-radius: 45px!important;*/
/*}*/

/*.carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {*/
/*    background-color: rgba(255,255,255,1) !important;*/
/*    border: 1px solid rgba(255,255,255,1) !important;*/
/*    width: 85px!important;*/
/*    height: 85px!important;*/
/*    border-radius: 45px!important;*/
/*}*/

.carousel .slide-video {
    width: 100%;
    height:100%;
    object-fit: cover;
}

.carousel .presentation {
    width:85%;
    height:auto;
    background-color: rgba(255,255,255,0.9);
    position:absolute;
    top: 45%;
    left: 50%;
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
}

/*#oemMacCarousel .presentation {*/
/*    background-color: rgba(255,255,255,0.9);*/
/*}*/

/*!* CSS specific to iOS devices *!*/
/*.carousel-item {*/
/*    -webkit-transform: translateZ(0);*/
/*    -moz-transform: translateZ(0);*/
/*}*/


.presentation h4 {
    height: 55px;
    background: rgb(206,21,63);
    background: -moz-linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%) ;
    background: -webkit-linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%);
    background: linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce153f",endColorstr="#ef742d",GradientType=1);
    padding:0px 45px 0 60px;
    margin: 0;
    font-family: 'Barlow Medium'!important;
    font-size: 1.7rem;
    line-height: 3.2rem;
    color: #fff;
}

/*.presentation h4 {*/
/*    background: rgb(206,21,63);*/
/*    background: -moz-linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%) ;*/
/*    background: -webkit-linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%);*/
/*    background: linear-gradient(90deg, rgba(206,21,63,1) 0%, rgba(239,116,45,1) 100%);*/
/*    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ce153f",endColorstr="#ef742d",GradientType=1);*/
/*    height: 75px;*/
/*    font-size: 1.1rem;*/
/*    line-height: 4.5rem;*/
/*    padding:0px 45px 0 60px;*/
/*    margin: 0;*/
/*    font-family: 'Barlow Medium'!important;*/
/*    color: #fff;*/
/*}*/

.presentation h4 span {
    display:inline-block;
    float:right;
}

/*#oemMacCarousel .presentation h4 span {*/
/*    width: 45px;*/
/*    background: url('../images/bg-oemmac-top.png') no-repeat top right;*/
/*    text-align: left;*/
/*}*/

.presentation .presentation-content {
    padding: 15px 0 25px 0;
    font-size: 1.4rem;
    font-family: 'Barlow Regular'!important;
}

    .presentation .presentation-content strong {
        font-family: 'Barlow Bold';
    }

.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

/** vadp */
#padpCarousel .presentation.slide1 .presentation-content {
    background:rgba(226,226,226,0.9);
    padding: 25px 0 0 0;
}
/*.block-slide1-top {*/
/*    background:rgba(255,255,255,0.9) url(../images/vadp-bg-slide1.png) no-repeat;*/
/*    background-size: 100% auto;*/
/*}*/

.block-top-rounded {
    position: relative;
    margin: 3vh 0 0 0;
    padding-bottom: 5vh;
    overflow: hidden;
    height: 48vh;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
}

.block-top-rounded:before {
    border-radius: 100% 100% 0 0;
    position: absolute;
    background: rgba(255,255,255,0.9);
    bottom: -20px;
    right: -350px;
    left: -350px;
    content: '';
    top: 0;
}
    .block-top-rounded-content {
        display:inline-block;
        padding-top:50px;
    }

.block-top-rounded-content p {
    margin-bottom: 0;
}

.block-top-rounded div, .block-top-rounded p, .block-top-rounded img {
    position:relative;
}

.block-top-rounded p {
    font-style: italic;
}

#oemMacCarousel .presentation .presentation-content {
    font-size: 1.1rem;
    line-height: 1.7rem;
    color: #000;
    padding: 0;
}

#oemMacCarousel .presentation .presentation-content .slide2 {
    font-size: 1.1rem;
}

#oemMacCarousel .presentation .slide1 .col-md-4 {
    background-color: #e2e2e2;
    padding-top: 35px;
}

#oemMacCarousel .presentation .slide1 .col-md-8 {
    background-color: rgba(255,255,255, .7);
}

.presentation .presentation-content p, .presentation .presentation-content ul {
    padding-left: 60px;
    padding-right: 60px;
}

#oemMacCarousel .presentation .slide-info {
    color: #fff;
    padding: 0 100px;
    line-height: 2rem;
    position: relative;
    width: 100%;
    height: 104px;
    background-image: linear-gradient(to right, #004080 0%, #1664a7 51%, #00adee 100%);
    display: table-cell;
    vertical-align: middle;
}
.slide-info-part {
    background: url("../images/bg-slide-info.png") no-repeat bottom right;
    position: relative;
    right: -1px;
}

.presentation .presentation-content ul {
    padding-left: 120px;
    font-size: 1.4rem;
}

#oemMacCarousel .presentation .row {
    margin-left: 0;
    margin-right: 0;
}

#oemMacCarousel .presentation  .presentation-content p,
#oemMacCarousel .presentation .presentation-content ul {
    padding-left: 50px;
    padding-right: 50px;

}

#oemMacCarousel .presentation .presentation-content ul {
    padding-left: 70px;
    list-style: none;
    font-size: 1.1rem;
    line-height: 1.7rem;
}

#oemMacCarousel .presentation .slide1  p,
#oemMacCarousel .presentation .slide1 li {
    margin-bottom: 20px;
}

#oemMacCarousel .presentation .slide1 img, #oemMacCarousel .presentation .slide3 .oem-col2 img, #oemMacCarousel .presentation .slide8 .oem-col2 img {
    vertical-align: middle;
    width:70%;
}



.presentation .presentation-content ul li::marker {
    font-size: 80%;
    color: #cd163f;
}

#oemMacCarousel .presentation .presentation-content li::before {
    content: "\2022";
    color: #cd163f; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}

#oemMacCarousel .slide2 h5 {
    background: url("../images/bg-titles-slide2.png") no-repeat;
    background-size: contain;
    height:56px;
    width: 100%;
    color: #fff;
    padding-left: 35px;
    font-size: 1.5rem;
    line-height: 3rem;
}

#oemMacCarousel .presentation .slide2 li {
    margin-bottom: 5px;
}

#oemMacCarousel .oem-col1 {
    background: url("../images/bg-oem-col2-slide3.png") no-repeat center right;
    background-size: contain;
    padding: 0px 65px 0 60px;
}

#oemMacCarousel .oem-col2 {
    background: #e2e2e2;
    text-align: center;
}

#oemMacCarousel .row.slide4 {
    padding: 0!important;
}


#oemMacCarousel .slide3 h5, #oemMacCarousel .slide4 h5 {
    margin: 30px 0 30px 0;
    font-size: 1.6rem;
    color: #000;
    font-family: 'Barlow Bold'!important;
}

.presentation .presentation-content.slide5 ul {
    padding-left: 35px;
    padding-right: 35px;
}

.presentation img {
    padding:20px 0;
}

#oemMacCarousel .slide4 img {
    padding:0;
}

#oemMacCarousel .presentation .presentation-content .slide4 ul {
    padding-left: 35px;
}

#oemMacCarousel .presentation .presentation-content.slide5 {
    background: url("../images/bg-oem-slide5.jpg") no-repeat;
    background-size: cover;
    min-height: 600px;
    padding-top: 30px;
}

#oemMacCarousel .presentation .presentation-content.slide5 p {
    padding-left: 0;
    padding-right: 0;
    color: #fff;
    text-align:center;
    width: 70%;
    margin:auto;
    font-size: 2rem;
    line-height: 2.5rem;
}

#oemMacCarousel .presentation .presentation-content .slide6 .col-md-6 {
    text-align: center;
}

#oemMacCarousel .presentation .presentation-content .slide6 .col-left {
    background-color: #e2e2e2;
}

#oemMacCarousel .slide6 h5 {
    margin: 20px 0 20px 0;
    font-size: 1.6rem;
    color: #000;
    font-family: 'Barlow Bold'!important;
}

#oemMacCarousel .slide6 h5 span {
    font-family: 'Barlow Regular'!important;
}

#oemMacCarousel .slide6 ul {
    text-align: left;
}

#oemMacCarousel .slide6 li {
    padding-bottom: 10px;
}


#oemMacCarousel .presentation .presentation-content .slide6 .col-right p {
    text-align: left;
    font-family: 'Barlow Bold'!important;
}

#oemMacCarousel .presentation .slide8 .col-md-5 {
    padding-top:80px;
}

#oemMacCarousel .presentation .slide8 img {
    width: 100%;
}

#oemMacCarousel .presentation .slide8 .oem-col1 li {
    padding-bottom: 30px;
}

.presentation .btn {
    background-color: #0d4677;
    background-image: linear-gradient(to top, #0d4677 0%, #1664a7 51%, #1e7fd2 100%);
    text-transform: uppercase;

    padding: 20px 40px 20px;
    margin: auto;
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
    font-size: .7vw;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    display: inline-block;
    /* padding: 5px; */
    width: 67px;
    height: 67px;
    background-color: #2c3440;
    background-size: 100% 100%;
    border: 2px solid #ffffff;
    border-radius: 34px;
}

 .carousel-control-next-icon:hover, .carousel-control-prev-icon:hover {
     background-color: #cd163f;
 }

.carousel-indicators {
    bottom:130px;
}

.carousel-indicators li {
    width: 40px;
    height: 5px;
    margin-right: 5px;
    margin-left: 5px;
    background-color: #707070;
}

.carousel-inner {
    height: inherit;
}
.carousel-item {
    height: inherit;
}

.blur {
    -webkit-animation: blur 2s ;
    -webkit-animation-fill-mode: forwards;
}

@-webkit-keyframes blur {
    0% { -webkit-filter: blur(0px); }
    100% { -webkit-filter: blur(20px); }
}

.slide4-block {
    background-color: #d3def9;
    max-width:700px;
    max-height: 520px;
    border: 2px solid #ffffff;
    border-radius: 20px;
    margin:auto;
    font-family: "Barlow Regular";
}

.slide4-block.slide4-oper {
    background-color: #f9f0d3;
}

.row.slide4 {
    padding: 0 4%!important;
}

.slide4-block h5 {
    background-color: #373737;
    width: 100%;
    height: 41px;
    padding:0;
    margin: 0;
    border: 1px solid #000000;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    text-align:center;
    font-family: "Barlow Regular"!important;
    font-size: 1.5rem;
    color: #18c7dc;
}

.slide4-block.slide4-oper h5 {
color: #21d92a;
}

.slide4-block h6 {
    background-color: #89bcc7;
    border: 1px solid #7db6bf;
    height: 41px;
    text-align:center;
    font-size: 1.1rem;
    line-height: 2.6rem;
    color: #373737;
}

.slide4-oper h6 {
    background-color: #89c789;
}

.slide4-block .cnt {
    height: 400px;
}

.slide4-block.slide4-pred-main:hover {
    background-color: #9bb5f8;
    -webkit-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
}

.slide4-block.slide4-oper:hover {
    background-color: #f6de8f;
    -webkit-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 5px 10px -1px rgba(0, 0, 0, 1);
}

.slide4-block ul {
    padding-left: 30px!important;
    padding-right: 30px!important;
    color: #373737;
    font-size: 1rem!important;
}

.slide4-block ul li::marker {
    color: #000000!important;
}

.slide4-block .cnt img {
    margin: auto;
    display:block;
    padding: 10px 0;
}

.btn-see-in-action {
    position:absolute;
    bottom:20px;
    right:10px;
    width:230px;
    height:50px;
    background: #003e7e url("../images/vadp-i-see-in-action.png") no-repeat 12px 8px;
    border-radius: 10px;
    padding-left: 55px;
    -webkit-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 2px 10px -1px rgba(0, 0, 0, 1);
    text-transform: uppercase;
    text-decoration: none;
    line-height: 3rem;
    font-size: 1.2rem;
    color: #fff;
}

.btn-see-in-action:hover {
    color: #ffffff;
    text-decoration: underline;
}

#videoModal .modal-dialog {
    max-width: 80%;
    margin: 30px auto;
}

#videoModal .modal-body {
    position:relative;
    padding:0px;
}
#videoModal .btn-close {
    z-index: 1000;
    border: 2px solid #ffffff;
    position: absolute;
    right: -35px;
    top: 0;
    color: #ffffff;
    border-radius: 30px;
    background-color: #ffffff;
}

.slide5 {
    background:#e2e2e2 url("../images/vadp-bg-benefits.png") no-repeat;
    max-height: 764px;
}


.slide5 h5 {
    font-size: 1.8rem;
    color: #ce304f;
}

.slide5 .col-md-11 {
    padding-left: 100px;
}

.slide5 li {
    font-size: 1.4rem;
    font-family: "Barlow Regular";
}

.slide5 img {
    padding-top: 10px;
}

#padpCarousel .section-footer, #oemMacCarousel .section-footer {
    position:absolute;
    bottom:0;
    z-index:2000;
    left:0;
    right:0;
    text-align: center;
    height: 92px;
}

.slide5 {
    padding:50px 50px 50px 100px!important;
}

.slide5 .row {
    padding-bottom: 20px;
}

@media screen and (max-height: 900px) {
    #padpCarousel .section-footer {
        display: none;
    }

    .presentation img {
        /*width: 70%;*/
        padding: 10px 0;
    }

    .presentation .presentation-content {
        padding: 15px 0 15px 0;
        padding-bottom: 15px;
        font-size: 1.1rem;
    }

    .presentation h4 {
        height: 40px;
        font-size: 1.2rem;
        line-height: 2.5rem;
    }

    .block-top-rounded {
        font-size: 1rem;
    }

    .slide5 {
        padding: 30px 100px 10px 100px !important;
    }

    .slide5 .row {
        padding-bottom: 15px;
    }

    .slide5 li {
        font-size: 1rem;
    }

    .slide5 h5 {
        font-size: 1.5rem;
    }

    .slide4-block h5 {
        font-size: .8rem;
    }

    .slide4-block ul {
        font-size: 0.7rem;
        padding-left: 30px !important;
        padding-right: 20px !important;
    }

    .slide4-block .cnt {
        height: 280px;
    }

    .row.slide4 {
        padding: 10px 4%!important;
    }

    .slide4-block h4 {
        height: 35px;
        font-size: 1.1rem;
        line-height: 2.1rem;
    }

    .slide4-block h5 {
        height: 32px;
        font-size: .8rem;
        line-height: 1.8rem;
    }

    .slide4-block.slide4-oper .cnt img {
        width: 60%;
        padding:0;
    }

    .infoModal h3 {
        font-size: 1.8rem;
    }

    .infoModal .modal-body li {
        padding-top: 10px;
    }

    .infoModal .modal-content {
        font-size: 1.2rem;
    }
    .infoModal .modal-header {
        padding: 0 0 5px 0;
    }

    .infoModal .modal-footer {
        height: 30px;
    }
}

/* Overall Architecture Modal Styles */

.section-overall-architecture {
    display: none;
}

#overallArchitectureModal .modal-dialog {
    width: 92%;
    max-width: 92%;
    height: 87vh;
    margin: auto;
    top: 6.5vh;
    position: relative;
    
}

#overallArchitectureModal .modal-content {
    height: 87vh;
    background: transparent;
    border: none;
    border-radius: 0;
    box-shadow: none;
    position: relative;
}

#overallArchitectureModal .btn-close {
    background: rgba(0,0,0,0.8) !important;
    opacity: 1 !important;
    font-size: 32px;
    width: 26px;
    height: 26px;
    border-radius: 0 !important;
    color: white !important;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    position: absolute;
    top: 5px;
    right: 65px;
    z-index: 9999;
}

#overallArchitectureModal .modal-body {
    padding: 0;
    height: 87vh;
    border: none;
    background: transparent;
}

#overallArchitectureModal embed {
    border: none;
}