.whatsapp-container .whatsapp-handler,
.whatsapp-description {
    background-color: rgba(52, 175, 35, 0.9);
    color: rgba(255, 255, 255, 1);
}
.whatsapp-container .whatsapp-handler svg {
    fill: rgba(255, 255, 255, 1);
}
.whatsapp-container .whatsapp-box {
    background-color: rgba(255, 255, 255, 1);
    color: rgba(85, 85, 85, 1);
}
.whatsapp-container .whatsapp-box:before,
.whatsapp-container .whatsapp-box:after {
    background-color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}
.whatsapp-container .whatsapp-close:before,
.whatsapp-container .whatsapp-close:after {
    background-color: rgba(255, 255, 255, 1);
}
.whatsapp-container {
    max-width: 400px;
}
@media screen and (max-width : 400px) {
    .whatsapp-container {
        max-width: 100%;
    }
}
.whatsapp-container .whatsapp-box {
    /* width: calc(400px - 80px); */
    max-width: calc(100% - 40px);
}

.whatsapp-container .whatsapp-account:hover {
    background-color: rgba(245, 245, 245, 1);
    color: rgba(85, 85, 85, 1);
}
.whatsapp-container .whatsapp-account:not(:last-child):after {

}
.whatsapp-container .whatsapp-account:hover:after {
    background-color: rgba(245, 245, 245, 1);
}

