@import url(https://fonts.googleapis.com/css?family=Fjalla+One%7CPlayfair+Display%7CPoppins:300,400,600,700&subset=latin-ext);
body,
html {
    height: 100%
}

a,
body {
    color: #3d404e
}

.career,
.career .resume-form,
.career h2,
.career h6,
.fancybox-close,
.featured-services i,
.fun-facts .feature-box,
.highlights,
.intro,
.latest-news .news-box-image figure i,
.main-partners,
.navbar-default,
.our-offices,
.our-offices h2,
.our-offices h6,
.owl-dots,
.pricing .price-box,
.pricing .price-box .price,
.quote,
.services i,
.team,
.team .member figcaption,
.testimonials .testimonial-box,
.video-intro .play-btn,
.work-process,
.work-process .circles .icon-border,
.work-us {
    text-align: center
}

.header .hero-img img,
.quote .video-bg video {
    min-height: 100%;
    min-width: 100%
}

* {
    outline: 0!important
}

body {
    margin: 0;
    padding: 0;
    font-family: Poppins, sans-serif;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale
}

img {
    max-width: 100%
}

p {
    color: #7d7a7a;
    margin-bottom: 15px
}

.overflow {
    overflow: hidden
}

a:hover {
    text-decoration: underline
}

a:focus {
    text-decoration: none
}

input[type=text] {
    height: 56px;
    padding: 0 15px;
    border: 1px solid #eee
}

textarea {
    height: 150px;
    padding: 15px;
    border: 1px solid #eee
}

button[type=submit] {
    height: 56px;
    line-height: 56px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05);
    border: 2px solid transparent
}

button[type=submit]:hover {
    background: 0 0;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.middle-align {
    width: 100%;
    height: 100%;
    display: table
}

.middle-align .inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle
}

.pagination {
    width: 100%;
    float: left
}

.pagination li {
    float: left
}

.pagination li a {
    color: #9193a4;
    border-radius: 0!important
}

.pagination li a:hover {
    color: #1B447F;
    background: #fff
}

.pagination li.active span {
    background: #1B447F;
    color: #fff;
    border: 1px solid #1B447F
}

.pagination li.active:hover span {
    background: #8a39ee;
    border: 1px solid #8a39ee
}

.alert {
    width: 100%;
    float: left;
    border-radius: 0
}

.alert-danger,
.alert-info,
.alert-success,
.alert-warning {
    color: #fff;
    border: none
}

.alert-success {
    background: #0C6
}

.alert-info {
    background: #09F
}

.alert-warning {
    background: #F90
}

.alert-danger {
    background: red
}

.label {
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border-radius: 0;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 10px
}

.label-default {
    background: #000
}

.label-primary {
    background: #09F
}

.label-success {
    background: #0C6
}

.label-info {
    background: #6CC
}

.label-warning {
    background: #F90
}

.label-danger {
    background: red
}

