@import url(base.css);

.banner { background-color: #1e1e1e; clear: both; padding: 1% 0px; width: 100%; }
.banner h1 { color: #fff; font-family: 'Sintony', sans-serif; font-size: 60px; font-weight: 700; }
.banner p { color: #fff; font-size: 16px; max-width: 90%; }
.banner .model { border: 12px solid #fff; border-radius: 100%; padding: 10px; position: relative; max-width: 190px; margin: auto;}
.banner .model img { border: 5px solid #fff; border-radius: 100%; }

.main-content { clear: both; padding: 25px 0px 50px; width: 100%; }
.main-content h2 { color: #9e005d; font-family: 'Sintony', sans-serif; font-size: 36px; font-weight: 700; margin: 25px 0px; text-transform: uppercase; position:relative; }
.main-content h2:before { content: ""; display: block; border-top: 1px solid #a10963; height: 1px; position: absolute; top: 50%; width: 100%; z-index: 1; }
.main-content h2 span { background: #fff; padding: 0px 20px 0px 0px; position: relative; z-index: 5; }

.video { clear: both; position: relative; width: 100%; background-image:url(/i/images/gifloader.gif); background-size:contain; background-position:center; }
.video span { bottom: 5px; color: #fff !important; font-size: 11px; position: absolute; right: 5px; width: auto !important; }
.carousel-item p, .videos .col-md-3 p, .item p { color: #9e005d; font-family: 'Sintony', sans-serif; font-size: 14px; font-weight: 700; margin: 10px 0px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; width: 100%; margin-bottom:0; }
.carousel-item span, .videos .col-md-3 span, .item span { color: #666; display: inline-block; font-family: 'Sintony', sans-serif; font-size: 12px; font-weight: 700; }
.carousel-item .fa, .videos .col-md-3 .fa { font-size: 14px; }
.carousel-item .fa-thumbs-up, .videos .col-md-3 .fa-thumbs-up { color: #00ff00; }
.carousel-control-next, .carousel-control-prev { opacity: 1; width: 30px; }
.carousel-control-prev { margin-left: -55px; }
.carousel-control-next { margin-right: -55px; }
.carousel-control-next img, .carousel-control-prev img { margin-top: -55px; }

.sets { clear: both; width: 100%; }
.sets .col { flex-basis: auto; max-width: 25%; margin: 0px 0px 35px; }
.sets .col figure { background: url(../images/frame.png) no-repeat right bottom; padding: 0px 14px 14px 0px; }
.sets p { color: #9e005d; font-family: 'Sintony', sans-serif; font-size: 14px; font-weight: 700; margin: 15px 0px; }
.sets p span { color: #666; font-family: 'Sintony', sans-serif; font-size: 11px; font-weight: 700; }
.sets p b { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.carousel-item .fa-thumbs-up, .owl-carousel .fa-thumbs-up, .tab-content .item .fa-thumbs-up, .featured .item .fa-thumbs-up { color: #00ad00; }

.deskhide { display: none; visibility: hidden; }

.banner table { color:white; }
.banner table td { padding:5px; }
.banner table tr { border-bottom:1px solid rgba(255, 255, 255, 0.1); transition:all 0.3s ease-in-out; }
.banner table tr:last-child { border-bottom:0; }
.banner table tr:hover { background-color:rgba(255, 255, 255, 0.1);  }

h2 { color: #fff; font-family: 'Sintony', sans-serif; font-size: 30px; font-weight: 700; margin-top:30px; }
p {  color:#FFF; }

.set_bg { padding:28%; background-position:center; background-size:cover; position:relative; background-image:url(/i/images/gifloader.gif); }
.set_bg > a { position:absolute; top:0; left:0; width:100%; height:100%; overflow: hidden; text-indent: -1000px; }
.sets .set_bg { padding:50%; }

.hide { display:none; }
.carousel-control-prev-icon { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%239F005D' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e") !important; }
.carousel-control-next-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%239F005D' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important; }

.textright { text-align:right; }

.modal-body, .video-js, video, .modal-content, .modal.fade .modal-dialog, .modal iframe { padding:0; border-radius:10px; }
.modal-content { background: #000; box-shadow: 0 0 20px 0px black; border: 0; box-shadow: 0 0 20px 0px #9f1e81; border: 1px solid rgba(157, 31, 129, 0.58); }
.modal-backdrop.show { opacity: 0.9; }
#player { width:100%; height:100%; min-height: 640px; margin-bottom:-7px; }
.carousel-item span > b, .videos .col-md-3 span > b, .item span > b { display: inline-block; background-color: #8d2384; padding: 0 4px; border-radius: 5px; border-top-right-radius:0; border-bottom-right-radius:0; margin-left: -5px; left: -2px; position: relative; }
.carousel-item .video >span, .videos .col-md-3 .video >span, .item .video >span { background-color: rgba(0, 0, 0, 0.5); border-radius: 5px; padding-right: 5px; padding-left: 5px; }
.videos .set_bg a:hover:after { content: ''; width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 25px solid #9e005d; display: block; position: absolute; left: 52%; top: 50%; transform: translate(-50%,-50%); }
#Videos .row { margin-bottom:20px; }
.blogs p { color:#666; }
.blogs h3 { color:#9e005d; font-weight: 600; font-size: 22px; }
.blogs h6 { font-family: 'Sintony', sans-serif; font-size: 11px; font-weight: 700; }
.blogs .col-12 { border-bottom: 1.5px dotted #9f005d; margin-bottom: 30px; padding-bottom: 20px; }

.links a.active { font-weight: 600; border-bottom: 2px dotted #fff; }
.actions {display: flex;display: flex;justify-content: flex-end;flex: 0 0 415px;}

.popupsets { display:none; }
.lg-video-cont { max-width:1300px!important; margin-top: 32px; }
.lg-outer .lg-has-iframe .lg-video { padding-bottom:46%; }

article a { color:#FFF; }
article a:hover { color:#a21f82; }

.lg-actions .lg-next, .lg-actions .lg-prev { width:auto; }

.set-comments-box {display: none;}

.message-model img {height: 44px;width: auto;}
.message-model {margin-left: 15px;float: right;transition: ease .3s all;}
.message-model:hover {transform: scale(1.1);}

.lg-outer.set-comments .set-comments {height: 100%;overflow-y: auto;position: absolute;top: 0;z-index: 99999;background: transparent;}
.lg-outer.set-comments .set-comments .col-comments {background: #fff;padding: 10px;height: 100%;}

.lg-outer.set-comments .lg-thumb-outer {z-index: 10000000;}
.set-comments textarea {width: 100%;border: 2px solid #9F005D;height: 60px;}
.comment p {color: #000;}
.comment-head {color: #9F005D;font-weight: 600;}
.comment-head span {font-weight: 300;}
.SetCommentErrors {font-size: 14px;}

.white-modal .modal-content {background: #fff;max-height: 80vh;}
.white-modal .modal-header {border-bottom-color: #9f005d;}
.white-modal .modal-header .close {width: 12px;padding: 0px;height: 28px;margin: -1rem -.65rem -1rem auto;}
.white-modal .modal-footer {border-top-color: #9f005d;}
.white-modal .modal-footer .btn {margin-bottom: 0;}
.white-modal .modal-body {padding: 1rem 1rem;overflow-y: auto;}
.white-modal textarea {width: 100%;border: 2px solid #9F005D;height: 80px;}
.MessageErrors {font-size: 14px;}
#messagesModalBody .message {padding: 5px;border-radius: 10px;margin-top: 10px;max-width: 80%;clear: both;}
#messagesModalBody .message.mess-1 {background-color: #76fb93;float: right;}
#messagesModalBody .message.mess-2, .message.mess-3 {background-color: #9f005d;float: left;}
#messagesModalBody .message.mess-1.viewed {background-color: #76fb9378;}
.messages .time {font-size: 12px;color: grey;clear: both;}
.messages .time.mess-3 {float: left;}
.messages .time.mess-1 {float: right;}
#messagesModalBody textarea {margin-top: 10px;}

.post-comment button { background-color:#9F005D; color:white; }

/*-------------------
    Media Query
---------------------------*/

@media only screen and (min-width: 1200px) {
.lg-outer.set-comments .lg-img-wrap, .lg-outer.set-comments .lg-video-cont {padding-right: 360px !important;}
.lg-outer.set-comments .set-comments {width: 360px;right: 0;}
.lg-outer.set-comments .lg-toolbar {right: 360px;width: auto;}
.lg-outer.set-comments .lg-actions .lg-next {right: 360px;}
.lg-outer.set-comments .lg-sub-html {right: 360px;}
.lg-outer.set-comments .set-comments .col-mob-nav {display: none;}
.lg-outer .lg-item { background-position:calc(100% + -360px - 42%) calc(100% + -88px - 50%)!important; }
}
@media only screen and (max-width: 1199px) {
    .lg-outer.set-comments .lg-img-wrap, .lg-outer.set-comments .lg-video-cont {padding-right: 0 !important;}
    .lg-outer.set-comments .lg-toolbar {right: 25px;width: auto;}
    .lg-outer.set-comments .lg-actions .lg-next {right: 25px;}

    .lg-outer.set-comments .set-comments {width: 320px;max-width: 100%;right: -295px;transition: right .4s ease-out;}
    .set-comments .show-comments {position: absolute;left: -60px;}
    .set-comments .show-comments img {width: 40px;height: auto;}
    .lg-outer.set-comments .set-comments {display: flex;}
    .lg-outer.set-comments .set-comments .col-comments {width: 295px;}
    .lg-outer.set-comments .set-comments .col-mob-nav {display: flex;align-items: center;width: 25px;flex-shrink: 0;}
    .lg-outer.set-comments .lg-sub-html {right: 25px;}
    .trapezoid {width: 25px;height: 200px;display: flex;    background-color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    line-height: 26px;cursor:pointer;}
    .trapezoid div {writing-mode: vertical-lr;text-align: center;color: #000;transform: scale(-1, -1);text-transform: uppercase;
    font-weight: 600;}
    .lg-outer.set-comments .set-comments.opened {right: 0;}
}

@media only screen and (max-width: 768px) {
    .banner h1 { color: #fff; font-size: 30px; }
    .banner p { font-size: 14px; max-width: 100%; }
    .main-content h2 { font-size: 25px; }
    .carousel-control-prev { margin-left: -15px; }
    .carousel-control-next { margin-right: -15px; }
    .sets .col { max-width: 50%; margin-bottom:0; }
    .sets .col figure {  padding: 0px 10px 10px 0px; }
    .mobhide { display: none; visibility: hidden; }
    .deskhide { display: block; visibility: visible; }
    #player { min-height:280px!important; }
    #carousel-mob { padding:0 20px; }
    .carousel-control-next, .carousel-control-prev { height: calc(100% - 62px); }
    .lg-outer .lg-has-iframe .lg-video {  padding-bottom:100%; }
    .sets p b { font-size:12px; }
    .sets p span { font-size:10px; }
    .banner .model { max-width:150px; border-width:5px; padding: 4px; }
    .banner .model img { border-width:2px; }
    .container-fluid { padding-left:15px; padding-right:15px; }
    .lg-outer .lg-item { background-position:center; }
    .submenu { text-align:center; }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .banner h1 { color: #fff; font-size: 60px; }
    .banner h3 { color: #fff; font-size: 38px; }
    .carousel-item span { width: auto }
    .carousel-control-prev { margin-left: -35px; }
    .carousel-control-next { margin-right: -35px; }
    .sets .col figure {  padding: 0px 9px 9px 0px; }
    .submenu a { max-height:45px; }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .carousel-control-prev { margin-left: -45px; }
    .carousel-control-next { margin-right: -45px; }
}