body, html, p{margin:0px; padding:0px; font-family: 'Roboto', sans-serif; color:#282828;}
* {margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; outline:none;}
aside, details, figcaption, figure, ins, summary, small, mark, title, video, footer, header, hgroup, nav, section, article{display:block;}
.clear{padding:0; margin:0; line-height:0; height:0; font-size:0; clear:both; width:100%; display:block;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
html, body{padding:0; margin:0; overflow-x:hidden;}
body *{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
ul, ul li{list-style:none; padding:0; margin:0;}
input, button{outline:none; border:none;}
a, a:hover, a:focus{text-decoration:none; outline:none; transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
a:active, a:hover{outline:0;}
button{transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s;}
:focus{outline:none;}
img {border:none;}
/*---------------placeholder ----------------*/
::-webkit-input-placeholder{opacity:1;}
::-moz-placeholder{opacity:1;}
:-ms-input-placeholder{opacity:1;}
:-moz-placeholder{opacity:1;}
/*---------------header ----------------*/

header{padding:20px 5px; background:#1f4e8a; float:left; width:100%; position:relative; margin-bottom:30px;}
header h1{font-size:24px; text-transform:uppercase; font-weight:500; color:#fff; text-align:center; margin:0px; padding:0px;}
.logo{float:left;font-size:24px;text-transform:uppercase;font-weight:500;color:#fff;left:15px;position:absolute;}
.logo a{float:left;font-size:24px;text-transform:uppercase;font-weight:500;color:#fff;left:15px;position:absolute;text-decoration: none;}
.logo h1 a:hover, header h1 a:focus {color:#fff; text-decoration: none !important;}
.pageContent {clear: both;width: 40%;margin: 0 auto 30px;background: #fff;/*padding: 0;*/border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;/*overflow: hidden;*/border: 1px solid #f2f2f2;box-shadow: 0 0 8px #e1e1e1;padding: 30px;position: relative;}
.pageContent h2 {font-size: 20px;font-weight: 500;color: #1f4e8a;letter-spacing: 0.5px;/*padding-bottom: 30px;*/text-align: center;}
.pageContent .inpTxt {width: 100%;height: 40px;padding: 0 10px;position: relative;color: #424242;background: none;border: none;border-bottom: 1px solid #ebebeb;letter-spacing: 0.5px;font-family: 'Roboto', sans-serif;}
.pageContent .form-group {position: relative;margin-bottom: 20px;}
.pageContent .form-group i {position: absolute;color: #424242;font-size: 20px;right: 10px;top: 9px;}
.pageContent a.linkTxt {color: #232323;margin: 0 10px;text-decoration: underline;font-size: 13px;}
.pageContent a.linkTxt:hover, .pageContent a.linkTxt:focus {color: #000;}
.pageContent button {background: #232323;color: #fff;padding: 5px 25px;font-size: 14px;font-weight: 500;border-radius: 30px;display:inline-block;margin: 0 10px;cursor: pointer;}
.pageContent button:hover, .pageContent button:focus {background: #131313;}
.dashBaord .pageContent .addBtn {float: right;margin: 0 5px 10px 0px;background: #113e77;border-radius: 0;}
.dashBaord .pageContent .addBtn i {margin-right: 5px;}
.pageContent p {color: #333;font-size: 15px;padding: 5px 0;}
.pageContent p a {color: #333;text-decoration: underline;}
.pageContent h3 {font-size: 15px;font-weight: 400;color: #333;letter-spacing: 0.5px;padding-bottom: 20px;text-align: left;float: left;}
.pageContent table {border: 1px solid #e0e0e0;background: #f9f9f9;text-align: left;width: 100%;}
.pageContent table thead th {border-bottom: 1px solid #e0e0e0; background: #424242; color: #fff; font-weight: 500; padding: 10px 5px; font-size: 11px;}
.pageContent table tbody td{color:#424242; border-bottom:1px solid #e0e0e0; word-break:break-all; word-wrap:break-word; font-size:13px; padding:10px 5px}
.pageContent table tbody td a{color:#424242;}
.pageContent table tbody tr:nth-child(2n){background:#fff;}

span.multiselect-native-select .open{position:relative;}
span.multiselect-native-select button.multiselect{background:#FFF; color:#333; height:36px; padding:5px 10px; display:flex; justify-content:space-between; align-items:center; font-family: 'Roboto', sans-serif; font-weight:400;}
span.multiselect-native-select button.multiselect:focus,
span.multiselect-native-select button.multiselect:active{outline:none;}
span.multiselect-native-select{position:relative;}
span.multiselect-native-select select {border: 0!important;clip: rect(0 0 0 0)!important;height: 1px!important;margin: -1px -1px -1px -3px!important;overflow: hidden!important;padding: 0!important;position: absolute!important;width: 1px!important;left: 50%;top: 30px;}
.multiselect-container {position: absolute;list-style-type: none;margin: 0;padding: 0;}
.multiselect-container .input-group {margin: 5px;}
.multiselect-container>li {padding: 0;}
.multiselect-container>li>a.multiselect-all label {font-weight: 700;}
.multiselect-container>li.multiselect-group label {margin: 0;padding: 3px 20px 3px 20px;height: 100%;font-weight: 700;}
.multiselect-container>li.multiselect-group-clickable label {cursor: pointer}
.multiselect-container>li>a {padding: 0;}
.multiselect-container>li>a>label {margin: 0;height: 100%;cursor: pointer;font-weight: 400;padding: 3px 0 3px 30px;}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {margin: 0;}
.multiselect-container>li>a>label>input[type=checkbox] {margin-bottom: 5px;}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.form-inline .multiselect-container label.checkbox,
.form-inline .multiselect-container label.radio {padding: 3px 20px 3px 40px;}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox],
.form-inline .multiselect-container li a label.radio input[type=radio] {margin-left: -20px;margin-right: 0;}




.btn.btn-dark{background:#333; color:#FFF; vertical-align:middle; border-radius:40px; padding:5px 25px 3px;}

.pageContent table tbody td.actions a{padding:3px 0;}
.pageContent table tbody td.actions a + a{padding:3px 0 3px 10px;}
.pageContent table tbody td.actions a.deleteThis{color: #F00;}
.pageContent table tbody td.actions a:nth-child(2){color:#ff9800;}
.pageContent table tbody td a{color:#337AB7; font-weight:500; padding:3px 5px; font-size:12px; text-decoration:underline;}
.pageContent table tbody.candidate td a {padding: 0px}
.pageContent table tbody td.normal-link a {color: #424242;font-weight: unset;padding: 0;font-size: unset;text-decoration: none;}
/*---------dashboard---------------*/
.topLinks {position: absolute;right: 0;top: 24px;}
.topLinks li {float: left;color: #fff;margin: 0 15px;font-size: 13px;}
.topLinks li a {color: #fff;}
.topLinks li i {margin-right: 5px;}
.dashBaord {width: 100%;clear: both;}
.dashBaord .pageContent {width: 100%;min-height: 700px !important;padding:0px;}
.dashBaord .pageContent.autoHeight {min-height: auto !important;}
.dashBaord .pageContent.recruiterContent {min-height: 540px !important;}
.nEmail {width: 12%;}
.addForm label {font-weight: 500;font-size: 13px;}
.inpField {border: 1px solid #e3e3e3;height: 36px;padding: 0 10px;width: 100%;}
.addForm .form-group {float: left;width: 100%;}
.addForm textarea {border: 1px solid #e3e3e3;resize: none;padding: 10px;height: 80px;width: 100%;}
.fileUpload {position: relative;overflow: hidden;background: #8c8c8c;display: inline-block;color: #fff;padding: 7px 15px;font-size: 13px;vertical-align: top;}
.fileUpload img {margin-left: 30px;float: right;transform: rotate(-90deg);}
.fileUpload input.upload{position:absolute; top:0; right:0; margin:0; padding:0; font-size:20px; cursor:pointer; opacity:0; filter:alpha(opacity=0); height:100%;}
.fileUpload:hover, .fileUpload:focus{background:#777;}
.pageContent .addForm button{margin:0;border-radius:0;padding:8px 25px;}
/*
.pageContent .canTable tbody td {
width: 20%;
}*/
.detailForm button{float:none; display:inline-block; vertical-align:top; margin:10px 0 !important;}
.tDate{float:left; padding:7px 5px;}
.triangle{display:inline-block;position:relative;background:url(../images/angle1.png) 0 0 no-repeat;width:46px;height: 40px;color:red;padding-top:5px;}
.submissions {word-break: break-all;}

ul.salReqReport{margin:50px 0 0;}
ul.salReqReport li{display:block;}
ul.salReqReport li a{display:block; padding:5px 10px;}
ul.salReqReport li a.active:hover, ul.salReqReport li a.active:focus{color: #fff; text-decoration: none;}
ul.salReqReport li + li{border-top:1px solid #555;}
.rightSection:before{content:""; position:absolute; width:1px; height:100%; background:#CCC; left:0px; top:0px;}


.datepicker table tr td span{display: block;width: 23%;height: 54px;line-height: 54px;float: left;margin: 1%;cursor: pointer;border-radius: 4px;text-align: center;}
/*.datepicker table tr td span.focused{background-color: #b9ddfd;}*/
.datepicker table th{text-align: center;}
.datepicker .datepicker-days{padding: 0 10px;}


.jobTitle{display:flex; padding:0 10px;}
.jobTitle li{padding:0 5px;}
.jobTitle li:nth-child(2){max-width:200px; flex:0 0 200px;}
.jobTitle li:last-child{max-width:190px; flex:0 0 190px;}
.jobTitle li:nth-last-child(2){max-width:150px; flex:0 0 150px;}
.jobTitle li:nth-last-child(3){max-width:120px; flex:0 0 120px;}

.serchCand{background:#f9f9f9; padding:10px 20px;}

.candDtl{display:flex; justify-content:space-between; margin:15px -15px;}
.candDtl .dtlBox{width:100%; padding:0 15px; border-radius:5px;}
.candDtl .dtlBox table tbody td{font-size:15px; font-weight:500; font-family:'Roboto', sans-serif;}

.btnRow .nBtn{border-radius:40px; padding:5px 20px;}
.btnRow .nBtn:hover{background:#555; color:#FFF;}

.nBtn{background:#333; color:#FFF; font-size:16px; border-radius:40px; padding:5px 20px; font-weight:400; font-family:'Roboto', sans-serif;}
.nBtn:hover{text-decoration:none; color:#FFF; background:#555;}
.nBtn.blkBtn{background:#000;}
.nBtn.gryBtn{background:#5F5F5F;}

.nBtn.bluBtn{background:#337AB7; color:#FFF; text-decoration:none; padding:5px 10px; border-radius:4px; font-size:12px;}

.pageContent .linkClr{color:#337AB7; cursor:pointer;}

.nBtn.blkBtn:hover, .nBtn.gryBtn:hover{color:#FFF; background:#555;}

.nUIudate .addForm .nBtnOnly{border-radius:30px; background:#000; margin-right:60px; font-family:'Roboto', sans-serif; font-weight:400;}
.nUIudate .h3Title{margin:20px 0; padding:0px; color:#333; font-size:25px;}
.nUIudate .serchRes{padding:0 10px;}

.comnts h3{float:none; padding:0px;}
.comnts .nBtn{background:#1F4E8A; color:#FFF; font-size:12px;font-weight:500; border-radius:30px; font-family:'Roboto', sans-serif;}
.comnts .nBtn + .nBtn{margin-left:8px;}
.comnts .nBtn:hover{background:#000; color:#FFF;}
.comnts .postBy{color:#909090;}
.comnts .postBy a{color:#337AB7;}
.comnts .postBy span{color:#333;}
.nBtn.bgOrange{background:#0E8E09;}

.nCol{padding:0 10px; font-family:'Roboto', sans-serif;}
.nForm label{font-family:'Roboto', sans-serif; font-weight:400; font-size:14px;}

.nForm .addForm input,
.nForm .addForm select{box-shadow:none; border-radius:4px; border:1px solid #E3E3E3; height:36px; font-weight:400; font-family:'Roboto', sans-serif;}

.nForm input[disabled],
.nForm textarea[disabled]{background:#EAEAEA; border:1px solid #CCC;}

.nForm label.error {position: unset;}

.resumeBox{background:#E2ECF480; border:1px solid #C6DBEB; display:flex; flex-wrap:wrap; font-family:'Roboto', sans-serif;}
.resumeBox .inputFile{position:relative;}
.resumeBox .inputFile label{position:absolute; background:#6479ce; color:#FFF; padding:2px 11px; border-radius:4px;}
.resumeBox input[type="file"]{border:0px; color:#555; height:auto;}
.resumeBox input[type=file]::file-selector-button{background:#337AB7; color:#FFF; border:0px; padding:4px 8px; border-radius:5px; font-size:14px; box-shadow:none; outline:none; cursor:pointer; transition:0.5s;}
.resumeBox input[type=file]::file-selector-button:hover{background:#519EE1;}
.resumeBox .resumFile{text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:160px; color:#0271FF;}

.nUIudate .resumeBox p{margin:0; padding:0;}
.nUIudate .resumeBox .remov{color:#F00; font-weight:400; font-size:13px; text-decoration:underline; font-family:'Roboto', sans-serif; cursor:pointer;}
.pageContent.nUIudate .resumeBox .form-group {border-bottom:1px solid #C6DBEB; padding:10px 5px; margin:0;}

.pageContent .commentBox .comment{padding-bottom:20px;}
.pageContent .commentBox #dataReview i{font-size:25px; margin-right:8px; color:#DBDBDB;}
.pageContent .commentBox #dataReview i.fas{color:rgb(252, 215, 3);}
.pageContent .commentBox #dataReview{margin-top:5px;}

.nSubmitBtn button{background:#000; color:#FFF; padding:10px 40px; font-size:18px; border-radius:40px;}

.roboto{font-family:'Roboto', sans-serif;}

.w1{width:10%;}
.w12{width:12%;}
.w15{width:15%;}
.w18{width:18%;}
.w20{width:20%;}
.w50{width:50%;}
.w60{width:60%;}
.w70{width:70%;}
.w80{width:80%;}
.w83{width:83.33333%;}

.nCol-1{width:8.333333%;}
.nCol-2{width:16.666667%;}
.nCol-3{width:25%;}
.nCol-4{width:33.333333%;}
.nCol-5{width:41.666667%;}
.nCol-6{width:50%;}
.nCol-7{width:58.333333%;}
.nCol-8{width:66.666667%;}
.nCol-9{width:75%;}
.nCol-10{width:83.333333%;}
.nCol-11{width:91.666667%;}
.nCol-12{width:100%;}

.nCol-1, .nCol-2, .nCol-3, .nCol-4, .nCol-5, .nCol-6, .nCol-7, .nCol-8, .nCol-9, .nCol-10, .nCol-11, .nCol-12{padding-right:10px; padding-left:10px;}


/* ============ COMMON CSS FOR ALL ============ */


.d-flex{display:-ms-flexbox; display:flex;}
.flex-wrap{-ms-flex-wrap:wrap; flex-wrap:wrap;}
.justify-content-between{-ms-flex-pack:justify; justify-content:space-between;}
.justify-content-center{-ms-flex-pack:center; justify-content:center;}
.align-items-center{-ms-flex-align:center; align-items:center;}
.align-self-end{-ms-flex-item-align:end; align-self:flex-end;}
.mlr-1{margin-left:10px; margin-right:10px;}
.mtb-1{margin-top:10px; margin-bottom:10px;}
.mt-1{margin-top:10px;}
.mb-1{margin-bottom:10px;}
.ml-1{margin-left:10px;}
.mr-1{margin-right:10px;}
.mlr-2{margin-left:20px; margin-right:20px;}
.mtb-2{margin-top:20px; margin-bottom:20px;}
.mt-2{margin-top:20px;}
.mb-2{margin-bottom:20px;}
.ml-2{margin-left:20px;}
.mr-2{margin-right:20px;}





@media all and (max-width:1199px) {	

.logo{position:static;width:100%;text-align:center;padding:0 0 15px;}
header h1{ float:left;}
.topLinks{ position:static;float:right;}
.pageContent1{width:100%;}

}

@media all and (max-width:991px) {

.pageContent {width: 70%;}

}

@media all and (max-width:767px) {

.pageContent {width: 90%;padding: 20px;}
header h1 {padding-bottom: 15px;}
.topLinks {position: static;text-align: center;}
.topLinks li {float: none;display: inline-block;}
.tDate {width: 100%;}

}

label.error{color:red; font-style:italic; font-size:smaller; position:absolute; display:block;}
div.error p{color:red; font-style:italic; font-size:smaller; display:block;}
.alert.alert-danger{color:#ff0000;}
.alert.alert-success{color:#34920d;}
.alert{padding:0 !important; margin-bottom:0 !important; border:none !important;}
.row-eq-height{display:flex; margin-bottom:5px}
.table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {vertical-align:top !important;}
.pageContent.add-requirement {width:100% !important;}
a.various i{font-size:24px !important;}
.pageContent .form-group a.various i{top:auto; bottom:5px; right:6px; background:#FFF;}
.role-dropdown {width: 12% !important; float: right;}
.pageContent.add-requirement .form-group{margin-bottom:10px;}
.pageContent.add-requirement h3.formTitl {text-align: center;background: #EEE;border: 1px solid #CCC;padding: 10px 5px;margin-bottom: 10px;float: none;display: block;font-size: 13px;font-weight: 600;}

.pageContent.add-requirement .addForm .requirement_detail textarea{height:400px;}
.pageContent.add-requirement .addForm .show_requirement textarea{height:150px;}
.pageContent.add-requirement.show_requirement .addForm .requirement_detail textarea{height:250px;}
.pageContent.add-requirement.show_requirement .addForm .comment textarea{height:65px;}
.pageContent.add-requirement .addForm textarea{height:120px;}
.pageContent.add-requirement .submitBtn{margin:20px 0;}
.pageContent.add-requirement .submitBtn button{float:none;}
.interview_email textarea{height:200px;}
.other_details textarea{height:200px;}
img.loader { width: 20px; position: absolute; top: 32px; left: 12px; display:none; }
.required { color: red; font-size: 11px; font-style: italic; }
.form-group .checkbox-served { width: 20px; height: 20px; margin: 0; vertical-align: middle;}
.pageContent table tbody td.position-served.normal-link {color: #119608;}
.pageContent table tbody td.position-served.normal-link a {color: #119608;}
div.pagination {width: 100%; text-align: center; margin: 0 0 20px;}
div.pagination .pagination {margin: 0 0 20px;}
select.input-sm {background-color: #fff; color: #757575;}

/*the container must be positioned relative:*/
.autocomplete {position: relative;display: inline-block;}
.autocomplete-items {position: absolute;border: 1px solid #d4d4d4;border-bottom: none;border-top: none;z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;left: 0;right: 0;max-height: 200px;overflow: hidden scroll;}

.autocomplete-items div {padding: 10px;cursor: pointer;background-color: #fff; border-bottom: 1px solid #d4d4d4; }

/*when hovering an item:*/
.autocomplete-items div:hover {background-color: #e9e9e9; }

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {background-color: DodgerBlue !important; color:#fff;}
#submissionsListingModal .modal-dialog{width: 98%;}
#submissionsListingModal .modal-body{padding: 5px 0 0 0;}
.modal-open #submissionsListingModal {overflow-y: hidden;}
#submissionsListingModal .pageContent {margin: 0 auto 0; border: none; box-shadow: none;}
#submissionsListingModal .modal-body {max-height: 400px; overflow-y: scroll;}
#submissionsListingModal .pageContent table tbody td a {padding: 0px;}
#submissionsListingModal .modal-content {padding: 5px 0 0 0;}
td.center{text-align: center;}
.div-as-text{background-color:#EAEAEA; padding:10px; padding-left:12px; max-height:200px; overflow-y:scroll;}
tr.total-report td{font-weight: bold; font-size: 16px !important;}
.pageContent table.salesView tbody tr:nth-child(2n) {background: none;}
.pageContent table tbody tr.odd {background: #fff !important;}
tr td.submissions-list {padding-left: 20px !important; padding-right: 20px !important;}
.salesViewLoader {width: 25px;}
.pageContent .comments-box textarea {resize: none; width: 100%;}
.pageContent .comments-box button {background: #232323; color: #fff; padding: 2px 15px; font-size: 12px; font-weight: 500; border-radius: 30px; cursor: pointer; margin: 0;}
.pageContent .comments-box button.right {float: right;}
.pageContent .comments-box ul {clear: both; padding-top: 5px;}
.submissions-notification {color: #ffffff; -webkit-animation:colorchange 5s infinite alternate; -ms-animation:colorchange 5s infinite alternate; background:url(../images/angle-fill2.png) 0 0 no-repeat;}

@-webkit-keyframes colorchange {
    0% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
    10% {background:url(../images/angle-fill3.png) 0 0 no-repeat;}
    20% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
    30% {background:url(../images/angle-fill3.png) 0 0 no-repeat;}
    40% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
    50% {background:url(../images/angle-fill3.png) 0 0 no-repeat;}
    60% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
    70% {background:url(../images/angle-fill3.png) 0 0 no-repeat;}
    80% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
    90% {background:url(../images/angle-fill3.png) 0 0 no-repeat;}
    100% {background:url(../images/angle-fill2.png) 0 0 no-repeat;}
}
@-ms-keyframes colorchange {
    0% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    10% {background:url(../images/angle-fill3.png);opacity: 1;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    20% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    30% {background:url(../images/angle-fill3.png);opacity: 1;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    40% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    50% {background:url(../images/angle-fill3.png);opacity: 1;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    60% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    70% {background:url(../images/angle-fill3.png);opacity: 1;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    80% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    90% {background:url(../images/angle-fill3.png);opacity: 1;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
    100% {background:url(../images/angle-fill2.png);opacity: 0.25;
    -webkit-transform: translatey(0);
            transform: translatey(0);}
}
.comment-notification {background-color:#ffff007a !important;}
.custom-inputs .search-text-box {padding: 5px 5px; border:1px solid #333;}
.custom-inputs .show-total {display:inline-block; margin-left: 1px;}
.interview-notification {animation:interviewcolorchange 5s infinite alternate; color: #ff0000 !important;}
@keyframes interviewcolorchange {
    0% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
    10% {opacity: 1; -webkit-transform: translatey(0); transform: translatey(0);}
    20% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
    30% {opacity: 1; -webkit-transform: translatey(0); transform: translatey(0);}
    40% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
    50% {opacity: 1; -webkit-transform: translatey(0); transform: translatey(0);}
    60% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
    70% {opacity: 1; -webkit-transform: translatey(0); transform: translatey(0);}
    80% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
    90% {opacity: 1; -webkit-transform: translatey(0); transform: translatey(0);}
    100% {opacity: 0.25; -webkit-transform: translatey(0); transform: translatey(0);}
}