body {
    background-color: #141519;
    background-image: url(../images/bg.jpg);
    background-repeat: repeat-y;
    background-position: center;
}
@font-face {
    font-family: "Condensed";
    font-style: normal;
    font-weight: normal;

    src: url("../fonts/Condensed.eot");
    src: local("☺"), url("../fonts/Condensed.woff") format("woff"), url("../fonts/Condensed.ttf") format("truetype"), url("../fonts/Condensed.svg") format("svg");
}
@font-face {
    font-family: "BoldCondensed";
    font-style: normal;
    font-weight: normal;

    src: url("../fonts/BoldCondensed.eot");
    src: local("☺"), url("../fonts/BoldCondensed.woff") format("woff"), url("../fonts/BoldCondensed.ttf") format("truetype"), url("../fonts/BoldCondensed.svg") format("svg");
}
h2 {
    font-family: "BoldCondensed";
    font-size: 30px;

    color: #069;
}
h3 {
    font-family: "BoldCondensed";
    font-size: 20px;

    color: #fff;
}
.career h3 {
    font-family: "BoldCondensed";
    font-size: 20px;

    color: #069;
}
.navbar-default {
    height: 78px;
}
div#myCarousel {
    background-image: url(../images/headerBG.png);
}
.topborder {
    border-top: 1px solid #0082ff;
    /*-webkit-box-shadow: 0 8px 6px -6px black;
     -moz-box-shadow: 0 8px 6px -6px black;
          box-shadow: 0 8px 6px -6px black;*/
}
.hilightService {
    font-size: 15px;
    font-weight: normal;
    line-height: 20px;

    text-align: center;

    color: #fff;
}
.hilightServiceText {
    margin-top: 20px;
}
.carousel-indicators {
    display: none;
}
.hilightedIconSet {
    margin-top: -55px;
}
.introtext {
    margin: 30px 0;

    font-size: 15px;
    font-weight: normal;

    color: #fff;
}
.aboutBG {
    padding: 30px 0 150px;
    margin-top: -2px;

    background-color: #fff;
    background-image: url(../images/aboutBG.png);
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-box-shadow: 0 -6px 15px -3px black;
       -moz-box-shadow: 0 -6px 15px -3px black;
            box-shadow: 0 -6px 15px -3px black;
}
.aboutText {
    padding-top: 20px;

    font-size: 18px;
    line-height: 25px;
}
.marketing .col-lg-4 {
    /*margin-bottom: 20px;*/
    margin-bottom: 40px;

    text-align: center;
}
.marketing h2 {
    margin-top: 0;
    margin-bottom: 30px;

    text-align: center;

    color: #fff;
}
.marketing .col-lg-4 p {
    margin-right: 10px;
    margin-left: 10px;

    font-family: "Condensed";
    font-size: 15px;

    color: #fff;
}
.marquee,
.marquee0 {
    margin: 0 auto !important;

    text-align: center;
}
.career {
    padding: 25px 0;
    margin-top: -2px;

    background-color: #fff;
}
.career ul {
    padding: 0;
    margin: 0;
}
.career ul li {
    padding-left: 30px;
    margin: 10px 0;

    list-style: none;

    background-image: url(../images/alacrity_bullet.png);
    background-repeat: no-repeat;
}
.iphone {
    width: 380px;
    height: 760px;

    background-image: url(../images/alacrity_iphone.png);
    background-repeat: no-repeat;
}
.iphone_wrapper {
    width: 299px;
    height: 526px;
    margin-top: 112px;
    margin-left: 50px;

    color: #fff;
    border-radius: 3px;
    background-color: #222327;
}
.iphone_header {
    font-family: "BoldCondensed";
    font-size: 25px;
    line-height: 50px;

    text-align: center;
    /*background-color: darkorange;*/

    background-color: #069;
}
.iphone_footer {
    height: 50px;
    padding-top: 5px;

    text-align: center;
    /*background-color: darkorange;*/

    background-color: #069;
}

/*testimonial effect*/
.src-image {
    display: none;
}

.card {
    position: relative;

    padding: 0;
    overflow: hidden;

    text-align: center;

    color: rgb(136, 172, 217);
}

.card .header-bg {
    /* This stretches the canvas across the entire hero unit */
    position: absolute;
    top: 0;
    left: 0;
    /* This positions the canvas under the text */
    z-index: 1;

    width: 100%;
    height: 160px;

    border-bottom: 1px #fff solid;
    background-image: url(../images/blur.png);
    background-repeat: no-repeat;
}
.card .avatar {
    position: relative;
    z-index: 100;

    margin-top: 85px;
}

