@charset "utf-8";
a,
button,
input,
select,
textarea {
    margin: 0
}

article,
aside,
details,
figure,
footer,
header,
hr,
nav,
section,
summary {
    display: block
}

.visuallyhidden,
hr {
    padding: 0;
    border: 0
}

.hidden,
.invisible {
    visibility: hidden
}

embed,
img,
object {
    max-width: 100%
}

.londonEscorts,
a {
    -moz-transition: all .5s ease-in-out
}
 
abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
body div,
caption,
cite,
code,
dd,
del,
details,
dfn,
dl,
dt,
em,
fieldset,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font-weight: 400;
    vertical-align: baseline;
    text-align: center
}

img,
input[type=checkbox],
th {
    vertical-align: bottom
}

html {
    box-sizing: border-box
}

*,
:after,
:before {
    box-sizing: inherit
}

h3,
h4,
h5 {
    color: #ee494f
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

th {
    font-weight: 700
}

td {
    font-weight: 400;
    vertical-align: top
}

hr {
    height: 1px;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

input,
select,
textarea {
    font: 99% sans-serif
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font: 100%
}

.boldcase,
strong {
    font-weight: 700
}

small {
    font-size: 85%
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

code,
kbd,
pre,
samp {
    font-family: monospace, sans-serif
}

.clickable,
button,
input[type=button],
input[type=file],
input[type=submit],
label {
    cursor: pointer
}

button,
input[type=button] {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:after,
.clearfix:before {
    content: "\0020";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

li.clearfix {
    display: list-item
}

* html .clearfix {
    height: 1%
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.normalcase {
    font-weight: 400
}

.textdec-underline {
    text-decoration: underline
}

.textdec-normal,
a {
    text-decoration: none
}

.Text-Idnt {
    text-indent: -99999px
}

.hidden {
    display: none!important
}

.overlay,
a.mobileLogo {
    display: none
}

.visuallyhidden {
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    position: absolute;
    width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto
}

.page,
.wrapper {
    position: relative
}

.content,
.footer,
.header,
.overlay,
.wrapper {
    width: 100%
}

img {
    border: 0;
    height: auto
}

img.floatleft {
    float: left;
    margin: 0 10px 0 0
}

img.floatright {
    float: right;
    margin: 0 0 0 10px
}

.floatleft {
    float: left
}

.floatright {
    float: right
}

a {
    color: #fff;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

a:hover {
    text-decoration: underline
}

a.callnumber-Black,
a.callnumber-White,
a.callnumber-gray {
    text-decoration: none!important
}

p:last-child {
    padding-bottom: 0!important
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.green {
    color: #14402c
}

.yellow {
    color: #eab600
}

.successTxtWrap {
    background: rgba(255, 255, 255, .7);
    color: #36713d;
    padding: 20px;
    margin: 0 0 20px
}

.commonFiledsWrapRecaptcha {
    margin: 0 0 8px 35%!important
}

a.callnumber-White {
    color: #fff!important
}

a.callnumber-Black {
    color: #000!important
}

a.callnumber-gray {
    color: #ccc!important
}

body {
    background: #333;
    font: 400 100%/1.5 'Open Sans', Arial, Helvetica, sans-serif;
    color: #fff;
    margin: 0;
    text-align: left
}

.chromeframe,
.logoMobile,
.tagLine,
nav ul {
    text-align: center
}

.chromeframe {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: 1em 0;
    z-index: 100
}

.content,
.header {
    background: #e5e6e9
}

.wrapper {
    margin: 0 auto;
    max-width: 62.5em
}

.page {
    padding: 15px 0
}

.overlay {
    position: fixed;
    height: 100%;
    background: rgba(0, 0, 0, .4);
    z-index: 2
}

.callNumber,
.headerTop,
.logoMobile {
    position: relative
}

.overlay.active {
    display: block
}
 

.header {
    background: #333
}

.headerTop {
    padding: 10px 0;
    margin: 0 0 10px
}

.logo {
    float: left
}

.callNumber {
    float: right;
    margin: 30px 0 0;
    padding: 0;
    font-weight: 300;
    font-size: 32px;
    line-height: 1;
    color: #fff
}

.callicon {
    width: 32px;
    height: 32px;
    margin: 0 5px 0 0;
    overflow: hidden;
    vertical-align: text-bottom
}

.callicon-Yellow {
    width: 32px;
    height: 32px;
    fill: #c3272b
}

.tagLine {
    width: 100%;
    max-width: 278px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0 0 0 -139px;
    background: #c3272b;
    font-size: 16px;
    color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}
 
  

.footer {
    background: #333
}

ul.footerTab {
    position: relative;
    list-style: none;
    padding: 25px 0
}

ul.footerTab li {
    list-style: none;
    display: inline-block;
    width: 25%;
    float: left
}

ul.footerContacts li,
ul.footerLinks li,
ul.footerSocialLinks li {
    display: block;
    float: none;
    text-align: left;
    border: none!important;
    list-style: none
}

ul.footerLinks {
    position: relative;
    list-style: none;
    width: auto
}

ul.footerLinks li {
    width: 100%!important;
    margin-bottom: 2px;
    padding: 0!important
}

ul.footerLinks li a {
    display: block;
    color: #ee494f
}

ul.footerLinks li a:hover {
    color: #fff
}

ul.footerLinks li:last-child {
    margin-bottom: 0
}

ul.footerSocialLinks {
    position: relative;
    list-style: none;
    width: auto
}

ul.footerSocialLinks li {
    position: relative;
    width: 100%!important;
    margin: 0 0 14px;
    padding: 0!important
}

ul.footerSocialLinks li a {
    position: relative;
    display: block;
    color: #ee494f;
    padding: 4px 0 0 45px
}

ul.footerSocialLinks li a:hover {
    color: #fff
}

ul.footerSocialLinks li a span {
    width: 30px;
    height: 30px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

ul.footerSocialLinks li:last-child {
    margin: 0
}

ul.footerSocialLinksEdit a {
    padding: 4px 0 0!important
}

ul.footerContacts {
    position: relative;
    list-style: none;
    width: auto
}

ul.footerContacts li {
    position: relative;
    width: 100%!important;
    margin: 0 0 18px;
    font-size: 14px;
    color: #ee494f;
    padding: 0!important
}

ul.footerContacts li a {
    color: #ee494f;
    text-decoration: none
}

ul.footerContacts li a:hover {
    color: #fff
}

ul.footerContacts li:last-child {
    margin-bottom: 0
}

.seoLinksToggleButton {
    width: 180px;
    position: relative;
    font-size: 16px;
    padding: 5px 0;
    color: #fff;
    margin: -45px auto 25px;
    background: url(imagesimages/down-arrow.html) 92% 50% no-repeat #ee494f;
    border-radius: 2px;
    text-align: center;
    cursor: pointer
}

.seoLinksToggleButton.active {
    background: url(imagesimages/up-arrow.html) 92% 50% no-repeat #ee494f
}

.bottomAreaCover {
    position: relative;
    padding: 25px 0 0;
    border-top: 1px solid #ee494f
}

ul.bottomAreas {
    position: relative;
    list-style: none;
    display: none;
    margin-bottom: 25px
}

ul.bottomAreas li {
    list-style: none;
    width: 20%;
    padding: 0 5px 0 0;
    margin: 0 0 5px;
    float: left;
    display: inline-block
}

ul.bottomAreas li a {
    font-size: 12px;
    color: #ee494f;
    display: block;
    text-decoration: none
}

.externalLinks ul li a:hover,
ul.bottomAreas li a:hover {
    text-decoration: underline
}

.externalLinks {
    position: relative;
    padding: 25px 0;
    background: #333;
    text-align: center
}

.externalLinks ul {
    list-style: none;
    position: relative
}

.externalLinks ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin: 3px 10px 3px 0;
    padding: 0 0 0 15px;
    line-height: 1
}

.externalLinks ul li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 6px;
    left: 0;
    background: #ee494f;
    display: block;
    border-radius: 4px
}

.externalLinks ul li a {
    font-size: 12px;
    line-height: 1;
    color: #ee494f
}

.londonEscorts {
    position: relative;
    font-weight: 300;
    letter-spacing: -.08em;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

ul.escortsGalleryList li figure img,
ul.exclusiveEscortsList li figure img {
    max-width: 100%;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    -webkit-backface-visibility: hidden;
    opacity: 1
}

.exclusiveEscorts {
    position: relative;
    padding: 30px 0
}

.exclusiveEscorts h1 {
    font-weight: 300;
    font-size: 24px;
    color: #c3272b;
    line-height: 1.3;
    text-align: center
}

ul.exclusiveEscortsList {
    position: relative;
    list-style: none;
    margin: 15px 0 5px
}

ul.exclusiveEscortsList li {
    position: relative;
    list-style: none;
    display: inline-block;
    float: left;
    width: 32%;
    max-height: 481px;
    margin: 1% 2% 1% 0
}

ul.exclusiveEscortsList li:nth-of-type(3n) {
    margin: 1% 0
}

ul.exclusiveEscortsList li figure {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

ul.exclusiveEscortsList li figure img {
    position: relative;
    display: block;
    transition: opacity 1s, transform 1s;
    backface-visibility: hidden
}

ul.exclusiveEscortsList li figure>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

ul.exclusiveEscortsList li figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 10px
}

ul.exclusiveEscortsList li figure h1 {
    font-size: 20px;
    color: #fff;
    font-weight: 800;
    padding: 0 0 8px;
    text-align: center
}

ul.exclusiveEscortsList li figure p {
    font-size: 16px;
    line-height: 1.3
}

ul.exclusiveEscortsList li figure:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.homeTextbg,
.textBgCommon {
    position: relative;
    background: #333;
    padding: 20px;
    margin: 0 0 15px;
    font-size: 16px;
    color: #CCC
}

.homeTextbg h2,
.textBgCommon h2 {
    font-size: 20px;
    color: #ee494f;
    line-height: 1.3;
    padding-bottom: 15px
}

.homeTextbg p,
.textBgCommon p {
    padding-bottom: 15px;
    text-align: justify;
    font-size: 14px
}

.homeTextbg a,
.textBgCommon a {
    color: #CCC;
    text-decoration: underline
}

.homeTextbg a:hover,
.textBgCommon a:hover {
    text-decoration: none
}

.welcomeText {
    position: relative;
    width: 47%;
    float: left
}

.highClassEscorts {
    position: relative;
    width: 47%;
    float: right
}

.meetCompanions {
    position: relative;
    margin-bottom: 30px
}

.greatEscortsService {
    position: relative
}

.homeNewsLtrWrap {
    position: relative;
    background: rgba(0, 0, 0, .5);
    padding: 15px 15px 20px;
    margin: -5px 0 15px;
    text-align: center;
    font-size: 16px;
    color: #CCC
}

.homeNewsLtrWrap h2 {
    font-size: 20px;
    text-align: center;
    color: #ee494f;
    padding-bottom: 10px
}

.homeNewsLtrWrap input[type=text] {
    position: relative;
    width: 50%;
    min-height: 34px;
    background: #fff;
    border: none;
    color: #000;
    font-size: 16px;
    line-height: 1.5;
    padding: 5px;
    margin: 0;
    text-align: center;
    outline: 0
}

.homeNewsLtrWrap input[type=submit] {
    position: relative;
    min-height: 34px;
    background: #c3272b;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    padding: 9px 12px 7px;
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.homeNewsLtrWrap input[type=submit]:hover {
    background: #ee494f
}

 .escortsGalleryWrap { 
    position: relative
}

.timingsHighlights{ margin:auto 0; text-align:center; padding:6px 0px; margin:0px 0px; background:#ee494f; border-radius:7px;}
ul.escortsGalleryList {
    position: relative;
    list-style: none;
    margin: 15px 0 5px
}

ul.escortsGalleryList li {
    position: relative;
    list-style: none;
    display: inline-block;
    float: left;
    width: 24%;
     height:auto;
    margin: .66666666666667% 1.33333333333333% .66666666666667% 0
}

ul.escortsGalleryList li:nth-of-type(4n) {
    margin: .66666666666667% 0
}

ul.escortsGalleryList li figure {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

ul.escortsGalleryList li figure img {
    position: relative;
    display: block;
    transition: opacity 1s, transform 1s;
    backface-visibility: hidden
}

ul.escortsGalleryList li figure>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

ul.escortsGalleryList li figure figcaption {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding: 10px 0 !important;
}

ul.escortsGalleryList li figure figcaption h3{ font-size:16px; font-weight:500; color:#fff; padding:0px 0px; margin:0px 0px;
}

ul.escortsGalleryList li figure h2 {
    font-size: 18px;
    color: #fff;
    font-weight: 800;
    padding: 0 0 8px;
    text-align: center
}

ul.escortsGalleryList li figure p {
    font-size: 14px;
    line-height: 1.3
}

ul.escortsGalleryList li figure:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.escortsBanner {
    position: relative;
    margin: 30px 0 15px;
    overflow: hidden
}

.escortsBanner div.carouselitem {
    position: relative;
    width: 320px;
    max-width: 320px;
    max-height: 450px;
    margin: 0 20px 0 0;
    overflow: hidden;
    text-align: center;
    cursor: move
}

.escortsBanner div.carouselitem img {
    position: relative;
    display: block;
    max-width: 100%;
    opacity: 1;
    outline: 0;
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, transform 1s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.escortsBanner div.carouselitem:hover img {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1)
}

.calltoBook {
    position: relative;
    margin: 0 0 15px;
    padding: 8px 0;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(to bottom, #c3272b 0, #fb7a7f 53%, #ee494f 100%)
}

.aboutEscort,
.ratesWrap,
.reviewTab,
.statsWrap,
table.rates {
    font-size: 14px;
    position: relative
}

.ratesWrap,
.reviewDate,
.statsWrap {
    background: rgba(58, 58, 56, .8)
}

.calltoBook span {
    font-weight: 700
}

.statsDetails {
    position: relative;
    width: 47.5%;
    float: right
}

.statsWrap {
    padding: 15px
}

.statsWrap dl {
    position: relative;
    display: block
}

.statsWrap dt {
    float: left;
    clear: left;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 7px 0;
    margin-right: 5px;
    width: 50%;
    font-weight: 400
}

.statsWrap dd {
    padding: 7px 0;
    border-bottom: 1px solid #666
}

.statsWrap dd:nth-last-of-type(1) {
    border-bottom: none
}

.rateAboutDetails {
    position: relative;
    width: 47.5%;
    float: left
}

.ratesWrap {
    padding: 15px;
    margin-bottom: 20px
}

table.rates {
    border: none;
    width: 100%
}

table.rates tr {
    border-bottom: 1px solid #666
}

table.rates th {
    padding: 7px 0
}

table.rates th.time {
    width: 40%
}

table.rates th.inCall,
table.rates th.outCall {
    width: 20%
}

table.rates td {
    padding: 5px 0
}

table.rates tr:nth-last-of-type(1) {
    border-bottom: none
}

.reviewDate {
    width: 100%;
    padding: 5px;
    margin: 0 auto 20px;
    color: #B5B5C6;
    font-size: 12px;
    border: none;
    text-align: left
}

.reviewTab blockquote {
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px dotted #cecece;
    clear: right
}

.reviewTab blockquote p {
    padding-bottom: 10px;
    font-size: inherit;
    line-height: inherit
}

.reviewTab blockquote span.reviewer {
    color: #eab600
}

.reviewTab blockquote:nth-last-of-type(1) {
    border-bottom: none
}

.writeReviewWrap {
    font-size: 14px
}

#areasCoveredWrap {
    width: 100%;
    height: 600px;
    max-height: 600px
}

.gm-style-iw {
    color: #999!important
}

.bookOlApp,
.driverApp,
.escortsApp,
.phoneOperatorApp {
    position: relative;
    margin: 20px 0 0
}

.highlightRequired {
    background: #000;
    padding: 3px;
    color: #ee494f;
    display: block;
    font-size: 12px
}

.bookOlFormWrap,
.driverFormWrap,
.escortsFormWrap,
.phoneOperatorFormWrap {
    position: relative;
    width: 100%;
    background: rgba(0, 0, 0, .5);
    margin: 0 auto 25px 0;
    text-align: left
}

.bookOlFormWrap h2,
.driverFormWrap h2,
.escortsFormWrap h2,
.phoneOperatorFormWrap h2 {
    position: relative;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-align: left;
    background: #c3272b
}

.bookOlFormWrapInner,
.driverFormWrapInner,
.escortsFormWrapInner,
.phoneOperatorFormWrapInner {
    position: relative;
    padding: 20px 15px
}

.bookOlFormWrapInner2,
.driverFormWrapInner2,
.escortsFormWrapInner2,
.phoneOperatorFormWrapInner2 {
    position: relative;
    max-width: 730px
}

.authorisedLeft {
    position: relative;
    float: left;
    width: 50%;
    padding: 0 15px 0 0
}

.authorisedRight {
    position: relative;
    float: right;
    width: 50%;
    padding: 0 0 0 15px
}

label.authorisedCheckbox {
    position: relative!important;
    width: 100%!important;
    padding: 0 0 0 30px!important;
    color: #ccc!important;
    line-height: 1.3
}

.commonFiledsWrap {
    position: relative;
    float: left;
    width: 100%;
    margin: 0 0 8px
}

.bookOlFormWrap label,
.driverFormWrap label,
.escortsFormWrap label,
.phoneOperatorFormWrap label {
    position: relative;
    float: left;
    width: 35%;
    font-size: 16px;
    color: #ee494f;
    padding: 8px 5px 0 0
}

.bookOlFormWrap div.extraInfo,
.driverFormWrap div.extraInfo,
.escortsFormWrap div.extraInfo,
.phoneOperatorFormWrap div.extraInfo {
    position: relative;
    float: right;
    width: 65%;
    font-size: 12px;
    text-align: left;
    padding: 3px 0 5px
}

.bookOlFormWrap select,
.driverFormWrap select,
.escortsFormWrap select,
.phoneOperatorFormWrap select {
    position: relative;
    float: left;
    font-size: 16px;
    padding: 8px 5px;
    line-height: 1.5;
    background: rgba(58, 58, 56, .8);
    border: 0;
    color: #ccc;
    outline: 0
}

.bookOlFormWrap input[type=text],
.bookOlFormWrap input[type=number],
.driverFormWrap input[type=text],
.driverFormWrap input[type=number],
.escortsFormWrap input[type=text],
.escortsFormWrap input[type=number],
.phoneOperatorFormWrap input[type=text],
.phoneOperatorFormWrap input[type=number] {
    position: relative;
    width: 65%;
    float: left;
    font-size: 16px;
    padding: 8px 5px;
    line-height: 1.5;
    background: rgba(58, 58, 56, .8);
    border: 0;
    color: #ccc;
    outline: 0
}

.bookOlFormWrap input[type=text].smallTextBox,
.bookOlFormWrap input[type=number].smallTextBox,
.driverFormWrap input[type=text].smallTextBox,
.driverFormWrap input[type=number].smallTextBox,
.escortsFormWrap input[type=text].smallTextBox,
.escortsFormWrap input[type=number].smallTextBox,
.phoneOperatorFormWrap input[type=text].smallTextBox,
.phoneOperatorFormWrap input[type=number].smallTextBox {
    width: 40%
}

.driverFormWrap input[type=text].DOB1,
.driverFormWrap input[type=text].DOB2,
.driverFormWrap input[type=number].DOB1,
.driverFormWrap input[type=number].DOB2,
.escortsFormWrap input[type=text].DOB1,
.escortsFormWrap input[type=text].DOB2,
.escortsFormWrap input[type=number].DOB1,
.escortsFormWrap input[type=number].DOB2,
.phoneOperatorFormWrap input[type=text].DOB1,
.phoneOperatorFormWrap input[type=text].DOB2,
.phoneOperatorFormWrap input[type=number].DOB1,
.phoneOperatorFormWrap input[type=number].DOB2 {
    width: 50px;
    margin-right: 15px;
    text-align: center
}

.driverFormWrap input[type=text].DOB3,
.driverFormWrap input[type=number].DOB3,
.escortsFormWrap input[type=text].DOB3,
.escortsFormWrap input[type=number].DOB3,
.phoneOperatorFormWrap input[type=text].DOB3,
.phoneOperatorFormWrap input[type=number].DOB3 {
    width: 100px;
    text-align: center
}

.bookOlFormWrap input[type=text].datePicker,
.driverFormWrap input[type=text].datePicker,
.escortsFormWrap input[type=text].datePicker,
.phoneOperatorFormWrap input[type=text].datePicker {
    background: url(imagesimages/DatePicker_icon.html) 98% 50% no-repeat rgba(58, 58, 56, .8)
}

.bookOlFormWrap textarea,
.driverFormWrap textarea,
.escortsFormWrap textarea,
.phoneOperatorFormWrap textarea {
    position: relative;
    width: 65%;
    float: left;
    min-height: 100px;
    font-size: 16px;
    padding: 8px 5px;
    line-height: 1.5;
    background: rgba(58, 58, 56, .8);
    border: 0;
    color: #ccc;
    outline: 0;
    resize: vertical
}

.bookOlFormWrap textarea.fullWidthTxtArea,
.driverFormWrap textarea.fullWidthTxtArea,
.escortsFormWrap textarea.fullWidthTxtArea,
.phoneOperatorFormWrap textarea.fullWidthTxtArea {
    width: 100%;
    max-width: 100%
}

.bookOlFormWrap input[type=radio],
.bookOlFormWrap input[type=checkbox],
.driverFormWrap input[type=checkbox],
.escortsFormWrap input[type=radio],
.escortsFormWrap input[type=checkbox],
.phoneOperatorFormWrap input[type=radio],
.phoneOperatorFormWrap input[type=checkbox] {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 10px 0 0;
    background: rgba(58, 58, 56, .8);
    border: 0;
    color: #ccc;
    outline: 0
}

.driverFormWrap input[type=file],
.escortsFormWrap input[type=file],
.phoneOperatorFormWrap input[type=file] {
    background: rgba(58, 58, 56, .8);
    color: #ccc;
    font-size: 16px;
    padding: 8px 0;
    max-width: 65%;
    width: 100%;
    outline: 0;
    text-overflow: ellipsis;
    float: left
}

.driverFormWrap label.checkBox {
    position: relative;
    float: left;
    width: 65%;
    font-size: 16px;
    line-height: 1.3;
    color: #ccc;
    padding: 10px 0 0 30px
}

.driverFormWrap label.checkBox a {
    color: #ccc;
    text-decoration: underline
}

.viewProfileBtnWrap a,
a.workApplyuButton {
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase
}

.commonFormButtonWrap {
    position: relative;
    padding: 0 0 20px;
    text-align: center
}

.commonFormButtonWrap input[type=submit] {
    position: relative;
    width: 100%;
    max-width: 250px;
    min-height: 38px;
    margin: 0 auto;
    background: #c3272b;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 12px 12px 10px;
    border: none;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.commonFormButtonWrap input[type=submit]:hover,
.driverFormWrap input[type=button]:hover {
    background: #CA9E05
}

.viewProfileBtnWrap {
    position: relative;
    float: left;
    padding: 9px 0 0 20px
}

.viewProfileBtnWrap a {
    font-size: 12px;
    line-height: 1.5;
    padding: 5px 10px;
    background: #eab600;
    color: #000
}

.viewProfileBtnWrap a:hover {
    background: #CA9E05
}

.driverAdditionalFieldWrap {
    position: relative;
    background: rgba(0, 0, 0, .5);
    padding: 20px
}

.driverAdditionalFieldWrap p {
    color: #ee494f;
    line-height: 1.7
}

.driverAdditionalFieldWrap input[type=radio] {
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    float: left;
    display: block;
    font-size: 16px;
    line-height: 1.5;
    margin: 0 10px 0 0;
    background: rgba(58, 58, 56, .8);
    border: 0;
    color: #ccc;
    outline: 0
}

.newsLtrSuccessWrap {
    position: relative;
    padding: 5% 0;
    text-align: center
}

.newsLtrSuccessWrap p:nth-of-type(1) {
    color: #000!important;
    padding: 10px 15px!important;
    margin-bottom: 20px;
    background: #edbd45;
    background: -moz-linear-gradient(top, #edbd45 0, #edd147 53%, #eab600 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #edbd45), color-stop(53%, #edd147), color-stop(100%, #eab600));
    background: -webkit-linear-gradient(top, #edbd45 0, #edd147 53%, #eab600 100%);
    background: -o-linear-gradient(top, #edbd45 0, #edd147 53%, #eab600 100%);
    background: -ms-linear-gradient(top, #edbd45 0, #edd147 53%, #eab600 100%);
    background: linear-gradient(to bottom, #edbd45 0, #edd147 53%, #eab600 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#edbd45', endColorstr='#eab600', GradientType=0);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

.newsLtrSuccessWrap a {
    position: relative;
    width: 100%;
    max-width: 250px;
    min-height: 30px;
    display: block;
    margin: 20px auto 0;
    background: #eab600;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    color: #000;
    text-transform: uppercase;
    padding: 8px 12px 6px;
    border: none
}

.newsLtrSuccessWrap a:hover {
    background: #CA9E05
}

.workForUsWrap {
    position: relative;
    text-align: center
}

.workCategoryTabWrapper {
    position: relative;
    padding: 30px 0
}

.workCategoryTab {
    position: relative;
    float: left;
    width: 32%;
    margin-right: 2%
}

.workCategoryTab:nth-last-of-type(1) {
    margin-right: 0
}

.workCategoryTab h2 {
    position: relative;
    margin: 0 0 10px;
    padding: 8px 5px;
    font-size: 16px;
    font-weight: 700;
    color: #fbfbfb;
    background: linear-gradient(to bottom, #c3272b 0, #fb7a7f 53%, #ee494f 100%)
}

a.workApplyuButton {
    display: block;
    padding: 30px 10px 0;
    min-height: 80px;
    text-align: center;
    font-size: 14px;
    background: #c72d31;
    color: #fff
}

a.workApplyuButton:hover {
    background: #c3272b
}

 @media screen and (min-width:481px) and (max-width:720px) {
 ul.escortsGalleryList li {width:46%; margin:2% 2% !important;}
}

@media screen and (min-width:320px) and (max-width:480px) {
ul.escortsGalleryList li {width:96%; margin:2% 2% !important;}
}
 