* {
    margin: 0;
    padding: 0
}

body {
    margin: 0;
    padding: 0
}

.top-head {
    background-color: #091375;
    padding: 10px
}

.top-head ul.social {
    padding: 0;
    margin: 0
}

.top-head ul.social li {
    list-style: none;
    float: left;
    background-color: #fff;
    margin-right: 8px;
    text-align: center;
    line-height: 30px;
    height: 30px;
    width: 30px
}

.top-head ul.social li:nth-child(1):hover {
    background-color: #3b5998;
    color: #fff
}

.top-head ul.social li:nth-child(2):hover {
    background-color: #00acee
}

.top-head ul.social li:nth-child(3):hover {
    background-color: #3f729b
}

.top-head ul.social li:nth-child(4):hover {
    background-color: #0077b5
}

.top-head ul.social li a {
    color: #000;
    font-size: 18px
}

.top-head ul.social li a:hover {
    color: #fff
}

.top-head ul.info {
    padding: 0
}

.top-head ul.info li {
    list-style: none;
    float: left;
    margin-right: 8px
}

.top-head ul.info li a {
    color: #fff
}

nav {
    border-radius: 0 !important
}

nav a.navbar-brand {
    height: auto
}

nav ul.navbar-nav.ml-auto li.nav-item {
    padding: 4px;
    text-transform: uppercase
}

.dropdown-menu {
    left: auto
}

.dropdown:hover>.dropdown-menu {
    display: block
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    background: #00a6dd;
    border-radius: 10px
}

::-webkit-scrollbar-thumb:hover {
    background: #091375
}

.our-product a {
    color: #737373
}

.single-service {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    height: 300px;
    background-color: #fff
}

.single-service:before {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #091375;
    left: 0;
    top: 0;
    content: "";
    -webkit-transition: .3s;
    transition: .3s
}

.single-service:after {
    position: absolute;
    width: 0;
    height: 0;
    background-color: #091375;
    right: 0;
    bottom: 0;
    content: "";
    -webkit-transition: .3s;
    transition: .3s
}

.single-service:hover:after,
.single-service:hover:before {
    width: 50%;
    height: 2px;
    -webkit-transition: .3s;
    transition: .3s
}

.single-service:hover {
    box-shadow: 1px 3px 10px 0 rgba(0, 0, 0, .1)
}

.single-service i.fa.icon {
    font-size: 25px;
    width: 60px;
    height: 60px;
    color: #30ade8;
    border: 1px solid #30ade8;
    line-height: 60px;
    margin-bottom: 30px;
    border-radius: 50%;
    -webkit-transition: .3s;
    transition: .3s
}

.single-service:hover i.fa.icon {
    background-color: #091375;
    color: #fff;
    border-color: #091375;
    border-radius: 0
}

.single-service h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: capitalize;
    background: #30ade8;
    padding: 10px;
    color: #fff
}

.single-service:hover h4 {
    background: #091375
}

.single-service p {
    font-size: 14px;
    line-height: 1.8
}

.cargo .single-service {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    height: 400px;
    background-color: #fff
}

.courier .single-service {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    height: 350px;
    background-color: #fff
}

.airflight .single-service {
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 30px 20px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .16);
    height: 405px;
    background-color: #fff
}

.cargo .single-service ul,
.courier .single-service ul,
.airflight .single-service ul {
    text-align: left
}

.cargo .single-service ul li {
    list-style: none;
    font-size: 13px
}

.courier .single-service ul li,
.airflight .single-service ul li {
    list-style: none;
    font-size: 13px
}

.serviceBox {
    text-align: center;
    margin-top: 30px;
    position: relative;
    z-index: 1;
    margin-bottom: 20px
}

.serviceBox .service-icon {
    width: 78px;
    height: 78px;
    border-radius: 3px;
    background: #fff;
    margin: 0 auto;
    position: absolute;
    top: -34px;
    left: 0;
    right: 0;
    z-index: 1;
    transition: all .3s ease-out 0
}

.serviceBox:hover .service-icon {
    transform: rotate(45deg)
}

.serviceBox .service-icon span {
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 3px;
    background: 0 0;
    font-size: 24px;
    color: #30ade8;
    border: 1px solid #30ade8;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    transition: all .3s ease-out 0
}

.serviceBox:hover .service-icon span {
    background: #091375;
    color: #fff;
    border: 1px solid #fff
}

.serviceBox .service-icon span i {
    transition: all .3s ease-out 0
}

.serviceBox:hover .service-icon span i {
    transform: rotate(-45deg)
}

.serviceBox .service-content {
    background: #fff;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    padding: 55px 15px 0;
    position: relative;
    min-height: 240px
}

.crm .serviceBox .service-content {
    min-height: 170px
}

.serviceBox .service-content:before {
    content: "";
    display: block;
    width: 80px;
    height: 80px;
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    margin: 0 auto;
    position: absolute;
    top: -37px;
    left: 0;
    right: 0;
    z-index: -1;
    transition: all .3s ease-out 0
}

.serviceBox:hover .service-content:before {
    transform: rotate(45deg)
}

.serviceBox .title {
    font-size: 15px;
    font-weight: 500;
    padding: 10px;
    position: relative;
    transition: all .3s ease-out 0;
    background-color: #30ade8;
    color: #fff
}

.serviceBox:hover .title {
    background-color: #091375
}

