﻿body
{
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

.NoPadding {padding:0}
.TextColorBlue{
    color:#063964;
}
.BgColorBlue{
    background:#063964;
}
.TextColorOrange {
    color:#F9790B;
}
.BgColorOrange{
    background:#F9790B;
}

h2{
    color:#063964;
}
a:hover{
    text-decoration:none;
}


/*#############################################Layout#############################333*
    /* To Menu Mobile + Desktop*/

.TopMenuBg{
     background: -webkit-linear-gradient(#F9790B, #F7953E,#F9790B); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F9790B, #F7953E,#F9790B); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F9790B, #F7953E,#F9790B); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F9790B, #F7953E,#F9790B); /* Standard syntax (must be last) */
}
/**/
  .site-switcher {float: left;}
  .site-switch {
  position: relative;
  float: left;
  display: block;
  height: 100%;
  padding: 0 20px;
  line-height: 40px;
  color: #063964;
  font-size:1.2vw;
  /*font-weight:bold;*/
  text-decoration:none;
}
  
.site-switch--active {color: #fff;background-color: rgb(1, 3, 103);}
 .site-switch--active:hover{color: white;}
  .site-switch--active:active{color:white;}
    .site-switch--active:after {position: absolute; top: 99%;left: 50%;width: 0;height: 0;margin-left: -10px;z-index: 2;border: 10px solid transparent;border-top-color: rgb(1, 3, 103);content: ' ';}
    .hide-elm{display:none;}
/*Login Partial*/
.LoginLinks li a {font-weight:bold;color:#063964; padding:10px 7px;}
.LoginLinks li a:hover {color:rgb(1, 3, 103);}
.LoginLinks{margin-bottom:10px;}
.Signup_icon{font-size:1.4em;}
/*condiat menu items ***********************************/
   .condiat-m-items{margin-top:15px;  text-align:center; }
    .cond-icon{font-size:1.6em; color:rgb(1, 3, 103);}
   .condiat-m-items a:hover .cond-icon{color:#F9790B;}
   .condiat-m-items a:hover .alert-nbr{background-color:rgb(1, 3, 103);}
   .condiat-m-items a{position:relative;padding:0 15px 0 15px;text-decoration:none;}
   .condiat-m-items a:hover img { filter: grayscale(100%);  }
 .alert-nbr {         
   position: absolute; 
   top: -17px; 
   right: 12px; 
   background-color:#F9790B;
   color:white;
   font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight:bolder;
   line-height:none;
   padding:3px;
   font-size:10px;
   /*padding:0 2px 0 2px;*/
   border-radius: 50%;  
}

    /*Tooltip*/
 a.tooltips {position: relative;display: inline;}
.tooltip-span {position: absolute;width:140px;color: #FFFFFF;background: #000000; height: 30px;line-height: 30px;text-align: center; visibility: hidden; border-radius: 6px;}
.tooltip-span:after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0; height: 0;
  border-bottom: 8px solid #000000;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}
a:hover.tooltips .tooltip-span {visibility: visible;opacity: 0.8;top: 30px;left: 50%; margin-left: -76px;z-index: 999;}
/*end condidat menu items*/
/*Different Media Sizes*/

       #mobile-layout{display:none;}
        .MainMenuItem li {height:100%;padding:8px 5px; }
        .MainMenuItem li a {color:white; font-size: 1vw;}
        .MainMenuItem { height:100%;margin-left:5px}


        .PhoneNumberDiv {height:100%; font-weight:bold;}
        .PhoneNumberDiv h4{color:#030365;font-weight:bold;}
        .PhoneNumberDiv h4 span{font-size:1.07vw;font-weight:bolder;}  
                    
        .sperator{color:white;font-size:1vw;}      
        .collapse-btn{ padding:5px 10px;float:left;border-color:orange;background:rgb(1, 3, 103)}  
        
        .website-body{margin-top:180px;}
     /*.MainMenuItem li a:hover{border-bottom:5px solid rgb(1, 3, 103);text-decoration:none}*/



      /*Job Detail page*/
    .jobtitle{font-weight:bold;}
    .jobfavicon { font-size:1.5vw ;color:#c91212}
    .jobsignal{font-size:1.5vw ;color:#ff6a00}
    .jobstatistic{text-align:right;}

/* Large Devices, Wide Screens  lg*/
	@media only screen and (max-width : 1200px) {
        .PhoneNumberDiv h4 span ,.PhoneNumberDiv h4{ font-size: 1.52vw;  }
           .MainMenuItem li a { font-size: 1.3vw;}

                  
	}

	/* Medium Devices, Desktops md*/
	@media only screen and (max-width : 992px) {
         .MainMenuItem li a { font-size: 1vw;  }
         .PhoneNumberDiv h4 span,.PhoneNumberDiv h4 {font-size: 1vw;  }  
 
	}
	/* Small Devices, Tablets sm*/
	@media only screen and (max-width : 768px) {
        /*new*/
        #mobile-layout{display:block;}
        #Desktop-layout{display:none;}
 
        .MainMenuItem{margin-left:5px;}
        .MainMenuItem li {padding:0px 7px;}
        .MainMenuItem li a { display:block;height:39px;padding:7px 3px;font-size: 3vw;}
       
        .site-switch {font-size:3.8vw;padding:0 5px;}
  
          /*About Page*/
        .FeedbackText {font-size:2.5vw;}


	}

	/* Extra Small Devices, Phones xs*/
        @media only screen and (max-width : 480px) { 
            .condiat-m-items {margin-top: 10px;}
            .condiat-m-items a {padding:0 5px;}

              .MainMenuItem li a {font-size: 5vw;}
              .MainMenuItem li {padding:0px}
              .jobtitle{font-size:4vw;}
              .jobfavicon{font-size:4.5vw;}
              .jobsignal{font-size:4.5vw ;}
              .jobstatistic {text-align:left;}
              .website-body{margin-top:80px;}
        }
	/* Custom, iPhone Retina */ 
	@media only screen and (max-width : 320px) {        
        .PhoneNumberDiv li a{ padding:8px; }
	}
   

/*About Us */

    section#hero {
  min-height: 400px;
  border-bottom: 1px solid #fff;
  /*background: #010367;*/
  background:#063964;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  padding-top: 40px;
  -webkit-box-shadow: 0 0 50px 35px rgba(0,0,0,0.15);
  -moz-box-shadow: 0 0 50px 35px rgba(0,0,0,0.15);
  box-shadow: 0 0 50px 35px rgba(0,0,0,0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
    section#hero .background 
    {     
    position:absolute;
    left:10%;
    right:10%;
     height: 100%;
    width: 80%;
    border:1px solid red;
}



    /*boxes*/
    .cta-box{
        padding:0;
    }
    .cta-box--employers{
        
        margin-left:10px;
    }
      .cta-box--jobs{
          margin-right:10px;
    }
      .equalizer-inner{
          margin:0;
      }
      .img_about_emploer{
          border-bottom:7px solid #F9790B;
          
      }
      .img_about_job{
          border-bottom:7px solid #010367;
         
      }
      .cta-box-button 
        {
      display: block;
      width: 100%;
      text-align: center;
      font-weight:bold;
        }
      .FeedbackText
      {
          font-size:1.2vw;
         margin-top:5%;        
      }
      /* Small Devices, Tablets sm*/
	
     .abtus-defaultpanel{
           -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05); 
            box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05); 
        }
     
/************************************Contact Page****************************************/
    .right_side_sec{
        padding-top:2%;
    }
.right_side_sec h4 {
    color:#063964;
    color:#F9790B;
    font-weight:bold;
}

.right_side_sec .text{
    font-weight:bold;
    /*color:#063964;*/
    padding-left:10px;
}
/*--------------Form------------------ */
.cd-form {
  width: 90%;
  max-width: 600px;
  margin: 4em auto;
}
.cd-form::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form fieldset {
  margin: 24px 0;
}
.cd-form legend {
  padding-bottom: 10px;
  margin-bottom: 20px;
  font-size: 2rem;
  border-bottom: 1px solid #ecf0f1;
}
.cd-form div {
  /* form element wrapper */
  position: relative;
  margin: 20px 0;
}
.cd-form h4, .cd-form .cd-label {
  font-size: 1.3rem;
  color: #94aab0;
  margin-bottom: 10px;
}
.cd-form .cd-label {
  display: block;
}
.cd-form input, .cd-form textarea, .cd-form select, .cd-form label {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 1.6rem;
  color: #2b3e51;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select,
.cd-form legend {
  display: block;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.cd-form input[type="text"],
.cd-form input[type="email"],
.cd-form textarea,
.cd-form select {
  /* general style for input elements */
  padding: 12px;
  border: 1px solid #cfd9db;
  background-color: #ffffff;
  border-radius: .25em;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,
.cd-form input[type="email"]:focus,
.cd-form textarea:focus,
.cd-form select:focus {
  outline: none;
  border-color: #2c97de;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
  /* select element wapper */
  position: relative;
}
.cd-form .cd-select::after {
  /* arrow icon for select element */
  content: '';
  position: absolute;
  z-index: 1;
  right: 16px;
  top: 50%;
  margin-top: -8px;
  display: block;
  width: 16px;
  height: 16px;
  background: url("../fonts/ContactForm/cd-icon-arrow.svg") no-repeat center center;
  pointer-events: none;
}
.cd-form select {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
  cursor: pointer;
}
.cd-form select::-ms-expand {
  display: none;
}
.cd-form .cd-form-list {
  margin-top: 16px;
}
.cd-form .cd-form-list::after {
  clear: both;
  content: "";
  display: table;
}
.cd-form .cd-form-list li {
  /* wrapper for radio and checkbox input types */
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  margin: 0 26px 16px 0;
  float: left;
}
.cd-form input[type=radio],
.cd-form input[type=checkbox] {
  /* hide original check and radio buttons */
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: 0;
  padding: 0;
  opacity: 0;
  z-index: 2;
}
.cd-form input[type="radio"] + label,
.cd-form input[type="checkbox"] + label {
  padding-left: 24px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  /* custom radio and check boxes */
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="checkbox"] + label::before {
  border: 1px solid #cfd9db;
  background: #ffffff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,
.cd-form input[type="radio"] + label::after {
  border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,
.cd-form input[type="checkbox"] + label::after {
  border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,
.cd-form input[type="checkbox"] + label::after {
  background-color: #2c97de;
  background-position: center center;
  background-repeat: no-repeat;
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
  display: none;
}
.cd-form input[type="radio"] + label::after {
  /* custom image for radio button */
  background-image: url("../fonts/ContactForm/cd-icon-radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
  /* custom image for checkbox */
  background-image: url("../fonts/ContactForm/cd-icon-check.svg");
}
.cd-form input[type="radio"]:focus + label::before,
.cd-form input[type="checkbox"]:focus + label::before {
  /* add focus effect for radio and check buttons */
  box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::after {
  display: block;
}
.cd-form input[type="radio"]:checked + label::before,
.cd-form input[type="radio"]:checked + label::after,
.cd-form input[type="checkbox"]:checked + label::before,
.cd-form input[type="checkbox"]:checked + label::after {
  -webkit-animation: cd-bounce 0.3s;
  -moz-animation: cd-bounce 0.3s;
  animation: cd-bounce 0.3s;
}
.cd-form textarea {
  min-height: 200px;
  resize: vertical;
  overflow: auto;
}
.cd-form input[type="submit"] {
  /* button style */
  border: none;
  background: #2c97de;
  border-radius: .25em;
  padding: 16px 20px;
  color: #ffffff;
  font-weight: bold;
  float: right;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.no-touch .cd-form input[type="submit"]:hover {
  background: #42a2e1;
}
.cd-form input[type="submit"]:focus {
  outline: none;
  background: #2b3e51;
}
.cd-form input[type="submit"]:active {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.cd-form [required] {
  background: url("../fonts/ContactForm/cd-required.svg") no-repeat top right;
}
.cd-form .error-message p {
  background: #e94b35;
  color: #ffffff;
  font-size: 1.4rem;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: .25em;
  padding: 16px;
}
.cd-form .error {
  border-color: #e94b35 !important;
}
@media only screen and (min-width: 600px) {
  .cd-form div {
    /* form element wrapper */
    margin: 32px 0;
  }
  .cd-form legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 20px;
  }
  .cd-form h4, .cd-form .cd-label {
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .cd-form input[type="text"],
  .cd-form input[type="email"],
  .cd-form textarea,
  .cd-form select {
    padding: 16px;
  }
}

@-webkit-keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
  }
}
@-moz-keyframes cd-bounce {
  0%, 100% {
    -moz-transform: scale(1);
  }
  50% {
    -moz-transform: scale(0.8);
  }
}
@keyframes cd-bounce {
  0%, 100% {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
  }
  50% {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
  }
}
/* -------------------------------- 

Custom icons

-------------------------------- */
.cd-form .icon input, .cd-form .icon select, .cd-form .icon textarea {
  padding-left: 54px !important;
}
.cd-form .user {
  background: url("../fonts/ContactForm/cd-icon-user.svg") no-repeat 16px center;
}
.cd-form [required].user {
  background: url("../fonts/ContactForm/cd-icon-user.svg") no-repeat 16px center, url("../Content/fonts/ContactForm/cd-required.svg") no-repeat top right;
}
.cd-form .company {
  background: url("../fonts/ContactForm/2440.svg") no-repeat 16px center;
}
.cd-form [required].company {
  background: url("../fonts/ContactForm/2440.svg") no-repeat 16px center, url("../Content/fonts/ContactForm/cd-required.svg") no-repeat top right;
}
.cd-form .email {
  background: url("../fonts/ContactForm/cd-icon-email.svg") no-repeat 16px center;
}
.cd-form [required].email {
  background: url("../fonts/ContactForm/cd-icon-email.svg") no-repeat 16px center, url("../Content/fonts/ContactForm/cd-required.svg") no-repeat top right;
}
.cd-form .budget {
  background: url("../fonts/ContactForm/cd-icon-budget.svg") no-repeat 16px center;
}
.cd-form .message {
  background: url("../fonts/ContactForm/cd-icon-message.svg") no-repeat 16px 16px;
}
.cd-form [required].message {
  background: url("../fonts/ContactForm/cd-icon-message.svg") no-repeat 16px 16px, url("../Content/fonts/ContactForm/cd-required.svg") no-repeat top right;
}

/* -------------------------------- 

FLoating labels 

-------------------------------- */
.js .floating-labels div {
  margin: 28px 0;
}
.js .floating-labels .cd-label {
  position: absolute;
  top: 16px;
  left: 16px;
  font-size: 1.6rem;
  cursor: text;
  -webkit-transition: top 0.2s, left 0.2s, font-size 0.2s;
  -moz-transition: top 0.2s, left 0.2s, font-size 0.2s;
  transition: top 0.2s, left 0.2s, font-size 0.2s;
}
.js .floating-labels .icon .cd-label {
  left: 56px;
}
.js .floating-labels .cd-label.float {
  /* move label out the input field */
  font-size: 1.2rem;
  top: -16px;
  left: 0 !important;
}
@media only screen and (min-width: 600px) {
  .js .floating-labels legend + div {
    /* reduce margin-top for first form element after the legend */
    margin-top: 16px;
  }
  .js .floating-labels .cd-label {
    top: 20px;
  }
}


      /*#######################################################################################*/
                                                  /*********************Privacy  Page         ******************************************************/

#privacy-page .panel-heading
{
    color:white;
    font-weight:bold;
}

/*********************    Tags    ******************************************************/

.tagcloud {
    padding-top: 7px;
    width: 100%;
}
.tagcloud a {
    background: #6180c0 none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    float: left;
    line-height: 1.2em;
    margin: 0 7px 7px 0;
    padding: 0 0 0 5px;
    text-decoration: none !important;
    white-space: nowrap;
}
.tagcloud a:hover {
    background: #967 none repeat scroll 0 0;
}
.tagcloud a label {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding-top: 5px;
}
.tagcloud a span {
    background: #e75d5c none repeat scroll 0 0;
    border-bottom: 1px solid #e75d5c;
    color: #fff;
    display: inline-block;
    margin: 0 0 0 10px;
    padding: 6px 8px;
    position: relative;
    text-align: center;
    width: 30px;
}
.tagcloud a span::before {
    border-color: transparent #e75d5c transparent transparent;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: "";
    left: -4px;
    margin-top: -4.5px;
    position: absolute;
    top: 50%;
}
*::after, *::before {
    transition: all 250ms linear 0s;
}