/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : May 1, 2019, 11:05:54 AM
    Author     : Farzad
*/
/* Import Fonts & All CSS */
@import url(owl.carousel.min.css);
/* 11.0 Model CSS */
.model-tab-area {
  position: relative;
  z-index: 1; }
.model-tab-area .nav-tabs {
  border-bottom: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
.model-tab-area .nav-tabs .nav-link {
  border: none;
  border-radius: 0;
  padding: 0 30px;
  font-size: 20px;
  letter-spacing: 2px;
  color: #a6a6a6;
  font-weight: 600;
  text-transform: uppercase; }
.model-tab-area .nav-tabs .nav-link.active {
  color: #232323; }
@media only screen and (max-width: 767px) {
  .model-tab-area .nav-tabs .nav-link {
    padding: 0 10px;
    font-size: 14px; } }

.mona-tab-content {
  position: relative;
  z-index: 1;
  padding: 0 3%; }

.single-model-item {
  position: relative;
  z-index: 1; }
.single-model-item .model-thumbnail {
  position: relative;
  z-index: 1; }
.single-model-item .model-thumbnail img {
  width: 100%; }
.single-model-item .model-thumbnail .first-thumbnail {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  position: relative;
  z-index: 1;
  opacity: 1;
  visibility: visible; }
.single-model-item .model-thumbnail .second-thumbnail {
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden; }
.single-model-item .model-thumbnail .share-info {
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms;
  width: 50px;
  height: 50px;
  position: absolute;
  z-index: 10;
  bottom: 0;
  right: 0; }
.single-model-item .model-thumbnail .share-info .share-icon a {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  background-color: #232323;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  line-height: 50px; }
.single-model-item .model-thumbnail .share-info .share-icon a i {
  -webkit-transition-duration: 800ms;
  -o-transition-duration: 800ms;
  transition-duration: 800ms; }
.single-model-item .model-thumbnail .share-info .share-icon a:focus, .single-model-item .model-thumbnail .share-info .share-icon a:hover {
  background-color: #ed489d; }
.single-model-item .model-thumbnail .share-info .share-icon a:focus i, .single-model-item .model-thumbnail .share-info .share-icon a:hover i {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg); }
.single-model-item .model-thumbnail .share-info .others-icon {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  position: absolute;
  width: calc(100% - 50px);
  height: 50px;
  visibility: hidden;
  opacity: 0; }
.single-model-item .model-thumbnail .share-info .others-icon a {
  display: inline-block;
  position: absolute;
  text-align: center;
  width: 20%;
  height: 50px;
  top: 0;
  left: 0;
  color: #ffffff;
  line-height: 50px;
  background-color: #232323; }
.single-model-item .model-thumbnail .share-info .others-icon a:focus, .single-model-item .model-thumbnail .share-info .others-icon a:hover {
  background-color: #ed489d; }
.single-model-item .model-thumbnail .share-info .others-icon a:nth-child(2) {
  top: 0;
  left: 20%; }
.single-model-item .model-thumbnail .share-info .others-icon a:nth-child(3) {
  top: 0;
  left: 40%; }
.single-model-item .model-thumbnail .share-info .others-icon a:nth-child(4) {
  top: 0;
  left: 60%; }
.single-model-item .model-thumbnail .share-info .others-icon a:nth-child(5) {
  top: 0;
  left: 80%; }
.single-model-item .model-thumbnail .share-info:focus, .single-model-item .model-thumbnail .share-info:hover {
  width: 100%; }
.single-model-item .model-thumbnail .share-info:focus .others-icon, .single-model-item .model-thumbnail .share-info:hover .others-icon {
  visibility: visible;
  opacity: 1; }
.single-model-item .model-info {
  position: relative;
  z-index: 1;
  margin-top: 20px; }
.single-model-item .model-info h3 {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  margin-bottom: 5px;
  font-size: 24px; }
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-model-item .model-info h3 {
    font-size: 22px; } }
@media only screen and (max-width: 767px) {
  .single-model-item .model-info h3 {
    font-size: 22px; } }
.single-model-item .model-info h6 {
  margin-bottom: 0;
  letter-spacing: 2px;
  color: #a6a6a6;
  font-weight: 600;
  text-transform: uppercase; }
.single-model-item:focus .model-thumbnail .first-thumbnail, .single-model-item:hover .model-thumbnail .first-thumbnail {
  opacity: 0;
  visibility: hidden; }
.single-model-item:focus .model-thumbnail .second-thumbnail, .single-model-item:hover .model-thumbnail .second-thumbnail {
  opacity: 1;
  visibility: visible; }
.single-model-item:focus .model-info h3, .single-model-item:hover .model-info h3 {
  color: #ed489d; }

.mona-actor-slide,
.mona-all-model-slide,
.mona-models-slide,
.mona-singer-slide {
  position: relative;
  z-index: 1; }
.mona-actor-slide .owl-next,
.mona-actor-slide .owl-prev,
.mona-all-model-slide .owl-next,
.mona-all-model-slide .owl-prev,
.mona-models-slide .owl-next,
.mona-models-slide .owl-prev,
.mona-singer-slide .owl-next,
.mona-singer-slide .owl-prev {
  -webkit-transition-duration: 500ms;
  -o-transition-duration: 500ms;
  transition-duration: 500ms;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  position: absolute;
  top: 42%;
  margin-top: -25px;
  left: -25px; }
.mona-actor-slide .owl-next.owl-next,
.mona-actor-slide .owl-prev.owl-next,
.mona-all-model-slide .owl-next.owl-next,
.mona-all-model-slide .owl-prev.owl-next,
.mona-models-slide .owl-next.owl-next,
.mona-models-slide .owl-prev.owl-next,
.mona-singer-slide .owl-next.owl-next,
.mona-singer-slide .owl-prev.owl-next {
  left: auto;
  right: -25px; }
.mona-actor-slide .owl-next:focus, .mona-actor-slide .owl-next:hover,
.mona-actor-slide .owl-prev:focus,
.mona-actor-slide .owl-prev:hover,
.mona-all-model-slide .owl-next:focus,
.mona-all-model-slide .owl-next:hover,
.mona-all-model-slide .owl-prev:focus,
.mona-all-model-slide .owl-prev:hover,
.mona-models-slide .owl-next:focus,
.mona-models-slide .owl-next:hover,
.mona-models-slide .owl-prev:focus,
.mona-models-slide .owl-prev:hover,
.mona-singer-slide .owl-next:focus,
.mona-singer-slide .owl-next:hover,
.mona-singer-slide .owl-prev:focus,
.mona-singer-slide .owl-prev:hover {
  background-color: red; }

@media only screen and (min-width: 1200px) {
  .mona-model-area.model-page .mona-tab-content .col-xl {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    min-width: 20%;
    width: 20%; } }

