/**
 * Table of Contents:
 *
 1 - Body
  1.1 - Repeatable Patterns
  1.2 - Basic Structure
  1.3 - Color
 2 - Header / #kopa-page-header  
  2.1 - Search / .search-box
  2.2 - Navigation / #main-nav
 3 - Content
  3.1 - Home Page
  3.2 - Sub Page
  3.3 - Widget
  3.4 - Bottom sidebar / #bottom-sidebar
 4.0 - Footer / #kopa-page-footer
 * -----------------------------------------------------------------------------
 */
.widget, .kopa-rating, .kopa-social-links.style1, .kopa-social-links.style2 {
  list-style: none;
  padding: 0; }
  .widget ul, .kopa-rating ul, .kopa-social-links.style1 ul, .kopa-social-links.style2 ul, .widget ol, .kopa-rating ol, .kopa-social-links.style1 ol, .kopa-social-links.style2 ol {
    list-style: none;
    padding: 0; }

.kopa-event-widget > ul li:first-child, .kopa-rating ul li:first-child, .kopa-audio-download-widget > ul li:first-child {
  margin: 0;
  padding: 0;
  border: 0; }

.outer:before, .entry-box .entry-content-wrap .left-col .about-author .author-content footer:before, .kopa-blog-classic-widget ul li .entry-item .entry-content footer a:before, .kopa-audio-list-2-widget > header:before, .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-bottom:before, .kopa-album-widget .masonry-container .container-masonry .item .jp-time-holder:before, .kopa-event-3-widget .kopa-event-carousel .item ul > li:before, .kopa-event-widget > ul > li:before, .kopa-album-list .entry-item .entry-bottom:before, .kopa-album-list .jp-time-holder:before, .kopa-rating ul:before, .kopa-audio-list-widget > header:before, .kopa-countdown:before, .btn-ca li:before, .kopa-audio-list-1-widget .jp-audio:before, .kopa-countdown-2:before, .kopa-tab.style1 .nav-tabs:before, .kopa-audio-download-widget .entry-item:before, .kopa-event-2-widget > ul > li:before, .jp-audio.kopa-jp-wrap4 .jp-interface > header:before, .jp-audio.kopa-jp-wrap4 .jp-interface > footer:before, .outer:after, .entry-box .entry-content-wrap .left-col .about-author .author-content footer:after, .kopa-blog-classic-widget ul li .entry-item .entry-content footer a:after, .kopa-audio-list-2-widget > header:after, .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-bottom:after, .kopa-album-widget .masonry-container .container-masonry .item .jp-time-holder:after, .kopa-event-3-widget .kopa-event-carousel .item ul > li:after, .kopa-event-widget > ul > li:after, .kopa-album-list .entry-item .entry-bottom:after, .kopa-album-list .jp-time-holder:after, .kopa-rating ul:after, .kopa-audio-list-widget > header:after, .kopa-countdown:after, .btn-ca li:after, .kopa-audio-list-1-widget .jp-audio:after, .kopa-countdown-2:after, .kopa-tab.style1 .nav-tabs:after, .kopa-audio-download-widget .entry-item:after, .kopa-event-2-widget > ul > li:after, .jp-audio.kopa-jp-wrap4 .jp-interface > header:after, .jp-audio.kopa-jp-wrap4 .jp-interface > footer:after {
  content: "";
  display: table; }
.outer:after, .entry-box .entry-content-wrap .left-col .about-author .author-content footer:after, .kopa-blog-classic-widget ul li .entry-item .entry-content footer a:after, .kopa-audio-list-2-widget > header:after, .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-bottom:after, .kopa-album-widget .masonry-container .container-masonry .item .jp-time-holder:after, .kopa-event-3-widget .kopa-event-carousel .item ul > li:after, .kopa-event-widget > ul > li:after, .kopa-album-list .entry-item .entry-bottom:after, .kopa-album-list .jp-time-holder:after, .kopa-rating ul:after, .kopa-audio-list-widget > header:after, .kopa-countdown:after, .btn-ca li:after, .kopa-audio-list-1-widget .jp-audio:after, .kopa-countdown-2:after, .kopa-tab.style1 .nav-tabs:after, .kopa-audio-download-widget .entry-item:after, .kopa-event-2-widget > ul > li:after, .jp-audio.kopa-jp-wrap4 .jp-interface > header:after, .jp-audio.kopa-jp-wrap4 .jp-interface > footer:after {
  clear: both; }

p.reset {
  margin: 0; }

p:last-child {
  margin: 0; }

a, .nav-tabs.kopa-tabs-2 > li:before, .kopa-button-border, .kopa-button, .kopa-button:before, .kopa-button:after, .kopa-button-icon, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .pro-bar-container .pro-bar p, .social-links li, .jp-stop, .jp-previous, .jp-next, .jp-play, .owl-theme .owl-controls, .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-pagination .owl-page span, .search-box .search-form .search-submit:hover, #main-menu > li, #main-menu > li > a:before, #main-menu > li > ul > li, #main-menu > li > ul > li ul li, .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .entry-title, .home-slider-box #prev img,
.home-slider-box #next img, .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div, .entry-box .share-box ul li a i, .entry-box .share-box ul li a span, #related-post .row > div .entry-item .entry-thumb .mask, #related-post .row > div .entry-item .entry-thumb .mask a i, #respond .comments-form p input[type='text'], #respond .comments-form p textarea, #respond .comments-form p input[type='submit'], #contact-box .contact-form .row > div p #contact_fname,
#contact-box .contact-form .row > div p #contact_email,
#contact-box .contact-form .row > div p #contact_lname,
#contact-box .contact-form .row > div p #contact_date,
#contact-box .contact-form .row > div p #contact_phone,
#contact-box .contact-form .row > div p #contact_hour, #contact-box .contact-form .row > div p #contact_message, .woocommerce ul.products li.product > div,
.woocommerce-page ul.products li.product > div, .woocommerce ul.products li.product > div > a h3,
.woocommerce-page ul.products li.product > div > a h3, .woocommerce div.product div.summary form.cart .quantity .minus,
.woocommerce-page div.product div.summary form.cart .quantity .minus, .woocommerce div.product div.summary form.cart .quantity .plus,
.woocommerce-page div.product div.summary form.cart .quantity .plus, .woocommerce div.product div.summary form.cart .quantity .qty,
.woocommerce-page div.product div.summary form.cart .quantity .qty, .woocommerce div.product div.summary form.cart .single_add_to_cart_button,
.woocommerce-page div.product div.summary form.cart .single_add_to_cart_button, .kopa-twitter-widget ul li .tweet-item .tweet-avatar, .kopa-gallery-widget .masonry-container > header .filters li, .kopa-gallery-widget .masonry-container .container-masonry .item, .kopa-gallery-widget .masonry-container .container-masonry .item .mask, .kopa-gallery-widget .masonry-container .container-masonry .item .mask a i, .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask, .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask a i, .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div, .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask, .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask a i, .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div, .kopa-artist-widget .masonry-container > header .filters li, .kopa-artist-widget .masonry-container > header .filters li:before, .kopa-artist-widget .masonry-container .container-masonry .item, .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask, .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask a i, .kopa-album-widget .masonry-container > header .filters li, .kopa-album-widget .masonry-container > header .filters li:before, .kopa-album-widget .masonry-container .container-masonry .item, .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb .sd, .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb > img, .kopa-event-3-widget .kopa-event-carousel .item ul > li, .kopa-album-list .entry-item .entry-thumb .sd, .kopa-album-list .entry-item .entry-thumb > img, .owl-carousel-1 .entry-item:before, .owl-carousel-1 .entry-item .entry-thumb > span, .sync1 .entry-item .entry-thumb > a:before, .sync1 .entry-item .entry-thumb > a:after, .thumb-hover, .thumb-icon, .sync2 .owl-controls .owl-buttons div, .btn-ca li a, .btn-ca li a i, .owl-carousel-3 .entry-item .entry-thumb > a:before, .owl-carousel-3 .entry-item .entry-thumb > a:after, .contact-box-1 input, .contact-box-1 textarea, .comment-box-1 input, .comment-box-1 textarea, .contact-box-1 input:focus, .contact-box-1 textarea:focus, .comment-box-1 input:focus, .comment-box-1 textarea:focus, .contact-box-1 input#submit-contact-1, .contact-box-1 input#submit-comment-1, .contact-box-1 textarea#submit-contact-1, .contact-box-1 textarea#submit-comment-1, .comment-box-1 input#submit-contact-1, .comment-box-1 input#submit-comment-1, .comment-box-1 textarea#submit-contact-1, .comment-box-1 textarea#submit-comment-1, .kopa-header-notification .outer, .kopa-header-notification .close, .kopa-audio-download-widget .entry-item .col-left a, .event-button:before, .kopa-event-2-widget > ul > li, .kopa-newsletter-1-widget .newsletter-form .search-submit, .widget_archive ul li:before, #back-top a:before {
  transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s; }

.jp-stop:before, .jp-previous:before, .jp-next:before, .jp-play:before, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .entry-icon:before, .home-slider-box #prev:before,
.home-slider-box #next:before, .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div:before, .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div:before, .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div:before, .kopa-audio-list-2-widget .widget-content .audio-list-wrapper .audio-list > li a:before, .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-next:after, .kopa-audio-list-widget .widget-content .audio-list > li a:before, .thumb-icon, .jp-playlist ul li:before, .widget_archive ul li:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

/**
 * 1. Body
 * -----------------------------------------------------------------------------
 */
/**1.1 Repeatable Patterns**/
::selection {
  background: #ed0000;
  color: #4f4954;
  text-shadow: none; }

::-moz-selection {
  background: #ed0000;
  color: #4f4954;
  text-shadow: none; }

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Source Sans Pro", sans-serif;
  color: #353536;
  font-weight: 400;
  display: block;
  margin: 0 0 10px; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
    color: #c4c4c4; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover {
      color: #ed0000; }
  h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em {
    color: #353536;
    font-weight: 300; }

h1 {
  font-size: 40px;
  line-height: 44px; }

h2 {
  font-size: 30px;
  line-height: 34px; }

h3 {
  font-size: 25px;
  line-height: 29px; }

h4 {
  font-size: 20px;
  line-height: 24px; }

h5 {
  font-size: 18px;
  line-height: 22px; }

h6 {
  font-size: 15px;
  line-height: 20px; }

a {
  color: #c4c4c4;
  text-decoration: none !important;
  outline: none !important; }
  a:hover, a.active {
    color: #ed0000;
    text-decoration: none; }
  a:focus {
    outline: none; }

ol {
  counter-reset: item;
  display: block;
  margin: 5px 0;
  padding: 0 0 0 40px; }

ul {
  list-style-type: square;
  margin: 5px 0px;
  padding: 0 0 0 40px; }

ul li {
  list-style-type: inside square;
  margin-bottom: 10px; }

ul li > ol > li {
  list-style: inside decimal; }

ol li ol li,
ul li ol li ol li {
  list-style: lower-alpha inside none; }

ol li {
  list-style: inside decimal;
  margin-bottom: 10px; }

ol li > ul,
ul li > ol {
  margin-top: 10px;
  margin-left: 10px; }

ol li > ul > li {
  list-style: inside square; }

.alignleft {
  float: left; }

.alignright {
  float: right; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

figure.wp-caption.alignleft, img.alignleft {
  margin: 5px 20px 5px 0; }

.wp-caption.alignleft {
  margin: 5px 10px 5px 0; }

figure.wp-caption.alignright, img.alignright {
  margin: 5px 0 5px 20px; }

.wp-caption.alignright {
  margin: 5px 0 5px 10px; }

img.aligncenter {
  margin: 5px auto; }

img.alignnone {
  margin: 5px 0; }

.entry-box .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
  max-width: 100%; }

.entry-box .entry-content address {
  font-style: italic; }

textarea {
  resize: vertical; }

img {
  max-width: 100%; }

