@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 } 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: #ffffff; } ul.blist li:after {content: "\f105"; font-family: FontAwesome; color: #ffffff; 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%; } } 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; } .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; } .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; } .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; } .left {text-align: left; } .center {text-align: center; } .inner-intro {padding: 45px 0; background: #ffffff; } 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; } 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; } 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: 0px; } 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: 36px; 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: 25px 0 10px; 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; } section.breadcrumb-service {background: #f1f1f1; padding: 4px 0 4px 0; } section.breadcrumb-service ul.blist {margin-bottom: 0px; padding-left: 7%; } 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%; } ul.map-list ul.bullets {padding: 5px 0% 5px 2%; } @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; } .small-ol.small-nos {margin: 0 13%; } ul.map-list ul.bullets {padding: 5px 0% 5px 2%; } @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; } 
	 .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% 10px; border-radius: 12px; } .widget-section {margin-bottom: 20px; } .sidebar-blog-row {display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 2rem !important; }  .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; }   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; } section.landing-page-banner-color {background: #d13f41; padding: 40px 0px 40px 0px; } .landing-banner-color-text h1, .landing-banner-color-text p {color: #ffffff; } .service-page-form {padding: 10px 30px 30px; background: #e7e7e7; border-radius: 10px; margin-bottom: 20px; } .form_div {position: relative; height: 2.7em; margin-bottom: .8em; } .form_input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; font-size: 1em; border: .1em solid #dfdfdf; border-radius: .5em; outline: none; padding: 0 1em; z-index: 1; color: #4b4b4c; background: white; } .form_textarea {position: absolute; top: 0; left: 0; width: 100%; height: 75px; font-size: 1em; border: .1em solid #dfdfdf; border-radius: .5em; outline: none; padding: 10px 1em; z-index: 1; background: white; color: #4c4c4c; } .form_div.textarea-div {height: 75px; } .form_button {width: auto; padding: .35em 1em; outline: none; background-color: #d13f41; color: #ffffff; font-size: 1.2em; border-radius: .5em; transition: .4s; margin-top: 3.2em; border: none; } .form_button:hover {transform: scale(.9); box-shadow: 0 5px 5px rgba(0, 0, 0, .2); } .form_input:focus, .form_textarea:focus {border: .1em solid #1ca4f8; } #captcha .preview, #captcha-pop .preview1 {color: #142379; width: 100%; text-align: center; height: 48px; line-height: 44px; letter-spacing: 5px; border: 1px dashed #64b5b7; border-radius: .5em; margin-bottom: .6em; background: #abd5d6; font-size: 28px; font-weight: 900; } .form_input_captcha {position: relative; top: 0; left: 0; width: 100%; height: 100%; font-size: 1em; border: .1em solid #dfdfdf; border-radius: .5em; outline: none; padding: 1em; z-index: 1; background: #ffffff; } .form_input_captcha:focus {border: .1em solid #1ca4f8; } #captcha .preview span, #captcha-pop .preview1 span {display: inline-block; user-select: none; } #captcha .captcha_form, #captcha-pop .captcha_form {display: flex; } #captcha .captcha_form input, #captcha-pop .captcha_form input {width: 100%; height: 45px; font-size: 1em; border-radius: .5em; outline: none; color: #4b4b4c; padding: 0 15px 0; z-index: 1; } #captcha .captcha_form .captcha_refresh, #captcha-pop .captcha_form .captcha_refresh1 {width: 40px; border: none; outline: none; background: #888; color: #eee; cursor: pointer; border-radius: .5em; margin-left: 5px; } .captcha_refresh, .captcha_refresh1 {transition: .4s; } .captcha_refresh:hover, .captcha_refresh1:hover {transition: .4s; transform: scale(.9); } #fail, .p1, .p2, .p4, .p5, .p6 {display: none; color: #ff0000; font-size: 9px; position: absolute; top: 44px; margin-bottom: 24px; } .p5 {top: 74px; } .title p {font-size: 1.7em; margin-bottom: 0px; text-align: left;} .case-feature-box {position: relative; margin-bottom: 5px; } .case-feature-box img {height: 100%; width: 100%; border-radius: 10px; } .case-feature-box .distext {position: absolute; left: 10%; right: 10%; bottom: 30px; text-decoration: none; } .case-feature-box h3, .case-feature-box p {color: #ffffff; } @media screen and (max-width: 1024px) {.case-feature-box .distext {left: 5%; right: 5%; } } .color-overlay {position: absolute; top: 0; bottom: 0; background: rgba(0, 0, 0, 0.5); width: 100%; border-radius: 10px; } .case-feature-box a {color: #d13f41; font-weight: 700; font-size: 19px; } .case-feature-box a i {font-size: 14px; } .case-feature-box a:hover {color: #ffffff; } .link-hover-bline1 {height: 1px; width: 0px; background-color: #ffffff; transition: width 0.3s; -webkit-transition: width 0.3s; } a:hover .link-hover-bline1 {width: 100%; } .service-cta-section.without-video-cta {background: #d13f41; text-align: center; padding-top: 35px; padding-bottom: 45px; } .service-cta-section p {color: #ffffff; margin-bottom: 30px; padding: 0px 30px; } .cta-heading {font-size: 35px; font-weight: 600; margin-bottom: 10px !important; } .service-cta-button {margin-top: 10px; } .service-cta-button a {background: #ffffff; padding: 10px 20px; border-radius: 8px; }.inner-intro-text {padding: 0px 20px 0 0;}
section.hoverlay-layer {
    height: 215px;
    position: relative;
}
.hoverlay {
    height: 215px;
    background: #000000c4;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.hoverlay h1 {
    color: #ffffff;
}
.form_label {
    position: absolute;
    left: 1em;
    top: .7em;
    padding: 0 .25em;
    color: #000000;
    transition: .4s;
    z-index: 0;
}
.form_input:focus+.form_label,.form_textarea:focus+.form_label {
    top: -.7em;
    left: .8em;
    padding: 1px 7px;
    color: #565656;
    background: #fff;
    font-size: .8em;
    font-weight: 600;
    z-index: 5;
    border-radius: 5px;
}

.form_input:not(:placeholder-shown).form_input:not(:focus)+.form_label {
    top: -.5em;
    left: .8em;
    font-size: .7em;
    font-weight: 600;
    z-index: 5;
    background: #ffffff;
    padding: 0px 12px;
    border-radius: 3px;
    color: #000000;
}

.form_textarea:not(:placeholder-shown).form_textarea:not(:focus)+.form_label {
    top: -.5em;
    left: .8em;
    font-size: .7em;
    font-weight: 600;
    z-index: 5;
    background: #ffffff;
    padding: 0px 12px;
    border-radius: 3px;
    color: #000000;
}
.contact-form .service-page-form .form_label_captcha {position: absolute; left: 1em; top: 4.5em; padding: 0 .25em; color: #000000; transition: .4s; z-index: 0; } 
.contact-form .service-page-form .form_input_captcha:focus+.form_label_captcha {top: 4.1em; left: .8em; padding: 1px 7px; color: #565656; background: #ffffff; font-size: .8em; font-weight: 600; z-index: 5; border-radius: 5px; } 
.contact-form .service-page-form .form_input_captcha:not(:placeholder-shown).form_input_captcha:not(:focus)+.form_label_captcha {top: 4.2em; left: .8em; font-size: .8em; font-weight: 600; z-index: 5; } 
.contact-form .service-page-form {
    padding: 60px 50px 70px;
}
.contact-form .service-page-form .form_input, .contact-form .service-page-form .form_textarea, .contact-form .service-page-form .form_input_captcha {
    background: rgb(255 255 255 / 36%);
}
.contact-form .service-page-form .form_textarea {
    height: 120px;
}
.contact-form .service-page-form .form_div {
    height: 3.1em;
}
.address-box {
    padding: 28px;
    color: #e2e2e2;
    background: #d13f41;
    margin-bottom: 1px;
}
section.contact-page {
    margin-top: 50px;
}
.address-box {
    padding: 15px 28px;
    color: #ffffff;
    background: #d13f41;
}
.contact-form .service-page-form #captcha .preview {
    height: 54px;
    line-height: 52px;
    font-size: 30px;
}
.contact-form .service-page-form #captcha .captcha_form input, .contact-form .service-page-form #captcha-pop .captcha_form input {
    height: 52px;
}
.contact-form .service-page-form #fail, .contact-form .service-page-form .p1, .contact-form .service-page-form .p2, .contact-form .service-page-form .p4, .contact-form .service-page-form .p5, .contact-form .service-page-form .p6 {
    top: 51px;
}
p#returnmessage {
    color: green;
    font-weight: 600;
}
.contact-form .service-page p#returnmessage{
	font-size: 20px;
}
.call_to_action {
    border: 2px solid #e9e9e9cc;
    padding: 32px 40px;
    border-radius: 5px;
    background: #ffffffd4;
    margin-bottom: 15px;
}
.call_to_action .left, .inner-intro-case {
    text-align: justify;
}
span.title_big {
    color: #333333;
    font-size: 25px;
}
.inner-intro-case {
    text-align: justify;
    margin: 35px 0 50px;
      font-size: 16px;
    line-height: 28px;
}
.content_left {
    margin-right: 30px;
}
.col-md-3.right-sidebar {
    padding-left: 0;
}
.call_to_action p {
    margin: 12px 0px;
}
p.p-test {
    margin: 0px;
    color: #333333;
}
p.p-test span {
    font-size: 15px;
}
ul.case-list li {
    border-bottom: 1px dashed #dbdbdb;
    padding: 11px;
    padding-inline-start: 0;
    text-align: left;
}
ul.case-list li:last-child{
	border-bottom: none;
}
ul.case-list {
    padding-inline-start: 2px;
    margin-top: 10px;
}
.widget-section .accordion-button {
    padding: 1rem 0rem 0;
}
.widget-section .accordion-body {
    padding: 0rem 0rem 1em;
    text-align: left;
}
.widget-section .accordion-body ul.bullets li a{
color:#212529;
}
.widget-section .accordion-body ul.bullets li a:hover{
color: #0a58ca;
}
.widget-section .accordion-flush .accordion-item:last-child {
    border-bottom: 0px solid rgba(0, 0, 0, .125);
}
section.industries-we-support {
    padding: 50px;
    background: #f8f8f8;
}
.clipping {
    background: #ffffff;
    border: 1px solid #f1f1fd;
    flex-direction: column;
    display: flex;
    text-align: center;
    align-items: center;
    padding: 15px;
    justify-content: center;
}
img.small-img {
    padding-right: 15px;
    color: #f73859;
    font-size: 30px;
    float: left;
    font-weight: 100;
    padding-right: 15px;
    display: flex;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
}
.clipping p {
    margin-top: 12px;
}
.sticky-sidebar {
    position: -webkit-sticky;
    position: sticky;
    top: 150px;
}
.resource-sidebar {
    position: relative;
    width: 100%;
}
.testimonial-main-block {
    background: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 15px 25px;
    margin: 0 0 15px 0;
    border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #cac9c9;
}
.testimonial-main-block {
    background: #ffffff;
    width: 100%;
    float: left;
    position: relative;
    padding: 30px 40px;
    margin: 0 0 15px 0;
    border-radius: 0px;
    box-shadow: 0px 0px 3px 0px #cac9c9;
}

