/*
 * Base structure
 */

html,
body {
  height: 100%;
  background-color: #fff;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {padding-top:60px;}
body.no-top-padding {padding-top:0px;}
body.regular-top-padding {padding-top:40px;}
body.embed .navbar-fixed-top {display:none;}
body.embed .category-offers {padding-top:0px;background:#FDFDFD;}
body.embed .footer {display:none;}
body.embed {overflow:hidden;}



/*
 * Header Top
 */


.gradientColor{
  background: #262626;
  }

.logo {
  background-image: url("../images/GJ_logo.9b6cef2acade.png");
  background-size: 41px 40px;
  height: 40px;
  width: 41px;
  float:left;
  margin-top:-2px;
  margin-right:10px; 
}

a.NoUnderline:hover{
  text-decoration:none;
  opacity:0.9;
  filter: alpha(opacity=90);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  .logo {
    background-image: url("../images/GJ_logo.9b6cef2acade.png");
  }
}


.masthead-brand {
  margin-top: 12px;
  margin-bottom: 10px;
}

h3.masthead-brand{
  font-weight:400;
  color:#f0f0f0;
  line-height:1.5;  
  }

.masthead-nav > li {
  display: inline-block;
}
.masthead-nav > li + li {
  margin-left: 20px;
}
.masthead-nav > li > a {
  padding:5px 15px;
  font-size: 15px;
  font-weight: 400;
  border-radius: 4px 4px 4px 4px;
  -moz-border-radius: 4px 4px 4px 4px;
  -webkit-border-radius: 4px 4px 4px 4px;
  border:1px solid rgba(255,255,255,.4);
  color:rgba(255,255,255,.8);
  margin-top:7px;
  
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  background-color: transparent;
  color:#ececeb;
  border:1px solid rgba(255,255,255,.8);
}
.masthead-nav > .active > a,
.masthead-nav > .active > a:hover,
.masthead-nav > .active > a:focus {
  color: #fff;
  border-bottom-color: #fff;
}

@media (min-width: 768px) {
  .masthead-nav {
    position:absolute;
    right:2.7%;
    top:12%;
  }
}

@media (max-width: 767px) {
  .masthead-nav {
    position:absolute;
    right:1%;
    top:12%;
  }
  
  .masthead-nav > li > a {
  padding:5px 10px;
  font-size: 12px;
  margin-top:10px;
  }
}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;
  background:url("../images/bk.d60fd85e5dd4.png");
}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-left: auto;
  margin-right: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 10px;
  height: 0;
}

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/******************************************
 * Typography
 ******************************************/

h1{
  font-size: 36px;
}

h2{
  font-size: 30px;
}

h3{
  font-size: 24px;
}

h4{
 font-size: 18px;
}

h5{
  font-size: 16px;
}

h6{
  font-size: 14px;
}

p{
  font-size: 14px;
  font-weight: normal !important;
}


p.lead{
  font-size: 18px;
  font-weight: 400 !important;
  }


/******************************************
 * Home Page
 ******************************************/


 /*
 * Cover
 */
.cover.main-page {background: rgba(34,34,34,0.75);}

.cover {
  padding:10px;
  margin-top:18%;
  float:left;
}

.cover .lead{
  font-size:24px;
  line-height:1.5;
  margin-top:-7px;
  margin-bottom:35px;
}


.headerFull{
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0,0,0,.75);
  box-shadow: inset 0 0 100px rgba(0,0,0,.5);
  background-size:100% !important;
  background-position:0 -60px !important;
  background-repeat:no-repeat !important;
  height:610px;
  margin-top:55px;
  }

.imagenUno{
  background-image:url("../images/header_sky2.78f55fe2caf7.jpg") !important;
  }

.imageVoice{
  background-image:url("../images/hiring-the-voice-way-us.6660aca8d8e4.jpg") !important;
  }


#main-image{
    height:auto;
    overflow: hidden;
    width:auto;
    position:absolute;
    bottom:29%;
    right:0%;    
    /**border**/
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
}


#main-image a{
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  }

.performance{
  margin:1px 12px 0px 0px;
  }

.performanceTxt{
  float:left;
  font-size:16px;
  line-height:28px;
  font-weight:400;
  color:rgba(0,0,0,.9);
  text-shadow:none;
  }


.contendHeader{
  height:94%;
  }

.contendHeader .lead{
  font-weight: 400 !important;
  }

.arrowDown{
  height:30px;
  position:absolute;
  top:-1px;
  background: url("../images/downArrow.51c632200da2.png") center top no-repeat;
  }

.Whatyou{
  text-align:center;
  padding:0 0 0 0;
  background-image: url("../images/icon2.5b646094cff8.png");
  background-repeat:no-repeat;
  background-position:center 45%;
  min-height:430px;
  padding-bottom:40px;
}


.starter-template h2{
  color: #546A6E !important;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  }

.Whatyou h4{
  color: #546A6E;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight:300;
  font-size:1.5em;
  }


.Whatyou2{
  text-align:center;
  padding:0 0 0 0;
  background-image: url("../images/icon3_b.b12facdba7f5.png");
  background-repeat:no-repeat;
  background-position:center 45%;
  min-height:430px;
  padding-bottom:40px;
}


.Whatyou2 h4{
  color:#546a6e;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight:300;
  font-size:1.5em;
  }


.Whatyou_{
  text-align:center;
  padding:0 0 0 0;
  height:100%;
  min-height:430px;
  padding-bottom:40px;
}

.Whatyou_ h4{
  color:#546a6e;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight:300;
  font-size:1.5em;
  }


.WhatyouColor{
  text-align:center;
  padding:0 0 0 0;
  padding-bottom:40px;
  
}

.Oscars-new-style {font-weight: bold;}

.WhatyouColor h4{
  color: #546A6E;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight:300;
  font-size:1.5em;
  }

.WhatyouColor .starter-template{
  margin-bottom:40px;
 
}

.WhatyouColor .starter-template h2{
  color:#546a6e;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  }


.starter-template{
  background:#F1F1F1;
  border-bottom:1px solid #D6D6D6;
  border-top:4px solid #D6D6D6;
  margin-bottom:40px;
  }

.starter-template h2{
  font-weight:300;
  line-height:2.5em;
  color:#b1c1c3;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 1);
  margin-top:10px;
}

.img_blank{
  width:100%;
  height:190px;
  }

.borderRg{
  border-right:1px solid #E3E3E3;
}


.featurette-heading{
  font-weight:300;
  }

.Explanation{
  margin-bottom:0px;
  padding-bottom:0px;
  }

.get-started{
  min-height:150px;
  }

.navbar-fixed-top{
  height: 60px !important;
  }

/****Comentarios***/

.to-say{
  height:auto;
  min-height:520px;
  padding-bottom:10px;
  padding-top:35px;
  position:relative;
  }

.to-say h2{
  margin-top:0px;
  }

.to-say-applicant{
  height:auto;
  min-height:450px;
  padding-bottom:10px;
  padding-top:35px;
  position:relative;
  }

.to-say-applicant h2{
  margin-top:0px;
  }

.quotesDiv{
  height:auto;
  margin-top:120px;
  text-align:center;
  }

.quotesDiv p{
  color: #546A6E;
  font-size: 1.3em;
  font-weight: 300;
  text-shadow: 1px 1px 1px #FFFFFF;
  margin-top:15px;
  }

/***Logo1***/
#edit-role, #edit-position {cursor:pointer;}
#edit-role-name, #edit-position-name {font-size:0.8em;}
#edit-role-form, #edit-position-form {display:none;}
#cancel-edit-role, #cancel-edit-position {line-height:19px;vertical-align: middle;cursor:pointer;}
.delete-file {cursor:pointer;}
#quoteLogo1{
  cursor:pointer;
  text-align:center;
  background-color:#fff;
  opacity: 0.4;
  filter:  alpha(opacity=40);
  -webkit-filter: grayscale(1); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
  }

#quoteLogo1:hover{
  opacity: 1;
  filter:  alpha(opacity=100);
  filter: none;
  -webkit-filter: grayscale(0);
  }

#quoteLogo1.active{
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  filter:  alpha(opacity=100);
  }

#quoteLogo1.active img{
  filter: none;
  -webkit-filter: grayscale(0);
  }

#quoteLogo1 img {
  filter:gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  margin-bottom:10px;
  }

#quoteLogo1:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  filter:  alpha(opacity=100);
  }

.quote1 {
  position:absolute;
  background:#fff;
  top:90px;
}





/***Logo2***/

#quoteLogo2 {
  cursor:pointer;
  text-align:center;
  background-color:#fff;  
  opacity: 0.4;
  filter:  alpha(opacity=40);
  border-left: 1px solid #E3E3E3;
}

#quoteLogo2 img {
    filter:gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  margin-bottom:10px;
  }

#quoteLogo2:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  filter:  alpha(opacity=100);
  }

#quoteLogo2:hover {
  opacity: 1;
  filter:  alpha(opacity=100);
  }

.quote2 {
  position:absolute;
  background:#fff;
  top:90px;
}



/***Logo3***/

#quoteLogo3 {
  cursor:pointer;
  text-align:center;
  background-color:#fff;  
  opacity: 0.4;
  filter:  alpha(opacity=40);
  -webkit-filter: grayscale(1); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
  border-left: 1px solid #E3E3E3;
}

#quoteLogo3:hover{
  opacity: 1;
  filter:  alpha(opacity=100);
  filter: none;
  -webkit-filter: grayscale(0);
  }

#quoteLogo3 img {
    filter:gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  margin-bottom:10px;
  }

#quoteLogo3:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  filter:  alpha(opacity=100);
  }

.quote3 {
  position:absolute;
  background:#fff;
  top:90px;
}

/***Logo4***/

#quoteLogo4 {
  cursor:pointer;
  text-align:center;
  background-color:#fff;  
  opacity: 0.4;
  filter:  alpha(opacity=40);
  -webkit-filter: grayscale(1); 
  -webkit-filter: grayscale(100%); 
  -moz-filter: grayscale(100%);
  filter: gray; 
  filter: grayscale(100%);
  border-left: 1px solid #E3E3E3;
}

#quoteLogo4:hover{
  opacity: 1;
  filter:  alpha(opacity=100);
  filter: none;
  -webkit-filter: grayscale(0);
  }

#quoteLogo4 img {
    filter:gray; /* IE6-9 */
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  margin-bottom:10px;
  }

#quoteLogo4:hover img{
  filter: none;
  -webkit-filter: grayscale(0);
  opacity: 1;
  filter:  alpha(opacity=100);
  }

.quote4 {
  position:absolute;
  background:#fff;
  top:90px;
}



/*** mailTry ****/

.mailTry{
  background:#e5eeec;
  border-top:1px solid #a6c7be;
  border-bottom:1px solid #a6c7be;
  padding:12px 10px;
  text-align:center;
  position:relative;
  }

.mailTry h3{
  color: #546A6E;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-weight:300;
  }

.mailTry p.lead{
  color: #546A6E;
  }

.marginLf{
  margin-left:3%;
  }

.marginRg{
  margin-right:3%;
  }

.marginTop0{
  margin-top: 5px !important
  }

.marginTop{
  margin-top:9%;
  }

.marginTop5_{
  margin-top:5%;
  }

.marginTop18{
  margin-top:10px !important;
  }

.marginTop10{
  margin-top:66px;
  }

.marginTop70{
  margin-top:70px;
  }  

.marginTop15{
  margin-top:15px;
  }

.marginTop20{
  margin-top:25px;
  }

.marginTop35{
  margin-top:35px !important;
  }

.media p.lead {
    color: #666666;
    font-size: 13px;
    font-weight: normal !important
  }

.marginBottom{
  margin-bottom:5% !important;
  margin-left: auto;
  margin-right: auto;
  }

.marginBottom2{
  margin-bottom:2% !important;
  margin-left: auto;
  margin-right: auto;
  }  

.marginBottom0 {
  margin-bottom:0px !important;
  }

.footer {
    background-color: #f1f1f1;
    border-top: 1px solid #E5E5E5;
    color: #7a7a7a;
    padding: 20px 0;
}

.footer a{
  color: #999999;
  font-size:1.1em;
  }

.footer p{
  color: #999999;
  font-size:1em;
  font-weight:300;
  text-align:center;
  }

.centerBottomSmall a{  
  float:left;
  margin-right:20px;
  }

.footer li{
  margin-bottom:6px;
  }

li.social_link{
  /*width:100%;*/
  /*float:left;*/
  line-height:2;
  margin-bottom:6px;
  }

li.social_link span{
  padding-left:40px;
  color:#808080;
  }

.chooseLg{
  padding-left:0px;
  }

.chooseLg label{
  font-size:12px !important;
  padding:7px 9px !important;
  color:#999;
  }

/***Responsive div add***/

@media (min-width:300px) and (max-width:768px){
  #main-image{
    right:25%;
  }
  
  .cover{
    float:none;
    margin-left:auto;
    margin-right:auto;
    padding: 0px;
  }
  
  .inner {
    padding: 5px;
  }
  
  .cover .lead{
    line-height:26px;
    padding:0 10px;
  }
  
  .headerFull {
    background-repeat:no-repeat;
    height:400px;
    background-size:auto 120% !important;
    background-position:right center;
  }
  
  .Whatyou{
    padding-bottom:20px;
  }
  
  .starter-template{
    height:60px;
  }
  .starter-template h2{
  line-height:1em;
  }
  
  .form-group {
    margin-bottom: 15px;
  }
  
  .centerBottomSmall a{  
    float:none;
  }
  
  .mailTry p.lead{
    font-size:1.5em;
  }
  
  .step-line h4{
  font-size:1em;
  padding-top:12px;
  line-height:1.2!important;
  }
  
}

@media (min-width:300px) and (max-width:680px){
  .mailTry p.lead{
    text-align:center;
    font-size:1.7em;
    margin-bottom:0px;
  }
  
  .linkedinBtn{
  margin-left:-10px;
  font-size:93%;
    
  }
  
  .footer .btn-group input{
  float:left;
  }
  
  .step-line h4{
  font-size:1em;
  padding-top:12px;
  line-height:1.2!important;
  }
  
  .step-line{
  height:60px !important;
  }
  
}


@media (min-width:300px) and (max-width:480px){

  .chooseLg label{
      font-size:.6em !important;
      padding:4px 6px !important;
    }
  
  .chooseLg{
    padding-right:0px;
    margin-right:0px;
  }
  
  .backgroundDark{
    padding-left:0px !important;
    margin-left:0px !important;
  }
  
  .headerQsEdit input.InputEdit{
    width:100%;
    margin-bottom:30px;
  }
  
  
  
  .ListQs{
    margin-left:3% !important;
    margin-right:3% !important;
    padding-left:3% !important;
    padding-right:3% !important;
  }
  
  .step-line h4{
    margin-top:8px !important;
  }
  
  .QsSelect{
    width:90%;
    margin:15px 15px 20px 0px !important;
    float:left !important;
    text-align:left;
  }
  
  .linkedinBtnSmall{
   font-size:80%;  
  }

}

@media (min-width:980px) and (max-width:1180px){
    .headerFull{
    height:510px;
    }
  }

@media (min-width:200px) and (max-width:860px){

  .cover{
    margin-top: 150px !important;
  }
}

@media (min-width:768px) and (max-width:980px){
  #main-image{
    right:5%;
  }
  
  .headerFull{
    height:430px;
  }
  
  .step-line h4{
  font-size:1.1em;
  line-height:1.1!important;
  }
  
}

@media (min-width:1200px){
  #main-image{
    margin-right:-2%;
   
  }
}  

@media (min-width:660px) and (max-width:1024px){
  .Whatyou.col-md-4{
    width: 33.33333333333333% !important;
    float:left !important;
  } 
  
  .Whatyou2.col-md-4{
    width: 33.33333333333333% !important;
    float:left !important;
  }
  
  .WhatyouColor.col-md-4{
    width: 33.33333333333333% !important;
    float:left !important;
  }
  
  
  /****Say*****/
  #quoteLogo1.col-md-3{
    width: 25%;!important;
    float:left !important;
  } 
  
  #quoteLogo2.col-md-3{
    width: 25%;!important;
    float:left !important;
  }
  
  #quoteLogo3.col-md-3{
    width: 25%;!important;
    float:left !important;
  }
  
  #quoteLogo4.col-md-3{
    width: 25%;!important;
    float:left !important;
  }
  
  
}
  
  


img.linkedinbtn{
  margin-top:-6px;
  margin-left:-4px;
  vertical-align:middle;
  }

.linkedinBtn{
  line-height:1.8;
}

.noteLinkedin{
  margin-top:5px;
  color: #428bca;
  cursor:pointer;
  }