.card .avatar img {
    width: 150px;
    height: 150px;

    border: 5px solid rgba(255,255,255,1);
    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
}
.content h2 {
    padding: 0;
    margin: 0;
    margin-top: 10px;

    font-family: "BoldCondensed";
    font-size: 25px;
    line-height: 25px;

    color: #fff;
}
.designation {
    font-size: 13px;

    color: #cbcbcb;
}
.content p {
    height: 130px;
    padding-top: 15px;
    padding-bottom: 10px;

    font-size: 15px;

    color: #fff;
}
/*end*/
.carousel-indicators .active {
    background: #31708f;
}

.adjust1 {
    float: left;
    width: 100%;
    margin-bottom: 0;
}
.adjust2 {
    margin: 0;
}
.carousel-indicators li {
    border: 1px solid #ccc;
}
.carousel-control {
    width: 5%;

    color: #31708f;
}
.carousel-control:hover,
.carousel-control:focus {
    color: #31708f;
}
.carousel-control.left,
.carousel-control.right {
    background-image: none;
}
.media-object {
    margin: auto;
    margin-top: 15%;
}
@media screen and (max-width: 768px) {
    .media-object {
        margin-top: 0;
    }
}
a.left.carousel-control.arrowSet {
    position: relative;

    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-right: 60px;
}
a.right.carousel-control.arrowSet {
    position: relative;

    width: 25px;
    height: 25px;
    margin-top: -5px;
    margin-left: 60px;
}

/* footer social icons */
ul.social-network {
    display: inline;
    padding: 0;
    margin-left: 0 !important;

    list-style: none;
}
ul.social-network li {
    display: inline;
    padding: 0;
    margin: 0 5px;

    list-style: none;

    background-image: none;
}


/* footer social icons */
.social-network a.icoFacebook:hover {
    background-color: #3b5998;
}
.social-network a.icoTwitter:hover {
    background-color: #3cf;
}
.social-network a.icoVimeo:hover {
    background-color: #0590b8;
}
.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
}

a.socialIcon:hover,
.socialHoverClass {
    color: #44bcdd;
}

.social-circle li a {
    position: relative;

    display: inline-block;
    width: 35px;
    height: 35px;
    margin: 0 auto 0 auto;

    text-align: center;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;
    /*background-color: #D3D3D3;*/
}
.social-circle li {
    padding: 0;
    margin: 0;

    line-height: 40px;

    text-align: center;
}

.social-circle li a:hover,
.triggeredHover {
    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);

    -ms--transform: rotate(360deg);
}
.social-circle li a {
    -webkit-transition: all .8s;
       -moz-transition: all .8s;
        -ms-transition: all .8s;
         -o-transition: all .8s;
            transition: all .8s;

    color: #fff;
}
/*end*/

.contact {
    width: 100%;
    height: auto;
    padding-bottom: 40px;

    color: #fff;
    background-image: url(../images/alacrity_footer.png);
    background-repeat: no-repeat;
    background-position: center top;
}

