@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*************************
*******Typography******
**************************/

body {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #6f6f6f;
    margin: 0;
    padding: 0;
}

p {
    line-height: 24px;
}

strong {
    line-height: 24px;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
}

h2 {
    font-size: 36px
}

/*************************
*******Navigation******
**************************/

.navbar-brand {
    float: left;
    padding: 0px;
    font-size: 18px;
    line-height: 20px;
    /* height: 58px; */
}

.navbar-toggle {
    margin-top: 12px
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.navbar-toggle,
.navbar-toggle:focus {
    background-image: linear-gradient(to right, #1a4677, #3eb2c9);
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0px
}

.navbar-default .navbar-static-top {
    position: absolute;
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 0px;
    padding-left: 15px;
    border-top: 0px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
    -webkit-overflow-scrolling: touch;
}

/*************************
*******Header CSS******
**************************/

.header-top {
    display: block;
    overflow: hidden;
    padding: 12px 25px 0px 0px;
    color: #fff;
    background-image: linear-gradient(to right, #1a4677, #3eb2c9);
}

.header-top ul {
    margin-left: 0px !important;
    padding-left: 0px;
}

.header-top a {
    color: #fff
}

.header-right i {
    color: #1a4677;
    font-size: 18px;
}

.header-left ul li {
    display: inline;
    padding: 10px 15px;
    border-right: 1px solid #f7f7f7;
}

.social-icons i.fa-facebook {
    font-size: 14px;
    color: #fff;
    font-style: normal;
}

.social-icons i.fa-linkedin {
    font-size: 14px;
    color: #fff;
}

.header-right ul li {
    display: inline;
    padding: 10px 15px;
    border-left: 1px solid #f7f7f7;
    margin-right: 15px;
}

.header-right ul li:last-child {
    border-right: 1px solid #f7f7f7;
}

.main-nav {
    position: absolute;
    width: 100%;
    z-index: 999;
}

.main-nav .container {
    width: 100%
}

.navbar-brand {
    /* background-color: #fff;*/
    height: 100px;
    position: relative;
    width: 180px;
    margin-left: 25px;
}

.navbar-brand img {
    /* position: absolute; */
    /* top: 5px; */
    height: 100%;
    width:100%;
}

.navbar-right {
    /*  background-color: #1B7B98;*/
    padding: 0 15px 0 0;
}

.navbar-right li a {
    padding: 30px 0px 10px 0px;
    font-size: 16px;
    color: #1a4677;
    font-family: 'Raleway', sans-serif;
    margin-right: 25px;
    margin-bottom: 20px;
    font-weight: 600;
}

.navbar-right li a:hover {
    background: none
}

.navbar-right>li>a:before {
    background-color: transparent;
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    height: 2px;
    -webkit-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
    width: 0;
}

.navbar-right>li>a:hover:before {
    background-color: #1a4677;
    content: "";
    width: 50%;
}

.navbar-right>.active>a:hover:before {
    background: none;
    width: 0%
}

.navbar-right>li.current>a {
    color: #2E2E2E;
    padding: 10px 0px;
    margin: 0px 40px 0px 0px;
}

.navbar-right>.active>a:before,
.navbar-right>.active>a:focus:before {
    content: "";
    position: absolute;
    bottom: 0px;
    background: #0098db;
}

.navbar-right>.active>a {
    border-bottom: 2px solid #1a4677;
    padding-top: 29px;
    padding-bottom: 8px;
    margin-right: 20px;
}

.navbar-right>.active>a:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #ffbe00;
    border-radius: 5px;
    position: absolute;
    bottom: -6px;
    left: 45%
}

.navbar-right>.active>a:after {
    right: 0;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    width: 100%;
    top: 80px !important;
    padding: 20px 0px;
    background: #1a4677;
    opacity: 1;
}

.mega-dropdown-menu li a {
    color: #fff;
    padding: 5px;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 600;
}

.mega-dropdown-menu li .title {
    color: #fff;
    padding: 5px;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 600;
    text-transform: uppercase;
    text-decoration: underline
}

.mega-dropdown-menu li .sub-title {
    color: #fff;
    padding: 5px;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    font-weight500;
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 1px;
}

.mega-dropdown-menu>li>ul>li {
    list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #222;
    padding: 3px 5px;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 10px 5px 5px !important;
    line-height: normal;
}

.hide-on-desktop {
    display: none !important;
}

.hide-on-desktop a {
    color: #fff;
    padding: 5px;
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
    font-weight: 600;
    text-transform: uppercase;
}

.fixed-menu {
    position: relative;
    border-color: #e7e7e7
}

.fixed-menu .header-top {
    display: block;
    overflow: hidden;
    padding: 5px 10px;
    height: auto;
}

.fixed-menu .navbar-right {
    padding: 0 0px 0 0;
}

.fixed-menu .navbar-right li a {
    font-size: 13px;
    text-shadow: inherit;
    padding-left: 20px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.fixed-menu .navbar-brand {
    height: 40px;
    margin-top: 5px;
    padding: 0 0 0 0px;
    margin-bottom: 0;
    width: 168px;
}

.fixed-menu .navbar-brand img {
    height: 50px;
    top: -5px;
}

.fixed-menu .header-top {
    display: block;
}

.header-left {
    float: left
}

.header-right {
    float: right
}

.white {
    background-color: #fff;
}

/*================================================== 
     Slideshow
 ================================================== */

/*-- Main slide --*/

#main-slide .item img {
    width: 100%;
    height: 100vh;
}

#main-slide .item .slider-content {
    z-index: 0;
    opacity: 0;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
}

#main-slide .item.active .slider-content {
    z-index: 0;
    opacity: 1;
    -webkit-transition: opacity 100ms;
    -moz-transition: opacity 100ms;
    -o-transition: opacity 100ms;
    transition: opacity 100ms;
}

#main-slide .slider-content {
    top: 50%;
    margin-top: -70px;
    left: 0;
    padding: 0;
    text-align: center;
    position: absolute;
    width: 100%;
    color: #fff;
}

#main-slide .carousel-indicators {
    bottom: 30px;
}

.carousel-indicators li {
    width: 14px !important;
    height: 14px !important;
    border: 2px solid #fff !important;
    margin: 1px !important;
}

