@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

/*font-family: 'Montserrat', sans-serif;*/
/*font-family: 'Roboto', sans-serif;*/

*{
    font-family: 'Roboto', sans-serif;
}
a:hover{
    text-decoration: none;
}
a.navbar-brand h1 {
    font-size: 22px;
}
.banner_img img{
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
}
.horBanner img {
    width: 100%;
    margin-bottom: 20px;
}
li.nav-item {
    padding: 10px;
}
      .book-now h3 {
    font-size: 24px;
    color: #ffa500;
    background: #000000;
    padding: 6px 15px;
    font-family: serif;
    margin: 0;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    text-align: center;
	
}
.social-icon-top li a {
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    background: #fff;
    color: #00005c;
    border-radius: 4px;
    font-size: 14px;
    margin-right: 4px;
    padding: 5px;
    border-radius: 5px;
}
.top-header {
    background: ##00005c14;
    padding: 15px;
}
.social-icon-top li a i{
    margin-right: 5px;
}
.social-icon-top li {
    display: inline-block;
}
ul.social-icon-top {
        padding: 0;
    margin: 0;
    list-style: none;
}

.loc a {
    width: 100%;
    display: block;
    background: #ff0000;
    color: #ffffff;
    font-family: 'Montserrat';
    text-align: center;
    padding: 2px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.loc a:hover{
    text-decoration: none;
    background: #fff;
    color: #000;
}
.loc {
    margin-top: 20px;
}
.loc img{
    width:  100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.navbar-light .navbar-brand {
    color: rgb(255 176 0);
    font-family: 'Montserrat';
    font-size: 23px;
}
.navbar-light .navbar-nav .nav-link {
    color: #00005c;
    font-family: 'Montserrat';
}
img {
  object-fit: cover;
}
.bg-img {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}
.bg-fixed {
    background-attachment: fixed;
}
.pattern {
    background-repeat: repeat;
    background-size: auto;
}
.bold {
    font-weight: 400;
}
.count {
    font-family: 'Teko', sans-serif;
}
.valign {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.v-middle {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.content-wrap h2{
    text-align: left;
    font-weight: 900;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #ff0000;
}

.bg-light {
    background-color: #26292d !important;
}

.navbar-light .navbar-brand{
    color: #00005c;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #333;
}

.main-banner img{
    width: 100%;
}

.navbar-light .navbar-toggler {
    color: rgb(0 0 92);
    border-color: rgb(0 0 92);
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: #a60000;
}
.rel{
    position: relative;
}


/*about*/
.about{
    background: #311552;
}
.img-wrap{
    width: 100%;
    position: relative;
}
.img-wrap img{
    width: 100%;
    border-radius: 5px;
}
h3 {
    font-weight: 900;
    font-size: 42px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #f70000b0;
    position: relative;
}
h3:before {
    content: '';
    position: absolute;
    bottom: -13px;
    left: 50%;
    width: 138px;
    height: 5px;
    background: #2a0202;
    transform: translate(-50%);
    display: none;
}
.about_content p{
    font-size: 18px;
    color: #fff;
    margin-top: 30px;
    text-align: justify;
    font-family: 'Montserrat';
    font-weight: unset;
}
.about_content a {
    background: #0f9856;
    display: inline-block;
    color: #fff;
    font-family: 'Montserrat';
    padding: 10px 15px;
    border-radius: 5px;
    border-bottom: 5px solid #f7f7f7;
}


.about_content a i{
    margin-right: 10px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
}
.about_content a:hover{
    background: #0f9856;
    text-decoration: none;
}
.content-image img{
    width: 100%;
}
.content_parent {
    margin: 0 20px;
    /*background: #0000006b;*/
}
.bgNew{
    box-shadow: 0px 9px 8px 0px #00000073;
    background: #ffffff54;
    border: 1px solid #e9e9e9;
}
.content-image {
    width: 100%;
    padding: 15px;
    background: #fff;
    box-shadow: 0px 9px 8px 0px #00000073;
}
/*about*/
.content_parent .content-wrap p {
    color: #303030;
    font-size: 17px;
    line-height: 26px;
    text-align: center;
    font-weight: 600;
}


/*.content_parent .col-sm-6{
    padding: 0;
}*/
.content_parent .content-wrap h2 {
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #00005c;
}
.content_parent .content-wrap{
    padding: 20px;
}
.box-img img{
    width: 100%;
}
a.book-btn {
    background: #545492;
    display: inline-block;
    color: #fff;
    font-family: 'Montserrat';
    padding: 15px 20px;
    border-radius: 5px;
    width: 100%;
}
a.book-btn:hover{
    background: #ffffff;
    text-decoration: none;
}
.table-bordered thead td, .table-bordered thead th {
    border-bottom-width: 2px;
    color: #000028;
    font-weight: 700;
}
.table-bordered td, .table-bordered th {
    border: 1px solid #dee2e6;
    color: #ffffff;
}
.v-align {
    display: flex;
    align-items: center;
}
.social-contact {
    padding: 25px;
    background: #ffffff;
    min-height: 150px;
    box-shadow: 1px 1px 6px 0px #0e2657;
    border-radius: 4px;
}
.social-contact h4 {
    font-size: 20px;
    color: #192246;
    font-family: 'Kanit', sans-serif;
    text-align: center;
}
.social-contact ul {
    padding: 0;
    list-style: none;
    margin-bottom: 20px;
    text-align: center;
}
.social-contact ul li {
    font-size: 16px;
    font-weight: 600;
    color: #192246;
    font-family: 'Kanit', sans-serif;
    margin-right: 20px;
    display: inline-block;
}
.contact-info2 {
    background: #6e6e6ecf;
    margin-top: 25px;
    padding: 20px;
}
.girls-info p{
    color: #000;
}
.girls-info td{
    color: #000;
}
/*type box*/

.title{
    font-weight: 900;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Montserrat' !important;
    color: #000028;
}
h4.f_clr03.color10.xs-10 {
    background: #ffffff;
    margin: 0;
    padding: 8px;
    color: #000060;
}
/*portfolio*/

.portfolio h2 {
    text-align: center;
    font-weight: 900;
    font-size: 22px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #000057;
}

.portfolio h3 {
    font-weight: 900;
    font-size: 17px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #fff;
    margin-bottom: 30px;
}
.girl-wrap{
    border:1px solid #000;
    padding: 5px;
    background: #000;
    margin-bottom: 20px;
}
.girl-wrap img {
    width: 100%;
    height: 500px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.girl-wrap p{
    margin-bottom: 8px;
}
.girl-wrap a figcaption{
    text-align: left;
    font-weight: 900;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #ffb000;
    position: relative;
    margin-top: 10px;
}
.girl-wrap a figcaption:before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    width: 30px;
    background: #ffb000;
}
.girl-wrap p.rating i{
    color: #ffb000;
    margin-top: 10px;
}
.girl-wrap p{
    color: #fff;
}
.girl-wrap{
    transition: 0.5s;
}
.girl-wrap:hover{
    position: relative;
    transform: translateY(-15px);
    transition: 0.5s;
    cursor: pointer;
    box-shadow: 1px 9px 22px 0px #e7e7e71a;
}
/*portfolio*/


/*marquee*/

.marquee-wrap ul{
    padding: 0;
    list-style: none;
    margin: 0;
}
.marquee-wrap ul li{
    display: inline-block;
    width: 26%;
    margin-right: 20px; 
}
.marquee-wrap ul li a{
    display: block;
}
.marquee-wrap ul li a img{
    width: 100%;
    height: 450px;
    object-fit: cover;
    border:2px solid #ffb000;
    padding: 5px;
}
.marqee-sec h2 {
    text-align: center;
    font-weight: 900;
    font-size: 35px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #ff0000;
    margin-bottom: 20px;
}
/*marquee*/

/*breadcrumb*/
.breadcrumb-sec{
    position: relative;
}
.breadcrumb-sec:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.content-bd {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}
.content-bd h1 {
    color: #fff;
    font-family: 'Montserrat';
}
.content-bd h1 span {
    font-family: 'Montserrat';
    color: #ff0000;
    background: #666262a6;
    padding: 6px 20px;
    border-radius: 5px;
}
.content-bd ul li{
    display: inline-block;
    color: #fff;
}
.breadcrumb-sec img {
    width: 100%;
    height: 480px;
}
/*breadcrumb*/
.color-white{
    color: #000 !important;
}
.dark-bg{
    background: #ffffff;
}
.black-bg{
    background: #ffffff;
}
.custom_padding{
    padding: 30px 0;
}

/*footer*/
.common-padding{
    padding: 50px 0;
}
.bg{
    background: #ffffff;
}
.footer-wrap h3 {
    color: #ffffff;
    font-size: 22px;
    text-transform: uppercase;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    margin-bottom: 10px;
}
/*.footer-wrap h3:before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100px;
    height: 3px;
    background: #fff;
    transform: inherit;
}*/
.footer-wrap ul {
    padding: 5px;
    list-style: none;
}
.footer-wrap ul li a {
    color: #fff;
    margin-bottom: 5px;
    display: block;
    padding: 3px;
    font-size: 17px;
}
.footer-wrap ul li a:hover {
    color: #ffb74d;
}
.social-icon {
    margin-top: 30px;
    border-top: 1px solid #8181814d;
    padding-top: 20px;
    display: flex;
}
.footer-wrap .social-icon a i{
    color: #fff;
    width: 40px;
    height: 40px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    background: #333;
    margin-right: 10px;
}
.footer-wrap .social-icon a i:hover {
    background: #02022a;
    color: #fff;
}
.footer-wrap p {
    color: #fff;
    margin-bottom: 10px;
    display: flex;
}
.footer-wrap p i{
    color: #fff;
    margin-right: 10px;
    font-size: 17px;
}
.footer-bottom p{
    text-align: center;
    color: #fff;
    margin: 0px;
}
.footer-bottom p a{
    color: #fff;
}
.footer-bottom {
    width: 100%;
    text-align: center;
    border-top: 1px solid #c1e6ff;
    padding-top: 30px;
    margin-top: 30px;
}
/*footer*/
.d-flex{
    display: flex;
}
.whatsapp a i {
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 99;
    color: #fff;
    width: 50%;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    background: green;
}
#callme a i {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    color: #fff;
    width: 50%;
    height: 50px;
    font-size: 28px;
    line-height: 50px;
    text-align: center;
    background: #f94f4f;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 800px;
    margin: auto;
	background: #ffffff;
    padding: 10px;
}
.loop .item {
    position: relative;
}
.loop .item::before {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: 1s;
    background: #00000080;
}
.loop .item h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff !important;
    text-align: center;
}
.loop .item h4 a{
    color: #fff;
}


@media screen and (max-width: 768px){

    .navbar-light .navbar-brand {
        color: rgb(255 176 0);
        font-family: 'Montserrat';
        font-size: 15px;
    }
    .navbar-light .navbar-toggler {
        color: rgb(255 255 255);
        border-color: rgba(0,0,0,.1);
        background: #00005c;
        margin-top: 6px;
    }
    .bg-light {
        background-color: #000000!important;
        position: relative;
        z-index: 999;
        width: 100%;
        padding: 20px;
    }
    .content-bd h1 {
        color: #fff;
        font-family: 'Montserrat';
        font-size: 14px;
    }
    .breadcrumb-sec img {
        width: 100%;
        height: 300px;
    }
}

/*.marqee-sec .owl-item.active {
    opacity: 0.6;
}*/
.marqee-sec .owl-item.active.center{
    opacity: 1;
}
.owl-nav{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}
.owl-theme .owl-prev i, .owl-theme .owl-next i {
    font-size: 2.5rem;
    color: #cecece;
}
.owl-theme .owl-prev {
    left: 0;
}
.owl-theme .owl-next {
    right: 0;
}
.owl-theme .owl-prev, .owl-theme .owl-next {
    position: absolute;
    height: 100px;
    color: inherit;
    background: none;
    border: none;
    z-index: 100;
}
.owl-theme .owl-nav [class*=owl-] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #D6D6D6;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px;
}
.top-ban img{
    width: 100%;
    border-radius: 3px;
}
.content-wrap p{
    color: #f1f1f1;
}


/*slider*/
.sliderMain .item {
  position: relative;
}
.sliderMain .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sliderMain .item .cover {
  padding: 75px 0;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  
  display: flex;
  align-items: center;
}
.sliderMain .item .cover .header-content {
  position: relative;
  padding: 56px;
  overflow: hidden;
}
.sliderMain .item .cover .header-content .line {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  border: 9px solid #ffff;
  -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
  clip-path: polygon(0 0, 80% 0, 100% 100%, 10% 100%);
}
.sliderMain .item .cover .header-content h2 {
  font-weight: 300;
  font-size: 35px;
  color: #fff;
}
.sliderMain .item .cover .header-content h1 {
  font-size: 56px;
  font-weight: 600;
  margin: 5px 0 20px;
  word-spacing: 3px;
  color: #fff;
}
.sliderMain .item .cover .header-content h4 {
  font-size: 24px;
  font-weight: 300;
  line-height: 36px;
  color: #fff;
}
.sliderMain .owl-item.active h1 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.sliderMain .owl-item.active h2 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.sliderMain .owl-item.active h4 {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.sliderMain .owl-item.active .line {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.sliderMain .owl-nav .owl-prev {
  position: absolute;
  left: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.sliderMain .owl-nav .owl-prev span {
  font-size: 1.6875rem;
  color: #fff;
}
.sliderMain .owl-nav .owl-prev:focus {
  outline: 0;
}
.sliderMain .owl-nav .owl-prev:hover {
  background: #000 !important;
}
.sliderMain .owl-nav .owl-next {
  position: absolute;
  right: 15px;
  top: 43%;
  opacity: 0;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  background: rgba(0, 0, 0, 0.5) !important;
  width: 40px;
  cursor: pointer;
  height: 40px;
  position: absolute;
  display: block;
  z-index: 1000;
  border-radius: 0;
}
.sliderMain .owl-nav .owl-next span {
  font-size: 1.6875rem;
  color: #fff;
}
.sliderMain .owl-nav .owl-next:focus {
  outline: 0;
}
.sliderMain .owl-nav .owl-next:hover {
  background: #000 !important;
}
.sliderMain:hover .owl-prev {
  left: 0px;
  opacity: 1;
}
.sliderMain:hover .owl-next {
  right: 0px;
  opacity: 1;
}
/*slider*/

.area h3{
        text-align: center;
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #fff;
    text-shadow: 3px 3px 6px black;
}

@media screen and (min-width: 768px){
    .textRight {
        text-align: right;
    }
}

.card {
    margin-bottom: 20px;
    border: 2px solid rgb(0 0 13);
    border-radius: 0px;
    box-shadow: 1px 5px 7px 0px #000000ed;
}
.img-box img {
    width: 100%;
    height: 550px;
    object-fit: fill;
}
.card-title-home {
    background: #f94f4f;
    color: #fff;
    padding: 12px 0;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    margin-top: -6px;
    
}
.card-title-home span {
    font-size: 25px;
    margin-right: 6px;
}
.card-body {
    background: #ffffff;
}
.card-body p {
    font-size: 16px;
    color: #00004a;
    height: 100px;
    overflow: hidden;
}
.showContent p {
    height: auto;
}
a.list-unstyled {
    color: #ffffff;
    font-size: 13px;
    position: relative;
    padding: 7px 0;
    display: block;
    text-transform: capitalize;
    text-align: center;
    background: #f94f4f;
    border-radius: 5px;
    box-shadow: 1px 1px 8px 0px #ffffff54;
}
a.list-unstyled:hover{
    background: #333;
}

.head_text {
    margin-bottom: 40px;
    text-align: center;
}
.marquee {
    background-color: #ffffff;
    border-bottom: 3px solid #5050a1;
}
marquee {
    width: 80%;
    padding: 10px 0;
}
.marquee span {
    background: #f70000b0;
    float: left;
    padding: 0px 30px;
    color: #fff;
    font-family: 'Montserrat';
    line-height: 64px;
	font-size: 25px;
}
.marquee ul {
    list-style: disc;
    padding: 0px;
    margin: 0px;
}
.marquee ul li {
    font-size: 15px;
    color: #fff;
    line-height: 2.5;
    overflow: hidden;
    background-color: #f70000b0;
    position: relative;
    margin: 0;
    margin-right: 40px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    box-shadow: 0px 0px 9px 0px #ffffff3d;
}
.marquee ul li i {
    color: #fff;
    margin-right: 10px;
}

.img_caption {
    background: #fff;
    padding: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.green-btn {
    background-color: #ffffff3b;
    color: #035203;
    padding: 8px 5px;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    box-shadow: #26394d 0 10px 30px -10px;
    transition: .2s all ease-in-out!important;
    border-radius: 6px;
    width: 117px;
}


.card-content-col .fa {
    font-size: 18px;
    display: inline-flex;
}
.card-content-col {
    margin: 5px;
    padding: 5px 0 0;
}
.card-content-row {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000028;
    margin: 8px 0;
}
.card-content {
    width: 100%;
    background: #fff;
    border-radius: 0 0 10px 10px;
}
.card-content-col h5 {
    color: #000028;
    font-size: 15px;
    font-weight: 600;
}
.my-social-button i.fa.fa-phone {
    background-color: #f94f4f !important;
    border: 2px solid transparent;
    color: #fff!important;
    font-size: 20px!important;
    text-decoration: none!important;
    display: block;
    justify-content: center!important;
    align-items: center!important;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.my-social-button i.fa.fa-whatsapp {
    background-color: #008000 !important;
    border: 2px solid transparent;
    color: #fff!important;
    font-size: 20px!important;
    text-decoration: none!important;
    display: block;
    justify-content: center!important;
    align-items: center!important;
    width: 100%;
    text-align: center;
    padding: 10px;
}
.my-social-button {
    display: flex;
    justify-content: space-between;
}
.star {
    display: flex;
    justify-content: space-between;
}
.fa.fa-star{
    color: #ffb000;
}
.portfolio .col-sm-3{
    padding: 3px;
}
.content-wrap p{
    color: #333;
}
.content-wrap{
    position: relative;
}
.abs-img{
    position: absolute;
    top: 0;
    right: 0;
}
.abs-img2{
    position: absolute;
    top: 0;
    left: 0;
}


.location li a:hover{
    background: #fff;
}
#location h3 {
    text-align: center;
    font-weight: 900;
    font-size: 27px;
    text-transform: uppercase;
    font-family: 'Montserrat';
    color: #000028;
}
.location {
    padding: 0;
    margin: 0;
    list-style: auto;
    text-align: left;
    list-style-position: inside;
}
#location .col-sm-4{
    padding: 5px;
}

.flip {
  position: relative;
}
.flip > .front,
.flip > .back {
  display: block;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-duration: 2s;
  transition-property: transform, opacity;
}
.flip > .front {
  transform: rotateY(0deg);
}
.flip > .back {
  position: absolute;
  opacity: 0;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  transform: rotateY(-180deg);
}
.flip:hover > .front {
  transform: rotateY(180deg);
}
.flip:hover > .back {
  opacity: 1;
  transform: rotateY(0deg);
}
.flip.flip-vertical > .back {
  transform: rotateX(-180deg);
}
.flip.flip-vertical:hover > .front {
  transform: rotateX(180deg);
}
.flip.flip-vertical:hover > .back {
  transform: rotateX(0deg);
}

.flip {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 1em;
  width: 100%;
}
.flip > .front,
.flip > .back {
  display: block;
  color: white;
  width: 100%;
  background-size: cover !important;
  background-position: center !important;
  height: 550px;
  padding: 2em 2em;
  background: #0c0c0c;
  border-radius: 0px;
}
.back a{
		border: 1px solid #fff;
		padding: 5px 260px;
		display: inline-block;
		color: #fff;
}
.back a:hover{
    color: #000;
    background: #fff;
    border: 1px solid #000;
}
.flip > .front p,
.flip > .back p {
  font-size: 0.9125rem;
  line-height: 160%;
  color: #999;
  margin-bottom: 10px;
}

.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 150px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
}
.text-bot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 196px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
	font-weight: 300;
}
.text-cot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 198px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
}
.text-not {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 215px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
}
.text-hot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 179px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
}
.text-lot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 30px;
    bottom: 18px;
	left: 11px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 20px 185px;
    border-radius: 0px;
	text-align: center;
	font-family: fantasy;
}