div.button a:after {
    content: "\f101";
    font-family: FontAwesome;
    padding: 0px 7px;
}

.testimonial-main-block:after {
    content: "\f10d";
    font-family: FontAwesome;
    text-decoration: inherit;
    color: rgba(247, 56, 89, 0.2);
    font-size: 68px;
    padding-right: 0.5em;
    position: absolute;
    bottom: -27px;
    right: -34px;
}
.testimonial-main-block .title_big {
    color: #d13f41;
    font-weight: 600;
    padding-bottom: 100px;
}
.testimonial-main-block p {
    margin-top: 12px;
}
.button a {
    color: #0d6efd;
    font-weight: 600;
}
.button a:hover{
	color : #d13f41;
}
.case-box {
    padding: 30px 40px 20px;
    background: #fdfdfd;
    margin-bottom: 20px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
.case-box ul.bullets li a {
    color: #363636;
}
.case-box ul.bullets li a:hover{
	color: #0d6efd;
}
h2.case-heading {
    font-size: 1.7em;
    margin-bottom: 8px;
}
section.inner-intro-case.case-study-page {
    background: #ffffff;
    margin: 0;
    padding:45px 0 65px;
}
a.btn-cta {
    color: #ffffff;
    background: #d13f41;
    padding: 12px 35px;
    border-radius: 10px;
    font-weight: 600;
}
a.btn-cta:hover{
	background: #2c3238;
}
.case-study-img img {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
}
section.inner-intro-case.case-study-page .recent-post-section {
   border: 1px solid #e2e2e2;
}
.award_holder {
    display: flex;
    width: 100%;
    padding: 35px 45px 30px 35px;
    border-radius: 10px;
    margin: 27px 0px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.award_holder p.acase-heading {
    font-size: 24px;
    font-weight: 500;
    text-align: left;
    margin-bottom: 10px;
}
.award_holder .img {
    width: 15%;
    padding-right: 35px;
    margin: 0px;
}

.award_holder .case-heading {
    font-size: 21px;
}
.award_holder p {
    margin-bottom: 7px;
}
.award_holder .text {
    width: 85%;
    padding: 0;
    margin: -6px;
}
section.blog-title {
    padding-top: 70px;
    background-color: #c1c1c173;
    padding-bottom: 70px;
    background-image: url(../images/resource-bg.png);
    background-size: contain;
}
section.blog-title h1 {
    font-size: 52px;
}
section.faq-page {
    margin: 60px 0px;
}
section.faq-page  .accordion-item {
    padding: 0px 0;
    margin-bottom: 10px;
}
.accordion-button {
    font-size: 1.1rem;
}
.blog-title ul.blist li, section.with-sidebar ul.blist li{ color: #333333; }
.blog-title ul.blist li:after, section.with-sidebar ul.blist li:after { color: #d13f41;; }
section.terms-page.sitemap a {
    color: #333333;
}
section.terms-page.sitemap a:hover {
    color: #0a58ca;
}
section.terms-page.sitemap {
    padding: 49px 0px;
    background: #f6f6f6;
}
section.terms-page.sitemap h2 {
    margin-bottom: 20px;
}
section.terms-page.sitemap .terms {
    background: #ffffff;
    padding: 35px 45px;
}
.resorce-main-page {
    padding: 24px 0;
}

.latest-post-section {
    background: #ffffff;
    border-radius: 10px;
}

.latest-post {
    border: 1px solid  #d7d7d7;
    border-radius: 12px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}

.latest-post:hover a {
    border-bottom: 1px dashed;
    color: #d13f41;
}

.latest-post img {
    border-radius: 12px;
    width: 25%;
    margin-right: 10px;
    min-height: 125px;
}
.sidebar-blog-row:last-child {
    padding-bottom: 30px;
}
p.res-heading {
    line-height: 21px !important;
    color: #000000;
    font-weight: 600;
    margin-bottom: 4px !important;
}
p.description {
    margin-bottom: 0;
    font-size: 1em !important;
    line-height: 1.4em !important;
}

p.res-heading a {
    color: #000000;
}

.latest-post-text {
    padding: 0px 10px;
}

.res-pagination a {
    background: #ffffff;
    box-shadow: 0px 0px 10px 0px #d5d5d5;
    padding: 10px 15px;
    margin-right: 2px;
    margin-top: 13px;
    color: #d13f41;
    font-weight: 600;
}

.res-pagination a:hover, .res-pagination a.active {
    background: #d13f41;
    color: #ffffff;
}

.res-pagination {
    margin-top: 35px;
    text-align: center;
}
.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: 5px;
    width: 70%;
    margin-bottom: auto;
}

.popular_image img {
    width: 100%;
}
@media screen and (max-width: 768px) {
    .latest-post img {
        width: 100% !important;
        padding-bottom: 11px;
    }

    .latest-post {
        display: block !important;
    }

    .res-pagination a {
        padding: 4px 6px !important;
        margin-right: 2px;
    }
}

@media screen and (max-width: 991px){
	.contact-form .service-page-form {
    padding: 30px 27px 30px;
}
}
@media (min-width: 768px){
.inner-intro-case .col-md-3.right-sidebar, .inner-intro .col-md-3.right-sidebar{
    flex: 0 0 auto;
    width: 28%;
}
.inner-intro-case .col-md-9, .inner-intro .col-md-9 {
    flex: 0 0 auto;
    width: 72%;
}
}



section.other-page-contact {
    background: #d13f41;
    padding: 40px 0;
}
section.other-page-contact .service-page-form {
    padding: 0;
    background: #e7e7e700;
    margin-bottom: 0;
}
section.other-page-contact .col-md-6.text-col {
    display: flex;
    align-items: center;
}

section.other-page-contact .form-section-text h2 {
    color: #fff;
    font-size: 40px;
    margin-bottom: 13px;
}

section.other-page-contact .form-section-text {
    color: #fff;
    padding-right: 30px;
}

section.other-page-contact .form_div {
    position: relative;
    height: 3em;
    margin-bottom: 1.4em;
}

section.other-page-contact .form_input {
    border: .1em solid #dadce0;
    color: #fff;
    background: transparent;
}

section.other-page-contact select#country option {
    background: #d13f41;
}

section.other-page-contact .form_textarea {
    height: 115px;
    border: .1em solid #dadce0;
    background: transparent;
    color: #ffffff;
}

section.other-page-contact .form_label {
    position: absolute;
    left: 1em;
    top: .7em;
    padding: 0 .25em;
    color: #fff;
    transition: .4s;
    z-index: 0;
}

section.other-page-contact .form_button {
    background-color: #fff;
    color: #231d70;
}

section.other-page-contact .form_button:hover {
    transform: scale(.9);
    box-shadow: 0 5px 5px rgba(0,0,0,.2);
}

section.other-page-contact .form_input:focus+.form_label, section.other-page-contact .form_textarea:focus+.form_label {
    top: -.7em;
    left: .8em;
    padding: 1px 7px;
    color: #565656;
    background: #fff;
    font-size: .8em;
    font-weight: 600;
    z-index: 5;
    border-radius: 5px;
}

section.other-page-contact .form_input:not(:placeholder-shown).form_input:not(:focus)+.form_label {
    top: -.5em;
    left: .8em;
    font-size: .7em;
    font-weight: 600;
    z-index: 5;
    background: #ffffff;
    padding: 0px 12px;
    border-radius: 3px;
    color: #000000;
}

section.other-page-contact .form_textarea:not(:placeholder-shown).form_textarea:not(:focus)+.form_label {
    top: -.5em;
    left: .8em;
    font-size: .7em;
    font-weight: 600;
    z-index: 5;
    background: #ffffff;
    padding: 0px 12px;
    border-radius: 3px;
    color: #000000;
}

section.other-page-contact .form_input:focus,.form_textarea:focus {
    border: .1em solid #1ca4f8;
}

section.other-page-contact #captcha .preview {
    height: 52px;
    line-height: 52px;
}
section.other-page-contact .form_input_captcha {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 1em;
    border: .1em solid #dadce0;
    border-radius: .5em;
    outline: none;
    padding: 1em;
    z-index: 1;
    background: 0 0;
}

section.other-page-contact .form_label_captcha {
    position: absolute;
    left: 1em;
    top: 4.4em;
    padding: 0 .25em;
    color: #fff;
    transition: .4s;
    z-index: 0;
}

section.other-page-contact .form_input_captcha:focus+.form_label_captcha {
    top: 4.1em;
    left: .8em;
    padding: 1px 7px;
    color: #565656;
    background: #fff;
    font-size: .8em;
    font-weight: 600;
    z-index: 5;
    border-radius: 5px;
}

section.other-page-contact .form_input_captcha:not(:placeholder-shown).form_input_captcha:not(:focus)+.form_label_captcha {
        top: 5em;
    left: .8em;
    font-size: .7em;
    font-weight: 600;
    z-index: 5;
    background: #ffffff;
    padding: 0px 12px;
    border-radius: 3px;
    color: #000000;
}

section.other-page-contact .form_input_captcha:focus {
    border: .1em solid #1ca4f8;
}
section.other-page-contact #captcha .captcha_form input {
    height: 49px;
    color: #ffffff;
    padding: 0 20px 0;
}
section.other-page-contact #fail, section.other-page-contact .p1, section.other-page-contact .p2, section.other-page-contact .p4, section.other-page-contact .p5, section.other-page-contact .p6 {
    display: none;
    color: #ffee00;
    font-size: 9px;
    position: absolute;
    top: 51px;
    margin-bottom: 24px;
}
section.other-page-contact .p5{
	top: 115px;
}
a.m-link:after {
    content: "\f0d7";
    font-family: FontAwesome;
    font-size: 12px;
    color: #616161;
    padding-left: 5px;
}
p.res-heading a {
    font-size: 18px;
    border-bottom: none;
}
.blog-archive {
    padding: 60px 0;
    background: #ffffff;
    margin-top: -8px;
}
.blog-box {
border: 1px solid #d7d7d7;
    border-radius: 12px;
    margin-bottom: 22px;
    display: flex;
    align-items: center;
}