#main-slide .carousel-control.left,
#main-slide .carousel-control.right {
    opacity: 1;
    filter: alpha(opacity=100);
    background-image: none;
    background-repeat: no-repeat;
    text-shadow: none;
}

#main-slide .carousel-control.left {
    left: 20px;
}

#main-slide .carousel-control.right {
    right: 20px;
}

#main-slide .carousel-control.left span {
    padding: 15px;
}

#main-slide .carousel-control.right span {
    padding: 15px;
}

#main-slide .carousel-control .fa-angle-left,
#main-slide .carousel-control .fa-angle-right {
    position: absolute;
    top: 53%;
    z-index: 5;
    display: inline-block;
}

#main-slide .carousel-control .fa-angle-left {
    left: 0;
}

#main-slide .carousel-control .fa-angle-right {
    right: 0;
}

#main-slide .carousel-control i {
    background: rgba(26, 70, 119, .5);
    color: #fff;
    line-height: 26px;
    font-size: 25px;
    padding: 10px 20px;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    border-radius: 50%;
}

#main-slide .slider-content h2 {
    font-size: 76px;
    font-weight: 100;
    text-transform: uppercase;
    color: #555;
}

#main-slide .slider-content h2.white,
#main-slide .slider-content h3.white {
    color: #fff;
}

#main-slide .slider-content h3 {
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #fff;
    font-family: 'Raleway', sans-serif;
    text-transform: inherit;
    text-shadow: 2px 2px 2px #3a3a3a;
    /*   background:#1a4677; */
    background: #FFBE00;
    opacity: 0.8;
    width: 730px;
    margin: 90px auto;
    padding: 5px;
}

#main-slide .slider-content h4 {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: #f3b21a;
    font-family: 'Raleway', sans-serif;
    text-transform: inherit;
    text-shadow: 2px 2px 2px #3a3a3a
}

.slider.btn {
    padding: 3px 6px;
    font-size: 12px;
    border-radius: 5px;
    text-transform: uppercase;
    line-height: 28px;
    border: 0;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -o-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -moz-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    -webkit-box-shadow: 0 4px 0 rgba(0, 0, 0, 0.1) inset;
    color: #00529c;
    background: #eebd08;
    border-bottom: 2px solid #00529c;
    font-family: "Open Sans", sans-serif;
    position: absolute;
    left: 50px;
    font-weight: 700;
    margin-top: 10px;
    z-index: 0
}

.slider.btn.btn-default {
    margin-left: 4px;
    background: #ECECEC
}

.slider.btn.btn-default:hover {
    background: #000;
    color: #fff;
}

.slider-content-left {
    position: relative;
    margin: 0 0 0 40px;
}

.slider-content-right {
    position: relative;
}

/*-- Animation --*/

.carousel .item.active .animated1 {}

.carousel .item.active .animated2 {
    -webkit-animation: lightSpeedIn 1s ease-in 200ms both;
    animation: lightSpeedIn 1s ease-in 200ms both;
}

.carousel .item.active .animated3 {
    -webkit-animation: bounceInLeft 1s ease-in-out 500ms both;
    animation: bounceInLeft 1s ease-in-out 500ms both;
}

.carousel .item.active .animated4 {
    -webkit-animation: flipInX 1s ease-in 500ms both;
    animation: flipInX 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated5 {
    -webkit-animation: bounceInLeft 1s ease-in-out 100ms both;
    animation: bounceInLeft 1s ease-in-out 100ms both;
}

.carousel .item.active .animated6 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
    text-align: center;
}

.carousel .item.active .animated7 {
    -webkit-animation: bounceIn 1s ease-in 500ms both;
    animation: bounceIn 1s ease-in 500ms both;
}

.carousel .item.active .animated8 {
    -webkit-animation: fadeInDown 1s ease-in 1000ms both;
    animation: fadeInDown 1s ease-in 1000ms both;
}

/*************************
*******Intro CSS******
**************************/

#intro {
    padding-bottom: 30px;
    padding-top: 30px;
    background: #fff
}

#intro h2 {
    color: #f3b11a;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 28px;
    font-weight: 500;
    text-transform: inherit;
    margin-bottom: 0px
}

#intro p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 1.8em;
    text-align: left;
    font-weight: 400;
    margin-top: 0px;
    text-align: justify;
}

#intro a {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #3eb2c9;
    text-decoration: underline;
    font-weight: 600;
}

#intro .line {
    margin: auto;
    display: block;
    margin-bottom: 10px;
    max-width: 160px
}

#intro img {
    padding-top: 45px;
}

/*************************
*******Solutions CSS******
*************************/

#solutions {
    background: #f7f7f7;
    position: relative;
}

#solutions h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#solutions h3 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 5px;
    margin-left: 40px;
    width: 30px;
}

#solutions p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 1.7em;
    font-weight: 500;
    margin-top: 0px;
    text-align: justify;
    margin-top: 15px;
}

#solutions ul {
    padding-left: 10px;
}

#solutions img {
    max-height: 280px;
}

#solutions ul li {
    list-style-type: none;
    padding-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 1.5em;
    text-align: left;
    font-weight: 500;
}

.heading {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    font-weight: 500;
}

.sub-heading {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #454545;
    font-weight: 500;
}

#solutions .icons {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background: #1a4677;
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
}

.line1 {
    border-top: 3px solid #1a4677;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 7%;
    position: relative
}

.line1:before,
.line1:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #FFBE00;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    left: 43%
}

#solutions .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#solutions .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
*******Events CSS******
*************************/

#events {
    background: #f7f7f7;
    position: relative;
}

#events h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#events h3 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 5px;
    margin-left: 40px;
    width: 30px;
}

#events p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 1.7em;
    font-weight: 500;
    margin-top: 0px;
    text-align: justify;
    margin-top: 15px;
}

#events ul {
    padding-left: 10px;
}

#events img {
    max-height: 200px;
    width: 100%;
}

#events ul li {
    list-style-type: none;
    padding-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    line-height: 1.5em;
    text-align: left;
    font-weight: 500;
}

.heading {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #454545;
    font-weight: 500;
}

.sub-heading {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #454545;
    font-weight: 500;
}