.serviceBox ul.description {
    font-size: 13px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 0;
    text-align: left
}

.serviceBox ul.description li {
    list-style: none
}

.serviceBox .read-more {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 38px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #e7e7e7;
    font-size: 14px;
    color: #c4c2c2;
    margin: 0 auto;
    position: absolute;
    bottom: -17px;
    left: 0;
    right: 0;
    transition: all .3s ease-out 0
}

.serviceBox .read-more:hover {
    border: 1px solid #727cb6;
    color: #727cb6;
    text-decoration: none
}

.serviceBox.green .service-icon span {
    background: #008b8b
}

.serviceBox.blue .service-icon span {
    background: #3498db
}

.serviceBox.orange .service-icon span {
    background: #e67e22
}

.serviceBox.green:hover .title {
    color: #008b8b
}

.serviceBox.blue:hover .title {
    color: #3498db
}

.serviceBox.orange:hover .title {
    color: #e67e22
}

.serviceBox:hover .read-more {
    border: 1px solid #727cb6;
    color: #727cb6
}

.serviceBox.green:hover .read-more {
    border: 1px solid #008b8b;
    color: #008b8b
}

.serviceBox.blue:hover .read-more {
    border: 1px solid #3498db;
    color: #3498db
}

.serviceBox.orange:hover .read-more {
    border: 1px solid #e67e22;
    color: #e67e22
}

.head {
    text-align: center;
    color: #091375;
    margin: 0;
    text-transform: uppercase
}

.head.h2 {
    color: #000;
    font-size: 25px
}

.line {
    height: 4px;
    background: #091375;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px
}

.akiko {
    background-color: #fff
}

.akiko:hover {
    background-color: #091375;
    color: #fff;
    box-shadow: 0 0 7px #000;
    z-index: 11;
    transition: .9s
}

.akiko:hover h4 {
    color: #fff
}

.akiko img {
    transform: rotate(0);
    transition: 1s;
    outline: 2px solid #fff;
    padding: 3px
}

.akiko:hover img {
    transform: rotate(360deg);
    transition: 2s;
    background-color: #fff;
    outline: 2px solid #30ade8
}

.crm p {
    text-align: justify;
    word-spacing: 6px;
    line-height: 23px
}

.crm h4 {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600
}

.plugins ul li {
    list-style: none;
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.plugins h4 {
    font-weight: 600;
    margin-bottom: 5px
}

.plugins h5 {
    font-weight: 600;
    margin-bottom: 5px;
    font-size: 16px
}

.plugins p {
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.sale ul li {
    list-style: none;
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.sale p {
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.consulting p,
.disclaimer p {
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.disclaimer ul li {
    list-style: none;
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.disclaimer a {
    color: #091375
}

.disclaimer h2,
.disclaimer h3 {
    margin-bottom: 5px
}

.android p {
    line-height: 23px;
    word-spacing: 3px;
    text-align: justify
}

.android h3 {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 20px
}

.widgets.footer-widgets .widget-title {
    color: #fff;
    font-family: Raleway, sans-serif;
    font-weight: 700;
    margin-bottom: 30px;
    letter-spacing: .5px;
    position: relative;
    padding-bottom: 15px
}

.widgets.footer-widgets .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 100px;
    background: #fff
}

.widgets.footer-widgets .widget-quick-links ul {
    margin-top: -4px
}

.widgets.footer-widgets .single-widget ul {
    padding-left: 0;
    margin-bottom: 0
}

.widgets.footer-widgets .widget-quick-links ul li {
    display: block
}

.widgets.footer-widgets .widget-quick-links ul li a {
    display: block;
    font-size: 13px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    padding: 9px 0
}

.widgets.footer-widgets .single-widget ul li {
    list-style: none;
    font-family: Raleway, sans-serif
}

.widgets.footer-widgets .widget-contact ul li {
    color: #000;
    font-size: 13px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.widgets.footer-widgets .widget-contact ul li span {
    font-size: 14px;
    color: #fff;
    border: 2px solid #ccc;
    border-radius: 3px;
    height: 32px;
    width: 32px;
    display: inline-block;
    line-height: 28px;
    text-align: center;
    margin-right: 20px
}

.widgets.footer-widgets .widget-contact ul li.fax,
.widgets.footer-widgets .widget-contact ul li.phone {
    font-size: 15px
}

.widgets.footer-widgets .widget-contact ul li+li {
    margin-top: 20px
}

.footer-bottom {
    background-color: #25272b;
    width: 100%;
    padding: 10px
}

.footer-bottom ul li {
    list-style: none;
    float: left;
    padding-left: 10px
}

.footer-bottom a {
    color: #fff;
    text-decoration: none
}

.carousel {
    margin: 0 auto;
    padding: 0 70px
}

.carousel .testimonial {
    padding: 0
}

.carousel .overview {
    font-style: italic
}

.carousel .overview b {
    text-transform: uppercase;
    color: #091375
}

.carousel .carousel-control {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    top: 50%;
    background: 0 0
}

.carousel-control i {
    font-size: 68px;
    line-height: 42px;
    position: absolute;
    display: inline-block;
    color: rgba(0, 0, 0, .8);
    text-shadow: 0 3px 3px #e6e6e6, 0 0 0 #000
}

@media(max-width:768px) {
    .footer-bottom ul li {
        text-align: center;
        width: 100%
    }
}