.bs-example-tabs {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.nav-tabs {
    width: 100%;
    float: left;
    border-bottom: 1px solid #eee
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: 1px solid #eee;
    border-bottom-color: transparent;
    color: #1B447F
}

.nav-tabs>li>a {
    border-radius: 0;
    font-size: 13px;
    font-weight: 700;
    border: 1px solid #eee;
    margin-right: -1px;
    padding: 15px 20px
}

.nav>li>a:focus,
.nav>li>a:hover {
    background: 0 0;
    color: #1B447F
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background: 0 0;
    border: 1px solid #eee
}

.tab-content {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    margin-top: -1px;
    padding: 20px
}

.tab-content p {
    margin: 0;
    font-size: 13px;
    line-height: 20px
}

.panel-group {
    width: 100%;
    float: left
}

.panel-group .panel+.panel {
    margin-top: -1px
}

.panel-group .panel {
    width: 100%;
    float: left;
    border-radius: 0;
    border-color: #eee
}

.panel-group .panel-heading {
    width: 100%;
    float: left;
    background: 0 0;
    border-radius: 0;
    border: none;
    padding: 0
}

.panel-group .panel-heading .panel-title {
    width: 100%;
    font-size: 15px
}

.panel-group .panel-heading .panel-title a {
    width: 100%;
    float: left;
    line-height: 19px;
    font-weight: 700;
    color: #1B447F;
    padding: 20px
}

.panel-group .panel-heading .panel-title a:hover {
    text-decoration: none
}

.panel-group .panel-heading .panel-title a:after {
    content: "-";
    float: right;
    font-weight: 300;
    font-size: 18px
}

.panel-group .panel-heading .panel-title a.collapsed {
    color: #1B447F;
    background: #fff
}

.panel-group .panel-heading .panel-title a.collapsed:after {
    content: "+";
    float: right;
    font-weight: 300;
    font-size: 18px
}

.panel-group .panel-heading .panel-title a.collapsed:hover {
    text-decoration: none;
    color: #1B447F
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border: none;
    padding: 0 20px 20px
}

.panel-group .panel-collapse {
    width: 100%;
    float: left
}

.panel-group .panel-body {
    padding: 25px
}

.panel-group .panel-body img {
    width: 35%;
    float: left;
    margin-right: 25px;
    border-radius: 4px
}

.progress,
.progress .progress-bar {
    width: 100%;
    box-shadow: none;
    float: left
}

.panel-group .panel-body h5 {
    font-size: 15px;
    font-weight: 600
}

.panel-group .panel-body p {
    line-height: 20px;
    font-size: 13px;
    margin: 0
}

.progress {
    height: 8px
}

.progress .progress-bar {
    background: #1B447F
}

.animated.first {
    width: 75%!important
}

.animated.second {
    width: 91%!important
}

.animated.third {
    width: 88%!important
}

.table {
    width: 100%;
    height: 100%;
    display: table
}

.table-cell {
    display: table-cell;
    vertical-align: middle
}

.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-car .odometer-digit {
    padding: 0
}

.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-car .odometer-digit .odometer-digit-inner {
    left: 0
}

.fancybox-overlay {
    background: #000
}

.fancybox-opened .fancybox-skin,
.fancybox-skin {
    box-shadow: none;
    border-radius: 0;
    background: 0 0
}

.fancybox-skin {
    padding: 0!important
}

.fancybox-skin * video {
    width: 100%;
    float: left
}

.fancybox-inner {
    box-shadow: 0 0 60px rgba(0, 0, 0, .1)
}

.fancybox-close {
    width: 40px;
    height: 40px;
    line-height: 40px;
    right: -40px;
    top: 0;
    margin-left: -20px;
    background: #1B447F
}

.fancybox-close:after {
    content: "\f00d";
    font-family: fontAwesome;
    font-size: 20px;
    color: #fff
}

.fancybox-close:hover {
    text-decoration: none
}

.owl-dots {
    width: 100%;
    float: left
}

.owl-dots .owl-dot {
    width: 30px;
    height: 5px;
    display: inline-block;
    background: rgba(0, 0, 0, .3);
    margin: 0 3px;
    border-radius: 5px
}

.owl-dots .owl-dot.active {
    background: #1B447F
}

.transition,
.transition * {
    transition: all .3s cubic-bezier(.645, .045, .355, 1)
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: #fff
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -33px 0 0 -33px;
    width: 32px;
    height: 32px;
    -webkit-animation: rotator 1.4s linear infinite;
    animation: rotator 1.4s linear infinite
}

@-webkit-keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

@keyframes rotator {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
}

.path {
    stroke-dasharray: 187;
    stroke-dashoffset: 0;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite;
    animation: dash 1.4s ease-in-out infinite, colors 5.6s ease-in-out infinite
}

@-webkit-keyframes colors {
    0%,
    100%,
    25%,
    50%,
    75% {
        stroke: #ddd
    }
}

@keyframes colors {
    0%,
    100%,
    25%,
    50%,
    75% {
        stroke: #ddd
    }
}

@-webkit-keyframes dash {
    0% {
        stroke-dashoffset: 187
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 187
    }
    50% {
        stroke-dashoffset: 46.75;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    100% {
        stroke-dashoffset: 187;
        -webkit-transform: rotate(450deg);
        transform: rotate(450deg)
    }
}

.navbar-default {
    border-radius: 0;
    border: none;
    background: #fff;
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.navbar-default .top-bar {
    background-color: #1c2127;
    width: 100%;
    float: left;
    padding: 7px 0;
    color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    z-index: 1040
}

.navbar-default .top-bar .mShow {
    display: none
}

.navbar-default .top-bar .top-menu {
    margin: 3px 0 0;
    padding: 0
}

.navbar-default .top-bar .top-menu li {
    float: left;
    margin: 0 35px 0 0;
    padding: 0;
    list-style: none
}

.navbar-default .top-bar .top-menu li a {
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.navbar-default .top-bar .top-menu li a:hover {
    text-decoration: none;
    color: #1B447F
}

.navbar-default .top-bar .language {
    float: right
}

.navbar-default .top-bar .language span {
    float: left;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px;
    margin-right: 10px
}

.navbar-default .top-bar .language .dropdown {
    float: right
}

.navbar-default .top-bar .language .dropdown a {
    float: left;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px
}

.navbar-default .top-bar .language .dropdown a:hover {
    text-decoration: none;
    color: #1B447F
}

.navbar-default .top-bar .language .dropdown img {
    height: 16px;
    display: inline-block
}

.navbar-default .top-bar .language .dropdown i {
    float: right;
    margin-left: 5px;
    margin-top: -1px
}

.navbar-default .top-bar .language .dropdown-menu {
    min-width: inherit;
    top: 31px;
    right: 15px;
    left: auto;
    margin: 0;
    padding: 5px 12px;
    background: #fff;
    border-radius: 0;
    border: none
}

.navbar-default .top-bar .language .dropdown-menu li {
    width: 100%;
    float: left;
    margin: 4px 0
}

.navbar-default .top-bar .language .dropdown-menu li a {
    width: 100%;
    float: left;
    padding: 0;
    color: #3d404e
}

.navbar-default .top-bar .language .dropdown-menu li a:hover {
    background: 0 0;
    color: #1B447F
}

.navbar-default .top-bar .social-text {
    float: none;
    font-weight: 600;
    font-size: 13px;
    margin-top: 5px;
    letter-spacing: 2px
}

.intro h6,
.video-intro h6 {
    letter-spacing: .4px;
    text-transform: uppercase
}

.navbar-default .top-bar .social-media {
    float: left;
    margin: 5px 0 0;
    padding: 0
}

.navbar-default .top-bar .social-media li {
    float: left;
    margin-left: 12px;
    margin-right: 0;
    list-style: none
}

.navbar-default .top-bar .social-media li a {
    float: left;
    color: #fff;
    font-size: 12px
}

.navbar-default .top-bar .social-media li a:hover {
    color: #fff
}

.navbar-default .navbar-header {
    position: relative
}

.navbar-default .navbar-brand {
    height: auto;
    padding: 15px
}

.navbar-default .navbar-brand img {
    height: 65px
}

.navbar-default .navbar-brand .logo-dark {
    display: none
}

.navbar-default .navbar-brand .since {
    width: 40px;
    height: 35px;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    bottom: -45px;
    background: #1B447F;
    color: #fff;
    font-weight: 700;
    padding-top: 4px
}

.navbar-default .navbar-brand .since small {
    display: block;
    font-size: 10px;
    font-weight: 300;
    line-height: 10px
}

.navbar-default .navbar-brand .since:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 40px 0 0;
    border-color: #1B447F transparent transparent
}

.navbar-default .navbar-nav {
    float: right;
    display: inline-block;
    margin-top: 21px
}

.navbar-default .navbar-nav li .dropdown-menu li a:after,
.navbar-default.fixed-active .navbar-brand .logo-light {
    display: none
}

.navbar-default .navbar-nav li {
    float: left
}

.navbar-default .navbar-nav li a {
    color: #3d404e;
    font-weight: 700;
    font-size: 13px;
    opacity: 1
}

.navbar-default .navbar-nav li a:focus,
.navbar-default .navbar-nav li a:hover {
    color: #1B447F;
    opacity: 1
}

.navbar-default .navbar-nav li a:hover:after {
    width: 100%
}

.navbar-default .navbar-nav li a:after {
    content: '';
    width: 0;
    height: 2px;
    float: left;
    background: #1B447F;
    margin-top: 3px;
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -ms-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.navbar-default .navbar-nav li .dropdown-menu li a:focus,
.navbar-default .navbar-nav li .dropdown-menu li a:hover {
    background: 0 0
}

.navbar-default .navbar-nav li .dropdown-menu {
    border-radius: 0;
    background: 0 0;
    box-shadow: none;
    border: none;
    padding: 10px 0
}

.navbar-default .navbar-nav li .dropdown-menu li {
    width: 100%;
    float: left;
    padding: 0
}

.navbar-default .navbar-nav li .dropdown-menu li a {
    padding: 6px 15px
}

.navbar-default .quote-btn {
    height: 50px;
    line-height: 46px;
    float: right;
    padding: 0 30px;
    color: #fff;
    border-radius: 50px;
    background: #8a39ee;
    font-weight: 700;
    margin-top: 20px;
    margin-left: 30px;
    border: 2px solid transparent
}

.navbar-default .quote-btn:hover {
    background: 0 0;
    border: 2px solid #8a39ee;
    color: #8a39ee;
    text-decoration: none
}

.navbar-default .phone {
    display: none;
    float: right;
    line-height: 50px;
    margin-top: 22px;
    color: #fff;
    font-weight: 700;
    margin-left: 30px
}

.navbar-default .search {
    height: 24px;
    float: right;
    margin-top: 35px;
    margin-right: 10px;
    color: #fff
}

.navbar-default .search:hover {
    color: #1B447F
}

.navbar-default.fixed-active {
    background: #fff;
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.navbar-default.fixed-active .since {
    opacity: 1;
    visibility: visible;
    bottom: -35px
}

.navbar-default.fixed-active .top-bar {
    background-color: #1c2127
}

.navbar-default.fixed-active .navbar-brand .logo-dark {
    display: block
}

.navbar-default.fixed-active .navbar-nav li a {
    color: #3d404e;
    opacity: 1
}

.navbar-default.fixed-active .navbar-nav li a:hover {
    color: #1B447F
}

.navbar-default.fixed-active .navbar-nav li .dropdown-menu {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .03)
}

.navbar-default.fixed-active .phone {
    color: #9193a4
}

.navbar-default.fixed-active .search {
    color: #004281
}

.navbar-default.fixed-active .search:hover {
    color: #1B447F
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background: 0 0;
    border: none
}

.navbar-default.fixed-active .navbar-nav>.open>a,
.navbar-default.fixed-active .navbar-nav>.open>a:focus,
.navbar-default.fixed-active .navbar-nav>.open>a:hover {
    color: inherit
}

.search-box {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(61, 64, 78, 1);
    z-index: 2;
    opacity: 0;
    visibility: hidden
}

.search-box.active {
    opacity: 1;
    visibility: visible
}

.search-box form {
    width: 100%;
    float: left;
    padding: 0 15%
}

.search-box form input[type=text] {
    width: 70%;
    background: 0 0;
    border: none;
    padding: 0 20px;
    color: #fff;
    font-size: 20px
}

.search-box form input[type=text]::-webkit-input-placeholder {
    color: #fff
}

.search-box form input[type=text]::-moz-placeholder {
    color: #fff
}

.search-box form input[type=text]:-ms-input-placeholder {
    color: #fff
}

.search-box form input[type=text]:-moz-placeholder {
    color: #fff
}

.search-box form button[type=submit] {
    float: right
}

.header {
    width: 100%;
    margin-bottom: 20px;
    float: left;
    background: #fff;
    position: relative
}

.header .hero-img,
.header .hero-img:after {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0
}

.header .hero-img {
    overflow: hidden
}

.header .hero-img:after {
    content: "";
    height: 100%;
    background: #3d404e;
    opacity: .3
}

.header .hero-img img {
    width: 100%;
    max-width: inherit;
    float: left;
    -o-object-fit: cover;
    object-fit: cover
}

.header .main-title {
    font-family: "Playfair Display"
}

.header .rev-btn {
    height: 56px;
    line-height: 52px!important;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700!important;
    font-family: Poppins, sans-serif!important;
    border-radius: 56px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05)!important;
    border: 2px solid #1B447F!important
}

.header .rev-btn:hover {
    background: 0 0;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.int-header {
    width: 100%;
    height: 300px;
    background: url(../images/B2B_Background.jpg) center no-repeat;
    background-size: cover;
    position: relative
}

.int-header:after {
    content: '';
    width: 100%;
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    opacity: .3
}

.int-header .table {
    position: relative;
    z-index: 2;
    background: url(../images/B2B_hdrbg.png) right bottom no-repeat;
    background-size: contain
}

.int-header .container h3 {
    font-weight: 600;
    color: #fff;
    margin-top: 100px;
    font-size: 40px
}

.int-header .container h3 span {
    color: #1B447F;
    font-size: 60px;
    margin-left: 0;
    position: relative;
    z-index: 2
}

.pgTitle {
    margin-left: 10px
}

.breadcrumb-bar {
    width: 100%;
    float: left;
    background: #fff;
    border-bottom: 1px solid #eee
}

.breadcrumb-bar .breadcrumb {
    width: 100%;
    float: left;
    background: 0 0;
    margin: 20px 0;
    padding: 0
}

.breadcrumb-bar .breadcrumb li {
    float: left;
    color: #9193a4;
    font-size: 14px
}

.breadcrumb-bar .breadcrumb li:first-child:before {
    display: none
}

.breadcrumb-bar .breadcrumb li:before {
    content: "\f0da";
    font-family: fontAwesome;
    float: left;
    padding: 0 15px;
    opacity: .5
}

.bullet-bar.tp-bullets:before,
.tiny_bullet_slider .tp-bullet:before {
    content: " ";
    width: 100%;
    background: 0 0
}

.featured-services h4,
.featured-solutions .solution-box h4,
.featured-solutions h2,
.highlights h2,
.highlights h5,
.intro h2,
.services h2,
.services h4,
.video-intro h2 {
    font-family: "Playfair Display"
}

.breadcrumb-bar .breadcrumb li a {
    float: left;
    color: #9193a4
}

.breadcrumb-bar .breadcrumb li a:hover {
    text-decoration: none;
    color: #1B447F
}

.tiny_bullet_slider .tp-bullet:before {
    position: absolute;
    height: 25px;
    top: -12px;
    left: 0
}

.bullet-bar.tp-bullets:before {
    height: 100%;
    padding: 10px;
    margin-left: -10px;
    margin-top: -10px;
    box-sizing: content-box
}

.bullet-bar .tp-bullet {
    width: 30px;
    height: 5px;
    float: left;
    background: rgba(204, 204, 204, .5);
    cursor: pointer;
    box-sizing: content-box;
    border-radius: 5px
}

.intro,
.video-intro {
    width: 100%;
    float: left
}

.bullet-bar .tp-bullet.selected,
.bullet-bar .tp-bullet:hover,
.intro a,
.intro h6:after {
    background: #1B447F
}

.intro {
    padding: 100px 0
}

.intro h6 {
    font-weight: 700;
    font-size: 14px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.intro h6:after {
    content: '';
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.intro h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.intro a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    border-radius: 56px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05);
    border: 2px solid transparent
}

.intro a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.video-intro {
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.video-intro:after,
.video-intro:before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    content: ''
}

.video-intro:before {
    background: url(../images/right-bg.jpg) bottom no-repeat;
    background-size: auto 100%;
    z-index: -2
}

.video-intro:after {
    background: url(../images/right-image-mask.png) left top no-repeat;
    z-index: -1;
    background-size: auto 100%
}

.video-intro h6 {
    font-weight: 700;
    font-size: 14px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.video-intro h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 0;
    bottom: 0
}

.video-intro h2 {
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.video-intro p {
    display: block;
    font-size: 17px;
    margin-bottom: 50px
}

.video-intro .video {
    margin-left: -100px;
    position: relative
}

.video-intro .video img {
    width: 100%;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.video-intro .play-btn,
.video-intro .watch-btn {
    display: inline-block;
    font-weight: 700;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05)
}

.video-intro .watch-btn {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    color: #fff;
    background: #1B447F;
    border-radius: 56px;
    border: 2px solid transparent
}

.video-intro .watch-btn:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.video-intro .play-btn {
    width: 76px;
    height: 76px;
    line-height: 76px;
    color: #fff;
    background: #8a39ee;
    border-radius: 76px;
    border: 2px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
    font-size: 20px
}

.video-intro .play-btn:after {
    content: '';
    width: 96px;
    height: 96px;
    position: absolute;
    left: -12px;
    top: -12px;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, .3)
}

.video-intro .play-btn:hover {
    text-decoration: none;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.featured-solutions a,
.quote .container a {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05);
    display: inline-block
}

.highlights {
    width: 100%;
    float: left;
    padding: 30px 0
}

.highlights h5:before,
.highlights h6:after {
    width: 30px;
    height: 3px;
    content: '';
    background: #1B447F;
    left: 50%;
    margin-left: -15px
}

.highlights h5,
.highlights h6 {
    padding-bottom: 30px;
    letter-spacing: .4px
}

.highlights h5 {
    font-weight: 500;
    font-size: 18px;
    color: #3d404e;
    position: relative
}

.highlights h5:before {
    position: absolute;
    top: -15px
}

.highlights h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    color: #9193a4
}

.highlights h6:after {
    position: absolute;
    bottom: 0
}

.highlights h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 25px
}

.highlights img {
    width: 100px;
    display: inline-block;
    margin-bottom: 20px
}

.highlights h4 {
    font-size: 14px;
    font-weight: 600;
    color: #8a39ee;
    padding-bottom: 18px;
    margin-bottom: 11px;
    position: relative
}

.highlights h4:before {
    content: '';
    width: 6px;
    height: 6px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    border-radius: 50%
}

.highlights p {
    font-size: 13px;
    line-height: 22px
}

.featured-services {
    width: 100%;
    float: left;
    padding: 80px 0;
    background: url(../images/hero1.jpg) center no-repeat fixed;
    position: relative
}

.featured-services:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #8a39ee;
    opacity: .8
}

.featured-services h4:after,
.featured-services h6:after,
.services h6:after {
    background: #1B447F;
    bottom: 0;
    content: ''
}

.featured-services .container {
    position: relative;
    z-index: 2
}

.featured-services h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    color: #3d404e;
    position: relative;
    padding-bottom: 30px;
    color: rgba(255, 2555, 255, .5)
}

