@font-face {
    font-family: 'braggadocioregular';
    src: url('../fonts/bragga-webfont.eot');
    src: url('../fonts/bragga-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bragga-webfont.woff2') format('woff2'),
         url('../fonts/bragga-webfont.woff') format('woff'),
         url('../fonts/bragga-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}


html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, 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;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;font-size: 14px;}

body {line-height: 1;font-family: 'Raleway', sans-serif;}

html,body {height: 100%;}

ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
b,strong {font-weight: bold;}
hr {display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

html input[type="button"],input[type="reset"],input[type="submit"] {-webkit-appearance: button;cursor: pointer;}

/* Helper classes*/

.hidden {display: none !important;visibility: hidden;}
.invisible {visibility: hidden;}

.disable{opacity: 0;}
.visible{opacity: 1;}

.clearfix:before,.clearfix:after {content: " ";display: table;}
.clearfix:after {clear: both;}
.clearfix {*zoom: 1;}

.table {clear: both;display: table;}
.table-tr{display: table-row;}
.table-th{display: table-cell;}
.table-td{display: table-cell;}

p {color: #000;font-size: 18px;line-height: 28px;font-family: Georgia, serif;}
a{color: #492880;text-decoration: none;}

.rgt{float:right;}
.lft{float: left;}
.btn {background-color: #492880;border-radius: 7px;color: #fff;display: inline-block;font-size: 22px;margin: 10px 0;padding: 12px 15px;text-decoration: none;}
.btn:hover{background-color:#371d63;}


.button {background-color: #3d5a99;border:none; border-radius: 5px; color: #fff; font-size: 22px; margin: 15px 2px 0; outline: medium none; padding: 10px 33px; text-transform: capitalize; }
.button:hover{background-color: #214083;}

input[type=text]:focus,textarea:focus{border: 1px solid #E41B23;box-shadow: none;}
:-moz-ui-invalid:not(output) {box-shadow:none;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color: transparent !important;}

.general-msg{background-color: #fff;border: 1px solid #ddd;display: block;padding:15px;position: relative;margin: 20px 0;font-size: 18px;font-weight: 500;}
.success {background-color: #dff0d8;color: #3c763d;}
.info {background-color: #d9edf7;color: #31708f;}
.warning {background-color: #fcf8e3;color: #8a6d3b;}
.danger {background-color: #f2dede;color: #a94442;}
.loading{background-image: url('../images/msgloader.GIF');background-position: 108px center;background-repeat: no-repeat;}
#msg-response.info{background-image: url('../images/msgloader.GIF');background-position: 108px center;background-repeat: no-repeat;}
#msg-response.success{background-image: url('../images/tick.png');background-position: 175px center;background-repeat: no-repeat;}

.form-group.enquiry div#enquiry_counter {display: inline-block;}

/*_ Col Setting _*/

.col {box-sizing: border-box;float: left;padding: 0 5px;}
.col-1{width: 100%;}
.col-2{width: 50%;}
.col-4{width: 25%;}


.loader {
  background-color: #fff;
  display: block;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 20000;
  background-image: url('../images/loader.GIF');
  background-repeat: no-repeat;
  background-position: center;
}

.section{clear: both;float: none;min-height: 100%;position: relative;}

.scene01{background-color:#492880;}
.scene02{background-color:#35478C;}
.scene03{background-color: #308694;}
.scene04{background-color: #36B1C5;}
.scene05{background-color: #00BF79;}
.scene06{background-color: #67B8DE;}
.scene07{background-color: #00BF79;}
.scene08{background-color: #B4DCED;}

#welcome .section-content {color: #fff;height: 100%;margin: auto;text-align: center;width: 960px;overflow: hidden;position: relative;}

.home-logo {background-image: url("../images/ankitaLogo.png"); background-repeat: no-repeat; height: 156px; left: 50%; margin-bottom: 23px; margin-left: -79px; margin-top: 40px; position: relative; text-indent: -9999px; width: 250px;margin-top: 18%;}
.swiper-intro .home-logo {background-image: url("../images/ankitaLogo-intro.png");}
.ankita-txt {font-size: 52px;font-style: italic;font-weight: 700;line-height: 60px;}
.manpower-txt {color: #c9c9c9; font-size: 28px; font-weight: 700; line-height: 32px; margin-bottom: 55px; } 
.welcome-qoute{font-size: 18px; font-style: italic; letter-spacing: 1px; line-height: 22px;color: #fff;}


a.scroll-down-arrow.visible {cursor: pointer; opacity: 1; pointer-events: visible; }
a.scroll-down-arrow:link, a.scroll-down-arrow:active, a.scroll-down-arrow:visited, a.scroll-down-arrow:hover {color: #fff;text-decoration: none;}
a.scroll-down-arrow {background: none repeat scroll 0 0 rgba(33, 33, 33, 0); bottom: 20px; cursor: default; display: block; height: 80px; left: 0; margin: auto; opacity: 0; pointer-events: none; position: absolute; right: 0; width: 40px; z-index: 1000; }

a.scroll-down-arrow .arrow:before {border-left: 1px solid #c9c9c9; content: " "; height: 100%; left: 50%; pointer-events: none; position: absolute; top: 0; width: 0; z-index: 1; } 
a.scroll-down-arrow .arrow:after {border-bottom: 1px solid #c9c9c9; border-left: 1px solid #c9c9c9; bottom: 4px; content: " "; height: 26px; left: 7px; pointer-events: none; position: absolute; transform: rotate(-45deg); width: 26px; } 
a.scroll-down-arrow.visible .arrow {animation: 3s ease-in-out 0s normal none infinite bounce; } 
a.scroll-down-arrow .arrow {bottom: 24px; display: block; height: 80px; left: 0; position: absolute; width: 40px; }

.click-txt {bottom: 20px; color: #fff; display: block; font-size: 12px; letter-spacing: 2px; position: absolute; text-align: center; text-transform: uppercase; width: 100%; }

.intro-message {color: #fff;display: block;font-size: 44px;font-weight: 600;line-height:50px;text-align: left;width: 55%;font-family: 'Ubuntu Condensed', sans-serif;}
.intro-image {width: 400px;overflow: hidden;}
.intro-image img{width: 100%;height: auto;}

.scene02 .intro-image {bottom: 0;left: 50%;margin-left: -200px;position: absolute;}
.scene02 .intro-message {margin-left: 0;margin-top: -140px;position: relative;text-align: center;top: 50%;width: 100%;}
.scene02{background-color: #21A0DF;}

.scene03 .intro-message {margin-top: -45px;position: relative;top: 50%;}
.scene03 .intro-image{margin-top: -131px;position: relative;top: 50%;}
.scene03{background-color: #1BBC9B;}

.scene04 .intro-message {margin-top: 15%;text-align: center;width: 100%;}
.scene04 .intro-image {margin: 50px auto auto;width: 250px;}
.scene04 .home-logo {margin-top: 30px;}
.scene04 .manpower-txt {color: #fff;}

.scene05 .intro-message{margin-top: -71px;position: relative;top: 50%;}
.scene05 .intro-image.rgt {margin-top: -102px;position: relative;top: 50%;}

.scene06 .intro-message {text-align: center;width: 100%;margin-top: 15%;}
.scene06 .intro-image {margin-top: 80px;position: relative;left: 50%;margin-left: -200px;}
.scene06{background-color: #FFE101;}


.scene07 .intro-message{margin-top: -80px;position: relative;top: 50%;}
.scene07 .intro-image.rgt {margin-top: -164px;position: relative;top: 50%;}
.scene07{background-color: #C74565;}

.scene08 .intro-message {width: 100%;text-align: center;position: relative;top: 50%;margin-top: -80px;}
.scene08 .intro-message > p {color: #000;}
.scene08 {background-color: #F3EFE8;}

.hiring-btn {background-color: #492880;border-radius: 10px;color: #fff;padding: 10px 15px;position: relative;text-decoration: none;  text-transform: uppercase;top: 40px;}

/*** Main Site ***/

.site {min-height: 100%;overflow: hidden;position: relative;}

.header {background-color: #fff;color: #000;height: 120px;}
.wrapper {margin: auto;width: 980px;}

.row {clear: both;}
*{outline: 0px solid transparent;}
/*** site Header ***/
.site-logo {float: left;height: 105px;width: 416px;}
.ankita-logo {background-image:url('../images/site-Logo.png');background-repeat: no-repeat;background-position: center;display: block;float: left;height: 104px;margin-top: 1px;width: 659px;margin-right: 10px;position: absolute;top: -23px;left: 0;}
.logo > a {color: #000;display: inline-block;font-size: 32px;font-style: italic;font-weight: 400;margin-top: 29px;position: relative;text-decoration: none;vertical-align: middle;padding-left: 90px;font-family:'braggadocioregular',sans-serif;}
.site-tag{display: inline-block;font-size: 20px;margin-top: 4px;padding-left: 137px;font-weight: 700;}
.int-tag{display: inline-block;font-size: 16px;margin-top: 4px;padding-left: 137px;font-weight: 700;}

.nav-toggle {width: 35px;height: 35px;display: block;background-image: url('../images/menu.png');background-position: center;background-repeat: no-repeat;text-indent: -9999px;position: absolute; right: 10px;top: 50%;margin-top: -18px;cursor: pointer;display: none;}

.login-links {color: #fff;float: right;margin-top: 56px;}
.login-item {color: #fff; font-size: 16px; font-weight: 600; margin: 7px; padding-bottom: 10px; padding-left: 0; position: relative; text-decoration: none; text-transform: capitalize; overflow: hidden;display: inline-block;transition: all ease-in 1s;}
/*.login-item:before {background-color: #fff;border-bottom: 2px solid #fff; bottom: 0; content: ""; display: block; height: 2px; left: -110%; position: absolute; width: 110%; }*/
  .login-item:before {content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;}

.login-item span{display: inline-block;height: 15px;margin-right: 6px;width: 15px;}
.newuser{background-image: url('../images/newuser.png');background-position: center;background-repeat: no-repeat;}
.user{background-image: url('../images/user.png');background-position: center;background-repeat: no-repeat;}
.login-item:hover{color: #ddd;}
.login-item:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}

/*** Site Navigation ***/

.navigation {background-color: #3d5a99;border-bottom: 1px solid #25417f;border-top: 1px solid #25417f;height: 50px;}

.site-nav li{float: left;margin: 0 5px;}
.site-nav li:first-child{margin-left: 0;}
.site-nav a {color: #fff;display: table-cell;height: 50px;padding: 0 10px;text-decoration: none;vertical-align: middle;font-weight: 700;transition: all ease-in 0.2s;font-size: 14px;}
/*.site-nav li:hover > a,.site-nav li.active > a{background-color: #F0EDF5;color: #000;}*/

.site-nav li:hover > a,.site-nav li.active > a{transform:scale(1.2);background-color: #DEDEDE;color: #000;border-top-left-radius: 2px;border-top-right-radius: 2px; position: relative;top: -4px;}
/*.site-nav li:hover,.site-nav li.active {position: relative;top: -4px;}*/

/* COMMENTED.RAMVERMA */
/*
.ankita-nav > a {background-image: url('../images/site-Logo-nav.png');background-position: center 5px;display: block;height: 50px;padding: 0 10px 0 0;text-indent: -9999px;width: 50px;background-repeat: no-repeat;background-color: transparent;text-indent: -9999px;transform:none;background-color:transparent;}
.site-nav li.ankita-nav:hover > a,.site-nav li.ankita-nav.active > a{transform:none;background-color:transparent;color:inherit;border-top-left-radius: 0px;border-top-right-radius: 0px;top: 0;}
.site-nav li.ankita-nav:hover,.site-nav li.ankita-nav.active {position: relative;top:0px;}
*/
.stickyNav{position: fixed;top: 0;left: 0;width: 100%;z-index: 1000;}

.mobile-menu {height: auto;position: absolute;right:-300px;top: 63px;width: 250px;box-shadow: -2px 2px 7px rgba(0,0,0,0.5);z-index: 999;transition:all ease-in-out 0.4s;background-color: #3d5a99;display: none;}
.mobile-menu.active{right: 0;}
.mobile-menu .site-nav li {float: none;margin: 0;border-bottom: 1px solid #284584;}
.mobile-menu  .site-nav a {display: block;line-height: 50px;padding:0 10px 0 20px;}
.mobile-menu .site-nav li:hover > a,.mobile-menu .site-nav li.active > a {border-top-left-radius: 0px;border-top-right-radius: 0px;top:0px;transform: none;}

/*** featured Slider ***/
.featured-slide { position: relative;clear: both;}
.slide-wrapper {position: relative;overflow: hidden;}
.slide-list {position: relative;}
.slide-item {float: left;margin: 0;position: relative;width: 100%;}
.slide-overlay {left: 0;position: absolute;bottom:0px;width: 100%;padding-top: 5px;z-index: 2;background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.8) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);}
.slide-content {position: relative;}
.slide-content img {height: auto;width: 100%;}
.overlay-title {background-color: #e41b23;color: #fff;display: inline;font-size: 30px;font-weight: 700;line-height: 61px;margin-top: 100px;padding: 10px 20px 40px;text-transform: uppercase;}

.short-overview {clear: both;margin: 0;padding: 0;position: relative;top: -3px;display: none;}

.overview-content {background-color: #3d5a99;overflow: hidden;}
.overview-content h3 {color: #fff;font-size: 22px;letter-spacing: 1px;line-height: 30px;text-align: center;}
.overview-content span {font-weight: 700;}

.overview-content .lft {float: left;border-right:2px solid #ebeada;}
.overview-content .rgt {float: right;border-left: 2px solid #ebeada;}
.overview-content .rgt,.overview-content .lft{text-align: center;height: 130px;padding: 20px;width: 50%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;}
.ovrvw-btn {background-color: #ebeada;border-radius: 5px;color: #000;display: inline-block;font-size: 22px;margin: 15px 2px 0;padding:10px 9px 10px 33px;text-decoration: none;}
.ovrvw-btn:hover{background-color: #DADADA;}
.postjob{background-image: url('../images/postjob.jpg');background-repeat: no-repeat;background-position: 9px center;}
.findjob{background-image: url('../images/findjob.png');background-repeat: no-repeat;background-position: 10px center;}
.submitresume{background-image: url('../images/submit-resume.png');background-repeat: no-repeat;background-position: 10px center;}

.swiper-slide{position: relative;}
.overlay-title {background-color:transparent;color: #fff;display: inline-block;font-size:30px;font-weight: 700;line-height: 41px;margin-top:0px;padding: 10px 20px 40px;text-transform: uppercase;width: auto;}

.featured-thumb{position: relative;}
.featured-thumb img{width: 100%;height: auto;}


/*_ Intro Slider _*/

.swiper-intro {background-color: #eef3ef;}
.swiper-intro .swiper-slide {width: 100%;background-color: #eef3ef;}
.swiper-intro .slide-content {height: 440px;position: relative;}

.swiper-intro .intro-message p {color: #000;font-size: 40px;line-height: 50px;}
.swiper-intro .intro-image.img-2{bottom: 0;position: absolute;}

.swiper-intro .intro-message.msg-2 {left: 40px;position: relative;top: 122px;}

.swiper-intro .intro-image.img-3 {position: relative;top: 117px;}
.swiper-intro .intro-message.msg-3 {position: relative;top: 169px;left: 50px;}

.swiper-intro .intro-message.msg-4 {position: relative;text-align: center;top: 30px;width: 100%;}
.swiper-intro .home-logo {margin-top: 64px;}
.swiper-intro .ankita-txt {color: #000;text-align: center;}
.swiper-intro .manpower-txt {color: #000;text-align: center;}

.swiper-intro .intro-message.msg-5 {position: relative;top: 134px;}
.swiper-intro .intro-image.img-5 {position: relative;top: 103px;}

.swiper-intro .intro-image.img-6 {position: relative;top: -53px;}
.swiper-intro .intro-message.msg-6 {left: 403px;position: relative;text-align: center;top: 137px;width: 57%;}

.swiper-intro .intro-message.msg-7 {position: relative;top: 120px;}
.swiper-intro .intro-image.img-7 {position: relative;top: 60px;}

.swiper-intro .intro-message.msg-8 {position: relative;text-align: center;top: 105px;width: 100%;}

.no-col .overview-content {padding: 20px;text-align: center;}
.ovrvw-btn.no-icon {padding: 10px 33px 10px 33px;}
.check-icon{background-image: url('../images/check.png');background-repeat: no-repeat;background-position:10px center;}
.contact-icon{background-image: url('../images/contact.png');background-repeat: no-repeat;background-position: 10px center;padding-left: 48px;}
.send-icon {background-image: url("../images/send.png");background-position: 10px 16px;background-repeat: no-repeat;padding-left: 42px;}
.reset-icon{background-image:url("../images/reset.png");background-repeat: no-repeat;background-position: 10px center;padding-left: 34px;}

/****** Main Content ******/

.main-content {clear: both;float: none;overflow: hidden;margin-bottom: 10px;}
.content {box-sizing: border-box;padding:10px 10px 10px 0;width: 68%;float: left;}
.content.no-sidebar {width: 100%;}
.section-title {color: #2c2c2c;font-size: 30px; font-weight: 600;margin: 15px 0;line-height: 35px;}
.article {clear: both;margin: 20px 0;}
.article p{margin-bottom:20px;}
.article ul {list-style: disc outside none;margin-left: 30px;margin-bottom: 30px;}
.article li {color: #000;font-size: 18px;line-height: 28px;font-family: 'Georgia',sans-serif;}

.featured-image {overflow: hidden;position: relative;height: 175px;margin-bottom: 10px;}
.featured-image > img {height: auto;max-height: 185px;width: 100%;}

.featured-label {background-color: #3d5a99;bottom: 0;color: #fff;display: inline-block;left: 0;padding: 10px;position: absolute;}
.more {background-color: #3d5a99;color: #fff;display: inline-block;font-size: 14px;font-weight: 700;letter-spacing: 1px;margin: 10px 0;padding: 10px;text-decoration: none;}
.more:hover{background-color: #214083;}

/*_ Sidebar _*/

.sidebar {float: right;padding:22px 0;width: 32%;}
.widget {margin-bottom:11px;}

.submit-resume .image > img {display: block;margin: auto;width: 140px;}
.submit-resume {text-align: center;}


.image > img {height: auto;width: 100%;}
.advantage .image {height: 175px;overflow: hidden;position: relative;margin-bottom: 10px;}

.sidebar h3 {font-size: 26px;line-height: 25px;margin-top: 10px;}

.welcome-qoute {color: #000;font-family: "Raleway",sans-serif;font-size: 28px;font-style: italic;letter-spacing: 1px;line-height: 38px;margin-bottom: 126px;margin-top: 90px;text-align: center;}

.welcome-qoute{background-image: url('../images/blockqoute.png');background-position: left top;background-repeat: no-repeat;padding-left:20px;}

/***** Current Openings ****/
#closejob{display: none;}
.openings {margin-top: 60px;}
.opening-top {border-bottom: 1px solid #ccc; margin-bottom: 10px; padding-bottom: 10px;display: table;width: 100%;}
.opening-bot {border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px;display: table;width: 100%;border-bottom: none;}
.records {display: block;float: left;}
.selectbox {border: 1px solid #ddd;cursor: pointer;font-size: 14px;height: 18px;padding: 3px 5px;position: relative;width: 40px;background-image: url('../images/arrow.png');background-repeat: no-repeat;background-position: 89% center;}
.selectOut {color: #000;display: block;font-size: 15px;}
.selectbox select {left: 0;opacity: 0;padding: 3px 5px;position: absolute;top: 0;width: 50px;z-index: 2;cursor: pointer;}

.opening-top .selectbox{display: inline-block;margin-right: 5px;vertical-align: middle;}
.records > span {display: inline-block;font-size: 14px;line-height: 15px;vertical-align: middle;}

.opening-top .pagination {display: block;float: right;}
.pageNav {color: #000; display: inline-block; margin: 0 5px; padding: 0 10px; text-decoration: none; }
.pageNav.next{background-image: url('../images/next.png');background-position: 90% center;background-repeat: no-repeat;padding-right: 20px;}
.pageNav.prev {background-image: url("../images/prev.png");background-position: 0 center;background-repeat: no-repeat;padding-left: 15px;}
.pageNav:hover{text-decoration: underline;}

.opening-mid {border: 0px solid #ddd;border-radius: 6px;}
ul.opening-list{margin-left: 0;}
.opening-item {border: 1px solid #ddd;border-top-left-radius: 4px;border-top-right-radius: 4px;cursor: pointer;margin-top: 10px;padding: 10px 0;}
.opening-item:hover{background-color:#f8f8f8;}
.opening-item .table-td{font-size: 16px;padding: 0 5px;text-align: center;vertical-align: middle;}
.table-td.sr-col {width: 50px;font-size: 22px;}
.table-td.job-col{width: 520px;}
.job-title {color: #000;display: block;font-weight: 700;text-align: left;}
.job-desc {color: #555;display: block;font-size: 14px;margin-top: 10px;text-align: left;line-height: 16px;}
.table-td.location-col{width: 138px;text-align: left;padding-left: 10px;padding-right: 0;}
.location {background-image: url("../images/location.png");background-position: 0 center;background-repeat: no-repeat; padding-left: 16px;}
.table-td.date-col {width: 120px;}

.view-btn {background-color: #3d5a99; border-radius: 5px; color: #fff; display: inline-block; font-size: 18px; margin: 0; padding: 9px 12px; text-decoration: none;cursor:pointer;}
.table-td.btn-col .view-btn{width: 104px;text-align: center;}
.table-td.btn-col {text-align: right;vertical-align: middle;width: 130px;}

dd.opening-content{padding: 25px;border-bottom: 1px solid #ddd;}
.opening-content > p {font-size: 16px;margin-bottom: 10px;}
.salary {background-image: url("../images/salary.png");background-position: 0 center;background-repeat: no-repeat;padding-left: 35px;display: block;}
.package {background-image: url("../images/package.png");background-repeat: no-repeat;padding-left: 21px;display: block;margin-top: 5px;}

.opening-item.active,.ui-accordion-header-active{border-bottom:0;box-shadow: 0 -1px 5px #ccc;}
.opening-item.active:hover,.ui-accordion-header-active:hover{background-color: #fff;}
.opening-content.active,.ui-accordion-content-active{box-shadow: 0 3px 5px #ccc;display: block;}


.table.opening-item.table-hdr {background-color: #f8f8f8;cursor: default;}
.opening-item.table-hdr .table-td.sr-col {font-size: 15px;font-weight: 700;}
/*.opening-item.table-hdr .table-td.date-col {font-size: 12px;}*/
.opening-item.table-hdr .table-td{font-weight: 700;}

 .view-btn.close-btn{display: none;}

/**** Download Page ***/

.article ul.download-wordlist{text-align: center;margin-left: 0;margin-bottom: 20px;}
.article ul.download-pdflist{text-align: left;}
.download-wordlist > li {border-left: 1px solid #ddd;display: inline-block;vertical-align: middle;width: 32.33%}
.download-wordlist > li:first-child{border-left: none;}
.download-wordlist li > a{display: block;}
.download-wordlist a {color: #000;font-size: 20px;text-decoration: none;}
.download-wordlist > li:hover a{text-decoration: underline;color: #492880;}

.word-ico {background-image: url("../images/word-logo.png"); background-position: center center; background-repeat: no-repeat; display: block; height: 100px; margin: 0 auto 20px; position: relative; width: 100px; }
.pdf-ico {background-image: url("../images/pdflogo.png"); background-position: center center; background-repeat: no-repeat; display: block; height: 102px; margin: 0 auto 20px; position: relative; width: 100px; }

 /**** Client List *****/


.client {clear: both;background-color:#F3F6EF;padding: 20px 0;}
.client-item > img {display: block;height: auto;margin: 50px auto;width: 80%;}
.client .section-title{text-align: center;}

.client .wrapper {overflow: hidden;}
.client-list {position: relative;}
.client-item {float: left;height: 92px;padding: 0 10px;width: auto;text-align: center;}
.client-item > img {display: inline-block;height: auto;margin: 0;max-height: 92px;width: auto;}


/*** Client Page ****/
.client-wrapper {border: 1px solid #ddd;overflow: hidden;margin-top: 40px;}
.client-wrapper li {border-left: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 25%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;float: left;padding: 5px;}
.client-wrapper li:first-child{border-left: none;}
.clients-logo{width: 100%;height: 150px;}
.clients-logo img {height: auto;vertical-align: middle;width: 100%;max-height: 150px;}
.clients-title {display: table-cell;font-size: 16px;font-weight: 700;height: 40px;line-height: 20px;padding: 8px 2px;text-align: center;vertical-align: middle;width: 232px;}
.client-wrapper li.no-lbr{border-left:none;}


/*** contact Page ***/

.map {
  position: relative;
  /*padding-bottom: 75%; // This is the aspect ratio*/
  height: 330px;
  overflow: hidden;
  float: right;
  margin-top: 15px;
}

.map iframe {
/*  position: absolute;*/
  top: 0;
  left: 0;
  width: 500px !important;
  height:330px !important;
}

.contact-page .article {float: left;width: 466px;}

/**** Footer **/
.footer {clear: both;}
.copyright-bar {background-color: #214083;padding: 10px 0;overflow: hidden;}
.credits,.copyrights {color: #fff;display: inline-block;font-size: 14px;font-family:"Raleway",sans-serif;}
.footer a{text-decoration:none;color: #fff;}
.footer a:hover{text-decoration: underline;}

.footer-top {background-color:#e5e5e5;overflow: hidden;padding: 30px 0;}
h4.footer-label {color: #000;font-size: 18px;font-weight: 600;margin: 0 0 15px;}
.footer-top .col-4.col a {color: #555;font-size: 14px;line-height: 28px;text-decoration: none;}
.footer-top .col-4.col a:hover{color: #1a1a1a;text-decoration: underline;}
address p {color: #555;font-size: 14px;line-height: 28px;padding-left: 34px;}
.address{background-image: url('../images/address.png');background-repeat: no-repeat;background-position: left 6px;}
.phone{background-image: url('../images/call.png');background-repeat: no-repeat;background-position: left 6px;}
.fax{background-image: url('../images/fax.png');background-repeat: no-repeat;background-position: left 6px;}
.emails{background-image: url('../images/email.png');background-repeat: no-repeat;background-position: left 6px;}

/*** Enquiry Form ***/
.contact-form{margin-top: 10px;overflow: hidden;}
.form-group {float: left; padding: 3px 10px; width: 25%; margin-bottom: 10px;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box; }
.form-group label {display: block;font-size: 14px;font-weight: 700;letter-spacing: 0.5px;margin-bottom: 12px;color:#000;}
.form-group label span{padding-left: 4px;color: #ff0000;}
.form-group input {border: 1px solid #ccc;color: #555;display: block;font-size: 14px;padding: 5px;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;box-sizing: border-box;}
.form-group.enquiry {width: 100%;}
.form-group textarea {display: block;width: 99%;padding: 5px;}

/*** About Page ***/
.about-page .content{min-height: 500px;}
.sidebar h3.side-title {background-color: #dbdbdb; border-bottom: 2px solid #214083; color: #000; font-family: "braggadocioregular",sans-serif; font-size: 22px; font-style: italic; font-weight: bold; padding: 10px; }
.side-title span {display: block;font-family: "Raleway",sans-serif;font-style: normal;margin-bottom: 5px;}
.side-nav li, .article-header{background-color: #dedede; border-bottom: 1px solid #ccc; cursor: pointer; font-size: 18px; line-height: 22px; padding: 15px 10px; }
.side-nav li:hover,.article-header:hover{text-decoration: underline;}
.side-nav li.active,.article-header.active {background-color: #3d5a99;color: #fff;}

.article-header{display: none;}

/**** Modal Pop up ***/

.modalfade {background-color:#000;background-color:rgba(00,00,00,0.4);height: 100%; left: 0; opacity: 0.4; position: fixed; top: 0; width: 100%; z-index: 400; }
.applyJob {background-color: #fff; box-shadow: 0 0 3px #ccc; left: 50%; margin-left: -325px; position: fixed; top: 100px; width: 650px; z-index: 450; }
.modal-title { border-bottom: 1px solid #ccc;font-size: 18px;font-weight: 700;padding: 20px;text-align: center;}
.modal-content {padding: 25px;}
.modal-form {border-bottom: 1px solid #ccc;display: table;margin: 20px 0;width: 100%;}

.modal-form .form-group {float: none;width: 100%;}
.modal-form .form-group label {display: inline-block;vertical-align: middle;width: 152px;}
.modal-form .form-group input {display: inline-block;vertical-align: middle;width: 60%;}
.modal-close {color: #000;cursor: pointer;font-size: 24px;font-weight: 700;position: absolute;right: 20px;top: 15px;z-index: 500;}


.mobile-menu-back {display: block;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 998;}


/*** Last moment Changes ****/

.table-td.sr-col {display: none;}
.table-td.job-col {padding-left: 15px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width: 550px;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 767px) {

.wrapper {width: auto;}

/*_ Header _*/

.header {box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.33);height: 62px;position:relative;z-index: 400;width: 100%;top: 0;left: 0;}
.nav-toggle{display: block;}
.site-logo {height: 62px;width: auto;}
/* COMMENTED.RAMVERMA */
/*.ankita-logo {height: 46px;left: 10px;margin-right: 0;margin-top: 0;top:-11px;width: 45px;background-size: 45px auto;}*/
.ankita-logo {height: 104px;left: 10px;margin-right: 0;margin-top: 0;top:-11px;width: 659px;background-size: 45px auto;}
.logo > a {font-size: 18px;margin-top: 18px;padding-left: 64px;}
.site-tag {font-size: 13px;margin-top: 1px;padding-left: 74px;}
.navigation{display: none;}
.mobile-menu{display: block;}

.featured-slide{display: none;}
.client{display: none;}

/** Content **/
.content {padding: 10px 10px;width: 100%;float: none;}
.section-title {font-size: 22px;margin: 15px 0;line-height: 30px;}
p {font-size: 14px;line-height: 24px;}

.article .col.col-2 {width: 100%;float: none;margin-bottom: 15px;}
.article .col.col-2 .featured-image a{display: block;position: relative;}
.article .col.col-2 .featured-image img{width: 100%;height: auto;}
.featured-image{height: auto;}
.advantage .image {text-align: center;background-color: #444;}



/** Forms and Elements **/

.form-group {float: none;width: auto;display: block;}
.article li {font-size: 12px;line-height: 22px;}

/** Opening Page **/
.openings {margin-top: 30px;}
.records > span {display: none;}
.table.opening-item.table-hdr {display: none;}
.opening-item.table-hdr .table-td.sr-col {font-size: 12px;}
.opening-item .table-td {font-size: 12px;}


/*_ Job List _*/
.opening-item{background-color: #f8f8f8;transition:all ease-in-out 0.3s;}
.opening-item {margin-top: 15px;clear: both;width: 100%;}
.opening-item .table-td {display: block;}
.opening-item .table-td.sr-col {display: none;}
.opening-item .table-td.job-col {width: auto;}
.opening-item .table-td.location-col {width: 50%;text-align: left;padding-left: 5px;padding-right: 5px;margin-top: 12px;float: left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.opening-item .location {padding: 5px 0 5px 18px;}
.opening-item .table-td.date-col {width: 50%;display: block;margin-top: 12px;text-align: right;float: right;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.opening-item .table-td.btn-col {text-align: center;vertical-align: middle;width: 100%;margin: 10px 0;clear: both;}
.opening-item .table-td.btn-col .view-btn {width: 104px;text-align: center;margin-top: 20px;font-size: 16px;}

.opening-content > p {font-size: 12px;}
dd.opening-content{padding: 10px;border-left: 1px solid #ddd;border-right: 1px solid #ddd;}
.opening-content span.view-btn {width: 108px;}

.opening-content.active {box-shadow: none;}
.opening-item.active {border-bottom: 0;box-shadow: none;background-color: transparent;}
.opening-item.active span.view-btn {display: none;}
#closejob{display: inline-block;}

/** Clients **/
.client-wrapper li {width: 50%;}
.clients-logo {width: 100%;height: 108px;}
.clients-title {font-size: 12px;line-height: 16px;width:auto;height: 48px;display: block;}
.clients-logo img{margin-bottom: 15px;}

/** Downloads **/

.download-wordlist > li {width: 31.33%;}
.word-ico {display: block;height: 70px;margin: 0 auto 13px;width: 70px;background-size: 70px auto;}
.download-wordlist > li span {font-size: 12px;line-height: 14px;display: inline-block;vertical-align: middle;}

/** About Page **/
.article-header{display: block;text-decoration: none;}
.about-sideNav{display: none;}
.article-header.active{text-decoration: none;}


/** Sidebar **/
.sidebar {float: none;padding:10px 0;width:auto;margin: 0 10px;}
.welcome-box{display: none;}

/** Footer ***/
.footer .wrapper {margin: 0 10px;}
.col-4.footer-about, .col-4.footer-link {width: 50%;text-align: center;}
.col-4.footer-knowledge {display: none;}
.col-4.footer-contact {width: 100%;margin-top: 20px;}
.credits, .copyrights {display: block;font-size: 12px;text-align: center;float: none;}


/*_ Contact Us _*/

.contact-page .article {float: none;width: auto;}
.map {float: none;}
.map iframe {width: 100% !important;}

/** pop ups **/

/*_ Job Appy _*/

.applyJob {left: 0;margin: 0 10px;position: absolute;top: 50px;width: auto;z-index: 450;}
.modal-title {font-size: 16px;padding: 15px;}
.modal-content {padding: 10px;}
.modal-form .form-group label {display: block;vertical-align: middle;width: auto;}
.modal-form .form-group input {display: block;width: 100%;}
.modal-form .form-group{padding: 3px 5px;}
.popup span.view-btn {margin-top: 10px;}


}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width: 767px) and (orientation : landscape){

/*_ Main Content _*/
.article .col.col-2{width: 50%;float: left;}

/*_ Openings _*/
.client-wrapper li {width: 33%;}
.client-wrapper li.no-lbr{border-left: 1px solid #ddd;}

/*_ Clients _*/

h3.clients-title {display: table;width: 100%;}
h3.clients-title span {display: table-cell;vertical-align: bottom;text-align: center;}

/*_ Sidebar _*/
.sidebar {clear: both;}
.advantage .image {height: 175px;text-align: center;background-color: #444;}

/*_ Footer _*/

h4.footer-label{text-align: center;}
.phone,.fax{display: inline-block;vertical-align: middle;}
.fax{margin-left: 20px;}

}



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/*.flexslider .slides > li { 
  -webkit-transition: opacity 1s ease; 
  -moz-transition: opacity 1s ease;
  transition: opacity 1s ease; 
}
*/
/*
Basic Swiper Styles 
================================================================*/
.swiper-container {
  margin:0 auto;
  position:relative;
  overflow:hidden;
  -webkit-backface-visibility:hidden;
  -moz-backface-visibility:hidden;
  -ms-backface-visibility:hidden;
  -o-backface-visibility:hidden;
  backface-visibility:hidden;
  /* Fix of Webkit flickering */
  z-index:1;
}
.swiper-wrapper {
  position:relative;
  width:100%;
  -webkit-transition-property:-webkit-transform, left, top;
  -webkit-transition-duration:0s;
  -webkit-transform:translate3d(0px,0,0);
  -webkit-transition-timing-function:ease;
  
  -moz-transition-property:-moz-transform, left, top;
  -moz-transition-duration:0s;
  -moz-transform:translate3d(0px,0,0);
  -moz-transition-timing-function:ease;
  
  -o-transition-property:-o-transform, left, top;
  -o-transition-duration:0s;
  -o-transform:translate3d(0px,0,0);
  -o-transition-timing-function:ease;
  -o-transform:translate(0px,0px);
  
  -ms-transition-property:-ms-transform, left, top;
  -ms-transition-duration:0s;
  -ms-transform:translate3d(0px,0,0);
  -ms-transition-timing-function:ease;
  
  transition-property:transform, left, top;
  transition-duration:0s;
  transform:translate3d(0px,0,0);
  transition-timing-function:ease;

  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: auto;
}

.swiper-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  float: left;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}


/***** ANIMATION ******/

.animated {
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;       
}

.swiper-slide-active .animated {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; 
}

.flex-active-slide .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both; 
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
            transform: translate3d(0,-4px,0);
  }
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

@-webkit-keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.fadeIn {
  -webkit-animation-name: fadeIn;
          animation-name: fadeIn;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
          animation-name: fadeInUp;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
          animation-name: fadeInDown;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
          animation-name: fadeInLeft;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}


@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
          animation-name: zoomIn;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
          animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

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

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
          animation-name: fadeInRight;
}

----------------