* {
    
    padding: 0;
}
/* Topbar*/

.topbar {
    background-color: #2F3C7E;
    color: #FFf;
    padding: 4px 9%;
}

.topbar ul {
    margin: 0px;
    padding: 0px;
}

.topbar ul li {
    float: left;
    list-style: none;
    margin: 3px 7px;
    font-size: 15px;
}

.topbar ul li a {
    color: #FFF;
    text-decoration: none; 
    
}
/* #CBB26A*/
.topbar ul li i {
    font-size: 18px;
    margin-right: 3px;
}

.topbar ul li.followus-label {
    font-weight: bold;
}
.clear {
    clear: both;
}
/* CSS code to hide text in a tag when screen mobile */
   @media only screen and (max-width: 600px) {
    .hide-mobile span {
        display: none;
    }
}
.navbar  .col-lg-6 {
   width: auto; 
}
/* Header */
.hwi{
    position:relative;
    width:100%; 
    height:100vh;
}
.navbar{
/* background-color:  #FBEAEB; */
z-index:10;
width:100%;
/* background-color: rgba(255, 255, 255, 0.2);  */
padding-top: 0;
padding-bottom: 0;
transition: background-color 2s;
}

.stickystyle {
    background-color:#fff;
    position: fixed;
    top:0;
    width: 100%;
    z-index: 9999;
    display:block;
    margin-bottom:100px;
    color: #000;
    
}
.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
 .navbar .navbar-toggler {
    border-color: rgb(255,255,255);
  } 
  .stickystyle .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0,0,0, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
  }
  
  .stickystyle .navbar-toggler {
    border-color: rgb(0,0,0);
  } 


.navbar-light .nav-item.active .nav-link,
.navbar-light .nav-item .nav-link:active,
.navbar-light .nav-item .nav-link:focus,
.navbar-light .nav-item:hover .nav-link {
    color:#2F3C7E;
    border-bottom: solid 2px #2F3C7E;
}

.navbar-light .nav-item .nav-link {
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    text-transform: none;
    padding-bottom: 10px;
    text-decoration: none;
    position: relative;
}

@media  (max-width: 991px) {
.navbar .navbar-collapse {
    border-color: rgb(0, 0, 0);
    background: #fff;
    
}
.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #000000;
    text-transform: none;
    padding-bottom: 10px;
    text-decoration: none;
    position: relative;
}
}

.stickystyle  .nav-item .nav-link {
    align-items: center;
    font-weight: 600;
    font-size: 20px;
    color: #000;
    text-transform: none;
    padding-bottom: 10px;
    text-decoration: none;
    position: relative;
}

.multicolortext {
    background-image: linear-gradient(to left, #2F3C7E, #000000);
    -webkit-background-clip: text;
    -moz-background-clip: text
    background-clip: text;
    color: transparent;
    font-size: larger;
}
.img-logo{
    width: 120px;
    height: 90px;
}
/* media */
@media screen and (max-width: 480px) {
    /* style for mobile devices */
    .img-logo{
        width: 100px;
        height: 50px;
    }
}
/* ...........*/

/* 4- Section About As */

.about{
    height: 100vh;
    /* background-image: url(../img/background1.jpg);
    background-size: cover; */
    background-color:#2F3C7E ;
    position: relative;
    overflow: hidden;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.7);
}

.about-content {
    width: 70%;
    position:absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
}

.about-content .title {
color: #fff;
font-size: 45px;
font-family: 'Montserrat', sans-serif;
}
.about-des{
    margin: 5px 0;
    letter-spacing: 2px;
    line-height: 1.5;
    color: #fff;
} 
/* end Section ........................................................................................................................................ */
/* Section belowheader */
/* Home section  */
.home-content{
    position:absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);  
    text-align: center;
    width: 80%;
    height: 40%;
    line-height: 10px;
}
.home-content .title-en{
    color: #fff;
}
.home-content .title-ar{
    color: #fff;
    font-size: 30px;
    line-height: 40px;
    letter-spacing: 2px;
    margin-bottom: 50px;
}
.home-content .btn-profile{
   
    text-decoration: none;
    padding: 10px 30px;
    color: #fff;
    background-color:#2F3C7E ;
    border-radius: 50px;
    font-weight: bold;
    transition: all 0.5s ease;
}
.home-content .btn-profile:hover{
    background-color: #60807B;
    border: 2px  solid #fff;
    }
