@import url(http://fonts.googleapis.com/css?family=Roboto);


.txt-rt {
  text-align: right;
}

/* text align right */
.txt-lt {
  text-align: left;
}

/* text align left */
.txt-center {
  text-align: center;
}

/* text align center */
.float-rt {
  float: right;
}

/* float right */
.float-lt {
  float: left;
}

/* float left */
.clear {
  clear: both;
}

/* clear float */
.pos-relative {
  position: relative;
}

/* Position Relative */
.pos-absolute {
  position: absolute;
}

/* Position Absolute */
.vertical-base {
  vertical-align: baseline;
}

/* vertical align baseline */
.vertical-top {
  vertical-align: top;
}

/* vertical align top */
.underline {
  padding-bottom: 5px;
  border-bottom: 1px solid #eee;
  margin: 0 0 20px 0;
}

/* Add 5px bottom padding and a underline */
.vertical ul li {
  display: block;
}

/* vertical menu */
.horizontal ul li {
  display: inline-block;
}

/* horizontal menu */
img {
  max-width: 100%;
  vertical-align: top
}

strong {
  font-weight: bold !important;
  color: #CCCC33;
}

.aligncenter {
  text-align: center;
}

.img-responsive {
  width: 100%;
  height: auto;
}

h1 {
  text-align: center;
  font-size: 4em;
}

h2 {
  margin-top: 2em;
}

h3 {
  margin: 0;
}



.btn>.caret,
.dropup>.btn>.caret {
  border-top-color: #000 !important;
}

.label {
  border: 1px solid #000;
}

.table {
  border-collapse: collapse !important;
}

.table td,
.table th {
  background-color: #fff !important;
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd !important;
}

.container {
  margin: 0 auto;
  padding: 0;
  width: 1200px;
  height: auto
}

.xx-escorts-area {
  margin: 0 auto 0px;
  padding: 0;
  width: 100%;
  float: left
}

.xx-top-box {
  margin: 0px 0 0px 0;
  padding: 1% 1%;
  width: 98%;
  float: left;
  background: linear-gradient(to bottom, #03405f, #083f60, #811d77, #e0038a);
}

.xx-top-box .logo-part {
  width: 31%;
  float: left;
  margin: 0 10px;
  padding: 10px 0 0
}

.xx-top-box .logo-part p {
  margin: auto 0 5px;
  text-align: center;
  font-size: 22px;
  color: #fff;
  font-weight: 600
}

.xx-top-box .logo-part p a {
  color: #bb8a3d
}

.xx-top-box .logo-part p a:hover {
  color: #27beeb
}

#social-dey,
#social-dey a {
  color: #000;
  float: right;
}

#social-dey {
  margin: auto 0;
  width: 100%;
  float: left;
  text-align: center !important;
  padding: 0;
  font: 28px roboto;
  text-shadow: none
}

#social-dey a {
  margin: 5px 5px;
  text-align: center;
  height: 35px;
  width: 35px;
  border-radius: 100%;
  background-color: #06F;
  font-size: 12px;
  -webkit-transition: all ease .5s;
  -o-transition: all ease .5;
  -moz-transition: all ease .5s;
  transition: all ease .5s
}

#social-dey a:hover {
  background-color: #800000
}

.main-menu {
  margin: auto 0;
  margin: 0px auto 0px;
  padding: 2% 0;
  width: 100%;
  float: left;
  background: #800000;
  padding: 0;
}








.xx-banner {
  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 0px 0;
}

.xx-banner img {
  width: 100%;
  vertical-align: top;
}

.xx-middle {

  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 0px 0;
}

.xx-middle .txtile-box {
  margin: auto 0;
  padding: 1% 1%;
  width: 98%;
  float: left;
  margin: 15px 0;
}

.xx-middle .txtile-box h1 {
  font-size: 36px;
  color: #e5ed0c;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box h2 {
  font-size: 30px;
  color: #15dbd4;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box h3 {
  font-size: 28px;
  color: #5bf226;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box h4 {
  font-size: 26px;
  color: #f87616;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box h5 {
  font-size: 24px;
  color: #e5ed0c;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box h6 {
  font-size: 20px;
  color: #15dbd4;
  text-align: center;
  font-weight: 600;
  margin: 0 0;
  padding: 0 0;
}

