@font-face {font-display: swap; font-family: Outfit; src: url(../fonts/Outfit.ttf) } a, body, h1, h2, h3, h4, h5, h6, p, q {font-family: Outfit, sans-serif } h1, h2, h3, h4, h5, h6 {color: #323335; line-height: 1.25; font-weight: 600 } h1 {font-size: 2.4em } body {top: 0 !important; font-style: normal; font-size: 1.05em; line-height: 1.5; color: #363636; overflow-x: hidden } body p {font-size: 1.05em; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, a {color: inherit; text-decoration: none; } h2 {font-size: 39px; margin-bottom: 20px; } p a, ul.bullets li a {color: #d13f41; border-bottom: 1px dotted; text-decoration: none; } p a:hover, ul.bullets li a:hover{color: #0a58ca; } #header {position: relative; background: #101010 } .header-section {background-color: #323335; padding-top: 5px } .header-section img {max-width: 100% height:auto; } .header-section .logo {display: inline-block; margin-top: 0 } .header-section .row, .header-section .row>* {position: static } .header-section .mod-menu {background: #ffffff; z-index: 999; box-shadow: 0px 0px 10px 0px #efeeee; padding-bottom: 10px; } .header-section ul {list-style: none; padding: 0; margin: 0 } .header-section ul.no-left-mar {margin: 0 } .header-section ul li {position: relative; border-right: none } .header-section ul li.right:last-child {border: none } .header-section ul li a.m-link {color: #fff } .header-section.style1 ul li a.dark, .header-section.white ul li a {color: #101010 } .header-section ul li ul {position: absolute; top: 42px; left: -20%; margin-left: -115px; background: #fff; width: 230px; -webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07); box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07); -webkit-transition: .2s; transition: .2s; } .header-section ul li ul li ul {-webkit-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07); -moz-box-shadow: 0 3px 18px 0 rgba(0, 0, 0, .07); box-shadow: none; left: 100%; right: auto; top: 0; margin-left: 0; width: 0; overflow: hidden; display: block } .header-section ul li ul li {border-bottom: 1px solid #e6e6e6; overflow: hidden } .header-section.style1 ul li ul li {border-bottom: 1px solid #f0f0f0 } .header-section ul li ul li a {color: #323335; padding: 12px 23px; display: block; text-transform: none } .header-section.style1 ul li ul li a {padding: 7px 15px 7px 18px } .header-section.style1 ul li.align-left ul li a {text-align: left } .header-section ul li ul li a:hover {margin-left: 5px } .header-section ul li ul.dm-align-2 {left: 120px } .header-section ul li ul li ul li {width: 230px; background: rgb(233 233 233 / 25%) } .header-section ul li.right ul li ul {left: 100%; right: auto } .header-section #menu, .header-section .main-nav .nav.top-nav {margin-top: 10px; } .navbar {float: right; } .header-section .main-nav .nav {float: none } .header-section .main-nav.border {border-bottom: 1px solid #f1f1f1; border-top: 1px solid #f1f1f1 } .header-section .main-nav .nav.top-nav>li {float: left } .header-section.style1 {position: relative; background-color: transparent } .header-section.style1.noborder {border-bottom: none } .header-section.style1 .container.cs-boder {border-top: 1px solid #1f1f1f; border-bottom: 1px solid #1f1f1f } .header-section.style1 ul li a {padding: 25px 12px; } .header-section.style1 ul li a.padd-more {padding: 25px 20px; border-right: 1px solid #f0f0f0 } .header-section.dark-dropdowns.style1 ul li ul li a {color: #727272 } .active-strip {width: 100%; height: 3px; float: left; margin-top: 8px; background-color: transparent } @media only screen and (min-width:1001px) {.header-section {top: 0; left: 0; width: 100%; z-index: 999; padding-top: 0; padding-bottom: 0 } .header-section ul li.active>a, .header-section ul li:hover>a {color: #d13f41 !important } .header-section ul li ul li {border-bottom: 1px solid rgba(255, 255, 255, .1) } .header-section.white ul li ul li {border-bottom: 1px solid #f1f1f1; position: static } .header-section ul li ul {opacity: 0; max-height: 0; overflow: hidden } .header-section ul li ul li ul {max-height: none; opacity: 1 } .header-section ul li ul li:hover>ul {width: 230px } .header-section ul li:hover>ul {opacity: 1; max-height: 2000px; overflow: visible } .header-section ul li:hover>ul li {overflow: visible } .header-section ul li:hover>ul li ul {overflow: hidden; opacity: 1 } .header-section.dark-dropdowns ul li.active>a {color: #65d835 } .header-section.act-style-1 ul li.active>a {color: #fff !important; background-color: #65d835 !important } #menu {display: block } } @media only screen and (max-width:1000px) {.header-section ul li.menu-icon {font-size: 1.71429em; padding: 19px 0 0 30px } .header-section ul li.menu-icon a {margin: 0; border: none; padding: 10px } .header-section {padding-bottom: 20px; border: none; left: 0; top: 0; width: 100%; z-index: 999 } .header-section.pin-start {position: absolute !important } .header-section.off {position: fixed } .header-section .logo {position: relative; z-index: 9999; padding-left: 10px } .header-section .main-nav .nav, .navbar-nav>li {float: none } .header-section .main-nav .nav.top-nav {position: absolute; right: 0; top: 0; width: 100%; z-index: 2; text-align: right } .header-section .main-nav .nav.top-nav li {display: inline-block !important; vertical-align: top; float: none } .header-section #menu {float: none; border: none; box-shadow: none; margin: 0 -15px; padding: 0px 0 0; z-index: 99 } .header-section #menu>ul {background: #fff; margin: 0 } .header-section #menu>ul li {position: relative; border-bottom: 1px solid #ececec } .header-section #menu>ul li a {color: #323335; padding: 15px 25px; text-transform: none } .header-section #menu>ul li .arrow {width: 40px; height: 40px; position: absolute; top: 5px; right: 25px; cursor: pointer; z-index: 999 } .header-section #menu>ul li .arrow:before {content: ""; background: #323335; position: absolute; top: 17px; left: 11px; width: 15px; height: 3px } .header-section #menu>ul li .arrow:after {content: ""; background: #323335; position: absolute; top: 10px; left: 17px; height: 15px; width: 3px } .header-section #menu>ul li.active>a, .header-section #menu>ul li.hover>a {color: #d13f41 } .header-section #menu>ul li i, .header-section #menu>ul li.hover>.arrow:after {display: none } .header-section #menu>ul li.hover>ul {display: block } .header-section #menu>ul li ul {display: none; max-height: none; position: relative; width: 100%; left: auto; margin: 0; top: auto; border-top: 1px solid #ececec } .header-section #menu>ul li ul li {float: none; width: 100%; padding: 0; border: none } .header-section #menu>ul li ul li a {text-transform: none; font-weight: 400; padding-left: 45px } .header-section #menu>ul li ul li ul {right: 0 } .header-section #menu>ul li ul li ul li a {padding-left: 65px } .header-section .col-sm-9 {width: 100%; float: left } .nopadding {position: static } .header-section.style1 {background-color: #101010; border-bottom: none } .header-section.style1.white {background-color: #fff } .header-section.style1.light {background-color: #f5f5f5 } .header-section.dark-dropdowns ul li ul li {border-bottom: 1px solid rgba(255, 255, 255, .1) } } @media only screen and (max-width:360px) {.header-section .logo {width: 85px } .header-section .main-nav .nav.top-nav {top: -7px } .header-section ul li.menu-icon {padding-left: 5px } } .header-section ul li ul li:hover>ul.row-fluid {width: 500px; display: table; float: left } @media only screen and (min-width:1001px) {.header-section.pin-style.pin-start {position: fixed } .header-section.pin-style.pin {background: rgba(50, 51, 53, .9); -webkit-transition: .6s; transition: .6s } .header-section.pin-style.before {-webkit-transition: .6s; transition: .6s } .header-section.white.pin-style.pin {top: 0; background: #fff; box-shadow: 0 0 1px 1px #f1f1f1 } } @media only screen and (max-width:768px) {header .header-section {margin-top: 0 !important } .header-section, .header-section img {padding-top: 0 !important; padding-bottom: 0 !important } .header-section ul li.menu-icon a {padding: 0 15px !important } .header-section img {max-width: 100% !important } .header-section ul li.menu-icon {padding: 19px 15px 0 30px !important } } .only-for-mobile {display: none } #return-to-top:hover {background: rgb(247 56 89) } .header-section ul li.right.last-submenu ul li ul {left: auto; right: 100% } @media (max-width:768px) {.only-for-mobile {display: block } .mbutton a {background: #005092; font-size: 15px; width: 50%; text-align: center; padding: 3px 2px; color: #fff } .mbutton a:hover {background: #000 } .mbutton {display: flex; background: #005092; width: 100% } .header-section.off {position: fixed !important; } ul.toplist {display: none; } } #return-to-top, #return-to-top i, .header-section ul li a.icon-center {text-align: center } .topbar.light {width: 100%; margin: 0; color: #ffffff; font-size: 0.9em !important; border-bottom: 1px solid #f1efef; background-color: #2c3238; margin-bottom: 10px; padding-top: 5px; } .topbar.light a {font-size: 0.9em !important; color: #ffffff !important; } ul.toplist li a {background: #828282!important; padding: 7px 20px!important; border-radius: 8px; } ul.toplist li a:hover {background: #59626a; color: #ffffff !important; } .topbar.light .toplist li i {font-size: 16px; position: absolute; top: 8px; right: -4px; } .topbar-left-items {float: left; margin: 0; padding: 4px 0 0; } .topbar-right-items {float: right; margin: 0; padding: 0; } ul.top-info {margin-top: 0; margin-bottom: 0; padding-inline-start: 8px; } ul.top-info li {position: relative; line-height: 10px; display: inline-block; margin-left: 0; padding-right: 15px; } ul.top-info i {color: #005092; margin: 0 5px; font-size: 16px; } p.info-text {display: inline-block; } .toplist {float: right; padding: 0; margin: 0; } .topbar.light .toplist li {color: #ffffff; padding: 5px 10px 0 0 !important; float: left; text-align: right; font-size: 14px; margin: 0; } a.main-cta-button {color: #fff !important; background: #d13f41; padding: 11px 17px !important; border-radius: 9px; font-size: 14px; } a.main-cta-button:hover, .main-button a:hover {color: #ffffff !important; background: #2c3238; transition: all 0.8s; } .breadcrumb-service {background: #f4f7f9; padding: 20px 0px 5px; } ul.blist {display: flex; flex-wrap: wrap; padding-inline-start: 0; } ul.blist li {display: inline-flex; align-items: center; position: relative; padding: 0 16px 0 8px; font-size: 15px; color: #919191; } ul.blist li:after {content: "\f105"; font-family: FontAwesome; color: #d13f41; font-size: 15px; position: absolute; right: 0; font-weight: 900; top: 0; } ul.top-info i {color: #ffffff; } .sticky-icon {z-index: 1; position: fixed; top: 50%; transform: translateY(-50%); right: 0%; width: 200px; display: flex; flex-direction: column; z-index: 0; } .sticky-icon:hover {z-index: 999999; } .sticky-icon a {transform: translate(145px, 0px); border-radius: 5px 5px 5px 5px; text-align: left; margin: 2px 2px 5px; text-decoration: none; transition: all 0.8s; color: #000000; font-weight: 600; display: flex; align-items: center; } .sticky-icon a:hover {color: #000000; font-weight: 600; transform: translate(0px, 0px); } .service-page-form .col-md-8 {width: 60%; } .service-page-form .col-md-4 {width: 40%; } .sticky-icon a i {height: 53px; width: 53px; color: #000; text-align: center; font-size: 29px; border-radius: 5px; line-height: 53px; margin-right: 10px; transition: all 0.5s; box-shadow: 0px 0px 14px 0px #e5e5e5; } a.sticky-phone {background: #85ffad; } a.sticky-phone i {color: #27cd95; background: #d1ffe0; } a.sticky-mail {background: #f9e479; } a.sticky-mail i {color: #d4a428; background: #fff4bc; } a.sticky-message {background: #aed0f9; } a.sticky-message i {color: #00a1ff; background: #deedff; } @media only screen and (max-width:768px) {.header-section .row {position: static; } .header-section .col-sm-10, .header-section .col-sm-2 {width: auto; } button.navbar-toggler {position: fixed; right: 27px; top: 94px; } .header-section #menu>ul li {width: 100%; padding: 10px; } .header-section #menu>ul li.hover>ul {display: block; margin-top: 12px; } footer .col-md-3 {border-right: 1px solid #68696a; width: 100% !important; } .widget .col-md-6 {width: 50%; } } .video {position: relative; } .video__iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video__placeholder {position: absolute; height: 351px; width: 100%; border-radius: 12px; margin-bottom: -6px; } .video__youtube {height: 357px; width: 100%; border-radius: 12px; margin-bottom: -6px; } .video__button {background: none; border: 0; cursor: pointer; height: 100%; left: 0; position: absolute; text-indent: -9999px; top: 0; transition: transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275); width: 100%; } .video__button:before {width: 100%; height: 100%; content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: url(../images/play-button.webp) no-repeat center center; background-size: 10%; } img.flag-image {width: 20px; margin-right: 6px; height: auto; margin-left: 10px; margin-top: -4px; } @media (max-width: 768px) {img.flag-image {width: 18px; margin-right: 5px; margin-left: 2px; margin-top: 0px; } .header-section.style1 .top-info p.info-text a {padding: 22px 2px; } p.info-text {display: inline-block; font-size: 11px; } } #return-to-top { position: fixed; bottom: 100px; right: 34px; background: #d55153; width: 40px; height: 40px; text-decoration: none; -webkit-border-radius: 35px; -moz-border-radius: 35px; border-radius: 35px; display: none; z-index: 99999 !important; } #return-to-top i {color: #fff; margin: 0; font-size: 14px; line-height: 41px; } @media (max-width:768px) {#return-to-top {display: none !important; } } ul {list-style-type: none; } a:hover.text-hover-gyellow {color: #3396d6; } .no-gutter>[class*='col-'] {padding-right: 0; padding-left: 0; } .site-wrapper {width: 100%; margin: 0px auto; background-color: #FFF; } .wrapper-boxed {margin: auto; background-color: #FFF; } a.read-more {color: #49b2e2; position: relative; } a.read-more:hover {color: #d13f41; } a.read-more:after {content: "\f101"; font-family: FontAwesome; padding-left: 5px; position: absolute; top: -2px; } .btn {padding: 10px 36px; margin: 0px; box-shadow: none; border-radius: 0; } .section-side-image {position: relative; padding: 0px; margin: 0px; } .video-overlay {position: relative; width: 100%; padding: 0; margin: 0; left: 0; top: 0; float: left; z-index: 2; } .overlay {position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; float: left; z-index: 10; } .scrollup {width: 40px; height: 40px; opacity: 1; position: fixed; bottom: 22px; right: 20px; display: none; text-indent: -9999px; background: url(../images/scroll-top-arrow.png) no-repeat left top; z-index: 9001; } .blog-post-info {width: 100%; } .wrapper-main {padding-left: 300px; background-color: #fff; } @media screen and (max-width:1024px) {.col-divider-margin {margin-top: 30px; } .text-box-right {padding: 0 0 0 100px; } .wrapper-main {width: 100%; padding-left: 230px; background-color: #fff; } .wrapper-main .container {width: 100%; } } @media screen and (max-width:1000px) {.col-divider-margin {margin-top: 20px; } .topbar-transparent {background-color: #101010; } .wrapper-main {padding-left: 0; } .header-inner-tmargin {margin-top: 0; } } @media only screen and (max-width: 991px) {.margin-bottom {margin-bottom: 30px; } .col-divider-margin {margin-top: 20px; } } @media only screen and (max-width: 767px) {.margin-bottom {margin-bottom: 30px; } .col-divider-margin {margin-top: 20px; } } @media screen and (max-width: 480px) {.sec-padding {padding: 40px 0 40px 0; } } .text-small {font-size: 12px; } hr.divider-line.light-2 {border-top-color: #e5e5e5; } .float-left {float: left; } .float-right {float: right; } .img-boder {border: 1px solid #d3d3d3; padding: 8px; } *:focus, button:focus, input:focus, *, input, button, *:active, input:active, button:active, .bootstrap-select .btn:focus, option {outline: none !important; outline: 0px !important; } .banner-section {background: #000; height: 1500px; font-size: 14px; } @media screen and (max-width: 1024px) {.btn-top-1 {right: -176px; } } .logo-middle {width: 150px; height: 45px; margin: 30px auto; } a.popup-button {color: #ffffff; cursor: pointer; } img.img-icn {width: 50px; padding-bottom: 12px; } .section-side-image .container-fluid {padding: 0; } .main-headings {text-align: center; } .youtube-container {display: block; width: 100%; max-width: 100%; background-size: cover !important; } .youtube-player {display: block; width: 100%; overflow: hidden; position: relative; width: 100%; height: 370px; cursor: hand; cursor: pointer; display: block; text-align: center; } iframe {width: 100%; height: 100%; } span.fa.fa-play-circle.yicon {color: #d13f41; font-size: 75px; border: 3px solid #d13f41; top: 40%; position: absolute; border-radius: 50%; padding: 7px; left: 45%; width: 94px; animation: blink 3s; animation-iteration-count: infinite; } @keyframes blink {50% {border-color: #fff; } } span.bicon {color: #005092; font-weight: bold; font-size: 55px; } p.btitle {color: #005092; font-size: 17px; padding: 12px 0 0px 0; } p.tname {font-size: 17px; color: #1e639c; margin-bottom: 2px; } a.m-link:after {content: "\f0d7"; font-family: "FontAwesome"; font-size: 12px; color: #616161; padding-left: 5px; } .last-section.container a {color: #abc3e1; padding: 5px 10px; } .last-section.container {padding: 21px 17px; color: #abc3e1; } .col-md-3.button-box {margin: 13px auto; } .copy-button:hover {color: rgb(255, 255, 255) !important; background-color: rgb(67, 177, 231); border-color: rgb(67, 177, 231); } .copy-button {background-color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); font-size: 15px; line-height: 16px; color: #d13f41; width: 100%; height: 46px; max-width: 175px; box-sizing: border-box; padding: 13px 24px 3px 23px; text-align: center; border: 1px solid #fff; background-color: #fff; margin: 0px 6%; } .col-xs-25, .col-sm-25, .col-md-25, .col-lg-25 {position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .col-xs-25 {width: 20%; float: left; } @media (min-width: 768px) {.col-sm-25 {width: 20%; float: left; } } @media (min-width: 992px) {.col-md-25 {width: 20%; float: left; } } @media (min-width: 1200px) {.col-lg-25 {width: 20%; float: left; } } ul.bullets {line-height: 1.8; margin-bottom: 0; padding-inline-start: 10px; margin-top: 10px; } ul.bullets li {position: relative; margin-bottom: 10px; padding-left: 19px; line-height: 28px; } ul.bullets li:before, ol.bullets-ol li ul.bullets li:before, ul.map-list li ul.bullets li:before {content:"\f04d" !important; font-family: "FontAwesome"; font-size: 9px; color: #d13f41; position: absolute; left: 0; font-weight: 600; line-height: 22px; top: 3px; } .side-heading h2 {line-height: 47px; } .side-heading h2 span.text-secondary {font-size: 50px; } .left {text-align: left; } .center {text-align: center; } .full-image img.desc-img {width: 100%; } .inner-intro {padding: 45px 0; } .full-image {padding-bottom: 25px; padding-top: 10px; } ul.list a {color: #222222; } ul.list a:hover {color: #d13f41; } ul.list li {width: 100%; border-bottom: 1px dashed #cccccc; color: #525151; padding: 11px 16px; position: relative; text-align: left; } ul.list li:last-child {border: none; } ul.list li:before {content: "\f0da"; font-family: "FontAwesome"; font-size: 16px; color: #d13f41; position: absolute; left: 0; font-weight: 600; line-height: 20px; } ul.list {padding-inline-start: 21px; padding-inline-end: 20px; } ul.article-list {padding: 0px; } .inner {background: #f8f8f8; } h1.page-title {font-size: 37px; line-height: 42px; } section.breadcrumb-section {padding-right: 30px; background: #f6f7f9; font-size: 13px; } ol.bullets-ol {counter-reset: my-awesome-counter; list-style: none; padding-left: 30px; } ol.bullets-ol li {margin: 0 0 0.5rem 20px; counter-increment: my-awesome-counter; position: relative; } ol.bullets-ol li::before {content: counter(my-awesome-counter); color: #ffffff; position: absolute; --size: 25px; left: calc(-1 * var(--size) - 18px); line-height: var(--size); width: var(--size); height: var(--size); top: 2px; background: #d13f41; border-radius: 13%; text-align: center; } ol.bullets-ol h2, ol.bullets-ol h3, ol.bullets-ol h4, ol.bullets-ol h5, ol.bullets-ol h6 {font-size: 26px; line-height: 30px; margin-bottom: 5px; font-style: normal; border-bottom: none; margin-top: 0px; } .inner-intro-text ol.bullets-ol h2, .inner-intro-text ol.bullets-ol h3, .inner-intro-text ol.bullets-ol h4, .inner-intro-text ol.bullets-ol h5, .inner-intro-text ol.bullets-ol h6 {font-size: 23px; } .img_size1 {padding: 0px 13% 0 13%; width: 100%; height: auto; } .post_img {margin-bottom: 20px; margin-top: 20px; } .video-content {padding: 0 5px; margin-top: -10px; } div.button a:after {content: "\f101"; font-family: FontAwesome; padding: 0px 7px; } span.title_big {color: #005092; font-size: 20px; } img.blog-img {width: 100%; border: 1px solid #e2e2e2; padding: 0 0%; height: auto !important; } section.blog-related-articles {background: #f9f9f9; padding: 40px; } .blog-video-content {width: 100%; height: 300px; } section.categories {text-align: center; margin: 15px 0 4px; } section.categories ul.clist {padding-inline-start: 0; } section.blog-title {padding-top: 40px; } section.blog-title h1 {font-size: 60px; line-height: 1.05; } section.blog-title h1 {font-size: 52px; line-height: 1.1; padding-right: 25%; color: #1e639c; padding-left: 5%; margin-top: 60px; margin-bottom: 40px; } section.blog-title {padding-top: 35px; background-color: #f5f5f5; padding-bottom: 80px; background-image: url(../images/resource-bg.png); background-size: contain; } ul.clist li {font-size: 15px; background: #f1f1f1; display: inline-block; padding: 8px 46px; border-radius: 1px; margin-top: 25px; } ul.clist {margin-bottom: 30px; padding-inline-start: 0; } ul.clist li a {color: #333333; } ul.clist li a:hover {color: #d13f41; } ul.clist p {display: inline-block; padding: 0 20px; font-size: 20px; color: #005092; } @media (min-width: 1100px) {.blog-title .container, .full-width .container, section.faq-page .container {width: 1070px; } } ul.blist li a {color: #333333; } ul.blist li a:hover {color: #d13f41; } ol.small-ol {counter-reset: my-awesome-counter; list-style: none; padding-left: 30px; margin-bottom: 20px; } ol.small-ol li {margin: 0 0 0.5rem 0px; counter-increment: my-awesome-counter; position: relative; } ol.small-ol li::before {content: counter(my-awesome-counter) "."; color: #d13f41; position: absolute; --size: 14px; left: calc(-1 * var(--size) - 8px); line-height: var(--size); font-size: 16px !important; top: 7px; font-family: Outfit,sans-serif !important; font-weight: 600; } .post_img figcaption {font-style: italic; font-size: 16px; color: rgba(13, 39, 111, 0.72); text-align: center; margin-top: 0px; margin-bottom: 50px; } ul.map-list {margin-bottom: 25px; margin-top: 10px; margin-left: 0px; padding-inline-start: 20px; } ul.map-list li {position: relative; padding-left: 26px; margin-bottom: 1px !important; } ul.map-list li:before {content: "\f101"; font-weight: 600; font-family: FontAwesome; color: #d13f41; font-size: 24px; position: absolute; left: 0; top: 2px; } ul.map-list li h2, ul.map-list li h4, ul.map-list li h3, ul.map-list li h5 {font-size: 24px; line-height: 34px; margin-bottom: 12px; } ol.bullets-ol img.small-img.left {float: left; background: #ffffff; border: 1px solid #f1f1f1; padding: 30px 64px; margin-left: -20%; margin-right: 4%; } ol.bullets-ol img.small-img {float: left; margin-left: -20%; margin-right: 4%; margin-top: 11px; display: flex; } .table-list {background-color: #fff; margin-bottom: 50px; width: 100%; } .table-list tr {border-bottom: 1px solid #e1e1e1; } .table-list th {padding: 18px 10px; color: #fff; font-size: 20px; text-align: center; background-color: #d55153; border: 1px solid #d78587; } .table-list td {padding: 15px 10px; text-align: center; background-color: rgb(213 81 83 / 4%); border: 1px solid #f6dfdf; } ul.bullets p {padding: 5px 0 19px 0 !important; } ol.bullets-ol li ul.bullets li:before {background: transparent; top: 1px; font-size: 9px; } ol.bullets-ol li ul.bullets li {padding-left: 29px; counter-increment: none; } .full-image figcaption {font-style: italic; font-size: 16px; color: rgba(13, 39, 111, 0.72); margin-top: 0px; margin-bottom: 0px; float: left; } .sidebar-case .case-feature-box .distext {position: absolute; left: 8%; right: 8%; } .sidebar-case .case-feature-box img {height: 100%; } .hidtext i {font-size: 11px; } ul.article-list li p {text-align: left; } section.cta-block.kcta {background: #f3f3f3; } img.youtube-thumb {bottom: 0; display: block; left: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; right: 0; top: 0; height: auto; } section.breadcrumb-service {background: #f1f1f1; padding: 4px 0 4px 0; } section.breadcrumb-service ul.blist {margin-bottom: 0px; padding-left: 7%; } .text-content-left-space {padding: 42px 10% 0 5%; } section.section-light {padding: 70px 0px; } .section-light {background-color: #f3f3f3; } .section-white {background-color: #fff; } img.small-img {padding-right: 15px; color: #d13f41; font-size: 30px; float: left; font-weight: 100; padding-right: 15px; display: flex; display: -moz-flex; display: -webkit-flex; display: -ms-flex; } .small-video .youtube-player {height: 240px; } .logo-slide img {width: 100%; border: 1px solid #f1f1f1; } .col-md-12 .youtube-thumb {width: 60%; } .fth-img img {width: 100%; } section.industry-fth {background: #f5f5f5; padding: 40px; } .software-img {display: flex; flex-direction: column; width: max-content; } .software-img strong {padding-top: 15px; } .quick-links.bulletss1 {padding-left: 0px !important; width: auto !important; line-height: 33px; text-transform: capitalize; } .center-content p.bigger-font {font-size: 26px; s line-height: 35px; margin-bottom: 10px; margin-bottom: 12px; } .img-logo {width: auto; max-width: 100%; height: auto; } .bullets-heading {font-size: 23px !important; font-weight: bold; } .bullets-heading a {color: #363636 !important; } ul.list.sub li::before {content: unset; } .aditional img {width: auto; max-width: 100%; } .aditional img {width: auto; max-width: 100%; margin-left: auto; margin-right: auto; display: inherit; } ul.maps-list li::before {float: left; padding-right: 14px; content: "\f0a9"; font-family: FontAwesome; color: #01649c; font-size: 21px !important; line-height: 44px; } .tb1 th, td {border: 1px solid #dddddd; text-align: left; padding: 8px; } .tb1 tr:nth-child(2n) {background-color: #dddddd; } .tb1 th {color: #01649c; } ul.bulletss li::before {content: "\f138"; font-family: FontAwesome; color: #ff6600; font-size: 23px !important; line-height: 25px; position: absolute; left: 0; top: 5px !important; } ul.list.sub::before {content: unset; } ul.list.sub li {border: unset; } .map_list.sub {padding: 5px 10% 0px 8%; } .small-img {text-align: center; margin-left: auto; margin-right: auto; display: inherit; } .small-ol.small-nos {margin: 0 13%; } .legacy {padding: 36px 0 20px; } .top-benefits {width: 100%; } .legacy .main-headings {margin-bottom: 5%; } .main-headings .line-icon {width: 10%; } .cta-last {background: #f8f8f8; padding: 3% 0; text-align: center; font-size: 16px; line-height: 30px; } .cta-last-button {margin-top: 2%; } .cta-last-button a {background: #d13f41; padding: .8%; color: #fff; border-radius: 10px; } .cta-last-button a::after {content: "\f0e0"; font-family: FontAwesome; padding-right: .5em; padding-left: 7px; } .cta-button.margin-5 {margin-top: 2%; } ul.map-list ul.bullets {padding: 5px 0% 5px 2%; } .sidebar-case .img_size1 {width: 100%; padding: 0; } @media screen and (max-width:768px) {section.intro-text {text-align: center; padding: 20px 11px; } .tabstyle-9 .responsive-tabs li {display: none !important; } } .full-img {padding-bottom: 25px; padding-top: 10px; } .full-img img.desc-img {width: 100%; height: auto; } .full-img figcaption {font-style: italic; font-size: 16px; color: rgba(13, 39, 111, 0.72); margin-top: 2px; margin-bottom: 0px; text-align: center; } .tab-navbar-main.bborder {border-bottom: 1px solid #f0f0f0; } ol.bullets-ol li .post_img img {width: 100%; } .rvideo {margin-bottom: 35px; } .header-section ul li ul li:hover>ul.row-fluid {width: 500px; display: table; float: left; } ul.row-fluid li.col-md-6 {width: 250px !important; } ul.quick-overview li a, ol.quick-overview li a {color: #363636; } ul.quick-overview li a:hover, ol.quick-overview li a:hover {color: #d13f41; } ul.bullets.quick-overview ul {margin-top: 10px; } ul.bullets.quick-overview li ol.small-ol li:before {content: counter(my-awesome-counter)"." !important; left: calc(-1 * var(--size) - 0px); } ul.bullets.quick-overview li ol.small-ol {padding-left: 50px !important; padding-top: 15px; padding-bottom: 0px; } .youtube-video-place img {width: 100%; } .case-study-img {margin-top: 30px; margin-bottom: 30px; } a.youtube i.fa-youtube {background: #FF0000; color: #ffffff !important; line-height: 35px; border: 1px solid #E60023 !important; } .button-box {display: flex; } ul.bullets.jump-link li ol.small-ol li:before {content: counter(my-awesome-counter)"." !important; } ul.bullets.jump-link li ol.small-ol li {padding: 0; } ul.bullets.jump-link li ol.small-ol {padding-left: 5%; padding-top: 10px; margin-bottom: 0px; padding-bottom: 0; } ul.bullets.jump-link li a, ol.small-ol.jump-link li a {border-bottom: 1px dotted #dedada; color: #0a58ca; } ul.bullets.jump-link li a:hover, ol.small-ol.jump-link li a:hover {color: #d13f41; } .tilt-left p a {background: transparent; display: inline; color: #49b2e2; height: auto; padding: 0; } ul.bullets.jump-link ul.bullets {padding: 0px 17px; } @media only screen and (max-width: 768px) {.site-wrapper {margin: 0px auto; } } .video-object-schema span {line-height: 0px; color: #ffffff; font-size: 0; margin: 0; padding: 0; display: block; } .video-object-schema iframe {width: 100%; height: 275px; } a.copy-button i {margin-left: 8px; font-size: 15px; } .small-ol.small-nos {margin: 0 13%; } .listing-list .row {border: unset !important; } .listing-list {padding: 20px 0 0; } .listing-list ul.bullets li {font-size: 15px; } .side-text .pe-title {text-align: left; } .side-image img {float: left; margin: 0 15px 2px 1px; width: 84px; border-radius: 5px 5px 5px 5px !important; } .sideimage-service-block {border: 1px solid #e6e6e6; margin: 1px; padding: 9px; background: #f4f4f4; margin-bottom: 25px; } .content_left.case a {color: #333333; } .content_left.case a:hover {color: #d13f41; } ul.map-list ul.bullets {padding: 5px 0% 5px 2%; } .cta-last-button {margin-top: 2%; } .cta-last-button a {background: #d13f41; padding: .8%; color: #fff; border-radius: 10px; } .cta-last-button a::after {content: "\f0e0"; font-family: FontAwesome; padding-right: .5em; padding-left: 7px; } .cta-button.margin-5 {margin-top: 2%; } .grabbing {cursor: url(grabbing.png) 8 8, move; } ol.bullets-ol li .post_img img {width: 100%; } .rvideo {margin-bottom: 35px; } ul.row-fluid li.col-md-6 {width: 250px !important; } .youtube-video-place img {width: 100%; } .case-study-img {margin-top: 30px; margin-bottom: 30px; } a.youtube i.fa-youtube {background: #FF0000; color: #ffffff !important; line-height: 35px; border: 1px solid #E60023 !important; } @media only screen and (max-width: 768px) {.site-wrapper {margin: 80px auto; } } .video-object-schema span {line-height: 0px; color: #ffffff; font-size: 0; margin: 0; padding: 0; display: block; } .video-object-schema iframe {width: 100%; height: 275px; } .unique-banner-img .video-object-schema iframe {width: 470px; } @media only screen and (max-width:768px) {section.text-content .row {display: block !important; } .site-wrapper {margin: 1px auto !important; } section.blog-title {background-image: none !important; } section.blog-title h1 {font-size: 30px !important; line-height: 1 !important; } } @media (max-width: 768px) {.section-side-image .container-fluid {padding: 0 15px 15px 0px; } p.info-text {display: inline-block; font-size: 11px !important; } .toplist li {padding: 0px 0px 0 0 !important; } ul.top-info {padding-inline-start: 0 !important; } ul.top-info li {padding-right: 0; } .mbutton a {background: #005092; font-size: 15px; width: 50%; text-align: center; padding: 3px 2px; color: #ffffff; } .mbutton a:hover {background: #000000; } .mbutton {display: flex; background: #005092; width: 100%; } a.button-1 {border-right: 2px solid #000000; } a.main-cta-button {display: none !important; } section.blog-title h1 {padding-right: 3% !important; padding-left: 3% !important; margin-bottom: 40px !important; } .img_size1 {padding: 0px 0% 0 0% !important; } ul.clist li {padding: 1px 16px !important; margin-top: 8px; } section.unique-banner, .home-video-background {padding: 0 15px 50px 0 !important; } .desc-img {width: 100% !important; } } ul li .post_img img {width: 100%; height: auto; } p.resource-title {font-size: 18px; margin-top: 11px; line-height: 24px; color: #323335; } section.blog-related-articles img {width: 100%; } .heading-container {background-color: white; padding: 32px 48px 32px 48px; border-radius: 12px; } .body-container {background: #ffffff; border-radius: 12px; padding: 28px 48px 28px 48px; } .content-row {margin-top: 30px; margin-bottom: 50px; } .recent-post-section {height: auto; width: auto; background-color: #ffffff; padding: 25px 10% 40px; border-radius: 12px; } .widget-section {margin-bottom: 20px; } .sidebar-blog-row {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2rem !important; } .popular_image {height: 100%; width: 30%; } .text_post {padding-left: 20px; margin-top: 0px; width: 70%; margin-bottom: auto; line-height: 22px; } .popular_image img {width: 100%; } p.sidebar-heading-text {font-size: 27px; padding: 10px 0px; text-transform: uppercase; } .text_post a {font-size: 16px; color: #363636; } .sidebar-blog-row:hover .text_post a {text-decoration: underline; color: #d13f41; } .category-section {padding: 25px 10% 25px; background: #ffffff; border-radius: 12px; margin-top: 4px; } ul.category-list li {border-bottom: 1px dashed #dbdbdb; padding: 11px; padding-inline-start: 0; } ul.category-list li:last-child {border: none; padding-bottom: 0; } ul.category-list {padding-inline-start: 3px; } ul.category-list li a {color: #363636; font-size: 16px; padding-left: 10px; } ul.category-list li:hover a {color: #d13f41; } .scta-section {background: #005092; padding: 45px; text-align: center; border-radius: 3px; } p.scta-text {color: #ffffff; font-size: 29px; line-height: 38px; text-align: center; margin-bottom: 30px; text-transform: uppercase; } .scta-section a {font-size: 18px; background: #d13f41; color: #ffffff; padding: 9px 30px; border-radius: 11px; margin-bottom: 30px; } .resource-sidebar {position: relative; width: 100%; } .sticky-sidebar {position: -webkit-sticky; position: sticky; top: 150px; } section.blog-title h1 {font-size: 52px; line-height: 1.1; padding-right: 25%; color: #ffffff; padding-left: 5%; margin-top: 123px; margin-bottom: 40px; } .img_size1 {padding: 0 0; width: 100%; } section.with-sidebar {font-size: 16px; line-height: 29px; } .fullwidth-blog {padding: 5px 0% 0; } h2.fullwidth-blog {margin-top: 20px; } ol.bullets-ol h2, ol.bullets-ol h3, ol.bullets-ol h4, ol.bullets-ol h5, ol.bullets-ol h6 {font-size: 26px; line-height: 30px; margin-bottom: 14px; font-style: normal; border-bottom: none; margin-top: 0px; } ol.bullets-ol li {margin: 0 0 26px 20px; counter-increment: my-awesome-counter; position: relative; } @media (min-width: 1100px) {.blog-title .container, .full-width .container {width: 1170px; } } section.blog-title h1 {font-size: 52px; line-height: 1.1; padding-right: 25%; color: #ffffff; padding-left: 0; margin-top: 123px; margin-bottom: 40px; } .blog-title-overlay {background: #001f38d1; padding-bottom: 80px; } ul.blist {display: flex; padding-inline-start: 0; flex-wrap: wrap; } ul.blist {display: flex; padding-inline-start: 0; flex-wrap: wrap; margin-bottom: 0px; } section.with-sidebar {font-size: 16px; line-height: 29px; margin-top: 50px; } .img_size1 {padding: 0 0; width: 100%; border: 1px solid #efefef; } p.caption-text {text-align: center; color: #d13f41; font-size: 15px; font-style: italic; margin-top: 5px; } .breadcrumb-row {border-top: 1px solid #d7d9db; border-bottom: 1px solid #d7d9db; margin-bottom: 20px; font-size: 14px; margin-right: 0px; margin-left: 0px; } p.resource-date, p.cat-name, p.read-time {display: inline; padding-right: 28px; color: #a19e9e; } p.cat-name i, p.resource-date i, .read-time i {padding-right: 8px; color: #d13f41; } .progress-container {width: 100%; height: 8px; background: #ccc; } .row.breadcrumb-row .col-md-7, .row.breadcrumb-row .col-md-5 {padding: 0px 5px 0px 0px; } #percent {font-size: 20px; text-transform: uppercase; text-align: center; position: fixed; height: 65px; line-height: 65px; width: 65px; right: 10px; top: 50%; color: #ffffff; background: #d13f41; border-radius: 50%; border: 2px solid #d13f41; } .wrapper-boxed {background: #eeeeee; } .meta-details {border-bottom: 1px dashed #d9d3d3; padding-bottom: 6px; margin-bottom: 12px; } .recent-resource-row a {color: #2e2e2e; line-height: 23px; } .recent-resource-row {border-bottom: 1px solid #d5d5d5; padding-bottom: 7px; padding-top: 8px; } .recent-resource-row:last-child {border-bottom: none; } .recent-resource-row:hover a {color: #d13f41; padding-bottom: 0px; } @media (min-width:1300px) {.container {max-width: 1200px !important; } } @media (min-width:1400px) {.container {max-width: 1300px !important; } } @media (min-width:1500px) {.container {max-width: 1450px !important; } } .activee {color: #d13f41 !important; font-weight: 600; } .with-sidebar .content-row {display: flex; } @media (max-width:991px) {.with-sidebar .content-row {display: block; } } ul.bullets.jump-link li ol.small-ol li:before {content: counter(my-awesome-counter)"." !important; left: -20px !important; display: flex; width: 10px; justify-content: center; } ul.bullets {margin-bottom: 30px !important; } ul.bullets.jump-link {margin-bottom: 0 !important; } p.rel-art-p {background: #f1f1f1; padding: 15px 25px; } @media screen and (min-height:600px) {.widget-section.recent-post-section.sticky-nav {overflow: auto; max-height: 500px !important; } } @media screen and (min-height:700px) {.widget-section.recent-post-section.sticky-nav {overflow: auto; max-height: 600px !important; } } @media screen and (min-height:800px) {.widget-section.recent-post-section.sticky-nav {overflow: auto; max-height: 700px !important; } } @media screen and (min-height:900px) {.widget-section.recent-post-section.sticky-nav {overflow: auto; max-height: 800px !important; } } @media screen and (min-height:1024px) {.widget-section.recent-post-section.sticky-nav {overflow: auto; max-height: 900px !important; } } @media screen and (max-width:768px) {h1, h2, p.sidebar-heading-text {font-size: 22px !important; line-height: 33px !important; } h3 {font-size: 20px !important; line-height: 30px !important; } .heading-container, .body-container {padding: 20px 25px !important; } .content-row {margin-top: 10px !important; } .widget-section.recent-post-section.sticky-nav {display: none; } } footer.main-footer {background-color: #2c3238; background-size: cover; background-repeat: no-repeat; background-attachment: inherit; background-position: center center; } .main-footer {background: #141415; padding: 50px 0px 0px; } footer .widget {padding: 15px 15px 14px 0px; margin-bottom: 13px; border-radius: 0; } footer .col-md-3 {border-right: 1px solid #68696a; width: 21%; } .ftitle h6, .ftitle .h5 {font-size: 18px; color: #ffffff; padding-bottom: 9px; } ul.quick-links.bullets {line-height: 1.8; margin-bottom: 0; padding-inline-start: 0; margin-top: 10px; } ul.quick-links.bullets li {position: relative; margin-bottom: 9px; padding-left: 0px; line-height: 22px; } ul.quick-links.bullets li:before {content: none !important; } ul.quick-links.bullets a, .post_holder a {color: #b9b9b9; font-size: 13px; border-bottom: none; } .post_holder {background: #383d42; margin-bottom: 12px; border-radius: 10px; line-height: 21px; padding: 10px; min-height: 65px; } .post_holder img {width: 60px; float: left; margin-right: 14px; height: 46px; border-radius: 5px; } .finfo-box-content {color: #e3e3e3; line-height: 13px; margin-top: 0px; font-size: 13px; } .flag.flag-in {background-position: -64px -66px; } .flag.flag-us {background-position: 0 -154px; } .flag.flag-england {background-position: -192px -33px; } .flag.flag-ae {background-position: -16px 0px; } .flag.flag-jo {background-position: -208px -66px; } .social-image {padding-top: 11px; margin-top: -9px; } ul.social_icon_st6 {padding: 0px; margin-top: 7px; } .social_icon_st6 li {padding: 0px; margin-right: 4px; display: inline; } ul.social_icon_st6 i {background: #58595b; color: #ffffff; width: 35px; height: 35px; line-height: 35px; text-align: center; border-radius: 25px; } .flag {display: inline-block; position: relative; margin-right: 6px; width: 16px; top: 2px; height: 11px; background-repeat: no-repeat; } select {-webkit-appearance: none; appearance: none; } @media screen and (min-width: 768px) {footer.main-footer .container {padding: 0; } } .copyright-border.container {padding: 21px 17px; border-top: 2px solid #777a7d; margin-top: 35px; padding-top: 25px !important; } .copyright-block p {color: #e3e3e3; font-size: 13px; line-height: 18px; margin-bottom: 30px; } .copyright-border.container a {color: #d13f41; } .copyright-border.container a:hover {color: #49b2e2; } @media screen and (min-width: 768px) {.copyright-block .col-md-3 {width: 25% !important; padding: 0 15px !important; border: none; float: right; text-align: right; align-items: flex-start; justify-content: center; } } .col-md-3.button-box {margin: 13px auto; } .iso-image img {border-radius: 50%; width:85px; height: 85px; margin-top: -15px; } .eti-image img {border-radius: 50%; width:80px; height: 80px; margin-top: -15px; } footer .col-md-3 {border-right: 1px solid #68696a; width: 22%; } footer .col-md-3:nth-child(2) {margin-left: auto; width: 25%; margin-right: auto; padding-left: 4%; } footer .col-md-3:nth-child(3) {width: 28%; margin-left: auto; margin-right: auto; padding: 0px 40px; } footer .col-md-3:nth-child(4) {width: 25%; margin-left: auto; margin-right: auto; border-right: 0; padding-left: 3%; } a.facebook i.fa-facebook {background: #3b5998; color: #ffffff !important; line-height: 35px; border: 1px solid #3b5998 !important; } a.twitter i.fa-twitter {background: #00acee; color: #ffffff !important; line-height: 35px; border: 1px solid #00acee !important; } a.in i.fa-linkedin {background: #0e76a8; color: #ffffff !important; line-height: 35px; border: 1px solid #0e76a8 !important; } a.pinterest i.fa-pinterest {background: #E60023; color: #ffffff !important; line-height: 35px; border: 1px solid #E60023 !important; } a.youtube i.fa-youtube {background: #FF0000; color: #ffffff !important; line-height: 35px; border: 1px solid #E60023 !important; } a.instagram i.fa-instagram {background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); background: -webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%); color: #ffffff !important; line-height: 35px; border: 1px solid #3f729b !important; } img.footer-logo {margin-top: -9px; } .author-box {border-radius: 9px; border: 4px solid #f3f3f3; padding: 20px 35px; margin: 0px 0px 20px; background: #f6f6f6; } .author-box a.in i.fa-linkedin {background: #0e76a8; color: #ffffff !important; line-height: 13px !important; border: 1px solid #0e76a8 !important; font-size: 17px; text-align: center; border-radius: 36px; padding: 5px; width: 28px; height: 28px; } .author-box .aheading {margin-top: 1px; font-size: 23px!important; line-height: 25px; font-weight: 500; } .author-box hr {padding: 0px 0px; margin: -6px 0px 6px; border-top: 2px solid #c7c7c7; } .social_icon_st6 li svg {width: 35px !important; color: #ffffff; height: 35px; background: black; border-radius: 19px; padding: 8px; margin-top: -3px; } .post_img img {width: 100%; height: auto; } ul.map-list li h3 a, ol.bullets-ol li h3 a  {border-bottom: 1px dotted; } ul.map-list li h3 a:hover {border-bottom: 1px dotted #0a58ca; color: #0a58ca; } ol.bullets-ol li ul.bullets li{margin: 0 0 3px 20px; counter-increment: none; position: relative; } ol.bullets-ol li ul.bullets li:before {top: 4px; } .color-cta a {color: #fff !important; background: #d13f41; padding: 11px 17px !important; border-radius: 9px; font-size: 14px; } .color-cta {margin-bottom: 33px; } .blog-sm-img img {width: 100%; padding: 0px 25px 25px; } ul.bullets.jump-link li {margin-bottom: 3px; } .accordion-button:not(.collapsed) {color: #d14042; background-color: #ffffff; box-shadow: none; font-weight: 600; font-size: 1.1em; } .accordion-body {padding: 0rem 1.25rem 1em; text-align: justify; } .accordion-button {padding: 1rem 1.25rem 0; } .accordion-button::after {content: "\f067"; font-family: FontAwesome; background-image: none; } .accordion-button:not(.collapsed)::after {background-image: none; content: "\f00d"; font-family: FontAwesome; transform: rotate(-180deg); } p.accordion-button {font-weight: 500; } .accordion-item {padding: 10px 0; } .accordion-flush .accordion-item:last-child {border-bottom: 1px solid rgba(0,0,0,.125); } .accordion-item {padding: 0px 0; } p{text-align: justify!important;}.topbar.light {padding-bottom: 11px;}