@font-face {
    font-family: 'myriad';
    src: url('../fonts/intelexfont/myriadregular/MYRIADPROREGULAR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'segouiemoji';
    src: url('../fonts/intelexfont/segouiemoji/seguiemj.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
}

/*Reset Css*/
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;
    outline-color: none;
}
h6 {font-family: 'myriad';}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: inline-block; width:100%;
}
button, a {outline: none; border:none}
body {
    font-family:'myriad';

  
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
h1{font-family: 'myriad'; }
.container{
	
	margin:0 auto;
}
p{margin-bottom: 25px; font-family: 'myriad'; font-size:16px;}
a:hover{text-decoration: none}
.color-white {color: white;}
.font-12{font-size: 12px}
.pr85 { padding: 0 85px 0 0}
.pr75 { padding: 0 75px 0 0}
.ml30{margin:0 0 0 30px}
.fontfamily-segouiemoji{
    font-family:'segouiemoji';
}
.fs-18{font-size: 18px !important;}
.pd-20 {padding: 0 0 20px 0}
.pt-30{ padding: 30px 0 0 0 }
.mb150{margin-bottom: 150px !important}
.pd0{padding: 0}
.pt-230{padding: 230px 0 0 0 }
.pt40 {
    padding-top: 43px !important;
}
.pb43 {
    padding-bottom: 40px !important;
}
/* 
nav-bar */
.nav-btn ul {
    display:inline-flex;
}
.nav-btn ul li  a {
 color: white;
 padding: 10px 25px;
}
.nav-btn ul li  a  span:hover {
    border-bottom: 2px solid #fff;
    padding: 0 0 10px 0;
}
.nav-btn ul li  a:hover {

    background-color: transparent;
   }
   .nav-btn ul li  a:focus {

    background-color: transparent;
   }
   

.active {
 background :none !important;
 
}

.intelex-contact ul li{
    position: relative;
}
/*--------- Intelex-banner  --------*/

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
   right: 0;
    background-color: #111;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    text-align:center;
    background-image: url("../images/Intelex-menu2.jpg")
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;

}

.sidenav a:hover{
    color: black;
}

.sidenav .closebtn {
    position: absolute;
    top: 300px;
    right: 82px;
    font-size: 25px;
    z-index: 9999;
    background: white;
    padding: 0px 10px 5px 10px;
    border-radius: 23px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}
.side-menu-list { color: white;}
.banner {
    background-image: url("../images/Banner.jpg");

}