.thanksFull{
  padding-top:15%;
  background-size:100%;
  height:680px;
  text-align:center;
  color:#fff;
  text-shadow: 0 1px 3px rgba(0,0,0,.5);
  
  background: rgba(38,38,38,1);
  background: -moz-linear-gradient(top, rgba(38,38,38,1) 22%, rgba(56,60,84,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(22%, rgba(38,38,38,1)), color-stop(100%, rgba(56,60,84,1)));
  background: -webkit-linear-gradient(top, rgba(38,38,38,1) 22%, rgba(56,60,84,1) 100%);
  background: -o-linear-gradient(top, rgba(38,38,38,1) 22%, rgba(56,60,84,1) 100%);
  background: -ms-linear-gradient(top, rgba(38,38,38,1) 22%, rgba(56,60,84,1) 100%);
  background: linear-gradient(to bottom, rgba(38,38,38,1) 22%, rgba(56,60,84,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#383c54', GradientType=0 );
  }


/******Social footer***/

a.linkedin, li.linkedin {
  background-image: url("../images/social_icon.a4189338f90e.png");
  background-size: 30px 170px;
  background-position:0px -139px;
  height: 31px;
  width: 30px;
  float:left;
  display:block;  
}

a.twitter, li.twitter {
  background-image: url("../images/social_icon.a4189338f90e.png");
  background-size: 30px 170px;
  background-position:0px -93px;
  height: 31px;
  width: 30px;
  float:left;
  display:block;
}

a.facebook, li.facebook {
  background-image: url("../images/social_icon.a4189338f90e.png");
  background-size: 30px 170px;
  height: 31px;
  width: 30px;
  float:left;
  display:block;
}

li.social {
  padding-left:35px;
  float:none;
  background-repeat: no-repeat;  
}

a.google{
  background-image: url("../images/social_icon.a4189338f90e.png");
  background-size: 30px 170px;
  background-position:0px -46px;
  height: 31px;
  width: 30px;
  float:left;
  display:block;
}

a.linkedin, a.google, a.facebook, a.twitter{
    opacity: 0.7;
    filter:  alpha(opacity=70);
  }

a.linkedin:hover, a.google:hover, a.facebook:hover, a.twitter:hover{
  opacity: 1;
  filter:  alpha(opacity=100);
  }

@media only screen and (-Webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
  a.linkedin, a.google, a.facebook, a.twitter{
    background-image: url("../images/social_icon.a4189338f90e.png");
  }
}


/****Modal form***********/

.modalForm{
  padding:15px;
  }

.modalForm input{
  margin-right:10px;
  }

.modalForm label{
  font-weight:300;
  font-size:16px;
  }

.centerFloat{
  margin-top:9%;
  }


.backgroundDark{
  background-color:rgba(0, 0, 0, 0.8);
  padding:1px 5px;
  margin:2px;
  width:auto !important;
  }

span.backgroundDark{
  margin-bottom:3px;
  }


.nofloat{
  float:none !important;
  }

.floatLf{
  float:left !important;
  }


/**** Anchor Text*****************************************/

.anchorspacing{
    display: block; 
    position: relative; 
    top:-60px; 
    visibility: hidden;
}


/****Page Ask Qs**********************************************/
  
.step-line{
  background: none repeat scroll 0 0 #F1F1F1;
  border-bottom: 1px solid #D6D6D6;
  border-top: 3px solid #D6D6D6;
  height:55px;
  }

.backFFF{
  background-color:#fff !important;
  }

.step-line h4{
  color: #565a5c;
  font-weight: 400;
  line-height:1.5;
  margin-top:0px;
  text-align:center
  }

.step-line img{
  vertical-align:middle;
  padding-top:6px;
  margin-right:5px
  }

.text-inactive{
  color:#99a2a2 !important;
  }

.header-qs{
  height:60px;
  color:#fff;
  } 

.ListQs{
  margin-bottom:10px;
  padding-bottom:30px;
  }

.newQs{
  padding-top:15px;
  padding-bottom:30px;
  }


.QuestionsMod {
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 9px;
  background-color:#fff;
  margin-bottom:15px;
  color:#000 !important;
  }

.QuestionsMod h4 {
    font-size: 1.6em;
}

 h4.suggested-question {
  color:#428BCA;
  cursor:pointer;
}
h4.suggested-question:hover{
  text-decoration:underline;
}

.QuestionsMod h5.text-muted {
    color: #BFBFBF !important;
}

.QuestionsMod_Edit {
  border: 1px solid #EEEEEE;
  padding-bottom: 9px;
  background-color:#f5f5f5;
  margin-bottom:5px;
  color:#000 !important;
  }

.QuestionsMod_Edit h4 {
    font-size: 1.6em;
}

.QuestionsMod_Edit h5.text-muted {
    color: #BFBFBF !important;
}

.btnNewQs{
  color: #fff !important;
  background:none !important;
  }

.btnNewQs:hover{
   background:#FD8924 !important;
  border:1px solid #ec6f02 !important;
  }

.AddQs{
  height:auto;
  margin-bottom:45px;
  }

.WhyAsk{
  height: auto;
  max-width: 24.5%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  position: absolute;
  right: 6%;
  top: 140px;
  width: auto;
  }

.askPage{
  padding-top:5px;
  min-height: 340px;
  background: #F8F8F8;
  }

a.buttonEdit{
  font-size:14px;
  border-bottom: 1px dotted #999999;
  color:#7a7a7a !important;
  padding: 3px 3px;
  font-weight: normal !important;
  font-weight: 600 !important;
  } 

a.buttonEdit:hover{
  text-decoration:none;
  color: #428BCA !important;
  border-bottom: 1px dotted #428BCA;
  }

a.buttonEdit2{
  font-size:14px;
  border-bottom: 1px dotted #999999;
  } 

a.buttonEdit2:hover{
  text-decoration:none;
  color: #428BCA !important;
  border-bottom: 1px dotted #428BCA;
  }

.headerTextOne{
  color: #565a5c;
  font-weight:400;
  line-height: 1.5;
  }


.headerTextTwo{
  color:#565a5c;
  font-weight: 400;
  }

#role-name{
  text-transform: capitalize;
  }

.OrangeColor{
  color:#fd8924;
  font-style:italic;
  }

.greenDarkColor{
  color: #5cb85c;
  }

#jobsdetails h4, #jobsdetails h5, .DarkColor{
  color:#565a5c;
  }  

.InputEdit{
  width:65% !important;
  font-size:1.5em;
  margin-top:5px;
  margin-right:10px;
  line-height:normal;
  height: 40px;
  }

.InputEditB{
  width:70%;
  font-style:italic;
  font-size:1.6em;
  margin-top:5px;
  margin-right:10px;
  margin-bottom:0px !important;
  }

.TextAreaEdit{
  width:100%;
  font-size:16px;
  font-weight:400;
  color: #565a5c !important;
  }

.relative{
  position:relative;  
  }

.lineheight2{
  line-height:1.9;
  margin-top:-6px;
  min-width:10%
  }

.lineheight1{
  line-height:1.7;
  margin-top:-5px;
  min-width:10%
  }


.arrowDown2{
  height:30px;
  position:absolute;
  bottom:-29px;
  background: url("../images/ask3.cec0777e2e81.png") center top no-repeat;
  background-size:15%;
  }



/*****Edit Qs******/

.ShowQs{
  min-height:100px;
  margin-bottom:40px;
  padding:10px 15px;
  padding-bottom: 20px;
  background:#f5f5f5;
  margin-top: 20px;
  background-color: #f1f4f4;
  }

.ShowQs p.lead{
  background:#fff;
  padding:2px 8px;
  font-size:120%;
  }

.QsEditable{
  padding-bottom:15px;
  margin-top:0px;
  margin-bottom:0px;
  }

.QsSelect{
  display:inline-block;
  text-align:center;
  float:none;
  margin-top:-1px;
  }

.QuestionsLs{
  border-bottom:4px solid #EEEEEE;
  margin-top:5px;
  margin-bottom: 20px;
  }

.QuestionsLs p.lead{
  color:#565a5c;
  font-weight: normal !important;
  }

.question-form textarea {
  resize:none;
}

.headerQsEdit{

}

.headerQsEdit2{
  margin-bottom:10px;
}


/******Sidebar*****/
.newQs p.lead{
  margin-bottom:15px;
  line-height:normal;
  margin-top:7px;
  }

.borderBtn{
  border-radius: 4px !important;
  }

.WhyAsk .list-group-item:first-child {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  }

.WhyAsk .list-group-item.active {
  background-color: #fff !important;
  color: #565a5c;
  font-size: 1.4em;
  font-weight: 400;
  }

.WhyAsk .list-group-item {
  background: none repeat scroll 0 0 #fff !important;
  color: #546A6E;
  font-size: 1.1em;
  font-weight: 300;
  }


 /***Question****/


 .WhyAsk2{
  height: auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-top: 11px;
  }
 
 .WhyAsk2 .list-group-item:first-child {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
  }

.WhyAsk2 .list-group-item.active {
  background-color: #fff !important;
  color: #565a5c;
  font-size: 18px;
  font-weight: 400;

  }

.WhyAsk2 .list-group-item {
  background: none repeat scroll 0 0 #fff !important;
  color: #546A6E;
  font-size: 1.1em;
  font-weight: 300;
  } 


/**************/



.panel-default > .panel-heading {
    background-color: #F5F5F5;
    border-color: #DDDDDD;
    color: #333333;
}

.padingReset{
  padding-left:0px; 
  padding-right:0px;
  }

.headSidebar{
  background-color: #F5F5F5 !important;
  border-top: 1px solid #F0F0F0;
  border-bottom:1px solid #F0F0F0;
  color: #546A6E;
  font-weight: 400;
  padding-left:16px;
  margin-bottom:20px;
  }

.ShouldDo{
  border: 1px solid #F0F0F0;
  margin-bottom:20px;
  }

.ShouldDo h5{
  color: #546A6E;
  font-size: 1.5em;
  font-weight: 300;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-size:1.2em;
  padding-bottom:5px;
  }

.darkHr{border-color:#e1e1e1 !important}




/************About Us*******************************/

.paddinLf0{
  padding-left:0px;
  }

.how-we-do{
  height:auto;
  margin-top:40px;
  margin-bottom:40px;
  padding-left:0px !important;
  }

.how-we-do-tab{
  background-color:#fff;
  border: 0px solid #DDDDDD;
  
  padding:0px !important; 
  }

.how-we-do-tab .nav-pills > li > a, .how-we-do-tab .nav-pills > li > a:hover{
  background-color: #f1f1f1;
  color: #546A6E;
  font-size:18px;
  font-weight:400;
  border-radius:0px !important;
  line-height:1.1;
}

.how-we-do-tab .nav-pills > li.active > a, .how-we-do-tab .nav-pills > li > a:hover, .how-we-do-tab .nav-pills > li > a:focus {
  background-color:#FF8900;
  color: #FFF;
  
}

.noDone {
    color: #D9D9D9;
}

.contentTab{
  border-top:1px solid #f2f2f2;
  padding:15px 22px;
  position: relative;
  margin-top: -60px;
  padding-top:110px;
  }

.contentTab p.lead{
  font-size:16px;
  color:#666;
  }

.contentTab p.lead b{
  font-weight:400;
  }

.contentTab .btn-default{
  border-radius:0px !important;
  color:#546A6E;
  font-size:16px !important;
  }

.contentTab .btn-default.active {
  color:#869ea2 !important;
  background:#F1F1F1 !important;
  }

.contentTab .btn-default:hover{
  color:#869ea2 !important;
  background:#f7f7f7;
  }

.contentTab h2{
  margin-top:0px;
  margin-bottom:40px;
  }

.contentTab h3{
  border-bottom:1px solid #f2f2f2;
  padding-bottom:7px;
  margin-bottom:18px;
  }


.padding10{
  padding:10px;
  }

#Contact label{
  font-weight:400;
  font-size:16px;
  }

.padding0{
  padding:0px !important;
  }

.stepAboutUs{
  background-color: #FF8900;
  color: #FFFFFF;
  font-size:1.6em;
  padding:4px 10px;
  font-weight:300;
  border:2px solid #fd7b0b;
  margin-bottom:15px !important;
  }

.stepAboutUs small{
  color:#fff !important;
  }

.stepAboutUs2{
  background-color: #5cb85c;
  color: #FFFFFF;
  font-size:1.7em;
  padding:4px 10px;
  font-weight:300;
  border:2px solid #4cae4c;
  }


.lineDottedGreen{
  background:url("../images/line_green.954a3bc2d1fa.png") center top no-repeat;
  width:45px;
  height:260px;
  background-size:50%;
  float:left;
  margin-left:20%;
  }

.EmployersDrawn{
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 2px dashed #ebebeb;
  
  padding-top:20px;
  padding-bottom:30px;
  margin-top:30px;
  margin-bottom:40px;
  }


.panel-default{
  border:none !important;
  }

.checklist-item{
  color: #99a2a2 ;
  font-size: 14px !important;
  font-weight:normal !important;
  list-style: none outside none;
  margin: 9px 0;
  }

.text-check{
  text-decoration:line-through;
  color:#c9c9c9 !important;
  }

.text-current{
  color:#5cb85c;
  }

.green-check{
  color:#5cb85c;
  }

#HowWeWorks{
  padding-bottom: 100px;
  }

#About{
  margin-top: -60px;
  padding-top:120px;
  margin-bottom: 50px;
  }


#Pricing{
  margin-top: -60px;
  padding-top:120px;
  margin-bottom: 50px;
  }

#EthicalPolicy{
  margin-top: -60px;
  padding-top:100px;
  margin-bottom:0px;
  }

#DiversityAgenda{
  margin-top: -60px;
  padding-top:100px;
  margin-bottom:0px;
  }


#Contact{
  margin-top: -50px;
  padding-top:80px;
  margin-bottom: 50px;
  }

/****Scrolling******/


.fixed{
  position:fixed;
  z-index: 1030;
  background:#fff !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  top:60px;
  left:8.333333333333332%;
  }

.contentTab section.bkgrey{
  background:#f7f7f7; 
  display: block;
  width: 100%;
  height: 100%;
  border-top: 2px solid #e5e5e5;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 50px;
  
  }

.contentTab section.bkwhite{
  background:#fff; 
  display: block;
  width: 100%;
  height: 100%;
  }

.paddingTop50{
  padding-top:55px;
  margin-top: 50px;
  }

.how-we-do ul.nav a.active{
  background-color:#FF8900;
  color: #FFF;
  }

.how-we-do ul.nav a{
  cursor: pointer;
  }


@media (min-width:480px) and (max-width:900px){
  .how-we-do ul.nav li{
    font-size: .8em !important;
  }
}

/*********************Profile page***********************************/

.profile{
  min-height:500px;
  }

.settings{
  background:#fff;
  min-height:300px;
  margin-top:20px;
  padding-top:10px;
  padding-bottom:20px
  }

.settings h2 {
    border-bottom: 1px solid #F2F2F2;
    margin-bottom: 15px;
    padding-bottom: 7px;
    margin-top:5px;
    padding-top:2px;
    padding-left: 0px !important
  }

.settings label{
  padding-left: 0px !important;
  }

.settings h3 {
  font-weight: 600;
  }

.settings a.btn{
  margin-top:-5px;
  }

.settings p{
  color:#546A6E;
  }

.settings li.social_link, .settings li.social_link a {
  text-decoration:none;
  cursor:text;
  }

.settings li{
  margin-bottom:20px;
  margin-top:10px;
  list-style:none;
  }

.menuProfile{
  margin-top:40px;
  padding-bottom:10px;
  margin-right:5%;
  }

.menuProfile a{
  text-align:left !important;
  font-size:1em;
  padding-left:0px !important;
  }

.menuProfile .text-muted{
  color:#b1c1c3 !important;
  }

.menuProfile .text-muted:hover{
  text-decoration:none;
  }

.settings .checkbox{
  border-bottom: 1px solid #F2F2F2;
  padding-bottom:15px !important;
  padding-top:10px;
  padding-right:20px;
  }

.settings .checkbox label{
  color:#546A6E;
  }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background-color:transparent!important;
    border-color:transparent !important;
  }

.profileName{
  border:transparent !important;
  }

.dropdown-menu > li > a {
  clear: both;
  color:#428BCA;
  display: block;
  font-weight: normal;
  line-height: 2;
  padding: 4px 20px;
  white-space: nowrap;
}

.dropdown-menu > li > a:hover {
  color: #6A868B;
  }


/*****Pricing************************/


.pricingMod {
    background: none repeat scroll 0 0 #FAFAFA;
    padding: 5px 15px 15px 20px;
}

.pricingMod small {
    font-size: 75%;
}
.pricingMod h3 {
    color: #FFFFFF;
    font-size: 1.8em;
    font-weight: 600;
    margin: 0 auto;
    padding-bottom: 5px;
    padding-top: 5px;
}
span.orange {
    color: #FAA943;
}
.pricingMod span.orange {
    color: #FAA943;
    font-size: 18px;
    padding: 2px 4px;
}
.withe_bg {
    background-color: rgba(0, 0, 0, 0);
    margin: 33.5px 0 0;
    padding: 0;
}
.grey_bg {
    background-color: #EBEBEB;
    border-top: 1px solid #E2E3E6;
    margin-left: inherit !important;
    padding: 0;
    width: 69% !important;
}
.grey_bg .six {
    width: 49.7% !important;
}
.monthly {
    color: #9FA5AD;
    margin: 2px auto 2px auto;
    padding-bottom: 5px;
    padding-top: 5px;
}
.titlePricing {
    background: none repeat scroll 0 0 #434350;
    border-left: 2px solid #40404D;
    height: 95px;
}
.textDescWhite {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 16px;
}
.numberPricing {
    background: none repeat scroll 0 0 #8DC23C;
    border-left: 2px solid #80AE3F;
    height: 100px;
    margin-left: 0 !important;
}
.numberPricing:first-child {
    border-left: medium none;
}
.numberPricing h1 {
    color: #FFFFFF;
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 0;
    padding-top: 15px;
}
.numberPricing h2 {
    color: #FFFFFF;
    font-size: 2.5em;
    font-weight: 600;
    margin-bottom: 3px;
}
.numberPlus {
    color: #FFFFFF;
    font-size: 2em;
    font-weight: 600;
    margin-bottom: 3px;
    margin-top: 5px !important;
    text-align: center;
}
.textHelpWhite {
    color: #FFFFFF;
    font-size: 13px;
    line-height: 5px;
}
.purchasePricing {
    background: none repeat scroll 0 0 #EBEBEB;
    border-bottom: 2px solid #E2E3E6;
    border-left: 2px solid #E2E3E6;
    float: inherit !important;
    height: 80px;
    margin-left: 0 !important;
    padding: 0;
}
.borderRG1 {
    border-right: 2px solid #40404D;
}
.borderRG2 {
    border-right: 2px solid #80AE3F;
}
.borderRG3 {
    border-right: 2px solid #E2E3E6;
}
.resetMG {
    margin: 0;
    padding: 0;
}
.referenceText {
    background: none repeat scroll 0 0 #F5F5F5;
    border-bottom: 2px solid #E2E3E6;
    border-left: 2px solid #E2E3E6;
    border-right: 2px solid #E2E3E6;
    height: auto;
    min-height: 25px;
    padding: 20px 0;
}

