/*
Change Log: 19 June, 2019
Description: Change image name in images directory and update that new name here in this file. 
*/
@charset "utf-8";
@font-face {
font-family: 'OpenSans';
	src: local('OpenSans'), url('OpenSans-Regular.ttf') format('truetype');
}
body{
	font-family: OpenSans;
	font-size: 15px;
}
h2{
	font-weight: 600 !important;
	font-size: 25px;
}
.head h2 {
    font-size: 35px;
    color: dimgray;
    line-height: 100%;
    font-weight: 700;
}
.head h1 {
    font-size: 50px;
    font-weight: 400;
}
.head p {
    font-size: 22px !important;
    color: gray;
    font-weight: 700;
}
.head .btn {
    background-color:#FF7B1E;
    margin-top: 5%;
    font-size: 14px;
    transition: all 0.5s ease-in-out 0s;
	 border: 1px solid #FF7B1E;
}
.head .btn:hover {
    background-color: transparent;
   border: 1px solid #FF7B1E;
	color: #FF7B1E;
}
.head .btn:active {
	color: #FF7B1E;
}
.head {
    padding-top: 8%;
    padding-left: 5%;
}
#h img {
    height: 600px;
    width: 100%;
}
.h .clearfix:before, .h .clearfix:after, .h .dl-horizontal dd:before, .h .dl-horizontal dd:after, .h .container:before, .h .container:after, .h .container-fluid:before, .h .container-fluid:after, .h .row:before, .h .row:after, .h .form-horizontal .form-group:before, .h .form-horizontal .form-group:after, .h .btn-toolbar:before, .h .btn-toolbar:after, .h .btn-group-vertical > .btn-group:before, .h .btn-group-vertical > .btn-group:after, .h .nav:before, .nav:after, .h .navbar:before, .h .navbar:after, .h .navbar-header:before, .h .navbar-header:after, .h .navbar-collapse:before, .h .navbar-collapse:after, .h .pager:before, .h .pager:after, .h .panel-body:before, .h .panel-body:after, .h .modal-header:before, .h .modal-header:after, .h .modal-footer:before, .h .modal-footer:after{
	display:inline !important;
}
.h {
	margin-bottom: 20px;
}
/* .footer{
    left: 0;
    bottom: 0;
	width: 100%;
	right: 0;
} */
.container-fluid{
}
.container{
	height:100%;
}
.searchandcontact {
	margin-top: -20px;
	margin-left: 100px;
}
.search input[type=text] {
    width: 90%;
	height: 20px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 40px;
    font-size: 14px;
    background-color: white;
    background-position: 10px 10px; 
    background-repeat: no-repeat;
    padding: 12px 10px 12px 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
	top: 0;
}
.search input[type=text]:hover,  .search input[type=text]:active, .search input[type=text]:focus{
   	text-decoration: none;
    border: 2px solid #FF7B1E;
    border-radius: 40px;
	outline: none;
}
/*
 .search input[type=text]:focus {
    width: 100%;
} */
#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 5%;
  z-index: 2;
  border: none;
  outline: none;
box-shadow: 0px 0px 10px 1px #000000;
  background-color: #FF7B1E;
	font-size: 12px;
  color: white;
  cursor: pointer;
  padding: 10px;
  border-radius: 10px;
}
#myBtn:hover {
  background-color: #555;
}
.header {
  margin-top:15%;
  color:#892252;
}
.header h1 {
   color:#892252;
	margin-left: 35%;
}
.btn-primary-outline {
  background-color: transparent;
  border-color: white;
	color: white;
}
.btn-primary-outline:hover {
        color: white;
        background-color: orangered;
}
.btn-primary-outline .btn-danger:hover {
        color: white;
        background-color: orangered;
}
.btn-danger{
		background-color: orange;
		 border-color: orange;
}
.btn-round{
		border-radius: 25px;
}

.btn-new{
	background-color: #FF7B1E;
}

.btn-new:hover{
	background-color: orange;
}
.aboutdatasci{
	padding: 80px;
	background-color: #F1F1F1;
	text-align: center;
}
.aboutdatasci p{
	text-align:justify;
} 
.aboutdatasci p{
	padding: 10px 260px;
	font-size: 15px;
	font-weight: 500;
}
.slog{
	background-color: #333333;
	color: #FFF;
	padding: 30px;
	text-align: center;
}
.slog h3{
	padding: 0 460px;
	font-size: 20px;
	font-weight:500;
}
.bpps h2{
	padding-top: 50px;
	padding-left: 100px;
}
.bpps p{
	padding: 5px 100px;
	font-size: 15px;
	font-weight: 500;
}
.services{
	text-align:left;
	
}
.services .back{
	background-color: #F1F1F1;
}
.services #backs{
	padding-top: 80px;
	height: 800px;
}
.services h2{
	padding: 20px 50px;
	font-size: 20px;
}
.services p{
	padding: 5px 50px;
	font-size: 15px;
	font-weight: 500;
}
.services p b{
	color: #FF7B1E;	
}
.bsolution{
	background-color: #FF7B1E;
	color: #FFF !important;
	padding: 50px;
	text-align: center;
}
.bsolution p{
	padding: 15px 320px;
	font-size: 15px;
	color: #FFF !important;
}
.esolution{
	text-align: center;
}
.esolution #boxes{
	height: 500px;
}
.esolution h2{
	padding: 20px 200px;
	text-transform: uppercase;
	font-size: 20px;
}
.esolution p{
	padding: 10px 200px;
	font-size: 15px;
	font-weight: 500;
}
.backabo{
	background-color: #fff;
	padding: 30px;
}
.bpps .img-responsive{
	height: 50%;
}
.backabo img{
			display: inline;
			padding: 20px;
			height: 100px;
			width: auto;
		}