.xx-middle .txtile-box p {
  font-size: 20px;
  color: #fff;
  line-height: 28px;
  font-weight: 500;
  padding: 10px;
}

.xx-middle .txtile-box p a {
  color: #800000;
}

.xx-middle .txtile-box p a:hover {
  color: #000;
}

.xx-middle .portfolio-box {
  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 15px 0;
}

.zoom-container {
  position: relative;
  overflow: hidden;
  width: 100% !important
}

.itembox {
  margin: auto 0;
  width: 23%;
  float: left;
  text-align: center !important;
  padding: 10px 0;
  margin: 10px 1%
}

.itembox img {
  display: block;
  width: 100% !important;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -ms-transition: all .5s ease;
  transition: all .5s ease;
  margin: 0
}

.itembox .item-content {
  background-color: #f9829b;
  padding: 10px;
  border: 1px solid #03405f;
  margin: 0
}

.itembox .item-content p {
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: #fff !important
}

.itembox span {
  font-size: 20px;
  font-weight: 600;
  color: #fff !important;
  margin: 0
}

.itembox:hover .item-content p,
.itembox:hover .item-content span {
  color: #fff !important
}

.itembox:hover .zoom-container img {
  -webkit-transform: scale(1.25) rotate(5deg);
  -moz-transform: scale(1.25) rotate(5deg);
  -ms-transform: scale(1.25) rotate(5deg);
  -o-transform: scale(1.25) rotate(5deg);
  transform: scale(1.25) rotate(5deg)
}

.itembox:hover .item-content {
  background-color: #800000;
  color: #fff !important;
  -webkit-transition: all .6s ease;
  -moz-transition: all .6s ease;
  -ms-transition: all .6s ease;
  -o-transition: all .6s ease;
  transition: all .6s ease;
  border: 1px solid #dc3545;
}