.featured-services h6:after {
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0
}

.featured-services h2 {
    font-family: "Playfair Display";
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 120px;
    color: #fff
}

.featured-services i {
    width: 70px;
    height: 70px;
    border: 3px solid rgba(255, 255, 255, .2);
    border-radius: 50%;
    font-size: 32px;
    margin-bottom: 60px;
    float: left;
    color: #1B447F;
    line-height: 66px;
    margin-right: 30px
}

.featured-services h4 {
    font-weight: 700;
    font-size: 18px;
    color: #fff;
    position: relative;
    padding-bottom: 15px
}

.featured-services h4:after {
    width: 20px;
    height: 2px;
    position: absolute;
    left: 100px
}

.featured-services p {
    font-size: 14px;
    padding-right: 10%;
    margin-bottom: 40px;
    color: #fff
}

.services {
    width: 100%;
    float: left;
    padding: 100px 0
}

.services h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.services h6:after {
    width: 30px;
    height: 3px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.services h2 {
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 120px
}

.services i {
    width: 80px;
    height: 80px;
    border: 3px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    font-size: 40px;
    margin-bottom: 60px;
    float: left;
    color: #1B447F;
    line-height: 74px;
    margin-right: 20px
}

.services h4 {
    font-weight: 700;
    font-size: 18px;
    color: #1B447F;
    position: relative;
    padding-bottom: 15px
}

.services h4:after {
    content: '';
    width: 20px;
    height: 2px;
    background: #1B447F;
    position: absolute;
    left: 100px;
    bottom: 0
}

.featured-solutions .solution-box h4:after,
.featured-solutions h6:after {
    content: '';
    height: 3px;
    bottom: 0;
    background: #1B447F
}

.services p {
    font-size: 14px;
    padding-right: 10%;
    margin-bottom: 60px
}

.featured-solutions {
    width: 100%;
    float: left;
    padding: 80px 0
}

.featured-solutions h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.featured-solutions h6:after {
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.featured-solutions h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.featured-solutions .solution-box {
    width: 100%;
    float: left
}

.featured-solutions .solution-box .image {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px
}

.featured-solutions .solution-box .image img {
    width: 100%
}

.featured-solutions .solution-box h4 {
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    font-size: 20px;
    color: #9193a4;
    text-transform: uppercase;
    position: relative
}

.featured-solutions .solution-box h4:after {
    width: 30px;
    position: absolute;
    left: 0
}

.featured-solutions .solution-box p {
    line-height: 25px;
    padding-right: 10%;
    color: #7d7a7a;
    margin-bottom: 40px
}

.featured-projects h2,
.quote .container h2 {
    margin-bottom: 50px;
    font-family: "Playfair Display"
}

.featured-solutions a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.featured-solutions a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.quote {
    width: 100%;
    float: left;
    padding: 80px 0;
    position: relative
}

.quote .video-bg,
.quote:after {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.quote:after {
    content: "";
    background: #1B447F;
    opacity: .8
}

.quote .video-bg {
    overflow: hidden
}

.featured-projects h6:after,
.quote .container h6:after {
    content: '';
    left: 50%;
    margin-left: -15px;
    bottom: 0
}

.quote .container {
    position: relative;
    z-index: 2
}

.quote .container h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    color: #3d404e;
    position: relative;
    padding-bottom: 30px;
    color: rgba(255, 255, 255, .6)
}

.quote .container h6:after {
    width: 30px;
    height: 3px;
    background: #fff;
    position: absolute
}

.quote .container h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    color: #fff
}

.quote .container a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    color: #fff;
    background: #8a39ee;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.quote .container a:hover {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none
}

.featured-projects {
    width: 100%;
    float: left;
    padding: 80px 0
}

.featured-projects h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.featured-projects h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute
}

.featured-projects h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px
}

.featured-projects .project-box {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

.featured-projects .project-box img {
    width: 100%;
    float: left
}

.featured-projects .project-box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.featured-projects .project-box figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    padding: 10% 20px
}

.featured-projects .project-box figcaption h4 {
    font-family: "Playfair Display";
    color: #fff;
    font-size: 40px;
    position: relative;
    padding-bottom: 20px
}

.featured-projects .project-box figcaption h4:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1B447F
}

.featured-projects .project-box figcaption small {
    height: 22px;
    line-height: 22px;
    display: inline-block;
    color: #fff
}

.projects {
    width: 100%;
    float: left;
    padding: 80px 0
}

.projects h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.projects .project-box figcaption h4,
.projects h2 {
    font-size: 40px;
    font-family: "Playfair Display"
}

.projects h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.projects h2 {
    padding: 0 10%;
    line-height: 60px;
    margin-bottom: 50px
}

.projects .project-box {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden
}

.projects .project-box img {
    width: 100%;
    float: left
}

.projects .project-box:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.projects .project-box figcaption {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, .3);
    padding: 10% 20px
}

.projects .project-box figcaption h4 {
    color: #fff;
    position: relative;
    padding-bottom: 20px
}

.projects .project-box figcaption h4:after {
    content: "";
    width: 30px;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #1B447F
}

.faq h6:after,
.left-side-content .side-image:after,
.left-side-content h6:after,
.our-skills h6:after,
.right-side-content .side-image:after,
.right-side-content h6:after {
    content: ''
}

.projects .project-box figcaption small {
    height: 22px;
    line-height: 22px;
    display: inline-block;
    color: #fff
}

.faq h6,
.left-side-content h6 {
    color: #9193a4;
    text-transform: uppercase;
    letter-spacing: .4px;
    font-weight: 700
}

.faq {
    width: 100%;
    float: left;
    padding: 80px 0
}

.faq h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.faq h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.faq h2 {
    font-family: "Playfair Display";
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.left-side-content {
    width: 100%;
    float: left;
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.left-side-content .side-image {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 0;
    background: #1B447F;
    overflow: hidden
}

.left-side-content .side-image:after {
    width: 100%;
    height: 100%;
    background: url(../images/right-image-mask.png) left top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: auto 100%
}

.left-side-content .side-image .bg-image {
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    mix-blend-mode: soft-light;
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) opacity: .2
}

.left-side-content h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.left-side-content h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 0;
    bottom: 0
}

.left-side-content h2 {
    font-family: "Playfair Display";
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.left-side-content p {
    display: block;
    font-size: 17px;
    margin-bottom: 50px
}

.left-side-content .content-image {
    margin-left: -100px;
    position: relative
}

.left-side-content .content-image img {
    width: 100%;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.left-side-content a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05);
    border: 2px solid transparent
}

.left-side-content a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.right-side-content {
    width: 100%;
    float: left;
    padding: 100px 0;
    position: relative;
    overflow: hidden
}

.right-side-content .side-image {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #1B447F;
    overflow: hidden
}

.right-side-content .side-image:after {
    width: 100%;
    height: 100%;
    background: url(../images/left-image-mask.png) right top no-repeat;
    position: absolute;
    left: 0;
    top: 0;
    background-size: auto 100%
}

.right-side-content .side-image .bg-image {
    max-width: inherit;
    min-width: 100%;
    min-height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block;
    mix-blend-mode: soft-light;
    -webkit-filter: grayscale(100%) contrast(1);
    filter: grayscale(100%) opacity: .2
}

.right-side-content h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.right-side-content h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 0;
    bottom: 0
}

.right-side-content h2 {
    font-family: "Playfair Display";
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.right-side-content p {
    display: block;
    font-size: 17px;
    margin-bottom: 50px
}

.right-side-content .content-image {
    margin-right: -100px;
    position: relative
}

.right-side-content .content-image img {
    width: 100%;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.right-side-content a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05);
    border: 2px solid transparent
}

.right-side-content a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.our-skills {
    width: 100%;
    float: left;
    padding: 100px 0;
    background: #eeeff6
}

.our-skills h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.our-skills h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 0;
    bottom: 0
}