.belowheader{
    position:absolute;
    top:0;
    left:0;
    height:100vh;
    background-image: url("../img/Innovation-Galaxy-Home-Page.jpg");
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
    

/* END Belowheader */

/*  */
/* Services Section */
.services{
    margin:0;
    padding-top:80px;
    background-color:#E5E4E2;
    
}
a, input, textarea, select {
    outline: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: 1.33333;
    color: #1f1c2f;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit;
    text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #1f1c2f;
    text-decoration: none;
}

h2 {
    font-size: 42px;
}


h3, h1, h2, h3 {
    margin-top: 0;
    margin-bottom: 15px;
}
.title {
    text-align: center;
     padding-top: 30px;
     padding-bottom:40px;
     
 }
 .title .title-content{
     font-family: "Roboto", sans-serif;
     font-weight: 400;
 }
 .title-line{
     display:block;
     width: 40px;
     height: 5px;
     margin:0 auto 0 auto;
    background: #2F3C7E;
 }
 .contact{
    
}
/* ........................................Carousel Section ............................................................ */
.Carousel-sec{
    height: 500px;
}
.carousel-inner,.carousel {
    height: 100%;
}
/* mobile screen */
@media (max-width: 600px) {
    .carousel-inner{
        height: 300px; 
    }  
    }
/* ...........................End Carousel Section ..................................................................... */
/* 15. consult_iconbox
--------------------------------------------------------------------------------*/

.iconbox {
    text-align: center;
    margin-bottom: 50px;
}

@media (min-width: 320px) {
    .iconbox {
        margin-bottom: calc(7.95455vw + 24.54545px);
    }
}

@media (min-width: 1200px) {
    .iconbox {
        margin-bottom: 120px;
    }
}

.iconbox__icon {
    font-size: 36px;
    color: #c2c2c2;
    margin-bottom: 15px;
    transition: all ease .3s;
}

.iconbox__title {
    font-size: 30px;
    font-weight: 400;
    text-transform: capitalize;
}

@media (min-width: 320px) {
    .iconbox__title {
        font-size: calc(1.36364vw + 25.63636px);
    }
}

@media (min-width: 1200px) {
    .iconbox__title {
        font-size: 42px;
    }
}

.iconbox__description {
    content: "";
}

.iconbox__style-02 {
    margin-bottom: 30px;
}

.iconbox__style-02 .iconbox__icon {
    display: inline-block;
    width: 80px;
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, .2);
    margin-bottom: 30px;
    color: #2F3C7E;
    font-size: 24px;
}

.iconbox__style-02 .iconbox__title {
    font-size: 20px;
}

.iconbox__style-02 .iconbox__description {
    color: #E5E4E2;
}

.iconbox__style-03 .iconbox__icon {
    font-size: 30px;
}

@media (min-width: 320px) {
    .iconbox__style-03 .iconbox__icon {
        font-size: calc(3.40909vw + 19.09091px);
    }
}

@media (min-width: 1200px) {
    .iconbox__style-03 .iconbox__icon {
        font-size: 60px;
    }
}

.iconbox__style-03 .iconbox__title {
    font-size: 20px;
}

.iconbox__style-03 .iconbox__description {
    color: #E5E4E2;
}

.iconbox__style-03:hover .iconbox__icon, .iconbox__style-03:focus .iconbox__icon {
    color: #2F3C7E;
}

.iconbox__style-04 .iconbox__icon {
    display: inline-block;
    font-size: 36px;
    color: #2F3C7E;
    text-align: left;
    position: relative;
    line-height: 1;
}

