@font-face {
    font-family: "Conv_Melbourne_reg";
    src: url("../fonts/Melbourne_reg.eot");
    src: url("../fonts/Melbourne_regd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Melbourne_reg.woff") format("woff"), url("../fonts/Melbourne_reg.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Bold.eot");
    src: url("../fonts/Montserrat-Boldd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Bold.woff") format("woff"), url("../fonts/Montserrat-Bold.ttf") format("truetype");
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Medium.eot");
    src: url("../fonts/Montserrat-Mediumd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Medium.woff") format("woff"), url("../fonts/Montserrat-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Thin.eot");
    src: url("../fonts/Montserrat-Thind41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Thin.woff") format("woff"), url("../fonts/Montserrat-Thin.ttf") format("truetype");
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Regular.eot");
    src: url("../fonts/Montserrat-Regulard41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Regular.woff") format("woff"), url("../fonts/Montserrat-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-ExtraLight.eot");
    src: url("../fonts/Montserrat-ExtraLightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-ExtraLight.woff") format("woff"), url("../fonts/Montserrat-ExtraLight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: "Montserrat";
    src: url("../fonts/Montserrat-Light.eot");
    src: url("../fonts/Montserrat-Lightd41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Montserrat-Light.woff") format("woff"), url("../fonts/Montserrat-Light.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
}
body {
    margin: 0;
    font-weight: normal;
    background-color: #fff;
    overflow-x: hidden;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
}
body .modal-open {
    margin-right: 0;
}
.modal-backdrop.in {
    opacity: 0.8;
}
.wrapper {
    height: 100%;
    width: 100%;
    position: absolute;
}
.wrapper h1 {
    font-size: 52px;
    line-height: 60px;
    margin-bottom: 0px;
    font-weight: 200;
    font-family: "Montserrat";
}
@media screen and (max-width: 540px) {
    .wrapper h1 {
        font-size: 28px;
        line-height: 34px;
        font-weight: 500;
    }
}
.wrapper h2 {
    font-size: 30px;
    line-height: 52px;
    margin-bottom: 13px;
    font-weight: 500;
    font-family: "Montserrat";
}
@media screen and (max-width: 640px) {
    .wrapper h2 {
        font-size: 22px;
        line-height: 34px;
    }
}
.wrapper h3 {
    font-size: 32px;
    line-height: 46px;
    font-weight: 200;
    color: #000;
    margin-top: 25px;
    font-family: "Montserrat";
}
.wrapper h3.dark-green-color {
    color: #003594;
}
@media screen and (max-width: 768px) {
    .wrapper h3 {
        font-size: 28px;
        line-height: 36px;
    }
}
.wrapper h4 {
    font-size: 30px;
    line-height: 36px;
    font-weight: 200;
    font-family: "Montserrat";
    position: relative;
    display: inline-block;
}
.wrapper h4:after {
    content: "";
    background-image: url("../images/hafter.png");
    width: 8px;
    height: 14px;
    display: block;
    position: absolute;
    right: -25px;
    top: 13px;
}
.wrapper h5 {
    font-size: 25px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 200;
    font-family: "Montserrat";
}
.wrapper h6 {
    font-size: 22px;
    line-height: 26px;
    margin-bottom: 10px;
    font-weight: 200;
    font-family: "Montserrat";
}
.wrapper input,
.wrapper textarea,
.wrapper select {
    font-family: "Amethysta", arial;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 24px;
}
.wrapper select {
    cursor: pointer;
    padding: 5px 15px;
    border: 0;
    border-radius: 0;
    font-size: 14px;
    font-weight: 300;
    -webkit-appearance: none;
    height: 36px;
    -moz-appearance: none;
    text-indent: 0.01px;
    color: #fff;
    font-family: "Roboto", sans-serif;
    text-overflow: "";
    background-image: url("../images/selectdown.png");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 98% center;
    background-position: calc(100% - 15px) center;
    background-color: #fff;
    color: #38383c;
    outline: 0;
}
@media screen and (max-width: 540px) {
    .wrapper select {
        width: 100%;
    }
}
.wrapper select option {
    color: #38383c;
    padding: 5px 15px;
}
p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 20px;
}
p a {
    text-decoration: none;
}
@media screen and (max-width: 768px) {
    p {
        line-height: 26px;
        font-size: 15px;
    }
}
a {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
    outline: 0;
}
a:focus {
    outline: 0 !important;
}
.edit-mode .ui-dialog a {
    color: #000;
}
ul {
    padding-left: 0;
}
ul li {
    line-height: 26px;
}
a:hover {
    text-decoration: underline;
}
img {
    border: none 0;
}
input[type="submit"] {
    cursor: pointer;
}
input:focus,
textarea:focus {
    outline: transparent none;
}
select:focus {
    outline: none;
}
section {
    display: block;
}
.pr25 {
    padding-right: 25px;
}
.pl25 {
    padding-left: 25px;
}
@-webkit-keyframes bounce {
    80% {
        margin-top: 15px;
    }
    85% {
        margin-top: -50px;
    }
    90% {
        margin-top: 15px;
    }
    95% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@-moz-keyframes bounce {
    80% {
        margin-top: 15px;
    }
    85% {
        margin-top: -50px;
    }
    90% {
        margin-top: 15px;
    }
    95% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@-ms-keyframes bounce {
    80% {
        margin-top: 15px;
    }
    85% {
        margin-top: -50px;
    }
    90% {
        margin-top: 15px;
    }
    95% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@keyframes bounce {
    80% {
        margin-top: 15px;
    }
    85% {
        margin-top: -50px;
    }
    90% {
        margin-top: 15px;
    }
    95% {
        margin-top: 5px;
    }
    100% {
        margin-top: 15px;
    }
}
@-webkit-keyframes zoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.03);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-moz-keyframes zoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.03);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@-ms-keyframes zoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.03);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes zoom {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(1.03);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.site-loader {
    display: none;
    background: #000;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 9999;
    -webkit-transition: width 0.6s ease;
    -moz-transition: width 0.6s ease;
    -ms-transition: width 0.6s ease;
    -o-transition: width 0.6s ease;
    transition: width 0.6s ease;
}
.site-loader.anim {
    width: 25%;
}
.logo-middle {
    display: none;
    height: auto;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: calc(50% - 100px);
    width: 230px;
}
.logo-middle img {
    max-width: 100%;
    height: auto;
    display: block;
}
.errors,
.success {
    background: #ffffff;
    display: block;
    font-size: 14px;
    overflow: hidden;
    padding: 0;
}
.errors {
    color: #f04f71;
}
.success {
    color: #51bf9b;
}
.sc-button {
    background-color: #003594;
}
::selection {
    background: #000;
    color: #fff;
}
::-moz-selection {
    background: #000;
    color: #fff;
}
::-webkit-scrollbar {
    width: 10px;
    height: 5px;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    ::-webkit-scrollbar {
        width: 4px;
    }
}
::-webkit-scrollbar-track {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb {
    width: 10px;
    background-color: #003594;
}
@media screen and (max-width: 768px) {
    ::-webkit-scrollbar-thumb {
        width: 4px;
    }
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #000;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #000;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #000;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #000;
}
#wrap {
    min-height: 100%;
    height: 100%;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
.mobile-menu {
    cursor: pointer;
    float: right;
    height: 32px;
    width: 32px;
    display: none;
    -webkit-transition: left 0.6s ease;
    -moz-transition: left 0.6s ease;
    -ms-transition: left 0.6s ease;
    -o-transition: left 0.6s ease;
    transition: left 0.6s ease;
}
.mobile-menu:hover .nav-icon,
.mobile-menu:hover .nav-icon::before,
.mobile-menu:hover .nav-icon::after {
    background: #ffffff;
}
.mobile-menu.active:hover .nav-icon::before,
.mobile-menu.active:hover .nav-icon::after {
    background: #ffffff;
}
.mobile-menu.active .nav-icon {
    -webkit-transition: background 0.6s ease;
    -moz-transition: background 0.6s ease;
    -ms-transition: background 0.6s ease;
    -o-transition: background 0.6s ease;
    transition: background 0.6s ease;
    background: transparent;
}
.mobile-menu.active .nav-icon::before,
.mobile-menu.active .nav-icon::after {
    top: 0;
    -webkit-transition: transform 0.3s ease;
    -moz-transition: transform 0.3s ease;
    -ms-transition: transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
}
.mobile-menu.active .nav-icon::before {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -moz-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    -o-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
}
.mobile-menu.active .nav-icon::after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -moz-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    -o-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
}
@media screen and (max-width: 991px) {
    .mobile-menu {
        display: block;
    }
}
.nav-icon,
.nav-icon::before,
.nav-icon::after {
    background: #ffffff;
    display: inline-block;
    width: 100%;
    height: 2px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.nav-icon {
    position: relative;
}
.nav-icon::before,
.nav-icon::after {
    position: absolute;
    left: 0;
    content: "";
    transform-origin: 50% 50% 0;
    -webkit-transform-origin: 50% 50% 0;
    -moz-transform-origin: 50% 50% 0;
}
.nav-icon::before {
    top: 8px;
}
.nav-icon::after {
    top: -8px;
}
#gotoTop {
    position: fixed;
    right: 0;
    bottom: 30px;
    width: 60px;
    height: 60px;
    font-size: 25px;
    line-height: 40px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    background: rgb(0 53 148);
    color: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#gotoTop .arrow-top {
    background-image: url("../images/arrow-top.svg");
    display: block;
    background-position: center center;
    width: 12px;
    background-repeat: no-repeat;
    height: 100%;
    margin: auto;
}
@media screen and (max-width: 768px) {
    #gotoTop {
        width: 30px;
        height: 30px;
    }
}
@media screen and (max-width: 720px) {
    #gotoTop {
        display: none;
    }
}
#gotoTop:hover {
    background: #007c80;
}
#gotoTop.active {
    opacity: 1;
    visibility: visible;
}
.developed-by {
    width: 120px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
}
.developed-by img {
    max-width: 100%;
    display: block;
    height: auto;
}
.addthis_sharing_toolbox {
    position: fixed;
    left: 0;
    top: 30%;
    z-index: 10;
}
@media screen and (max-width: 640px) {
    .addthis_sharing_toolbox {
        top: auto;
        bottom: 0;
        width: 100%;
    }
}
.at-share-tbx-element .at-share-btn {
    margin: 0 !important;
    max-width: 28px !important;
    max-height: 28px !important;
    width: 28px !important;
    height: 28px !important;
    display: block !important;
}
@media screen and (max-width: 640px) {
    .at-share-tbx-element .at-share-btn {
        float: left;
        width: calc(100% / 4) !important;
        max-width: calc(100% / 4) !important;
        max-height: 30px !important;
        height: 30px !important;
        text-align: center;
        margin: 0 !important;
    }
}
.at-share-tbx-element .at-share-btn .at-icon-wrapper {
    padding: 2px !important;
    width: 100% !important;
    height: 100% !important;
    background-color: #b9814d !important;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -ms-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.at-share-tbx-element .at-share-btn .at-icon-wrapper svg {
    width: 100% !important;
    height: 100% !important;
}
.at-share-tbx-element .at-share-btn.at-svc-facebook:hover .at-icon-wrapper {
    background: #305891 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-twitter:hover .at-icon-wrapper {
    background: #2ca8d2 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-linkedin:hover .at-icon-wrapper {
    background: #0077b5 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-email:hover .at-icon-wrapper {
    background: #738a8d !important;
}
.at-share-tbx-element .at-share-btn.at-svc-whatsapp:hover .at-icon-wrapper {
    background: #29a628 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-pinterest_share:hover .at-icon-wrapper {
    background: #c82828 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-google_plusone_share:hover .at-icon-wrapper {
    background: #ce4d39 !important;
}
.at-share-tbx-element .at-share-btn.at-svc-whatsapp {
    display: none !important;
}
@media screen and (max-width: 640px) {
    .at-share-tbx-element .at-share-btn.at-svc-whatsapp {
        display: inline-block !important;
    }
}
.atss .at-share-btn span .at-icon,
.atss a span .at-icon {
    width: 25px !important;
    height: 25px !important;
}
.atss .at-share-btn .at-icon-wrapper.active,
.atss a .at-icon-wrapper.active {
    display: block !important;
}
.atss .at-share-btn .at-icon-wrapper,
.atss a .at-icon-wrapper {
    background-color: rgba(0, 140, 149, 0.7) !important;
    padding: 5px 0;
}
.atss .at-share-btn,
.atss a {
    width: 32px !important;
}
@media screen and (max-width: 540px) {
    .atss .at-share-btn,
    .atss a {
        width: 25% !important;
    }
}
input[type="submit"] {
    -webkit-appearance: none;
}
.ios-device * {
    background-attachment: scroll;
}
.wow {
    visibility: hidden;
}
@media screen and (max-width: 1060px) {
    .wow {
        visibility: visible;
    }
}
header {
    width: 100%;
    float: left;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
    padding: 0 50px;
    background: transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
@media screen and (max-width: 991px) {
    header {
        padding: 0% 5%;
        padding-top: 30px;
    }
}
@media screen and (max-width: 460px) {
    header {
        padding: 0;
    }
}
header.sticky {
    background-color: rgba(0, 0, 0, 0.7);
}
@media screen and (max-width: 991px) {
    header.sticky {
        padding: 0;
    }
}
@media screen and (max-width: 991px) {
    header.sticky .mobile-menu {
        position: relative;
        top: 10px;
    }
}
header.sticky .elements-topnav {
    display: none;
}
header.sticky .logo {
    width: 100px;
}
@media screen and (max-width: 460px) {
    header.sticky .logo {
        width: 80px;
    }
}
header.sticky .elements-banner {
    padding-top: 10px;
    padding-bottom: 5px;
}
header.sticky .elements-banner .navy {
    margin-top: 0;
}
header.sticky .desktop-nav li a {
    padding-bottom: 6px;
}
.header-desc {
    position: absolute;
    top: 50%;
    color: white;
    left: 3%;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.header-desc p {
    font-size: 15px;
}
.elements-banner {
    padding: 10px 0;
    position: relative;
    z-index: 1;
    transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
    .elements-banner {
        padding-top: 0;
    }
}
@media screen and (max-width: 991px) {
    .elements-banner {
        width: 100%;
        padding: 15px;
    }
}
.elements-banner .logo {
    width: 150px;
    display: inline-block;
    position: relative;
    -webkit-transition: width 0.4s ease;
    -moz-transition: width 0.4s ease;
    -ms-transition: width 0.4s ease;
    -o-transition: width 0.4s ease;
    transition: width 0.4s ease;
}
@media screen and (max-width: 991px) {
    .elements-banner .logo img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 768px) {
    .elements-banner .logo {
        width: 130px;
    }
}
@media screen and (max-width: 460px) {
    .elements-banner .logo {
        width: 100px;
    }
}
.elements-banner .navy {
    float: right;
    margin-top: 10px;
    transition: 0.4s margin ease;
}
@media screen and (max-width: 1060px) {
    .elements-banner .navy .desktop-nav {
        float: right;
    }
    .elements-banner .navy .desktop-nav li a {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width: 991px) {
    .elements-banner .navy {
        width: 68%;
    }
    .elements-banner .navy .desktop-nav {
        float: right;
    }
}
@media screen and (max-width: 991px) {
    .elements-banner .navy {
        position: absolute;
        z-index: 12;
        right: 15px;
        top: 38%;
        width: 32px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}
.search-fields {
    width: 100%;
    margin-top: 40px;
}
.search-fields .chosen-container {
    float: left;
    outline: none !important;
    color: #3d3d3d;
    margin-right: 10px;
    width: 80% !important;
    width: calc(100% - 100px) !important;
}
.search-fields .chosen-container ul.chosen-results {
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}
@media screen and (max-height: 676px) {
    .search-fields .chosen-container ul.chosen-results {
        max-height: 170px;
    }
}
.search-fields .chosen-container ul.chosen-results li {
    padding: 10px;
    color: #3d3d3d;
    margin: 0 10px;
    border-bottom: 1px solid #cacaca;
    font-size: 16px;
}
.search-fields .chosen-container ul.chosen-results li:hover {
    background: #003594;
    color: #ffffff;
}
.search-fields .chosen-container ul.chosen-results .highlighted {
    background: #003594;
    color: #ffffff;
}
.search-fields .chosen-container .chosen-single {
    background-color: #fff;
    min-height: 59px;
    line-height: 59px;
    border-radius: 0px;
    outline: none;
    background-image: none;
    box-shadow: none;
    font-size: 16px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    border: none;
}
.search-fields .chosen-container .chosen-single a {
    outline: none;
}
.search-fields .chosen-container .chosen-single div {
    right: 10px;
}
.search-fields .chosen-container .chosen-single div b {
    background-image: url("../images/icon-down.svg") !important;
    display: block;
    background-position: center center;
    background-size: 80%;
    width: 15px;
    background-repeat: no-repeat;
    height: 100%;
    background-size: inherit !important;
}
.search-fields .chosen-container .chosen-drop {
    width: 100% !important;
    border: none;
    border-radius: 0;
}
.search-fields .chosen-container .chosen-search {
    display: none;
}
.search-fields .form-search {
    background-image: url("../images/icon-right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #003594;
    background-size: 10px auto;
    padding: 8px;
    border: 0;
    font-size: 0;
    float: left;
    display: block;
    width: 59px;
    height: 59px;
}
.search-fields .form-search:hover {
    background-color: #000;
    transition: 0.4s all ease;
}
.search-fields label {
    width: 100%;
    display: block;
    font-size: 18px;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
}
iframe#introVideo {
    position: relative;
    z-index: 1;
}
.videovimeo {
    overflow: hidden;
    position: relative;
    z-index: 1;
    background-color: black;
}
@media screen and (max-width: 1060px) {
    .videovimeo {
        background-size: cover;
        background-position: center center;
    }
}
@media screen and (max-width: 1060px) {
    .videovimeo iframe {
        display: none;
    }
}
.videoprogress {
    width: 80px;
    height: 80px;
    position: absolute;
    top: calc(50% - 64px);
    left: calc(50% - 40px);
    background-image: url("../images/pause.png");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: auto 30%;
    cursor: pointer;
    z-index: 2;
}
@media screen and (max-width: 1060px) {
    .videoprogress {
        display: none;
    }
}
@media screen and (max-width: 844px) {
    .videoprogress {
        display: none;
    }
}
.videoprogress.playing {
    background-image: url("../images/play.png");
}
ul.nav > li > ul > li {
    display: block;
    line-height: 17px;
    padding-bottom: 10px;
}
ul.nav > li > ul > li > ul > li {
    display: block;
}
.desktop-nav li ul li a {
    font-size: 14px;
}
.desktop-nav li ul li .sc-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    opacity: 0;
    visibility: hidden;
    margin-left: 15px;
}
ul.nav > li:hover > .sc-sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transition: 0.2s 0.3s ease-in;
    -moz-transition: 0.2s 0.3s ease-in;
    -ms-transition: 0.2s 0.3s ease-in;
    -o-transition: 0.2s 0.3s ease-in;
    transition: 0.2s 0.3s ease-in;
}
ul.nav > li > ul > li:hover > .sc-sub-menu {
    visibility: visible;
    opacity: 1;
}
.desktop-nav {
    float: left;
}
@media screen and (max-width: 991px) {
    .desktop-nav {
        display: none;
    }
}
.desktop-nav li {
    display: inline-block;
    position: relative;
}
.desktop-nav li ul li a {
    font-size: 14px;
    display: block;
}
.desktop-nav li ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
}
.desktop-nav li .sc-sub-menu {
    position: absolute;
    min-width: 200px;
    left: 0;
    padding: 15px;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 140, 149, 0.7);
}
.desktop-nav li .sc-sub-menu li a:after {
    left: 0;
    background-color: #fff;
}
.desktop-nav li a {
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    transition: 0.6s all ease;
    position: relative;
}
@media screen and (max-width: 991px) {
    .desktop-nav li a {
        font-size: 12px;
        padding: 8px 12px;
    }
}
.desktop-nav li a:after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 0px;
    height: 1px;
    background: #003594;
    transition: 0.2s all ease;
}
.desktop-nav li a:hover:after {
    width: 30px;
    left: 16px;
    transition: 0.2s all ease;
}
.desktop-nav .nav > li > a:hover,
.desktop-nav .nav > li > a:focus {
    text-decoration: none;
    background-color: transparent;
    color: #003594;
    transition: 0.6s all ease;
}
.desktop-nav li.nav-selected a,
.desktop-nav .nav-path-selected a {
    text-decoration: none;
    background-color: transparent;
    color: white;
    transition: 0.4s all ease;
}
.desktop-nav li.nav-selected a:after,
.desktop-nav .nav-path-selected a:after {
    width: 30px;
    left: 16px;
    background-color: white;
    transition: 0.2s all ease;
}
.elements-topnav {
    position: relative;
    top: 17px;
    width: 100%;
    text-align: right;
    font-size: 14px;
    font-family: "Conv_Melbourne_reg";
}
@media screen and (max-width: 991px) {
    .elements-topnav {
        position: absolute;
        right: 50px;
        width: auto;
        z-index: 5;
    }
}
@media screen and (max-width: 768px) {
    .elements-topnav {
        display: none;
    }
}
.elements-topnav ul.topnavy-url {
    padding-right: 10px;
}
@media screen and (max-width: 540px) {
    .elements-topnav ul.topnavy-url {
        display: none;
    }
}
.elements-topnav ul.topnavy-url li {
    padding-right: 0;
    padding-left: 25px;
    color: #fff;
}
.elements-topnav ul.topnavy-url li:hover a,
.elements-topnav ul.topnavy-url li.nav-selected a {
    color: #003594;
}
.elements-topnav ul.topnavy-url li a {
    text-decoration: none;
    color: #fff;
    transition: 0.2s all ease;
}
@media screen and (max-width: 991px) {
    .elements-topnav ul.topnavy-url li a {
        font-weight: 600;
        font-size: 18px;
    }
}
@media screen and (max-width: 991px) {
    .elements-topnav ul.topnavy-url li {
        padding: 0 10px;
    }
}
@media screen and (max-width: 991px) {
    .elements-topnav ul.topnavy-url {
        padding: 0;
        margin-bottom: 0;
    }
}
.elements-topnav a.search-magnify {
    background-image: url("../images/icon-magnify.svg");
    background-repeat: no-repeat;
    display: block;
    width: 18px;
    height: 18px;
    margin-bottom: -5px;
    position: relative;
    z-index: 99;
}
@media screen and (max-width: 991px) {
    .elements-topnav a.search-magnify {
        margin-bottom: -2px;
    }
}
.elements-topnav a.search-magnify.active {
    background-image: url("../images/icon-close.svg");
}
.chosen-container-single .chosen-single span {
    padding-left: 10px;
}
.right-links {
    position: fixed;
    right: 0;
    bottom: 50%;
    z-index: 3;
}
.right-links .list-inline li {
    display: block;
    padding: 1px 0;
}
.right-links ul li a,
.right-links ul li span {
    background: rgb(0 56 150);
    color: #ffffff;
    font-size: 12px;
    font-family: "Montserrat";
    font-weight: 200;
    padding: 15px 0 7px;
    text-decoration: none;
    transition: 0.4s all ease;
    max-width: 60px;
    display: block;
    min-height: 60px;
    min-width: 60px;
    text-align: center;
    position: relative;
    z-index: 3;
}
.right-links ul li a.call:before,
.right-links ul li span.call:before {
    background-image: url("../images/icon-call.svg");
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    content: "";
    display: block;
    margin: auto;
}
.right-links ul li a.call.desktop,
.right-links ul li span.call.desktop {
    display: block;
}
@media screen and (max-width: 768px) {
    .right-links ul li a.call.desktop,
    .right-links ul li span.call.desktop {
        display: none;
    }
}
.right-links ul li a.call.mobile,
.right-links ul li span.call.mobile {
    display: none;
}
@media screen and (max-width: 768px) {
    .right-links ul li a.call.mobile,
    .right-links ul li span.call.mobile {
        display: block;
    }
}
.right-links ul li a.enquire:before,
.right-links ul li span.enquire:before {
    background-image: url("../images/icon-mail.svg");
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
    content: "";
    display: block;
    margin: auto;
}
.right-links ul li a:hover,
.right-links ul li span:hover {
    background: #003594;
    transition: 0.4s all ease;
}
.right-links ul li span.share-icon {
    background-image: url("../images/share-white.svg");
    font-size: 12px;
    background-size: 14px auto;
    background-repeat: no-repeat;
    background-position: center 12px;
    padding: 30px 0 0 0;
    cursor: pointer;
    position: relative;
    right: 0;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.right-links ul li span.share-icon.active {
    right: 32px;
}
.addthis-smartlayers {
    position: fixed;
    top: 50%;
    right: -32px !important;
    z-index: 4;
    -webkit-transform: translate(0, -38.6%) !important;
    -moz-transform: translate(0, -38.6%) !important;
    -ms-transform: translate(0, -38.6%) !important;
    -o-transform: translate(0, -38.6%) !important;
    transform: translate(0, -38.6%) !important;
    -webkit-transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -ms-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
    transition: all 0.4s ease-out;
}
.addthis-smartlayers.active {
    right: 0 !important;
}
#at4-share.atss.atss-right {
    position: static !important;
}
#at4-share.atss.atss-right.active {
    right: 0 !important;
}
.atss .at-share-btn {
    background: transparent !important;
}
.topgradient {
    background-image: url("../images/topgradient.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    width: 100%;
    height: 200px;
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
    pointer-events: none;
}
@media screen and (max-width: 1060px) {
    .topgradient {
        background-size: cover;
        height: 250px;
    }
}
@media screen and (max-width: 640px) {
    .topgradient {
        height: 60px;
    }
}
.bottom_border {
    border-bottom: 1px solid rgba(31, 31, 31, 0.2);
}
.sc-intro {
    margin-bottom: 28px;
}
.sc-intro .sc-signature {
    width: 40%;
    display: inline-block;
    float: left;
    padding: 5%;
    padding-top: 7%;
    text-align: right;
}
.sc-intro .sc-signature h2 {
    color: #007c80;
    font-family: "Montserrat";
    font-size: 40px;
    line-height: 55px;
    padding-bottom: 27px;
}
@media screen and (max-width: 991px) {
    .sc-intro .sc-signature h2 {
        font-size: 32px;
        line-height: 43px;
    }
}
.sc-intro .sc-signature h5 {
    font-weight: 700;
    font-style: italic;
    font-size: 20px;
    color: #000;
    margin-bottom: 2px;
    margin-top: 0px;
}
.sc-intro .sc-signature h6 {
    font-style: italic;
    font-size: 20px;
    color: #000;
    margin-bottom: 2px;
    margin-top: 0px;
    letter-spacing: 1.5px;
}
@media screen and (max-width: 768px) {
    .sc-intro .sc-signature {
        width: 100%;
    }
}
@media screen and (max-width: 1060px) {
    .sc-intro .sc-signature {
        padding-top: 2%;
    }
}
.sc-intro .sc-empower {
    width: 60%;
    display: inline-block;
    z-index: 2;
    background: #003594;
    background: -moz-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: -webkit-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: linear-gradient(to right, #003594 0%, #05c3de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
    position: relative;
    padding: 5% 5% 4% 5%;
    padding-top: 15px;
    margin-top: -138px;
}
.sc-intro .sc-empower .cta-btn {
    background: white;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 15px;
    color: #003594 !important;
    text-decoration: none !important;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.sc-intro .sc-empower .cta-btn:hover {
    background-color: #000;
    color: #ffffff !important;
    text-decoration: none;
}
.sc-intro .sc-empower .arrow-next {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 140px;
    width: 140px;
    background-color: #38383c;
}
.sc-intro .sc-empower .arrow-next::before {
    background-image: url("../images/icon-right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
    content: " ";
    display: inline-block;
    height: 140px;
    width: 140px;
    cursor: pointer;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media screen and (max-width: 1060px) {
    .sc-intro .sc-empower .arrow-next::before {
        height: 90px;
        width: 90px;
    }
}
@media screen and (max-width: 1060px) {
    .sc-intro .sc-empower .arrow-next {
        height: 90px;
        width: 90px;
    }
}
.sc-intro .sc-empower .arrow-next a {
    height: 100%;
    width: 100%;
    display: block;
}
@media screen and (max-width: 540px) {
    .sc-intro .sc-empower .arrow-next {
        height: 50px;
        width: 50px;
        background-size: 20%;
    }
}
.sc-intro .sc-empower .header-empower {
    height: 105px;
}
@media screen and (max-width: 540px) {
    .sc-intro .sc-empower .header-empower {
        height: auto;
    }
}
.sc-intro .sc-empower .header-empower h2 {
    font-size: 35px;
    font-weight: 100;
    padding-top: 5px;
    color: #fff;
}
@media screen and (max-width: 540px) {
    .sc-intro .sc-empower .header-empower h2 {
        font-size: 18px;
        line-height: 24px;
        font-weight: 500;
    }
}
.sc-intro .sc-empower .content-empower {
    padding-top: 110px;
}
@media screen and (max-width: 1060px) {
    .sc-intro .sc-empower .content-empower {
        padding-top: 15px;
    }
}
.sc-intro .sc-empower .content-empower h4 {
    margin-bottom: 15px;
    color: white;
}
.sc-intro .sc-empower .content-empower p {
    font-weight: 300;
    font-size: 16px;
    padding-bottom: 4px;
    line-height: 34px;
    margin-bottom: 0;
}
.sc-intro .sc-empower .content-empower a {
    text-decoration: underline;
}
.sc-intro .sc-empower .content-empower a:hover,
.sc-intro .sc-empower .content-empower a:focus {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}
.sc-intro .sc-empower .content-empower h2 {
    font-size: 40px;
    font-weight: 100;
    line-height: 55px;
    color: white;
}
@media screen and (max-width: 1060px) {
    .sc-intro .sc-empower .content-empower h2 {
        font-size: 38px;
        line-height: 46px;
    }
}
@media screen and (max-width: 540px) {
    .sc-intro .sc-empower .content-empower h2 {
        font-size: 24px;
        font-weight: 100;
        line-height: 32px;
    }
}
@media screen and (max-width: 768px) {
    .sc-intro .sc-empower {
        width: 100%;
        margin-top: 10px;
    }
}
.center {
    text-align: center;
}
.left {
    text-align: left;
}
.right {
    text-align: right;
}
.bu-header {
    position: relative;
    padding: 50px 0 20px 0;
}
.bu-header h3 {
    margin: 0;
}
@media screen and (max-width: 540px) {
    .bu-header {
        height: auto;
    }
}
.bu-header a.bu-salink {
    position: absolute;
    right: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    top: 50%;
    padding-right: 16px;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
    .bu-header a.bu-salink {
        top: 10px;
    }
}
.bu-header a.bu-salink:hover {
    color: #009c8f;
}
@media screen and (max-width: 540px) {
    .bu-header a.bu-salink {
        font-size: 14px;
        font-weight: 300;
        top: 27px;
    }
}
.bu-header a.bu-salink:after {
    content: "";
    position: absolute;
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    display: block;
    width: 7px;
    height: 15px;
    right: 0px;
    top: 6px;
}
a:hover {
    text-decoration: none;
}
.units-list a:hover {
    color: #fff;
}
.units-list .listing-blocks {
    padding: 0px 5px;
    -webkit-transform: translate3d(0, 0, 0);
}
.units-list .listing-blocks .single-block:nth-child(2) {
    width: 50%;
    float: left;
    display: inline-block;
    border-right: 5px solid #fff;
    margin: 0px;
}
@media screen and (max-width: 768px) {
    .units-list .listing-blocks .single-block:nth-child(2) {
        width: 100%;
        border: none;
    }
}
.units-list .listing-blocks .single-block:nth-child(3) {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0px;
    border-left: 5px solid #fff;
}
@media screen and (max-width: 768px) {
    .units-list .listing-blocks .single-block:nth-child(3) {
        width: 100%;
        border: none;
    }
}
.units-list .listing-blocks .single-block {
    position: relative;
    overflow: hidden;
    height: 100%;
}
.units-list .listing-blocks .single-block:hover .grad-black {
    visibility: visible;
    opacity: 1;
    transition: 0.4s all ease;
}
.units-list .listing-blocks .single-block:hover .block_image {
    transform: scale(1.1);
    transition: 0.4s all ease;
}
.units-list .listing-blocks .single-block:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.units-list .listing-blocks .single-block .block-icon {
    position: absolute;
    right: 25px;
    bottom: 25px;
    display: none;
    width: 59px;
    height: 59px;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
}
.units-list .listing-blocks .single-block .block-icon a {
    display: block;
    width: 100%;
    height: 100%;
}
.units-list .listing-blocks .single-block a {
    text-decoration: none;
}
.units-list .listing-blocks .single-block a:focus {
    color: white;
}
.units-list .listing-blocks .single-block .grad-black {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.4s all ease;
    opacity: 0;
    visibility: hidden;
    background: #003594;
    background: -moz-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: -webkit-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: linear-gradient(to right, #003594 0%, #05c3de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
}
.units-list .listing-blocks .single-block .inner-have {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 35px;
    word-wrap: break-word;
    transition: 0.3s all ease;
}
.units-list .listing-blocks .single-block .inner-have .block_image {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    transition: 0.4s all ease;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.units-list .listing-blocks .single-block .inner-have .block-content {
    position: absolute;
    z-index: 1;
    max-width: 80%;
}
.units-list .listing-blocks .single-block .inner-have .block-content h5 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
    position: relative;
    padding-bottom: 13px;
    font-family: "Montserrat";
    margin-bottom: 15px;
    color: #fff;
}
@media screen and (max-width: 1060px) {
    .units-list .listing-blocks .single-block .inner-have .block-content h5 {
        font-size: 22px;
        line-height: 24px;
    }
}
.units-list .listing-blocks .single-block .inner-have .block-content h5:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 34px;
    height: 2px;
    background: #fff;
    transition: 0.4s all ease;
}
.units-list .listing-blocks .single-block .inner-have .block-content h5:hover {
    color: #ffffff;
}
.units-list .listing-blocks .single-block .inner-have .block-content p {
    line-height: 24px;
}
.units-list .listing-blocks .single-block .inner-have:hover .block-content h5:after {
    width: 20px;
    transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
    .units-list .listing-blocks {
        width: 50%;
        float: left;
    }
}
@media screen and (max-width: 640px) {
    .units-list .listing-blocks {
        width: 100%;
        float: left;
    }
}
@media screen and (max-width: 540px) {
    .units-list .chunks .listing-blocks:first-child .single-block {
        border-right: none;
        height: 300px;
        margin-bottom: 10px;
    }
}
.units-list .chunks .listing-blocks:first-child .single-block:hover a.full-link .inner-have {
    background-position: center center;
    transition: 0.9s all ease;
}
.units-list .chunks .listing-blocks + .listing-blocks .single-block {
    height: 650px;
}
@media screen and (max-width: 540px) {
    .units-list .chunks .listing-blocks + .listing-blocks .single-block {
        margin-bottom: 10px;
    }
}
.catelogue-link {
    text-align: center;
    margin-top: 46px;
    padding-bottom: 48px;
    border-bottom: 1px solid #cacaca;
    margin-bottom: 46px;
}
.catalogue-sec {
    position: relative;
    border-top: 0.5px solid #cacaca;
    padding-top: 48px;
}
.catalogue-sec img {
    max-width: 100%;
    height: auto;
}
.catalogue-sec .catalog-inside {
    position: relative;
}
.catalogue-sec .catalogue-name {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.catalogue-sec .catalogue-name a {
    background-color: #000;
    font-size: 25px;
    font-family: "Montserrat";
    font-weight: 200;
    line-height: 55px;
    display: block;
    padding: 10px 20px;
    transition: 0.4s all ease;
}
.catalogue-sec .catalogue-name a:focus {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
}
.catalogue-sec .catalogue-name a:hover {
    color: rgba(255, 255, 255, 0.7);
}
.catalogue-sec .catalogue-name a:after {
    content: "";
    height: 16px;
    width: 8px;
    margin-left: 12px;
    display: inline-block;
    vertical-align: middle;
    background-image: url("../images/icon-right.svg");
}
@media screen and (max-width: 768px) {
    .catalogue-sec .catalogue-name a {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 20px;
    }
}
.sc-button {
    background-color: #003594;
    text-align: center;
    display: inline-block;
    margin: auto;
}
.sc-button p {
    margin: 0;
}
.sc-button a {
    font-size: 18px;
    color: white;
    display: inline-block;
    padding: 10px 35px;
    transition: 0.4s all ease;
}
.sc-button a:hover {
    background-color: #009c8f;
}
.owl-reviews.testimonial-wrap .owl-buttons .owl-prev {
    background-position: left center;
    margin-left: 0;
}
.owl-reviews h2 {
    color: #003594;
    font-size: 30px;
}
.sub-navhead .container {
    max-width: 100%;
    padding: 0;
}
.links-hoster {
    margin-top: 40px;
    border-top: 0.5px solid #cacaca;
    padding-top: 40px;
    float: left;
    width: 100%;
    margin-bottom: 40px;
}
.links-hoster .blockylarge .content-holding .contentinside {
    z-index: 1;
}
.links-hoster .blockylarge .content-holding:after {
    content: "";
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}
@media screen and (max-width: 640px) {
    .links-hoster {
        margin-bottom: 0;
        padding-top: 15px;
        margin-top: 0;
    }
}
@media screen and (max-width: 540px) {
    .links-hoster {
        padding-top: 25px;
    }
}
.business-units {
    position: relative;
    clear: both;
}
.business-units .bu-header {
    padding: 24px 0 20px 0;
}
.business-units .navy-scroll {
    position: absolute;
    display: block;
    top: 50%;
    width: 100%;
    height: 42px;
    left: 0;
}
.business-units .navy-scroll a.prev-unit {
    float: left;
    width: 40px;
    margin-left: -35px;
    height: 42px;
    background-image: url("../images/icon-prev.svg");
    background-repeat: no-repeat;
    background-position: left center;
}
.business-units .navy-scroll a.next-unit {
    float: right;
    width: 40px;
    margin-right: -35px;
    height: 42px;
    background-image: url("../images/icon-next.svg");
    background-repeat: no-repeat;
    background-position: right center;
}
.recent_block {
    margin-bottom: 43px;
    position: relative;
}
.recent_block .bu-header p {
    color: #000;
}
.recent_block .navy-scroll {
    position: absolute;
    display: block;
    top: 50%;
    width: 100%;
    height: 42px;
    left: 0;
}
.recent_block .navy-scroll a.prev-unit {
    float: left;
    width: 40px;
    margin-left: -35px;
    height: 42px;
    background-image: url("../images/icon-prev.svg");
    background-repeat: no-repeat;
    background-position: left center;
}
.recent_block .navy-scroll a.next-unit {
    float: right;
    width: 40px;
    margin-right: -35px;
    height: 42px;
    background-image: url("../images/icon-next.svg");
    background-repeat: no-repeat;
    background-position: right center;
}
.wrapper footer .foot-content h5,
.wrapper footer .foot-content h5 a {
    font-size: 16px !important;
    line-height: 30px !important;
    font-weight: 400 !important;
}
footer {
    background: #38383c;
    font-family: "Montserrat";
    clear: both;
}
@media screen and (max-width: 991px) {
    footer {
        text-align: center;
    }
    footer ul.nav {
        display: none;
    }
}
footer .footer-partners .nav li:last-child {
    display: none;
}
footer h5 {
    font-size: 12px !important;
    line-height: 18px !important;
    font-weight: 800 !important;
    color: #fff !important;
    margin-bottom: 5px !important;
    font-weight: 500;
}
footer ul li {
    list-style: none;
    font-family: "Montserrat";
    margin-bottom: 0px !important;
    width: 100%;
}
footer ul li a {
    font-size: 12px;
    font-weight: 200;
    color: #fff;
    transition: 0.3s color ease;
}
footer ul li a:hover {
    color: #008589;
}
footer .foot-content {
    padding: 100px 0;
    float: left;
    width: 100%;
    border-bottom: 0.5px solid #fff;
}
@media screen and (max-width: 991px) {
    footer .foot-content .showing-logo {
        clear: both;
        float: left;
        width: 100%;
    }
    footer .foot-content .showing-logo img {
        max-width: 200px;
    }
}
footer .foot-content h5 a {
    transition: 0.4s all ease;
}
footer .foot-content h5 a:focus {
    text-decoration: none;
    color: white;
}
footer .foot-content h5 a:hover {
    color: white;
    opacity: 0.7;
}
footer .foot-content .nav li a {
    padding: 0;
}
footer .foot-content .nav li a:hover {
    background-color: transparent;
}
footer .foot-content .nav li a:focus {
    background-color: transparent;
}
@media screen and (max-width: 540px) {
    footer .foot-content {
        text-align: center;
    }
}
.showing-logo .footer-logo {
    padding-top: 25%;
}
@media screen and (max-width: 991px) {
    .showing-logo .footer-logo {
        padding-top: 0;
        margin-bottom: 25px;
        float: left;
        width: 100%;
        clear: both;
    }
}
 .footer-logo img {
    max-width: 150px;
    height: auto;
}
@media screen and (max-width: 991px) {
    .showing-logo .footer-logo img {
        max-width: 100%;
    }
}
@media screen and (max-width: 540px) {
    .showing-logo .footer-logo {
        top: 0px;
        margin-bottom: 20px;
    }
}
.social-feed-container {
    float: left;
    width: 100%;
    overflow: hidden;
}
.social-feed-container .twitter-post {
    position: relative;
    width: 20%;
    display: block;
    height: 180px;
    overflow: hidden;
    float: left;
    background: #003594;
}
.social-feed-container .twitter-post p {
    font-size: 14px;
    font-family: "Montserrat";
    font-weight: 200;
    line-height: 20px;
    margin: 0;
}
.social-feed-container .twitter-post .feed-dscription {
    padding: 15px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.social-feed-container .twitter-post .feed-dscription a:hover {
    color: #000;
}
.social-feed-container .twitter-post .tweet-hover {
    position: absolute;
    left: 0;
    color: #ffffff;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 140, 149, 0.7);
    height: 100%;
    opacity: 0;
    transition: 0.4s all ease;
}
.social-feed-container .twitter-post .tweet-hover:hover {
    opacity: 1;
}
.social-feed-container .twitter-post .tweet-hover:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 56px;
    left: 0;
    right: 0;
}
.social-feed-container .twitter-post .tweet-hover .feed-hover {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 18px;
    font-size: 19px;
    font-family: "Montserrat";
    font-weight: 200;
}
.credits {
    float: left;
    width: 100%;
    padding: 30px 0;
}
@media screen and (max-width: 540px) {
    .credits {
        height: auto;
    }
}
.credits .copyright-info {
    font-size: 11px;
    font-family: "Montserrat";
    color: #ffffff;
    float: left;
    display: inline-block;
    position: relative;
    top: 5px;
}
@media screen and (max-width: 768px) {
    .credits .copyright-info {
        position: inherit;
        display: block;
        float: none;
        top: inherit;
    }
}
@media screen and (max-width: 540px) {
    .credits .copyright-info {
        font-size: 10px;
        width: 100%;
        text-align: center;
    }
}
.credits ul.footer-socials {
    float: right;
    display: inline-block;
    margin-bottom: 0;
}
@media screen and (max-width: 768px) {
    .credits ul.footer-socials {
        display: block;
        float: none;
        margin-top: 20px;
    }
}
@media screen and (max-width: 540px) {
    .credits ul.footer-socials {
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 10px;
    }
}
.credits ul.footer-socials li {
    width: 27px;
    height: 27px;
    text-align: center;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin-left: 10px;
}
.credits ul.footer-socials li a:focus {
    color: white;
    opacity: 0.7;
}
.credits ul.footer-socials li a {
    font-size: 15px;
    padding: 6px;
    margin-left: -6px;
}
.gradient-filter {
    background: #003594;
    background: -moz-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: -webkit-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: linear-gradient(to right, #003594 0%, #05c3de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
}
.sc-newsletter {
    padding: 20px 0 40px 0;
    float: left;
    width: 100%;
}
@media screen and (max-width: 540px) {
    .sc-newsletter {
        padding: 15px 0;
    }
}
.sc-newsletter h2 {
    font-weight: 200;
    font-size: 28px;
    color: white;
}
@media screen and (max-width: 768px) {
    .sc-newsletter h2 {
        font-size: 20px;
        line-height: 28px;
    }
}
.sc-newsletter .mailing-list-msg {
    color: #fff;
}
.mailing-list-email-wrap input {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #ffffff;
    width: 100%;
    padding: 10px 0;
    background-image: none;
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: 100% 50%;
    font-size: 16px;
    font-family: "Montserrat";
    font-weight: 200;
}
.mailing-list-email-wrap input::-webkit-input-placeholder {
    font-family: "Montserrat" !important;
    font-weight: 200 !important;
}
.mailing-list-email-wrap input::-moz-placeholder {
    font-family: "Montserrat" !important;
    font-weight: 200 !important;
}
.mailing-list-email-wrap input::-ms-input-placeholder {
    font-family: "Montserrat";
    font-weight: 200 !important;
}
.mailing-list-email-wrap input:focus::-webkit-input-placeholder {
    color: #fff !important;
}
.mailing-list-email-wrap input:focus:-moz-placeholder {
    color: #fff !important;
}
.mailing-list-email-wrap input:focus::-moz-placeholder {
    color: #fff !important;
}
.mailing-list-email-wrap input:focus:-ms-input-placeholder {
    color: #fff !important;
}
@media screen and (max-width: 540px) {
    .mailing-list-email-wrap input {
        width: 85%;
    }
}
.MailingListSubscribe .mailing-list-user-attrs,
.MailingListSubscribe .mailing-list-required-note {
    display: none;
}
.MailingListSubscribe form {
    max-width: 556px;
    margin: auto;
    position: relative;
}
.MailingListSubscribe input.submit {
    position: absolute;
    top: 3px;
    width: 10px;
    right: 0;
    font-size: 0px;
    background-image: url("../images/white_next.svg");
    border: 0px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}
.sc-block-item .parallax-block {
    min-height: 400px;
}
@media screen and (max-width: 768px) {
    .sc-block-item .parallax-block {
        min-height: auto;
    }
}
.sc-block-item .parallax-block .paralax_wrap {
    padding: 8% 0%;
}
.parallax-block {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.parallax-block .paralax_wrap {
    padding: 25% 0;
    text-align: center;
}
.parallax-block .paralax_wrap .parallax-content {
    padding: 20px 10% 42px 65px;
    display: inline-block;
    position: relative;
    text-align: left;
    max-width: 75%;
    background: -moz-linear-gradient(left, rgb(0 53 148) 0%, rgb(0 53 148) 100%);
    background: -webkit-linear-gradient(left, rgb(0 53 148) 0%, rgb(0 53 148) 100%);
    background: #003594;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
}
.parallax-block .paralax_wrap .parallax-content a.parallax-link {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #38383c;
    padding: 40px;
    background-image: url("../images/icon-right.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20%;
    transition: 0.4s all ease;
}
@media screen and (max-width: 540px) {
    .parallax-block .paralax_wrap .parallax-content a.parallax-link {
        padding: 25px;
    }
}
.parallax-block .paralax_wrap .parallax-content a.parallax-link:hover {
    background-color: #003594;
    transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
    .parallax-block .paralax_wrap .parallax-content {
        min-width: 100%;
        padding: 5%;
    }
}
.parallax-block .paralax_wrap .parallax-content h3 {
    font-weight: 200;
    color: #fff;
    font-size: 40px;
    margin-top: 35px;
}
@media screen and (max-width: 768px) {
    .parallax-block .paralax_wrap .parallax-content h3 {
        font-size: 30px;
        margin-bottom: 10px;
        line-height: 38px;
        margin-top: 0;
    }
}
.paraxify {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
}
#chucks-scroll .owl-wrapper {
    overflow: hidden;
}
#projects-scroll {
    position: relative;
    float: left;
    clear: both;
    margin-bottom: 15px;
}
#projects-scroll .owl-wrapper {
    overflow: hidden;
}
#projects-scroll .listing-blocks .single-block .inner-have .block-content p {
    line-height: 22px;
}
.static-linker {
    padding-bottom: 52px;
    position: relative;
    padding-top: 75px;
}
@media screen and (max-width: 1060px) {
    .static-linker {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.static-linker h2 {
    font-size: 44px;
    line-height: 52px;
    color: #003594;
}
@media screen and (max-width: 1060px) {
    .static-linker h2 {
        font-size: 40px;
        line-height: 48px;
    }
}
@media screen and (max-width: 640px) {
    .static-linker h2 {
        font-size: 32px;
        line-height: 36px;
    }
}
.static-linker p {
    color: #000;
    padding-top: 12px;
}
.static-linker p a {
    color: #000;
    text-decoration: underline;
    transition: 0.4s all ease;
}
.static-linker p a:hover {
    color: #009c8f;
}
@media screen and (max-width: 640px) {
    .static-linker p {
        font-size: 14px;
        line-height: 28px;
    }
}
.static-linker .micro-link a {
    background-color: #003594;
    padding: 10px;
    width: 59px;
    height: 59px;
    position: absolute;
    right: 13%;
    bottom: 80px;
    background-image: url("../images/icon-right.svg");
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.6s all ease;
}
.static-linker .micro-link a:hover {
    background-color: #000;
    transition: 0.6s all ease;
}
@media screen and (max-width: 1060px) {
    .static-linker .micro-link a {
        position: inherit;
        right: inherit;
        bottom: inherit;
        display: block;
    }
}
#projects-home .units-list > .clearfix:nth-child(2) .listing-blocks.full_height {
    float: right;
}
.projects-list a:hover {
    color: #fff;
}
.projects-list .listing-blocks {
    padding: 0px;
}
.projects-list .listing-blocks .single-block:nth-child(2) {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0px;
    border-right: 10px solid #ffffff;
}
@media screen and (max-width: 768px) {
    .projects-list .listing-blocks .single-block:nth-child(2) {
        width: 100%;
        margin-bottom: 10px;
        border-right: 0px;
    }
}
.projects-list .listing-blocks .single-block:nth-child(3) {
    width: 50%;
    float: left;
    display: inline-block;
    margin: 0px;
}
@media screen and (max-width: 768px) {
    .projects-list .listing-blocks .single-block:nth-child(3) {
        width: 100%;
        margin-bottom: 10px;
        border-right: 0px;
    }
}
.projects-list .listing-blocks .single-block {
    height: 322px;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
}
.projects-list .listing-blocks .single-block:before {
    content: "";
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 1;
    pointer-events: none;
}
.projects-list .listing-blocks .single-block:hover .grad-black {
    visibility: visible;
    opacity: 1;
    transition: 0.4s all ease;
}
.projects-list .listing-blocks .single-block:hover .block_image {
    transform: scale(1.1);
    transition: 0.4s all ease;
}
.projects-list .listing-blocks .single-block .block_image {
    position: absolute;
    width: 100%;
    top: 0;
    height: 100%;
    left: 0;
    transition: 0.4s all ease;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.projects-list .listing-blocks .single-block .block-icon {
    position: absolute;
    right: 20px;
    bottom: 20px;
    display: none;
    width: 40px;
    height: 40px;
    z-index: 2;
}
.projects-list .listing-blocks .single-block .block-icon a {
    display: block;
    height: 100%;
    width: 100%;
}
.projects-list .listing-blocks .single-block a {
    text-decoration: none;
}
.projects-list .listing-blocks .single-block .grad-black {
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 0.4s all ease;
    opacity: 0;
    visibility: hidden;
    background: -moz-linear-gradient(left, rgba(0, 140, 149, 0.9) 0%, rgba(5, 195, 222, 0.9) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 140, 149, 0.9) 0%, rgba(5, 195, 222, 0.9) 100%);
    background: linear-gradient(to right, rgba(0, 140, 149, 0.9) 0%, rgba(5, 195, 222, 0.9) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
}
.projects-list .listing-blocks .single-block .inner-have {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 0 0 35px;
    transition: 0.3s all ease;
}
.projects-list .listing-blocks .single-block .inner-have .block-content {
    position: absolute;
    z-index: 11;
    max-width: 80%;
}
.projects-list .listing-blocks .single-block .inner-have .block-content h5 {
    font-size: 28px;
    line-height: 32px;
    font-weight: 500;
    margin-top: 35px;
    position: relative;
    padding-bottom: 13px;
    font-family: "Montserrat";
    margin-bottom: 15px;
}
@media screen and (max-width: 540px) {
    .projects-list .listing-blocks .single-block .inner-have .block-content h5 {
        font-size: 26px;
        line-height: 32px;
    }
}
.projects-list .listing-blocks .single-block .inner-have .block-content h5:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    width: 40px;
    height: 2px;
    background: #fff;
    transition: 0.4s all ease;
}
.projects-list .listing-blocks .single-block .inner-have .block-content h5:hover {
    color: #ffffff;
}
.projects-list .listing-blocks .single-block .inner-have:hover .block-content h5:after {
    width: 20px;
    transition: 0.4s all ease;
}
.project-images .units-list .listing-blocks .single-block {
    height: 320px;
    margin-bottom: 10px;
}
.project-images h2 {
    color: #003594;
    text-align: center;
    margin: 30px 0;
}
.projects-list .chunks .listing-blocks:first-child .single-block {
    border-right: 10px solid #ffffff;
}
.projects-list .chunks .listing-blocks:first-child .single-block:hover a.full-link .inner-have {
    background-position: center center;
    transition: 0.9s all ease;
}
.projects-list .chunks .listing-blocks:first-child .single-block {
    height: 654px;
}
@media screen and (max-width: 540px) {
    .projects-list .chunks .listing-blocks:first-child .single-block {
        height: 300px;
        border-right: 0px;
        display: block;
        clear: both;
    }
}
.projects-list .chunks .listing-blocks:first-child .single-block a.full-link .inner-have {
    background-position: center center;
    transition: 0.4s all ease;
}
.projects-list .chunks .listing-blocks:first-child .single-block:hover a.full-link .inner-have {
    background-position: center right;
    transition: 0.4s all ease;
}
.projects-list .chunks .listing-blocks:first-child .single-block:hover a.full-link .inner-have .block-content h5:after {
    width: 20px;
    transition: 0.4s all ease;
}
a.more-link {
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    border: 0.5px solid #cacaca;
    padding: 10px 20px;
    text-decoration: none;
    transition: 0.4s all ease;
    background: transparent;
    margin: auto;
    margin-top: 40px;
    border-radius: 0px;
}
a.more-link:hover {
    background-color: #003594;
    color: white;
    border-color: white;
}
.business-brand-list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.business-brand-list li {
    border-bottom: 0.5px solid #cacaca;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 45px;
}
.business-brand-list li:first-child {
    border-top: 0px none;
    padding-top: 0px;
}
.business-brand-list li:last-child {
    border-bottom: 0px none;
    padding-bottom: 0px;
}
.business-brand-list li .read-more {
    clear: both;
    border-top: 0.5px solid #cacaca;
    max-width: 60%;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 15px;
}
.business-brand-list li .read-more a {
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: black;
    font-weight: 300;
}
.business-brand-list li .read-more a:hover {
    color: #003594;
    text-decoration: underline;
}
.business-brand-list li .read-more a.visit-site:before {
    content: "";
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-image: url("../images/link-icon.svg");
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.business-brand-list li .brand-img {
    float: left;
    width: 50%;
    text-align: center;
}
.business-brand-list li .brand-img img {
    max-width: 100%;
    height: auto;
}
.business-brand-list li .brand-description {
    float: left;
    width: 50%;
}
.business-brand-list li h3 {
    font-size: 42px;
    line-height: 56px;
    color: #000;
    margin-bottom: 20px;
}
.business-brand-list li p {
    color: #000;
    font-size: 13px;
    line-height: 23px;
    font-family: "Roboto", sans-serif;
}
.business-partners-wrap .partner-link-wrap {
    margin-top: 40px;
    width: 100%;
    float: left;
}
.business-partners-wrap .business-partner-list {
    width: 25%;
    padding: 63px 0;
    max-height: 220px;
    min-height: 220px;
    position: relative;
    float: left;
    border: 0.5px solid #cacaca;
    list-style: none;
    border-left: 0;
    margin-bottom: -2px;
    list-style: none;
    text-align: center;
}
.business-partners-wrap .business-partner-list.no-rightborder {
    border-right: 0;
}
.business-partners-wrap .business-partner-list img {
    height: auto;
    max-width: 150px;
    max-height: 30px;
    width: auto;
    display: block;
    margin: auto;
}
@media screen and (max-width: 768px) {
    .business-partners-wrap .business-partner-list {
        width: 50%;
        border: 0.5px solid #cacaca;
    }
}
@media screen and (max-width: 640px) {
    .business-partners-wrap .business-partner-list {
        width: 100%;
        border: 0.5px solid #cacaca;
        margin-bottom: 15px;
    }
}
.business-partners-wrap .business-partner-list button {
    display: inline-block;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    border: 0.5px solid #cacaca;
    padding: 10px 20px;
    text-decoration: none;
    transition: 0.4s all ease;
    background: transparent;
    margin: auto;
    margin-top: 40px;
    border-radius: 0px;
}
.business-partners-wrap .business-partner-list button:hover {
    background-color: #003594;
    color: white;
    border-color: white;
}
.client-list-wrap .clients-list li {
    list-style: none;
    margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
    .client-list-wrap .clients-list li {
        width: 33%;
        float: left;
    }
}
@media screen and (max-width: 640px) {
    .client-list-wrap .clients-list li {
        width: 50%;
    }
}
@media screen and (max-width: 375px) {
    .client-list-wrap .clients-list li {
        width: 100%;
    }
}
.client-list-wrap .clients-list li .client-image {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.client-list-wrap .clients-list li .client-image:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.client-list-wrap .clients-list li h3 {
    margin-top: 10px;
    min-height: 45px;
    line-height: 22px;
    font-size: 18px;
    font-weight: 200;
    color: #003594;
    text-align: center;
}
.default-content h3 {
    margin-top: 0px;
}
.default-content p {
    color: #000;
    line-height: 34px;
}
@media screen and (max-width: 768px) {
    .default-content p {
        line-height: 26px;
    }
}
.sauces-list ul {
    padding: 20px 10% 65px 10%;
    padding-top: 0px;
}
.sauces-list ul li {
    width: 24%;
    padding: 0 3%;
    text-align: center;
    list-style: none;
}
@media screen and (max-width: 540px) {
    .sauces-list ul li {
        width: 100%;
    }
}
.sauces-list ul li a img {
    margin: auto;
    max-width: 204px;
    transition: 0.4s all ease;
}
.intro-new {
    float: left;
    width: 100%;
    clear: both;
    padding-bottom: 0px !important;
}
.intro-new.sep-border-bottom .container:after {
    content: "";
    border-bottom: 1px solid #cacaca;
    margin-top: 54px;
    display: block;
    float: left;
    width: 100%;
}
.sep-border-top {
    margin-bottom: 30px;
}
.sep-border-top .container:before {
    content: "";
    border-top: 1px solid #cacaca;
    width: 100%;
    margin-top: 68px;
    display: block;
}
.border-sep .container {
    border-bottom: 1px solid rgba(61, 61, 61, 0.19);
}
.dec-padding {
    padding: 45px 20%;
}
.dec-padding p {
    padding: 10px 15%;
}
ul.link-blod {
    margin-bottom: 0px;
    margin: 0 -5px;
}
ul.link-blod li {
    width: 33.3333%;
    position: relative;
    margin-bottom: 0px;
    float: left;
    display: block;
    overflow: hidden;
}
@media screen and (max-width: 640px) {
    ul.link-blod li {
        width: 100%;
        margin-bottom: 15px;
    }
}
ul.link-blod li .blockylarge {
    width: 100%;
    margin: 0;
}
ul.link-blod li a.image-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}
ul.link-blod li a.image-link .img-holder {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-size: cover;
    background-position: center center;
    transform: scale(1) rotate(0deg);
    transition: 1.2s all ease;
}
ul.link-blod li a.image-link .content-holder {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 45%;
}
ul.link-blod li a.image-link .content-holder h4:after {
    display: none;
}
ul.link-blod li a:hover h4 {
    color: #fff !important;
}
ul.link-blod li:hover .img-holder {
    transform: scale(1.8) rotate(30deg) !important;
    transition: 3.2s all ease !important;
}
ul.link-blod li h4 {
    font-size: 24px;
    color: #fff !important;
}
.twentybottom {
    padding-bottom: 20px;
}
.border-bottom {
    border-bottom: 1px solid #cacaca;
}
.insta-reel {
    float: left;
    display: block;
    width: 100%;
}
.insta-reel .insta-head {
    background: #003594;
    padding: 20px 0;
    color: #fff;
}
.insta-reel .insta-head p {
    margin-bottom: 0px;
    font-size: 27px;
}
ul.insta-items li {
    padding: 0px;
    margin: 0px;
    width: 16.6%;
    float: left;
    background-size: cover;
    background-repeat: no-repeat;
}
.insta-feeds {
    position: relative;
    background: #003594;
    background: -moz-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: -webkit-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: linear-gradient(to right, #003594 0%, #05c3de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
    float: left;
    width: 100%;
}
.insta-feeds .insta-link {
    position: relative;
    width: 16.6%;
    display: inline-block;
    height: 190px;
    overflow: hidden;
    float: left;
    background: #258fa1;
}
@media screen and (max-width: 768px) {
    .insta-feeds .insta-link {
        width: 33.333%;
    }
}
@media screen and (max-width: 460px) {
    .insta-feeds .insta-link {
        min-width: 100%;
        border: 5px solid #ffffff;
    }
}
.insta-feeds .insta-link .feed_hover {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 18px;
    font-size: 19px;
    font-family: "Montserrat";
    font-weight: 200;
}
.insta-feeds .insta-link:hover .intheboxy {
    visibility: visible;
    opacity: 1;
    transition: 0.4s all ease;
}
.insta-feeds .insta-link .intheboxy {
    position: absolute;
    left: 0;
    color: #ffffff;
    z-index: 1;
    width: 100%;
    text-align: center;
    background-color: rgba(0, 124, 128, 0.7);
    height: 100%;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s all ease;
}
.insta-feeds .insta-link .intheboxy:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    font-size: 56px;
    left: 0;
    right: 0;
}
.insta-feeds .insta-link a {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.insta-feeds .insta-link span.intheboxy.fa.fa-instagram {
    position: absolute;
    bottom: 15px;
    left: 15px;
    color: #ffffff;
}
.insta-feeds .insta-link img {
    max-width: 340px;
}
@media screen and (max-width: 460px) {
    .insta-feeds .insta-link img {
        width: 100%;
    }
}
.insta-feeds .topheading-insta {
    padding: 15px 0;
    color: #ffffff;
    font-size: 30px;
}
.insta-feeds .topheading-insta .fa-instagram {
    font-size: 40px;
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 460px) {
    .insta-feeds .topheading-insta {
        font-size: 18px;
    }
}
.insta-feeds .topheading-insta .instatitle {
    font-size: 27px;
    font-weight: 200;
    line-height: 28px;
    display: inline-block;
    vertical-align: middle;
    font-family: "Montserrat";
    padding-left: 15px;
}
@media screen and (max-width: 460px) {
    .insta-feeds .topheading-insta .instatitle {
        font-size: 18px;
        line-height: 18px;
    }
}
.no-flow {
    overflow: hidden;
}
.no-flow .desktop-nav .nav > li > a:hover,
.no-flow .desktop-nav .nav > li > a:focus {
    color: #fff;
}
.no-flow .desktop-nav li a:after {
    background: #fff;
}
.no-flow .desktop-nav li.nav-selected a {
    color: #fff;
}
.no-flow header .elements-banner {
    position: relative;
    z-index: 6;
    padding-top: 25px;
}
.move-uper {
    position: absolute;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 11%;
}
@media screen and (max-width: 540px) {
    .move-uper {
        bottom: 20%;
    }
}
.move-uper h1 {
    margin-bottom: 10px;
    font-weight: 200;
    color: #fff;
    line-height: 52px;
}
@media screen and (max-width: 768px) {
    .move-uper h1 {
        font-size: 26px;
        line-height: 28px;
    }
}
.move-uper p {
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    line-height: 26px;
    margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
    .move-uper p {
        font-size: 14px;
        line-height: 20px;
    }
}
a.plain-link {
    font-size: 20px;
    font-weight: 300;
    color: #000;
    position: relative;
    display: inline-block;
    margin-top: 25px;
    transition: 0.4s all ease;
}
a.plain-link:hover {
    color: #009c8f;
}
a.plain-link:after {
    content: "";
    display: inline-block;
    background-image: url("../images/icon-down.svg");
    width: 16px;
    height: 8px;
    margin-left: 18px;
    vertical-align: middle;
}
.default-content {
    padding: 90px 0 75px 0;
}
@media screen and (max-width: 540px) {
    .default-content {
        padding: 25px 0;
    }
}
.intro-new h3 {
    text-align: center;
    font-size: 30px;
    color: #003594;
    margin-top: 10px;
}
.down-scroller {
    position: absolute;
    bottom: 5%;
    display: block;
    padding-left: 11%;
}
.down-scroller .trig-bot {
    background-image: url("../images/icon-arrow-down-white.svg");
    width: 30px;
    height: 15px;
    margin-bottom: 46px;
}
.down-scroller .trig-bot a {
    display: block;
    width: 100%;
    height: 100%;
}
.down-scroller .bc {
    color: #fff;
    font-weight: 700;
    font-size: 13px;
}
.down-scroller .bc span {
    padding: 0 10px;
}
.down-scroller .bc a {
    color: #fff;
    font-weight: 400;
}
.no-padding {
    padding: 0px;
}
.no-padding hr {
    margin: 0px;
    border-top: 1px solid #cacaca;
}
ul.desktopver {
    text-align: center;
    border-bottom: 1px solid #dcdcdc;
}
ul.desktopver li {
    display: inline-block;
}
@media screen and (max-width: 540px) {
    ul.desktopver li {
        width: 50%;
        float: left;
        border: 1px solid #cacaca;
        border-top: 0;
        border-left: 0;
        padding: 0;
    }
    ul.desktopver li:nth-child(even) {
        border-right: 0;
    }
    ul.desktopver li:last-child {
        border-bottom: 0;
    }
}
ul.desktopver li a {
    color: #000;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    transition: 0.4s all ease;
    padding: 26px 20px;
}
ul.desktopver li a:hover,
ul.desktopver li a.nav-path-selected {
    background-color: #ebebeb;
}
@media screen and (max-width: 991px) {
    ul.desktopver li a {
        padding: 10px 20px;
    }
}
@media screen and (max-width: 640px) {
    ul.desktopver li a {
        padding: 5px 10px;
    }
}
@media screen and (max-width: 540px) {
    ul.desktopver li a {
        padding: 10px 10px;
    }
}
@media screen and (max-width: 320px) {
    ul.desktopver li a {
        font-size: 12px;
    }
}
.home-brands ul.business-brand-list {
    list-style: none;
    text-align: center;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 40px;
}
.home-brands ul.business-brand-list li {
    clear: none;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    width: 20%;
    float: none;
    border-bottom: 0px none;
    margin: 10px 0;
}
.home-brands ul.business-brand-list li img {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.item-search {
    position: relative;
    clear: both;
    text-align: center;
    max-width: 300px;
    margin: auto;
    margin-bottom: 55px;
}
.item-search input[type="text"] {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #38383c;
    font-weight: 300;
    background-color: #ebebeb;
    border: 0px none;
    min-width: 295px;
    min-height: 54px;
    padding: 0 50px 0 25px;
}
@media screen and (max-width: 640px) {
    .item-search input[type="text"] {
        width: 100%;
    }
}
@media screen and (max-width: 320px) {
    .item-search input[type="text"] {
        min-width: 270px;
    }
}
.item-search.placeholder {
    color: #38383c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
}
.item-search :-moz-placeholder {
    color: #38383c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
}
.item-search ::-moz-placeholder {
    color: #38383c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
}
.item-search ::-webkit-input-placeholder {
    color: #38383c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
}
.item-search :-ms-input-placeholder {
    color: #38383c;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    font-weight: 100;
}
.item-search input[type="submit"] {
    background-image: url("../images/icon-search-dark.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline;
    text-indent: -99999px;
    position: relative;
    border: 0px none;
    height: 18px;
    width: 18px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 25px;
}
.introduction-content {
    padding: 16px 0;
}
.introduction-content .columns-row ul,
.introduction-content .center ul {
    margin-bottom: 20px;
}
.introduction-content .columns-row p,
.introduction-content .columns-row li,
.introduction-content .center p,
.introduction-content .center li {
    text-align: left;
}
.introduction-content .columns-row li,
.introduction-content .center li {
    list-style: none;
    padding-left: 30px;
    background-image: url("../images/icon-tick.svg");
    background-repeat: no-repeat;
    background-position: 0 5px;
    background-size: 20px auto;
    margin-bottom: 10px;
    font-size: 16px;
}
.introduction-content .columns-row p a,
.introduction-content .center p a {
    color: #003594;
    text-decoration: underline;
}
.introduction-content .columns-row p a:hover,
.introduction-content .center p a:hover {
    text-decoration: none;
}
.introduction-content .center p {
    text-align: center;
}
.introduction-content .dynamite {
    max-width: 25%;
    margin: auto;
    margin-bottom: 35px;
}
@media screen and (max-width: 991px) {
    .introduction-content .dynamite {
        max-width: 100%;
    }
}
.introduction-content p {
    color: #000;
}
.introduction-content h1,
.introduction-content h2 {
    color: #003594;
    margin-bottom: 15px;
    font-size: 40px;
    line-height: 50px;
}
@media screen and (max-width: 991px) {
    .introduction-content h1,
    .introduction-content h2 {
        clear: both;
    }
}
@media screen and (max-width: 720px) {
    .introduction-content h1,
    .introduction-content h2 {
        font-weight: 200;
        font-size: 30px;
        line-height: 38px;
    }
}
@media screen and (max-width: 540px) {
    .introduction-content h1,
    .introduction-content h2 {
        font-size: 25px;
        line-height: 33px;
    }
}
.introduction-content h5 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 200;
}
.block-holder {
    position: relative;
    min-height: 322px;
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
}
.block-holder .green-overlay {
    background: rgba(0, 158, 145, 0.1);
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    transition: 0.2s all ease;
}
.block-holder .contentblock-holder {
    position: absolute;
    top: 50%;
    left: 0px;
    transition: 0.4s all ease;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.block-holder .contentblock-holder .link-direct {
    background-color: white;
    display: block;
    max-width: 230px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 0;
}
.block-holder .contentblock-holder .link-direct a {
    font-size: 23px;
    font-weight: 200;
    color: #000;
    display: block;
    padding: 20px;
    transition: 0.4s all ease;
}
.block-holder .contentblock-holder .link-direct a:hover {
    color: #009c8f;
}
.block-holder .contentblock-holder .link-direct a:after {
    content: "";
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    width: 9px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.block-holder .contentblock-holder .content-transit {
    margin-top: 75px;
    padding-left: 35px;
    opacity: 0;
    transition: 1s all ease;
}
.block-holder .contentblock-holder .content-transit ul li {
    list-style: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}
.block-holder .contentblock-holder .content-transit ul li:last-child {
    border-bottom: none;
}
@media screen and (max-width: 991px) {
    .block-holder {
        margin-bottom: 15px;
    }
}
.catalog-block {
    background-size: cover;
    height: 212px;
    border: 5px solid #fff;
    position: relative;
}
.catalog-block .catalog-link {
    position: absolute;
    top: 39%;
    background: #003594;
    padding: 15px 20px;
}
.catalog-block .catalog-link a {
    color: #fff;
    padding: 10px 20px;
    position: relative;
    font-size: 18px;
}
.catalog-block .catalog-link a:after {
    content: "";
    position: absolute;
    right: -5px;
    top: 12px;
    background-image: url("../images/next-peon.png");
    width: 9px;
    height: 16px;
}
.vertical-spacing {
    padding: 25px 0;
    clear: both;
}
.sc-go-link {
    background-color: #003594;
    display: block;
    max-width: 260px;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
}
.sc-go-link a {
    font-size: 23px;
    font-weight: 200;
    color: #fff;
    line-height: 25px;
    display: block;
    padding: 20px 35px 20px 20px;
    transition: 0.4s all ease;
}
@media screen and (max-width: 768px) {
    .sc-go-link a {
        padding: 10px 20px;
        font-size: 20px;
    }
}
.sc-go-link a:focus {
    text-decoration: none;
}
.sc-go-link a:hover {
    color: #009c8f;
}
.sc-go-link a:after {
    content: "";
    background-image: url("../images/icon-right-white.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 8px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 24px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.prod-item-details .prod-summary p,
.prod-item-details .prod-summary li {
    color: #000;
}
.prod-item-details .prod-summary ul {
    padding-left: 20px;
    margin-bottom: 15px;
}
.prod-models .dataTables_wrapper {
    padding: 50px 0;
    border-top: 1px solid #cacaca;
    margin-top: 50px;
}
.prod-models .dataTables_wrapper .dataTables_filter input {
    border: 1px solid #cacaca;
    color: #000;
    font-family: roboto;
    padding: 5px 10px;
}
.prod-models .dataTables_wrapper .dataTables_length select {
    border: 1px solid #cacaca;
    padding: 5px;
}
.prod-models .dataTables_wrapper table.dataTable.display tbody tr > .sorting_1,
.prod-models .dataTables_wrapper table.dataTable.order-column.stripe tbody tr > .sorting_1 {
    background-color: transparent;
}
.prod-models .dataTables_wrapper table.dataTable tbody th,
.prod-models .dataTables_wrapper table.dataTable tbody td {
    padding-left: 18px;
    padding-right: 18px;
}
.prod-models .dataTables_wrapper table.dataTable.stripe tbody tr.odd,
.prod-models .dataTables_wrapper table.dataTable.display tbody tr.odd {
    background-color: #e9e9e9;
}
.prod-models .dataTables_wrapper .dataTables_paginate .paginate_button {
    margin: 0;
    padding: 0.5em;
    border: 0;
}
.prod-models .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.prod-models .dataTables_wrapper .dataTables_paginate .paginate_button.current,
.prod-models .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    background: none !important;
    border: none !important;
    color: #003594 !important;
    font-weight: 400;
}
#productModal .make-enquery-wrap {
    position: relative;
    top: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
#productModal .make-enquery-wrap h4 {
    display: block;
    color: #fff;
}
#productModal .make-enquery-wrap h4::after {
    display: none;
}
#productModal .make-enquery-wrap .formidable {
    margin-top: 20px;
    overflow: hidden;
}
.products-set hr {
    border-top: 0.5px solid #cacaca;
    clear: both;
    margin-bottom: 42px;
}
.products-set .cat-teaser {
    margin-top: 15px;
    margin-bottom: 20px;
}
.products-set .cat-teaser p {
    color: #000;
}
.products-set .cat-description {
    margin-bottom: 10px;
}
.products-set .cat-description h5 {
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #000;
}
.products-set .cat-description ul {
    padding-left: 16px;
}
.products-set .cat-description ul li {
    font-size: 14px;
    color: #000;
    font-family: "Roboto", sans-serif;
    line-height: 24px;
}
.products-set .cat-description ul li p {
    margin: 0;
}
.products-set .prod-image {
    min-height: 360px;
    border: 0.5px solid #cacaca;
}
.products-set .single-caty {
    margin-bottom: 62px;
}
.products-set .single-caty .wrap-product {
    position: relative;
}
.products-set .single-caty .wrap-product .all-link {
    position: absolute;
    top: 30%;
}
.products-set .single-caty .wrap-product .all-link a {
    background-color: white;
    font-size: 25px;
    color: #000;
    font-family: "Montserrat";
    font-weight: 200;
    line-height: 55px;
    display: block;
    padding: 10px 20px;
    transition: 0.4s all ease;
}
.products-set .cat-item-details h3 a {
    border: 0px none;
}
.products-set .cat-item-details .cat-teaser {
    margin-bottom: 14px;
}
.products-set .cat-item-details .cat-description h5 {
    margin-top: 0px;
    margin-bottom: 4px;
    line-height: 14px;
}
@media screen and (max-width: 991px) {
    .products-set .cat-item-details .single-caty {
        float: left;
        width: 50%;
    }
    .products-set .cat-item-details .clearfix {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .products-set .cat-item-details .single-caty {
        float: left;
        width: 100%;
        clear: both;
    }
}
.products-set h3 {
    margin: 0px;
    line-height: 30px;
    font-size: 22px;
    font-weight: 200;
    color: #003594;
    font-weight: 300;
}
.products-set h3 a {
    color: #003594;
    text-decoration: none;
    border-bottom: 0.5px solid #cacaca;
    display: block;
    transition: 0.4s all ease;
    padding: 15px 0 10px;
    margin-bottom: 15px;
    font-weight: 300;
}
.products-set h3 a:hover {
    color: #38383c;
}
.products-set .cat-item-details p {
    font-size: 14px;
    color: #000;
    line-height: 24px;
}
.products-set .cat-image {
    display: block;
    height: 280px;
    width: 100%;
    position: relative;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}
.products-set .cat-image img {
    visibility: hidden;
    opacity: 0;
}
.products-set .cat-item-details .cat-image {
    height: auto;
    min-height: 360px;
}
.products-set a.cat-more {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    text-decoration: none;
    position: relative;
    transition: 0.4s all ease;
}
.products-set a.cat-more:after {
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.products-set a.cat-more:hover {
    color: #009c8f;
}
.home-page .default-content {
    padding: 15px 0;
}
.home-page .default-content.dec-padding {
    padding: 70px 0 15px;
}
.home-page .clients-sorter {
    display: none;
}
.cat-item-details .enqry-btn,
.prod-item-details .enqry-btn {
    clear: both;
    margin-top: 10px;
    float: left;
    width: 100%;
}
.cat-item-details .enqry-btn a,
.prod-item-details .enqry-btn a {
    display: inline-block;
    padding: 8px 30px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    border: 0.5px solid #cacaca;
    text-decoration: none;
    transition: 0.4s all ease;
}
.cat-item-details .enqry-btn a:hover,
.prod-item-details .enqry-btn a:hover {
    background: #003594;
    border: 1px solid #003594;
    color: #fff;
}
@media screen and (max-width: 768px) {
    .cat-item-details .enqry-btn a,
    .prod-item-details .enqry-btn a {
        font-size: 13px;
        padding: 6px 20px;
    }
}
.spacy-bot {
    margin-bottom: 45px !important;
}
#pagination {
    font-family: "Montserrat";
    float: left;
    width: 100%;
    padding: 20px 0;
}
#pagination .ccm-pagination > span,
#pagination .ccm-pagination > span a {
    font-size: 16px;
    color: #9b9b9b;
    display: inline-block;
}
#pagination .ccm-pagination > span:hover,
#pagination .ccm-pagination > span.active,
#pagination .ccm-pagination > span a:hover,
#pagination .ccm-pagination > span a.active {
    color: #009c8f;
}
#pagination .ccm-pagination > span.active,
#pagination .ccm-pagination > span a.active {
    font-size: 18px;
    font-family: "Montserrat";
}
#pagination .ccm-pagination span.numbers {
    margin: 10px 5px;
}
#pagination span.ccm-page-left,
#pagination span.ccm-page-right {
    border: 0.5px solid #bcbcbc;
    display: inline-block;
    padding: 10px 20px;
    transition: 0.4s all ease;
    opacity: 0.4;
}
@media screen and (max-width: 540px) {
    #pagination span.ccm-page-left,
    #pagination span.ccm-page-right {
        display: none;
    }
}
#pagination span.ccm-page-left:hover,
#pagination span.ccm-page-right:hover {
    opacity: 1;
}
#pagination span.ccm-page-left a::before {
    background-image: url("../images/icon-left-black.svg");
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-right: 25px;
}
@media screen and (max-width: 540px) {
    #pagination span.ccm-page-left a::before {
        display: none;
    }
}
#pagination .ccm-page-right {
    padding-right: 0px;
}
#pagination .ccm-page-right a::after {
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    width: 8px;
    height: 12px;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 25px;
}
.formidable_row.action-bar {
    clear: both;
    width: 50%;
    float: right;
    padding: 0 20px;
}
.formidable_row.action-bar input#submit {
    background: #003594;
    border: 0px;
    border-radius: 0px;
    padding: 12px 30px;
    transition: 0.4s all ease;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 20px;
    display: block;
    width: 100%;
}
.formidable_row.action-bar input#submit:focus {
    color: white;
}
.formidable_row.action-bar input#submit:hover {
    color: #000;
    background: #fff;
    transition: 0.4s all ease;
}
.formidable_column.w50 {
    float: left;
    width: 50%;
    color: #000;
    padding: 20px;
}
.formidable_column.w50 .element.date {
    position: relative;
    display: block;
    clear: both;
    float: right;
    width: 100%;
}
.formidable_column.w50 .element.date .label {
    width: 100%;
    text-align: left;
    position: relative;
    left: 28.5%;
}
.formidable_column.w50 .element.date .input {
    float: right;
    position: relative;
    left: -5px;
}
.formidable_column.w50 .element.date select {
    width: 30%;
    background-size: 12px;
    background-position: 90% 52%;
    background-repeat: no-repeat;
}
.formidable_column.w50 .element {
    color: #000;
}
.formidable_column.w50 .element .input {
    width: 69%;
    display: inline-block;
    float: left;
    margin: 10px 0;
}
.formidable_column.w50 .element select {
    width: 100%;
    height: 45px;
    padding: 10px 20px;
    color: #000;
    line-height: 19px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    background: rgba(237, 237, 237, 0.4);
    background-image: url("../images/godown.png");
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: 95% 52%;
}
.formidable_column.w50 .element input.ccm-input-text {
    width: 100%;
    background: rgba(237, 237, 237, 0.4);
    color: #000;
    font-weight: 300;
    padding: 10px 20px;
    line-height: 19px;
    font-family: "Roboto", sans-serif;
    height: 45px;
    border: 0px;
}
.formidable_column.w50 .element textarea {
    width: 100%;
    min-height: 133px;
    border: 0px;
    background: rgba(237, 237, 237, 0.4);
    color: #000;
    font-weight: 300;
    padding: 10px 20px;
    line-height: 19px;
    font-family: "Roboto", sans-serif;
}
.formidable_column.w50 .element .label {
    color: #000;
    display: inline-block;
    width: 30%;
    float: left;
    font-size: 16px;
    color: #3d3d3d;
    text-align: right;
    font-weight: 200 !important;
}
.formidable_column.w50 .element label {
    font-weight: 300 !important;
    margin-top: 20px;
}
.blockylarge {
    position: relative;
    display: block;
    overflow: hidden;
    height: 382px;
}
.blockylarge .content-holding {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    transform: scale(1);
    transition: 0.4s all ease;
}
.blockylarge .contentinside {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    padding: 0 5%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blockylarge .contentinside h2 {
    font-size: 24px;
    letter-spacing: 0px;
    transition: 1s all ease;
    line-height: 30px;
    font-weight: 500;
    color: #fff;
}
.blockylarge .contentinside h2 a {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .blockylarge .contentinside h2 {
        font-size: 16px;
        line-height: 18px;
    }
}
@media screen and (max-width: 768px) {
    .blockylarge {
        max-height: 250px;
    }
}
ul.link-blod li:hover .content-holding,
ul.link-blod .blockylarge:hover .content-holding,
.solution-other li:hover .content-holding,
.solution-other .blockylarge:hover .content-holding {
    transform: scale(1.05);
    transition: 0.4s all ease;
}
ul.link-blod li:hover .content-holding h2,
ul.link-blod .blockylarge:hover .content-holding h2,
.solution-other li:hover .content-holding h2,
.solution-other .blockylarge:hover .content-holding h2 {
    letter-spacing: 1px;
    transition: 0.4s all ease;
}
.about-overview .links-hoster {
    border-top: 0px none;
    margin-top: 0;
}
.about-overview .links-hoster .project-gallery {
    margin-bottom: 0;
}
.feature-list ul {
    list-style: none;
    padding: 22px 0 80px 0;
    margin: 0;
    text-align: left;
    clear: both;
    float: left;
    width: 100%;
}
@media screen and (max-width: 640px) {
    .feature-list ul {
        padding-bottom: 10px;
    }
}
.feature-list ul li {
    float: left;
    width: 33.3333333%;
    font-weight: 300;
    margin-bottom: 30px;
    position: relative;
    padding-left: 75px;
    padding-right: 8%;
    font-size: 15px;
    line-height: 26px;
}
.feature-list ul li strong {
    font-size: 17px;
    font-weight: 200;
    color: #003594;
    display: block;
    padding-bottom: 10px;
    font-family: "Montserrat";
}
.feature-list ul li:before {
    background-image: url("../images/icon-tick.svg");
    height: 54px;
    width: 54px;
    content: "";
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
    .feature-list ul li {
        width: auto;
        clear: both;
        margin-bottom: 30px;
    }
}
.tabs-links {
    text-align: center;
    margin-bottom: 35px;
}
.tabs-links ul li {
    border: 1px solid #bebebe;
    padding: 7px 20px;
    cursor: pointer;
    transition: 0.4s all ease;
}
.tabs-links ul li:hover {
    border: 1px solid #003594;
    background: #003594;
    transition: 0.4s all ease;
}
.tabs-links ul li:hover a {
    color: #fff;
}
.tabs-links ul li a {
    font-size: 14px;
    font-weight: 300;
    color: #000;
}
.tabs-links ul li.active {
    background: #003594;
    color: #fff;
}
.tabs-links ul li.active a {
    color: #fff;
}
.productset-view-page .introduction-content {
    margin-bottom: 0px;
}
.categories-view-page .introduction-content {
    margin-bottom: 0px;
}
.enquiry-view-page .introduction-content {
    margin-bottom: 0px;
}
.formidable_message {
    text-align: Center;
    background: #003594;
    padding: 10px;
}
.formidable_message p {
    margin: 0;
    color: #fff;
}
.slim-search input::-webkit-input-placeholder,
.slim-search textarea::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:-moz-placeholder,
.slim-search textarea:-moz-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input::-moz-placeholder,
.slim-search textarea::-moz-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:-ms-input-placeholder,
.slim-search textarea:-ms-input-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:focus::-webkit-input-placeholder,
.slim-search textarea:focus::-webkit-input-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:focus:-moz-placeholder,
.slim-search textarea:focus:-moz-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:focus::-moz-placeholder,
.slim-search textarea:focus::-moz-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.slim-search input:focus:-ms-input-placeholder,
.slim-search textarea:focus:-ms-input-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input::-webkit-input-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:-moz-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input::-moz-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:-ms-input-placeholder {
    color: #fff;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:focus::-webkit-input-placeholder {
    font-weight: 200;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:focus:-moz-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:focus::-moz-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.mailing-list-email-wrap input:focus:-ms-input-placeholder {
    font-weight: 300;
    font-family: "Roboto", sans-serif;
}
.icon-float .icon-left {
    width: 10%;
    float: left;
    display: inline-block;
    margin-right: 10px;
}
.icon-float .icon-right {
    width: 83%;
    float: right;
    display: inline-block;
    padding-left: 20px;
}
.icon-float .icon-right h4 {
    color: #003594 !important;
    font-size: 17px;
    line-height: 18px;
    margin: 0px;
}
.icon-float .icon-right p {
    color: #000;
    font-size: 12px;
    line-height: 18px;
    max-width: 75%;
}
div#mCSB_1 {
    outline: none;
}
div#mCSB_1:after {
    outline: none;
}
.events-content {
    padding: 45px 0;
    background: #dedede;
    position: relative;
    overflow: auto;
}
.events-content .moment-text h4 {
    color: #003594;
    font-size: 11px;
    margin-bottom: 0;
}
.events-content h4 {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    line-height: 20px;
    color: #131c4e;
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
    font-weight: 300;
}
.events-content h4:after {
    display: none;
}
.events-content h3 {
    margin-top: 0px;
    font-size: 21px;
}
.events-content p {
    font-size: 12px;
    line-height: 16px;
    color: #000;
}
.events-content ul.galtl-list {
    outline: none;
    position: relative;
}
.events-content ul.galtl-list:before {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    position: absolute;
    width: 100%;
    left: 0;
    top: 190px;
    background: rgba(19, 28, 78, 0.2);
}
.events-content ul.galtl-list li.gal-moment.odd {
    top: -170px;
    padding-top: 0;
}
@media screen and (max-width: 767px) {
    .events-content ul.galtl-list li.gal-moment.odd {
        top: -190px;
    }
}
.events-content ul.galtl-list li.gal-moment.odd:first-child {
    left: 0;
    margin-left: 0;
}
.events-content ul.galtl-list li.gal-moment.odd .moment-text {
    top: auto;
    bottom: -212px;
    left: -120px;
}
.events-content ul.galtl-list li {
    display: block;
    position: relative;
    width: 300px;
    left: -100px;
    left: 0;
    padding-top: 100px;
    float: left;
}
.events-content ul.galtl-list li:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0px;
    background: rgba(19, 28, 78, 0.5);
    height: 170px;
    width: 1px;
}
@media screen and (max-width: 767px) {
    .events-content ul.galtl-list li:before {
        height: 190px;
    }
}
.events-content ul.galtl-list li .moment-text {
    padding-left: 20px;
    position: absolute;
    top: 20px;
    left: -100px;
}
@media screen and (max-width: 767px) {
    .events-content ul.galtl-list li .moment-description {
        margin: 0;
    }
    .events-content ul.galtl-list li .moment-description .moment-details {
        padding: 0;
        float: left;
        padding-left: 15px;
    }
}
@media screen and (max-width: 540px) {
    .events-content ul.galtl-list li .moment-details {
        width: 200px;
    }
}
.events-content ul.galtl-list:focus {
    outline: none;
}
.events-content .tlyear {
    font-size: 21px;
    color: #000;
}
.events-content .tlyear h3 {
    font-size: 21px;
    font-weight: 300;
    color: #000;
    line-height: 25px;
}
.events-content .timeline-img {
    position: relative;
    left: 6px;
}
@media screen and (max-width: 720px) {
    .events-content .timeline-img {
        width: 150px;
    }
}
@media screen and (max-width: 540px) {
    .events-content .timeline-img {
        width: 100px;
    }
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    top: 139px;
    z-index: 98;
    position: absolute;
}
.mCSB_scrollTools .mCSB_buttonLeft {
    background: url("../images/arrow-dark-left.svg");
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 90px !important;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-color: transparent;
    background-position: center center !important;
    border: none;
    font-size: 0px;
    position: absolute;
    z-index: 10;
    top: 38%;
    opacity: 1;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 1%;
    right: 1%;
}
.mCSB_scrollTools .mCSB_buttonRight {
    background: url("../images/arrow-dark-right.svg");
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 90px !important;
    background-repeat: no-repeat;
    background-size: 16px auto;
    background-color: transparent;
    background-position: center center !important;
    border: none;
    font-size: 0px;
    position: absolute;
    z-index: 10;
    top: 38%;
    opacity: 1;
}
.mCSB_scrollTools .mCSB_draggerContainer {
    display: none;
}
.timelinegal .events-content .mCSB_container {
    margin-bottom: 0;
}
.timeline-heading h6 {
    font-size: 32px;
    color: #000;
    font-weight: 200;
    line-height: 58px;
    padding-bottom: 15px;
    font-family: "Montserrat";
}
@media screen and (max-width: 540px) {
    .timeline-heading h2 {
        font-size: 19px;
    }
}
.static-informatics {
    padding: 55px 0;
    display: block;
    float: left;
}
.static-informatics .col-md-6:first-child {
    border-right: 2px solid #ffffff;
    background-size: cover;
    height: 430px;
    background-position: center center;
}
.static-informatics .col-md-6:last-child {
    border-left: 2px solid #ffffff;
}
@media screen and (max-width: 991px) {
    .static-informatics .col-md-6:last-child {
        margin-top: 15px;
        border-left: 0px none;
    }
}
.static-informatics .green-back {
    background: #003594;
    padding: 22px 40px;
    color: #fff;
}
.static-informatics h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 200;
    margin-top: 0;
}
.static-informatics p {
    font-size: 14px;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 16px;
}
.static-informatics h5 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 0px;
    font-weight: 200;
}
.static-informatics h6 {
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
}
ul.saleh-ul li {
    width: 49.9%;
    padding: 0px;
    margin: 0px;
    border: 0px;
    float: left;
    max-height: 380px;
}
.outer-act {
    margin: 40px 0;
}
.outer-act h2 {
    color: #003594;
}
.outer-act p,
.outer-act li {
    font-size: 14px;
    line-height: 24px;
    color: #000;
}
.outer-act li {
    list-style: none;
    padding-left: 30px;
    background-image: url("../images/icon-tick.svg");
    background-repeat: no-repeat;
    background-position: 0 4px;
    background-size: 20px auto;
    margin-bottom: 10px;
}
.outer-act ul {
    margin-left: 20px;
}
.outer-act .padd-act {
    padding: 30px 40px;
}
.greyone {
    border-top: 0.5px solid #cacaca;
    margin-bottom: 25px;
}
.empower-page .introduction-content {
    margin-bottom: 0px !important;
}
.links-hostersingle ul.quality-ul li {
    width: 100%;
    max-height: 380px;
}
.links-hostersingle ul.quality-ul li .blockylarge {
    max-height: 380px;
}
.owl-reviews {
    background: url("../images/icon-quots.svg");
    background-repeat: no-repeat;
    background-position: center center;
    padding: 45px 0;
    clear: both;
}
@media screen and (max-width: 1199px) {
    .owl-reviews {
        background-size: 50%;
        padding: 0;
    }
}
@media screen and (max-width: 375px) {
    .owl-reviews {
        background-size: 100%;
    }
}
@media screen and (max-width: 640px) {
    .owl-reviews {
        padding: 25px 0;
    }
}
.owl-reviews .single-review {
    max-width: 50%;
    text-align: center;
    padding-bottom: 6px;
    margin: auto;
}
@media screen and (max-width: 540px) {
    .owl-reviews .single-review {
        max-width: 80%;
    }
}
.owl-reviews .single-review h5 {
    font-weight: 200;
    font-size: 20px;
    color: #003594;
    font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 540px) {
    .owl-reviews .single-review h5 {
        font-size: 16px;
    }
}
.owl-reviews .single-review p {
    font-size: 16px;
    color: #000;
}
@media screen and (max-width: 540px) {
    .owl-reviews .single-review p {
        font-size: 13px;
        line-height: 20px;
    }
}
.owl-reviews .single-review h6 {
    color: #000;
    font-size: 16px;
}
@media screen and (max-width: 540px) {
    .owl-reviews .single-review h6 {
        font-size: 14px;
    }
}
.reviews-heading h2 {
    color: #003594;
    font-size: 30px;
    margin-bottom: 0;
}
@media screen and (max-width: 540px) {
    .reviews-heading h2 {
        font-size: 24px;
        line-height: 30px;
    }
}
.reviews-heading p {
    display: none;
}
.owl-reviews .owl-buttons {
    position: absolute;
    top: 40%;
    width: 100%;
}
.owl-reviews .owl-buttons .owl-prev {
    background: url("../images/icon-left-black.svg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-left: 20px;
    font-size: 0px;
    width: 12px;
    height: 24px;
    display: inline-block;
}
.owl-reviews .owl-buttons .owl-next {
    background: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    background-position: center center;
    margin-right: 20px;
    font-size: 0px;
    width: 12px;
    height: 24px;
    float: right;
    display: inline-block;
}
.owl-reviews .owl-pagination {
    text-align: center;
}
.owl-reviews .owl-pagination .owl-page.active {
    background: #003594;
    height: 1px;
    width: 20px;
    display: inline-block;
    margin: 0 2px;
}
.owl-reviews .owl-pagination .owl-page {
    background: #cccccc;
    margin: 0 2px;
    height: 1px;
    width: 20px;
    display: inline-block;
}
.partners-explore a {
    display: inline-block;
    padding: 8px 30px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    border: 0.5px solid #cacaca;
    padding: 10px 20px;
    text-decoration: none;
    transition: 0.4s all ease;
}
.partners-explore a:hover {
    background-color: #003594;
    color: white;
    border-color: #003594;
}
.sc-preloader {
    width: 35px;
    height: 35px;
    padding: 0px;
    border-radius: 100%;
    border: 2px solid;
    border-top-color: rgba(255, 255, 255, 0.65);
    border-bottom-color: rgba(255, 255, 255, 0.65);
    border-left-color: rgba(255, 255, 255, 0.15);
    border-right-color: rgba(255, 255, 255, 0.15);
    -webkit-animation: preloader3 0.8s ease-in-out infinite alternate;
    animation: preloader3 0.8s ease-in-out infinite alternate;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    z-index: 999999;
    display: block;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 1060px) {
    .sc-preloader {
        display: none;
    }
}
@keyframes preloader3 {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
@-webkit-keyframes preloader3 {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
    }
}
.banner-area {
    height: 550px;
    position: relative;
    background: #333;
    overflow: hidden;
}
@media screen and (min-width: 1600px) {
    .banner-area {
        height: 650px;
    }
}
.banner-area.half-size {
    height: 400px;
}
.banner-area .videogradient {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 35%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=1 );
}
.banner-area iframe {
    pointer-events: none;
    border: 0;
}
@media screen and (max-width: 991px) {
    .banner-area iframe {
        display: none;
    }
}
.banner-area .slider-content {
    z-index: 2;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00ffffff',GradientType=1 );
    color: white;
}
.banner-area .slider-content #ccm-highlighter {
    z-index: 99 !important;
}
#slides {
    height: 100%;
    overflow: hidden;
}
#slides.single li {
    opacity: 1 !important;
}
#slides ul li img {
    transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    transition: transform 0.1s ease 0.4s;
    -webkit-transition: transform 0.1s ease 0.4s;
    -moz-transition: transform 0.1s ease 0.4s;
}
#slides ul li img.top {
    top: 0 !important;
    bottom: auto !important;
}
#slides ul li img.bottom {
    bottom: 0 !important;
    top: auto !important;
}
#slides ul li img.left {
    left: 0 !important;
    right: auto !important;
}
#slides ul li img.right {
    right: 0 !important;
    left: auto !important;
}
#slides ul li.active img {
    transform: scale(1.15);
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    transition: transform 20s ease 0s;
    -webkit-transition: transform 20s ease 0s;
    -moz-transition: transform 20s ease 0s;
}
@media screen and (max-width: 1060px) {
    #slides ul video {
        display: none;
    }
}
.video,
.video video {
    position: absolute;
    min-height: 100%;
    min-width: 100%;
    left: 0;
    top: 0;
}
.partner-link-wrap {
    clear: both;
    text-align: center;
}
@media screen and (max-width: 640px) {
    .partner-link-wrap {
        padding-bottom: 15px;
    }
}
a.partner-btn,
a.learn-more {
    background-color: #003594;
    text-align: center;
    display: inline-block;
    margin: auto;
    padding: 10px 35px;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    transition: 0.4s all ease;
    font-size: 18px;
    font-weight: 300;
    color: #fff;
}
a.partner-btn:hover,
a.learn-more:hover {
    background-color: #000;
}
a.partner-btn:focus,
a.learn-more:focus {
    color: white;
}
a.learn-more {
    padding: 15px 45px;
    font-size: 24px;
}
.partners-wrap h2 {
    color: #003594;
    text-align: center;
}
.our-clients {
    float: left;
    margin-bottom: 40px;
    width: 100%;
}
.our-clients .partners_sub h2 {
    color: #003594;
    text-align: center;
}
.our-clients .partners_sub .sauces-list ul {
    padding: 0;
    float: left;
    width: 100%;
    border-top: 0.5px solid #cacaca;
}
.our-clients .partners_sub .sauces-list ul li {
    padding: 63px 0;
    width: 25%;
    float: left;
    text-align: center;
    border-right: 0.5px solid #cacaca;
    border-bottom: 0.5px solid #cacaca;
    position: relative;
    min-height: 220px;
}
.our-clients .partners_sub .sauces-list ul li:nth-child(4n) {
    border-right: 0px none;
}
.button-wrap {
    text-align: center;
    margin-top: 14px;
    float: left;
    width: 100%;
}
.button-wrap a:focus {
    text-decoration: none;
}
.sc-client-items .sauces-list ul {
    padding: 0;
    float: left;
    width: 100%;
    border-bottom: 0.5px solid #cacaca;
}
.sc-client-items .sauces-list ul li {
    min-height: 174px;
    position: relative;
    float: left;
    border-right: 0.5px solid #cacaca;
    border-top: 0.5px solid #cacaca;
}
.sc-client-items .sauces-list ul li:nth-child(4n) {
    border-right: 0px none;
}
.certi-wrap {
    margin-bottom: 50px;
}
.certi-wrap:nth-child(4n + 1) {
    clear: both;
}
.certi-wrap .certi-image {
    background: #eee;
    height: 264px;
    overflow: hidden;
}
.certi-wrap h2 {
    font-size: 22px;
    color: #003594;
    line-height: 28px;
    margin-bottom: 10px;
    margin-top: 10px;
}
.certi-wrap .certi-description p {
    color: #000;
    min-height: 55px;
    margin: 0;
}
ul.client-sorter {
    text-align: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
    ul.client-sorter {
        float: left;
        width: 100%;
        margin-bottom: 30px;
    }
}
ul.client-sorter li select {
    background-color: rgba(237, 237, 237, 0.4);
    color: #3d3d3d;
    height: 48px;
    width: 100%;
}
@media screen and (max-width: 991px) {
    ul.client-sorter li {
        display: inline-block;
        vertical-align: middle;
        width: 48%;
        margin-bottom: 15px;
    }
    ul.client-sorter li select {
        min-width: 100%;
    }
}
@media screen and (max-width: 460px) {
    ul.client-sorter li {
        display: block;
        width: 100%;
    }
}
.clients-page .introduction-content {
    margin-bottom: 0px;
}
.partners-page .clients-sorter {
    display: none;
}
.exclusive-partners h2 {
    text-align: center;
    color: #003594;
    font-size: 30px;
}
@media screen and (max-width: 640px) {
    .exclusive-partners .container {
        padding: 0;
    }
}
.sc-content {
    display: none;
}
.project-map-wrap {
    clear: both;
    float: left;
    width: 100%;
}
.projct-map-show {
    text-align: center;
    margin-bottom: 15px;
    border-bottom: 0px none;
}
.projct-map-show a {
    font-size: 17px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    color: #3d3d3d;
    display: block;
    background-color: #ebebeb;
    padding: 13px 35px;
    transition: 0.4s all ease;
}
.projct-map-show a:focus {
    color: #000;
    text-decoration: none;
}
.projct-map-show span {
    display: inline-block;
    vertical-align: middle;
    width: 33.33%;
    padding: 0 2px;
}
@media screen and (max-width: 991px) {
    .projct-map-show span {
        width: 48%;
    }
}
@media screen and (max-width: 460px) {
    .projct-map-show span {
        width: 100%;
        margin-bottom: 15px;
        padding: 0;
    }
}
.projct-map-show span.active a,
.projct-map-show span:hover a {
    background-color: #003594;
    color: white;
}
@media screen and (max-width: 991px) {
    .projct-map-show {
        margin-bottom: 15px;
    }
}
.project-tab-content {
    overflow: auto;
    position: relative;
}
.project-tab-content h3 {
    text-align: center;
}
.project-tab-content #project-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.project-tab-content #project-map.active {
    position: static;
}
.project-tab-content .tab-pane {
    opacity: 0;
    display: block;
}
.project-tab-content .tab-pane.active {
    opacity: 1;
    z-index: 1;
}
.project-tab-content #projects-home {
    display: none;
}
.project-tab-content #projects-home.active {
    display: block;
}
.filter-project .list-inline > li {
    width: 22%;
    padding: 0 2px;
}
@media screen and (max-width: 767px) {
    .filter-project .list-inline > li {
        width: 100%;
    }
}
.case-container .case-info {
    position: relative;
}
@media screen and (max-width: 720px) {
    .case-container .case-info {
        display: none;
    }
}
.case-container .case-info .pointer {
    position: absolute;
    background-repeat: no-repeat;
    background-size: auto 50px;
}
.case-container .case-info .pointer.active {
    z-index: 1;
}
.case-container .case-info .pointer.active .dot {
    display: none;
}
.case-container .case-info .pointer.active div.pointer-box {
    display: block;
}
.case-container .case-info .pointer.active.left {
    background-image: url("../images/case-pointer-right.svg");
}
.case-container .case-info .pointer.active.right {
    background-image: url("../images/case-pointer-left.svg");
}
.case-container .case-info .pointer.left {
    background-position: 0 0;
    padding-left: 55px;
    padding-top: 1px;
}
.case-container .case-info .pointer.left .dot {
    left: 0;
    top: 0;
}
.case-container .case-info .pointer.right {
    background-position: right 0;
    padding-right: 55px;
}
.case-container .case-info .pointer.right .dot {
    right: 0;
}
.case-container .case-info .pointer .pointer-box {
    background: #fff;
    padding: 17px 25px 6px;
    margin: 8px 0;
    display: none;
    max-width: 350px;
}
.case-container .case-info .pointer p {
    color: #000;
    display: block;
    font-size: 14px;
    line-height: 21px;
}
.case-container .case-info .pointer ul li {
    margin-left: 30px;
    font-size: 13px;
}
.case-container .case-info .pointer .dot {
    background-repeat: no-repeat;
    background-size: auto 50px;
    background-image: url("../images/case-pointer-inactive.svg");
    background-position: center center;
    display: block;
    height: 50px;
    position: absolute;
    width: 50px;
}
.case-container .case-info.watercanal .pointer.one {
    left: 49%;
    top: 43%;
}
.case-container .case-info.watercanal .pointer.two {
    left: 60%;
    top: 43%;
}
.case-container .case-info.watercanal .pointer.three {
    left: 11.5%;
    top: 41%;
}
.case-container .case-info.watercanal .pointer.four {
    left: 26%;
    top: 47%;
}
.case-container .case-info.watercanal .pointer.five {
    left: 29.5%;
    top: 45%;
}
.project-gallery {
    margin-bottom: 40px;
}
.project-gallery .slide {
    padding: 0;
}
.project-gallery .slide a {
    padding: 0 5px;
    display: block;
}
.project-gallery .slick-dots {
    bottom: -30px;
}
.project-gallery .slick-dots li {
    width: auto;
    height: auto;
}
.project-gallery .slick-dots li:hover button,
.project-gallery .slick-dots li.slick-active button {
    background: #008589;
}
.project-gallery .slick-dots li button {
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #333;
}
.project-gallery .slick-dots li button::before {
    display: none;
}
ul.partners-list {
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    border-top: 0.5px solid #cacaca;
}
@media screen and (max-width: 768px) {
    ul.partners-list {
        border-top: 0;
    }
}
ul.partners-list .partners-explore {
    margin-top: 40px;
}
ul.partners-list li {
    padding: 40px 0;
    width: 25%;
    float: left;
    text-align: center;
    border-right: 0.5px solid #cacaca;
    border-bottom: 0.5px solid #cacaca;
}
ul.partners-list li .img-responsive {
    display: inline-block;
    min-height: 100px;
}
ul.partners-list li:nth-child(4n) {
    border-right: 0px none;
}
@media screen and (max-width: 768px) {
    ul.partners-list li {
        width: 48%;
        border: 0.5px solid #cacaca;
        margin-bottom: 10px;
        margin-left: 1%;
        margin-right: 1%;
    }
    ul.partners-list li:nth-child(4n) {
        border: 0.5px solid #cacaca;
    }
}
@media screen and (max-width: 640px) {
    ul.partners-list li {
        width: 99%;
    }
}
ul.partners-list.partners-only li {
    /*min-height: 270px;*/
}
ul.partners-list.partners-only li.vert-center {
    line-height: 189px;
}
.sc-recent-project .client-list ul {
    padding: 0;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 40px;
}
@media screen and (max-width: 540px) {
    .sc-recent-project .client-list ul {
        float: left;
    }
}
.sc-recent-project .client-list ul li {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-bottom: 20px;
}
@media screen and (max-width: 540px) {
    .sc-recent-project .client-list ul li {
        float: left;
        width: 50%;
        height: 50px;
    }
}
.sc-recent-project .client-list ul li img {
    position: inherit;
}
@media screen and (max-width: 991px) {
    .sc-recent-project .client-list ul li img {
        max-width: 100%;
        height: auto;
    }
}
@media screen and (max-width: 540px) {
    .sc-recent-project .client-list ul li img {
        max-width: 150px;
        height: 35px;
    }
}
.our-clients ul li {
    width: 25%;
}
@media screen and (max-width: 540px) {
    .our-clients ul li {
        width: 100%;
    }
}
.partner-page .tehra {
    position: relative;
    left: 0%;
    bottom: 0px;
}
.contact.googlemapshow {
    position: relative;
}
@media screen and (max-width: 640px) {
    .contact-info .col-xs-6 {
        width: 100%;
    }
}
.contact-info .formidable_message p {
    color: #fff;
}
.contact-info .error {
    color: red;
    font-size: 12px;
}
.contact-info h5 {
    text-align: left;
    margin-bottom: 20px;
    color: #003594;
}
.contact-info p {
    font-size: 16px;
    line-height: 30px;
    color: #3d3d3d;
}
.contact-info a {
    color: #3d3d3d;
    transition: 0.4s all ease;
}
.contact-info a:hover {
    color: #003594;
}
.contact-info h6 {
    font-style: italic;
    font-weight: 700;
    color: #3d3d3d;
    font-size: 18px;
}
.contact-info a.map-download-pdf {
    background-color: #003594;
    color: white;
    display: inline-block;
    padding: 10px 15px;
    transition: 0.4s all ease;
    font-size: 15px;
    margin-top: 10px;
}
.contact-info a.map-download-pdf:hover {
    background-color: #000;
}
.contact-info a.map-download-pdf:after {
    background-image: url("../images/icon-download.svg");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 22px;
    margin-left: 15px;
    vertical-align: middle;
    width: 25px;
}
.contact-info a.contact-map-link {
    background: #003594;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    padding: 10px 18px;
    transition: 0.4s all ease;
}
.contact-info a.contact-map-link:after {
    background-image: url("../images/icon-right.svg");
    content: "";
    height: 12px;
    width: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}