.our-skills h2 {
    font-family: "Playfair Display";
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.our-skills p {
    display: block;
    font-size: 17px;
    margin-bottom: 50px
}

.our-skills .video {
    margin-left: -100px;
    position: relative
}

.our-skills .video img {
    width: 100%;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.contact p .map,
.footer .video .play-btn,
.main-partners a,
.news .load-more,
.our-skills a,
.pricing .price-box a,
.support-bar a,
.testimonials .testimonial-box,
.work-us a {
    box-shadow: 0 20px 30px rgba(0, 0, 0, .05)
}

.our-skills a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.our-skills a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.elements h6:after,
.pricing h6:after {
    content: '';
    height: 3px;
    background: #1B447F;
    margin-left: -15px;
    bottom: 0;
    left: 50%
}

.elements h6,
.pricing h6 {
    color: #9193a4;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .4px
}

.our-progress {
    width: 100%;
    float: left
}

.our-progress .image {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.our-progress p {
    margin-bottom: 20px
}

.elements {
    width: 100%;
    float: left;
    padding: 80px 0
}

.elements h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.elements h6:after {
    width: 30px;
    position: absolute
}

.elements h2 {
    font-family: "Playfair Display";
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.pricing {
    width: 100%;
    float: left;
    padding: 80px 0
}

.pricing h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.pricing h6:after {
    width: 30px;
    position: absolute
}

.pricing h2 {
    font-family: "Playfair Display";
    padding: 0 20%;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 100px
}

.pricing .price-box {
    width: 100%;
    float: left;
    background: #fff;
    padding-bottom: 30px;
    position: relative;
    border: 1px solid #eee
}

.pricing .price-box.recommended {
    margin-top: -31px
}

.pricing .price-box.recommended:before {
    content: "\f005";
    font-family: FontAwesome;
    width: 40px;
    height: 40px;
    position: absolute;
    left: 50%;
    top: -20px;
    background: #8a39ee;
    border-radius: 50%;
    margin-left: -20px;
    color: #fff;
    line-height: 40px;
    font-size: 17px
}

.pricing .price-box .price-header {
    width: 100%;
    float: left;
    padding: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .05)
}

.pricing .price-box .price-header h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #1B447F;
    font-size: 29px
}

.pricing .price-box .price-header h5 {
    margin: 0;
    color: #9193a4
}

.pricing .price-box .price {
    width: 100%;
    float: left;
    font-size: 50px;
    font-weight: 700
}

.pricing .price-box .price span {
    font-size: 20px;
    display: inline-block;
    margin-right: 6px;
    transform: translateY(-22px)
}

.pricing .price-box .price small {
    font-size: 15px;
    margin-left: 10px;
    display: inline-block;
    color: #999
}

.pricing .price-box i {
    font-size: 56px;
    display: block;
    color: #8a39ee
}

.pricing .price-box ul {
    width: 100%;
    float: left;
    margin: 0 0 30px;
    padding: 0;
    color: #9193a4
}

.pricing .price-box ul li {
    width: 100%;
    float: left;
    margin: 5px 0;
    padding: 0;
    list-style: none
}

.pricing .price-box a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.pricing .price-box a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.testimonials {
    width: 100%;
    float: left;
    padding: 80px 0
}

.testimonials h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.testimonials h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    margin-left: -15px;
    bottom: 0
}

.testimonials h2 {
    font-family: "Playfair Display";
    padding: 0 20%;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.testimonials .testimonial-box {
    width: 70%;
    float: left;
    padding: 20px 30px;
    margin: 50px 15%;
    border: 1px solid rgba(0, 0, 0, .05);
    position: relative
}

.testimonials .testimonial-box:after {
    content: '';
    position: absolute;
    left: 10%;
    bottom: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    border-color: #fff transparent transparent
}

.testimonials .testimonial-box .head {
    width: 100px;
    display: inline-block;
    position: relative
}

.testimonials .testimonial-box .head img {
    width: 100px;
    border-radius: 50%
}

.testimonials .testimonial-box .head:after {
    content: "\f10e";
    width: 36px;
    height: 36px;
    display: inline-block;
    background: #1B447F;
    font-family: FontAwesome;
    font-size: 13px;
    line-height: 34px;
    border-radius: 50%;
    border: 3px solid #fff;
    color: #fff;
    transform: translateY(-15px)
}

.main-partners,
.testimonials .owl-slider {
    width: 100%;
    float: left
}

.testimonials .testimonial-box h5 {
    font-size: 22px;
    font-weight: 700
}

.testimonials .testimonial-box small {
    display: block;
    font-family: Fjalla One;
    color: #7d7a7a;
    margin-bottom: 10px
}

.main-partners h2,
.partners h2 {
    font-family: "Playfair Display"
}

.testimonials .testimonial-box .rates {
    display: block;
    margin-bottom: 20px
}

.testimonials .testimonial-box .rates i {
    display: inline-block;
    font-size: 13px;
    color: #1B447F
}

.main-partners {
    padding: 80px 0
}

.main-partners h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.main-partners h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.main-partners h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.main-partners a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.main-partners ul {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0
}

.main-partners ul li {
    width: 20%;
    float: left;
    list-style: none;
    padding: 0 20px;
    position: relative
}

.main-partners ul li:after {
    content: '';
    width: 1px;
    height: 30px;
    background: rgba(0, 0, 0, .1);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -15px
}

.partners h6:after,
.work-process h6:after {
    content: '';
    height: 3px;
    left: 50%;
    bottom: 0
}

.main-partners ul li:last-child:after {
    display: none
}

.main-partners ul li img {
    width: 100%;
    opacity: .3
}

.main-partners ul li:hover img {
    opacity: .6
}

.partners {
    width: 100%;
    float: left;
    padding: 80px 0;
    text-align: center
}

.partners h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.partners h6:after {
    width: 30px;
    background: #1B447F;
    position: absolute;
    margin-left: -15px
}

.partners h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 50px
}

.fun-facts .feature-box .odometer,
.fun-facts .feature-box .symbol {
    font-family: 'Fjalla One', sans-serif;
    color: #fff
}

.partners ul {
    width: 100%;
    float: left;
    margin: 0 0 0 1px;
    padding: 0
}

.partners ul li {
    width: 33.3333%;
    float: left;
    list-style: none;
    padding: 30px;
    position: relative;
    border: 1px solid #eee;
    margin-top: -1px;
    margin-left: -1px
}

.partners ul li img {
    width: 100%;
    opacity: .3
}

.partners ul li:hover img {
    opacity: .6
}

.fun-facts {
    width: 100%;
    float: left;
    background: #8a39ee
}

.fun-facts .row {
    margin: 0
}

.fun-facts .row .col-md-4 {
    padding: 0;
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.fun-facts .feature-box {
    width: 100%;
    float: left;
    padding: 15vh calc(25vw - 220px)
}

.fun-facts .feature-box i {
    font-size: 60px;
    color: #fff;
    margin-bottom: 20px
}

.team h2,
.work-process h2,
.work-us h2 {
    margin-bottom: 50px
}

.fun-facts .feature-box .feature-title {
    color: #fff;
    padding-bottom: 0;
    position: relative;
    font-weight: 900
}

.fun-facts .feature-box .odometer {
    font-size: 50px
}

.fun-facts .feature-box .symbol {
    display: inline-block;
    opacity: .6;
    -webkit-transform: translateY(-9px);
    font-size: 22px
}

.blog .post .post-content .post-title a,
.blog .post .post-content blockquote p,
.blog h2,
.latest-news h2,
.team h2,
.work-process h2,
.work-us h2 {
    font-family: "Playfair Display"
}

.work-process {
    width: 100%;
    float: left;
    padding: 80px 0
}

.work-process h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.work-process h6:after {
    width: 30px;
    background: #1B447F;
    position: absolute;
    margin-left: -15px
}

.work-process h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px
}

.work-process .circles {
    width: 100%;
    height: 300px;
    background-repeat: no-repeat;
    background-image: url(../images/process-circles.png);
    background-size: 100% auto
}

.work-process .circles .icon-border {
    width: 268px;
    height: 268px;
    border-radius: 268px;
    display: inline-block;
    overflow: hidden;
    border: 2px solid #eee;
    padding-top: 20px
}

.work-process .circles .icon-border span:after,
.work-us h6:after {
    content: '';
    height: 3px;
    left: 50%;
    margin-left: -15px
}

.work-process .circles .icon-border:hover {
    border: 2px solid #1B447F
}

.work-process .circles .icon-border:hover i {
    color: #1B447F
}

.work-process .circles .icon-border i {
    font-size: 70px;
    color: #000;
    margin-top: 31px;
    display: inline-block
}

.work-process .circles .icon-border span {
    width: 100%;
    display: inline-block;
    color: #9193a4;
    font-size: 22px;
    font-weight: 700;
    padding-top: 15px;
    position: relative
}

.work-process .circles .icon-border span:after {
    width: 30px;
    background: #1B447F;
    position: absolute;
    top: 0
}

.work-us {
    width: 100%;
    float: left;
    padding: 80px 0;
    background: #1B447F;
    color: #fff
}

.work-us h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    color: #3d404e;
    position: relative;
    padding-bottom: 30px;
    color: rgba(255, 255, 255, .6)
}

.work-us h6:after {
    width: 30px;
    background: #fff;
    position: absolute;
    bottom: 0
}

.work-us h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    color: #fff
}

.work-us a {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #8a39ee;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent
}

.work-us a:hover {
    background: 0 0;
    color: #fff;
    border: 2px solid #fff;
    text-decoration: none
}

.latest-news h6:after,
.team h6:after {
    height: 3px;
    background: #1B447F;
    bottom: 0;
    content: ''
}

.team {
    width: 100%;
    float: left;
    padding: 80px 0
}

.team h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.team h6:after {
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}

.team h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px
}

.team .member {
    width: 100%;
    float: left
}

.team .member img {
    width: 100%
}

.team .member figcaption {
    width: 100%;
    float: left;
    border-top: 1px solid #eee;
    padding: 20px
}

.team .member figcaption h4 {
    margin-top: 0;
    font-weight: 600
}

.team .member figcaption small {
    display: block;
    margin-bottom: 10px
}

.team .member figcaption ul {
    display: inline-block;
    margin: 0;
    padding: 0
}

.team .member figcaption ul li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none
}

.team .member figcaption ul li a {
    float: left;
    color: #8a39ee;
    font-size: 12px
}

.latest-news {
    width: 100%;
    float: left;
    padding: 80px 0
}

.latest-news h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.latest-news h6:after {
    width: 30px;
    position: absolute;
    left: 0
}