/*flip css*/

.icon-image img {
    width: 100%;
}

.moretext {
  display: none;
}
.moretext_one {
  display: none;
}

.moretext_two {
  display: none;
}

.loop.owl-carousel.owl-theme.owl-loaded.owl-drag {
    background: #000000;
    padding: 20px;
}
.my-social-button a{
    display: block;
    width: 100%;
}

.girl-port .img-wrap img {
    border-radius: 5px;
    width: 100%;
    height: 424px;
    object-fit: cover;
}
a.newcl {
    background: #da292a;
    color: #fff;
    font-size: 20px;
    display: inline-block;
    padding: 12px 30px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    border-radius: 5px;
}
a.newcl i {
    margin-right: 10px;
}
.sidebar {
    background: #dfdfdf;
    min-height: 475px;
}
.partTwo {
    background: #dfdfdf;
    padding: 10px;
    min-height: 472px;
    margin-top: 3px;
}
a.newgr {
    background: #2d7e03;
    color: #fff;
    font-size: 14px;
    display: inline-block;
    padding: 12px 30px;
    text-align: left;
    font-family: 'Roboto', sans-serif;
    width: 100%;
    border-radius: 5px;
}
a.newgr i {
    margin-right: 10px;
}
ul.service_list {
    padding-left: 20px;
}
ul.service_list li {
    list-style: disc;
    list-style-position: inside;
    line-height: 32px;
}
.dark-bg3{
    background: #010134;
}