#events .icons {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background: #1a4677;
    display: inline-block;
    padding: 5px;
    margin-top: 5px;
}

.line1 {
    border-top: 3px solid #1a4677;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 7%;
    position: relative
}

.line1:before,
.line1:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #FFBE00;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    left: 43%
}

#events .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#events .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
*******Industries CSS******
*************************/

#industries {
    padding-bottom: 10px;
    padding-top: 10px;
    background-color: #f7f7f7;
    position: relative
}

#industries h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
}

#industries h4 {
    color: #1a4677;
    font-size: 16px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    padding-top: 7px;
    padding-left: 10px;
    display: inline-block;
}

#industries img {
    width: 55px;
    height: 55px;
    border-radius: 50px;
    background: #3eb2c9;
    display: inline-block;
}

.first-one {
    padding-top: 7px;
}

#industries .col-sm-3 {
    padding-right: 0px;
}

.ind-icon-cont {
    margin: 0 auto;
}

#industries .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#industries .btn:hover {
    background: #DCBE67;
    border: none;
}

.feature-2 i {
    font-size: 1.8em;
    color: #fff;
    width: 40px;
    height: 40px;
    position: relative;
    padding-top: 7px;
    padding-left: 13px;
    border-radius: 35px
}

.feature-2 .media-body {}

.feature-2 .border {
    margin-top: 10px;
    margin-left: 49.999%;
    margin-right: 49.999%;
    border-color: none;
}

.feature-2:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}

.feature i {
    background: #5BB12F;
}

.no-touch .feature:hover i,
.no-touch .feature:active i,
.no-touch .feature:focus i {
    box-shadow: 0 0 0 0 #5BB12F;
}

.feature-2 i {
    background: #3eb2c9;
    border: 1px solid transparent;
}

.feature-2:hover i {
    background: transparent;
    color: #fff;
    border: 1px solid #1a4677
}

.border {
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    visibility: hidden
}

.feature-2:hover .border {
    border-color: #1a4677;
    visibility: visible
}

/*************************
*******Clients CSS******
*************************/

#clients {
    padding-bottom: 30px;
    padding-top: 10px;
    background-color: #fff;
    position: relative
}

#clients h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#clients p {
    font-family: "Open Sans", sans-serif;
    ;
    font-size: 14px;
    color: #929292;
    line-height: 1.9em;
    font-weight: 500;
    position: absolute;
    top: 100px;
    left: 33px
}

#clients img {
    margin: auto;
    display: block;
    max-width: 180px;
    height: 250px;
    box-shadow: 0px 0px 5px rgb(26 70 119 / 30%);
    border: 1px solid transparent;
}

#clients h4 {
    color: #1a4677;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: auto;
    display: block;
    max-width: 180px;
    padding: 7px 0;
    background: #edeeef;
    box-shadow: 0px 0px 5px rgb(26 70 119 / 30%);
    border: 1px solid transparent;
}

#clients .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#clients .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
*******Strategic Partners CSS******
*************************/

#strategic-p {
    padding-bottom: 30px;
    padding-top: 10px;
    background-color: #f7f7f7;
    position: relative
}

#strategic-p h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#strategic-p p {
    font-family: "Open Sans", sans-serif;
    ;
    font-size: 14px;
    color: #929292;
    line-height: 1.9em;
    font-weight: 500;
    position: absolute;
    top: 100px;
    left: 33px
}

#strategic-p img {
    margin: auto;
    display: block;
    max-width: 150px;
    box-shadow: 0px 0px 5px rgb(26 70 119 / 30%);
    border: 1px solid transparent;
}

#strategic-p h4 {
    color: #1a4677;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    margin: auto;
    display: block;
    max-width: 180px;
    padding: 7px 0;
    background: #edeeef;
    box-shadow: 0px 0px 5px rgb(26 70 119 / 30%);
    border: 1px solid transparent;
}

/*************************
*******About CSS******
**************************/

#about {
    background-color: #fff;
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px;
}

#about p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    text-align: justify;
    padding-top: 20px;
    padding-bottom: 20px;
}

#about h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

/*************************
*******Vision Global CSS******
**************************/

#vis-glo {
    position: relative
}

#vis-glo h2 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 500;
    text-transform: inherit;
    margin-bottom: 0px;
}

#vis-glo p {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #fff;
    line-height: 1.9em;
    font-weight: 300;
    padding: 0px 5px 10px 5px;
}

.vis-glo-img {
    max-width: 30px !important
}

.feature-vis-glo {
    padding-bottom: 0px;
    text-align: left;
}

.feature-vis-glo i {
    font-size: 1.8em;
    color: #fff;
    width: 40px;
    height: 40px;
    position: relative;
    padding-top: 7px;
    padding-left: 13px;
    border-radius: 35px
}

.feature-vis-glo .media-body {
    margin-left: 25px !important;
}

.feature-vis-glo .border {
    margin-top: 5px;
    margin-left: 49.999%;
    margin-right: 49.999%;
    border-color: none;
}

.feature-vis-glo:hover .border {
    margin-left: 0%;
    margin-right: 0%;
}

.feature-2vis-glo {
    background: #4ea9a4;
    border: 1px solid transparent;
}

.feature-vis-glo:hover i {
    background: transparent;
    color: #fff;
    border: 1px solid #4ea9a4
}

.feature-vis-glo:hover .border {
    border-color: #1a4677;
    visibility: visible
}

/*************************
*******Our Team CSS******
**************************/

#about-bottom {
    padding-bottom: 20px;
    padding-top: 10px;
    background-color: #f7f7f7;
    position: relative
}

#about-bottom h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#about-bottom p {
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    color: #454545;
    text-align: left;
    font-weight: 500;
}

#about-bottom .col-lg-3,
.col-md-3,
.col-sm-12 {
    margin-right: 0px;
}

#about-bottom .fa-linkedin {
    font-size: 20px;
    color: #5c5c77;
    text-align: right;
}

#about-bottom .fa-linkedin:hover {
    color: #3eb2c9;
}

.align-right {
    text-align: right;
}

.hover-shadow {
    transition: .3s ease;
    padding: 10px;
}

.hover-shadow:hover {
    box-shadow: 0px 4px 25px 0px rgba(27, 39, 71, 0.15);
    background: #fff;
}