.marketprofile{
	background-color: #F1F1F1;
}
.marketprofile h2{
	text-transform: uppercase;
	font-size: 25px;
	padding-bottom: 10px;
	padding-top: 30px;
	line-height: 35px;
}
.marketprofile #orange{
	background-color: #FF7B1E;
	color: #fff;
	padding: 50px 150px;
}
.marketprofile #orange p{
	color: #fff;
	padding-top:20px;
}
.marketprofile #orange ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
	font-size: 15px;
}
.marketprofile #orange li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #fff;
}
.marketprofile #white{
	padding: 50px 150px;
}
.marketprofile #white ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
	color : #999999;
	font-size: 15px;
}
.marketprofile #white li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #FF7B1E;
}

.services #service{
	padding: 0px 50px;
}
.services #service ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
    text-indent: -1.2em;
	font-size: 15px;
	color: #666666;
	
}
.services #service li{
padding-top: 10px;
}
.services #service li:before {
    content: "+";
    display: block;
    float: left;
    width: 1.2em;
    color: #FF7B1E;
}

.partner p{
	padding: 0 330px;
	font-size: 16px;
	color: #FFF !important;
	padding-bottom: 20px;
}
.our{
	text-align: center;
	padding: 100px;
}
.our #boxs{
	height: 350px;
}
.our #boxs p{
	padding: 20px 70px;
	font-size: 15px;
}
.our #boxs .im{
	height: 50px;
}
.footjob{
	margin-top: 100px;
}
form label{
	text-align: left;
}
h3, h4, p{
	color: #FFF;
	text-decoration: none;
	
}

p{
		margin: 0;
		text-decoration: none;
		color: #666;
}
	