.borderNone{
  border:none !important;
  margin-bottom: 8px !important;
  }

.brands {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 150px;
    margin-bottom: 30px;
    margin-top: 30px;
}
.brands small {
    font-size: 75%;
}
.brands-top {
    background: url("../images/sep.003e7bf33831.png") no-repeat scroll bottom center rgba(0, 0, 0, 0);
    height: 25px;
    background-size: 90%;
    margin-top: 20px;
}
.brands-center-left {
    background: url("../images/left-brands.b0a19b9db507.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    
    height: 72px;
    padding-top: 8px;
}
.brands-center-right {
    height: 70px;
}
.brands-center-right ul {
    height: 70px;
    padding: 0;
}
.brands-center-right li {
    display: inline-block;
    height: 70px;
}
.brands-center-right li a {
    display: block;
    height: 70px;
}
.brand-list {
    padding: 12px 7%;
    margin-top: 8px;
}
.brands-bottom {
    background: url("../images/sep2.62a855f6bb0c.png") no-repeat scroll top center rgba(0, 0, 0, 0);
    height: 25px;
    background-size: 90%;
}
.brand-list img {
    vertical-align: middle;
}
.textBrand {
    color: #BBBFC4;
    font-size: 15px;
    line-height: normal;
    margin: 0 0 0 0px;
}
.textBrand p {
    margin-top: 0;
}


@media (max-width: 767px) {
  .monthly{
  margin-top: 40px;  
  }
}


.FAQ {
    background: none repeat scroll 0 0 #F2F7FA;
    border-top: 3px solid #CDE0EC;
    height: auto;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 490px;
    padding-bottom: 20px;
}
.FAQ h4 {
    border-bottom: 2px solid #E0ECF3;
    color: #848B95;
    font-size: 1.1em;
    padding-bottom: 10px;
    padding-top: 5px;
}
.FAQ p.Qs {
    color: #848B95;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 17px;
}
.FAQ p {
    color: #848B95;
    font-size: 14px;
    font-weight: 400;
}
.FAQ p.bgcolor {
    background: none repeat scroll 0 0 #E0ECF3;
    padding: 5px;
}
.testimonials {
    margin: 20px 0;
    min-height: 100px;
    padding: 15px;
}
.margin-top {
    margin-top: 20px;
}
.margin-top_ {
    margin-top: 10px;
}
blockquote.pull-right {
    border-left-width: 0;
    border-right-color: #EEEEEE;
    border-right-style: solid;
    border-right-width: 5px !important;
    padding-left: 0;
    padding-right: 15px;
}
.pull-right {
    float: right !important;
}
blockquote p {
    font-family: 'Lato',Calibri,Arial,sans-serif;
    font-size: 17.5px;
    line-height: 1.25;
}
.text-muted {
    color: #999999;
    margin: 5px 0 10px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 .text-muted {
    line-height: 1.5;}
}

.numbersPr {
    line-height: 1.1em;
}
h4.monthly {
    font-size: 18px !important;
    font-weight: 500;
}
.pricingMod p {
    margin: 0 0 10px;
}
.margin-left0 {
    margin-left: 0 !important;
}
.floatRGnone {
    float: inherit !important;
}
.testimonials th {
    border: 4px solid #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    line-height: 0;
    max-width: 100%;
    transition: all 200ms ease-out 0s;
}
blockquote {
    border-left: medium none !important;
    border-right: 5px solid #EEEEEE !important;
    margin: 0 0 20px;
    padding: 10px 20px;
}

/*****Button************************/

/*****GJ Orange Button************************/

.btn-warning-gj {
  color: #fff;
  background-color: #FD8924;
  border-color: #fd7b0b;
}
.btn-warning-gj:hover,
.btn-warning-gj:focus,
.btn-warning-gj:active,
.btn-warning-gj.active,
.open .dropdown-toggle.btn-warning-gj {
  color: #fff;
  background-color: #ec6f02;
  border-color: #ec6f02;
}
.btn-warning-gj:active,
.btn-warning-gj.active,
.open .dropdown-toggle.btn-warning-gj {
  background-image: none;
}
.btn-warning-gj.disabled,
.btn-warning-gj[disabled],
fieldset[disabled] .btn-warning-gj,
.btn-warning-gj.disabled:hover,
.btn-warning-gj[disabled]:hover,
fieldset[disabled] .btn-warning-gj:hover,
.btn-warning-gj.disabled:focus,
.btn-warning-gj[disabled]:focus,
fieldset[disabled] .btn-warning-gj:focus,
.btn-warning-gj.disabled:active,
.btn-warning-gj[disabled]:active,
fieldset[disabled] .btn-warning-gj:active,
.btn-warning-gj.disabled.active,
.btn-warning-gj[disabled].active,
fieldset[disabled] .btn-warning-gj.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning-gj .badge {
  color: #f0ad4e;
  background-color: #fff;
}





/**** bootstrap-tagsinput.css *********/


.headerTextOne .label {
    background-color: #428BCA;
    font-size: 0.9em;
    text-shadow: none !important;
}

.bootstrap-tagsinput {
  margin-bottom: 10px;
  color: #555;
  vertical-align: middle;
  border-radius: 4px;
  max-width: 100%;
  line-height: 22px;
}
.bootstrap-tagsinput input {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  margin: 0;
  margin-top:10px;
  width: auto !important;
  max-width: inherit;
}
.bootstrap-tagsinput input:focus {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  display: inline-block;
  padding: 4px 6px;
  margin-top:10px;
}
.bootstrap-tagsinput .tag {
  margin-right: 2px;
  color: white;
}
.bootstrap-tagsinput .tag [data-role="remove"] {
  margin-left: 8px;
  cursor: pointer;
}
.bootstrap-tagsinput .tag [data-role="remove"]:after {
  content: "x";
  padding: 0px 2px;
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.bootstrap-tagsinput .tag [data-role="remove"]:hover:active {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}



/******Applicant*********************************************************/


.category-offers{
  height:auto;
  min-height:500px;
  padding-bottom:100px;
  padding-top:35px;
  position:relative;
  background: #f8f8f8;
  border-bottom:1px solid #e0e0e0;
  }

.dark-category{
  background-color: #ededed !important;
  
  }

.category-offers .btn-default{
  color: #546a6e;
  border-color: #dedede;
  font-weight: 600;
  }

.category-offers .btn-default:hover, .category-offers .btn-default:focus, .category-offers .btn-default:active, .category-offers .btn-default.active, .category-offers .open .dropdown-toggle.btn-default {
  border-color: #bfbfbf;
  color:#6a868b
  }

.filter-offers{
  height:90px;
  margin-bottom: 20px;
  display: table;
  }

.hidden-data {
    display: none;
  }

.filter-1{
  font-weight: 400;
  color:#fff;
  background: #4da58f;
  display: block;
  }


.filter-2{
  margin-left:4.1666%;
  font-weight: 400;
  color:#fff;
  background: #F0635A;
  display: block;
 
  }

.filter-3{
  margin-left:4.1666%;
  font-weight: 400;
  color:#fff;
  background: #1299E8;
  display: block;
  
  }

.filter-4{
  margin-left:4.1666%;
  font-weight: 400;
  color:#fff;
  background: #fcad2a;
  display: block; 
  }

.filter-5{
  margin-left:4.1666%;
  font-weight: 400;
  color:#fff;
  background: #725EED;
  display: block; 
  }


a.link-offers{
    border: medium none;
    color: #FFFFFF;
    display:table-cell;
    font-size: 1.335em;
    text-align: center;
    width:200px;   
    padding: 1em 0;
    height:90px;
    vertical-align: middle; 
    margin: 0 auto;
    z-index: 1;
  }


a.link-offers:hover{
  background:rgba(0,0,0,0.15);
  text-decoration: none;
  }

/* Hover effect filter menu*/


.view {
    width:100%;
    height:100%;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
}

.view .mask, .view .content {
    width:100%;
    height:100%;
    position: absolute;
    overflow: hidden;
    top:0;
    left: 0;
    padding-top: 10px;
}

.mask a, .mask span.hover-text-filter, .mask span.industryFilter{
  display:block;
  width: 100%;
  height: 100%;
  }

.mask a:hover, .mask span.hover-text-filter:hover, .mask span.industryFilter:hover{
  color: #fff;
  cursor: pointer;
  }

.view img {
    display: block;
    position: relative
}

.view h2 {
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    background: rgba(0, 0, 0, 0.8);
}

.view p {
    position: relative;
    color: #fff;
    text-align: center
}


.view a.info {
    display: inline-block;
    text-decoration: none;
    background: #000;
    color: #fff;
    text-transform: uppercase;
    box-shadow: 0 0 1px #000
}

.view a.info:hover {
    box-shadow: 0 0 5px #000
}


.view-first{ 
    transition: all 0.2s linear;
}

.view-first .mask {
    opacity: 0;
    background-color: rgba(213,213,213, 0.95); 
    transition: all 0.4s ease-in-out;
}



.view-first p { 
    transform: translateY(100px);
    opacity: 0;
    transition: all 0.2s linear;
}


.view-first:hover .mask { 
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    opacity: 1;
    transform: translateY(0px);
}

.view-first:hover p {
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    transition-delay: 0.2s;
}


.view-first hr { 
  margin-top:27px;
  margin-bottom:8px;
  border:0;
  border-top: 1px solid #fff;
  }

.hover-text-filter{
  color: #546A6E;
  font-size: 16px !important;
  }

.hover-text-filter span{
  margin-right: 5px;
  }

.info-mobile{
  display:none;
  }

@media (max-width: 480px){
  
.mask, .view .content {
    display: none;
  }
  
.info-mobile{
    width:auto;
    height:auto;
    background-color: rgba(213,213,213, 0.95);
    top:0;
    right:0;
    position: absolute;
    display: block;
    padding: 2px 5px;
  }
}


@media (max-width: 768px){
  .mask, .view .content {
    display: none;
  }
  
   .info-mobile{
    width:auto;
    height:auto;
    background-color: rgba(213,213,213, 0.95);
    top:0;
    right:0;
    position: absolute;
    display: block;
    padding: 2px 5px;
  } 
}


@media (min-width:768px) and (max-width:980px){
    a.link-offers{
    padding:0.7em 0 !important;
    font-size: .8555em;
  }
  
  .view-first hr { 
  margin-top:5px;
  }
}  


.lightDiv{
  opacity:0.5;
  filter: alpha(opacity=50);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  }

.lightDiv:hover{
  opacity:1;
  filter: alpha(opacity=100);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

/*Apply botton*/


@media screen and (-webkit-min-device-pixel-ratio:0) { 
  
}
 

/* Replace original text with value in data-hover */
a.link-offers:hover:before {
  font-size: 18px;
  font-weight: 400;
  }

.marginLf4{
  margin-left:4.1666%;
  }

@media (min-width: 1300px){
  a.link-offers{
    display: table !important;
    padding: 2em 0;
    }
  }

@media (max-width: 768px){
  a.link-offers{
    padding:0.7em 0 !important;
    font-size: .8555em;
  }
  
  a.link-filter-one, a.link-filter-two, a.link-filter-three, a.link-filter-four, a.link-filter-five{
    font-size: 1em !important;
  }
  p.text-offers{
  font-size:95%;
  }
  .offers-Mod .btn{
  font-size:70%;
  }
  
  .offers-Mod .headerTextOne{
  font-size: 120%;
  }
  
  
  h1.headerTextOne, h2.headerTextOne{
  font-size: 150%;  
  }
  
  .search-box .btn, .search-box .search-box-input{
  font-size: 90%;  
  }
  .search-box .search-box-input{
  height: 40px;
  }
  
  .imagenTwo{
    background-position:-50px 0px !important;
  }
  
  .bodyQs span.enterprise-offers{
    width:100% !important;
    padding-left: 0px;
    margin-left: 0px;
  }
  
  .headerTextOne .label{
    font-size: 60%;
  }
  .bootstrap-tagsinput .tag {
  line-height:2;

  }
  
  .offers-Mod2 span.enterprise-offers{
    font-size: 100% !important;
    margin-left: 0px !important;
  }
  
  .offers-Mod2 .name-person-home{
    font-size: 100% !important;
  }
  
  .offers-Mod2 .lead{
    font-size:18px !important;
  }

}  




.col-offers{
  height: auto;
  margin-top: 25px;
  }

.offers-Mod{
  border: 2px solid #f2f2f2;
  background:#fff;
  -webkit-transition: border-color 1s ease;
         -moz-transition: border-color 1s ease;
           -o-transition: border-color 1s ease;
          -ms-transition: border-color 1s ease;
              transition: border-color 1s ease; 
  
  margin-bottom:15px;
  }


.offers-Mod:hover{
    border-color: #c8c8c8;  
    }



/**** New offers div ******/

.offers-Mod2{
  border: 2px solid #f2f2f2;
  background:#fff;
  margin-bottom:15px;
  padding-bottom: 15px !important;
  }

.industryFilter{
  color: #7a7a7a;
  font-size: 13px !important;
  }

.industryFilter span{
  margin-right: 5px;
  }

.mask a:hover{
  text-decoration: none !important; 
}

.mask .industryFilter:hover,
.mask .industryFilter:focus {
  color:#fff !important;
  text-decoration: none !important;
}

.mask .hover-text-filter:hover,
.mask .hover-text-filter:focus {
  color:#fff !important;
  text-decoration: none !important;
}

.link-mod-beta{
  display: block;
  font-size:1.7em;
  padding:0px 0.9em 5px 0.9em; 
  }

.offers-Mod2:hover{
    border-color: #c8c8c8;  
    }

.jobEnterprise{
  color: #546A6E;
  font-size: 80%;
  margin-left: 6px;
  }


.offers-Mod2 .text-muted{
  line-height:normal !important;
  margin: 3px 3px !important;
  }


.size-tooltip + .tooltip > .tooltip-inner {
  width: 120%;  
  }

.name-person-home{
  color: #779297;
  font-weight:normal;
  font-size: 80%;
  }

/**** fin New offers div ******/



a.link-filter-one{
  color:#4da58f;
  display: block;
  font-size: 1.4em;

  width: auto;   
  padding:1.25em .8em;
  
  -webkit-transition: color 0.1s ease;
         -moz-transition: color 0.1s ease;
           -o-transition: color 0.1s ease;
          -ms-transition: color 0.1s ease;
              transition: color 0.1s ease;
  }


a.link-filter-two{
  color:#F0635A;
  display: block;
  font-size: 1.4em;
  width: auto;   
  padding:1.25em .8em;
  
  -webkit-transition: color 0.1s ease;
         -moz-transition: color 0.1s ease;
           -o-transition: color 0.1s ease;
          -ms-transition: color 0.1s ease;
              transition: color 0.1s ease;
  
  }

a.link-filter-one:hover,
a.link-filter-one:focus,
a.link-filter-one:active,
a.link-filter-two:hover,
a.link-filter-two:focus,
a.link-filter-two:active,
a.link-filter-three:hover,
a.link-filter-three:focus,
a.link-filter-three:active,
a.link-filter-four:hover,
a.link-filter-four:focus,
a.link-filter-four:active,
a.link-filter-five:hover,
a.link-filter-five:focus,
a.link-filter-five:active{
  text-decoration: none;
  color:#a3b5b8;
  border:transparent medium;
  }

a.link-filter-three{
  color:#1299E8;
  display: block;
  font-size: 1.4em;

  width: auto;   
  padding:1.25em .8em;
  
  -webkit-transition: color 0.1s ease;
         -moz-transition: color 0.1s ease;
           -o-transition: color 0.1s ease;
          -ms-transition: color 0.1s ease;
              transition: color 0.1s ease;
  }



a.link-filter-four{
  color:#fcad2a;
  display: block;
  font-size: 1.4em;

  width: auto;   
  padding:1.25em .8em;
  
  -webkit-transition: color 0.1s ease;
         -moz-transition: color 0.1s ease;
           -o-transition: color 0.1s ease;
          -ms-transition: color 0.1s ease;
              transition: color 0.1s ease;
  }


a.link-filter-five{
  color:#725EED;
  display: block;
  font-size: 1.4em;

  width: auto;   
  padding:1.25em .8em;
  
  -webkit-transition: color 0.1s ease;
         -moz-transition: color 0.1s ease;
           -o-transition: color 0.1s ease;
          -ms-transition: color 0.1s ease;
              transition: color 0.1s ease;
  }


.expert-offers{
  color: #546A6E;
  font-weight:300;
  margin-left: 15px;
  margin-right: 10px;
  }

span.enterprise-offers{
  color:#262626;
  font-size: 80%;
  margin-left:5px;
  }

span.date-offers{
  color:#BFBFBF;
  font-weight:300;
  font-size: 70%;
  line-height: 2em;
  }

.context-offers{
  padding:15px 20px 20px 20px;
  border-top: 2px solid #f7f7f7;
  background: #fff;
  }

.filter-one_Color, .AVN-color{
  color:#4da58f !important;
  }

.filter-two_Color, .DSN-color{
  color:#f0635a !important;
  }

.filter-three_Color, .TCH-color {
  color:#1896e3 !important;
  }

.filter-four_Color, .MKT-color{
  color:#fcad2a !important;
  }

.filter-five_Color, .OTH-color{
  color:#705ce8 !important;
  }

.question-listing:hover {text-decoration: none;}

.filter-one_Bkg{
  background-color:#4da58f !important;
  }

.filter-two_Bkg{
  background-color:#f0635a !important;
  }

.filter-three_Bkg{
  background-color:#1896e3 !important;
  }

.filter-four_Bkg{
  background-color:#fcad2a !important;
  }

.filter-five_Bkg{
  background-color:#705ce8 !important;
  }




.offers-Mod b{
  font-weight: 400;
  }

.local-offers{
  color: #7a7a7a;
  font-size: 75%;
  }

.arrow-left {
  width: 0; 
  height: 0; 
  border-top: 0px solid transparent;
  border-bottom: 20px solid transparent; 
  
  border-right:20px solid #fff; 
}


.whiteBack{
  background:#fff;
  padding:10px 10px 20px 10px;
  max-height: 170px;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border: 1px solid #d1d1d1;
  
  -webkit-box-shadow: 1px 1px 5px 0px rgba(230,230,230,0.6);
  -moz-box-shadow: 1px 1px 5px 0px rgba(230,230,230,0.6);
  box-shadow: 1px 1px 5px 0px rgba(230,230,230,0.6);
  }


.text-offers{
  font-size: 1.25em;
  font-weight: 300;
  color: #546A6E;
  padding: 7px 10px;
  line-height: 1.35;
  }

/******Header applicant*****/

.imagenTwo{
  background-image:url("../images/header_post.b1b23e76ba81.jpg") !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: 0 0px !important;
  }


.imagenThree{
  background-image:url("../images/header_post_b.96e6a5db9b0a.jpg") !important;
  -webkit-background-size: cover !important;
  -moz-background-size: cover !important;
  -o-background-size: cover !important;
  background-size: cover !important;
  background-position: 0 0px !important;
  }


.text-typing{
  min-height:100px;
  }

.paddingTop{
  padding-top:7px !important;
  margin-top:0px !important;
  }

.btn-warning{
  background-color: #FD8924;
  border: #ec6f02;
  }

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-color: #ec6f02;
  border-color: #d36302;
}




.pagination li a{
  color:#546A6E !important;
  }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
  color:#fff !important;
  background-color:#ababab !important;
  border-color: #ababab;
  }



.line-Height-low{
  line-height: 1.1 !important;
  }


.variableText{
  color: #feba00;
  font-weight: 400;
  }

.variableTextHome{
  color: #fff;
  font-weight: 700 !important;
  
  }


/***** how it works home****/

.starter-template-2 {
    border-bottom: 1px solid #6d6d6d;
    border-top: 2px solid #6d6d6d;
    margin-bottom: 30px;
    background:#7a7a7a;    
  }

.starter-template-2 h2 {
    color: #fff;
    line-height: 1.9em;
    margin-top: 10px;
}

.whiteText{
  color:#fff !important;
  text-shadow: none !important;
  }

.How-it-works-GJ {
    background: none repeat scroll 0 0 #f7f7f7;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    padding: 5px 10px;
    position: relative;
    text-align: center;
}

#features2 a {
color: #FD8924;
}

