﻿.innerpagebody{ background: #f1f1f1 url(../images/career_BG.jpg) top left repeat-x;}
.page-title{
    font-size:42px;
    color:#FFF;
    font-weight:normal;
    padding-top:50px;
}

.vacanciesbox{
     margin-top:90px; 
}
.vacanciesbox .title{
    font-size:24px;
    font-weight:normal;
    color:#000;
    padding-bottom:45px;
}
.vacanciesbox .entry {
    padding-bottom:30px;
}
.vacanciesbox .entry .subtitle{
    font-size:18px;
    font-weight:normal;
    color:#090909;
    text-decoration:underline;
    
}
.vacanciesbox .entry p{
    font-size:13px;
    font-weight:normal;
    color:#5c5c5c;
    line-height:18px;
    width:90%;
}
.navigationband{
    background-color:#5c5c5c;
    width:90%;
    height:35px;   
    margin-bottom:20px;
}
.navigationband .pre{
    font-size:15px;
    font-weight:600;
    line-height:35px;
    color:#FFF;
}
.navigationband .next{
    font-size:15px;
    font-weight:600;
    line-height:35px;
    margin-right:-15px;
    color:#FFF;
    text-align:right;
}

.peoplebox{
    margin-top:80px;
    background-color:#FFF;    
    padding:0px 50px 135px 50px;
}

.peoplebox .title{
    font-size:30px;
    font-weight:normal;
    color:#00112f;
    padding-bottom:20px;
    padding-top:40px;
}
.peoplebox p{
    font-size:13px;
    font-weight:normal;
    color:#5c5c5c;
    line-height:18px;
    width:90%;

}

.peoplebox .form{background-color:#FFF; padding-top:10px; margin: 0px 0px 0px 0px;}
.peoplebox .form .textbox{
    margin:10px 0px;
    color:#000;
    background-color:#f9f8fa;
    border-radius:5px;
}
.peoplebox .form textarea{
    margin:10px 0px;
    color:#000;
    background-color:#f9f8fa;
    border-radius:5px;
    width: 100%;
    padding: 12px 15px;
    font-size: inherit;
    -webkit-appearance: none;
 font-family: 'Open Sans';
     border: 1px solid #ddd;
     height:100px;
}
.peoplebox .form .textbox::-webkit-input-placeholder, .peoplebox .form .textbox::-moz-placeholder,
 .peoplebox .form .textbox:-ms-input-placeholder, .peoplebox .form .textbox:-moz-placeholder
 { 
  color: #5c5c5c;
}
.peoplebox .form button, .peoplebox .form .button {
        background: #00112f;
        color: #FFF;
        display: inline-block;
        font-size: 14px;
        padding: 8px 35px 8px;
        text-transform: capitalize;
       -moz-transition: 0.3s;
        -o-transition: 0.3s;
        -webkit-transition: 0.3s;
        transition: 0.3s;
        border: none;
        font-weight: normal;
        margin: 30px 0px 0px 0px;
        cursor:pointer;
        border:solid 1px #402b50;
        border-radius:25px;
    }
    
.peoplebox .form button:hover, .peoplebox .form .button:hover{
	background:#ea5415;
	color:#fff;
    border:solid 1px #ea5415;
}

.Open {
    color: #ea5415;
    font-size: 14px;
    font-weight: normal;
    line-height:35px;
}
.Close{
        color: #402b50;
    font-size: 14px;
    font-weight: normal;
    line-height:35px;
}


@media only screen and (min-width : 0px) and (max-width : 480px) {
   .innerpagebody{ background: #f1f1f1 url(../images/career_BG_m.jpg) top left repeat-x;}
    .page-title{ padding-left:15px; padding-top:30px;}
    .pre, .next{width:50% !important;}
    .vacanciesbox{
     margin-top:60px; 
}
}

@media only screen and (min-width : 481px) and (max-width : 768px) {
    .innerpagebody{ background: #f1f1f1 url(../images/career_BG_m.jpg) top left repeat-x;}
  .page-title{ padding-left:15px; padding-top:30px;}
   .pre, .next{width:50% !important;}
   .vacanciesbox{
     margin-top:60px; 
}
}