footer{
	background-color: #000000;
	color: darkgray;
	height: 70px;
	padding:25px 0;
		
}
.foot{
	padding: 30px;
	padding-top: 50px;
	margin-bottom: 20px;
}
.foot .info{
	padding-left: 100px;
	text-align: left;
}
.foot .office{
	padding-left: 40px;
	text-align: left;
}
.foot .social{
	padding-left: 40px;
	text-align: left;
}
.imentorhead{
background-image: url(../images/new/pki_head.jfif);
height: 900px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
/*
.imentorhead {
    background-image: url(../images/new/pki_head.jpg);
    height: 900px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background: #f9fafc;
    padding-bottom: 80px;
}
*/
.endpointhead{
background-image: url(../images/new/endpoint.jfif);
height: 700px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.newsEhead{
background-image: url(../images/new/newsEvent.jfif);
height: 400px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.imentorhead .imenterbannertext{
	margin-top: 8%;
	padding-left: 10%;
}
/* .imentorhead .pkibannertext{
	margin-top: 20%;
	padding-left: 10%;
} */
.imentorhead .pkibannertext {
    margin-top: 15%;
    padding-left: 10%;
}
.imentorhead .imenterbannertext h1{
	font-size : 30px ;
	font-weight : 500 ;
	color:#fff;
}
.imentorhead .imenterbannertext p{
	padding-top: 20px;
	padding-right: 10%;
	color : #fff;
	font-size : 15px ;
	font-weight : 300 ;
}
.imentorhead .imenterbannertext img{
	padding-top: 50px;
	padding-left: 20%;
}
.imentorhead .imenterbannertext h2{
	font-size : 22px ;
	font-weight : 700 ;
	color:#FFF;
}
.endpointhead .imenterbannertext h1{
	color:#ffffff;
}
.endpointhead .imenterbannertext p{
	color : #ffffff;
}
.endpointhead .imenterbannertext{
	margin-top: 8%;
	padding-left: 10%;
}
.imentersolution{
	padding-left:100px;
	padding-right:100px;
}
.imentor #orange{
	padding: 140px 150px;
}
.imentorpackage h3{
	color: #989898;
}
.imentorpackage ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
	color : #FF7B1E;
	font-size: 24px;
	font-weight: 700;
}

.imentorpackage li:before {
    content: "+";
    width: 20px;
    color: #FF7B1E;
}
.esolution h1{
	padding-top: 50px;
	font-weight: 600;
	font-size: 30px;
	padding-bottom: 20px;
}
.imantorkey{
	background-color: #F1F1F1;
}
.imantorkey h2{
	padding: 20px 20px;
	text-transform: uppercase;
	font-size:18px;
}
.pkilast h2{
	padding: 20px 20px;
	text-transform:capitalize;
	font-size:25px;

}
.imantorkey ul {
    list-style: none;
    margin-left: 0;
    padding-left: 1.2em;
	color : #989898;
	font-size: 15px;
	font-weight: 400;
	padding: 20px 130px;
}
.imantorkey li{
	padding-top: 10px;
}
.imantorkey li:before {
    content: "+";
    width: 20px;
    color: #ff7a23;
}
.imantorkey #boxes{
	height: 390px;
}
.imentorlast{
background-image: url(../images/new/imentorbottom.jpg);
height: 1100px;
	padding-top: 20px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.pkilast{
background-image: url(../images/new/imentorbottom.jpg);
height: 500px;
	padding-top: 20px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imentorlast li:before {
    content: "+";
    width: 20px;
    color: #FF7B1E;
	font-weight: 500;
}

.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6{
	padding-right: 0px;
}
.fundhead{
background-image: url(../images/new/database.jfif);
height: 700px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.fundhead .imenterbannertext{
	margin-top: 8%;
	padding-left: 7%;
}
.fundhead .imenterbannertext h1{
	font-size : 30px ;
	font-weight : 600 ;
}
.fundhead .imenterbannertext p{
	padding-top: 20px;
	padding-right: 10%;
	font-size : 16px ;
	font-weight : 300 ;
}
.fundsolution h3{
	padding-left:300px;
	padding-right:300px;
	font-weight: 700;
	color: #989898;
	font-size: 25px;
}
.box{
	background-color: #F1F1F1;
	padding: 50px;
}
.x_panel {
    position: relative;
    width: 100%;
    padding: 50px 50px;
    display: inline-block;
    background: #fff;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .5s ease;
	color:darkgray;
}
.x_panel:hover { 
	background: #FF7B1E !important; 
	color:#fff !important;
}
.x_panel:hover p{ 
	color:#fff !important;
}
.x_panel:hover hr{ 
	background-color:#fff !important;
	color:#fff !important;
}
.x_panel:hover h2,h4{ 
	color:#fff !important;
}
.tile {
    overflow: hidden;
}
.x_title h2{
	color:#333333 !important;
}
.box .col-lg-4, .box .col-md-4{
	position: relative;
    min-height: 1px;
    float: left;
    padding-right: 2%;
    padding-left: 2%;
}
.box hr{
	width:10%;
	height:5px;
	background-color: #000;
	float: left;
	margin-top:5px !important;
}
.x_title {
    padding: 1px 5px 6px;
}
.x_content {
    padding: 0 5px 25px;
    position: relative;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 5px;
}
.x_content h4{
	color : #ff7a23 !important;
	font-weight :800;
	font-size:15px;
	padding: 20px 0;
}
.x_content p{
	padding:10px;
}
.x_panel:hover h4{
	color: #fff !important;
}
.box .fundiphone{
	background-image: url(../images/new/fundiphone.jpg);
	height: 500px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box .fundlaptop{
	background-image: url(../images/new/fundlptop.jpg);
	height: 530px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box .fundnews{
	background-image: url(../images/new/fundnews.jpg);
	height: 730px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box .x_content ul {
    list-style: none;
    padding-top: 70px;
	color : #FF7B1E;
	font-size: 23px;
	font-weight: 700;
}
.box .x_content li:before {
    content: "+";
    width: 20px;
    color: #ff7a23;
}
.box .x_panel:hover ul{
	color:#fff !important;
}
.box .x_panel:hover li:before{
	color:#fff !important;
}
.box .boxul ul {
    list-style: none;
	color : #989898;
	font-size: 15px;
	font-weight: 300;
	padding-top: 10px;
	padding-left:0px;
}
.box .boxul li:before {
    content: "+";
    width: 20px;
    color: #ff7a23;
}
.box .x_panel .h3 h3{
	color : #FF7B1E;
	font-size : 23px;
	font-weight : 700;
	line-height: 35px;
	
}
.box .panel-h3 .x_panel{
	background: #F1F1F1 !important;
}
.box .panel-h3{
	background: #F1F1F1 !important;
	border: 2px #FF7B1E solid;	
}
.card {
 -moz-column-width: 30em;
 -webkit-column-width: 30em;
 -moz-column-gap: .5em;
 -webkit-column-gap: .5em; 
  
}
.panel {
 display: inline-block;
 margin:  .5em;
 padding:  0; 
 width:98%;
}
.hrhead{
background-image: url(../images/new/hrhead.png);
height: 900px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.imenterbannertexts{
	margin-top: 10%;
	padding-left: 7%;
}
.imenterbannertexts h1{
	font-size : 30px ;
	font-weight : 600 ;
}
.imenterbannertexts p{
	padding-top: 20px;
	padding-right: 25%;
	font-size : 16px ;
	font-weight : 300 ;
}
.slog p{
	padding: 10px 360px;
	font-size: 15px;
	font-weight: 400;
	color: #fff;
}
.hrservice .hr{
	padding:150px;
}
.hrservice .hr img, .hrservice .hr h2{
	display: inline-block;
	padding: 10px;
}
.hrservice .hr ul {
    list-style: none;
	color : #989898;
	font-size: 16px;
	font-weight: 400;
	padding-top: 10px;
	padding-left: 100px;
	list-style-image: url(/images/checkmark.png);
	list-style-position: outside;
}

.box .hrlaptop{
	background-image: url(../images/new/hrlaptop.png);
	height: 520px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box .hrgirl{
	background-image: url(../images/new/hrgirl.png);
	height: 500px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.box .hrstamp{
	background-image: url(../images/new/hrstamp.png);
	height: 560px;
	width: 100%;
	  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.careershead{
background-image: url(../images/new/careershead.png);
height: 900px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.careershead h3{
	padding-top:50px;
	padding-right:150px;
	color : #ff7a23;
	font-size : 20px ;
font-weight : 800 ;
line-height : 24px ;
}
.btn-backgroundless {
	background-color: transparent;
	font-size: 15px;
	font-weight: 900;
	border-radius: 0;
	border-color: #ff7a23;
	color: #ff7a23;
	width : 200px ;
	height : 31px ;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	margin: 20px 20px 10px 25px;
	padding-bottom: 30px;
	border-width: 1px;
}
.btn-backgroundless:hover {
        color: white;
        background-color: #ff7a23; 
}
.table-responsive{
	margin-top: 80px;
	padding:0px 200px;
}
.table > tbody > tr > td{
	  border: 4px solid  #F1F1F1;
	font-weight: 800;
	font-size:14px;
	color: #989898;
}
.table > thead > tr > th{
	vertical-align: bottom;
	background: #FF7B1E;
	color: #fff;
	font-size:15px;
	text-align: center;
	border: 4px solid  #F1F1F1;
	font-weight: 800;
}
.evenRow {
    padding: 2px 0px 2px 3px;
    background-color: #F1F1F1;
}
.table .applyjob{
color : #FF7B1E !important;
}
.currentOpenings span.positionName a:link {
    text-decoration: none !important;
    color: #989898 !important;
	font-size:15px !important;
}
table.currentOpenings a {
    color: #FF7B1E !important;
    text-decoration: none;
	font-size : 15px !important;
font-weight : 700 !important;
}
.careerul ul {
    list-style: none;
	color : #989898;
	font-size: 15px;
	font-weight: 500;
	padding-top: 10px;
	padding-left:0px;
}

.careerul li:before {
    content: "+";
    width: 20px;
    color: #ff7a23;
}
.careerul h2{
	font-size:20px;
	text-transform: uppercase;
	font-weight: 700;
}
.registerhead{
background-image: url(../images/new/registerhead.png);
height: 900px;
width: 100%;
  background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.verticalLine {
    border-right: 2px solid #fff;
}
.eagle-form input[type=text], .eagle-form input[type=email], .eagle-form input[type=password]{
	width: 300px;
	height: 40px;
	background-color: transparent;
    padding: 12px 20px;
    margin: 8px 0 0 10px;
  	color: #fff;
	outline: none;
	border: 1px solid #fff;
	font-weight: 500;
	font-size: 15px;
}
.eagle-form ::-webkit-input-placeholder {
  color:#fff;
}
.eagle-form ::-moz-placeholder {
  color:#fff;
}
.eagle-form :-ms-input-placeholder {
  color:#fff;
}
.eagle-form :-moz-placeholder {
  color:#fff;
}
.btn-sign-up{
	margin-top: 30px;
	width: 100%;
	height: 40px;
	border: none;
	border-radius: 0;
	-webkit-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	background-color: #FF7B1E;
	font-size: 16px;
	color: #fff;
	font-weight:700;
}
.btn-sign-up:hover{
	color:#FF7B1E;
	border:1px solid #FF7B1E;
	background-color: transparent;
}
.eagle-form{
	width: 500px;
	padding: 50px 100px;
	background-color: rgba(224, 224, 224, 0.3);
}
.regiform{
	width:320px;
	color: #fff;
}
.regiform h3{
	padding-bottom: 40px;
	color: #fff;
	font-size : 25px ;
font-weight : 600 ;
	padding-left: 10px;
}
.regiform .form-row{
	margin-top: 20px;
}
.regiform lable{
	font-size: 15px;
	font-weight: 500;
}
.item {
    display: block;
	padding-top:30px;
}
label {
    display: inline;
}
form label {
     float: none;
}
label {
	display: inline;
}

.regular-checkbox {
	display: none;
}
.regular-checkbox + label {
	background-color: transparent;
	border: 1px solid #FF7B1E;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
}

.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
	background-color: #FF7B1E;
	border: 1px solid #FF7B1E;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #fff;
}
.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 10px;
	position: absolute;
	top: 0px;
	left: 3px;
	color: #fff;
}
.big-checkbox + label {
	padding: 10px;
}
.big-checkbox:checked + label:after {
	font-size: 13px;
	left: 5px;
}
.tag {
	display: inline;
	font-size: 15px;
}
.registertext h3{
	color:#FF7B1E;
	font-size: 20px;
	font-weight: 700;
	padding: 10px 100px;
	padding-top: 400px;
}
.registertext p{
	color:#FF7B1E;
	font-size: 15px;
	font-weight: 700;
	padding: 0px 100px;
}
#email{
background-image:url(../images/new/registeremail.png); 
background-repeat: no-repeat; 
background-position:bottom 7px right 5px;
}
#fname{
background-image:url(../images/new/registerfname.png); 
background-repeat: no-repeat; 
background-position: bottom 3px right 5px;	
}
.lname{
background-image:url(../images/new/registerfname.png); 
background-repeat: no-repeat; 
background-position: bottom 3px right 5px;
}
.office p b{
	/* color:#fff; */
	font-size: 16px;
}
#logInfo {
    font-size:16px !important;
	padding-left:20px !important;
	padding-bottom:40px !important;
}
#layOut{
	padding: 5px 5px;
}
#applicationsInfo{
	 font-size: 16px !important;
}
.loginheadimg{
background-image: url(../images/new/loginhead.png);
height: 850px;
	width: 50%;
    background-position:initial; 
     background-repeat: no-repeat;
	background-size: cover;
 }
.headlog .container-fluid{
	padding-left: 0px !important;
}
.loginhead{
	padding: 100px;
}
.loginhead h2{
	color:#989898;
	font-size:30px;
}
.eagle-login input[type=text], .eagle-login input[type=email], .eagle-login input[type=password]{
	width: 300px;
	height: 40px;
	background-color: transparent;
    padding: 12px 20px;
    margin: 8px 0 0 10px;
  	color: #989898;
	outline: none;
	border: 1px solid #989898;
	font-weight: 500;
	font-size: 15px;
}
.eagle-login ::-webkit-input-placeholder {
  color:#989898;
}
.eagle-login ::-moz-placeholder {
  color:#989898;
}
.eagle-login :-ms-input-placeholder {
  color:#989898;
}
.eagle-login :-moz-placeholder {
  color:#989898;
}
.eagle-login lable{
	color: #989898;
}
.loginhead p{
	padding-top:30px;
	font-size: 16px;
}
.loginhead a{
	color:#FF7B1E;
	text-decoration: none;
}
.loginhead a:hover{
	color:#FF7B1E;
	text-decoration: none;
}
.ullog{
	color : #989898;
}
.loginhead ul {
    list-style: none;
	font-size: 15px;
	font-weight: 500;
	padding-top: 10px;
	padding-left:0px;
}

.loginhead li:before {
    content: "+";
    width: 20px;
    color: #FF7B1E;
}
.eagle-login #email{
background-image:url(../images/new/loginuser.png); 
background-repeat: no-repeat; 
background-position: bottom 3px right 5px;
}
.eagle-login #pass{
background-image:url(../images/new/userpass.png); 
background-repeat: no-repeat; 
background-position: bottom 3px right 5px;
}
.ulfor{
	color:#fff;
}
.jobemploy .container-fluid{
	padding-left: 0px !important;
}
.jobseek{
	padding-top: 50px;
	color: #989898;
	padding-bottom: 0px !important;
}
.jobseeker{
	background-color: #F1F1F1;
	padding: 7%;
	padding-left: 10%;
}
.jobseek h2{
	padding-top: 20px;
}
.jobseek p{
	padding-top: 10px;
	font-size: 16px;
	font-weight: 500;
	padding-right: 10%;
}
.jobseek p a{
	color:#FF7B1E;
	font-weight: 700;
	text-decoration: none;
}
.employeer{
	padding: 7%;
	padding-left: 10%;
}

.jobform .col-xs-6, .jobform .col-sm-6, .jobform .col-md-6, .jobform .col-lg-6 {
    padding-right: 15px;
}
#mainBoxColor{
	background: #808080;
	color:#fff;
	padding: 10px 10%;
}
#mainBoxColor a{
	color: #fff;
}
#mainBoxColor a:hover{
	text-decoration: none;
	color: #F27C0E;
}
.sup {
	   position: relative;
    font-size: 60%;
    line-height: 0;
    vertical-align: baseline;
    top: -1.2em;
}
.aboutdatasci p a {
    color: #555555;
	text-decoration: none;
	font-weight: 800;
}
.aboutdatasci p a:hover {
    color: #FF7B1E;
}
.learnmoreLink{
	 color: #FF7B1E !important;
	font-weight: 800;
	text-decoration: none !important;
}
@media screen and (max-width: 1500px){
.aboutdatasci{
	padding: 50px;
}
.aboutdatasci p{
	padding: 10px 160px;
}
.slog h3{
	padding: 0 260px;
}
.bpps h2{
	padding-top: 30px;
	padding-left: 80px;
}
.bpps p{
	padding: 5px 80px;
}
.services h2{
	padding: 20px 30px;
}
.services p{
	padding: 5px 30px;
}
.bsolution p{
	padding: 0 200px;
}
.esolution h2{
	padding: 15px 100px;
}
.esolution p{
	padding: 15px 100px;
}
.imantorkey ul {
	padding: 15px 80px;
}
.fundsolution h3{
	padding-left:200px;
	padding-right:200px;
}
.slog p{
	padding: 10px 260px;
}
.hrservice .hr ul {
	font-size: 20px;
	padding-left: 50px;
}
.hrservice .hr{
	padding:80px;
}
.table-responsive{
	margin-top: 50px;
	padding:0px 0px;
}
#h img {
    height: 500px;
    width: 100%;
}
}
@media screen and (max-width: 1300px){
.foot .info{
	padding-left: 40px;
}
.our{
	padding: 50px;
}
.our #boxs p{
	padding: 50px;
}
.our #boxs .im{
	height: 40px;
}
.imantorkey ul {
	padding: 15px 40px;
}
.imentersolution{
	padding-left:50px;
	padding-right:50px;
}
.eagle-form{
	width: 400px;
	padding: 50px 50px;
}
}
@media screen and (max-width: 1200px){
.services #service {
    padding: 0px 10px;
}
	.discussLink {
    left: 20%;
	}