.team-box {
    width: 100%;
}

.member-name {
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    color: #454545;
    font-weight: 700;
    text-transform: uppercase;
    padding-left: 10px;
    padding-top: 5px;
}

.member-title {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    color: #1a4677;
    font-weight: 700;
    text-transform: inherit;
    padding-left: 10px;
}

.visel-team img {
    text-align: center
}

.visel-team .line {
    border-top: 1px solid #fff;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.first-member {
    margin-bottom: 0px;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

#about-bottom ul {
    padding-left: 0px !important;
}

#about-bottom li {
    list-style-type: none;
}

.profile-list img {
    position: absolute;
    left: 25px;
    padding-top: 7px;
}

.abt-box {
    width: auto;
    height: 530px;
    margin-top: 15px;
    position: relative;
    background: #fff;
    padding-top: 10px;
    padding-left: 20px;
    padding-bottom: 10px;
    border: 2px solid #fff;
}

.abt-box:hover {
    border: 2px solid #f3b21a;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.abt-box .pp {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    background-image: linear-gradient(90deg, #f6f6f6, #f6f6f6, #f9d990, #f9d990, #f9d990, #f9d990, #f3b21a);
    padding: 4px;
    margin-right: 70px;
    margin-bottom: 10px;
    margin: 0 auto;
}

.abt-box i.fa {
    position: absolute;
    background-image: linear-gradient( 180deg, #f6f6f6, #f3b21a);
    -webkit-shape-outside: circle();
    shape-outside: circle();
    color: #201e1f;
    padding: 15px;
    font-size: 16px;
    border-radius: 28px;
    top: 125px;
    z-index: 1;
    border-right: 2px solid #f3b21a !important;
    border-bottom: 2px solid #f3b21a !important;
    margin-left: -100px;
    font-size: 20px;
    padding: 12px 13px;
}

.ic-img {
    width: 20px !important
}

.team .member {
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 5px;
    background: #fff;
}

.team .member .member-img {
    position: relative;
    overflow: hidden;
}

.team .member .social {
    position: absolute;
    left: 0;
    bottom: 30px;
    right: 0;
    opacity: 0;
    transition: ease-in-out 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team .member .social a {
    transition: color 0.3s;
    color: #111111;
    margin: 0 3px;
    border-radius: 50px;
    width: 36px;
    height: 36px;
    background: #e03a3c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: ease-in-out 0.3s;
    color: #fff;
}

.team .member .social a:hover {
    background: #111111;
}

.team .member .social i {
    font-size: 18px;
    line-height: 0;
}

.team .member .member-info {
    padding: 25px 15px;
}

.team .member .member-info h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 18px;
    color: #111111;
}

.team .member .member-info span {
    display: block;
    font-size: 13px;
    font-weight: 400;
    color: #aaaaaa;
}

.team .member .member-info p {
    font-style: italic;
    font-size: 14px;
    line-height: 26px;
    color: #777777;
}

.team .member:hover .social {
    opacity: 1;
    bottom: 15px;
}

/*************************
*******Services CSS******
*************************/

#services {
    background: #fff;
    margin-top: 20px;
    position: relative;
}

.line {
    margin: auto;
    display: block;
    max-width: 160px;
}

#services h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
}

#services h3 {
    color: #5a5a5a;
    font-family: 'Raleway', sans-serif;
    margin: 0px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}

#services p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #454545;
    text-align: left;
}

#services.line {
    margin: auto;
    display: block;
    max-width: 160px;
}

#services .col-md-2 {
    margin: 18px;
}

#services .serv-col {
    background: #f7f7f7;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    margin-top: 20px;
    border: 2px solid #dbedf0;
    padding-bottom: 10px;
    position: relative;
    height: 180px;
    padding-right: 10px;
    padding-left: 10px;
    margin-right: 30px;
}

.numbers {
    font-family: "Open Sans", sans-serif;
    color: #1a4677;
    font-size: 60px;
    font-weight: 700;
    position: absolute;
    top: -20px;
    left: 0px;
    opacity: 0.2;
}

#services i {
    position: absolute;
    font-size: 16px;
    color: #fff;
    width: 40px;
    height: 40px;
    padding: 12px 8px 12px 14px;
    border-radius: 35px;
    background: #1a4677;
    bottom: -17px;
    left: 50%;
    margin-left: -20px;
}

#services .serv-col .icon img {
    max-width: 30px;
}

#services .serv-col h2 {
    color: #1a4677;
    text-align: center;
    font-size: 19px;
    padding: 0;
    margin: 40px 0 5px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
}

#services .serv-col p {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #454545;
    margin-bottom: 0;
    padding: 0 10px 20px 10px;
    text-align: center;
    font-weight: 600;
}

#services .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#services .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
*Solutions Page Intro CSS**
**************************/

#solintro {
    position: relative;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 30px;
}

#solintro h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#solintro p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-align: justify;
}

/*************************
*******Solutions Page CSS******
**************************/

#solp {
    position: relative;
    background: #f7f7f7;
    padding-bottom: 10px;
    padding-top: 10px;
}

#solp h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#solp p {
    font-family: "Open Sans", sans-serif;
    font-size: 17px;
    color: #fff;
    line-height: 1.9em;
    font-weight: 300;
    padding: 0px 5px 10px 5px;
    text-align: justify;
}

#solp .sp-col {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    border-bottom: 5px solid #3eb2c9 !important;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 15%);
    margin-top: 10px;
    height: 590px;
}

#solp .sp-col .icon {
    padding: 12px 15px;
    text-align: center;
    position: absolute;
    background-color: #fff;
    border-radius: 10%;
    text-align: center;
    border-right: 4px solid #1d99d5 !important;
    border-bottom: 4px solid #1d99d5 !important;
    top: 50%;
    margin-top: 100px;
    transition: 0.3s;
}

#solp .sp-col .icon img {
    width: 64px;
    height: 64px;
    max-height: 30px;
}

#solp .sp-col .img {
    position: relative;
    border-right: 5px solid #1a4677 !important;
    border-bottom: 5px solid #3eb2c9 !important;
}

#solp .sp-col h2 {
    color: #5a5a5a;
    text-align: center;
    font-size: 18px;
    padding: 0;
    margin: 15px 0 12px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