.namebutton {
  margin: 2px 0;
  -moz-box-shadow: 0 1px 0 0 #f0f7fa;
  -webkit-box-shadow: 0 1px 0 0 #f0f7fa;
  box-shadow: 0 1px 0 0 #f0f7fa;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #f9829b), color-stop(1, #019ad2));
  background: -moz-linear-gradient(top, #f9829b 5%, #019ad2 100%);
  background: -webkit-linear-gradient(top, #f9829b 5%, #019ad2 100%);
  background: -o-linear-gradient(top, #f9829b 5%, #019ad2 100%);
  background: -ms-linear-gradient(top, #f9829b 5%, #019ad2 100%);
  background: linear-gradient(to bottom, #f9829b 5%, #019ad2 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f9829b', endColorstr='#019ad2', GradientType=0);
  background-color: #f9829b;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #057fd0;
  display: inline-block;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  padding: 6px 24px;
  text-decoration: none;
  text-shadow: 0 -1px 0 #5b6178
}

.namebutton:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(.05, #019ad2), color-stop(1, #f9829b));
  background: -moz-linear-gradient(top, #019ad2 5%, #f9829b 100%);
  background: -webkit-linear-gradient(top, #019ad2 5%, #f9829b 100%);
  background: -o-linear-gradient(top, #019ad2 5%, #f9829b 100%);
  background: -ms-linear-gradient(top, #019ad2 5%, #f9829b 100%);
  background: linear-gradient(to bottom, #019ad2 5%, #f9829b 100%);
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#019ad2', endColorstr='#f9829b', GradientType=0);
  background-color: #019ad2
}

.xx-button-area {
  background: #dc3545;
  margin: auto 0;
  padding: 20px 0px;
  width: 100%;
  float: left;
  margin: 0px 0;
  text-align: center !important;
}

.button {
  width: 18%;
  background: #B5115C;
  border-radius: 10px;
}

.button.cta {
  display: inline-block;
  position: relative;
  margin: 0.5em 0 0.5em 0;
  padding: 1em 0.1em;
  background: #03405f;
  border: none;
  text-decoration: none;
  font-weight: 700;
  color: white;
}

/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}

.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  background: #FCC201;
  color: #03405f;
  transform: translateY(-5px);
  /* move the element up by 5px */
}

.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.xx-middle .txtile-box .profilebox {
  margin: auto 0;
  padding: 0px 0px;
  width: 50%;
  float: left;
  margin: 15px 0;
}

.xx-middle .txtile-box .profilebox img {
  vertical-align: top;
  width: 100%;
}

.xx-middle .txtile-box .profilebox .heading {
  text-align: center;
  font-size: 20px;
  color: #fff;
  padding: 5px 0 5px 0;
  margin: auto 0;
  width: 96%;
  float: left;
  margin: 0px 0;
  background: #dc3545;
}

.xx-middle .txtile-box .profilebox .cntent {
  margin: auto 0;
  padding: 1% !important;
  width: 96%;
  float: left;
  margin: 5px 0;
  color: #fff;
}

.xx-middle .txtile-box .profilebox .cntent p {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
}

.xx-middle .txtile-box .profilebox .cntent p a {
  color: #db0489;
}

.xx-middle .txtile-box .profilebox .cntent p a:hover {
  color: #000;
}

.xx-middle .txtile-box .profilebox .cntentbook {
  margin: auto 0;
  padding: 1% !important;
  width: 96%;
  float: left;
  margin: 5px 0;
  color: #fff;
  font-size: 26px;
  line-height: 40px;
}

.xx-middle .txtile-box .profilebox .cntentbook a {
  color: #f87616;
}

.xx-middle .txtile-box .profilebox .cntentbook a:hover {
  color: #6bf816;
}

.prosnl-det {
  color: #fff;
  line-height: 28px;
  width: 100% !important;
}

.prosnl-det a {
  text-decoration: underline
}

.prosnl-det a:hover,
.services-part ul li a {
  text-decoration: none
}

.xx-3box-area {

  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 0px 0;
}

.xx-3box-area .ftbox {
  margin: auto 0;
  width: 31%;
  float: left;
  margin: 5px 0px;
  padding: 1% 1%;
  border-radius: 10px
}

.xx-3box-area .ftbox h5 {
  font-size: 24px;
  color: #f0c419;
  padding: 5px 0
}

.xx-3box-area .ftbox p {
  font-size: 18px;
  line-height: 26px;
  color: #fdf49b;
  padding: 5px 0;
  margin: 0 0 5px
}

.xx-3box-area .ftbox p a {
  font-size: 20px;
  color: #fff;
  padding: 0 5px;
}

.xx-3box-area .ftbox p a:hover {
  color: #800000;
}

.xx-3box-area .ftbox {
  margin: auto 0;
  width: 100%;
  float: left;
  margin: 5px 0px;
  padding: 0% 0%;
}

.xx-3box-area .ftbox {
  list-style: none;
  font-size: 20px;
  padding: 10px 0;
  font-weight: 500;
}

.xx-3box-area .ftbox  {
  padding: 5px 0px 5px 25px;
  font-weight: 600;
  color: #fdf49b;
  line-height: 26px;
  text-align: left;
  background: url(pics/arow.html) no-repeat left;
}

.xx-3box-area .ftbox {
  color: #fff;
}

.xx-3box-area .ftbox  ul li:hover a {
  color: #800000;
}

.xx-3box-area .fttext {
  margin: auto 0;
  width: 96%;
  float: left;
  margin: 5px 0px;
  padding: 2% 2%;
  border-radius: 10px
}

.xx-3box-area .fttext h3 {
  font-size: 28px;
  color: #f0c419;
  text-align: center;
  margin: 0 0;
  padding: 0 0;
}

.xx-3box-area .fttext h4 {
  font-size: 26px;
  color: #f0c419;
  text-align: center;
  margin: 0 0;
  padding: 0 0;
}

.xx-3box-area .fttext h5 {
  font-size: 24px;
  color: #f0c419;
  text-align: center;
  margin: 0 0;
  padding: 0 0;
}

.xx-3box-area .fttext h6 {
  font-size: 20px;
  color: #f0c419;
  text-align: center;
  margin: 0 0;
  padding: 0 0;
}

.xx-3box-area .fttext p {
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  padding: 5px 0;
  margin: 0 0 5px
}

.xx-3box-area .fttext p a {
  font-size: 20px;
  color: #2bd2ec;
  padding: 0 5px;
}

.xx-3box-area .fttext p a:hover {
  color: #800000;
}

.xx-3box-area .ftbox .quickbox {
  margin: auto 0;
  width: 100%;
  float: left;
  margin: 5px 0px;
  padding: 1% 0%;
}

.xx-3box-area .ftbox .quickbox h6 {
  width: 100%;
  font-size: 24px;
  color: #f0c419;
  padding: 2px 0;
  margin-bottom: 5px;
}

.xx-3box-area .ftbox .quickbox p {
  width: 100%;
  font-size: 26px;
  line-height: 30px;
  color: #f87616;
  padding: 2px 0;
  margin: 0 0 5px
}

.xx-3box-area .ftbox .quickbox p a {
  color: #16f82c;
  font-size: 26px;
  padding: 0 5px;
}

.xx-3box-area .ftbox .quickbox p a:hover {
  color: #000;
}

.xx-fottor {
  background: #090012;
  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 0px 0;
}

.xx-fottor .copyright {
  margin: auto 0;
  padding: 0;
  width: 100%;
  float: left;
  margin: 15px 0;
}

.xx-fottor .copyright p {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
}

.xx-fottor .copyright p a {
  color: #e400bf;
}

.xx-fottor .copyright p a:hover {
  color: #ae0092;
}

.rates {
  width: 46%;
  float: left;
  margin: 10px 2%
}

.rates .table {
  margin: auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 26px;
  padding: 5px;
  height: auto;
  color: #fff;
  background: #000000;
  border-bottom: 1px dashed #009966;
}

.rates .table .escortheading {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #d60d54;
  background: #000000;
  padding: 7px 0;
  width: 100%;
}

@media screen and (min-width:901px) and (max-width:1199px) {
  .container {
    padding: 2% 3%;
    margin: 0 auto;
    height: auto;
    clear: both;
    width: 94%;
  }

  .xx-top-box .logo-part {
    width: 30%;
  }
}

@media screen and (min-width:681px) and (max-width:900px) {
  .container {
    padding: 2% 3%;
    margin: 0 auto;
    height: auto;
    clear: both;
    width: 94%;
  }

  .xx-top-box .logo-part {
    width: 29%;
  }

  .itembox {
    width: 48%;
  }

  .xx-middle .txtile-box .profilebox {
    width: 100%;
  }
}

@media screen and (min-width:320px) and (max-width:680px) {
  .container {
    padding: 2% 3%;
    margin: 0 auto;
    height: auto;
    clear: both;
    width: 94%;
  }

  .xx-top-box {
    margin: 5px 0px;
    width: 98%;
  }

  .xx-top-box .logo-part {
    width: 100%;
    margin: 5px 0;
    padding: 5px 0px;
  }

  #social-dey, #social-dey a {
    float: left;
    text-align: center !important;
  }

  .main-menu {
    margin: 5px 0px;
    width: 98%;
    padding: 1% 1%;
  }

  .main-menu .xx-nav li {
    width: 100%;
    border-bottom: 1px dashed #fff
  }

  .main-menu .xx-nav li a {
    padding: 0 !important;
    font-size: 14px;
    line-height: 36px;
    font-weight: 400
  }

  .xx-middle {
    margin: 5px 0px;
    width: 98%;
    padding: 1% 1% !important;
  }

  .xx-middle .txtile-box {
    width: 100%;
    padding: 0 0;
  }

  .itembox {
    width: 96%;
    margin: 5px 0px;
    padding: 2%;
  }

  .xx-3box-area .ftbox {
    width: 96%;
    margin: 5px 0px;
    padding: 2%;
  }

  .xx-3box-area .fttext {
    width: 96%;
    padding: 2% 2% !important;
  }

  .xx-middle .txtile-box .profilebox {
    width: 100%;
  }

  .rates {
    width: 92%;
  }
}