@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);

p a {
    display: inline;
    position: relative;
    color: inherit;
    border-bottom: solid 1px #ffa07f;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.login_wrapper .login-widget .login-box .form-group span {
        position: absolute;
        /*bottom: -8px;*/
        left: 30px;
        color: #7a369a;
        font-size: 25px;
    }

.submit-form .submit-btn {
    background-color: #7a369a;
    color: #fff;
    font-family: "Raleway", sans-serif;
    box-shadow: 1px 1px 1px 0px #555555;
    transition: .3s;
    padding: 6px 34px;
    border: none;
    font-weight: 600;
    margin-bottom: 10px;
    border-radius: 0;
}

    .submit-form .submit-btn:hover {
        background: #7a369a;
        transition: .3s;
        color: #fff;
    }

.login-widget .register {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    border-top: 1px solid #b4b4b4;
}

    .login-widget .register p {
        font-weight: 600;
        color: #9d9d9d;
        margin: 15px 0;
        font-family: "Raleway", sans-serif;
    }

        .login-widget .register p a {
            color: #7a369a;
        }

.global-map-area {
    background: linear-gradient( 90deg, #00e4ce 31%, #01b7f2 69%);
    background-image: url(../../portal/img/Foootbanner.jpg);
    background-repeat: repeat-x;
    animation: slideleft 20000s infinite linear;
    -webkit-animation: slideleft 20000s infinite linear;
    background-size: cover;
    -webkit-background-size: cover;
}

.login-widget {
    position: relative;
    z-index: 1;
    width: 455px;
    float: right;
    background: #fff;
    padding: 20px 15px 30px;
    margin: 60px 0 0 0;
    -webkit-box-shadow: -1px 1px 56px -7px rgb(0 0 0 / 75%);
    -moz-box-shadow: -1px 1px 56px -7px rgba(0,0,0,0.75);
    box-shadow: -1px 1px 56px -7px rgb(0 0 0 / 75%);
}

.login-box .heading01 {
    font-size: 18px;
    clear: both;
    text-align: center;
}

.heading01 {
    font-family: 'Lato', sans-serif;
    color: #00b8f2;
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px 0;
}

    .heading01 .sub-heading {
        color: #494949;
        display: block;
        font-weight: normal;
        font-size: 16px;
        margin: 5px 0 0 0;
    }

.login-widget .logo {
    max-width: 210px;
    float: none;
    display: block;
    margin: 0 auto 20px auto;
}



/*body {
    background: linear-gradient(90deg, #00e4ce 31%, #00e4ce 69%);
}*/

@-webkit-keyframes rotate-right {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes rotate-left {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-360deg);
    }
}

@-webkit-keyframes hover {
    0% {
        -webkit-transform: translateY(0%);
    }

    50% {
        -webkit-transform: translateY(5%);
    }

    100% {
        -webkit-transform: translateY(0%);
    }
}

@-webkit-keyframes pull {
    0% {
        -webkit-transform: scaleY(1);
    }

    40% {
        -webkit-transform: scaleY(1.01);
    }

    60% {
        -webkit-transform: scaleY(0.99);
    }

    80% {
        -webkit-transform: scaleY(1.01);
    }

    100% {
        -webkit-transform: scaleY(0.99);
    }

    80% {
        -webkit-transform: scaleY(1.01);
    }

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

#airplane2, #airplane1 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 60s linear 0s infinite;
}

#countryObjects {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 240s linear 0s infinite;
}

#floatingGlobe {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-left 360s linear 0s infinite;
}

#globe {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: hover 0s linear 0s infinite;
}

#windmill {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 331px 201px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 2s linear 0s infinite;
}

#cloud1 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: hover 3s linear 1s infinite;
}

#cloud2 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: hover 3s linear 2s infinite;
}

#cloud3 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: hover 3s linear 3s infinite;
}

#circle1 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 12s linear 0s infinite;
}

#circle2 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-left 24s linear 0s infinite;
}

#circle3 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 12s linear 0s infinite;
}

#circle4 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-left 24s linear 0s infinite;
}

#circle5 {
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 200px 200px;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-animation: rotate-right 12s linear 0s infinite;
}
/*8-1-2020*/
.se-pre-con {
    height: 0px !important;
}

/*-------------------------------*/
    /* Mobile Apps & Features */
/*-------------------------------*/

/*single feature*/
.single-feature, .bg-apps {
   position: relative;
}
/*apps background*/
.bg-apps {
   background: url(../images/bg-apps.jpg) no-repeat;
   background-attachment: fixed;
   background-position: center center;
   -webkit-background-size: cover;
   background-size: cover;
}
.bg-apps .image {}