#solp .sp-col .line {
    border-top: 1px solid #e8e8e8;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

#solp .sp-col ul {
    margin-left: 0px !important;
    padding-left: 20px !important;
}

#solp .sp-col ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #454545;
    text-align: left;
    font-weight: 400;
    padding: 0 20px 10px 0px;
    list-style-type: none;
}

#solp .sp-col ul li:last-child {
    padding: 0 20px 0px 0px;
}

.sp-ico {
    position: absolute;
    top: 50%;
    z-index: 1;
    left: 50%;
    margin-top: 55px;
    margin-left: -25px
}

.sp-ico img {
    max-height: 50px !important;
}

#solp .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
    display: block;
    width: 70px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -35px;
}

#solp .btn:hover {
    background: #DCBE67;
    border: none;
}

#indi-sol {
    position: relative;
    background: #f7f7f7;
    padding-bottom: 10px;
    padding-top: 10px;
}

#indi-sol h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#indi-sol p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    padding: 0px 5px 10px 5px;
    text-align: justify;
}

#tabs ul {
    margin: 0;
    padding: 0;
}

#tabs ul li {
    margin-bottom: 2px;
    display: inline-block;
    width: 100%;
}

#tabs ul li:last-child {
    margin-bottom: 0px;
}

#tabs ul li a {
    width: 100%;
    text-transform: capitalize;
    padding: 7px 30px;
    display: inline-block;
    background: #f1f1f1;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #454545;
    font-weight: 600;
    transition: all 0.3s;
}

#tabs ul li a i {
    float: right;
    margin-top: 5px;
}

#tabs ul .ui-tabs-active span {
    background: #faf5b2;
    border: #faf5b2;
    line-height: 90px;
    border-bottom: none;
}

#tabs ul .ui-tabs-active a {
    background: #1a4677;
    color: #fff;
}

#tabs ul .ui-tabs-active span {
    color: #454545;
}

.tabs-content {
    margin-left: 30px;
    text-align: left;
    display: inline-block;
    position: relative;
    transition: all 0.5s;
}

.tabs-content img {
    overflow: hidden;
    width: auto;
    height: 250px;
    /* border: 2px solid #3eb2c9; */
    width: 100%;
    object-fit: cover;
}

.tabs-content h4 {
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.25px;
    margin-bottom: 5px;
    margin-top: 30px;
    text-transform: inherit;
    font-family: 'Raleway', sans-serif;
}

.tabs-content .line {
    border-top: 2px solid #454545;
    margin: 0px auto 10px 0px;
    display: block;
    max-width: 40px;
}

/* [1] The container */

.img-hover-zoom {
    height: 100%;
    /* [1.1] Set it as per your need */
    overflow: hidden;
    /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */

.img-hover-zoom img {
    transition: transform .5s ease;
}

/* [3] Finally, transforming the image when container gets hovered */

.img-hover-zoom:hover img {
    transform: scale(1.5);
}

/*************************
*******Professional Services Page CSS******
**************************/

#prof-serv {
    position: relative;
    background: #fff;
    padding-bottom: 40px;
    padding-top: 40px;
}

#prof-serv h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

/* #prof-serv .ps-col {
    background: #fff;
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    border-bottom: 5px solid #3eb2c9 !important;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 15%);
    margin-top: 10px;
    height: 460px;
} */

#prof-serv .ps-col .icon {
    padding: 12px 15px;
    text-align: center;
    position: absolute;
    background-color: #fff;
    border-radius: 10%;
    text-align: center;
    border-right: 4px solid #1d99d5 !important;
    border-bottom: 4px solid #1d99d5 !important;
    top: 50%;
    margin-top: 100px;
    transition: 0.3s;
}

#prof-serv .ps-col .icon img {
    width: 64px;
    height: 64px;
    max-height: 30px;
}

#prof-serv .ps-col .img {
    height: 250px;
    position: relative;
    object-fit: cover;
    border-right: 5px solid #1a4677 !important;
    border-bottom: 5px solid #3eb2c9 !important;
    border-left: 5px solid #1a4677 !important;
    border-top: 5px solid #3eb2c9 !important;
}
#prof-serv .ps-col .img img{
    width: 100%;
    height: 100%;
}

#prof-serv .ps-col h2 {
    color: #5a5a5a;
    text-align: center;
    font-size: 18px;
    padding: 0;
    margin: 15px 0 12px 0;
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
}

#prof-serv .ps-col .line {
    border-top: 1px solid #e8e8e8;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

#prof-serv .ps-col ul {
    margin-left: 0px !important;
    padding-left: 20px !important;
}

#prof-serv .ps-col ul li {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #454545;
    text-align: left;
    font-weight: 400;
    padding: 0 20px 10px 0px;
    list-style-type: none;
}

#prof-serv .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
    display: block;
    width: 70px;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -35px;
}

#prof-serv .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
*IT Consulting Intro CSS**
**************************/

#itc-intro {
    position: relative;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 30px;
}

#itc-intro h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#itc-intro p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    padding: 20px 5px 30px 5px;
    text-align: center;
}

.itc-img {
    max-width: 25px !important;
    display: inline-block;
}

.itc-img1 {
    max-width: 70px !important;
    margin: 20px auto;
    border-radius: 18px;
    border: 2px solid #fff;
    padding: 5px;
}

.consult .consult-title {
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #050d18;
}

.consult .consult-item {
    padding: 0 0 20px 0px;
    margin-top: -2px;
    position: relative;
    width: 100%;
}

.consult .consult-item h4 {
    line-height: 18px;
    font-size: 18px;
    font-family: 'Raleway', sans-serif;
    font-weight: 800;
    color: #3eb2c9;
    margin-bottom: 10px;
    margin-top: 20px;
    margin-left: 15px;
    text-align: center;
}

.consult .consult-item ul {
    padding-left: 20px;
}

.consult .consult-item ul li {
    padding-bottom: 10px;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    list-style-type: none;
    padding-left: 5px;
    padding-right: 5px;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 0 0 0 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: none;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
}

/*************************
*IT Consulting bottom CSS**
**************************/

#itc-cons-bot {
    position: relative;
    background: #f7f7f7;
    padding-bottom: 40px;
    padding-top: 40px;
}