.whatsapp-container,
.whatsapp-container * {
    -webkit-box-sizing: border-box;
    -khtml-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.whatsapp-container {
    position: fixed;
    top: auto;
    left: auto;
    bottom: 5px;
    right: 62px;
    text-align: right;
    /* font-family: helvetica; */
    font-size: 13px;
    line-height: 1.4em;
    max-width: 325px;
    max-height: 100%;
    overflow-y: auto;
    z-index: 9999;
}
.whatsapp-container.left-side {
    right: auto;
    left: 0;
    text-align: left;
}
.whatsapp-container p:first-child {
    margin-top: 0;
}
.whatsapp-container p:last-child {
    margin-bottom: 0;
}
.whatsapp-container a {
    text-decoration: none;
}
.whatsapp-container .whatsapp-clearfix:before,
.whatsapp-container .whatsapp-clearfix:after {
    content: '';
    display: block;
    clear: both;
}
/* --- */

.whatsapp-container .whatsapp-box {
    text-align: left;
    background: white;
    /* border: 1px solid #f5f5f5; */
    box-shadow: 0px 2px 12px rgb(144, 144, 144);
    padding: 20px 20px 10px;
    margin: 20px 20px 0;
    border-radius: 2px;
    position: relative;
    border-radius: 6px 6px 0 0;
    display: none;
    transition: all .2s;
}
.whatsapp-container .whatsapp-box.show {
    display: block;
}
.whatsapp-container .whatsapp-box:before,
.whatsapp-container .whatsapp-box:after {
    content: '';
    position: absolute;
    bottom: -7px;
    right: 22px;
    width: 13px;
    height: 13px;
    background: white;
    transform: rotate(45deg);
    z-index: 1;
    border: 1px solid #f5f5f5;
    box-shadow: 4px 2px 14px rgb(160, 160, 160);
}
.whatsapp-container.left-side .whatsapp-box:before,
.whatsapp-container.left-side .whatsapp-box:after {
    right: auto;
    left: 22px;
}
.whatsapp-container .whatsapp-box:before {
    z-index: 2;
    box-shadow: none;
    background: white;
    transform: none;
    bottom: 0;
    width: 19px;
    right: 17px;
    border-color: white;
}
.whatsapp-container .whatsapp-box ul {
    list-style: none;
    padding: 0;
    margin-top: 15px;
}

.whatsapp-description {
    border-radius: 6px 6px 0 0;
    background: #4dc247;
    padding: 20px;
    padding-right: 30px;
    margin: -20px -20px 10px;
    color: white;
}
.whatsapp-description p {
    color: inherit;
    font-family: Montserrat;
}

.whatsapp-container .whatsapp-account {
    color: inherit;
    display: block;
    padding: 10px 10px;
    margin: 0 -10px -1px;
    /* border-radius: 10px; */
    position: relative;
    z-index: 3;
}
.whatsapp-container .whatsapp-account:not(:last-child):after {
    /* content: ''; */
    /* display: block; */
    /* background: #f5f5f5; */
    /* height: 1px; */
    /* width: 100%; */
    /* max-width: calc(100% - 20px); */
    /* position: absolute; */
    /* bottom: 0; */
    /* left: 10px; */
}
.whatsapp-container .whatsapp-account:first-child {
    margin-top: -10px;
}
.whatsapp-container .whatsapp-description ~ .whatsapp-people .whatsapp-account:first-child {
    margin-top: 0;
}
.whatsapp-container .whatsapp-account:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.whatsapp-container .whatsapp-account:hover {
    background: #dedede;
    border-color: transparent;
}
.whatsapp-container .whatsapp-account .whatsapp-face {
    width: 40px;
    height: 40px;
    margin-right: 15px;
    float: left;
    position: relative;
}
.whatsapp-container .whatsapp-account .whatsapp-face.no-image:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent url('../images/logo-green-small.png') center center no-repeat;
    background-size: 100%;
    z-index: 1;
}
.whatsapp-container .whatsapp-account.whatsapp-group .whatsapp-face.no-image:before {
    background: transparent url('../images/logo-group.png') center center no-repeat;
}
.whatsapp-container .whatsapp-account .whatsapp-face:after {
    content: '';
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    bottom: 0;
    right: -5px;
    background: transparent url('../images/logo-green-small.png') center center no-repeat;
    background-size: cover;
    z-index: 4;
}
.whatsapp-container .whatsapp-account.whatsapp-group .whatsapp-face:after {
    background: transparent url('../images/logo-group.png') center center no-repeat;
    background-size: contain;
}
.whatsapp-container .whatsapp-account .whatsapp-face.no-image:after {
    content: none;
}
.whatsapp-container .whatsapp-account .whatsapp-info {
    position: relative;
    top: 2px;
    color: inherit;
    float: left;
    width: calc(100% - 55px);
}
.whatsapp-container .whatsapp-account .whatsapp-title {
    font-size: 11px;
    line-height: 100%;
    opacity: .5;
}
.whatsapp-container .whatsapp-account .whatsapp-name {
    font-weight: bold;
    display: block;
    font-family: Montserrat;
    font-size: 16px;
}
.whatsapp-container .whatsapp-account .whatsapp-name:only-child {
    position: relative;
    top: 10px;
}
.whatsapp-container .whatsapp-account img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.whatsapp-container .whatsapp-handler {
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: white;
    background: #4dc247;
    padding: 10px 15px;
    border-radius: 50px;
    line-height: 120%;
    white-space: nowrap;
    text-align: center;
    transition: all .3s;
    position: relative;
    margin: 20px;
    z-index: 3;
}
.whatsapp-container.circled-handler .whatsapp-handler {
    width: 60px;
    height: 60px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 20px rgba(0, 0, 0, .16);
}
.whatsapp-container.circled-handler .whatsapp-handler:hover {
    box-shadow: 0 2px 8px rgba(0, 0, 0, .09), 0 4px 20px rgba(0, 0, 0, .24);
}
.whatsapp-container .whatsapp-handler:hover {
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .05);
    cursor: pointer;
}
.whatsapp-container .whatsapp-box ul a {
    padding: 7px 14px;
    background: #445963;
}
.whatsapp-container .whatsapp-handler svg {
    max-width: 15px;
    fill: #fff;
    display: inline-block;
    vertical-align: top;
    margin-right: 5px;
}
.whatsapp-container.circled-handler svg {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1.7);
}
.whatsapp-container .whatsapp-close {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: .5;
    visibility: hidden;
    transition: opacity .3s;
}
.whatsapp-container .whatsapp-description + .whatsapp-close {
    visibility: visible;
}
.whatsapp-container .whatsapp-close:hover {
    cursor: pointer;
    opacity: 1;
}
.whatsapp-container .whatsapp-close:before,
.whatsapp-container .whatsapp-close:after {
    content: '';
    display: block;
    background: white;
    width: 15px;
    height: 3px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(45deg);
}
.whatsapp-container .whatsapp-close:after {
    transform: translateY(-50%) translateX(-50%) rotate(-45deg);
}