.img-wrap figcaption {
    background: #d7b5b5;
    color: #010134;
    padding: 10px 20px;
    border-radius: 10px;
    text-align: center;
    position: absolute;
    bottom: -15px;
    left: 50%;
    width: 80%;
    transform: translateX(-50%);
    font-weight: 700;
}



.mobile-contact ul {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    list-style: none;
    margin: 0px;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
}

.mobile-contact ul i.fa {
    background: #00005c;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    font-size: 28px;
}

.mobile-contact ul li a.call{
    line-height: 50px;
    font-size: 18px;
    color: #00005c;
    font-weight: 800;
}


footer.bg.common-padding {
    background: #010134;
}

footer i.fa.fa-instagram {
    background: #8E24AA !important;
}
footer i.fa.fa-pinterest {
    background: #c91f1f !important;
}
footer i.fa.fa-facebook {
    background: #2777ad !important;
}
footer i.fa.fa-youtube {
    background: #c91f1f !important;
}

.footer-bottom ul{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: left;
}
.footer-bottom ul li{
    display: inline-block;
}
.footer-bottom ul li a {
    display: inline-block;
    color: #fff;
    margin-right: 15px;
}

.location_wrap {
    border: 2px solid #010134;
    padding: 20px;
}
.location_wrap h4 {
    text-align: center;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat';
    position: relative;
}
.location_wrap h4 span {
    height: 3px;
    width: 40px;
    background: #010134;
    display: inline-block;
    position: relative;
    top: -4px;
    left: -10px;
}