.Subscribe{
  background:#3a3a3a;
  min-height: 200px;
  padding-top: 40px;
  padding-bottom: 100px;
  }

.Subscribe-color{
  font-weight: 300;
  color:#fff;
  background: #bcbc2b;
  display: block;
  }

.Subscribe-color2{
  font-weight: 300;
  color:#fcad2a;
  background: #c7c7c7;
  display: block;
  }



/*********************Filter search page*********************************/


.breadcrumb{
  background-color:transparent !important;
  margin-bottom: 0px !important;
  font-size: 90%;
  color: #546a6e;
  }

.text-breadcrumb{
  color: #7a7a7a;
  }

.marginTop5px{
  margin-top: 5px !important;
  }

.marginTop10px{
  margin-top: 10px !important;
  }

.verticalSub{
  vertical-align: sub;
  }

/*********************Qs detail page*********************************/

.bodyQs{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ededed;
  padding-bottom: 30px;
  }

.bodyQs .panel-heading {
  background: #fff;
  padding: 0px;
  margin-bottom: 20px;
  }

.bodyQsTop{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ededed;
  padding-bottom: 10px;
  }

.bodyQsTop .panel-heading {
  background: #fff;
  padding: 0px;
  margin-bottom: 20px;
  }

.col-Qs{
  height: auto;
  margin-top: 10px;
  }

.col-Qs .offers-Mod{
  transition: none;
  }

.col-Qs .offers-Mod h4{
  color: #546A6E;
  display: block;
  font-size: 1.4em;
  padding: 1.25em 0.8em;
  width: auto;
  }

.col-Qs .offers-Mod:hover{
  border: 2px solid #F2F2F2;
  }

.profileQs{
  background-color: #fff;
  margin-top: 10px;
  border: 1px solid #ededed;
  padding-bottom: 15px;
  } 

p.textQs{
  font-size: 1.1em;
  color:#7a7a7a;
  font-weight:400;
  line-height: 1.6
  }

.whyAnswer{
  padding:5px 5px 0px 0;
  }

.whyAnswer-item {
    color: #5cb85c;
    font-size:1.15em !important;
    font-weight: normal;
    list-style: none outside none;
    margin: 7px 0;
}

.profileQs button {
  width: 90%;
  }

.Time-bkg{
  background-color: #789297;
  color:#fff;
  font-weight: 400;
  text-shadow: none;
  padding: 3px 6px;
  }

li.media{
  width:40px !important;
  height: 40px;
  
  }

.lead{
  font-weight: 300 !important;
  }

.lightColorTitle{
  color: #94aaad !important;
  font-size: 140%;
  text-shadow: none !important;
  }

.bigSize{
  font-size: 150% !important;
  }

.bigSizeB{
  font-size: 120% !important;
  }  

.smallSize{
  font-size:60% !important;
  }

.smallSizeB{
  font-size:110% !important;
  font-weight:400; 
  }

.smallSizeC{
  font-size:100% !important;
  font-weight:400; 
  }

.smallSizeD{
  font-size:80% !important;
  font-weight:300; 
  }

.description-Qs{
  height:auto;
  padding: 5px 10px 0px 10px !important;
  border-top:1px solid #f5f5f5;
  margin-top: 10px;
  }

.description-Qs li{
  margin-right: 10px;
  }

.description-Qs p{
  color: #99a2a2;
  font-size: 13px;
  font-weight: 400;
  margin: 0px;
  line-height: 2.5;
  }

.description-Qs .label{
  font-size: 90%;
  }

.alert-Qs {
    background-color: #fafafa;
    border-color: #d6dcde;
    color: #f0635a;
}

.big-Icon{
  font-size: 200%;
  line-height: 1.6;
  margin-right: 10px;
  }

.med-Icon{
  font-size: 150%;
  line-height: 1.0;
  margin-right: 10px;
  }


.Login-Box{
  height: auto;
  margin-top: 10px;
  background: #fff;
  border: 1px solid #EDEDED;
  padding-bottom: 15px;
  }

.signup-or-separator{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 34px;
  position: relative;
  text-align: center;
  }

.signup-or-separator .text{
  background-color: #FDFDFD;
  display: inline-block;
  margin: 0;
  padding: 8px;
  }

.signup-or-separator hr {
    margin: -16px auto 10px;
    width: 90%;
  }

.signup-or-separator2{
  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
  height: 34px;
  position: relative;
  text-align: center;
  }

.signup-or-separator2 hr {
    margin: -16px auto 10px;
    width: 100%;
  }

.btn-primary_linkedin{
  background-color: #1b87bc !important;
  border: 1px solid #1877a6;
  }

.btn-primary_linkedin:hover{
  background-color: #15678f !important;
  border: 1px solid #115779;
  }

.btn-primary_facebook{
  background-color: #405a95 !important;
  border: 1px solid #384f83;
  }

.btn-primary_facebook:hover{
  background-color: #384f83 !important;
  border: 1px solid #314471;
  }

.lineHeight2{
  line-height: 1.9 !important;
  }

.with-50{
  width: 50%;
  }

.with-70{
  width: 70%;
  }

.Login-Box .panel-body, .Login-Box .panel-heading {
  border:none !important;
  padding-bottom: 0px !important;
  }

.Login-Box .panel-default{
  border:none !important;
  box-shadow: none !important;
  padding-bottom: 0px !important;
  }


.Login-Box .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #DDDDDD;
    background-color: #d5dbdc !important;
    border-radius:0 !important;
    border: 0px;
}


.Login-Box .nav-pills > li.active > a, 
.nav-pills > li.active > a:hover, 
.nav-pills > li.active > a:focus {
    background-color: #fff !important;
    text-shadow:none !important;
    border-bottom: none;
    border: 0px !important;
  }

.mail-login{
  background:url("../images/input-icon.4775e14fd9fb.png") right 8px no-repeat;
  background-size: 7%;
  }

.pass-login{
  background:url("../images/input-icon_.09f8da0da656.png") right 8px no-repeat;
  background-size: 7%;
  }


.name-login{
  background:url("../images/input-icon_name.c8b63098ece9.png") right 8px no-repeat;
  background-size: 7%;
  }

.company-login{
  background:url("../images/input-icon_company.1840204bcbdd.png") right 8px no-repeat;
  background-size: 7%;
  }


@media (min-width:200px) and (max-width:480px){
  .mail-login{
  background:url("../images/input-icon.4775e14fd9fb.png") right 8px no-repeat;
  background-size: 15%;
  }

.pass-login{
  background:url("../images/input-icon_.09f8da0da656.png") right 8px no-repeat;
  background-size: 15%;
  }


.name-login{
  background:url("../images/input-icon_name.c8b63098ece9.png") right 8px no-repeat;
  background-size: 15%;
  }

.company-login{
  background:url("../images/input-icon_company.1840204bcbdd.png") right 8px no-repeat;
  background-size: 15%;
  }

  }

 .Login-Box .tab-content{
    padding-bottom: 15px !important;
  }


.text-Doc{
  color: #546A6E;
  font-weight: 300;
  text-shadow: 1px 1px 1px #FFFFFF;
  font-size: 18px;
  padding-left: 30px !imporant;
  }


.bottom-align{
  vertical-align: bottom;
  }


.font-size300{
  font-size: 300%;
  }

.font-size130{
  font-size: 130%;
  padding:1px 0 1px 2px;
  }

.font-size150{
  font-size: 210%;
  line-height:0;
  vertical-align:middle !important;
  font-weight: 100 !important;
  }

#talent{
  margin-top: -140px;
  padding-top:140px;
  }

#employer{
  margin-top: -140px;
  padding-top:140px;
  }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
  #employer {
  margin-top: -240px;
  padding-top:240px;
  }
  
  #talent{
  margin-top: -240px;
  padding-top:240px;
  }
}
  
  
.Doc-tipe{
  background-color: #e9e9e9 !important;
  padding: 3px 10px 3px 10px !important;
  color: #546A6E !important;
  font-weight: 300 !important;
  margin: 5px 5px !important;
  }

.Doc-tipe input[type="checkbox"] {
  margin-left: 8px !important;
  }


.label-default{
  background-color: #b9c3c4 !important;
  }



/********* Share page*****************/

.Share{
  position: relative;
  }

.Share ul.StepButtons{  
  border-bottom: 1px solid #ededed;
}

.Share .nav-justified > li > a {
    background-color:transparent;
    border-radius:0 !important; 
    color: #7a7a7a;    
    font-weight:400;
    font-size:15px;
    border-bottom: 3px solid transparent;
    z-index: 1;
    margin-bottom: -1px;
}


.Share .nav-justified > li > a:hover {
    border-bottom: 3px solid #ededed !important;
    color: #565a5c;
}

.Share .nav-justified > li.active > a, 
.nav-justified > li.active > a:hover, 
.nav-justified > li.active > a:focus {
    background-color: #fff !important;
    border-top:0px !important;
    border-left:0px !important;
    border-right:0px !important;
    color: #fd8924;
    border-bottom: 3px solid #fd8924 !important;
  }



/********* ***********************************/


@media (min-width:1100px) and (max-width:1250px){
  .Share .nav-justified > li > a{
    font-size:80% !important;
    text-align: center; 
  } 

}



@media (max-width: 960px) {
  .Share .btn-responsive {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
  }
}

@media (min-width:300px) and (max-width:480px){
    .Share .btn-responsive {
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 8px;
  }
}


@media (min-width:300px) and (max-width:680px){
  .Whatyou{
  background-position:center 50%;
  }

  .Whatyou2{
  background-position:center 50%;
  }
  
  .img_blank {
    display: block;
    height: 205px;
  }
}


@media (min-width:300px) and (max-width:480px){
  
}

@media (min-width:480px) and (max-width:680px){
  
}


@media (min-width:680px) and (max-width:768px){

}

@media (min-width:768px) and (max-width:980px){
 
}  

@media (min-width:980px) and (max-width:1024px){
  
}

@media (min-width:1024px) and (max-width:1200px){
  
  
}

@media (min-width:1200px){
   
}


/*********Question Details***********************************/

.publish-button {padding:7px 10px;}

.Share .label-info {
  background-color: #b9c3c5;
  color: #fff;
  font-size: .9em;
}

ul.StepButtons li{
  font-size: 16px;
  font-weight:500 !important;
  }




.Share ul.StepButtons li.active a {
  color: #fd8924 !important;
}


.Share li.active .label-info {
  background-color: #fd8924;
}

.Share .label-info[href]:hover,
.Share .label-info[href]:focus {
  background-color: #fd8924;
}


.Share ul.inline-block{
    list-style: none !important;
    margin-left:0px !important;
    padding-left: 0 !important;
    display: inline-block !important;
}

.Share ul.inline-block li{
  float: left;
  margin-right:6px;
  margin-bottom: 6px;
  }

.Submissions{
  border-bottom: 1px dashed #E3E3E3;
  margin-bottom:10px;
  min-height: 20px;
  padding:5px 10px 5px 10px;
  }


ul.countdown {
  list-style: none;
  margin: 5px 0;
  padding: 0;
  display: block;
  text-align: center;
  color:#495c60
  }

ul.countdown li {
  display: inline-block;
  }

ul.countdown li span {
  font-size:2em;
  font-weight: 400;
  line-height: 2em;
  }

ul.countdown li.seperator {
  font-size: 2.5em;
  line-height:2.25em;
  vertical-align: top;
  }

ul.countdown li p {
  color: #a7abb1;
  font-size: 14px;
  }


.Share .help-block{
  color: #A7ABB1;
  font-size: 14px;
  }

.blockBorder{
  background-color: #fafafa;
  border: 1px solid #d6dcde;
  border-radius: 3px;
  color: #565a5c;
  display: inline-block;
  margin: 0 5px 8px 0 !important;
  padding: 5px 8px 5px;
  vertical-align: middle;
  white-space: nowrap;
  text-transform: capitalize;
  font-weight:600;
  }

p.blockBorder{
  font-weight: 600 !important;
  }

.blockBorder2{
  background:#FFFFFF;
  border: 1px solid #EDEDED;
  padding:.05em 0px;
  border-radius:3px; 
  }

.greenBg{
  background: none repeat scroll 0 0 #f1f4f4;
    margin-bottom:25px;
    margin-top: 20px;
    min-height: 50px;
    padding: 10px 15px 10px;
  }  

.commentBox{
  background-color: #fff;
  border: 1px solid #E3E3E3;
  min-height: 20px;
  padding:10px 15px;
  margin-bottom: 20px;
  }

.well-white{
  background-color: #fff;
  margin-bottom: 20px;
  min-height: 20px;
  padding:10px 15px;
  }

.borderBottomNone{
  border-bottom:none !important;
  }

.well-white .form-group {
  margin-bottom: 0px !important
  }

.well-white p.lead {
  margin-bottom:8px !important
  }

.well-white li{
  list-style: none;
  }

.well li{
  list-style: none;
  } 

.HM-content-tab .well label{
  color:#546A6E;
  font-weight:600;
  font-size: 1.1em;
  margin-right: 5px;
  text-shadow:#FFFFFF 1px 1px 1px;
  } 

.HM-content-tab .well input{
  margin-right: 20px;
  }        

.paddingBottom30{
  padding-bottom: 30px !important;
  }

.infoToShare{
  position: absolute;
  top: 8px;
  right:50px;
  }

.infoToShare ul{
  margin-bottom: 4px !important;
  }

@media (min-width:300px) and (max-width:768px){
  .infoToShare{
  top:50px;
  right:10px;
  }
}

@media (min-width:768px) and (max-width:990px){
  .infoToShare{
  top:30px;
  right:10px;
  }
}

.labelDraft{
  position: absolute;
  top:0px;
  right:0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #ededed transparent transparent;
  }


.labelDraft p{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    writing-mode: lr-tb;
  
  color: #99a2a2 !important;
  margin-top:9px !important;
  margin-right: -56px;
  }

.labelPublished{
  position: absolute;
  top:0px;
  right:0px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 60px 60px 0;
  border-color: transparent #5CB85C transparent transparent;
  }

.labelPublished p{
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    writing-mode: lr-tb;
  
  color: #fff !important;
  margin-top:9px !important;
  margin-right: -56px;
  }

.paddingDeafault{
  padding-left: 15px;
  padding-right: 15px;
  }

.checkbox-list label.btn-default{
  margin: 10px 0px;
  }

.checkbox-list li{
  list-style: none;
  font-size: 16px;
  font-weight: 400;
  color: #565a5c
  }

.checkbox-list .btn-group > .active:first-child {
  background-color: #4CAE4C !important;
  color: #fff !important;
}

.checkbox-list .btn-group > .active:last-child {
  background-color: #d9534f !important;
  color: #fff !important;
  cursor: text;
}

.checkbox-list{
  background-color: #f1f4f4;
  padding-top: 15px !important;
  padding-bottom: 2px !important;
  margin-bottom: 40px;
  }


.NavUploadFile li.active a{
  color: #fd8924;
  }

.NavUploadFile li a{

  }

.NavUploadFile li.active a:hover{
  color: #fd8924;
  cursor: pointer; 
  }  

a.upload-answer{
  color: #7a7a7a;
}


/*********Flat-Icon****************/