.latest-news h2 {
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.latest-news .news-box-image {
    width: 100%;
    float: left
}

.latest-news .news-box-image figure {
    width: 100%;
    float: left;
    position: relative
}

.latest-news .news-box-image figure img {
    width: 100%
}

.latest-news .news-box-image figure div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #3d404e;
    opacity: .5
}

.latest-news .news-box-image figure small {
    position: absolute;
    left: 40px;
    top: 40px;
    color: #1B447F;
    font-weight: 700
}

.latest-news .news-box-image figure i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #1B447F;
    position: absolute;
    right: 40px;
    top: 25px;
    color: #1B447F;
    line-height: 36px
}

.latest-news .news-box-image figure figcaption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px
}

.latest-news .news-box-image figure figcaption span {
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px
}

.latest-news .news-box-image figure figcaption h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff
}

.latest-news .news-box-image figure figcaption a {
    height: 38px;
    line-height: 36px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #1B447F;
    border: 2px solid #1B447F;
    padding: 0 15px;
    border-radius: 38px
}

.latest-news .news-box-image figure figcaption a:hover {
    background: #1B447F;
    color: #fff;
    text-decoration: none
}

.latest-news .news-box {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    padding: 30px 20px
}

.latest-news .news-box small {
    display: block;
    font-weight: 700;
    color: #1B447F;
    margin-bottom: 20px
}

.latest-news .news-box h4 {
    font-weight: 700
}

.latest-news .news-box span {
    display: block;
    color: #666;
    font-size: 13px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}

.latest-news .news-box span:after {
    content: '';
    width: 62px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #1B447F
}

.blog,
.blog .post {
    width: 100%;
    float: left
}

.latest-news .news-box p {
    line-height: 26px;
    margin-bottom: 31px
}

.latest-news .news-box a {
    height: 38px;
    line-height: 36px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #1B447F;
    border: 2px solid #1B447F;
    padding: 0 15px;
    border-radius: 38px
}

.latest-news .news-box a:hover {
    text-decoration: none;
    background: #1B447F;
    color: #fff
}

.blog {
    padding: 100px 0
}

.blog h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.blog h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.blog h2 {
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 100px
}

.blog .post {
    margin-bottom: 140px
}

.blog .post .post-content .post-metas,
.blog .post .post-image {
    width: 100%;
    margin-bottom: 30px;
    float: left
}

.blog .post .post-image img {
    width: 100%
}

.blog .post .post-content {
    width: 100%;
    float: left;
    padding: 0
}

.blog .post .post-content .post-metas .author {
    float: left;
    margin-right: 30px
}

.blog .post .post-content .post-metas .author img {
    width: 60px;
    float: left;
    border-radius: 50%;
    margin-right: 10px
}

.blog .post .post-content .post-metas .author .author-name {
    width: 200px;
    display: block;
    font-weight: 900;
    color: #8a39ee;
    margin-top: 6px
}

.blog .post .post-content .post-metas .author .post-date {
    width: 200px;
    display: block;
    color: #9193a4
}

.blog .post .post-content .post-metas .comments {
    float: left;
    line-height: 60px;
    color: #9193a4;
    margin-right: 30px;
    font-size: 12px;
    font-weight: 600
}

.blog .post .post-content .post-metas .comments img,
.blog .post .post-content .post-metas .tags img {
    width: 15px;
    margin-right: 7px
}

.blog .post .post-content .post-metas .tags {
    float: left;
    line-height: 60px;
    color: #9193a4;
    font-size: 12px;
    font-weight: 600
}

.blog .post .post-content .post-metas .tags a {
    color: #9193a4;
    text-decoration: underline
}

.blog .post .post-content .post-metas .tags a:hover {
    color: #1B447F
}

.blog .post .post-content .post-title {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 24px;
    font-size: 50px;
    font-weight: 900
}

.blog .post .post-content .post-title a {
    display: inline-block
}

.blog .post .post-content .post-title a:hover {
    color: #1B447F;
    text-decoration: none
}

.blog .post .post-content .paragraph {
    width: 100%;
    float: left;
    font-size: 18px;
    line-height: 29px;
    margin-bottom: 40px
}

.blog .post .post-content blockquote {
    width: 100%;
    float: left;
    border-left: 5px solid #8a39ee;
    margin-bottom: 40px
}

.blog .post .post-content blockquote p {
    font-size: 25px;
    line-height: 35px;
    font-style: italic
}

.blog .post .post-content blockquote h5 {
    color: #8a39ee;
    font-size: 18px;
    font-weight: 900
}

.blog .post .post-content .post-bottom-metas {
    width: 100%;
    float: left;
    border-top: 2px solid #e8e8ec;
    padding-top: 20px;
    margin-bottom: 50px
}

.blog .post .post-content .post-bottom-metas .tags {
    width: 50%;
    float: left;
    margin: 0;
    padding: 0
}

.blog .post .post-content .post-bottom-metas .tags li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    list-style: none
}

.blog .post .post-content .post-bottom-metas .tags li a {
    height: 31px;
    float: left;
    line-height: 31px;
    padding: 0 18px;
    background: #ebebf4;
    color: #7570ff;
    font-weight: 900;
    border-radius: 4px
}

.blog .post .post-content .post-bottom-metas .tags li a:hover {
    background: #7570ff;
    color: #fff;
    text-decoration: none
}

.blog .post .post-content .readmore-btn {
    height: 38px;
    line-height: 36px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #1B447F;
    border: 2px solid #1B447F;
    padding: 0 15px;
    border-radius: 38px
}

.blog .post .post-content .readmore-btn:hover {
    text-decoration: none;
    background: #1B447F;
    color: #fff
}

.blog .sidebar {
    width: 100%;
    float: left;
    padding-left: 5%
}

.blog .sidebar .widget {
    width: 100%;
    float: left;
    margin-bottom: 40px;
    background: #fff;
    padding: 25px;
    border-left: 1px solid #eee
}

.blog .sidebar .widget .widget-title {
    width: 100%;
    float: left;
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    color: #1B447F
}

.blog .sidebar .widget img {
    margin-bottom: 15px
}

.blog .sidebar .widget p {
    line-height: 22px;
    font-size: 14px;
    color: #9397a0
}

.blog .sidebar .widget ul {
    margin: 0;
    padding: 0
}

.blog .sidebar .widget ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.blog .sidebar .widget .tags {
    width: 100%;
    float: left
}

.blog .sidebar .widget .tags li {
    float: left;
    margin-right: 6px;
    margin-bottom: 6px
}

.blog .sidebar .widget .tags li a {
    height: 28px;
    float: left;
    line-height: 28px;
    padding: 0 8px;
    border-radius: 28px;
    background: #8a39ee;
    color: #fff;
    font-size: 13px;
    font-weight: 600
}

.career h2,
.news h2,
.on-press h2,
.our-offices h2,
.support h2 {
    font-family: "Playfair Display";
    line-height: 56px
}

.blog .sidebar .widget .tags li a:hover {
    text-decoration: none;
    background: #1B447F
}

.blog .sidebar .widget .menu {
    width: 100%;
    float: left
}

.blog .sidebar .widget .menu li {
    width: 100%;
    float: left;
    margin: 5px 0
}

.career h6:after,
.our-offices h6:after {
    height: 3px;
    margin-left: -15px;
    content: '';
    background: #1B447F;
    left: 50%;
    bottom: 0
}

.blog .sidebar .widget .menu li a {
    float: left
}

.blog .sidebar .widget .menu li a:hover {
    text-decoration: none;
    color: #0079fc
}

.blog .sidebar .widget .menu li span {
    float: right;
    color: #ccc
}