.whatsapp-handler i {
    font-size: 29px;
    float: left;
    margin-left: -1px;
}

.whatsapp-container .whatsapp-handler {
    width: 50px;
    overflow: hidden;
    /* overflow: hidden; */
    transition: width 2s, height 4s;
    -webkit-transition: width 1s;
    height: 50px;
}

.whatsapp-container .whatsapp-handler:hover, .whatsapp-container .whatsapp-handler.show{
    width: 260px
    /* transition: width 2s, height 4s; */
}

.whatsapp-container .whatsapp-handler .text {
    margin-left: 12px;
    font-size: 15px;
    /* margin-top: 6px; */
    display: inline-block;
    line-height: 29px;
    font-family: Montserrat;
    font-weight: 600;
}


.whatsapp-container .whatsapp-handler:hover .text, .whatsapp-container .whatsapp-handler.show .text {
    margin-left: 7px;
}
.whatsapp-handler i {
    font-size: 28px;
    line-height: 30px;
    margin-left: -1px;
    float: left;
}








body
{
  color:#AAA6A6;
}
body p{font-size: 13px;}
.padding10
{
	padding-top:10px;
}
.padding30
{
  padding-top:30px;
}
.padding20
{
  padding-top:20px;
}
.padding1
{
  padding-top:1px;
}

.padding5
{
	padding-top:5px;
}
.padding3
{
	padding-top:3px;
}
.padding1
{
  padding-top:1px;
}


/* Slider Captions ---------------------- */