.location_wrap ul li a {
    font-size: 17px;
    font-weight: 600;
    text-align: left;
    display: inline-block;
    font-family: 'Roboto';
    border: 1px solid #ffffff;
    color: #000000d1;
    padding-bottom: 3px;
}

.location_wrap ul li a:hover{
    color: #010134;
}

.location_wrap h6 {
    text-align: center;
    margin-bottom: 0px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Montserrat';
    position: relative;
    color: #008000;
}
.escort_wrap_img img{
    width: 100%;
    height: 480px;
    object-fit: cover;
    transition: 1s;
}
.head_loc{
    text-align: center;
    margin-bottom: 20px;
}
.overflow_hidden{
    overflow: hidden;
}
.escort_wrap_img a{
    color: #fff;
}
.escort_wrap_img {
    cursor: pointer;
    transition: 1s;
    padding: 10px;
    background: #e42d2d;
}
.escort_wrap_img:hover img{
    transition: 1s;
    transform: scale(1.1);
}
.escort_wrap_img h5{
    margin: 0px;
}
.escort_wrap_img h5 {
    display: block;
    text-align: center;
    padding: 10px;
    background: #e42d2d;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    transition: 1s;
    background: #333;
}
.escort_wrap_img:hover h5{
    background: #010134;
    transition: 1s;
}
ul.sm-Dblock {
    padding: 0;
    margin: 0;
    list-style: none;
    display: none;
    width: 100%;
}
a.nav-link i {
    margin-right: 5px;
}
.fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #f7f7ff;
    border-bottom: 2px solid #f3c861;
}
ul.sm-Dblock li {
    display: inline-block;
}
ul.sm-Dblock li a {
    color: #00005c;
    padding: 10px;
    display: inline-block;
}
.mobile-contact {
    display: none;
}
/*.bb{
    content: '';
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 200px;
    border: 2px solid #f00;
}*/
.bg-brown {
    background: #6a4723;
}
.bg-blackish {
    background: #2a2122;
}