p{
	font-size: 14px !important;
}
.aboutdatasci p{
	padding: 10px 100px;
}
.slog h3{
	padding: 0 160px;
}
.bpps h2{
	padding-top: 10px;
	padding-left: 50px;
}
.bpps p{
	padding: 5px 50px;
}
.services h2{
	padding: 10px 10px;
}
.services p{
	padding: 5px 10px;
}
.bsolution p{
	padding: 0 100px;
}
.esolution h2{
	padding: 15px 50px;
}
.esolution p{
	padding: 15px 50px;
}
.marketprofile #orange{

	padding: 30px 50px;
}

.marketprofile #white{

	padding: 30px 50px;
}
.partner p{
	padding: 0 230px;
}
.services #backs{
	padding-top: 50px;
}
.esolution #boxes{
	height: 400px;
}
.our #boxs p{
	padding: 20px;
}
.imantorkey ul {
	padding: 15px 30px;
}
.imentor #orange{
	padding: 120px 50px;
}	
.fundsolution h3{
	padding-left:100px;
	padding-right:100px;
}
.box{
		padding: 20px;
	}
.slog p{
	padding: 10px 160px;
}
.loginhead{
	padding: 20px;
}
.loginheadimg{
height: 750px;
 }
.jobseeker{
	padding: 3%;
	padding-left: 5%;
}
.employeer{
	padding: 3%;
	padding-left: 5%;
}
#h img {
    height: 400px;
    width: 100%;
}
.head h1 {
    font-size: 30px;
}
.head h2 {
    font-size: 20px;
    line-height: 30%;
}
}
@media screen and (max-width: 1000px){
.services #backs{
	padding-top: 50px;
	height: 600px;
}
.aboutdatasci p{
	padding: 10px 30px;
}
.esolution h2{
	padding: 10px 20px;
}
.esolution p{
	padding: 10px 20px;
}
.bsolution p{
	padding: 0 30px;
}
.marketprofile #orange{

	padding: 10px 20px;
}