/*app features*/
.feature-item .icon {
   -webkit-transition: all .5s ease-in;
   -o-transition: all .5s ease-in;
   transition: all .5s ease-in;
}
.opacities {
   opacity: .5;
}
#app-feature .feature-item {
	padding: 15px 0;
}
#app-feature .feature-item:hover {
   cursor: pointer;
}
.feature-item img,
.feature-item .icon{
   display: inline-block;
}
.feature-item img {
	max-width: 290px;
}
.feature-item h4 {
	font-weight: 600;
	color: #222222;
	font-size: 1.125rem;
	margin-bottom: 10px;
}
.feature-item .icon {
	background: #b00002;
	width: 90px;
	height: 90px;
	text-align: center;
	position: relative;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	z-index: 1;
	font-size: 34px;
	line-height: 90px;
	color: #fff;
}
.feature-item .icon::before {
	content: "";
	background: transparent;
	top: 1px;
	left: 1px;
	bottom: 1px;
	right: 1px;
	position: absolute;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	border: 4px solid #fff;
}
.feature-item:hover .icon {
    -webkit-animation: itg_pulse 1s infinite;
    -o-animation: itg_pulse 1s infinite;
    animation: itg_pulse 1s infinite;
    -webkit-box-shadow:0 0 0 0 rgba(100, 48, 148, 1);
    box-shadow:0 0 0 0 rgba(100, 48, 148, 1);
}

@-webkit-keyframes itg_pulse {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(100, 48, 148, 0.9);
        box-shadow: 0 0 0 5px rgba(100, 48, 148, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(100, 48, 148, 0.6);
        box-shadow: 0 0 0 10px rgba(100, 48, 148, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(100, 48, 148, 0.3);
        box-shadow: 0 0 0 15px rgba(100, 48, 148, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(100, 48, 148, 0.1);
        box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
    }
}
@-o-keyframes itg_pulse {
    0% {
        box-shadow: 0 0 0 5px rgba(100, 48, 148, 0.9);
    }
    25% {
        box-shadow: 0 0 0 10px rgba(100, 48, 148, 0.6);
    }
    70% {
        box-shadow: 0 0 0 15px rgba(100, 48, 148, 0.3);
    }
    100% {
        box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
   }
}
@keyframes itg_pulse {
    0% {
        -webkit-box-shadow: 0 0 0 5px rgba(100, 48, 148, 0.9);
        box-shadow: 0 0 0 5px rgba(100, 48, 148, 0.9);
    }
    25% {
        -webkit-box-shadow: 0 0 0 10px rgba(100, 48, 148, 0.6);
        box-shadow: 0 0 0 10px rgba(100, 48, 148, 0.6);
    }
    70% {
        -webkit-box-shadow: 0 0 0 15px rgba(100, 48, 148, 0.3);
        box-shadow: 0 0 0 15px rgba(100, 48, 148, 0.3);
    }
    100% {
        -webkit-box-shadow: 0 0 0 60px rgba(100, 48, 148, 0.1);
        box-shadow: 0 0 0 20px rgba(100, 48, 148, 0.1);
   }
}

#app-feature .feature-item:hover .icon {
   background: #643094;
} 
#app-feature .content-left {
   text-align: right;
}
#app-feature .content-right {
   text-align: left;
}
#app-feature .content-left span {
	float: right;
	margin-left: 15px;
}
#app-feature .content-right span {
	float: left;
	margin-right: 15px;
}
#app-feature .content-left .text{
   margin-right: 105px;
}
#app-feature .content-right .text{
   margin-left: 105px;
}

.feature-item.active {
   background: #f7f7f7;
}
.image.mobile-apps > img {
   opacity: 0;
}
.image.mobile-apps.active > img {
   opacity: 1;
}


@media screen and (max-width: 992px) {
   #app-feature,
   #app-feature .content-left,
   #app-feature .content-right {
      text-align: center;
   }
   #app-feature .feature-item {
      padding: 0;
      max-width: 300px;
      display: inline-block;
      float: none;
   }
   #app-feature .content-left span,
   #app-feature .content-right span {
      float: none;
      margin: 0 auto 15px auto;
      display: inline-block;
   }

   #app-feature .content-left .text,
   #app-feature .content-right .text {
      margin: 0;
   }
}

/*-------------------------------*/
    /*Mobile Apps ends */
/*-------------------------------*/