.contact-info a.contact-map-link:hover {
    background: #000;
    transition: 0.4s all ease;
}
.contact-info a.contact-map-link:focus {
    text-decoration: none;
}
.contact-info.additional-zone {
    float: left;
    width: 100%;
    margin-top: 26px;
}
.contact-info.additional-zone h6 {
    margin-top: 0;
}
.contact-info .contact-follow {
    float: left;
    width: 100%;
}
.contact-info .contact-follow h5 {
    font-size: 16px;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}
.contact-info .contact-follow li a {
    font-size: 18px;
}
.contacttheform h3 {
    text-align: center;
}
.contacttheform .formidable_row {
    margin-bottom: 20px;
}
.contacttheform .formidable_row.captcha {
    width: 70%;
    float: left;
}
.contacttheform .formidable_row.captcha .label {
    display: none;
}
.contacttheform .formidable_row.captcha .element {
    width: 100%;
}
@media screen and (max-width: 460px) {
    .contacttheform .formidable_row.captcha {
        width: 100%;
        margin-bottom: 0;
    }
}
.contacttheform .formidable_row.action-bar {
    float: left;
    width: 30%;
    padding: 0;
    clear: none;
}
@media screen and (max-width: 460px) {
    .contacttheform .formidable_row.action-bar {
        width: 100%;
    }
}
.contacttheform .formidable_row.action-bar .element {
    width: 100%;
}
.contacttheform .formidable_row.action-bar .element input {
    margin-top: 15px;
}
.contacttheform .element {
    width: 33.3333%;
    float: left;
    padding: 0 15px;
    margin-bottom: 20px;
}
@media screen and (max-width: 540px) {
    .contacttheform .element {
        width: 49%;
    }
}
@media screen and (max-width: 460px) {
    .contacttheform .element {
        width: 100%;
    }
}
.contacttheform .element.textarea {
    width: 100%;
}
.contacttheform .element .ccm-input-text,
.contacttheform .element .ccm-input-email,
.contacttheform .element .ccm-input-tel {
    background-color: rgba(237, 237, 237, 0.4);
    border: 0px;
    padding: 10px 15px;
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 16px;
}
.contacttheform .element input {
    width: 100%;
}
.contacttheform .element textarea {
    width: 100%;
    min-height: 165px;
    background: rgba(237, 237, 237, 0.4);
    border: 0px;
    padding: 10px 15px;
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    font-size: 16px;
    resize: none;
}
.contacttheform .element select {
    background-color: rgba(237, 237, 237, 0.4);
    padding: 10px 15px;
    font-weight: 300;
    font-size: 16px;
    width: 100%;
    height: 44px;
}
.contact-page .default-content {
    padding: 20px 0 50px;
}
.googlemapshow {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: absolute;
}
#map_canvas {
    height: 100%;
}
span.bh-heading {
    color: #003594;
    font-size: 19px;
}
.markerInfo.padd {
    padding-top: 10px;
    padding-left: 20px;
}
.markerInfo span {
    display: block;
    margin-bottom: 10px;
}
.markerInfo p,
.markerInfo a {
    color: #3d3d3d;
    font-size: 15px;
    line-height: 26px;
    margin: 5px 0;
}
.markerInfo a:hover {
    color: #008589;
}
.markerInfo a.project-btn {
    background-color: #003594;
    color: #fff;
    padding: 5px 10px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.markerInfo a.project-btn:hover {
    background-color: #000;
}
.markerInfo .bh-heading {
    font-weight: 200;
    font-family: "Montserrat";
    color: #003594;
}
a.direction-btn {
    background: #003594;
    display: inline-block;
    color: #ffffff;
    font-size: 15px;
    padding: 8px 20px;
    margin: 20px 0;
    transition: 0.4s all ease;
    min-width: 200px;
    text-align: center;
}
a.direction-btn:after {
    background-image: url("../images/icon-right.svg");
    content: "";
    height: 12px;
    width: 6px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 20px;
}
a.direction-btn:hover {
    background: #000;
    transition: 0.4s all ease;
}
.csr-home-block .parallax-block .paralax_wrap {
    padding: 18% 0;
}
.csr-parallax .parallax-block {
    background-position: center -50px;
}
.csr-parallax .csr-parallax-text {
    padding: 20px 5% 30px 5%;
    display: inline-block;
    position: relative;
    text-align: left;
    max-width: 60%;
    margin: 100px 0;
    background-color: rgba(0, 124, 128, 0.9);
}
@media screen and (max-width: 540px) {
    .csr-parallax .csr-parallax-text {
        max-width: 100%;
    }
}
.csr-parallax .csr-parallax-text h2 {
    font-size: 42px;
    line-height: 62px;
    color: white;
}
@media screen and (max-width: 768px) {
    .csr-parallax .csr-parallax-text h2 {
        font-size: 32px;
        line-height: 36px;
    }
}
@media screen and (max-width: 768px) {
    .csr-parallax .csr-parallax-text p {
        font-size: 14px;
        line-height: 22px;
    }
}
.csr-list .sc-container-warp.even .padd-act {
    float: right;
}
.csr-list .outer-act {
    border-top: 0.5px solid #cacaca;
    padding: 40px 0;
    margin: 0;
    float: left;
    clear: both;
    width: 100%;
}
.csr-list .outer-act h2 a {
    color: #003594;
}
.csr-list .outer-act h2 a:hover {
    color: #000;
}
.csr-list .outer-act .sc-text-right {
    padding-left: 85px;
}
@media screen and (max-width: 768px) {
    .csr-list .outer-act .sc-text-right {
        padding: 0;
    }
}
@media screen and (max-width: 768px) {
    .csr-list .outer-act {
        padding: 15px 0;
        margin-bottom: 15px;
    }
    .csr-list .outer-act .col-md-12 {
        padding: 0;
    }
}
.csr-list .greyone {
    background: transparent;
    border: 0px none;
    margin: 0;
}
.csr-page .tehra {
    left: 0;
    bottom: 0;
}
.csr-page .latest-news {
    border-top: 1px solid #cccccc;
    clear: both;
}
.csr-page .link-direct {
    min-width: 192px;
    text-align: center;
}
.stats-blocks {
    padding: 45px 0;
}
.news-details-date {
    padding-top: 10px;
}
.news-details-date .news-date {
    float: right;
    margin: 0 15px;
}
.news-details-date .news-date p {
    text-align: right !important;
    font-size: 12px;
    font-family: "Roboto", sans-serif;
    margin: 0;
}
.news-listing h2 {
    text-align: center;
    color: #003594;
}
.news-listing ul.news-teasers {
    display: block;
    float: left;
    border-top: 0.5px solid #cacaca;
}
.news-listing ul.news-teasers li {
    border-bottom: 0.5px solid #cacaca;
    float: left;
    padding: 3%;
}
.news-listing ul.news-teasers li a.more-details {
    display: none;
}
.news-listing ul.news-teasers li:hover .image-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    transition: 0.4s all ease;
}
.news-listing ul.news-teasers li:hover .image-hover a.more-details {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 27px;
    line-height: 67px;
    font-family: "Montserrat";
    font-weight: 200;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    width: 70%;
    margin: auto;
    padding: 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.news-listing ul.news-teasers li:hover .image-hover a.more-details:after {
    background-image: url("../images/icon-right.svg");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-left: 10px;
    height: 17px;
    width: 9px;
}
.news-listing ul.news-teasers li:hover .image-hover a.more-details:hover {
    color: #fff;
}
@media screen and (max-width: 768px) {
    .news-listing ul.news-teasers li {
        width: 50%;
        border-right: 0px none;
        border-left: 0px none;
    }
    .news-listing ul.news-teasers li:nth-child(2n) {
        border-right: 0px none;
        border-left: 0.5px solid #cacaca;
    }
}
@media screen and (max-width: 540px) {
    .news-listing ul.news-teasers li {
        width: auto;
        border-right: 0px none;
        border-left: 0px none;
        clear: both;
    }
    .news-listing ul.news-teasers li:nth-child(2n) {
        border-right: 0px none;
        border-left: 0px none;
    }
}
li.equalheights.no-rightborder {
    border-right: 0px;
}
.news-additional .back-btn a {
    margin-left: 15px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    color: #38383c;
    font-weight: 300;
    transition: 0.4s all ease;
    color: #009c8f;
}
.news-additional .back-btn a:hover {
    color: #000;
}
.news-additional .back-btn a:after {
    background-image: url("../images/icon-right-small.svg");
    content: "";
    width: 8px;
    height: 8px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 14px;
}
.news-additional p {
    color: #000;
    text-align: justify;
    font-size: 13px;
    margin-bottom: 40px;
}
.news-additional .blockylarge {
    margin: 0px;
    margin-bottom: 20px;
}
.news-additional img {
    max-width: 100%;
    height: auto;
    margin-bottom: 50px;
}
.news-view-page .introduction-content p {
    text-align: justify;
}
.news-view-page .introduction-content .dynamite {
    text-align: center;
}
.news-view-page .introduction-content .dynamite p {
    text-align: center;
}
.news-date p {
    font-size: 16px;
    font-weight: 500;
}
a.insight-link {
    position: absolute;
    left: 0px;
    top: 45%;
    background: #fff;
    z-index: 1;
    color: #000;
    padding: 15px 50px;
    transition: 0.4s all ease;
}
a.insight-link:hover {
    background: #000;
    color: #fff;
    transition: 0.4s all ease;
}
.insights-page .stats-blocks {
    padding: 25px 0;
}
.insights-page .introduction-content {
    margin-bottom: 0px;
}
@media screen and (max-width: 768px) {
    .insights-page .filter-type .filter-search {
        margin-top: 0;
    }
}
@media screen and (max-width: 720px) {
    .insights-page .filter-type .filter-search {
        margin-top: 10px;
    }
}
.chunks.even .listing-blocks:first-child {
    float: right;
}
.chunks.even .listing-blocks:first-child .single-block {
    border-right: 0px;
}
.chunks.even .listing-blocks:last-child {
    border-right: 10px solid #ffffff;
}
.projects-page .introduction-content {
    margin-bottom: 0px;
}
a.map-triggerer {
    font-size: 17px;
    background-image: url("../images/plus.png");
    background-repeat: no-repeat;
    background-position: 99% 50%;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    color: #3d3d3d;
    border: 1px solid rgba(61, 61, 61, 0.2);
    padding: 10px 16px;
    display: block;
    margin-bottom: 9px;
    width: 100%;
}
a.map-triggerer.active {
    background-image: url("../images/minus.png");
    background-position: 99% 49%;
}
.content-holdingg {
    position: relative;
}
.projects-page .googlemapshow {
    transition: 0.4s all ease;
    position: inherit;
}
.projects-page .googlemapshow #project_map_canvas {
    height: 500px;
}
.projects-page .googlemapshow.active {
    height: 500px;
    transition: 0.4s all ease;
}
.projects-page .stats-blocks {
    padding: 25px 0;
}
.units-list.active {
    position: relative;
    top: -65px;
    transition: 0.8s all ease;
}
.units-list {
    position: relative;
    height: 100%;
    padding-bottom: 10px;
}
.units-list.wrap-unit-list {
    margin: 0 -5px;
}
.units-list.wrap-unit-list .full_height {
    height: 650px;
}
@media screen and (max-width: 768px) {
    .units-list.wrap-unit-list .full_height {
        height: 325px;
    }
}
.units-list.wrap-unit-list .half_width {
    height: 325px;
}
@media screen and (max-width: 991px) {
    .units-list.wrap-unit-list .half_width {
        width: 50%;
        float: left;
    }
}
@media screen and (max-width: 640px) {
    .units-list.wrap-unit-list .half_width {
        width: 100%;
        float: left;
    }
}
.units-list.wrap-unit-list .quarter_width {
    width: 25%;
    height: 325px;
}
@media screen and (max-width: 991px) {
    .units-list.wrap-unit-list .quarter_width {
        width: 50%;
        float: left;
    }
}
@media screen and (max-width: 540px) {
    .units-list.wrap-unit-list .quarter_width {
        width: 100%;
    }
}
.business-units.description-block h3 {
    margin-top: 35px;
}
.description-block .container {
    position: relative;
}
.description-block .sc-uniq-details {
    padding-bottom: 48px;
    margin-bottom: 46px;
}
@media screen and (max-width: 640px) {
    .description-block .sc-uniq-details {
        padding-bottom: 0;
        margin-bottom: 15px;
    }
}
.description-block.uniq-list .sc-button {
    position: relative;
}
.description-block.uniq-list .sc-button a {
    position: inherit;
    top: auto;
    color: white;
    right: auto;
    padding: 10px 35px;
}
.description-block.uniq-list .sc-button a:after {
    display: none;
}
.description-block.uniq-list .sc-button a:hover {
    color: #fff;
    background-color: #000;
}
.description-block.uniq-list ul {
    padding-bottom: 30px;
}
@media screen and (max-width: 640px) {
    .description-block.uniq-list ul {
        padding-bottom: 15px;
    }
}
.description-block ul {
    list-style: none;
    padding: 37px 0 0 0;
    margin: 0;
    text-align: left;
    clear: both;
    float: left;
    width: 100%;
}
.description-block ul li {
    float: left;
    width: 33.3333333%;
    font-weight: 300;
    margin-bottom: 30px;
    position: relative;
    padding-left: 75px;
    padding-right: 5%;
    min-height: 60px;
}
.description-block ul li:before {
    background-image: url("../images/icon-tick.svg");
    height: 54px;
    width: 54px;
    content: "";
    display: inline-block;
    background-size: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 640px) {
    .description-block ul li:before {
        position: inherit;
        margin-right: 30px;
    }
}
@media screen and (max-width: 640px) {
    .description-block ul li {
        width: auto;
        clear: both;
        margin-bottom: 15px;
        padding-left: 0px;
    }
}
.description-block p {
    color: #000;
}
.description-block h3 {
    margin-top: 54px;
    margin-bottom: 10px;
    line-height: 58px;
}
@media screen and (max-width: 768px) {
    .description-block h3 {
        line-height: 36px;
    }
}
.description-block a {
    position: absolute;
    right: 15px;
    font-size: 18px;
    font-weight: 300;
    color: #000;
    top: 38%;
    padding-right: 16px;
    font-family: "Roboto", sans-serif;
    text-decoration: none;
    transition: 0.4s all ease;
}
.description-block a:hover {
    color: #009c8f;
}
.description-block a:after {
    content: "";
    position: absolute;
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    display: block;
    width: 7px;
    height: 15px;
    right: 0px;
    top: 6px;
}
ul.link-blod li {
    overflow: hidden;
}
ul.link-blod li:hover .new-effect {
    top: 171%;
    opacity: 1;
    transition: 0.4s all ease;
}
.bottom-items {
    clear: both;
}
@media screen and (max-width: 540px) {
    .bottom-items {
        margin-top: 50px;
    }
}
.business-project-sub {
    clear: both;
    width: 100%;
    float: left;
}
.sc-sort {
    font-weight: 100;
    font-size: 16px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #38383c;
    margin-bottom: 20px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.sc-sort span {
    display: inline-block;
    padding-right: 2px;
}
.sc-sort span:last-child {
    padding-right: 0;
}
.sc-sort select {
    width: 210px;
    height: 50px;
    background-color: #ebebeb;
    padding: 0 25px;
    font-size: 17px;
    font-weight: 300;
    line-height: 40px;
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
}
.sc-sort .sc-sort-drop {
    position: relative;
}
.sc-sort .sc-sort-drop:after {
    content: "";
    background-image: url("../images/icon-down.svg");
    background-repeat: no-repeat;
    display: block;
    width: 16px;
    height: 7px;
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 991px) {
    .insight_sub_wrap {
        text-align: center;
    }
    .insight_sub_wrap .sc-sort {
        position: relative;
        top: inherit;
        transform: inherit;
        margin: 15px 0;
    }
    .insight_sub_wrap .sc-sort select {
        width: 180px;
        font-size: 14px;
    }
}
.insight_sub_wrap,
.insight-list-wrap,
.insight-top {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}
.insight-title {
    text-align: center;
}
.insight-title h2 {
    color: #003594;
    font-size: 30px;
    line-height: 51px;
    margin-bottom: 18px;
}
.business-filter-wrap {
    text-align: center;
    margin-bottom: 50px;
}
.business-filter-wrap .filter-item {
    padding: 0 5px;
    position: relative;
}
.business-filter-wrap .filter-item:after {
    content: "";
    background-image: url(../images/icon-down.svg);
    background-repeat: no-repeat;
    position: absolute;
    display: block;
    width: 16px;
    height: 10px;
    right: 23px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
    .business-filter-wrap .filter-item {
        width: 100%;
        margin-bottom: 10px;
    }
    .business-filter-wrap .filter-item:first-child:after {
        top: 70%;
    }
}
.business-filter-wrap .filter-item,
.business-filter-wrap .filter-by {
    display: inline-block;
    vertical-align: middle;
    font-weight: 100;
    font-size: 16px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #3d3d3d;
}
.business-filter-wrap .filter-item span,
.business-filter-wrap .filter-by span {
    display: inline-block;
    vertical-align: middle;
    padding: 0 5px;
}
@media screen and (max-width: 640px) {
    .business-filter-wrap .filter-item span,
    .business-filter-wrap .filter-by span {
        width: 100%;
    }
}
.business-filter-wrap .filter-search {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0px;
    padding-left: 10px;
}
@media screen and (max-width: 991px) {
    .business-filter-wrap .filter-search {
        margin-top: 15px;
    }
}
@media screen and (max-width: 640px) {
    .business-filter-wrap .filter-search {
        margin-top: 15px;
        width: 370px;
        max-width: none;
        margin: 0 auto;
        margin-left: 0;
        padding-left: 0;
    }
}
@media screen and (max-width: 375px) {
    .business-filter-wrap .filter-search {
        width: 325px;
    }
}
@media screen and (max-width: 320px) {
    .business-filter-wrap .filter-search {
        width: 270px;
    }
}
.business-filter-wrap .business-filter {
    display: inline-block;
    vertical-align: middle;
}
.business-filter-wrap .business-filter select {
    background: none;
    background-color: #ebebeb;
    width: 150px;
    height: 54px;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    color: #38383c;
    font-weight: 300;
    padding: 0 15px;
}
@media screen and (max-width: 640px) {
    .business-filter-wrap .business-filter select {
        width: 100%;
    }
}
.filter-type {
    font-weight: 100;
    font-size: 16px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #38383c;
    text-align: center;
    margin-bottom: 40px;
    float: left;
    width: 100%;
    clear: both;
}
@media screen and (max-width: 720px) {
    .filter-type {
        text-align: left;
    }
}
.filter-type .filter-show-all {
    display: inline-block;
    vertical-align: middle;
}
.filter-type .filter-show-all span {
    display: inline-block;
    vertical-align: middle;
}
.filter-type .filter-show-all span:first-child {
    padding-right: 10px;
}
.filter-type .filter-show-all span input[type="button"] {
    border: 4px solid #eaeaea;
    border-radius: 30px;
    width: 130px;
    height: 48px;
    background-color: white;
    color: #38383c;
    font-weight: 100;
    font-size: 16px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #38383c;
    transition: 0.4s ease all;
}
.filter-type .filter-show-all span input[type="button"]:hover {
    color: #009c8f;
}
@media screen and (max-width: 991px) {
    .filter-type .filter-show-all {
        margin-bottom: 15px;
    }
}
.filter-type .filter-drop {
    display: inline-block;
    position: relative;
    margin-right: 10px;
}
@media screen and (max-width: 720px) {
    .filter-type .filter-drop {
        display: block;
        margin-top: 10px;
        margin-right: 0;
    }
}
.filter-type .filter-drop select {
    border: 1px solid #cacaca;
    padding: 5px 40px 5px 10px;
    height: 54px;
    background-position: 94% center;
    background-position: calc(100% - 14px) center;
}
@media screen and (max-width: 720px) {
    .filter-type .filter-drop select {
        width: 100%;
    }
}
.filter-type .filter-search {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}
@media screen and (max-width: 720px) {
    .filter-type .filter-search {
        width: 100%;
    }
}
.filter-type .filter-search input[type="text"] {
    width: 250px;
    height: 54px;
    border: 1px solid #cacaca;
    padding-left: 15px;
    padding-right: 40px;
    color: #38383c;
    font-weight: 300;
    font-size: 16px;
    line-height: 32px;
    font-family: "Roboto", sans-serif;
    color: #38383c;
}
@media screen and (max-width: 720px) {
    .filter-type .filter-search input[type="text"] {
        width: 100%;
    }
}
.filter-type .filter-search input[type="submit"] {
    background-image: url("../images/icon-search-dark.svg");
    background-repeat: no-repeat;
    background-color: transparent;
    display: inline;
    text-indent: -99999px;
    position: relative;
    border: 0px none;
    width: 18px;
    height: 18px;
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
    .filter-type .filter-search {
        margin-top: 15px;
    }
}
.more-projects {
    margin: 40px 0;
    text-align: center;
}
.more-projects > h2 {
    color: #003594;
    margin-bottom: 30px;
}
.more-projects .cat-image {
    height: 300px;
    width: 100%;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.solution-search {
    padding: 30px 0;
}
.solution-search h1 {
    color: #003594;
    font-size: 38px;
    line-height: 50px;
    margin-bottom: 15px;
    padding: 0 15px;
}
.solution-search .solution-other {
    border-top: 1px solid #dcdcdc;
    padding-top: 10px;
    margin-top: 40px;
}
.search-list-wrapper {
    padding: 40px 0;
}
.search-list-wrapper h3 {
    margin-top: 0;
}
.search-list-wrapper .search-form {
    text-align: right;
}
.search-list-wrapper .search-form input[type="text"] {
    padding: 5px 10px;
    border: 1px solid #000;
    color: #000;
}
.search-list-wrapper .search-form input[type="submit"] {
    padding: 5px 10px;
    background: #000;
    color: #fff;
    border: 0;
    text-transform: uppercase;
}
.search-list-wrapper .search-form input[type="submit"]:hover {
    background: #008589;
}
.search-list-wrapper #searchResults .searchResult {
    border-top: 1px solid #cacaca;
    margin-bottom: 30px;
    margin-top: 20px;
    padding-top: 20px;
}
.search-list-wrapper #searchResults .searchResult h5 a {
    color: #000;
}
.search-list-wrapper #searchResults .searchResult h5 a:hover {
    color: #008589;
}
.search-list-wrapper #searchResults .searchResult p {
    color: #000;
}
.search-list-wrapper #searchResults .searchResult p span {
    background: #008589 !important;
    color: #fff !important;
}
.search-list-wrapper #searchResults .searchResult a.pageLink {
    color: #000;
    font-size: 14px;
    position: relative;
    display: inline-block;
}
.search-list-wrapper #searchResults .searchResult a.pageLink::after {
    background-image: url("../images/icon-right-black.svg");
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 12px;
    margin-left: 10px;
    vertical-align: middle;
    width: 8px;
}
.search-list-wrapper #searchResults .searchResult a.pageLink:hover {
    color: #008589;
}
.insight-list,
.news-teasers {
    margin: 0;
    display: block;
    float: left;
    border-top: 0.5px solid #cacaca;
}
.insight-list li,
.news-teasers li {
    border-bottom: 0.5px solid #cacaca;
    float: left;
    padding: 3%;
    list-style: none;
    width: 33%;
    border-right: 1px solid #cacaca;
    position: relative;
}
.insight-list li:hover .image-hover,
.news-teasers li:hover .image-hover {
    opacity: 1;
    visibility: visible;
}
.insight-list li .image-hover,
.news-teasers li .image-hover {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    transition: 0.4s all ease;
}
.insight-list li .image-hover a.more-details,
.news-teasers li .image-hover a.more-details {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    font-size: 27px;
    line-height: 67px;
    font-family: "Montserrat";
    font-weight: 200;
    text-align: center;
    display: inline-block;
    background: rgba(0, 0, 0, 0.5);
    width: 70%;
    margin: auto;
    padding: 0 20px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
}
.insight-list li .image-hover a.more-details:after,
.news-teasers li .image-hover a.more-details:after {
    background-image: url("../images/icon-right.svg");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    content: "";
    margin-left: 10px;
    height: 17px;
    width: 9px;
}
.insight-list li .image-hover a.more-details:hover,
.news-teasers li .image-hover a.more-details:hover {
    color: #fff;
}
@media screen and (max-width: 1104px) {
    .insight-list li .image-hover a.more-details,
    .news-teasers li .image-hover a.more-details {
        line-height: 50px;
        font-size: 14px;
    }
}
.insight-list li .news-content,
.news-teasers li .news-content {
    color: #38383c;
    position: relative;
    height: 280px;
}
.insight-list li .news-content span.date,
.news-teasers li .news-content span.date {
    display: block;
    font-size: 14px;
    font-weight: 100;
    top: -20px;
    position: absolute;
    right: 0;
}
@media screen and (max-width: 540px) {
    .insight-list li .news-content span.date,
    .news-teasers li .news-content span.date {
        top: -10px;
    }
}
.insight-list li .news-content h3,
.news-teasers li .news-content h3 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 20px;
    line-height: 30px;
    font-family: "Roboto", sans-serif;
    margin-top: 12px;
}
.insight-list li .news-content h3 a,
.news-teasers li .news-content h3 a {
    color: #38383c;
}
@media screen and (max-width: 540px) {
    .insight-list li .news-content h3 a,
    .news-teasers li .news-content h3 a {
        margin-top: 25px;
        display: inline-block;
    }
}
.insight-list li .news-content p,
.news-teasers li .news-content p {
    color: #38383c;
    font-weight: 100;
}
@media screen and (max-width: 991px) {
    .insight-list li .news-content p,
    .news-teasers li .news-content p {
        font-size: 12px;
        line-height: 20px;
    }
}
.insight-list li .news-content a.content-btn,
.news-teasers li .news-content a.content-btn {
    color: #000;
    font-size: 18px;
    text-transform: capitalize;
    left: 0;
    bottom: 0;
    position: absolute;
    display: inline-block;
    transition: 0.4s all ease;
}
.insight-list li .news-content a.content-btn:hover,
.news-teasers li .news-content a.content-btn:hover {
    color: #009c8f;
}
.insight-list li .news-content a.content-btn:after,
.news-teasers li .news-content a.content-btn:after {
    background-image: url("../images/icon-right-small.svg");
    transition: 0.4s all ease;
    content: "";
    width: 4px;
    height: 6px;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-left: 28px;
}
@media screen and (max-width: 768px) {
    .insight-list li,
    .news-teasers li {
        width: 50%;
        border-right: 1px solid #cacaca !important;
    }
}
@media screen and (max-width: 540px) {
    .insight-list li,
    .news-teasers li {
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .insight-list,
    .news-teasers {
        width: 100%;
        border-left: 1px solid #cacaca;
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 540px) {
    .news-content.container {
        margin-top: 30px;
    }
}
.layout-double .greyone {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    margin-bottom: 90px;
    border: 0;
}
.layout-double .greyone .sc-container-warp {
    padding: 0;
}
.layout-double .greyone .sc-container-warp .outer-act .padd-act {
    float: left;
}
.layout-double .greyone .sc-container-warp .outer-act .img-bg {
    padding-right: 40px;
    top: 40px;
}
.layout-double .sc-container-warp {
    float: left;
    width: 100%;
    padding-bottom: 50px;
}
.layout-double .sc-container-warp .xpand-btn {
    display: inline-block;
    padding: 5px 10px;
    background: #003594;
    border: 1px solid #003594;
    color: #fff;
    cursor: pointer;
}
.layout-double .sc-container-warp .xpand-btn:hover {
    background: #fff;
    color: #003594;
}
.layout-double .sc-container-warp .expand {
    display: none;
}
.layout-double .sc-container-warp .col-md-12 {
    padding: 0;
}
.layout-double .sc-container-warp .outer-act {
    margin: 0;
    float: left;
    width: 100%;
}
.layout-double .sc-container-warp .outer-act .img-bg {
    padding: 0;
}
.layout-double .sc-container-warp .outer-act .padd-act {
    float: right;
}
.group-slide a.fancybox-img {
    height: 100%;
    width: 100%;
    display: block;
}
.group-slide .ply-btn-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    left: 0;
    width: 100%;
}
.group-slide .video-image-content li {
    height: 258px;
    position: relative;
    list-style: none;
    padding: 0 5px;
}
.group-slide .video-image-content li:focus {
    outline: none;
}
.group-slide .video-image-content li .play-btn-cont {
    background-image: url("../images/icon-play.svg");
    background-repeat: no-repeat;
    height: 80px;
    width: 80px;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
}
.group-slide .video-image-content li .play-btn-cont a {
    display: block;
    width: 100%;
    height: 100%;
}
@media screen and (max-width: 768px) {
    .group-slide .video-image-content li {
        min-height: 150px;
    }
}
.gurg-group {
    padding-top: 45px;
}
@media screen and (max-width: 991px) {
    .gurg-group .col-md-4 {
        float: left;
        width: 50%;
    }
}
@media screen and (max-width: 640px) {
    .gurg-group .col-md-4 {
        float: left;
        width: 100%;
    }
}
.gurg-group .gruop-wrap {
    float: left;
    width: 100%;
    min-height: 80px;
    margin-bottom: 75px;
}
.gurg-group .gruop-wrap img {
    max-width: 100%;
    height: auto;
    max-height: 60px;
    width: auto;
}
.gurg-group .gruop-wrap .icon-group {
    max-width: 80px;
    display: inline-block;
    vertical-align: middle;
}
.gurg-group .gruop-wrap .group-description {
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 44px;
    font-size: 16px;
    line-height: 28px;
}
@media screen and (max-width: 640px) {
    .gurg-group .gruop-wrap .group-description {
        width: 100%;
        margin: 15px 0;
    }
}
@media screen and (max-width: 991px) {
    .gurg-group .gruop-wrap {
        min-height: 100px;
        margin-bottom: 10px;
    }
}
@media screen and (max-width: 640px) {
    .gurg-group .gruop-wrap {
        text-align: center;
    }
}
.services-list {
    border-top: 0.5px solid #cacaca;
    padding-top: 40px;
    padding-bottom: 60px;
}
.services-list p img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    padding-right: 15px;
}
@media screen and (max-width: 1199px) {
    .services-list p img {
        max-width: 33%;
    }
}
@media screen and (max-width: 540px) {
    .services-list p img {
        max-width: 100%;
        margin-bottom: 10px;
    }
}
.services-list ul {
    margin: 0;
    text-align: left;
    overflow: hidden;
    list-style: none;
}
.services-list ul li {
    float: left;
    width: 29.3333333%;
    font-weight: 300;
    margin: 40px 2% 0;
    position: relative;
    padding-left: 70px;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 20px;
}
.services-list ul li:before {
    background-image: url("../images/icon-tick.svg");
    height: 50px;
    width: 50px;
    content: "";
    display: inline-block;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: -10px;
}
@media screen and (max-width: 768px) {
    .services-list ul li:before {
        width: 40px;
        height: 40px;
    }
}
@media screen and (max-width: 768px) {
    .services-list ul li {
        padding-left: 50px;
        padding-right: 2%;
        margin-bottom: 40px;
    }
}
@media screen and (max-width: 540px) {
    .services-list ul li {
        width: auto;
        clear: both;
    }
}
.services-list:last-child {
    border-bottom: 0px none;
    padding-bottom: 0;
}
.services-details h2 {
    text-align: center;
    font-size: 38px;
    line-height: 55px;
    margin-bottom: 20px;
    font-weight: 200;
    font-family: "Montserrat";
    color: #003594;
    margin-top: 0;
}
@media screen and (max-width: 640px) {
    .services-details h2 {
        font-size: 22px;
        line-height: 34px;
        margin-bottom: 16px;
    }
}
.services-details .service-sub-title p {
    max-width: 70%;
    margin: auto;
    text-align: center;
}
.services-details p {
    color: #000;
}
.services-details .col-md-12,
.services-details .service-sub {
    clear: both;
    float: left;
    width: 100%;
}
.services-details .feature-list ul {
    padding-bottom: 0;
}
.services-details .links-hoster {
    border-top: 0px none;
    margin-top: 0px;
    padding-top: 25px;
}
.solution-wrap .container > .col-sm-3:nth-child(4n + 1) {
    clear: both;
}
@media screen and (max-width: 991px) {
    .solution-wrap .container > .col-sm-3:nth-child(4n + 1) {
        clear: none;
    }
}
.solution-wrap .solution-icon {
    max-width: 104px;
    height: 104px;
    margin: 0;
}
.solution-wrap .solution-icon img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 768px) {
    .solution-wrap .solution-icon {
        max-width: 60px;
        height: auto;
    }
}
.solution-wrap .solution-dscrpiton {
    margin-bottom: 60px;
}
.solution-wrap .solution-dscrpiton h5 {
    font-size: 23px;
    line-height: 30px;
    color: #003594;
    font-weight: 200;
    font-family: "Montserrat";
}
@media screen and (max-width: 991px) {
    .solution-wrap .solution-dscrpiton h5 {
        font-size: 20px;
    }
}
.solution-wrap .solution-dscrpiton ul {
    margin: 0;
    padding-left: 16px;
}
.solution-wrap .solution-dscrpiton p {
    color: #000;
    line-height: 24px;
}
@media screen and (max-width: 991px) {
    .solution-wrap .solution-dscrpiton p {
        font-size: 14px;
    }
}
@media screen and (max-width: 991px) {
    .solution-wrap .col-sm-3 {
        width: 33.3333%;
    }
    .solution-wrap .solution-dscrpiton {
        min-height: 190px;
    }
}
@media screen and (max-width: 640px) {
    .solution-wrap .col-xs-6 {
        width: 100%;
    }
    .solution-wrap .solution-dscrpiton {
        min-height: inherit;
    }
}
.new-effect {
    position: absolute;
    width: 135%;
    height: 152%;
    background: rgba(245, 245, 245, 0.2);
    top: -109%;
    left: 0px;
    display: block;
    pointer-events: none;
    z-index: 1;
    opacity: 0;
    transform: rotate(45deg);
    transition: 0.4s all ease;
}
.project-info {
    color: #000;
    padding-top: 0;
}
.project-info .panel-collapse ul {
    padding: 0;
}
.project-info .panel-group .panel {
    border-radius: 0px;
    border: 0.5px solid #cacaca;
    box-shadow: none;
}
.project-info .panel-group .panel .panel-collapse.ineditmode {
    display: block;
}
.project-info .panel-group .panel .panel-heading {
    background-color: transparent;
    border-radius: 0px;
    border: 0px none;
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}
.project-info .panel-group .panel .panel-heading:after {
    content: "";
    width: 22px;
    height: 1px;
    border-top: 0.5px solid #cacaca;
    display: block;
    position: absolute;
    top: 28px;
    right: 12px;
    pointer-events: none;
}
.project-info .panel-group .panel .panel-heading:before {
    content: "";
    width: 22px;
    height: 1px;
    border-top: 0.5px solid #cacaca;
    display: block;
    position: absolute;
    top: 28px;
    right: 12px;
    transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    pointer-events: none;
    transition: 0.4s all ease;
}
.project-info .panel-group .panel .panel-heading.active:before {
    opacity: 0;
}
.project-info .panel-group .panel .panel-heading h4 {
    font-size: 17px;
    color: #3d3d3d;
    font-weight: 500;
    font-family: "Roboto", sans-serif;
    display: block;
}
.project-info .panel-group .panel .panel-heading h4 a {
    display: block;
}
.project-info a.map-triggerer {
    margin-top: 20px;
}
.project-info p {
    color: #000;
}
.project-info ul {
    padding: 25px 0;
}
.project-info ul li {
    color: #000;
    list-style: none;
    border-bottom: 1px solid rgba(51, 51, 51, 0.2);
    padding: 16px 45px;
}
.project-info ul li:last-child {
    border-bottom: 0px;
}
.project-info .project-describe {
    height: 0px;
    overflow: hidden;
    opacity: 0;
    transition: 0.4s all ease;
}
.project-info .project-describe.active {
    height: 100%;
    opacity: 1;
    transition: 0.4s all ease;
}
.unit-view-page .units-list .col-md-6:first-child {
    display: none;
}
.unit-view-page .business-project-sub .units-list .col-md-6:first-child {
    display: block;
}
.inquiry-btn a {
    display: inline-block;
    padding: 8px 30px;
    color: #000;
    font-size: 15px;
    font-weight: 300;
    border: 0.5px solid #cacaca;
    text-decoration: none;
    transition: 0.4s all ease;
}
.inquiry-btn a:hover,
.inquiry-btn a:focus {
    background: #003594;
    border: 1px solid #003594;
    color: #fff;
}
.sc-toggle-menu.active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.sc-toggle-menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 1;
    transition: 0.4s ease all;
}
.sc-toggle-menu .loading-mmenu {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}
.sc-toggle-menu .loading-mmenu ul li{width: 100%;}
.sc-toggle-menu .loading-mmenu ul li .dropdown-menu{right: 0;}
.sc-toggle-menu .loading-mmenu ul li a {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
}
.sc-toggle-menu .loading-mmenu ul li a:hover,
.sc-toggle-menu .loading-mmenu ul li a:focus {
    color: #003594;
    background-color: transparent;
}
@media screen and (max-width: 991px) {
    .sc-toggle-menu .loading-mmenu ul li a {
        font-family: "Montserrat";
        text-transform: capitalize;
        padding: 5px 0px;
    }
}
body.active {
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    #chucks-scroll .owl-controls {
        display: none !important;
    }
}
@media screen and (max-width: 768px) {
    .navy-scroll {
        display: none !important;
    }
}
.vertical-spacing {
    display: none;
}
.modal .modal-dialog {
    background-color: #222;
}
#callModal .modal-content {
    background-color: #003594;
    border-radius: 0;
}
#callModal .modal-content a.call {
    background: rgba(0, 156, 143, 0.7);
    display: inline-block;
    padding: 8px 30px;
    margin-left: 20px;
    margin-right: 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
