@import url("https://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800");

body {
    font-family: "Poppins", sans-serif;
    font-weight: normal;
    font-style: normal;
    color: #8a8fa3;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

a:focus,
a:hover {
    text-decoration: none;
}

i,
span,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #32333c;
    margin: 0px;
}

h1 {
    font-size: 60px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 28px;
}

h4 {
    font-size: 22px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    color: #8a8fa3;
    margin: 0px;
}

@media (max-width: 767px) {
    p {
        font-size: 15px;
    }
}

.bg_cover {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%
}

.main-btn {
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 40px;
    font-size: 16px;
    line-height: 55px;
    height: 55px;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    z-index: 5;
    -webkit-transition: all .4s ease-out 0s;
    -moz-transition: all .4s ease-out 0s;
    -ms-transition: all .4s ease-out 0s;
    -o-transition: all .4s ease-out 0s;
    transition: all .4s ease-out 0s;
    background-color: #0b6cbd
}

@media(max-width:767px) {
    .main-btn {
        padding: 0 30px;
        height: 45px;
        line-height: 45px
    }
}

.main-btn:hover {
    background-color: rgba(11, 108, 189, .7);
    color: #fff
}

.main-btn.main-btn-2 {
    background-color: transparent;
    color: #646f87;
    border: 2px solid #646f87;
    line-height: 51px
}

@media(max-width:767px) {
    .main-btn.main-btn-2 {
        line-height: 41px
    }
}

.main-btn.main-btn-2:hover {
    background-color: rgba(100, 111, 135, .2);
    color: #646f87
}

.section_title .sub_title {
    font-size: 20px;
    font-weight: 600;
    color: #0b6cbd
}