.marketprofile #white{

	padding: 10px 20px;
}
.slog h3{
	padding: 0 50px;
}
.partner p{
	padding: 0 30px;
}
.imentor #orange{
	padding: 100px 30px;
}
.imantorkey ul {
	padding: 10px 20px;
}
.imentersolution{
	padding-left:30px;
	padding-right:30px;
}
.eagle-form{
	width: 100%;
	padding: 30px 25%;
}
.verticalLine {
    border-right: none;
}
.registertext h3{
	padding: 10px 100px;
	padding-top: 0px;
}
.jobseeker{
	padding: 2%;
	padding-left:5%;
}
.employeer{
	padding: 2%;
	padding-left: 5%;
}
#h img {
    height: 550px;
    width: 100%;
}
	.head{
		padding-bottom: 20px;
	}
}
@media screen and (max-width: 600px){
.header {
  margin-top:15%;
  color:#892252;
}

.header h1 {
   	color:#892252;
	margin-left: 10%;
}
.foot .info{
	padding-left: 0px;
}
.foot .office{
	padding-left: 0px;
}
.foot .social{
	padding-left: 0px;
}
.aboutdatasci p{
	padding: 5px 5px;
}
.slog h3{
	padding: 0 20px;
}
.bpps h2{
	padding-left: 20px;
}
.bpps p{
	padding: 5px 20px;
}
.services #backs{
	padding-top: 20px;
}
.bsolution p{
	padding: 0 10px;
}
.our #boxs{
	height: 230px;
}
#myBtn {
  right: 10%;
	background-color: transparent;
	color:#000;
}
.esolution .imantorkey #boxes{
	height: 220px !important;
}
.imentorlast #boxes{
	height: 190px !important;
}
.esolution h2{
	padding: 5px 20px;
}
.esolution p{
	padding: 5px 20px;
}
.imantorkey li {
    padding-top: 0px;
}
.imentersolution{
	padding-left:5px;
	padding-right:5px;
}
.imentorlast{
		padding-top: 0px;
}
.fundsolution h3{
	padding-left:10px;
	padding-right:10px;
}
.card {
 -moz-column-width: 60em;
 -webkit-column-width: 60em;
 -moz-column-gap: .2em;
 -webkit-column-gap: .2em; 
  
}
	.x_panel{
		padding: 10px 10px;
	}
	.box{
		padding: 10px;
	}