.sidenav .side-menu-list a {
    color: white;
    font-size: 30px;
}
.slide-left-right
{
text-decoration:none;
display: inline-block;
color:white;
}
.aboutus-h2 
{
    padding: 0px;
    color: #54585c;
    font-weight: bold;
    font-size: 32px;
}
/* add a empty string after the elment with class .slide-left-right */
.slide-left-right:after 
{
content: '';
display: block;
height: 3px;
width: 0;
background: transparent;
transition: width .5s ease, background-color .5s ease; /* .5 seonds for changes to the width and background-color */
-webkit-transition: width .5s ease, background-color .5s ease; /* Chrome and Safari */
-moz-transition: width .5s ease, background-color .5s ease; /* FireFox */
}
/* Change the width and background on hover, aka sliding out */
.slide-left-right:hover:after 
{
width: 100%;
background: white;
}
.aboutus-content h4 {
color: #7a7a7a;
font-size:20px;
}
.aboutus-content p {
    padding: 10px 0 0 0px;
    line-height: 25px;
}
.pull-right {float:right}
.pull-left{float:left}
.banner-content{display: inline-block}
.navigation{padding: 25px 0 0 0; }
/*.navigation .logo a img {width: 30%}*/
/*.navigation1 .logo a img {width: 30%}*/
.banner-text {padding: 50px 0 0 0}
.banner-text h6 {  
      color: #968c96;
    font-weight: bold;
    position: relative;
    padding: 85px 0 0 0;

    font-size: 18px;}
    .banner-text p {
        padding: 30px 104px 0 22px;
        font-size: 23px;
        color: #96a7af;
    }
    .banner-img img {margin:110px 0 0 0 } 
    .banner-text h6:before{ content: " ";
        position: absolute;
        display: block;
        height: 5px;
        border-bottom: 1px solid #968c96;
        border-top: 1px solid #968c96;
        top: -1px;}
        .bannersbottom {color : white; margin: 162px 0 0 0}
       .bannersbottom p {margin:0 0 0 0}
       .bannersocialmedia {padding: 15px 0 0 0 }
       .bannersocialmedia a { color: white;
        padding: 0 15px 0 0;}
        .scroll-btn img{padding: 0px 0 5px 3px }
       .banner-text h6 {
            overflow: hidden;
            text-align: center;
           }
           .banner-text h6:before
         {
            background-color: #333;
            content: "";
            display: inline-block;
            height: 1px;
            position: relative;
            vertical-align: middle;
            width: 50%;
           }
           .banner-text h6:before {
            right: 0.5em;
            margin-left: -50%;
           }
      
           

  /* homepage skill bar */

  @-webkit-keyframes 
  load { 0% {
  stroke-dashoffset:0
  }
  }
  @-moz-keyframes 
  load { 0% {
  stroke-dashoffset:0
  }
  }
  @keyframes 
  load { 0% {
  stroke-dashoffset:0
  }
  }
  
  /* Container */
  
  .progress {
   
    display: inline-block;
    padding: 0;
    text-align: center;
  }
  
  /* Item */
  
  .progress>li {
    display: inline-block;
    position: relative;
    text-align: center;
    color: #93A2AC;
    font-family: Lato;
    font-weight: 100;
    margin: 2rem;
  }
  .progress>li:first-child {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #004e8d;
    font-family: Lato;
    top:100px ;
    left: 35px;
    font-weight: 100;

  }
  .progress>li:nth-child(2) {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #004e8d;
    font-family: Lato;
    top:100px ;
    left: 140px;
    font-weight: 100;
    
  }
  .progress>li:nth-child(3) {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #004e8d;
    font-family: Lato;
    top:100px ;
    left: 260px;
    font-weight: 100;
    
  }
  .progress>li:nth-child(4) {
    display: inline-block;
    position: absolute;
    text-align: center;
    color: #004e8d;
    font-family: Lato;
    top:100px ;
    left: 350px;
    font-weight: 100;
    
  }
  .progress>li:before {
    content: attr(data-name);
    position: absolute;
    width: 100%;
    bottom: -2rem;
    color: #b2baba;
    font-weight: 400;
  }
  
  .progress>li:after {
    content: attr(data-percent);
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    font-size: 22px;
    text-align: center;
  }
  
  .progress svg {
    width: 65px;
      height: 65px;
  }
  
  .progress svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: -0;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
  }
  
  .progress svg:nth-child(2) path {
    fill: none;
    stroke-width: 10px;
    stroke-dasharray: 629;
    stroke: rgba(255, 255, 255, 0.9);
    -webkit-animation: load 10s;
    -moz-animation: load 10s;
    -o-animation: load 10s;
    animation: load 10s;
  }