@media(max-width:767px) {
    .section_title .sub_title {
        font-size: 16px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section_title .sub_title {
        font-size: 18px
    }
}

.section_title .main_title {
    font-size: 35px;
    font-weight: 600;
    margin-top: 20px
}

@media(max-width:767px) {
    .section_title .main_title {
        font-size: 22px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .section_title .main_title {
        font-size: 26px
    }
}

.section_title .line {
    padding-top: 10px
}

.section_title .line li {
    display: inline-block;
    background-color: #0b6cbd;
    border-radius: 50px;
    height: 3px
}

.section_title .line li:nth-of-type(1) {
    width: 64px
}

.section_title .line li:nth-of-type(2) {
    width: 10px
}

.section_title .line li:nth-of-type(3) {
    width: 7px
}

.section-title .title {
    font-weight: 700;
    font-size: 45px;
    color: #000;
    padding-bottom: 20px;
}

@media (max-width: 767px) {
    .section-title .title {
        font-size: 30px;
    }
}

/* preloader */

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

.preloader .loader {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.preloader .loader .ytp-spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 64px;
    margin-left: -32px;
    z-index: 18;
    pointer-events: none
}

.preloader .loader .ytp-spinner .ytp-spinner-container {
    pointer-events: none;
    position: absolute;
    width: 100%;
    padding-bottom: 100%;
    top: 50%;
    left: 50%;
    margin-top: -50%;
    margin-left: -50%;
    -webkit-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
    -moz-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
    -o-animation: ytp-spinner-linspin 1568.23529647ms linear infinite;
    animation: ytp-spinner-linspin 1568.23529647ms linear infinite
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-spinner-easespin 5332ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-left {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    overflow: hidden;
    right: 50%
}

.preloader .loader .ytp-spinner .ytp-spinner-container .ytp-spinner-rotator .ytp-spinner-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    left: 50%
}

.preloader .loader .ytp-spinner-circle {
    box-sizing: border-box;
    position: absolute;
    width: 200%;
    height: 100%;
    border-style: solid;
    border-color: #0b6cbd #0b6cbd #eceff8;
    border-radius: 50%;
    border-width: 6px
}

.preloader .loader .ytp-spinner-left .ytp-spinner-circle {
    left: 0;
    right: -100%;
    border-right-color: #eceff8;
    -webkit-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-spinner-left-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

.preloader .loader .ytp-spinner-right .ytp-spinner-circle {
    left: -100%;
    right: 0;
    border-left-color: #eceff8;
    -webkit-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -moz-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    -o-animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both;
    animation: ytp-right-spin 1333ms cubic-bezier(.4, 0, .2, 1) infinite both
}

@-webkit-keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes ytp-spinner-linspin {
    to {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -ms-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        -moz-transform: rotate(675deg);
        -ms-transform: rotate(675deg);
        -o-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        -moz-transform: rotate(810deg);
        -ms-transform: rotate(810deg);
        -o-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        -moz-transform: rotate(945deg);
        -ms-transform: rotate(945deg);
        -o-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@keyframes ytp-spinner-easespin {
    12.5% {
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -o-transform: rotate(135deg);
        transform: rotate(135deg)
    }

    25% {
        -webkit-transform: rotate(270deg);
        -moz-transform: rotate(270deg);
        -ms-transform: rotate(270deg);
        -o-transform: rotate(270deg);
        transform: rotate(270deg)
    }

    37.5% {
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg)
    }

    50% {
        -webkit-transform: rotate(540deg);
        -moz-transform: rotate(540deg);
        -ms-transform: rotate(540deg);
        -o-transform: rotate(540deg);
        transform: rotate(540deg)
    }

    62.5% {
        -webkit-transform: rotate(675deg);
        -moz-transform: rotate(675deg);
        -ms-transform: rotate(675deg);
        -o-transform: rotate(675deg);
        transform: rotate(675deg)
    }

    75% {
        -webkit-transform: rotate(810deg);
        -moz-transform: rotate(810deg);
        -ms-transform: rotate(810deg);
        -o-transform: rotate(810deg);
        transform: rotate(810deg)
    }

    87.5% {
        -webkit-transform: rotate(945deg);
        -moz-transform: rotate(945deg);
        -ms-transform: rotate(945deg);
        -o-transform: rotate(945deg);
        transform: rotate(945deg)
    }

    to {
        -webkit-transform: rotate(1080deg);
        -moz-transform: rotate(1080deg);
        -ms-transform: rotate(1080deg);
        -o-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes ytp-spinner-left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@keyframes ytp-spinner-left-spin {
    0% {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }

    50% {
        -webkit-transform: rotate(-5deg);
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -o-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }

    to {
        -webkit-transform: rotate(130deg);
        -moz-transform: rotate(130deg);
        -ms-transform: rotate(130deg);
        -o-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes ytp-right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@keyframes ytp-right-spin {
    0% {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }

    50% {
        -webkit-transform: rotate(5deg);
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -o-transform: rotate(5deg);
        transform: rotate(5deg)
    }

    to {
        -webkit-transform: rotate(-130deg);
        -moz-transform: rotate(-130deg);
        -ms-transform: rotate(-130deg);
        -o-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

/* Navbar */

.header_navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.sticky {
    position: fixed;
    z-index: 99;
    background-color: #fff;
    -webkit-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 20px 50px 0 rgba(0, 0, 0, .05);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.sticky .navbar {
    padding: 10px 0
}

.navbar {
    padding: 25px 0;
    border-radius: 5px;
    position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.navbar-brand {
    padding: 0
}

.navbar-toggler {
    padding: 0
}

.navbar-toggler .toggler-icon {
    width: 30px;
    height: 2px;
    background-color: #293651;
    display: block;
    margin: 5px 0;
    position: relative;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.navbar-toggler.active .toggler-icon:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 7px
}

.navbar-toggler.active .toggler-icon:nth-of-type(2) {
    opacity: 0
}

.navbar-toggler.active .toggler-icon:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    top: -7px
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        padding: 5px 12px
    }
}

@media(max-width:767px) {
    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background-color: #fff;
        z-index: 9;
        -webkit-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        -moz-box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        box-shadow: 0 15px 20px 0 rgba(0, 0, 0, .1);
        padding: 5px 12px
    }
}

.navbar-nav .nav-item {
    margin-left: 45px;
    position: relative
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .navbar-nav .nav-item {
        margin-left: 30px
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .nav-item {
        margin: 0
    }
}

@media(max-width:767px) {
    .navbar-nav .nav-item {
        margin: 0
    }
}

.navbar-nav .nav-item a {
    font-size: 16px;
    font-weight: 600;
    color: #293651;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    padding: 10px 0;
    position: relative;
    font-family: open sans, sans-serif;
    position: relative
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .nav-item a {
        display: block;
        padding: 4px 0;
        color: #293651
    }
}

@media(max-width:767px) {
    .navbar-nav .nav-item a {
        display: block;
        padding: 4px 0;
        color: #293651
    }
}

.navbar-nav .nav-item a span {
    width: 0;
    height: 2px;
    background-color: #293651;
    position: absolute;
    left: 0;
    bottom: 0;
    border-radius: 50px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

.navbar-nav .nav-item a span::before {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-color: #293651;
    left: 110%
}

.navbar-nav .nav-item a span::after {
    position: absolute;
    content: '';
    width: 0;
    height: 2px;
    background-color: #293651;
    left: 140%
}


.navbar-nav .nav-item.active>a span,
.navbar-nav .nav-item:hover>a span {
    opacity: 1;
    visibility: visible;
    width: 60%
}

@media(max-width:767px) {

    .navbar-nav .nav-item.active>a span,
    .navbar-nav .nav-item:hover>a span {
        opacity: 1;
        visibility: visible;
        width: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .nav-item.active>a span,
    .navbar-nav .nav-item:hover>a span {
        opacity: 1;
        visibility: visible;
        width: 0;
    }
}

.navbar-nav .nav-item.active>a span::before,
.navbar-nav .nav-item:hover>a span::before {
    width: 20%
}

.navbar-nav .nav-item.active>a span::after,
.navbar-nav .nav-item:hover>a span::after {
    width: 15%
}

.navbar-nav .nav-item:hover .sub-menu {
    top: 100%;
    opacity: 1;
    visibility: visible
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .nav-item:hover .sub-menu {
        top: 0
    }
}

@media(max-width:767px) {
    .navbar-nav .nav-item:hover .sub-menu {
        top: 0
    }
}

.navbar-nav .nav-item .sub-menu {
    width: 200px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: 110%;
    left: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .nav-item .sub-menu {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible
    }
}

@media(max-width:767px) {
    .navbar-nav .nav-item .sub-menu {
        position: relative;
        width: 100%;
        top: 0;
        display: none;
        opacity: 1;
        visibility: visible
    }
}

.navbar-nav .nav-item .sub-menu li {
    display: block
}

.navbar-nav .nav-item .sub-menu li a {
    display: block;
    padding: 8px 20px;
    color: #293651
}

.navbar-nav .nav-item .sub-menu li a.active,
.navbar-nav .nav-item .sub-menu li a:hover {
    padding-left: 25px;
    color: #00a78e
}

.navbar-nav .sub-nav-toggler {
    display: none
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .navbar-nav .sub-nav-toggler {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: 0 0;
        color: #293651;
        font-size: 18px;
        border: 0;
        width: 30px;
        height: 30px
    }
}

@media(max-width:767px) {
    .navbar-nav .sub-nav-toggler {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        background: 0 0;
        color: #293651;
        font-size: 18px;
        border: 0;
        width: 30px;
        height: 30px
    }
}

.navbar-nav .sub-nav-toggler span {
    width: 8px;
    height: 8px;
    border-left: 1px solid #293651;
    border-bottom: 1px solid #293651;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    position: relative;
    top: -5px
}

.sticky .navbar-nav .nav-item a {
    color: #293651
}

.sticky .navbar-nav .nav-item.active>a,
.sticky .navbar-nav .nav-item:hover>a {
    color: #0b6cbd
}

/* HEADER HERO */
.header_hero {
    position: relative;
    z-index: 5;
    overflow: hidden;
}

@media(max-width:767px){
        .header_hero {
        position: inherit;
    }
}

.bg-img {
    width: 100%;
    height: 100vh;
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .bg-img {
        width: 100%;
        height: 90vh;
    }
}

.header_social {
    position: absolute;
    top: 60%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 1px solid rgba(11, 108, 189, .21);
    border-radius: 50px
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .header_social {
        right: 50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header_social {
        right: 20px
    }
}

.header_social li a {
    font-size: 18px;
    padding: 20px 15px;
    color: rgba(100, 111, 135, .58);
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}

@media only screen and (min-width:1200px) and (max-width:1399px) {
    .header_social li a {
        padding: 10px;
        font-size: 16px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .header_social li a {
        padding: 10px;
        font-size: 16px
    }
}

.header_social li a:hover {
    color: #0b6cbd
}

.header_grid {
    position: absolute;
    top: -20%;
}



.header_hero_content .header_sub_title {
    font-size: 30px;
    font-weight: 600;
    color: #0b6cbd;
    letter-spacing: 4px
}

@media(max-width:767px) {
    .header_hero_content .header_sub_title {
        font-size: 24px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header_hero_content .header_sub_title {
        font-size: 30px
    }
}

.header_hero_content .header_title {
    font-size: 50px;
    font-weight: 700;
    color: #293651;
    margin-top: 20px
}

@media(max-width:767px) {
    .header_hero_content .header_title {
        font-size: 24px
    }
}

@media only screen and (min-width:576px) and (max-width:767px) {
    .header_hero_content .header_title {
        font-size: 30px
    }
}

.header_hero_content span {
    font-size: 18px;
    font-weight: 500;
    color: #293651;
    margin-top: 15px
}

.header_hero_content p {
    margin-top: 15px
}

.header_hero_content .main-btn {
    margin-top: 30px
}

.header_hero_image img {
    width: 100%;
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .header_hero_image img {
        height: 0;
    }
}

@media(max-width:767px) {
    .header_hero_image img {
        height: 0;
    }
}

@media(max-width:767px) {
    .lf-10 {
        left: 0;
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .lf-10 {
        left: 0;
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .mt-45 {
        margin-top: 40%;
    }
}

/* ABOUT CSS */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .about-area {
      padding-top: 90px;
      padding-bottom: 100px; } }
  
  .about-content .about-title {
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 15px; }
  .about-content ul {
    padding-top: 15px; }
    .about-content ul li {
      width: 50%;
      float: left;
      margin-top: 5px; }
      @media only screen and (min-width: 992px) and (max-width: 1200px) {
        .about-content ul li {
          width: 100%;
          float: none; } }
      @media (max-width: 767px) {
        .about-content ul li {
          width: 100%;
          float: none; } }
      @media only screen and (min-width: 576px) and (max-width: 767px) {
        .about-content ul li {
          width: 50%;
          float: left; } }
  .about-content .single-info .info-icon i {
    font-size: 16px;
    color: #0b6cbd; }
  .about-content .single-info .info-text {
    padding-left: 13px; }
    .about-content .single-info .info-text p span {
      color: #32333c; }
  
  .about-skills .skill-item .skill-header {
    position: relative; }
    .about-skills .skill-item .skill-header .skill-title {
      font-size: 16px;
      font-weight: 400; }
    .about-skills .skill-item .skill-header .skill-percentage {
      position: absolute;
      top: 0;
      right: 0;
      font-size: 16px;
      color: #32333c;
      font-weight: 400;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex; }
      .about-skills .skill-item .skill-header .skill-percentage .count-box {
        font-size: 16px;
        color: #32333c; }
  .about-skills .skill-item .skill-bar {
    margin-top: 15px; }
    .about-skills .skill-item .skill-bar .bar-inner {
      width: 100%;
      height: 5px;
      border-radius: 5px;
      background-color: #d9d9d9;
      position: relative; }
      .about-skills .skill-item .skill-bar .bar-inner .progress-line {
        position: absolute;
        top: 0;
        left: 0;
        height: 5px;
        border-radius: 5px;
        background-color: #0b6cbd;
        -webkit-transition: all 2s ease-out 0s;
        -moz-transition: all 2s ease-out 0s;
        -ms-transition: all 2s ease-out 0s;
        -o-transition: all 2s ease-out 0s;
        transition: all 2s ease-out 0s;
        width: 0; }


/* Services css */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .services-area {
      padding-top: 90px;
      padding-bottom: 100px; } }
  @media (max-width: 767px) {
    .services-area {
      padding-top: 70px;
      padding-bottom: 80px; } }
  
  .single-service {
    background-color: #fff;
    border: 1px solid #eceff8;
    border-radius: 5px;
    padding: 25px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s; }
    @media (max-width: 767px) {
      .single-service {
        padding: 15px; } }
    .single-service .service-icon i {
      font-size: 60px;
      color: #0b6cbd;
      line-height: 56px; }
    .single-service .service-content {
      margin-top: 11px; }
      .single-service .service-content .service-title a {
        font-size: 22px;
        font-weight: 600;
        color: #32333c;
        margin-bottom: 20px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        .single-service .service-content .service-title a:hover {
          color: #0b6cbd; }
    .single-service:hover {
      -webkit-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
      -moz-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
      box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23); }

      /* WORK CSS */

      @media only screen and (min-width: 768px) and (max-width: 991px) {
        .work-area {
          padding-top: 90px;
          padding-bottom: 100px; } }
      @media (max-width: 767px) {
        .work-area {
          padding-top: 70px;
          padding-bottom: 80px; } }
      
      .single-work {
        position: relative; }
        .single-work .work-image img {
          width: 100%; }
        .single-work .work-overlay {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(11, 108, 189, 0.8);
          opacity: 0;
          visibility: hidden;
          -webkit-transition: all 0.3s ease-out 0s;
          -moz-transition: all 0.3s ease-out 0s;
          -ms-transition: all 0.3s ease-out 0s;
          -o-transition: all 0.3s ease-out 0s;
          transition: all 0.3s ease-out 0s; }
          .single-work .work-overlay .work-content {
            position: absolute;
            top: 50%;
            left: 0;
            width: 100%;
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            transform: translateY(-50%); }
            .single-work .work-overlay .work-content .work-title {
              font-size: 22px;
              color: #fff;
              font-weight: 60;
              -webkit-transform: translateY(-100%);
              -moz-transform: translateY(-100%);
              -ms-transform: translateY(-100%);
              -o-transform: translateY(-100%);
              transform: translateY(-100%);
              margin-bottom: 15px;
              -webkit-transition: all 0.3s ease-out 0s;
              -moz-transition: all 0.3s ease-out 0s;
              -ms-transition: all 0.3s ease-out 0s;
              -o-transition: all 0.3s ease-out 0s;
              transition: all 0.3s ease-out 0s;
              opacity: 0; }
            .single-work .work-overlay .work-content ul {
              position: relative;
              padding-top: 20px; }
              .single-work .work-overlay .work-content ul::before {
                position: absolute;
                content: '';
                width: 60px;
                height: 2px;
                background-color: #fff;
                left: 50%;
                -webkit-transform: translateX(-50%);
                -moz-transform: translateX(-50%);
                -ms-transform: translateX(-50%);
                -o-transform: translateX(-50%);
                transform: translateX(-50%);
                top: 0; }
              .single-work .work-overlay .work-content ul li {
                display: inline-block;
                margin: 0 15px;
                -webkit-transition: all 0.3s ease-out 0s;
                -moz-transition: all 0.3s ease-out 0s;
                -ms-transition: all 0.3s ease-out 0s;
                -o-transition: all 0.3s ease-out 0s;
                transition: all 0.3s ease-out 0s;
                opacity: 0; }
                .single-work .work-overlay .work-content ul li a {
                  width: 50px;
                  height: 50px;
                  line-height: 50px;
                  font-size: 25px;
                  color: #fff;
                  border-radius: 50%;
                  border: 1px solid #fff;
                  text-align: center;
                  -webkit-transition: all 0.3s ease-out 0s;
                  -moz-transition: all 0.3s ease-out 0s;
                  -ms-transition: all 0.3s ease-out 0s;
                  -o-transition: all 0.3s ease-out 0s;
                  transition: all 0.3s ease-out 0s; }
                  .single-work .work-overlay .work-content ul li a:hover {
                    background-color: #fff;
                    color: #754ef9; }
                .single-work .work-overlay .work-content ul li:nth-of-type(1) {
                  -webkit-transform: translateX(-100%);
                  -moz-transform: translateX(-100%);
                  -ms-transform: translateX(-100%);
                  -o-transform: translateX(-100%);
                  transform: translateX(-100%); }
                .single-work .work-overlay .work-content ul li:nth-of-type(2) {
                  -webkit-transform: translateX(100%);
                  -moz-transform: translateX(100%);
                  -ms-transform: translateX(100%);
                  -o-transform: translateX(100%);
                  transform: translateX(100%); }
        .single-work:hover .work-overlay {
          opacity: 1;
          visibility: visible; }
          .single-work:hover .work-overlay .work-content .work-title {
            -webkit-transform: translateY(0);
            -moz-transform: translateY(0);
            -ms-transform: translateY(0);
            -o-transform: translateY(0);
            transform: translateY(0);
            opacity: 1; }
          .single-work:hover .work-overlay .work-content ul li {
            -webkit-transform: translateX(0);
            -moz-transform: translateX(0);
            -ms-transform: translateX(0);
            -o-transform: translateX(0);
            transform: translateX(0);
            opacity: 1; }

    /* PRICING CSS */

    .pricing_area {
        position: relative
    }
    
    .pricing_shape {
        position: absolute;
        top: 0;
        right: 0
    }
    
    .single_price {
        padding: 40px 50px 50px;
        border-radius: 5px;
        -webkit-box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        -moz-box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        background-color: #fff;
        position: relative;
        overflow: hidden
    }
    
    @media(max-width:767px) {
        .single_price {
            padding: 30px
        }
    }
    
    .single_price .sticker {
        display: block;
        font-size: 13px;
        background-color: #0b6cbd;
        line-height: 30px;
        color: #fff;
        text-align: center;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 25px;
        right: -136px;
        width: 100%
    }
    
    @media(max-width:767px) {
        .single_price .sticker {
            top: 30px;
            right: -100px
        }
    }
    
    .single_price .price_header {
        border-bottom: 1px solid rgba(100, 111, 135, .26);
        padding-bottom: 30px
    }
    
    .single_price .price_header .price_title {
        font-size: 25px;
        font-weight: 600
    }
    
    .single_price .price_header .price {
        font-size: 35px;
        line-height: 40px;
        color: #0b6cbd;
        font-weight: 600;
        margin-top: 15px
    }
    
    .single_price .price_header p {
        margin-top: 10px
    }
    
    .single_price .price_body {
        padding-top: 15px
    }
    
    .single_price .price_body ul li {
        margin-top: 15px;
        font-size: 16px;
        color: #646f87
    }
    
    .single_price .price_body ul li i {
        margin-right: 10px
    }
    
    .single_price .price_btn {
        margin-top: 30px
    }
    
    .single_price .price_btn .main-btn {
        border-radius: 50px
    }

    /* TESTMONIAL CSS */

    .single_testimonial .testimonial_author img {
        border-radius: 50px;
        border-bottom-right-radius: 0
    }
    
    @media(max-width:767px) {
        .single_testimonial .testimonial_author img {
            width: 120px;
            border-radius: 30px;
            border-bottom-right-radius: 0
        }
    }
    
    @media only screen and (min-width:992px) and (max-width:1199px) {
        .single_testimonial .testimonial_author img {
            width: 120px;
            border-radius: 30px;
            border-bottom-right-radius: 0
        }
    }
    
    .single_testimonial .testimonial_content {
        padding-left: 30px;
        position: relative
    }
    
    @media(max-width:767px) {
        .single_testimonial .testimonial_content {
            padding-left: 0;
            margin-top: 25px
        }
    }
    
    @media only screen and (min-width:576px) and (max-width:767px) {
        .single_testimonial .testimonial_content {
            padding-left: 25px;
            margin-top: 0
        }
    }
    
    .single_testimonial .testimonial_content .author_name {
        font-size: 18px;
        font-weight: 600;
        font-family: open sans, sans-serif
    }
    
    .single_testimonial .testimonial_content .sub_title {
        font-size: 14px;
        color: #646f87;
        margin-top: 5px
    }
    
    .single_testimonial .testimonial_content p {
        font-size: 16px;
        margin-top: 20px
    }
    
    .single_testimonial .testimonial_content .review {
        position: absolute;
        top: 0;
        right: 0
    }
    
    .single_testimonial .testimonial_content .review li {
        display: inline-block;
        font-size: 14px;
        color: #ffae34;
        margin: 0 2px
    }
    
    .testimonial_active .slick-dots {
        width: 100%;
        text-align: center;
        margin-top: 46px
    }
    
    .testimonial_active .slick-dots li {
        display: inline-block;
        margin: 0 3px
    }
    
    .testimonial_active .slick-dots li button {
        font-size: 0;
        width: 13px;
        height: 13px;
        border: 2px solid rgba(11, 108, 189, .43);
        border-radius: 50%;
        background: 0 0;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }
    
    .testimonial_active .slick-dots li.slick-active button {
        background-color: #0b6cbd;
        border-color: #0b6cbd
    }

    /* counter css */

    .slick-initialized .slick-slide {
        outline: 0
    }
    
    .single_counter .counter_icon i {
        color: #293651;
        font-size: 67px;
        line-height: 70px
    }
    
    @media(max-width:767px) {
        .single_counter .counter_icon i {
            font-size: 55px;
            line-height: 60px
        }
    }
    
    .single_counter .counter_content {
        padding-left: 30px
    }
    
    .single_counter .counter_content .count {
        font-size: 35px;
        font-weight: 600;
        color: #0b6cbd;
        font-family: montserrat, sans-serif
    }
    
    @media(max-width:767px) {
        .single_counter .counter_content .count {
            font-size: 30px
        }
    }
    
    .single_counter .counter_content p {
        font-weight: 600;
        font-family: montserrat, sans-serif
    }

    /* EXPERIENCE CSS */

    .work_experience {
        position: relative;
        margin-top: 30px
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .work_experience {
            margin-top: 0
        }
    }
    
    @media(max-width:767px) {
        .work_experience {
            margin-top: 0
        }
    }
    
    .work_experience::before {
        position: absolute;
        content: '';
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        top: 0;
        width: 2px;
        height: 100%;
        background-color: #0b6cbd
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .work_experience::before {
            display: none
        }
    }
    
    @media(max-width:767px) {
        .work_experience::before {
            display: none
        }
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .single_experience {
            margin-top: 25px
        }
    }
    
    @media(max-width:767px) {
        .single_experience {
            margin-top: 25px
        }
    }
    
    .single_experience .experience_title {
        width: 46%
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .single_experience .experience_title {
            width: 100%
        }
    }
    
    @media(max-width:767px) {
        .single_experience .experience_title {
            width: 100%
        }
    }
    
    .single_experience .experience_title .title {
        font-size: 25px;
        font-weight: 600
    }
    
    @media(max-width:767px) {
        .single_experience .experience_title .title {
            font-size: 20px
        }
    }
    
    .single_experience .experience_title p {
        color: #0b6cbd;
        font-size: 16px;
        font-weight: 600;
        font-family: open sans, sans-serif;
        margin-top: 10px
    }
    
    @media(max-width:767px) {
        .single_experience .experience_title p {
            font-size: 15px
        }
    }
    
    .single_experience .experience_title .date {
        font-size: 16px;
        font-weight: 600;
        color: #646f87;
        font-family: open sans, sans-serif;
        margin-top: 10px
    }
    
    @media(max-width:767px) {
        .single_experience .experience_title .date {
            font-size: 15px
        }
    }
    
    .single_experience .experience_number {
        width: 8%;
        text-align: center
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .single_experience .experience_number {
            display: none
        }
    }
    
    @media(max-width:767px) {
        .single_experience .experience_number {
            display: none
        }
    }
    
    .single_experience .experience_number span {
        width: 55px;
        height: 55px;
        line-height: 51px;
        text-align: center;
        border: 2px solid #0b6cbd;
        font-size: 20px;
        font-family: open sans, sans-serif;
        color: #0b6cbd;
        border-radius: 50%;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s;
        background-color: #fff
    }
    
    .single_experience .experience_content {
        -webkit-box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        -moz-box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        box-shadow: 0 0 10px 0 rgba(196, 196, 196, .3);
        padding: 30px;
        border-radius: 10px;
        background-color: #fff;
        width: 46%;
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }
    
    @media only screen and (min-width:768px) and (max-width:991px) {
        .single_experience .experience_content {
            width: 100%;
            margin-top: 30px
        }
    }
    
    @media(max-width:767px) {
        .single_experience .experience_content {
            width: 100%;
            margin-top: 30px;
            padding: 20px
        }
    }
    
    .single_experience .experience_content p {
        -webkit-transition: all .3s ease-out 0s;
        -moz-transition: all .3s ease-out 0s;
        -ms-transition: all .3s ease-out 0s;
        -o-transition: all .3s ease-out 0s;
        transition: all .3s ease-out 0s
    }
    
    .single_experience:hover .experience_number span {
        background-color: #0b6cbd;
        color: #fff
    }
    
    .single_experience:hover .experience_content {
        background-color: #0b6cbd
    }
    
    .single_experience:hover .experience_content p {
        color: #fff
    }

    /* CONTACT CSS */

    @media only screen and (min-width: 768px) and (max-width: 991px) {
        .contact-area {
          padding-top: 90px;
          padding-bottom: 100px; } }
      @media (max-width: 767px) {
        .contact-area {
          padding-top: 70px;
          padding-bottom: 80px; } }
      
      .contact-box {
        background-color: #fff;
        border: 1px solid #ddd;
        padding: 30px 35px;
        -webkit-transition: all 0.3s ease-out 0s;
        -moz-transition: all 0.3s ease-out 0s;
        -ms-transition: all 0.3s ease-out 0s;
        -o-transition: all 0.3s ease-out 0s;
        transition: all 0.3s ease-out 0s; }
        @media only screen and (min-width: 992px) and (max-width: 1200px) {
          .contact-box {
            padding: 30px 25px; } }
        @media (max-width: 767px) {
          .contact-box {
            padding: 30px 25px; } }
        .contact-box .contact-icon i {
          font-size: 48px;
          color: #0b6cbd; }
        .contact-box .contact-content {
          margin-top: 15px; }
          .contact-box .contact-content .contact-title {
            font-size: 18px;
            font-weight: 600;
            padding-bottom: 15px; }
        .contact-box:hover {
          -webkit-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
          -moz-box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23);
          box-shadow: 0px 0px 21px 0px rgba(152, 152, 152, 0.23); }
      
      p.form-message.success, p.form-message.error {
        font-size: 16px;
        color: #333;
        background: #ddd;
        padding: 10px 15px;
        margin-top: 15px; }
        p.form-message.success.form-message.error, p.form-message.error.form-message.error {
          color: #f00; }
      
      .single-form {
        margin-top: 30px; }
        .single-form input, .single-form textarea {
          width: 100%;
          height: 55px;
          border-radius: 5px;
          border: 1px solid #ddd;
          padding: 0 25px;
          font-size: 16px;
          color: #8a8fa3; }
          .single-form input.placeholder, .single-form textarea.placeholder {
            opacity: 1;
            color: #8a8fa3; }
          .single-form input:-moz-placeholder, .single-form textarea:-moz-placeholder {
            opacity: 1;
            color: #8a8fa3; }
          .single-form input::-moz-placeholder, .single-form textarea::-moz-placeholder {
            opacity: 1;
            color: #8a8fa3; }
          .single-form input::-webkit-input-placeholder, .single-form textarea::-webkit-input-placeholder {
            opacity: 1;
            color: #8a8fa3; }
          .single-form input:focus, .single-form textarea:focus {
            border-color: #0b6cbd; }
        .single-form textarea {
          height: 135px;
          padding-top: 10px;
          resize: none; }
      
      .contact-map .gmap_canvas iframe {
        width: 100%;
        height: 335px;
        padding: 10px;
        border-radius: 5px;
        background-color: #fff;
        -webkit-box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.46);
        -moz-box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.46);
        box-shadow: 0px 0px 12px 0px rgba(152, 152, 152, 0.46); }

        /* FOOTER CSS */
        .footer_content .footer_social {
            margin-top: 45px
        }
        
        .footer_content .footer_social li {
            display: inline-block;
            margin: 0 10px
        }
        
        .footer_content .footer_social li a {
            width: 40px;
            height: 40px;
            line-height: 40px;
            text-align: center;
            border-radius: 50%;
            font-size: 18px;
            color: #646f87;
            background-color: rgba(41, 54, 81, .07);
            -webkit-transition: all .3s ease-out 0s;
            -moz-transition: all .3s ease-out 0s;
            -ms-transition: all .3s ease-out 0s;
            -o-transition: all .3s ease-out 0s;
            transition: all .3s ease-out 0s
        }
        
        .footer_content .footer_social li a:hover {
            color: #0b6cbd
        }
        
        .footer_content .email {
            font-size: 44px;
            font-weight: 600;
            color: #293651;
            margin-top: 10px
        }
        
        @media(max-width:767px) {
            .footer_content .email {
                font-size: 20px;
                margin-top: 25px
            }
        }
        
        .footer_content .footer_menu {
            padding-top: 20px
        }
        
        .footer_content .footer_menu li {
            display: inline-block;
            margin: 10px 20px 0
        }
        
        @media(max-width:767px) {
            .footer_content .footer_menu li {
                margin: 10px 12px 0
            }
        }
        
        .footer_content .footer_menu li a {
            font-size: 16px;
            font-weight: 600;
            color: #293651
        }
        
        @media(max-width:767px) {
            .footer_content .footer_menu li a {
                font-size: 15px
            }
        }

        .back-to-top {
            font-size: 20px;
            color: #fff;
            position: fixed;
            right: 20px;
            bottom: 20px;
            width: 50px;
            height: 50px;
            line-height: 46px;
            border-radius: 50%;
            border: 2px solid #0b6cbd;
            background-color: #0b6cbd;
            text-align: center;
            z-index: 99;
            -webkit-transition: all 0.3s ease-out 0s;
            -moz-transition: all 0.3s ease-out 0s;
            -ms-transition: all 0.3s ease-out 0s;
            -o-transition: all 0.3s ease-out 0s;
            transition: all 0.3s ease-out 0s;
            display: none; }
            .back-to-top:hover {
              color: #fff;
              background-color: rgba(11, 108, 189, .21);
              border-color: rgba(11, 108, 189, .21); }