.slog p{
	padding: 10px 60px;
}
.hrservice .hr ul {
	font-size: 20px;
	padding-left: 10px;
}
.hrservice .hr{
	padding:20px;
}
.regiform{
	width:100%;	
}
.eagle-login .regiform{
	width:320px;	
}
.eagle-form input[type=text], .eagle-form input[type=email], .eagle-form input[type=password]{
	width: 100%;
	height: 40px;
}
.eagle-form {
    padding: 20px 25px;
}
.registertext h3 {
    padding: 10px 20px;
}
.registertext p {
    padding: 0px 20px;
}
.loginheadimg{
height: 450px;
	width: 100%;
 }
.headlog .container-fluid{
	padding-right: 0px !important;
}
.jobemploy .container-fluid{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
#h img {
    height: 320px;
    width: 100%;
}
}

.co a, .co a:visited {
	color: #fff;
}
.foot a, .foot a:visited {
	color: darkgray;
}
.foot a:hover {
	text-decoration: none;
}

@media (min-width: 1900px){
.card {
 -moz-column-width: 40em;
 -webkit-column-width: 40em;
 -moz-column-gap: .8em;
 -webkit-column-gap: .8em;  
}
#h img {
    height: 720px;
    width: 100%;
}
}
footer{
	clear: both;
	width: 100%;
}
.updated p{
	color:#222;
	font-size:16px;
	padding: 10px;
}
.updated .year{
	font-size:16px;
}
.updated div, .updated td{
	font-size:14px;
}
.marginPages{
	margin-left:150px;
	margin-right: 150px;
	margin-bottom: 100px;
}
.pkiimgs{
	margin-left: 200px;
	margin-top: 50px;
}
@media only screen and (max-width: 900px) {
   .marginPages{
	margin-left:10px;
	margin-right: 10px;
	margin-bottom: 50px;
}
.pkiimgs {
    margin-left: 50px;
	margin-top:100px;
}
}
.endpointimg{
	background: #F4F4F4;
}
.endpointbusinessimpact{
	background: #ffffff !important;
}
.endpointbusinessimpact h2{
	color:#222222 !important;
	text-transform:capitalize;
}
.endpointbusinessimpact p{
	color:#888888 !important;
}
.pkismartcardtext p{
	padding: 0px;
}
#backs{
	position: relative;
}

.discussLink {
	position: absolute;
	bottom: 50px;
	left:35%;
	border: 1px solid #FF7B1E;
    color: #FF7B1E !important;
    font-weight: 800;
    text-decoration: none !important;
	transition: all 0.5s ease-in-out 0s;
}
.discusLink {
	border: 1px solid #FF7B1E;
    color: #FF7B1E !important;
    font-weight: 800;
    text-decoration: none !important;
	transition: all 0.5s ease-in-out 0s;
	background: transparent;
}
.discussLink:hover, .discusLink:hover{
	background: #FF7B1E !important;
	color: #ffffff !important;
}
.eagle-login textarea{
	width: 300px;
	height: 100px;
    background-color: transparent;
    padding: 12px 20px;
    margin: 8px 0 0 10px;
    color: #989898;
    outline: none;
    border: 1px solid #989898;
    font-weight: 500;
    font-size: 15px;
}
.select select{
	width: 300px;
	height: 30px;
    background-color: transparent;
    margin: 8px 0 0 10px;
    outline: none;
    border: 1px solid #989898;
    font-weight: 500;
    font-size: 15px;
}
.discussform input[type=text], .discussform input[type=email], .discussform input[type=password] {
    height: 30px;
}