@font-face {
  font-family: "Flaticon";
  src: url("../images/flaticon.1d9cdfc69281.eot");
  src: url("../images/flaticon.1d9cdfc69281.eot#iefix") format("embedded-opentype"),
  url("../images/flaticon.b4783f470e33.woff") format("woff"),
  url("../images/flaticon.41cea222775c.ttf") format("truetype"),
  url("../images/flaticon.00c025037256.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
    font-style: normal;
  
}

.flaticon-STR:before {
  content: "\e018";
  font-family: inherit !important; /*delete this when the final flaticon is created */
}

.flaticon-AVN:before {
  content: "\e000";
}
.flaticon-DSN:before {
  content: "\e001";
}
.flaticon-dropbox:before {
  content: "\e002";
}
.flaticon-engineering1:before {
  content: "\e003";
}
.flaticon-google22:before {
  content: "\e004";
}
.flaticon-TCH:before {
  content: "\e005";
}
.flaticon-MKT:before {
  content: "\e006";
}
.flaticon-upload2:before {
  content: "\e007";
}

/*********Link-Share****************/
.inputLinkShare {
    border: none;
    background: #F1F1F1;
    text-align: center;
    color: #999999;
    width: 120px;
    padding: 2px 5px;
  font-size: 14px
}

.promoteLinkShare {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background: #fff;
    text-align: center;
    color: #666;
    width: 120px;
    padding: 4px;
    font-size: 14px
}

/***********IMG Size and textarea size********************/

.img60px{
  width:60px !important; 
  }

.img50per{
  width:50% !important; 
  }

.img20per{
    width:20% !important;  
    }

.img25px{
  width: 25px; 
  height: 25px;
  }

.textAreaSize{
  overflow-y: hidden; 
  width: 100%; 
  height: 30px; 
  max-width: 101%; 
  min-height:30px; 
  max-height:250px;
  }


/********** Dashboard *********************************************/

.dbPage{
  padding-top: 5px;
  background: #F8F8F8;
  }

@media (min-width:300px) and (max-width:480px){
  
  .WrapperMod .btn-default {
    margin:1% 5% !important;
    padding: 9px !important
  }
  
}

@media (min-width:768px) and (max-width:980px){
  
  .WrapperMod .btn-default {
    margin:1% 10% !important;
  }
  
}

.WrapperMod-Empty {
  border: 2px dashed #d9d9d9;
  border-radius: 4px;
  padding: 5px 10px;
  background-color:transparent;
  color:#000 !important;
  margin-bottom: 20px;
  }

.WrapperMod {
  border: 2px dashed #d9d9d9;
  border-radius: 4px;
  padding: 5px 10px 15px 10px;
  background-color:#fff;
  color:#000 !important;
  margin-bottom: 20px;
  }

.WrapperMod .btn-default {
    border-color: #DEDEDE;
    color: #94aaad;
   -webkit-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.15);
    margin:1% 20%;
}

.WrapperMod .btn-default span{
  font-size: 150%;
  padding-left: 2px;
  
  }

.WrapperMod h4 {
    font-size: 1.6em;
}

.WrapperMod h5.text-muted {
    color: #BFBFBF !important;
}

.WrapperMod_Edit {
  border: 1px solid #EEEEEE;
  padding-bottom: 9px;
  background-color:#f5f5f5;
  margin-bottom:5px;
  color:#000 !important;
  }

.WrapperMod_Edit h4 {
    font-size: 1.6em;
}

.WrapperMod_Edit h5.text-muted {
    color: #BFBFBF !important;
}

.WrapperLs{
  margin-top:5px;
  }


@media (min-width:300px) and (max-width:480px){
  
  .headerTitleEdit input.InputEdit{
    width:90%;
    margin-bottom:30px;
  }
}

.headerTitleEdit{
  background: #FFFFFF;
  border: 2px solid #F2F2F2;
  margin-top: 10px;
  padding: 5px 10px 15px 15px
  }

.headerTitleEdit2{
  margin-bottom:10px;
}

.bootstrap-switch {
  display: inline-block;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #e5e5e5;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  vertical-align: middle;
  min-width: 100%;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}


.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-container {
  margin-left: 0%;
}

.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-container {
  margin-left: -150%;
}

.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label {
  cursor: default !important;
}

.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  width:225%;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding-bottom: 4px;
  padding-top: 4px;
  font-size: 14px;
  line-height: 20px;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
  width: 33.333333333%;
}

.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #5cb85c;
}


.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #bfbfbf;
  background: #eeeeee;
}

.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}

.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  width: 33.333333333%;
  color: #333333;
  background: #ffffff;
}

.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  z-index: -1;
}


.HM-sideBar{
    margin-right: -1px;
    position: relative;
    margin-top:25px;
    z-index: 2;
    }

.HM-content-tab{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    margin: 0;
    margin-bottom: 30px;
    padding-bottom: 30px;
    z-index: 1;
    min-height: 320px;
    }


.HM-sideBar .nav-pills > li.active > a, .HM-sideBar .nav-pills > li.active > a{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-image: none;
    border-radius: 4px 0 0 4px;
    border-style: solid none solid solid;
    border-width: 1px 1px 1px 1px;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
    
    color: #546A6E;
    font-weight: 600 !important;
}

.HM-sideBar .nav-pills > li.active > a:hover{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;

    border-image: none;
    border-radius: 4px 0 0 4px;

    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
    
    color: #546A6E;
    font-weight: 600 !important;
    border: 1px solid #ccc !important;
    border-style: solid none solid solid !important;
    }


.HM-sideBar .nav-pills > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #CCCCCC #CCCCCC #CCCCCC #CCCCCC;
    border-image: none;
    border-radius: 4px 0 0 4px;
    border-style: solid none solid solid;
    border-width: 1px medium 1px 1px;
    box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
    
    color: #546A6E;
    font-weight: 600 !important;
}


.HM-sideBar .nav > li{
    margin-bottom: 10px;
    }


.HM-sideBar .nav-pills > li > a {
    display: block;
    margin-bottom: 0;
    padding: 15px;
    text-shadow: none !important;
    color: #999999;
    font-size: 18px;
    font-weight: 600 !important;
    border-bottom: 1px solid transparent;
}


.HM-sideBar .nav-pills > li > a:hover {
    display: block;
    margin-bottom: 0;
    padding: 15px;
    text-shadow: none !important;
    color: #999999;
    font-size: 18px;
    border-radius: 4px 0 0 4px;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
}

.paddingTop20{
  padding-top:20px;
  }

.paddingTop15{
  padding-top:15px !important;
  }

.paddingLf0{
  padding-left: 0px !important;
  }

.marginTop0px{
    margin-top: 0px !important;
    }

.width50{
    width: 50% !important;
    }

.width40{
    width: 40% !important;
    }

.borderNone0{
    border: none !important;
    }

.Promote-mod{
    background-color:#f1f4f4;
    border-radius: 4px;
    /*min-height: 150px;*/
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 20px;
    }

.muted-text-color{
    color: #7a7a7a;
}

.text-warning {
    color: #e77220 !important;
    }

.mod-HM-applicant {
    margin-bottom: 15px;
    min-height: 20px;
    padding:5px 5px;
    border:2px dashed #D9D9D9;
    border-radius: 4px;
    }

.mod-HM-applicant .pull-left {
    margin-right: 10px !important;
}

.mod-HM-applicant:last-child{
    }

.nav-pills > .active > a > .badge {
  color: #fff;
  background-color: #FD8924;
}

.selectEdit {
    font-size: 1.2em;
    font-style: normal;
    font-weight: 300;
    color: #555555;
}

#feedback-page-answer-files {display:none;}

a.rateStar{
    outline:0;
    color: #999999;
    }

a.rateStar:hover{
    outline:0;
    color: #E77220;
    }

a.selectedStar {
  outline:0;
  color: #E77220;
}

.feedback-rating-radio {visibility: hidden;}

.HM-content-tab #Applicants .tab-content{
    margin-bottom: 30px;
    }

.HM-content-tab #Applicants .nav-tabs > li.active > a, .HM-content-tab #Applicants .nav-tabs > li.active > a:hover, .HM-content-tab #Applicants .nav-tabs > li.active > a:focus {
    border: 1px solid #DDDDDD !important;
    border-bottom-color: #FFFFFF !important;
    color: #546A6E;
    font-weight: 400;
    font-size: 1.2em;
    }

.HM-content-tab #Applicants .nav-tabs > li > a{
    color: #a3b5b8;
    font-weight: 400;
    font-size: 1.2em;
    }

.HM-content-tab #Applicants .nav-tabs > li > a:hover{
    color: #546A6E;
    font-weight: 400;
    font-size: 1.2em;
    }


.HM-content-tab .tab-content{
    margin-bottom: 30px;
    }

.HM-content-tab .nav-tabs > li.active > a, .HM-content-tab .nav-tabs > li.active > a:hover, .HM-content-tab .nav-tabs > li.active > a:focus {
    border: 1px solid #DDDDDD !important;
    border-bottom-color: #FFFFFF !important;
    color: #546a6e;
    font-weight: 600 !important;
    font-size: 18px;
    }

.HM-content-tab .nav-tabs > li > a{
    color: #a3b5b8;
    font-weight: 600 !important;
    font-size: 18px;
    }

.HM-content-tab .nav-tabs > li > a:hover{
    color: #546A6E;
    }    

.height40px{
    height: 40px !important;
    }

.borderBottomNone{
    border-bottom:1px solid transparent;
    }

#Applicants .media p.lead{
    font-size: 1.25em;
    font-weight: 300 !important;   
    }



.HM-dashboard{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    padding-bottom: 30px;
    z-index:0;
    min-height: 320px;
    margin-bottom: 30px;
    }

.HM-dashboard-sideBar .nav-pills > li.active > a, .HM-dashboard-sideBar .nav-pills > li.active > a:hover{
    display: block;
    margin-bottom: 0;
    padding: 10px;
    text-shadow: none !important;
    color: #999999;
    font-size: 1.2em;
    font-weight: 400;
    border-radius: 4px 4px 4px 4px;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
}




.HM-dashboard-sideBar .nav-pills > li.active > a:focus {
    display: block;
    margin-bottom: 0;
    padding: 10px;
    text-shadow: none !important;
    color: #999999;
    font-size: 1.2em;
    font-weight: 400;
    border-radius: 4px 4px 4px 4px;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
}


.HM-dashboard-sideBar .nav-pills > li > a:hover {
    display: block;
    margin-bottom: 0;
    padding: 10px;
    text-shadow: none !important;
    color: #999999;
    font-size: 1.2em;
    font-weight: 400;
    border-radius: 4px 4px 4px 4px;
    background-color: #f2f2f2;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.3);
}

.HM-dashboard-sideBar .nav > li{
    margin-bottom: 10px;
    }


.HM-dashboard-sideBar .nav-pills > li > a {
    display: block;
    margin-bottom: 0;
    padding: 10px;
    text-shadow: none !important;
    font-size: 1.2em;
    font-weight: 400;
    border-bottom: 1px solid transparent;
}

.HM-dashboard .btn-default {
    border-color: #DEDEDE;
    color: #7a7a7a !important;
    font-weight: 600 !important;
}


.HM-WrapperMod {
  border: 2px dashed #d9d9d9;
  border-radius: 4px;
  padding: 5px 10px;
  background-color:#fff;
  color:#000 !important;
  margin-bottom: 20px;
  }

/*
.HM-WrapperMod .btn-default .badge {
    background-color: #94AAAD;
    color: #FFFFFF;
}
*/

.HM-WrapperMod .btn-default .badge {
  background-color:#fd8924;
  color: #FFFFFF;
  font-weight: normal !important;
  }


.HM-dashboard ul li{
  margin-bottom: 10px;
  } 

    


.dashboard-icon{
    position: absolute;
    top: 14px; 
    left:24%;
    font-size:15px;
    font-weight:normal;
    border:1px solid rgba(255,255,255,.4);
    color:rgba(255,255,255,.8);
    border-radius: 4px;
    padding: 5px 15px;
    }

.dashboard-icon:hover, .dashboard-icon:focus{
    text-decoration: none;
    background-color: transparent;
    color:#ececeb;
    border:1px solid rgba(255,255,255,.8);
    }

@media (min-width:768px) and (max-width:1024px){
  .dashboard-icon{left:31%;}
  }

@media (min-width:200px) and (max-width:480px){
  .dashboard-icon{left:24%;}
  }

.disabled_icon{
    color:#6d6d6d;
    border: 1px solid rgba(255, 255, 255, 0.25);
    }


ul.countdown-app {
  list-style: none;
  margin: 5px 0;
  padding: 0;
  display: block;
  text-align: center;
  color:#495c60
  }

ul.countdown-app li {
  display: inline-block;
  }

ul.countdown-app li span {
  font-size:1.5em;
  font-weight: 400;
  line-height: 2.5em;
  }

ul.countdown-app li.seperator {
  font-size: 2.5em;
  line-height:1.9em;
  vertical-align: top;
  }

ul.countdown-app li p {
  color: #a7abb1;
  font-size: 14px;
  }

.label-warning{
    background-color: #fd8924 !important;
    }


.position-detail-answer-list li {padding-left:0px;}
.fill-center-align-text {width:100%;text-align: center;}

ul.countdown-HM {
  list-style: none;
  margin:-10px 0 0px 0;
  padding: 0;
  display: block;
  text-align: center;
  color:#495c60;
    
  }

ul.countdown-HM li {
  display: inline-block;
  }

ul.countdown-HM li span {
  font-size:2em;
  font-weight: 300;
  line-height:1.8em;
  }

ul.countdown-HM li.seperator {
  font-size: 2.5em;
  line-height:1em;
  vertical-align: top;
  }

ul.countdown-HM li p {
    margin-top: 5px;
    background-color: #b2bfc1;
    color: #FFFFFF;
    font-size:.8em;
    font-weight:bold;
    border-radius: 10px;
    padding: 2px;
  }


@media (min-width:300px) and (max-width:560px){
  .HM-dashboard ul li:last-child{
    margin-left:-5px;
  }
}


/****** Form Complete **********/

.numberStatus{
  border-radius: 50px 50px 50px 50px;
  -moz-border-radius: 50px 50px 50px 50px;
  -webkit-border-radius: 50px 50px 50px 50px;
  border: 0px solid #000000;
  background-color: #e0e0e0;
  height: 50px;
  width: 50px;
  color: #fff;
  margin-left: 10px;
  }

li.numberStatus{
  line-height: 1.8em;
  font-size: 2em;
  }

li.Select-numberStatus{
  background:#fd8924;
  }

.lineLow{
  line-height: 1.2 !important;
  }

.marginBottom10{
  margin-bottom: 10px !important;
  }

.marginBottom15{
  margin-bottom: 15px !important;
  }

.marginBottom20{
  margin-bottom: 30px !important;
  }


.backGrey-light{
  background-color:#fff !important;
  padding: 15px 10px;
  color:#546A6E;
  text-align: left;
  }

p.backGrey-light{
  font-size:1.45em;
  line-height: 1.2;
  }

.Form-qs-div{
  background-color:#f5f5f5 !important;
  padding: 15px 10px;
  }   


.key-terms{
  background-color: #f5f5f5;
  }

.key-terms li.list_terms{
  font-size: 1.15em;
  margin: 3px 0px 8px 0px;
  list-style-type:none; 
  }

.key-terms-short{
  border:1px solid #f5f5f5;
  }

.key-terms-short li.list_terms2{
  font-size: 1em;
  margin: 5px 0px 15px 0px !important;
  list-style-type:none; 
  color: #546A6E;
  min-height:40px;
  display: block;
  padding: 5px 0;
  }

 .icon-terms{
  font-size: 170%;
  } 

.icon-terms-color-1{
  color: #5cb85c;
  }

.icon-terms-color-2{
  color: #fd8924;
  }


/**** add to correct details******/

.Doc-tipe, #id_deliverables li, #id_milestones li{
  background-color: #fafafa;
  border: 1px solid #d6dcde;
  padding: 5px 8px 3px 8px;
 
  font-weight: 300 !important;
  margin: 0px 5px 5px 0px !important;
  display:inline-block;

  /*label styling*/
    font-weight: bold;
    color: #565a5c;
    vertical-align:middle;
    white-space: nowrap;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 8px !important;
  }

.Doc-tipe label, #id_deliverables li label, #id_milestones li label{
  margin-top:1px;
  }



#id_deliverables {
  padding:0;
  list-style-type: none;
}


#id_deliverables li{
  margin-bottom: 8px !important;
}

#id_milestones{
  padding-left: 0px !important;
  }


.add-new-milestone{
  background-color: transparent !important;
  border: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  }

.add-new-milestone input.milestone-autocomplete{
  padding: 3px 5px;
  font-size: 16px;
  margin-right: 5px;
  font-weight: 500 !important;
  }

.add-new-milestone input[type="button"]
  {
  margin-top: -5px;
  margin-right: 5px;
  font-weight: bold;
  color: #565a5c;
  }


#filesarea{
  margin:10px 0px 30px 0px;
  }

#filesarea h4{
  color:#565a5c!important;
  font-weight:400; 
  }

#filesarea table{
  color:#565a5c;
  font-size: 16px;
  }

#filesarea thead{
  font-size: 14px;
  font-weight: 600;
  background-color: #f9fafa;
  }

.upload-box{
  background-color:#fff;
  border:1px solid #E3E3E3;
  margin-bottom:20px;
  min-height:20px;
  padding:19px;
  border-top: none; 
  }

#uploadfile .upload-box form label{
  color:#565a5c;
  font-weight:400;
  font-size: 16px;
  margin-right: 10px;
  }

#uploadfile .upload-box form select{
  color:#565a5c;
  font-weight:400;
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
  }

#uploadfile .upload-box form input[type="file"] {
  color:#565a5c;
  font-weight:400;
  font-size: 16px;
  line-height: 0;
  vertical-align:baseline;
  margin-bottom: 25px;
}


#dropboxlink .upload-box form label{
  color:#546A6E;
  font-weight:400;
  font-size: 14px;
  margin-right: 10px;
  }

#dropboxlink .upload-box form select{
  color:#546A6E;
  font-weight:400;
  font-size: 14px;
  display: block;
  margin-bottom: 20px;
  }