#contact h2 {
    margin-top: 70px;
    margin-bottom: 20px;

    text-align: center;

    color: #fff;
}
#contact .col-md-9 {
    float: none;
    margin: 0 auto;

    text-align: center;
}
#contact h3 {
    font-family: "BoldCondensed";
    font-size: 20px;

    color: #fff;
}
#contact a {
    text-decoration: none;

    color: #fff;;
}
.contactSpace {
    margin: -7px 0 13px -4px;
}
#contact .col-md-12 {
    margin-top: 30px;
}
.btn3d {
    position: relative;
    top: -6px;

    margin-top: 10px;
    margin-right: 2px;
    margin-bottom: 10px;
    margin-left: 2px;

    transition: all 40ms linear;

    border: 0;
}
.btn3d:active:focus,
.btn3d:focus:hover,
.btn3d:focus {
    outline: medium none;

    -moz-outline-style: none;
}
.btn3d:active,
.btn3d.active {
    top: 2px;
}
.btn3d.btn-white {
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,.10) inset, 0 8px 0 0 #f5f5f5, 0 8px 8px 1px rgba(0,0,0,.2);
}
.btn3d.btn-white:active,
.btn3d.btn-white.active {
    color: #666;
    background-color: #fff;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
}
.btn3d.btn-default {
    color: #666;
    background-color: #f9f9f9;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 2px rgba(255,255,255,.10) inset, 0 8px 0 0 #bebebe, 0 8px 8px 1px rgba(0,0,0,.2);
}
.btn3d.btn-default:active,
.btn3d.btn-default.active {
    color: #666;
    background-color: #f9f9f9;
    box-shadow: 0 0 0 1px #ebebeb inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.1);
}
.btn3d.btn-primary {
    background-color: #4274d7;
    box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #4d5bbe, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-primary:active,
.btn3d.btn-primary.active {
    background-color: #4274d7;
    box-shadow: 0 0 0 1px #417fbd inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}
.btn3d.btn-success {
    background-color: #78d739;
    box-shadow: 0 0 0 1px #31c300 inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #5eb924, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-success:active,
.btn3d.btn-success.active {
    background-color: #78d739;
    box-shadow: 0 0 0 1px #30cd00 inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}
.btn3d.btn-info {
    background-color: #39b3d7;
    box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #348fd2, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-info:active,
.btn3d.btn-info.active {
    background-color: #39b3d7;
    box-shadow: 0 0 0 1px #00a5c3 inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}
.btn3d.btn-warning {
    background-color: #feaf20;
    box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #d79a34, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-warning:active,
.btn3d.btn-warning.active {
    background-color: #feaf20;
    box-shadow: 0 0 0 1px #d79a47 inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}
.btn3d.btn-danger {
    background-color: #d73814;
    box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #a00, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-danger:active,
.btn3d.btn-danger.active {
    background-color: #d73814;
    box-shadow: 0 0 0 1px #b93802 inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}
.btn3d.btn-magick {
    color: #fff;
    background-color: #bb39d7;
    box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 2px rgba(255,255,255,.15) inset, 0 8px 0 0 #9823d5, 0 8px 8px 1px rgba(0,0,0,.5);
}
.btn3d.btn-magick:active,
.btn3d.btn-magick.active {
    background-color: #bb39d7;
    box-shadow: 0 0 0 1px #9a00cd inset, 0 0 0 1px rgba(255,255,255,.15) inset, 0 1px 3px 1px rgba(0,0,0,.3);
}



/*hover effects for services*/

.hi-icon-wrap {
    padding: 2em 0 3em;
    margin: 0 auto;

    text-align: center;
}

.hi-icon {
    position: relative;
    z-index: 1;

    display: inline-block;
    width: 90px;
    height: 90px;
    margin: 15px 30px;

    font-size: 0;

    cursor: pointer;
    text-align: center;

    color: #fff;
    border-radius: 50%;
}

.hi-icon:after {
    position: absolute;

    width: 100%;
    height: 100%;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;

    content: "";
    pointer-events: none;

    border-radius: 50%;
}

.hi-icon:before {
    display: block;

    font-family: "ecoicon";
    font-size: 48px;
    -webkit-font-smoothing: antialiased;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    line-height: 90px;

    text-transform: none;

    speak: none;
}


.goBack {background-color: #329EF8;padding: 10px;border-radius: 5px;color: #16171B;}
.emailBtn { background-color:#069; color:#FFF; padding: 2px; }
.emailBtn a { text-decoration: none; color: #FFF !important;}


/* Effect 8 */
.hi-icon-effect-8 .hi-icon {
    -webkit-transition: -webkit-transform ease-out .1s, background .2s;
       -moz-transition:    -moz-transform ease-out .1s, background .2s;
            transition:         transform ease-out .1s, background .2s;
}

.hi-icon-effect-8 .hi-icon:after {
    top: 0;
    left: 0;
    z-index: -1;

    padding: 0;

    -webkit-transform: scale(.9);
       -moz-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);

    opacity: 0;
    box-shadow: 0 0 0 2px rgba(255,255,255,.1);
}

.hi-icon-effect-8 .hi-icon:hover {
    -webkit-transform: scale(.93);
       -moz-transform: scale(.93);
        -ms-transform: scale(.93);
            transform: scale(.93);

    color: #fff;
    background: rgba(255,255,255,.05);
}

.hi-icon-effect-8 .hi-icon:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
       -moz-animation: sonarEffect 1.3s ease-out 75ms;
            animation: sonarEffect 1.3s ease-out 75ms;
}



@-webkit-keyframes sonarEffect {
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
    100% {
        -webkit-transform: scale(1.5);

        opacity: 0;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
}
@-moz-keyframes sonarEffect {
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
    100% {
        -moz-transform: scale(1.5);

        opacity: 0;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
}
@keyframes sonarEffect {
    0% {
        opacity: .3;
    }
    40% {
        opacity: .5;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
    100% {
        transform: scale(1.5);

        opacity: 0;
        box-shadow: 0 0 0 2px rgba(255,255,255,.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255,255,255,.5);
    }
}


/*  css for snow fall onslider background*/

/*div#myCarousel {background-image: url(../images/headerBG.png);}*/

/*
.blue_bg {  background-image: url(../images/headerBG.png);  background-repeat: no-repeat;}
div#myCarousel {

  background-image:  url('http://www.wearewebstars.dk/codepen/img//s2.png');/*url('http://www.wearewebstars.dk/codepen/img/s1.png'),url('http://www.wearewebstars.dk/codepen/img//s3.png')*/
/* left: 0;
  height: 626px;

  top: 0;
  width: 100%;
  z-index:40;
  -webkit-animation: snow 10s linear infinite;
  -moz-animation: snow 10s linear infinite;
  -ms-animation: snow 10s linear infinite;
  animation: snow 10s linear infinite;
}


}
@keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-moz-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 400px 1000px, 200px 400px, 100px 300px;}
}
@-webkit-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
@-ms-keyframes snow {
  0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
  50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
  100% {background-position: 500px 1000px, 200px 400px, -100px 300px;}
}
*/


/*Gallery page css*/

.media {display: inline-block;position: relative;vertical-align: top;}
.media__image { display: block; }

.media__body {background: rgba(41, 128, 185, 0.7);bottom: 0;color: white;font-size: 1em;left: 0;opacity: 0;overflow: hidden;padding: 3.75em 3em;position: absolute;text-align: center;top: 0;right: 0;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}

.media__body:hover { opacity: 1; }
.media__body:after,.media__body:before {border: 1px solid rgba(255, 255, 255, 0.7);bottom: 1em;content: '';left: 1em;opacity: 0;position: absolute;right: 1em;top: 1em;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition: 0.6s 0.2s;
  transition: 0.6s 0.2s;
}

.media__body:before {border-bottom: none;border-top: none;left: 2em;right: 2em;}
.media__body:after {border-left: none;border-right: none;bottom: 2em;top: 2em;}

.media__body:hover:after,
.media__body:hover:before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}






/*tabs section*/
    .alac-tab .alac-nav {margin-bottom: 18px;margin-left: 0;list-style: none;  font-size: 15px; }
    .alac-tab .alac-nav > li > a {display: block; background-color: #eee;}
    .alac-tab .alac-nav-tabs {*zoom: 1;}
    .alac-tab .alac-nav-tabs:before,
    .alac-tab .alac-nav-tabs:after {display: table;content: "";}
    .alac-tab .alac-nav-tabs:after {clear: both;}
    .alac-tab .alac-nav-tabs > li {float: left;}
    .alac-tab .alac-nav-tabs > li > a {padding-right: 12px;padding-left: 12px;margin-right: 2px;line-height: 14px;}
    .alac-tab .alac-nav-tabs {border-bottom: 1px solid #ddd;}
    .alac-tab .alac-nav-tabs > li {margin-bottom: -1px;}
    .alac-tab .alac-nav-tabs > li > a {padding-top: 8px;padding-bottom: 8px;line-height: 18px;border: 1px solid transparent;-webkit-border-radius: 4px 4px 0 0;-moz-border-radius: 4px 4px 0 0;border-radius: 4px 4px 0 0; text-decoration: none;}
    .alac-tab .alac-nav-tabs > li > a:hover {border-color: #eeeeee #eeeeee #dddddd;}
    .alac-tab .alac-nav-tabs > .active > a,
    .alac-tab .alac-nav-tabs > .active > a:hover {color: #FFF;cursor: default;background-color: #006699;border: 1px solid #ddd;border-bottom-color: transparent; text-decoration: none;}
    li {line-height: 18px;}
    .tab-content.active {display: block;}
    .tab-content.hide {display: none;}
    section {}
    /** End: to style navigation tab **/


    .job_tabs {overflow-y: auto;padding: 32px;}
    .job_sub_heading{ color: #006699; font-size: 20px;}
    .modalJobds{height: 500px;overflow-y: auto;}



    /*model scroll bar*/
    .modalJobds::-webkit-scrollbar {width:10px;}
    .modalJobds::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 4px #FFF;}
    .modalJobds::-webkit-scrollbar-thumb {background-color: #006699;outline: 0px solid slategrey;}


    /*to fix outline/focus when you click on any link*/
    a {outline:none !important; text-decoration: none !important;}

    /*modal sevices descriptions*/
    .services_decs{}
    .model_content{}
    .model_img{}


       .catHeading{ color: #006699;}