.blog .sidebar .widget .post {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.blog .sidebar .widget .post img {
    width: 130px;
    float: left;
    padding-right: 15px
}

.blog .sidebar .widget .post .post-content {
    width: calc(100% - 130px);
    float: left;
    padding: 0
}

.blog .sidebar .widget .post .post-content small {
    display: block;
    font-size: 13px;
    color: #9193a4;
    font-weight: 600;
    margin-top: -2px
}

.blog .sidebar .widget .post .post-content h4 {
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600
}

.blog .sidebar .widget .post .post-content h4 a {
    float: left
}

.blog .sidebar .widget .post .post-content h4 a:hover {
    color: #8a39ee
}

.our-offices {
    width: 100%;
    float: left;
    padding: 100px 0
}

.our-offices h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.our-offices h6:after {
    width: 30px;
    position: absolute
}

.our-offices h2 {
    padding: 0;
    font-size: 44px;
    margin-bottom: 60px
}

.career h6,
.our-offices .office-box h5 {
    font-size: 14px;
    color: #9193a4;
    letter-spacing: .4px;
    text-transform: uppercase
}

.our-offices .office-box {
    width: 90%;
    margin-bottom: 50px
}

.our-offices .office-box iframe {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.our-offices .office-box h5 {
    width: 100%;
    float: left;
    font-weight: 600
}

.career {
    width: 100%;
    float: left;
    padding: 100px 0
}

.career h6 {
    font-weight: 700;
    position: relative;
    padding-bottom: 30px
}

.career h6:after {
    width: 30px;
    position: absolute
}

.career .resume-form,
.career .resume-form .form-group,
.career .resume-form .form-group label {
    width: 100%;
    float: left
}

.career h2 {
    padding: 0;
    font-size: 44px;
    margin-bottom: 60px
}

.career .resume-form {
    margin-bottom: 100px
}

.career .resume-form .form-group input[type=text] {
    width: 300px;
    max-width: 100%;
    height: 46px;
    padding: 0 15px;
    display: inline-block
}

.career .resume-form .form-group input[type=file] {
    max-width: 100%;
    height: 46px;
    padding: 11px 15px;
    border: 1px solid #eee;
    display: inline-block
}

.career .resume-form .form-group textarea {
    width: 500px;
    max-width: 100%;
    display: inline-block
}

.career .position-list {
    width: 100%;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0
}

.about,
.contact,
.error-pages,
.footer .footer-bar .social-media li a,
.footer .video .play-btn,
.news h2,
.news h6,
.on-press h2,
.on-press h6,
.scrollup,
.sitemap,
.support .support-form,
.support h2,
.support h6 {
    text-align: center
}

.career .position-list li {
    width: 100%;
    float: left;
    padding: 15px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    list-style: none
}

.career .position-list li:last-child {
    border-bottom: none
}

.career .position-list li h5 {
    width: 50%;
    float: left;
    margin: 0
}

.career .position-list li span {
    float: left;
    color: #9193a4
}

.career .position-list li a {
    float: right;
    color: #1B447F;
    font-weight: 600
}

.support {
    width: 100%;
    float: left;
    padding: 100px 0
}

.support h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.support h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.support h2 {
    padding: 0;
    font-size: 44px;
    margin-bottom: 60px
}

.support .support-box {
    width: 100%;
    float: left;
    margin-bottom: 100px
}

.support .support-box img {
    width: 100px;
    float: left;
    margin-right: 20px
}

.support .support-box h4 {
    font-weight: 600;
    font-size: 16px;
    color: #9193a4
}

.support .support-form,
.support .support-form .form-group,
.support .support-form .form-group label {
    width: 100%;
    float: left
}

.support .support-form .form-group input[type=text] {
    width: 300px;
    max-width: 100%;
    height: 46px;
    padding: 0 15px;
    display: inline-block
}

.news h6:after,
.on-press h6:after {
    height: 3px;
    background: #1B447F;
    left: 50%;
    bottom: 0;
    content: '';
    margin-left: -15px
}

.support .support-form .form-group textarea {
    width: 500px;
    max-width: 100%;
    display: inline-block
}

.on-press {
    width: 100%;
    float: left;
    padding: 100px 0
}

.on-press h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.on-press h6:after {
    width: 30px;
    position: absolute
}

.on-press h2 {
    padding: 0;
    font-size: 44px;
    margin-bottom: 60px
}

.on-press .press-box {
    width: 100%;
    float: left;
    margin-bottom: 50px
}

.on-press .press-box img {
    width: 100%
}

.on-press .press-box a,
.on-press .press-box figcaption {
    width: 100%;
    float: left
}

.on-press .press-box figcaption h3 {
    width: 100%;
    float: left;
    font-weight: 600;
    font-size: 16px;
    color: #9193a4;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 15px
}

.on-press .press-box figcaption small {
    color: #1B447F
}

.news {
    width: 100%;
    float: left;
    padding: 80px 0
}

.news h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.news h6:after {
    width: 30px;
    position: absolute
}

.news h2 {
    padding: 0;
    font-size: 44px;
    margin-bottom: 60px
}

.news .news-box-image {
    width: 100%;
    float: left;
    margin-bottom: 30px
}

.news .news-box-image figure {
    width: 100%;
    float: left;
    position: relative
}

.news .news-box-image figure img {
    width: 100%
}

.news .news-box-image figure div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #3d404e;
    opacity: .5
}

.news .news-box-image figure small {
    position: absolute;
    left: 40px;
    top: 40px;
    color: #1B447F;
    font-weight: 700
}

.news .news-box-image figure i {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #1B447F;
    position: absolute;
    right: 40px;
    top: 25px;
    color: #1B447F;
    text-align: center;
    line-height: 36px
}

.news .news-box-image figure figcaption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 40px
}

.news .news-box-image figure figcaption span {
    display: block;
    color: #fff;
    margin-bottom: 10px;
    font-size: 13px
}

.news .news-box-image figure figcaption h4 {
    font-weight: 700;
    font-size: 22px;
    color: #fff
}

.news .news-box-image figure figcaption a {
    height: 38px;
    line-height: 36px;
    display: inline-block;
    font-weight: 700;
    font-size: 13px;
    color: #1B447F;
    border: 2px solid #1B447F;
    padding: 0 15px;
    border-radius: 38px
}

.news .news-box-image figure figcaption a:hover {
    background: #1B447F;
    color: #fff;
    text-decoration: none
}

.news .news-box {
    width: 100%;
    float: left;
    border: 1px solid #eee;
    padding: 30px 20px;
    margin-bottom: 30px
}

.news .news-box small {
    display: block;
    font-weight: 700;
    color: #1B447F;
    margin-bottom: 20px
}

.news .news-box h4 {
    font-weight: 700
}

.news .news-box span {
    display: block;
    color: #666;
    font-size: 13px;
    position: relative;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee
}

.news .load-more,
.news .news-box a {
    display: inline-block;
    font-weight: 700
}

.news .news-box span:after {
    content: '';
    width: 62px;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: -1px;
    background: #1B447F
}

.news .news-box p {
    line-height: 26px;
    margin-bottom: 31px
}

.news .news-box a {
    height: 38px;
    line-height: 36px;
    font-size: 13px;
    color: #1B447F;
    border: 2px solid #1B447F;
    padding: 0 15px;
    border-radius: 38px
}

.news .news-box a:hover {
    text-decoration: none;
    background: #1B447F;
    color: #fff
}

.news .load-more {
    height: 56px;
    line-height: 52px;
    padding: 0 40px;
    color: #fff;
    background: #1B447F;
    border-radius: 56px;
    border: 2px solid transparent
}

.about h2,
.gallery h2 {
    line-height: 60px;
    font-family: "Playfair Display"
}

.news .load-more:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.about p .mail,
.contact p .mail {
    text-decoration: underline;
    display: block
}

.gallery {
    width: 100%;
    float: left;
    padding: 100px 0
}

.gallery h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .4px;
    position: relative;
    padding-bottom: 30px;
    color: #9193a4
}

.gallery h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -15px
}

.gallery h2 {
    padding: 0 10%;
    font-size: 40px;
    margin-bottom: 50px
}

.gallery ul,
.gallery ul li {
    margin: 0;
    padding: 0;
    float: left
}

.gallery ul {
    width: 100%
}

.gallery ul li {
    width: 33.33333%;
    list-style: none
}

.gallery ul li.big {
    width: 66.66666%
}

.gallery ul li a {
    width: 100%;
    float: left
}

.gallery ul li img {
    width: 100%
}

.error-pages {
    width: 100%;
    float: left;
    padding-top: 60px;
    padding-bottom: 100px
}

.error-pages img {
    width: 400px
}

.about {
    width: 100%;
    float: left;
    padding: 30px 0;
    font-size: 110%
}

.about h5:before,
.about h6:after {
    content: '';
    width: 30px;
    height: 3px;
    background: #1B447F;
    left: 50%;
    margin-left: -15px
}

.about h5,
.about h6 {
    letter-spacing: .4px;
    padding-bottom: 30px
}

.about h5 {
    font-family: "Playfair Display";
    font-weight: 500;
    font-size: 18px;
    color: #3d404e;
    position: relative
}

.about h5:before {
    position: absolute;
    top: -15px
}

.about h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    color: #9193a4
}

.about h6:after {
    position: absolute;
    bottom: 0
}

.about h2 {
    padding: 0 10%;
    font-size: 40px;
    margin-bottom: 25px
}

.about p {
    display: block;
    line-height: 30px
}

.about p span {
    opacity: .8;
    font-size: 85%;
    margin-right: 10px
}

.about p .mail {
    margin-bottom: 40px
}

.contact {
    width: 100%;
    float: left;
    padding: 30px 0;
    font-size: 110%
}

.contact h5:before,
.contact h6:after {
    width: 30px;
    height: 3px;
    margin-left: -15px;
    content: '';
    background: #1B447F;
    left: 50%
}

.contact h5,
.contact h6 {
    letter-spacing: .4px;
    padding-bottom: 30px
}

.contact h5 {
    font-family: "Playfair Display";
    font-weight: 500;
    font-size: 18px;
    color: #3d404e;
    position: relative
}

.contact h5:before {
    position: absolute;
    top: -15px
}

.contact h6 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    position: relative;
    color: #9193a4
}

.contact h6:after {
    position: absolute;
    bottom: 0
}

.contact h2 {
    font-family: "Playfair Display";
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 25px
}

.contact p {
    display: block
}

.contact p span {
    opacity: .8;
    font-size: 85%;
    margin-right: 10px
}

.contact p .mail {
    margin-bottom: 40px
}

.contact p .map small {
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1px
}

.contact p .map {
    letter-spacing: 2px;
    height: 56px;
    line-height: 18px;
    padding: 6px 40px 10px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid transparent;
    position: relative;
    margin-top: 60px
}

.contact p .map:before {
    content: '';
    width: 1px;
    height: 50px;
    background: #1B447F;
    position: absolute;
    left: 50%;
    top: -70px
}

.contact p .map:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.sitemap .parentItem:before,
.sitemap h5:before {
    content: '';
    background: #1B447F;
    left: 50%
}

.sitemap .parentItem,
.sitemap h5 {
    font-weight: 500;
    letter-spacing: .4px;
    color: #3d404e;
    font-family: "Playfair Display"
}

#map {
    width: 100%;
    height: 500px;
    float: left
}

.sitemap {
    width: 100%!important;
    max-width: none!important;
    float: left;
    padding: 30px 0;
    font-size: 110%
}

.sitemap .parentItem:before,
.sitemap h5:before,
.sitemap h6:after {
    width: 30px;
    height: 3px;
    margin-left: -15px
}

.sitemap .parentItem {
    font-size: 24px;
    position: relative;
    padding-bottom: 30px;
    text-transform: uppercase
}

.sitemap .parentItem:before {
    position: absolute;
    bottom: 15px
}

.sitemap li.level1 {
    list-style: square
}

.sitemap li.level0:first-child {
    margin-bottom: 35px
}

.sitemap h5 {
    font-size: 18px;
    position: relative;
    padding-bottom: 30px
}

.get-quote h6,
.sitemap h6 {
    text-transform: uppercase;
    letter-spacing: .4px;
    color: #9193a4;
    font-weight: 700
}

.sitemap h5:before {
    position: absolute;
    top: -15px
}

.sitemap h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.sitemap h6:after,
.sitemap p .line:before {
    content: '';
    background: #1B447F;
    position: absolute;
    left: 50%
}

.sitemap h6:after {
    bottom: 0
}

.sitemap h2 {
    font-family: "Playfair Display";
    padding: 0 10%;
    font-size: 40px;
    line-height: 60px;
    margin-bottom: 25px
}

.sitemap p {
    display: block
}

.sitemap .list-unstyled {
    margin-top: 30px!important
}

.sitemap p .line:before {
    width: 1px;
    height: 50px
}

.footer .footer-title:after,
.get-quote h6:after {
    left: 0;
    content: ''
}

.get-quote {
    width: 100%;
    float: left;
    padding: 80px 0;
    background: url(../images/form-bg.jpg) center no-repeat;
    background-size: cover
}