#mainslider {margin-bottom:0px;margin-top:0px;}
li > .slider-bg{background: rgba(255, 150, 38, 0.5) !important;}
.flex-caption {position:absolute; top:30%; left:10%; right:1%;}
.flex-caption h1 {color:#fff; font-size:45px; font-weight: 900; margin-top:40px; margin-bottom:5px; }
.flex-caption h1 span {padding: 0px 0; color:#fff;}
.flex-caption h4 {color:#fff; font-size: 22px; font-weight: normal;}
.flex-caption h6 {margin:0px 0 0px;}
.flex-caption h6 span { padding: 0px 10px;  font-size: 14px;  line-height: 100%; color: #fff;  display:inline-block;  vertical-align: middle;  text-align: center;  cursor: pointer;  font-weight: bold;  transition: background 0.1s ease-in-out;  -webkit-transition: background 0.1s ease-in-out;  -moz-transition: background 0.1s ease-in-out;  -ms-transition: background 0.1s ease-in-out;  -o-transition: background 0.1s ease-in-out;color: #fff;  -webkit-border-radius: 3px;  -moz-border-radius: 3px;  border-radius: 3px;}
.flex-caption h6 span a {color:#fff; }
.flex-caption h6 span:hover {background-image: url(../images/backgrounds/buttonstrip.png);}
.flex-caption h6 span:hover a {color:#fff; text-decoration: none}
.flex-control-nav{display: none;}

/*----------- Slider End --------*/

/*---------------Slider Section----------*/

/*-----------------End-------------------*/

/*------------welcome Section------*/
.middle-bg
{
  background: url("../images/bg.jpg");
}
.welcome-heading
{
  font-family: open sans, sans;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.9px;
  line-height: 24px;
  margin-bottom: 0px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
}
.wd-presentation {
    padding: 7px 100px 50px 0;
    text-align: left;
}
/*-----------End-------------*/

/*------------Testimonial Section--------*/
.testimonial-bg
{
  background: url("../images/testimonial/testimonial.jpg");
  background-attachment: fixed;
  background-position: center;
}
/*--------------End----------------------*/

/*----------Footer Section --------*/
.footer-bg
{
  background-color: #202020;
  padding: 50px 0 0 0;
  color: #999;
}
.footer-bg h4
{
  color: #fff;
  font-size: 20px;
  margin-bottom: 12px;
}
.footer-bg .menu
{
  padding-left: 0;
}
.footer-bg .menu li
{
  list-style: none;
  position: relative;
  margin-left: 0;
}
.footer-bg .menu li:before{
  font-family: "FontAwesome";
  font-size: 12px;
  content: "";
  color: #fff;
  position: absolute;
  left: 0;
  top: 3px;
  padding: 0 7px 0 0;
  color: #ddd;
}
.footer-bg .menu li a
{
  padding: 0 0 9px 13px;
  display: inline-block;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  color: #aaa;
  line-height: 21px;
}
.footer-bg .menu li a:hover
{
  padding-left: 16px;
  color: #fff;
}
.social-icons 
{
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 4px;
  padding-left: 0;
}
.social-icons li 
{
  margin: 0 3px;
  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  display: inline;
  float: left;
  text-align: left;
}
.social-icons li i
{
  font-family: "FontAwesome";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 16px;
  font-size: 16px;
  width: auto;
}
.social-icons li a 
{
  border-radius: 50%;
  background-color: transparent;
  border: 1px solid #484848;
  width: 42px;
  height: 42px;
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.social-icons li a:before 
{ 
  color: #fff; 
}
.social-icons li a i {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: absolute;
  z-index: 20;
}

.social-icons li a:hover,
.social-icons li a i {
  color: #fff;
}

.social-icons li a i {
  top: 0px;
  opacity:1;
}

.social-icons li a:hover i {
  top: 0;
  opacity: 1;
}

.twitter:before,
.facebook:before,
.linkedin:before,
.gplus:before,
{
  font-family: "FontAwesome";
  font-size: 16px;
  line-height: 16px;
  color: #a0a0a0;
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  position: absolute;
  z-index: 20;
}


/* Icon Styles */
.twitter:before, .twitter i {font-size: 14px !important;}
.twitter i, .twitter:before { margin: 13px 0 0 12px; }
.twitter:hover:before { top: 50px; opacity: 0; }
.twitter:hover { background-color: #3bc1ed; border-color: #3bc1ed; }


.facebook i, .facebook:before { margin: 13px 0 0 16px; }
.facebook:hover:before { top: 30px; opacity: 0; }
.facebook:hover { background-color: #4a6d9d; }
.facebook:hover { background-color: #4a6d9d; border-color: #4a6d9d;}

.gplus i, .gplus:before { margin: 13px 0 0 16px; }
.gplus:hover:before { top: 30px; opacity: 0; }
.gplus:hover { background-color: #d53824; }
.gplus:hover { background-color: #d53824; border-color: #d53824;}

.linkedin i, .linkedin:before { margin: 13px 0 0 13px; }
.linkedin:hover:before { top: 30px; opacity: 0; }
.linkedin:hover { background-color: #0b7bb5; }
.linkedin:hover { background-color: #0b7bb5; border-color: #0b7bb5;}

/*-----------End-----------------*/

/*------------Flexisel-----------*/
.sponsors-bg
{
  background-color: rgb(245, 245, 245);
}
#flexiselDemo3 
{
  display:none;
}
.nbs-flexisel-container 
{
  position:relative;
  max-width:100%;
}
.nbs-flexisel-ul 
{
  position:relative;
  width:9999px;
  margin:0px;
  padding:0px;
  list-style-type:none;   
  text-align:center;  
}

.nbs-flexisel-inner 
{
  position: relative;
  overflow: hidden;
  float:left;
  width:100%; 
  margin-bottom: 40px;  
}

.nbs-flexisel-item 
{
  float:left;
  margin:0px;
  /*padding-right:5px;
  width:169.6px !important;*/
  opacity: 0.5;
  cursor:pointer;
  position:relative;
  line-height:0px;
}
.nbs-flexisel-item img 
{
  max-width: 100%;
  cursor: pointer;
  position: relative;    
}
.nbs-flexisel-item:hover
{
  opacity: 1;
}


/*------------End----------------*/

@media (min-width:280px) and (max-width:650px){
    .navbar-nav > li{width: auto !important;}
    .logo{width: 100%;}
    .padding-top-portion{position: absolute;width: 100%;top: -126%;left:0%;}
    .flex-caption{ top: 7%!important;text-align: center!important;}
    .flex-caption h1{font-size: 15px;}
    .flex-caption h4{font-size: 15px;}
    .flex-caption h6 span a{font-size: 7px !important;}
    #mainslider{margin-top: 51px;}
    .sign-up-top{color: #000 !important;border: 1px solid #000 !important;padding: 8px 15px !important;}
    .navbar-nav > li > a{padding: 1px 22px !important;text-shadow: 2px 2px 4px #000000;}
    .slider-form{position: relative !important; margin-top: 432px !important;}
    .slider-form1{position: relative !important; z-index: unset !important; margin-top: 10px !important;}
    .job-search-text{color: #FFF !important;}
    .selectcaret{background: url("http://s6.postimg.org/yzxyb2kv1/arrow.png") no-repeat 60% 50% ;height:40px;width:100%;border-top:1px solid #ccc;border-left: 1px solid #ccc;border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;border-radius: 4px;}
    .bottom-space{padding-bottom: 20px;}
    .well{padding: 0px;}
    .more-details{margin-top: 0px !important;font-size: 11px;padding: 2px 7px !important;}
    .name-designation{margin-bottom: 50px !important;}
    .top-space{margin-top: 20px;}
    .left-space{padding-left: 15px;}
    .job-spotlight{width: 280px !important;}
    .owl-theme .owl-controls > .owl-buttons{margin-left: 65% !important;}
    .navbar-collapse{background-color: #fff; width: 125px !important;}
    .navbar-default .navbar-nav .navbar-right > li > a {
    color: #777!important;
    background-color: #21ba45!important;
    text-align: center!important;
}
.signbtn{
margin-top: 0!important;
}
.labelsignemail{
  color:black!important;
}
.labelsignpassword{
  color:black!important;
}
    body :{margin-top: 0px !important;}
}
@media (min-width:650px) and (max-width: 1024px){
  .logo{width: 100%;}
  .padding-top-portion{position: absolute;width: 100%;top: -78%;left:0%;}
  #mainslider{margin-top: 51px;}
  .sign-up-top{color: #000 !important;border: 1px solid #000 !important;padding: 8px 15px !important;}
   .flex-caption{top: 7%!important;text-align: center!important;}
  .flex-caption h1{font-size: 30px;}
   .flex-caption h4{font-size: 30px;}
  .flex-caption h6 span a{font-size: 14px !important;}
  .job-spotlight{width: 335px !important;}
  .form-control{height: 50px;background: rgba(73,109,125, 0.7);border:2px solid #97a7b6;color: #fff;font-weight: bold;border-radius: 8px;}
  .selectcaret{height:50px;width:100%;background: rgba(73,109,125, 0.7) url("http://s6.postimg.org/yzxyb2kv1/arrow.png") no-repeat 60% 50% ;border-radius:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #97a7b6;}
  .slider-form{position: absolute;z-index: 99999;width: 100%;top: 30% !important;margin-top: 0px !important;}
  .slider-form1{position: relative !important; z-index: unset !important; margin-top: 10px !important;}
  .bottom-space{padding-bottom:20px !important;}
  .bottom-space3{margin-bottom:46px !important;}
  .signbtn{
margin-top: 0!important;
}

}

.zoom 
{      
-webkit-transition: all 0.35s ease-in-out;    
-moz-transition: all 0.35s ease-in-out;    
transition: all 0.35s ease-in-out;     
cursor: pointer;  

}     

.zoom:hover,  
.zoom:active,   
.zoom:focus {
/**adjust scale to desired size, 
add browser prefixes**/
-ms-transform: scale(1.1);    
-moz-transform: scale(1.1);  
-webkit-transform: scale(1.1);  
-o-transform: scale(1.1);  
transform: scale(1.1);    
position:relative;      
z-index:100;  

}
.zoom1 
{
  vertical-align: middle;
 -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.zoom1:hover, .zoom1:focus, .zoom1:active {
  cursor: pointer;
  background-color: #aecdfe;
  opacity:0.7 !important;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.image4:hover
{
  transform:rotate(360deg);
  cursor: pointer;
}
.image4
{
  transition:all 1s ease-out 0s;
}