@media screen and (max-width: 768px){
    h3 {
        font-size: 22px;
    }
    .abs-img2 {
        width: 100%;
    }
    ul.sm-Dblock {
        display: flex;
        justify-content: space-around;
    }
    .marquee span {
            background: #f70000b0;
    /* float: left; */
    padding: 7px 10px;
    color: #fff;
    font-family: 'Montserrat';
    line-height: 49px;
    width: 60%;
    font-size: 19px;
    }
	.text-shadow {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 59px;
    border-radius: 0px;
	font-weight: 400;
}
.text-bot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 68px;
    border-radius: 0px;
	font-weight: 400;
}
.text-cot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 69px;
    border-radius: 0px;
	font-weight: 400;
}
.text-not {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 79px;
    border-radius: 0px;
	font-weight: 400;
}
.text-hot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 58px;
    border-radius: 0px;
	font-weight: 400;
}
.text-lot {
    text-shadow: 1px 1px rgba(0, 0, 0, 0.04), 2px 2px rgba(0, 0, 0, 0.04), 3px 3px rgba(0, 0, 0, 0.04), 4px 4px rgba(0, 0, 0, 0.04), 0.125rem 0.125rem rgba(0, 0, 0, 0.04), 6px 6px rgba(0, 0, 0, 0.04), 7px 7px rgba(0, 0, 0, 0.04), 8px 8px rgba(0, 0, 0, 0.04), 9px 9px rgba(0, 0, 0, 0.04), 0.3125rem 0.3125rem rgba(0, 0, 0, 0.04), 11px 11px rgba(0, 0, 0, 0.04), 12px 12px rgba(0, 0, 0, 0.04), 13px 13px rgba(0, 0, 0, 0.04), 14px 14px rgba(0, 0, 0, 0.04), 0.625rem 0.625rem rgba(0, 0, 0, 0.04), 16px 16px rgba(0, 0, 0, 0.04), 17px 17px rgba(0, 0, 0, 0.04), 18px 18px rgba(0, 0, 0, 0.04), 19px 19px rgba(0, 0, 0, 0.04), 1.25rem 1.25rem rgba(0, 0, 0, 0.04);
    font-size: 18px;
    bottom: 18px;
	left: 7px;
    position: absolute;
    background: #CBBFAE;
	background: rgb(207 3 25 / 25%);
    border-left: 4px solid rgb(207 3 25);
    padding: 5px 62px;
    border-radius: 0px;
	font-weight: 400;
}
.back a{
    border: 1px solid #fff;
    padding: 5px 103px;
    display: inline-block;
    color: #fff;
}
.img-box img {
    width: 100%;
    height: 470px;
    object-fit: fill;
}
.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
	background: #ffffff;
    padding: 10px;
}

}