#itc-cons-bot h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#itc-cons-bot p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    padding: 20px 5px 30px 5px;
    text-align: center;
}

#itc-cons-bot i {
    font-size: 13px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 35px;
    background: #3eb2c9;
    padding: 7px 5px 7px 8px;
    margin-bottom: 5px;
}

.itc-cons-bot {
    background: #fff;
}

.itc-cons-bot .indi {
    position: relative;
    box-shadow: 0px 2px 15px rgba(44, 73, 100, 0.08);
    padding: 30px 10px;
    border-radius: 10px;
    background: #fff;
    border-bottom: 5px solid #3eb2c9
}

.itc-cons-bot .indi .pic {
    overflow: hidden;
    width: 145px;
    border-radius: 50%;
    float: left;
    margin-right: 13px;
}

.itc-cons-bot .indi .indi-info {
    padding-left: 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 30px;
    color: #454545;
    font-weight: 600;
}

.itc-cons-bot .indi h4 {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 20px;
    color: #2c4964;
}

.itc-cons-bot .indi span {
    display: block;
    font-size: 15px;
    padding-bottom: 10px;
    position: relative;
    font-weight: 500;
}

.itc-cons-bot .indi span::after {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    height: 1px;
    background: #b2c8dd;
    bottom: 0;
    left: 0;
}

.itc-cons-bot .indi p {
    margin: 10px 0 0 0;
    font-size: 14px;
}

/*************************
*Industries Page CSS**
**************************/

#ind-intro {
    position: relative;
    background: #fff;
    padding-bottom: 10px;
    padding-top: 30px;
}

#ind-intro h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#ind-intro p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    line-height: 30px;
    color: #454545;
    margin-bottom: 0;
    font-weight: 400;
    padding: 20px 5px 30px 5px;
    text-align: center;
}

/*************************
*Industries Page CSS**
**************************/

#ind-bottom {
    position: relative;
    background: #f7f7f7;
    padding-bottom: 10px;
    padding-top: 30px;
}

#ind-bottom h2 {
    color: #777777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#ind-bottom i.fa {
    position: absolute;
    background: #259dd1;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    border-radius: 18px;
    top: 170px;
    z-index: 1;
    border-left: 2px solid #fff !important;
    border-bottom: 2px solid #fff !important;
}

#ind-bottom p {
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    color: #454545;
    text-align: justify;
    font-weight: 500;
    line-height: 1.7em;
    padding-left: 10px;
    padding-right: 10px;
}

#ind-bottom a {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    color: #fff;
    text-decoration: underline;
}

.icons {
    max-width: 70px !important;
    margin: 0 auto;
}

.banking {
    padding: 10px 10px;
    margin: 20px 0 0 0;
    text-align: center;
}

.banking h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #1a4677;
    font-weight: 600;
    text-transform: uppercase;
}

.banking img {
    text-align: center
}

.banking .line {
    border-top: 2px solid #454545;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.retail {
    padding: 10px 10px;
    margin: 20px 0 0 0;
    text-align: center;
}

.retail h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #1a4677;
    font-weight: 600;
    text-transform: uppercase;
}

.retail img {
    text-align: center
}

.retail .line {
    border-top: 2px solid #454545;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.manufacturing {
    padding: 10px 10px;
    margin: 20px 0 0 0;
    text-align: center;
}

.manufacturing h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #1a4677;
    font-weight: 600;
    text-transform: uppercase;
}

.manufacturing img {
    text-align: center
}

.manufacturing .line {
    border-top: 2px solid #454545;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.e-commerce {
    padding: 10px 10px;
    margin: 10px 0 0 0;
    text-align: center;
}

.e-commerce h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #1a4677;
    font-weight: 600;
    text-transform: uppercase;
}

.e-commerce .line {
    border-top: 2px solid #454545;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.mining {
    padding: 10px 10px;
    margin: 10px 0 0 0;
    text-align: center;
}

.mining h4 {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    color: #1a4677;
    font-weight: 600;
    text-transform: uppercase;
}

.mining .line {
    border-top: 2px solid #454545;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 10%;
    position: relative;
}

.pad-left-20 {
    padding-right: 20px
}

.pad-right-20 {
    padding-right: 20px
}

.pad-left-30 {
    padding-right: 30px
}

.pad-right-30 {
    padding-right: 30px
}

.pad-left-40 {
    padding-right: 40px
}

.pad-right-40 {
    padding-right: 40px
}

.pad-top-20 {
    padding-top: 20px;
}

.pad-top-30 {
    padding-top: 30px;
}

.pad-top-40 {
    padding-top: 40px;
}

.pad-top-50 {
    padding-top: 50px;
}

.pad-top-100 {
    padding-top: 100px;
}

/*************************
******About CSS****
**************************/

#about .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#about .btn:hover {
    background: #DCBE67;
    border: none;
}

/*************************
******Contact CSS****
**************************/

#contact {
    background: #fff
}

#contact h2 {
    color: #77777;
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
}

#contact p {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #fff;
    line-height: 1.9em;
    text-align: center;
    font-weight: 300;
    margin-top: 25px;
}

#contact .btn {
    padding: 8px 11px;
    font-size: 11px !imporant;
    border-radius: 15px;
    text-transform: uppercase;
    -moz-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    -ms-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff !important;
    font-family: "Open Sans", sans-serif;
    font-weight: 700;
    background: #FFBE00;
    border: none;
}

#contact .btn:hover {
    background: #DCBE67;
    border: none;
}

#contact img {
    margin: auto;
    display: block;
    margin-bottom: 10px;
    max-width: 180px
}

.cont-icon {
    max-width: 40px !important
}

.cont-box {
    padding: 10px 0px;
    background: linear-gradient(rgba(26, 70, 119, .8), rgba(0, 0, 0, .8)), url('../images/contact-us.jpg') no-repeat center center;
    background-size: cover;
    height: 100%;
    width: 100%;
    text-align: center;
}

.cont-box i.fa {
    height: 46px;
    width: 46px;
    border-radius: 50%;
    display: table-cell;
    color: #fff;
    font-size: 24px;
    padding-top: 10px;
}

.cont-box-text {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 2em;
    font-weight: 500;
}