.blog-box img {
 border-radius: 12px;
    width: 25%;
    margin-right: 10px;
    min-height: 125px;
}
.blog-box-text {
    padding: 15px 25px;
}
.blog-box-text p {
    font-size: 18px;
    line-height: 25px;
    color: #3e3e3e;
    margin-bottom: 20px;
}
.blog-box-text a {
    background: #d13f41;
    padding: 4px 12px;
    color: #ffffff;
    border-radius: 5px;
}
.widget-sidebar {
    border: 1px solid #f1f1f1;
    background: #f8f8f8;
    color: #000000;
    padding: 8px 20px;
    margin-bottom: 20px;
    margin-left: 25px;
}
.blog-pagination {
    text-align: center;
}
.blog-pagination a.disabled {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
    background: #a7a7a7;
}
.blog-pagination a {
    background: #d13f41;
    padding: 11px 29px;
    border-radius: 6px;
    color: #ffffff;
    margin-right: 11px;
}
.blog-side-img li {
    line-height: 1.5;
}
section.error-page {
    text-align: center;
    padding: 30px;
}
section.error-page h1 {
    margin-top: 17px;
}
section.error-page p {
    font-size: 18px;
    padding-bottom: 15px;
}
section.unique-slider {
    position: relative;
}
.graphic-slide img {
    width: 100%;
}
.slider-heading {
    z-index: 2;
    background: rgba(0,0,0,.7);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding: 20px;
    width: 100%;
    height: 100%;
}