@media screen and (min-width: 768px){
    .girl-port .img-wrap img {
        height: 524px;
    }
    .mobile-contact{
        display: none;
    }
    .content_parent .content-wrap h2 {
        font-size: 38px;
    }
    .portfolio h2 {
        font-size: 42px;
    }
    #location h3 {
        font-size: 42px;
    }
    .content-bd h1 {
        color: #fff;
        font-family: 'Montserrat';
        font-size: 62px;
    }
}


/*vert slider*/


.container_slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
}

.container_slider .sidebar {
  height: 100%;
  width: 50%;
  position: absolute;
  top: 0;
  left: 0;
  transition: transform 0.5s ease-in-out;
}

.container_slider .sidebar > div {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 35px;
  color: #fff;
}

.container_slider .sidebar h1 {
  font-size: 40px;
  margin-bottom: 10px;
  margin-top: -30px;
}
@media (max-width: 768px) {
   .sidebar h1 {
    font-size: 32px;
   } 
.sidebar p {
    font-size: 7px;
    line-height: 12px;
    text-align: justify;
   }    
}
.main-slide {
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  transition: transform 0.5s ease-in-out;
}

.main-slide > div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  height: 100%;
  width: 100%;
}

button {
  background-color: #fff;
  border: none;
  color: #aaa;
  cursor: pointer;
  font-size: 16px;
  padding: 15px;
}

button:hover {
  color: #222;
}

button:focus {
  outline: none;
}

.container_slider .controls button {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 100;
}

.container_slider .controls .down-button {
  transform: translateX(-100%);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.container_slider .controls .up-button {
  transform: translateY(-100%);
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}





/*vert slider*/