#dropboxlink .upload-box form input[type="file"] {
  color:#546A6E;
  font-weight:300;
  font-size: 1.3em;
  line-height: 0;
  vertical-align:baseline;
  margin-bottom: 25px;
}



#drivelink .upload-box form label{
  color:#546A6E;
  font-weight:300;
  font-size: 1.6em;
  margin-right: 10px;
  }

#drivelink .upload-box form select{
  color:#546A6E;
  font-weight:300;
  font-size: 1.3em;
  display: block;
  margin-bottom: 20px;
  }

#drivelink .upload-box form input[type="file"] {
  color:#546A6E;
  font-weight:300;
  font-size: 1.3em;
  line-height: 0;
  vertical-align:baseline;
  margin-bottom: 25px;
}


/***** propiedades que no pude agregar *****/

.marginTop20px{
  margin-top: 20px !important;
  }

.marginTop25px{
  margin-top: 25px !important;
  }


#qsdetails p.lead{
  font-size: 1.4em !important;
  }

.mod-HM-applicant .btn-default {
  border-color:#DEDEDE;
  color:#94AAAD !important;
}

label.error { color:#A94442 !important;}

ul.errorlist{
  list-style: none;
  padding-left:5px;
  }

.bkg_trans{
    background-color: #F8F8F8 !important;
    display: inline-block;
    margin: 0;
    padding: 10px 20px;
}


/***** Payment *******/


.Payment{
  min-height:330px;
  padding-bottom:30px !important;
  }

.form-payment{
  padding-bottom: 10px;
  }

.payment_card{
  padding-top: 10px;
  }


.visa-logo {
    background: url("../images/payment-icons.838c634e05fc.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    margin-right: 5px;
    text-indent: -99999px;
    width: 50px;
    margin-bottom: 5px;
  } 


.mastercard-logo {
    background: url("../images/payment-icons.838c634e05fc.png") no-repeat scroll -50px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    margin-right: 5px;
    text-indent: -99999px;
    width: 50px;
    margin-bottom: 5px;
  }

.amex-logo {
    background: url("../images/payment-icons.838c634e05fc.png") no-repeat scroll -100px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    margin-right: 5px;
    text-indent: -99999px;
    width: 50px;
    margin-bottom: 5px;
  }

.discover-logo {
    background: url("../images/payment-icons.838c634e05fc.png") no-repeat scroll -150px 0 rgba(0, 0, 0, 0);
    float: left;
    height: 30px;
    text-indent: -99999px;
    width: 50px;
    margin-bottom: 5px;
  }

.card-icon {
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 25px;
    font-size: 120%;
    margin-bottom: 5px;
    padding-top: 3px;
  }

.promo-code{
  background-color: #F8F8F8;
  border: 1px solid #DDDDDD;
  padding: 0px 15px 10px 15px;
  margin-bottom: 20px;
  }

.about-payment{
  background-color: #F8F8F8;
  border: 1px solid #DDDDDD;
  padding: 0px 15px 10px 15px;
  margin-bottom: 20px;
  }

.about-payment label{
  color: #546A6E;
  }   

@media (min-width:300px) and (max-width:480px){
  .about-payment{
  }

  .form-payment{
      
  }
}




/****** 404 - 504 ****************/

.four-cero-four{
  background-image: url("../images/404.291e67ac1aeb.jpg");
  background-size: 85%;
  background-color: #030606;
  background-repeat: no-repeat;
  min-height: 300px;
  background-position: center -70px;
  padding-bottom:100px !important;
  }

@media (min-width:300px) and (max-width:480px){
  .four-cero-four{
    background:url("../images/404.291e67ac1aeb.jpg") center right no-repeat  #030606 !important;
  }
}


@media (min-width:480px) and (max-width:680px){
  .four-cero-four{
    background:url("../images/404.291e67ac1aeb.jpg") center right no-repeat #030606 !important;
  }
}

@media (min-width:680px) and (max-width:760px){
  .four-cero-four{
  background-size: 85%;
  background-position: 300% 50%;
  }
}

@media (min-width:800px) and (max-width:1024px){
  .four-cero-four{
  background-size: 95%;
  }
}

.four-cero-four h1{
  color: #f6ae2a;
  font-weight: bolder;
  font-size: 5em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }

.four-cero-four h2{
  color: #f6ae2a;
  font-weight: bolder;
  font-size: 3.5em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }

.four-cero-four h3{
  color: #f6ae2a;
  font-weight: 400;
  font-size: 1.9em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }



.five-zero-four{
  background-image: url("../images/504.dd2458a8b2a9.jpg");
  background-size: 85%;
  background-color: #030606;
  background-repeat: no-repeat;
  min-height: 300px;
  background-position: center -70px;
  padding-bottom:100px !important;
  }

@media (min-width:300px) and (max-width:480px){
  .five-zero-four{
    background:url("../images/504.dd2458a8b2a9.jpg") center right no-repeat  #030606 !important;
  }
}


@media (min-width:480px) and (max-width:680px){
  .five-zero-four{
    background:url("../images/504.dd2458a8b2a9.jpg") center right no-repeat #030606 !important;
  }
}

@media (min-width:680px) and (max-width:760px){
  .five-zero-four{
  background-size: 85%;
  background-position: 300% 50%;
  }
}

@media (min-width:800px) and (max-width:1024px){
  .five-zero-four{
  background-size: 95%;
  }
}

.five-zero-four h1{
  color: #f6ae2a;
  font-weight: bolder;
  font-size: 5em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }

.five-zero-four h2{
  color: #f6ae2a;
  font-weight: bolder;
  font-size: 3.5em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }

.five-zero-four h3{
  color: #f6ae2a;
  font-weight: 400;
  font-size: 1.9em;
  text-shadow:#000 2px 2px 2px;
  line-height: 1
  }  

label.rememberme{
  vertical-align:middle !important;
  }


@media (min-width:200px) and (max-width:480px){
  .form-group{
    margin: 0px;
  }

  .category-offers{
    padding-top: 0px;
  }

  h6.headerTextOne {
    font-size:12px !important;
  }

}

@media (min-width:200px) and (max-width:680px){
  .step-line  h4{
   margin-top: -5px !important;
  }
  .ListQs{
    margin-left:0% !important;
    margin-right:0% !important;
    padding-left:0% !important;
    padding-right:0% !important;
 }

}

/***PlaceHolder text*****/


.form-control:-moz-placeholder {
  color: #ccc;
  font-style:italic;
}
.form-control::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-style:italic;
}
.form-control:-ms-input-placeholder {
  color: #ccc;
  font-style:italic;
}
.form-control::-webkit-input-placeholder {
  color: #ccc;
  font-style:italic;
}

.back_btn{
  position: absolute;
  }

.cursorpointer{
  cursor: pointer !important;
  } 

.minHeight50px{
  min-height: 35px !important;
  }

.paddingRg0{
  padding-right: 0px !important;
  }

/***** Dashboard Multi user ******/

.Add_User_dashboard{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  padding-bottom:15px;
  padding-top: 15px;
  z-index: 1;
  margin-bottom: 20px;
  }

.Add_User_dashboard p{
  margin-top: 0px !important;
  padding-top: 0px !important;
  }

.QsBotton{
  height: 100%;
  }  

@media (min-width:766px) and (max-width:769px){
  .QsBotton{
    display: none;
  }
}  

.linkQsHome{
  color: #fff;
  position: absolute;
  left: 3%;
  top:53%;
  width:230px;
  cursor: pointer;
  text-align: left;
  font-size: 13px;
  }

.linkQsHome:hover{
  color:#fff;
}


/******* Payment page ************/

.text_NewUser{
  font-weight: 700;
  font-size: 120%;
  color: #999999;
  margin-top:10px;
  }

.profile-image-initials {
  display: block;
  font-size:130%;
  font-weight: bold;
  color: #b9c3c4;
  line-height:1.7;
  text-align: center;
  top: 0;
  z-index: 1;
}

.UserInitials{
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  display:inline-block;
  padding: 4px;
  height:40px;
  width:40px;
  margin-bottom:5px;
  margin-right: 7px;
  }

.modAddNewUser{
  min-height: 100px;
  }

.addNewUser{
  border-radius:20px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  color:#BBBBBB;
  width: 33px;
  line-height: 1 !important;
  text-align: center;
  font-weight: 700;
  font-size: 150% !important;
  padding-left: 1px;
  }

.addNewUser:hover{
  color: #fff;
  background: #fd8924;
  }

.add-new-user{
  background-color: transparent !important;
  border: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  }

.add-new-user input.milestone-autocomplete{
  padding: 3px 5px;
  font-size: 1.1em;
  margin-right: 5px;
  }

.add-new-user input[type="text"]
  {
  width: 70% !important
  }

.add-new-user input[type="button"]
  {
  padding: 5px 5px !important;
  font-size: 1.2em;
  margin-right: 5px;
  }

.alertUser{
  margin-top: 20px
  }

.alertUser .alert{
  padding:4px 10px;
  font-size: 90%;
  line-height: 1.2;
  }

.alertUser .UserInitials{
  width:30px;
  height: 30px;
  font-size: 75%
  }

.logoEnterprise{
  background: #fafafa;
  width: 65px;
  height: 60px;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  padding-right: 3px !important;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  }

 .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} 

.logoEnterprise img{
  vertical-align: middle !important;
  max-width: 58px;
  margin: 0 auto;
  }

.z-index1{
  z-index:1 !important;
  }

.inviteMember .popover-title{
  color: #909fa1;
  }

.inviteMember ul, .inviteMember li{
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;  
  }

.inviteMember label{
  width: 100%;
  color: #909fa1;
  }

.inviteMember input{
  margin-bottom: 10px;
  width: 100%;
  }

.Add_User_dashboard .popover {
  margin-top: 19%;
  width: 133%;
  }  

.Add_User_dashboard .popover.right .arrow{
  top: 36%;
  border-right-color: rgba(0, 0, 0, 0.17);
  }

.headerAddMember{
  background: #c7cfd0;
  color: #fff;
  padding-bottom: 8px;
  margin-bottom: 10px;
  }

.navmenu-default_2 h4{
  color: #909fa1;
  font-size: 140%;
  }

ul.listMember{
  margin-top: 20px !important;
  }

.ruler-payment{
  background:url("../images/pricing-size-ruler.f46db4e70aa3.png") center 20px no-repeat;
  }

@media (min-width:300px) and (max-width:768px){
  .ruler-payment{
    background-image: none;
  }
}

.paddingBottom10{
  padding-bottom:10px !important;
  }

.headerPricePage{
  background:#434350;
  text-align: center;
  }

.headerPricePage h3{
  color: #fff !important;
  text-shadow:none !important;
  padding: 7px 2px !important 
  }

.detail-planPage{
  background:#8dc23c;
  padding: 3px 5px;
  margin-bottom: 7px;
  }

.detail-planPage h4{
  color:#fff;
  font-weight: 300;
  }

.detail-planPage2{
  background:#fd8924;
  padding: 3px 5px;
  margin-bottom: 7px;
  }

.detail-planPage2 h4{
  color:#fff;
  font-weight: 300;
  }  

.Payment .btn-default{
  border-color: #DEDEDE;
  color: #869fa2 !important;
  font-weight: 600;
  }

.about-payment .btn-success{
  background-color: #badb89 !important;
  border-color:#badb89 !important;
  color: #fff !important;
  }


.about-payment .btn-success:hover,
.about-payment .btn-success:focus{
  background-color: #709a30 !important;
  border-color:#709a30 !important;
  }

.about-payment .btn-success:active,
.about-payment .btn-success.active{
  background-color: #8dc23c  !important;
  border-color:#8dc23c !important;
  }

.about-payment .btn-warning{
  background-color: #fecda3 !important;
  border-color:#fecda3 !important;
  color: #fff !important;
  }

.about-payment .btn-warning:hover,
.about-payment .btn-warning:focus{
  background-color: #ec6f02 !important;
  border-color:#ec6f02 !important;
  }

.about-payment .btn-warning:active,
.about-payment .btn-warning.active{
  background-color: #fd8924 !important;
  border-color:#fd8924 !important;
  }

.Payment p{
  color: #a5a5a5;
  }

.Payment .name-login{
  background-size: 9%;
  } 

.Payment .mail-login{
  background-size: 9%;
  } 

.Payment .pass-login{
  background-size: 9%;
  } 

.Payment .alert{
  padding: 5px 10px !important
  }

.Payment .alert p{
  color: #5bb1dc;
  line-height: 1.2;
  }

.borderBottom{
    border-bottom:1px solid #ebebeb;
    margin-bottom: 10px !important;

  }




/*************** Pricing Page Full *******************/

.type-caseStudy{
  height: 80px;
  background:url("../images/line-step-caseStudy.fd0dece8f61a.png") repeat-x;
  }

.case-study-dot{
  min-width: 20%;
  }

.case-study-dot a {
  outline: 0;
}

.circle_div{
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border: 0px solid #000000;
  background:#D6DBDB;
  width: 30px;
  height: 30px;
  margin: 0 auto;
  }


.left-Case{
  height: 200px;
  padding-top: 30px;
  color: #546A6E;
  }

.left-Case h4{
  font-weight: 600;
  font-size: 145%
  }

.left-Case h5{
  color: #5cb85c;
  font-weight:600;
  font-size: 110% 
  }  

.center-Case{
  height: 200px;
  color: #546A6E;
  }
  
ul.listMember li{
  display: list-item;
  width: 100%;
  height: 45px;
  margin-bottom:5px;
  padding: 5px 0;
  }

p.NamePartner{
  color: #909fa1;
  font-weight: 400;
  line-height: 2.5;
  padding-left: 10px !important;
  font-size:85%;
  }

.filterApplicant h4{
  float: left;
  margin-right:20px !important;
  }

.filterApplicant .btn-default{
  border:1px solid #dedede !important;
  background: #fff !important;
  color: #94aaad;
  margin-right: 10px;
  }

.filterApplicant .btn-default:hover,
.filterApplicant .btn-default:focus,
.filterApplicant .btn-default:active,
.filterApplicant .btn-default.active {
  background:#fd8924 !important;
  color: #fff !important;
  border-color: #ec6f02 !important;
}


/***** Add member****/

.dr-menu {
  width: 100%;
  max-width: 300px;
  min-width: 200px;
  position: relative;
  font-size: 1.3em;
  line-height: 2.5;
  font-weight: 400;
  padding-top:10px;
  color: #94aaad !important;
}

.dr-menu .profile-image-initials {
  display: block;
  font-size:100%;
  font-weight: bold;
  color: #b9c3c4;
  line-height:1.7;
  text-align: center;
  top: 0;
  z-index: 1;
}

.dr-menu .mail-login{
  background:url("../images/input-icon.4775e14fd9fb.png") right 8px no-repeat #fff;
  background-size: 14%;
  }

.dr-menu .name-login{
  background:url("../images/input-icon_name.c8b63098ece9.png") right 8px no-repeat #fff;
  background-size: 14%;
  }

.dr-menu > div  {
  cursor: pointer;
  position: absolute;
  width: 100%;
  z-index: 100;
}

.dr-menu > div .dr-icon {
  top: 0;
  left: 0;
  position: absolute;
}