.eagle-login .col-lg-3 input[type=text]{
    width: 90%;
    height: 30px;
    background-color: transparent;
    padding: 5px 5px;
    color: #989898;
    outline: none;
    border: 1px solid #989898;
    font-weight: 500;
    font-size: 15px;
	margin: 10px;
}
	.eagle-login .col-lg-3{
		margin: 2px;
	}
	.regiforms{
    width: 100%;
    color: #fff;
}
.regiforms lable{
    margin-top: 10px;
}
.regiform select{
	color: #989898;	
}
.discusshead{
	padding: 0px;
	padding-left: 100px;
	padding-top: 50px;
}
.discusshead .regiform .form-row, .discusshead .regiforms .form-row {
    margin-top: 5px;
}
.btndiscuss{
	text-align: center;
}
@media only screen and (max-width: 1300px) {
.discusshead {
    padding-left: 10px;
}
}
@media screen and (max-width: 1200px){
	.discussLink {
    left: 30%;
	}
}
.MultiCarousel { float: left; overflow: hidden; padding: 15px; width: 100%; position:relative; }
    .MultiCarousel .MultiCarousel-inner { transition: 1s ease all; float: left; }
        .MultiCarousel .MultiCarousel-inner .item { float: left;}
        .MultiCarousel .MultiCarousel-inner .item > div { text-align: center; padding:10px; margin:10px; background:#fff; color:#666;}
    .MultiCarousel .leftLst, .MultiCarousel .rightLst { position:absolute;top:calc(50% - 20px); }
    .MultiCarousel .leftLst { left:0; }
    .MultiCarousel .rightLst { right:0; }
    
        .MultiCarousel .leftLst.over, .MultiCarousel .rightLst.over { pointer-events: none; background:transparent; color:#FF7B1E;}
			.MultiCarousel .btn-primary {
				color: #fff;
				background-color: #FF7B1E;
				border-color: #FF7B1E;
				border-radius:50%;
				padding: 5px 12px;
			}
.foot a:visited, .foot a:hover {
    text-decoration: none;
	color: #FF7B1E;
}
.imentorhead .pkip{
	margin-top: 0%;
}

.eventbanner {
    background-image: url(../images/promotion/Slide1.png);
    height: 600px;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
	.eventBannerText{
		margin-top:10%;
		padding-left:10%;
	}
	.eventBannerText h2{
		color: #28CFE8;
		font-size: 50px;
	}
	.eventBannerText h3{
		color: #fff;
		font-size: 25px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	.eventBannerText h4{
		color: #5C99B7 !important;
		font-size: 20px;
		line-height: 20px;
	}
	.eventBannerText h5{
		font-size: 25px;
		color: #CD5C5C;
	}
	.btn-event{
		min-width: 135px;
		border: 1px solid #751E21;
		color: #FFFFFF !important;
		transition: all 0.5s ease-in-out 0s;
		z-index: 99999 !important;
		background: #751E21;
		height:50px;
		font-size: 20px;
		padding: 10px 30px;
	}
	.btn-event:hover{
		color: #fff !important;
		background: #704242 !important;
		border: 1px solid #704242;
	}

@media only screen and (max-width: 1300px) {
	.eventbanner {
		height: 500px;
	}
.eventBannerText h2 {
    font-size: 40px;
}
.eventBannerText {
    margin-top: 6%;
}
}
@media only screen and (max-width: 1000px) {
	.eventBannerText{
		margin-top:20%;
	}
}
@media only screen and (max-width: 600px) {
	.eventbanner {
		height: 320px;
	}
	.eventBannerText{
		margin-top:5%;
	}
	.eventBannerText h2{
		font-size: 25px;
	}
	.eventBannerText h3{
		font-size: 18px;
	}
	.eventBannerText h4{
		font-size: 14px;
		line-height: 14px;
	}
	.eventBannerText h5{
		font-size: 20px;
		color: #fff;
	}
}


.animate span {
    display: inline-block;
}

.animate span:nth-of-type(2) {
    animation-delay: .05s;
}
.animate span:nth-of-type(3) {
    animation-delay: .1s;
}
.animate span:nth-of-type(4) {
    animation-delay: .15s;
}
.animate span:nth-of-type(5) {
    animation-delay: .2s;
}
.animate span:nth-of-type(6) {
    animation-delay: .25s;
}
.animate span:nth-of-type(7) {
    animation-delay: .3s;
}
.animate span:nth-of-type(8) {
    animation-delay: .35s;
}
.animate span:nth-of-type(9) {
    animation-delay: .4s;
}
.animate span:nth-of-type(10) {
    animation-delay: .45s;
}
.animate span:nth-of-type(11) {
    animation-delay: .5s;
}
.animate span:nth-of-type(12) {
    animation-delay: .55s;
}
.animate span:nth-of-type(13) {
    animation-delay: .6s;
}
.animate span:nth-of-type(14) {
    animation-delay: .65s;
}
.animate span:nth-of-type(15) {
    animation-delay: .7s;
}
.animate span:nth-of-type(16) {
    animation-delay: .75s;
}
.animate span:nth-of-type(17) {
    animation-delay: .8s;
}
.animate span:nth-of-type(18) {
    animation-delay: .85s;
}
.animate span:nth-of-type(19) {
    animation-delay: .9s;
}
.animate span:nth-of-type(20) {
    animation-delay: .95s;
}
.animate span:nth-of-type(21) {
    animation-delay: 1s;
}
.animate span:nth-of-type(22) {
    animation-delay: 1.05s;
}
.animate span:nth-of-type(23) {
    animation-delay: 1.10s;
}
.animate span:nth-of-type(24) {
    animation-delay: 1.15s;
}
.animate span:nth-of-type(25) {
    animation-delay: 1.20s;
}
.animate span:nth-of-type(26) {
    animation-delay: 1.25s;
}
.animate span:nth-of-type(27) {
    animation-delay: 1.30s;
}
.animate span:nth-of-type(28) {
    animation-delay: 1.35s;
}
.animate span:nth-of-type(29) {
    animation-delay: 1.40s;
}
.animate span:nth-of-type(30) {
    animation-delay: 1.45s;
}
.animate span:nth-of-type(31) {
    animation-delay: 1.50s;
}
.animate span:nth-of-type(32) {
    animation-delay: 1.55s;
}
.animate span:nth-of-type(33) {
    animation-delay: 1.60s;
}
.animate span:nth-of-type(34) {
    animation-delay: 1.65s;
}
.animate span:nth-of-type(35) {
    animation-delay: 1.70s;
}
.animate span:nth-of-type(36) {
    animation-delay: 1.75s;
}
.animate span:nth-of-type(37) {
    animation-delay: 1.80s;
}
.animate span:nth-of-type(38) {
    animation-delay: 1.85s;
}
.animate span:nth-of-type(39) {
    animation-delay: 1.90s;
}
.animate span:nth-of-type(40) {
    animation-delay: 1.95s;
}
.animate span:nth-of-type(41) {
    animation-delay: 2s;
}
.animate span:nth-of-type(42) {
    animation-delay: 3s;
}

/* Animation Seven */


.seven span {
    color: #F80000;
    opacity: 0;
    transform: translate(-150px, 0) scale(.3);
    animation: leftRight 2s forwards;
	
}


@keyframes leftRight {
    40% {
        transform: translate(50px, 0) scale(.7);
        opacity: 1;
        color: #FF7B1E;
    }

    60% {
        color: #fff;
    }

    80% {
        transform: translate(0) scale(2);
        opacity: 0;
    }

    100% {
        transform: translate(0) scale(1);
        opacity: 1;
    }
}
				  
/* Animation One */

.one span{
    color: #94DEFD;
    opacity: 0;
    animation: revolveScale .4s forwards;
}

@keyframes revolveScale {
    60% {
        transform: translate(20px, 20px) rotate(30deg) scale(.3);
    }

    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}			  
/* Animation Two */

.two {
    color: #EAD12E;
    opacity: 0;
    animation: ballDrop 2s forwards;
}

@keyframes ballDrop {
     60% {
        transform: translate(20px, 20px) rotate(30deg) scale(.3);
    }

    100% {
        transform: translate(0) rotate(0) scale(1);
        opacity: 1;
    }
}
.eagle-form a, .eagle-form a:visited, .eagle-form a:hover {
		color:#FF7B1E !important;
		text-decoration:none;
	}


.bodyFluid{
		background: #F1F1F1;
		
	}
@media only screen and (min-width: 1300px) {
	.bodyContainer{
		width: 60%;
	}
}
	.bodyContainer{
		background: #fff;
		margin-top: 100px;
		margin-bottom: 100px;
		padding: 20px 80px 50px !important;
		box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
		border-radius: 5px;
		
	}
	.bodyContainer p{
		margin-top: 20px;
	}
	.bodyContainer h3{
		color: #222222;
		font-size: 22px;
		margin-bottom: 0px;
		margin-top: 25px;
		padding-bottom: 0px;
		font-weight: 700;
	}
	.ollist ol { counter-reset: item }
	.ollist li { display: block ; counter-increment: item; }
	.ollist li:before { content: " ("counter(item,lower-alpha)") "; }
	
	ol, ul{
		padding-top: 10px;
	}

.unsbscribeBox{
	padding: 20px 100px;
}
.unsbscribeBox .ubox{
	border: 5px dashed #999999;
	padding: 30px 50px 30px;
	margin-bottom: 50px;
}
.alert-dismissible p{
	color: #3E774B;
}

@media only screen and (max-width: 1300px) {
	.bodyContainer{
		padding: 20px 30px 50px !important;
	}
}

@media only screen and (max-width: 1200px) {
.unsbscribeBox{
	padding: 20px 200px;
}
.unsbscribeBox .ubox{
	border: 5px dashed #999999;
	padding: 30px 50px 30px;
	margin-bottom: 50px;
}
}
@media only screen and (max-width: 900px) {
	.unsbscribeBox{
		padding: 20px 100px;
	}
}
@media only screen and (max-width: 600px) {
	.unsbscribeBox{
		padding: 20px 10px;
	}
	.unsbscribeBox .ubox{
		padding: 30px 20px 30px;
	}
}
.bantxt{
	position: absolute;
	left: 10%;
	top:35%;
	padding: 20px;
	max-width: 500px;
}
.bantxts{		
	background:#751E21;
	padding: 3px 0px;
	margin: 0px 30px 0px 15px;
	padding-top: 30px;
}
.bantxt h2{
	font-size: 40px;
	font-weight: 900;
	color: #FFFFFF;
	line-height: 40px;
	text-align: center;
	padding: 10px 15px;
}
.ribbon{
  font-size:20px;
  position:relative;
  display:inline-block;
  text-align:center;
	min-width: 200px;
}
.text{
display:inline-block;
padding:0.5em 1em;
line-height:1.2em;
background: #751E21;
position:relative;
color: #fff;
box-shadow: 2px 20px 20px #444;
z-index: 1;
	font-size: 20px !important;
}
.ribbon:after,.ribbon:before,
.text:before,.text:after{
  content:'';
  position:absolute;
  border-style:solid;
}
.text:before{
  bottom:100%; left:0;
  border-width: .5em .7em 0 0;
  border-color: transparent #FC9544 transparent transparent;
}
.text:after{
  top:100%; right:0;
  border-width: .5em 2em 0 0;
  border-color: #FC9544 transparent transparent transparent;
}
.ribbon:after, .bold:before {
    top: 0.5em;
    right: -2em;
    border-width: 1.1em 1em 1.1em 3em;
    border-color: #751E21 transparent #751E21 #751E21;
    z-index: 0;
}
#burst-12 {
background: #751E21;
width: 100px;
height: 100px;
text-align: center;
box-shadow: 5px 10px 18px #222222;
position: absolute;
right:1%;
top:-50px;
}
    #burst-12:before,
    #burst-12:after {
      content: "20%";
      position: absolute;
      top: 0;
      left: 0;
      height: 100px;
      width: 100px;
      background: #751E21;
		color: #FFFFFF;
		font-size: 40px;
		padding-top: 20px;
    }
    #burst-12:before {
      transform: rotate(30deg);
    }
    #burst-12:after {
      transform: rotate(60deg);
    }
	.bantxt h3{
		color: #FFFFFF;
	}
	.btn-event{
		margin-top: 40px;
	}
