body {font-family: 'Montserrat', sans-serif;}
h1 {font-size: 20px; text-transform: uppercase; margin-bottom: 20px;}

.model-id {color: #fff; background: #222; padding: 8px 16px; font-size: 36px; display: inline-block; margin-left: 15px; font-weight: 900; margin-top: 10px;}

.model-id.yes 	{color: #fff; background: #80B380; }
.model-id.no 	{color: #fff; background: #945252;  text-decoration: line-through;}

.btn-model {font-size: 11px; text-transform: uppercase; background: transparent; border: 1px solid #222; color: #222; transition: all 0.3s ease;}
.btn-model:hover {background: #222; color: #fff;}

img.bw	{
	filter: grayscale(100%);
	}

.model-info {padding: 0 15px; position: relative;}
.model-info .table {width: calc(100% - 60px); margin-bottom: 5px;}
.model-info .table td {padding: 2px 0; font-size: 11px; color: #857a7a; border-top: 0 none;}
.model-info .table td span {color: #222;}

.model-photo {overflow: hidden;}
.model-photo img {width: 100%;}

.owl-theme .owl-nav.disabled + .owl-dots {margin: 0;}
.owl-theme .owl-dots {position: absolute; bottom: 10px; left: 0; right: 0;}
.owl-theme .owl-dots .owl-dot span {margin: 0 4px; background: rgba(255,255,255,.5); width: 8px; height: 8px;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #fff;}

.photos {margin: 0 0 10px; min-height: 250px; background-color: #f1f1f1;}

.model-thumb {padding-bottom: 10px; background: #f2ede9;}

.special-hr {border-style: dotted; margin-left: 30px; margin-right: 30px; border-color: #aaa;}

.owl-theme .owl-nav .owl-prev {position: absolute; top: 0; left: 0; bottom: 0; width: 100px; margin: 0; border-radius: 0; opacity: 0;}
.owl-theme .owl-nav .owl-next {position: absolute; top: 0; right: 0; bottom: 0; width: 100px; margin: 0; border-radius: 0; opacity: 0;}
.owl-theme .owl-nav {margin-top: 0;}

.model-check {display: inline-block; position: relative; float: right; margin-top: 11px; margin-right: 12px;}
.btn:focus {outline: none!important;}
.btn-circle {width: 30px; height: 30px; text-align: center; padding: 6px 0; font-size: 12px; line-height: 1.428571429; border-radius: 15px;}
.btn-circle.btn-lg {width: 50px;height: 50px;padding: 13px 13px; font-size: 18px; line-height: 1.33; border-radius: 25px;}
.btn, .form-control {border-radius: 0;}

.chat-icon {background: url('../images/chat.png') no-repeat center; background-size: contain; width: 25px; height: 25px; display: inline-block;}

.chat-icon-no-message {background: url('../images/chat_no_message.png') no-repeat center; background-size: contain; width: 25px; height: 25px; display: inline-block;}

.chat-icon-new {background: url('../images/chat_icon_new.png') no-repeat center; background-size: contain; width: 25px; height: 25px; display: inline-block;}

.btn-chat {position: absolute; top: 0; right: 12px;}

@media (min-width: 768px) {
  .model-info {width: 300px; float: left;}
  .photos {width: calc(100% - 315px); float: right; margin-right: 15px; background: transparent;}
  .model-photo .item {cursor: pointer; position: relative; transition: all 0.3s ease; overflow: hidden;}
  .model-photo .item img {transform: scale(1.1); transition: all 0.3s ease;}
  .model-photo .item::before {content:""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 0 solid #1bc9ce; z-index: 2; transition: all 0.3s ease;}
  .model-photo .item:hover::before {border-width: 8px;}
  .model-photo .item:hover img {transform: scale(1);}
  .photos {min-height: 0; margin-top: 30px;}
  .desk-clear {clear: both;}
  .model-thumb {float: left; padding-bottom: 20px; width: 100%;}
  main {overflow: hidden;}
  .model-id {margin-top: 40px;}
  .model-check {float: none; margin-right: 0; margin-top: 0; top: -12px; left: 14px;}
  .model-info .table {width: 100%;}
  .btn-chat {top: auto; right: auto; bottom: -40px; left: 15px;}

  .owl-theme .owl-nav [class*="owl-"] {background: #222; color: #fff; border-radius: 0; z-index: 3; font-size: 20px; line-height: 20px; padding: 14px 7px;}
  .owl-theme .owl-nav [class*="owl-"].disabled {opacity: 0;}
  .owl-theme .owl-nav [class*="owl-"]:hover {background: #333;}
  .owl-theme .owl-nav .owl-prev, .owl-theme .owl-nav .owl-next {opacity: 1; width: auto; top: auto; bottom: 50%; transform: translateY(50%);}

}



@media (min-width: 1200px) {
  .model-id {font-size: 48px; margin-left: 30px; margin-bottom: 30px;}
  .model-info {width: 400px; padding: 0 30px;}
  .photos {width: calc(100% - 430px); margin-right: 30px; margin-top: 40px;}
  .model-info .table td {padding: 3px 0; font-size: 14px;}
  .container-fluid {padding: 0 30px;}
  .btn-chat {bottom: auto; left: auto; right: 15px; top: -88px;}
  .model-info .table {margin-bottom: 20px;}
  .btn-model {padding: 10px 30px;}
}