.cont-box-text a {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    line-height: 2em;
    font-weight: 500;
}

#map {
    height: 100%;
}

/*************************
*******Careers Page CSS******
**************************/

#careers {
    position: relative;
    background: #f7f7f7;
    padding-top: 10px;
    padding-bottom: 10px;
}

#careers p {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #454545;
    line-height: 1.9em;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 0px !important;
    padding-bottom: 10px;
}

#careers .careers-title {
    font-size: 26px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 20px;
    color: #050d18;
}

#careers .careers-item {
    padding: 0 0 0px 20px;
    margin-top: -2px;
    border-left: 2px solid #1a4677;
    position: relative;
}

#careers .careers-item1 {
    padding: 0 0 0px 20px;
    margin-top: -2px;
    border-left: 2px solid #1a4677;
    position: relative;
}

#careers .careers-item2 {
    padding: 0 0 0px 20px;
    margin-top: -2px;
    border-left: 2px solid #1a4677;
    position: relative;
}

#careers .careers-item3 {
    padding: 0 0 0px 20px;
    margin-top: -2px;
    border-left: 2px solid #1a4677;
    position: relative;
}

#careers h3 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px;
    text-align: center;
}

#careers h4 {
    color: #3eb2c9;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: inherit;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
    text-transform: uppercase;
}

#careers .careers-item::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    left: -9px;
    top: 0;
    background: #1a4677;
}

#careers .careers-item1::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    left: -9px;
    top: 0px;
    background: #3eb2c9;
}

#careers .careers-item2::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    left: -9px;
    top: 0;
    background: #91c839;
}

#careers .careers-item3::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    border-radius: 50px;
    left: -9px;
    top: 0;
    background: #ff4800;
}

.jobs-box {
    padding: 10px 30px;
    margin: 20px 0 0 0;
    background: linear-gradient(to top, transparent 30%, black 100%), url('../images/jobs-at-visel-global.jpg') no-repeat center center;
    background-size: cover;
    height: 350px;
    text-align: left;
}

.jobs-box i.fa {
    color: #fff;
    font-size: 20px;
    margin-top: 10px;
    margin-right: 10px;
}

.jobs-box-text {
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    line-height: 2em;
    font-weight: 500;
}

.ext-pad {
    padding-top: 10px;
}

.jobs-box-text a {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #fff;
    line-height: 1.9em;
    font-weight: 400;
    text-align: justify;
}

.blue3 {
    background: #3eb2c9;
    padding: 10px;
    opacity: 0.7;
    line-height: 2.7em;
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    color: #fff;
    font-weight: 500;
}

.linec {
    border-top: 3px solid #1a4677;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto 0;
    width: 15%;
    position: relative
}

.linec:before,
.linec:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #3eb2c9;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    left: 43%
}

/*====================================================
page-header
======================================================*/