.get-quote h6 {
    font-size: 14px;
    position: relative;
    padding-bottom: 30px
}

.get-quote h6:after {
    width: 30px;
    height: 3px;
    background: #1B447F;
    position: absolute;
    bottom: 0
}

.get-quote h2 {
    font-family: "Playfair Display";
    padding: 0;
    font-size: 44px;
    line-height: 56px;
    margin-bottom: 30px
}

.get-quote form {
    width: 100%;
    float: left
}

.get-quote form input[type=text] {
    width: 100%;
    float: left;
    margin-top: -1px
}

.get-quote form input[type=text].first {
    width: 50%
}

.get-quote form input[type=text].second {
    width: 50%;
    border-left: none
}

.get-quote form textarea {
    width: 100%;
    float: left;
    margin-top: -1px;
    margin-bottom: 0
}

.get-quote form button[type=submit] {
    float: left;
    border-radius: 0;
    margin-top: -25px
}

.get-quote form button[type=submit]:hover {
    background: #8a39ee;
    border: 2px solid #8a39ee;
    color: #fff
}

.support-bar {
    width: 100%;
    float: left;
    padding: 30px 0;
    background: #1B447F
}

.support-bar img {
    width: 100px;
    float: left;
    margin-right: 30px
}

.support-bar h4 {
    display: block;
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.support-bar h6 {
    display: block;
    font-size: 17px;
    font-weight: 300;
    color: #fff
}

.support-bar a {
    height: 56px;
    float: right;
    line-height: 52px;
    padding: 0 40px;
    display: inline-block;
    color: #fff;
    background: #3d404e;
    font-weight: 700;
    border-radius: 56px;
    border: 2px solid #fff;
    margin: 12px 0
}

.support-bar a:hover {
    background: #fff;
    color: #1B447F;
    border: 2px solid #1B447F;
    text-decoration: none
}

.footer,
.footer p {
    color: #fff
}

.footer {
    width: 100%;
    float: left;
    background: #3d404e
}

.footer .footer-bar {
    width: 100%;
    float: left;
    border-bottom: 0 solid rgba(255, 255, 255, .15);
    padding: 25px 0;
    margin-bottom: 0
}

.footer .footer-bar .social-media {
    float: left;
    margin: 0;
    padding: 0
}

.footer .footer-bar .social-media li {
    float: left;
    margin: 0 10px 0 0;
    padding: 0;
    list-style: none
}

.footer .footer-bar .social-media li a {
    width: 50px;
    height: 50px;
    float: left;
    color: rgba(255, 255, 255, .6);
    border: 2px solid rgba(255, 255, 255, .3);
    line-height: 46px;
    border-radius: 50%
}

.footer .footer-bar .social-media li a:hover {
    border: 2px solid rgba(255, 255, 255, .5);
    color: #fff
}

.footer .footer-bar address {
    width: 250px;
    float: left;
    margin: 6px 0 0;
    padding: 0;
    font-weight: 700
}

.footer .footer-bar address i {
    float: left;
    font-size: 40px;
    margin-right: 10px
}

.footer .footer-bar address small {
    display: block;
    font-weight: 300;
    opacity: .5
}

.footer .footer-title {
    width: 100%;
    float: left;
    font-weight: 700;
    color: #fff;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    padding-bottom: 20px;
    margin-bottom: 20px
}

.footer .footer-title:after {
    width: 62px;
    height: 1px;
    background: #1B447F;
    position: absolute;
    bottom: -1px
}

.footer .newsletter {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.footer .newsletter input[type=text] {
    width: 70%;
    float: left;
    margin-bottom: 10px;
    border-radius: 0;
    color: #3d404e
}

.footer .newsletter button[type=submit] {
    width: 28%;
    float: right;
    margin-bottom: 10px;
    padding: 0;
    border-radius: 0
}

.footer .newsletter small {
    width: 100%;
    float: left
}

.footer .video {
    width: 100%;
    float: left;
    position: relative
}

.footer .video img {
    width: 100%
}

.footer .video .play-btn {
    width: 66px;
    height: 66px;
    line-height: 66px;
    display: inline-block;
    color: #fff;
    background: #1B447F;
    font-weight: 700;
    border-radius: 66px;
    border: 2px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -38px;
    margin-top: -38px;
    font-size: 20px
}

.footer .video .play-btn:after {
    content: '';
    width: 86px;
    height: 86px;
    position: absolute;
    left: -12px;
    top: -12px;
    border-radius: 50%;
    border: 10px solid rgba(0, 0, 0, .3)
}

.footer .video .play-btn:hover {
    text-decoration: none;
    box-shadow: 0 20px 30px rgba(0, 0, 0, .2)
}

.footer .footer-menu {
    width: 100%;
    float: left;
    margin: -4px 0 0;
    padding: 0
}

.footer .footer-menu li {
    width: 50%;
    float: left;
    margin: 0 0 8px;
    padding: 0;
    list-style: none
}

.footer .footer-menu li a {
    float: left;
    color: #fff
}

.footer .sub-footer {
    width: 100%;
    float: left;
    background: rgba(255, 255, 255, 1);
    margin-top: 0;
    padding: 20px 0
}

.footer .sub-footer .container {
    font-size: 12px;
    color: #7d7a7a
}

.footer .sub-footer .container a {
    color: #7d7a7a;
    font-weight: 700
}

.footer .sub-footer .container span {
    color: #1B447F
}

.scrollup,
.scrollup:hover {
    color: #fff
}

.scrollup {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    background-color: #8a39ee
}

@media only screen and (max-width:1190px),
only screen and (max-device-width:1190px) {
    .navbar-default .quote-btn {
        display: none
    }
}

@media only screen and (max-width:989px),
only screen and (max-device-width:989px) {
    .navbar-default .top-bar .top-menu li {
        margin-right: 25px
    }
    .navbar-default .top-bar .social-text {
        margin-left: 9%;
        text-align: center
    }
    .navbar-default .top-bar .mhidden {
        display: inline
    }
    .left-side-content .side-image,
    .navbar-default .phone,
    .navbar-default .top-bar .language span,
    .navbar-default .top-bar .mShow,
    .right-side-content .side-image {
        display: none
    }
    .navbar-default .navbar-nav li a {
        padding: 10px
    }
    .navbar-default .search {
        margin-top: 30px
    }
    .video-intro .video {
        margin-left: 0
    }
    .video-intro .watch-btn {
        margin-bottom: 100px;
        margin-left: 0
    }
    .video-intro:before {
        background-size: auto 65%
    }
    .featured-services h2 {
        margin-bottom: 80px
    }
    .featured-services p {
        padding-right: 0
    }
    .our-skills a {
        margin-bottom: 100px
    }
    .our-progress .image {
        margin-bottom: 50px
    }
    .left-side-content .content-image {
        margin-left: 0;
        margin-top: 100px
    }
    .right-side-content .content-image {
        margin-right: 0;
        margin-bottom: 100px
    }
    .latest-news .news-box-image {
        margin-bottom: 30px
    }
    .work-process .circles {
        height: 220px;
        background-position: center;
        background-size: 91% auto
    }
    .work-process .circles .icon-border {
        width: 220px;
        height: 220px;
        border-radius: 220px
    }
    .work-process .circles .icon-border i {
        margin-top: 12px;
        font-size: 60px
    }
    .work-process .circles .icon-border span {
        font-size: 18px
    }
    .pricing .price-box ul,
    .support-bar h6 {
        font-size: 13px
    }
    .main-partners ul li {
        width: 33.3333%
    }
    .team .member img {
        padding: 0 10%
    }
    .featured-solutions .solution-box p {
        font-size: 13px;
        line-height: 21px
    }
    .footer .video,
    .footer p {
        margin-bottom: 50px
    }
    .footer .footer-bar {
        width: inherit
    }
    .footer .footer-bar .social-media {
        margin-bottom: 30px
    }
}

@media only screen and (max-width:767px),
only screen and (max-device-width:767px) {
    h2 {
        font-size: 30px!important;
        line-height: 42px!important;
        padding: 0!important
    }
    h6 {
        font-size: 12px!important
    }
    .navbar-default .navbar-brand img {
        height: 50px
    }
    .navbar-default .top-bar .social-text {
        margin-left: 0
    }
    .navbar-default .top-bar .mhidden {
        display: none
    }
    .navbar-default .top-bar .mShow {
        display: inline;
        color: #fff
    }
    .cbp-spmenu .navbar-nav li a:after,
    .navbar-default.fixed-active .since {
        display: none
    }
    .navbar-default .top-bar .mShow a {
        color: #fff;
        cursor: pointer;
        text-decoration: none
    }
    .navbar-default .navbar-header {
        position: relative;
        margin-top: 35px
    }
    .navbar-toggle {
        margin-top: 22px;
        border: none
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background: 0 0
    }
    .navbar-default .navbar-toggle .icon-bar,
    .navbar-default.fixed-active .navbar-toggle .icon-bar {
        background: #004281
    }
    .cbp-spmenu {
        background: #3d404e;
        text-align: left;
        padding: 20px 30px;
        box-shadow: 5px 0 5px -5px #333
    }
    .support .support-box,
    .work-process .circles .text-left,
    .work-process .circles .text-right {
        text-align: center
    }
    .cbp-spmenu .top-menu {
        width: 100%;
        float: left;
        margin: 0 0 20px;
        padding: 0
    }
    .cbp-spmenu .top-menu li {
        width: 100%;
        float: left;
        margin: 3px 0;
        padding: 0;
        list-style: none
    }
    .cbp-spmenu .top-menu li a {
        color: #fff;
        font-size: 14px
    }
    .cbp-spmenu .navbar-nav {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }
    .cbp-spmenu .navbar-nav li {
        width: 100%;
        float: left;
        margin: 5px 0;
        padding: 0;
        list-style: none
    }
    .cbp-spmenu .navbar-nav li a {
        margin: 0;
        padding: 0;
        color: #fff!important
    }
    .cbp-spmenu .navbar-nav li .dropdown-menu {
        background: 0 0!important;
        border: none!important;
        padding: 0 0 0 10px;
        margin-bottom: 10px
    }
    .cbp-spmenu .navbar-nav li .dropdown-menu li {
        width: 100%;
        float: left;
        margin: 0;
        padding: 0
    }
    .cbp-spmenu .navbar-nav li .dropdown-menu li a {
        padding: 0;
        margin: 2px 0;
        font-size: 12px
    }
    .cbp-spmenu .search {
        float: left;
        color: #fff!important
    }
    .testimonials .testimonial-box {
        width: 100%;
        margin: 50px 0
    }
    .gallery ul li,
    .gallery ul li.big,
    .partners ul li {
        width: 100%
    }
    .work-process .circles {
        height: auto
    }
    .work-process .circles .icon-border {
        margin-bottom: 15px
    }
    .our-offices .office-box {
        width: 100%
    }
    .support .support-box img {
        float: none;
        margin-bottom: 10px
    }
    .latest-news .news-box {
        margin-bottom: 30px
    }
    .career .position-list li h5 {
        margin-bottom: 10px
    }
    .pricing .price-box {
        width: 90%;
        margin: 15px 5%
    }
    .search-box form input[type=text],
    .support-bar a {
        width: 100%;
        text-align: center
    }
    .pricing .price-box.recommended {
        margin-top: 30px
    }
    .blog .sidebar {
        padding-left: 0
    }
    .blog .sidebar .widget {
        padding: 25px 0;
        border-left: 0
    }
    .search-box.active {
        z-index: 9999
    }
    .search-box form {
        padding: 0;
        text-align: center
    }
    .search-box form button[type=submit] {
        display: inline-block;
        float: none
    }
    .support-bar img {
        display: none
    }
    .footer .footer-bar address i {
        width: 35px;
        margin-bottom: 10px
    }
    .footer .sub-footer .container {
        font-size: 11px
    }
    .footer .sub-footer .text-right {
        text-align: left
    }
    .footer .sub-footer .col-xs-12 {
        margin: 5px 0
    }
    .int-header .table {
        background: url(../images/B2B_hdrbg.png) bottom right no-repeat;
        background-size: 60%
    }
}

.xg-service-box-03 {

    border: 1px solid #e2e2e2;
    padding: 30px;
	margin-bottom:20px;
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;

}
*, ::after, ::before {

    box-sizing: border-box;

}

.xg-content p { min-height: 150px }
.xg-content h4 { font-weight:bold; }


.xg-service-box-03 .icon {

    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 40px;
    color: #1B447F;;
	margin-bottom: 30px;
	-webkit-box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1);
	box-shadow: 2px 2px 20px

    rgba(0, 0, 0, 0.1);
    -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
	/* Rotate */
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
/* Rotate Origin */
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
    margin: 30px 100px 30px;
	/*background: #913617;*/
}
.xg-service-box-03 .icon .fa {-webkit-transform: rotate(45deg);}
.xg-service-box-03:hover { border-color: #1B447F; }
.xg-service-box-03:hover .xg-content h4 { color:#1B447F; font-weight:bold; }
.xg-service-box-03:hover .icon { background-color:#1B447F; color:#ffffff; -webkit-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms; }

.xg-service-box-03:hover
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.xg-service-box-03:hover:before, .effect6:after
{
    content:"";
    position:relative;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:50%;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.xg-service-box-03:hover:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
/* SPRITE ICONS */

.sprite_bull {
	background: url('../images/icons/riggi_icons.png') no-repeat -86px -57px;
	width: 593px;
	height: 532px;
	background-size: 50% 50%;
}
.sprite_bear {
	background: url('../images/icons/riggi_icons.png') no-repeat -901px -177px;
	width: 494px;
	height: 412px;
}
.sprite_bank {
	background: url('../images/icons/riggi_icons.png') no-repeat -1650px -139px;
	width: 513px;
	height: 450px;
}
.sprite_screens {
	background: url('../images/icons/riggi_icons.png') no-repeat -2449px -130px;
	width: 1289px;
	height: 480px;
}

.icon_bull {
	background: url('../images/icons/icon_bull.png') no-repeat center;
	width:150px;
	height:150px;
	margin:0 auto;
}
.icon_bear {
	background: url('../images/icons/icon_bear.png') no-repeat center;
	width:150px;
	height:150px;
	margin:0 auto;
}
.icon_bank {
	background: url('../images/icons/icon_bank.png') no-repeat center;
	width:150px;
	height:150px;
	margin:0 auto;
}
.icon_monitors {
	background: url('../images/icons/icon_monitors.png') no-repeat center;
	width:150px;
	height:150px;
	margin:0 auto;
}
.icon_monitor {
	background: url('../images/icons/icon_monitor.png') no-repeat center;
	width:150px;
	height:150px;
	margin:0 auto;
}

		.about section {
			margin: 20px 0 80px;
}
		section h3 { color: #1B447F }

	

.animatable {
  
  /* initially hide animatable objects */
  visibility: hidden;
  
  /* initially pause animatable objects their animations */
  -webkit-animation-play-state: paused;   
  -moz-animation-play-state: paused;     
  -ms-animation-play-state: paused;
  -o-animation-play-state: paused;   
  animation-play-state: paused; 
}

/* show objects being animated */
.animated {
  visibility: visible;
  
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  -ms-animation-duration: 1s;
  -o-animation-duration: 1s;
  animation-duration: 1s;

  -webkit-animation-play-state: running;
  -moz-animation-play-state: running;
  -ms-animation-play-state: running;
  -o-animation-play-state: running;
  animation-play-state: running;
}

/* CSS Animations (extracted from http://glifo.uiparade.com/) */
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInDown {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	60% {
		opacity: 0;
	}
	20% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-2000px);
	}
	60% {
		-webkit-transform: translateX(20px);
	}

	80% {
		-webkit-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-moz-transform: translateX(-2000px);
	}

	60% {
		-moz-transform: translateX(20px);
	}

	80% {
		-moz-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInLeft {
	0% {
		opacity: 0;
		-o-transform: translateX(-2000px);
	}

	60% {
		opacity: 1;
		-o-transform: translateX(20px);
	}

	80% {
		-o-transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInLeft {
	0% {
		opacity: 0;
		transform: translateX(-2000px);
	}

	60% {
		transform: translateX(20px);
	}

	80% {
		transform: translateX(-5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes bounceInRight {
	0% {
		opacity: 0;
		-webkit-transform: translateX(2000px);
	}

	60% {
		-webkit-transform: translateX(-20px);
	}

	80% {
		-webkit-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
	}
}

@-moz-keyframes bounceInRight {
	0% {
		opacity: 0;
		-moz-transform: translateX(2000px);
	}

	60% {
		-moz-transform: translateX(-20px);
	}

	80% {
		-moz-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0);
	}
}

@-o-keyframes bounceInRight {
	0% {
		opacity: 0;
		-o-transform: translateX(2000px);
	}

	60% {
		-o-transform: translateX(-20px);
	}

	80% {
		-o-transform: translateX(5px);
	}

	100% {
		opacity: 1;
		-o-transform: translateX(0);
	}
}

@keyframes bounceInRight {
	0% {
		opacity: 0;
		transform: translateX(2000px);
	}

	60% {
		transform: translateX(-20px);
	}

	80% {
		transform: translateX(5px);
	}

	100% {
		opacity: 1;
		transform: translateX(0);
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes fadeInUp {
	0% {
		opacity: 0;
		-o-transform: translateY(20px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes fadeInUp {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.3);
	}
	50% {
		-webkit-transform: scale(1.05);
	}

	70% {
		-webkit-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes bounceIn {
	0% {
		opacity: 0;
		-moz-transform: scale(.3);
	}

	50% {
		-moz-transform: scale(1.05);
	}

	70% {
		-moz-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-moz-transform: scale(1);
	}
}

@-o-keyframes bounceIn {
	0% {
		opacity: 0;
		-o-transform: scale(.3);
	}

	50% {
		-o-transform: scale(1.05);
	}

	70% {
		-o-transform: scale(.9);
	}

	100% {
		opacity: 1;
		-o-transform: scale(1);
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}

	50% {
		transform: scale(1.05);
	}

	70% {
		transform: scale(.9);
	}

	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@-webkit-keyframes moveUp {
	0% {
		opacity: 1;
		-webkit-transform: translateY(40px);
	}	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes moveUp {
	0% {
		opacity: 1;
		-moz-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-moz-transform: translateY(0);
	}
}

@-o-keyframes moveUp {
	0% {
		opacity: 1;
		-o-transform: translateY(40px);
	}

	100% {
		opacity: 1;
		-o-transform: translateY(0);
	}
}

@keyframes moveUp {
	0% {
		opacity: 1;
		transform: translateY(40px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@-o-keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}
@keyframes fadeBgColor {
	0%{
		background:none;
	}
  70%{
		background:none;
	}
	100%{
		background:#464646;
	}
}

.animated.animationDelay{
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
.animated.animationDelayMed{
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.animated.animationDelayLong{
	animation-delay:1.6s;
	-webkit-animation-delay:1.6s;
}
.animated.fadeBgColor {
	-webkit-animation-name: fadeBgColor;
	-moz-animation-name: fadeBgColor;
	-o-animation-name: fadeBgColor;
	animation-name: fadeBgColor;
}
.animated.bounceIn {
	-webkit-animation-name: bounceIn;
	-moz-animation-name: bounceIn;
	-o-animation-name: bounceIn;
	animation-name: bounceIn;
}
.animated.bounceInRight {
	-webkit-animation-name: bounceInRight;
	-moz-animation-name: bounceInRight;
	-o-animation-name: bounceInRight;
	animation-name: bounceInRight;
}
.animated.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	-moz-animation-name: bounceInLeft;
	-o-animation-name: bounceInLeft;
	animation-name: bounceInLeft;
}
.animated.fadeIn {
	-webkit-animation-name: fadeIn;
	-moz-animation-name: fadeIn;
	-o-animation-name: fadeIn;
	animation-name: fadeIn;
}
.animated.fadeInDown {
	-webkit-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-o-animation-name: fadeInDown;
	animation-name: fadeInDown;
}
.animated.fadeInUp {
	-webkit-animation-name: fadeInUp;
	-moz-animation-name: fadeInUp;
	-o-animation-name: fadeInUp;
	animation-name: fadeInUp;
}
.animated.moveUp {
	-webkit-animation-name: moveUp;
	-moz-animation-name: moveUp;
	-o-animation-name: moveUp;
	animation-name: moveUp;
}