/*--------- Intelex-aboutus--------*/
.aboutus {
    background-image: url("../images/Aboutus-bg.png");

}
.banner-caption span{color: #138bff;}
.aboutus-content h2 {

    font-size: 31px !important;
    color: #54585c;
    margin: 135px 0px 35px 0;
    font-style: bold;
    font-weight: bold;
}
.aboutuscontent1 img {
    padding: 0 0 0 15px;
}

.aboutus-p1 {
    line-height: 35px;
    font-size: 18px;
    color: #055591;
    padding: 90px 0 0 0;
}

.aboutuscontent2  h2{
padding: 20px 0 0 0 ;
}
.aboutuscontent2-text {
    padding: 0px !important;
    background-color: #f4f5f6;
    color: #055591;

}
.aboutuscontent2-text p {
    font-size: 18px;
    line-height: 35px;
    padding: 115px 0 75px 25px;
}
.aboutuscontent3 img {
    padding: 0 0 0 15px;
}
.aboutuscontent3 p {
    line-height: 35px;
    font-size: 18px;
    color: #055591;
}
.aboutuscontent3{
    margin: 30px 0 0 0;
}
.aboutuscontent4 p{
    line-height: 35px;
    font-size: 18px;
    color: #055591;
    padding:0 18px 0 25px;
    
}
.aboutuscontent4-text {
    padding: 0px !important;
    background-color: #f4f5f6;
}
.aboutuscontent4 {
    margin:0 0 130px 0;
}
.about-us-img {padding:10px 0 0 0 }
 ul {display: inline-block}
 .about-us-img img{float:right}
 .aboutus-list { padding: 0 0 0 0 ;}
.aboutus-number{font-size:38px;padding: 15px 0 18px 0;}
.aboutus-list ul li {text-align: center}
.aboutus-down-arrow{float: left;width: 100%}
.aboutus-down-arrow p{text-align: center}
.aboutus-down-arrow p img{margin: 60px 0 0 0;width:20px}

    .service-heading h2 {text-align: center}
    .service-heading p {
    text-align: center;
    color: #565656;
}
    .services{ background:#e9f0e6}
.services h2 {
    color: #004e8d;
    margin: 40px 0 20px 0;
}
    .service-heading img{width:100%}
    .service-heading p {
    line-height: 22px;
    margin: 0 0 40px 0;
}
    .service-imgs-1 {padding: 25px 0 0 20px}
    .service-imgs-1 p {text-align: center}



.skill-bar-below {margin:100px 0 0 0 ;
    text-align: left !important;
    padding: 0 0 0 65px;
}
    .ourwork-arrow {text-align: center}
    .ourwork h2{text-align: center;color: #004e8d;
        }
    .ourwork p{text-align:center}
    .ourworkheading-p {line-height:22px;
    font-size: 18px;
padding: 0 0 20px 0}
    .client-note {background: url('../images/Client-bg.jpg')}
    .client-note h2{ color:#9eacb7;padding: 30px 0 0 0}
    .client-note h2 span { color: #1572bd !important;}
    .client-note p {color: #98a1a8;    padding: 15px 20px 0 20px;
        line-height: 30px;}

     .client-note p span {color: #aebe54}   

     .projects-content {background: #f4f1f1;margin: 35px 0 0 0;    padding:25px 0 100px 0;}

     .projects-content h2 { color: #6c7379;
        padding: 25px 0 50px 0;}

        .projectscotent h3 { font-size:18px;}
.circlebar {margin:0 0 20px 0}

     #doughnut,#doughnut2,#doughnut3,#doughnut4{
        position: absolute;
      }
      #skill1,#skill2,#skill3,#skill4{
        position: relative;
      }



.ourwork{padding: 30px 0 0 0}

       .clients{padding:50px 0 100px 0}
      .client-arrow-down p{text-align: center}
      .client-carousel h2{text-align: center;color:#004e8d;font-weight: bold;margin: 0 0 25px 0;}
      .owl-prev {position: absolute;top:50px;right:-55px;border: 1px solid #000 ;padding:  8px 10px 8px 10px;;border-radius:50%}
      .owl-next {position: absolute;top:50px;left:-55px;border: 1px solid #000;
        padding: 8px 10px 8px 10px;
        border-radius: 50%;}
        .owl-carousel .owl-item{
            margin-right:1px !important;
        }

        .bottom {background: #051323;
        color:#9eacba;    padding: 35px 0 35px 0;}

        .footer {background:#283645 ;padding : 0px;margin:-4px 0 -6px 0;  color:#9eacba; }
        .bottom-list ul{display: inline-block; float : right; list-style-position: outside;}
        ul#horizontal-list li{display: inline; color:#707e8c;    padding: 0 15px 0 0;}
        ul#horizontal-list li a{display: inline; color:#707e8c;} 
        .copyright {padding: 15px 0 15px 0}
        .bottom-list {padding: 15px 0 15px 0}
        .whoarewe h4{color:white}
        .whoarewe p {
            padding: 18px 0 0 0;
    margin: 0 0px 20px 0;
        }
        .whoarewe a {color:#99a7b6}
        .whoarewe a i {    font-size: 14px;
            padding: 0 0 0 5px;}
            .latestwork h4 {padding: 0 0 18px 0;color: white}
            .getintouch h4{padding: 0 0 18px 0;color: white }
            getintouch p {    font-size: 15px;
                margin: 0;}
                .getintouch .address i {   
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                .getintouch .address {
                    padding: 0 0 0 30px;
                    
     margin: 0 0 10px 0; 
                }
                .getintouch .phone i {   
                    position: absolute;
                    left: 0;
                 
                    font-size: 20px;
                    top: 0;
                }
                .getintouch .phone {
                    padding: 0 0 0 30px;
                     
     margin: 0 0 10px 0;
                }
          
                .getintouch .mail i {
    position: absolute;
    left: 0;
    font-size: 15px;
    top: 0;
}
                .getintouch .mail {
                    padding: 0 0 0 30px;
                    
     margin: 0 0 10px 0;
                }
                .getintouch .fax {
                    padding: 0 0 0 30px;
                    
     margin: 0 0 10px 0;
                }

                .getintouch .fax i {
                    position: absolute;
                    left: 0;
                    font-size: 16px;
                    top: 0;
                }

            .freeupdates h4 {padding: 0 0 18px 0;color:white}


   /* aboutus page           */
.aboutus-banner {
    background-image: url("../images/about-banner.jpg")
}

.aboutus-bannercontent {
    color: white;
    padding:270px 0 125px 0;
    font-size: 32px;
}

.aboutus-bannercontent-heading h3 {
    text-decoration: underline;
    padding: 0 0 10px 0;
}

.aboutus-bannercontent-heading h4 {
    font-size: 24px;

}
.aboutus-bannercontent-heading p {
    padding: 10px 0 0 0;
}

.aboutusdesc  {
    background-color: #004e8d;
    color: white;
}
.aboutusdesc p {
    padding: 30px 0 8px 0;
    text-align: center;
    line-height: 30px;

}












    .footer-pic p img {
        position: absolute;
        margin: -175px 0 0 -170px;
       
    }

    .navigation1{    padding: 25px 0 0 0;}
    .navigation1 .nav-btn img{margin: 25px 0 0 0; cursor: pointer;} 
    .nav-btn img{cursor: pointer;}
    /* contactus - page  */
    .conatctus-banner {
        background-image: url("../images/Contact-us.jpg");
        
    }
    .contactus-content {
        color: white;
        padding: 128px 0 0 0;
    }
    .contactus-content .contactus-heading p span {
        border-bottom: 2px solid white;
        font-size: 32px;
    }
    .contactus-heading {
        padding: 230px 0 132px 0;
    }
    .contactus-address p span {
        font-size:40px ;
        color: #03518c;
   
    }
    .contactus-address p {
        padding: 25px 0 0 0 ;
    }
    .contactus-box p {
        font-size: 32px;
        background: black;
        color: white;
        padding: 8px 0 8px 0;
    }
    .contactus-box {
        background-color: #eceff2;
        padding: 5px;
    }
    .offshore-address{background-color: transparent;} 
  
    .offshore-address-content {
        padding: 10px 15px 40px 10px;
    }
    .offshore-address-content li {
        padding: 0 0 5px 0;

    }
    .offshore-address-content li:first-child {
        padding: 0 0 5px 0;

    }
    .offshore-address p {
        font-size: 26px;
        background: #77a0be;
        color: white;
        border-radius: 10px;
        margin: 0;
        width: 25%;
        padding: 38px 32px 40px 10px;
        float: right;
    }
    .contact-phone-icon ul li {list-style: none;    padding: 2px 0 10px 0;}
    .contact-phone-icon ul {
        background-color: #77a0be;
        font-size: 26px;
        padding: 20px 8px 10px 8px;
        border-radius: 5px;
        color: white;
        float: right;
    }
    .contact-phone-content ul {
        padding : 5px 0 0 0 ;

    }
    .contact-phone-content ul li {
        padding: 0px 0px 10px 0;
    }
    .contact-phone-content ul li a {
        color: #333;
    }
    .contact-phone-content ul li a:hover {
        text-decoration: none;
        color: rgb(131, 12, 241);
    }
    .apply-form  h2{
        font-size: 40px;
    color: #03518c;
    }
     .apply-form {
        padding: 15px 0 0 0;
    }
    .form-left ul li {
        padding: 0 0 40px 0;
    }
    .form-right ul li {
        padding: 0 0 40px 0;
    }
    .form-left ul li input {
        padding: 5px 20px 6px 20px;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
    }
    .form-right ul li input {
        padding: 5px 20px 6px 20px;
        border: 1px solid #e8e8e8;
        border-radius: 5px;
    }
    .form-left ul li:nth-child(2) input {
        margin: 0 0 0 10px;

    }
    .form-left ul li:nth-child(3) input {
        margin: 0 0 0 10px;

    }
  .form-left ul li label {
      color: #7e8081;
      display: block;
  }
  .form-right ul li label {
    color: #7e8081;
    display: block;
}
.text-box label {
    color: #7e8081;
    display: block;
}
.text-box textarea {
    border: 1px solid #e8e8e8;
    padding: 0 0 0px 0;
    margin: 0 0px 0 15px;
}
.submit {
    padding: 35px 0 125px 0;
}
.submit p button {
    background-color: #0077b5;
    color: white;
    padding: 10px 15px 10px 15px;
    border-radius: 5px;
    margin: 0 45px 0 0;
}
/* 
services page */

.services-banner {
    background-image: url("../images/services-Banner.jpg")
}

.services-banner-content {
    color: white;
    padding: 128px 0 0 0;
}
.services-banner-content .services-heading p span {
    border-bottom: 2px solid white;
    font-size: 32px;
}
.services-heading {
    padding: 160px 0 140px 0;
}
.services-banner-content .services-heading-content span {
    font-size: 20px !important;
    border: none !important;

}
.services-content {
    padding: 20px 0 100px 0
}

.services-content h2 {
    font-size: 30px;
    margin: 25px 0 27px 0;
}
.services-content ul{list-style: disc; margin-left: 25px; margin-bottom:25px;}
.change-content {
    position: absolute;
}
.services-nav-list {
    margin:110px 0 0 0 ;
}

.left-service-col .change-content {
    position: absolute;
    background-color: #3b3f53;
    color: white;
    z-index: 9999;
    left: 15px;
    top: -20px;
}
.services-nav-list{
    margin: 88px 0 0 0;
    background-color: #f0f2f5;
    color:#253277;
}
.services-nav-list li {    padding: 15px 0 15px 0;
  border-bottom: 1px dotted  #253277;
}
.services-nav-list li i {
    border: 1px solid;
    padding: 9px;
    border-radius: 45px;
    margin: 0 10px 0 0;
}

.right-service-col {
    padding: 0px;
}
.services-nav-list ul {    margin: 0 0 200px 0;}

.services-content h3{
    color: #303137;
}
.services-content h4 {    color: #6a7085;
    padding: 10px 30px 10px 0px;
font-size: 20px;}
.services-content1 p {
    color: #292b2e;
    font-size: 16px;
    line-height: 22px;
   
}
.services-content-heading {
    font-size: 45px !important;
     color: #055591;
    margin: 15px 0px 35px 0;

}
.services-content h4 {

}
.services-content1 {
    padding: 0 0 180px 25px;
}
.left-service-col .change-content h4 {
    padding: 0 20px 0 15px
}

  /* careers Page */

  .careers-banner {
      background-image: url('../images/Careers-Banner.gif')
  }
  .careers-banner-content h4 span{
    
      color: #fff;
      font-size: 32px;
      padding: 0 0 4px 0;
      border-bottom: 2px solid #fff;
     
  }
  .careers-banner-content h4  {
    padding: 222px 0 0 0;
    text-align: center;
  }
  .careers-banner-content h3 {
      color: white;
      text-align: center;
      font-size: 32px;
      padding: 10px 0 0 0;
  }
  .careers-banner-content p{
    font-size: 18px;
    color: white;
    padding: 5px 0 5px 0;
  }
  .careers-banner-content p button {
    background: #61a3f8;
    padding: 8px 35px 6px 35px;
    border-radius: 5px;
  }

  .careers-intro {
      background-color: #01518b;
  }
  .careers-intro p {
      color: white;
      text-align: center;
      padding: 25px 0 0 0;
      line-height: 30px;
  }
  .jobsection h2 {text-align: center;

    color: #03518c;
font-size: 40px;
padding: 5px 0 10px 0;}

.accordion {
    background-color: #f2f6f9;
    color: #444;
    cursor: pointer;
    padding: 10px 20px 10px 20px;
  
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    border-left: 7px solid #6f8194;
    border-radius: 8px;
}

.active, .accordion:hover {
    background-color: #f2f6f9;
}

.panel {
    margin:0;
    padding: 15px 18px 0 0;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.date-color{
    color:#286498;
}
.panel p {
    margin: 10px 0 10px 0
}

.panel-layout {
    padding: 0px 0 0 25px;
}

.panel-layout h4 {
    padding: 18px 0 0 15px;
    font-size: 22px;
}
.panel  .panel-layout ul li p{
    display: inline;
}
.panel  .panel-layout ul li  span {
font-weight: bold;
}
.panel .panel-layout ul {
    list-style-type:disc;
    
}


.panel-layout ul li {
    padding: 5px 0 5px 0px; }
    .panel-layout ul li i {    padding: 0 15px 0 0;}

    .panel-layout button {
        margin: 10px 0 25px 15px;
        background-color: #02508a;
        color: white;
        padding: 5px 25px 5px 25px;
        border-radius: 10px;
    }

.footer-logo{text-align: center;}
.footer-logo img{padding: 72px 0 0 0;}


.artificial-intelligence{position: relative; margin-bottom: 30px;}
.artificial-intelligence img{position: absolute; right: 0; top:88px;}

.big-data{position: relative;}
.big-data img{position: absolute; left: 0; top:30px;}
.clr_blue{color: #0936fb;}

/*.arrow {
    background: rgba(255,255,255,0);
    height: 30px;
    padding: 10px 0;
    width: 108px;
    transform: rotate(90deg);
}
.arrow polyline, .arrow line {
    fill: none;
    stroke: #ccc;
    stroke-width: 1.6;
    stroke-miterlimit: 10;
}*/





.globe-container
{
    margin:120px auto;
    width:180px;
    height:180px;
    border:1px solid transparent;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50%;
    overflow:hidden;
    background:url(../images/map.jpg) top left repeat;
    -webkit-animation: rotate 10s infinite linear;
    -moz-animation: rotate 10s infinite linear;
    -ms-animation: rotate 10s infinite linear;
    -moz-box-shadow: 0px 5px 15px #888;
    -webkit-box-shadow: 0px 5px 15px #888;
    box-shadow: 0px 5px 15px #888;  
    position: absolute;
    left: 402px;
    top: 35px;
}
.globe
{    
    position:absolute;
    width:180px;
    height:180px;
    background:url(../images/shadow.png) top left no-repeat
}

@-webkit-keyframes rotate{
  0% {
   background-position:0px 0px;
  }
  100% {
     background-position:-160px 0px;
  }
}

@-ms-keyframes rotate{
   0% {
   background-position:0px 0px;
  }
  100% {
     background-position:-160px 0px;
  }
}
@-moz-keyframes rotate{
 0% {
   background-position:0px 0px;
  }
  100% {
     background-position:-160px 0px;
  }
}
#returnmessage span{color: red;}
#returnmessage{color: green;}

.btn-sendmsg {
    background: #0077b5;
    color: #fff;
    font-size: 18px;
    font-family: 'barlowregular';
    padding: 10px 20px;
    margin: 25px 0px;
    border:none;
}
.btn-sendmsg:hover{
    background: #004f78;
}
.nav-btn ul li a{font-size: 18px}
.panel .panel-layout.list-job ul {
    padding-left: 25px;
    line-height: 14px;
}