@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap'); /*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ @font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal} .fa {display: inline-block;font: normal normal normal 14px/1 FontAwesome;font-size: inherit;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}.fa-refresh:before{content:"\f021"} .fa-2x {font-size: 2em}.fa-pull-left {float: left}.fa-pull-right {float: right}.fa.fa-pull-left {margin-right: .3em}.fa.fa-pull-right {margin-left: .3em}.pull-right {float: right}.pull-left {float: left}.fa.pull-left {margin-right: .3em}.fa.pull-right {margin-left: .3em} .fa-long-arrow-left:before {content: "\f177"}.fa-long-arrow-right:before {content: "\f178"}.fa-arrow-circle-right:before {content: "\f0a9"}.fa-play-circle-o:before{content:"\f01d"}.fa-youtube-play:before{content:"\f16a"}.fa-play:before{content:"\f04b"}.fa-play-circle-o:before{content:"\f01d"}.fa-search:before {content: "\f002"}.fa-twitter:before {content: "\f099"}.fa-facebook-f:before,.fa-facebook:before {content: "\f09a"}.fa-linkedin:before {content: "\f0e1"}.fa-youtube-square:before {content: "\f166"}.fa-youtube:before {content: "\f167"}.fa-youtube-play:before {content: "\f16a"}.fa-navicon:before, .fa-reorder:before, .fa-bars:before {content: "\f0c9";}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-check:before{content:"\f00c"}.fa-plus:before{content:"\f067"} /* ---- Sharepoint fix ------*/ /*----- move to corev15.css --*/ #s4-bodyContainer {padding-bottom:0;} #sideNavBox { display: none; } #contentBox {margin-left:0; margin-right:0; min-width:100%} #suiteBarDelta, #s4-ribbonrow {/*display:none*/} #ribbonBox *, #ribbonBox ::after, #ribbonBox ::before{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .ms-webpartzone-cell {margin-bottom:0} .ms-srch-resultFooter {display:none} .ms-srch-hover-actions {display:none} .ms-srch-hover-subTitle h3 {font-size:11pt} .ms-srch-sbLarge>input {border-style:solid} .ms-webpart-chrome-vertical, .ms-webpart-cell-vertical, .ms-webpart-zone {display:block} #pageStatusBar[class], .ms-status-msg {margin-bottom: 0; padding:0; border:0} .sticky-top {z-index:99; background-color:#fff} #tmp-item, #tmp-item1, #tmp-item04, #tmp-item24, #tmp-item23, #tmp-item25 { position:absolute; left:100%; top:0 } @media (max-width: 768px){ .container, .container-sm {max-width: 100%;} } /* footer */ body #s4-workspace {margin-bottom: -180px;} .wrapper {min-height: 100%;height: auto !important;height: 100%;margin: 0 auto -180px;overflow: visible !important;} .push, footer {min-height: 180px;clear: both;} /*footer .container .row {margin: 0 auto;width:92%}*/ /* end footer */ /*--- edit mode styles -----------*/ .ms-webpart-titleText {font-size:1rem; color:navy; margin-bottom:0; padding-bottom:0; padding-top:0} .ms-WPAddButton {padding:0; font-size:14px;} .ms-webpart-zone-title {font-size:14px;} /*--------------------------------*/ h1, h2, h3, h4, h5, h6 {font-family:Roboto;} h2, .h2 {font-weight: 300;color: #4a4a4a;font-size: 28px;text-transform: uppercase;margin-bottom: 20px;} /*@media (max-width: 1122px)and (min-width: 992px){ h2 {font-size: 22px;} h1 {font-size: 24px;} }*/ p.ms-rteElement-P{-ms-name:"Paragraph";-ms-element:"true";} .ms-rtestate-field p, p.ms-rteElement-P {line-height: 22px;font-size:14px;} h1.ms-rteElement-H1{-ms-name:"Heading 1";-ms-element:"true";} .ms-rtestate-field h1, h1.ms-rteElement-H1 {font-size:30px;font-weight:300;line-height:40px;text-transform: uppercase; color:#000000;margin-top: 20px;margin-bottom: 10px;} h2.ms-rteElement-H2{-ms-name:"Heading 2";-ms-element:"true";} .ms-rtestate-field h2, h2.ms-rteElement-H2 {color:#000;line-height: 1.4;font-size: 28px;} h2.ms-rteElement-H2A{-ms-name:"Heading 2 w/o left padding";} h2.ms-rteElement-H2A {padding-left:0;} h3.ms-rteElement-H3{-ms-name:"Heading 3";-ms-element:"true";} .ms-rtestate-field h3, h3.ms-rteElement-H3 {font-size: 23px;margin-top: 20px;margin-bottom: 10px;font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;} h4.ms-rteElement-H4{-ms-name:"Heading 4";-ms-element:"true";} .ms-rtestate-field h4, h4.ms-rteElement-H4 {font-weight: 300;line-height: 40px;font-size: 24px;margin-top: 20px;margin-bottom: 10px;font-weight: 300;line-height: 1.1;color: #4a4a4a;} h2.ms-rteElement-H2B{-ms-name:"Heading 2 Alternate";margin-top: 20px;margin-bottom: 10px;padding-left: 0;line-height: 40px;font-size: 24px;color:#000000; text-transform:uppercase} h3.ms-rteElement-H3B{-ms-name:"Heading 3 Alternate";font-size: 18px;margin-top: 10px;margin-bottom: 10px; color:#000000; text-transform:uppercase; font-weight:300;} h4.ms-rteElement-H4B{-ms-name:"Heading 4 Alternate";font-size: 22px;margin-top: 10px;margin-bottom: 10px; color:#4a4a4a; text-transform:none; font-weight:300; line-height:32px} .ms-rtestate-field ul {line-height:22px;} /*------------------ Main -------*/ body {font-family: "Roboto", sans-serif;font-weight: 400;background-color: #fff;color: #231F20;position: relative;} ul ul {list-style-type: square;} a {color: #0073AE;text-decoration:none;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: transparent;} a:visited {color: #0073AE;} /* move to bootstrap */ a:hover, a:active, a:focus {color: #00A4E4;background: transparent;text-decoration: none;} /*--------------- Hamburger ---------------------------*/ .hamburger {margin-left:20px;} .hamburger > a {font-size:18px} .hamburger > a:hover {color: #808284;} /*--------------------- Search -------------*/ /*.search {margin-top: 60px;padding-left:15px;border-left: solid 2px #CCCCCC;} .search a {color: #000;font-size:18px} .search a:hover {color: #808284;} @media (max-width: 992px) {.search {margin-top: 32px;}} @media (max-width: 767px) {.search {margin-top: 24px;}} #SearchBox {width:100%} #searchBox .ms-srch-sbLarge.ms-srch-sb-border, .ms-srch-sbLarge.ms-srch-sb-borderFocused {border:0; width:100%} #searchBox .ms-srch-sbLarge>input {width:90%}*/ /*-------------------- Header --------------------------*/ .logo-wrapper {display:flex} .logo {display:flex;align-items:center;margin:15px 0} .logo img {max-width:166px;margin-right:20px} @media (max-width: 767px) { .logo img {max-width: 100px;} #sitetitle {display:none} } .fixed-nav{background: #fff;top: 0px;left: 0px;right: 0px;z-index: 99;position: fixed;position: sticky;} /* Search control */ .search-box{transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55 );} .search-box.active{} .search-box.active input{opacity:1;display:block;position:absolute; right:0; top:0; width:100%} .search-box input{background:#fff; border:1px #fff solid; border-radius: 50px;padding: 10px;outline:none;opacity:0;display:none;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55 );} .search-box .search-btn{width: 30px;padding: 8px;background: #fff;color: #0073AE;position:relative;text-align:center;border-radius:40px;cursor:pointer;transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55 );z-index:2;} .search-box.active .search-btn{width: 114px;background: #0073AE;color:#fff;position: absolute;top:50%;right:0;transform: translateY(-50%);} @media (max-width: 1199.997px) { .search-box.active {height:45px} .search-box.active .search-btn {right:30px;} .search-box.active input {min-width: 300px;right:30px} } /* site map */ .sitemap-wrapper {} .sitemap-wrapper ul.sitemap {display:flex;flex-wrap:wrap; padding-left:0} .sitemap-wrapper ul.sitemap > li {width:33%; padding-right:20px} .sitemap-wrapper ul.sitemap a {display:block; color:#231F20; font-size:14px} .sitemap-wrapper ul.sitemap > li > a { font-size:16px} .sitemap-wrapper ul.sitemap .dropdown-item, .sitemap-wrapper ul.sitemap .nav-link {padding-left:0;} .sitemap-wrapper ul.sitemap ul.dropdown-menu {display:block;position:relative;top:0;border:0;width: 100%;} .sitemap-wrapper ul.sitemap ul.dropdown-menu a[href=''] {color:#0073AE; display:block; cursor:default} /* new menu */ /* common styles */ .harman-megamenu-new .dropdown-item:focus, .harman-megamenu-new .dropdown-item:hover, .harman-megamenu-new .dropdown-item.active, .harman-megamenu-new .dropdown-item:active {background-color:transparent;} .harman-megamenu-new .dropdown-item a {color: #231F20; font-size:16px; display:block} .harman-megamenu-new .dropdown-item a:hover, .harman-megamenu-new .dropdown-item a:focus {color:#0073AE;} .harman-megamenu-new .dropdown-item.active a {color:#000;} /* first level */ .harman-megamenu-new .navbar-nav > li:hover > .dropdown-menu {display: block;} .harman-megamenu-new .navbar-nav > li > a:hover, .harman-megamenu-new .navbar-nav > li > a:focus {color:#0073AE;} .harman-megamenu-new .navbar-nav > li.nav-link {padding:0.9rem} .harman-megamenu-new .navbar-nav > li > a {color: #4D4D4D;} .harman-megamenu-new .navbar-nav > li > a .caret {display: inline-block;width: 0;height: 0;margin-left: 5px;vertical-align: middle;border-top: 4px dashed #2F72A9; border-right: 4px solid transparent;border-left: 4px solid transparent;} .harman-megamenu-new .navbar-nav > li > ul {left:50%; transform: translate(-50%, 0); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} .harman-megamenu-new .navbar-nav > li.nav-link > ul.dropdown-menu {margin-top: -1px;padding:10px 0 15px;border-radius:0 0 15px 15px;border: 0;} .harman-megamenu-new .navbar-nav > li.nav-link > ul.dropdown-menu > .dropdown-item {position: relative; padding:6px 25px;} .harman-megamenu-new .navbar-nav > li::after {background: #006499 none repeat scroll 0 0;content: "";display: block;height: 1px;transition: width 0.3s ease 0s;width: 0;} .harman-megamenu-new .navbar-nav > li:hover::after, .harman-megamenu-new .navbar-nav > li:focus::after {width:100%;} /* second level with children dropdown */ .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link {padding: 6px 25px;} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.dropdown a {color:#4D4D4D} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.dropdown a:hover {color:#0073AE} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link .caret {border:0; background: transparent url(/assets/images/icons/arrow_blue.png) no-repeat 10px 6px;display: inline-block;width: 40px;vertical-align: top;height:24px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link:focus .caret, .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) ul.dropdown-menu li.nav-link:hover .caret {background-position:20px 6px;} /* 3d level dropdown */ .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) li.dropdown > .dropdown-menu {min-height:100px;border-radius: 15px;top:-100%; left:calc(100% + 1px);-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) li.dropdown > .dropdown-menu li {padding:6px 25px} .harman-megamenu-new .navbar-nav > li.nav-link:not(:nth-child(3)) li.dropdown:hover > .dropdown-menu {display: block;} /* second level mega menu */ .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) li.dropdown > ul.dropdown-menu {display: block; position:relative;border:0} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) > ul.dropdown-menu {width:600px} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) > ul.dropdown-menu li.dropdown {font-weight:500;float: left;display: inline;width: 50%;padding-left: 25px;padding-right:25px} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) > ul.dropdown-menu li.dropdown:nth-child(2) {float: right;} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) > ul.dropdown-menu > li.dropdown > a {cursor: default;} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) > ul.dropdown-menu li.dropdown a:hover {color:#0073AE} .harman-megamenu-new .navbar-nav > li.nav-link:nth-child(3) li.dropdown > ul.dropdown-menu li.dropdown-item {padding-left:0; padding-right:0} @media (min-width: 991px) { #full_menu .dropdown:hover .dropdown-menu {display: block;} #full_menu_new .dropdown:hover .dropdown-menu {display: block;} /*#full_menu_new1 ul > li.dropdown:hover > .dropdown-menu {display: block;} #full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu li.nav-link.dropdown .dropdown-menu {display: block; position:relative;} #full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu {width:600px} #full_menu_new1 .navbar-nav > li.nav-link:nth-child(3) ul.dropdown-menu li.nav-link.dropdown {float: left;display: inline;width: 50%;} #full_menu_new1 .navbar-nav > li.nav-link:nth-child(2) ul.dropdown-menu li.nav-link.dropdown .dropdown-menu {top:-100%; left:calc(100% + 1px);-webkit-box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);box-shadow: 0 6px 12px 0 rgb(0 0 0 / 18%);}*/ } @media (max-width: 767px) { .navbar-header .logo-with-pagetitle {left: 133px;top: 32px;} } /*-------------- Megamenu ----------------------*/ .navigation-wrapper {display:flex; flex-direction:column; align-items:flex-end; justify-content:center} .harman-globalmenu {position:relative} .harman-globalmenu .navbar-nav .nav-link {padding: 0 0.7rem} .harman-globalmenu .navbar-nav .nav-link {display:flex; align-items:center} .harman-globalmenu .navbar-nav > li > a {color: #4D4D4D; font-size:14px;} .harman-globalmenu .navbar-nav > li.nav-link.last > a {color: #0073AE} .harman-globalmenu .navbar-nav > li.nav-link:nth-last-child(1) a {display:block;color:#fff; width:114px;line-height:41px; text-align:center; background-color:#0073AE; border: 2px solid #0073AE;border-radius: 36px;} .harman-globalmenu .navbar-nav > li.nav-link:not(:nth-last-child(-n+1)) a::after {background: #006499 none repeat scroll 0 0;content: "";display: block;height: 1px;transition: width 0.3s ease 0s;width: 0;} .harman-globalmenu .navbar-nav > li.nav-link:not(:nth-last-child(-n+1)) a:hover::after, .harman-globalmenu .navbar-nav > li.nav-link:not(:nth-last-child(-n+1)) a:focus::after {width: 100%;} .harman-globalmenu .navbar-nav > li.nav-link:not(:nth-last-child(-n+1)) a:hover, .harman-globalmenu .navbar-nav > li.nav-link:not(:nth-last-child(-n+1)) a:focus {color: #0073AE;background-color: transparent;} /*.harman-megamenu {margin-top:50px;}*/ /*.harman-megamenu.navbar {padding:0} .harman-megamenu .caret {display: inline-block;width: 0;height: 0;margin-left: 5px;vertical-align: middle;border-top: 4px dashed;border-right: 4px solid transparent;border-left: 4px solid transparent;} .harman-megamenu .navbar-nav > li.nav-link { padding:0} .harman-megamenu .navbar-nav > li > a {padding-left:10px;padding-right:10px;line-height:50px; font-weight: 400;color: #787878;font-size: 16px;text-transform: uppercase;display:block} .harman-megamenu .navbar-nav > li > a {color:#707274} #full_menu_new.harman-megamenu .navbar-nav > li > a {font-size: 14px;} .harman-megamenu .navbar-nav > li::after {background: #006499 none repeat scroll 0 0;content: "";display: block;height: 2px;transition: width 0.3s ease 0s;width: 0;} .harman-megamenu .navbar-nav > li:hover::after, .harman-megamenu .navbar-nav > li:focus::after {width: 100%;} .harman-megamenu .navbar-nav > li > a:hover, .harman-megamenu .navbar-nav > li > a:focus {color: #333;background-color: transparent;} #full_menu ul.dropdown-menu, #full_menu_new ul.dropdown-menu {margin-top:0;background-color: #f8f8f8;border-radius: 0;border-style: solid;border-width: 0 0 2px;box-shadow: none;padding-bottom:0;padding-top:0;width: 100%;} #full_menu ul.dropdown-menu li, #full_menu_new ul.dropdown-menu li {min-height: 34px;} #full_menu, #full_menu_new {background-color:#ffffff} #full_menu li.nav-link ul.dropdown-menu, #full_menu_new li.nav-link ul.dropdown-menu {width:auto;background: #ffffff none repeat scroll 0 0;padding-bottom: 2px;padding-top: 2px; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15);border-radius: 1px;-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);box-shadow: 0 6px 12px rgba(0, 0, 0, .175);} #full_menu .dropdown-item, #full_menu_new .dropdown-item {position: relative; padding-left:20px; padding-right:20px;} #full_menu .dropdown-item a, #full_menu_new .dropdown-item a {color: #333; font-size:14px}*/ /*#full_menu li.nav-link ul.dropdown-menu ul li a {color: #333;display: block;font-size: 22px;font-weight: 400;padding: 10px 10px 10px 20px;cursor: pointer;min-width: 470px;text-transform: uppercase;text-decoration: none;}*/ /*#full_menu .dropdown-item:focus, #full_menu .dropdown-item:hover, #full_menu_new .dropdown-item:focus, #full_menu_new .dropdown-item:hover {background: #EAEAEA;} #full_menu .dropdown-item.active, #full_menu_new .dropdown-item.active {background-color: #337ab7;} #full_menu .dropdown-item.active > a, #full_menu_new .dropdown-item.active > a {color: #fff}*/ /* Humburger Menu */ /*Hamburger desctop and mobile menu*/ .hamburger-menu.collapse.show {overflow-y: auto;} .hamburger-menu {background-color: #FFFFFF;top: 0;right: 0;position: fixed;height: 100vh;min-height:10em;max-height:100vh;width: 400px;z-index:1100;padding-left:0} @media (max-width: 400px) { .hamburger-menu {width:100%} } .hamburger-menu .nav-link-header {padding:10px 15px;display:block;} .hamburger-menu .closemenu {height: 40px;float: right;padding: 10px 10px;cursor: pointer;} .hamburger-menu .nav-link {padding:0; position:relative} .hamburger-menu .nav-link > a {padding:6px 15px;display:block;} .hamburger-menu .nav-link.dropdown a.has-child {padding:6px 15px;display:block; background-color:#eeeeee;border-bottom:1px #fff solid} .hamburger-menu .dropdown-item {background-color:#ffffff; white-space:normal} .hamburger-menu .dropdown-item:hover {background-color:#f9f9f9} .hamburger-menu .dropdown-item.active {background-color: #337ab7;} .hamburger-menu .dropdown-item.active a {color:#ffffff} .hamburger-menu .dropdown-item a {padding:0px;display:block; color:#333; font-size:14px;line-height:26px} .hamburger-menu .dropdown-menu {border:0} .hamburger-menu .caret {position:absolute;top: 10px;right: 15px;z-index: 1200;box-sizing: border-box;height: 10px;width: 10px;border-style: solid;border-color: #0073AE;border-width: 0px 1px 1px 0px;transform: rotate(45deg);transition: border-width 150ms ease-in-out} .hamburger-menu .nav-link.dropdown a.has-child[href=""] {display:none} .hamburger-menu .dropdown-menu {margin:0; padding:0} /*****END******/ /*-------------------- Edit Show Block ------------------------------*/ .edit-block-item-link, .edit-block-approve-item-link, .edit-mode-block-cl {display:none;} .edit-mode-block, .edit-mode-block-cl {z-index:99; background-color:#ffffff; } .edit-mode-block {border:2px; border-color:#4a4a4a;padding:10px} .edit-mode-block button, .edit-mode-block-cl button {min-width:auto} .updateProgressGear img{z-index: 1001;top: 40%;margin:0px;left:40%;position: absolute;} .updateProgressGear{margin:0px;padding:0px;top:0px; bottom:0px; left:0px; right:0px;position:absolute;z-index:1000;background-color:#cccccc;filter: alpha(opacity=70);opacity: 0.7;} .edit-block-link {} .edit-block-item-link {position:absolute; top:0; left:0;z-index:9 } .active .edit-block-item-link {z-index:100} .edit-block-item-link button {opacity: 0.7;color:#ffffff; cursor:pointer; min-width:auto;background-color:#0073ae} .edit-block-approve-item-link {position:absolute; top:0; left:40px;z-index:9} .active .edit-block-approve-item-link {z-index:100} .edit-block-approve-item-link button {opacity: 0.7;color:green; cursor:pointer; min-width:auto;} .draft {color:red!important; font-size:11pt;} /*--------------------- EXTENSIONS !!! -----------------*/ .text-regular {font-size:16px;font-weight:400;line-height:23px;margin-bottom:20px} .text-regular p:last-child {margin-bottom:0} .text-header {font-size:32px;font-weight:500;line-height:38px;color: #0073AE;margin-bottom:20px} .text-lead{font-size:18px;font-weight:400;line-height:23px;color:#4D4D4D;text-transform:uppercase; margin-bottom:20px} .text-title {font-size:25px;font-weight:500;line-height:35px;color: #fff;margin-bottom:10px} .strong {font-weight:500} @media (max-width: 992px) { .text-regular {font-size: 14px;line-height: 21px;margin-bottom:20px} .text-header {font-size:28px; line-height:32px;} .text-lead{margin-bottom:10px} .text-title {font-size:21px;line-height:24px} } @media (max-width: 767.997px) { .text-regular {font-size: 14px;line-height: 21px;margin-bottom:10px} .text-header {font-size:25px; line-height:32px;margin-bottom:10px} .text-lead{margin-bottom:10px} .text-title {font-size:18px;margin-bottom:0px} } .button-wrapper { } .align-center {display: block;margin-right: auto;margin-left: auto;text-align: center;} .blue-arrow{background: transparent url(/assets/images/icons/arrow_blue.png) no-repeat 10px 6px;display: inline-block;width: 40px;vertical-align: top;height: 24px;} .white-arrow{background: transparent url(/assets/images/icons/arrow_white.png) no-repeat 10px 6px;display: inline-block;width: 40px;vertical-align: top;height: 24px;} .anim {-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} .effect6{box-shadow: 0px 2px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%);} .effect7{box-shadow: -1px -1px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%);} .overlay {position: absolute;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);} .overlay-bottom {position: absolute;top: 0;width: 100%;height: 100%;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );} .overlay-half {position: absolute;top: 0;width: 100%;height: 100%;background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 96%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 100%);background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 96%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );} @media (max-width: 991px) { .overlay-half {background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0) 100%);} } @media (max-width: 575px) { .overlay-half {background: -moz-linear-gradient(left, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.4) 100%);background: -webkit-linear-gradient(left, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 100%);background: linear-gradient(to right, rgba(0,0,0,0.85) 0%,rgba(0,0,0,0.4) 100%);} } .section {padding: 72px 0 0} .paragraph {margin: 72px 0 0} .paragraph-half {margin: 36px 0 0} @media (max-width: 575px) {.paragraph {margin: 36px 0 0}.section {padding: 36px 0 0}} .bg-gray {background-color:#e5e4e4!important} .bg-darkblue {background-color:#006499!important} .bg-blue {background-color:rgba(0, 164, 227, 0.9)!important} .bg-lightblue {background-color:#CAE3E9!important; padding: 72px 0} @media (max-width: 575px) {.bg-lightblue {padding: 36px 0}} .height-400 {height:400px} .height-500 {height:500px} .column-1 p {-webkit-column-count: 1!important;-moz-column-count: 1!important;column-count: 1!important;-webkit-column-gap: 0px!important;-moz-column-gap: 0px!important;column-gap: 0px!important;} /*-------------------------------------------------------------------*/ .page-section {padding-top:30px;padding-bottom:30px} .section-title{display: block !important;font-size: 28px !important;line-height: 31px !important;font-weight: 300;margin-bottom: 22px;color: #4a4a4a !important;text-transform: uppercase;text-align: left;} .subtitle{margin-bottom: 40px !important;color: #808284 !important;font-weight: 300 !important;text-align: left; padding-left: 15px;} /*----------------- HERO pages --------------------------------------*/ /*hero*/ .hero-section .hero-banner {} .hero-section img {width: 100%;height: auto;} .hero-section .hero-content {background: rgba(0, 99, 153, 0.95);position: absolute;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);width: 62%;padding: 40px 40px 40px 60px;} .hero-section .hero-content h2 {line-height: 36px;font-size: 21px;font-weight:400; padding-left:0;text-transform: none;color: #ffffff;margin-bottom:0;padding-top:0} .hero-section .hero-content div {line-height: 22px;font-size: 17px;font-weight: 400;margin: 0; color:#ffffff;} .hero-section .hero-content div a {color:#ffffff} .hero-section .hero-content input.ms-long{width:100%;} .hero-section .hero-content textarea{width:100%; height:80px} @media (min-width: 992px) { .hero-section .hero-content {left: 50%} .hero-left .hero-section .hero-content {left:0;} } @media (min-width:768px) and (max-width:991px) { .hero-section .hero-content {position: relative;top:0;width: 100%;padding: 10px;bottom: -1px;transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);} .hero-section .hero-content div{font-size: 14px;line-height: 24px;} .hero-section .hero-content h2{font-size: 16px;line-height: 30px;padding-left: 0;} } @media (max-width:767px) { .hero-section .hero-content {top:0;position: relative;width: 100%;transform: translateY(0);-ms-transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);padding: 10px;} .hero-section .hero-content div{font-size: 14px;line-height: 24px;} .hero-section .hero-content h2{font-size: 16px;line-height: 30px;padding-left: 0;} } /*--------------------- FORMS --------------------------*/ .form {padding: 1em 1em 1em 1em} .form-select {width:100%;padding: 10px;margin-bottom: 10px;margin-right: 25px;font-size: 14px;background-color:#e5e4e4; border-color:#e5e4e4;height: 50px;border-radius: 5px;} .form-submit {color: #ffffff!important;border: transparent;padding: 8px;font-size: 16px!important;margin-left: 6px;width: 92px;border-radius: 3px;border-style: none !important;background-color: #337ab7 !important;} .form-result {padding:0px 10px} .street-address {padding:0 10px; display:block} /*--------------------- EXCEPTIONS!!!!! ----------------*/ /* ------------------ Header ---------------------------*/ .region-header {padding:0 45px; display:flex; justify-content:space-between} @media (max-width: 575px) { .region-header {padding:0 15px} } .region-header .navbar {padding: 0;} /*------------------ Back To Top ---------------------*/ /* top top wrapper */ .top-top-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex} .top-top-wrapper .to-top-btn{float:right;cursor:pointer;display:flex; justify-content:center;width:60px;height:60px;padding-top: 25px;border-radius:10px;margin-top:100px;margin-bottom:40px} @media (max-width:1199.98px){.top-top-wrapper .to-top-btn{margin-top:80px}} @media (max-width:1023.98px){.top-top-wrapper .to-top-btn{margin-top:72px}} @media (max-width:767.998px){.top-top-wrapper .to-top-btn{margin-top:48px}} /* end top top wrapper */ div.arrow {display: inline-block;width: 25px;height: 25px;border-top: 2px solid #000;border-right: 2px solid #000;transform: rotate(-45deg);} /*-------------- Footer ------------------------------*/ footer {background-color: #2a292a;color: #fff;padding-left: 30px !important;padding-right: 30px !important;} /*footer > div {padding: 0 30px;}*/ footer a, footer a:visited {color: #fff;} footer ul.footer-menu {margin-bottom: 7.5px} footer .copyright {font-size:12px} footer .copyright a {text-decoration:underline} footer ul.nav li a:hover, footer ul.nav li span:hover, footer ul.nav li a:hover, footer ul.nav li span:hover, footer .copyright a:hover, footer ul li a:hover, footer ul.nav li a:focus, footer ul.nav li span:focus, footer ul.nav li a:focus, footer ul.nav li span:focus, footer .copyright a:focus, footer ul li a:focus, footer .copyright a:hover{background-color: transparent;color: #716f71;text-decoration: none;} footer .nav-link {padding:0.2rem 1rem;display: block;} footer .lang-btn {line-height:1;background: transparent none repeat scroll 0 0;border: 1px solid #fff;border-radius: 2px;color: #fff;margin-bottom: 15px;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;} footer .lang-btn:hover {background: transparent none repeat scroll 0 0;color: #ccc;text-decoration: none;} .ada_comp {margin-top: 5px;color: #aeaeae;font-size: 12px;} @media (max-width: 767px) { footer .copyright {text-align: center;} footer ul.nav li a, footer ul.locations li a, footer ul.locations li span, footer ul.nav li span, footer a {font-size: 16px;line-height: 23px;} footer ul.footer-menu {margin: 7.5px -15px;-webkit-box-orient:vertical!important;-webkit-box-direction:normal!important;-ms-flex-direction:column!important;flex-direction:column!important} .language-option {text-align: center;width: 100%;} .language-option .btn {float: none !important;margin-bottom: 10px;} footer .hline {background: #4a4a4a none repeat scroll 0 0;height: 1px;margin: 15px 0;width: 100%;} footer .copyright, footer .copyright a {font-size: 12px;} } /*Blog starts*/ .blog-page .content-section{padding-top: 30px;padding-bottom: 30px;background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow-x: hidden;} .blog-main h1 {font-weight:500;font-size: 30px;color: #4a4a4a; margin-bottom: 10px;color: #0073AE;} .blog-main .blog-date{margin-bottom: 10px;font-size: 16px;line-height: 2;color: #4a4a4a;} .blog-main .blog-img img{margin-bottom: 20px;} .blog-main .blog-img img{display: block;max-width: 100%;height: auto;border-radius: 15px;} .blog-main .blog-preamble{font-size:14px; line-height:22px;font-weight:400 } .blog-main .blog-content-desc{font-size:14px; line-height:22px; margin-top:20px; margin-bottom:20px } .blog-main .blog-content-desc img {max-width:90%; display: block;margin: 0 auto!important;} .blog-main .blog-img img{width:100%} .blog-main .blog-home-img img{width:100%} .blog-main textarea.ms-long {width: 620px;} .blog-main table.ms-long .ms-input>select {width:260px !important;} .blog-social{list-style-type: none;margin: 0;padding: 0;font-weight: 300;} .blog-social{width: 50px;border: 1px solid;float: right;border-radius: 15px;} @media all and (max-width: 767px){.blog-social{display:none}} .blog-social li{padding: 10px 0px 2px 10px;cursor: pointer;} .avatar {display:flex; justify-content:left} .avatar .author-img-wrapper {padding-right: 15px;} .avatar .author-img-wrapper img {border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;} .avatar .author-details-wrapper h4 {margin-bottom: 12px; font-size:18px} .avatar .author-details-wrapper h6 {font-weight: 400;margin-bottom: 8px;} .avatar .author-details-wrapper a {display: inline-block;padding: 3px;height: 35px;width: 35px;border: 1px solid #ccc;border-radius: 50%;-webkit-border-radius: 50%;-ms-border-radius: 50%;-o-border-radius: 50%;margin-right: 10px;text-align: center;} .avatar .author-details-wrapper a.twitter-img {color:#1da1f2;} .avatar .author-details-wrapper a.linkedin-img {color:#0077b5;} .img-responsive{display: block; max-width: 100%;height: auto;} .block-title{display: block;font-size: 28px;line-height: 31px;margin-bottom: 22px;color: #4a4a4a;text-transform: uppercase;text-align: left; font-weight:300} .blog-related{background: #eff0f1;} .blog-related #blog-inner-pages{margin: 5px 0 !important;position: relative;padding: 20px 15px !important;width: auto;} #blog-inner-pages .article-index-item{border-bottom: #e5e4e4 2px solid;padding: 15px 0;} #blog-inner-pages .article-index-item h4{font-weight: 400;font-size: 18px;margin-bottom: 16px;color:#808284; line-height:24px} /*.article-tags{font-size: 14px;color: #ccc !important;margin-bottom: 10px;}*/ .article-tags{font-size: 16px;line-height: 24px;} /*Blog end*/ .view-blogs{margin-left: 4%;} #blogs-container {margin-top:50px;} .searchContainer {margin-top:60px;} .blogCard {margin-top: 0px;margin-bottom: 20px !important;} .blogCard h5 {font-size: 16px;line-height: 18px;margin-bottom: 10px; color:#808284} .blogCard img {width:100%} .blogCard .blogCardTitle {font-weight: 400;color: #4a4a4a;margin-top: 30px;margin-bottom: 20px;overflow: hidden;font-size:18px;line-height:26px} .blogCardDate .blogCardDateSpan{display: block;font-weight: 400;color: #808284;margin-bottom: 10px;font-size: 14px;} .blogCard .blogCardDesc {color: #808284;margin-bottom: 15px;font-size: 14px;} .blobBtnShowMore > a {display: inline-block;padding: 5px 14px;border-width: 1px;border-style: solid;border-color: rgb(221, 221, 221);} .blobBtnShowMore {cursor: pointer; margin-bottom:30px} #search-container {background-color: #c2c2c2;padding: 20px; margin-bottom:30px} .lblBlogdate {color: #777;font-size: 12px;margin: 5px 0 10px;padding: 0;} .main-container{margin-left:0px !important;} .btnLoadBlogs{margin-top: 1.4em;border-radius: 0px;background: #00a4e4 !important;color: white !important;font-weight: 500;padding: 5px 10px; cursor: pointer; font-size: smaller !important;} .follow-us i { color: white; font-size: 25px; width: 18%; } .follow-us { background-color: #014060; padding: 15px; margin-top: 20px; } .social-media { background-color: #808284; padding: 15px; margin-top: 20px; margin-bottom: 20px; } .latest-social-media .social-media .customNavTab1 { margin-bottom: 0; } .social-media .customNavTab1 > li { display: inline-block; padding-right: 20px; width: 20%; } .social-media .tabItemType2 { position: relative; clear: both; overflow: hidden; } .social-media .social-media-img { background-color: #fff; padding: 15px; margin-top: 0px; } .clearfix { clear: both; } .hcs-tweets { padding: 0; width: auto; } .section { padding-top: 30px; padding-bottom: 30px; background-position: center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; overflow-x: hidden; } .hcs-tweets .twitter-status { padding: 0; } .twitter-status .avatar { float: left; } .hcs-tweets .timestamp { width: 37%; float: right; font-size: 12px; margin-top: 13px; } .twitter-status .timestamp { float: right; color: #999999; font-size: 0.85714285714286em; } .hcs-tweets .twitter-status .name-handle { margin-left: 0; width: 100%; clear: both; font-size: 14px; } .twitter-status .name-handle { margin-left: 60px; } .twitter-status .name-handle .name, .twitter-status .name-handle .handle { display: inline; } .twitter-status .name-handle .name, .twitter-status .name-handle .handle { display: inline; } .hcs-tweets .twitter-status .text { margin-left: 0; width: 100%; font-size: 16px; padding-bottom: 15px; border-bottom: 1px solid #e5e4e4; } .hcs-tweets .actions { display: none; } .twitter-status .actions { text-align: right; font-size: 0.85714285714286em; padding: 0; margin: 0; visibility: hidden; } div.view-tweets ul { list-style-type: none; padding: 0px; } .social-media h4 { color: #fff; margin-bottom: 15px; margin-top:10px } .social-media .customNavTab1 > li a i { color: rgba(255, 255, 255, 0.5); font-size: 25px; width: 18%; } .blog-card-gray { padding: 0px; background-color: #f2f7f9; } .blogCard .homeBlogTitle { padding: 0px 20px; font-weight: 400; color: #4a4a4a; margin-top: 30px; margin-bottom: 15px; overflow: hidden; font-size: large; height: 80px; } .blogCard .homeblogCardDesc { padding: 0px 20px; font-weight: 300; color: #808284; margin-bottom: 15px; font-size: 14px; height: 80px; } .blog-block-title { margin: 0 0.57%; } .blog-subtitle { margin: 0 1.57%; padding-bottom: 22px !important; color: #808284 !important; font-weight: 300 !important; text-align: left !important; font-size: 20px !important; line-height: 26px !important; } .homeBlogImg { width: 390px; height: 220px; } /* Marketo */ /*Marketo style starts*/ .mktoForm {width: 100% !important;overflow: hidden;} .section-enquiry-bg {background-image: url(/SiteCollectionImages/marketo/contact_bg1.jpg);background-attachment: fixed;padding:15px; background-size:cover} .section-enquiry-bg.avasant {background-image: url(/SiteCollectionImages/marketo/HARMAN_Avasant%20report_WebpageBanner_011020Artboard%201%20copy%204.png);background-attachment:inherit;} .avasant h2.section-title {color:#ffffff!important; text-align:center; margin-top:50px; font-size:40px; font-weight:500; letter-spacing:1px} .avasant h3.subtitle {color:#ffffff!important; font-size:1rem; margin:0 20.0%; text-align:center; line-height:1.5} .mktoForm .mktoFormRow {margin-left: -15px;margin-right: -15px;} .mktoForm .mktoFormCol {width: 45%;padding-left: 15px;padding-right: 15px;} .mktoForm .mktoGutter {display: none;} .mktoForm .mktoField {width: 100% !important;font-weight: 300;border: 1px solid #e5e4e4;margin-bottom: 20px;padding: 5px;font-size: 14px;color: #808284;height: 38px;} .mktoForm select.mktoField {width: 100% !important;height: 38px;color: #808284;font-weight: 300;padding: 10px;margin-bottom: 10px;font-size: 14px;border: 1px solid #e5e4e4;} .mktoForm .mktoLabel {margin-bottom: 5px;font-weight: 300 !important;} .mktoForm .mktoButtonRow {width: 100%;} .mktoButtonRow span{text-align:center !important;} .mktoButtonWrap {margin: 0 auto !important;display: block;text-align: center;} .mktoForm .mktoButtonWrap.mktoShadow .mktoButton {background-color: rgb(0, 164, 228) !important;color: #fff !important;text-decoration: none;font-size: 14px !important;background-image: none !important;border: 0px !important;padding: 8px 12px !important;} .mktoOffset {display: none;} .mktoForm .mktoFormRow {margin: 0 auto;width: 70% !important;clear: both;} .mktoForm .mktoFieldWrap {float: left;width: 100%;} button.mktoButton {width: auto;color: #fff !important;text-decoration: none;font-size: 14px !important;background-image: none !important;border: 0px !important;padding: 12px 35px !important;margin-top: 10px;margin-bottom:10px;} @media all and (max-width: 767px){.mktoForm .mktoFormCol{float: none;width: 100%;padding: 0 5px;}} #Consent_to_Processing__c {height: 15px !important;width: 15px !important;} #mktoForm_3320 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_3200 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;} #mktoForm_3200 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_4384 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;} #mktoForm_4384 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_3306 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_1254 :nth-child(9).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_1343 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_2073 :nth-child(6).mktoFormRow .mktoFormCol{width:94%;} #mktoForm_2073 :nth-child(7).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_1159 :nth-child(6).mktoFormRow .mktoFormCol{width:100%;} #mktoForm_2073 textarea.mktoField {min-height: 6em;} #mktoForm_3200 textarea.mktoField {min-height: 6em;} #mktoForm_4384 textarea.mktoField {min-height: 6em;} /*Marketo style Ends*/ div.ms-formfieldlabelcontainer span.ms-formfieldlabel, .ms-formfieldlabelcontainer .ms-formfieldlabel { color:#000; font-size:0.7rem; } .ms-formfieldvaluecontainer { padding:0; } .noborder .ms-formfieldvaluecontainer { border:0 } .ms-dtinput a { padding:0 } /* Block Styles */ .blocks-wrapper {background-position: center;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;overflow-x: hidden;} .blocks-wrapper .block-header>p {padding: 0 15px 20px;color: #808284;font-weight: 300;text-align: left;font-size: 18px;line-height: 26px; margin-bottom:0} .blocks-wrapper .block-header>p {color:#707274} .blocks-wrapper .block-header>h2 {padding-left:15px; padding-right:15px; font-family:Roboto; padding-top:30px; line-height:31px;} .blocks-wrapper .block-header>div.h2 {padding-left:15px; padding-right:15px; font-family:Roboto; line-height:31px;margin-bottom:0;} .blocks-wrapper .card-sub-header>h2 {padding-left:15px; padding-right:15px; font-family:Roboto; padding-top:30px; line-height:31px;} .slick-container {width:1042px;} .blocks-wrapper li {list-style: disc;} .blocks-footer {font-weight:300; padding-left:15px; padding-top:10px;} .btn-p {color: #fff; background: #0073ae;padding: 8px 12px;font-size: 14px;line-height: 18px;text-transform: uppercase;border: 0 solid transparent;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 2px;} .btn-p:hover {color: #fff;background: #00a4e4;text-decoration: none;} .btn-p:active {color: #fff;background: #0077b5;text-decoration: none;} .btn-p:visited {color: #fff;} .btn-p:focus {color: #fff;background: #0077b5;text-decoration: none;} .btn-g {margin-left:3px; color: #fff; background: #2dbe00;padding: 5px 6px;font-size: 10px;line-height: 14px;text-transform: uppercase;border: 0 solid transparent;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 2px;} .btn-g:hover {color: #fff;background: #44d517;text-decoration: none;} .btn-g:active {color: #fff;background: #00b533;text-decoration: none;} .btn-g:visited {color: #fff;} .btn-g:focus {color: #fff;background: #0077b5;text-decoration: none;} .btn-a {margin-left:3px;color: #fff; background: #0073ae;padding: 5px 6px;font-size:10px;line-height: 14px;text-transform: uppercase;border: 0 solid transparent;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;-webkit-border-radius: 0;-moz-border-radius: 0;-o-border-radius: 0;border-radius: 2px;} .btn-a:hover {color: #fff;background: #00a4e4;text-decoration: none;} .btn-a:active {color: #fff;background: #0077b5;text-decoration: none;} .btn-a:visited {color: #fff;} .btn-a:focus {color: #fff;background: #0077b5;text-decoration: none;} .button {border-radius: 36px;font-size:18px;text-align: center;letter-spacing: 0px;padding: 16px 30px;box-sizing: border-box;text-decoration: none; display: inline-flex;} .btn-h, .btn-h:visited {background: #fff;transition: all 0.5s linear;border: 2px solid #fff;color: #0073ae;} .btn-h:hover {background: transparent;color: #fff;font-size: 17px;} .btn-s {background: #0073ae;color: #fff;border: 2px solid #0073ae;font-size:16px;} .btn-s:visited {color:#fff;} .btn-s:hover {background: transparent;color: #0073ae;} .btn-m {background: #0073ae;color: #fff;border: 2px solid #0073ae;font-size:16px; padding:10px 30px} .btn-m:visited {color:#fff;} .btn-m:hover {background: transparent;color: #0073ae;} /* 1-box logo slider */ .slick-1-box-slider {background-color:#F2F2F2;padding: 72px 0; position:relative} .slick-1-box-slider:before{position:absolute;content: ' ';background: url(/Assets/Motives/group-2.png) no-repeat;background-size:cover;width:80px;height:80px;right:0;top:0;} .slick-1-box-slider:after{position:absolute;content: ' ';background: url(/Assets/Motives/group-1.png) no-repeat;background-size:cover;width:120px;height:120px;bottom:0;left:0;} .slick-1-box-slider .media-wrapper {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;-webkit-box-flex: 0;-webkit-flex: 0 0 37.66667%;-ms-flex: 0 0 37.66667%;flex: 0 0 37.66667%;max-width: 37.66667%;margin-left: 12.33333%;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;justify-content:center} .slick-1-box-slider .media-wrapper img {max-width:300px; max-height:200px} .slick-1-box-slider .content-wrapper {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;-webkit-box-flex: 0;-webkit-flex: 0 0 37.66667%;-ms-flex: 0 0 37.66667%; flex: 0 0 37.66667%; max-width: 37.66667%; margin-right: 12.33333%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .slick-1-box-slider .content-wrapper h3 {font-size: 25px; line-height:35px;letter-spacing: 0px;color: #231F20;margin-bottom:20px} @media (max-width: 992px) { .slick-1-box-slider .media-wrapper {-webkit-flex: 0 0 50%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;margin-left: 0;} .slick-1-box-slider .content-wrapper {-webkit-box-flex:0;-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;margin-right:0%;} } @media (max-width: 575px) { .slick-1-box-slider {padding: 36px 0;} .slick-1-box-slider:before{width:50px;height:50px;} .slick-1-box-slider:after{width:80px;height:80px;} .slick-1-box-slider .media-wrapper {-webkit-flex: 0 0 100%;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-left: 0;padding-bottom:20px;} .slick-1-box-slider .content-wrapper {-webkit-box-flex:0;-webkit-flex:0 0 100%;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;margin-right:0%;padding-left: 12%;padding-right: 12%;text-align: center;} .slick-1-box-slider .content-wrapper h3 {font-size: 18px; line-height:25px;} } /* tabs */ /* tabs */ .hide {display: none;} .show {display: block;} .tabs-nav ul {margin: 0;padding: 0;display: flex; list-style: none;justify-content: space-around;} .tabs-nav li {list-style: none;padding: 0 10px 8px 10px;text-align:center;white-space: nowrap;*display: inline;zoom: 1;cursor: pointer; border-bottom: 5px solid transparent; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom:0!important;} .tabs-nav .active, .tabs-nav li.active {color: #000;border-bottom: 5px solid #0073AE;background-color: #fff;} * html .tabs-nav li {/* for IE6 */display: inline;} * + html .tabs-nav li {/* for IE7 */display: inline;} .tabs-nav li:hover {color: #00a4e3;} .tabs-nav li:first-child {margin-left: 0;border-left: 0;} .tabs-nav li:last-child {border-right: 0;border-left: 0;} @media (max-width: 800px) { .tabs-nav li {width: 33.34%;} } /* solution teaser tabs */ .teaser-tabs .tab-teaser-legend {position:relative; /*display:flex; flex-direction:column; justify-content:center;height:100%;padding-right:20px*/} .teaser-tabs .tab-teaser-legend h2 {font-size:32px; line-height:42px;margin-bottom:10px; letter-spacing: 0px;color: #0073AE; text-transform:none; font-weight:500; margin-left:0} .teaser-tabs .tab-teaser-item {height: 100%;position: relative;} .teaser-tabs .tab-teaser-container {height: 100%;position: relative;} .teaser-tabs .tab-teaser-item-content {background-color:#CAE3E9; border-radius: 15px 0px 0px 15px; padding:0; position:relative;width:100%;min-height:1px;-webkit-box-flex:0;-webkit-flex:0 0 37%;-ms-flex:0 0 37%;flex:0 0 37%;max-width:37%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;} .teaser-tabs .tab-teaser-item-icon {display:flex; align-items:center; justify-content: center; margin-bottom:0px} .teaser-tabs .tab-teaser-item-icon img {width:41px} .teaser-tabs .tab-teaser-item-headline {color:#4d4d4d; line-height:28px; font-size:18px;} .teaser-tabs .tab-teaser-wrapper {display:flex} .teaser-tabs .tab-teaser-item-text {margin:50px 30px 30px 30px} .teaser-tabs .tab-teaser-item-text h3 {line-height:28px; font-size:22px} .teaser-tabs .tab-teaser-item-media {position:relative;width:100%;min-height:1px;padding-right:0;padding-left:0;-webkit-box-flex:0;-webkit-flex:0 0 62.99997%;-ms-flex:0 0 62.99997%;flex:0 0 62.99997%;max-width:62.99997%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center} .teaser-tabs .tab-teaser-item-media img {width:100%} .teaser-tabs .tab-teaser-item-link {margin:0 30px} .teaser-tabs .tab-teaser-item-header {display:none} @media (min-width: 1200px) { .teaser-tabs .tab-teaser-legend { margin-top:110px;} .teaser-tabs .tab-teaser-item-headline {font-size:20px;} } @media (min-width: 992px) { .teaser-tabs .tab-teaser-item-text {margin-top:100px} } /*@media (min-width:1024px) and (max-width: 1199px) { .teaser-tabs .tab-teaser-item-content {-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;} .teaser-tabs .tab-teaser-item-media {-webkit-flex:0 0 50%;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;} .teaser-tabs .tab-teaser-item-text h3 {line-height:24px; font-size:20px} .teaser-tabs .tab-teaser-item-text {margin: 50px 30px 30px 50px;} }*/ @media (max-width: 767.997px) { /*.teaser-tabs .tab-teaser-legend { margin-top:0px;}*/ .teaser-tabs .tab-teaser-item-headline {font: normal normal normal 16px/24px Roboto;} .teaser-tabs .tab-teaser-item-icon img {width:31px} } @media (max-width: 680px) { .teaser-tabs .tabs-nav { display: none; } .teaser-tabs .tab-teaser-item-header { border-radius: 15px; cursor: pointer; position: relative; margin-top: 10px; display: flex; align-items: center; padding: 10px; background-color: #CAE3E9; } .teaser-tabs .tab-teaser-wrapper {flex-direction:column} .teaser-tabs .tab-teaser-item-header.active {border-radius: 15px 15px 0 0;} .teaser-tabs .tab-teaser-item-icon {display: inline;align-items: center;margin: 0 15px 0 5px;} .teaser-tabs .tab-teaser-item-content { border-radius: 0 0 15px 15px; padding: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } .teaser-tabs .tab-teaser-item-media { padding: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .teaser-tabs .tab-teaser-item-media img { object-fit: cover; height: 250px; } .teaser-tabs .tab-teaser-item-text { margin: 30px 30px 30px 30px; } .teaser-tabs .tab-teaser-item-link { margin-bottom:30px; } .teaser-tabs .tab-teaser-item-link .btn-s {display:block} } /* text media */ .text-media-landscape .content-wrapper {position:relative; display:flex; flex-direction:column; justify-content:center;} .text-media-landscape .text-regular b {font-weight: 500; color:#231F20} .episode__item {margin-bottom:20px} .episode__item a{position:relative; padding:0} .episode__item .media-overlay {position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);content: " ";font-size: 50px; color: #fff; opacity: .8; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } .episode__item img {border-radius: 15px;width:100%} @media (max-width: 575px) { .text-media-landscape .content-wrapper {padding-right:15px} .text-media-landscape .content-img img {margin-bottom:20px} } .video h3 {text-align: center;} .video img {-webkit-border-radius: 15px;-moz-border-radius: 15px;-o-border-radius: 15px;border-radius: 15px;} /* venobox */ .vbox-overlay *,.vbox-overlay :after,.vbox-overlay :before{-webkit-backface-visibility:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.vbox-overlay *{-webkit-backface-visibility:visible;backface-visibility:visible}.vbox-overlay{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;position:fixed;left:0;top:0;bottom:0;right:0;z-index:999999}.vbox-title{width:100%;height:40px;float:left;text-align:center;line-height:28px;font-size:12px;padding:6px 50px;overflow:hidden;position:fixed;display:none;left:0;z-index:89}.vbox-close{cursor:pointer;position:fixed;top:-1px;right:0;width:50px;height:40px;padding:6px;display:block;background-position:10px center;overflow:hidden;font-size:24px;line-height:1;text-align:center;z-index:99}.vbox-left{cursor:pointer;position:fixed;left:0;height:40px;overflow:hidden;line-height:28px;font-size:12px;z-index:99;display:flex;align-items:center}.vbox-num{display:inline-block;margin:6px 0 6px 15px}.vbox-share{line-height:28px;font-size:12px;overflow:hidden;position:fixed;left:0;z-index:98;display:flex;align-items:center;justify-content:center;width:100%;text-align:center}.vbox-share svg{max-height:28px;width:28px;z-index:10;margin-left:12px;margin-top:6px;margin-bottom:6px;vertical-align:middle}.vbox-next,.vbox-prev{position:fixed;top:50%;margin-top:-15px;overflow:hidden;cursor:pointer;display:block;width:45px;height:45px;z-index:99}.vbox-next span,.vbox-prev span{position:relative;width:20px;height:20px;border:2px solid transparent;border-top-color:#b6b6b6;border-right-color:#b6b6b6;text-indent:-100px;position:absolute;top:8px;display:block}.vbox-prev{left:15px}.vbox-next{right:15px}.vbox-prev span{left:10px;-ms-transform:rotate(-135deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.vbox-next span{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);right:10px}.vbox-inline{width:420px;height:315px;height:70vh;padding:10px;background:#fff;margin:0 auto;overflow:auto;text-align:left}.venoframe{max-width:100%;width:100%;border:none;width:100%;height:260px;height:70vh}.venoframe.vbvid{height:260px}@media (min-width:768px){.vbox-inline,.venoframe{width:90%;height:360px;height:70vh}.venoframe.vbvid{width:640px;height:360px}}@media (min-width:992px){.vbox-inline,.venoframe{max-width:1200px;width:80%;height:540px;height:70vh}.venoframe.vbvid{width:960px;height:540px}}.vbox-open{overflow:hidden}.vbox-container{position:absolute;left:0;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;z-index:20;max-height:100%}.vbox-content{text-align:center;float:left;width:100%;position:relative;overflow:hidden;padding:20px 4%}.vbox-container img{max-width:100%;height:auto}.vbox-figlio{box-shadow:0 0 12px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-width:100%;text-align:initial}img.vbox-figlio{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none}.vbox-content.swipe-left{margin-left:-200px!important}.vbox-content.swipe-right{margin-left:200px!important}.vbox-animated{webkit-transition:margin .3s ease-out;transition:margin .3s ease-out}.sk-double-bounce,.sk-rotating-plane{width:40px;height:40px;margin:40px auto}.sk-rotating-plane{background-color:#333;-webkit-animation:sk-rotatePlane 1.2s infinite ease-in-out;animation:sk-rotatePlane 1.2s infinite ease-in-out}@-webkit-keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes sk-rotatePlane{0%{-webkit-transform:perspective(120px) rotateX(0) rotateY(0);transform:perspective(120px) rotateX(0) rotateY(0)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0);transform:perspective(120px) rotateX(-180.1deg) rotateY(0)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.sk-double-bounce{position:relative}.sk-double-bounce .sk-child{width:100%;height:100%;border-radius:50%;background-color:#333;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:sk-doubleBounce 2s infinite ease-in-out;animation:sk-doubleBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-child,.sk-spinner-pulse,.sk-three-bounce .sk-child{background-color:#333;border-radius:100%}.sk-double-bounce .sk-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-doubleBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-wave{margin:40px auto;width:50px;height:40px;text-align:center;font-size:10px}.sk-wave .sk-rect{background-color:#333;height:100%;width:6px;display:inline-block;-webkit-animation:sk-waveStretchDelay 1.2s infinite ease-in-out;animation:sk-waveStretchDelay 1.2s infinite ease-in-out}.sk-wave .sk-rect1{-webkit-animation-delay:-1.2s;animation-delay:-1.2s}.sk-wave .sk-rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-wave .sk-rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-wave .sk-rect4{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-wave .sk-rect5{-webkit-animation-delay:-.8s;animation-delay:-.8s}@-webkit-keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}@keyframes sk-waveStretchDelay{0%,100%,40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.sk-wandering-cubes{margin:40px auto;width:40px;height:40px;position:relative}.sk-wandering-cubes .sk-cube{background-color:#333;width:10px;height:10px;position:absolute;top:0;left:0;-webkit-animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both;animation:sk-wanderingCube 1.8s ease-in-out -1.8s infinite both}.sk-chasing-dots,.sk-spinner-pulse{width:40px;height:40px;margin:40px auto}.sk-wandering-cubes .sk-cube2{-webkit-animation-delay:-.9s;animation-delay:-.9s}@-webkit-keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes sk-wanderingCube{0%{-webkit-transform:rotate(0);transform:rotate(0)}25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5);transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg);transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg);transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.sk-spinner-pulse{-webkit-animation:sk-pulseScaleOut 1s infinite ease-in-out;animation:sk-pulseScaleOut 1s infinite ease-in-out}@-webkit-keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}@keyframes sk-pulseScaleOut{0%{-webkit-transform:scale(0);transform:scale(0)}100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}}.sk-chasing-dots{position:relative;text-align:center;-webkit-animation:sk-chasingDotsRotate 2s infinite linear;animation:sk-chasingDotsRotate 2s infinite linear}.sk-chasing-dots .sk-child{width:60%;height:60%;display:inline-block;position:absolute;top:0;-webkit-animation:sk-chasingDotsBounce 2s infinite ease-in-out;animation:sk-chasingDotsBounce 2s infinite ease-in-out}.sk-chasing-dots .sk-dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-chasingDotsRotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-chasingDotsBounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.sk-three-bounce{margin:40px auto;width:80px;text-align:center}.sk-three-bounce .sk-child{width:20px;height:20px;display:inline-block;-webkit-animation:sk-three-bounce 1.4s ease-in-out 0s infinite both;animation:sk-three-bounce 1.4s ease-in-out 0s infinite both}.sk-circle .sk-child:before,.sk-fading-circle .sk-circle:before{display:block;border-radius:100%;content:'';background-color:#333}.sk-three-bounce .sk-bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.sk-three-bounce .sk-bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-three-bounce{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,100%,80%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.sk-cube-grid{width:40px;height:40px;margin:40px auto}.sk-cube-grid .sk-cube{width:33.33%;height:33.33%;background-color:#333;float:left;-webkit-animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out;animation:sk-cubeGridScaleDelay 1.3s infinite ease-in-out}.sk-cube-grid .sk-cube1{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube2{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube3{-webkit-animation-delay:.4s;animation-delay:.4s}.sk-cube-grid .sk-cube4{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube5{-webkit-animation-delay:.2s;animation-delay:.2s}.sk-cube-grid .sk-cube6{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-cube-grid .sk-cube7{-webkit-animation-delay:0s;animation-delay:0s}.sk-cube-grid .sk-cube8{-webkit-animation-delay:.1s;animation-delay:.1s}.sk-cube-grid .sk-cube9{-webkit-animation-delay:.2s;animation-delay:.2s}@-webkit-keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}@keyframes sk-cubeGridScaleDelay{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}.sk-fading-circle{margin:40px auto;width:40px;height:40px;position:relative}.sk-fading-circle .sk-circle{width:100%;height:100%;position:absolute;left:0;top:0}.sk-fading-circle .sk-circle:before{margin:0 auto;width:15%;height:15%;-webkit-animation:sk-circleFadeDelay 1.2s infinite ease-in-out both;animation:sk-circleFadeDelay 1.2s infinite ease-in-out both}.sk-fading-circle .sk-circle2{-webkit-transform:rotate(30deg);-ms-transform:rotate(30deg);transform:rotate(30deg)}.sk-fading-circle .sk-circle3{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg)}.sk-fading-circle .sk-circle4{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sk-fading-circle .sk-circle5{-webkit-transform:rotate(120deg);-ms-transform:rotate(120deg);transform:rotate(120deg)}.sk-fading-circle .sk-circle6{-webkit-transform:rotate(150deg);-ms-transform:rotate(150deg);transform:rotate(150deg)}.sk-fading-circle .sk-circle7{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sk-fading-circle .sk-circle8{-webkit-transform:rotate(210deg);-ms-transform:rotate(210deg);transform:rotate(210deg)}.sk-fading-circle .sk-circle9{-webkit-transform:rotate(240deg);-ms-transform:rotate(240deg);transform:rotate(240deg)}.sk-fading-circle .sk-circle10{-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sk-fading-circle .sk-circle11{-webkit-transform:rotate(300deg);-ms-transform:rotate(300deg);transform:rotate(300deg)}.sk-fading-circle .sk-circle12{-webkit-transform:rotate(330deg);-ms-transform:rotate(330deg);transform:rotate(330deg)}.sk-fading-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-fading-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-fading-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-fading-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-fading-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-fading-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-fading-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-fading-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-fading-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-fading-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-fading-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}@keyframes sk-circleFadeDelay{0%,100%,39%{opacity:0}40%{opacity:1}}.sk-folding-cube{margin:40px auto;width:40px;height:40px;position:relative;-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.sk-folding-cube .sk-cube{float:left;width:50%;height:50%;position:relative;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.sk-folding-cube .sk-cube:before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;-webkit-animation:sk-foldCubeAngle 2.4s infinite linear both;animation:sk-foldCubeAngle 2.4s infinite linear both;-webkit-transform-origin:100% 100%;-ms-transform-origin:100% 100%;transform-origin:100% 100%}.sk-folding-cube .sk-cube2{-webkit-transform:scale(1.1) rotateZ(90deg);transform:scale(1.1) rotateZ(90deg)}.sk-folding-cube .sk-cube3{-webkit-transform:scale(1.1) rotateZ(180deg);transform:scale(1.1) rotateZ(180deg)}.sk-folding-cube .sk-cube4{-webkit-transform:scale(1.1) rotateZ(270deg);transform:scale(1.1) rotateZ(270deg)}.sk-folding-cube .sk-cube2:before{-webkit-animation-delay:.3s;animation-delay:.3s}.sk-folding-cube .sk-cube3:before{-webkit-animation-delay:.6s;animation-delay:.6s}.sk-folding-cube .sk-cube4:before{-webkit-animation-delay:.9s;animation-delay:.9s}@-webkit-keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}}@keyframes sk-foldCubeAngle{0%,10%{-webkit-transform:perspective(140px) rotateX(-180deg);transform:perspective(140px) rotateX(-180deg);opacity:0}25%,75%{-webkit-transform:perspective(140px) rotateX(0);transform:perspective(140px) rotateX(0);opacity:1}100%,90%{-webkit-transform:perspective(140px) rotateY(180deg);transform:perspective(140px) rotateY(180deg);opacity:0}} /* new banner * /*banner css start*/ .slick-banner-new, .slick-banner-new .block-content {position:relative; overflow:hidden; max-height:550px;} .slick-banner-new .block-content::after {position:absolute; content:' '; background-color:#CAE3E9; opacity:0.8; top:calc(50% - 56px); right:-56px; width:112px; height:112px; border-radius:56px;} .slick-banner-new .slick-dotted.slick-slider {margin-bottom:0} .slick-banner-new .content-img {max-height:550px; overflow:hidden; position:relative} .slick-banner-new .content-img img {height:auto;width:100%;} .slick-banner-new .content-img::after {position:absolute; content:' '; background-color:#00A4E4; opacity:0.8; bottom:-40px; left:160px; width:84px; height:104px; border-radius:40px;} .slick-banner-new .content-img::before {position:absolute; content:' '; background-color:#0073AE; opacity:0.8; top:0; left:160px; width:90px; height:68px; border-radius:0 0 15px 15px; z-index:9} .slick-banner-new .content-sub {z-index:10;width:100%;padding:0 40px;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .slick-banner-new .content-sub h1 {margin-bottom: 20px;font-size: 40px;line-height: 50px;font-weight: 500;color:#ffffff;} .slick-banner-new .content-sub p {margin-bottom: 30px;font-size: 16px;line-height: 23px;color:#ffffff; } .slick-banner-new .slick-dots {bottom:15px;} .slick-banner-new .slick-dots li button::before {color:#ffffff;} .slick-banner-new .slick-dots li.slick-active button:before {opacity: .75;color: white;} .slick-banner-new .content-sub a.link{color:#fff; font-size:18px;} @media (max-width: 991.999999px) { .slick-banner-new .content-sub h1 {font-size: 35px;line-height: 40px;} } @media (max-width: 767px) { .slick-banner-new .content-sub {padding:0;top: 60%;-webkit-transform: translateY(-40%);-ms-transform: translateY(-40%);transform: translateY(-40%);} .slick-banner-new .content-img img {height:auto;width:auto;} .slick-banner-new .content-sub h1 {font-size: 35px;line-height: 40px; margin-bottom:10px;} .slick-banner-new .content-sub p {font-size:14px} } @media (max-width: 575px) { .slick-banner-new .content-sub h1 {font-size: 25px;line-height: 32px; margin-bottom:10px;margin-right:50px} .slick-banner-new .content-img::after {bottom:-40px; left:80px; width:62px; height:84px; border-radius:40px;} .slick-banner-new .content-img::before {left:80px; width:65px; height:48px; border-radius:0 0 15px 15px;} .slick-banner-new .block-content::after {right:-46px; width:82px; height:82px; border-radius:56px;} } /*banner css end*/ /*banner css start*/ .slick-container .slick-prev {left:20px;z-index:1;width:auto;height:auto;} .slick-container .slick-next {right:20px;z-index:1;width:auto;height:auto;} .slick-banner .slick-dotted.slick-slider {margin-bottom:0} .slick-banner .content-img {height:500px; overflow:hidden; position:relative} .slick-banner .content-img img {height:500px;width:1270px;} .slick-banner .content-sub {width:100%;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);} .slick-banner .content-sub h1 {margin-bottom: 10px;font-size: 48px;line-height: 48px;font-weight: 300;color:#ffffff; text-transform:uppercase} .slick-banner .content-sub h1.up2 {font-size:60px; line-height:60px;} .slick-banner .content-sub h2 {font-weight: 500; margin-bottom: 20px;font-size: 40px;line-height: 48px;color:#ffffff; /*text-transform:uppercase*/} @media (max-width: 767px) { .slick-banner .content-sub h2 {font-size: 24px !important;line-height: 36px !important;margin: 0 10px 20px 10px;} } .slick-banner .content-sub h3 {font-weight: 400;margin-bottom: 30px;font-size: 20px;line-height: 26px;color:#ffffff; } .slick-banner .slick-dots {bottom:15px;} .slick-banner .slick-dots li button::before {color:#ffffff;} .slick-banner .slick-dots li.slick-active button:before {opacity: .75;color: white;} .slick-banner .content-sub a.link{color:#fff; font-size:18px;} .slick-banner .white-arrow{color: #fff;text-transform: uppercase;font-size: 18px;background: rgba(0, 99, 153, 0) url(/_catalogs/masterpage/services/img/white-arrow.png) no-repeat scroll 10px 5px;display: inline-block;text-decoration: none;width: 40px;vertical-align: top;height: 24px;} /*banner css end*/ /*---- 3-box ------------*/ .slick-3-box .block-content {margin-left:-15px; margin-right:-15px} .slick-3-box.blog .block-content {margin-left:0; margin-right:0} .slick-3-box .block-content h3 {max-height:50px; overflow:hidden; color:#4a4a4a; margin-top:0px; margin-bottom:20px; padding:0 20px; font-size:20px; line-height:26px; font-weight:400;} .slick-3-box .card0 {position:relative; margin-left:15px; margin-right:16px} .slick-3-box.blog .block-content h3 {height:78px;margin-top:30px;} .slick-3-box .block-content h4 {color:#4a4a4a;text-transform: uppercase;display: inline-block;font-weight: 300;font-size: 16px;margin-top: 20px;margin-bottom: 10px;padding: 0px 20px;} .slick-3-box .block-content p {height:78px; overflow:hidden; color:#4a4a4a; margin-bottom:15px; padding:0 20px; font-size:14px; line-height:26px; font-weight:300;} .slick-3-box .block-content a {margin-bottom:20px; margin-left:20px;} /*.slick-3-box .block-content a {display:inline-block; margin-bottom:20px; margin-left:20px;color: #fff;background:#0073ae; padding: 8px 12px;font-size: 14px;line-height: 18px;border: 0 solid transparent;-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-o-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;text-transform: uppercase;} .slick-3-box .block-content a:hover {color: #fff;background: #00a4e4;text-decoration: none;} .slick-3-box .block-content a:active {color: #fff;background: #0077b5;text-decoration: none;} .slick-3-box .block-content a:focus {color: #fff;background: #0077b5;text-decoration: none;}*/ .slick-3-box .block-content .content-img img {width:100%; height:200px} @media (max-width: 575px) { .slick-3-box .block-content .content-img img {width:100%; height:auto} } .box .block-content h3 {height:50px; overflow:hidden; color:#4a4a4a; margin-top:0px; margin-bottom:20px; padding:0 20px; font-size:20px; line-height:26px; font-weight:400;} .box .card0 {position:relative;} .box .block-content h4 {color:#4a4a4a;text-transform: uppercase;display: inline-block;font-weight: 300;font-size: 16px;margin-top: 20px;margin-bottom: 10px;padding: 0px 20px;} .box .block-content p {height:78px; overflow:hidden; color:#4a4a4a; margin-bottom:15px; padding:0 20px; font-size:14px; line-height:26px; font-weight:300;} .slick-3-box .block-content a {margin-bottom:20px; margin-left:20px;} /*.box .block-content a {display:inline-block; margin-bottom:20px; margin-left:20px;color: #fff;background:#0073ae; padding: 8px 12px;font-size: 14px;line-height: 18px;border: 0 solid transparent;-webkit-border-radius: 0px 0px 0px 0px;-moz-border-radius: 0px 0px 0px 0px;-o-border-radius: 0px 0px 0px 0px;border-radius: 0px 0px 0px 0px;text-transform: uppercase;} .box .block-content a:hover {color: #fff;background: #00a4e4;text-decoration: none;} .box .block-content a:active {color: #fff;background: #0077b5;text-decoration: none;} .box .block-content a:focus {color: #fff;background: #0077b5;text-decoration: none;}*/ .box .block-content img {width:100%} .frame-blue .block-header {background-color:#176596;margin-top:20px;} .frame-blue .block-header h2, .frame-blue .block-header p{color:#ffffff;} .frame-blue .block-footer {height:30px;background-color:#176596;} /*---- end 3-box ------------*/ .card-icon-box{padding-bottom:0;} .card-icon-box .card0 {background-color: #eff0f1;border: 1px solid #e5e4e4;padding-top: 90px;padding-bottom: 30px;padding-left: 30px;padding-right: 30px; margin-top: 55px;border-radius:1px;} .card-icon-box .card0 .card-title{color:#707274;font-size: 24px;line-height: 30px;margin-bottom: 22px;font-weight:400;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;} .card-icon-box .card0 .card-description {font-size: 14px;line-height: 24px;margin-bottom: 30px;color: #808284;text-overflow: ellipsis; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 10;} .card-icon-box .card0 .card-description {color:#707274;color:#666666;} .card-icon-box .card0 .circle {width: 100px;height: 100px;background-color: #0073AE;border: 1px solid #e5e4e4;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;position: absolute;top: -50px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);overflow: hidden;} .card-icon-box .card0 .circle .circle-img {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);} /*card icon box css end*/ /*overview card*/ .card-overview-box .block-content {margin:0 15px;} .card-overview-box .card0 {position:relative; } .card-overview-box .card0 .card-img img {width:100%} .card-overview-box .card0 .content-sub {padding:20px 0px} .card-overview-box .card0 h3 {font-weight: 400;color: #4a4a4a;margin-top: 10px;margin-bottom: 20px;overflow: hidden;font-size: 20px;line-height: 26px;} .card-overview-box .card0 p {font-weight: 300;color: #4a4a4a;margin-bottom: 30px;font-size: 14px;} /*overview card 2*/ .card-overview-box2 .block-content {margin:0 15px;} .card-overview-box2 .card0 {position:relative; } .card-overview-box2 .card0 .card-img img {width:100%} .card-overview-box2 .card0 .content-sub {padding:20px 20px} .card-overview-box2 .card0 h3 {font-weight: 400;color: #4a4a4a;margin-top: 10px;margin-bottom: 20px;overflow: hidden;font-size: 20px;line-height: 26px;} .card-overview-box2 .card0 p {font-weight: 300;color: #4a4a4a;margin-bottom: 15px;font-size: 14px;} /*overview card benefits*/ .card-overview-benefits .block-content {margin:0 15px; padding-bottom:30px} .card-overview-benefits .block-header h2, .card-overview-benefits .block-header p {color:#ffffff;} .card-overview-benefits .card0 {padding-top:20px} .card-overview-benefits .card0 .card-img {width: 45px;height: 45px;display: inline-block;float: left;color:#e5e4e4; font-size:18px} .card-overview-benefits .card0 .content-sub {margin-left: 20px;padding:0 20px 20px 0} .card-overview-benefits .card0 .content-sub h3 {display: inline-block;color: #fff;font-size: 18px;line-height: 26px; margin-top:0; margin-bottom:16px} .card-overview-benefits .card0 .content-sub {font-size: 14px;font-weight: 400;min-width: 140px;;display: inline-block; color: #f9f9f9;line-height: 22px; margin-bottom:0} .card-overview-benefits .card0 .content-sub p{margin-bottom:0} @media (max-width: 767px) { .card-overview-benefits .card0 .content-sub p { font-size: 18px;}} /*overview card end*/ /* Intro text */ .intro-text .block-content {margin:0 15px; padding:0 0 0 0} .intro-text h2 {margin-left:15px; margin-right:15px; margin-top:20px;} .intro-text .card0 {position:relative;} .intro-text .card0 .content-sub {margin-left:15px; margin-right:15px} .intro-text .card0 .content-sub p , .intro-text .card0 .content-sub div, .tab-content p, .tab-content ul, .nav-pills a{font-size: 18px;line-height: 26px;color: #666; text-align: left;font-weight: 300;} .intro-text .card0 .card-img {text-align:center} /*.intro-text .card0 .card-img img {max-width:75%}*/ /* Intro text end */ /*--------------------------------------------------------*/ .chess-cards .card-2 {padding:30px;background: #e5e4e4;} .chess-cards .card-1 .chess-card-image {height:100%;} .chess-cards .card-1 .chess-card-image img {width:100%; height:100%} .chess-cards .card-2 .chess-card-text h3 {color: #2a292a;font-weight: 400;font-size: 18px;line-height:26px; margin-bottom:30px } .chess-cards .card-2 .chess-card-text p, .chess-cards .card-2 .chess-card-footer p {line-height: 24px;color: #2a292a;font-size:16px; font-weight:300;padding-top:0px;} .chess-cards .card-2 .chess-card-text a, .chess-cards .card-2 .chess-card-footer a {color:#0000ff} .chess-cards .card-2 .chess-card-text div, .chess-cards .card-2 .chess-card-footer div {line-height: 24px;color: #2a292a;font-size:16px; font-weight:300;padding-top:0px;} .chess-cards .card-2 .chess-card-link a {font-weight: 400;transition: all 0.3s ease-in-out;text-transform: uppercase;font-size: 18px;} .chess-cards .card-2 .chess-card-link a:hover {padding-right: 55px; text-decoration:none} @media (max-width: 767px) { .chess-cards .card-1 { min-height:220px;} .chess-cards .card-1 iframe {width:100%}} /*-------------------------------------------------------*/ /*----------------- Image Cards -------------------------*/ .image-cards .block-content {min-height:calc(100vh - 150px); position:relative;background-size: auto; background-position:top center;} .image-cards h2.image-card-header {text-align:center;min-height: 10vh} .image-cards h2.image-card-header {color:#ffffff; font-weight: bold;font-size: 4vh; line-height:4vh; letter-spacing:1px; padding-top:4vh} .image-cards h2.image-card-header span {display:block;font-size: 2vh;font-weight: 300; text-transform:none;line-height: 2; } .image-cards .card-1 { display: flex; flex-direction: column;justify-content: space-between} .image-cards .card-text {color:#ffffff; font-weight:300} .image-cards .card-0 .card-text {text-align:left; margin-left:15px; margin-right:55%} .image-cards .card-1 .card-text {text-align:right; margin-right:15px;margin-left:55%} .image-cards .card-0 .card-text strong {font-weight:bold; font-size:2rem;} .image-cards .card-1 .card-text {font-size:2vh;font-weight: 500;line-height: 3vh; letter-spacing:1px} .image-cards .card-0 .card-text-rich p {margin-bottom:0} .image-cards .card-1 .card-text .card-text-plain{margin-bottom:60px;margin-bottom:6vh;} .media-suite-banner { cursor:pointer; position :relative;margin-top:60px;width: 400px;height: 90px;opacity: 0.84;border-radius: 10px;background-color: #ffffff; float:right; margin-right:15px;} .media-suite-banner .media-suite-text {text-transform:uppercase;width:50%;text-align: right;position: absolute;top: 50%;left: 15px;transform: translate(0%, -50%); color: #006499; font-weight:500; line-height:1.2rem} .media-suite-banner .media-suite-img {width:30%;position: absolute;top: 50%;right: 15px;transform: translate(0, -50%);} .media-suite-banner .media-suite-img img {width:100%} .avasant-page .btn-p {background-color:#006498; text-transform:none; -webkit-border-radius: 20px; padding: 12px 20px; font-weight:500;-moz-border-radius: 20px;-o-border-radius: 20px;border-radius: 20px;} .scroll-up {position:absolute; left:49.4%; top:5px;color:#ffffff!important} .scroll-down {position:absolute; left:49.4%; bottom:5px;color:#ffffff!important} @media (max-width: 992px) { .image-cards .card-0 .card-text {margin-right:25%} .image-cards .card-1 .card-text {margin-left:25%} .image-cards h2.image-card-header {font-size: 30px;} .media-suite-banner {margin-top:40px;} .image-cards .card-1 .card-text .card-text-plain{margin-bottom:30px;} } @media (max-width: 767px) { .image-cards .block-content{min-height: calc(100vh - 80px);background-size: auto;} .image-cards .card-1 .card-text {font-size: 0.9rem;margin-left:15%} .image-cards .card-0 .card-text {font-weight:500; font-size: 0.9rem;margin-right:15%;} .image-cards .card-0 .card-text strong {font-size:1.3rem} .image-cards h2.image-card-header {font-size: 18px;} .media-suite-banner {margin-top:50px;width: 330px;} .media-suite-banner .media-suite-text {font-size: 0.85rem;} .image-cards .card-1 .card-text .card-text-plain{margin-bottom:40px;} .image-cards h2.image-card-header span {line-height:1.5} .avasant-page .btn-p {font-size:12px; padding-left:10px; padding-right:10px} } /* Chess Hover */ .hover-cards {padding-bottom:15px} .hover-cards .block-header h2, .hover-cards .block-header p{color:#ffffff;} .hover-cards a.hoverCard{position: relative;display: block;/*width: 263px;*/height: 318px;overflow: hidden;color: #fff;background: transparent; margin-left:20px; margin-right:20px} .hover-cards a.hoverCard .hoverCard-img {width:100%;/*position: absolute;top: 0;left: 0; width:100%; height:auto;*/} .hover-cards a.hoverCard .hoverCard-content {position: absolute;top: 0px;left: 0;width: 100%;height: 100%;background-color: #0077b5;opacity: 0.9;overflow: hidden;padding: 20px 20px 40px 20px; -webkit-transition: top 1s; -moz-transition: top 1s; transition: top 1s;} .hover-cards a.hoverCard .hoverCard-content .hoverCard-title {color: #fff;font-weight: 400;margin-bottom: 25px;line-height: 24px;font-size: 18px;} .hover-cards a.hoverCard .hoverCard-content .hoverCard-desc {color: #fff;overflow: hidden;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 8; font-size: 14px; line-height: 22px;} .hover-cards a.hoverCard .hoverCard-content {top: 77%;background-color: RGBA(0, 0, 0, 0.5);} .hover-cards a.hoverCard:hover .hoverCard-content {background-color: #0077b5;top: 0;} .hover-cards a.hoverCard:hover{color: #fff;background: transparent;text-decoration: none;} .hover-cards .slick-dots {bottom: -35px} .hover-cards .slick-dots li.slick-active button::before {color:#ffffff} .hover-cards .slick-dots li button::before {color:#ffffff} .hover-cards a.hoverCard .hoverCard-content span {position: absolute;bottom: 15px;color: #71d6e0;font-size: 18px;line-height: 24px;} @media (max-width: 767px) { .hover-cards a.hoverCard .hoverCard-content {top: 0px;left: 0;width: 100%;height: 100%;padding: 20px 20px 40px 20px;background-color: #0077b5;} } @media (max-width: 575px) { .hover-cards a.hoverCard .hoverCard-img {width:100%; height:auto} } /* Icons Slider */ .icons-container .card0{position:relative} .icons-container .card0 img {margin:0 auto} /* Partners */ #partners-container h4 {margin-top: 0;font-size: 18px;line-height: 24px;color: #4a4a4a;font-weight:500} #partners-container p {font-size: 14px;line-height: 28px;color: #707274; font-weight:400} .partners .card-3 .content-img {height: 120px;overflow: hidden;display: flex;padding-right: 30%;justify-content: center;flex-direction: column;} .partners .card-3 .content-img img {display:block;width:100%;max-width:150px} .line-blue {width: 50px;height: 5px;background: #00A4E4 0% 0% no-repeat padding-box;border-radius: 3px;margin:20px 0;} /*Customer Stories Starts*/ .customer-stories {margin: 30px 0;} .customer-stories .block-header {margin-bottom:20px;} .customer-stories .block-header p {color:#808284; font-size:20px;} .customer-stories .card0{margin-top: 0px;margin-bottom: 20px; position:relative} .customer-stories .card0 .content-sub {padding: 0px 20px;} .customer-stories .card0 .content-sub h4 {height: 48px; font-weight: 400;color: #4a4a4a;margin-top: 30px;margin-bottom: 20px;overflow: hidden;font-size: 18px;line-height: 24px;/* height: 56px; */} .customer-stories .card0 .content-sub p {height: 110px;font-weight: 300;color: #808284;margin-bottom: 30px;/* height: 155px; */overflow: hidden;} .leftSlideCard-content {background-color: #014060;padding: 20px 20px 20px 20px;min-height: 164px;position: absolute;bottom: 0;width: 100%;} .leftSlideCard-img{width: 100%;} @media (max-width: 767px) { .leftSlideCard-img{width: auto}} .slickNavBannerLeft{height: 415px;position: relative;overflow: hidden;border: 10px solid RGBA(0, 0, 0, 0.3) } .leftSlideCard-title{margin-bottom: 20px;font-weight: 300;color: #fff;font-size: 18px;line-height: 26px;text-transform: uppercase;} .slickNavBannerRight{border: 10px solid RGBA(255, 255, 255, 0);border-left: 30px solid RGBA(255, 255, 255, 0);overflow: hidden;position: relative;} .rightSlideCard-content{position: absolute;bottom: 0;left: 0;background-color: rgba(0, 115, 174, 0.9);width: 100%;padding: 10px 15px;} .rightSlideCard-content h4{margin: 0;padding: 0;font-weight: 300;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-size:18px;line-height:24px;} .rightSlideCard-title{margin: 0;padding: 0;font-weight: 300;color: #fff;} .customersStoriesBannerLink, .customersStoriesBannerLink:visited {color:#fff;font-size:18px; text-transform:uppercase} .slider-nav .slick-current .slickNavBannerRight{border: 10px solid RGBA(0, 0, 0, 0.3);border-left: 30px solid RGBA(0, 0, 0, 0.3);} /*Customer Stories Ends*/ /*News starts*/ .page-news h4 {font-size: 18px;line-height: 26px; font-weight:400} .page-news h5 {font-size: 14px;line-height: 18px;} .page-news .media-body{padding-bottom: 20px;border-bottom: 1px solid #e5e4e4;} .page-news .media-body .media-date{color: #808284;font-weight: 300;margin-bottom: 20px;padding: 0;clear: both;} .page-news .search-filter{background-color: #014060;padding: 20px;text-align: center;margin-top: 20px;} .page-news #filter{border-radius: 0;border-color: transparent;width:95%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;} .page-news #filtersubmit{position: relative;z-index: 1;left: -25px;top: 1px;color: #7B7B7B;cursor:pointer;width: 0;} .page-news .view-content{background-color: #eff0f1;padding: 0px;} .page-news .view-content .views-row{padding: 23px;border-bottom: 1px solid #e4e3e3;} .page-news .view-content .views-row .search-result a {color: rgb(51, 122, 183); font-weight:300} .page-news .view-content .views-row .search-result a:hover{color: #23527c;} .page-news .view-content .views-row .search-result a{font-size: 18px;line-height: 26px;} .news-follow-us{padding-left: 0px;padding-right: 0px;} .follow-us{background-color: #014060;padding: 15px;margin-top: 20px;} .news-follow-us .follow-us h5{color: #fff;margin-bottom:15px;} .news-follow-us .follow-us i{color: white;font-size: 25px;width: 18%;} .social-media h5{color: #fff;margin-bottom:15px;} .social-media .customNavTab1{width: 100%;text-align: center;border-bottom: none;} .social-media .customNavTab1 > li {display: inline-block;padding-right: 20px;width: 20%;} .social-media .customNavTab1 > li.active > a, .social-media .customNavTab1 > li.active > a:focus, .social-media .customNavTab1 > li.active > a:hover {background-color: transparent;outline: none;} .social-media .customNavTab1 > li a{text-align: left;font-size: 24px;padding-bottom: 0;padding-left: 5px;float:left} .social-media .customNavTab1 > li a i{color: rgba(255, 255, 255, 0.5);font-size: 25px;width: 18%;} .social-media .customNavTab1 li.active > a:after {width: 0;height: 0;border-bottom: 8px solid #fff;border-left: 8px solid transparent;border-right: 8px solid transparent;display: block;content: "";margin-left: 3px;} .social-media .social-media-img{background-color: #fff;padding: 10px;margin-top: 0px;} .social-media .social-media-img img{width: 100%;} .hcs-tweets{padding: 0;width: auto;} .view-tweets ul{list-style-type: none;padding: 0px;} .view-tweets ul li{list-style: none;} .hcs-tweets .twitter-status {padding: 0;} .clearfix{clear: both;} .twitter-status{background: #ffffff;color: #333333;padding: 10px 10px 0;margin-bottom: 2px;font-size: 1.077em;line-height: 1.42857142857143em;} .twitter-status .avatar{float: left;} .twitter-status a{color: #30a9ff;} .twitter-status .avatar img{border-radius: 3px;} .hcs-tweets .timestamp{width: 37%;float: right;font-size: 12px;margin-top: 13px;color: #999999;} .hcs-tweets .twitter-status .name-handle{margin-left: 0;width: 100%;clear: both;font-size: 14px;} .twitter-status .name-handle .name, .twitter-status .name-handle .handle{display: inline;} .twitter-status .name-handle .name a{font-weight: bold;margin-right: 5px;color: #333333;} .twitter-status .name-handle .handle a{color: #999999;font-size: 0.85714285714286em;} .hcs-tweets .twitter-status .text{margin-left: 0;width: 100%;font-size: 16px;padding-bottom: 15px;border-bottom: 1px solid #e5e4e4;} .view-news .pager{padding-left: 0;margin: 20px 0;text-align: center;list-style: none;} .view-news .pager li {display: inline;} .view-news li.pager-next a {cursor: pointer;border-radius: 0px;display: inline-block;padding: 5px 14px;background-color: #fff;border: 1px solid #ddd;} .pager li > a:hover, .pager li > a:focus {text-decoration: none;background-color: #eee;} /* Search result */ .search-result h3.ms-srch-ellipsis {font-size:1.2rem} .search-result h3.ms-srch-ellipsis a {color:rgb(51, 122, 183)} .search-result .ms-srch-item-summary {font-size:14px} .search-result .ms-srch-sb-border, .search-result .ms-srch-sb-borderFocused {border:1px #666 solid!important} .search-result .ms-srch-sb-borderFocused {width:auto!important} .search-result .ms-promlink-button {width:auto;height:auto;} /*blocks*/ ul.multiselect{font-family:Roboto;border:1px solid #ccc;width:100%;min-height:800px;display:inline-block;vertical-align:top;list-style:none;padding-left:0} ul.multiselect li{background-color:Azure;border-bottom:1px dotted Gray;cursor:pointer;padding:5px 10px} ul.multiselect li.selected{background-color:orange} ul.ul-selected li.draggableInputHelper{background-color:#0f0;width:90%!important} .ms-webpart-cell-vertical, .ms-webpart-chrome-vertical, .ms-webpart-zone {display: block;} .ms-webpart-chrome-title h2 {line-height: 1rem;} .ms-webpart-titleText {font-size: 1rem;color: navy;margin-bottom: 0;padding-bottom: 0;padding-top: 0;} .ms-webpartzone-cell {margin-bottom: 0;} /* temp */ #site-map {margin-bottom: 130px;} #site-map .site-map-menus {margin-top: 30px;margin-bottom: 30px; } #site-map .site-map-menus .site-map-box {margin-bottom: 1em; } #site-map .site-map-menus .site-map-box .site-map-menu {padding-left: 0px;clear: both; } #site-map .site-map-menus .site-map-box .site-map-menu > li {width: 25%;color: #4a4a4a;float: left;text-transform: uppercase;margin-top: 20px;} #site-map .site-map-menus .site-map-box .site-map-menu > li > span {font-size: 18px;line-height: 32px; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li {margin-top: 10px;width: 100%;text-transform: capitalize;font-size: 18px;line-height: 28px;color: #808285 !important;border-bottom: none; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a {color: #808284;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;background: transparent;border: none;font-size: 18px;line-height: 28px;vertical-align: middle; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:hover {color: #028ECC;background: transparent;text-decoration: none; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:active {color: #028ECC;background: transparent;text-decoration: none; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:focus {color: #028ECC;background: transparent;text-decoration: none; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li > a:before {display: inline-block;font: normal normal normal 14px/1 FontAwesome;ont-size: 12px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\f0a9";padding-bottom: 3px;padding-right: 10px;vertical-align: middle; } #site-map .site-map-menus .site-map-box .site-map-menu > li > ul > li i {font-size: 12px;} /*Vertical tab css starts*/ .vertical-tab-Descr-Title{font-weight: 400;color: #2a292a;font-size: 18px;line-height: 26px;} .nav-pills .nav-link.active, .nav-pills .show>.nav-link {background: #0073ae; !important;} .nav-pills a{border-bottom: 1px solid #e5e4e4;} /*Vertical tab css End*/ /*UCC Page Insights section height fix*/ #ctl00_ctl42_g_1dc98bac_8701_47e2_8b51_6baff5a8b61a_ctl00_BlockWrapper .content-item .content-sub{height: 254px;} /*testimonials css starts*/ .testm-sl1{border-bottom-right-radius: 60px;border-top-left-radius: 60px;} /*.testimonials .content-slider-card{height: 115px;position: relative;background: #0073ae;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-end;padding: 12px 20px;border-top-left-radius: 60px;border-bottom-right-radius: 60px;overflow: hidden;cursor: pointer;} .testimonials .content-slider-card-title-wrapper {padding: 4px 12px;height: 100%;display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;}*/ .content-slider-card-title{font-size: 16px;line-height: 22px;letter-spacing: 0.68px;font-weight: 900;} /*testimonials css End*/ .section-enquiry-bg .subtitle{padding-left:0px !important;} .download .download-meta{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .download .download-wrapper{background: #00a4e3;padding-top: 20px;padding-bottom: 20px;color: #fff;position: relative;} .download .download-btn-wrapper{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: end;-webkit-align-items: flex-end;-ms-flex-align: end;align-items: flex-start;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-start;} .download .download-description{font-size: 20px;line-height: 28px;font-weight: 900;padding: 0px 20px;} @media (max-width:719.98px) {.download .download-description {font-size: 18px;line-height: 25px}} .download .download-description .field {margin-bottom: 0;} .download .download-info {font-size: 16px;line-height: 28px;font-weight: 200;margin-top: 4px;padding: 0px 20px;} .download .download-info-type {text-transform: uppercase;} .download .download-info-bar, .download .download-info-size, .download .download-info-type {display: inline-block;} .download .download-info-bar {border-right: 1px solid #fff;} .download .download-btn {display: -webkit-inline-box;display: -webkit-inline-flex;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column; font-weight: 900; background: #fff; color: #00a4e3; border-radius: 50%;height: 92px;width: 92px;font-size: 12px;line-height: 25px;letter-spacing: .5px;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .download .download-btn-icon {font-size: 28px;} @media (max-width:719.98px) {.download {text-align: center;}.download .download-btn-wrapper {margin-top: 20px;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;}} .download .download-meta {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: center;-webkit-justify-content: center;-ms-flex-pack: center;justify-content: center;} .hmi-download:before{content:"\e920";} /*******************************************************hcs-redesign-6-18-2021************************************/ .p-44{padding-left:44px;padding-right:44px;} /*******************************************************end of hcs-redesign-6-18-2021*****************************/ .text-picture-inverted .text-picture-content-wrapper {-webkit-box-ordinal-group: 3;-webkit-order: 2;-ms-flex-order: 2;order: 2;} .text-picture .text-picture-content-wrapper {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;-webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; /* margin-left: 8.33333%; */ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;} .text-picture-inverted .text-picture-media-wrapper {margin-left: 0;} .text-picture .text-picture-media-wrapper {position: relative;width: 100%;min-height: 1px;padding-right: 15px;padding-left: 15px;-webkit-box-flex: 0; -webkit-flex: 0 0 41.66667%; -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; margin-left: 8.33333%; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;} .h3redesign {color: #0073AE !important;margin-left:0;margin-bottom:20px;margin-top:20px;} /* insights */ .card-three-wrapper .card-3 {overflow: hidden;border-radius: 15px; margin-bottom:30px; background-color:#fff} .card-three-wrapper .card-3 .content-item .text-lead{color: #0073AE;} .card-three-wrapper .card-3 .content-item{overflow: hidden;} .card-three-wrapper .card-3 .content-sub{padding:15px;height:200px; position:relative} .card-three-wrapper .card-3 .content-sub.x2{height:250px;} .card-three-wrapper .card-3 .content-img {overflow:hidden;border-radius: 15px 15px 0 0;} .card-three-wrapper .card-3 .btn-wrapper{position:absolute; bottom:15px} .card-three-wrapper .card-3 .btn-wrapper a {color:#0073AE} .card-three-wrapper .card-3 .content-item:hover {background-color: #0073AE;} .card-three-wrapper .card-3 .content-item:hover .content-img img {transform:scale(1.05);} .card-three-wrapper .card-3 .content-item:hover .text-regular {color:#fff} .card-three-wrapper .card-3 .content-item:hover .btn-wrapper a {color:#fff} .card-three-wrapper .card-3 .content-item:hover .text-lead {color:#fff} .card-three-wrapper .card-3 .content-item:hover .blue-arrow{background: transparent url(/assets/images/icons/arrow_white.png) no-repeat 20px 6px;} /* page cards */ .page-cards .card-3 {overflow: hidden;background-color:#fff} .page-cards .card-3 .content-item .text-lead{color: #0073AE;} .page-cards .card-3 .content-item .text-title{color: #231F20;} .page-cards .card-3 .content-item{overflow: hidden;} .page-cards .card-3 .content-sub{padding:15px 0;height:270px; position:relative} .page-cards .card-3 .content-img {max-height:220px; overflow:hidden;border-radius: 15px;} .page-cards .card-3 .content-img img{display:block;width:100%;} .page-cards .card-3 .btn-wrapper{position:absolute; bottom:15px} .page-cards .card-3 .btn-wrapper a {color:#0073AE} .page-cards .card-3 .content-item:hover .content-img img {transform:scale(1.05);} .page-cards .card-3 .content-item:hover .blue-arrow{background-position: 20px 6px;} /* video-cards */ .video-cards .card-3 .content-item{overflow: hidden; padding: 10px 0 20px 0} .video-cards .card-3 .content-item .text-title{color: #231F20;font-size:18px;line-height:24px; margin-top:10px;} .grid-container-wrapper{ display: grid; /*grid-template-columns:repeat(4,1fr);*/ grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr); grid-template-rows:210px 200px; grid-gap:20px; } @media (max-width: 767px) { .grid-container-wrapper{ display: grid; /*grid-template-columns:repeat(1,1fr);*/ grid-template-columns:minmax(0,1fr); grid-template-rows:210px 220px; } .grid-col-row{ grid-column:unset !important; grid-row:unset !important; } .text-picture .text-picture-button { text-align: center; } } .grid-col-row{ grid-column:3 / -1; grid-row:1 / 3; } .grid-container-wrapper .edit-block-item-link { position: absolute; top: auto !important; left: auto !important; } .grid-card{ overflow:hidden; border-radius: 20px; } .grid-card-content{ position:absolute; bottom: 0px; width: 100%; } .grid-card-subcontent{ padding: 30px 30px 0; background-color: #000000; color: #fff; min-height: 110px; } .grid-subcontent-wrapper{ position:relative; } .btn-p-white { color: #0073AE; background: #ffffff; /*text-transform: uppercase;*/ border: 0 solid transparent; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 36px; padding: 15px 25px; } .cta-btn { ackground: #003764; color: #fff; font-weight: 500; border-radius: 32px; display: inline-block; position: relative; } .btn-p-white a{color: #0073AE;} .cta-btn.btn-primary-blue a { position: relative; -webkit-transition: color .2s; transition: color .2s; padding: 6px 40px; justify-content: center; color: inherit; /*color: #2a2a2a;*/ font-size: 14px; font-weight: 600; line-height: 2em; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; outline: 0; } .btn-primary-blue { color: #fff; background-color: #0073AE; border-color: #0073AE; } .text-picture .text-picture-button { margin-top: 20px; } .features-list .btn-wrapper a{color: #0073AE;} @media (max-width: 719.98px) { .text-picture .text-picture-content-wrapper, .text-picture .text-picture-media-wrapper, .text-picture-inverted .text-picture-content-wrapper, .text-picture-inverted .text-picture-media-wrapper, .text-picture-landscape .text-picture-content-wrapper, .text-picture-landscape .text-picture-inverted .text-picture-content-wrapper, .text-picture-landscape .text-picture-inverted .text-picture-media-wrapper, .text-picture-landscape .text-picture-media-wrapper { -webkit-box-flex: 0; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin: 0; } } @media (max-width: 719.98px) { .text-picture .text-picture-content-wrapper, .text-picture-inverted .text-picture-content-wrapper, .text-picture-landscape .text-picture-content-wrapper, .text-picture-landscape .text-picture-inverted .text-picture-content-wrapper { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 32px; } } .features-list .content-wrapper {} .features-list .feature-accordion-item{position:relative;margin:4px 0;padding:0 32px;background-color: #CAE3E9;border-radius: 10px;} .features-list .feature-accordion-item:hover .feature-item {margin-left:30px} @media (max-width:1023.98px){.features-list .feature-accordion-item{-webkit-box-shadow:0 4px 32px 0 rgba(144,144,144,.25);box-shadow:0 4px 32px 0 rgba(144,144,144,.25)}} @media (max-width:719.98px){.features-list .feature-accordion-item{-webkit-box-shadow:0 4px 28px 0 rgba(144,144,144,.25);box-shadow:0 4px 28px 0 rgba(144,144,144,.25)}} .features-list .feature-accordion-item.open .feature-accordion-headline .feature-item{white-space:normal;padding-right:0} .features-list .feature-accordion-item.open .feature-accordion-headline:before{width:0;margin:0} .features-list .feature-accordion-item.open .feature-accordion-headline:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)} .features-list .feature-accordion-headline {font-weight:500;font-size:25px;line-height:35px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding:30px 0;position:relative;cursor:pointer} .features-list .feature-accordion-item .btn-wrapper {margin-top: 30px;} @media (max-width:1023.98px){.features-list .feature-accordion-headline{font-size:18px;line-height:24px}} @media (max-width:719.98px){.features-list .feature-accordion-headline{font-size:16px;line-height:22px}} .features-list .feature-accordion-headline .feature-item{display:inline-block;text-overflow:ellipsis;overflow:hidden;padding-right:40px;width:100%;white-space:nowrap} /*.features-list .feature-accordion-headline:before{content:'';display:inline-block;width:78px;height:2px;margin-right:18px;background:#0E0E2C;-webkit-transition:width .24s ease-in-out,margin .24s ease-in-out;transition:width .24s ease-in-out,margin .24s ease-in-out}*/ .features-list .feature-accordion-headline:after{content: ' ';display: inline-block;width: 20px;height: 20px;border-top: 3px solid #000;border-right: 3px solid #000;color: rgba(108, 117, 125, 1);transform: rotate(135deg);} .features-list .feature-accordion-headline:hover:before{width:46px} .features-list .feature-accordion-content{display:none;font-size:16px;line-height:24px;padding-bottom:32px;font-weight:500} @media (max-width:1023.98px){.features-list .feature-accordion-content{font-size:16px;line-height:24px}} @media (max-width:719.98px){.features-list .feature-accordion-content{font-size:15px;line-height:22px}} .features-list .feature-accordion-content .feature-image-wrapper{margin-top:28px;position:relative;display:inline-block;cursor:pointer} .features-list .feature-accordion-content .feature-image-wrapper img{width:100%;max-width:566px} @media (max-width:1023.98px){.features-list .feature-accordion-content .feature-image-wrapper{margin-top:20px}} .features-list .feature-accordion-content .feature-image-wrapper .feature-image-icon,.features-list .feature-accordion-content .feature-image-wrapper:before{position:absolute;-webkit-transition:opacity .25s ease-in-out;transition:opacity .25s ease-in-out;opacity:0;pointer-events:none;z-index:2} .features-list .feature-accordion-content .feature-image-wrapper:before{content:'';height:100%;width:100%;top:0;left:0;background:rgba(0,0,0,.5)} .features-list .feature-accordion-content .feature-image-wrapper .feature-image-icon{bottom:16px;right:16px;color:#fff} .features-list .feature-accordion-content .feature-image-wrapper:hover .feature-image-icon,.features-list .feature-accordion-content .feature-image-wrapper:hover:before{opacity:1} .features-list .feature-accordion-content .cta-btn{margin-top:28px} @media (max-width:719.98px){ .features-list .feature-accordion-content .cta-btn{ margin-top:24px } .hr-underline{ position: static; } .hr-container{ margin-top:10px; } } /* benefits */ .icons-grid {padding: 72px 0;background-color:#F2F2F2;position:relative; overflow:hidden} .icons-grid .i-container {display:flex;flex-wrap: wrap;} .icons-grid .i-card {width: 48.5%;margin-bottom: 1.5%;margin-top: 1.5%;position:relative; z-index:1} .icons-grid .i-card:nth-child(odd) {margin-right: 3%;} .icons-grid .i-card .i-card-inner img {max-height: 50px;} .icons-grid .i-card .i-card-inner .i-card-teaser-content {padding: 10px 15px 0 15px;text-align: center;font-size: 14px;line-height: 22px;color: #4D4D4D;letter-spacing: 0.5px;height:50%} .icons-grid:before, .icons-grid:after {position: absolute;content: "";display: block;} .icons-grid:before {transform: translateY(-50%);background-color: rgba(202, 227, 233, 1);right: 50px;top:0;width: 400px;height: 400px;border-radius: 50%;} .icons-grid:after {transform: translateY(40%);background-color: rgba(0, 164, 228, 1);right: 0px;bottom:0;width: 284px;height:400px;border-radius: 140px 140px 0 0;} @media (max-width:575.999999px) { .icons-grid {padding: 36px 0;} .icons-grid h3 {font-size:25px; line-height:32px;} } @media (max-width: 991px) { .icons-grid:before {transform: translateY(-20%);background-color: rgba(202, 227, 233, 1);top:auto;right:-117px;bottom:0;width: 235px;height: 235px;border-radius: 50%;} .icons-grid:after {transform: translateY(40%);background-color: rgba(0, 164, 228, 1);right: 0px;bottom:0;width: 160px;height:240px;border-radius: 100px 100px 0 0;} } @media (min-width:1200px) { .icons-grid .i-card {width: 22.5%;} .icons-grid .i-card:not(:nth-child(4n)) {margin-right: 3%;} } .icons-grid .i-card:before {content: "";float: left;padding-top: 100%;} @media (max-width:575.999999px) { .icons-grid .content-wrapper {text-align: center;margin-bottom: 15px;padding: 0 30px;} } @media (min-width:576px) { .icons-grid .content-wrapper {position: absolute;top: 50%;transform: translate(0, -50%);} } .icons-grid .i-card .i-card-inner {background: #fff;width: 100%;height: 100%;border-radius:15px;display:flex;flex-direction:column; justify-content: center;align-items: center;} .icons-grid .i-card .i-card-inner .content-img {height:50%;display: flex;align-items: flex-end;} /* end benefits */ @media (min-width: 720px) { .partners-logo .pr-card{ -webkit-box-flex: 0; -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; text-align:center; } } /* features-cards */ .featured-cards-wrapper {grid-template-columns: 1fr 1fr; } .grid {display: grid;grid-gap: 15px;} .featured-cards-wrapper .grid.left {grid-column: 1 / span 1;} .featured-cards-wrapper .grid.right {grid-column: span 1 / -1;} .featured-cards-wrapper .featured-media-card, .featured-cards-wrapper .featured-text-card {position:relative; margin-bottom:30px} .featured-card .content-item {position:relative; height:100%} .featured-card .content-item:before {border-radius:15px;position: absolute; left: 0;bottom: 0;content: "";display: block;width: 100%;height: 100%;background-color:rgba(0, 0, 0, 0.8);transform-origin: 0 bottom 0;transform: scaleY(0);transition: .4s ease-out;} .featured-card .content-item .content-sub {position:absolute; bottom:0;max-height: 70px; background:#000; width:100%; padding:15px 20px; -webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;} .featured-card .content-item .content-sub .text-regular {color:#fff; opacity:0; visibility:hidden;transition-delay:0.22s;transition: all 0.3s linear;} .featured-card .content-item .content-sub .btn-wrapper {opacity:0; visibility:hidden;margin-bottom: 10px;} .featured-card .content-item .content-sub .btn-wrapper a, .featured-card .content-item .content-sub .btn-wrapper a:hover {color:#fff} .featured-card .content-item img {object-fit:cover; width:100%; max-height:100%} .featured-card {border-radius:15px; overflow:hidden;height:100% } @media (min-width: 1200px) { .grid {grid-gap: 30px;} } @media (max-width: 767.997px) { .grid {grid-gap: 0px;} .featured-cards-wrapper {grid-template-columns: 1fr;} .featured-card .content-item .content-sub {max-height:100%} .featured-card .content-item .content-sub .text-regular { opacity:1; visibility:visible;} .featured-card .content-item .content-sub .btn-wrapper { opacity:1; visibility:visible;} } .featured-card .content-item:hover .content-sub { max-height:195px;background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );} .featured-card .content-item:hover:before {transform: scaleY(1);} .featured-card .content-item:hover .content-sub .text-regular { opacity:1; visibility:visible; transition-delay:0.22s; transition: all 0.3s ease;} .featured-card .content-item:hover .content-sub .btn-wrapper { opacity:1; visibility:visible;} /* end */ /* offering-cards */ .offering-cards-wrapper {grid-template-columns: 1fr 1fr 1fr 1fr;padding-left:15px; padding-right:15px} .offering-cards-wrapper .featured-media-card {position:relative;} .offering-cards-wrapper .featured-text-card {position:relative; margin-bottom:30px} .offering-cards-wrapper .text-header {text-align:center} .offering-cards-wrapper .grid.left {grid-column: 1 / 1;} .offering-cards-wrapper .grid.middle {grid-column: 2 / 2;} .offering-cards-wrapper .grid.right {grid-column: 3 / span 2;} @media (max-width: 991.99999px) { .offering-cards-wrapper .grid.left {grid-column: 1 / span 2;} .offering-cards-wrapper .grid.middle {grid-column: 3 / span 2;} .offering-cards-wrapper .grid.right {grid-column: 1 / span 4;} } @media (max-width: 767.997px) { .offering-cards-wrapper .featured-media-card {margin-bottom:15px} } @media (max-width: 575.999999px) { .offering-cards-wrapper{grid-template-columns: 1fr;} .offering-cards-wrapper .grid.left {grid-column: 1 / 1;} .offering-cards-wrapper .grid.middle {grid-column: 1 / 1;} .offering-cards-wrapper .grid.right {grid-column: 1 / 1;} } /* scroll cards */ .scroll-cards{padding: 72px 0px; background-color: #231F20} .scroll-cards .content-wrapper {width:100%} .scroll-cards .content-wrapper {width:100%} .scroll-cards .scrl-container{display:flex;overflow:auto;margin-top:20px;} .scroll-cards .scrl-container::-webkit-scrollbar{width:7px;height:7px;} .scroll-cards .scrl-container::-webkit-scrollbar-track{border-radius:5px;margin-right:300px;background-color: #B3B3B3;} .scroll-cards .scrl-container::-webkit-scrollbar-thumb{border-radius:5px;background-color:#0073AE;} .scroll-cards .scrl-container .scrl-card{position:relative;margin-bottom:20px;margin-right:40px} .scroll-cards .scrl-card .scrl-card-inner{position: relative;color: #fff;min-width: 100%;width: 100%;height: 100%;} .scroll-cards .block-content .row{margin-left:0px;margin-right:0px;} .scroll-cards h3.text-header{color: #fff !important;width: 80%} .scroll-cards .text-lead {color:#B3B3B3} .scroll-cards .scrl-card-teaser-content h5 {font-size:25px; line-height:35px} .scroll-cards .scrl-card-teaser-content .teaser-sub {} .scroll-cards .scrl-card-teaser-content .teaser-text{margin:30px 0; font-weight:400;color:#B3B3B3;font-size:16px;line-height:26px;} .scroll-cards .scrl-card-teaser-content .btn-wrapper {position:absolute; bottom:0} .scroll-cards .scrl-card-teaser-content .btn-wrapper .link{color:#fff;} .scroll-cards .content-img {position:relative; max-width:300px; margin:0 auto} .scroll-cards .content-img::after {position:absolute; content:' '; background-color:#C6DFE5; opacity:0.8; top:80px; right:10px; width:80px; height:80px; border-radius:40px;} .scroll-cards .content-img::before {position:absolute; content:' '; background-color:#0073AA; opacity:0.8; bottom:60px; left:-40px; width:80px; height:80px; border-radius:10px;} @media (max-width:991px) { .scroll-cards{padding: 36px 0px;} .scroll-cards .content-img {display:none} .scroll-cards h3.text-header {width:100%;} .scroll-cards .scrl-card-teaser-content h5 {font-size:18px; line-height:25px} .scroll-cards .scrl-card-teaser-content .teaser-text{margin:10px 0 20px 0;font-size:16px;line-height:21px;} .scroll-cards .scrl-card-teaser-content .btn-wrapper {position:relative} } @media (max-width: 719.997px) {.scroll-cards .scrl-container{flex-wrap:wrap}} @media (min-width: 719.997px) {.scroll-cards .scrl-container .scrl-card{-webkit-box-flex: 0;-webkit-flex: 0 0 40%;-ms-flex: 0 0 40%;flex: 0 0 40%;max-width: 40%;}} /* scroll cards */ /* plain-image */ .plain-image {} .plain-image .content-img {position:relative} .plain-image .content-img img {border-radius:15px; width:100%} /* end plain-image */ /* plain-text */ .partners-logo .pr-container{ display:flex; flex-wrap: wrap; } .partners-logo .pr-card{ position:relative; width:100%; padding-left:3px; padding-right:3px; margin-bottom:6px; } .partners-logo .pr-card .pr-card-inner{ background: #fff; min-width: 100%; width: 100%; height: 100%; box-shadow: 0px 2px 4px -2px rgb(24 39 75 / 12%), 0px 4px 4px -2px rgb(24 39 75 / 8%); -webkit-transition: -webkit-transform .4s; transition: -webkit-transform .4s; transition: transform .4s; transition: transform .4s, -webkit-transform .4s; position: relative; border-radius:5px; text-align:center; } .partners-logo .pr-card .pr-card-inner img{ margin:20px; } .partners-logo{ padding: 40px 20px; background-color: #dcdcdc; } .partners-logo .content-wrapper{ margin-bottom:20px; } .partners-logo .text-picture-button{ margin-top:20px; } /* image text aka about us */ .image-text .hr-header{border-bottom:1px solid #0073AE;} .image-text h3.text-header {margin-bottom: 5px;} .image-text .img-inner {position:relative} .image-text .img-inner::before {content: '';position: absolute;height: calc(100% - 30px);width: 100%;border: 1px #0073AE solid;border-radius: 15px;z-index: -1;} .image-text .img-inner img {border-radius:15px;margin-top: 30px;margin-left: 30px;} .image-text .hr-container{display:flex;flex-wrap:wrap;} .image-text .hr-card{flex: 0 0 45%;max-width: 45%;position:relative;} .image-text .hr-card-header {border-bottom: 1px solid #0073AE;padding-left:30px} .image-text .hr-card-title{margin:5px 0 30px 0; padding-left:30px} @media (min-width: 992px){ .image-text .hr-container{margin-top:70px; margin-left:30px} .image-text .hr-header{margin-top: 30px;} } @media (max-width:991.98px) { .image-text .img-inner::before {height: calc(100% - 20px);} .image-text .img-inner img {margin-top: 20px;margin-left: 20px;} .image-text .hr-container{margin-left:20px} .image-text .hr-header {border-bottom:0;margin-bottom: 30px;} .image-text .text-header {margin-bottom:40px; margin-top:0} } @media (max-width: 767.997px) { .image-text .hr-card{flex: 0 0 50%;max-width: 50%;} } @media (max-width: 575.999999px) { .image-text .hr-card-header {padding-left:0} .image-text .hr-card-title {padding-left:0} } /* Modal */ .modal-window {position: fixed;background-color: rgba(0, 0, 0, 0.35);top: 0;right: 0;bottom: 0;left: 0;z-index: 999;visibility: hidden;opacity: 0;pointer-events: none;transition: all 0.3s;} .modal-window:target {visibility: visible;opacity: 1;pointer-events: auto;} .modal-window > div {width: 800px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 2em;background: #ffffff;} .modal-close {color: #aaa;line-height: 50px;font-size: 80%;position: absolute;right: 0;text-align: center;top: 0;width: 70px;text-decoration: none;} .modal-close:hover {color: black;} /* end Modal */ /* slick Slider */ .slick-slider{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;margin-left: auto;margin-right: auto;} .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{display: block;} .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 solid transparent;} .slick-arrow.slick-hidden {display: none;} /* Icons */ .slick-prev,.slick-next{font-size: 0;line-height: 0;position: absolute;top: 50%;display: block;width: 20px;height: 20px;padding: 0;-webkit-transform: translate(0, -50%);-ms-transform: translate(0, -50%);transform: translate(0, -50%);cursor: pointer;color: transparent;border: none;outline: none;background: transparent;} .slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{color: transparent;outline: none;background: transparent;} .slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity: 1;} .slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity: .25;} .slick-prev:before,.slick-next:before{font-family: 'slick';font-size: 20px;line-height: 1;opacity: .55;color: white;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-prev{left: 10px;z-index:1;} [dir='rtl'] .slick-prev{right: 10px;left: auto;} .slick-prev:before{content: '\f177';font-family: "FontAwesome";color:rgba(108, 117, 125, 1);} [dir='rtl'] .slick-prev:before{content: '\f177';font-family: "FontAwesome";color:rgba(108, 117, 125, 1);} .slick-next{right: 10px;} [dir='rtl'] .slick-next{right: auto;left: 10px;} .slick-next:before{content: '\f178';font-family: "FontAwesome";color:rgba(108, 117, 125, 1);} [dir='rtl'] .slick-next:before{content: '\f178';font-family: "FontAwesome";color:rgba(108, 117, 125, 1);} /* Dots */ .slick-dotted.slick-slider{margin-bottom: 30px;} .slick-dots{position: absolute;bottom: -25px;display: block;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;} .slick-dots li{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} .slick-dots li button{font-size: 0;line-height: 0;display: block;width: 20px;height: 20px;padding: 5px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;} .slick-dots li button:hover,.slick-dots li button:focus{outline: none;} .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity: 1;} .slick-dots li button:before{font-family: 'slick';font-size: 10px;line-height: 20px;position: absolute;top: 0;left: 0;width: 20px;height: 20px;content: '\2022';text-align: center;opacity: .25;color: black;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .slick-dots li.slick-active button:before{opacity: .75;color: black;}