.text-hover {
  color: #ed0000; }

.text-light {
  font-weight: 300; }

/*.video-wrapper {
    height: 0;
    padding-bottom: 56.25%;
    padding-top: 0;
    position: relative;
}
.video-wrapper iframe, .video-wrapper object, .video-wrapper video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}*/
/*----- Tabs -----*/
.nav-tabs.kopa-tabs-1 {
  border-bottom: none;
  margin: 0;
  padding: 0px;
  background-color: #353536; }
  .nav-tabs.kopa-tabs-1 > li {
    margin: 0;
    border-right: 1px solid #ffffff;
    line-height: 0; }
    .nav-tabs.kopa-tabs-1 > li a {
      position: relative;
      padding: 0;
      margin: 0;
      border: none !important;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      font-size: 14px;
      line-height: 26px;
      display: block;
      padding: 12px 30px;
      color: #ffffff;
      background-color: #353536; }
    .nav-tabs.kopa-tabs-1 > li.active a {
      color: #392e54;
      background-color: #ffffff; }

.tab-content {
  background-color: #ffffff;
  padding: 20px 30px; }

.kopa-tab-container-3 {
  background: url(images/background/tab-full-bg.jpg) no-repeat 0 0;
  background-size: cover;
  position: relative; }
  .kopa-tab-container-3.row {
    margin-left: 0;
    margin-right: 0; }
    .kopa-tab-container-3.row > div {
      padding-left: 0;
      padding-right: 0; }
  .kopa-tab-container-3 .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(57, 47, 85, 0.4); }
  .kopa-tab-container-3 .tab-content {
    background-color: transparent;
    color: #ffffff; }
    .kopa-tab-container-3 .tab-content p {
      margin-bottom: 20px; }

.nav-tabs.kopa-tabs-3 {
  margin: 0px;
  padding: 0;
  border: none; }
  .nav-tabs.kopa-tabs-3 > li {
    padding: 0;
    margin: 1px 0 0;
    float: none; }
    .nav-tabs.kopa-tabs-3 > li a {
      border: none !important;
      margin-right: 0;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      font-size: 14px;
      line-height: 26px;
      padding: 12px 30px;
      background-color: #353536;
      color: #ffffff; }
    .nav-tabs.kopa-tabs-3 > li:first-child {
      margin: 0; }
    .nav-tabs.kopa-tabs-3 > li.active a {
      background-color: rgba(234, 233, 241, 0.4);
      color: #353536; }

.kopa-tab-container-4,
.kopa-tab-container-2 {
  position: relative; }

.nav-tabs.kopa-tabs-2 {
  padding: 10px 0;
  margin: 0px;
  border: none !important;
  background-color: #9c97aa; }
  .nav-tabs.kopa-tabs-2 > li {
    padding: 0;
    float: left;
    margin: 0 0 0 10px;
    list-style: none;
    position: relative; }
    .nav-tabs.kopa-tabs-2 > li a {
      border: none !important;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      padding: 0 20px;
      line-height: 30px;
      display: block;
      text-align: center;
      color: #353536;
      background-color: #eae9f1;
      margin: 0; }
    .nav-tabs.kopa-tabs-2 > li.active a {
      background-color: #353536;
      color: #ffffff;
      position: relative;
      z-index: 1; }
    .nav-tabs.kopa-tabs-2 > li.active:before {
      opacity: 1;
      filter: Alpha(Opacity=100); }
    .nav-tabs.kopa-tabs-2 > li:before {
      content: '';
      position: absolute;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 5px solid #353536;
      bottom: -5px;
      left: 50%;
      margin-left: -4px;
      opacity: 0;
      filter: Alpha(Opacity=0); }

.kopa-tab-container-4 {
  background: url(images/background/tab-transparent-bg1.jpg) no-repeat 0 0;
  padding-top: 170px; }
  .kopa-tab-container-4 .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(57, 47, 85, 0.4);
    z-index: 0; }
  .kopa-tab-container-4 .kopa-tabs-4 {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0 15px;
    border: none !important; }
    .kopa-tab-container-4 .kopa-tabs-4 li {
      float: left;
      margin: 0 0 0 3px;
      list-style: none; }
      .kopa-tab-container-4 .kopa-tabs-4 li a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        display: block;
        border: none !important;
        background-color: rgba(57, 47, 85, 0.3);
        color: #ffffff;
        line-height: 20px;
        padding: 15px 20px;
        margin: 0; }
      .kopa-tab-container-4 .kopa-tabs-4 li.active a {
        color: #353536;
        background-color: #ffffff; }
  .kopa-tab-container-4 .tab-content {
    position: relative;
    z-index: 1; }

.kopa-tab-container-5 {
  background: url(images/background/tab-transparent-bg2.jpg) no-repeat 0 0;
  padding-top: 170px;
  position: relative; }
  .kopa-tab-container-5 .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(57, 47, 85, 0.4);
    z-index: 0; }
  .kopa-tab-container-5 .kopa-tabs-5 {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 0 15px;
    border: none !important; }
    .kopa-tab-container-5 .kopa-tabs-5 li {
      float: left;
      margin: 0 0 0 3px;
      list-style: none; }
      .kopa-tab-container-5 .kopa-tabs-5 li a {
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        display: block;
        border: none !important;
        background-color: rgba(255, 255, 255, 0.3);
        color: #ffffff;
        line-height: 20px;
        padding: 15px 20px;
        margin: 0; }
      .kopa-tab-container-5 .kopa-tabs-5 li.active a {
        background-color: #353536;
        color: #ffffff; }
  .kopa-tab-container-5 .tab-content {
    position: relative;
    z-index: 1;
    background-color: #353536;
    color: #ffffff; }

.kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 {
  margin: 0;
  border-bottom: none !important; }
  .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li {
    margin: 0 0 30px; }
    .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li > a {
      background-color: #3a2f57;
      color: #ffffff;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: 0 5px 0 0;
      text-transform: uppercase; }
    .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li.active a {
      border: none !important;
      background-color: #ed0000; }

/*----- DropCap -----*/
.kp-dropcap-1 {
  display: inline-block;
  float: left;
  font-size: 60px;
  line-height: 58px;
  margin: 0 15px 0 0;
  text-align: center;
  color: #353536;
  font-weight: 700; }

.kp-dropcap-2 {
  display: inline-block;
  float: left;
  font-size: 24px;
  line-height: 46px;
  width: 46px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  margin: 10px 15px 0 0;
  text-align: center;
  color: #ffffff;
  background-color: #353536;
  font-weight: 700; }

/*----- Accordion -----*/
.accordion-title h6 {
  font-size: 14px;
  margin: 0;
  line-height: 50px;
  text-transform: none;
  font-family: "Lato", sans-serif; }

.accordion-container {
  padding: 15px 30px 10px;
  background-color: #ffffff; }

.acc-wrapper .accordion-title {
  position: relative; }
  .acc-wrapper .accordion-title:first-child h6 {
    border-top: none; }
  .acc-wrapper .accordion-title h6 {
    padding: 0 50px 0 30px;
    margin: 0;
    background-color: #353536;
    cursor: pointer;
    border-top: 1px solid #ffffff; }
    .acc-wrapper .accordion-title h6 a {
      color: #ffffff; }
  .acc-wrapper .accordion-title span {
    position: absolute;
    display: block;
    top: 10px;
    right: 10px;
    color: #4f4954;
    width: 30px;
    height: 30px;
    font-size: 10px;
    line-height: 32px;
    text-align: center;
    color: #b4b2bb; }
.acc-wrapper.acc-wrapper-1 .accordion-title.active h6 {
  background-color: #ffffff; }
  .acc-wrapper.acc-wrapper-1 .accordion-title.active h6 a {
    color: #353536; }
.acc-wrapper.acc-wrapper-1 .accordion-container {
  padding-top: 5px; }
.acc-wrapper.acc-wrapper-2 .accordion-title h6 {
  padding: 0 30px 0 65px;
  background-color: #ffffff;
  border-top-color: #eae9f1; }
  .acc-wrapper.acc-wrapper-2 .accordion-title h6 a {
    color: #93909e; }
.acc-wrapper.acc-wrapper-2 .accordion-title span {
  right: auto;
  left: 30px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  line-height: 20px;
  background-color: #353536;
  top: 15px; }
.acc-wrapper.acc-wrapper-2 .accordion-title.active h6 {
  background-color: #353536; }
  .acc-wrapper.acc-wrapper-2 .accordion-title.active h6 a {
    color: #ffffff; }
.acc-wrapper.acc-wrapper-2 .accordion-title.active span {
  background-color: #ffffff; }
.acc-wrapper.acc-wrapper-2 .accordion-container {
  background-color: #353536;
  padding-top: 0; }
.acc-wrapper.acc-wrapper-3 .accordion-title h6 {
  padding: 0 30px 0 70px;
  background-color: #ffffff;
  border-top-color: #eae9f1; }
  .acc-wrapper.acc-wrapper-3 .accordion-title h6 a {
    color: #93909e; }
.acc-wrapper.acc-wrapper-3 .accordion-title span {
  right: auto;
  left: 0px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  background-color: #353536;
  top: 0; }
.acc-wrapper.acc-wrapper-3 .accordion-title:first-child span {
  height: 49px;
  line-height: 48px; }
.acc-wrapper.acc-wrapper-3 .accordion-title.active h6 a {
  color: #353536; }

/*----- Toggle -----*/
.toggle-view {
  margin: 0;
  padding: 0; }
  .toggle-view li {
    padding: 0;
    cursor: pointer;
    position: relative;
    float: none;
    margin: 0;
    list-style: none;
    border-top: 1px solid #ffffff; }
    .toggle-view li:first-child {
      border-top: none; }
    .toggle-view li h6 {
      font-size: 14px;
      line-height: 50px;
      padding: 0 60px 0 30px;
      margin: 0;
      background-color: #353536;
      font-family: "Lato", sans-serif;
      color: #ffffff; }
    .toggle-view li span {
      position: absolute;
      right: 20px;
      top: 15px;
      color: #ed0000;
      width: 20px;
      height: 20px;
      background-color: #ffffff;
      text-align: center;
      line-height: 20px;
      font-size: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      color: #b4b2bb; }
    .toggle-view li .kopa-panel {
      display: none;
      background-color: #ffffff;
      padding: 5px 60px 15px 30px;
      margin: 0; }
    .toggle-view li.active h6 {
      background-color: #ffffff;
      color: #353536; }
    .toggle-view li.active span {
      background-color: #353536; }

.kopa-toggle-2.toggle-view li {
  border-top: none; }
  .kopa-toggle-2.toggle-view li h6 {
    background-color: transparent;
    padding: 0 30px 0 50px;
    color: #93909e; }
  .kopa-toggle-2.toggle-view li span {
    display: block;
    position: absolute;
    left: 0;
    right: auto;
    width: 30px;
    height: 30px;
    line-height: 28px;
    color: #ffffff;
    background-color: transparent;
    border: 1px solid #353536;
    color: #353536; }
  .kopa-toggle-2.toggle-view li.active h6 {
    color: #353536; }
  .kopa-toggle-2.toggle-view li.active span {
    color: #ffffff;
    background-color: #353536; }
  .kopa-toggle-2.toggle-view li .kopa-panel {
    background-color: transparent;
    color: #93909e;
    padding-left: 50px; }

.kopa-toggle-3.toggle-view li h6 {
  padding-right: 40px; }
.kopa-toggle-3.toggle-view li span {
  background-color: transparent;
  right: 10px; }
.kopa-toggle-3.toggle-view li.active h6 {
  color: #ffffff;
  background-color: #353536; }
.kopa-toggle-3.toggle-view li .kopa-panel {
  background-color: #353536;
  color: #93909e;
  padding-right: 40px; }

/*----- Progress bar -----*/
.progress {
  box-shadow: 0 0 0 transparent ;
  -ms-box-shadow: 0 0 0 transparent ;
  -moz-box-shadow: 0 0 0 transparent ;
  -webkit-box-shadow: 0 0 0 transparent ;
  background-color: #d3d3d3;
  margin-bottom: 30px;
  height: 44px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  position: relative;
  overflow: visible; }
  .progress span {
    position: absolute;
    left: 20px;
    top: 0;
    line-height: 44px;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase; }
  .progress strong {
    font-size: 40px;
    line-height: 44px;
    position: absolute;
    right: -25%;
    top: 0;
    font-family: "Source Sans Pro", sans-serif; }
  .progress .progress-bar-danger {
    background-color: #ed0000; }

/*----- Divider -----*/
.kopa-divider-shadow {
  width: 100%;
  height: 7px;
  margin: 20px 0;
  position: relative; }
  .kopa-divider-shadow:before {
    background: url(images/background/divider-shadow.png) repeat-x right top;
    width: 50%;
    left: auto;
    right: 0;
    position: absolute;
    content: "";
    top: 0;
    height: 7px; }
  .kopa-divider-shadow:after {
    background: url(images/background/divider-shadow.png) repeat-x left top;
    height: 7px;
    left: 0;
    width: 50%;
    position: absolute;
    content: "";
    top: 0; }

.kopa-divider-line {
  position: relative;
  height: 1px;
  width: 100%;
  background-color: #353536;
  margin: 20px 0; }

.kopa-divider-dotted {
  position: relative;
  height: 1px;
  width: 100%;
  border-top: 1px dotted #353536;
  margin: 20px 0; }

.kopa-divider-dashed {
  position: relative;
  height: 1px;
  width: 100%;
  border-top: 1px dashed #353536;
  margin: 20px 0; }

.kopa-divider-fat-line {
  position: relative;
  height: 2px;
  width: 100%;
  background-color: #353536;
  margin: 20px 0; }

/*----- Buttons -----*/
.kopa-button-border {
  display: inline-block;
  line-height: 20px;
  padding: 9px 20px;
  color: #ffffff;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #353536;
  color: #353536; }
  .kopa-button-border:hover {
    border-color: #ed0000;
    color: #ed0000; }
  .kopa-button-border.medium-btn {
    padding: 15px 30px; }
  .kopa-button-border.large-btn {
    padding: 18px 40px;
    font-size: 16px; }
  .kopa-button-border.xlarge-btn {
    padding: 21px 50px;
    font-size: 18px; }

.kopa-button {
  display: inline-block;
  line-height: 20px;
  padding: 10px 20px;
  color: #ffffff !important;
  font-weight: 300;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  position: relative;
  background-color: #353536; }
  .kopa-button:before {
    height: 5px;
    content: "";
    left: 0;
    width: 100%;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    background-color: #ed0000; }
  .kopa-button:after {
    background-color: #353536;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    bottom: 2px;
    content: "";
    height: 5px;
    left: 0;
    position: absolute;
    width: 100%; }
  .kopa-button:hover {
    background-color: #ffffff; }
    .kopa-button:hover:before {
      background-color: #fc6bb9; }
    .kopa-button:hover:after {
      background-color: #ffffff; }
  .kopa-button.medium-btn {
    padding: 16px 30px; }
  .kopa-button.large-btn {
    padding: 19px 40px;
    font-size: 16px; }
    .kopa-button.large-btn:after {
      bottom: 3px; }
  .kopa-button.xlarge-btn {
    padding: 22px 50px;
    font-size: 18px; }
    .kopa-button.xlarge-btn:after {
      bottom: 3px; }
  .kopa-button.green-btn {
    background-color: #ed0000; }
    .kopa-button.green-btn:before {
      background-color: #6ee0b1; }
    .kopa-button.green-btn:after {
      background-color: #ed0000; }
    .kopa-button.green-btn:hover {
      background-color: #353536; }
      .kopa-button.green-btn:hover:before {
        background-color: #ed0000; }
      .kopa-button.green-btn:hover:after {
        background-color: #353536; }
  .kopa-button.pink-btn {
    background-color: #ffffff; }
    .kopa-button.pink-btn:before {
      background-color: #fc6bb9; }
    .kopa-button.pink-btn:after {
      background-color: #ffffff; }
    .kopa-button.pink-btn:hover {
      background-color: #353536; }
      .kopa-button.pink-btn:hover:before {
        background-color: #ed0000; }
      .kopa-button.pink-btn:hover:after {
        background-color: #353536; }

.kopa-button-icon {
  display: inline-block;
  background-color: #ed0000;
  color: #4f4954;
  text-transform: uppercase; }
  .kopa-button-icon i {
    display: inline-block;
    padding: 0 10px;
    line-height: 35px;
    margin: 0 !important; }
  .kopa-button-icon span {
    line-height: 35px;
    display: inline-block;
    padding: 0 10px;
    border-left: 1px solid #db2942; }
  .kopa-button-icon:hover {
    background-color: #ffffff; }

/*----- Blockquotes -----*/
.kopa-blockquote-1 {
  background-color: #ffffff;
  font-size: 16px;
  border-left: 4px solid #353536;
  padding: 20px 30px;
  color: #353536; }
  .kopa-blockquote-1 p {
    line-height: 26px;
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: 300; }
    .kopa-blockquote-1 p i {
      font-size: 30px;
      color: #afa3cd;
      margin: 0 12px 0 0 !important; }
  .kopa-blockquote-1 span {
    font-style: italic;
    color: #93909e;
    display: inline-block; }

.kopa-blockquote-2 {
  background-color: #eae9f1;
  font-size: 14px;
  font-weight: 300;
  border: 1px solid #cfc8e0;
  padding: 20px 30px 30px;
  position: relative; }
  .kopa-blockquote-2:before {
    content: '';
    position: absolute;
    border-top: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #cfc8e0;
    top: -1px;
    right: -30px;
    right: -1px;
    bottom: -1px;
    top: auto; }
  .kopa-blockquote-2:after {
    content: '';
    position: absolute;
    border-top: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 30px solid #eae9f1;
    top: -1px;
    left: -30px;
    right: -1px;
    bottom: -1px;
    top: auto;
    left: auto; }
  .kopa-blockquote-2 p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px; }
    .kopa-blockquote-2 p i {
      position: absolute;
      left: 0;
      top: 5px;
      color: #afa3cd;
      font-size: 28px; }
  .kopa-blockquote-2 span {
    font-style: italic;
    float: right;
    margin-right: 15px; }

.kopa-blockquote-3 {
  background-color: #eae9f1;
  font-size: 14px;
  font-weight: 300;
  border: 1px solid #cfc8e0;
  border-top: 4px solid #353536;
  padding: 20px 30px 30px;
  position: relative; }
  .kopa-blockquote-3:before {
    content: '';
    position: absolute;
    border-top: 0px solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 30px solid #cfc8e0;
    top: -1px;
    right: -30px;
    right: -1px;
    bottom: -1px;
    top: auto; }
  .kopa-blockquote-3:after {
    content: '';
    position: absolute;
    border-top: 30px solid transparent;
    border-bottom: 0px solid transparent;
    border-right: 30px solid #eae9f1;
    top: -1px;
    left: -30px;
    right: -1px;
    bottom: -1px;
    top: auto;
    left: auto; }
  .kopa-blockquote-3 p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    position: relative;
    padding-left: 45px; }
    .kopa-blockquote-3 p i {
      position: absolute;
      left: 0;
      top: 5px;
      color: #afa3cd;
      font-size: 28px; }
  .kopa-blockquote-3 span {
    font-style: italic;
    float: left; }

/*----- Pricing Tables -----*/
.table-5col .pricing-column {
  float: left;
  width: 20%; }
  .table-5col .pricing-column .pricing-header {
    background-color: #353536;
    color: #ffffff;
    padding: 15px 0; }
  .table-5col .pricing-column .features {
    padding: 0;
    margin: 0;
    border-left: 1px solid #eee;
    background-color: #ffffff; }
    .table-5col .pricing-column .features li {
      float: none;
      margin: 0;
      list-style: none;
      border-bottom: 1px solid #eee; }
      .table-5col .pricing-column .features li p {
        margin: 0;
        padding: 15px 0; }
        .table-5col .pricing-column .features li p i {
          color: #353536; }
          .table-5col .pricing-column .features li p i.fa-close {
            color: #fd5ab2; }
      .table-5col .pricing-column .features li:nth-child(even) {
        background-color: #f7f7f7; }
  .table-5col .pricing-column:first-child .features,
  .table-5col .pricing-column:first-child .pricing-footer {
    border-left: none; }
  .table-5col .pricing-column .pricing-footer {
    background-color: #ffffff;
    padding: 15px 0;
    min-height: 70px;
    border-left: 1px solid #eee; }
    .table-5col .pricing-column .pricing-footer .kopa-button {
      margin: 0;
      text-transform: uppercase; }

.table-4col .pricing-column .pricing-column-inner {
  background-color: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  font-weight: 700;
  font-size: 16px; }
  .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title {
    font-weight: 300;
    font-size: 34px;
    line-height: 40px;
    padding: 20px 0; }
  .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price {
    padding: 10px 0;
    color: #8394ae; }
    .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span {
      color: #ffffff; }
  .table-4col .pricing-column .pricing-column-inner .features {
    margin: 0;
    padding: 35px 0; }
    .table-4col .pricing-column .pricing-column-inner .features li {
      float: none;
      margin: 0;
      list-style: none;
      padding: 10px 15px; }
      .table-4col .pricing-column .pricing-column-inner .features li p {
        margin: 0; }
        .table-4col .pricing-column .pricing-column-inner .features li p span {
          margin-right: 5px;
          color: #353536; }
  .table-4col .pricing-column .pricing-column-inner .pricing-footer {
    padding: 0 15px 15px; }
    .table-4col .pricing-column .pricing-column-inner .pricing-footer a {
      display: block;
      text-transform: uppercase;
      margin: 0;
      border-width: 2px;
      font-size: 16px;
      font-weight: 700;
      padding: 10px 30px; }
      .table-4col .pricing-column .pricing-column-inner .pricing-footer a:hover {
        border-color: #ed0000;
        background-color: #ed0000;
        color: #ffffff; }
.table-4col.table-4col-s1 .pricing-column .pricing-column-inner {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px; }
  .table-4col.table-4col-s1 .pricing-column .pricing-column-inner .pricing-header .pricing-title {
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0; }
  .table-4col.table-4col-s1 .pricing-column .pricing-column-inner .pricing-header .pricing-price {
    background-color: #43385c; }
  .table-4col.table-4col-s1 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-title {
    background-color: #353536;
    color: #ffffff; }
  .table-4col.table-4col-s1 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price {
    background-color: #ed0000;
    color: #ffffff; }
.table-4col.table-4col-s2 .pricing-column .pricing-column-inner {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px; }
  .table-4col.table-4col-s2 .pricing-column .pricing-column-inner .pricing-header {
    position: relative; }
    .table-4col.table-4col-s2 .pricing-column .pricing-column-inner .pricing-header .pricing-title {
      background-color: #ded6f2;
      color: #353536;
      padding-bottom: 54px;
      text-transform: uppercase; }
    .table-4col.table-4col-s2 .pricing-column .pricing-column-inner .pricing-header .pricing-price {
      color: #ffffff;
      font-size: 21px;
      width: 68px;
      height: 68px;
      line-height: 68px;
      padding: 0;
      position: absolute;
      bottom: -34px;
      left: 50%;
      margin: 0 0 0 -34px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      background-color: #8374ac; }
  .table-4col.table-4col-s2 .pricing-column .pricing-column-inner .pricing-footer a {
    border-color: #b2afbb;
    color: #b2afbb; }
    .table-4col.table-4col-s2 .pricing-column .pricing-column-inner .pricing-footer a:hover {
      border-color: #353536;
      background-color: #353536;
      color: #ffffff; }
  .table-4col.table-4col-s2 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-title {
    background-color: #353536;
    color: #ffffff; }
  .table-4col.table-4col-s2 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price {
    background-color: #78d5af; }
.table-4col.table-4col-s3 .pricing-column .pricing-column-inner {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
  background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
  background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
  background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
  background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
  background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%);
  padding: 2px; }
  .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-header {
    background-color: #ffffff;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-header .pricing-title {
      -webkit-border-radius: 3px 3px 0 0;
      -moz-border-radius: 3px 3px 0 0;
      -ms-border-radius: 3px 3px 0 0;
      border-radius: 3px 3px 0 0;
      font-weight: 400;
      font-size: 18px;
      text-transform: uppercase;
      color: #353536;
      padding: 30px 0 10px; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-header .pricing-price {
      font-size: 21px;
      color: #353536;
      padding-bottom: 25px; }
      .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-header .pricing-price span {
        font-size: 40px;
        color: #353536; }
        .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-header .pricing-price span sup {
          font-size: 21px;
          top: -1em; }
  .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .features {
    background-color: #ffffff;
    font-weight: 400;
    color: #93909e;
    padding-top: 15px; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .features li p span {
      color: #93909e; }
  .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-footer {
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-footer a {
      border: none;
      color: #ffffff;
      background-color: #8374ac; }
      .table-4col.table-4col-s3 .pricing-column .pricing-column-inner .pricing-footer a:hover {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
        background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); }
  .table-4col.table-4col-s3 .pricing-column .pricing-column-inner:hover .pricing-header {
    background-color: #ed0000;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
    background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-title {
      color: #ffffff;
      background-color: transparent;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0; }
    .table-4col.table-4col-s3 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price {
      color: #ffffff;
      background-color: transparent; }
      .table-4col.table-4col-s3 .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price span {
        color: #ffffff; }

.table-3col .pricing-column .pricing-column-inner {
  background-color: #ffffff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px; }
  .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 24px;
    padding: 15px 0; }
  .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price {
    background-color: #3f3454;
    padding: 20px 0; }
    .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner {
      width: 110px;
      height: 110px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      border: 2px solid #dedede;
      line-height: 106px;
      font-weight: 400;
      color: #ffffff;
      display: inline-block;
      background: -webkit-radial-gradient(#bebebe 1%, #7b47b6 99%);
      /* Safari 5.1 to 6.0 */
      background: -o-radial-gradient(#bebebe 1%, #7b47b6 99%);
      /* For Opera 11.6 to 12.0 */
      background: -moz-radial-gradient(#bebebe 1%, #7b47b6 99%);
      /* For Firefox 3.6 to 15 */
      background: radial-gradient(#bebebe 1%, #7b47b6 99%);
      /* Standard syntax */ }
      .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span {
        font-size: 24px; }
        .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span sup {
          font-size: 14px;
          top: -0.75em; }
  .table-3col .pricing-column .pricing-column-inner .features {
    margin: 0;
    padding: 30px 0; }
    .table-3col .pricing-column .pricing-column-inner .features li {
      float: none;
      margin: 0;
      list-style: none;
      padding: 10px 15px; }
      .table-3col .pricing-column .pricing-column-inner .features li p {
        margin: 0;
        font-size: 16px; }
  .table-3col .pricing-column .pricing-column-inner .pricing-footer {
    padding: 0 15px 15px;
    background-color: #ffffff;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px; }
    .table-3col .pricing-column .pricing-column-inner .pricing-footer a {
      margin: 0;
      display: block;
      padding: 10px 30px;
      border: none;
      color: #ffffff;
      background-color: #8374ac; }
      .table-3col .pricing-column .pricing-column-inner .pricing-footer a:hover {
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
        background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
        background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); }
  .table-3col .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
    background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); }

/*----- Message Boxes  -----*/
.alert {
  font-weight: 300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  color: #ffffff;
  padding: 30px 80px 30px 95px;
  position: relative; }
  .alert i {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #ffffff;
    position: absolute;
    top: 50%;
    margin: -23px 0 0;
    left: 30px;
    line-height: 44px;
    text-align: center; }

.alert-dismissable .close {
  right: 30px;
  width: 20px;
  height: 20px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: #ffffff;
  font-size: 18px;
  line-height: 20px;
  text-shadow: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
  position: absolute;
  top: 50%;
  margin-top: -10px; }

.alert-dark-blue {
  background-color: #353536; }
  .alert-dark-blue.alert-dismissable .close {
    color: #353536; }

.alert-yellow {
  background-color: #fc880f; }
  .alert-yellow.alert-dismissable .close {
    color: #fc880f; }

.alert-green {
  background-color: #8fca1d; }
  .alert-green.alert-dismissable .close {
    color: #8fca1d; }

.alert-pink {
  background-color: #f42494; }
  .alert-pink.alert-dismissable .close {
    color: #f42494; }

.alert-sky {
  background-color: #24b9e2; }
  .alert-sky.alert-dismissable .close {
    color: #24b9e2; }

/*----- Sticky Notes -----*/
.sticky-note {
  padding: 20px 30px 15px;
  position: relative;
  font-weight: 300; }
  .sticky-note:before {
    content: '';
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 30px solid #eae9f1;
    top: 0;
    left: 50%;
    margin-left: -30px;
    left: auto;
    right: 0;
    bottom: -1px;
    top: auto; }
  .sticky-note.sticky-sky {
    background-color: #edf6ff;
    color: #93909e; }
    .sticky-note.sticky-sky:after {
      content: '';
      position: absolute;
      border-left: 0 solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #9abbdc;
      bottom: -1px;
      left: 50%;
      margin-left: 0;
      left: auto;
      right: -1px;
      margin-left: 0; }
  .sticky-note.sticky-orange {
    background-color: #fcf0c5;
    color: #353536; }
    .sticky-note.sticky-orange:after {
      content: '';
      position: absolute;
      border-left: 0 solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #dec87c;
      bottom: -1px;
      left: 50%;
      margin-left: 0;
      left: auto;
      right: -1px;
      margin-left: 0; }
  .sticky-note.sticky-pink {
    background-color: #fdd4d4;
    color: #e39f9f; }
    .sticky-note.sticky-pink:after {
      content: '';
      position: absolute;
      border-left: 0 solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #e39f9f;
      bottom: -1px;
      left: 50%;
      margin-left: 0;
      left: auto;
      right: -1px;
      margin-left: 0; }
  .sticky-note.sticky-green {
    background-color: #eaffc3;
    color: #b5d37f; }
    .sticky-note.sticky-green:after {
      content: '';
      position: absolute;
      border-left: 0 solid transparent;
      border-right: 30px solid transparent;
      border-top: 30px solid #b5d37f;
      bottom: -1px;
      left: 50%;
      margin-left: 0;
      left: auto;
      right: -1px;
      margin-left: 0; }

/*----- Progress Bars -----*/
.pro-bar-container {
  height: 35px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  border: none;
  overflow: visible !important;
  margin-bottom: 50px; }
  .pro-bar-container.color-midnight-blue {
    background-color: #4b4b4a; }
  .pro-bar-container .pro-bar {
    height: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    overflow: visible !important; }
    .pro-bar-container .pro-bar > div {
      line-height: 35px;
      color: #ffffff;
      padding: 0 20px;
      font-weight: 300; }
    .pro-bar-container .pro-bar p {
      margin: 0;
      display: inline-block;
      line-height: 22px;
      padding: 0 5px;
      background-color: #4b4b4a;
      font-weight: 300;
      color: #ffffff;
      position: absolute;
      right: -18px;
      top: -37px;
      font-size: 12px;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      border-radius: 3px;
      opacity: 0;
      filter: Alpha(Opacity=0); }
      .pro-bar-container .pro-bar p:before {
        content: '';
        position: absolute;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        border-top: 6px solid #4b4b4a;
        bottom: -6px;
        left: 50%;
        margin-left: -3px; }
    .pro-bar-container .pro-bar.animated p {
      opacity: 1;
      filter: Alpha(Opacity=100); }
    .pro-bar-container .pro-bar.color-kopa-gradient {
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
      background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); }
    .pro-bar-container .pro-bar.color-green {
      background-color: #ed0000; }

/*----- Social Links -----*/
.social-links {
  padding: 0;
  margin: -10px 0 0 -15px; }
  .social-links li {
    float: left;
    margin: 10px 0 0 15px;
    list-style: none;
    position: relative;
    padding: 0;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
    .social-links li a {
      border: 1px solid #ed0000;
      display: block;
      line-height: 22px;
      font-size: 13px;
      position: relative;
      text-align: center;
      z-index: 0;
      width: 24px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      color: #ffffff; }
      .social-links li a:hover {
        color: #ed0000;
        border: 1px solid #ffffff; }

/*--- jplayer ---*/
.jp-gui .col-left {
  float: left;
  padding-right: 75px;
  position: relative; }
  .jp-gui .col-left span {
    color: #ffffff;
    font-size: 38px;
    position: absolute;
    top: 26px;
    right: 15px; }
.jp-gui .col-right {
  overflow: hidden;
  padding-right: 140px; }

.jp-playlist ul {
  display: none !important; }

.jp-controls button {
  margin-left: 10px; }
  .jp-controls button:first-child {
    margin-left: 0; }

.jp-stop, .jp-previous, .jp-next, .jp-play {
  display: inline-block;
  text-align: center;
  width: 28px;
  height: 28px;
  line-height: 22px;
  font-size: 12px;
  background: none;
  border: 3px solid #ed0000;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  margin-top: 6px; }
  .jp-stop:hover, .jp-previous:hover, .jp-next:hover, .jp-play:hover {
    border-color: #ffffff; }

.jp-stop:before {
  content: '\f04d'; }

.jp-previous:before {
  content: '\f04a';
  margin-left: -2px; }

.jp-next:before {
  content: '\f04e';
  padding-left: 1px; }

.jp-play {
  display: inline-block;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 34px;
  font-size: 14px;
  background: none;
  margin-top: 0; }
  .jp-play:before {
    content: '\f04b';
    padding-left: 4px; }

.jp-state-playing .jp-play:before {
  content: '\f04c';
  padding-left: 0; }

.jp-seek-bar {
  background: #1f1b2a; }

.jp-play-bar {
  background: #ed0000;
  border-radius: 10px; }

.jp-volume-controls span.fa {
  font-size: 20px;
  color: #fff;
  float: left; }

.jp-volume-bar {
  background: #ed0000; }

.jp-volume-bar-value {
  background: #9c97aa; }

.text-uppercase {
  text-transform: uppercase; }

.text-normal {
  font-weight: 400; }

/**1.2 Basic structure**/
body {
  position: relative;
  font-family: "Lato", sans-serif;
  color: #c4c4c4;
  line-height: 20px;
  font-size: 14px;
  overflow-x: hidden; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mt-15 {
  margin-top: 15px; }

.mt-5 {
  margin-top: 5px; }

.outer {
  width: 1170px;
  margin: 0 auto;
  position: relative; }

.wrapper {
  width: 1050px;
  margin: 0 auto;
  position: relative; }

#main-content {
  position: relative;
  background-color: #eae9f1;
  z-index: 2; }

.kopa-full-width .sidebar {
  display: none; }
.kopa-full-width .main-col {
  width: 100%; }

/*--- span-bg ---*/
.span-bg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/background/bg/black/7.png");
  background: rgba(33, 31, 35, 0.8); }
.span-bg .c-tg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*--- kopa-area ---*/
.kopa-area {
  padding-top: 80px;
  position: relative; }
  .kopa-area > .wrapper > .row > .col-md-12 > .widget, .kopa-area > .kopa-area-nt > .wrapper > .row > .col-md-12 > .widget {
    text-align: center; }

.kopa-area-1 {
  background: url("placeholders/parallax/1.jpg") center bottom no-repeat;
  background-size: cover; }

.kopa-area-2 {
  background: url("placeholders/parallax/4.jpg");
  overflow: hidden; }
  .kopa-area-2 .span-bg:before {
    background: rgba(31, 27, 42, 0.9); }
  .kopa-area-2 .span-bg:after {
    content: '';
    position: absolute;
    top: 300px;
    left: -50%;
    width: 200%;
    height: 1px;
    background: #fff;
    -webkit-transform: rotate(-22deg);
    -moz-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg); }

.kopa-area-3 {
  background: url("placeholders/parallax/3.jpg"); }
  .kopa-area-3 .span-bg:before {
    background: url("images/background/bg/white/9.png");
    background: rgba(255, 255, 255, 0.9); }

.kopa-area-4 {
  background: url("placeholders/parallax/5.jpg"); }
  .kopa-area-4 .span-bg:before {
    background: rgba(33, 31, 35, 0.7); }

.kopa-area-5 {
  background: url("placeholders/parallax/6.jpg"); }
  .kopa-area-5 .span-bg:before {
    background: rgba(27, 24, 34, 0.8); }

.kopa-area-6 {
  background: url("placeholders/parallax/7.jpg") center;
  background-size: cover;
  padding-bottom: 425px; }

.kopa-area-7 {
  background: url("placeholders/parallax/8.jpg");
  padding-bottom: 100px; }
  .kopa-area-7:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(27, 24, 34, 0.7); }
  .kopa-area-7 .span-bg:before, .kopa-area-7 .span-bg:after {
    content: '';
    position: absolute;
    top: auto;
    bottom: -160px;
    left: -50%;
    width: 100%;
    height: 250px;
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    background: #353536; }
  .kopa-area-7 .span-bg:after {
    left: auto;
    right: -50%;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg); }

.kopa-area-8 {
  background: url("placeholders/parallax/png/4.png"); }

.kopa-area-9 {
  background: url("placeholders/parallax/9.jpg"); }
  .kopa-area-9 .span-bg:before {
    background: url("images/background/2.png");
    background-size: cover; }

.kopa-area-10 {
  background: #000000; }

.kopa-area-11 {
  background: url("placeholders/parallax/6.jpg"); }
  .kopa-area-11 .span-bg:before {
    background: url("images/background/4.png");
    background-size: cover; }

.kopa-area-12 {
  background: #191422; }

.kopa-area-13 {
  background: url("placeholders/parallax/11.jpg");
  padding: 140px 0 80px !important; }
  .kopa-area-13 .span-bg:before {
    background: url("images/background/5.png");
    background-size: cover;
    opacity: 0.6;
    filter: Alpha(Opacity=60); }

.kopa-area-14 {
  background: url("placeholders/parallax/12.jpg"); }
  .kopa-area-14 .span-bg:before {
    background-color: rgba(53, 44, 79, 0.4); }

.kopa-area-dark > .wrapper > p {
  color: #ffffff; }
.kopa-area-dark .widget .widget-title {
  color: #fff; }
.kopa-area-dark a {
  color: #fff; }
  .kopa-area-dark a:hover {
    color: #ed0000; }
.kopa-area-dark span, .kopa-area-dark input {
  color: #fff; }
.kopa-area-dark .kopa-countdown-2-widget p {
  color: #fff; }
.kopa-area-dark .kopa-countdown-2 li h3 {
  color: #fff;
  border-color: #fff; }
.kopa-area-dark .article-list-2 a {
  color: #fff; }
  .kopa-area-dark .article-list-2 a:hover {
    color: #ffffff; }

.kopa-rt {
  position: relative; }

.kopa-ab {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2; }
  .kopa-ab .widget:last-child {
    margin-bottom: 0; }

.kopa-area-nt {
  margin-top: -170px; }

.kopa-area-fit .widget:last-child {
  margin-bottom: 0; }

/*--- kopa-parallax ---*/
.kopa-parallax {
  padding-top: 80px;
  position: relative;
  background-position: 50% 0;
  background-attachment: fixed !important;
  background-repeat: no-repeat;
  background-size: cover !important; }

.widget > header {
  margin-bottom: 45px; }
  .widget > header .widget-title {
    margin-bottom: 15px; }

/*--- owl-button ---*/
.owl-theme .owl-controls {
  margin: 0; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #353536;
    background: none;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: center;
    width: 16px;
    height: 26px;
    line-height: 26px;
    font-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: -13px;
    margin-left: -8px;
    margin-left: 0;
    margin-top: -35px;
    opacity: 1;
    filter: Alpha(Opacity=100); }
    .owl-theme .owl-controls .owl-buttons div:hover {
      color: #ed0000; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: -46px;
      padding-right: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
        content: "\f104"; }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: -46px;
      padding-left: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-next:before {
        content: "\f105"; }
  .owl-theme .owl-controls .owl-pagination {
    margin-top: 40px;
    width: 100%; }
    .owl-theme .owl-controls .owl-pagination .owl-page span {
      width: 10px;
      height: 10px;
      margin: 5px 5px 0;
      opacity: 1;
      filter: Alpha(Opacity=100);
      background: #353536;
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      border: none;
      border-radius: 0; }
    .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span {
      background: #ed0000; }

/**
 * 2.0 Header
 * -----------------------------------------------------------------------------
 */
#kopa-page-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
  background-color: rgba(0, 0, 0, 0.8);
  color: #ffffff; }
  #kopa-page-header #kopa-header-top {
    border-bottom: 1px solid #4f4954;
    overflow: hidden; }
    #kopa-page-header #kopa-header-top #logo-image {
      width: 285px;
      text-align: center;
      height: 101px;
      padding: 5px 0; }
      #kopa-page-header #kopa-header-top #logo-image a {
        display: inline-block; }
    #kopa-page-header #kopa-header-top #kopa-header-top-inner {
      border-left: 1px solid #4f4954;
      height: 101px;
      width: 885px; }
      #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix {
        height: 50px; }
        #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .line-divider {
          border-bottom: 1px solid #4f4954; }
        #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .left-col {
          width: 730px;
          height: 50px;
          padding: 30px 0 20px; }
          #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .left-col .social-links {
            margin-top: 3px; }
        #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col {
          border-left: 1px solid #4f4954;
          width: 284px;
          height: 50px;
          padding: 0 20px;
          position: relative; }
          #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .signin-button,
          #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .reg-button {
            display: inline-block;
            background-color: #ed0000;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 13px;
            font-weight: 300;
            padding: 0 8px;
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            -ms-border-radius: 3px;
            border-radius: 3px;
            margin-top: 15px; }
            #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .signin-button:hover,
            #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .reg-button:hover {
              background-color: #ffffff; }
          #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .shopping-cart-button {
            color: #ffffff;
            margin-top: 15px;
            display: inline-block; }
            #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .shopping-cart-button span {
              text-transform: uppercase;
              font-size: 13px;
              font-weight: 300; }
            #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .shopping-cart-button i {
              width: 20px;
              line-height: 18px;
              height: 20px;
              -webkit-border-radius: 50%;
              -moz-border-radius: 50%;
              -ms-border-radius: 50%;
              border-radius: 50%;
              border: 1px solid #ed0000;
              text-align: center;
              font-size: 10px;
              margin: 0 10px 0 0; }
            #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col .shopping-cart-button:hover {
              color: #ed0000; }
          #kopa-page-header #kopa-header-top #kopa-header-top-inner > .clearfix .right-col:before {
            content: "";
            position: absolute;
            left: 100%;
            top: -1px;
            border-top: 1px solid #4f4954;
            width: 500%;
            height: 100%; }

.kp-headline-wrapper {
  max-width: 619px;
  padding: 0 20px 0 0;
  overflow: hidden;
  height: 50px;
  position: relative;
  padding-right: 20px; }
  .kp-headline-wrapper .kp-headline {
    max-height: 50px;
    margin: 0;
    overflow: hidden; }
    .kp-headline-wrapper .kp-headline dl {
      display: block;
      margin: 0; }
      .kp-headline-wrapper .kp-headline dl dt {
        display: none; }
      .kp-headline-wrapper .kp-headline dl dd {
        display: block;
        float: left;
        margin: 0 40px; }
        .kp-headline-wrapper .kp-headline dl dd a {
          line-height: 50px;
          color: #ffffff;
          font-weight: 300; }
          .kp-headline-wrapper .kp-headline dl dd a:hover {
            color: #ed0000; }

/** 2.1 Search **/
.search-box .search-form {
  width: 100%;
  position: relative; }
  .search-box .search-form .search-text {
    border: none;
    background: none;
    color: #ffffff;
    text-align: right;
    line-height: 50px;
    width: 100%;
    padding: 0 0 0 20px;
    outline: none; }
  .search-box .search-form .search-submit {
    border: none;
    background: none;
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 15px;
    font-size: 16px;
    padding: 0; }
    .search-box .search-form .search-submit:hover {
      color: #ed0000; }

/** 2.2 Navigation **/
#main-nav {
  position: relative;
  z-index: 20;
  text-align: center; }

#main-menu {
  margin: 0;
  padding: 0;
  position: relative;
  z-index: 1;
  display: inline-block; }
  #main-menu > li {
    position: relative;
    z-index: 1;
    font-size: 18px;
    padding: 35px 0;
    float: left;
    margin: 0 0 0 30px;
    list-style: none; }
    #main-menu > li.mega-menu {
      position: static; }
    #main-menu > li:first-child {
      margin: 0; }
    #main-menu > li > a {
      padding: 0;
      text-transform: uppercase;
      display: block;
      position: relative;
      font-family: "Source Sans Pro", sans-serif;
      color: #ffffff; }
      #main-menu > li > a:before {
        content: "";
        width: 18px;
        height: 2px;
        background-color: #ed0000;
        position: absolute;
        bottom: -10px;
        left: 50%;
        margin-left: -9px;
        opacity: 0;
        filter: Alpha(Opacity=0); }
    #main-menu > li:hover > a, #main-menu > li.current-menu-item > a {
      color: #ed0000; }
      #main-menu > li:hover > a:before, #main-menu > li.current-menu-item > a:before {
        opacity: 1;
        filter: Alpha(Opacity=100); }
    #main-menu > li > ul {
      width: 250px;
      display: none;
      position: absolute;
      left: 0;
      top: 95px;
      margin: 0;
      padding: 0;
      z-index: 1;
      background-color: #191523;
      border-top: 2px solid #ed0000;
      text-align: left; }
      #main-menu > li > ul > li {
        list-style: none;
        padding: 10px 15px;
        position: relative;
        z-index: 1;
        border-top: 1px solid #4b4756;
        margin: 0; }
        #main-menu > li > ul > li:first-child {
          border-top: none; }
        #main-menu > li > ul > li > a {
          display: block;
          font-weight: 300;
          color: #ffffff;
          position: relative;
          z-index: 1;
          font-size: 14px; }
        #main-menu > li > ul > li:hover, #main-menu > li > ul > li.current-menu-item {
          background-color: #ffffff; }
          #main-menu > li > ul > li:hover > a, #main-menu > li > ul > li.current-menu-item > a {
            color: #000000; }
        #main-menu > li > ul > li ul {
          left: 251px;
          top: -1px;
          width: 200px;
          display: none;
          position: absolute;
          margin: 0;
          padding: 0px;
          z-index: 1;
          background-color: #191523;
          border-top: 2px solid #ed0000;
          text-align: left; }
          #main-menu > li > ul > li ul li {
            list-style: none;
            padding: 10px 15px;
            position: relative;
            z-index: 1;
            border-top: 1px solid #4b4756;
            margin: 0; }
            #main-menu > li > ul > li ul li:first-child {
              border-top: none; }
            #main-menu > li > ul > li ul li a {
              display: block;
              font-weight: 300;
              color: #ffffff;
              position: relative;
              z-index: 1;
              font-size: 14px; }
            #main-menu > li > ul > li ul li:hover, #main-menu > li > ul > li ul li.current-menu-item {
              background-color: #ffffff; }
              #main-menu > li > ul > li ul li:hover a, #main-menu > li > ul > li ul li.current-menu-item a {
                color: #000000; }

.sf-with-ul:after {
  display: none; }

#main-menu .sf-mega {
  position: absolute;
  left: 0;
  top: 45px; }

.sf-mega {
  background-color: #313131;
  border-bottom: 2px solid #000;
  display: none;
  position: relative;
  z-index: 9999;
  width: 100%;
  padding: 25px 20px 15px; }
  .sf-mega .row {
    margin-left: -10px;
    margin-right: -10px; }
    .sf-mega .row > div {
      padding-left: 10px;
      padding-right: 10px; }
      .sf-mega .row > div .entry-item {
        position: relative; }
        .sf-mega .row > div .entry-item .entry-icon {
          font-size: 14px; }
        .sf-mega .row > div .entry-item .entry-thumb {
          margin-bottom: 20px; }
          .sf-mega .row > div .entry-item .entry-thumb img {
            width: 100%; }
        .sf-mega .row > div .entry-item .entry-content .entry-date {
          font-size: 14px;
          color: #7a7a7a;
          display: inline-block;
          line-height: 1;
          font-weight: 400;
          margin-bottom: 10px; }
          .sf-mega .row > div .entry-item .entry-content .entry-date i {
            display: block !important;
            font-size: 12px !important;
            margin: 0 7px 0 0 !important;
            color: #ed0000; }
        .sf-mega .row > div .entry-item .entry-content .entry-title {
          font-size: 18px;
          line-height: 22px;
          margin-bottom: 0; }
          .sf-mega .row > div .entry-item .entry-content .entry-title a {
            color: #4f4954; }
            .sf-mega .row > div .entry-item .entry-content .entry-title a:hover {
              color: #ed0000; }

/*--- Mobile Menu ---*/
#main-nav > i {
  font-size: 30px;
  cursor: pointer;
  display: none;
  color: #ffffff;
  margin: 2px 10px; }

#kopa-page-header.style2 #main-nav #mobile-menu {
  left: auto;
  right: 10px; }

.mobile-menu-wrapper {
  display: none;
  z-index: 99999;
  position: relative;
  text-align: left; }

#mobile-menu {
  position: absolute;
  top: 0px;
  left: 0;
  padding: 0;
  z-index: 99999;
  width: 250px;
  display: none;
  margin: 0;
  background-color: #191523; }

#mobile-menu > ul {
  z-index: 99999;
  position: relative; }

#mobile-menu > li {
  margin: 0;
  list-style: none;
  padding: 0;
  border-top: 1px solid #4b4756;
  z-index: 99999;
  position: relative; }
  #mobile-menu > li:first-child {
    border-top: none; }
  #mobile-menu > li.current-menu-item > a {
    background-color: #ffffff;
    color: #353536; }
  #mobile-menu > li:hover > a {
    color: #353536;
    background-color: #ffffff; }

#mobile-menu > li > a {
  padding: 8px 15px;
  display: block;
  position: relative;
  z-index: 99999;
  font-weight: 300;
  color: #ffffff;
  font-size: 14px; }

#mobile-menu > li > ul {
  margin-left: 0;
  padding-left: 20px;
  padding-right: 20px; }

#mobile-menu > li > ul > li {
  list-style: none;
  border-top: 1px solid #4b4756;
  margin-bottom: 0; }
  #mobile-menu > li > ul > li.current-menu-item > a {
    color: #ed0000; }
  #mobile-menu > li > ul > li:first-child {
    border-top: none; }

#mobile-menu > li > ul > li > ul {
  padding-left: 20px; }

#mobile-menu > li > ul > li > a {
  padding: 7px 0;
  color: #ffffff;
  font-weight: 300;
  font-size: 14px;
  display: block;
  position: relative; }
  #mobile-menu > li > ul > li > a:hover {
    color: #ed0000; }

#mobile-menu > li > ul > li > ul > li {
  list-style: none;
  border-top: 1px solid #4b4756;
  margin-bottom: 0; }
  #mobile-menu > li > ul > li > ul > li.current-menu-item > a {
    color: #ed0000; }

#mobile-menu > li > ul > li > ul > li > a {
  text-transform: none;
  color: #ffffff;
  display: block;
  padding: 7px 0; }
  #mobile-menu > li > ul > li > ul > li > a:hover {
    color: #ed0000; }

#mobile-menu > li > a .caret {
  position: absolute;
  right: 15px;
  top: 18px; }

#mobile-menu > li > ul > li > a .caret {
  top: 15px;
  right: 15px;
  position: absolute; }

#footer-nav #footer-menu {
  padding: 0;
  margin: 0; }
  #footer-nav #footer-menu li {
    float: left;
    margin: 0 0 0 20px;
    list-style: none; }
    #footer-nav #footer-menu li a {
      text-transform: uppercase;
      color: #ffffff;
      font-weight: 300;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 13px; }
      #footer-nav #footer-menu li a:hover {
        color: #ed0000; }

.widget {
  margin-bottom: 120px; }
  .widget .widget-title {
    text-transform: uppercase;
    font-size: 32px;
    font-weight: 300;
    line-height: 1;
    margin-bottom: 30px; }
    .widget .widget-title.widget-title-s2 {
      display: inline-block;
      background-color: #ffffff;
      color: #4f4954;
      text-transform: uppercase;
      font-size: 25px;
      height: 38px;
      padding: 0 20px; }
      .widget .widget-title.widget-title-s2 i {
        font-size: 22px;
        margin: 8px 5px 0 0 !important; }
      .widget .widget-title.widget-title-s2 span {
        border-left: 1px solid #4f4954;
        display: block;
        padding-left: 5px;
        line-height: 18px;
        margin-top: 10px; }
    .widget .widget-title.widget-title-s3 {
      text-transform: uppercase;
      overflow: hidden;
      padding-left: 30px; }
      .widget .widget-title.widget-title-s3 i {
        font-size: 18px;
        margin: 3px 5px 0 0 !important;
        padding-left: 10px;
        position: relative;
        line-height: 22px; }
        .widget .widget-title.widget-title-s3 i:after {
          content: "";
          position: absolute;
          right: 100%;
          height: 2px;
          width: 500%;
          background-color: #4b4b4a;
          top: 50%;
          margin-top: -1px; }
      .widget .widget-title.widget-title-s3 span {
        border-left: 1px solid #ffffff;
        padding-left: 5px;
        padding-right: 10px;
        position: relative; }
        .widget .widget-title.widget-title-s3 span:after {
          content: "";
          position: absolute;
          left: 100%;
          height: 2px;
          width: 500%;
          background-color: #4b4b4a;
          top: 50%; }
    .widget .widget-title.widget-title-s4 {
      color: #4f4954;
      font-size: 18px;
      line-height: 22px;
      padding-left: 10px;
      position: relative;
      margin-bottom: 15px; }
      .widget .widget-title.widget-title-s4:before {
        content: "";
        width: 3px;
        height: 15px;
        position: absolute;
        left: 0;
        top: 4px;
        background-color: #ed0000; }
    .widget .widget-title.widget-title-s5 {
      text-align: center;
      font-size: 60px;
      line-height: 66px;
      text-transform: none;
      color: #353536;
      font-weight: 400; }
  .widget .entry-content .entry-title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 5px; }
    .widget .entry-content .entry-title.entry-title-s1 {
      margin: 0;
      text-transform: uppercase;
      font-size: 15px;
      line-height: 18px; }
      .widget .entry-content .entry-title.entry-title-s1 a {
        color: #4f4954;
        background-color: rgba(0, 0, 0, 0.75);
        box-decoration-break: clone;
        box-shadow: -10px 0 0 rgba(0, 0, 0, 0.75), 10px 0 0 rgba(0, 0, 0, 0.75); }
        .widget .entry-content .entry-title.entry-title-s1 a:hover {
          background-color: rgba(213, 3, 33, 0.75);
          box-shadow: -10px 0 0 rgba(213, 3, 33, 0.75), 10px 0 0 rgba(213, 3, 33, 0.75); }
  .widget .entry-thumb img {
    width: 100%; }

.entry-author {
  color: #ed0000;
  display: inline-block; }
  .entry-author span {
    margin-right: 5px; }
  .entry-author a {
    color: #ed0000; }
    .entry-author a:hover {
      color: #353536; }

.entry-icon {
  position: absolute;
  color: #4f4954;
  top: 0;
  left: 0;
  line-height: 28px;
  width: 30px;
  text-align: center;
  height: 30px;
  background-color: #ed0000; }

.entry-item.standard-post .entry-icon:before,
.entry-box.standard-post .entry-icon:before {
  content: "\f1c2"; }
.entry-item.audio-post .entry-icon:before,
.entry-box.audio-post .entry-icon:before {
  content: "\f025"; }
.entry-item.gallery-post .entry-icon:before,
.entry-box.gallery-post .entry-icon:before {
  content: "\f03e"; }
.entry-item.video-post .entry-icon:before,
.entry-box.video-post .entry-icon:before {
  content: "\f03d"; }

.entry-categories {
  display: inline-block;
  color: #ed0000; }

.entry-view {
  display: inline-block;
  color: #ed0000; }

.entry-comments {
  display: inline-block;
  color: #ed0000; }

.entry-date {
  display: inline-block;
  line-height: 1; }
  .entry-date i {
    margin: 0 5px 0 0 !important;
    color: #ed0000; }

.pagination {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  margin: 40px 0 0;
  display: block;
  text-align: center; }
  .pagination .page-numbers {
    padding: 0;
    margin: 0;
    display: inline-block; }
    .pagination .page-numbers li {
      float: left;
      margin: 0;
      list-style: none; }
      .pagination .page-numbers li:first-child {
        margin: 0; }
      .pagination .page-numbers li a,
      .pagination .page-numbers li span {
        display: block;
        padding: 0 10px;
        line-height: 36px;
        font-size: 21px;
        position: relative;
        color: #353536; }
      .pagination .page-numbers li span.current {
        color: #998bc0; }
      .pagination .page-numbers li a:hover {
        color: #998bc0; }
      .pagination .page-numbers li a.first, .pagination .page-numbers li a.last {
        margin-right: 30px;
        font-size: 16px;
        width: 40px;
        height: 40px;
        line-height: 36px;
        border: 2px solid #353536;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
        .pagination .page-numbers li a.first i, .pagination .page-numbers li a.last i {
          transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg); }
        .pagination .page-numbers li a.first:hover, .pagination .page-numbers li a.last:hover {
          background-color: #353536;
          color: #ffffff; }
      .pagination .page-numbers li a.last {
        margin: 0 0 0 30px; }

.kopa-rating {
  margin: 0;
  padding: 0;
  display: inline-block; }
  .kopa-rating li {
    float: left;
    margin: 0;
    list-style: none;
    color: #ed0000; }

.loading {
  background: url(images/icons/loading.gif) no-repeat center; }

.breadcrumb {
  background: none;
  padding: 0 0 2px;
  border-bottom: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  font-size: 15px;
  color: #ffffff; }
  .breadcrumb a {
    color: #ffffff; }
    .breadcrumb a:hover {
      color: #ed0000; }

/**
 * 3. Content
 * -----------------------------------------------------------------------------
 */
.home-slider-box .kopa-home-slider-carousel {
  overflow: hidden; }
.home-slider-box .kopa-home-slider-carousel .carousel-item {
  display: block;
  float: left;
  height: auto !important;
  position: relative; }
  .home-slider-box .kopa-home-slider-carousel .carousel-item img {
    width: 100%;
    height: auto !important; }
  .home-slider-box .kopa-home-slider-carousel .carousel-item .mask {
    width: 100%;
    height: 100%;
    background: url(images/background/pattern.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0; }
  .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption {
    position: absolute;
    top: 45%;
    left: 50%;
    margin: 0 0 0 -330px;
    text-align: center;
    width: 660px; }
    .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .author-name {
      display: inline-block;
      font-size: 16px;
      line-height: 22px;
      color: #ffffff;
      text-transform: uppercase;
      margin-bottom: 5px; }
      .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .author-name:hover {
        color: #ed0000; }
    .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .entry-title {
      font-size: 72px;
      line-height: 78px;
      font-family: "Source Sans Pro", sans-serif;
      font-weight: 400; }
      .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .entry-title a {
        color: #ffffff; }
        .home-slider-box .kopa-home-slider-carousel .carousel-item .slide-caption .entry-title a:hover {
          color: #ed0000; }
.home-slider-box #prev,
.home-slider-box #next {
  display: block;
  width: 60px;
  height: 60px;
  position: absolute;
  top: 50%;
  margin-top: -60px;
  background-color: #000000;
  text-align: center;
  line-height: 58px;
  font-size: 40px;
  color: #c4c4c4 !important; }
  .home-slider-box #prev:hover,
  .home-slider-box #next:hover {
    background-color: #ed0000;
    color: #ffffff !important; }
.home-slider-box #prev img,
.home-slider-box #next img {
  border: 3px solid #ffffff;
  opacity: 0;
  filter: Alpha(Opacity=0);
  position: absolute;
  top: -17px;
  width: 94px;
  height: 94px;
  max-width: 94px; }
.home-slider-box #prev:hover img, .home-slider-box #next:hover img {
  opacity: 1;
  filter: Alpha(Opacity=100); }
.home-slider-box #prev {
  left: 0px; }
  .home-slider-box #prev:before {
    content: "\f104"; }
.home-slider-box #next {
  right: 0px; }
  .home-slider-box #next:before {
    content: "\f105"; }
.home-slider-box #prev img {
  left: 100%; }
.home-slider-box #next img {
  right: 100%; }
.home-slider-box #pagenumber, .home-slider-box #title, .home-slider-box #pager {
  margin: 0;
  padding: 0; }
.home-slider-box #pagenumber {
  width: 200px;
  display: none; }
.home-slider-box #pager {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 135px; }
  .home-slider-box #pager > span {
    display: block !important; }
.home-slider-box #pager > span > span {
  text-decoration: none;
  text-align: center;
  line-height: 20px;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 5px;
  border: 2px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background-color: transparent;
  position: relative;
  text-indent: -9999px; }
  .home-slider-box #pager > span > span:before {
    content: "";
    height: 1px;
    width: 10px;
    background-color: #ffffff;
    position: absolute;
    top: 50%;
    left: -12px; }
  .home-slider-box #pager > span > span:first-child:before {
    display: none; }
  .home-slider-box #pager > span > span span {
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
    line-height: 40px;
    padding: 0 15px;
    background-color: #ed0000;
    display: none;
    position: absolute;
    top: -50px;
    right: -199px;
    text-indent: 0;
    min-width: 155px; }
  .home-slider-box #pager > span > span:hover span {
    display: block; }
.home-slider-box #pager > span > span.selected {
  background-color: #ed0000;
  color: #fff; }
.home-slider-box #pager a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%; }
.home-slider-box #pager > span > span img {
  border: 3px solid #ffffff;
  display: none;
  position: absolute;
  bottom: 20px;
  left: -40px;
  max-width: 1000px; }
.home-slider-box #pager > span > span:hover img {
  display: block; }

/** 3.2 Sub page **/
.page-header {
  margin: 0 0 80px;
  border-bottom: none;
  position: relative;
  padding-bottom: 0; }
  .page-header.have-disc-icon {
    margin-bottom: 160px; }
  .page-header .page-header-inner {
    padding: 350px 0 150px;
    position: relative;
    z-index: 2; }
    .page-header .page-header-inner .page-title {
      text-transform: uppercase;
      margin-bottom: 15px;
      font-weight: 400;
      color: #ffffff; }
    .page-header .page-header-inner.page-header-inner-1 {
      padding: 300px 0 120px; }
  .page-header .mask {
    background: url(images/background/pattern-2.png) 0 0 no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
  .page-header .page-header-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    z-index: 0; }
    .page-header .page-header-bg.page-header-bg-1 {
      background: url(images/background/page-header-bg.jpg) 0 top repeat fixed; }
    .page-header .page-header-bg.page-header-bg-2 {
      background: url(images/background/page-header-bg-2.jpg) 0 top repeat fixed; }
    .page-header .page-header-bg.page-header-bg-3 {
      background: url(images/background/page-header-bg-3.jpg) 0 top repeat fixed; }
    .page-header .page-header-bg.page-header-bg-4 {
      background: url(images/background/page-header-bg-4.jpg) 0 top repeat fixed; }
  .page-header .disc-bg {
    background: url(images/background/disc-bg.png) no-repeat 0 0;
    width: 1124px;
    height: 1082px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 -541px -562px;
    z-index: 0; }
  .page-header .disc-icon {
    width: 206px;
    height: 206px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin: 0 0 -103px -103px;
    text-align: center;
    line-height: 206px;
    font-size: 36px;
    color: #ed0000;
    background: url(images/background/disc-icon.png) no-repeat 0 0;
    z-index: 3; }
  .page-header .typo-bg {
    background: url(images/background/page-header-bg-4.png) center bottom no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }

.kopa-gallery-page .page-header {
  margin-bottom: 175px; }

.kopa-event-1-page .page-header,
.kopa-event-3-page .page-header {
  margin-bottom: 0; }

/*----- Single page -----*/
.kopa-single-page #main-content {
  background-color: #ffffff; }

.entry-box {
  margin-bottom: 50px;
  padding-top: 70px; }
  .entry-box .entry-title {
    font-size: 50px;
    line-height: 56px;
    font-weight: 300;
    color: #3a2f57;
    text-align: center;
    margin-bottom: 50px; }
  .entry-box .entry-thumb {
    position: relative;
    margin-bottom: 35px; }
    .entry-box .entry-thumb img {
      width: 100%; }
    .entry-box .entry-thumb iframe {
      border: none;
      width: 100%; }
    .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div {
      width: 55px;
      height: 55px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      margin: -23px 0 0;
      padding: 0;
      background-color: rgba(255, 255, 255, 0.7);
      opacity: 1;
      filter: Alpha(Opacity=100);
      color: #7a738a;
      line-height: 53px;
      font-size: 40px; }
      .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div:hover {
        background-color: rgba(57, 47, 85, 0.7);
        color: #b8b4be; }
      .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div.owl-next {
        right: 30px; }
        .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div.owl-next:before {
          content: "\f105"; }
      .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div.owl-prev {
        left: 30px; }
        .entry-box .entry-thumb .kopa-single-carousel .owl-controls .owl-buttons > div.owl-prev:before {
          content: "\f104"; }
  .entry-box .entry-content-wrap {
    position: relative; }
    .entry-box .entry-content-wrap .left-col {
      width: 180px;
      position: absolute;
      top: 5px;
      left: 0;
      border: 1px solid #e9e8ea;
      padding: 85px 30px 0;
      background-color: #ffffff; }
      .entry-box .entry-content-wrap .left-col .rating-score {
        border: 3px solid #e9e8ea;
        width: 82px;
        height: 82px;
        margin-left: 17px;
        margin-bottom: 75px;
        color: #000000;
        font-size: 40px;
        text-align: center;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
        .entry-box .entry-content-wrap .left-col .rating-score .rating-score-inner {
          display: inline-block;
          margin: 10px 10px 0 0;
          transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg); }
          .entry-box .entry-content-wrap .left-col .rating-score .rating-score-inner p {
            line-height: 1;
            margin-bottom: 5px; }
          .entry-box .entry-content-wrap .left-col .rating-score .rating-score-inner .pro-bar-container {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            -ms-border-radius: 0;
            border-radius: 0;
            margin-bottom: 0;
            height: 4px; }
            .entry-box .entry-content-wrap .left-col .rating-score .rating-score-inner .pro-bar-container .pro-bar {
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              border-radius: 0;
              height: 4px; }
      .entry-box .entry-content-wrap .left-col .about-author {
        text-align: center; }
        .entry-box .entry-content-wrap .left-col .about-author .author-avatar {
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          border-radius: 50%;
          margin-bottom: 15px; }
          .entry-box .entry-content-wrap .left-col .about-author .author-avatar img {
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%; }
        .entry-box .entry-content-wrap .left-col .about-author .author-content h5 {
          text-transform: uppercase;
          font-size: 16px;
          line-height: 20px;
          color: #8e8e8e;
          font-family: "Lato", sans-serif;
          margin-bottom: 35px; }
          .entry-box .entry-content-wrap .left-col .about-author .author-content h5 a {
            color: #ed0000; }
        .entry-box .entry-content-wrap .left-col .about-author .author-content footer {
          background-color: #353536;
          padding: 20px 0 15px;
          margin: 0 -30px; }
          .entry-box .entry-content-wrap .left-col .about-author .author-content footer .social-links {
            display: inline-block; }
            .entry-box .entry-content-wrap .left-col .about-author .author-content footer .social-links li a {
              width: 28px;
              height: 28px;
              line-height: 26px;
              border-color: #ffffff; }
              .entry-box .entry-content-wrap .left-col .about-author .author-content footer .social-links li a:hover {
                border-color: #000000; }
    .entry-box .entry-content-wrap .entry-content {
      color: #8d889a;
      margin-bottom: 25px;
      margin-left: 210px; }
      .entry-box .entry-content-wrap .entry-content > p {
        margin-bottom: 20px; }
      .entry-box .entry-content-wrap .entry-content .kopa-blockquote-1 p {
        font-weight: 400; }
        .entry-box .entry-content-wrap .entry-content .kopa-blockquote-1 p i {
          color: #353536; }
      .entry-box .entry-content-wrap .entry-content .kopa-blockquote-1.pull-right {
        width: 50%;
        margin: 0 0 20px 30px;
        border-left: 4px solid #353536;
        border-right: none;
        padding: 20px 30px; }
        .entry-box .entry-content-wrap .entry-content .kopa-blockquote-1.pull-right p {
          text-align: left;
          font-style: italic;
          font-size: 26px;
          line-height: 32px; }
          .entry-box .entry-content-wrap .entry-content .kopa-blockquote-1.pull-right p i {
            float: none !important;
            margin: 0 0 5px !important;
            display: block;
            font-size: 34px; }
  .entry-box .page-links-wrapper {
    margin-bottom: 40px; }
    .entry-box .page-links-wrapper .page-links a,
    .entry-box .page-links-wrapper .page-links > span {
      display: inline-block;
      color: #b0abbb;
      border: 1px solid #b0abbb;
      line-height: 33px;
      padding: 0 12px;
      margin: 0 4px; }
    .entry-box .page-links-wrapper .page-links > span,
    .entry-box .page-links-wrapper .page-links a:hover {
      border-color: #ed0000;
      color: #ed0000; }
  .entry-box .share-box {
    margin-bottom: 60px; }
    .entry-box .share-box h2 {
      font-size: 28px;
      line-height: 34px;
      font-weight: 300;
      margin-bottom: 20px; }
    .entry-box .share-box ul {
      margin: 0;
      padding: 0;
      display: inline-block; }
      .entry-box .share-box ul li {
        float: left;
        margin: 0 15px;
        list-style: none;
        line-height: 40px; }
        .entry-box .share-box ul li a {
          font-size: 16px;
          display: block; }
          .entry-box .share-box ul li a i {
            display: inline-block;
            width: 40px;
            height: 40px;
            line-height: 40px;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            border-radius: 50%;
            color: #ffffff;
            background-color: #797090;
            margin-right: 20px; }
          .entry-box .share-box ul li a span {
            display: inline-block;
            font-size: 16px;
            color: #797090; }
          .entry-box .share-box ul li a:hover i {
            background-color: #ed0000; }
          .entry-box .share-box ul li a:hover span {
            color: #ed0000; }
  .entry-box .tag-box {
    color: #353536;
    margin-bottom: 60px; }
    .entry-box .tag-box a,
    .entry-box .tag-box span {
      display: inline-block; }
    .entry-box .tag-box a {
      color: #b0abbb;
      border: 1px solid #b0abbb;
      line-height: 30px;
      padding: 0 15px;
      margin-left: 5px; }
      .entry-box .tag-box a:hover {
        color: #ed0000;
        border-color: #ed0000; }
    .entry-box .tag-box span {
      margin-right: 10px; }
  .entry-box .entry-box-footer {
    border-top: 1px solid #ebeaee;
    border-bottom: 1px solid #ebeaee; }
    .entry-box .entry-box-footer > div {
      width: 50%;
      position: relative;
      padding: 25px 45px; }
      .entry-box .entry-box-footer > div .prev-icon,
      .entry-box .entry-box-footer > div .next-icon {
        width: 25px;
        height: 25px;
        line-height: 25px;
        color: #ffffff;
        background-color: #ed0000;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%;
        text-align: center;
        position: absolute;
        top: 30px;
        left: 0;
        font-size: 12px; }
      .entry-box .entry-box-footer > div .next-icon {
        left: auto;
        right: 0; }
      .entry-box .entry-box-footer > div .prev-post,
      .entry-box .entry-box-footer > div .next-post {
        text-transform: uppercase;
        color: #ed0000;
        display: inline-block;
        margin-bottom: 5px; }
      .entry-box .entry-box-footer > div h4 {
        font-size: 14px;
        line-height: 20px;
        font-family: "Lato", sans-serif;
        margin-bottom: 0; }
        .entry-box .entry-box-footer > div h4 a {
          color: #353536; }
          .entry-box .entry-box-footer > div h4 a:hover {
            color: #ed0000; }
      .entry-box .entry-box-footer > div.prev-article {
        border-right: 1px solid #ebeaee; }
      .entry-box .entry-box-footer > div.next-article {
        text-align: right; }

.about-author-s2 {
  padding: 30px;
  position: relative;
  margin-bottom: 50px;
  overflow: hidden; }
  .about-author-s2 .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
    background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
    background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%);
    opacity: 0.7;
    filter: Alpha(Opacity=70); }
  .about-author-s2 .author-bg {
    background: url(images/background/author-bg.jpg) center no-repeat;
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; }
  .about-author-s2 .author-avatar {
    position: relative;
    z-index: 2;
    width: 195px;
    border: 3px solid #ffffff;
    margin-right: 30px; }
  .about-author-s2 .author-content {
    position: relative;
    z-index: 2;
    color: #ffffff;
    padding-top: 20px;
    overflow: hidden; }
    .about-author-s2 .author-content h5 {
      text-transform: uppercase;
      color: #ffffff;
      font-size: 28px;
      line-height: 32px;
      font-weight: 300;
      font-family: "Lato", sans-serif;
      margin-bottom: 20px; }
      .about-author-s2 .author-content h5 a {
        color: #ffffff; }
        .about-author-s2 .author-content h5 a:hover {
          color: #ed0000; }
    .about-author-s2 .author-content p {
      font-weight: 300;
      margin-bottom: 15px; }
    .about-author-s2 .author-content footer .social-links li a {
      border: none;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      width: auto; }

#related-post {
  margin-bottom: 50px; }
  #related-post h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 25px;
    font-family: "Lato", sans-serif; }
  #related-post .row > div .entry-item {
    position: relative;
    border: 3px solid #353536;
    padding: 25px 30px 30px; }
    #related-post .row > div .entry-item .entry-thumb {
      position: relative; }
      #related-post .row > div .entry-item .entry-thumb img {
        width: 100%; }
      #related-post .row > div .entry-item .entry-thumb .mask {
        background-color: rgba(57, 47, 85, 0.4);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: Alpha(Opacity=0); }
        #related-post .row > div .entry-item .entry-thumb .mask a {
          position: absolute;
          top: 50%;
          left: 50%;
          color: #ffffff;
          border: 2px solid #ffffff;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 36px;
          margin: -20px 0 0 -20px;
          font-size: 12px; }
          #related-post .row > div .entry-item .entry-thumb .mask a i {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg); }
          #related-post .row > div .entry-item .entry-thumb .mask a:hover {
            color: #ed0000; }
      #related-post .row > div .entry-item .entry-thumb:hover .mask {
        opacity: 1;
        filter: Alpha(Opacity=100); }
        #related-post .row > div .entry-item .entry-thumb:hover .mask a {
          transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg); }
    #related-post .row > div .entry-item .entry-content .entry-date {
      color: #ed0000;
      display: inline-block;
      margin-bottom: 10px; }
    #related-post .row > div .entry-item .entry-content .entry-title {
      font-size: 21px;
      font-weight: 300;
      line-height: 27px;
      margin-bottom: 25px; }
      #related-post .row > div .entry-item .entry-content .entry-title a {
        color: #353536; }
        #related-post .row > div .entry-item .entry-content .entry-title a:hover {
          color: #ed0000; }

#comments {
  margin-bottom: 50px; }
  #comments h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 25px;
    font-family: "Lato", sans-serif; }
  #comments .comments-list {
    padding: 0;
    margin: 0 0 25px; }
    #comments .comments-list li {
      float: none;
      margin: 30px 0 0;
      list-style: none;
      border: 1px solid #e9e8ea;
      padding: 2px; }
      #comments .comments-list li:first-child {
        margin-top: 0; }
      #comments .comments-list li .comment-wrap {
        position: relative; }
        #comments .comments-list li .comment-wrap .comment-avatar {
          width: 85px;
          border: 3px solid #ffffff;
          position: absolute;
          left: -40px;
          top: 15px; }
        #comments .comments-list li .comment-wrap .comment-body {
          overflow: hidden; }
          #comments .comments-list li .comment-wrap .comment-body header {
            padding-left: 70px;
            padding-right: 15px;
            line-height: 40px;
            margin-bottom: 15px;
            background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
            background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
            background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
            background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
            background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
            background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); }
            #comments .comments-list li .comment-wrap .comment-body header h6 {
              font-size: 14px;
              line-height: 40px;
              font-family: "Lato", sans-serif;
              margin: 0;
              text-transform: uppercase;
              color: #ffffff; }
            #comments .comments-list li .comment-wrap .comment-body header .comment-reply-link {
              font-size: 12px;
              color: #ffffff;
              display: inline-block; }
              #comments .comments-list li .comment-wrap .comment-body header .comment-reply-link i {
                margin: 0 5px 0 0; }
              #comments .comments-list li .comment-wrap .comment-body header .comment-reply-link:hover {
                color: #ed0000; }
          #comments .comments-list li .comment-wrap .comment-body .comment-content {
            padding: 0 30px 0 70px;
            font-weight: 300;
            color: #8d889a; }
          #comments .comments-list li .comment-wrap .comment-body footer {
            font-size: 12px;
            padding: 0 30px 8px 70px;
            color: #ed0000; }
            #comments .comments-list li .comment-wrap .comment-body footer .comment-edit-link {
              color: #ed0000; }
              #comments .comments-list li .comment-wrap .comment-body footer .comment-edit-link:hover {
                color: #353536; }
    #comments .comments-list .children {
      padding: 0;
      margin: 10px 0 20px 55px; }
  #comments .kopa-comment-pagination {
    margin: 0;
    border: none;
    text-align: right; }
    #comments .kopa-comment-pagination a,
    #comments .kopa-comment-pagination span {
      color: #ed0000;
      margin: 0 0 0 15px; }
    #comments .kopa-comment-pagination span,
    #comments .kopa-comment-pagination a:hover {
      color: #353536; }

#respond {
  margin-bottom: 40px; }
  #respond h3 {
    font-weight: 300;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 34px;
    margin: 0 0 10px;
    font-family: "Lato", sans-serif; }
  #respond .comments-form .c-note {
    display: block;
    color: #8d889a;
    margin-bottom: 30px; }
  #respond .comments-form p {
    margin-bottom: 20px; }
    #respond .comments-form p.textarea-block {
      margin-bottom: 30px; }
    #respond .comments-form p .required {
      display: none; }
    #respond .comments-form p input[type='text'] {
      height: 40px;
      line-height: 29px;
      padding: 5px 0;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #c3c0cc;
      width: 100%;
      color: #8d889a; }
      #respond .comments-form p input[type='text']:focus {
        border-color: #ed0000; }
    #respond .comments-form p textarea {
      height: 230px;
      padding: 10px 0;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #c3c0cc;
      width: 100%;
      color: #8d889a; }
      #respond .comments-form p textarea:focus {
        border-color: #ed0000; }
    #respond .comments-form p input[type='submit'] {
      color: #ffffff;
      background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A));
      background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%);
      background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%);
      -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorStr='#BB3D91', EndColorStr='#3E216A')";
      /* IE8 */
      text-transform: uppercase;
      padding: 0 20px;
      line-height: 45px;
      border: none;
      font-size: 13px; }
  #respond .comments-form label.error {
    color: #ed0000; }

/*----- Elements page -----*/
.element-title {
  text-align: center;
  color: #93909e;
  margin-bottom: 45px; }
  .element-title h4 {
    font-size: 28px;
    line-height: 32px;
    margin-bottom: 15px;
    color: #231e32; }

.elements-box {
  color: #93909e; }
  .elements-box .kopa-button,
  .elements-box .kopa-button-border,
  .elements-box .kopa-button-icon {
    margin: 0 0 30px 0; }
  .elements-box .widget {
    margin-bottom: 40px; }

mark {
  color: #ffffff;
  background-color: #353536; }

/*
Single Event page
----------------------------------
*/
.kopa-single-event .page-header {
  background: none;
  margin-bottom: 0; }
  .kopa-single-event .page-header .mask {
    background: rgba(33, 27, 45, 0.4); }

.kopa-area-pattern {
  background: url(images/background/pattern-5.png) repeat 0 0; }

.single-event-box {
  padding-bottom: 80px; }
  .single-event-box .event-info {
    margin-bottom: 20px; }
    .single-event-box .event-info p {
      margin-bottom: 0px;
      line-height: 24px; }
      .single-event-box .event-info p span {
        color: #ffffff; }
  .single-event-box h3 {
    color: #ffffff;
    font-family: "Lato", sans-serif;
    font-size: 28px;
    line-height: 34px; }
  .single-event-box .kopa-social-links {
    margin-bottom: 30px; }
  .single-event-box .event-content iframe {
    border: none;
    width: 100%; }
  .single-event-box .event-content .comment-box-1 input#submit-comment-1 {
    background: #353536; }
    .single-event-box .event-content .comment-box-1 input#submit-comment-1:hover {
      background: #ed0000; }

/*
Single Artist page
----------------------------------
*/
.single-artist-box .artist-info {
  margin-bottom: 50px; }
  .single-artist-box .artist-info h3 {
    margin-bottom: 15px; }
  .single-artist-box .artist-info p {
    margin-bottom: 0;
    line-height: 24px;
    color: #000000; }
    .single-artist-box .artist-info p span {
      color: #ed0000;
      display: inline-block;
      width: 75px; }
    .single-artist-box .artist-info p a {
      color: #000000; }
      .single-artist-box .artist-info p a:hover {
        color: #ed0000; }
.single-artist-box h3 {
  font-size: 28px;
  line-height: 34px;
  margin-bottom: 0;
  font-family: "Lato", sans-serif; }
.single-artist-box .kopa-social-links.style2 {
  margin-top: 15px; }
.single-artist-box .artist-content {
  color: #000000; }
  .single-artist-box .artist-content h3 {
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 20px;
    font-family: "Lato", sans-serif; }
  .single-artist-box .artist-content > p {
    margin-bottom: 15px; }
  .single-artist-box .artist-content .audio-wrap {
    margin-bottom: 40px; }
    .single-artist-box .artist-content .audio-wrap .jp-playlist {
      max-height: 320px;
      margin-top: 20px; }
      .single-artist-box .artist-content .audio-wrap .jp-playlist ul {
        padding: 0; }
  .single-artist-box .artist-content .video-wrap iframe {
    width: 100%;
    border: none; }
  .single-artist-box .artist-content .comment-box-1 {
    margin-bottom: 40px; }

.artist-avatar {
  text-align: center;
  width: 194px;
  height: 194px;
  line-height: 194px;
  font-size: 40px;
  position: absolute;
  top: 100%;
  margin-top: -97px;
  margin-left: -97px;
  left: 50%;
  background: url(placeholders/avatar/avatar-9.jpg) no-repeat center;
  background-size: cover;
  border-radius: 50%;
  padding-right: 5px;
  color: #3a2f57;
  z-index: 2;
  border: 3px solid #ffffff; }

/*
Contact page
----------------------------------
*/
.kopa-contact-page .page-header {
  background: none;
  min-height: 600px; }
  .kopa-contact-page .page-header .mask {
    background: rgba(33, 27, 45, 0.4); }
.kopa-contact-page #main-content {
  background: url(images/background/pattern-5.png) repeat 0 0; }

.kp-map-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 600px; }
  .kp-map-wrapper #kp-map {
    height: 100%;
    width: 100%; }

#kopa-contact-info-box {
  margin-bottom: 40px; }
  #kopa-contact-info-box p {
    margin-bottom: 15px; }
    #kopa-contact-info-box p i {
      color: #ed0000;
      margin-right: 10px; }
    #kopa-contact-info-box p strong {
      width: 65px;
      margin-right: 15px;
      color: #ffffff; }
    #kopa-contact-info-box p a {
      color: #c4c4c4; }
      #kopa-contact-info-box p a:hover {
        color: #ed0000; }

#contact-box {
  margin-bottom: 40px; }
  #contact-box h3 {
    color: #ffffff;
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 5px; }
  #contact-box .contact-form {
    margin: 0; }
    #contact-box .contact-form .c-note {
      display: block;
      margin-bottom: 5px; }
    #contact-box .contact-form .row > div {
      margin-top: 30px; }
      #contact-box .contact-form .row > div p {
        margin-bottom: 0px; }
        #contact-box .contact-form .row > div p .required {
          display: none; }
        #contact-box .contact-form .row > div p #contact_fname,
        #contact-box .contact-form .row > div p #contact_email,
        #contact-box .contact-form .row > div p #contact_lname,
        #contact-box .contact-form .row > div p #contact_date,
        #contact-box .contact-form .row > div p #contact_phone,
        #contact-box .contact-form .row > div p #contact_hour {
          height: 36px;
          padding: 5px 10px;
          width: 100%;
          line-height: 26px;
          border: none;
          background-color: #e9e3f3;
          color: #c5c3cb;
          font-size: 13px; }
        #contact-box .contact-form .row > div p #contact_message {
          height: 180px;
          padding: 5px 10px;
          width: 100%;
          border: none;
          background-color: #e9e3f3;
          color: #c5c3cb;
          font-size: 13px; }
      #contact-box .contact-form .row > div .time-frame,
      #contact-box .contact-form .row > div .party {
        font-size: 13px; }
        #contact-box .contact-form .row > div .time-frame ul,
        #contact-box .contact-form .row > div .party ul {
          margin: 10px 0 0;
          padding: 0; }
          #contact-box .contact-form .row > div .time-frame ul li,
          #contact-box .contact-form .row > div .party ul li {
            float: left;
            margin: 0 0 0 20px;
            list-style: none;
            overflow: hidden; }
            #contact-box .contact-form .row > div .time-frame ul li:first-child,
            #contact-box .contact-form .row > div .party ul li:first-child {
              margin: 0; }
            #contact-box .contact-form .row > div .time-frame ul li span,
            #contact-box .contact-form .row > div .party ul li span {
              margin: 0 10px 0 0;
              float: left; }
            #contact-box .contact-form .row > div .time-frame ul li input,
            #contact-box .contact-form .row > div .party ul li input {
              float: left; }
    #contact-box .contact-form .contact-button {
      margin: 30px 0 0; }
      #contact-box .contact-form .contact-button .kopa-button {
        cursor: pointer; }
        #contact-box .contact-form .contact-button .kopa-button:before {
          background-color: #584e74; }
        #contact-box .contact-form .contact-button .kopa-button:hover:before {
          background-color: #fc6bb9; }
    #contact-box .contact-form .input-submit {
      border: none;
      background: none;
      color: #ffffff; }
    #contact-box .contact-form label.error {
      color: #ed0000; }

/*
Shop page
----------------------------------
*/
.woocommerce #container #content .page-title {
  font-size: 28px;
  line-height: 34px;
  font-family: "Lato", sans-serif;
  margin-bottom: 0; }

.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
  float: right;
  margin-bottom: 30px; }
  .woocommerce .woocommerce-ordering select,
  .woocommerce-page .woocommerce-ordering select {
    border: 1px solid #e5e5e5;
    padding: 9px 10px;
    color: #757575;
    font-size: 13px; }

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
  float: left;
  margin: 0 0 30px;
  color: #353536;
  line-height: 38px; }

.woocommerce ul.products,
.woocommerce-page ul.products {
  margin: 0 -15px; }
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 33.333333%;
    padding: 0 15px;
    float: left;
    margin: 0 0 30px; }
    .woocommerce ul.products li.product > div,
    .woocommerce-page ul.products li.product > div {
      background-color: #ffffff;
      padding: 5px 5px 30px;
      border: 1px solid #e5e5e5;
      text-align: center; }
      .woocommerce ul.products li.product > div .product-thumb,
      .woocommerce-page ul.products li.product > div .product-thumb {
        margin-bottom: 40px;
        position: relative; }
        .woocommerce ul.products li.product > div .product-thumb > a > img,
        .woocommerce-page ul.products li.product > div .product-thumb > a > img {
          box-shadow: none !important;
          -moz-box-shadow: none !important;
          -webkit-box-shadow: none !important;
          margin-bottom: 0; }
        .woocommerce ul.products li.product > div .product-thumb .onsale,
        .woocommerce-page ul.products li.product > div .product-thumb .onsale {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0;
          background: #ed0000;
          color: #ffffff;
          z-index: 10;
          border: none;
          box-shadow: none;
          -moz-box-shadow: none;
          -webkit-box-shadow: none;
          -ms-box-shadow: none;
          text-shadow: none;
          line-height: 35px;
          margin: 0;
          padding: 0 9px;
          font-size: 13px;
          right: 10px;
          top: 0;
          font-weight: 400; }
          .woocommerce ul.products li.product > div .product-thumb .onsale:before,
          .woocommerce-page ul.products li.product > div .product-thumb .onsale:before {
            content: '';
            position: absolute;
            border-left: 22px solid transparent;
            border-right: 22px solid transparent;
            border-top: 7px solid #ed0000;
            bottom: -7px;
            left: 50%;
            margin-left: -22px; }
        .woocommerce ul.products li.product > div .product-thumb .button-box,
        .woocommerce-page ul.products li.product > div .product-thumb .button-box {
          left: 0;
          bottom: -15px;
          width: 100%;
          position: absolute;
          z-index: 1; }
          .woocommerce ul.products li.product > div .product-thumb .button-box a,
          .woocommerce-page ul.products li.product > div .product-thumb .button-box a {
            display: inline-block;
            color: #000000;
            border: 1px solid #000000;
            background-color: #ffffff;
            width: 30px;
            height: 30px;
            line-height: 28px;
            margin: 0 5px;
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg); }
            .woocommerce ul.products li.product > div .product-thumb .button-box a i,
            .woocommerce-page ul.products li.product > div .product-thumb .button-box a i {
              transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg); }
            .woocommerce ul.products li.product > div .product-thumb .button-box a:hover,
            .woocommerce-page ul.products li.product > div .product-thumb .button-box a:hover {
              background-color: #000000;
              color: #ffffff; }
      .woocommerce ul.products li.product > div > a,
      .woocommerce-page ul.products li.product > div > a {
        position: relative;
        display: block; }
        .woocommerce ul.products li.product > div > a footer,
        .woocommerce-page ul.products li.product > div > a footer {
          overflow: hidden;
          margin-bottom: 20px; }
        .woocommerce ul.products li.product > div > a .star-rating,
        .woocommerce-page ul.products li.product > div > a .star-rating {
          display: inline-block;
          font-size: 10px;
          line-height: 8px;
          color: #ed0000;
          margin-bottom: 0; }
          .woocommerce ul.products li.product > div > a .star-rating:before,
          .woocommerce-page ul.products li.product > div > a .star-rating:before {
            color: #ed0000; }
        .woocommerce ul.products li.product > div > a h3,
        .woocommerce-page ul.products li.product > div > a h3 {
          font-size: 18px;
          line-height: 24px;
          font-family: "Lato", sans-serif;
          font-weight: 700;
          padding-bottom: 12px; }
          .woocommerce ul.products li.product > div > a h3:hover,
          .woocommerce-page ul.products li.product > div > a h3:hover {
            color: #ed0000; }
        .woocommerce ul.products li.product > div > a .price,
        .woocommerce-page ul.products li.product > div > a .price {
          display: inline-block;
          font-size: 16px;
          margin-top: -5px;
          margin-right: 5px;
          margin-bottom: 0;
          height: 20px; }
          .woocommerce ul.products li.product > div > a .price del,
          .woocommerce-page ul.products li.product > div > a .price del {
            font-size: 14px;
            margin-right: 10px; }
            .woocommerce ul.products li.product > div > a .price del .amount,
            .woocommerce-page ul.products li.product > div > a .price del .amount {
              font-size: 14px;
              text-decoration: line-through; }
          .woocommerce ul.products li.product > div > a .price .amount,
          .woocommerce-page ul.products li.product > div > a .price .amount {
            font-family: "Source Sans Pro", sans-serif;
            font-size: 18px;
            color: #ed0000; }
          .woocommerce ul.products li.product > div > a .price ins,
          .woocommerce-page ul.products li.product > div > a .price ins {
            text-decoration: none; }
      .woocommerce ul.products li.product > div:hover,
      .woocommerce-page ul.products li.product > div:hover {
        background-color: #000000; }
        .woocommerce ul.products li.product > div:hover > a h3,
        .woocommerce-page ul.products li.product > div:hover > a h3 {
          color: #ffffff; }
        .woocommerce ul.products li.product > div:hover a.add_to_cart_button,
        .woocommerce-page ul.products li.product > div:hover a.add_to_cart_button {
          background-color: #eae9f1;
          color: #353536; }

.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
  display: inline-block !important;
  background: #ed0000;
  font-family: "Source Sans Pro", sans-serif;
  color: #ffffff;
  padding: 7px 15px;
  font-weight: 300;
  text-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  border: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none; }
  .woocommerce #content input.button:hover,
  .woocommerce #respond input#submit:hover,
  .woocommerce a.button:hover,
  .woocommerce button.button:hover,
  .woocommerce input.button:hover,
  .woocommerce-page #content input.button:hover,
  .woocommerce-page #respond input#submit:hover,
  .woocommerce-page a.button:hover,
  .woocommerce-page button.button:hover,
  .woocommerce-page input.button:hover {
    background: #353536; }

.woocommerce nav.woocommerce-pagination,
.woocommerce #content nav.woocommerce-pagination,
.woocommerce-page nav.woocommerce-pagination,
.woocommerce-page #content nav.woocommerce-pagination {
  border-top: 1px solid #ffffff;
  padding-top: 40px;
  margin-top: 10px; }

.woocommerce #content nav.woocommerce-pagination ul,
.woocommerce nav.woocommerce-pagination ul,
.woocommerce-page #content nav.woocommerce-pagination ul,
.woocommerce-page nav.woocommerce-pagination ul {
  border: none;
  margin: 0; }
  .woocommerce #content nav.woocommerce-pagination ul li,
  .woocommerce nav.woocommerce-pagination ul li,
  .woocommerce-page #content nav.woocommerce-pagination ul li,
  .woocommerce-page nav.woocommerce-pagination ul li {
    border: none;
    margin: 0;
    display: block;
    overflow: visible; }
    .woocommerce #content nav.woocommerce-pagination ul li a,
    .woocommerce #content nav.woocommerce-pagination ul li span,
    .woocommerce nav.woocommerce-pagination ul li a,
    .woocommerce nav.woocommerce-pagination ul li span,
    .woocommerce-page #content nav.woocommerce-pagination ul li a,
    .woocommerce-page #content nav.woocommerce-pagination ul li span,
    .woocommerce-page nav.woocommerce-pagination ul li a,
    .woocommerce-page nav.woocommerce-pagination ul li span {
      display: block;
      font-size: 21px;
      padding: 0 10px;
      line-height: 36px;
      color: #353536; }
    .woocommerce #content nav.woocommerce-pagination ul li span.current,
    .woocommerce #content nav.woocommerce-pagination ul li a:hover,
    .woocommerce nav.woocommerce-pagination ul li span.current,
    .woocommerce nav.woocommerce-pagination ul li a:hover,
    .woocommerce-page #content nav.woocommerce-pagination ul li span.current,
    .woocommerce-page #content nav.woocommerce-pagination ul li a:hover,
    .woocommerce-page nav.woocommerce-pagination ul li span.current,
    .woocommerce-page nav.woocommerce-pagination ul li a:hover {
      color: #998bc0;
      background: none; }
    .woocommerce #content nav.woocommerce-pagination ul li a.first, .woocommerce #content nav.woocommerce-pagination ul li a.last,
    .woocommerce nav.woocommerce-pagination ul li a.first,
    .woocommerce nav.woocommerce-pagination ul li a.last,
    .woocommerce-page #content nav.woocommerce-pagination ul li a.first,
    .woocommerce-page #content nav.woocommerce-pagination ul li a.last,
    .woocommerce-page nav.woocommerce-pagination ul li a.first,
    .woocommerce-page nav.woocommerce-pagination ul li a.last {
      border: 2px solid #353536;
      font-size: 16px;
      height: 40px;
      line-height: 36px;
      margin-right: 30px;
      transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      width: 40px;
      margin: 0; }
      .woocommerce #content nav.woocommerce-pagination ul li a.first i, .woocommerce #content nav.woocommerce-pagination ul li a.last i,
      .woocommerce nav.woocommerce-pagination ul li a.first i,
      .woocommerce nav.woocommerce-pagination ul li a.last i,
      .woocommerce-page #content nav.woocommerce-pagination ul li a.first i,
      .woocommerce-page #content nav.woocommerce-pagination ul li a.last i,
      .woocommerce-page nav.woocommerce-pagination ul li a.first i,
      .woocommerce-page nav.woocommerce-pagination ul li a.last i {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); }
      .woocommerce #content nav.woocommerce-pagination ul li a.first:hover, .woocommerce #content nav.woocommerce-pagination ul li a.last:hover,
      .woocommerce nav.woocommerce-pagination ul li a.first:hover,
      .woocommerce nav.woocommerce-pagination ul li a.last:hover,
      .woocommerce-page #content nav.woocommerce-pagination ul li a.first:hover,
      .woocommerce-page #content nav.woocommerce-pagination ul li a.last:hover,
      .woocommerce-page nav.woocommerce-pagination ul li a.first:hover,
      .woocommerce-page nav.woocommerce-pagination ul li a.last:hover {
        background-color: #353536;
        color: #ffffff; }
    .woocommerce #content nav.woocommerce-pagination ul li a.first,
    .woocommerce nav.woocommerce-pagination ul li a.first,
    .woocommerce-page #content nav.woocommerce-pagination ul li a.first,
    .woocommerce-page nav.woocommerce-pagination ul li a.first {
      margin-right: 30px; }
    .woocommerce #content nav.woocommerce-pagination ul li a.last,
    .woocommerce nav.woocommerce-pagination ul li a.last,
    .woocommerce-page #content nav.woocommerce-pagination ul li a.last,
    .woocommerce-page nav.woocommerce-pagination ul li a.last {
      margin-left: 30px; }

.widget_product_categories .product-categories {
  margin: 0;
  padding: 0; }
  .widget_product_categories .product-categories li {
    border-top: 1px solid #4b4b4a;
    padding-top: 10px;
    font-family: "Source Sans Pro", sans-serif;
    overflow: hidden; }
    .widget_product_categories .product-categories li:first-child {
      border-top: none;
      padding-top: 0; }
    .widget_product_categories .product-categories li a {
      float: left; }
    .widget_product_categories .product-categories li span {
      float: right;
      color: #ed0000;
      font-size: 12px; }

.widget_top_rated_products ul.product_list_widget {
  margin-top: -20px; }
  .widget_top_rated_products ul.product_list_widget li {
    position: relative;
    margin: 20px 0 0;
    padding-top: 20px;
    border-top: 1px solid #4b4b4a; }
    .widget_top_rated_products ul.product_list_widget li:first-child {
      border-top: none; }
    .widget_top_rated_products ul.product_list_widget li .star-rating {
      font-size: 11px;
      line-height: 10px;
      margin-bottom: 20px;
      color: #ed0000; }
      .widget_top_rated_products ul.product_list_widget li .star-rating:before {
        color: #ed0000; }
      .widget_top_rated_products ul.product_list_widget li .star-rating span {
        line-height: 10px; }
    .widget_top_rated_products ul.product_list_widget li > a {
      display: block;
      float: none;
      font-size: 16px;
      font-family: "Source Sans Pro", sans-serif;
      font-weight: 600;
      margin-bottom: 15px; }
      .widget_top_rated_products ul.product_list_widget li > a img {
        width: 90px;
        height: 90px;
        margin-right: 20px;
        margin-left: 0;
        box-shadow: 0 0 0 transparent ;
        -ms-box-shadow: 0 0 0 transparent ;
        -moz-box-shadow: 0 0 0 transparent ;
        -webkit-box-shadow: 0 0 0 transparent ;
        float: left; }
    .widget_top_rated_products ul.product_list_widget li .amount {
      font-size: 14px; }
    .widget_top_rated_products ul.product_list_widget li ins {
      text-decoration: none; }
      .widget_top_rated_products ul.product_list_widget li ins .amount {
        position: static; }
    .widget_top_rated_products ul.product_list_widget li del {
      margin-right: 10px; }
      .widget_top_rated_products ul.product_list_widget li del .amount {
        text-decoration: line-through;
        font-size: 12px; }

.woocommerce a.add_to_cart_button,
.woocommerce-page a.add_to_cart_button {
  line-height: 30px;
  padding: 0 20px;
  font-weight: 300;
  color: #ffffff;
  background-color: #3a2f57; }
  .woocommerce a.add_to_cart_button:hover,
  .woocommerce-page a.add_to_cart_button:hover {
    background-color: #eae9f1;
    color: #353536; }

/*
Singe product page
----------------------------------
*/
.woocommerce div.product,
.woocommerce-page div.product {
  margin-bottom: 40px; }
  .woocommerce div.product div.images,
  .woocommerce-page div.product div.images {
    float: left;
    margin-bottom: 30px;
    width: 45%;
    position: relative;
    border: 5px solid #ffffff; }
    .woocommerce div.product div.images img,
    .woocommerce-page div.product div.images img {
      width: 100%;
      box-shadow: none;
      -moz-box-shadow: none;
      -webkit-box-shadow: none; }
    .woocommerce div.product div.images .sale-item,
    .woocommerce-page div.product div.images .sale-item {
      position: absolute;
      right: -3px;
      top: -3px;
      background-color: #ed0000;
      color: #4f4954;
      padding: 10px 20px;
      font-size: 18px;
      font-family: "Source Sans Pro", sans-serif; }
  .woocommerce div.product div.summary,
  .woocommerce-page div.product div.summary {
    margin: 0 0 30px;
    width: 55%;
    padding-left: 40px;
    float: right; }
    .woocommerce div.product div.summary h4,
    .woocommerce-page div.product div.summary h4 {
      font-family: "Lato", sans-serif;
      font-size: 34px;
      line-height: 40px;
      color: #000000;
      margin-bottom: 8px;
      border-bottom: none;
      padding-bottom: 0 !important; }
    .woocommerce div.product div.summary .woocommerce-product-rating,
    .woocommerce-page div.product div.summary .woocommerce-product-rating {
      display: block;
      line-height: 20px;
      overflow: hidden;
      margin-bottom: 10px; }
      .woocommerce div.product div.summary .woocommerce-product-rating .star-rating,
      .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating {
        float: left;
        font-size: 13px;
        height: 20px;
        width: 60px;
        line-height: 20px;
        position: relative;
        font-family: 'FontAwesome';
        margin-right: 10px;
        margin-top: 1px; }
        .woocommerce div.product div.summary .woocommerce-product-rating .star-rating:before,
        .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating:before {
          color: #ed0000;
          content: "\f006\f006\f006\f006\f006";
          font-family: 'FontAwesome';
          float: left;
          left: 0;
          top: 0;
          position: absolute; }
        .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span,
        .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span {
          float: left;
          left: 0;
          overflow: hidden;
          padding-top: 1.5em;
          position: absolute;
          top: 0;
          width: 60%; }
          .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span:before,
          .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span:before {
            color: #ed0000;
            position: absolute;
            left: 0;
            top: 0;
            content: "\f005\f005\f005\f005\f005";
            font-family: 'FontAwesome'; }
      .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link,
      .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link {
        color: #93909e; }
        .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover,
        .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover {
          color: #ed0000; }
    .woocommerce div.product div.summary p.price,
    .woocommerce-page div.product div.summary p.price {
      font-size: 18px;
      color: #77757d;
      font-weight: 300;
      line-height: 24px;
      margin-bottom: 25px; }
      .woocommerce div.product div.summary p.price del,
      .woocommerce-page div.product div.summary p.price del {
        margin-right: 10px; }
        .woocommerce div.product div.summary p.price del .amount,
        .woocommerce-page div.product div.summary p.price del .amount {
          color: #77757d;
          font-weight: 300;
          font-size: 18px; }
      .woocommerce div.product div.summary p.price ins,
      .woocommerce-page div.product div.summary p.price ins {
        text-decoration: none; }
        .woocommerce div.product div.summary p.price ins .amount,
        .woocommerce-page div.product div.summary p.price ins .amount {
          color: #ed0000;
          font-size: 28px;
          font-weight: 400; }
    .woocommerce div.product div.summary form.cart,
    .woocommerce-page div.product div.summary form.cart {
      overflow: hidden;
      margin-top: 5px;
      margin-bottom: 30px;
      padding-bottom: 0;
      border-bottom: none; }
      .woocommerce div.product div.summary form.cart .quantity,
      .woocommerce-page div.product div.summary form.cart .quantity {
        float: left;
        margin-right: 10px;
        width: 70px;
        padding-right: 30px;
        overflow: hidden;
        position: relative; }
        .woocommerce div.product div.summary form.cart .quantity .minus,
        .woocommerce-page div.product div.summary form.cart .quantity .minus {
          color: #ffffff;
          background: #ed0000;
          height: 15px;
          border-radius: 0;
          box-shadow: none !important;
          text-shadow: none !important;
          bottom: 0;
          right: 0;
          cursor: pointer;
          display: block;
          line-height: 15px;
          overflow: visible;
          margin: 0;
          padding: 0;
          position: absolute;
          text-align: center;
          text-decoration: none;
          vertical-align: text-top;
          width: 30px;
          font-size: 13px;
          border: none; }
          .woocommerce div.product div.summary form.cart .quantity .minus:hover,
          .woocommerce-page div.product div.summary form.cart .quantity .minus:hover {
            background-color: #353536; }
        .woocommerce div.product div.summary form.cart .quantity .plus,
        .woocommerce-page div.product div.summary form.cart .quantity .plus {
          color: #ffffff;
          background: #ed0000;
          height: 15px;
          border-radius: 0;
          box-shadow: none !important;
          text-shadow: none !important;
          top: 0;
          right: 0;
          cursor: pointer;
          display: block;
          line-height: 15px;
          overflow: visible;
          margin: 0;
          padding: 0;
          position: absolute;
          text-align: center;
          text-decoration: none;
          vertical-align: text-top;
          width: 30px;
          border: none;
          font-size: 13px; }
          .woocommerce div.product div.summary form.cart .quantity .plus:hover,
          .woocommerce-page div.product div.summary form.cart .quantity .plus:hover {
            background-color: #353536; }
        .woocommerce div.product div.summary form.cart .quantity .qty,
        .woocommerce-page div.product div.summary form.cart .quantity .qty {
          border-radius: 0;
          box-shadow: none !important;
          text-shadow: none !important;
          height: 30px;
          float: left;
          border-right: none;
          width: 40px;
          text-align: center;
          color: #93909e;
          font-size: 13px;
          padding: 0;
          border: none; }
      .woocommerce div.product div.summary form.cart .single_add_to_cart_button,
      .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button {
        float: left;
        display: block;
        padding: 5px 15px;
        line-height: 20px;
        text-align: center;
        background-image: none;
        text-shadow: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        font-size: 13px;
        background-color: #353536;
        border: none; }
        .woocommerce div.product div.summary form.cart .single_add_to_cart_button:hover,
        .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button:hover {
          background-color: #ed0000; }
        .woocommerce div.product div.summary form.cart .single_add_to_cart_button i,
        .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button i {
          font-size: 14px;
          margin-right: 10px; }
    .woocommerce div.product div.summary .description,
    .woocommerce-page div.product div.summary .description {
      overflow: hidden;
      margin-bottom: 20px; }
      .woocommerce div.product div.summary .description p,
      .woocommerce-page div.product div.summary .description p {
        margin-bottom: 20px;
        color: #77757d; }
    .woocommerce div.product div.summary .product_meta,
    .woocommerce-page div.product div.summary .product_meta {
      font-style: normal;
      color: #77757d; }
      .woocommerce div.product div.summary .product_meta a,
      .woocommerce-page div.product div.summary .product_meta a {
        color: #ed0000;
        font-style: normal; }
        .woocommerce div.product div.summary .product_meta a:hover,
        .woocommerce-page div.product div.summary .product_meta a:hover {
          color: #77757d; }
  .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1,
  .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 {
    background-color: transparent; }
  .woocommerce div.product .kopa-tab-container-1 h4,
  .woocommerce-page div.product .kopa-tab-container-1 h4 {
    border-bottom: 2px solid #d7d5dd;
    text-transform: none;
    margin: 0 0 15px;
    padding-bottom: 15px;
    font-size: 21px;
    font-family: "Lato", sans-serif; }
  .woocommerce div.product .kopa-tab-container-1 #comments,
  .woocommerce-page div.product .kopa-tab-container-1 #comments {
    margin-left: 30px; }
    .woocommerce div.product .kopa-tab-container-1 #comments h4,
    .woocommerce-page div.product .kopa-tab-container-1 #comments h4 {
      margin-bottom: 20px; }
  .woocommerce div.product .kopa-tab-container-1 #respond,
  .woocommerce-page div.product .kopa-tab-container-1 #respond {
    margin-bottom: 0; }

.product_column .related.products h2 {
  font-size: 21px;
  line-height: 26px;
  font-family: "Lato", sans-serif;
  margin-bottom: 20px; }

/** 3.3 Widget **/
.widget iframe {
  border: none;
  width: 100%; }

.dark-bg {
  background-color: #4b4b4a;
  padding: 70px 0; }
  .dark-bg .widget .widget-title.style1 {
    text-align: center;
    color: #ffffff; }
  .dark-bg .widget:last-child {
    margin-bottom: 0; }
  .dark-bg a {
    color: #ffffff; }
    .dark-bg a:hover {
      color: #ed0000; }
  .dark-bg .pagination .page-numbers li a,
  .dark-bg .pagination .page-numbers li span {
    color: #c7c4d2; }
  .dark-bg .pagination .page-numbers li span.current,
  .dark-bg .pagination .page-numbers li a.first,
  .dark-bg .pagination .page-numbers li a.last {
    color: #ffffff; }
  .dark-bg .pagination .page-numbers li a.first,
  .dark-bg .pagination .page-numbers li a.last {
    border-color: #ffffff; }
    .dark-bg .pagination .page-numbers li a.first:hover,
    .dark-bg .pagination .page-numbers li a.last:hover {
      border-color: #353536; }

/*----- Kopa twitter widget -----*/
.kopa-twitter-widget ul {
  margin: 0;
  padding: 0; }
  .kopa-twitter-widget ul li {
    float: none;
    margin: 10px 0 0;
    list-style: none;
    padding-top: 10px;
    border-top: 1px solid #807a8d; }
    .kopa-twitter-widget ul li:first-child {
      border-top: none;
      padding-top: 0;
      margin-top: 0; }
    .kopa-twitter-widget ul li .tweet-item {
      position: relative; }
      .kopa-twitter-widget ul li .tweet-item .tweet-avatar {
        top: 15px;
        left: 7px;
        position: absolute;
        width: 40px;
        height: 40px;
        color: #ffffff;
        text-align: center;
        line-height: 38px;
        border: 1px solid #ffffff;
        font-size: 16px;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
        .kopa-twitter-widget ul li .tweet-item .tweet-avatar i {
          transform: rotate(-45deg);
          -moz-transform: rotate(-45deg);
          -webkit-transform: rotate(-45deg);
          -ms-transform: rotate(-45deg); }
      .kopa-twitter-widget ul li .tweet-item .tweet-detail {
        margin-left: 73px;
        min-height: 60px; }
        .kopa-twitter-widget ul li .tweet-item .tweet-detail p {
          margin-bottom: 0;
          line-height: 24px; }
        .kopa-twitter-widget ul li .tweet-item .tweet-detail .tweet-time {
          display: block;
          color: #ed0000; }
    .kopa-twitter-widget ul li:hover .tweet-item .tweet-avatar {
      background-color: #ed0000; }

#main-content .kopa-twitter-widget ul {
  padding: 20px 0;
  background-color: #13101a; }
  #main-content .kopa-twitter-widget ul li {
    margin-top: 15px;
    padding-left: 30px;
    padding-right: 30px; }
    #main-content .kopa-twitter-widget ul li:first-child {
      margin-top: 0; }

/*
Kopa flickr Widget
----------------------------------
*/
.kopa-flickr-widget .flickr-wrap {
  margin: 0;
  padding: 0; }
  .kopa-flickr-widget .flickr-wrap li {
    float: left;
    margin: 0;
    list-style: none;
    width: 33.333333%; }
    .kopa-flickr-widget .flickr-wrap li a {
      display: block;
      height: 104px;
      width: 100%; }

/*----- Kopa recent post widget -----*/
.kopa-recent-post-widget ul {
  margin: 0;
  padding: 10px 0;
  background-color: #ffffff; }
  .kopa-recent-post-widget ul li {
    float: none;
    margin: 0;
    list-style: none;
    padding: 20px 30px;
    border-top: 1px solid #d7d5dd; }
    .kopa-recent-post-widget ul li:first-child {
      border-top: none; }
    .kopa-recent-post-widget ul li .entry-item .entry-thumb {
      transform: rotate(45deg);
      -moz-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      overflow: hidden;
      margin-right: 20px; }
      .kopa-recent-post-widget ul li .entry-item .entry-thumb a {
        display: block;
        transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); }
    .kopa-recent-post-widget ul li .entry-item .entry-content .entry-title {
      font-family: "Lato", sans-serif;
      font-weight: 300;
      font-size: 14px;
      line-height: 20px; }
      .kopa-recent-post-widget ul li .entry-item .entry-content .entry-title a {
        color: #827f8b; }
        .kopa-recent-post-widget ul li .entry-item .entry-content .entry-title a:hover {
          color: #ed0000; }
    .kopa-recent-post-widget ul li .entry-item .entry-content footer {
      font-weight: 300;
      color: #ed0000;
      font-size: 13px; }

/*
Kopa gallery widget
----------------------------------
*/
.kopa-gallery-widget {
  position: relative; }
  .kopa-gallery-widget .masonry-container > header {
    margin-bottom: 35px; }
    .kopa-gallery-widget .masonry-container > header .filters {
      margin: -1px 0 0 -1px;
      padding: 0;
      display: inline-block; }
      .kopa-gallery-widget .masonry-container > header .filters li {
        float: left;
        margin: 1px 0 0 1px;
        list-style: none;
        font-size: 15px;
        font-weight: 300;
        cursor: pointer;
        border: 1px solid transparent;
        line-height: 30px;
        padding: 0 15px;
        color: #353536; }
        .kopa-gallery-widget .masonry-container > header .filters li:hover, .kopa-gallery-widget .masonry-container > header .filters li.active {
          border-color: #d7d6df; }
  .kopa-gallery-widget .masonry-container .container-masonry {
    position: relative;
    margin: 0 0 50px; }
    .kopa-gallery-widget .masonry-container .container-masonry .item {
      width: 25%;
      float: left;
      position: relative; }
      .kopa-gallery-widget .masonry-container .container-masonry .item.inactive {
        visibility: hidden;
        opacity: 0;
        filter: Alpha(Opacity=0); }
      .kopa-gallery-widget .masonry-container .container-masonry .item img {
        width: 100%; }
      .kopa-gallery-widget .masonry-container .container-masonry .item .mask {
        background-color: rgba(56, 46, 85, 0.7);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 4px solid #f2f2f2;
        opacity: 0;
        filter: Alpha(Opacity=0); }
        .kopa-gallery-widget .masonry-container .container-masonry .item .mask a {
          position: absolute;
          top: 50%;
          left: 50%;
          color: #ffffff;
          border: 2px solid #ffffff;
          width: 50px;
          height: 50px;
          text-align: center;
          line-height: 46px;
          margin: -25px 0 0 -25px;
          font-size: 12px; }
          .kopa-gallery-widget .masonry-container .container-masonry .item .mask a i {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg); }
          .kopa-gallery-widget .masonry-container .container-masonry .item .mask a:hover {
            color: #ed0000; }
      .kopa-gallery-widget .masonry-container .container-masonry .item:hover .mask {
        opacity: 1;
        filter: Alpha(Opacity=100); }
        .kopa-gallery-widget .masonry-container .container-masonry .item:hover .mask a {
          transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg); }

.load-more {
  color: #353536; }
  .load-more a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 2px solid #353536;
    line-height: 36px;
    margin-bottom: 20px;
    color: #353536;
    font-size: 16px;
    transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg); }
    .load-more a i {
      transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg); }
    .load-more a:hover {
      color: #ed0000;
      border-color: #ed0000; }
  .load-more span {
    display: block; }

/*----- Kopa masonry list 1 widget -----*/
.kopa-masonry-list-1-widget .masonry-list-wrapper {
  margin: 0 0 40px; }
  .kopa-masonry-list-1-widget .masonry-list-wrapper > ul {
    margin: -30px -15px 0;
    padding: 0; }
    .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li {
      float: left;
      margin: 30px 0 0;
      list-style: none;
      padding: 0 15px;
      width: 33.2%; }
      .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item {
        position: relative;
        background-color: #000000;
        padding: 25px 30px 30px; }
        .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb {
          position: relative; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img {
            width: 100%; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(57, 47, 85, 0.4);
            opacity: 0;
            filter: Alpha(Opacity=0); }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask a {
              position: absolute;
              top: 50%;
              left: 50%;
              color: #ffffff;
              border: 2px solid #ffffff;
              width: 40px;
              height: 40px;
              text-align: center;
              line-height: 36px;
              margin: -20px 0 0 -20px;
              font-size: 12px; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask a i {
                transform: rotate(-45deg);
                -moz-transform: rotate(-45deg);
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg); }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask a:hover {
                color: #ed0000; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb:hover .mask {
            opacity: 1;
            filter: Alpha(Opacity=100); }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb:hover .mask a {
              transform: rotate(45deg);
              -moz-transform: rotate(45deg);
              -webkit-transform: rotate(45deg);
              -ms-transform: rotate(45deg); }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb iframe {
            border: none;
            width: 100%; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls {
            margin: 0;
            position: absolute;
            left: 0;
            bottom: 0;
            height: 35px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div {
              position: static;
              width: 35px;
              height: 35px;
              -webkit-border-radius: 0;
              -moz-border-radius: 0;
              -ms-border-radius: 0;
              border-radius: 0;
              margin: 0;
              padding: 0;
              background-color: rgba(255, 255, 255, 0.7);
              opacity: 1;
              filter: Alpha(Opacity=100);
              color: #7a738a;
              line-height: 35px;
              font-size: 26px; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div:hover {
                background-color: rgba(57, 47, 85, 0.7);
                color: #b8b4be; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div.owl-next:before {
                content: "\f105"; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-blog-carousel .owl-controls .owl-buttons div.owl-prev:before {
                content: "\f104"; }
        .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content {
          margin-bottom: 30px; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2 {
            padding: 0;
            background: none;
            border: none;
            margin-bottom: 25px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2:before, .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2:after {
              display: none; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2 p {
              padding-left: 0;
              text-transform: uppercase;
              font-size: 18px;
              color: #ffffff;
              font-weight: 400;
              line-height: 26px;
              margin-bottom: 30px; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2 p i {
                color: #ed0000;
                font-size: 24px;
                position: static;
                float: left;
                margin-right: 15px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .kopa-blockquote-2 > span {
              float: left;
              font-size: 16px;
              color: #908c9f;
              font-style: normal; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content header {
            margin-bottom: 8px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content header .entry-date {
              color: #ed0000;
              font-size: 13px; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title {
            font-weight: 300;
            font-size: 24px;
            line-height: 28px;
            font-family: "Lato", sans-serif;
            margin-bottom: 15px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title a {
              color: #ffffff; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title a:hover {
                color: #ed0000; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content p {
            font-weight: 300;
            margin-bottom: 20px; }
          .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .social-links {
            margin-left: -5px; }
            .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .social-links li {
              margin-left: 5px; }
              .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .social-links li a {
                width: 34px;
                line-height: 32px;
                font-size: 14px;
                border-color: #000000;
                color: #d1d0d6; }
                .kopa-masonry-list-1-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .social-links li a:hover {
                  background-color: #353536; }

/*----- Kopa blog classic widget -----*/
.kopa-blog-classic-widget ul {
  margin: 0;
  padding: 0; }
  .kopa-blog-classic-widget ul li {
    float: none;
    margin: 80px 0 0;
    list-style: none; }
    .kopa-blog-classic-widget ul li:first-child {
      margin: 0; }
    .kopa-blog-classic-widget ul li .entry-item .entry-thumb {
      margin-bottom: 25px;
      position: relative; }
      .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask {
        background: url(images/background/pattern-4.png) repeat 0 0;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        filter: Alpha(Opacity=0); }
        .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask a {
          position: absolute;
          top: 50%;
          left: 50%;
          color: #ffffff;
          border: 2px solid #ffffff;
          width: 40px;
          height: 40px;
          text-align: center;
          line-height: 36px;
          margin: -20px 0 0 -20px;
          font-size: 12px; }
          .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask a i {
            transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg); }
          .kopa-blog-classic-widget ul li .entry-item .entry-thumb .mask a:hover {
            color: #ed0000; }
      .kopa-blog-classic-widget ul li .entry-item .entry-thumb:hover .mask {
        opacity: 1;
        filter: Alpha(Opacity=100); }
        .kopa-blog-classic-widget ul li .entry-item .entry-thumb:hover .mask a {
          transform: rotate(45deg);
          -moz-transform: rotate(45deg);
          -webkit-transform: rotate(45deg);
          -ms-transform: rotate(45deg); }
      .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div {
        width: 55px;
        height: 55px;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0;
        margin: -23px 0 0;
        padding: 0;
        background-color: rgba(255, 255, 255, 0.7);
        opacity: 1;
        filter: Alpha(Opacity=100);
        color: #7a738a;
        line-height: 53px;
        font-size: 40px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div:hover {
          background-color: rgba(57, 47, 85, 0.7);
          color: #b8b4be; }
        .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div.owl-next {
          right: 30px; }
          .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div.owl-next:before {
            content: "\f105"; }
        .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div.owl-prev {
          left: 30px; }
          .kopa-blog-classic-widget ul li .entry-item .entry-thumb .kopa-blog-classic-carousel .owl-controls .owl-buttons > div.owl-prev:before {
            content: "\f104"; }
    .kopa-blog-classic-widget ul li .entry-item .entry-content {
      color: #93909e; }
      .kopa-blog-classic-widget ul li .entry-item .entry-content header {
        margin-bottom: 8px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content header .entry-date,
        .kopa-blog-classic-widget ul li .entry-item .entry-content header .entry-meta {
          color: #ed0000; }
      .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2 {
        border: none;
        padding: 0;
        color: #000000;
        margin-bottom: 15px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2 p {
          font-size: 32px;
          color: #353536;
          font-weight: 400;
          line-height: 38px;
          margin-bottom: 8px; }
          .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2 p i {
            color: #000000;
            font-size: 30px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2 span {
          float: left;
          font-style: normal;
          color: #ed0000;
          font-weight: 400; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2:before, .kopa-blog-classic-widget ul li .entry-item .entry-content .kopa-blockquote-2:after {
          display: none; }
      .kopa-blog-classic-widget ul li .entry-item .entry-content .entry-title {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 18px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content .entry-title a {
          color: #353536; }
          .kopa-blog-classic-widget ul li .entry-item .entry-content .entry-title a:hover {
            color: #ed0000; }
      .kopa-blog-classic-widget ul li .entry-item .entry-content .entry-excerpt {
        margin-bottom: 25px; }
      .kopa-blog-classic-widget ul li .entry-item .entry-content footer a {
        display: inline-block;
        border: 1px solid #353536;
        color: #353536;
        line-height: 38px;
        padding: 0 15px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content footer a span {
          margin-right: 10px; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content footer a i {
          line-height: 38px;
          margin: 0 !important; }
        .kopa-blog-classic-widget ul li .entry-item .entry-content footer a:hover {
          background-color: #353536;
          color: #ed0000; }

/*----- Kopa event 4 widget -----*/
.kopa-event-4-widget .widget-content .events-by-month {
  position: relative; }
  .kopa-event-4-widget .widget-content .events-by-month .event-month {
    position: absolute;
    top: 0;
    left: 0;
    color: #ffffff;
    background-color: #353536;
    width: 130px;
    text-align: center;
    padding: 35px 0; }
    .kopa-event-4-widget .widget-content .events-by-month .event-month p {
      margin-bottom: 0;
      font-size: 40px;
      line-height: 38px; }
    .kopa-event-4-widget .widget-content .events-by-month .event-month span {
      display: inline-block;
      font-weight: 300;
      margin-bottom: 2px; }
  .kopa-event-4-widget .widget-content .events-by-month ul {
    margin: 0 0 0 145px;
    padding: 0; }
    .kopa-event-4-widget .widget-content .events-by-month ul li {
      margin: 0 0 15px; }
      .kopa-event-4-widget .widget-content .events-by-month ul li .event-item {
        position: relative;
        padding: 25px 30px 27px; }
        .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .mask {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(57, 47, 85, 0.7); }
        .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-1 {
            background: url(images/background/event-bg-1.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-2 {
            background: url(images/background/event-bg-2.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-3 {
            background: url(images/background/event-bg-3.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-4 {
            background: url(images/background/event-bg-4.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-5 {
            background: url(images/background/event-bg-5.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-6 {
            background: url(images/background/event-bg-6.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-7 {
            background: url(images/background/event-bg-7.jpg) no-repeat center;
            background-size: cover; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .event-bg.event-bg-8 {
            background: url(images/background/event-bg-8.jpg) no-repeat center;
            background-size: cover; }
        .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row {
          position: relative;
          z-index: 1; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-heading {
            margin-bottom: 8px; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .event-date {
            font-size: 24px;
            color: #ffffff;
            display: inline-block;
            line-height: 30px; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .event-title {
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 0; }
            .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .event-title a {
              color: #ffffff; }
              .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .event-title a:hover {
                color: #ed0000; }
          .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .buy-ticket {
            color: #ed0000;
            display: inline-block;
            line-height: 30px; }
            .kopa-event-4-widget .widget-content .events-by-month ul li .event-item .row > div .event-content .buy-ticket:hover {
              color: #ffffff; }
.kopa-event-4-widget .widget-content .pagination {
  margin-top: 70px; }

/*----- Kopa featured post widget -----*/
.kopa-featured-post-widget .entry-item .entry-thumb {
  margin-bottom: 25px; }
.kopa-featured-post-widget .entry-item .entry-content {
  padding: 0 15%; }
  .kopa-featured-post-widget .entry-item .entry-content header {
    margin-bottom: 20px; }
    .kopa-featured-post-widget .entry-item .entry-content header .entry-title {
      font-size: 32px;
      line-height: 38px; }
      .kopa-featured-post-widget .entry-item .entry-content header .entry-title a {
        color: #353536; }
    .kopa-featured-post-widget .entry-item .entry-content header .entry-categories:hover {
      color: #353536; }
    .kopa-featured-post-widget .entry-item .entry-content header .entry-author:hover {
      color: #353536; }
    .kopa-featured-post-widget .entry-item .entry-content header .entry-meta {
      display: inline-block;
      color: #ed0000; }
    .kopa-featured-post-widget .entry-item .entry-content header > p {
      margin-bottom: 5px; }
    .kopa-featured-post-widget .entry-item .entry-content header .entry-date {
      color: #353536; }
      .kopa-featured-post-widget .entry-item .entry-content header .entry-date span {
        color: #ed0000; }
    .kopa-featured-post-widget .entry-item .entry-content header .amount-song {
      color: #353536; }
  .kopa-featured-post-widget .entry-item .entry-content > p {
    color: #524d69; }

/*----- Kopa artist widget -----*/
.kopa-artist-widget .search-box {
  margin-bottom: 35px; }
  .kopa-artist-widget .search-box .search-form .search-text {
    text-align: left;
    background-color: rgba(35, 29, 48, 0.6);
    padding: 5px 20px 5px 50px;
    line-height: 36px;
    height: 46px;
    font-weight: 300;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px; }
  .kopa-artist-widget .search-box .search-form .search-submit {
    top: 12px;
    left: 20px; }
.kopa-artist-widget .masonry-container > header {
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative; }
  .kopa-artist-widget .masonry-container > header .filters {
    margin: -10px 0 0 -20px;
    padding: 0;
    border-bottom: 1px solid #d5d3dd;
    padding-bottom: 10px; }
    .kopa-artist-widget .masonry-container > header .filters li {
      float: left;
      margin: 10px 0 0 20px;
      list-style: none;
      font-size: 16px;
      font-weight: 300;
      cursor: pointer;
      padding: 0;
      color: #353536;
      position: relative; }
      .kopa-artist-widget .masonry-container > header .filters li:before {
        height: 5px;
        content: "";
        background-color: #7e7e7e;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -13px;
        opacity: 0;
        filter: Alpha(Opacity=0); }
      .kopa-artist-widget .masonry-container > header .filters li:hover:before, .kopa-artist-widget .masonry-container > header .filters li.active:before {
        opacity: 1;
        filter: Alpha(Opacity=100); }
  .kopa-artist-widget .masonry-container > header .kopa-sorting {
    position: absolute;
    right: 0;
    top: 0; }
    .kopa-artist-widget .masonry-container > header .kopa-sorting select {
      border: none;
      background-color: transparent;
      font-size: 14px;
      font-weight: 300;
      color: #353536; }
.kopa-artist-widget .masonry-container .container-masonry {
  position: relative;
  margin: 0 -15px 10px; }
  .kopa-artist-widget .masonry-container .container-masonry .item {
    width: 33.333333%;
    padding: 0 15px;
    float: left;
    position: relative; }
    .kopa-artist-widget .masonry-container .container-masonry .item.inactive {
      visibility: hidden;
      opacity: 0;
      filter: Alpha(Opacity=0); }
    .kopa-artist-widget .masonry-container .container-masonry .item .artist-item {
      padding-bottom: 25px; }
      .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb {
        position: relative;
        margin-bottom: 25px; }
        .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb img {
          width: 100%; }
        .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask {
          background-color: rgba(56, 46, 85, 0.7);
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          opacity: 0;
          filter: Alpha(Opacity=0); }
          .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask a {
            position: absolute;
            top: 50%;
            left: 50%;
            color: #ffffff;
            border: 2px solid #ffffff;
            width: 50px;
            height: 50px;
            text-align: center;
            line-height: 46px;
            margin: -25px 0 0 -25px;
            font-size: 12px; }
            .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask a i {
              transform: rotate(-45deg);
              -moz-transform: rotate(-45deg);
              -webkit-transform: rotate(-45deg);
              -ms-transform: rotate(-45deg); }
            .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb .mask a:hover {
              color: #ed0000; }
        .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb:hover .mask {
          opacity: 1;
          filter: Alpha(Opacity=100); }
          .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-thumb:hover .mask a {
            transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg); }
      .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-title {
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        margin-bottom: 0;
        font-family: "Lato", sans-serif; }
        .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-title a {
          color: #353536; }
          .kopa-artist-widget .masonry-container .container-masonry .item .artist-item .artist-title a:hover {
            color: #ed0000; }
.kopa-artist-widget .pagination {
  border-top: 1px solid #d5d3dd;
  padding-top: 40px;
  margin-top: 0; }

/*----- Kopa audio list 2 widget -----*/
.kopa-audio-list-2-widget {
  text-align: left !important; }
  .kopa-audio-list-2-widget > header {
    margin-bottom: 25px; }
    .kopa-audio-list-2-widget > header .widget-title {
      text-align: center !important; }
  .kopa-audio-list-2-widget a {
    color: #353536; }
    .kopa-audio-list-2-widget a:hover {
      color: #ed0000; }
  .kopa-audio-list-2-widget .widget-thumb {
    width: 200px;
    float: left;
    margin-right: 30px; }
  .kopa-audio-list-2-widget .widget-content {
    overflow: hidden; }
    .kopa-audio-list-2-widget .widget-content .audio-list-wrapper {
      width: 40%;
      float: left;
      max-height: 200px;
      overflow: hidden;
      padding-right: 2px; }
      .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header {
        margin: -5px 0 20px; }
        .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header h3 {
          font-size: 24px;
          line-height: 30px;
          margin-bottom: 0; }
        .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header p {
          color: #ed0000; }
          .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header p a {
            color: #ed0000; }
            .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header p a:hover {
              color: #353536; }
            .kopa-audio-list-2-widget .widget-content .audio-list-wrapper header p a:first-child {
              text-transform: capitalize; }
      .kopa-audio-list-2-widget .widget-content .audio-list-wrapper .audio-list {
        margin: 0;
        padding: 0 0 0 1px; }
        .kopa-audio-list-2-widget .widget-content .audio-list-wrapper .audio-list > li {
          margin: 0 0 8px; }
          .kopa-audio-list-2-widget .widget-content .audio-list-wrapper .audio-list > li a:before {
            content: '\f01d';
            margin-right: 10px;
            font-size: 20px;
            float: left; }
    .kopa-audio-list-2-widget .widget-content .album-intro {
      padding-left: 30px;
      width: 60%;
      float: left;
      position: relative;
      color: #353536; }
      .kopa-audio-list-2-widget .widget-content .album-intro > p {
        margin-bottom: 15px; }
        .kopa-audio-list-2-widget .widget-content .album-intro > p:last-child {
          margin-bottom: 0; }
    .kopa-audio-list-2-widget .widget-content .mCSB_scrollTools {
      width: 1px;
      opacity: 1;
      filter: Alpha(Opacity=100); }
      .kopa-audio-list-2-widget .widget-content .mCSB_scrollTools .mCSB_draggerRail {
        background: #353536;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        border-radius: 0; }
      .kopa-audio-list-2-widget .widget-content .mCSB_scrollTools .mCSB_dragger {
        width: 5px;
        height: 30px !important;
        left: -2px; }
        .kopa-audio-list-2-widget .widget-content .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
          -webkit-border-radius: 0;
          -moz-border-radius: 0;
          -ms-border-radius: 0;
          border-radius: 0;
          background: #353536 !important; }
    .kopa-audio-list-2-widget .widget-content .mCSB_inside > .mCSB_container {
      margin-right: 30px; }
    .kopa-audio-list-2-widget .widget-content .mCustomScrollBox {
      overflow: visible; }

/*----- Kopa album widget -----*/
.kopa-album-widget .search-box {
  margin-bottom: 35px; }
  .kopa-album-widget .search-box .search-form .search-text {
    text-align: left;
    background-color: rgba(35, 29, 48, 0.6);
    padding: 5px 20px 5px 50px;
    line-height: 36px;
    height: 46px;
    font-weight: 300;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -ms-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) ;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    -ms-border-radius: 23px;
    border-radius: 23px; }
  .kopa-album-widget .search-box .search-form .search-submit {
    top: 12px;
    left: 20px; }
.kopa-album-widget .masonry-container > header {
  margin-bottom: 30px;
  overflow: hidden;
  padding-bottom: 10px;
  position: relative; }
  .kopa-album-widget .masonry-container > header .filters {
    margin: -10px 0 0 -20px;
    padding: 0;
    border-bottom: 1px solid #d5d3dd;
    padding-bottom: 10px; }
    .kopa-album-widget .masonry-container > header .filters li {
      float: left;
      margin: 10px 0 0 20px;
      list-style: none;
      font-size: 16px;
      font-weight: 300;
      cursor: pointer;
      padding: 0;
      color: #353536;
      position: relative; }
      .kopa-album-widget .masonry-container > header .filters li:before {
        height: 5px;
        content: "";
        background-color: #7e7e7e;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -13px;
        opacity: 0;
        filter: Alpha(Opacity=0); }
      .kopa-album-widget .masonry-container > header .filters li:hover:before, .kopa-album-widget .masonry-container > header .filters li.active:before {
        opacity: 1;
        filter: Alpha(Opacity=100); }
  .kopa-album-widget .masonry-container > header .kopa-sorting {
    position: absolute;
    right: 0;
    top: 0; }
    .kopa-album-widget .masonry-container > header .kopa-sorting select {
      border: none;
      background-color: transparent;
      font-size: 14px;
      font-weight: 300;
      color: #353536; }
.kopa-album-widget .masonry-container .container-masonry {
  position: relative;
  margin: 0 -15px 10px; }
  .kopa-album-widget .masonry-container .container-masonry .item {
    width: 33.333333%;
    padding: 0 15px;
    float: left;
    position: relative; }
    .kopa-album-widget .masonry-container .container-masonry .item.inactive {
      visibility: hidden;
      opacity: 0;
      filter: Alpha(Opacity=0); }
    .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-wrap {
      background: #000000;
      overflow: hidden; }
    .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-top {
      padding-right: 120px; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-top:hover .entry-thumb .sd {
        margin-left: -70px; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-top:hover .entry-thumb > img {
        margin-left: -120px;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg); }
    .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb {
      text-align: center; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb .sd {
        position: absolute;
        bottom: -10px;
        left: 100%;
        width: 166px;
        height: 50px;
        background: url("placeholders/post1/sd.png");
        margin-left: -110px; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb > img {
        text-align: center;
        width: 206px;
        height: 206px;
        line-height: 206px;
        font-size: 12px;
        position: absolute;
        top: 50%;
        margin-top: -103px;
        margin-left: -103px;
        left: 100%;
        margin-left: -160px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg); }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb > a {
        position: relative; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb > a img {
          box-shadow: 2px -20px 6px 0px #4f4954;
          -ms-box-shadow: 2px -20px 6px 0px #4f4954;
          -moz-box-shadow: 2px -20px 6px 0px #4f4954;
          -webkit-box-shadow: 2px -20px 6px 0px #4f4954; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb .entry-title {
        position: absolute;
        bottom: 22px;
        left: 10px;
        right: 10px;
        font-size: 12px;
        line-height: 18px; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb .entry-title a {
          color: #fff;
          text-transform: uppercase;
          border-radius: 30px;
          border: 2px solid #fff;
          background: url("images/background/bg/black/6.png");
          background: rgba(0, 0, 0, 0.6);
          padding: 4px 20px;
          display: inline-block; }
          .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-thumb .entry-title a:hover {
            background: #ed0000; }
    .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-bottom {
      padding: 20px; }
    .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content {
      padding: 20px 0; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content a {
        color: #4f4954; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content a:hover {
          color: #ed0000; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content .entry-cat {
        font-size: 13px;
        text-transform: uppercase;
        font-weight: 300;
        color: #ed0000;
        margin-bottom: 0; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content .entry-cat a {
          color: #ed0000; }
          .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content .entry-cat a:hover {
            color: #4f4954; }
      .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer {
        font-size: 13px;
        font-weight: 600;
        color: #4f4954;
        display: inline-block;
        margin-top: 10px; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer > ul {
          margin: -6px -6px 0; }
          .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer > ul > li {
            display: inline-block;
            margin: 6px 6px 0;
            position: relative; }
            .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer > ul > li:before {
              content: '';
              position: absolute;
              top: 8px;
              left: -7.5px;
              width: 3px;
              height: 3px;
              background: #4f4954;
              border-radius: 50%; }
            .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer > ul > li:first-child:before {
              display: none; }
            .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer > ul > li:last-child {
              float: right; }
        .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer .kopa-rating {
          margin: 0; }
          .kopa-album-widget .masonry-container .container-masonry .item .entry-item .entry-content > footer .kopa-rating ul {
            margin: 0; }
    .kopa-album-widget .masonry-container .container-masonry .item .jp-audio .jp-interface {
      height: auto; }
    .kopa-album-widget .masonry-container .container-masonry .item .jp-controls {
      padding: 0px; }
      .kopa-album-widget .masonry-container .container-masonry .item .jp-controls button {
        float: none;
        display: inline-block;
        margin: 0 5px; }
    .kopa-album-widget .masonry-container .container-masonry .item .jp-progress {
      margin-top: 20px; }
    .kopa-album-widget .masonry-container .container-masonry .item .jp-current-time, .kopa-album-widget .masonry-container .container-masonry .item .jp-duration {
      margin-top: 15px; }
    .kopa-album-widget .masonry-container .container-masonry .item .jp-volume-controls {
      position: absolute;
      top: auto;
      bottom: 0;
      right: 50%;
      width: 70px;
      margin-right: -35px; }
.kopa-album-widget .pagination {
  border-top: 1px solid #d5d3dd;
  padding-top: 40px;
  margin-top: 0; }

/*----- Kopa contact info widget -----*/
.kopa-contact-info-widget .widget-title {
  text-align: center;
  margin-bottom: 40px; }
  .kopa-contact-info-widget .widget-title h2 {
    color: #c5c3cb;
    font-size: 60px;
    line-height: 40px;
    display: inline-block;
    margin: 0; }
  .kopa-contact-info-widget .widget-title .bottom-line {
    position: relative;
    height: 1px;
    width: 60%;
    display: inline-block;
    background-color: #ffffff; }
    .kopa-contact-info-widget .widget-title .bottom-line > span {
      background-color: #231e32;
      padding: 0 7px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin: -6px 0 0 -12px; }
      .kopa-contact-info-widget .widget-title .bottom-line > span span {
        border: 1px solid #ffffff;
        width: 10px;
        height: 10px;
        display: block;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg); }
.kopa-contact-info-widget .widget-content > p {
  margin-bottom: 40px; }
.kopa-contact-info-widget .widget-content .row > div .contact-item {
  position: relative;
  min-height: 40px; }
  .kopa-contact-info-widget .widget-content .row > div .contact-item .contact-icon {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #c5c3cb;
    background-color: #353536;
    position: absolute;
    top: 5px;
    left: 0;
    font-size: 16px; }
  .kopa-contact-info-widget .widget-content .row > div .contact-item .contact-info {
    margin-left: 60px;
    color: #c5c3cb; }
    .kopa-contact-info-widget .widget-content .row > div .contact-item .contact-info h6 {
      color: #ffffff;
      font-size: 14px;
      margin-bottom: 20px; }
    .kopa-contact-info-widget .widget-content .row > div .contact-item .contact-info p {
      font-weight: 300;
      padding-right: 65px;
      margin-bottom: 0; }

/*--- Kopa event 3 widget ---*/
.kopa-event-3-widget .kopa-event-carousel .item ul {
  background: #211b2d;
  color: #fff;
  padding: 0;
  margin: 0;
  position: relative; }
  .kopa-event-3-widget .kopa-event-carousel .item ul a {
    color: #fff; }
    .kopa-event-3-widget .kopa-event-carousel .item ul a:hover {
      color: #fff; }
  .kopa-event-3-widget .kopa-event-carousel .item ul:before {
    content: '';
    display: block;
    width: 11.80952%;
    height: 100%;
    border-right: 1px solid #606065;
    position: absolute;
    top: 0;
    left: 0; }
  .kopa-event-3-widget .kopa-event-carousel .item ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #606065;
    margin: 0; }
    .kopa-event-3-widget .kopa-event-carousel .item ul > li:hover {
      background: #bb3d92;
      background: -moz-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #bb3d92), color-stop(0%, #f6290c), color-stop(0%, #a34986), color-stop(100%, #3e216a));
      background: -webkit-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -o-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -ms-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: linear-gradient(to right, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3d92', endColorstr='#3e216a', GradientType=1 ); }
    .kopa-event-3-widget .kopa-event-carousel .item ul > li:first-child .col-2 {
      font-size: 18px;
      line-height: 24px;
      font-weight: 700; }
    .kopa-event-3-widget .kopa-event-carousel .item ul > li > div {
      float: left;
      min-height: 1px;
      text-align: left; }
      .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-1 {
        width: 11.80952%;
        text-align: center; }
        .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-1 p {
          font-size: 18px;
          line-height: 24px;
          font-weight: 700;
          text-transform: uppercase;
          margin-top: 2px; }
      .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-2 {
        width: 21.52381%;
        padding-left: 30px;
        text-transform: uppercase; }
        .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-2 p {
          margin-top: 5px; }
      .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-3 {
        width: 50%;
        padding-left: 18px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 300; }
      .kopa-event-3-widget .kopa-event-carousel .item ul > li > div.col-4 {
        width: 16.66667%;
        padding-right: 18px;
        text-align: right;
        text-transform: uppercase;
        margin-top: 5px; }
.kopa-event-3-widget .kopa-event-carousel .owl-controls {
  margin-top: 50px; }
  .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div {
    position: static;
    font-size: 14px;
    color: #ffffff;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid #ffffff;
    width: auto;
    height: 50px;
    line-height: 28px;
    margin: 0; }
    .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-prev {
      padding-right: 20px;
      margin-right: 10px; }
      .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-prev:before {
        content: "\f177";
        margin-right: 10px; }
    .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-next {
      padding-left: 20px;
      margin-left: 10px; }
      .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-next:before {
        display: none; }
      .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div.owl-next:after {
        content: "\f178";
        margin-left: 10px; }
    .kopa-event-3-widget .kopa-event-carousel .owl-controls .owl-buttons > div:hover {
      background-color: #353536;
      border-color: #353536;
      color: #ffffff; }

/*----- Kopa countdown 2 widget -----*/
.kopa-event-3-page .kopa-area-9 .span-bg:before {
  background: url(images/background/6.png) no-repeat center;
  background-size: cover; }
.kopa-event-3-page .kopa-area-9.kopa-parallax {
  padding-top: 160px; }
.kopa-event-3-page .kopa-area-9 .kopa-countdown-2 li span {
  color: #ffffff;
  font-size: 18px; }

/*--- Kopa featured audio widget ---*/
.kopa-featured-audio-widget {
  background: #000000; }
  .kopa-featured-audio-widget > .outer > .col-left, .kopa-featured-audio-widget > .outer > .col-right {
    position: relative;
    float: left;
    min-height: 1px;
    width: 40.59829%; }
  .kopa-featured-audio-widget > .outer > .col-left {
    background: #4b4b4a;
    padding-left: 130px; }
    .kopa-featured-audio-widget > .outer > .col-left:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 30px;
      height: 100%;
      background: #000000; }
    .kopa-featured-audio-widget > .outer > .col-left .album-thumb {
      display: inline-block;
      text-align: center;
      width: 110px;
      height: 110px;
      line-height: 90px;
      font-size: 15px;
      background: #000000;
      padding: 10px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      position: absolute;
      top: -15px;
      left: 0;
      z-index: 999; }
      .kopa-featured-audio-widget > .outer > .col-left .album-thumb img {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        border-radius: 50%; }
    .kopa-featured-audio-widget > .outer > .col-left .album-content {
      text-transform: capitalize;
      padding: 14px;
      padding-left: 0; }
      .kopa-featured-audio-widget > .outer > .col-left .album-content h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 2px; }
        .kopa-featured-audio-widget > .outer > .col-left .album-content h6 a {
          color: #fff; }
          .kopa-featured-audio-widget > .outer > .col-left .album-content h6 a:hover {
            color: #ffffff; }
      .kopa-featured-audio-widget > .outer > .col-left .album-content p {
        font-size: 13px; }
        .kopa-featured-audio-widget > .outer > .col-left .album-content p a {
          color: #ed0000; }
          .kopa-featured-audio-widget > .outer > .col-left .album-content p a:hover {
            color: #ffffff; }
  .kopa-featured-audio-widget > .outer > .col-right {
    width: 59.40171%;
    padding-left: 38px; }

/*--- Kopa event widget ---*/
.widget-title.style1 {
  font-size: 60px;
  line-height: 66px; }

.kopa-event-widget > ul > li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #606065; }
  .kopa-event-widget > ul > li > div {
    float: left;
    min-height: 1px;
    text-align: left; }
    .kopa-event-widget > ul > li > div.col-1 {
      width: 7.14286%; }
      .kopa-event-widget > ul > li > div.col-1 p {
        font-size: 16px;
        line-height: 22px;
        font-weight: 700;
        color: #ed0000;
        text-transform: uppercase; }
    .kopa-event-widget > ul > li > div.col-2 {
      width: 18.09524%;
      padding-left: 40px;
      text-transform: capitalize; }
    .kopa-event-widget > ul > li > div.col-3 {
      width: 43.80952%;
      padding-left: 70px;
      font-family: "Source Sans Pro", sans-serif;
      font-size: 20px;
      line-height: 26px;
      font-weight: 300; }
    .kopa-event-widget > ul > li > div.col-4 {
      width: 30.95238%;
      padding-left: 40px;
      text-align: right;
      text-transform: uppercase; }

/*--- kopa-album-1-widget ---*/
.album-icon {
  text-align: center;
  width: 194px;
  height: 194px;
  line-height: 194px;
  font-size: 40px;
  position: absolute;
  top: 100%;
  margin-top: -97px;
  margin-left: -97px;
  left: 50%;
  background: #fff;
  border-radius: 50%;
  box-shadow: 1px 2px 4px 1px #c4c4c4;
  -ms-box-shadow: 1px 2px 4px 1px #c4c4c4;
  -moz-box-shadow: 1px 2px 4px 1px #c4c4c4;
  -webkit-box-shadow: 1px 2px 4px 1px #c4c4c4;
  padding-right: 5px;
  color: #3a2f57;
  z-index: 2; }
  .album-icon .icon-inner-1 {
    text-align: center;
    width: 88px;
    height: 88px;
    line-height: 88px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -44px;
    margin-left: -44px;
    left: 50%;
    background: #747373;
    border-radius: 50%; }
    .album-icon .icon-inner-1:before {
      content: '';
      width: 88px;
      height: 44px;
      border-bottom-left-radius: 44px;
      border-bottom-right-radius: 44px;
      background: #f5f4f6;
      position: absolute;
      bottom: -1px;
      left: 0; }
    .album-icon .icon-inner-1:after {
      content: '';
      text-align: center;
      width: 80px;
      height: 80px;
      line-height: 80px;
      font-size: 14px;
      position: absolute;
      top: 50%;
      margin-top: -40px;
      margin-left: -40px;
      left: 50%;
      border-radius: 50%;
      border: 2px solid #fff; }
  .album-icon .icon-inner-2 {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    left: 50%;
    border: 1px solid #fff;
    border-radius: 50%; }
    .album-icon .icon-inner-2:before {
      content: '';
      text-align: center;
      width: 10px;
      height: 10px;
      line-height: 10px;
      font-size: 14px;
      position: absolute;
      top: 50%;
      margin-top: -5px;
      margin-left: -5px;
      left: 50%;
      background: #fff;
      border-radius: 50%; }
  .album-icon span.fa {
    color: #000000;
    position: relative;
    z-index: 2; }

.kopa-subpage .album-icon .icon-inner-1 {
  background: #f5f4f6; }

.kopa-album-1-widget, .kopa-album-2-widget {
  text-align: center;
  margin-bottom: 0; }
  .kopa-album-1-widget > header, .kopa-album-2-widget > header {
    padding: 0px 0 0px;
    background-size: cover;
    position: relative;
    margin-bottom: 0; }
    .kopa-album-1-widget > header .widget-title, .kopa-album-2-widget > header .widget-title {
      margin-bottom: 15px;
      color: #fff; }
  .kopa-album-1-widget .widget-content, .kopa-album-2-widget .widget-content {
    padding: 140px 0 50px;
    background: url("images/background/1.png") no-repeat top center; }

.entry-thumb {
  position: relative; }

.kopa-album-list > li {
  margin-bottom: 30px; }
.kopa-album-list .entry-item .entry-wrap {
  background: #000000;
  overflow: hidden; }
.kopa-album-list .entry-item .entry-top {
  padding-right: 120px; }
  .kopa-album-list .entry-item .entry-top:hover .entry-thumb .sd {
    margin-left: -70px; }
  .kopa-album-list .entry-item .entry-top:hover .entry-thumb > img {
    margin-left: -120px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
.kopa-album-list .entry-item .entry-thumb {
  text-align: center; }
  .kopa-album-list .entry-item .entry-thumb .sd {
    position: absolute;
    bottom: -10px;
    left: 100%;
    width: 166px;
    height: 50px;
    background: url("placeholders/post1/sd.png");
    margin-left: -110px; }
  .kopa-album-list .entry-item .entry-thumb > img {
    text-align: center;
    width: 206px;
    height: 206px;
    line-height: 206px;
    font-size: 12px;
    position: absolute;
    top: 50%;
    margin-top: -103px;
    margin-left: -103px;
    left: 100%;
    margin-left: -160px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .kopa-album-list .entry-item .entry-thumb > a {
    position: relative; }
    .kopa-album-list .entry-item .entry-thumb > a img {
      box-shadow: 2px -20px 6px 0px #4f4954;
      -ms-box-shadow: 2px -20px 6px 0px #4f4954;
      -moz-box-shadow: 2px -20px 6px 0px #4f4954;
      -webkit-box-shadow: 2px -20px 6px 0px #4f4954; }
  .kopa-album-list .entry-item .entry-thumb .entry-title {
    position: absolute;
    bottom: 22px;
    left: 10px;
    right: 10px;
    font-size: 12px;
    line-height: 18px; }
    .kopa-album-list .entry-item .entry-thumb .entry-title a {
      color: #fff;
      text-transform: uppercase;
      border-radius: 30px;
      border: 2px solid #fff;
      background: url("images/background/bg/black/6.png");
      background: rgba(0, 0, 0, 0.6);
      padding: 4px 20px;
      display: inline-block; }
      .kopa-album-list .entry-item .entry-thumb .entry-title a:hover {
        background: #ed0000; }
.kopa-album-list .entry-item .entry-bottom {
  padding: 20px; }
.kopa-album-list .entry-item .entry-content {
  padding: 20px 20px 0; }
  .kopa-album-list .entry-item .entry-content a {
    color: #4f4954; }
    .kopa-album-list .entry-item .entry-content a:hover {
      color: #ed0000; }
  .kopa-album-list .entry-item .entry-content .entry-cat {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300;
    color: #ed0000; }
    .kopa-album-list .entry-item .entry-content .entry-cat a {
      color: #ed0000; }
      .kopa-album-list .entry-item .entry-content .entry-cat a:hover {
        color: #4f4954; }
  .kopa-album-list .entry-item .entry-content > footer {
    font-size: 13px;
    font-weight: 600;
    color: #4f4954;
    display: inline-block;
    margin-top: 10px; }
    .kopa-album-list .entry-item .entry-content > footer > ul {
      margin: -6px -6px 0; }
      .kopa-album-list .entry-item .entry-content > footer > ul > li {
        display: inline-block;
        margin: 6px 6px 0;
        position: relative; }
        .kopa-album-list .entry-item .entry-content > footer > ul > li:before {
          content: '';
          position: absolute;
          top: 8px;
          left: -7.5px;
          width: 3px;
          height: 3px;
          background: #4f4954;
          border-radius: 50%; }
        .kopa-album-list .entry-item .entry-content > footer > ul > li:first-child:before {
          display: none; }
        .kopa-album-list .entry-item .entry-content > footer > ul > li:last-child {
          float: right; }
    .kopa-album-list .entry-item .entry-content > footer .kopa-rating {
      margin: 0; }
      .kopa-album-list .entry-item .entry-content > footer .kopa-rating ul {
        margin: 0; }
.kopa-album-list .jp-audio .jp-interface {
  height: auto; }
.kopa-album-list .jp-controls {
  padding: 0px; }
  .kopa-album-list .jp-controls button {
    float: none;
    display: inline-block;
    margin: 0 5px; }
.kopa-album-list .jp-progress {
  margin-top: 20px; }
.kopa-album-list .jp-current-time, .kopa-album-list .jp-duration {
  margin-top: 15px; }
.kopa-album-list .jp-volume-controls {
  position: absolute;
  top: auto;
  bottom: 0;
  right: 50%;
  width: 70px;
  margin-right: -35px; }

.kopa-rating {
  width: 100%;
  margin-bottom: 5px;
  display: inline-block;
  position: relative; }
  .kopa-rating li {
    font-size: 13px;
    float: left;
    color: #3a2f57;
    margin-left: 0; }
    .kopa-rating li.inactive span:before {
      content: "\f123"; }

/*--- kopa-audio-list-widget ---*/
.kopa-social-links.style1 {
  margin-top: 20px; }
  .kopa-social-links.style1 ul {
    margin: -8px -2px 0; }
    .kopa-social-links.style1 ul li {
      display: inline-block;
      position: relative;
      margin: 8px 2px 0; }
      .kopa-social-links.style1 ul li a {
        display: inline-block;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        background: none;
        background: #807a8d;
        border-radius: 50%;
        color: #fff; }
        .kopa-social-links.style1 ul li a:hover {
          background: #ed0000; }

.kopa-social-links.style2 {
  margin-top: 20px; }
  .kopa-social-links.style2 ul {
    margin: -14px -6px 0; }
    .kopa-social-links.style2 ul li {
      display: inline-block;
      position: relative;
      margin: 14px 6px 0; }
      .kopa-social-links.style2 ul li a {
        display: inline-block;
        text-align: center;
        width: 34px;
        height: 34px;
        line-height: 34px;
        font-size: 18px;
        background: none;
        background: #000000;
        border-radius: 50%;
        color: #fff; }
        .kopa-social-links.style2 ul li a:hover {
          background: #ed0000; }

.kopa-audio-list-widget {
  text-align: left !important; }
  .kopa-audio-list-widget > header .widget-title {
    float: left; }
  .kopa-audio-list-widget > header .kopa-social-links {
    float: right; }
  .kopa-audio-list-widget a {
    color: #353536; }
    .kopa-audio-list-widget a:hover {
      color: #ed0000; }
  .kopa-audio-list-widget .widget-thumb {
    width: 200px;
    float: left;
    margin-right: 30px; }
  .kopa-audio-list-widget .widget-content {
    overflow: hidden; }
    .kopa-audio-list-widget .widget-content > header {
      margin: -5px 0 20px; }
      .kopa-audio-list-widget .widget-content > header h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 0; }
      .kopa-audio-list-widget .widget-content > header p {
        color: #ed0000; }
        .kopa-audio-list-widget .widget-content > header p a {
          color: #ed0000; }
          .kopa-audio-list-widget .widget-content > header p a:hover {
            color: #353536; }
          .kopa-audio-list-widget .widget-content > header p a:first-child {
            text-transform: capitalize; }
    .kopa-audio-list-widget .widget-content .audio-list {
      margin: 0 -15px; }
      .kopa-audio-list-widget .widget-content .audio-list > li {
        margin: 0 0 8px; }
        .kopa-audio-list-widget .widget-content .audio-list > li a:before {
          content: '\f01d';
          margin-right: 10px;
          margin-left: 1px;
          font-size: 20px;
          float: left; }

/*--- kopa-album-carousel-widget ---*/
.owl-carousel-1 .entry-item {
  padding: 45px 30px;
  position: relative; }
  .owl-carousel-1 .entry-item:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.1;
    filter: Alpha(Opacity=10); }
  .owl-carousel-1 .entry-item .entry-thumb {
    padding-left: 28px;
    position: relative; }
    .owl-carousel-1 .entry-item .entry-thumb > span {
      text-align: center;
      width: 114px;
      height: 114px;
      line-height: 114px;
      font-size: 24px;
      position: absolute;
      top: 50%;
      margin-top: -57px;
      margin-left: -57px;
      margin-left: 0;
      left: 0;
      background: url(placeholders/post2/1.png); }
    .owl-carousel-1 .entry-item .entry-thumb > a {
      position: relative; }
  .owl-carousel-1 .entry-item:hover:before {
    opacity: 1;
    filter: Alpha(Opacity=100); }
  .owl-carousel-1 .entry-item:hover .entry-thumb > span {
    background: url(placeholders/post2/2.png); }

/*--- kopa-sync-carousel-widget ---*/
.kopa-sync-carousel-widget {
  overflow: hidden; }

.sync1 .entry-item .entry-thumb {
  width: 450px;
  background: #eee;
  -webkit-transform: scale(0.8) rotate(45deg);
  -moz-transform: scale(0.8) rotate(45deg);
  -ms-transform: scale(0.8) rotate(45deg);
  transform: scale(0.8) rotate(45deg);
  overflow: hidden;
  margin: 40px auto; }
  .sync1 .entry-item .entry-thumb > a {
    display: block; }
    .sync1 .entry-item .entry-thumb > a:before, .sync1 .entry-item .entry-thumb > a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 5px solid #eee;
      z-index: 9; }
    .sync1 .entry-item .entry-thumb > a:after {
      border: none;
      background: #1f1b2a;
      opacity: 0.3;
      filter: Alpha(Opacity=30); }
  .sync1 .entry-item .entry-thumb img {
    -webkit-transform: scale(1.5) rotate(-45deg);
    -moz-transform: scale(1.5) rotate(-45deg);
    -ms-transform: scale(1.5) rotate(-45deg);
    transform: scale(1.5) rotate(-45deg); }
  .sync1 .entry-item .entry-thumb:hover > a:after {
    opacity: 0;
    filter: Alpha(Opacity=0); }
.sync1 .entry-item .entry-content {
  margin-top: 70px; }
.sync1 .entry-item .entry-title {
  font-size: 60px;
  line-height: 66px;
  text-transform: uppercase;
  font-weight: 300;
  margin-bottom: 15px; }

.thumb-hover {
  background: rgba(56, 46, 85, 0.7);
  border: 3px solid #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  filter: Alpha(Opacity=0); }

.thumb-icon {
  padding: 0;
  margin: 0;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 32px;
  font-size: 12px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  margin-left: -18px;
  border: 2px solid #fff;
  color: #fff;
  left: 50%;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg); }
  .thumb-icon:hover {
    color: #ed0000; }
  .thumb-icon i {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

.entry-thumb:hover .thumb-hover {
  opacity: 1;
  filter: Alpha(Opacity=100); }
.entry-thumb:hover .thumb-icon {
  -webkit-transform: scale(1) rotate(45deg);
  -moz-transform: scale(1) rotate(45deg);
  -ms-transform: scale(1) rotate(45deg);
  transform: scale(1) rotate(45deg); }
  .entry-thumb:hover .thumb-icon.style1 {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }

.sync2 {
  margin-top: 40px; }
  .sync2 .item {
    padding: 0 15px; }
  .sync2 .owl-controls {
    position: absolute;
    width: 100%;
    top: -100px; }
    .sync2 .owl-controls .owl-buttons div {
      color: #353536;
      background: none;
      padding: 0;
      margin: 0;
      border-radius: 0;
      text-align: center;
      width: 20px;
      height: 36px;
      line-height: 36px;
      font-size: 36px;
      position: absolute;
      top: 50%;
      margin-top: -18px;
      margin-left: -10px;
      opacity: 1;
      filter: Alpha(Opacity=100); }
      .sync2 .owl-controls .owl-buttons div:before {
        display: none !important; }
      .sync2 .owl-controls .owl-buttons div:hover {
        color: #ed0000; }
      .sync2 .owl-controls .owl-buttons div.owl-prev {
        left: 25px;
        background: url("placeholders/sync/prev.png") no-repeat; }
      .sync2 .owl-controls .owl-buttons div.owl-next {
        right: 20px;
        background: url("placeholders/sync/next.png") no-repeat; }

/*--- article-list-1 ---*/
.owl-carousel-2 .item {
  padding: 0 15px; }
.owl-carousel-2 .owl-controls .owl-pagination .owl-page span {
  border: 1px solid #eee; }
.owl-carousel-2 .owl-controls .owl-pagination .owl-page.active span, .owl-carousel-2 .owl-controls .owl-pagination .owl-page:hover span {
  background: #ed0000;
  border-color: #ed0000; }
.owl-carousel-2 .entry-item {
  border: 3px solid #fff;
  background: #000000;
  padding: 25px;
  text-align: left; }
  .owl-carousel-2 .entry-item > header p {
    color: #ed0000; }
  .owl-carousel-2 .entry-item > header .entry-title {
    font-size: 21px;
    line-height: 27px;
    margin-bottom: 20px;
    font-weight: 300; }
  .owl-carousel-2 .entry-item .thumb-hover {
    border: none;
    opacity: 1;
    filter: Alpha(Opacity=100);
    background: rgba(56, 46, 85, 0.4); }
  .owl-carousel-2 .entry-item .thumb-icon {
    -webkit-transform: rotate(-45deg) scale(1);
    -moz-transform: rotate(-45deg) scale(1);
    -ms-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1); }

/*--- kopa-masonry-widget ---*/
.kopa-masonry-wrap {
  margin: -1px; }

.ms-item1 {
  width: 25%;
  margin: 0;
  float: left; }

.kopa-masonry-widget header {
  color: #ffffff; }

/*--- kopa-countdown-widget ---*/
.kopa-span-rt {
  display: inline-block;
  text-align: center;
  width: 400px;
  height: 400px;
  line-height: 400px;
  font-size: 420px;
  background: #1b1822;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 80px;
  left: 50%;
  margin-left: -200px; }

.countdown-wrap {
  position: relative;
  padding: 20px 0; }
  .countdown-wrap:before, .countdown-wrap:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: url(placeholders/parallax/png/1.png); }
  .countdown-wrap:after {
    top: auto;
    bottom: 0; }

.kopa-countdown {
  text-align: center;
  margin: -15px -15px 0; }
  .kopa-countdown li {
    display: inline-block;
    margin: 15px 10px 0;
    display: inline-block;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 30px;
    font-size: 24px;
    background: none;
    border: 3px solid #ed0000;
    color: #ed0000;
    font-weight: 300;
    border-radius: 50%; }
    .kopa-countdown li h3 {
      color: #ed0000;
      margin: 10px 0 0; }
    .kopa-countdown li span {
      font-size: 12px;
      color: #fff;
      text-transform: capitalize;
      display: block;
      line-height: 12px; }

.cd-info {
  margin-top: 20px; }
  .cd-info p {
    margin: 0;
    color: #8d889a; }

.btn-ca {
  margin: 20px -4px 0; }
  .btn-ca li {
    display: inline-block;
    margin: 10px 4px 0; }
    .btn-ca li a {
      font-family: "Source Sans Pro", sans-serif;
      color: #fff !important;
      font-size: 13px;
      text-transform: uppercase;
      font-weight: 300;
      display: inline-block;
      padding: 10px 22px 10px 62px;
      position: relative;
      background: #353536; }
      .btn-ca li a i {
        display: inline-block;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 16px;
        background: #29223d;
        color: #fff;
        position: absolute;
        top: 0;
        left: 0; }
      .btn-ca li a:hover i {
        background: #ed0000; }

.kopa-countdown-widget {
  margin: 80px auto 40px;
  padding: 65px 30px 30px;
  background: #141118;
  width: 395px;
  max-width: 100%; }
  .kopa-countdown-widget .widget-title {
    color: #fff;
    margin-bottom: 20px;
    padding: 0 20px; }
  .kopa-countdown-widget .widget-wrap {
    position: relative; }

/*--- kopa-twitter-1-widget ---*/
.owl-carousel-3 .owl-controls .owl-pagination {
  margin-top: 40px;
  width: 100%; }
  .owl-carousel-3 .owl-controls .owl-pagination .owl-page span {
    background: #1f1b2a;
    border: 1px solid #fff;
    width: 9px;
    height: 9px; }
  .owl-carousel-3 .owl-controls .owl-pagination .owl-page.active span, .owl-carousel-3 .owl-controls .owl-pagination .owl-page:hover span {
    background: #fff; }
.owl-carousel-3 .entry-item .entry-thumb {
  width: 160px;
  background: #eee;
  -webkit-transform: scale(0.8) rotate(45deg);
  -moz-transform: scale(0.8) rotate(45deg);
  -ms-transform: scale(0.8) rotate(45deg);
  transform: scale(0.8) rotate(45deg);
  overflow: hidden;
  margin: 10px auto;
  border: 3px solid #fff; }
  .owl-carousel-3 .entry-item .entry-thumb > a {
    display: block; }
    .owl-carousel-3 .entry-item .entry-thumb > a:before, .owl-carousel-3 .entry-item .entry-thumb > a:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 9; }
    .owl-carousel-3 .entry-item .entry-thumb > a:after {
      background: #353536;
      opacity: 0.3;
      filter: Alpha(Opacity=30); }
  .owl-carousel-3 .entry-item .entry-thumb img {
    -webkit-transform: scale(1.5) rotate(-45deg);
    -moz-transform: scale(1.5) rotate(-45deg);
    -ms-transform: scale(1.5) rotate(-45deg);
    transform: scale(1.5) rotate(-45deg); }
  .owl-carousel-3 .entry-item .entry-thumb:hover > a:after {
    opacity: 0;
    filter: Alpha(Opacity=0); }
.owl-carousel-3 .entry-item .entry-content {
  margin-top: 50px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300; }
  .owl-carousel-3 .entry-item .entry-content .hash-tag {
    color: #ed0000; }
  .owl-carousel-3 .entry-item .entry-content .post-content a {
    text-decoration: underline !important; }
  .owl-carousel-3 .entry-item .entry-content .post-info {
    margin-top: 20px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 400;
    color: #ed0000;
    text-transform: uppercase; }

/*--- kopa-contact-widget ---*/
.contact-box-1, .comment-box-1 {
  font-weight: 300;
  text-align: left; }
  .contact-box-1 .input-block, .contact-box-1 .textarea-block, .comment-box-1 .input-block, .comment-box-1 .textarea-block {
    position: relative;
    margin: 10px 0 0; }
  .contact-box-1 input, .contact-box-1 textarea, .comment-box-1 input, .comment-box-1 textarea {
    box-shadow: none;
    border: 1px solid #c7c3dc;
    background: none;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    width: 100%;
    color: #fff; }
    .contact-box-1 input:focus, .contact-box-1 textarea:focus, .comment-box-1 input:focus, .comment-box-1 textarea:focus {
      background: #191720;
      outline: 0; }
    .contact-box-1 input#submit-contact-1, .contact-box-1 input#submit-comment-1, .contact-box-1 textarea#submit-contact-1, .contact-box-1 textarea#submit-comment-1, .comment-box-1 input#submit-contact-1, .comment-box-1 input#submit-comment-1, .comment-box-1 textarea#submit-contact-1, .comment-box-1 textarea#submit-comment-1 {
      line-height: 40px;
      height: 40px;
      color: #fff;
      width: auto;
      background: #000000;
      text-align: center;
      padding: 0 20px;
      margin-top: 20px;
      border: 0; }
      .contact-box-1 input#submit-contact-1:hover, .contact-box-1 input#submit-comment-1:hover, .contact-box-1 textarea#submit-contact-1:hover, .contact-box-1 textarea#submit-comment-1:hover, .comment-box-1 input#submit-contact-1:hover, .comment-box-1 input#submit-comment-1:hover, .comment-box-1 textarea#submit-contact-1:hover, .comment-box-1 textarea#submit-comment-1:hover {
        background: #353536; }
  .contact-box-1 textarea, .comment-box-1 textarea {
    height: auto; }
  .contact-box-1 label.error, .comment-box-1 label.error {
    color: #4a4747;
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    line-height: 34px; }
  .contact-box-1 .input-label, .comment-box-1 .input-label {
    color: #4f4954;
    margin: 5px 0 5px; }
    .contact-box-1 .input-label > span, .comment-box-1 .input-label > span {
      color: #ed0000;
      margin-left: 5px; }

.comment-box-1 .input-block, .comment-box-1 .textarea-block {
  margin: 20px 0 0; }
.comment-box-1 input, .comment-box-1 textarea {
  border: 1px solid #ded3f0;
  background: #ded3f0;
  color: #93909e; }
  .comment-box-1 input:focus, .comment-box-1 textarea:focus {
    background: #ded3f0;
    border-color: #c7c3dc; }
.comment-box-1 label.error {
  color: #4f4954; }

.kopa-span-rt-1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }
  .kopa-span-rt-1:before, .kopa-span-rt-1:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #4b4b4a;
    -webkit-transform: rotate(5deg);
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg); }
  .kopa-span-rt-1:after {
    background: #1b1822;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg); }

.kopa-contact-widget {
  margin: 30px auto 80px;
  width: 445px;
  max-width: 100%;
  position: relative; }
  .kopa-contact-widget .widget-title {
    color: #fff;
    margin-bottom: 20px;
    padding: 0 20px; }
  .kopa-contact-widget .widget-wrap {
    position: relative;
    padding: 40px;
    background: #4a4747; }

/*--- FOOTER ---*/
.kopa-footer {
  padding: 22px 0;
  background: url("placeholders/parallax/png/4.png");
  border-bottom: 10px solid #ed0000; }
  .kopa-footer .kopa-social-links {
    margin-top: 0; }
    .kopa-footer .kopa-social-links ul {
      margin: -8px -3px 0; }
      .kopa-footer .kopa-social-links ul li {
        margin: 8px 3px 0; }
        .kopa-footer .kopa-social-links ul li a {
          background: #ed0000; }
          .kopa-footer .kopa-social-links ul li a:hover {
            background: #ed0000; }
  .kopa-footer #copyright {
    margin-top: 25px; }

 /* =========================================================
HOME STYLE 2
============================================================ */
#kopa-page-header.style2 {
  position: absolute;
  width: 100%;
  z-index: 999;
  background: none; }
  #kopa-page-header.style2 #kopa-header-bottom {
    padding: 0; }
    #kopa-page-header.style2 #kopa-header-bottom #main-menu > li {
      padding: 5px 0; }
      #kopa-page-header.style2 #kopa-header-bottom #main-menu > li > ul {
        top: 40px; }

.kopa-header-notification {
  background: #ffffff;
  position: relative;
  border: none;
  padding: 0;
  border-radius: 0;
  margin-bottom: 30px; }
  .kopa-header-notification .outer {
    position: relative;
    padding: 16px 90px 16px 0; }
  .kopa-header-notification a {
    color: #fff;
    font-size: 16px;
    line-height: 22px; }
    .kopa-header-notification a:hover {
      color: #353536; }
  .kopa-header-notification .close {
    position: absolute;
    top: 11px;
    right: 0;
    font-size: 14px;
    line-height: 20px;
    color: #1b1822;
    padding: 6px 15px;
    background: #fff;
    opacity: 1;
    filter: Alpha(Opacity=100);
    outline: none;
    text-shadow: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: auto;
    width: auto;
    margin-top: 0; }
    .kopa-header-notification .close i {
      margin-left: 5px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      border: none;
      width: auto;
      height: auto;
      position: static;
      margin-top: 0;
      line-height: 20px; }
    .kopa-header-notification .close:hover {
      background: #ed0000;
      color: #fff; }

.kopa-home-2 .kopa-tab.style1 .nav-tabs > li.active > a,
.kopa-home-2 .kopa-tab.style1 .nav-tabs > li > a:hover,
.kopa-home-2 .kopa-tab.style1 .nav-tabs > li.active > a:focus {
  background-color: #f64ba8; }

/*--- owl-carousel-4 ---*/
.owl-carousel-4 .owl-controls .owl-buttons div {
  color: #fff;
  text-align: center;
  width: 20px;
  height: 36px;
  line-height: 36px;
  font-size: 28px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
  margin-left: -10px;
  margin-left: 0;
  opacity: 1;
  filter: Alpha(Opacity=100); }
  .owl-carousel-4 .owl-controls .owl-buttons div:hover {
    color: #ed0000; }
  .owl-carousel-4 .owl-controls .owl-buttons div.owl-prev {
    left: 20px; }
    .owl-carousel-4 .owl-controls .owl-buttons div.owl-prev:before {
      content: "\f053"; }
  .owl-carousel-4 .owl-controls .owl-buttons div.owl-next {
    right: 20px; }
    .owl-carousel-4 .owl-controls .owl-buttons div.owl-next:before {
      content: "\f054"; }
.owl-carousel-4 .owl-controls .owl-pagination {
  margin-top: 40px;
  width: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 40px; }
  .owl-carousel-4 .owl-controls .owl-pagination .owl-page span {
    width: 14px;
    height: 14px;
    margin: 0 5px;
    opacity: 1;
    filter: Alpha(Opacity=100);
    background: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 2px solid #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    position: relative; }
    .owl-carousel-4 .owl-controls .owl-pagination .owl-page span:before {
      content: "";
      height: 1px;
      width: 10px;
      background-color: #ffffff;
      position: absolute;
      top: 50%;
      left: -12px; }
  .owl-carousel-4 .owl-controls .owl-pagination .owl-page:first-child span:before {
    display: none; }
  .owl-carousel-4 .owl-controls .owl-pagination .owl-page.active span, .owl-carousel-4 .owl-controls .owl-pagination .owl-page:hover span {
    background: #ed0000; }
.owl-carousel-4 .thumb-hover {
  border: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
  background: url("images/background/2.png");
  background-size: cover; }
.owl-carousel-4 .entry-item {
  text-align: center;
  position: relative; }
  .owl-carousel-4 .entry-item .entry-content {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 195px;
    padding: 0; }
    .owl-carousel-4 .entry-item .entry-content a {
      color: #fff; }
      .owl-carousel-4 .entry-item .entry-content a:hover {
        color: #ed0000; }
    .owl-carousel-4 .entry-item .entry-content h5 {
      font-family: "Lato", sans-serif;
      font-size: 18px;
      line-height: 24px;
      font-weight: 300;
      text-transform: uppercase;
      margin-bottom: 20px; }
  .owl-carousel-4 .entry-item .entry-title {
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 0; }
    .owl-carousel-4 .entry-item .entry-title a {
      text-transform: uppercase;
      display: inline-block;
      background: rgba(25, 23, 32, 0.8);
      color: #fff !important;
      font-size: 40px;
      line-height: 46px;
      padding: 23px 50px; }
      .owl-carousel-4 .entry-item .entry-title a:hover {
        background: #ed0000; }
  .owl-carousel-4 .entry-item .slider-link {
    display: inline-block;
    font-size: 18px;
    line-height: 24px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 12px 30px;
    border: 1px solid #fff;
    color: #fff;
    margin-top: 55px; }
    .owl-carousel-4 .entry-item .slider-link:hover {
      color: #ed0000;
      border-color: #ed0000; }

.loading {
  background: rgba(255, 255, 255, 0.9);
  min-height: 739px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9; }
  .loading > i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-left: -13px;
    margin-top: -15px; }

.home-slider-box-2 .loading {
  position: relative; }

/*--- kopa-audio-list-1-widget ---*/
.kopa-audio-list-1-widget > ul {
  margin: 0 0 0 -1px; }
  .kopa-audio-list-1-widget > ul > li {
    width: 33.33333%;
    float: left;
    margin: 0;
    border-left: 1px solid #606065; }
.kopa-audio-list-1-widget .thumb-hover {
  border: none;
  opacity: 1;
  filter: Alpha(Opacity=100);
  background: rgba(73, 65, 109, 0.4); }
.kopa-audio-list-1-widget a {
  color: #fff; }
  .kopa-audio-list-1-widget a:hover {
    color: #ffffff; }
.kopa-audio-list-1-widget .entry-item {
  position: relative; }
  .kopa-audio-list-1-widget .entry-item .entry-content {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%; }
  .kopa-audio-list-1-widget .entry-item .entry-title {
    font-size: 42px;
    line-height: 48px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
    padding: 0 30px; }
  .kopa-audio-list-1-widget .entry-item .entry-author {
    font-size: 15px;
    line-height: 20px;
    font-weight: 300;
    text-transform: uppercase;
    color: #ffffff;
    padding: 0 30px;
    margin-bottom: 25px; }
.kopa-audio-list-1-widget .jp-audio {
  background: #000000;
  position: relative; }
  .kopa-audio-list-1-widget .jp-audio .jp-interface {
    padding: 35px 115px 0 90px; }
  .kopa-audio-list-1-widget .jp-audio .jp-controls {
    padding: 0;
    position: absolute;
    top: 20px;
    left: 30px; }
  .kopa-audio-list-1-widget .jp-audio .jp-progress {
    margin-top: 0; }
  .kopa-audio-list-1-widget .jp-audio .jp-play-bar {
    background: #ffffff; }
  .kopa-audio-list-1-widget .jp-audio .jp-volume-controls {
    right: 30px; }
.kopa-audio-list-1-widget .jp-stop, .kopa-audio-list-1-widget .jp-previous, .kopa-audio-list-1-widget .jp-next, .kopa-audio-list-1-widget .jp-play {
  border-color: #ffffff; }
  .kopa-audio-list-1-widget .jp-stop:hover, .kopa-audio-list-1-widget .jp-previous:hover, .kopa-audio-list-1-widget .jp-next:hover, .kopa-audio-list-1-widget .jp-play:hover {
    border-color: #ed0000; }

/*--- kopa-countdown-2-widget ---*/
.cd-title {
  font-family: "Lato", sans-serif;
  font-size: 60px;
  line-height: 66px;
  text-transform: uppercase;
  margin-bottom: 35px; }

.cd-date {
  font-size: 40px;
  line-height: 46px;
  text-transform: uppercase;
  margin-bottom: 20px; }

.kopa-countdown-2 {
  text-align: center;
  margin: -40px -36px 0; }
  .kopa-countdown-2 li {
    display: inline-block;
    margin: 70px 36px 0; }
    .kopa-countdown-2 li h3 {
      font-family: "Lato", sans-serif;
      font-weight: 700;
      margin: 10px 0 0;
      display: inline-block;
      text-align: center;
      width: 100px;
      height: 100px;
      line-height: 96px;
      font-size: 40px;
      background: none;
      border: 2px solid #353536;
      border-radius: 50%; }
    .kopa-countdown-2 li span {
      font-size: 14px;
      color: #ffffff;
      text-transform: capitalize;
      display: block;
      margin-top: 15px; }

.kopa-single-event .kopa-countdown-2 li span {
  color: #ffffff; }

/*--- article-list-2 ---*/
.thumb-icon.style1 {
  text-align: center;
  width: 74px;
  height: 74px;
  line-height: 68px;
  font-size: 30px;
  position: absolute;
  top: 50%;
  margin-top: -37px;
  margin-left: -37px;
  border-width: 3px;
  color: #fff;
  left: 50%;
  -webkit-transform: scale(1) rotate(0deg);
  -moz-transform: scale(1) rotate(0deg);
  -ms-transform: scale(1) rotate(0deg);
  transform: scale(1) rotate(0deg);
  background: url("images/background/2.png");
  background-size: cover;
  border-radius: 50%; }
  .thumb-icon.style1:hover {
    border-color: #fff;
    color: #fff; }
  .thumb-icon.style1 i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
    .thumb-icon.style1 i.fa-play {
      padding-left: 5px; }

.entry-view-1 {
  padding: 15px 13px;
  background: #f64ba8;
  color: #fff; }
  .entry-view-1 p {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0; }
  .entry-view-1 span {
    font-size: 12px;
    line-height: 10px;
    display: block;
    text-transform: capitalize; }

.article-list-2 {
  padding-bottom: 70px;
  border-bottom: 1px solid #443f4f; }
  .article-list-2 > ul {
    margin: -30px 0 0; }
    .article-list-2 > ul > li {
      margin-top: 30px; }
  .article-list-2 .thumb-hover {
    border: none;
    opacity: 1;
    filter: Alpha(Opacity=100);
    background: rgba(73, 65, 109, 0.4); }
  .article-list-2 .entry-item {
    text-align: left; }
    .article-list-2 .entry-item .entry-thumb {
      margin-bottom: 30px; }
    .article-list-2 .entry-item .entry-content .entry-view-1 {
      float: left;
      margin-right: 25px; }
    .article-list-2 .entry-item .entry-content .content-wrap {
      overflow: hidden; }
      .article-list-2 .entry-item .entry-content .content-wrap .entry-date {
        margin: 0 0 5px;
        display: block;
        color: #f64ba8;
        font-weight: 300; }
    .article-list-2 .entry-item .entry-content .entry-title {
      font-size: 21px;
      line-height: 28px;
      margin-bottom: 15px; }

/*--- kopa-tab-widget ---*/
.kopa-tab.style1 .nav-tabs {
  background: none;
  margin: 0 -2.5px;
  border: 0; }
  .kopa-tab.style1 .nav-tabs > li {
    margin: 0 2.5px; }
    .kopa-tab.style1 .nav-tabs > li > a {
      color: #fff !important;
      margin: 0;
      text-transform: none;
      border: none;
      background: #3a2f57;
      text-transform: uppercase;
      padding: 9px 13px;
      margin-bottom: 0px;
      border-radius: 0;
      cursor: pointer !important;
      position: relative; }
      .kopa-tab.style1 .nav-tabs > li > a:hover {
        background: #ed0000; }
    .kopa-tab.style1 .nav-tabs > li.active > a, .kopa-tab.style1 .nav-tabs > li.active > a:hover, .kopa-tab.style1 .nav-tabs > li.active > a:focus {
      cursor: default;
      background: #ed0000; }
.kopa-tab.style1 .tab-content {
  margin-top: 30px;
  background: none;
  padding: 0; }

.kopa-tab-widget .tab-content .tab-pane > ul {
  margin-top: -30px; }
  .kopa-tab-widget .tab-content .tab-pane > ul > li {
    margin-top: 30px; }

.kopa-home-2-page .kopa-tab.style1 .nav-tabs > li.active > a,
.kopa-home-2-page .kopa-tab.style1 .nav-tabs > li.active > a:hover,
.kopa-home-2-page .kopa-tab.style1 .nav-tabs > li.active > a:focus,
.kopa-home-2-page .kopa-tab.style1 .nav-tabs > li > a:hover {
  background: #f64ba8; }

/*--- kopa-audio-download-widget ---*/
.kopa-audio-download-widget > ul > li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #443f4f; }
.kopa-audio-download-widget .entry-item .col-left {
  width: 120px;
  float: left;
  margin-right: 30px; }
  .kopa-audio-download-widget .entry-item .col-left span,
  .kopa-audio-download-widget .entry-item .col-left a {
    display: inline-block;
    text-align: center;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 24px;
    background: none;
    font-family: "Source Sans Pro", sans-serif;
    color: #fff;
    background: #f16f5c;
    background: -moz-linear-gradient(left, #f16f5c 0%, #f6290c 0%, #a34986 0%, #40226b 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f16f5c), color-stop(0%, #f6290c), color-stop(0%, #a34986), color-stop(100%, #40226b));
    background: -webkit-linear-gradient(left, #f16f5c 0%, #f6290c 0%, #a34986 0%, #40226b 100%);
    background: -o-linear-gradient(left, #f16f5c 0%, #f6290c 0%, #a34986 0%, #40226b 100%);
    background: -ms-linear-gradient(left, #f16f5c 0%, #f6290c 0%, #a34986 0%, #40226b 100%);
    background: linear-gradient(to right, #f16f5c 0%, #f6290c 0%, #a34986 0%, #40226b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f16f5c', endColorstr='#40226b', GradientType=1 );
    float: left;
    position: relative;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .kopa-audio-download-widget .entry-item .col-left span:before {
    content: '';
    display: inline-block;
    text-align: center;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 24px;
    background: #000000;
    position: absolute;
    top: 2px;
    left: 2px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%; }
  .kopa-audio-download-widget .entry-item .col-left span i {
    position: relative;
    font-style: normal; }
  .kopa-audio-download-widget .entry-item .col-left a {
    margin-left: 10px;
    font-size: 20px; }
    .kopa-audio-download-widget .entry-item .col-left a:hover {
      background: #ffffff; }
.kopa-audio-download-widget .entry-item .entry-content {
  overflow: hidden; }
.kopa-audio-download-widget .entry-item .entry-title {
  font-size: 18px;
  line-height: 24px; }
.kopa-audio-download-widget .entry-item p {
  font-weight: 300;
  text-transform: capitalize;
  color: #fff; }

/*--- kopa-single-article-widget ---*/
.kopa-single-article-widget .entry-item .thumb-hover {
  border: none; }
.kopa-single-article-widget .entry-item .entry-thumb {
  width: 285px;
  float: left;
  margin-right: 30px; }
.kopa-single-article-widget .entry-item .entry-content {
  overflow: hidden; }
  .kopa-single-article-widget .entry-item .entry-content .entry-date {
    margin: 0 0 5px;
    display: block;
    color: #f64ba8;
    font-weight: 300; }
.kopa-single-article-widget .entry-item .entry-title {
  font-size: 21px;
  line-height: 28px;
  margin-bottom: 15px; }

/*--- kopa-album-2-widget ---*/
.kopa-album-2-widget > header {
  background: url("placeholders/parallax/10.jpg") center;
  background-size: cover; }
.kopa-album-2-widget .jp-audio .jp-play-bar {
  background: #ffffff; }
.kopa-album-2-widget .jp-stop, .kopa-album-2-widget .jp-previous, .kopa-album-2-widget .jp-next, .kopa-album-2-widget .jp-play {
  border-color: #ffffff; }
  .kopa-album-2-widget .jp-stop:hover, .kopa-album-2-widget .jp-previous:hover, .kopa-album-2-widget .jp-next:hover, .kopa-album-2-widget .jp-play:hover {
    border-color: #ed0000; }
.kopa-album-2-widget .kopa-album-list .entry-item .entry-thumb .entry-title a:hover {
  background: #ffffff; }
.kopa-album-2-widget .kopa-album-list .entry-item .entry-content {
  text-align: left; }
  .kopa-album-2-widget .kopa-album-list .entry-item .entry-content a {
    color: #4f4954; }
    .kopa-album-2-widget .kopa-album-list .entry-item .entry-content a:hover {
      color: #ffffff; }
  .kopa-album-2-widget .kopa-album-list .entry-item .entry-content .entry-cat {
    color: #ffffff; }
    .kopa-album-2-widget .kopa-album-list .entry-item .entry-content .entry-cat a {
      color: #ffffff; }
      .kopa-album-2-widget .kopa-album-list .entry-item .entry-content .entry-cat a:hover {
        color: #4f4954; }

/*--- kopa-event-2-widget ---*/
.event-button {
  display: inline-block;
  padding: 3px 7px;
  border-radius: 5px;
  background: #bb3d92;
  background: -moz-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #bb3d92), color-stop(0%, #f6290c), color-stop(0%, #a34986), color-stop(100%, #3e216a));
  background: -webkit-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
  background: -o-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
  background: -ms-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
  background: linear-gradient(to right, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3d92', endColorstr='#3e216a', GradientType=1 );
  position: relative; }
  .event-button:before {
    content: '';
    background: #211b2d;
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 5px; }
  .event-button span {
    position: relative; }
  .event-button:hover:before {
    background: #bb3d92; }

.kopa-event-2-widget > ul {
  background: #211b2d;
  color: #fff;
  padding: 0;
  margin: 0;
  position: relative; }
  .kopa-event-2-widget > ul a {
    color: #fff; }
    .kopa-event-2-widget > ul a:hover {
      color: #fff; }
  .kopa-event-2-widget > ul:before {
    content: '';
    display: block;
    width: 11.80952%;
    height: 100%;
    border-right: 1px solid #606065;
    position: absolute;
    top: 0;
    left: 0; }
  .kopa-event-2-widget > ul > li {
    padding: 15px 0;
    border-bottom: 1px solid #606065;
    margin: 0; }
    .kopa-event-2-widget > ul > li:hover {
      background: #bb3d92;
      background: -moz-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #bb3d92), color-stop(0%, #f6290c), color-stop(0%, #a34986), color-stop(100%, #3e216a));
      background: -webkit-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -o-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: -ms-linear-gradient(left, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      background: linear-gradient(to right, #bb3d92 0%, #f6290c 0%, #a34986 0%, #3e216a 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bb3d92', endColorstr='#3e216a', GradientType=1 ); }
    .kopa-event-2-widget > ul > li:first-child .col-2 {
      font-size: 18px;
      line-height: 24px;
      font-weight: 700; }
    .kopa-event-2-widget > ul > li > div {
      float: left;
      min-height: 1px;
      text-align: left; }
      .kopa-event-2-widget > ul > li > div.col-1 {
        width: 11.80952%;
        text-align: center; }
        .kopa-event-2-widget > ul > li > div.col-1 p {
          font-size: 18px;
          line-height: 24px;
          font-weight: 700;
          text-transform: uppercase;
          margin-top: 2px; }
      .kopa-event-2-widget > ul > li > div.col-2 {
        width: 21.52381%;
        padding-left: 30px;
        text-transform: uppercase; }
        .kopa-event-2-widget > ul > li > div.col-2 p {
          margin-top: 5px; }
      .kopa-event-2-widget > ul > li > div.col-3 {
        width: 50%;
        padding-left: 18px;
        font-family: "Source Sans Pro", sans-serif;
        font-size: 24px;
        line-height: 30px;
        font-weight: 300; }
      .kopa-event-2-widget > ul > li > div.col-4 {
        width: 16.66667%;
        padding-right: 18px;
        text-align: right;
        text-transform: uppercase;
        margin-top: 5px; }

/*--- kopa-newsletter-1-widget ---*/
.kopa-newsletter-1-widget .newsletter-info span {
  font-size: 16px;
  line-height: 24px;
  display: block;
  font-style: italic;
  margin-bottom: 5px; }
.kopa-newsletter-1-widget .newsletter-form {
  position: relative;
  margin-top: 30px; }
  .kopa-newsletter-1-widget .newsletter-form .input-area {
    position: relative;
    width: 80%;
    padding: 0 10px 0 55px;
    float: left; }
    .kopa-newsletter-1-widget .newsletter-form .input-area > span {
      display: inline-block;
      text-align: center;
      width: 56px;
      height: 46px;
      line-height: 46px;
      font-size: 16px;
      background: none;
      border: 1px solid #fff;
      color: #fff;
      position: absolute;
      top: 0;
      left: 0; }
    .kopa-newsletter-1-widget .newsletter-form .input-area > input {
      width: 100%;
      background: none;
      border: 1px solid #fff;
      padding: 0 17px;
      height: 46px;
      outline: none !important; }
    .kopa-newsletter-1-widget .newsletter-form .input-area label.error {
      color: #ed0000;
      position: absolute;
      top: 0;
      right: 10px;
      margin: 0;
      line-height: 46px; }
  .kopa-newsletter-1-widget .newsletter-form .search-submit {
    width: 20%;
    float: left;
    background: #ffffff;
    border: 1px solid #fff;
    color: #fff;
    text-transform: capitalize;
    outline: none !important;
    height: 46px;
    text-align: center; }
    .kopa-newsletter-1-widget .newsletter-form .search-submit span {
      color: #fff; }
    .kopa-newsletter-1-widget .newsletter-form .search-submit:hover {
      background: #353536; }

/*--- kopa-album-page-widget ---*/
.jp-audio.kopa-jp-wrap4 .jp-playlist ul {
  display: block !important; }
.jp-audio.kopa-jp-wrap4 .jp-interface {
  height: auto;
  background: #000000;
  padding: 20px; }
  .jp-audio.kopa-jp-wrap4 .jp-interface > footer {
    margin-top: 20px;
    position: relative;
    padding-right: 140px; }
    .jp-audio.kopa-jp-wrap4 .jp-interface > footer .jp-progress {
      margin-top: 0; }
    .jp-audio.kopa-jp-wrap4 .jp-interface > footer .jp-time-holder {
      position: absolute;
      top: -7px;
      right: 90px; }
    .jp-audio.kopa-jp-wrap4 .jp-interface > footer .jp-volume-controls {
      top: -6px;
      right: 0; }
  .jp-audio.kopa-jp-wrap4 .jp-interface .jp-controls {
    padding: 0;
    float: left; }
  .jp-audio.kopa-jp-wrap4 .jp-interface .current-track {
    overflow: hidden;
    padding-left: 20px; }
    .jp-audio.kopa-jp-wrap4 .jp-interface .current-track p {
      font-size: 16px;
      line-height: 22px;
      text-transform: capitalize;
      color: #fff;
      margin-top: 8px; }

.jp-playlist ul {
  font-size: 14px;
  font-weight: 600;
  text-transform: capitalize; }
  .jp-playlist ul li {
    list-style: none !important;
    padding: 0 0 0 38px;
    margin: 0;
    border: none;
    position: relative;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #d2cfe2; }
    .jp-playlist ul li:first-child {
      padding-left: 38px !important;
      margin-top: 0;
      padding-top: 10px;
      border-top: none; }
    .jp-playlist ul li:last-child {
      padding: 10px 0 0 38px !important; }
    .jp-playlist ul li:before {
      content: '\f04b';
      color: #ed0000;
      border: 1px solid #ed0000;
      padding-left: 2px;
      display: inline-block;
      text-align: center;
      width: 18px;
      height: 18px;
      line-height: 16px;
      font-size: 6px;
      background: none;
      border-radius: 50%;
      position: absolute;
      top: 11px;
      left: 0; }
    .jp-playlist ul li.jp-playlist-current {
      padding-left: 38px !important; }
      .jp-playlist ul li.jp-playlist-current:before {
        content: '\f04c';
        padding-left: 0; }
      .jp-playlist ul li.jp-playlist-current a {
        color: #ed0000 !important; }
    .jp-playlist ul li a {
      color: #4f4954 !important; }

.mCSB_inside > .mCSB_container {
  margin-right: 20px; }

.mCSB_scrollTools {
  width: 8px; }
  .mCSB_scrollTools .mCSB_draggerRail {
    width: 100%;
    background: #4f4954;
    border-radius: 8px; }
  .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    background: #9c97aa !important;
    border-radius: 8px; }

.kopa-album-page-widget {
  text-align: left !important; }
  .kopa-album-page-widget h3 {
    font-size: 28px;
    line-height: 34px;
    text-transform: capitalize; }
  .kopa-album-page-widget .col-left {
    width: 300px;
    float: left;
    margin-right: 30px; }
    .kopa-album-page-widget .col-left .album-thumb {
      margin-bottom: 20px; }
    .kopa-album-page-widget .col-left .album-info {
      margin-bottom: 20px; }
      .kopa-album-page-widget .col-left .album-info li {
        margin: 5px 0 0;
        color: #ed0000; }
        .kopa-album-page-widget .col-left .album-info li:first-child {
          margin: 0; }
        .kopa-album-page-widget .col-left .album-info li span {
          color: #353536; }
        .kopa-album-page-widget .col-left .album-info li a {
          color: #353536; }
          .kopa-album-page-widget .col-left .album-info li a:hover {
            color: #ed0000; }
  .kopa-album-page-widget .col-right {
    overflow: hidden; }
  .kopa-album-page-widget .audio-description {
    color: #4f4954; }
  .kopa-album-page-widget .video-wrap h3 {
    margin-bottom: 20px; }
  .kopa-album-page-widget .video-wrap iframe {
    width: 100%;
    border: none; }
  .kopa-album-page-widget .jp-playlist {
    margin-top: 20px;
    max-height: 320px; }

/*
WordPress default widget
----------------------------------
*/
.widget_archive ul {
  margin: 0;
  padding: 10px 0;
  background-color: #ffffff; }
  .widget_archive ul li {
    float: none;
    margin: 0;
    list-style: none;
    padding: 20px 30px;
    border-top: 1px solid #d7d5dd;
    line-height: 30px; }
    .widget_archive ul li:first-child {
      border-top: none; }
    .widget_archive ul li:before {
      content: "\f178";
      color: #353536;
      border: 1px solid #353536;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      -ms-border-radius: 50%;
      border-radius: 50%;
      margin-right: 20px;
      height: 30px;
      width: 30px;
      text-align: center;
      line-height: 28px;
      font-size: 12px; }
    .widget_archive ul li a {
      color: #353536; }
      .widget_archive ul li a:hover {
        color: #ed0000; }
    .widget_archive ul li:hover:before {
      color: #ffffff;
      background-color: #353536; }

/*
Woocommerce default widget
----------------------------------
*/
.widget_top_rated_products ul.product_list_widget {
  margin-top: -10px; }
  .widget_top_rated_products ul.product_list_widget li {
    position: relative;
    margin: 0;
    padding: 10px 0 !important;
    border-bottom: 1px solid #4b4b4a; }
    .widget_top_rated_products ul.product_list_widget li > a {
      display: block;
      float: none;
      font-size: 18px;
      font-weight: 700;
      margin-bottom: 8px; }
      .widget_top_rated_products ul.product_list_widget li > a img {
        width: 75px;
        height: 75px;
        margin-right: 10px;
        margin-left: 0;
        box-shadow: 0 0 0 transparent ;
        -ms-box-shadow: 0 0 0 transparent ;
        -moz-box-shadow: 0 0 0 transparent ;
        -webkit-box-shadow: 0 0 0 transparent ;
        float: left; }
    .widget_top_rated_products ul.product_list_widget li .amount {
      font-size: 16px;
      color: #000000; }
    .widget_top_rated_products ul.product_list_widget li ins {
      text-decoration: none; }
      .widget_top_rated_products ul.product_list_widget li ins .amount {
        position: static; }
    .widget_top_rated_products ul.product_list_widget li del .amount {
      text-decoration: line-through; }
    .widget_top_rated_products ul.product_list_widget li .star-rating {
      line-height: 13px;
      margin-bottom: 8px; }
      .widget_top_rated_products ul.product_list_widget li .star-rating span:before {
        color: #000000; }

/**3.4 Bottom sidebar**/
.footer-social-box {
  background-color: #191720;
  position: relative;
  z-index: 2; }
  .footer-social-box .socials-link {
    padding: 0;
    margin: 0; }
    .footer-social-box .socials-link li {
      float: left;
      margin: 0;
      list-style: none;
      text-align: center;
      width: 33.333333%;
      padding: 20px 0;
      border-right: 1px solid #25202d; }
      .footer-social-box .socials-link li:first-child {
        border-left: 1px solid #25202d; }
      .footer-social-box .socials-link li a {
        color: #ffffff;
        display: inline-block; }
        .footer-social-box .socials-link li a:hover {
          color: #ed0000; }
        .footer-social-box .socials-link li a i {
          font-size: 20px;
          margin: 0 10px 0 0 !important; }
        .footer-social-box .socials-link li a span {
          font-size: 16px;
          font-weight: 300;
          font-family: "Source Sans Pro", sans-serif; }

#kopa-page-footer {
  background: url(images/background/page-footer-bg.png) no-repeat 0 0;
  background-size: cover;
  position: relative;
  z-index: 2; }
  #kopa-page-footer .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 0; }
  #kopa-page-footer #bottom-sidebar {
    padding: 80px 0 40px;
    position: relative;
    z-index: 1;
    color: #ffffff;
    line-height: 24px; }
    #kopa-page-footer #bottom-sidebar .row {
      margin-right: -30px;
      margin-left: -30px; }
      #kopa-page-footer #bottom-sidebar .row > div {
        padding-left: 30px;
        padding-right: 30px; }
        #kopa-page-footer #bottom-sidebar .row > div a {
          color: #ed0000; }
          #kopa-page-footer #bottom-sidebar .row > div a:hover {
            color: #ffffff; }
    #kopa-page-footer #bottom-sidebar #footer-logo-image {
      margin-bottom: 35px; }
    #kopa-page-footer #bottom-sidebar .widget {
      margin-bottom: 40px; }
      #kopa-page-footer #bottom-sidebar .widget .widget-title {
        color: #ffffff; }

/**
 * 4. Footer
 * -----------------------------------------------------------------------------
 */
#kopa-footer {
  border-top: 1px solid #807a8d;
  position: relative;
  z-index: 1;
  padding: 25px 0; }

#back-top {
  margin-bottom: 0;
  z-index: 1;
  position: absolute;
  left: 50%;
  top: -30px; }
  #back-top a {
    text-transform: uppercase;
    font-size: 18px;
    color: #ffffff;
    line-height: 32px;
    position: relative;
    display: block;
    z-index: 1; }
    #back-top a i {
      position: relative;
      z-index: 10; }
    #back-top a:before {
      content: '';
      position: absolute;
      border-left: 32px solid transparent;
      border-right: 32px solid transparent;
      border-top: 32px solid #ed0000;
      bottom: -5px;
      left: 50%;
      margin-left: -32px;
      left: -23px;
      margin-left: 0; }
    #back-top a:hover:before {
      border-top-color: #ed0000; }

/*# sourceMappingURL=style.css.map */