#callModal .modal-content a.call.right {
    margin-left: 5px;
}
#callModal .modal-content a.call:hover {
    background: #ffffff;
    color: #003594;
}
.landscape-alert {
    position: fixed;
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    text-align: center;
    z-index: 9999;
    display: none;
    padding: 20% 10% 0;
    overflow: hidden;
}
@media screen and (max-width: 736px) and (orientation: landscape) {
    .landscape-alert {
        display: block;
    }
}
.landscape-alert p {
    font-size: 16px;
    line-height: 26px;
    color: #003594;
}
.landscape-alert p span {
    margin-top: 10px;
    display: inline-block;
    border: 1px solid #000;
    padding: 5px 10px;
}
#ie-modal .modal-content {
    background-color: #003594;
}
select::-ms-expand {
    display: none;
}
.page_not_found-view-page .banner-area,
.login-view-page .banner-area {
    height: 200px;
}
.page_not_found-view-page .down-scroller .trig-bot,
.page_not_found-view-page .down-scroller .bc,
.login-view-page .down-scroller .trig-bot,
.login-view-page .down-scroller .bc {
    display: none;
}
.page_not_found-view-page .common-content,
.login-view-page .common-content {
    padding-top: 30px;
    text-align: center;
}
.page_not_found-view-page .common-content h1,
.login-view-page .common-content h1 {
    font-size: 44px;
    line-height: 52px;
    color: #003594;
}
@media screen and (max-width: 540px) {
    .page_not_found-view-page .common-content h1,
    .login-view-page .common-content h1 {
        font-size: 28px;
        font-weight: 200;
    }
}
.page_not_found-view-page .common-content p,
.login-view-page .common-content p {
    color: #000;
}
.page_not_found-view-page .common-content a,
.login-view-page .common-content a {
    color: #000;
}
.page_not_found-view-page .common-content a:hover,
.login-view-page .common-content a:hover {
    color: #003594;
}
.login-view-page .page-header {
    border-bottom: 1px solid #cacaca;
}
.login-view-page .common-content {
    text-align: inherit;
}
.login-view-page .hidden {
    display: none;
}
.login-view-page input[type="text"],
.login-view-page input[type="password"] {
    color: #000;
}
.login-view-page input[type="submit"] {
    margin-top: 15px;
    background-color: #003594;
}
.login-view-page input[type="submit"]:hover {
    color: #ffffff;
    background-color: #000;
}
.login-view-page .ccm-error {
    margin-left: 35px;
}
.no-product-results,
.search-results {
    font-size: 20px;
    color: #000;
    font-weight: 300;
    line-height: 28px;
    margin-bottom: 20px;
    margin-top: 30px;
    text-align: center;
}
.search-results {
    color: #003594;
    font-size: 25px;
}
.no-product-results {
    margin-top: 0;
}
.scrollableArea {
    padding-top: 190px;
}
div.scrollingHotSpotLeft {
    background: url("../images/arrow-dark-left.svg");
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 90px !important;
    background-size: 16px auto;
    background-color: transparent;
    background-position: center center !important;
    border: none;
    font-size: 0px;
    position: absolute;
    z-index: 10;
    top: calc(50% - 80px);
    opacity: 1 !important;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    div.scrollingHotSpotLeft {
        top: calc(50% - 64px);
    }
}
@media screen and (max-width: 540px) {
    div.scrollingHotSpotLeft {
        top: calc(50% - 115px);
    }
}
div.scrollingHotSpotRight {
    background: url("../images/arrow-dark-right.svg");
    background-repeat: no-repeat;
    display: block;
    width: 12px;
    height: 90px !important;
    background-size: 16px auto;
    background-color: transparent;
    background-position: center center !important;
    border: none;
    font-size: 0;
    position: absolute;
    z-index: 10;
    top: calc(50% - 80px);
    opacity: 1 !important;
    cursor: pointer;
}
@media screen and (max-width: 768px) {
    div.scrollingHotSpotRight {
        top: calc(50% - 64px);
    }
}
@media screen and (max-width: 540px) {
    div.scrollingHotSpotRight {
        top: calc(50% - 115px);
    }
}
.search-screen {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 5;
    display: none;
    padding: 5% 8%;
    background: #003594;
    background: -moz-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: -webkit-linear-gradient(left, #003594 0%, #05c3de 100%);
    background: linear-gradient(to right, #003594 0%, #05c3de 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003594', endColorstr='#05C3DE',GradientType=1 );
    left: 0;
    top: 0;
}
.search-content {
    position: absolute;
    top: 25%;
    width: 100%;
}
.search-content form.ccm-search-block-form {
    width: 100%;
}
.search-content form.ccm-search-block-form .ccm-search-block-text {
    background: transparent;
    border: 0px;
    border-bottom: 1px solid #ffffff;
    font-size: 24px;
    line-height: 54px;
    font-weight: 300;
    color: #ffffff;
    width: 90%;
}
.search-item {
    padding-top: 15%;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.search-item form {
    float: left;
    width: 100%;
}
.search-item .mailing-list-email-wrap {
    display: block;
}
.search-item .mailing-list-email-wrap input {
    font-size: 20px;
    width: 90%;
    background-image: none;
    display: inline-block;
    vertical-align: middle;
    border-bottom: 2px solid #ffffff;
}
.search-item .mailing-list-email-wrap .input-group-btn {
    background-image: url("../images/icon-magnify.svg");
    background-repeat: no-repeat;
    height: 40px;
    width: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 34px;
    top: 16px;
}
.search-item .mailing-list-email-wrap .input-group-btn button {
    border: 0px none;
    width: 100%;
    height: 100%;
    background: transparent;
}
.search-item .top-social-icons {
    float: left;
    padding-left: 100px;
    position: relative;
    top: 16px;
}
.search-item .top-social-icons span {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    margin: 0px 5px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.search-item .top-social-icons span:hover {
    background-color: rgba(255, 255, 255, 0.7);
}
.search-item .top-social-icons a {
    color: #007c80;
    font-size: 20px;
}
.recommended {
    clear: both;
    margin-bottom: 30px;
}
.recommended h4 {
    color: white;
    font-size: 24px;
}
.recommended h4:after {
    display: none;
}
.nav-links {
    clear: both;
}
.nav-links .nav-list {
    margin-bottom: 45px;
}
.nav-links .nav-list:hover h5:after {
    max-width: 22px;
}
.nav-links .nav-list p a {
    padding-left: 30px;
    font-size: 21px;
    font-weight: 200;
    font-family: "Montserrat";
}
.nav-links .nav-list p a:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7);
}
.nav-links .nav-list p a:focus {
    background-color: transparent;
}
.nav-links h5 {
    font-size: 24px;
    font-weight: 200;
    font-family: "Montserrat";
    color: #fff;
    margin-bottom: 20px;
}
.nav-links h5:after {
    display: block;
    content: "";
    max-width: 68px;
    width: 100%;
    border-bottom: 1px solid #fff;
    margin-top: 12px;
    transition: 0.4s all ease;
}
.nav-links ul {
    padding-left: 30px;
    list-style: none;
}
.nav-links ul li {
    padding-bottom: 5px;
}
.nav-links ul li a {
    padding: 0;
    font-size: 20px;
    font-weight: 200;
    font-family: "Montserrat";
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.nav-links ul li a:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.7);
}
.nav-links ul li a:focus {
    background-color: transparent;
}
.cbp-spmenu {
    background: rgba(0, 0, 0, 0.8);
    position: fixed;
}
.cbp-spmenu h3 {
    color: #afdefa;
    font-size: 1.9em;
    padding: 20px;
    margin: 0;
    font-weight: 300;
    background: #0d77b6;
}
.cbp-spmenu a {
    display: block;
    color: #fff;
    font-size: 1.1em;
    font-weight: 300;
}
.cbp-spmenu a:hover {
    background: #258ecd;
}
.cbp-spmenu a:active {
    background: #afdefa;
    color: #47a3da;
}
.cbp-spmenu-vertical {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1000;
    overflow: hidden;
}
@media screen and (max-width: 640px) {
    .cbp-spmenu-vertical {
        overflow-y: scroll;
    }
}
.cbp-spmenu-vertical a {
    border-bottom: 1px solid #258ecd;
    padding: 1em;
}
.cbp-spmenu-horizontal {
    width: 100%;
    height: 150px;
    left: 0;
    z-index: 1000;
    overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
    height: 100%;
    width: 20%;
    float: left;
}
.cbp-spmenu-horizontal a {
    float: left;
    width: 20%;
    padding: 0.8em;
    border-left: 1px solid #258ecd;
}
.cbp-spmenu-left {
    left: -100%;
}
.cbp-spmenu-right {
    right: -240px;
}
.cbp-spmenu-left.menu-open {
    left: 0px;
}
.cbp-spmenu-right.menu-open {
    right: 0px;
}
.cbp-spmenu-top {
    top: -150px;
}
.cbp-spmenu-bottom {
    bottom: -150px;
}
.cbp-spmenu-top.menu-open {
    top: 0px;
}
.cbp-spmenu-bottom.menu-open {
    bottom: 0px;
}
.push-body-toright {
    left: 240px;
}
.push-body-toleft {
    left: -240px;
}
.cbp-spmenu,
.push-body {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
@media screen and (max-width: 55.1875em) {
    .cbp-spmenu-horizontal {
        font-size: 75%;
        height: 110px;
    }
    .cbp-spmenu-top {
        top: -110px;
    }
    .cbp-spmenu-bottom {
        bottom: -110px;
    }
}
@media screen and (max-height: 26.375em) {
    .cbp-spmenu-vertical {
        font-size: 90%;
        width: 190px;
    }
    .cbp-spmenu-left,
    .push-body-toleft {
        left: -190px;
    }
    .cbp-spmenu-right {
        right: -190px;
    }
    .push-body-toright {
        left: 190px;
    }
}
.make-enquery-wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    max-width: 530px;
    margin: auto;
}
@media screen and (max-width: 720px) {
    .make-enquery-wrap {
        top: 30%;
    }
}
.make-enquery-wrap h1 {
    font-size: 36px;
    line-height: 60px;
    color: white;
    text-align: center;
    margin-top: 0;
    margin-bottom: 28px;
}
@media screen and (max-width: 640px) {
    .make-enquery-wrap h1 {
        margin-top: 200px;
        font-size: 28px;
        line-height: 36px;
        padding: 0 5%;
    }
}
.make-enquery-wrap .formidable .captcha {
    padding: 0 7px;
    width: 65%;
    float: left;
}
.make-enquery-wrap .formidable .captcha .label {
    display: none;
}
.make-enquery-wrap .formidable .action-bar {
    float: right;
    clear: none;
    width: 35%;
    margin-top: 15px;
    padding: 0 7px;
    text-align: center;
}
@media screen and (max-width: 540px) {
    .make-enquery-wrap .formidable .action-bar {
        float: none;
        position: relative;
        top: 10px;
        width: 100%;
    }
}
.make-enquery-wrap .formidable .formidable_column .element {
    width: 50%;
    float: left;
    margin-bottom: 15px;
    padding-left: 7px;
    padding-right: 7px;
}
.make-enquery-wrap .formidable .formidable_column .element:nth-child(5) {
    clear: both;
}
.make-enquery-wrap .formidable .formidable_column .element .ccm-input-text {
    background: red;
}
.make-enquery-wrap .formidable .formidable_column .element [placeholder]:focus::-webkit-input-placeholder {
    opacity: 1 !important;
}
.make-enquery-wrap .formidable .formidable_column .element .ccm-input-text:focus::-webkit-input-placeholder {
    opacity: 1 !important;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"],
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"],
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"],
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"],
.make-enquery-wrap .formidable .formidable_column .element .input select {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #3d3d3d;
    width: 100%;
    min-height: 40px;
    padding: 0px 15px;
    border: 0px none;
    background-color: white;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"]:focus::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"]:focus::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"]:focus::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"]:focus::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select:focus::-webkit-input-placeholder {
    color: #000 !important;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"].placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"].placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"].placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"].placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select.placeholder {
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"] :-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"] :-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"] :-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"] :-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select :-moz-placeholder {
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"] ::-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"] ::-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"] ::-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"] ::-moz-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select ::-moz-placeholder {
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"] ::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"] ::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"] ::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"] ::-webkit-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select ::-webkit-input-placeholder {
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input input[type="text"] :-ms-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="tel"] :-ms-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="email"] :-ms-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input input[type="url"] :-ms-input-placeholder,
.make-enquery-wrap .formidable .formidable_column .element .input select :-ms-input-placeholder {
    color: #3d3d3d;
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.make-enquery-wrap .formidable .formidable_column .element .input select {
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: 94% center;
    background-position: calc(100% - 14px) center;
    padding-right: 28px;
    background-color: #fff;
    color: #000;
}
.make-enquery-wrap .formidable .formidable_column .element .input select option {
    color: #000;
    padding: 5px 15px;
}
.make-enquery-wrap .formidable .formidable_column .element .input textarea {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #3d3d3d;
    width: 100%;
    min-height: 80px;
    padding: 10px 15px;
    background-color: white;
    font-weight: 300;
    border: 0px none;
    resize: none;
}
.make-enquery-wrap .formidable .formidable_column .element.textarea {
    width: 100%;
    clear: both;
}
.make-enquery-wrap .formidable .formidable_column .error {
    color: red;
    font-size: 10px;
}
.pop-close {
    position: absolute;
    z-index: 2;
    top: 30px;
    right: 30px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.pop-close span {
    background-image: url("../images/icon-close.svg");
    width: 100%;
    height: 100%;
    display: block;
}
.notification__popup {
    background-color: #003594;
    color: #fff;
    font-family: inherit;
    position: fixed;
    bottom: 0px;
    border: 0;
    font-size: 10pt;
    margin: 0 auto;
    width: 100%;
    z-index: 9999;
}
.notification__popup .container {
    padding-top: 20px;
    padding-bottom: 20px;
}
.notification__popup p,
.notification__popup h3 {
    margin: 0;
}
.notification__popup h3 {
    color: #ffffff;
    margin-bottom: 12px;
}
.notification__popup .notification__popup__button {
    background-color: #ffffff;
    color: #111111;
    padding: 12px;
    display: block;
    width: 120px;
    text-align: center;
    font-size: 22px;
    margin-top: 50px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.notification__popup .notification__popup__button:hover,
.notification__popup .notification__popup__button:focus {
    background-color: #cccccc;
}
.gdpr-modal,
.gdpr-modal h3,
.gdpr-modal p {
    color: #222;
}
.gdpr-modal h3 {
    font-weight: 500;
    margin-top: 0;
}
.gdpr-modal a {
    color: #003594;
}
.gdpr-modal .modal-dialog {
    background-color: white;
}
.gdpr-modal .pop-close {
    width: auto;
    height: auto;
    cursor: pointer;
    font-size: 60px;
    font-family: Montserrat;
    font-weight: 100;
    top: 0;
    right: 20px;
}
.gdpr-modal.in .modal-dialog {
    -webkit-transform: translate(0, 50%);
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -o-transform: translate(0, 50%);
    transform: translate(0, 50%);
}
.cursor-default {
    cursor: default;
}
.modalButtons {
    margin-top: 40px;
}
.modalButtons__col {
    max-width: 240px;
}
.modalButtons__button {
    border: 0;
    outline: 0;
    background: none;
    box-shadow: 0 0 0 transparent;
    color: white;
    font-family: "Montserrat";
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #003594;
}
.modalButtons__button:hover {
    background-color: #000;
}
.modalButtons p {
    font-size: 14px;
    line-height: 20px;
    color: #888 !important;
    margin-top: 15px;
    margin-bottom: 0;
}
#notifModal .modalButtons__button {
    display: block;
    width: 100%;
}
/*# sourceMappingURL=style.css.map */


.green-back h3 {

    font-size: 18px;
    line-height: 46px;
    font-weight: 300;
    color: #fff;
    margin-top: 25px;
    font-family: "Montserrat";
}

.text-center {

    text-align: center !important;
}

.ppe-products {

    padding-top: 50px;
}