.page-head1 {
    background: url(../images/g1.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head1 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content1 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content1 .page-title1 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title1 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.line-new {
    border-top: 2px solid #fff;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto;
    width: 30%;
    position: relative
}

.line-new:before,
.line-new:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #ffbe00;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    left: 43%
}

.line-new1 {
    border-top: 2px solid #fff;
    padding-top: 0px;
    padding-bottom: 5px;
    margin: 10px auto;
    width: 30%;
    position: relative
}

.line-new1:before,
.line-new1:after {
    content: "";
    width: 10px;
    height: 10px;
    background: #3eb2c9;
    border-radius: 5px;
    position: absolute;
    top: -6px;
    left: 43%
}

.page-head2 {
    background: url(../images/program.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head2 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content2 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content2 .page-title2 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title2 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.page-head3 {
    background: url(../images/g2.jpg) no-repeat ;
    background-size: 100% 100%;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head3 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content3 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content3 .page-title3 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title3 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.page-head4 {
    background: url(../images/p9.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head4 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content4 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content4 .page-title4 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title4 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.page-head5 {
    background: url(../images/#.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head5 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content5 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content5 .page-title5 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title5 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.page-head6 {
    background: url(../images/library.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head6 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content6 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content6 .page-title6 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title6 {
    top: 180px;
    position: absolute;
    color: #fff;
}

.page-head7 {
    background: url(../images/#.jpg) no-repeat scroll center top / cover;
    color: #FFF;
    position: relative;
    min-height: 300px;
}

.page-head7 img {
    margin: 0px auto 0 0px;
    display: block;
    max-width: 120px;
}

.page-head-content7 {
    padding-top: 52px;
    padding-bottom: 52px;
}

.page-head-content7 .page-title7 {
    margin: 0px;
    padding: 10px 5px;
    font-size: 30px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.page-title7 {
    top: 180px;
    position: absolute;
    color: #fff;
}

/*************************
*******Section Title CSS******
**************************/

.section-title.st-center {
    text-align: center;
}

/*************************
*******Testimonials CSS******
**************************/

#testimonials {
    font-family: 'Open Sans', sans-serif;
    color: #929292;
    background: #f7f7f7;
}

#testimonials h2 {
    color: #fff;
    font-family: 'Raleway', sans-serif;
    margin-top: 10px;
    font-size: 24px;
    font-weight: 500;
    text-transform: inherit;
    margin-bottom: 0px;
}

#testimonials img {
    margin: auto;
    display: block;
    max-height: 30px;
}

#testimonials p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    color: #fff;
    line-height: 2.4em;
    text-align: center;
    font-weight: 300;
    margin-top: 15px;
    margin-bottom: 40px
}

#testimonials .btn {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
    background: #259dd1;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 8px;
    margin-top: 20px;
    opacity: 0.6;
    padding: 4px 8px;
}

#testimonials .btn:hover {
    background: #FFBE00;
    color: #fff
}

/*************************
******Carousel CSS****
**************************/

.list_carousel2.responsive {
    width: auto;
    margin-left: 0;
    margin-top: 10px;
}

.list_carousel2 ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.list_carousel2 li {
    width: 200px;
    height: 70px;
    display: block;
    float: left;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    color: #fff;
    font-weight: 300;
    margin-left: 50px;
    margin-right: 50px;
}

.even-control-left,
.even-control-right {
    position: absolute;
    color: #4ea9a4;
    padding-left: 10px;
    padding-right: 10px;
}

.even-control-left i {
    font-size: 24px;
    color: #fff;
    width: 35px;
    height: 35px;
    position: relative;
    padding: 5px 0px 10px 12px;
    border-radius: 35px;
    background: #3eb2c9;
}

.even-control-right i {
    font-size: 24px;
    color: #fff;
    width: 35px;
    height: 35px;
    position: relative;
    padding: 5px 0px 10px 15px;
    border-radius: 35px;
    background: #3eb2c9;
}

.even-control-left {
    right: 13%;
    top: -70px;
    width: 30px;
    height: 30px;
    padding-top: 0px;
    padding-left: 8px
}

.even-control-right {
    right: 10%;
    top: -70px;
    width: 30px;
    height: 30px;
    padding-top: 0px;
    padding-right: 8px
}

.name {
    color: #3eb2c9;
}

.quotes {
    position: relative;
    margin-bottom: 20px;
}

.parallax-back {
    background: url(../images/back.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.parallax-back1 {
    background: url(../images/back1.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.parallax-back2 {
    background: url(../images/team-IT-consultants.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    margin: auto;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center center;
}

.black_transp {
    background: rgba(0, 0, 0, 0.5);
}

.black_transp1 {
    background: rgba(0, 0, 0, 0.7);
}

.wrap-normal {
    padding: 40px 0 0px 0;
}

.wrap-normal1 {
    padding: 10px 0px 0px 0px;
}

.wrap-normal2 {
    padding: 40px 0px 40px 0px;
}

.wrap-normal3 {
    padding: 20px 0 0px 0;
}

.wrap-normal4 {
    padding: 20px 0 0px 0;
}

/*************************
******Footer CSS****
**************************/

#footer {
    display: block;
    overflow: hidden;
    padding: 10px 0 5px 0;
    color: #fff;
    background-image: linear-gradient(to right, #BD8F09, #FFBE00);
}

#footer p {
    font-weight: 300 !important;
    font-size: 16px;
}

#footer i.fa {
    font-size: 20px;
    color: #fff;
}

.footer-left {
    float: left;
    margin-top: 10px;
}

.footer-right {
    float: right;
    margin-top: 10px;
}

.footer-right i {
    color: #1a4677;
    font-size: 18px;
}

.footer-right ul li {
    display: inline;
    padding: 10px 10px;
}

/*************************
******Scrollup CSS****
**************************/

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 50px;
    right: 4%;
    display: none;
    border-radius: 28px;
    transition: all 0.2s ease-in-out;
    -webkit-animation: action 1s infinite alternate;
    animation: action 1s infinite alternate;
}

.scrollup i {
    font-size: 20px;
    color: #fff;
    width: 35px;
    height: 35px;
    position: relative;
    padding: 5px 0px 15px 8px;
    border-radius: 35px;
    background: #FFBE00;
}

/*************************
******Carousel CSS****
**************************/

.carousel-control {
    opacity: .8;
    text-shadow: none
}

.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
    right: 30px;
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 16px;
    padding-top: 12px;
    color: #105b8e;
    border-radius: 10px;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 40px;
    width: 40px;
    height: 40px;
    background: #fff;
    font-size: 16px;
    padding-top: 12px;
    color: #105b8e;
    border-radius: 10px;
}

/*************************
*******Misc CSS**********
**************************/

.grey {
    color: #777777;
    font-weight: 700;
}

.blue {
    color: #3eb2c9;
    font-weight: 700;
}

.blue1 {
    color: #1a4677;
    font-weight: 800;
    font-size: 18px;
}

.blue2 {
    color: #3eb2c9;
    font-weight: 800;
    font-size: 18px;
}

.green {
    color: #91c839;
}

.black {
    color: #000;
}

.yellow {
    color: #FFBE00;
    font-weight: 800;
}

.bolder {
    font-weight: 900;
    font-size: 32px;
}

.rig {
    text-align: right
}

.just {
    text-align: justify;
}

.mar-top-10 {
    margin-top: 10px
}

.mar-top-20 {
    margin-top: 20px
}

.mar-top-25 {
    margin-top: 25px
}

.mar-top-30 {
    margin-top: 30px
}

.mar-top-50 {
    margin-top: 50px
}

.mar-bot-20 {
    margin-bottom: 20px
}

.mar-bot-30 {
    margin-bottom: 30px
}

.mar-bot-40 {
    margin-bottom: 40px
}

.mar-bot-ind-40 {
    margin-bottom: 40px
}

.mar-bot-50 {
    margin-bottom: 50px
}

.mar-bot-90 {
    margin-bottom: 90px
}

.pad-bot-10 {
    padding-bottom: 10px;
}

.med {
    font-weight: 600;
    font-size: 15px;
}

.text-align-center {
    text-align: center
}

table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: transparent !important;
    width: auto !important
}

.nopadding {
    padding: 0
}

.notoppadding {
    padding-top: 0px
}

.nomargin {
    margin: 0px
}

.wp1,
.wp2,
.wp3,
.wp4,
.wp5,
.wp6,
.wp7,
.wp8 {
    visibility: hidden;
}

.bounceInLeft,
.bounceInRight,
.fadeInUp,
.fadeInUpDelay,
.fadeInDown,
.fadeInUpD,
.fadeInLeft,
.fadeInRight {
    visibility: visible;
}

.delay-05s {
    animation-delay: 0.5s;
    -webkit-animation-delay: 0.5s;
}

.delay-1s {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.delay-1-5s {
    animation-delay: 1.5s;
    -webkit-animation-delay: 1.5s;
}

.delay-2s {
    animation-delay: 2s;
    -webkit-animation-delay: 2s;
}

.delay-2-5s {
    animation-delay: 2s;
    -webkit-animation-delay: 2.5s;
}

.delay-3s {
    animation-delay: 2s;
    -webkit-animation-delay: 3s;
}

.delay-3-5s {
    animation-delay: 2s;
    -webkit-animation-delay: 3.5s;
}

.delay-4s {
    animation-delay: 2s;
    -webkit-animation-delay: 4s;
}

.delay-4-5s {
    animation-delay: 2s;
    -webkit-animation-delay: 4.5s;
}

.delay-5s {
    animation-delay: 2s;
    -webkit-animation-delay: 5s;
}