.contact-section {
    position: fixed;
    border-radius: 4px;
    right: -55px;
    z-index: 9999;
    transform: rotate(90deg);
    top: 50%;
    background: #005092;
    width: 152px;
    height: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
a#get-started {
    color: #ffffff;
    font-size: 19px;
    text-transform: uppercase;
}
#popup-container {
    position: fixed;
    z-index: 9990;
    margin: 0 auto;
    top: 15%;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 600px;
    display: none;
}
#popup-container .modal-content {
    background-color: #005092;
    padding: 30px 30px 20px;
}
button.close {
    text-align: center;
    background: #fff;
    width: 21px;
}
div#popup-container .sub-intro-form {
    background: 0 0;
    padding: 0 20px;
}
.slider-heading h1 {
    margin-top: 2px;
    padding: 5% 15% 0;
    font-size: 47px;
    line-height: 60px;
    color: #fff;
}
.unique-slider .breadcrumbs ul.blist {
    justify-content: center;
}

.portfolio .main-headings {
    text-align: center;
    padding: 0px 100px;
}
section#Portfolio {
    padding-top: 30px;
    padding-bottom: 50px;
}
.cbp {
    position: relative;
    margin: 0 auto;
    z-index: 1;
    height: 400px;
}
.cbp, .cbp *, .cbp:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .cbp:after {content: ''; position: absolute; width: 34px; height: 34px; left: 0; right: 0; top: 0; bottom: 0; margin: auto; -webkit-animation: cbp-rotation .8s infinite linear; animation: cbp-rotation .8s infinite linear; border-left: 3px solid rgba(114, 144, 182, .15); border-right: 3px solid rgba(114, 144, 182, .15); border-bottom: 3px solid rgba(114, 144, 182, .15); border-top: 3px solid rgba(114, 144, 182, .8); border-radius: 100% } .cbp-item {display: inline-block; margin: 0 10px 20px 0 } .cbp {position: relative; margin: 0 auto; z-index: 1; height: 400px } .cbp .cbp-item {position: absolute; top: 0; left: 0; list-style-type: none; margin: 0; padding: 10px; overflow: hidden } .cbp img {display: block; border: 0; width: 100%; height: auto } .cbp a, .cbp a:active, .cbp a:hover {text-decoration: none; outline: 0 } .cbp-wrapper-outer {overflow: hidden; position: relative; margin: 0 auto } .cbp-wrapper, .cbp-wrapper-helper, .cbp-wrapper-outer {list-style-type: none; padding: 0; width: 100%; height: 100%; z-index: 1 } .cbp-wrapper, .cbp-wrapper-helper {position: absolute; top: 0; left: 0; margin: 0 }  .cbp-item-wrapper {width: 100%; height: 100%; position: relative; top: 0; left: 0 } .cbp-panel {width: 94%; max-width: 1170px; margin: 0 auto } .cbp-caption, .cbp-caption-activeWrap, .cbp-caption-defaultWrap {display: block } .cbp-caption-activeWrap {background-color: #282727 } .cbp-caption-active .cbp-caption, .cbp-caption-active .cbp-caption-activeWrap, .cbp-caption-active .cbp-caption-defaultWrap {overflow: hidden; position: relative; z-index: 1 }
 .cbp-caption-active .cbp-caption-defaultWrap {top: 0 } .cbp-caption-active .cbp-caption-activeWrap {width: 100%; position: absolute; z-index: 2; height: 100% } .cbp-l-caption-title, .cbp-l-caption-desc {color: #fff; } .cbp-l-caption-text {color: #fff; letter-spacing: 3px; padding: 0 6px } .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {background-color: #f73859; color: #fff; display: inline-block; min-width: 90px; text-align: center; margin: 4px; padding: 0 6px } .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {opacity: .9 }
 .cbp-caption-none .cbp-caption-activeWrap {display: none } .cbp-l-caption-alignLeft .cbp-l-caption-body {padding: 12px 30px } .cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body {padding-top: 30px } .cbp-l-caption-alignCenter {display: table; width: 100%; height: 100% } .cbp-l-caption-alignCenter .cbp-l-caption-body {display: table-cell; vertical-align: middle; text-align: center; padding: 10px 0 } .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {position: relative; -webkit-transition: left .4s cubic-bezier(.19, 1, .22, 1); transition: left .4s cubic-bezier(.19, 1, .22, 1) } .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption:hover .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {left: 0 } .cbp-caption-fadeIn .cbp-caption-activeWrap {opacity: 0; top: 0; background-color: rgba(0, 0, 0, .85); -webkit-transition: opacity .9s cubic-bezier(.19, 1, .22, 1); transition: opacity .9s cubic-bezier(.19, 1, .22, 1) } .cbp-caption-fadeIn .cbp-caption:hover .cbp-caption-activeWrap {opacity: 1 } .cbp-lightbox img {display: block; border: 0; width: 100%; height: auto } .cbp-popup-ie8bg {position: absolute; width: 100%; height: 100%; min-height: 100%; top: 0; left: 0; z-index: -1; background: #000 } .cbp-popup-wrap {height: 100%; text-align: center; position: fixed; width: 100%; left: 0; top: 0; display: none; overflow-y: hidden; -webkit-overflow-scrolling: touch; overflow-x: hidden; z-index: 9990; padding: 0 10px } .cbp-popup-wrap video {outline: 0 none } .cbp-popup-lightbox {background: rgba(0, 0, 0, .8); display: flex; justify-content: center; align-items: center } .cbp-popup-wrap:before {content: ""; display: inline-block; height: 100%; vertical-align: middle } .cbp-popup-content {position: relative; display: inline-block; vertical-align: middle; text-align: left; max-width: 100% } .cbp-popup-lightbox-figure {position: relative } .cbp-popup-lightbox-bottom {left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px } .cbp-popup-lightbox-title {padding-right: 70px; color: #eee } .cbp-popup-lightbox-counter {position: absolute; top: 0; right: 0; color: #eee } .cbp-popup-lightbox-img {width: auto; max-width: 100%; height: auto; display: block; margin: 40px 0 40px; box-shadow: 0 0 8px rgba(0, 0, 0, .6) } .cbp-popup-lightbox-img[data-action] {cursor: pointer } .cbp-popup-lightbox-isIframe .cbp-popup-content {width: 75% } @media only screen and (max-width:768px) {.cbp-popup-lightbox-isIframe .cbp-popup-content {width: 95% } } .cbp-popup-lightbox-isIframe .cbp-lightbox-bottom {left: 0; position: absolute; top: 100%; width: 100%; margin-top: 3px } .cbp-popup-lightbox-iframe {position: relative; height: 0; padding-bottom: 56.25%; background: #000 } .cbp-popup-lightbox-iframe iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, .6) } .cbp-popup-close, .cbp-popup-next, .cbp-popup-prev {padding: 0; border: medium none; position: absolute; cursor: pointer; outline: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .cbp-popup-lightbox .cbp-popup-prev {background: url(../js/cubeportfolio/cbp-sprite.png) no-repeat scroll 0 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; left: 20px; margin: auto } .cbp-popup-lightbox .cbp-popup-prev:hover {background-position: 0 -46px } .cbp-popup-lightbox .cbp-popup-next {background: url(../js/cubeportfolio/cbp-sprite.png) no-repeat scroll -46px 0 transparent; width: 44px; height: 44px; top: 0; bottom: 0; right: 20px; margin: auto } .cbp-popup-lightbox .cbp-popup-next:hover {background-position: -46px -46px } .cbp-popup-lightbox .cbp-popup-close {background: url(../js/cubeportfolio/cbp-sprite.png) no-repeat scroll -92px 0 transparent; height: 40px; width: 40px; right: 20px; top: 20px } .cbp-popup-lightbox .cbp-popup-close:hover {background-position: -92px -46px } 
 @media only screen and (max-width:360px), (max-height:600px) {.cbp-popup-close, .cbp-popup-next, .cbp-popup-prev {-ms-transform: scale(.8); -webkit-transform: scale(.8); transform: scale(.8) } .cbp-popup-lightbox .cbp-popup-close {right: 10px; top: 10px } .cbp-popup-lightbox .cbp-popup-next {right: 10px } .cbp-popup-lightbox .cbp-popup-prev {left: 10px } } .cbp-popup-loadingBox {width: 100%; height: 100%; position: absolute; top: 0; left: 0 } .cbp-popup-lightbox .cbp-popup-loadingBox:after {border-left: 3px solid rgba(255, 255, 255, .3); border-right: 3px solid rgba(255, 255, 255, .3); border-bottom: 3px solid rgba(255, 255, 255, .3); border-top: 3px solid rgba(255, 255, 255, .85) } .cbp-popup-ready .cbp-popup-loadingBox { display: none } .cbp-popup-transitionend {overflow-y: scroll } .cbp-l-grid-mosaic-flat .cbp-caption-activeWrap {background-color: rgba(0, 80, 146, .7) } .cbp-l-grid-mosaic-flat .cbp-l-caption-title {color: #fff; font-size: 16px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; display: inline-block }
 .cbp:after{content:none!important}
 .video-object-schema span {
    line-height: 0px;
    color: #ffffff;
    font-size: 0;
    margin: 0;
    padding: 0;
    display: block;
}
section.unique-slider.product {
    position: relative;
    height: 100% !important;
}
section.unique-slider.product .slider-heading {
    z-index: 2;
    background: rgba(0, 0, 0, 0.7);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 20px;
    width: 100%;
    height: 100%;
}
section.unique-slider.product .slider-heading h1 {
    margin-top: 2px;
    padding: 4% 15% 0;
    font-size: 47px;
    line-height: 60px;
    color: rgb(255, 255, 255);
}
section.unique-slider.product .slider-heading p {
    color: white;
    font-size: 15px;
    padding: 0 20%;

}
.main-product {
    padding: 0px 20px;
    margin: 30px 0 60px 0px;
}
.main-product img {
    width: 100%;
    margin-top: 68px;
    box-shadow: 0px 6px 21px #c1bdbd;
}
.main-product-text {
    text-align: center;
    margin-top: 25px;
    padding: 20px 35px;
}
.main-product-text p {
    font-size: 19px;
    line-height: 31px;
        margin-bottom: 43px;
}
.main-product-text a {
    background: #d13f41;
    color: #ffffff;
    width: auto;
    padding: 13px 31px;
    border-radius: 6px;
}
.topbar.light {
    padding-bottom: 11px;
}