@media screen and (max-width: 1202px) {
	.bantxt {
		top:20%;
	}
	.bantxt{
		padding: 20px;
		max-width: 400px;
	}
	.bantxt h2 {
    	font-size: 30px;
	}
	#burst-12 {
		width: 70px;
		height: 70px;
		top:-20px;
	}
	#burst-12:before,
    #burst-12:after {
     	height: 70px;
      	width: 70px;
		font-size: 30px;
		padding-top: 10px;
	}
	.bantxts {
		padding-top: 5px;
	}
	.btn-event{
		margin-top: 30px;
	}
	.btn-event{
		height:40px;
		font-size: 18px;
		padding: 8px 20px;
	}
}
@media screen and (max-width: 502px) {
	.bantxt {
    	left: 0%;
	}
	.ribbon:after, .bold:before {
		right: 0;
		border-width: 0;
	}
	#burst-12 {
    	right: 10%;
	}
	.bantxt{
		padding: 10px;
		max-width: 350px;
	}
	.bantxt h2 {
    	font-size: 20px;
	}
	#burst-12 {
		width: 50px;
		height: 50px;
		top:-20px;
	}
	#burst-12:before,
    #burst-12:after {
     	height: 50px;
      	width: 50px;
		font-size: 20px;
		padding-top: 10px;
	}
	.bantxts {
		padding-top: 10px;
	}
	.text{
		font-size: 14px !important;
	}
	.btn-event{
		height:33px;
		font-size: 16px;
		padding: 5px 20px;
	}
}