.dr-menu.dr-menu-open > div .dr-icon {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.dr-menu > div .dr-icon:after {
  position: absolute;
  font-size: 50%;
  line-height: 3.25;
  left: -10%;
}


.dr-menu > div .dr-label {
  padding-left:35px;
  position: relative;
  display: block;
  color: #94aaad !important;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.15;
}

.dr-menu > div .dr-label:hover{
  text-decoration: none;
  }


.dr-menu ul {
  padding: 0;
  margin: 1.5em 1.5em 0 0;
  list-style: none;
  position: relative;
}

.dr-menu ul li {
  display: block;
  margin: 0 0 5px 0;
}

.dr-menu ul li a {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
}

.dr-menu ul li a:hover {
  color: #60a773;
}

.dr-icon:before, 
.dr-icon:after {
  position: relative;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.dr-menu ul .dr-icon:before {
  margin-right: 15px;
}

.right-Case{
  height: 200px;
  padding-top: 30px;
  color: #546A6E;
  }

.right-Case h4{
  font-weight: 600;
  font-size: 145%
  }

.right-Case h5{
  color: #fd8924;
  font-weight:600;
  font-size: 110% 
  } 

.img-hiring{
  border: 3px solid #5cb85c;
  margin:45px 0px 10px 0px;
  }


.img-apply{
  border: 3px solid #fd8924;
  margin:45px 0px 10px 0px;
  }


.testimonials_arrow_box {
  position: relative;
  background: #fff;
  border: 1px solid #c7e6c7;
  border-radius: 5px;
  min-height: 100px;
  margin-top:20px;
  color: #546A6E;
}

.testimonials_arrow_box h2{
  padding-top: 0px !important;
  line-height: 1;
  margin-top: 12px;
  color: #88979e;
  }

.testimonials_arrow_box:after, .testimonials_arrow_box:before {
  bottom: 100%;
  left: 90px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.testimonials_arrow_box:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 20px;
  margin-left: -20px;
}

.testimonials_arrow_box:before {
  border-color: rgba(237, 237, 237, 0);
  border-bottom-color: #c7e6c7;
  border-width: 21px;
  margin-left: -21px;
}


.testimonials_arrow_box_rg {
  position: relative;
  background: #fff;
  border: 1px solid #ededed;
  min-height: 100px;
  margin-top: 30px;
  color: #546A6E;
}

.testimonials_arrow_box_rg h2{
  padding-top: 0px !important;
  line-height: 1;
  margin-top: 12px;
  color: #88979e;
  }

.testimonials_arrow_box_rg:after, .testimonials_arrow_box_rg:before {
  bottom: 100%;
  right: 70px;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.testimonials_arrow_box_rg:after {
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #fff;
  border-width: 30px;
  margin-left: -30px;
}

.testimonials_arrow_box_rg:before {
  border-color: rgba(237, 237, 237, 0);
  border-bottom-color: #ededed;
  border-width: 31px;
  margin-left: -31px;
}


.logoCase{
  padding-top:4.5%;
  }

.showFullCase{
  margin-top: 35px;

  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  }

.padding-top10{
  padding-top: 10px !important;
  }


.type-caseStudy .nav-tabs {
  border-bottom: none !important;
  }



@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .nav-tabs > li > a{
      margin: auto;
    }
  }

.type-caseStudy .nav-tabs > li {
  float:none !important;
  margin-bottom: -1px
}

.type-caseStudy .nav-tabs > li > a {
  margin-right: !important;
  line-height:1,3 !important;
  border:none !important;
  border-radius: 0 !important;
}

.type-caseStudy .nav-tabs > li > a:hover {
  border-color:none !important;
  text-decoration: none !important;
}

.type-caseStudy .nav-tabs > li.active > a,
.type-caseStudy .nav-tabs > li.active > a:hover,
.type-caseStudy .nav-tabs > li.active > a:focus {
  color:#88979E;
  cursor: default;
  background-color:transparent !important;
  border: none !important;
}

.type-caseStudy .nav-tabs > li.active > a .circle_div,
.type-caseStudy .nav-tabs > li.active > a .circle_div:hover,
.type-caseStudy .nav-tabs > li.active > a .circle_div:focus {
  background: #f1f3f3;
  -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);
  }

/**** Newsroom Page***/ 

.headerNewsroom{
  background:url("../images/newsroom-header-3.9e67baf1f0cf.jpg") repeat center #406697;
  height: 275px;
  background-size: auto 100%;
  border-bottom: 0px solid #869ea2;
  }

.headerNewsroom h1.TitleNewsroom{
  color: #fff;
  font-weight: 600;
  text-shadow:rgba(0,0,0,0.5)2px 2px 2px;
  margin-top: 150px;
  }

.headerNewsroom h1.TitleNewsroom span{
  color:#FD8824; 
  }

.headerNewsroom h5.SubNewsroom {
  color:#fff; 
  line-height: 1.5;
  }

.bkgrey {
  background-color:#f7f7f7; 
  color: #f7f7f7;
  border-bottom: 2px solid #e5e5e5;
  padding-bottom: 10px;
}

/**** Pricing Page***/ 

.headerManager{
  background:url("../images/pricing-header.fa1ee73e1f58.jpg") no-repeat center #010b34;
  height: 275px;
  background-size: auto 100%;
  border-bottom: 4px solid #869ea2;
  }

.headerManager h1.TitleManager{
  color: #fff;
  font-weight: 600;
  text-shadow:rgba(0,0,0,0.5)2px 2px 2px;
  margin-top: 150px;
  }

.headerManager h1.TitleManager span{
  color:#FD8824; 
  }

.proPlan{
  background: #8DC23C;
  height: 70px;
  }

.proPlan h2{
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 2.1;
  }


.teamPlan{
  background: #fd8924;
  height: 70px;
  }

.teamPlan h2{
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 2.1;
  }

.enterprisePlan{
  background: #1999e8;
  height: 70px;
  }

.enterprisePlan h2{
  color: #fff;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 2.1;
  }

.planText{
  background:#e9edee;
  padding: 8px 5px;
  color:#3B3B47;
  height: 110px;
  margin: 15px 0;
  }

.planText p{
  color:#3A3A46 !important;
  line-height: 1.3;
  font-size: 1.3em;
  font-weight: 300;
  }

.planPricing{
  background:#3B3B47;
  height: 70px;
  margin-top: 0px;
  padding-top: 0px;
  color: #fff;
  }

.planPricing h2{
  font-weight: 600;
  line-height: 2.1;
  }

.planPricing h2 span{
  font-weight: 500 !important;
  line-height:1 !important;
  font-size: 55% !important;
  }  

 .planMod{
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #eee;
  }

.PlansHave{
  margin-bottom:10px;
  padding-bottom:10px;
  } 

.PlansHaveMod{
  border-radius: 4px;
  padding:5px 8px;
  background:url("../images/havePlan.74ae778e7b35.png") no-repeat 8px 8px #f4f4f4;
  min-height: 50px;
  margin-bottom: 15px;
  padding-left: 50px;
  padding-top: 10px;
  line-height: 1.3;
  } 

.PlansHaveMod p{
  font-weight: 300;
  font-size: 1.3em;
  }

.PlansHaveMod_team{
  border-radius: 4px;
  padding:5px 8px;
  background:url("../images/havePlan2.a62e2f9b9295.png") no-repeat 8px 8px #f4f4f4;
  min-height: 50px;
  margin-bottom: 15px;
  padding-left: 50px;
  padding-top: 10px;
  line-height: 1.3;
  } 

.PlansHaveMod_team p{
  font-weight: 300;
  font-size: 1.3em;
  }

.PlansHaveMod_enter{
  border-radius: 4px;
  padding:5px 8px;
  background:url("../images/havePlan3.d4c8ea875a0b.png") no-repeat 8px 8px #f4f4f4;
  min-height: 50px;
  margin-bottom: 15px;
  padding-left: 50px;
  padding-top: 10px;
  line-height: 1.3;
  } 

.PlansHaveMod_enter p{
  font-weight: 300;
  font-size: 1.3em;
  }    

.CommonQs h5{
  color: #5F7879;
  font-size: 18px;
  font-weight: 600;
  }

.CommonQs p{
  color: #5F7879;
  font-size: 14px;
  font-weight: 300; 
  margin-bottom: 20px;
  }

.detailsPlan{
  background: #F9F9F9;
  padding-top: 7px;
  margin-bottom: 30px;
  }

.uni_logo{
  padding: 10px;
  margin-bottom:10px;
  }

.educationBox{
  background: #fafafa;
  border: 1px solid #e4e7e7;
  border-radius: 5px;
  padding: 10px;
  margin-bottom: 30px;

  -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);

  color: #546A6E;
  }

.educationBox h4{
  color: #fd8924;
  font-weight: 600;  
  text-shadow:rgba(0,0,0,0.1)1px 1px 1px;
  }

.educationBox p{
  font-size: 15px;
  font-weight: 400 !important;
  }

@media (max-width:768px){
    .headerManager{
      background-position:60%;
    }

    .headerNewsroom{
      background-position:60%;
    }

    .left-Case, .right-Case{
      padding-top: 0px;
    }

    .testimonials_arrow_box {
      margin-top: 0px;
    }

    .testimonials_arrow_box:after, .testimonials_arrow_box:before {
      left: 26%;
    }
  }



/*********** Account info profile ********/


.modEditCredit{
  border-color: #CCCCCC;
  background: #f8f8f8;
  border-radius: 4px 4px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
  color: #546A6E;
  font-weight: 400;
  padding: 10px 15px 20px 15px;
  }

.modEditCredit h2{
  font-weight:600;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5) !important;
  }

.upBotton:hover{
  text-decoration: none;
  }


.noSelectedPlan{
  zoom: 1;
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.proPlanColor{
  color:#8dc23c !important; 
  }

.teamPlanColor{
  color:#fd8924 !important; 
  }

.enterprisePlanColor{
  color:#1999e8 !important; 
  }


.proPlan2{
  height: 60px;

  border-color: #CCCCCC;
  background: #f8f8f8;

  border-style: solid;
  border-width: 1px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
  padding: 10px 15px 20px 15px;
  }

.proPlan2 h2{
  color:#8DC23C;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.2;
  }


.teamPlan2{
  height: 60px;

  border-color: #CCCCCC;
  background: #f8f8f8;

  border-style: solid;
  border-width: 1px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
  padding: 10px 15px 20px 15px;
  }

.teamPlan2 h2{
  color: #fd8924;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.2;
  }

.enterprisePlan2{
  height: 60px;

  border-color: #CCCCCC;
  background: #f8f8f8;

  border-style: solid;
  border-width: 1px;
  box-shadow: 0 6px 4px -4px rgba(0, 0, 0, 0.05);
  padding: 10px 15px 20px 15px;
  }

.enterprisePlan2 h2{
  color: #1999e8;
  font-weight: 600;
  margin-top: 0px;
  padding-top: 0px;
  line-height: 1.2;
  }

.cancelSubs{
  background: #f8f8f8;
  }

.cancelSubs a{
  margin-top: 0px;
  padding-top: 0px;
  }  


/***** Time line account ******/

@font-face {
    font-family: 'ecoico';
    src:url("../fonts/timelineicons/ecoico.f0d2b6950ed1.eot");
    src:url("../fonts/timelineicons/ecoico.f0d2b6950ed1.eot?#iefix") format('embedded-opentype'),
        url("../fonts/timelineicons/ecoico.6db55caec6c5.woff") format('woff'),
        url("../fonts/timelineicons/ecoico.daabc213e192.ttf") format('truetype'),
        url("../fonts/timelineicons/ecoico.1351929b6bba.svg#ecoico") format('svg');
    font-weight: normal;
    font-style: normal;
} /* Made with http://icomoon.io/ */
 
.cbp_tmtimeline {
    margin: 30px 0 0 0;
    padding: 0;
    list-style: none;
    position: relative;
} 
 
/* The line */
.cbp_tmtimeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 10px;
    background: #ededed;
    left: 8%;
    margin-left: -10px;
}
 
.cbp_tmtimeline > li {
    position: relative;
}
 
/* The date/time */
.cbp_tmtimeline > li .cbp_tmtime {
    display: block;
    width: 25%;
    padding-right: 100px;
    position: absolute;
}
 
.cbp_tmtimeline > li .cbp_tmtime span {
    display: block;
    text-align: right;
}
 
.cbp_tmtimeline > li .cbp_tmtime span:first-child {
    font-size: 0.9em;
    color: #bdd0db;
}
 
.cbp_tmtimeline > li .cbp_tmtime span:last-child {
    font-size: 2.9em;
    color: #3594cb;
}
 
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmtime span:last-child {
    color: #6cbfee;
}
 
/* Right content */
.cbp_tmtimeline > li .cbp_tmlabel {
    margin: 0 0 15px 15%;
    background: #3594cb;
    color: #fff;
    padding: 2em;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    position: relative;
    border-radius: 5px;
}
 
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel {
    background: #8dc23c;
}
 
.cbp_tmtimeline > li .cbp_tmlabel h2 { 
    margin-top: 0px;
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(255,255,255,0.4);
}
 
/* The triangle */
.cbp_tmtimeline > li .cbp_tmlabel:after {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #3594cb;
    border-width: 10px;
    top: 10px;
}
 
.cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
    border-right-color: #8dc23c;
}
 
/* The icons */
.cbp_tmtimeline > li .cbp_tmicon {
    width: 40px;
    height: 40px;
    font-family: 'ecoico';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 1.4em;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #fff;
    background: #3494cb;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #ededed;
    text-align: center;
    left:8%;
    top: 0;
    margin: 0 0 0 -25px;
  }

.cbp_tmtimeline > li:nth-child(odd) .cbp_tmicon{
  background: #8DC23C;
  }

.iconNumber{
  font-weight: 600;
  color: #fff;
  font-family: 'Lato', Calibri, Arial, sans-serif;
  margin-top: 3px;
  margin-left: -1px;
  font-size: 1.45em;
  }
 
.smallSizeA{
  font-size: 50% !important;
  } 
 
@media screen and (max-width: 65.375em) {
 
    .cbp_tmtimeline > li .cbp_tmtime span:last-child {
        font-size: 1.5em;
    }
}
 
@media screen and (max-width: 47.2em) {
    .cbp_tmtimeline:before {
        display: none;
    }
 
    .cbp_tmtimeline > li .cbp_tmtime {
        width: 100%;
        position: relative;
        padding: 0 0 20px 0;
    }
 
    .cbp_tmtimeline > li .cbp_tmtime span {
        text-align: left;
    }
 
    .cbp_tmtimeline > li .cbp_tmlabel {
        margin: 0 0 30px 0;
        padding: 1em;
        font-weight: 400;
        font-size: 95%;
    }
 
    .cbp_tmtimeline > li .cbp_tmlabel:after {
        right: auto;
        left: 20px;
        border-right-color: transparent;
        border-bottom-color: #3594cb;
        top: -20px;
    }
 
    .cbp_tmtimeline > li:nth-child(odd) .cbp_tmlabel:after {
        border-right-color: transparent;
        border-bottom-color: #6cbfee;
    }
 
    .cbp_tmtimeline > li .cbp_tmicon {
        position: relative;
        float: right;
        left: auto;
        margin: -55px 5px 0 0px;
    }   
}


.paddingBottom20{
  padding-bottom: 20px !important;
  }

.next-step{
  margin-bottom: 10px;
  }

.next-step .btn-success:hover,
.next-step .btn-success:focus{
  text-decoration: none;
  }



/********* Frame UNAB ********/

.FrameUNAB{
  width:705px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  margin:0 auto;
  padding-top: 0px !important;
  }

.FrameUNAB .footer {
    padding: 18px 0 13px 0;
  }

.FrameUNAB .footer a{
    color: #428bca;
    font-weight: 400;
  }

.HeaderUNAB{
  height: 60px;
  background: #262626;
  padding-top: 0px !important;
  margin-top: 0px !important;
  }

.HeaderUNAB .text-muted{
  margin-top: 0px !important;
  }

.marginTop-10{
  margin-top: -10px !important;
  padding-top: 0px !important
  }

.fb-like span{
  vertical-align: inherit !important;
  }


/******* Dolby page *****************************/

.dolby_header{
  background:url("../images/dolby-header.822d9149b59f.jpg") no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

  height: 500px;
  border-bottom: 4px solid #193a3d;
  color: #fff;
  }

@media screen and (max-width: 768px) {
    .dolby_header{
      height: 350px;
    }
}

.video_embed{
  width:99%;
  height: 276px;
  display: block;
  }


.dolby_header h1{
  font-weight: 500 !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
  }

.dolby_header .lead{
  font-weight: 500 !important;
  font-size: 130% !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5) !important;
  }


@media screen and (max-width: 420px) {
  .dolby_header h1{
    font-size: 200%;
    }
  .dolby_header .lead{
    font-size: 100%;
    }
  }
  
.marginTop20per{
  margin-top:9%;
  }

  
/***** Dashboard Multi user ******/

.Add_User_dashboard{
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  padding-bottom:15px;
  padding-top: 15px;
  z-index: 1;
  margin-bottom: 20px;
  }

.Add_User_dashboard p{
  margin-top: 0px !important;
  padding-top: 0px !important;
  }

.text_NewUser{
  font-weight: 700;
  font-size: 120%;
  color: #999999;
  margin-top:10px;
  }

.profile-image-initials {
  display: block;
  font-size:130%;
  font-weight: bold;
  color: #b9c3c4;
  line-height:1.7;
  text-align: center;
  top: 0;
  z-index: 1;
}

.UserInitials{
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  display:inline-block;
  padding: 4px;
  height:40px;
  width:40px;
  margin-bottom:5px;
  margin-right: 7px;
  }

.modAddNewUser{
  min-height: 100px;
  }

.addNewUser{
  border-radius:20px;
  border: 1px solid #DDDDDD;
  background-color: #fff;
  color:#BBBBBB;
  width: 33px;
  line-height: 1 !important;
  text-align: center;
  font-weight: 700;
  font-size: 150% !important;
  padding-left: 1px;
  }

.addNewUser:hover{
  color: #fff;
  background: #fd8924;
  }

.add-new-user{
  background-color: transparent !important;
  border: none !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  }

.add-new-user input.milestone-autocomplete{
  padding: 3px 5px;
  font-size: 1.1em;
  margin-right: 5px;
  }

.add-new-user input[type="text"]
  {
  width: 70% !important
  }

.add-new-user input[type="button"]
  {
  padding: 5px 5px !important;
  font-size: 1.2em;
  margin-right: 5px;
  }

.alertUser{
  margin-top: 20px
  }

.alertUser .alert{
  padding:4px 10px;
  font-size: 90%;
  line-height: 1.2;
  }

.alertUser .UserInitials{
  width:30px;
  height: 30px;
  font-size: 75%
  }

.logoEnterprise{
  background: #fafafa;
  width: 65px;
  height: 60px;
  border: 1px solid #e8e8e8;
  white-space: nowrap;
  padding-right: 3px !important;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
  }

 .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
} 

.logoEnterprise img{
  vertical-align: middle !important;
  max-width: 58px;
  margin: 0 auto;
  }

.z-index1{
  z-index:1 !important;
  }

.inviteMember .popover-title{
  color: #909fa1;
  }

.inviteMember ul, .inviteMember li{
  list-style: none;
  padding-left: 0px;
  margin-left: 0px;  
  }

.inviteMember label{
  width: 100%;
  color: #909fa1;
  }

.inviteMember input{
  margin-bottom: 10px;
  width: 100%;
  }

.Add_User_dashboard .popover {
  margin-top: 19%;
  width: 133%;
  }  

.Add_User_dashboard .popover.right .arrow{
  top: 36%;
  border-right-color: rgba(0, 0, 0, 0.17);
  }

.headerAddMember{
  background: #c7cfd0;
  color: #fff;
  padding-bottom: 8px;
  margin-bottom: 10px;
  }

.navmenu-default_2 h4{
  color: #909fa1;
  font-size: 140%;
  }

ul.listMember{
  margin-top: 20px !important;
  }

ul.listMember li{
  display: list-item;
  width: 100%;
  height: 45px;
  margin-bottom:5px;
  padding: 5px 0;
  }

p.NamePartner{
  color: #909fa1;
  font-weight: 400;
  line-height: 2.5;
  padding-left: 10px !important;
  font-size: 90%;
  margin-top: 8px;
  }

.filterApplicant h5{
  float: left;
  margin-right:20px !important;
  }

.filterApplicant .btn-default{
  border:1px solid #dedede !important;
  background: #fff !important;
  color: #7a7a7a;
  margin-right: 10px;
  font-weight: 600 !important;
  }