.iconbox__style-04 .iconbox__icon:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #ebebeb;
    border-radius: 50%;
    overflow: hidden;
    top: -10px;
    left: -10px;
    position: absolute;
    z-index: -1;
} 

 .iconbox__style-04 .iconbox__title {
    font-size: 20px;
    font-weight: 700;
}

/* 5 - SECTION  Products*/ 
.products{
    margin:0;
    padding-top:80px;
}
.img-product {
    width: 50px;
    height: 30px;
} 

/* 7. carousel
--------------------------------------------------------------------------------*/

.owl-carousel .owl-item {
    display: inline-block;
    vertical-align: top;
    float: none;
}

.owl-carousel .owl-item img {
    width: 100%;
    height: 100px;
}

.owl-nav, .owl-dots {
    text-align: center;
    margin-top: 5px;
}

.owl-dot {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 10px;
    border-radius: 50%;
    background-color: #E5E4E2;
}

.owl-dot.active {
    background-color: #2F3C7E;
}

.owl-prev, .owl-next {
    width: 40px;
    height: 40px;
    text-align: center;
    font-size: 0;
    display: inline-block;
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.owl-prev:after, .owl-next:after {
    font-size: 36px;
    font-family: FontAwesome;
    line-height: 1;
}

.owl-prev.disabled, .owl-next.disabled {
    color: #E5E4E2;
}

.owl-prev {
    left: 0;
}

.owl-prev:after {
    content: "\F104";
}

.owl-next {
    right: 0;
}

.owl-next:after {
    content: "\F105";
}

@media (min-width: 576px) {
    .owl-prev {
        left: -40px;
    }

    .owl-next {
        right: -40px;
    }
}

.js-consult-slider .owl-item {
    opacity: .3;
}

.js-consult-slider .owl-item.active {
    opacity: 1;
}

.consult-slide {
    margin: 0 -30px;
    overflow: hidden;
}

.consult-slide .carousel__element {
    padding: 0 0;
}

.consult-slide .owl-stage-outer {
    overflow: visible !important;
}

.carousel__element .specialize {
    text-align: center;
    padding: 10px 30px 30px 30px;
   
   
} 

/* Section Contact */
.contact{
    background-color:#E5E4E2 
    ;font-size: medium; 
    padding-top: 100px;
    direction: ltr
}

.istyle{
    font-size:30px;
    color:#2F3C7E;
}

/* 6 - Section phonerining */
.calss-now {
    position: fixed;
    top: 70%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    visibility: visible;
}

.phonering-alo-phone.phonering-alo-static {
    opacity: .6
}

.phonering-alo-phone.phonering-alo-hover,
.phonering-alo-phone:hover {
    opacity: 1
}

.phonering-alo-ph-circle {
    width: 160px;
    height: 160px;
    top: 20px;
    right: 0px;
    position: absolute;
    background-color: transparent;
    border-radius: 100% !important;
    border: 2px solid rgba(30, 30, 30, 0.4);
    border: 2px solid #bfebfc 9;
    opacity: .1;
    -webkit-animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    animation: phonering-alo-circle-anim 1.2s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important;
    animation: phonering-alo-circle-anim 1.1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle {
    -webkit-animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important;
    animation: phonering-alo-circle-anim 2.2s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone:hover .phonering-alo-ph-circle {
    border-color: #00aff2;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle {
    border-color: #75eb50;
    border-color: #baf5a7;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle {
    border-color: #00aff2;
    border-color: #bfebfc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle {
    border-color: #ccc;
    opacity: .5
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle {
    border-color: #75eb50;
    opacity: .5
}

.phonering-alo-ph-circle-fill {
    width: 100px;
    height: 100px;
    top: 50px;
    right: 30px;
    position: absolute;
    background-color: #000;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out;
    transition: all .5s;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important;
    animation: phonering-alo-circle-fill-anim 1.7s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-circle-fill {
    -webkit-animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    animation: phonering-alo-circle-fill-anim 2.3s infinite ease-in-out!important;
    opacity: 0!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #00aff2 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    background-color: #baf5a7 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-circle-fill {
    background-color: rgba(0, 175, 242, 0.5);
    background-color: #a6e3fa 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-circle-fill,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-circle-fill {
    background-color: rgba(204, 204, 204, 0.5);
    background-color: #ccc 9;
    opacity: .75!important
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-circle-fill {
    background-color: rgba(117, 235, 80, 0.5);
    opacity: .75!important
}

.phonering-alo-ph-img-circle {
    width: 60px;
    height: 60px;
    top: 70px;
    right: 50px;
    position: absolute;
    background: rgba(30, 30, 30, 0.1) url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAABNmlDQ1BQaG90b3Nob3AgSUNDIHByb2ZpbGUAAHjarY6xSsNQFEDPi6LiUCsEcXB4kygotupgxqQtRRCs1SHJ1qShSmkSXl7VfoSjWwcXd7/AyVFwUPwC/0Bx6uAQIYODCJ7p3MPlcsGo2HWnYZRhEGvVbjrS9Xw5+8QMUwDQCbPUbrUOAOIkjvjB5ysC4HnTrjsN/sZ8mCoNTIDtbpSFICpA/0KnGsQYMIN+qkHcAaY6addAPAClXu4vQCnI/Q0oKdfzQXwAZs/1fDDmADPIfQUwdXSpAWpJOlJnvVMtq5ZlSbubBJE8HmU6GmRyPw4TlSaqo6MukP8HwGK+2G46cq1qWXvr/DOu58vc3o8QgFh6LFpBOFTn3yqMnd/n4sZ4GQ5vYXpStN0ruNmAheuirVahvAX34y/Axk/96FpPYgAAACBjSFJNAAB6JQAAgIMAAPn/AACA6AAAUggAARVYAAA6lwAAF2/XWh+QAAAB/ElEQVR42uya7W3CMBCG31QM4A1aNggTlG6QbpBMkHYC1AloJ4BOABuEDcgGtBOETnD9c1ERCH/lwxeaV8oPFGP86Hy+DxMREW5Bd7gRjSDSNGn4/RiAOvm8C0ZCRD5PSkQVXSr1nK/xE3mcWimA1ZV3JYBZCIO4giQANoYxMwYS6+xKY4lT5dJPreWZY+uspqSCKPYN27GJVBDXheVSQe494ksiEWTuMXcu1dld9SARxDX1OAJ4lgjy4zDnFsC076A4adEiRwAZg4hOUSpNoCsBPDGM+HqkNGynYBCuILuWj+dgWysGsNe8nwL4GsrW0m2fxZBq9rW0rNcX5MOQ9eZD8JFahcG5g/iKT671alGAYQggpYWvpEPYWrU/HDTOfeRIX0q2SL3QN4tGhZJukVobQyXYWw7WtLDKDIuM+ZSzscyCE9PCy5IttCvnZNaeiGLNHKuz8ZVh/MXTVu/1xQKmIqLEAuJ0fNo3iG5B51oSkeKnsBi/4bG9gYB/lCytU5G9DryFW+3Gm+JLwU7ehbJrwTjq4DJU8bHcVbEV9dXXqqP6uqO5e2/QZRYJpqu2IUAA4B3tXvx8hgKp05QZW6dJqrLTNkB6vrRURLRwPHqtYgkC3cLWQAcDQGGKH13FER/NATzi786+BPDNjm1dMkfjn2pGkBHkf4D8DgBJDuDHx9BN+gAAAABJRU5ErkJggg==) no-repeat center center;
    border-radius: 100% !important;
    border: 2px solid transparent;
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.phonering-alo-phone.phonering-alo-active .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important;
    animation: phonering-alo-circle-img-anim 1s infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-static .phonering-alo-ph-img-circle {
    -webkit-animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important;
    animation: phonering-alo-circle-img-anim 0 infinite ease-in-out!important
}

.phonering-alo-phone.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone:hover .phonering-alo-ph-img-circle {
    background-color: #00aff2
}

.phonering-alo-phone.phonering-alo-green.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-green:hover .phonering-alo-ph-img-circle {
    background-color: #75eb50;
    background-color: #75eb50 9
}

.phonering-alo-phone.phonering-alo-green .phonering-alo-ph-img-circle {
    background-color: #00aff2;
    background-color: #00aff2 9
}

.phonering-alo-phone.phonering-alo-gray.phonering-alo-hover .phonering-alo-ph-img-circle,
.phonering-alo-phone.phonering-alo-gray:hover .phonering-alo-ph-img-circle {
    background-color: #ccc
}

.phonering-alo-phone.phonering-alo-gray .phonering-alo-ph-img-circle {
    background-color: #75eb50
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        -webkit-opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        -webkit-opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        -webkit-opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
    100% {
        opacity: 1;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        -ms-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0)
    }
}

@-webkit-keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes phonering-alo-circle-anim {
    0% {
        -webkit-transform: rotate(0) scale(.5) skew(1deg);
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }
    30% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@-webkit-keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
    100% {
        -webkit-transform: rotate(0) scale(.7) skew(1deg);
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }
}

@-webkit-keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}

@keyframes phonering-alo-circle-img-anim {
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
        transform: rotate(-25deg) scale(1) skew(1deg)
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
        transform: rotate(25deg) scale(1) skew(1deg)
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg)
    }
}
/* END SECTION PHONERING */
/* SECTION TEAM ............................................................ */
/* .team-content{
    overflow: hidden;
} */
/* .team{
    
}
.team-item{
    background-color:#E5E4E2;
    padding: 40px 10px;
    text-align: center;
    margin-bottom: 20px;
}
.team-item .team-img {
   width: 95%;
   margin: auto;
   position: relative;
   z-index: 100;
}
.team-item .team-img img{
   width:100%;
   margin: auto;
}

.team-info {
    text-align: center;
    margin-top: 5px;
    z-index: 100;
}
.team-info .team-info-title {
    font-size: 16px;
    color: #222;
    z-index: 100;
    margin-bottom: 5px;
}
.team-item:hover .team-info .team-info-title{
    color:#2F3C7E;
}
.team-info .team-info-text {
    color: #999;
    text-transform: uppercase;
    font-size: 14px;
    z-index: 100;
    }
.team-info .team-info-text:hover{

    }
.team-img .team-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
}
.team-img .team-overlay a {
    display: block;
    width: 40px;
    height: 40px;
    background: #2F3C7E;
    color: #fff;
    line-height: 40px;
    margin-left: auto;
}
.team-img .team-overlay a i{
    line-height: 40px;
}
.team-item:hover .team-overlay {
    visibility: visible;
    opacity: 1;
}
.tp-effect{
    position: relative;
}
.tp-effect:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 0;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 1;
    transition: height 0.5s;
}
.tp-effect:hover:after{
    height: 100%;
} */
/* END SECTION TEAM......................................................... */

/* SECTION Form User  */
.message{
    width: 80%;
    margin: auto;
    padding-bottom: 20px;
}
.btn-sub{
    text-align: center;
}
.btn {
    width:60%;
   background-color: #2F3C7E;
   border: none;
}
.btn:hover{
    background-color: #60807B;
}
/* END Section Form For User */
/* 7- SECTION FOOTER */

.footer{
    background-color:black;
    direction:ltr;
    width: 100%;
    height: 30px;
}
.page-footerCopyright{
    color: rgb(253, 252, 255);
     font-size: 12px; 
}
/* END Section FOOTER */
/* SECTION VISION & MISSION */
.vision_mission{
        margin-top: 10px;
}
.img-vision-mission{
    width: 60px;
    height: 60px;
}

/*\ End VISION & MISSION */