.filterApplicant .btn-default:hover,
.filterApplicant .btn-default:focus,
.filterApplicant .btn-default:active,
.filterApplicant .btn-default.active {
  background:#fd8924 !important;
  color: #fff !important;
  border-color: #ec6f02 !important;
}


/******* Add Member Page *********/


.paddingRg0{
  padding-right: 0px !important;
  }

.Add_member .signup-or-separator hr {
    margin: -16px auto 10px;
    width: 100%;
  }

.Add_memberMod {
  border: 1px solid #f3f3f3;
  border-radius: 2px;
  padding: 10px 10px 5px;
  background-color:#fff;
  color:#000 !important;
  margin-bottom: 20px;
  }

.profileMember{
  height:60px;
  float: left;
  margin-right: 15px;
  }

.MemberDataProfile{
  float: left;
  }

.NamePartner{
  color: #565a5c;
  font-weight: 400;
  font-size: 115%;
  line-height: 1 !important;
  }


.Add_memberMod .UserInitials{
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  display:inline-block;
  padding: 4px;
  height:60px;
  width:60px;
  margin-bottom:5px;
  margin-right: 7px;
  }  

.Add_memberMod .profile-image-initials {
  display: block;
  font-size:190%;
  font-weight: bold;
  color: #7a7a7a;
  line-height:1.9;
  text-align: center;
  top: 0;
  z-index: 1;
}

.modAddNewUserGrey{
  background-color: #f1f4f4;
  border-radius: 8px;
  padding-top: 10px !important;
  margin-bottom: 30px !important;
  border: 1px solid #e3e9e9;
  }

.modAddNewUserGrey .mail-login{
  background:url("../images/input-icon.4775e14fd9fb.png") right 8px no-repeat #fff;
  background-size: 10%;
  }

.modAddNewUserGrey .name-login{
  background:url("../images/input-icon_name.c8b63098ece9.png") right 8px no-repeat #fff;
  background-size: 11%;
  }

@media screen and (max-width: 768px) {

.modAddNewUserGrey .mail-login{
  background-size: 16%;
  }

.modAddNewUserGrey .name-login{
  background-size: 16%;
  }

}

@media screen and (max-width: 765px) {

.modAddNewUserGrey .mail-login{
  background-size: 4%;
  }

.modAddNewUserGrey .name-login{
  background-size: 4%;
  }

}

@media screen and (max-width: 540px) {

.modAddNewUserGrey .mail-login{
  background-size: 8%;
  }

.modAddNewUserGrey .name-login{
  background-size: 8%;
  }

}

/***** Dashboard Add member *******/

/***** Add member****/

.dr-menu {
  width: 100%;
  max-width: 300px;
  min-width: 200px;
  position: relative;
  font-size: 1.3em;
  line-height: 2.5;
  font-weight: 400;
  padding-top:10px;
  color: #94aaad !important;
}

.dr-menu .profile-image-initials {
  display: block;
  font-size:100%;
  font-weight: bold;
  color: #b9c3c4;
  line-height:1.7;
  text-align: center;
  top: 0;
  z-index: 1;
}

.dr-menu .mail-login{
  background:url("../images/input-icon.4775e14fd9fb.png") right 8px no-repeat #fff;
  background-size: 14%;
  }

.dr-menu .name-login{
  background:url("../images/input-icon_name.c8b63098ece9.png") right 8px no-repeat #fff;
  background-size: 14%;
  }


.dr-menu .btn-xs{
  padding-left:5px !important;
  padding-right: 5px !important; 
  }

.dr-menu .btn-xs:hover{
  color: #fff !important;
  }



.dr-menu > div  {
  cursor: pointer;
  position: absolute;
  width: 100%;
  z-index: 100;
}


.dr-menu > div .dr-icon {
  top: 0;
  left: 0;
  position: absolute;
}

.dr-menu.dr-menu-open > div .dr-icon {
  left: 100%;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.dr-menu > div .dr-icon:after {
  position: absolute;
  font-size: 50%;
  line-height: 3.25;
  left: -10%;
}

.dr-menu > div .dr-label {
  padding-left:35px;
  position: relative;
  display: block;
  color: #94aaad !important;
  font-size: 0.9em;
  font-weight: 700;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1.15;
}

.dr-menu > div .dr-label:hover{
  text-decoration: none;
  }

.dr-menu ul li {
  display: block;
  margin: 0 0 5px 0;
}

.dr-menu.dr-menu-open ul li:nth-child(2) {
  -webkit-transition-delay: 35ms;
  -moz-transition-delay: 35ms;
  transition-delay: 35ms;
}

.dr-menu.dr-menu-open ul li:nth-child(3) {
  -webkit-transition-delay: 70ms;
  -moz-transition-delay: 70ms;
  transition-delay: 70ms;
}

.dr-menu.dr-menu-open ul li:nth-child(4) {
  -webkit-transition-delay: 105ms;
  -moz-transition-delay: 105ms;
  transition-delay: 105ms;
}

.dr-menu.dr-menu-open ul li:nth-child(5) {
  -webkit-transition-delay: 140ms;
  -moz-transition-delay: 140ms;
  transition-delay: 140ms;
}

.dr-menu.dr-menu-open ul li:nth-child(6) {
  -webkit-transition-delay: 175ms;
  -moz-transition-delay: 175ms;
  transition-delay: 175ms;
}

.dr-menu.dr-menu-open ul li:nth-child(7) {
  -webkit-transition-delay: 205ms;
  -moz-transition-delay: 205ms;
  transition-delay: 205ms;
}

.dr-menu ul li a {
  display: inline-block;
  padding: 0 20px;
  color: #fff;
}

.dr-menu ul li a:hover {
  color: #60a773;
}

.dr-icon:before, 
.dr-icon:after {
  position: relative;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
}

.dr-menu ul .dr-icon:before {
  margin-right: 15px;
}

/****** New icon ******/

@font-face {
  font-family: "AddFont";
  src: url("../fonts/add_user_icon/AddFont.d9a5e6613be0.eot");
  src: url("../fonts/add_user_icon/AddFont.d9a5e6613be0.eot#iefix") format("embedded-opentype"),
  url("../fonts/add_user_icon/AddFont.7a0eb399cade.woff") format("woff"),
  url("../fonts/add_user_icon/AddFont.c0fdfb8a35cf.ttf") format("truetype"),
  url("../fonts/add_user_icon/AddFont.5e322e438f8b.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="AddFont-"]:before, [class*=" AddFont-"]:before,
[class^="AddFont-"]:after, [class*=" AddFont-"]:after {   
  font-family: AddFont;
}

.AddFont-add70:before {
  content: "\e000";
}


.bigSizeA{
  font-size: 115% !important;
  }

/*******/

.teamProfileLogin .profileMember {
    height: 70px;
    margin-right:10px;
    float: left;
    margin-bottom: 10px;
}

.teamProfileLogin .UserInitials {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    display: inline-block;
    height: 50px;
    width: 50px;
    margin-bottom: 2px;
    margin-right: 5px;
    padding: 4px;
    
}

.teamProfileLogin .profile-image-initials {
    color: #b9c3c4;
    display: block;
    font-size: 160%;
    font-weight: bold;
    line-height: 1.9;
    text-align: center;
    top: 0;
    z-index: 1;
}

.TeamTextLogin{
  display:inline-block;
  color: #546a6e;
  }

.teamProfileLogin{
  background-color: #f6f6f6;
  border: 1px solid #f2f2f2;
  border-radius: 8px;
  margin-bottom: 30px !important;
  padding-top: 10px !important;
  text-align: center;
  height: auto;
  }

.TeamTextLogin img{
  margin-right: 8px;
  margin-top: -5px;
  }

.team-field {
  font-size: 14px;
}

/************ How Works ************/

.How-Works{
  background:url("../images/how_pattern.d6c085fccd7e.jpg") repeat #545454;
  height:auto;
  min-height:500px;
  padding-bottom:50px;
  padding-top:35px;
  position:relative;
  border-bottom: 4px solid #94aaad
  }

.How-Works-box{
  height: auto;
  margin-top: 10px;
  }

.How-Works h1{
  font-size: 350%;
  color: #fff;
  font-weight: 300;
  }  

.How-Works h2, .How-Works h3{
  color: #fff;
  font-weight: 300;
  } 


.How-Works h3:hover{
  cursor: pointer;
  color: #fff !important;
  }     

.img-click{
  cursor: pointer !important;
  }

.How-Works h4{
  font-family: 'Amatic SC', cursive;
  font-weight: 300;
  font-size: 200%;
  }


.How-Works p{
  color: #fff;
  font-weight: 300;
}


 span.circle-div{
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border: 0px solid #fff;
  height: 24px;
  width: 24px;
  margin: 8px 0 0;
  display: block;
  background-color: #5cb85c;
  }

span.circle-div2{
  border-radius: 15px 15px 15px 15px;
  -moz-border-radius: 15px 15px 15px 15px;
  -webkit-border-radius: 15px 15px 15px 15px;
  border: 0px solid #fff;
  height: 24px;
  width: 24px;
  margin: 8px 0 0;
  display: block;
  background-color: #fd8924;
  }

.GJ_orange{
  color:#fd8924 !important
  }

.GJ_green{
  color: #5cb85c !important;
  }

.ribbon_green {
 font-size: 2.8em !important;
 font-family: 'Amatic SC', cursive;

 width:auto;
    
 position: relative;
 background: #5cb85c;
 color: #fff;
 text-align: center;
 padding:5px 10px 8px; 
 margin: 20px auto 12px;

-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
}

.ribbon_orange {
 font-size: 2.8em !important;
 font-family: 'Amatic SC', cursive;

 width:auto;
    
 position: relative;
 background: #fd8924;
 color: #fff;
 text-align: center;
 padding:5px 10px 8px; 
 margin: 20px auto 12px;

-webkit-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 2px 0px rgba(0,0,0,0.3);
}

.How-Works p.lead{
 font-size: 110%;
  }

.lines-back{
  z-index: 0 !important;
  position: absolute;
  top:410px;
  left: 7%;
  background:url("../images/lineas_xl.dfd4ba1e1a55.png") no-repeat;
  background-position: center 20px;
  height: 2270px
  }

  @media screen and (min-width: 1250px) {
    .lines-back{
    background:url("../images/lineas_xxl.e67f4074be25.png") no-repeat;
    background-position: center 10px;
    height: 2350px;
    }

    .interacIMG{
      text-align: center !important;
    }

    h2.InteractionTxt{
    margin-left:inherit !important;
    padding-left: 8%;
    }
  }

  @media screen and (min-width: 1550px) {
    .lines-back{
    background:url("../images/lineas_xxl.e67f4074be25.png") no-repeat;
    background-position: center 10px;
    height: 2350px;
    }

    .interacIMG{
      text-align: center !important;
    }

    h2.InteractionTxt{
    margin-left:inherit !important;
    padding-left: 8%;
    }

  }

  @media screen and (min-width: 1350px) and (max-width: 1649px) {
    .interacIMG{
      text-align: left !important;

    }

    h2.InteractionTxt{
    margin-left:13% !important;
    }

    .lgMargin{
      margin-left: 10% !important;
    }
  }


  @media screen and (min-width: 1650px) and (max-width: 2300px) {
    .lines-back{
    background:url("../images/lineas_xxxl.c3573d7f8f1f.png") no-repeat;
    background-position: center 10px;
    height: 2350px;
    }

    .interacIMG{
      text-align: left !important;

    }

    h2.InteractionTxt{
    margin-left:10% !important;
    }

    .lgMargin{
      margin-left: 14% !important;
    }
  }

   @media screen and (max-width: 1200px) {
  .lines-back{
    background:url("../images/lineas_xl.dfd4ba1e1a55.png") no-repeat;
    background-position: center 55px;
    height: 2315px
    }
  }

 @media screen and (max-width: 1024px) {
  .lines-back{
    background:url("../images/lineas_large.6284f1016bf2.png") no-repeat;
    background-position: center 90px;
    height: 2400px
    }
  } 

 @media screen and (max-width: 850px) {
   .lines-back{
    background:url("../images/lineas_xlarge.59f41215ffc1.png") no-repeat;
    background-position: center 150px;
    height: 2600px
    }
  }

  @media screen and (max-width: 768px) {
   .lines-back{
    background:url("../images/lineas_xlarge.59f41215ffc1.png") no-repeat;
    background-position: center 190px;
    height: 2600px
    }
  }

 @media screen and (max-width: 767px) {
  .lines-back{
    display: none
    }
  } 


h2.InteractionTxt{
  font-size: 3em !important;
  font-family: 'Amatic SC', cursive;
  margin-left: 28%;
  }

@media screen and (max-width: 800px) {
  .marginTop10{
    margin-top: 30px;
    }
  }

@media screen and (max-width: 767px) {
  h2.InteractionTxt{
    margin-left:inherit;
    }
  } 

@media screen and (min-width:650px) and (max-width:800px) {
  .applicantsMarginTop{
    margin-top: 0px;
    }

  .collapseTxt{
    font-size:95%;
    } 
  }

@media screen and (min-width:850px) and (max-width:980px) {
  .applicantsMarginTop{
    margin-top: 80px;
    }
  }


@media screen and (min-width:980px) and (max-width:1024px) {
  .applicantsMarginTop{
    margin-top: 40px;
    }
  }  


.marginTop-30px{
  margin-top: -30px;
  }

.marginTop-50px{
  margin-top: -55px;
  }

.marginTop-70px{
  margin-top: -70px;
  }

.marginTop-120px{
  margin-top: -120px;
  }

.min-height200{
  min-height: 220px !important;
  }

.min-height150{
  min-height: 160px !important;
  }

.min-height250{
  min-height: 260px;
  }   

.border-none{
  border:0px transparent !important
  }

/***** drag file *****/

#holder { 
  border: 3px dashed #ccc; 
  width: 400px; min-height:130px; 
  margin: 20px auto 20px; 
  background:#f5f5f5;
  border-radius: 8px 8px 8px 8px;
  -moz-border-radius: 8px 8px 8px 8px;
  -webkit-border-radius: 8px 8px 8px 8px;

}

#holder.hover { border: 3px dashed #0c0; }

#holder img { display: block; margin: 10px auto; }

#holder p { 
  margin:10% 20px; font-size:160%; font-weight: bold; color:#5cb85c; 
  }

#holder p.text-dark{
  color:#869ea2 !important;
  font-size: 110% !important;
  font-weight: 400;
  }

progress { width: 50%; }

progress:after { content: '%'; }

.fail { background: #c00; padding: 2px; color: #fff; }

.hidden { display: none !important;}


/*******Featured Answers *******/ 

.featured-answers{
  min-height:400px;
  
  border-top: 3px solid #E5EEEC;
  border-bottom: 3px solid #E5EEEC;
  height: auto;
  padding-bottom: 35px;
  }

.tech-color{
  background: #1999e8;
  } 

.mkt-color{
  background: #f3a728;
  }

.aviation-color{
  background: #4da58f;
  }

.design-color{
  background: #f0635a;
  }

.all-color{
  background: #725eed;
  }



.featured-answers .btn-default{
  border-color: #158ad2;
  color: #1999e8;
  background-color:#fff; 
  }

.featured-answers h2 {
    color: #fff;
    font-weight: 300;
    line-height: 1.9em;
    margin-top: 10px;
  }

.featured-answers h3 {
    font-weight: 300;
    line-height: 1.5em;
    margin-top: 10px;
  }

.featured-answers p.lead {
    color: #fff;
    font-size: 120%;
    margin-top: 10px;
  }  

.categories{
  color: #fff;
  }

.img-features {
  margin:50px auto auto 20px;
  }

@media screen and (max-width:680px) {

.img-features {
  margin:10px auto;
  }  
}


a.link-img-features:hover{
  filter: alpha(opacity=95);
  opacity: 0.95;
  }


.featured-answers-details{
  min-height: 100px;
  background: #fff;
  border: 2px solid #E5EEEC;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-bottom: 20px;
  height: auto;
  }

.repDev{
  max-height: 400px;
  margin-top: -20px
  }

.answers-details-back{
  height:auto;
  min-height:500px;
  padding-bottom:100px;
  padding-top:35px;
  position:relative;
  background: #f8f8f8;
  border-bottom:1px solid #e0e0e0;
  }

.cat_Technology{
  color: #1999e8;
  }

.cat_mkt{
  color: #f3a728;
  }

.cat_aviation{
  color: #4da58f;
  }

.cat_design{
  color: #f0635a;
  }

.cat_all{
  color: #725eed;
  }

      

.btn_Technology{
  background-color:#1999e8 !important;
  color: #fff !important;
  border-color: #1999e8 !important;
  }

.btn_mkt{
  background-color:#f3a728 !important;
  color: #fff !important;
  border-color: #f3a728 !important;
  }  

.btn_aviation{
  background-color:#4da58f !important;
  color: #fff !important;
  border-color: #4da58f !important;
  }

.btn_design{
  background-color:#f0635a !important;
  color: #fff !important;
  border-color: #f0635a !important;
  } 

 .btn_all{
  background-color:#725eed !important;
  color: #fff !important;
  border-color: #725eed !important;
  }   


.cat_Technology h3, .cat_mkt h3 {
  margin-top: 10px;
  line-height:1.8;
  }


.thumnails_answers{
  min-height: 360px;
  background-color: #fff;
  }

.thumnails_answers_details{
  min-height: 250px;
  }  


.Department{
  color: #7a7a7a !important;
  display: block;
  font-size: 1em;
  font-weight: 700 !important;
  letter-spacing: 1px;
  line-height: 1.5;
  position: relative;
  text-transform: uppercase;
  padding-top: 7px;
  }

.capitalize{
    text-transform: capitalize !important;
    }

.as-seen-on img, .applicant-data-homepage img {margin:0 auto;}
.response-days select {height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 30px;
  border-radius: 3px;}