/*
Theme Name: Sport 2.0
Theme URI: http://kopatheme.com/
Author: KopaSoft
Author URI: http://kopatheme.com/
Description: Sport 2.0 theme is designed for portfolios, corporate and e-commerce with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready

/*----------------------------------------------------------------

[Table of contents]

1. - Body
    1.1 - Sass
    1.2 - Repeatable Patterns
    1.3 - Elements
    1.4 - Basic Structure
2. - Header / .kopa-header
    2.1 - Navigation / .main-nav
    2.2 - Search / .sb-search-wrapper
3. - Content
    3.1 - Widget
    3.2 - Home Page
    3.3 - Sub Page
    3.4 - Sidebar / .sidebar
    3.5 - Bottom sidebar / #bottom-sidebar
4. - Footer / #kopa-footer

5. - Responsive

-----------------------------------------------------------------*/
/**
 * 1. Body
 * -------------------------------------------------------------------
 */
/**
 * 1.1 Sass
 * -------------------------------------------------------------------
 */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700);
/*---  %Name  ---*/
a, .panel-group .panel .panel-heading, .panel-group .panel .panel-heading:before, .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title, .nav-tabs > li > a:before, .nav-tabs > li > a:after, .kopa-search-box .search-form .search-submit, .top-menu > li, .main-menu .sf-with-ul:after, .main-menu > li ul.sub-menu li, .entry-thumb > h5:before, .entry-thumb .kopa-rating:before, .entry-thumb .entry-view:before, .entry-thumb.style2:before, .thumb-icon, .entry-author span, .contact-box input:focus, .contact-box textarea:focus, .comment-box input:focus, .comment-box textarea:focus, .filters-options li, .filters-options li:before, .filters-options li:after, .widget_categories > ul > li, .widget_categories ul.menu > li, .widget_categories .pd-20 > ul > li, .widget_categories .pd-20 ul.menu > li,
.widget_recent_entries > ul > li,
.widget_recent_entries ul.menu > li,
.widget_archive > ul > li,
.widget_archive ul.menu > li,
.widget_meta > ul > li,
.widget_meta ul.menu > li,
.widget_nav_menu > ul > li,
.widget_nav_menu ul.menu > li,
.widget_pages > ul > li,
.widget_pages ul.menu > li,
.widget_recent_comments > ul > li,
.widget_recent_comments ul.menu > li,
.widget_rss > ul > li,
.widget_rss ul.menu > li, .widget_search .search-form .search-submit, .widget_search.style1 .search-form .search-submit:after, .kopa-follow-widget a span, .h5-content:before, .order-num:before, .kopa-comment-widget .pd-20 .entry-item .cmt-content:before {
  transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s; }

.kopa-blockquote.style1:before, .kopa-blockquote.style3:before, .kopa-alert.alert-icon:before, .kopa-entry-view:before, .sticky-post .sticky-icon:before, .kopa-ticker h6.ticker-title:after, .top-nav-mobile .top-menu-mobile > li span:after, .top-nav-mobile .top-menu-mobile > li.open span:after, .main-menu .sf-with-ul:after, .main-nav-mobile .main-menu-mobile > li > a > span:after, .entry-thumb .thumb-hover .thumb-icon, .thumb-icon, .more-link:after, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .kopa-more-link:after {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.c-title {
  font-size: 13px;
  line-height: 20px;
  color: #757575;
  font-weight: normal;
  font-style: normal; }

.element-wrap, .pricing-table, .kopa-social-links, .kopa-e-list, .kopa-ticker, .top-menu, .top-nav-mobile, .main-nav-mobile, .kopa-pagination, .filters-options, .kopa-rating, .widget, .kopa-entry-list, .kopa-related-post, #comments, .bottom-menu, .kopa-footer-nav {
  list-style: none;
  padding: 0; }
  .element-wrap ul, .pricing-table ul, .kopa-social-links ul, .kopa-e-list ul, .kopa-ticker ul, .top-menu ul, .top-nav-mobile ul, .main-nav-mobile ul, .kopa-pagination ul, .filters-options ul, .kopa-rating ul, .widget ul, .kopa-entry-list ul, .kopa-related-post ul, #comments ul, .bottom-menu ul, .kopa-footer-nav ul, .element-wrap ol, .pricing-table ol, .kopa-social-links ol, .kopa-e-list ol, .kopa-ticker ol, .top-menu ol, .top-nav-mobile ol, .main-nav-mobile ol, .kopa-pagination ol, .filters-options ol, .kopa-rating ol, .widget ol, .kopa-entry-list ol, .kopa-related-post ol, #comments ol, .bottom-menu ol, .kopa-footer-nav ol {
    list-style: none;
    padding: 0; }

.kopa-e-list li:first-child, .top-menu > li ul li:first-child, .top-nav-mobile .top-menu-mobile li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .kopa-rating ul li:first-child, .article-list-1 > ul li:first-child, .article-list-4 .pd-20 > ul li:first-child, .article-list-7 .pd-20 > ul li:first-child, .article-list-8 .pd-20 > ul li:first-child, .article-list-9 .pd-20 > ul li:first-child, .article-list-10 .pd-20 > ul li:first-child, .article-list-11 .pd-20 > ul li:first-child, .kopa-e-list.list-unorder.style1 li:first-child, .kopa-comment-widget .pd-20 > ul li:first-child, .article-list-17 .pd-20 > ul li:first-child, .kopa-footer-nav .footer-menu li:first-child {
  margin: 0;
  padding: 0;
  border: 0; }

.pricing-table:before, .nav-tabs:before, .kopa-tab.style1 .nav-tabs li:before, .button-wrap:before, .entry-footer:before, .kopa-e-list.list-order li:before, .mb-5:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-40:before, .mb-50:before, .mb-60:before, .pd-20:before, .wrapper:before, .kopa-area:before, .header-top-left:before, .header-top-right:before, .kopa-header-bottom .header-bottom-wrap:before, .kopa-main-nav:before, .main-menu:before, .sf-mega:before, .sf-mega .sf-mega-section:before, .sf-mega .sf-mega-section ul:before, .sf-mega .sf-mega-section ul.sub-menu:before, .main-nav-mobile .main-menu-mobile:before, .sf-mega-mobile:before, .entry-item:before, .entry-meta:before, .kopa-pagination:before, .kopa-rating ul:before, .widget:before, .widget > header:before, .widget-content:before, #main-content:before, .widget-area-31:before, .kopa-masonry-wrap:before, .kopa-view-all:before, .kopa-entry-list .entry-item:before, .kopa-shop-list > header:before, .woocommerce ul.products:before, .woocommerce-page ul.products:before, .woocommerce nav.woocommerce-pagination:before, .woocommerce #content nav.woocommerce-pagination:before, .woocommerce-page nav.woocommerce-pagination:before, .woocommerce-page #content nav.woocommerce-pagination:before, .woocommerce ul.cart_list > li:before, .woocommerce ul.product_list_widget > li:before, .woocommerce-page ul.cart_list > li:before, .woocommerce-page ul.product_list_widget > li:before, .kopa-tag-box:before, #comments .comments-list:before, #comments .comments-list .comment:before, #comments .comments-list .comment .comment-wrap:before, #comments .comments-list .comment .comment-wrap .media-body > header:before, .bottom-menu:before, .bottom-menu > li:before, .bottom-area-1:before, .bottom-area-2:before, .bottom-area-3:before, .pricing-table:after, .nav-tabs:after, .kopa-tab.style1 .nav-tabs li:after, .button-wrap:after, .entry-footer:after, .kopa-e-list.list-order li:after, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .pd-20:after, .wrapper:after, .kopa-area:after, .header-top-left:after, .header-top-right:after, .kopa-header-bottom .header-bottom-wrap:after, .kopa-main-nav:after, .main-menu:after, .sf-mega:after, .sf-mega .sf-mega-section:after, .sf-mega .sf-mega-section ul:after, .sf-mega .sf-mega-section ul.sub-menu:after, .main-nav-mobile .main-menu-mobile:after, .sf-mega-mobile:after, .entry-item:after, .entry-meta:after, .kopa-pagination:after, .kopa-rating ul:after, .widget:after, .widget > header:after, .widget-content:after, #main-content:after, .widget-area-31:after, .kopa-masonry-wrap:after, .kopa-view-all:after, .kopa-entry-list .entry-item:after, .kopa-shop-list > header:after, .woocommerce ul.products:after, .woocommerce-page ul.products:after, .woocommerce nav.woocommerce-pagination:after, .woocommerce #content nav.woocommerce-pagination:after, .woocommerce-page nav.woocommerce-pagination:after, .woocommerce-page #content nav.woocommerce-pagination:after, .woocommerce ul.cart_list > li:after, .woocommerce ul.product_list_widget > li:after, .woocommerce-page ul.cart_list > li:after, .woocommerce-page ul.product_list_widget > li:after, .kopa-tag-box:after, #comments .comments-list:after, #comments .comments-list .comment:after, #comments .comments-list .comment .comment-wrap:after, #comments .comments-list .comment .comment-wrap .media-body > header:after, .bottom-menu:after, .bottom-menu > li:after, .bottom-area-1:after, .bottom-area-2:after, .bottom-area-3:after {
  content: "";
  display: table; }
.pricing-table:after, .nav-tabs:after, .kopa-tab.style1 .nav-tabs li:after, .button-wrap:after, .entry-footer:after, .kopa-e-list.list-order li:after, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .pd-20:after, .wrapper:after, .kopa-area:after, .header-top-left:after, .header-top-right:after, .kopa-header-bottom .header-bottom-wrap:after, .kopa-main-nav:after, .main-menu:after, .sf-mega:after, .sf-mega .sf-mega-section:after, .sf-mega .sf-mega-section ul:after, .sf-mega .sf-mega-section ul.sub-menu:after, .main-nav-mobile .main-menu-mobile:after, .sf-mega-mobile:after, .entry-item:after, .entry-meta:after, .kopa-pagination:after, .kopa-rating ul:after, .widget:after, .widget > header:after, .widget-content:after, #main-content:after, .widget-area-31:after, .kopa-masonry-wrap:after, .kopa-view-all:after, .kopa-entry-list .entry-item:after, .kopa-shop-list > header:after, .woocommerce ul.products:after, .woocommerce-page ul.products:after, .woocommerce nav.woocommerce-pagination:after, .woocommerce #content nav.woocommerce-pagination:after, .woocommerce-page nav.woocommerce-pagination:after, .woocommerce-page #content nav.woocommerce-pagination:after, .woocommerce ul.cart_list > li:after, .woocommerce ul.product_list_widget > li:after, .woocommerce-page ul.cart_list > li:after, .woocommerce-page ul.product_list_widget > li:after, .kopa-tag-box:after, #comments .comments-list:after, #comments .comments-list .comment:after, #comments .comments-list .comment .comment-wrap:after, #comments .comments-list .comment .comment-wrap .media-body > header:after, .bottom-menu:after, .bottom-menu > li:after, .bottom-area-1:after, .bottom-area-2:after, .bottom-area-3:after {
  clear: both; }

/*--- Functions ---*/
/**
 * 1.2 Repeatable Patterns
 * -------------------------------------------------------------------
 */
::selection {
  background: #26bef0;
  color: #fff;
  text-shadow: none; }

::-moz-selection {
  background: #26bef0;
  color: #fff;
  text-shadow: none; }

a {
  color: #3e3e4a;
  text-decoration: none !important;
  outline: none !important; }
  a:hover, a:active {
    color: #26beef;
    text-decoration: none; }
  a:focus {
    outline: none; }

input {
  outline: none !important; }

ul, ol {
  margin: 0;
  padding: 0; }

ol {
  list-style: decimal inside; }

ul {
  list-style: disc inside; }

ol li ul, ol li ol, ul li ul, ul li ol {
  padding-left: 15px; }

p.reset {
  margin: 0; }

i {
  font-style: normal; }

p i {
  font-style: italic; }

h1, h2, h3, h4, h5, h6, .h1, .kopa-dropcap, .h2, .h3, .h4, .h5, .h6, .filters-options li {
  font-family: "Roboto Condensed", sans-serif;
  color: #3e3e4a;
  font-weight: 700;
  display: block;
  margin: 0 0 15px; }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .kopa-dropcap a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, .filters-options li a {
    color: #3e3e4a; }
    h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .kopa-dropcap a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, .filters-options li a:hover {
      color: #26beef; }

h1, .h1, .kopa-dropcap {
  font-size: 34px;
  line-height: 42px; }

h2, .h2 {
  font-size: 32px;
  line-height: 40px; }

h3, .h3 {
  font-size: 24px;
  line-height: 32px; }

h4, .h4 {
  font-size: 18px;
  line-height: 26px; }

h5, .h5 {
  font-size: 16px;
  line-height: 24px; }

h6, .h6, .filters-options li {
  font-size: 14px;
  line-height: 20px; }

.txt-up {
  text-transform: uppercase; }

.row, .row.style1 {
  width: auto;
  margin: 0 -10px; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2,
.col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3,
.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7,
.col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12,
.col-sm-12, .col-md-12, .col-lg-12 {
  padding: 0 10px; }

/**
 * 1.3 Elements
 * -------------------------------------------------------------------
 */
.e-accordion .row, .e-button .row, .e-tabs .row {
  margin-top: 0; }

.element-wrap {
  margin-bottom: 30px; }

.element-title, .widget-title.style3, .widget-title.style5 {
  text-transform: uppercase;
  padding: 12px 20px;
  border: 1px solid #e1e1e1;
  border-bottom: 0;
  position: relative; }
  .element-title:before, .widget-title.style3:before, .widget-title.style5:before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 4px;
    height: 36px;
    background: #26bef0; }

.e-heading p {
  margin-bottom: 15px; }
  .e-heading p:last-child {
    margin-bottom: 0; }

/*----- blockquote -----*/
blockquote {
  padding: 0 0 60px;
  margin-bottom: 0;
  border: none;
  position: relative;
  color: #757575;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  font-style: italic;
  position: relative;
  background: url(../images/quote.png) left bottom no-repeat;
  margin-bottom: 20px; }
  blockquote p {
    font-size: 18px;
    line-height: 26px; }
  blockquote span {
    font-size: 14px;
    line-height: 22px;
    color: #26bef0 !important;
    font-style: normal; }
  blockquote.pull-right {
    width: 40%;
    margin-left: 30px;
    border-right: none; }
  blockquote.pull-left {
    width: 40%;
    margin-right: 30px;
    border-left: none; }

.kopa-blockquote.style1 {
  border-top: 4px solid #26bef0;
  border-bottom: 1px solid #dfdfdf;
  background: #f8f8f8;
  padding: 25px 25px 25px 76px;
  position: relative;
  min-height: 100px;
  font-style: normal;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px; }
  .kopa-blockquote.style1:before {
    content: '\f10e';
    font-size: 40px;
    color: #e9e7e8;
    position: absolute;
    top: 30px;
    left: 20px; }

.kopa-blockquote.style2 {
  background: none;
  padding: 0 0 0 20px;
  font-size: 16px;
  line-height: 24px;
  color: #32323c;
  border-left: 3px solid #26bef0;
  position: relative; }

.kopa-blockquote.style3 {
  background: #26bef0;
  background: rgba(241, 92, 34, 0.7);
  padding: 20px 20px 20px 85px;
  text-transform: uppercase;
  position: absolute;
  left: 0;
  bottom: 64px; }
  .kopa-blockquote.style3:before {
    content: "\f10d";
    margin-right: 10px;
    color: #cc9889;
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    position: absolute;
    top: 25px;
    left: 25px; }
  .kopa-blockquote.style3 p {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 45px;
    line-height: 54px;
    font-weight: 700;
    color: #e9e7e8;
    font-style: normal; }
  .kopa-blockquote.style3 span {
    margin-top: 10px;
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    color: #fff !important; }

/*----- Text style -----*/
.txt-highlight {
  background: #26bef0;
  color: #fff; }

.txt-highlight-2 {
  background: #3e3e4a;
  color: #fff; }

.txt-color {
  color: #3e3e4a; }

.txt-decoration {
  color: #3e3e4a;
  text-decoration: underline; }

.txt-decoration-2 {
  color: #26bef0;
  text-decoration: underline; }

.txt-style {
  color: #26bef0;
  font-weight: 700;
  font-style: italic; }

/*----- Column -----*/
.c-title {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 24px;
  line-height: 30px;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 300; }

.e-column .element-title, .e-column .widget-title.style3, .e-column .widget-title.style5 {
  margin-bottom: 0; }

/*----- Bootstrap collapse -----*/
.panel-group {
  margin-bottom: 0px; }
  .panel-group .panel {
    background: none;
    border-radius: 0;
    box-shadow: none;
    border: none;
    margin: 0 0 0 0 !important; }
    .panel-group .panel:first-child .panel-heading {
      margin-top: 0; }
    .panel-group .panel .panel-heading {
      position: relative;
      border-radius: 0;
      background: #f8f8f8;
      border: 1px solid #e9e7e8;
      padding: 0;
      margin-top: -1px; }
      .panel-group .panel .panel-heading:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background: #26bef0;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        /* IE 5-7 */
        filter: alpha(opacity=0);
        /* Netscape */
        -moz-opacity: 0;
        /* Safari 1.x */
        -khtml-opacity: 0;
        /* Good browsers */
        opacity: 0; }
      .panel-group .panel .panel-heading > .panel-title a {
        font-family: "Roboto Condensed", sans-serif;
        font-size: 14px;
        line-height: 22px;
        color: #3e3e4a;
        text-transform: uppercase;
        font-weight: 400;
        display: block;
        padding: 9px 60px 9px 20px; }
        .panel-group .panel .panel-heading > .panel-title a .btn-title {
          text-align: center;
          width: 42px;
          height: 40px;
          line-height: 40px;
          font-size: 10px;
          position: absolute;
          top: 0;
          margin-top: -20px;
          margin-left: -21px;
          display: block;
          background: none;
          cursor: pointer;
          margin: 0;
          left: auto;
          right: 0; }
          .panel-group .panel .panel-heading > .panel-title a .btn-title:before {
            content: "";
            width: 12px;
            height: 2px;
            background: #3e3e4a;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -6px;
            margin-top: -1px; }
          .panel-group .panel .panel-heading > .panel-title a .btn-title:after {
            content: "";
            width: 2px;
            height: 12px;
            background: #3e3e4a;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-left: -1px;
            margin-top: -6px; }
      .panel-group .panel .panel-heading.active:before {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1; }
      .panel-group .panel .panel-heading.active > .panel-title a .btn-title:after {
        display: none; }
    .panel-group .panel .panel-body {
      padding: 20px;
      border-top: 0 !important;
      border: 1px solid #e9e7e8; }

.panel-group.style1 .panel {
  margin: 0 0 10px 0 !important; }
  .panel-group.style1 .panel:first-child .panel-heading {
    margin-top: 0; }
  .panel-group.style1 .panel .panel-heading {
    margin-top: 0; }
    .panel-group.style1 .panel .panel-heading > .panel-title a {
      font-size: 14px;
      text-transform: uppercase;
      padding: 8px 20px 8px 60px; }
      .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title {
        text-align: center;
        width: 42px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        position: absolute;
        top: -1px;
        margin-top: -20px;
        margin-left: -21px;
        float: right;
        display: block;
        margin: 0;
        left: -1px;
        background: #fff;
        border: 1px solid #e9e7e8; }
        .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title:before {
          width: 7px;
          height: 1px;
          margin-left: -3.5px;
          margin-top: -0.5px; }
        .panel-group.style1 .panel .panel-heading > .panel-title a .btn-title:after {
          height: 7px;
          width: 1px;
          margin-left: -0.5px;
          margin-top: -3.5px; }
    .panel-group.style1 .panel .panel-heading.active:before {
      top: -1px; }
    .panel-group.style1 .panel .panel-heading.active > .panel-title a {
      color: #3e3e4a; }
      .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title {
        background: #26bef0;
        border-color: #26bef0; }
        .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title:before, .panel-group.style1 .panel .panel-heading.active > .panel-title a .btn-title:after {
          background: #fff; }
    .panel-group.style1 .panel .panel-heading.active > .panel-title a:before {
      background: #26bef0; }

/*----- Pricing-table -----*/
.pricing-table {
  margin-top: 25px; }

.column {
  position: relative;
  width: 100%;
  background: #32323c; }
  .column ul li {
    padding: 15px 0;
    color: #3e3e4a;
    font-size: 14px; }
    .column ul li.title-row {
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #26bef0;
      font-weight: 700;
      border: 4px solid #26bef0;
      padding: 16px 15px;
      border-bottom: 0;
      background: #fff;
      text-transform: uppercase; }
    .column ul li.pricing-row {
      border: none;
      padding: 15px 20px;
      background: #26bef0;
      color: #fff;
      position: relative; }
      .column ul li.pricing-row p {
        font-family: "Roboto", sans-serif;
        font-size: 30px;
        line-height: 36px;
        color: white;
        font-weight: 700;
        margin-bottom: 5px; }
      .column ul li.pricing-row span {
        font-size: 14px;
        line-height: 20px; }
    .column ul li.normal-row {
      border-top: 1px solid #e9e7e8;
      margin: 0 20px;
      margin-top: -1px; }
      .column ul li.normal-row > span {
        margin-right: 10px; }
      .column ul li.normal-row:first-child {
        border-top: none; }
    .column ul li.footer-row {
      padding: 0; }
      .column ul li.footer-row .pt-btn {
        position: relative;
        padding: 15px 50px 15px 20px;
        display: block;
        width: 100%;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        line-height: 23px;
        color: white;
        text-transform: uppercase;
        background: #3e3e4a; }
        .column ul li.footer-row .pt-btn > span {
          position: absolute;
          top: 17px;
          right: 20px;
          font-size: 20px; }
        .column ul li.footer-row .pt-btn:hover {
          background: #26bef0;
          color: #fff; }
  .column.active .title-row {
    border-color: #3e3e4a;
    color: #3e3e4a; }
  .column.active .pricing-row {
    background: #3e3e4a; }

/*----- Tabs -----*/
.nav-tabs {
  background: none;
  margin-bottom: 0;
  border: 0; }
  .nav-tabs > li > a {
    margin-right: -1px;
    text-transform: none;
    border: 1px solid #e9e7e8 !important;
    background: none;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #3e3e4a !important;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    padding: 8px 30px;
    margin-bottom: 0px;
    border-radius: 0;
    cursor: pointer !important;
    position: relative; }
    .nav-tabs > li > a:before {
      content: '';
      width: 100%;
      height: 3px;
      background: #26bef0;
      position: absolute;
      top: 0;
      left: 0;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* IE 5-7 */
      filter: alpha(opacity=0);
      /* Netscape */
      -moz-opacity: 0;
      /* Safari 1.x */
      -khtml-opacity: 0;
      /* Good browsers */
      opacity: 0; }
    .nav-tabs > li > a:after {
      content: '';
      width: 100%;
      height: 1px;
      background: #fff;
      position: absolute;
      bottom: -1px;
      left: 0;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* IE 5-7 */
      filter: alpha(opacity=0);
      /* Netscape */
      -moz-opacity: 0;
      /* Safari 1.x */
      -khtml-opacity: 0;
      /* Good browsers */
      opacity: 0;
      z-index: 999; }
    .nav-tabs > li > a:hover {
      background: none; }
      .nav-tabs > li > a:hover:before, .nav-tabs > li > a:hover:after {
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1; }
  .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    cursor: default;
    background: none; }
    .nav-tabs > li.active > a:before, .nav-tabs > li.active > a:after, .nav-tabs > li.active > a:hover:before, .nav-tabs > li.active > a:hover:after, .nav-tabs > li.active > a:focus:before, .nav-tabs > li.active > a:focus:after {
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      /* IE 5-7 */
      filter: alpha(opacity=100);
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
      /* Good browsers */
      opacity: 1; }

.tab-content {
  border: 1px solid #e9e7e8;
  padding: 20px;
  background: #fff; }
  .tab-content .widget {
    margin: 30px 0 0 !important; }
    .tab-content .widget:first-child {
      margin-top: 0 !important; }

.kopa-tab.style1 .nav-tabs {
  float: left; }
  .kopa-tab.style1 .nav-tabs li {
    float: none;
    display: block;
    margin-top: 3px; }
    .kopa-tab.style1 .nav-tabs li:first-child {
      margin: 0; }
    .kopa-tab.style1 .nav-tabs li > a {
      margin: 0;
      margin-right: -1px;
      background: #f8f8f8; }
      .kopa-tab.style1 .nav-tabs li > a:before {
        left: -1px;
        width: 3px;
        height: 100%;
        background: #e9e7e8;
        /* IE 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        /* IE 5-7 */
        filter: alpha(opacity=100);
        /* Netscape */
        -moz-opacity: 1;
        /* Safari 1.x */
        -khtml-opacity: 1;
        /* Good browsers */
        opacity: 1; }
      .kopa-tab.style1 .nav-tabs li > a:after {
        display: none; }
      .kopa-tab.style1 .nav-tabs li > a:hover {
        background: #fff; }
        .kopa-tab.style1 .nav-tabs li > a:hover:before {
          background: #26bef0; }
    .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 {
      background: #fff; }
      .kopa-tab.style1 .nav-tabs li.active > a:before, .kopa-tab.style1 .nav-tabs li.active > a:hover:before, .kopa-tab.style1 .nav-tabs li.active > a:focus:before {
        background: #26bef0; }
.kopa-tab.style1 .tab-content {
  overflow: hidden; }

.entry-item.style1 .entry-thumb {
  width: 135px;
  margin-right: 20px;
  float: left; }
.entry-item.style1 .entry-content {
  overflow: hidden; }

/*----- dropcap -----*/
.kopa-dropcap {
  display: inline-block;
  zoom: 1;
  float: left;
  margin: 0 10px 0 0;
  text-align: center;
  padding: 0 10px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 60px;
  line-height: 60px;
  text-transform: uppercase;
  color: #26bef0;
  font-weight: 700; }

.kopa-dropcap.dc2 {
  font-size: 40px;
  line-height: 40px;
  color: #fff;
  background: #3e3e4a;
  margin: 5px 12px 0 0;
  text-align: center;
  padding: 6px 14px; }

/*----- Divider -----*/
.kopa-divider {
  margin: 0 0 50px;
  height: 1px; }

.divider-1 {
  border-top: 1px solid #e9e7e8; }

.divider-2 {
  border-top: 2px dotted #e9e7e8;
  height: 2px; }

.divider-3 {
  border-top: 2px dashed #e9e7e8;
  height: 2px; }

.divider-4 {
  height: 12px;
  border-top: 1px double #e9e7e8;
  border-bottom: 1px double #e9e7e8; }

/*----- Progress bar -----*/
.progress {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  background: #fff;
  border: none;
  height: 28px;
  margin: 20px 0 0;
  border-radius: 0;
  border-left: 3px solid #3e3e4a;
  border-right: 3px solid #26bef0;
  overflow: visible;
  position: relative; }
  .progress:first-child {
    margin-top: 0; }
  .progress .progress-bar {
    box-shadow: 0 0 0 0 transparent;
    -ms-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    -webkit-box-shadow: 0 0 0 0 transparent;
    background: #26bef0;
    position: relative;
    text-align: left; }
  .progress .progress-bar-danger {
    background: #26bef0; }

.sr-only {
  top: 5px;
  left: 7px;
  overflow: visible;
  display: inline-block;
  width: auto;
  height: auto;
  clip: auto;
  text-transform: uppercase; }

.sr-num {
  position: absolute;
  top: 3px;
  right: 7px;
  color: #32323c; }

.progress.bar-success {
  border-color: #5CB85C; }

.progress.bar-info {
  border-color: #5BC0DE; }

.progress.bar-warning {
  border-color: #F0AD4E; }

.progress.bar-danger {
  border-color: #26bef0; }

/*--- user-rating ---*/
.kopa-slider {
  margin-top: 20px; }

.slider.slider-horizontal {
  width: 100% !important;
  height: 28px; }
  .slider.slider-horizontal .slider-track {
    height: 28px;
    background: #fff;
    border-radius: 0;
    box-shadow: 0px 0px 0px;
    border-left: 3px solid #26bef0;
    border-right: 3px solid #26bef0;
    margin-top: 0;
    top: 0;
    filter: inherit; }
  .slider.slider-horizontal .slider-selection {
    background: #26bef0 !important;
    border-radius: 0;
    box-shadow: 0px 0px 0px;
    filter: inherit; }
  .slider.slider-horizontal .slider-handle {
    margin-left: -15px;
    margin-top: 0px;
    border-radius: 0;
    width: 15px;
    height: 28px;
    background: #000;
    display: none; }
    .slider.slider-horizontal .slider-handle:before, .slider.slider-horizontal .slider-handle:after {
      content: "";
      width: 3px;
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: -3px;
      display: block; }
    .slider.slider-horizontal .slider-handle:after {
      left: auto;
      right: -3px; }
.slider .tooltip-min, .slider .tooltip-max {
  display: none; }
.slider .tooltip.top {
  top: 6px;
  left: 10px !important;
  padding: 0;
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1;
  margin-left: 0 !important;
  margin-top: 0; }
  .slider .tooltip.top .tooltip-arrow {
    display: none; }
  .slider .tooltip.top .tooltip-inner {
    background: none;
    border-radius: none;
    padding: 0;
    text-transform: uppercase;
    color: #3e3e4a;
    position: relative; }
    .slider .tooltip.top .tooltip-inner:before {
      content: "reader rating: ("; }
    .slider .tooltip.top .tooltip-inner:after {
      content: "% vote)"; }

/*----- Buttons -----*/
.button-des {
  background: #696872;
  padding: 20px;
  border-radius: 5px; }

.button-wrap {
  margin: 0 -6px; }

.kopa-button {
  display: inline-block;
  margin: 0 6px 12px;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #3e3e4a;
  background: #e9e7e8;
  padding: 8px 27px; }
  .kopa-button:hover {
    background: #26bef0;
    border-color: #3e3e4a;
    color: #fff; }
  .kopa-button.big-button {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 22px;
    margin-top: 3px; }
  .kopa-button.medium-button {
    padding: 4px 8px;
    margin-top: 6px;
    font-size: 12px;
    line-height: 20px; }
  .kopa-button.small-button {
    margin-top: 10px;
    padding: 0 8px;
    font-size: 12px;
    line-height: 20px; }

.color-button {
  color: #fff; }
  .color-button.color-blue {
    background: #0099cc; }
  .color-button.color-green {
    background: #7dc34d; }
  .color-button.color-orange {
    background: #e76b33; }
    .color-button.color-orange:hover {
      background: #3e3e4a; }
  .color-button.color-yellow {
    background: #ffd62c; }
  .color-button.color-green1 {
    background: #a5d592; }
  .color-button.color-green2 {
    background: #0fbe7c; }
  .color-button.color-red {
    background: #ea2e2b; }
  .color-button.color-black {
    background: #3b3b3b; }
  .color-button.color-pink {
    background: #d63f72; }
  .color-button.color-purple {
    background: #572a6a; }
  .color-button.color-green3 {
    background: #5ee8bf; }
  .color-button.color-brown1 {
    background: #d9ba8c; }
  .color-button.color-brown2 {
    background: #d5a661; }
  .color-button.color-grey1 {
    background: #bbbbbb; }
  .color-button.color-grey2 {
    background: #63717f; }
  .color-button:hover {
    background: #26bef0; }

.button-wrap {
  margin-top: 15px; }
  .button-wrap:first-child {
    margin-top: 0; }
  .button-wrap.style2 {
    margin-top: 50px; }

/*----- Alert Box -----*/
.kopa-alert {
  margin: 10px 0 0;
  padding: 14px 50px 14px 17px;
  position: relative;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #3e3e4a;
  border-radius: 0;
  border: 1px solid #e9e7e8; }
  .kopa-alert.alert-icon {
    padding: 14px 50px; }
    .kopa-alert.alert-icon:before {
      content: "\f129";
      position: absolute;
      left: 25px;
      top: 15px;
      font-size: 18px; }
    .kopa-alert.alert-icon.alert-success:before {
      content: "\f13a";
      left: 20px; }
    .kopa-alert.alert-icon.alert-warning:before {
      content: "\f071";
      left: 18px; }
    .kopa-alert.alert-icon.alert-danger:before {
      content: "\f013";
      left: 18px; }

.kopa-alert .close {
  opacity: 0.8;
  top: 4px;
  right: -30px;
  outline: none;
  font-size: 16px; }

.kopa-alert.alert-warning {
  background: #fff9c4;
  color: #b0751a;
  border-color: #ffd780; }

.kopa-alert.alert-info {
  background: #cfe6fc;
  color: #2b72a9;
  border-color: #a4c8f5; }

.kopa-alert.alert-success {
  background: #e7f4d9;
  color: #367934;
  border-color: #a5d570; }

.kopa-alert.alert-danger {
  background: #ffe3e3;
  color: #ab3e49;
  border-color: #fdb6b6; }

/*----- Social Links -----*/
.kopa-social-links ul {
  margin: -10px -5px; }
  .kopa-social-links ul li {
    float: left;
    margin: 10px 5px 0;
    font-size: 18px; }
    .kopa-social-links ul li a {
      display: inline-block;
      text-align: center;
      width: 46px;
      height: 46px;
      line-height: 46px;
      font-size: 25px;
      background: none;
      border-radius: 50%;
      color: #26bef0; }
      .kopa-social-links ul li a:hover {
        color: #fff;
        background: #26bef0; }
.kopa-social-links.style1 ul li a {
  display: inline-block;
  text-align: center;
  width: 24px;
  height: 24px;
  line-height: 24px;
  font-size: 14px;
  background: none; }
  .kopa-social-links.style1 ul li a:hover {
    color: #fff;
    background: #696872; }
.kopa-social-links.style2 ul li a {
  display: inline-block;
  text-align: center;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 18px;
  background: none; }
  .kopa-social-links.style2 ul li a:hover {
    color: #fff;
    background: #696872; }
.kopa-social-links.style3 ul li a {
  display: inline-block;
  text-align: center;
  width: 48px;
  height: 48px;
  line-height: 48px;
  font-size: 22px;
  background: none; }
  .kopa-social-links.style3 ul li a:hover {
    color: #fff;
    background: #696872; }
.kopa-social-links.style-bg-color ul li a {
  border-radius: 0;
  color: #fff; }
  .kopa-social-links.style-bg-color ul li a.fa-facebook {
    background: #0d5cc8; }
  .kopa-social-links.style-bg-color ul li a.fa-twitter {
    background: #28aae1; }
  .kopa-social-links.style-bg-color ul li a.fa-google-plus {
    background: #ea2e2b; }
  .kopa-social-links.style-bg-color ul li a.fa-rss {
    background: #e76b33; }
    .kopa-social-links.style-bg-color ul li a.fa-rss:hover {
      background: #3e3e4a; }
  .kopa-social-links.style-bg-color ul li a.fa-pinterest {
    background: #1d2c86; }
  .kopa-social-links.style-bg-color ul li a.fa-instagram {
    background: #eed091; }
  .kopa-social-links.style-bg-color ul li a.fa-tumblr {
    background: #3b3b3b; }
  .kopa-social-links.style-bg-color ul li a.fa-dribbble {
    background: #d63f72; }
  .kopa-social-links.style-bg-color ul li a.fa-vimeo-square {
    background: #1d2c86; }
  .kopa-social-links.style-bg-color ul li a.fa-youtube {
    background: #a5d592; }
  .kopa-social-links.style-bg-color ul li a:hover {
    background: #26bef0; }

.kopa-social-links.style4 ul {
  margin: 0; }
  .kopa-social-links.style4 ul li {
    border-right: 1px solid #e9e7e8;
    margin: 0; }
    .kopa-social-links.style4 ul li a {
      display: inline-block;
      text-align: center;
      width: 55px;
      height: 38px;
      line-height: 42px;
      font-size: 18px;
      background: none;
      color: #696872; }
      .kopa-social-links.style4 ul li a:hover {
        color: #26bef0; }

.kopa-entry-view {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #696872;
  font-weight: 600;
  padding: 8px 20px;
  border-left: 1px solid #e9e7e8; }
  .kopa-entry-view:before {
    content: '\f06d';
    color: #d1d1d1;
    margin-right: 5px; }

.entry-footer {
  border-top: 1px solid #e9e7e8; }

.kopa-e-list li {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px solid #e9e7e8; }
  .kopa-e-list li > span {
    font-size: 16px;
    margin-right: 10px;
    color: #b0b0b4; }
  .kopa-e-list li .order-num {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 20px;
    color: white;
    background: #3e3e4a;
    float: left;
    margin-right: 15px;
    margin-top: -2px;
    padding: 5px 8px; }
    .kopa-e-list li .order-num:before {
      display: none; }
.kopa-e-list.list-unorder {
  list-style: square inside;
  color: #26bef0; }
  .kopa-e-list.list-unorder p {
    color: #757575;
    display: inline; }
    .kopa-e-list.list-unorder p:last-child {
      margin-bottom: 0; }
.kopa-e-list.list-order li {
  margin-top: 12px; }

/**
 * 1.4 Basic structure
 * -------------------------------------------------------------------
 */
html {
  overflow-x: hidden; }

body {
  background: #fff;
  font-family: "Roboto", sans-serif;
  color: #757575;
  font-size: 13px;
  line-height: 22px;
  overflow: hidden; }

.mb-5 {
  margin-bottom: 5px; }

.mb-10 {
  margin-bottom: 10px; }

.mb-20 {
  margin-bottom: 20px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-60 {
  margin-bottom: 60px; }

.pd-20 {
  padding: 20px;
  position: relative; }

.kopa-categories-widget .pd-20,
.widget.kopa-article-list-widget .pd-20,
.kopa-facebook-widget .pd-20 {
  border: 1px solid #e1e1e1;
}



.wrapper {
  width: 1170px;
  margin: 0 auto;
  position: relative; }
  .wrapper.mb-30 {
    margin-bottom: 30px; }

.loading {
  background: url("../images/background/bg/white/9.png");
  background: rgba(255, 255, 255, 0.9);
  min-height: 565px;
  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; }

.kopa-logo img {
  max-width: 100%; }

/*--- kopa-area ---*/
.kopa-area {
  padding-top: 45px;
  background: #fff;
  position: relative;
  padding-bottom: 15px; }

.b-radius {
  border-radius: 5px; }

iframe {
  width: 100%;
  border: none; }

label {
  font-weight: 400; }

.kopa-post-content-formated {
  margin-bottom: 20px; }

textarea {
  overflow: auto;
  resize: vertical !important; }

ul#tiles {
  list-style: none !important; }

body.kopa-layout-single-product #main-content .kopa-area,
body.kopa-layout-product-archive #main-content .kopa-area {
  padding-bottom: 60px; }

.kopa-portfolio-page .kopa-area {
  overflow: hidden; }

/*
 * --------------------------------------------------
 * WORDPRESS REQUIRED BY THEME-CHECK
 * --------------------------------------------------
 */
.wp-caption {
  font-size: inherit;
  max-width: 100%; }

.wp-caption-text {
  font-size: inherit; }

.sticky {
  font-size: inherit; }

.gallery-caption {
  font-size: inherit; }

.bypostauthor {
  font-size: inherit; }

img {
  max-width: 100%;
  height: auto; }

.alignnone {
  max-width: 100%; }

.alignleft {
  display: inline;
  float: left;
  margin-right: 10px; }

.alignright {
  display: inline;
  float: right;
  margin-left: 10px; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.bg-white {
  background: #fff; }

/*--- sticky-post ---*/
.sticky-post {
  position: relative; }
  .sticky-post .sticky-icon {
    content: '';
    position: absolute;
    border-top: 0 solid transparent;
    border-bottom: 50px solid transparent;
    border-right: 50px solid #26bef0;
    top: 0;
    left: -50px;
    left: auto;
    right: 0;
    z-index: 99; }
    .sticky-post .sticky-icon:before {
      content: "\f08d";
      color: #fff;
      font-size: 15px;
      position: absolute;
      left: 32px;
      top: 9px;
      display: block; }

/**
 * 2. Header
 * -------------------------------------------------------------------
 */
.kopa-header {
  background: #3e3e4a;
  position: relative;
  margin-bottom: 0; }

/*--- Header top ---*/
.kopa-header-top {
  background: #26bef0; }
  .kopa-header-top .wrapper {
    position: relative; }

/*- header-top-left -*/
.header-top-left {
  float: left;
  width: 45%; }

/* ticker */
.ticker-wrapper {
  padding: 10px 0; }

.ticker-swipe {
  position: absolute;
  top: 0px;
  background-color: #26bef0;
  display: block;
  width: 800px;
  height: 42px;
  left: 146px !important; }

.ticker-swipe span {
  margin-left: 1px;
  background-color: #26bef0;
  border-bottom: 1px solid #e9e7e8;
  height: 27px;
  width: 8px;
  display: block; }

.kopa-ticker #js-news {
  display: none; }
.kopa-ticker h6.ticker-title {
  float: left;
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
  padding: 10px 10px 10px 18px;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  position: relative;
  margin: 0 20px 0 0; }
  .kopa-ticker h6.ticker-title:after {
    content: '\f054';
    margin-left: 10px;
    font-size: 12px;
    float: right;
    margin-top: 5px; }
.kopa-ticker div.ticker-title {
  display: none !important; }
.kopa-ticker .ticker-content {
  margin: 0;
  font-weight: 700; }
  .kopa-ticker .ticker-content a {
    font-family: "Roboto Condensed", sans-serif;
    color: #fff; }
    .kopa-ticker .ticker-content a:hover {
      color: #fff; }

/*- header-top-right -*/
.header-top-right {
  float: right; }
  .header-top-right > div {
    float: left; }

/*--- Header middle ---*/
.kopa-header-middle {
  padding: 35px 0;
  background: #fff; }

.kopa-header-bottom {
  background: #fff;
}

.kopa-logo {
  float: left; }
  .kopa-logo .site-title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 28px;
    line-height: 36px;
    color: white;
    font-weight: 700;
    text-transform: capitalize;
    margin: 3px 0 12px 0; }
    .kopa-logo .site-title a {
      color: #fff; }
      .kopa-logo .site-title a:hover {
        color: #3e3e4a; }
  .kopa-logo p {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #3e3e4a;
    font-weight: 700; }

/*--- Header bottom ---*/
.kopa-header-bottom .header-bottom-wrap {
  background: #e9e7e8;
  border-bottom: 4px solid #26bef0; }
.kopa-header-bottom .kopa-search-box {
  position: absolute;
  top: 0;
  right: 0; }
.kopa-header-bottom.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999999999; }
  .kopa-header-bottom.fixed .kopa-search-box {
    display: none; }

/**
 * 2.1 - Search
 * -------------------------------------------------------------------
 */
.kopa-search-box .search-form {
  position: relative;
  width: 224px; }
  .kopa-search-box .search-form .search-text {
    width: 100%;
    border: none;
    height: 44px;
    line-height: 44px;
    padding: 0 45px 0 10px;
    font-size: 14px;
    color: #e9e7e8;
    background-color: #25bdee;
    outline: none;
    border-left: 10px solid #fff; }
  .kopa-search-box .search-form .search-submit {
    position: absolute;
    right: 14px;
    top: 12px;
    border: none;
    background: none;
    font-size: 18px;
    padding: 0;
    color: #fff;
    outline: none; }
    .kopa-search-box .search-form .search-submit:hover {
      color: #3e3e4a; }

/**
 * 2.2 Navigation
 * -------------------------------------------------------------------
 */
/*--- top-nav ---*/
.top-menu.sf-arrows .sub-menu .sf-with-ul {
  padding-right: 0; }
  .top-menu.sf-arrows .sub-menu .sf-with-ul:after {
    content: "\f105";
    right: 0; }
.top-menu > li {
  position: relative;
  z-index: 999999999;
  float: left; }
  .top-menu > li > a {
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 10px 15px;
    display: inline-block;
    border-right: 1px solid #fff; }
  .top-menu > li:first-child > a {
    border-left: 1px solid #fff; }
  .top-menu > li ul {
    background-color: #32323c;
    color: #fff;
    width: 200px;
    display: none;
    position: absolute;
    left: 0;
    top: 44px;
    padding: 12px 20px; }
    .top-menu > li ul li {
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px solid #3e3e4a;
      position: relative; }
      .top-menu > li ul li a {
        color: #e9e7e8;
        font-size: 14px;
        font-family: "Roboto Condensed", sans-serif; }
        .top-menu > li ul li a:hover {
          color: #26bef0; }
      .top-menu > li ul li.current-menu-item > a {
        color: #26bef0; }
    .top-menu > li ul ul {
      top: 0;
      left: -222px; }
  .top-menu > li:hover > a, .top-menu > li.current-menu-item > a {
    background: #fff;
    color: #333; }

.top-nav-mobile {
  position: relative;
  float: left;
  margin-top: 0;
  display: none; }
  .top-nav-mobile .pull {
    font-size: 20px;
    background: #3e3e4a;
    padding: 10px 15px;
    color: #e9e7e8;
    z-index: 99;
    position: relative;
    display: block;
    cursor: pointer; }
  .top-nav-mobile .top-menu-mobile {
    position: absolute;
    top: 42px;
    right: 0;
    width: 220px;
    border: 1px solid #e9e7e8;
    border-top: 0;
    z-index: 99999999;
    display: none;
    background: #fff;
    padding: 0 15px; }
    .top-nav-mobile .top-menu-mobile > li {
      border-top: 1px solid #dfdfdf;
      position: relative;
      width: 100%; }
      .top-nav-mobile .top-menu-mobile > li:first-child {
        border: 0; }
      .top-nav-mobile .top-menu-mobile > li > a {
        color: #3e3e4a;
        font-family: "Roboto Condensed", sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        display: block;
        padding: 10px 0; }
        .top-nav-mobile .top-menu-mobile > li > a:hover {
          color: #26bef0; }
      .top-nav-mobile .top-menu-mobile > li ul li, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li {
        border-top: 1px solid #dfdfdf; }
        .top-nav-mobile .top-menu-mobile > li ul li:first-child, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li:first-child {
          border-top: 1px solid #dfdfdf; }
        .top-nav-mobile .top-menu-mobile > li ul li a, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li a {
          padding: 10px 15px;
          color: #3e3e4a;
          text-transform: none;
          display: block; }
          .top-nav-mobile .top-menu-mobile > li ul li a:hover, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li a:hover {
            color: #26bef0; }
        .top-nav-mobile .top-menu-mobile > li ul li span, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li span {
          display: none; }
        .top-nav-mobile .top-menu-mobile > li ul li ul, .top-nav-mobile .top-menu-mobile > li ul li ul.sub-menu, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li ul, .top-nav-mobile .top-menu-mobile > li ul.sub-menu li ul.sub-menu {
          display: block !important;
          margin: 0 !important;
          padding: 0 !important;
          height: auto !important;
          width: 100%;
          padding-left: 10px !important; }
      .top-nav-mobile .top-menu-mobile > li span {
        position: absolute;
        right: 10px;
        top: 10px;
        cursor: pointer;
        font-size: 15px; }
        .top-nav-mobile .top-menu-mobile > li span:after {
          content: '\f107'; }
      .top-nav-mobile .top-menu-mobile > li.open span:after {
        content: '\f106'; }

/*--- main-nav ---*/
.kopa-main-nav {
  width: 100%;
  float: left; }

.main-menu {
  position: relative;
  border: none;
  margin: 0; }
  .main-menu .sf-with-ul {
    padding-right: 32px; }
    .main-menu .sf-with-ul:after {
      content: "\f0d7";
      font-size: 12px;
      color: #333;
      border: none;
      margin: 0;
      position: absolute;
      top: 15px;
      right: 15px; }
  .main-menu .sfHover .sf-with-ul:after {
    color: #fff;
  }
  .main-menu > li {
    list-style: none;
    padding: 0;
    margin: 0;
    background: none;
    z-index: 99999999;
    float: left;
    position: initial;
    white-space: normal;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; }
    .main-menu > li:first-child {
      margin: 0; }
    .main-menu > li > a {
      padding: 10px 20px;
      font-family: "Roboto Condensed", sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #333;
      text-transform: uppercase;
      font-weight: 700;
      margin: 0;
      border: none;
      position: relative;
      transition: all 0.5s;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s; }
    .main-menu > li:hover > a, .main-menu > li.current-menu-item > a {
      background: #26bef0;
      color: #fff; }
      .main-menu > li:hover > a:after, .main-menu > li.current-menu-item > a:after {
        color: #fff; }
    .main-menu > li ul.sub-menu {
      width: 210px;
      display: none;
      position: absolute;
      top: 48px;
      left: auto;
      background: #fff;
      box-shadow: none !important;
      z-index: 9999 !important;
      border: 1px solid #dfdfdf; }
      .main-menu > li ul.sub-menu li {
        background: none;
        position: relative;
        white-space: normal;
        padding: 7px 10px;
        border-top: 1px solid #dfdfdf; }
        .main-menu > li ul.sub-menu li:first-child {
          border: none; }
        .main-menu > li ul.sub-menu li a {
          padding: 0;
          margin: 0;
          border: none;
          font-family: "Roboto Condensed", sans-serif;
          font-size: 13px;
          line-height: 22px;
          color: #3e3e4a;
          font-weight: 700;
          text-transform: uppercase;
          display: inline-block; }
          .main-menu > li ul.sub-menu li a:hover {
            color: #26bef0; }
          .main-menu > li ul.sub-menu li a.sf-with-ul:after {
            display: none; }
        .main-menu > li ul.sub-menu li.current-menu-item > a {
          color: #26bef0; }
      .main-menu > li ul.sub-menu ul {
        top: 0;
        left: 212px; }

.sf-mega {
  background: #fff;
  border: 1px solid #e9e7e8;
  position: absolute;
  top: 48px !important;
  padding: 36px 18px;
  box-shadow: none !important;
  z-index: 9999999 !important;
  margin-left: 0;
  -webkit-transform: skew(0);
  -moz-transform: skew(0);
  -o-transform: skew(0);
  transform: skew(0); }
  .sf-mega.col-xs-3, .sf-mega.col-sm-3, .sf-mega.col-md-3, .sf-mega.col-lg-3 {
    width: 25%; }
  .sf-mega.col-xs-4, .sf-mega.col-sm-4, .sf-mega.col-md-4, .sf-mega.col-lg-4 {
    width: 33.33333%; }
  .sf-mega.col-xs-6, .sf-mega.col-sm-6, .sf-mega.col-md-6, .sf-mega.col-lg-6 {
    width: 50%; }
  .sf-mega.col-xs-9, .sf-mega.col-sm-9, .sf-mega.col-md-9, .sf-mega.col-lg-9 {
    width: 75%; }
  .sf-mega .row {
    width: auto !important;
    margin: 0 -18px !important; }
    .sf-mega .row .col-xs-1, .sf-mega .row .col-sm-1, .sf-mega .row .col-md-1, .sf-mega .row .col-lg-1, .sf-mega .row .col-xs-2,
    .sf-mega .row .col-sm-2, .sf-mega .row .col-md-2, .sf-mega .row .col-lg-2, .sf-mega .row .col-xs-3, .sf-mega .row .col-sm-3,
    .sf-mega .row .col-md-3, .sf-mega .row .col-lg-3, .sf-mega .row .col-xs-4, .sf-mega .row .col-sm-4, .sf-mega .row .col-md-4,
    .sf-mega .row .col-lg-4, .sf-mega .row .col-xs-5, .sf-mega .row .col-sm-5, .sf-mega .row .col-md-5, .sf-mega .row .col-lg-5,
    .sf-mega .row .col-xs-6, .sf-mega .row .col-sm-6, .sf-mega .row .col-md-6, .sf-mega .row .col-lg-6, .sf-mega .row .col-xs-7,
    .sf-mega .row .col-sm-7, .sf-mega .row .col-md-7, .sf-mega .row .col-lg-7, .sf-mega .row .col-xs-8, .sf-mega .row .col-sm-8,
    .sf-mega .row .col-md-8, .sf-mega .row .col-lg-8, .sf-mega .row .col-xs-9, .sf-mega .row .col-sm-9, .sf-mega .row .col-md-9,
    .sf-mega .row .col-lg-9, .sf-mega .row .col-xs-10, .sf-mega .row .col-sm-10, .sf-mega .row .col-md-10, .sf-mega .row .col-lg-10,
    .sf-mega .row .col-xs-11, .sf-mega .row .col-sm-11, .sf-mega .row .col-md-11, .sf-mega .row .col-lg-11, .sf-mega .row .col-xs-12,
    .sf-mega .row .col-sm-12, .sf-mega .row .col-md-12, .sf-mega .row .col-lg-12 {
      padding: 0 18px; }
    .sf-mega .row a {
      padding: 0 !important; }
  .sf-mega.style1 {
    padding: 0; }
    .sf-mega.style1 .sf-mega-section {
      padding: 0;
      border-left: 1px solid #dfdfdf;
      border-right: 1px solid #dfdfdf;
      margin-left: -1px; }
      .sf-mega.style1 .sf-mega-section:first-child {
        padding: 0;
        border-left: none; }
      .sf-mega.style1 .sf-mega-section:last-child {
        border-right: none; }
      .sf-mega.style1 .sf-mega-section ul > li, .sf-mega.style1 .sf-mega-section ul.sub-menu > li {
        padding-left: 10px; }
        .sf-mega.style1 .sf-mega-section ul > li:first-child, .sf-mega.style1 .sf-mega-section ul.sub-menu > li:first-child {
          padding-top: 7px; }
  .sf-mega.style2 {
    padding: 36px 0; }
    .sf-mega.style2 .sf-mega-section {
      padding: 0 36px;
      border-left: 1px solid #dfdfdf;
      border-right: 1px solid #dfdfdf;
      margin-left: -1px; }
      .sf-mega.style2 .sf-mega-section:last-child {
        border-right: none; }
  .sf-mega .sf-mega-section {
    margin: 0;
    padding: 0 18px; }
    .sf-mega .sf-mega-section ul, .sf-mega .sf-mega-section ul.sub-menu {
      display: block;
      border: none;
      width: 100%;
      position: inherit;
      top: inherit;
      left: inherit;
      margin-left: 0;
      padding: 0; }
      .sf-mega .sf-mega-section ul > li, .sf-mega .sf-mega-section ul.sub-menu > li {
        padding-left: 0; }
        .sf-mega .sf-mega-section ul > li:first-child, .sf-mega .sf-mega-section ul.sub-menu > li:first-child {
          padding-top: 0; }
  .sf-mega .widget {
    margin-top: 20px;
    margin-bottom: 0; }
    .sf-mega .widget:first-child {
      margin-top: 0; }
    .sf-mega .widget ul li:hover {
      background: none; }
  .sf-mega .entry-title {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #3e3e4a;
    text-transform: none;
    font-weight: 400; }
    .sf-mega .entry-title a {
      color: #3e3e4a; }
      .sf-mega .entry-title a:hover {
        color: #26bef0; }
  .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item {
    margin-top: 20px; }
    .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item:first-child {
      margin-top: 0; }
    .sf-mega .kopa-article-list-widget.menu-list-1 .entry-item .entry-thumb {
      margin-bottom: 20px; }

.kopa-list-sub-widget .widget-title {
  padding: 7px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 0;
  color: #26bef0; }

.kopa-sub-list-widget > ul, .kopa-sub-list-widget ul.row {
  margin-top: -15px !important; }
  .kopa-sub-list-widget > ul > li, .kopa-sub-list-widget ul.row > li {
    margin-top: 15px; }

.sub-list-2 .entry-item .entry-title {
  font-size: 22px;
  line-height: 30px; }

.sub-list-3 > ul {
  margin-top: -20px !important; }
  .sub-list-3 > ul > li {
    margin-top: 20px; }
.sub-list-3 .entry-item .entry-thumb {
  width: 110px;
  margin-right: 20px;
  float: left; }
.sub-list-3 .entry-item .entry-content {
  overflow: hidden; }
.sub-list-3 .entry-item .entry-title {
  margin-top: -5px;
  font-size: 14px;
  line-height: 22px; }

/*--- menu-mobile ---*/
.main-nav-mobile {
  display: none;
  position: relative;
  height: 44px; }
  .main-nav-mobile .pull {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    z-index: 99;
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding: 5px 15px;
    margin: 6px 0 5px; }
    .main-nav-mobile .pull i {
      font-size: 14px;
      color: #333;
      margin-left: 10px; }
  .main-nav-mobile .main-menu-mobile {
    position: absolute;
    top: 48px;
    left: 0;
    width: 280px;
    z-index: 999999;
    display: none;
    background: #fff;
    border: 1px solid #e9e7e8;
    padding: 5px 15px 0;
    text-align: left; }
    .main-nav-mobile .main-menu-mobile > li {
      border-top: 1px solid #e9e7e8;
      position: relative;
      width: 100%; }
      .main-nav-mobile .main-menu-mobile > li:first-child {
        border: 0; }
      .main-nav-mobile .main-menu-mobile > li > a {
        color: #3e3e4a;
        font-family: "Roboto", sans-serif;
        text-transform: capitalize;
        font-size: 14px;
        display: block;
        padding: 10px 25px 10px 0; }
        .main-nav-mobile .main-menu-mobile > li > a:hover {
          color: #25bdee; }
        .main-nav-mobile .main-menu-mobile > li > a > span {
          position: absolute;
          right: 5px;
          top: 10px;
          cursor: pointer;
          font-size: 15px; }
          .main-nav-mobile .main-menu-mobile > li > a > span:after {
            content: '\f107'; }
      .main-nav-mobile .main-menu-mobile > li.current-menu-item > a {
        color: #25bdee; }
      .main-nav-mobile .main-menu-mobile > li .sub-menu li {
        border-top: 1px solid #e9e7e8; }
        .main-nav-mobile .main-menu-mobile > li .sub-menu li a {
          padding: 10px 10px;
          color: #3e3e4a;
          text-transform: capitalize;
          display: block;
          position: relative; }
          .main-nav-mobile .main-menu-mobile > li .sub-menu li a:hover {
            color: #26beef; }
        .main-nav-mobile .main-menu-mobile > li .sub-menu li span {
          display: none; }
        .main-nav-mobile .main-menu-mobile > li .sub-menu li .sub-menu {
          display: block !important;
          margin: 0 !important;
          padding: 0 !important;
          height: auto !important;
          width: 100%; }
        .main-nav-mobile .main-menu-mobile > li .sub-menu li.current-menu-item > a {
          color: #26bef0; }
      .main-nav-mobile .main-menu-mobile > li > div h5 {
        text-transform: uppercase;
        margin: 5px 0 15px; }
      .main-nav-mobile .main-menu-mobile > li .entry-thumb {
        margin-bottom: 15px; }
      .main-nav-mobile .main-menu-mobile > li .sub-menu-list-article {
        display: block !important; }
        .main-nav-mobile .main-menu-mobile > li .sub-menu-list-article li {
          margin-bottom: 10px; }
    .main-nav-mobile .main-menu-mobile .entry-date {
      position: relative;
      top: auto;
      right: auto; }
      .main-nav-mobile .main-menu-mobile .entry-date:after {
        display: none !important; }

.sf-mega-mobile {
  display: none;
  padding: 0 0 20px;
  width: 100%;
  left: 0;
  z-index: 99999;
  background: #fff; }
  .sf-mega-mobile ul {
    display: block !important;
    height: 100% !important; }
  .sf-mega-mobile .sf-mega-section-mobile {
    padding: 0;
    width: 100%;
    left: 0;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e9e7e8; }
    .sf-mega-mobile .sf-mega-section-mobile .sub-menu-list-article {
      margin-bottom: 10px; }
    .sf-mega-mobile .sf-mega-section-mobile:first-child {
      margin-top: 0;
      padding-top: 0;
      border-top: none; }
      .sf-mega-mobile .sf-mega-section-mobile:first-child .widget {
        margin-top: 0; }
    .sf-mega-mobile .sf-mega-section-mobile .sub-menu li:last-child a {
      padding-bottom: 0; }
    .sf-mega-mobile .sf-mega-section-mobile .widget {
      margin-bottom: 0; }
      .sf-mega-mobile .sf-mega-section-mobile .widget ul {
        display: block !important; }
    .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul {
      margin: 0; }
      .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul > li {
        width: 100%;
        padding: 0; }
        .sf-mega-mobile .sf-mega-section-mobile .kopa-sub-list-widget > ul > li:first-child {
          margin-top: 0; }
  .sf-mega-mobile .entry-title {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 22px;
    color: #e9e7e8;
    font-weight: 600;
    margin-bottom: 8px; }
    .sf-mega-mobile .entry-title a {
      color: #3e3e4a; }
      .sf-mega-mobile .entry-title a:hover {
        color: #26bef0; }
  .sf-mega-mobile .widget-title.style1 {
    margin-bottom: 30px;
    padding-bottom: 0;
    border-bottom: none; }
  .sf-mega-mobile .sub-list-2 .entry-item .entry-title {
    font-size: 16px;
    line-height: 24px; }
  .sf-mega-mobile .sub-list-3 .entry-item .entry-thumb {
    width: 100px;
    margin-right: 15px;
    margin-bottom: 0; }
  .sf-mega-mobile .sub-list-3 .entry-item .entry-title {
    margin-top: -5px;
    margin-bottom: 0; }
  .sf-mega-mobile .sub-list-3 .entry-item .entry-meta {
    display: none; }
  .sf-mega-mobile .entry-thumb > h5 {
    margin: 0 !important; }

/**
 * 3. - Content
 * -------------------------------------------------------------------
 */
.entry-item {
  position: relative; }

.entry-title {
  margin-bottom: 0px;
  font-weight: 400;
  text-transform: none; }

.entry-thumb {
  width: 100%;
  position: relative;
  background: #000; }
  .entry-thumb img {
    width: 100%;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; }
  .entry-thumb .thumb-hover {
    background: url("../images/background/bg/black/2.png");
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s; }
    .entry-thumb .thumb-hover .thumb-icon {
      margin: 0;
      padding: 0;
      text-align: center;
      width: 64px;
      height: 64px;
      line-height: 64px;
      font-size: 25px;
      position: absolute;
      top: 50%;
      margin-top: -32px;
      margin-left: -32px;
      color: #fff;
      left: 50%;
      border-radius: 50%; }
      .entry-thumb .thumb-hover .thumb-icon:hover {
        color: #3e3e4a; }
  .entry-thumb:hover .thumb-hover {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }
  .entry-thumb:hover img {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    /* IE 5-7 */
    filter: alpha(opacity=80);
    /* Netscape */
    -moz-opacity: 0.8;
    /* Safari 1.x */
    -khtml-opacity: 0.8;
    /* Good browsers */
    opacity: 0.8; }
  .entry-thumb > h5 {
    position: absolute;
    left: 0;
    bottom: 0;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    padding: 4px 10px;
    background: #26beef;
    margin: 0; }
    .entry-thumb > h5:before {
      content: '';
      position: absolute;
      border-left: 0px solid transparent;
      border-right: 7px solid transparent;
      border-top: 10px solid #26beef;
      bottom: -10px;
      left: 50%;
      margin-left: 0px;
      left: 0;
      z-index: 999; }
    .entry-thumb > h5 a {
      display: inline-block;
      margin-left: 5px;
      color: #fff; }
      .entry-thumb > h5 a:first-child {
        margin-left: 0; }
      .entry-thumb > h5 a:hover {
        color: #3e3e4a; }
  .entry-thumb .kopa-rating {
    position: absolute;
    left: 0;
    bottom: 0;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 10px;
    background: #25bdef;
    margin: 0;
    width: auto; }
    .entry-thumb .kopa-rating li {
      color: #fff; }
    .entry-thumb .kopa-rating:before {
      content: '';
      position: absolute;
      border-left: 0px solid transparent;
      border-right: 7px solid transparent;
      border-top: 10px solid #25bdef;
      bottom: -10px;
      left: 50%;
      margin-left: 0px;
      left: 0;
      z-index: 999; }
  .entry-thumb .entry-view {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    background: #26bef0;
    padding: 0 4px; }
    .entry-thumb .entry-view:before {
      content: '';
      position: absolute;
      border-left: 0px solid transparent;
      border-right: 7px solid transparent;
      border-top: 5px solid black;
      bottom: -5px;
      left: 50%;
      margin-left: 0px;
      left: auto;
      right: 0;
      z-index: 999; }

.entry-thumb.style1 {
  margin-bottom: 15px; }

.entry-thumb.style2 .thumb-icon, .entry-thumb.style2 .entry-view {
  z-index: 99; }
.entry-thumb.style2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: none;
  border: 0px solid #26bef0;
  z-index: 9; }
.entry-thumb.style2:hover:before {
  border-width: 3px; }

.thumb-icon {
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  text-align: center;
  width: 44px;
  height: 28px;
  line-height: 28px;
  font-size: 13px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: -22px;
  color: #fff;
  left: 50%;
  background: #26bef0; }
  .thumb-icon:hover {
    color: #fff !important; }

.thumb-icon.style1 {
  text-align: center;
  width: 60px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  margin-left: -30px;
  color: #26bef0;
  background: url("../images/background/bg/white/7.png");
  background: rgba(255, 255, 255, 0.7); }
  .thumb-icon.style1:hover {
    color: #26bef0 !important; }

.entry-item .thumb-icon:before {
  content: "\f08e";
  margin-top: 0; }

.portfolio-item .thumb-icon:before {
  content: '\f064'; }

.video-post .thumb-icon:before {
  content: '\f04b';
  padding-left: 5px;
  margin-top: 0; }

.gallery-post .thumb-icon:before {
  content: '\f083';
  margin-top: 0; }

.standard-post .thumb-icon:before {
  content: "\f08e";
  margin-top: 0; }

.audio-post .thumb-icon:before {
  content: "\f001";
  margin-top: 0; }

.link-post .thumb-icon:before {
  content: "\f0c1";
  margin-top: 0; }

.quote-post .thumb-icon:before {
  content: "\f10e";
  margin-top: 0; }

.s-item .entry-item .entry-title span:before {
  margin-right: 10px; }
.s-item .video-post .entry-title span:before {
  content: '\f04b';
  padding-left: 5px;
  margin-top: 0; }
.s-item .gallery-post .entry-title span:before {
  content: '\f083';
  margin-top: 0; }
.s-item .standard-post .entry-title span:before {
  content: "\f08e";
  margin-top: 0; }
.s-item .audio-post .entry-title span:before {
  content: "\f001";
  margin-top: 0; }
.s-item .link-post .entry-title span:before {
  content: "\f0c1";
  margin-top: 0; }
.s-item .quote-post .entry-title span:before {
  content: "\f10e";
  margin-top: 0; }
.s-item .image-post .entry-title span:before {
  content: "\f030";
  margin-top: 0; }

.more-link {
  font-size: 13px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  margin-top: 10px;
  text-transform: uppercase; }
  .more-link:after {
    content: '\f064';
    color: #ffa725;
    margin-left: 5px; }

.entry-meta {
  color: #b8b8c6;
  margin-top: -5px; }
  .entry-meta > span, .entry-meta > p {
    display: inline-block;
    margin: 0;
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #b8b8c6;
    text-transform: capitalize;
    font-style: italic;
    font-weight: 500;
    margin-top: 5px; }
    .entry-meta > span i, .entry-meta > p i {
      font-size: 15px;
      color: #3e3e4a;
      font-style: normal;
      margin-right: 7px;
      float: left;
      margin-top: 3px; }
    .entry-meta > span a, .entry-meta > p a {
      color: #26bef0; }
      .entry-meta > span a:hover, .entry-meta > p a:hover {
        color: #3e3e4a; }
      .entry-meta > span a > i, .entry-meta > p a > i {
        margin-right: 5px; }
  .entry-meta > a {
    display: inline-block;
    margin-top: 5px; }
    .entry-meta > a:hover span {
      color: #26beef; }

.entry-author img {
  border-radius: 50%;
  margin-right: 5px; }
.entry-author span {
  font-weight: 500;
  color: #b8b8c6;
  font-style: italic;
  display: inline; }

/*--- pagination ---*/
.kopa-pagination {
  width: 100%;
  position: relative;
  margin-top: 20px;
  font-size: 14px;
  font-weight: 700; }
  .kopa-pagination:before {
    display: none; }
  .kopa-pagination ul {
    margin: -10px -5px 0; }
    .kopa-pagination ul li {
      display: inline-block;
      margin: 10px 5px 0; }
      .kopa-pagination ul li:before {
        display: none; }
      .kopa-pagination ul li span, .kopa-pagination ul li a {
        display: inline-block;
        text-align: center;
        width: 50px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background: white;
        border: 1px solid #e9e7e8;
        border-bottom-width: 2px;
        display: block; }
        .kopa-pagination ul li span.current, .kopa-pagination ul li a.current {
          color: #fff;
          background: #26beef;
          border-color: #26beef; }
      .kopa-pagination ul li a.prev, .kopa-pagination ul li a.next {
        display: inline-block;
        text-align: center;
        width: 50px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
        background: white;
        color: #3e3e4a;
        position: relative; }
        .kopa-pagination ul li a.prev:hover, .kopa-pagination ul li a.next:hover {
          color: #fff;
          background: #26bef0;
          border-color: #26bef0; }
      .kopa-pagination ul li:hover a, .kopa-pagination ul li.current a {
        color: #fff;
        background: #26bef0;
        border-color: #26bef0; }

/*--- breadcrumb ---*/
.kopa-breadcrumb {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #3e3e4a;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px; }
  .kopa-breadcrumb > .wrapper {
    border-bottom: 2px solid #dfdfdf;
    padding: 12px 20px;
    background: #fff; }
  .kopa-breadcrumb span {
    color: #26bef0; }
    .kopa-breadcrumb span:hover {
      color: #3e3e4a; }
  .kopa-breadcrumb a.current-page > span {
    color: #26bef0; }

/*--- owl-button ---*/
.owl-theme .owl-controls {
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  margin: 0; }
  .owl-theme .owl-controls .owl-buttons div {
    color: #3e3e4a;
    background: #e9e7e8;
    padding: 0;
    margin: 0;
    border-radius: 0;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    text-align: center;
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 10px;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    margin-left: -12px;
    margin-left: 0; }
    .owl-theme .owl-controls .owl-buttons div:hover {
      background: #3e3e4a;
      color: #e9e7e8; }
    .owl-theme .owl-controls .owl-buttons div.owl-prev {
      left: 0;
      padding-right: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-prev:before {
        content: "\f053"; }
    .owl-theme .owl-controls .owl-buttons div.owl-next {
      right: 0;
      padding-left: 2px; }
      .owl-theme .owl-controls .owl-buttons div.owl-next:before {
        content: "\f054"; }
  .owl-theme .owl-controls .owl-page span {
    width: 12px;
    height: 12px;
    margin: 5px 5px 0;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1;
    background: #fff;
    border: none;
    transition: all 0.5s;
    -ms-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    border-radius: 50%;
    border: 3px solid #d1d1d1; }
  .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
    border-color: #26bef0; }
.owl-theme .owl-controls.style1 {
  position: absolute;
  top: -58px;
  right: 10px; }
  .owl-theme .owl-controls.style1 .owl-buttons div {
    position: relative;
    margin-left: 5px; }
.owl-theme .owl-controls.style2 {
  position: absolute;
  top: -35px;
  right: 0; }
  .owl-theme .owl-controls.style2 .owl-buttons {
    margin-top: -2px; }
  .owl-theme .owl-controls.style2 .owl-buttons div {
    color: #fff;
    background: #32323c;
    text-align: center;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    margin-top: -27px;
    margin-left: -27px;
    margin-left: 0;
    position: relative; }
    .owl-theme .owl-controls.style2 .owl-buttons div:hover {
      background: #26bef0; }
    .owl-theme .owl-controls.style2 .owl-buttons div.owl-prev:before {
      content: "\f04a"; }
    .owl-theme .owl-controls.style2 .owl-buttons div.owl-next:before {
      content: "\f04e"; }
.owl-theme .owl-controls.style3 .owl-buttons div {
  color: #fff;
  background: #32323c;
  text-align: center;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 20px;
  position: absolute;
  top: 50%;
  margin-top: -25px;
  margin-left: -25px;
  margin-left: 0; }
  .owl-theme .owl-controls.style3 .owl-buttons div:hover {
    background: #26bef0; }
  .owl-theme .owl-controls.style3 .owl-buttons div.owl-prev:before {
    content: "\f060"; }
  .owl-theme .owl-controls.style3 .owl-buttons div.owl-next:before {
    content: "\f061"; }
.owl-theme .owl-controls.style3 .owl-pagination {
  position: absolute;
  top: 20px;
  right: 20px; }
  .owl-theme .owl-controls.style3 .owl-pagination .owl-page span {
    width: 14px;
    height: 14px;
    background: none;
    border: 2px solid #fff; }
  .owl-theme .owl-controls.style3 .owl-pagination .owl-page.active span, .owl-theme .owl-controls.style3 .owl-pagination .owl-page:hover span {
    background: #26bef0; }

.kopa-owl-prev, .kopa-owl-next {
  width: 40px;
  height: 100%;
  background: url("../images/background/bg/white/5.png");
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 99999; }
  .kopa-owl-prev > i, .kopa-owl-next > i {
    text-align: center;
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 15px;
    position: absolute;
    top: 50%;
    margin-top: -12.5px;
    margin-left: -12.5px;
    background: #fff;
    border-radius: 5px;
    left: 50%;
    padding-left: 2px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out; }
    .kopa-owl-prev > i:hover, .kopa-owl-next > i:hover {
      background: #26bef0;
      color: #fff; }

.kopa-owl-prev {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px; }
  .kopa-owl-prev > i {
    padding-right: 2px; }

.kopa-owl-next {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  left: auto;
  right: 15px; }

/*--- form ---*/
address {
  color: #3e3e4a; }

.contact-title, .comment-title {
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
  margin: 0; }
  .contact-title.style1, .comment-title.style1 {
    margin-bottom: 45px; }

.contact-box, .comment-box {
  margin: 0 0 0; }
  .contact-box > h3, .comment-box > h3 {
    text-transform: uppercase; }
  .contact-box .input-block, .contact-box .textarea-block, .comment-box .input-block, .comment-box .textarea-block {
    position: relative;
    margin: 5px 0 0; }
  .contact-box .textarea-block, .comment-box .textarea-block {
    margin: 20px 0 0; }
  .contact-box .input-block:first-child, .comment-box .input-block:first-child {
    margin-top: 10px; }
  .contact-box input, .contact-box textarea, .comment-box input, .comment-box textarea {
    box-shadow: none;
    border: 1px solid #dfdfdf;
    background: #f8f8f8;
    color: #3e3e4a;
    line-height: 20px;
    padding: 4px 10px;
    width: 100%; }
    .contact-box input:focus, .contact-box textarea:focus, .comment-box input:focus, .comment-box textarea:focus {
      border-color: #26bef0;
      outline: 0; }
    .contact-box input#submit-contact, .contact-box input#submit-comment, .contact-box textarea#submit-contact, .contact-box textarea#submit-comment, .comment-box input#submit-contact, .comment-box input#submit-comment, .comment-box textarea#submit-contact, .comment-box textarea#submit-comment {
      font-family: "Roboto", sans-serif;
      font-size: 14px;
      color: #fff;
      width: auto;
      background: #26bef0;
      padding: 5px 15px;
      margin-top: 25px;
      border: 0;
      transition: all 0.5s;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s; }
      .contact-box input#submit-contact:hover, .contact-box input#submit-comment:hover, .contact-box textarea#submit-contact:hover, .contact-box textarea#submit-comment:hover, .comment-box input#submit-contact:hover, .comment-box input#submit-comment:hover, .comment-box textarea#submit-contact:hover, .comment-box textarea#submit-comment:hover {
        background: #3e3e4a; }
  .contact-box textarea, .comment-box textarea {
    width: 100%;
    padding: 8px 15px; }
  .contact-box label.error, .comment-box label.error {
    color: #26bef0;
    position: absolute;
    top: 0;
    right: 10px;
    margin: 0;
    line-height: 30px; }
  .contact-box .input-label, .comment-box .input-label {
    color: #3e3e4a;
    margin: 5px 0 5px; }
    .contact-box .input-label > span, .comment-box .input-label > span {
      color: #26bef0;
      margin-left: 5px; }

.widget .contact-box, .widget .comment-box, .widget .kopa-map-wrapper {
  margin-bottom: 0; }

.contact-info {
  margin-bottom: 30px; }
  .contact-info address {
    font-family: "Roboto", sans-serif;
    font-weight: 600;
    color: #3e3e4a; }
    .contact-info address a {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #26bef0; }
      .contact-info address a:hover {
        color: #757575; }
    .contact-info address .ct-phone {
      font-family: "Roboto", sans-serif;
      font-weight: 400;
      color: #757575; }

.portfolio-container,
.portfolio-container2 {
  position: relative; }

/*--- filter ---*/
.filters-options {
  margin-bottom: 30px;
  text-align: center; }
  .filters-options li {
    padding: 10px 20px;
    background: #e9e7e8;
    margin: 0 13px 10px;
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    text-transform: uppercase;
    color: #3e3e4a;
    position: relative; }
    .filters-options li:before {
      content: '';
      position: absolute;
      border-left: 0px solid transparent;
      border-right: 25px solid transparent;
      border-top: 42px solid #e9e7e8;
      bottom: 0;
      left: 50%;
      margin-left: 0px;
      left: 100%;
      z-index: 999; }
    .filters-options li:after {
      content: '';
      position: absolute;
      border-top: 42px solid transparent;
      border-bottom: 0 solid transparent;
      border-right: 25px solid #e9e7e8;
      top: 0;
      left: -25px;
      z-index: 998; }
    .filters-options li.active, .filters-options li:hover {
      background: #26bef0;
      color: #fff; }
      .filters-options li.active:before, .filters-options li:hover:before {
        border-top-color: #26bef0; }
      .filters-options li.active:after, .filters-options li:hover:after {
        border-right-color: #26bef0; }
    .filters-options li input {
      display: none; }

/*--- rating ---*/
.kopa-rating {
  width: 100%;
  margin-bottom: 5px;
  display: inline-block;
  position: relative; }
  .kopa-rating li {
    font-size: 13px;
    float: left;
    color: #ffa627;
    margin-left: 0; }
    .kopa-rating li.inactive span:before {
      content: "\f123"; }

.btn-add-to-cart, .btn-detail {
  text-align: center;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 20px;
  position: absolute;
  top: auto;
  margin-top: -19px;
  margin-left: -19px;
  bottom: 0;
  right: 0;
  background: #7a7a7a;
  color: #fff; }
  .btn-add-to-cart:hover, .btn-detail:hover {
    background: #26bef0;
    color: #fff; }

.kopa-loadmore {
  text-align: center;
  margin-top: 30px;
  background: #cccccc;
  border-bottom: 4px solid #b0b0b4;
  padding: 12px 9px 8px;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #26bef0;
  text-transform: uppercase;
  cursor: pointer; }

.kopa-flickr-widget .flickr-wrap {
  margin: -5px -2.5px 0; }
  .kopa-flickr-widget .flickr-wrap li {
    float: left;
    margin: 5px 2.5px 0;
    /*&:nth-child(3), &:nth-child(4){
        a {
            width: 135px !important;
        }
    }*/ }
    .kopa-flickr-widget .flickr-wrap li a {
      display: block;
      width: 65px !important;
      height: 65px !important;
      border-radius: 5px; }

/**
 * 3.1 - Widget
 * -------------------------------------------------------------------
 */
.widget {
  margin-bottom: 30px;
  position: relative; }
  .widget > header {
    text-align: center;
    margin-bottom: 20px; }
    .widget > header .widget-title {
      margin-bottom: 10px; }

.widget-title {
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3e3e4a; }

.widget-title.style1 {
  color: #26bef0;
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #dfdfdf; }

.widget-title.style2 {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 2px solid #60606a; }

.widget-title.style3, .widget-title.style5 {
  margin-bottom: 0; }
  .widget-title.style3 span, .widget-title.style5 span {
    color: #26bef0; }

.widget-title.style4 {
  text-align: center;
  margin-bottom: 0;
  padding: 14px 20px;
  border-bottom: 1px solid #fff; }

.widget-title.style5 {
  background: #26bef0;
  border-bottom: none;
  color: #fff;
  font-weight: 400;
  position: relative;
  padding: 14px 150px 14px 20px; }

  .widget-area-8 .widget-title.style5:before {
    background: #fff;
  }
  .widget-title.style5 a {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 16px;
    line-height: 24px;
    text-transform: none;
    color: #fff; }
    
   /* .widget-title.style5 a > i {
      display: inline-block;
      text-align: center;
      width: 58px;
      height: 54px;
      line-height: 54px;
      font-size: 20px;
      background: #93ddf6;
      color: #fff;
      margin-left: 10px; }*/

.widget-content {
  position: relative; }

/*-- widget default --*/
.widget_categories > ul > li, .widget_categories ul.menu > li, .widget_categories .pd-20 > ul > li, .widget_categories .pd-20 ul.menu > li,
.widget_recent_entries > ul > li,
.widget_recent_entries ul.menu > li,
.widget_archive > ul > li,
.widget_archive ul.menu > li,
.widget_meta > ul > li,
.widget_meta ul.menu > li,
.widget_nav_menu > ul > li,
.widget_nav_menu ul.menu > li,
.widget_pages > ul > li,
.widget_pages ul.menu > li,
.widget_recent_comments > ul > li,
.widget_recent_comments ul.menu > li,
.widget_rss > ul > li,
.widget_rss ul.menu > li {
  color: #3e3e4a;
  position: relative;
  margin-top: 15px; }
  .widget_categories > ul > li:first-child, .widget_categories ul.menu > li:first-child, .widget_categories .pd-20 > ul > li:first-child, .widget_categories .pd-20 ul.menu > li:first-child,
  .widget_recent_entries > ul > li:first-child,
  .widget_recent_entries ul.menu > li:first-child,
  .widget_archive > ul > li:first-child,
  .widget_archive ul.menu > li:first-child,
  .widget_meta > ul > li:first-child,
  .widget_meta ul.menu > li:first-child,
  .widget_nav_menu > ul > li:first-child,
  .widget_nav_menu ul.menu > li:first-child,
  .widget_pages > ul > li:first-child,
  .widget_pages ul.menu > li:first-child,
  .widget_recent_comments > ul > li:first-child,
  .widget_recent_comments ul.menu > li:first-child,
  .widget_rss > ul > li:first-child,
  .widget_rss ul.menu > li:first-child {
    margin-top: 0; }
  .widget_categories > ul > li .sub-menu, .widget_categories > ul > li .children, .widget_categories ul.menu > li .sub-menu, .widget_categories ul.menu > li .children, .widget_categories .pd-20 > ul > li .sub-menu, .widget_categories .pd-20 > ul > li .children, .widget_categories .pd-20 ul.menu > li .sub-menu, .widget_categories .pd-20 ul.menu > li .children,
  .widget_recent_entries > ul > li .sub-menu,
  .widget_recent_entries > ul > li .children,
  .widget_recent_entries ul.menu > li .sub-menu,
  .widget_recent_entries ul.menu > li .children,
  .widget_archive > ul > li .sub-menu,
  .widget_archive > ul > li .children,
  .widget_archive ul.menu > li .sub-menu,
  .widget_archive ul.menu > li .children,
  .widget_meta > ul > li .sub-menu,
  .widget_meta > ul > li .children,
  .widget_meta ul.menu > li .sub-menu,
  .widget_meta ul.menu > li .children,
  .widget_nav_menu > ul > li .sub-menu,
  .widget_nav_menu > ul > li .children,
  .widget_nav_menu ul.menu > li .sub-menu,
  .widget_nav_menu ul.menu > li .children,
  .widget_pages > ul > li .sub-menu,
  .widget_pages > ul > li .children,
  .widget_pages ul.menu > li .sub-menu,
  .widget_pages ul.menu > li .children,
  .widget_recent_comments > ul > li .sub-menu,
  .widget_recent_comments > ul > li .children,
  .widget_recent_comments ul.menu > li .sub-menu,
  .widget_recent_comments ul.menu > li .children,
  .widget_rss > ul > li .sub-menu,
  .widget_rss > ul > li .children,
  .widget_rss ul.menu > li .sub-menu,
  .widget_rss ul.menu > li .children {
    margin-left: 10px; }
    .widget_categories > ul > li .sub-menu li, .widget_categories > ul > li .children li, .widget_categories ul.menu > li .sub-menu li, .widget_categories ul.menu > li .children li, .widget_categories .pd-20 > ul > li .sub-menu li, .widget_categories .pd-20 > ul > li .children li, .widget_categories .pd-20 ul.menu > li .sub-menu li, .widget_categories .pd-20 ul.menu > li .children li,
    .widget_recent_entries > ul > li .sub-menu li,
    .widget_recent_entries > ul > li .children li,
    .widget_recent_entries ul.menu > li .sub-menu li,
    .widget_recent_entries ul.menu > li .children li,
    .widget_archive > ul > li .sub-menu li,
    .widget_archive > ul > li .children li,
    .widget_archive ul.menu > li .sub-menu li,
    .widget_archive ul.menu > li .children li,
    .widget_meta > ul > li .sub-menu li,
    .widget_meta > ul > li .children li,
    .widget_meta ul.menu > li .sub-menu li,
    .widget_meta ul.menu > li .children li,
    .widget_nav_menu > ul > li .sub-menu li,
    .widget_nav_menu > ul > li .children li,
    .widget_nav_menu ul.menu > li .sub-menu li,
    .widget_nav_menu ul.menu > li .children li,
    .widget_pages > ul > li .sub-menu li,
    .widget_pages > ul > li .children li,
    .widget_pages ul.menu > li .sub-menu li,
    .widget_pages ul.menu > li .children li,
    .widget_recent_comments > ul > li .sub-menu li,
    .widget_recent_comments > ul > li .children li,
    .widget_recent_comments ul.menu > li .sub-menu li,
    .widget_recent_comments ul.menu > li .children li,
    .widget_rss > ul > li .sub-menu li,
    .widget_rss > ul > li .children li,
    .widget_rss ul.menu > li .sub-menu li,
    .widget_rss ul.menu > li .children li {
      margin-top: 10px; }
  .widget_categories > ul > li > a, .widget_categories ul.menu > li > a, .widget_categories .pd-20 > ul > li > a, .widget_categories .pd-20 ul.menu > li > a,
  .widget_recent_entries > ul > li > a,
  .widget_recent_entries ul.menu > li > a,
  .widget_archive > ul > li > a,
  .widget_archive ul.menu > li > a,
  .widget_meta > ul > li > a,
  .widget_meta ul.menu > li > a,
  .widget_nav_menu > ul > li > a,
  .widget_nav_menu ul.menu > li > a,
  .widget_pages > ul > li > a,
  .widget_pages ul.menu > li > a,
  .widget_recent_comments > ul > li > a,
  .widget_recent_comments ul.menu > li > a,
  .widget_rss > ul > li > a,
  .widget_rss ul.menu > li > a {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase; }
  .widget_categories > ul > li > span, .widget_categories ul.menu > li > span, .widget_categories .pd-20 > ul > li > span, .widget_categories .pd-20 ul.menu > li > span,
  .widget_recent_entries > ul > li > span,
  .widget_recent_entries ul.menu > li > span,
  .widget_archive > ul > li > span,
  .widget_archive ul.menu > li > span,
  .widget_meta > ul > li > span,
  .widget_meta ul.menu > li > span,
  .widget_nav_menu > ul > li > span,
  .widget_nav_menu ul.menu > li > span,
  .widget_pages > ul > li > span,
  .widget_pages ul.menu > li > span,
  .widget_recent_comments > ul > li > span,
  .widget_recent_comments ul.menu > li > span,
  .widget_rss > ul > li > span,
  .widget_rss ul.menu > li > span {
    float: right;
    display: inline-block;
    color: #909195; }

.widget_rss .widget-title .rsswidget {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  text-transform: inherit;
  font-weight: inherit;
  float: none; }
.widget_rss > ul > li a {
  color: #26bef0; }

.textwidget p {
  font-size: 14px; }
  .textwidget p strong {
    font-weight: normal;
    margin-bottom: 20px;
    display: inline-block; }
.textwidget img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px; }

.wp-caption img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px; }

.post-date {
  margin-left: 3px;
  color: #26bef0;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 11px; }

.wp-playlist {
  margin: 0 !important; }

.tagcloud a {
  padding: 8px 18px;
  margin: 4px 2px;
  display: inline-block;
  border: 1px solid #e9e7e8;
  font-size: 14px !important;
  color: #3e3e4a; }
  .tagcloud a:hover {
    border: 1px solid #26bef0;
    color: #26bef0; }

.widget_categories select, .widget_archive select, .widget_nav_menu select,
.widget_pages select, .widget_recent_comments select, .widget_rss select, .textwidget select {
  font-size: 13px;
  color: #3e3e4a;
  width: 100%;
  height: 30px;
  padding: 10px 20px;
  border: 1px solid #e9e7e8;
  outline: none;
  position: relative; }

/*Calendar*/
.widget_calendar table {
  line-height: 2;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: -5px; }
.widget_calendar caption {
  font-weight: 600;
  border-bottom: 1px solid #e9e7e8;
  color: #3e3e4a;
  font-size: 16px;
  padding-bottom: 15px;
  line-height: 18px; }
.widget_calendar tfoot {
  border-top: 1px solid #e9e7e8;
  font-weight: 700; }
  .widget_calendar tfoot td {
    padding-top: 15px; }
.widget_calendar thead th {
  width: 14.285%;
  font-size: 16px;
  color: #26bef0; }
.widget_calendar tbody td, .widget_calendar thead th {
  text-align: center;
  text-align: center;
  font-weight: 600;
  border-bottom: 1px solid #e9e7e8;
  color: #3e3e4a;
  font-size: 14px;
  margin-bottom: 15px;
  padding-bottom: 12px;
  padding-top: 15px;
  line-height: 18px; }
.widget_calendar tbody a {
  color: #26bef0;
  display: block; }
.widget_calendar #prev {
  padding-left: 5px; }
.widget_calendar #next {
  padding-right: 5px;
  text-align: right; }

/*Search*/
.widget_search {
  border: 1px solid #e9e7e8;
  padding: 10px; }
  .widget_search .search-form {
    width: 100%; }
    .widget_search .search-form .search-text {
      width: 79.31034%;
      height: 38px;
      padding: 5px 15px;
      color: #757575;
      background: #32323c;
      border: none;
      outline: none;
      float: left;
      margin-right: 3.44828%;
      font-style: italic; }
    .widget_search .search-form .search-submit {
      width: 17.24138%;
      height: 38px;
      border: none;
      outline: none;
      background: #26bef0;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 700;
      padding: 0;
      color: #fff; }
      .widget_search .search-form .search-submit > span {
        display: none; }
      .widget_search .search-form .search-submit:before {
        content: "go"; }
      .widget_search .search-form .search-submit:hover {
        color: #3e3e4a; }
  .widget_search.style1 .search-form {
    position: relative; }
    .widget_search.style1 .search-form .search-text {
      width: 100%;
      padding: 5px 70px 5px 15px;
      margin-right: none; }
    .widget_search.style1 .search-form .search-submit {
      width: 53px;
      position: absolute;
      top: 0;
      right: 0; }
      .widget_search.style1 .search-form .search-submit:after {
        content: '';
        position: absolute;
        border-top: 38px solid transparent;
        border-bottom: 0 solid transparent;
        border-right: 15px solid #26bef0;
        top: 0;
        left: -15px;
        z-index: 998; }

#main-content .widget {
  background: #fff;
  margin-bottom: 20px; }

/*--- Kopa newsletter widget ---*/
.kopa-newsletter-widget .newsletter-intro .news-icon {
  font-size: 40px;
  float: left;
  margin-right: 15px;
  margin-top: -4px;
  background: url("../images/nlt.png") no-repeat center;
  height: 42px;
  width: 44px; }
  .kopa-newsletter-widget .newsletter-intro .news-icon:before {
    display: none; }
.kopa-newsletter-widget .newsletter-intro .info-content {
  overflow: hidden; }
  .kopa-newsletter-widget .newsletter-intro .info-content > h4 {
    margin-top: -5px;
    margin-bottom: 0; }
  .kopa-newsletter-widget .newsletter-intro .info-content > span {
    font-family: "Roboto Condensed", sans-serif;
    text-transform: uppercase;
    color: #e9e7e8 !important; }
.kopa-newsletter-widget .newsletter-content {
  position: relative;
  margin-top: 30px; }
  .kopa-newsletter-widget .newsletter-content .input-icon {
    position: absolute;
    top: 12px;
    left: 11px;
    color: #3e3e4a !important;
    z-index: 999; }
.kopa-newsletter-widget .newsletter-form {
  position: relative; }
  .kopa-newsletter-widget .newsletter-form .input-area {
    width: 100%;
    float: left;
    position: relative; }
    .kopa-newsletter-widget .newsletter-form .input-area > input {
      width: 100%;
      background: #fff;
      border: 2px solid #fff;
      border-radius: 4px;
      padding: 7px 40px 7px 32px;
      font-size: 13px;
      line-height: 13px;
      color: #909195; }
    .kopa-newsletter-widget .newsletter-form .input-area label.error {
      color: #26bef0;
      position: absolute;
      top: 0;
      right: 10px;
      margin: 0;
      line-height: 44px; }
  .kopa-newsletter-widget .newsletter-form .search-submit {
    background: none;
    border: none;
    color: #3e3e4a !important;
    position: absolute;
    top: 8px;
    right: 8px;
    outline: none !important; }
    .kopa-newsletter-widget .newsletter-form .search-submit span {
      color: #3e3e4a !important;
      font-size: 18px; }

.kopa-newsletter-widget.style1 {
  background: #eebd47 !important; }
  .kopa-newsletter-widget.style1 .widget-title {
    color: #fff; }
  .kopa-newsletter-widget.style1 .newsletter-intro {
    text-align: center; }
    .kopa-newsletter-widget.style1 .newsletter-intro .news-icon {
      display: block;
      float: none;
      color: #fff;
      margin: 0 0 5px;
      background: url("../images/nlt.png") no-repeat center;
      height: 42px;
      width: 100%; }
      .kopa-newsletter-widget.style1 .newsletter-intro .news-icon:before {
        display: none; }
    .kopa-newsletter-widget.style1 .newsletter-intro .info-content {
      overflow: visible; }
      .kopa-newsletter-widget.style1 .newsletter-intro .info-content > span {
        color: #fff !important; }
  .kopa-newsletter-widget.style1 .newsletter-content {
    margin-top: 15px; }

/*--- kopa-ads-widget ---*/
.kopa-ads-widget {
  text-align: center;
  background: none !important;
  border: none !important; }
  .kopa-ads-widget a {
    display: block; }

/**
 * 3.1.1 - widget-area
 * -------------------------------------------------------------------
 */
.widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 {
  float: left;
  padding: 40px 20px 0;
  min-height: 1px;
  position: relative; }

.widget-area-1 {
  width: 23%;
  background: #3e3e4a; }
  .widget-area-1 .widget {
    margin-bottom: 20px; }

.widget-area-2 {
  width: 16%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a));
  background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -moz-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -o-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -ms-linear-gradient(left, #3a3a45, #3e3e4a);
  background: linear-gradient(left, #3a3a45, #3e3e4a);
  background-color: #3a3a45; }

.widget-area-3 {
  width: 27%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a));
  background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -moz-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -o-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -ms-linear-gradient(left, #3a3a45, #3e3e4a);
  background: linear-gradient(left, #3a3a45, #3e3e4a);
  background-color: #3a3a45; }

.widget-area-4 {
  width: 34%;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3a3a45), to(#3e3e4a));
  background: -webkit-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -moz-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -o-linear-gradient(left, #3a3a45, #3e3e4a);
  background: -ms-linear-gradient(left, #3a3a45, #3e3e4a);
  background: linear-gradient(left, #3a3a45, #3e3e4a);
  background-color: #3a3a45; }

/*--- grid ---*/
.style1.row {
  margin: 0 -20px; }
  @media screen and (max-width: 639px) {
    .style1.row > div {
      width: 100%;
      margin-top: 20px; }
      .style1.row > div:first-child {
        margin-top: 0; } }

.row.mb-30 {
  margin-bottom: 30px; }

.kopa-main-col, .sidebar, .widget-area-14, .widget-area-26, .widget-area-15, .widget-area-25, .kopa-col-1, .kopa-col-2, .kopa-col-3 {
  float: left;
  padding: 0 10px;
  min-height: 1px;
  position: relative; }

.kopa-main-col {
  width: 73.10924%; }

.sidebar {
  width: 26.89076%; }

.widget-area-14, .widget-area-26 {
  width: 73.56322%; }

.widget-area-15, .widget-area-25 {
  width: 26.43678%; }

.warea-wrap {
  background: #3e3e4a;
  margin-bottom: 20px; }

.widget-area-16 {
  width: 75%;
  float: left;
  min-height: 1px;
  position: relative; }
  .widget-area-16 .widget:last-child {
    margin-bottom: 0 !important; }

.widget-area-17 {
  width: 25%;
  float: left;
  min-height: 1px;
  position: relative; }
  .widget-area-17 .widget:last-child {
    margin-bottom: 0 !important; }

.kopa-col-1 {
  width: 53.78151%; }

.kopa-col-2 {
  width: 26.89076%; }

.kopa-col-3 {
  width: 19.32773%; }

.widget-area-31 {
  margin: 20px 0;
  padding: 20px 20px 0;
  background: #fff; }

/* - */
/*--- kopa-follow-widget ---*/
.kopa-follow-widget > ul {
  margin-top: -15px; }
  .kopa-follow-widget > ul > li {
    margin-top: 15px; }
.kopa-follow-widget a i {
  display: inline-block;
  text-align: center;
  width: 36px;
  height: 36px;
  line-height: 36px;
  font-size: 20px;
  background: #26bef0;
  color: #fff;
  border-radius: 50%; }
.kopa-follow-widget a .fa-facebook {
  background: #3a5898;
}

.kopa-follow-widget a .fa-twitter {
  background: #26a5d0;
}

.kopa-follow-widget a .fa-youtube {
  background: #c42f29;
}

.kopa-follow-widget a .fa-rss {
  background: #f5b257;
}

.kopa-follow-widget a span {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 14px;
  line-height: 22px;
  color: #757575;
  font-weight: 700;
  text-transform: uppercase;
  margin-left: 20px; }
.kopa-follow-widget a:hover span {
  color: #26bef0 !important; }

/*--- article-list-1 ---*/
.article-list-1 > ul > li {
  margin-top: 20px; }
.article-list-1 .entry-item .entry-thumb {
  width: 89px;
  float: left;
  margin-right: 20px; }
.article-list-1 .entry-item .entry-content {
  overflow: hidden; }
.article-list-1 .entry-item .entry-title {
  font-size: 14px;
  line-height: 22px;
  margin-top: -5px;
  margin-bottom: 5px; }

/*--- kopa-editor-widget ---*/
.kopa-editor-widget > ul {
  margin: -10px -5px 0; }
  .kopa-editor-widget > ul > li {
    width: 25%;
    float: left;
    padding: 10px 5px 0; }

/*--- kopa-masonry-widget ---*/
.h5-content {
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  padding: 4px 10px;
  background: #26bef0;
  margin-bottom: 0px; }
  .h5-content:before {
    content: '';
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #26bef0;
    bottom: -10px;
    left: 50%;
    margin-left: 0px;
    left: 0;
    z-index: 999; }
  .h5-content a {
    display: inline-block;
    margin-left: 5px;
    color: #fff; }
    .h5-content a:first-child {
      margin-left: 0; }
    .h5-content a:hover {
      color: #3e3e4a; }

.kopa-video-time {
  position: absolute;
  right: 0;
  bottom: 0;
  background: url("../images/background/bg/black/5.png");
  background: rgba(50, 50, 60, 0.7);
  color: #cccccc !important;
  padding: 1px 5px;
  display: inline-block; }

.entry-content.style1, .entry-content.style2, .entry-content.style3 {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("../images/background/bg/black/5.png");
  background: rgba(50, 50, 60, 0.7);
  padding: 15px 20px;
  color: #fff; }
  .entry-content.style1 span, .entry-content.style2 span, .entry-content.style3 span, .entry-content.style1 p, .entry-content.style2 p, .entry-content.style3 p {
    color: #fff; }
  .entry-content.style1 a, .entry-content.style2 a, .entry-content.style3 a {
    color: #fff; }
    .entry-content.style1 a:hover, .entry-content.style2 a:hover, .entry-content.style3 a:hover {
      color: #26bef0; }
  .entry-content.style1 .h5-content, .entry-content.style2 .h5-content, .entry-content.style3 .h5-content {
    bottom: 100%;
    z-index: 99; }
    .entry-content.style1 .h5-content a:hover, .entry-content.style2 .h5-content a:hover, .entry-content.style3 .h5-content a:hover {
      color: #3e3e4a; }
  .entry-content.style1 .thumb-icon, .entry-content.style2 .thumb-icon, .entry-content.style3 .thumb-icon {
    top: 0;
    left: 0;
    margin: -28px 0 0; }
  .entry-content.style1 .entry-meta, .entry-content.style2 .entry-meta, .entry-content.style3 .entry-meta {
    color: #fff; }
    .entry-content.style1 .entry-meta > span i, .entry-content.style2 .entry-meta > span i, .entry-content.style3 .entry-meta > span i, .entry-content.style1 .entry-meta > p i, .entry-content.style2 .entry-meta > p i, .entry-content.style3 .entry-meta > p i {
      color: #fff !important; }
    .entry-content.style1 .entry-meta > a:hover span, .entry-content.style2 .entry-meta > a:hover span, .entry-content.style3 .entry-meta > a:hover span {
      color: #26bef0; }

.entry-content.style2 .entry-title, .entry-content.style2 .entry-meta {
  position: relative;
  z-index: 999; }

.entry-content.style3 {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, rgba(0, 0, 0, 0.9)));
  background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -o-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  background: -ms-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); }

.kopa-masonry-widget {
  overflow: hidden;
  border: none !important;
  background: none !important; }

.kopa-masonry-wrap {
  margin: 0 -1px; }

.ms-item1 {
  float: left;
  margin: 0;
  width: 25%;
  padding: 0; }
  .ms-item1.size1 {
    width: 50%; }
    .ms-item1.size1 .entry-item .entry-content {
      background: url("../images/background/bg/black/7.png");
      background: rgba(0, 0, 0, 0.7); }
      .ms-item1.size1 .entry-item .entry-content .entry-title {
        margin-bottom: 10px;
        font-size: 28px;
        line-height: 36px; }
      .ms-item1.size1 .entry-item .entry-content .entry-meta {
        display: block; }
  .ms-item1 .entry-item .entry-content .entry-title {
    margin-bottom: 0; }
  .ms-item1 .entry-item .entry-content .entry-meta {
    display: none; }

.ms-item8 {
  float: left;
  margin: 0;
  padding: 0;
  width: 33.33333%; }
  .ms-item8.size1 {
    width: 66.5%; }
    .ms-item8.size1 .entry-item .entry-content {
      background: url("../images/background/bg/black/5.png");
      background: rgba(50, 50, 60, 0.7); }
      .ms-item8.size1 .entry-item .entry-content .entry-title {
        font-size: 24px;
        line-height: 32px; }
      .ms-item8.size1 .entry-item .entry-content .entry-meta {
        display: block; }
  .ms-item8 .entry-item .entry-content .entry-title {
    margin-bottom: 0; }
  .ms-item8 .entry-item .entry-content .entry-meta {
    display: none; }

/*--- kopa-ads-1-widget ---*/
.kopa-ads-1-widget {
  background: #d1d1d1 !important;
  padding: 20px; }

/*--- article-list-2 ---*/
.order-num {
  position: relative;
  font-size: 16px;
  line-height: 24px;
  color: white;
  text-transform: uppercase;
  font-weight: 700;
  padding: 6px 9px;
  background: #ffa727; }
  .order-num:before {
    content: '';
    position: absolute;
    border-left: 0px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #ffa727;
    bottom: -10px;
    left: 50%;
    margin-left: 0px;
    left: 0;
    z-index: 999; }

.article-list-2 {
  border-bottom: none !important; }
  .article-list-2 .pd-20 {
    background: #26bef0; }
    .article-list-2 .pd-20 > ul {
      background: #fff; }
      .article-list-2 .pd-20 > ul > li {
        padding: 15px 20px;
        border-top: 1px solid #b3e7f8; }
        .article-list-2 .pd-20 > ul > li:first-child {
          border: none; }
        .article-list-2 .pd-20 > ul > li .entry-item .entry-title {
          margin-bottom: 0;
          font-size: 14px;
          line-height: 22px; }
          .article-list-2 .pd-20 > ul > li .entry-item .entry-title a {
            color: #333; }
            .article-list-2 .pd-20 > ul > li .entry-item .entry-title a:hover {
              color: #ffa727; }
        .article-list-2 .pd-20 > ul > li .order-num {
          float: left;
          margin-right: 20px;
          background: #ffa727;
          color: #fff;
          margin-top: 5px;
          margin-bottom: 5px; }
          .article-list-2 .pd-20 > ul > li .order-num:before {
            border-top-color: #ffa727; }
    .article-list-2 .pd-20 .last-item .entry-content {
      padding: 5px 20px; }
      .article-list-2 .pd-20 .last-item .entry-content .order-num {
        position: absolute;
        left: 0;
        bottom: 100%; }
      .article-list-2 .pd-20 .last-item .entry-content .entry-title {
        margin-bottom: 0; }
  .article-list-2 .more-link {
    margin-top: 0;
    color: #333; }
    .article-list-2 .more-link:hover {
      color: #ffa725; }

/*--- article-list-3 ---*/
.article-list-3 .widget-content {
  padding-bottom: 34px;
  border: 1px solid #e1e1e1; }
  .article-list-3 .widget-content .last-item {
    width: 65.4321%;
    float: left;
    min-height: 1px;
    padding-right: 20px;
    border-right: 1px solid #e9e7e8; }
    .article-list-3 .widget-content .last-item .entry-content .entry-title {
      font-size: 28px;
      line-height: 36px; }
    .article-list-3 .widget-content .last-item .entry-content .entry-meta {
      margin-bottom: 15px; }
  .article-list-3 .widget-content > ul {
    width: 34.5679%;
    float: left;
    min-height: 1px;
    padding-left: 20px;
    border-left: 1px solid #e9e7e8;
    margin-left: -1px; }
    .article-list-3 .widget-content > ul > li {
      margin-top: 10px; }
      .article-list-3 .widget-content > ul > li:first-child {
        margin-top: 0; }

/*--- kopa-categories-widget ---*/
.owl-carousel-1.owl-theme .owl-controls {
  position: absolute;
  top: -55px;
  right: -5px; }
.owl-carousel-1 .item .entry-title {
  margin-bottom: 0; }
.owl-carousel-1 .item .pd-20 .kopa-e-list li {
  border-top-style: dashed;
  font-size: 14px;
  font-family: "Roboto Condensed", sans-serif; }
.owl-carousel-1 .item.bgb .pd-20 {
  background: #e9e7e8; }
  .owl-carousel-1 .item.bgb .pd-20 .kopa-e-list li {
    border-top-color: #fff; }

/*--- article-list-4 ---*/
.article-list-4 .pd-20 > ul > li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9e7e8; }
.article-list-4 .entry-item .entry-thumb {
  width: 155px;
  margin: 0 20px 10px 0;
  float: left; }
.article-list-4 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-4 .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-top: -5px;
    margin-bottom: 0; }
  .article-list-4 .entry-item .entry-content .entry-meta {
    margin-bottom: 5px; }
  .article-list-4 .entry-item .entry-content > p {
    margin-bottom: 0; }

/*--- article-list-5 ---*/
.article-list-5 .pd-20 .last-item {
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: 1px solid #e9e7e8; }
  .article-list-5 .pd-20 .last-item .entry-content .entry-title {
    font-size: 22px;
    line-height: 28px; }
  .article-list-5 .pd-20 .last-item .entry-content .entry-meta {
    margin-bottom: 10px; }
.article-list-5 .pd-20 > ul {
  margin-top: -20px; }
  .article-list-5 .pd-20 > ul > li {
    margin-top: 20px; }
  .article-list-5 .pd-20 > ul .entry-item .entry-content .entry-title {
    margin-bottom: 5px; }
  .article-list-5 .pd-20 > ul .entry-item .entry-content .entry-meta {
    margin-bottom: 5px; }
  .article-list-5 .pd-20 > ul .entry-item .entry-content > p {
    margin: 0; }

/*--- article-list-6 ---*/
.article-list-6 .pd-20 > ul {
  margin-top: -20px; }
  .article-list-6 .pd-20 > ul > li {
    margin-top: 20px; }
.article-list-6 .pd-20 .entry-item .entry-content .entry-title {
  font-size: 22px;
  line-height: 30px; }
.article-list-6 .pd-20 .entry-item .entry-content .entry-meta {
  margin-bottom: 10px; }

/*--- widget_social_counter ---*/
.widget_vw_widget_social_counter {
  padding-top: 15px;
  padding-left: 5%;
  margin-bottom: -15px; }

.vw-social-counter {
  background: #32323c;
  width: 45%;
  margin-right: 5%;
  float: left;
  margin-bottom: 15px; }

.vw-social-counter-icon {
  float: left;
  display: inline-block;
  width: 50px;
  height: 50px;
  background-color: #EEE;
  color: #333;
  text-align: center;
  margin-right: 5px; }

.vw-social-counter-icon i {
  line-height: 50px;
  font-size: 18px; }

.vw-social-counter-count, .vw-social-counter-count, .vw-social-counter-icon {
  -webkit-transition: all 0.25s;
  -moz-transition: all 0.25s;
  transition: all 0.25s; }

.vw-social-counter-twitter .vw-social-counter-icon {
  background-color: #55ACEE;
  color: #FFF; }

.vw-social-counter-twitter:hover .vw-social-counter-icon {
  background-color: #88C4F3; }

.vw-social-counter-twitter:hover .vw-social-counter-count {
  color: #55ACEE; }

.vw-social-counter-facebook .vw-social-counter-icon {
  background-color: #3D62B3;
  color: #FFF; }

.vw-social-counter-facebook:hover .vw-social-counter-icon {
  background-color: #7791C9; }

.vw-social-counter-facebook:hover .vw-social-counter-count {
  color: #3D62B3; }

.vw-social-counter-youtube .vw-social-counter-icon {
  background-color: #CC181E;
  color: #FFF; }

.vw-social-counter-youtube:hover .vw-social-counter-icon {
  background-color: #DB5D61; }

.vw-social-counter-youtube:hover .vw-social-counter-count {
  color: #CC181E; }

.vw-social-counter-googleplus .vw-social-counter-icon {
  background-color: #D34836;
  color: #FFF; }

.vw-social-counter-googleplus:hover .vw-social-counter-icon {
  background-color: #E07E72; }

.vw-social-counter-googleplus:hover .vw-social-counter-count {
  color: #D34836; }

.vw-social-counter-vimeo .vw-social-counter-icon {
  background-color: #1BB6EC;
  color: #FFF; }

.vw-social-counter-vimeo:hover .vw-social-counter-icon {
  background-color: #5FCBF1; }

.vw-social-counter-vimeo:hover .vw-social-counter-count {
  color: #1BB6EC; }

.vw-social-counter-soundcloud .vw-social-counter-icon {
  background-color: #FE4600;
  color: #FFF; }

.vw-social-counter-soundcloud:hover .vw-social-counter-icon {
  background-color: #FE7D4C; }

.vw-social-counter-soundcloud:hover .vw-social-counter-count {
  color: #FE4600; }

.vw-social-counter-pinterest .vw-social-counter-icon {
  background-color: #CB2028;
  color: #FFF; }

.vw-social-counter-pinterest:hover .vw-social-counter-icon {
  background-color: #DA6268; }

.vw-social-counter-pinterest:hover .vw-social-counter-count {
  color: #CB2028; }

.vw-social-counter-vk .vw-social-counter-icon {
  background-color: #44678D;
  color: #FFF; }

.vw-social-counter-vk:hover .vw-social-counter-icon {
  background-color: #7C94AF; }

.vw-social-counter-vk:hover .vw-social-counter-count {
  color: #44678D; }

.vw-social-counter-dribbble .vw-social-counter-icon {
  background-color: #E14D86;
  color: #FFF; }

.vw-social-counter-dribbble:hover .vw-social-counter-icon {
  background-color: #EA82AA; }

.vw-social-counter-dribbble:hover .vw-social-counter-count {
  color: #E14D86; }

.vw-social-counter-counter {
  float: left;
  display: inline-block; }

.vw-social-counter-counter .vw-social-counter-count {
  color: #FFF; }

.vw-social-counter-count {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2em;
  color: #333;
  margin-top: 5px; }

.vw-social-counter-unit {
  font-size: 10px;
  line-height: 1em;
  margin-top: 2px;
  color: #dfdfdf;
  text-transform: uppercase; }

.widget_vw_widget_social_profile .vw-site-social-profile-icon {
  background: #000;
  color: #FFF;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 10px; }

.widget_vw_widget_social_profile .vw-site-social-profile-iconi {
  width: 40px;
  height: 40px;
  line-height: 40px; }

.widget_vw_widget_social_profile .vw-site-social-profile-icon i:before {
  width: auto; }

.widget_vw_widget_social_profile .vw-site-social-profile-icon + .vw-site-social-profile-icon {
  margin-left: 0; }

.widget_vw_widget_social_profile .vw-site-social-delicious {
  background-color: #0065C7; }

.widget_vw_widget_social_profile .vw-site-social-delicious:hover {
  background-color: #4C93D7; }

.widget_vw_widget_social_profile .vw-site-social-digg {
  background-color: #000; }

.widget_vw_widget_social_profile .vw-site-social-digg:hover {
  background-color: #4C4C4C; }

.widget_vw_widget_social_profile .vw-site-social-dribbble {
  background-color: #EA4C89; }

.widget_vw_widget_social_profile .vw-site-social-dribbble:hover {
  background-color: #F081AC; }

.widget_vw_widget_social_profile .vw-site-social-facebook {
  background-color: #3D62B3; }

.widget_vw_widget_social_profile .vw-site-social-facebook:hover {
  background-color: #7791C9; }

.widget_vw_widget_social_profile .vw-site-social-flickr {
  background-color: #FF0084; }

.widget_vw_widget_social_profile .vw-site-social-flickr:hover {
  background-color: #FF4CA8; }

.widget_vw_widget_social_profile .vw-site-social-forrst {
  background-color: #33713E; }

.widget_vw_widget_social_profile .vw-site-social-forrst:hover {
  background-color: #709B77; }

.widget_vw_widget_social_profile .vw-site-social-github {
  background-color: #000; }

.widget_vw_widget_social_profile .vw-site-social-github:hover {
  background-color: #4C4C4C; }

.widget_vw_widget_social_profile .vw-site-social-googleplus {
  background-color: #D34836; }

.widget_vw_widget_social_profile .vw-site-social-googleplus:hover {
  background-color: #E07E72; }

.widget_vw_widget_social_profile .vw-site-social-instagram {
  background-color: #1E5D81; }

.widget_vw_widget_social_profile .vw-site-social-instagram:hover {
  background-color: #618DA6; }

.widget_vw_widget_social_profile .vw-site-social-linkedin {
  background-color: #007BB6; }

.widget_vw_widget_social_profile .vw-site-social-linkedin:hover {
  background-color: #4CA2CB; }

.widget_vw_widget_social_profile .vw-site-social-lastfm {
  background-color: #D21309; }

.widget_vw_widget_social_profile .vw-site-social-lastfm:hover {
  background-color: #DF5952; }

.widget_vw_widget_social_profile .vw-site-social-pinterest {
  background-color: #CC2127; }

.widget_vw_widget_social_profile .vw-site-social-pinterest:hover {
  background-color: #DB6367; }

.widget_vw_widget_social_profile .vw-site-social-rss {
  background-color: #F70; }

.widget_vw_widget_social_profile .vw-site-social-rss:hover {
  background-color: #FF9F4C; }

.widget_vw_widget_social_profile .vw-site-social-skype {
  background-color: #00ADF2; }

.widget_vw_widget_social_profile .vw-site-social-skype:hover {
  background-color: #4CC5F5; }

.widget_vw_widget_social_profile .vw-site-social-tumblr {
  background-color: #314E6C; }

.widget_vw_widget_social_profile .vw-site-social-tumblr:hover {
  background-color: #6E8398; }

.widget_vw_widget_social_profile .vw-site-social-twitter {
  background-color: #55ACEE; }

.widget_vw_widget_social_profile .vw-site-social-twitter:hover {
  background-color: #88C4F3; }

.widget_vw_widget_social_profile .vw-site-social-vimeo {
  background-color: #1DA7CE; }

.widget_vw_widget_social_profile .vw-site-social-vimeo:hover {
  background-color: #60C1DC; }

.widget_vw_widget_social_profile .vw-site-social-yahoo {
  background-color: #44029A; }

.widget_vw_widget_social_profile .vw-site-social-yahoo:hover {
  background-color: #7C4DB8; }

.widget_vw_widget_social_profile .vw-site-social-youtube {
  background-color: #CC181E; }

.widget_vw_widget_social_profile .vw-site-social-youtube:hover {
  background-color: #DB5D61; }

/*--- kopa-masonry-2-widget ---*/
.kopa-masonry-2-widget {
  border-bottom: none !important;
  overflow: hidden;
  background: #3e3e4a !important; }

.ms-item2 {
  float: left;
  margin: 0;
  width: 25%;
  padding: 0; }
  .ms-item2.size1 {
    width: 50%; }
    .ms-item2.size1 .entry-item .entry-content .entry-title {
      margin-bottom: 0;
      font-size: 24px;
      line-height: 32px; }
    .ms-item2.size1 .entry-item .entry-content .entry-meta, .ms-item2.size1 .entry-item .entry-content > p {
      display: none; }
  .ms-item2 .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 5px; }
  .ms-item2 .entry-item .entry-content .entry-meta {
    margin-bottom: 5px; }
  .ms-item2 .entry-item .entry-content > p {
    margin-bottom: 0; }

/*--- kopa-masonry-3-widget ---*/
.kopa-masonry-3-widget {
  border-bottom: none !important;
  background: none !important;
  overflow: hidden; }
  .kopa-masonry-3-widget .widget-title {
    margin-bottom: 5px; }
  .kopa-masonry-3-widget .kopa-masonry-wrap {
    margin: -2.5px; }
.kopa-masonry-3-widget .widget-title.style5:before {
  background: #fff;
}
.ms-item3 {
  float: left;
  margin: 0;
  width: 24.9%;
  padding: 2.5px; }
  .ms-item3.size1 {
    width: 50%; }
    .ms-item3.size1 .entry-item .entry-content {
      padding: 20px; }
      .ms-item3.size1 .entry-item .entry-content .thumb-icon {
        margin: -44px 0 0;
        width: 70px;
        height: 44px;
        line-height: 44px;
        font-size: 25px; }
      .ms-item3.size1 .entry-item .entry-content .entry-title {
        font-size: 32px;
        line-height: 40px; }
  .ms-item3 .entry-item .entry-content {
    padding: 6px 10px; }
    .ms-item3 .entry-item .entry-content .entry-title {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 0; }
  .ms-item3.mobile {
    display: none; }

/*--- kopa-masonry-4-widget ---*/
.kopa-masonry-4-widget {
  border-bottom: none !important;
  background: none !important;
  overflow: hidden; }
  .kopa-masonry-4-widget .kopa-masonry-wrap {
    margin: 0; }

.ms-item4 {
  float: left;
  margin: 0;
  padding: 0;
  width: 33.25%; }
  .ms-item4 .entry-item .entry-content .entry-title {
    font-size: 24px;
    line-height: 32px; }

.owl-carousel-6:hover .owl-controls {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1; }
.owl-carousel-6:hover .thumb-hover {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  /* IE 5-7 */
  filter: alpha(opacity=100);
  /* Netscape */
  -moz-opacity: 1;
  /* Safari 1.x */
  -khtml-opacity: 1;
  /* Good browsers */
  opacity: 1; }
.owl-carousel-6 .owl-controls {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  /* IE 5-7 */
  filter: alpha(opacity=0);
  /* Netscape */
  -moz-opacity: 0;
  /* Safari 1.x */
  -khtml-opacity: 0;
  /* Good browsers */
  opacity: 0; }
  .owl-carousel-6 .owl-controls .owl-buttons div {
    text-align: center;
    width: 35px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    position: absolute;
    top: 45%;
    margin-top: -30px;
    margin-left: -17.5px;
    margin-left: 0; }
    .owl-carousel-6 .owl-controls .owl-buttons div:before {
      display: none !important; }
    .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev {
      background: url("../images/background/prev.png") center center no-repeat; }
    .owl-carousel-6 .owl-controls .owl-buttons div.owl-next {
      background: url("../images/background/next.png") center center no-repeat; }
.owl-carousel-6 .entry-title {
  font-size: 24px;
  line-height: 32px; }
.owl-carousel-6 .thumb-hover {
  background: url("../images/background/bg/black/2.png");
  background: rgba(50, 50, 60, 0.25); }

/*--- kopa-masonry-5-widget ---*/
.kopa-masonry-5-widget .kopa-masonry-wrap {
  margin: -10px; }

.ms-item5 {
  float: left;
  margin: 0;
  padding: 0;
  width: 50%;
  padding: 10px; }
  .ms-item5 .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0; }

/*--- kopa-masonry-7-widget ---*/
.kopa-masonry-7-widget .kopa-masonry-wrap {
  margin: -10px; }

.ms-item7 {
  float: left;
  margin: 0;
  padding: 0;
  width: 24.9%;
  padding: 10px; }
  .ms-item7 .entry-item .thumb-icon {
    text-align: center;
    width: 44px;
    height: 28px;
    line-height: 28px;
    font-size: 16px;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    margin-left: -22px; }
  .ms-item7 .entry-item .entry-content {
    padding: 6px 45px 6px 10px; }
    .ms-item7 .entry-item .entry-content .entry-title {
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 0; }
  .ms-item7.size1 {
    width: 50%; }
    .ms-item7.size1 .entry-item .thumb-icon {
      text-align: center;
      width: 60px;
      height: 40px;
      line-height: 40px;
      font-size: 20px;
      position: absolute;
      top: 50%;
      margin-top: -20px;
      margin-left: -30px; }
    .ms-item7.size1 .entry-item .entry-content {
      padding: 16px 45px 16px 16px; }
      .ms-item7.size1 .entry-item .entry-content .entry-title {
        font-size: 18px;
        line-height: 26px; }

/*--- article-list-7 ---*/
.article-list-7 .pd-20 > ul > li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dashed #e9e7e8; }
.article-list-7 .pd-20 .entry-item .entry-title {
  font-size: 14px;
  line-height: 22px; }

.kopa-view-all {
  border-top: 2px solid #e9e7e8;
  padding: 10px 20px; }

  .article-list-7 .kopa-view-all {
    border: 1px solid #e1e1e1;
    border-top: 0;
  }

  .article-list-7 .more-link:after {
    color: #26bef0;
  }
  .kopa-view-all .more-link {
    margin-top: 0;
    float: right; }

/*--- article-list-8 ---*/
.article-list-8 .pd-20 > ul > li {
  margin-top: 20px; }
.article-list-8 .pd-20 .entry-item .entry-thumb {
  margin-bottom: 15px; }
.article-list-8 .pd-20 .entry-item .entry-content .entry-title {
  font-size: 14px;
  line-height: 22px; }

/*--- article-list-9 ---*/
.article-list-9 .pd-20 > ul > li {
  margin-top: 20px; }
.article-list-9 .pd-20 .entry-item .entry-thumb {
  width: 250px;
  margin-right: 20px;
  float: left; }
.article-list-9 .pd-20 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-9 .pd-20 .entry-item .entry-content .entry-title {
    font-size: 22px;
    line-height: 30px;
    margin-top: -5px; }
  .article-list-9 .pd-20 .entry-item .entry-content .entry-meta {
    margin-bottom: 10px; }
  .article-list-9 .pd-20 .entry-item .entry-content > p {
    margin-bottom: 0; }

/*--- article-list-10 ---*/
.article-list-10 .pd-20 > ul > li {
  margin-top: 15px; }
.article-list-10 .pd-20 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-10 .pd-20 .entry-item .entry-content .entry-title {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 0; }
  .article-list-10 .pd-20 .entry-item .entry-content .kopa-rating {
    margin-bottom: 0; }

/*--- article-list-11 ---*/
.num-rating {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #fff;
  display: inline-block;
  text-align: center;
  width: 38px;
  height: 38px;
  line-height: 38px;
  font-size: 16px;
  background: #26beef;
  float: left;
  margin-right: 15px; }

.article-list-11 .pd-20 > ul > li {
  margin-top: 20px; }
.article-list-11 .pd-20 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-11 .pd-20 .entry-item .entry-content .entry-title {
    font-size: 14px;
    line-height: 22px;
    margin-top: -5px;
    margin-bottom: 0; }

/*--- article-list-12 ---*/
.kopa-e-list.list-unorder.style1 li {
  margin-top: 10px;
  padding-top: 0;
  border-top: none; }

.article-list-12 .entry-item .entry-thumb {
  margin-bottom: 10px; }
.article-list-12 .entry-item .entry-title {
  font-size: 16px;
  line-height: 24px; }
.article-list-12 .kopa-e-list {
  margin-top: 20px; }

/*--- article-list-11 ---*/
.article-list-13 .pd-20 > ul > li {
  margin-top: 20px; }
  .article-list-13 .pd-20 > ul > li .entry-item .entry-thumb {
    width: 87px;
    float: left;
    margin-right: 20px; }
  .article-list-13 .pd-20 > ul > li .entry-item .entry-content {
    overflow: hidden; }
    .article-list-13 .pd-20 > ul > li .entry-item .entry-content .entry-title {
      font-size: 14px;
      line-height: 22px;
      margin-top: -5px;
      margin-bottom: 5px; }

/*--- kopa-comment-widget ---*/
.kopa-comment-widget {
  border-bottom: none !important; }
  .kopa-comment-widget .pd-20 {
    background: #eebd47; }
    .kopa-comment-widget .pd-20 > ul > li {
      margin-top: 10px; }
    .kopa-comment-widget .pd-20 .entry-item .cmt-content {
      position: relative;
      padding: 15px 20px 5px 20px;
      background: #fff;
      color: #32323c;
      margin-bottom: 15px; }
      .kopa-comment-widget .pd-20 .entry-item .cmt-content:before {
        content: '';
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 0 solid transparent;
        border-top: 10px solid #cccccc;
        bottom: -10px;
        left: 50%;
        margin-left: -10px;
        left: 5px;
        margin-left: 0;
        z-index: 999; }
    .kopa-comment-widget .pd-20 .entry-item > p {
      color: #fff;
      padding: 0 20px; }
      .kopa-comment-widget .pd-20 .entry-item > p a {
        color: #26bef0; }
        .kopa-comment-widget .pd-20 .entry-item > p a:hover {
          color: #cccccc; }
    .kopa-comment-widget .pd-20 .kopa-view-all {
      margin-top: 10px;
      border-top-color: #60606a;
      padding: 15px 0 0; }
      .kopa-comment-widget .pd-20 .kopa-view-all a {
        color: #b8b8c6; }
        .kopa-comment-widget .pd-20 .kopa-view-all a:hover {
          color: #26bef0; }

/*--- kopa-facebook-widget ---*/
.kopa-facebook-widget iframe {
  border: none;
  height: 335px; }

/*--- article-list-14 ---*/
.kopa-more-link {
  width: 100%;
  display: block;
  margin-top: 8px; }
  .kopa-more-link:after {
    content: '\f054';
    float: right;
    font-size: 10px;
    margin-top: 8px;
    margin-left: 5px; }

.article-list-14 {
  background: #3e3e4a !important;
  border-bottom: none !important; }
  .article-list-14 .widget-title {
    color: #fff; }
  .article-list-14 a {
    color: #fff; }
    .article-list-14 a:hover {
      color: #26bef0; }
  .article-list-14 .pd-20 > ul > li {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #60606a; }
  .article-list-14 .pd-20 .entry-title {
    font-family: "Roboto", sans-serif;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 0; }

/*--- article-list-15 ---*/
.article-list-15 .pd-20 .last-item .entry-content .entry-title {
  margin-bottom: 0; }
.article-list-15 .pd-20 > ul > li {
  margin-top: 20px; }
.article-list-15 .pd-20 > ul .entry-item .entry-thumb {
  width: 109px;
  float: left;
  margin-right: 20px; }
.article-list-15 .pd-20 > ul .entry-item .entry-content .entry-title {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 5px; }

/*--- kopa-masonry-5-widget ---*/
.kopa-masonry-5-widget .pd-20 .last-item {
  width: 50.61728%;
  float: left;
  min-height: 1px;
  padding-right: 20px; }
  .kopa-masonry-5-widget .pd-20 .last-item .entry-content .entry-title {
    font-size: 24px;
    line-height: 32px; }
  .kopa-masonry-5-widget .pd-20 .last-item .entry-content .entry-meta {
    margin-bottom: 15px; }
  .kopa-masonry-5-widget .pd-20 .last-item .entry-content > p {
    margin-bottom: 0; }
.kopa-masonry-5-widget .pd-20 .masonry-list {
  overflow: hidden; }

/*--- kopa-masonry-6-widget ---*/
.kopa-masonry-6-widget .kopa-masonry-wrap {
  margin: -10px; }

.ms-item6 {
  padding: 10px;
  width: 49.8%;
  margin: 0 !important;
  float: left; }
  .ms-item6.size1 {
    width: 100%; }
  .ms-item6.size2 {
    width: 33.2%; }

/*--- article-list-12 ---*/
.article-list-16, .kopa-masonry-6-widget {
  background: none !important;
  border-bottom: none !important; }
  .article-list-16 .widget-title, .kopa-masonry-6-widget .widget-title {
    background: #fff; }
  .article-list-16 > ul, .kopa-masonry-6-widget > ul {
    margin-top: -20px; }
    .article-list-16 > ul > li, .kopa-masonry-6-widget > ul > li {
      margin-top: 20px; }
  .article-list-16 .entry-item, .kopa-masonry-6-widget .entry-item {
    background: #fff;
    border-bottom: 2px solid #d1d1d1; }
    .article-list-16 .entry-item .entry-content .entry-title, .kopa-masonry-6-widget .entry-item .entry-content .entry-title {
      font-size: 22px;
      line-height: 30px; }
    .article-list-16 .entry-item .entry-content .entry-meta, .kopa-masonry-6-widget .entry-item .entry-content .entry-meta {
      margin-bottom: 15px; }
    .article-list-16 .entry-item .entry-content > p, .kopa-masonry-6-widget .entry-item .entry-content > p {
      margin-bottom: 0; }
    .article-list-16 .entry-item .entry-content .kopa-e-list, .kopa-masonry-6-widget .entry-item .entry-content .kopa-e-list {
      margin-top: 10px; }

/*--- kopa-accordion-slider-widget ---*/
.kopa-accordion-slider-widget {
  background: none !important;
  border: none !important; }

.acc-slider {
  display: none; }
  .acc-slider li.aslider-open .entry-item .entry-thumb .entry-view {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    /* IE 5-7 */
    filter: alpha(opacity=100);
    /* Netscape */
    -moz-opacity: 1;
    /* Safari 1.x */
    -khtml-opacity: 1;
    /* Good browsers */
    opacity: 1; }
  .acc-slider .entry-item .entry-thumb .entry-view {
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; }
  .acc-slider .entry-item .entry-content {
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    /* IE 5-7 */
    filter: alpha(opacity=0);
    /* Netscape */
    -moz-opacity: 0;
    /* Safari 1.x */
    -khtml-opacity: 0;
    /* Good browsers */
    opacity: 0; }
    .acc-slider .entry-item .entry-content .h5-content {
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* IE 5-7 */
      filter: alpha(opacity=0);
      /* Netscape */
      -moz-opacity: 0;
      /* Safari 1.x */
      -khtml-opacity: 0;
      /* Good browsers */
      opacity: 0;
      transition: all 0.3s;
      -ms-transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s; }
    .acc-slider .entry-item .entry-content .entry-title {
      font-size: 22px;
      line-height: 30px; }

/*--- article-list-17 ---*/
.article-list-17 .pd-20 > ul > li {
  margin-top: 20px; }
.article-list-17 .pd-20 .entry-item .entry-thumb {
  width: 140px;
  float: left;
  margin-right: 20px; }
.article-list-17 .pd-20 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-17 .pd-20 .entry-item .entry-content .entry-title {
    font-weight: 700;
    margin-top: -5px; }
  .article-list-17 .pd-20 .entry-item .entry-content .entry-meta {
    margin-bottom: 10px; }
  .article-list-17 .pd-20 .entry-item .entry-content > p {
    margin: 0; }

/*--- owl-carousel-2 ---*/
.owl-carousel-2 .item {
  padding: 0 10px; }
.owl-carousel-2 .thumb-icon {
  top: 40%; }
.owl-carousel-2 .entry-title {
  margin-bottom: 0; }

/*--- owl-carousel-3 ---*/
.owl-carousel-3 .item {
  padding: 0 10px; }
.owl-carousel-3 .entry-thumb {
  margin-bottom: 10px; }
.owl-carousel-3 .entry-title {
  margin-bottom: 0; }

/*--- owl-carousel-4 ---*/
.owl-carousel-4 .item {
  padding: 0 10px; }
.owl-carousel-4 .thumb-icon {
  text-align: center;
  width: 44px;
  height: 28px;
  line-height: 28px;
  font-size: 16px;
  position: absolute;
  top: 50%;
  margin-top: -14px;
  margin-left: -22px; }
.owl-carousel-4 .entry-thumb {
  margin-bottom: 10px; }
.owl-carousel-4 .entry-title {
  margin-bottom: 0;
  font-size: 14px;
  line-height: 22px; }

/*--- article-list-21 ---*/
.article-list-21 {
  background: none !important;
  border-bottom: none !important; }
  .article-list-21 .entry-title {
    margin-bottom: 0; }

/*--- article-list-22 ---*/
.article-list-22 .pd-20 .last-item .entry-title {
  font-size: 24px;
  line-height: 32px; }
.article-list-22 .pd-20 .last-item .thumb-icon {
  text-align: center;
  width: 80px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  position: absolute;
  top: 40%;
  margin-top: -25px;
  margin-left: -40px; }
.article-list-22 .pd-20 > ul > li {
  margin-top: 20px; }
  .article-list-22 .pd-20 > ul > li .entry-item .entry-thumb {
    width: 363px;
    float: left;
    margin-right: 20px; }
  .article-list-22 .pd-20 > ul > li .entry-item .entry-content {
    overflow: hidden; }
    .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-title {
      font-size: 22px;
      line-height: 30px; }
    .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-meta {
      margin-bottom: 10px; }
    .article-list-22 .pd-20 > ul > li .entry-item .entry-content > p {
      margin-bottom: 0; }
.article-list-22 .pd-20 .kopa-pagination {
  margin-top: 30px; }

/*--- article-list-23 ---*/
.article-list-23 .pd-20 > ul {
  margin-top: -20px; }
  .article-list-23 .pd-20 > ul > li {
    margin-top: 20px; }
.article-list-23 .pd-20 .entry-item .entry-thumb {
  margin-right: 20px;
  width: 172px;
  float: left; }
.article-list-23 .pd-20 .entry-item .entry-content {
  overflow: hidden; }
  .article-list-23 .pd-20 .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-top: -5px; }
  .article-list-23 .pd-20 .entry-item .entry-content .entry-meta {
    margin-bottom: 10px; }
    .article-list-23 .pd-20 .entry-item .entry-content .entry-meta > a span {
      color: #26bef0; }
    .article-list-23 .pd-20 .entry-item .entry-content .entry-meta > a:hover span {
      color: #757575; }
  .article-list-23 .pd-20 .entry-item .entry-content > p {
    margin-bottom: 0; }

/**
 * 3.2 - Home Page
 * -------------------------------------------------------------------
 */
/**
* 3.3 - Sub Page
* -------------------------------------------------------------------
*/
/*--- Categories page ---*/
.kopa-entry-list {
  background: none !important; }
  .kopa-entry-list > ul {
    margin-top: -30px; }
    .kopa-entry-list > ul > li {
      margin-top: 30px; }
      .kopa-entry-list > ul > li.col-md-6 {
        width: 49.8%; }
      .kopa-entry-list > ul > li.col-md-4 {
        width: 33.1%; }
  .kopa-entry-list .entry-item {
    background: #fff;
    border: 1px solid #e9e7e8;
    padding: 4px; }
    .kopa-entry-list .entry-item .entry-categories {
      display: inline-block; }
      .kopa-entry-list .entry-item .entry-categories:before {
        border-top-color: #000; }
    .kopa-entry-list .entry-item .entry-thumb {
      margin-bottom: 10px; }
    .kopa-entry-list .entry-item .entry-content {
      padding: 0 10px 5px; }

/*--- kopa-element-page ---*/
.kopa-element-page #main-content > .wrapper {
  background: #fff; }
.kopa-element-page #main-content .col-xs-1, .kopa-element-page #main-content .col-sm-1, .kopa-element-page #main-content .col-md-1, .kopa-element-page #main-content .col-lg-1, .kopa-element-page #main-content .col-xs-2,
.kopa-element-page #main-content .col-sm-2, .kopa-element-page #main-content .col-md-2, .kopa-element-page #main-content .col-lg-2, .kopa-element-page #main-content .col-xs-3, .kopa-element-page #main-content .col-sm-3,
.kopa-element-page #main-content .col-md-3, .kopa-element-page #main-content .col-lg-3, .kopa-element-page #main-content .col-xs-4, .kopa-element-page #main-content .col-sm-4, .kopa-element-page #main-content .col-md-4,
.kopa-element-page #main-content .col-lg-4, .kopa-element-page #main-content .col-xs-5, .kopa-element-page #main-content .col-sm-5, .kopa-element-page #main-content .col-md-5, .kopa-element-page #main-content .col-lg-5,
.kopa-element-page #main-content .col-xs-6, .kopa-element-page #main-content .col-sm-6, .kopa-element-page #main-content .col-md-6, .kopa-element-page #main-content .col-lg-6, .kopa-element-page #main-content .col-xs-7,
.kopa-element-page #main-content .col-sm-7, .kopa-element-page #main-content .col-md-7, .kopa-element-page #main-content .col-lg-7, .kopa-element-page #main-content .col-xs-8, .kopa-element-page #main-content .col-sm-8,
.kopa-element-page #main-content .col-md-8, .kopa-element-page #main-content .col-lg-8, .kopa-element-page #main-content .col-xs-9, .kopa-element-page #main-content .col-sm-9, .kopa-element-page #main-content .col-md-9,
.kopa-element-page #main-content .col-lg-9, .kopa-element-page #main-content .col-xs-10, .kopa-element-page #main-content .col-sm-10, .kopa-element-page #main-content .col-md-10, .kopa-element-page #main-content .col-lg-10,
.kopa-element-page #main-content .col-xs-11, .kopa-element-page #main-content .col-sm-11, .kopa-element-page #main-content .col-md-11, .kopa-element-page #main-content .col-lg-11, .kopa-element-page #main-content .col-xs-12,
.kopa-element-page #main-content .col-sm-12, .kopa-element-page #main-content .col-md-12, .kopa-element-page #main-content .col-lg-12 {
  padding: 0 20px; }

.kopa-typographic-page .main-col-wrap {
  background: #fff;
  margin-bottom: 40px;
  border-bottom: 2px solid #dfdfdf; }

/*--- kopa-gallery-page ---*/
/*--- kopa-shop-page ---*/
.kopa-shop-list {
  margin-bottom: 60px; }
  .kopa-shop-list > header {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e9e7e8; }
    .kopa-shop-list > header > select {
      width: 212px;
      height: 47px;
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #3e3e4a;
      padding: 10px;
      outline: none;
      float: left; }
    .kopa-shop-list > header > p {
      float: right;
      font-family: "Roboto", sans-serif;
      font-size: 18px;
      line-height: 24px;
      color: #b8b8c6;
      margin-top: 10px; }
  .kopa-shop-list > ul {
    margin: -30px -1.875% 0; }
    .kopa-shop-list > ul > li {
      margin-top: 30px;
      padding: 0 1.875%;
      width: 33.25%; }
  .kopa-shop-list .entry-item .entry-thumb {
    margin-bottom: 15px; }
  .kopa-shop-list .entry-item .entry-title {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px; }
  .kopa-shop-list .entry-item.no-discount .sale-icon, .kopa-shop-list .entry-item.no-discount .old-price {
    display: none !important; }
  .kopa-shop-list .kopa-pagination {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #e9e7e8; }

.sale-icon, .new-icon {
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 18px;
  background: #26bef0;
  color: #fff;
  padding: 2px 10px;
  -webkit-transform: skew(-25deg);
  -moz-transform: skew(-25deg);
  -o-transform: skew(-25deg);
  transform: skew(-25deg);
  position: absolute;
  top: 0;
  left: 15px; }
  .sale-icon > span, .new-icon > span {
    display: inline-block;
    -webkit-transform: skew(25deg);
    -moz-transform: skew(25deg);
    -o-transform: skew(25deg);
    transform: skew(25deg); }

.entry-price-area {
  margin-top: 10px; }
  .entry-price-area .entry-price {
    display: inline-block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    line-height: 26px;
    color: #3e3e4a;
    font-weight: 400;
    margin-bottom: 0; }
    .entry-price-area .entry-price.old-price {
      font-size: 14px;
      line-height: 22px;
      margin-right: 5px;
      text-decoration: line-through; }

/* woocommerce plugin */
.single-product .kopa-product-list {
  text-align: left; }

.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-result-count, .woocommerce-page .woocommerce-ordering {
  margin: 0 0 20px; }
  .woocommerce .woocommerce-result-count select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-result-count select, .woocommerce-page .woocommerce-ordering select {
    padding: 5px 10px;
    border: 1px solid #d0d0d0;
    box-shadow: none;
    border-radius: 0;
    outline: none; }
.woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 16px;
  line-height: 24px;
  color: #757575;
  font-weight: 700;
  margin-top: 5px; }
.woocommerce ul.products, .woocommerce-page ul.products {
  margin: 0 -10px;
  height: auto !important; }
  .woocommerce ul.products > li, .woocommerce ul.products li.product, .woocommerce-page ul.products > li, .woocommerce-page ul.products li.product {
    padding: 0 10px;
    margin: 0 0 20px; }
    .woocommerce ul.products > li .onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products > li .onsale, .woocommerce-page ul.products li.product .onsale {
      top: 20px;
      right: 30px;
      margin: 0;
      width: 40px;
      height: 40px;
      font-size: 14px;
      font-weight: 400;
      border-radius: 50%;
      background: #26bef0;
      padding: 0;
      min-width: 40px;
      line-height: 40px;
      border: none; }
    .woocommerce ul.products > li a img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products > li a img, .woocommerce-page ul.products li.product a img {
      box-shadow: none; }
    .woocommerce ul.products > li a:hover img, .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products > li a:hover img, .woocommerce-page ul.products li.product a:hover img {
      box-shadow: none; }
    .woocommerce ul.products > li h3, .woocommerce ul.products li.product h3, .woocommerce-page ul.products > li h3, .woocommerce-page ul.products li.product h3 {
      font-size: 16px;
      line-height: 22px;
      font-weight: 600;
      padding: .8em 0; }
    .woocommerce ul.products > li .star-rating, .woocommerce ul.products li.product .star-rating, .woocommerce-page ul.products > li .star-rating, .woocommerce-page ul.products li.product .star-rating {
      margin: 0 0 .8em; }
    .woocommerce ul.products > li .price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products > li .price, .woocommerce-page ul.products li.product .price {
      color: #26bef0;
      margin-bottom: .8em;
      font-size: 18px;
      line-height: 24px; }
      .woocommerce ul.products > li .price ins, .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products > li .price ins, .woocommerce-page ul.products li.product .price ins {
        text-decoration: none; }
      .woocommerce ul.products > li .price del, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products > li .price del, .woocommerce-page ul.products li.product .price del {
        font-size: 14px;
        margin-right: 10px;
        color: #3e3e4a; }
.woocommerce span.onsale, .woocommerce-page span.onsale {
  top: 20px;
  left: 20px;
  right: 30px;
  margin: 0;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50%;
  background: #26bef0;
  color: #fff;
  padding: 0;
  min-width: 40px;
  line-height: 40px;
  border: none; }
.woocommerce a img, .woocommerce-page a img {
  box-shadow: none; }
.woocommerce a:hover img, .woocommerce-page a:hover img {
  box-shadow: none; }
.woocommerce .star-rating, .woocommerce-page .star-rating {
  margin: 0 0 .8em; }
.woocommerce div.product p.price, .woocommerce #content div.product p.price, .woocommerce div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page #content div.product span.price {
  color: #26bef0;
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 38px; }
  .woocommerce div.product p.price ins, .woocommerce #content div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce #content div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page #content div.product span.price ins {
    text-decoration: none; }
  .woocommerce div.product p.price del, .woocommerce #content div.product p.price del, .woocommerce div.product span.price del, .woocommerce #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page #content div.product span.price del {
    font-size: 24px;
    margin-right: 10px;
    color: #3e3e4a; }
.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
  padding: 0; }
  .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
    background: none;
    box-shadow: none;
    border-radius: 0;
    margin: 0 -2px; }
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
      display: none; }
    .woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child {
      margin-left: 0; }
.woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
  border: none;
  box-shadow: none;
  margin: 30px 0; }
.woocommerce .coupon .input-text, .woocommerce-page .coupon .input-text {
  height: 30px !important;
  line-height: 30px !important; }
.woocommerce input#submit:hover:hover, .woocommerce #respond input#submit:hover, .woocommerce-page input#submit:hover:hover, .woocommerce-page #respond input#submit:hover {
  background: #26bef0; }
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input#submit, .woocommerce #content input.button, .woocommerce .comment-box input#submit,
.woocommerce div.product form.cart .button, .woocommerce #content div.product form.cart .button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page input#submit, .woocommerce-page #content input.button, .woocommerce-page .comment-box input#submit,
.woocommerce-page div.product form.cart .button, .woocommerce-page #content div.product form.cart .button {
  padding: 0 15px;
  text-align: center;
  font-weight: normal;
  border-radius: 0;
  left: auto;
  color: #fff;
  text-shadow: none;
  border: none;
  background: #26bef0;
  box-shadow: none;
  display: inline-block;
  overflow: hidden;
  height: 30px;
  line-height: 30px; }
  .woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before, .woocommerce input#submit:before, .woocommerce #content input.button:before, .woocommerce .comment-box input#submit:before,
  .woocommerce div.product form.cart .button:before, .woocommerce #content div.product form.cart .button:before, .woocommerce-page a.button:before, .woocommerce-page button.button:before, .woocommerce-page input.button:before, .woocommerce-page input#submit:before, .woocommerce-page #content input.button:before, .woocommerce-page .comment-box input#submit:before,
  .woocommerce-page div.product form.cart .button:before, .woocommerce-page #content div.product form.cart .button:before {
    top: 0.5em;
    color: #26bef0;
    font-weight: bold; }
  .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input#submit:hover, .woocommerce #content input.button:hover, .woocommerce .comment-box input#submit:hover,
  .woocommerce div.product form.cart .button:hover, .woocommerce #content div.product form.cart .button:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce-page .comment-box input#submit:hover,
  .woocommerce-page div.product form.cart .button:hover, .woocommerce-page #content div.product form.cart .button:hover {
    background: #333; }
  .woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce input#submit.loading, .woocommerce #content input.button.loading, .woocommerce .comment-box input#submit.loading,
  .woocommerce div.product form.cart .button.loading, .woocommerce #content div.product form.cart .button.loading, .woocommerce-page a.button.loading, .woocommerce-page button.button.loading, .woocommerce-page input.button.loading, .woocommerce-page input#submit.loading, .woocommerce-page #content input.button.loading, .woocommerce-page .comment-box input#submit.loading,
  .woocommerce-page div.product form.cart .button.loading, .woocommerce-page #content div.product form.cart .button.loading {
    min-height: 10px;
    width: auto; }
  .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce #content input.button.alt, .woocommerce .comment-box input#submit.alt,
  .woocommerce div.product form.cart .button.alt, .woocommerce #content div.product form.cart .button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-page .comment-box input#submit.alt,
  .woocommerce-page div.product form.cart .button.alt, .woocommerce-page #content div.product form.cart .button.alt {
    background: #26bef0;
    border: none;
    box-shadow: none;
    outline: none;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s; }
    .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce .comment-box input#submit.alt:hover,
    .woocommerce div.product form.cart .button.alt:hover, .woocommerce #content div.product form.cart .button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page .comment-box input#submit.alt:hover,
    .woocommerce-page div.product form.cart .button.alt:hover, .woocommerce-page #content div.product form.cart .button.alt:hover {
      background: #000;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      /* IE 5-7 */
      filter: alpha(opacity=80);
      /* Netscape */
      -moz-opacity: 0.8;
      /* Safari 1.x */
      -khtml-opacity: 0.8;
      /* Good browsers */
      opacity: 0.8; }
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
  float: right;
  padding-top: .2em; }
.woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {
  margin: 0 0 60px; }
  .woocommerce nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul.page-numbers, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul.page-numbers, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul.page-numbers, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers {
    border: none; }
    .woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:first-child {
      margin: 0;
      padding: 0;
      border: 1px solid #e9e7e8; }
    .woocommerce nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul.page-numbers li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li {
      display: inline-block;
      margin-left: 4px;
      cursor: pointer;
      background: #fff;
      line-height: 31px;
      transition: all 0.5s;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s;
      border: none; }
      .woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:first-child {
        border: none; }
      .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li span {
        display: inline-block;
        width: 39px;
        height: 39px;
        border: 1px solid #d0d0d0;
        line-height: 36px !important;
        text-align: center;
        background: none;
        transition: all 0.5s;
        -ms-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s; }
      .woocommerce nav.woocommerce-pagination ul li:hover a, .woocommerce nav.woocommerce-pagination ul li.current a, .woocommerce nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce #content nav.woocommerce-pagination ul li:hover a, .woocommerce #content nav.woocommerce-pagination ul li.current a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce-page nav.woocommerce-pagination ul li:hover a, .woocommerce-page nav.woocommerce-pagination ul li.current a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current a, .woocommerce-page #content nav.woocommerce-pagination ul li:hover a, .woocommerce-page #content nav.woocommerce-pagination ul li.current a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li:hover a, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current a {
        border-color: #26bef0;
        background: #26bef0;
        color: #fff; }
      .woocommerce nav.woocommerce-pagination ul li.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce #content nav.woocommerce-pagination ul li.current, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce-page nav.woocommerce-pagination ul li.current, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current, .woocommerce-page #content nav.woocommerce-pagination ul li.current, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current {
        cursor: text; }
        .woocommerce nav.woocommerce-pagination ul li.current span, .woocommerce nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce #content nav.woocommerce-pagination ul li.current span, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce-page nav.woocommerce-pagination ul li.current span, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li.current span, .woocommerce-page #content nav.woocommerce-pagination ul li.current span, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li.current span {
          background: #26bef0;
          color: #fff; }
      .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul.page-numbers li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul.page-numbers li span.current {
        border-color: #26bef0;
        background: #26bef0 !important;
        color: #fff;
        cursor: text; }
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info {
  background: none;
  box-shadow: none;
  border: 1px solid #26bef0;
  border-top-width: 3px; }
  .woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before {
    padding-top: 0;
    background: #26bef0; }
.woocommerce .checkout h1, .woocommerce .checkout h2, .woocommerce .checkout h3, .woocommerce .checkout h4, .woocommerce .checkout h5, .woocommerce .checkout h6, .woocommerce .checkout .h1, .woocommerce .checkout .kopa-dropcap, .woocommerce .checkout .h2, .woocommerce .checkout .h3, .woocommerce .checkout .h4, .woocommerce .checkout .h5, .woocommerce .checkout .h6, .woocommerce .checkout .filters-options li, .filters-options .woocommerce .checkout li, .woocommerce-page .checkout h1, .woocommerce-page .checkout h2, .woocommerce-page .checkout h3, .woocommerce-page .checkout h4, .woocommerce-page .checkout h5, .woocommerce-page .checkout h6, .woocommerce-page .checkout .h1, .woocommerce-page .checkout .kopa-dropcap, .woocommerce-page .checkout .h2, .woocommerce-page .checkout .h3, .woocommerce-page .checkout .h4, .woocommerce-page .checkout .h5, .woocommerce-page .checkout .h6, .woocommerce-page .checkout .filters-options li, .filters-options .woocommerce-page .checkout li {
  text-transform: uppercase;
  margin-top: 20px; }
.woocommerce #ship-to-different-address, .woocommerce-page #ship-to-different-address {
  margin-top: 20px;
  position: relative; }
  .woocommerce #ship-to-different-address .checkbox, .woocommerce-page #ship-to-different-address .checkbox {
    margin-top: 0; }
  .woocommerce #ship-to-different-address input, .woocommerce #ship-to-different-address #ship-to-different-address-checkbox, .woocommerce-page #ship-to-different-address input, .woocommerce-page #ship-to-different-address #ship-to-different-address-checkbox {
    position: absolute;
    top: 4px; }
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  border: 1px solid #e9e7e8;
  border-radius: 0;
  border-collapse: inherit; }
  .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
    border-color: #e9e7e8; }
.woocommerce #review_form .comment-box .form-submit input, .woocommerce-page #review_form .comment-box .form-submit input {
  width: auto; }
.woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce form .form-row.validate-required.woocommerce-invalid select, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-single, .woocommerce-page form .form-row.validate-required.woocommerce-invalid .chzn-drop, .woocommerce-page form .form-row.validate-required.woocommerce-invalid input.input-text, .woocommerce-page form .form-row.validate-required.woocommerce-invalid select {
  border-color: #26bef0; }
.woocommerce form .form-row input, .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input, .woocommerce-page form .form-row input.input-text {
  width: 100%; }
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
  height: 36px; }
.woocommerce form .form-row.place-order input, .woocommerce-page form .form-row.place-order input {
  width: auto; }
.woocommerce form .form-row.create-account .input-checkbox, .woocommerce-page form .form-row.create-account .input-checkbox {
  float: left;
  width: auto;
  height: 32px; }
.woocommerce .quantity .plus:hover, .woocommerce .quantity .minus:hover, .woocommerce-page .quantity .plus:hover, .woocommerce-page .quantity .minus:hover {
  background: #26bef0;
  color: #fff; }
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty {
  border: 1px solid #ccc; }
.woocommerce .woocommerce-tabs ul.tabs li:before, .woocommerce .woocommerce-tabs ul.tabs li:after, .woocommerce-page .woocommerce-tabs ul.tabs li:before, .woocommerce-page .woocommerce-tabs ul.tabs li:after {
  display: none !important; }
.woocommerce ul.cart_list > li, .woocommerce ul.product_list_widget > li, .woocommerce-page ul.cart_list > li, .woocommerce-page ul.product_list_widget > li {
  padding: 15px 0; }
  .woocommerce ul.cart_list > li .star-rating, .woocommerce ul.product_list_widget > li .star-rating, .woocommerce-page ul.cart_list > li .star-rating, .woocommerce-page ul.product_list_widget > li .star-rating {
    float: none; }
  .woocommerce ul.cart_list > li ins, .woocommerce ul.product_list_widget > li ins, .woocommerce-page ul.cart_list > li ins, .woocommerce-page ul.product_list_widget > li ins {
    text-decoration: none;
    color: #26bef0;
    font-size: 18px;
    line-height: 24px; }
.woocommerce ul.cart_list a, .woocommerce ul.product_list_widget a, .woocommerce-page ul.cart_list a, .woocommerce-page ul.product_list_widget a {
  font-size: 14px;
  line-height: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 10px;
  display: block; }
.woocommerce .quantity, .woocommerce #content .quantity, .woocommerce .widget_shopping_cart_content a.button:hover, .woocommerce-page .quantity, .woocommerce-page #content .quantity, .woocommerce-page .widget_shopping_cart_content a.button:hover {
  min-width: 83px;
  width: auto;
  color: #26bef0; }
  .woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce .widget_shopping_cart_content a.button:hover input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-page .widget_shopping_cart_content a.button:hover input.qty {
    border-right: 1px solid #d8d8d8;
    padding-left: 10px; }
.woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total {
  padding: 20px 0 0;
  font-size: 18px;
  line-height: 24px; }
  .woocommerce .widget_shopping_cart .total span, .woocommerce-page .widget_shopping_cart .total span {
    color: #26bef0; }
.woocommerce.widget, .woocommerce-page.widget {
  text-align: left !important; }
  .woocommerce.widget.widget_product_search form input, .woocommerce-page.widget.widget_product_search form input {
    padding: 0 70px 0 10px; }
    .woocommerce.widget.widget_product_search form input[type="submit"], .woocommerce-page.widget.widget_product_search form input[type="submit"] {
      background: #26bef0;
      padding: 0 10px; }
  .woocommerce.widget.widget_product_categories select, .woocommerce-page.widget.widget_product_categories select {
    width: 100%;
    padding: 5px 10px; }
.woocommerce .widget_price_filter .price_slider, .woocommerce-page .widget_price_filter .price_slider {
  margin-bottom: 25px; }
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content {
  height: 8px; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range {
  background: #26bef0;
  box-shadow: 0 0 0 0px #3e3e4a;
  -ms-box-shadow: 0 0 0 0px #3e3e4a;
  -moz-box-shadow: 0 0 0 0px #3e3e4a;
  -webkit-box-shadow: 0 0 0 0px #3e3e4a;
  height: 8px; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle {
  display: inline-block;
  text-align: center;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 12px;
  background: #cccccc;
  border: none;
  box-shadow: 0 0 0 0px #3e3e4a;
  -ms-box-shadow: 0 0 0 0px #3e3e4a;
  -moz-box-shadow: 0 0 0 0px #3e3e4a;
  -webkit-box-shadow: 0 0 0 0px #3e3e4a;
  top: -4px; }
.woocommerce .widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount {
  line-height: 22px;
  font-size: 14px; }
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta, .woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta {
  font-size: 1em; }

.woocommerce-checkout input, .woocommerce-checkout textarea {
  border: 1px solid #e9e7e8;
  padding: 8px;
  line-height: 18px; }
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0 0 0 8px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #e9e7e8;
  background-clip: inherit;
  color: #3e3e4a; }

/*--- Contact page ---*/
.kopa-contact-wrapper {
  background: #fff;
  margin-bottom: 50px; }

.contact-title {
  text-transform: uppercase; }

.kopa-map-wrapper {
  margin-bottom: 15px; }
  .kopa-map-wrapper #kopa-map {
    height: 330px;
    width: 100%; }

.kopa-map-1-wrapper {
  border-radius: 5px;
  padding: 10px;
  background: #3e3e3e;
  position: relative; }
  .kopa-map-1-wrapper .kopa-map-1 {
    height: 158px;
    width: 100%; }

address {
  color: #3e3e4a; }

/*--- Singe standard page ---*/
.kopa-single-page .kopa-pagination ul {
  float: right;
  margin-right: -10px; }
.kopa-single-page .entry-meta {
  margin-bottom: 15px; }

.entry-categories.style-s {
  margin: 0 -2px 20px; }
  .entry-categories.style-s a {
    display: inline-block;
    padding: 5px 10px;
    margin: 0 2px;
    background: #26bef0;
    text-transform: uppercase;
    color: #fff; }
    .entry-categories.style-s a:hover {
      background: #32323c; }

.short-des {
  font-size: 16px;
  line-height: 24px; }

.kopa-post-review .pd-20 {
  background: #f3f3f3;
  margin-bottom: 2px; }
.kopa-post-review .rv-thumb {
  width: 100px;
  background: #26bef0;
  float: left;
  margin-right: 20px;
  color: #fff;
  font-weight: 700;
  text-align: center; }
  .kopa-post-review .rv-thumb > p {
    font-size: 30px;
    border-bottom: 1px solid #fff;
    display: inline-block;
    padding: 14px 0;
    margin-bottom: 5px; }
  .kopa-post-review .rv-thumb .kopa-rating li {
    color: #fff;
    display: inline-block;
    float: none;
    margin: 0 -1px; }
  .kopa-post-review .rv-thumb > span {
    display: block;
    width: 100%;
    background: #3e3e4a;
    text-transform: uppercase; }
.kopa-post-review .rv-content {
  overflow: hidden; }
  .kopa-post-review .rv-content h3 {
    text-transform: uppercase;
    margin-bottom: 10px; }
  .kopa-post-review .rv-content p {
    margin-bottom: 0; }

.kopa-entry-post > article .entry-title {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 10px; }
.kopa-entry-post > article .entry-thumb {
  margin-bottom: 15px; }
.kopa-entry-post .kopa-social-links {
  margin-top: 20px; }
.kopa-entry-post .kopa-post-review {
  margin-top: 20px; }
.kopa-entry-post iframe {
  height: 400px;
  margin-bottom: 10px; }

/* single-other-post */
.single-other-post {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9e7e8;
  position: relative;
  overflow: hidden; }
  .single-other-post > div {
    background: #f3f3f3; }
    .single-other-post > div > .entry-item {
      width: 50%;
      padding: 20px; }
      .single-other-post > div > .entry-item .entry-thumb {
        width: 75px;
        margin-right: 20px;
        float: left; }
      .single-other-post > div > .entry-item .entry-content {
        overflow: hidden; }
        .single-other-post > div > .entry-item .entry-content > a {
          text-transform: uppercase;
          color: #26bef0; }
          .single-other-post > div > .entry-item .entry-content > a:hover {
            color: #3e3e4a; }
        .single-other-post > div > .entry-item .entry-content .entry-title {
          font-size: 16px;
          line-height: 24px;
          margin-bottom: 0; }
    .single-other-post > div .prev-post {
      float: left;
      background: #e9e7e8; }
    .single-other-post > div .next-post {
      float: right;
      text-align: right; }
      .single-other-post > div .next-post .entry-thumb {
        float: right;
        margin: 0 0 0 20px; }

/* kopa-tag-box */
.kopa-tag-box {
  font-size: 14px;
  text-transform: capitalize;
  margin-top: 20px; }
  .kopa-tag-box span {
    color: #fff;
    position: relative;
    padding: 4px 5px;
    background: #26bef0;
    display: inline-block; }
  .kopa-tag-box a {
    padding: 4px 12px;
    font-size: 13px;
    display: inline-block;
    background: #e9e7e8;
    color: #3e3e4a;
    margin-top: 3px; }
    .kopa-tag-box a:hover {
      color: #fff;
      background: #3e3e4a; }

/* kopa-share-post */
.kopa-share-post {
  margin-top: 30px; }
  .kopa-share-post > span {
    float: left;
    line-height: 37px;
    margin-right: 10px;
    color: #3e3e4a;
    font-weight: 600; }
  .kopa-share-post ul {
    margin: 0 -1.5px; }
    .kopa-share-post ul li {
      float: left;
      margin: 0 1.5px;
      font-size: 18px; }
      .kopa-share-post ul li a {
        color: #fff;
        padding: 6px 10px; }
        .kopa-share-post ul li a:hover {
          background: #26bef0;
          color: #fff; }

/* kopa-author */
.kopa-author {
  position: relative;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e9e7e8; }
  .kopa-author .author-thumb {
    width: 90px;
    height: 90px;
    display: block;
    float: left;
    margin-right: 20px;
    border-radius: 50%; }
    .kopa-author .author-thumb img {
      width: 100%;
      border-radius: 50%; }
  .kopa-author .author-content {
    overflow: hidden;
    padding-bottom: 10px; }
    .kopa-author .author-content .author-name {
      font-family: "Roboto", sans-serif;
      font-size: 16px;
      line-height: 24px;
      color: #3e3e4a;
      text-transform: uppercase;
      font-weight: 700;
      margin-bottom: 10px; }
      .kopa-author .author-content .author-name a {
        color: #26bef0; }
        .kopa-author .author-content .author-name a:hover {
          /* IE 8 */
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
          /* IE 5-7 */
          filter: alpha(opacity=70);
          /* Netscape */
          -moz-opacity: 0.7;
          /* Safari 1.x */
          -khtml-opacity: 0.7;
          /* Good browsers */
          opacity: 0.7; }
    .kopa-author .author-content p {
      color: #3e3e4a; }
    .kopa-author .author-content .kopa-social-links {
      margin-top: 0; }

/* kopa-related-post */
.kopa-related-post {
  margin-top: 30px; }
  .kopa-related-post > h3 {
    margin-bottom: 25px !important; }
  .kopa-related-post > ul {
    margin-top: -10px; }
    .kopa-related-post > ul > li {
      margin-top: 10px;
      width: 24.9%; }
  .kopa-related-post .entry-item .entry-thumb {
    background: #fff;
    padding: 4px;
    border: 1px solid #e9e7e8;
    margin-bottom: 10px; }
  .kopa-related-post .entry-item .entry-title {
    font-size: 14px;
    line-height: 22px; }

/* comments */
#comments > h3 {
  text-transform: capitalize;
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  background: #26bef0;
  text-align: center;
  color: #fff;
  padding: 10px; }
#comments .comments-list > .comment {
  padding: 20px;
  background: #fff; }
#comments .comments-list .comment {
  list-style: none;
  margin-bottom: 20px; }
  #comments .comments-list .comment .comment-wrap .comment-avatar {
    width: 76px;
    height: 76px;
    margin-top: 5px;
    margin-right: 20px;
    padding: 3px;
    border: 1px solid #e9e7e8;
    border-radius: 50%;
    float: left; }
    #comments .comments-list .comment .comment-wrap .comment-avatar img {
      width: 100%;
      border-radius: 50%; }
  #comments .comments-list .comment .comment-wrap .media-body > header {
    margin-bottom: 5px; }
    #comments .comments-list .comment .comment-wrap .media-body > header h4 {
      margin-bottom: 0;
      font-size: 14px;
      line-height: 22px;
      text-transform: none; }
    #comments .comments-list .comment .comment-wrap .media-body > header .pull-left > span {
      font-style: italic; }
    #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a {
      font-family: "Roboto", sans-serif;
      font-size: 12px;
      line-height: 20px;
      color: #757575;
      font-weight: 400;
      text-transform: capitalize;
      background: #e9e7e8;
      padding: 0 5px;
      display: inline-block; }
      #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a:hover {
        background: #26bef0;
        color: #fff; }
  #comments .comments-list .comment .comment-wrap .media-body > p {
    margin-bottom: 0; }
  #comments .comments-list .comment .comment-wrap .media-body ol {
    list-style: decimal inside; }
  #comments .comments-list .comment .comment-wrap .media-body ul {
    list-style: disc inside; }
  #comments .comments-list .comment .comment-wrap .media-body ol li ul, #comments .comments-list .comment .comment-wrap .media-body ol li ol, #comments .comments-list .comment .comment-wrap .media-body ul li ul, #comments .comments-list .comment .comment-wrap .media-body ul li ol {
    padding-left: 15px; }
#comments .comments-list .children {
  position: relative;
  padding-left: 96px; }
  #comments .comments-list .children .comment {
    margin-top: 13px;
    padding-top: 13px;
    border-top: 1px dotted #e9e7e8;
    margin-bottom: 0; }
#comments .kopa-pagination {
  margin-top: 0; }

/*--- Singe gallery page ---*/
/*--- 404 page ---*/
.error-404 {
  padding: 100px 0;
  position: relative;
  background-color: #fff; }
  .error-404 .left-col {
    width: 41%;
    float: left;
    margin: 0 2%; }
    .error-404 .left-col p {
      font-size: 120px;
      font-weight: 700;
      color: #26bef0;
      line-height: 60px;
      text-align: right;
      margin-top: 20px; }
  .error-404 .right-col {
    width: 50%;
    float: left;
    margin: 0 2%; }
    .error-404 .right-col h1 {
      margin-bottom: 10px;
      font-size: 30px;
      color: #26bef0;
      margin-top: 0; }
    .error-404 .right-col .arrow-list {
      margin-top: 10px; }
    .error-404 .right-col a {
      color: #3e3e4a; }
      .error-404 .right-col a:hover {
        color: #26bef0; }
  @media screen and (max-width: 639px) {
    .error-404 {
      padding: 30px 0; }
      .error-404 .left-col p {
        font-size: 100px; } }
  @media screen and (max-width: 479px) {
    .ms-item1.size1 .entry-item .entry-content .entry-title {
      font-size: 18px!important;
      line-height: 1.3em!important;
    }

    .ms-item1 .entry-item .entry-content .entry-title {
      line-height: 1.3em!important;
      font-size: 13px!important;
    }

    .entry-content.style1 {
      padding: 10px!important;
    }
    .error-404 .left-col {
      width: 100%;
      float: none;
      margin: 0;
      padding: 0 20px 20px;
      text-align: center; }
      .error-404 .left-col p {
        text-align: center; }
    .error-404 .right-col {
      width: 100%;
      float: none;
      margin: 0;
      padding: 0 20px;
      text-align: center; } }

/**
* 3.4 - Sidebar / .sidebar
* -------------------------------------------------------------------
*/
/**
* 3.5 - Bottom sidebar / #bottom-sidebar
* -------------------------------------------------------------------
*/
#bottom-sidebar {
  color: #FFF; }
  #bottom-sidebar .widget-title, #bottom-sidebar span, #bottom-sidebar p, #bottom-sidebar a, #bottom-sidebar h1, #bottom-sidebar h2, #bottom-sidebar h3, #bottom-sidebar h4, #bottom-sidebar h5, #bottom-sidebar h6 {
    color: #FFF; }
  #bottom-sidebar a:hover {
    color: #26bef0; }
  #bottom-sidebar .kopa-divider {
    border-color: #e9e7e8;
    margin: 0 0 20px; }
  #bottom-sidebar .widget_calendar {
    border-color: #3e3e4a;
    color: #fff; }
    #bottom-sidebar .widget_calendar caption, #bottom-sidebar .widget_calendar tfoot, #bottom-sidebar .widget_calendar thead th, #bottom-sidebar .widget_calendar tfoot td a, #bottom-sidebar .widget_calendar tbody td {
      border-color: #3e3e4a;
      color: #fff; }
  #bottom-sidebar .widget_categories > ul > li:first-child, #bottom-sidebar .widget_categories ul.menu > li:first-child,
  #bottom-sidebar .widget_recent_entries > ul > li:first-child,
  #bottom-sidebar .widget_recent_entries ul.menu > li:first-child,
  #bottom-sidebar .widget_archive > ul > li:first-child,
  #bottom-sidebar .widget_archive ul.menu > li:first-child,
  #bottom-sidebar .widget_meta > ul > li:first-child,
  #bottom-sidebar .widget_meta ul.menu > li:first-child,
  #bottom-sidebar .widget_nav_menu > ul > li:first-child,
  #bottom-sidebar .widget_nav_menu ul.menu > li:first-child,
  #bottom-sidebar .widget_pages > ul > li:first-child,
  #bottom-sidebar .widget_pages ul.menu > li:first-child,
  #bottom-sidebar .widget_recent_comments > ul > li:first-child,
  #bottom-sidebar .widget_recent_comments ul.menu > li:first-child,
  #bottom-sidebar .widget_rss > ul > li:first-child,
  #bottom-sidebar .widget_rss ul.menu > li:first-child {
    padding-top: 0; }
  #bottom-sidebar .widget_categories > ul > li:after, #bottom-sidebar .widget_categories ul.menu > li:after,
  #bottom-sidebar .widget_recent_entries > ul > li:after,
  #bottom-sidebar .widget_recent_entries ul.menu > li:after,
  #bottom-sidebar .widget_archive > ul > li:after,
  #bottom-sidebar .widget_archive ul.menu > li:after,
  #bottom-sidebar .widget_meta > ul > li:after,
  #bottom-sidebar .widget_meta ul.menu > li:after,
  #bottom-sidebar .widget_nav_menu > ul > li:after,
  #bottom-sidebar .widget_nav_menu ul.menu > li:after,
  #bottom-sidebar .widget_pages > ul > li:after,
  #bottom-sidebar .widget_pages ul.menu > li:after,
  #bottom-sidebar .widget_recent_comments > ul > li:after,
  #bottom-sidebar .widget_recent_comments ul.menu > li:after,
  #bottom-sidebar .widget_rss > ul > li:after,
  #bottom-sidebar .widget_rss ul.menu > li:after {
    color: #fff; }
  #bottom-sidebar .widget_categories > ul > li:before, #bottom-sidebar .widget_categories ul.menu > li:before,
  #bottom-sidebar .widget_recent_entries > ul > li:before,
  #bottom-sidebar .widget_recent_entries ul.menu > li:before,
  #bottom-sidebar .widget_archive > ul > li:before,
  #bottom-sidebar .widget_archive ul.menu > li:before,
  #bottom-sidebar .widget_meta > ul > li:before,
  #bottom-sidebar .widget_meta ul.menu > li:before,
  #bottom-sidebar .widget_nav_menu > ul > li:before,
  #bottom-sidebar .widget_nav_menu ul.menu > li:before,
  #bottom-sidebar .widget_pages > ul > li:before,
  #bottom-sidebar .widget_pages ul.menu > li:before,
  #bottom-sidebar .widget_recent_comments > ul > li:before,
  #bottom-sidebar .widget_recent_comments ul.menu > li:before,
  #bottom-sidebar .widget_rss > ul > li:before,
  #bottom-sidebar .widget_rss ul.menu > li:before {
    color: #fff; }
  #bottom-sidebar .widget_rss ul li, #bottom-sidebar .textwidget, #bottom-sidebar .textwidget p strong, #bottom-sidebar .textwidget > ul > li a {
    border-color: #3e3e4a;
    color: #fff; }
  #bottom-sidebar .tagcloud a {
    border-color: #3e3e4a;
    color: #fff; }
  #bottom-sidebar .textwidget > ul > li a:hover, #bottom-sidebar .tagcloud a:hover {
    color: #26bef0; }
  #bottom-sidebar .kopa-contact-widget address p {
    color: #757575; }
  #bottom-sidebar .more-link {
    border-color: #fff; }
    #bottom-sidebar .more-link:hover {
      border-color: #26bef0; }
  #bottom-sidebar .entry-meta {
    color: #b8b8c6; }
    #bottom-sidebar .entry-meta > span, #bottom-sidebar .entry-meta > p {
      color: #b8b8c6; }
      #bottom-sidebar .entry-meta > span i, #bottom-sidebar .entry-meta > p i {
        color: #fff; }
    #bottom-sidebar .entry-meta > a {
      display: inline-block; }
      #bottom-sidebar .entry-meta > a:hover span {
        color: #26bef0; }

/*--- bottom-area ---*/
.bottom-nav {
  float: left; }

.bottom-menu {
  position: relative;
  margin: 0 -13px; }
  .bottom-menu > li {
    float: left;
    margin: 0 13px; }
    .bottom-menu > li > a {
      font-family: "Roboto Condensed", sans-serif;
      font-size: 13px;
      line-height: 22px;
      color: white;
      text-transform: uppercase;
      transition: all 0.5s;
      -ms-transition: all 0.5s;
      -webkit-transition: all 0.5s;
      -moz-transition: all 0.5s; }
    .bottom-menu > li ul.sub-menu {
      display: none; }

.bottom-area-1 {
  background: #32323c;
  border-bottom: 4px solid #26bef0;
  padding: 14px 20px;
  position: relative; }

.bottom-area-2 {
  background: #3e3e4a; }

.bottom-area-3 {
  padding: 35px 0 5px;
  background: #3e3e3e; }

/**
* 4. - Footer / #kopa-footer
* -------------------------------------------------------------------
*/
#kopa-footer {
  position: relative;
  text-align: center; }
  #kopa-footer .wrapper {
    padding: 25px 20px;
    background: #26bef0; }

#copyright {
  margin: 0;
  color: #fff; }
  #copyright a {
    color: #fff; }
    #copyright a:hover {
      color: #26bef0; }

.kopa-footer-nav .footer-menu li {
  float: left;
  padding-left: 20px;
  line-height: 1; }
  .kopa-footer-nav .footer-menu li:first-child {
    border-left: none;
    padding-left: 0; }
  .kopa-footer-nav .footer-menu li a {
    font-family: "Roboto", sans-serif;
    font-size: 12px;
    line-height: 18px;
    color: #757575;
    text-transform: uppercase; }
    .kopa-footer-nav .footer-menu li a:hover {
      color: #26bef0; }
  .kopa-footer-nav .footer-menu li ul {
    display: none; }

.scrollup {
  text-align: center;
  width: 54px;
  height: 54px;
  line-height: 50px;
  font-size: 15px;
  position: absolute;
  top: 0;
  margin-top: -27px;
  margin-left: -27px;
  position: absolute;
  right: 0;
  margin: 0;
  background: #26bef0;
  color: #fff !important;
  left: auto; }
  .scrollup:hover {
    background: #26bef0; }


.sf-mega-section .item {
  text-align: center;
  margin-bottom: 30px;
}

.sf-mega-section .item img {
  margin-bottom: 5px;
}

.sf-mega-section .item a {
  font-size: 13px;
}

.sf-mega-section-1 {
  padding: 0 20px!important;
  border: 0!important;
}

.widget .nav-tabs li {
  float: none;
}

.sf-mega .tab-content {
  padding: 0;
  border: 0;
}

.nav-tabs > li > a {
  border: 0!important;
  text-align: left;
}

.nav-tabs > li > a:before {
  display: none;
}

.nav-tabs > li.active > a {
  color: #26bef0!important;
}

.nav-tabs > li.active > a:hover:before {
  display: none!important
}

.style-img {
  overflow: hidden;
}

.box-img-65 {
   height: 65px;
}

.box-img-75 {
   height: 75px;
}

.box-img-80 {
   height: 80px;
}

.box-img-270 {
   height: 270px;
}

.box-img-120 {
   height: 120px;
}

.box-img-155 {
   height: 155px;
}

.box-img-400 {
   height: 400px;
}


.box-img-175 {
   height: 175px;
}

.box-img-180 {
   height: 180px;
}

.box-img-198 {
   height: 198px;
}

.box-img-215 {
   height: 215px;
}

.box-img-375 {
   height: 375px;
}

.box-img-396 {
   height: 396px;
}

.box-img-115 {
  height: 115px;
}

.game-area {
  position: relative;
}

.game-area .button-close {
  display: inline-block;
  width: 30px;
  height: 30px;
  background-size: cover!important;
  background: url(../images/close.png) no-repeat;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1000;
}


#popup-promotion .modal-body {
  width: 650px;
  height: 650px;
  background: url(../images/ad-watch.jpg) no-repeat;
  background-size: cover;
  margin: 0px auto!important;
}

#popup-promotion.modal {
  overflow: hidden!important
}

#popup-promotion .modal-dialog {
  width: 650px;
  margin: 0 auto;
}

.modal {
  text-align: center;
}

.modal:before {
  display: inline-block;
  vertical-align: middle;
  content: " ";
  height: 100%;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


.close-modal {
  width: 30px;
  height: 30px;
  background: url(../images/btn-close.png) no-repeat;
  background-size: cover;
  opacity: 1;
  border: none;
  position: absolute;
  top: 5px;
  right: 5px;
  outline: none;
}

.widget-area-7 .article-list-2 .pd-20 {
  padding: 5px;
}

.entry-content.style1 {
  padding: 10px 10px 5px 10px;
  background: rgba(0,0,0,0.5);
}

.ms-item1.size1 .entry-item .entry-content .entry-title
 {
  margin-bottom: 0;
 }

.ms-item1.size1 .entry-item .entry-content .entry-title,
.ms-item1 .entry-item .entry-content .entry-title {
  line-height: 1.2em!important
}

.ms-item1.size1 .entry-item .entry-content .entry-title {
  font-size: 22px;
}

.ms-item1 .entry-item .entry-content .entry-title {
  font-size: 16px;
}

.ms-item1 .entry-item .entry-content.style1 h4 a {
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.list-step .box-img img {
  height: 171px;
}

.list-step .box-details {
  overflow: hidden;
  padding: 10px 0 0 0;
}

.list-step .step .number {
  float: left;
  font-size: 45px;
  font-family: 'HelveticaLTStd-BlkCondObl' sans-serif;
  font-style: italic;
  font-weight: bold;
  color: #25bdee;
}

.list-step .step .text {
  color: #333;
  margin-left: 45px;
}

.list-step .step .text h3 {
  margin: 0;
}

.list-step .step .text p {
  padding-right: 130px;
  height: 35px;
  line-height: 1.35em;
}

.list-step .step .text p > a {
  color: #333;
  font-weight: bold
}

.list-step .step .text > a {
  background: #ed1c24;
  color: #fff;
  display: inline-block;
  height: 36px;
  line-height: 36px;
  padding: 0 25px;
  border-radius: 10px;
}

.list-step .step .text > a:hover {
  background: #25bdee;
}

.box-img-intro {
  text-align: center;
  margin: 0 0 20px 0;
}

.lang {
  border: none!important;
  font-family: 'Roboto'!important;
  font-weight: normal!important;
  padding: 10px 8px 0 8px!important;
  position: relative;
}

.lang-1:before {
  content: '';
  width: 1px;
  height: 10px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 16px;
}

.lang.active {
  color: #ffa727;
}


.lang:hover {
  background: none!important;
  color: #fff!important;
}

.login-area-mobile li a.lang {
  background: none!important;
  margin: 0!important;
}

h3.widget-title {
  position: relative;
}

h3.widget-title a {
  position: absolute;
  top: 50%!important;
  margin-top: -13px;
  right: 10px!important;
  text-transform: none;
  color: #26bef0;
  font-weight: normal;
  font-size: 14px;
}

h3.widget-title a i {
  margin-left: 3px;
}


.kopa-main-col .widget-title.style3 {
  margin-bottom: 15px;
  border-bottom: 1px solid #e1e1e1;
  margin-right: 3px;
} 

.new-events {
  padding-bottom: 20px;
}

.banner-ads-mobile {
  display: none;
  margin-bottom: 20px;
}

.slick-slider {
  -webkit-user-select: text!important;
  -moz-user-select: text!important;
  -ms-user-select: text!important;
  user-select: text!important;
}

/*--- Firefox ---*/
@-moz-document url-prefix() {
  .owl-controls.style2 .owl-buttons {
    margin-top: -2px; } }
/**
* 5. - Responsive
* -------------------------------------------------------------------
*/
.business-profile {
  margin-top: 30px;
  font-family: 'Roboto-Regular';
}

.wrapper-menu {
    border-bottom: 1px solid #e0e0e0;
   /* position: fixed;
    top: 230px;
    left: 0;
    right: 0;
    z-index: 10;
    background: #fff;*/
}

.user-panel {
    overflow: hidden;
}

.user-panel .breadcrumb {
    padding: 15px 0;
    margin-bottom: 0;
}

.user-panel .breadcrumb {
    float: left;
}

.user-panel .main-menu {
    margin-top: 12px;
    padding-left: 0;
}

.user-panel .main-menu {
    list-style-type: none;
}

.user-panel .main-menu {
    float: right;
}

.free-web .container {
  padding: 0;
}

.free-web .breadcrumb {
  background: #fff;
}

.free-web .breadcrumb > li {
    display: inline-block;
    padding: 0 8px;
    background: url(../images/bgd-bc.png) left center no-repeat;
}

.free-web .breadcrumb > li:first-child {
  background: none;
}

.free-web .breadcrumb > li + li:before {
  content: '';
}

.free-web .breadcrumb > li.active a {
  color: #00aef0;
}


.free-web .slick-next, .free-web .slick-prev {
  display: none!important;
}

.free-web .slide {
  height: 550px;
  background-size: cover;
  background-position: center center;
}

#main-slider .slide .wrapper {
    height: 100%;
}

#main-slider .slide .outer-intro {
    display: table!important;
    width: 100%!important;
    height: 100%!important;
}

#main-slider .slide .intro {
    display: table-cell;
    vertical-align: middle;
    height: 100%!important;
}

#main-slider .inner-intro {
    display: inline-block;
    background: url(../images/bg-opacity.png);
    border-radius: 10px;
    padding: 10px;
}

.main-intro {
    border: 1px solid #fff;
    border-radius: 10px;
    padding: 20px 40px 20px 20px;
    color: #fff;
    position: relative;
}

.main-intro .views {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
}

.main-intro .views span {
  color: #ffd401;
  font-weight: bold;
}

.main-intro h1 {
    text-transform: uppercase;
    font-family: 'Roboto-Bold';
    font-size: 35px;
    margin: 0 0 15px 0;
    color: #00aef0;
}

.main-intro h1 span {
    font-size: 22px;
    font-family: 'Roboto-Light';
    display: block;
    color: #fff;
}

.main-intro p {
    font-size: 18px;
    font-family: 'Roboto-Light';
}

.main-intro p a {
    color: #fff;
}

.main-intro p a.call,
.main-info .address-item a {
  color: #ffd401!important;
}

.main-intro > a:hover {
    color: #00aef0;
}

.main-intro > a {
  color: #fff;
    display: inline-block;
    background: url(../images/btn-readmore.png) -40px 2px no-repeat;
    padding-left: 30px;
    font-size: 18px;
}

.title-block h1 {
    font-family: 'Roboto-Regular';
    color: #333;
    font-size: 45px;
    text-transform: capitalize;
    font-weight: normal;
}

#about-us .text-block p {
    font-family: 'Roboto-Light';
    font-size: 16px;
    color: #333;
    margin-bottom: 30px;
    line-height: 1.7em;
}

.about-1 .box-img {
    width: 50%;
    float: right;
    padding-left: 30px;
    padding-bottom: 12px;
}

.thumb-img {
  padding-top: 100%;
  position: relative;
}

.thumb-img .global-figure {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
 
}

.thumb-img .global-image {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  background: #000;
}

.thumb-img .global-image span {
  display: block;
  width: 100%;
  height: 100%;
  background-position: center center!important;
  background-repeat: no-repeat!important;
  background-size: cover!important;
}

.global-image span:hover {
  transition: 300ms;
  opacity: 0.8;
}

#about-us .block-img-desc .thumb-img {
    padding-top: 57%;
    margin-top: 20px;
    border-left: 10px solid #e2e4e9;
    border-bottom: 10px solid #e2e4e9;
    margin-right: 10px;
}

#about-us .global-figure {
    top: -10px;
    right: -10px;
}

#working-hour {
    margin-bottom: 50px;
    padding-top: 20px;
}

.working-hour-1 .inner-block {
    position: relative;
    z-index: 1;
}

.working-hour-1 .inner-block {
    background: #00aef0;
    padding: 35px;
}

.working-hour-1 .inner-block:after {
    content: '';
    position: absolute;
    width: 257px;
    height: 217px;
    background: url(../images/clock.png) no-repeat;
    bottom: 0;
    right: 0;
}

.hour-details {
    position: relative;
    z-index: 1000;
    list-style-type: none;
}

.working-hour-1 .row .col-md-6 {
    padding: 0 30px;
}

.working-hour-1 .row {
    margin: 0 -30px;
}

.working-hour-1 .block-working-hour {
    background: none;
    padding: 0;
}

.hour-details li {
    overflow: hidden;
    font-size: 16px;
    border-bottom: 1px solid #80d7f8;
    padding-bottom: 7px;
    margin-bottom: 15px;
    color: #fff;
}

.hour-details .day {
    float: left;
    text-transform: uppercase;
    font-family: 'Roboto-Medium';
    display: inline-block;
    padding-left: 20px;
    position: relative;
}

.hour-details .time {
    float: right;
    font-family: 'Roboto-Light';
}

.hour-details .day:before {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #fff;
    left: 2px;
    top: 7px;
    border-radius: 50%;
}


.last-news-article {
    background: #f2f2f2;
    padding: 27px 30px 30px 30px;
}

#last-news h3 {
    font-family: 'Roboto-Regular';
    margin-top: 0;
}

.last-news-article p {
    font-size: 15px;
    line-height: 1.6em;
}

#our-discussion.our-discussion-1 {
    background: none;
    margin-bottom: 50px;
    padding-top: 25px;
}

.our-discussion-1 .box-comment {
    margin: 30px;
}

.our-discussion-1 .inner-block {
    background: #f2f2f2;
    padding-bottom: 35px;
}

.box-comment {
    background: #fff;
    border: 1px solid #e5e5e5;
    padding: 30px;
    margin-bottom: 50px;
}

.user-action {
    overflow: hidden;
    font-family: 'Roboto-Light';
    font-size: 15px;
    color: #979797;
}

.user-action > p {
    float: left;
}

.user-action > button {
    float: right;
    background: #00aef0;
    color: #fff;
    border-radius: 0;
    padding: 6px 25px;
}

.user-action > p a {
    color: #00aef0;
}

.comment-list {
    list-style-type: none;
    padding-left: 0;
}

.comment-item .media-left {
    padding-right: 15px;
}

.avatar {
    width: 90px;
    border-radius: 50%!important;
}


.avatar .thumb-img .global-image,
.avatar .thumb-img .global-image span {
  border-radius: 50%;
}

.comment-list .comment-item .media-body {
    overflow: visible;
}

.media-body, .media-left, .media-right {
    display: table-cell;
    vertical-align: top;
}

.comment-list li {
    margin-bottom: 20px;
}

.comment-content {
    font-size: 15px;
    color: #3a3937;
    font-family: 'Roboto-Regular';
    border: 1px solid #dedcdc;
    padding: 15px 20px;
    position: relative;
    background: #fff;
}

.comment-content:after {
    content: '';
    display: block;
    width: 22px;
    height: 19px;
    background: url(../images/arrow-comment.png) no-repeat;
    position: absolute;
    top: -2px;
    left: -22px;
}

.user-comment a {
    color: #006d9d;
    display: inline-block;
    margin-right: 5px;
}

.sidebar-widget h3 {
    font-family: 'Roboto-Medium';
    font-size: 30px;
    color: #333;
    margin: 0;
    position: relative;
    padding: 9px 0 8px 20px;
    margin-bottom: 20px;
    font-weight: normal;
}

.sidebar-widget h3:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;
    height: 50px;
    background: #00aef0;
}

.menu-sidebar ul {
  list-style-type: none;
}

.menu-sidebar ul li {
    margin-bottom: 1px;
}

.menu-sidebar ul li a {
    font-family: 'Roboto-Medium';
    font-size: 20px;
    text-transform: capitalize;
    color: #333;
    background: #ffd401;
    display: inline-block;
    width: 100%;
    padding: 20px 25px;
}

.sidebar-widget {
  margin-bottom: 30px;
}

.sidebar-widget.web-adv .thumb-img {
    padding-top: 65%;
}

.sidebar-widget.web-adv .sumary {
    padding: 20px;
    background: #f2f2f2;
}

.sidebar-widget.web-adv .sumary h4  {
  line-height: 1.2em;
  margin-bottom: 5px;
}

.sidebar-widget.web-adv .sumary h4 a {
    font-family: 'Roboto-Medium';
    color: #333;
    font-weight: normal;
}

.sidebar-widget.web-adv .sumary h4 a:hover {
    text-decoration: none;
    color: #00aef0;
}

.sidebar-widget.web-adv .sumary p {
  color: #333;
  font-size: 14px;
}

.sidebar-widget.web-adv .sumary p a {
  color: #00aef0;
}

.list-logo-right .main-list-logo .global-image span {
    border: 1px solid #e4e1e1;
}

.list-logo-right .main-list-logo {
    background: #f2f2f2;
    padding: 10px 10px 0 10px;
}

.list-logo-right .main-list-logo .row {
    margin: 0 -5px;
}

.list-logo-right .main-list-logo .row .col-md-6 {
  padding: 0 5px;
  margin-bottom: 10px;
}

.list-logo-right .main-list-logo .thumb-img {
  padding-top: 60%;
}

.list-logo-right .thumb-img .global-image {
  background: none;
}

.sidebar-widget img {
    width: 100%;
}

.scrollbar {
  height: 350px;
}

#menu {
  margin-bottom: 50px;
}

#menu .block-menu {
    background: #00aef0;
}

#menu .block-menu .thumb-img {
  padding-top: 115%;
}

.scrollbar3 {
  height: 400px;
  padding: 20px 20px 20px 0;
}

#service {
  margin-bottom: 50px;
}

.block-service {
    padding: 30px 20px 30px 45px;
    background: #f2f2f2;
}

.block-service .service-item h3 a {
    color: #333;
    position: relative;
    display: inline-block;
    padding-left: 27px;
    font-family: 'Roboto-Regular';
    font-weight: normal;
}

.block-service .service-item h3 a:hover {
    color: #00aef0;
    text-decoration: none;
}

.scrollbar3 .mCSB_inside > .mCSB_container {
  margin-right: 15px!important;
}

.block-service .service-item h3 {
    font-size: 20px;
    margin: 0 0 5px 0;
}

.block-service .service-item > * {
    color: #333;
}

.block-service .service-item > p {
  font-size: 14px;
  line-height: 1.4em;
}

.block-service .service-item h3 a:hover:before {
    background: url(../images/icon-arrow-active.png) no-repeat;
}

.block-service .service-item h3 a:before {
    position: absolute;
    content: '';
    width: 16px;
    height: 17px;
    background: url(../images/icon-arrow.png) no-repeat;
    top: 8px;
    left: 2px;
}


.scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 11px!important;
  background: url(../images/bg-scrollbar-thumb-y.png);
}

.scrollbar .mCSB_scrollTools .mCSB_draggerRail {
  width: 11px!important;
  background: url(../images/bg-scrollbar-track-y-1.png);
}

#scrollbar3 .text-block h3 {
    margin-top: 0;
}

.i-mn {
    position: relative;
    padding-right: 100px;
}

.i-mn {
  font-size: 14px;
}

.i-mn span {
    position: absolute;
    top: 0px;
}

#scrollbar3 .i-mn span {
    right: 15px;
}

#scrollbar3 h3 {
  color: #fff;
}

#scrollbar3 {
  color: #fff;
}

#contact-us .contact-content {
    background: #00aef0;
    padding: 0 15px;
    font-size: 14px;
}

.contact-us-1 .contact-content {
    padding: 40px 30px 30px 30px!important;
    color: #fff;
}

.contact-info .inner-contact .sumary {
    font-family: 'Roboto-Light';
    margin-bottom: 30px;
}

.main-info .address-item > p {
    background: url(../images/icon-address-1.png) 0 5px no-repeat;
    padding: 3px 0 3px 20px;
    margin-bottom: 0;
}

.main-info .address-item > p  a {
  color: #fff!important;
}

.contact-us-1 .form-contact span {
    font-family: 'Roboto-Medium';
    font-size: 25px;
    color: #fff;
    display: inline-block;
    margin-bottom: 20px;
    line-height: 1.3em;
}

.form-contact textarea {
    height: 120px;
}

.contact-us-1 .form-contact button {
    padding: 3px 25px;
}

.form-contact button:hover {
    background: #fff;
    color: #00a2df;
}

.form-contact button {
    background: #ffd401;
    color: #333;
    border-radius: 0;
    border: none;
    font-size: 18px;
    padding: 7px 25px;
}

.form-contact .form-group {
  margin-bottom: 25px;
}

#map-1 {
    margin-top: 20px;
    height: 375px!important;
    border: 5px solid #fff;
}

.list-social-1 {
  margin-top: 20px;
  overflow: hidden;
  margin-bottom: 10px;
  list-style-type: none;
}

.list-social-1 li {
  font-family: 'Roboto-Medium';
  float: left;
  margin-right: 10px;
}

.list-social-1 li:first-child {
  line-height: 35px;
}

.list-social-1 li a {
  display: inline-block;
  width: 34px;
  height: 34px;
  transition: 300ms;
  border-radius: 100%;
}

.list-social-1 li a.fb {
  background: url(../images/icon-fb.png) no-repeat;
}

.list-social-1 li a.tw {
  background: url(../images/icon-tw.png) no-repeat;
}

.list-social-1 li a.gg {
  background: url(../images/icon-gg.png) no-repeat;
}

.list-social-1 li a.ytb {
  background: url(../images/icon-ytb.png) no-repeat;
}

.list-social-1 li a.v {
  background: url(../images/icon-v.png) no-repeat;
}

.list-social-1 li a.yelp {
  background: url(../images/icon-yelp.png) no-repeat;
}

.list-social-1 li a:hover {
  background-position: 0 -35px;
}


.main-info .address-item {
    margin-bottom: 5px;
}

.main-info .address-item a {
  color: #fff;
}

.main-info .address-item > p {
  background: url(../images/icon-address-1.png) 0 5px no-repeat;
  padding: 3px 0 3px 20px;
  margin-bottom: 0;
}

.scrollbar2 {
  height: 250px;
  border: 1px solid #71c8e8;
  border-radius: 6px;
}

.scrollbar2 .mCSB_container {
  padding: 15px 0 0 20px!important;
}

.scrollbar2 .mCSB_scrollTools {

  right: -2px;

}

.scrollbar2 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 11px!important;
    background: url(../images/bg-scrollbar-thumb-y-sp.png)!important;
}

#last-news {
  margin-bottom: 50px;
}

.amazingslider-arrow-left-1 {
  width: 48px!important;
  height: 48px!important;
  background: url(../images/btn-left.png)!important;
  left: 20px!important;
}

.amazingslider-arrow-right-1 {
  width: 48px!important;
  height: 48px!important;
  background: url(../images/btn-right.png)!important;
  right: 20px!important;
}

.amazingslider-car-left-arrow-1 {
  width: 30px!important;
  height: 30px!important;
  background: url(../images/btn-left.png)!important;
  left: 20px!important;
  background-size: cover!important;
}

.amazingslider-car-right-arrow-1 {
  width: 30px!important;
  height: 30px!important;
  background: url(../images/btn-right.png)!important;
  right: 20px!important;
  background-size: cover!important;
}

.amazingslider-bullet-playvideo-1 {
  background: url(../images/play-32-32-0.png) no-repeat center center!important;
}

.amazingslider-play-1 {
  background: url(../images/playvideo-64-64-0.png) no-repeat center center!important;
}

.gallery-1 .title-block h1 {
  text-align: left!important;
  margin-bottom: 20px!important;
}

.amazingslider-nav-1 {
  margin-top: -5px!important;
}

.hour-details li {
  margin-bottom: 10px;
}

.hour-details li.active span {
  color: #ffd401;
}

.hour-details li.active .day:before {
  background: #ffd401;
}

.amazingslider-slider-1,
.amazingslider-box-1,
.amazingslider-bullet-1 {
  -webkit-box-sizing: content-box!important;
  -moz-box-sizing: content-box!important;
  box-sizing: content-box!important;
}

.ad-page {
  margin: 30px 0 0 0;
}

.ad-page .title {
    overflow: hidden;
    font-family: Robotold;
    font-weight: normal;
    background: url(../images/border-title.png) bottom repeat-x;
    margin-bottom: 30px;
}

.ad-page .title span {
    font-family: 'Roboto-Regular';
    color: #333;
    float: left;
    padding: 3px 0 4px 5px;
    border-left: solid 3px #ffd401;
    margin-bottom: 2px;
    text-transform: uppercase;
    font-size: 28px;
}

.ad-panel {
  background: #f3f3f3;
  border-radius: 5px;
  margin-bottom: 30px;
}

.clearfix:after{
    clear: both;
    content: "";
    display: block;
    width: 0px;
    height: 0px;
}

.ad-page .tab-content {
  border: 0;
  padding: 0;
}

.ad-panel .box-nav {
  float: left;
}

.ad-panel .nav-tabs {
  border-bottom: none;
}

.ad-panel .nav-tabs li a {
  color: #333;
  font-size: 18px;
  text-transform: uppercase;
  font-family: 'Roboto-Light';
  padding: 17px 15px;
  line-height: 25px;
  transition: all 0s;
  -ms-transition: all 0s;
  -webkit-transition: all 0s;
}

.ad-panel .nav-tabs > li.active > a, .ad-panel .nav-tabs > li.active > a:hover{
  background: #00aef0;
  color: #fff!important;
  border-radius: 5px;
  font-family: 'Roboto-Medium';
  font-weight: normal;
}

.ad-panel .nav-tabs > li.active {
  position: relative;
}

.ad-panel .nav-tabs > li.active:after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 9px solid #00aef0;
  content: "";
  display: inline-block;
  left: 50%;
  margin-left: -9px;
  position: absolute;
  bottom: -9px;
  z-index: 1000;
}

.ad-panel .search-form {
  float: right;
  margin: 10px 10px 10px 0;
}

.ad-panel .search-form button {
  width: 40px;
  height: 40px;
  background: #fff;
  border: 1px solid #d7d7d7;
  transition: 300ms;
}

.ad-panel .search-form button:hover {
  background: #00aef0;
  border: 1px solid #00aef0;
}

.ad-panel .search-form button:hover i {
  color: #fff;
}

.search-form .select {
  width: 180px;
  height: 40px;
  border: 1px solid #d7d7d7;
  display: inline-block;
  margin-right: 10px;
  padding-left: 10px;
}

.adv-item .thumb-img {
  padding-top: 57%;
}

.adv-item h3 {
  margin: 0 0 5px 0;
  font-size: 22px;
  height: 28px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: normal;
}

.adv-item h3 a {
  color: #333;
}

.adv-item .box-sumary {
  border: 1px solid #d7d7d7;
  padding: 15px;
  font-size: 15px;
}

.box-sumary .list-inline {
  margin-bottom: 5px;
}

.box-sumary .list-inline li,
.box-sumary .price {
  padding-left: 0;
  padding-right: 0;
  color: #979797;
}

.box-sumary .list-inline li span {
  color: #333;
}

.box-sumary .price span {
  color: #00aef0;
  font-size: 18px;
}

.box-sumary .price {
  display: inline-block;
  margin-bottom: 10px;
}

.box-sumary > a {
  font-size: 13px;
  color: #19b1e7;
}

.adv-item .box-sumary p {
  height: 84px;
  overflow: hidden;
}

.list-adv .adv-item {
  margin-bottom: 30px;
}

.view-all {
  display: inline-block;
  color: #fff;
  font-size: 15px;
  text-transform: uppercase;
  background: #00aef0;
  padding: 6px 22px;
  border-radius: 5px;
  transition: 300ms;
}

.view-all-1 {
  margin-top: 30px;
}

.view-all:hover {
  text-decoration: none;
  background: #077199;
  color: #fff;
}

.sale-info {
  position: absolute;
  bottom: 0px;
  display: inline-block;
  padding: 25px 70px 40px 30px;
  color: #fff;
  font-size: 22px;
  font-family: 'Roboto-Medium';
  background: #00aef0;
  width: 100%;
}

.sale-slider .thumb-img {
  padding-top: 70.3%!important;
}

.ad-page .pagination {
    width: 100%;
    text-align: center;
    padding-left: 0;
    margin: 20px 0 50px 0;
    border-radius: 4px;
    background: #fff;
    border: solid 1px #ddd;
    padding: 7px 7px 2px 7px;
    color: #d7d7d7;
    line-height: 18px;
    overflow: hidden;
}

.ad-page .pagination > li {
  display: inline-block;
}


.ad-page .pagination > .active > a, 
.ad-page .pagination > .active > span, 
.ad-page .pagination > .active > a:hover, 
.ad-page .pagination > .active > span:hover, 
.ad-page .pagination > .active > a:focus, 
.ad-page .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #00aef0;
}

.ad-page .pagination > li:first-child {
    float: left;
}

.ad-page .pagination > li:last-child {
    float: right;
}

.ad-page .pagination > li > a {
    position: relative;
    float: left;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 34px;
    margin-left: -1px;
    border: none;
    color: #428bca;
    text-decoration: none;
    background-color: #fff;
    font-family: 'Roboto-Bold';
    font-weight: bold;
    color: #808080;
    border-radius: 4px;
    transition: all 0s;
    -ms-transition: all 0s;
    -webkit-transition: all 0s;
    font-size: 14px!important;
}

.ad-page .pagination > li > a:hover:before, .ad-page .pagination > li.active > a:before {
    border-bottom: 4px solid #00aef0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    display: inline-block;
    left: 13px;
    position: absolute;
    top: -4px;
}

.ad-page .pagination > li > a:hover, .ad-page .pagination > li.active > a:hover {
    color: #fff;
    background-color: #00aef0;
}

.ad-page .pagination > li span {
  border: none;
}

.ad-page .pagination > li:first-child a {
    width: 92px;
    height: 36px;
    background: url(../images/btn-breadcumb.png) 0 0 no-repeat;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    border: none;
}

.ad-page .pagination > li:first-child a:hover {
    background-position: -92px 0;

}

.pagination > li:last-child a {
    width: 92px;
    height: 36px;
    background: url(../images/btn-breadcumb.png) -91px -36px no-repeat;
    border: none;
}

.ad-page .pagination > li:last-child a {
  -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ad-page .pagination > li:last-child a:hover {
    background-position: 0 -36px;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
}

.ad-page .pagination > li:first-child a:hover:before,
.ad-page .pagination > li:last-child a:hover:before {
  display: none;
}

.ad-page .pagination > li > a, .ad-page .pagination > li > span {
  padding: 6px 10px;
  line-height: 22px
}

.ad-page .nav-tabs > li > a:after {
  display: none;
}

.list-job-style {
    overflow: hidden;
    text-align: left;
    list-style-type: none;
}

.list-job-style li {
    width: 112px;
    display: inline-block;
    text-align: center;
    margin-bottom: 30px;
}

.list-job-style li a img {
    display: inline-block;
    margin-bottom: 10px;
}

.list-job-style li a {
  color: #00aef0;
  font-size: 14px;
}

.list-job-style li a span {
  display: block;
  height: 40px;
  overflow: hidden;
}

.list-job-style li a {
  transition: 300ms;
}

.list-job-style li a:hover {
  text-decoration: none;
  color: #0788b9;
}

.banner-adv-area img {
  width: 100%;
  margin-bottom: 30px;
}

.list-adv .col-md-4 {
    float: none;
    display: inline-block;
    vertical-align: top;
    margin-right: -0.25em;
}

.kopa-follow-widget li {
  display: inline-block;
  margin-right: 10px;
}

.kopa-masonry-2-widget .kopa-masonry-widget {
  margin-bottom: 0!important;
}

.list-icon-1 {
    background: #fff;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
    overflow: hidden;
    margin-bottom: 25px;
}

.list-icon li {
    width: 105px;
    text-align: center;
    float: left;
    margin: 19px 19px;
    height: 133px;
}

.list-icon-1 li {
    margin: 19px 10px 0 10px;
    width: 86px;
}

.list-unstyled a img {
    margin-bottom: 10px;
}

.list-icon-1 span {
    display: block;
    margin: 5px 0;
}

.tab-business {
  border-bottom: 1px solid #ddd;
}

.tab-business > li > a {
    color: #fff!important;
    background: #00aef0;
    display: block;
    padding: 8px 15px;
    margin-right: 5px;
    line-height: 1.42857143;
    border-radius: 4px;
    margin-bottom: 4px;
    text-transform: none;
    font-family: 'Roboto-Light';
    transition: all .0s;
    -ms-transition: all .0s;
    -webkit-transition: all .0s;
    -moz-transition: all .0s;
}

.tab-business > li.active > a {
    color: #333;
    background: #fff;
    padding: 10px 14px 10px 14px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
    border-top: solid 1px #ddd!important;
    border-right: solid 1px #ddd!important;
    border-left: solid 1px #ddd!important;
}

.tab-business > li.active > a {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border: none;
}

.tab-business > li.active > a,
.tab-business > li.active > a:hover, 
.tab-business> li.active > a:focus {
  background: #fff;
}

.tab-business > li.active > a:hover {
    color: #00aef0;
}

.tab-business > li > a:hover {
    background: #80d7f7;
}

.bsn-item {
    clear: both;
    overflow: hidden;
    border-bottom: solid 1px #ddd;
    padding: 20px 0;
    position: relative;
    font-family: 'Roboto-Regular'
}

.bsn-item a {
  font-family: 'Roboto-Regular';
}

.bsn-item .dl-horizontal dt {
  float: left;
  width: 80px;
  text-align: left;
  font-weight: normal;
}
.bsn-item .dl-horizontal dt,
.bsn-item .dl-horizontal dd {
  text-align: left;
  font-size: 15px;
}

.bsn-item .address {
  font-size: 15px;
}

.bsn-item .address a {
  color: #00aef0;
}

.bsn-item .dl-horizontal dd {
  margin-left: 80px;
}

.sale-slider {
  margin-bottom: 20px;
}

.list-bussiness .pagination {
  padding-bottom: 7px;
}

.kopa-article-list-widget.article-list-1 .entry-thumb {
  background: none;
}

.kopa-article-list-widget.article-list-1 .box-img-65 {
  width: 90px;
  height: 90px;
  border-radius: 50%;
}

.kopa-article-list-widget.article-list-1 .entry-content h4 {
  text-transform: uppercase;
  margin-top: 35px;
}

.top-menu .action a {
  text-transform: none;
  border-right: 0;
  background: #1e95bc;
  padding: 5px 15px;
  margin-top: 5px;
  border-radius: 5px;
  margin-left: 10px;
  font-family: 'Roboto';
  font-weight: normal;
}

.login-area-mobile {
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
  list-style-type: none;
}

.login-area-mobile li {
  float: left;
}

.login-area-mobile li a {
  display: inline-block;
  text-transform: none;
  border-right: 0;
  background: #edbd47;
  padding: 5px 15px;
  margin-top: 5px;
  border-radius: 5px;
  margin-left: 10px;
  font-family: 'Roboto';
  font-weight: normal;
  color: #fff;
}

.login-area-mobile li:first-child a {
  margin-left: 0;
}

.login-area-mobile li a:hover {
  background: #fff;
  color: #000;
}

.kopa-header-top {
  position: relative;
}

.login-area-mobile {
  display: none;
}

.list-event .ms-item6 .entry-title {
  font-size: 20px!important;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.block-login {
    overflow: hidden;
    background: #fff;
    padding: 0 20px 20px 20px;
    border: solid 1px #ddd;
    margin-bottom: 100px;
}

.block-login h2 {
    font-family: "Roboto";
    font-size: 26px;
    font-weight: bold;
    color: #333;
    margin: 30px 0 20px 0;
    font-weight: normal;
    line-height: 1.2em;
}

.block-login .form-group {
    margin-bottom: 15px;
} 

.block-signin {
    padding: 19px;
    background: #d9f3fd;
    border: solid 1px #8cdaf8;
}

.control-label {
    color: #333;
    font-family: 'Roboto';
    font-size: 18px;
    font-weight: 300;
}

.link-forgot {
    font-size: 13px;
    font-family: 'Roboto';
    font-weight: 300;
    color: #00aef0;
    font-style: italic;
    padding-top: 5px;
    display: inline-block;
}

.btn-join {
    padding: 0 20px;
    height: 35px;
    color: #fff;
    background: #00aef0;
    border: none;
    margin: 0;
    border-radius: 4px;
    font-size: 18px;
    font-family: 'Roboto';
    text-transform: uppercase;
    line-height: 38px;
}

.btn-join:hover {
    background: #ffd401;
}

.wrapper-link {
    margin: 10px 0 25px 0;
}

.wrapper-link > a {
    color: #333;
    font-size: 15px;
    font-family: 'Roboto';
    font-weight: 300;
}

.wrapper-link > a:hover {
  color: #00aef0;
}

.outer-social {
    padding-top: 80px;
}

.btn-2 {
    margin-bottom: 15px;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    line-height: 48px;
    color: #fff;
    display: block;
    width: 288px;
    height: 48px;
    padding-left: 58px;
    background-image: url(../images/btn-social-login.png);
    background-repeat: no-repeat;
    transition: all .0s;
    -ms-transition: all .0s;
    -webkit-transition: all .0s;
    -moz-transition: all .0s;
}

.btn-facebook {
    background-position: 0 0;
}

.btn-facebook:hover {
    background-position: -288px 0;
    text-decoration: none;
    color: #fff;
}

.btn-googleplus {
    background-position: 0 -48px;
}

.btn-googleplus:hover {
    background-position: -288px -48px;
    text-decoration: none;
    color: #fff;
}

.block-2 {
    padding-top: 30px;
}

.block-2 .inner {
    padding: 15px 45px 25px 30px;
    background: #e7e7e7;
}

.block-2 .inner h3 {
    margin: 20px 0 0 0;
    font-family: 'Roboto';
    font-weight: normal;
}

.breadcrumb {
    padding: 8px 0;
    margin-bottom: 20px;
    list-style: none;
    border-radius: 4px;
}

.breadcrumb > li:first-child {
    background: none;
    padding-left: 0;
}

.breadcrumb > li {
    display: inline-block;
    padding: 0 5px 0 15px;
    background: url(../images/bgd-bc.png) left center no-repeat; 
}

.breadcrumb > li + li:before {
  content: '';
  padding: 0;
}

.breadcrumb {
  background: none;
}



.see-bn{ margin-top: -16px !important;  margin-bottom: 10px !important;}
}
.see-bn{ margin-top: 38px;}

#system-map dl { padding: 8px; margin-bottom: 10px;}
#system-map dl:hover { background-color:#eee;}



.banner-free img{ width:100%;}
.banner-free { margin-bottom: 40px;}
.title-free{ font-size: 40px; font-family: 'Roboto-Light';
    font-weight: normal; text-align:center; padding: 20px;
    line-height: 1.3em;}
  .title-free strong{font-size: 50px; font-family: 'Roboto-Bold';}
  .block-events {background-color: #fff;}
  .free{ padding-bottom: 40px; height:auto !important; margin-top: 40px;}
  
  .clear-p .col-sm-4{ padding: 0px 10px 0px 0px;}
  .clear-p .col-sm-4:last-child{ padding: 0px;}
  
  .choose-temp { margin-bottom: 50px;}
  .choose-temp img{ width: 100%;}
  .free h3{ 
    font-size: 20px; font-weight: normal; padding: 10px 0; margin-top: 35px; display:block;
    font-family: 'Roboto-Regular';
    margin-bottom: 0;
  }

  #freeweb-form label {
    font-size: 17px;
    font-weight: normal;
}

.block-events.free .form-group {
    margin-bottom: 35px;
}

.block-events.free .clear-p {
    margin-top: 26px;
}
  
  .item-tmp{ position:relative;}
  .item-tmp > a span { display: none;}
  .item-tmp:hover > a{ background-color:rgba(0,0,0,1); display:block;}
  .item-tmp:hover > a span{ position:absolute; top: 50%; left: 50%; width: 50px; height:50px; z-index:1; margin: -40px 0px 0px -25px; display: block;}
  .item-tmp:hover > a span img{ width:100%;}
  .item-tmp:hover > a > img{ opacity:0.6}
  
  .radio-1{clear: both;}
  
  .radio-1 label {
  width: 100%;
  border-radius: 3px;
  border: 1px solid #D1D3D4
}

/* hide input */
.radio-1 input.radio:empty {
  margin-left: -999px;
}

/* style label */
.radio-1 input.radio:empty ~ label {
  position: relative;
  float: left;
  text-indent: 2.8em;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color:#888;
}

.radio-1 input.radio:empty ~ label:before {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  content: '';
  width: 30px;
  background: #D1D3D4;
  border-radius: 3px 0 0 3px;
}

/* toggle hover */
.radio-1 input.radio:hover:not(:checked) ~ label:before {
  content:'\2714';
  text-indent: .6em;
  color: #C2C2C2;
}

.radio-1 input.radio:hover:not(:checked) ~ label {
  color: #333;
}

/* toggle on */
.radio-1 input.radio:checked ~ label:before {
  content:'\2714';
  text-indent: .6em;
  color: #ffd401;
  background-color: #00aef0;
}

.radio-1 input.radio:checked ~ label {
  color: #333;
}

/* radio focus */
.radio-1 input.radio:focus ~ label:before {
  box-shadow: 0 0 0 3px #999;
}

.radio-2 {
  text-align: center;
  margin: 40px 0 30px -7px;
}

.radio-2 input {
  display: inline-block;
  position: relative;
  top: -8px;
}

.radio-2 label {
  position: relative;
  bottom: 5px;
  left: 5px;
}

.policy  {
  margin-top: 7px!important;
}

.policy label {
  position: relative;
  bottom: 1px;
}

.item-temp label a {
  color: #00aef0;
}

.item-temp label a:hover {
  color: #2a6496
}

.infoPage .callInfo {
    background: #00aef0;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    color: #fff;
}

.callInfo {
  background: #00aef0;
  text-align: center;
  padding: 10px 0 5px 0;
}


.callInfo ul {
  list-style-type: none;
  display: inline-block;
  overflow: hidden;
}

.callInfo ul li {
  float: left;
  margin: 0 5px;
}

.callInfo h3 {
  font-family: 'Roboto-Regular';
  color: #fff;
  font-size: 20px;
  margin-top: 23px;
  font-weight: normal;
}

.callInfo  p {
  color: #fff;
  font-size: 20px;
  margin-top: 23px;
}

.callInfo p span {
  font-size: 25px;
}

.infoPage {
  font-family: 'Roboto-Regular';
  color: #333;
  font-size: 14px;
}

.infoPage .title {
    overflow: hidden;
    font-family: 'Roboto-Regular';
    font-weight: normal;
    background: url(../images/border-title.png) bottom repeat-x;
    margin: 20px 0 30px 0;
    font-weight: normal;
    display: inline-block;
}

.infoPage ul {
  list-style-type: none;
  margin-bottom: 0;
}

.servicesInfo h5 {
  font-family: 'Roboto-Regular';
  margin: 5px 0;
}

.aboutUsImg {
  width: 100%
}

#html5-prev {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/lightbox-prev.png) no-repeat;
}

#html5-prev img,
#html5-next img,
#html5-play img,
#html5-close img {
  display: none;
}

#html5-next {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/lightbox-next.png) no-repeat;
}

#html5-close {
    display: inline-block;
    width: 32px;
    height: 32px;
    background: url(../images/lightbox-close.png) no-repeat;
}

.kopa-social-links {
  margin-top: 14px;
}

.btn-post {
  margin-left: 10px!important;

}

.btn-post button,
.btn-post > a {
  display: inline-block!important;
  padding: 0px 10px!important;
  margin-top: 10px;
  background: #f9c53a;
  color: #fff!important;
  font-family: 'Roboto-Bold';
  border: none;
  box-shadow: 2px 2px 5px #999;
  border-radius: 2px;
}

.btn-post button:hover,
.btn-post > a:hover {
  background: #26bef0;
}

.main-nav-mobile .btn-post {
  margin-left: 0!important;
  padding-bottom: 10px;
}

.kopa-header-middle {
  padding: 0;
}

.kopa-header-middle .wrapper {
  padding: 35px 0;
  text-align: center;
  position: relative;
}


.block-ctn {
    padding: 20px;
    border: solid 1px #ddd;
    background: #fff;
    margin-bottom: 20px;
}

.block-ctn .title-2 {
    background: url(../images/border-title.png) repeat-x scroll center bottom rgba(0, 0, 0, 0);
    font-family: 'Roboto-Regular';
    color: #333;
    font-weight: normal;
    font-size: 26px;
    margin: 0 0 20px 0;
    padding-bottom: 5px;
}

.title-product {
    font-size: 26px;
    font-family: 'Roboto';
    color: #00aef0;
    line-height: 1.25em;
    font-weight: normal;
}

.title-product a {
  color: #00aef0;
}

.title-product a:hover {
  text-decoration: underline!important;
}

.dl-horizontal.type-2 {
    padding-top: 10px;
    font-size: 14px;
}

.dl-horizontal.type-2 dt {
    text-align: left;
    width: 100px;
    margin-bottom: 10px;
    color: #333;
}

.dl-horizontal.type-2 dd {
   margin: 0;
   color: #333;
}

.dl-horizontal.type-2 dd strong {
    color: #ff0f0f;
}

.slider-product {
  padding: 0 5px;
}

.block-ctn .fck {
  font-size: 14px;
}

.panel-classify .panel-body p {
  font-family: 'Roboto-Regular';
}

.panel-classify .panel-heading > .panel-title a {
    font-family: "Roboto"!important;
    font-size: 14px!important;
    color: #3e3e4a!important;
    text-transform: none!important;
    font-weight: 400!important;
    display: block!important;
    padding: 0!important;
}

.panel-classify .panel-heading {
  border: none!important;
}

.panel-1 .panel-title a {
    font-size: 26px;
    text-transform: none;
    height: 47px;
    line-height: 47px;
    background: #fff;
}

.icon-acc {
    position: absolute;
    width: 20px;
    height: 20px;
    background: url(../images/icon-acc.png) 0 0 no-repeat;
    top: 12px;
    right: 10px;
}

.panel-classify .panel-body {
  padding: 10px 0 0 0!important;
  font-size: 14px!important;
  color: #333;
}

.group-classify .panel .panel-body {
  border: 0!important;
}

.group-classify .panel .panel-body p a {
  color: #26bef0;
}

.text-ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    display: block;
    font-size: 16px;
}

.actives .icon-acc {
  background-position: 4px -19px;
}

.panel-heading.actives .panel-title a,
.panel-classify:hover .panel-title a  {
    background: #00aeef;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 40px;
    border-radius: 7px;
}

.panel-classify:hover .panel-title a {
    background: #00aeef;
    color: #FFF;
}

.group-classify .panel .panel-heading {
  margin-bottom: 10px;
}

.group-classify .panel-heading > .panel-title a {
  line-height: 47px!important;
}

.text-ellipsis p {
  padding-left: 10px;
}

.my-account {
  margin: 4.5px 0 0 5px;
  background: #fff;
  color: #26bef0;
  border: none;
}

.my-account:hover {
  background: #f9c53a;
}

.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #f9c53a;
  border: 0;
}

.account ul {
  padding: 10px!important;
  background: #e9e7e8!important;
  top: 39px!important;
}

.account ul li a {
  color: #666!important;
  padding: 0 0 5px 0!important;
  font-family: 'Roboto-Regular'!important;

}

.account ul li {
  margin: 0!important;
  border-top: 1px solid #ccc!important;
}

.account ul li:first-child {
  border-top: 0!important;
}

.account ul li a:hover,
.account ul li a:active {
  background: #e9e7e8!important;
  color: #333!important;
}


.account-mobile {
  display: none;
}


.kopa-header-middle .wrapper {
  padding: 20px 0;
}

.kopa-header-middle .kopa-logo {
  margin: 15px 0 0 0;
}

.list-hot-deals .pd-20 {
  padding: 0 0 15px 0;
}

/*css for new classify*/

.new-classify .btn-join {
  margin-top: 30px;
}

.new-classify .box-title {
  text-align: center;
}

.new-classify h2 {
  font-size: 22px;
  margin-bottom: 0px;
  font-weight: bold;
}

.new-classify h3 {
  font-family: 'Roboto';
  font-weight: normal;
  color: #00aef0;
  font-size: 22px;
}

.new-classify h3 span {
  color: #ffd401;
}

.fb-area h2 {
  text-align: center;
  margin-bottom: 20px;
}

.fb-area img {
  width: 100%;
}

.new-classify .block-1 {
  margin-left: 50px;
}

.entry-thumb .views,
.box-img .views {
  position: absolute;
  top: 5px;
  right: 5px;
  color: #fff;
  display: inline-block;
  background: rgba(0,0,0,0.5);
  padding: 3px 5px;
  margin-bottom: 0;
}

.box-img .views {
  right: 15px;
}

.entry-thumb .views span,
.box-img .views span,
.dl-horizontal .number {
  color: #ffd401;
}

.dl-horizontal .number {
  font-weight: bold;
}

.noti-area {
  padding: 100px 20%;
  text-align: center;
}

.noti-area img {
  max-width: 100px;
  margin-bottom: 30px;
}

.noti-area p {
  color: #333;
  font-size: 16px;
  margin-bottom: 20px;
}

.noti-area ul {
  display: inline-block;
  list-style-type: none;
}

.noti-area ul li {
  display: inline-block;
  margin: 0 10px;
}

.noti-area ul li a {
  border: 1px solid #26beef;
  padding: 5px 30px;
  border-radius: 5px;
  color: #26beef;
}

.noti-area ul li a.btn-active {
  background: #26beef;
  color: #fff;
}

.easy-web img {
  width: 100%;
}

.easy-web .text-bold {
  font-weight: bold;
}

.easy-web .section-1 .wrapper,
.adv-page .section-1 .wrapper {
  background: url(../images/bg-block-1.jpg);
  background-size: cover;
  padding: 100px 0;
}

.easy-web .section-1 .form-area h3 {
  color: #000;
  font-weight: normal;
  font-size: 22px;
}

.easy-web .section-1 .form-area span {
  color: #ffc045;
  font-weight: bold;
}

.easy-web .form-area input {
  width: 280px;
  height: 40px;
  margin: 0 auto;
  font-size: 17px;
  border-radius: 0;
  border-color: #898989;
}

.easy-web .form-area button {
  border: none;
  background: #32beec;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
}

.easy-web .form-area button:hover {
  background: #ffc045;
}

.easy-web .section-sp .wrapper {
  background: #32beec;
}

.easy-web .section-2 * {
  color: #fff;
}

.easy-web .mg-100 {
  margin: 0 100px;
  padding: 50px 0;
}

.easy-web .section-title {
  text-transform: uppercase;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

.easy-web .section-title:after {
  content: '';
  width: 300px;
  height: 3px;
  background: #32beec;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -150px;
}

.easy-web .section-sp .section-title:after {
  background: #fff;
}

.easy-web .section-title span {
  font-size: 30px;
  color: #32beec;
  display: inline-block;
  margin-bottom: 20px;
}

.easy-web .section-sp .section-title span {
  color: #fff;
}

.easy-web .section-title h3 {
  font-size: 40px;
  color: #fbb831;
}

.easy-web .list-item {
  list-style-type: none;
}

.easy-web .list-item li {
  font-size: 18px;
  background: url(../images/icon-checked.png) no-repeat;
  padding-left: 55px;
}

.easy-web .list-item li:not(:last-child) {
  margin-bottom: 20px;
}

.easy-web .section-2 .list-item {
  margin-left: 50px;
}

.easy-web .section-3 .row {
  display: table;
  width: 100%;
  height: 100%;
}

.easy-web .section-3 .row [class*="col-"] {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  float: none;
}

.easy-web .section-3 .list-item li {
  color: #32beec;
}

.easy-web .section-4 .row {
  margin: 0 -25px;
}

.easy-web .section-4 [class*=col-] {
  padding: 0 25px;
}

.easy-web .list-package {
  display: table;
  height: 100%;
}

.easy-web .list-package [class*=col-] {
  display: table-cell;
  float: none;
  vertical-align: top;
  height: 100%;
}

.easy-web .list-package .package-item {
  background: #fff;
  height: 100%;
  border: 2px solid #fff;
  padding: 15px 15px 75px;
}

.easy-web .package-item .package-title h4 {
  font-size: 18px;
  color: #fbba39;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1.3em;
}

.easy-web .package-item .package-title span {
  color: #32beec;
  font-size: 15px;
}

.easy-web .package-item .package-price {
  margin: 30px 0 15px 0;
}

.easy-web .package-item .package-price .numb {
  font-weight: bold;
  font-size: 60px;
  color: #fbba39;
}

.easy-web .package-item .package-price .text {
  font-weight: bold;
  font-size: 15px;
  color: #32beec;
}

.easy-web .package-item ul {
  list-style-type: none;
}

.easy-web .package-item ul li:not(:last-child) {
  margin-bottom: 20px;
}

.easy-web .package-item ul li {
  font-size: 14px;
  color: #32beec;
  position: relative;
  padding-left: 20px;
}

.easy-web .package-item ul li:before {
  content: '';
  width: 10px;
  height: 10px;
  background: #fbba39;
  border-radius: 50%;
  position: absolute;
  top: 6px;
  left: 0;
}

.easy-web .package-item.package-sp {
  background: none;
}

.easy-web .package-item.package-sp ul li,
.easy-web .package-item.package-sp .package-title span,
.easy-web .package-item.package-sp span.text {
  color: #fff;
}

.easy-web .package-item.package-sp ul li:before {
  background: #fff;
}

.easy-web .section-5 .wrapper {
  background: url(../images/bg-nails.png) no-repeat;
  background-size: cover;
}

.easy-web .section-5 .section-content {
  padding-bottom: 0;
}

.easy-web .section-5 .form-area {
  margin-bottom: 45px;
}

.badgebox {
  opacity: 0;
}

.badgebox + .badge {
  text-indent: -999999px;
  width: 27px;
}

.badgebox:focus + .badge {
    box-shadow: inset 0px 0px 5px;
}

.badgebox:checked + .badge {
  text-indent: 0;
}

.easy-web .package-item .btn {
  position: absolute;
  left: 50%;
  bottom: 25px;
  margin-left: -62px;
  background: #fbba39;
}

.adv-page .wrapper {
  padding: 80px 0;
}

.adv-page h3 {
  font-weight: normal;
  color: #000;
  font-size: 30px;
}

.adv-page h3 span,
.adv-page .form-area label span {
  color: #ffc045;
}

.adv-page .section-content {
  padding: 0 15%;
}

.adv-page .form-area .form-group {
  margin-bottom: 0;
}

.adv-page .form-area [class*="col-"] {
  margin-bottom: 10px;
}

.adv-page .form-area .form-control {
  height: 40px;
  font-size: 14px;
  border-radius: 0;
  border-color: #898989;
}

.adv-page .form-area label {
  font-size: 16px;
}

.adv-page .form-area button {
  border: none;
  background: #32beec;
  color: #fff;
  font-size: 20px;
  padding: 10px 20px;
  margin-top: 20px;
}

.adv-page .form-area button:hover {
  background: #ffc045;
}

.adv-page .section-3 .wrapper {
  background: url(../images/bg-nails.png) no-repeat;
  background-size: cover;
}

.adv-page .col-adv img {
  width: 100%;
  border: 1px solid #ccc;
}

.adv-page .section-2 .row {
  margin: 0 -20px;
}

.adv-page .section-2 .wrapper {
  background: #f8f8f8;
}

.adv-page .section-2 .row [class*="col-md"] {
  padding: 0 20px;
}

.adv-page .section-2 .title {
  margin-bottom: 30px;
}

.adv-page .section-2 .title h3 {
  text-transform: capitalize;
  margin-bottom: 10px;
}

.adv-page .section-2 .title p {
  font-size: 18px;
  text-transform: uppercase;
}

.adv-page .section-2 .text-notes {
  margin-top: 30px;
  background: #e9e7e8;
  padding: 30px 10px;
}

.adv-page .section-2 .text-notes strong {
  font-size: 25px;
  font-style: italic;
  color: #333;
  margin-bottom: 10px;
}

.adv-page .section-2 .text-notes strong.color {
  color: #ffc045;
}

.adv-page .section-2 .text-notes span {
  font-size: 20px;
  margin-bottom: 8px;
}

.adv-page .section-2 .text-notes p {
  color: #333;
  font-size: 20px;
  font-weight: bold;
}

.adv-page .section-2 .text-notes * {
  display: block;
}

.adv-page .section-2 .border {
  width: 100%;
  height: 1px;
  background: #ffc045;
  margin-bottom: 10px;
  position: relative;
}

.adv-page .section-2 .border:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 1px solid #ffc045;
  background: #fff;
  position: absolute;
  top: -5px;
  left: 0;
  border-radius: 50%;
}

.adv-page .col-adv .box-img {
  margin-bottom: 15px;
}

.adv-page .col-adv .title-adv a {
  color: #ffc045;
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}

.adv-page .col-adv .title-adv p {
  font-size: 20px;
  color: #333;
}

.adv-page .col-adv .sumary * {
  font-size: 14px;
}

.adv-page .col-adv .sumary p a {
  color: #ffc045;
}

.adv-content .section-1 {
  text-transform: uppercase;
}

.adv-content .section-1 h2 {
  color: #32beec;
  font-size: 50px;
  margin-bottom: 20px;
  line-height: 1.35em;
}

.adv-content .section-1 h3 {
  color: #fbb831;
  font-size: 35px;
}

.adv-content .section-4 .row {
  margin: 0 -15px;
}

.adv-content .section-4 [class*=col-] {
    padding: 0 15px;
}

.adv-content .package-item .package-img {
  margin-bottom: 20px;
}

.adv-content .package-item ul li:not(:last-child) {
  margin-bottom: 5px;
}

.adv-content .package-item ul {
  margin-bottom: 25px;
}

.easy-web .list-package .package-item {
  padding-bottom: 20px;
}

.easy-web .list-package .package-item > p a {
  background: #fbba39;
  color: #fff;
  padding: 8px 25px;
  border-radius: 4px;
}

.adv-content {
  margin-bottom: 20px;
}

.adv-content .section-1 .wrapper {
  padding: 50px 0;
}

.adv-content .package-item ul li {
  white-space: normal;
}

.table-service {
  margin-bottom: 30px;
}

.table-service table {
  width: 100%;
}

.table-service table,
.table-service table tr,
.table-service table tr td {
  border: 1px solid #333;
  vertical-align: middle;
}

.table-service table tr td {
  padding: 10px 0;
  text-align: center;
}

.table-service tr td:first-child {
  width: 30%;
}

.table-service h3 {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  max-width: 200px;
  text-align: center;
  margin: 0 auto;
  line-height: 1.3em;
}

.table-service span,
.table-service p {
  font-size: 14px;
  color: #333;
}

.table-service p {
  font-weight: bold;
}

/*my-account*/
.block-account {
  margin-bottom: 50px;
  padding: 40px 0 20px;
}

.block-account .control-label {
  font-size: 16px;
}

.info-account {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 15px;
}

.info-account  .tab-content {
  padding: 0;
}

.info-account  .nav-tabs {
  margin: 0 -10px 30px;
}

.info-account  .nav-tabs li {
  width: 33.3333%;
  padding: 0 10px;
}

.info-account  .nav-tabs li a {
  width: 100%;
  text-align: center;
  background: #e9e7e8;
  font-size: 16px;
  border-radius: 4px;
}

.info-account .nav-tabs li.active a {
  background: #26bef0;
  color: #fff!important;
}

#user-action ul li a {
  text-transform: uppercase;
  display: inline-block;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  background: #1e95bc;
  color: #fff;
  width: 200px;
  padding: 6px 0 5px 0;
  text-align: center;
  border-radius: 4px;
}

#user-action ul li a:hover {
  background: #;
}


#user-action ul li {
  margin-bottom: 10px;
}

#user-action ul {
  list-style-type: none;
}


/*end my-account*/


/*responsive*/
@media screen and (max-width: 1280px) {
  .list-step .step .text p {
    padding-right: 50px;
  }
}


@media screen and (max-width: 1160px) {
  .list-step .step .text p {
    padding-right: 0px;
  }

  .wrapper {
    width: 980px; }

  .main-menu .sf-with-ul {
    padding-right: 26px; }
    .main-menu .sf-with-ul:after {
      right: 10px; }
  .main-menu > li > a {
    padding: 10px 7px; }

  .ms-item1 {
    width: 24.9%; }
    .ms-item1.size1 {
      width: 49.8%; }

  .ms-item2 {
    width: 24.9%; }
    .ms-item2.size1 {
      width: 49.9%; }

  .vw-social-counter {
    width: 95%; }

  .kopa-search-box .search-form {
    width: 210px; }

  .ms-item5 {
    width: 49.9%; }

  .widget-area-16, .widget-area-17 {
    width: 100%; }

  .article-list-7 .pd-20 .entry-item .entry-title {
    margin-bottom: 0; }
  .article-list-7 .entry-meta {
    display: none; }

  .owl-carousel-5 .thumb-icon {
    top: 30%; } 

  .free-web .slide  {
    height: 500px;
  }

  .box-img-396 {
    height: 330px;
  }

  .box-img-198 {
    height: 165px;
  }

  .box-img-270 {
    height: 220px;
  }

  .box-img-155 {
    height: 125px;
  }

  .box-img-175 {
    height: 140px;
  }

  .box-img-400 {
    height: 300px;
  }

  .box-img-375 {
    height: 313px;
  }

  .box-img-215 {
    height: 174px;
  }

  .article-list-5 .box-img-120 {
    height: 95px;
  }

  .easy-web .mg-100 {
    margin: 0 30px;
    padding: 50px 0;
  }

 }

@media screen and (max-width: 1080px) { 
  .col-style {
      margin-bottom: 15px;
  }
}

@media screen and (max-width: 992px) { 
  .adv-page .section-content {
    padding: 0;
  }

  .adv-page .section-2 .row {
    margin: 0 -10px;
  }

  .adv-page .section-2 .row [class*="col-md"] {
    padding: 0 10px;
  }

}


@media screen and (max-width: 1080px) {
  .ticker-wrapper,
  .kopa-ticker h6.ticker-title {
    opacity: 0;
  }

  .top-menu .action {
    display: none;
  }

  .login-area-mobile {
    display: block;
  }

  .login-area-mobile {
    position: absolute;
    left: 0px;
    top: 0px;
    overflow: hidden;
    list-style-type: none;
  }
  

  .account {
    display: none;
  }

  .account-mobile {
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
  }

  .kopa-header-middle .kopa-logo {
    margin: 8px 0 0 0;
  }

}

@media screen and (max-width: 1023px) {
  .wrapper {
    width: 940px; }

  .ms-item6.size2 .kopa-entry-view {
    display: none; } 
  .business-sidebar {
    margin-top: 30px;
  }

  .box-img-396 {
    height: 316px;
  }

  .box-img-198 {
    height: 158px;
  }

  .box-img-175 {
    height: 132px;
  }

  .box-img-375 {
    height: 300px;
  }

  .box-img-215 {
    height: 166px;
  }

  .article-list-5 .box-img-120 {
    height: 91px;
  }

  .ad-panel {
    text-align: center;
  }

  .ad-panel .nav-tabs {
    display: inline-block;
  }

  .ad-panel .box-nav,
  .ad-panel .search-form {
    float: none;
  }

  .ad-page .nav-tabs {
    margin-top: 10px;
  }
  
  .ad-page .nav-tabs > li > a {
    padding: 8px 12px;
    font-size: 16px;
  }

  .tab-business > li > a {
        padding: 10px 14px 10px 14px;
    line-height: 1.42857143;
    border-radius: 4px 4px 0 0;
    margin-bottom: 0;
  }

  }
@media screen and (max-width: 979px) {
  .free-web .slide  {
    height: 450px;
  }
  .wrapper {
    width: 750px; }

  .top-nav, .kopa-main-nav {
    display: none; }

  .top-nav-mobile, .main-nav-mobile {
    display: block; }

  .main-nav-mobile {
    background: #ffa727;
  }

  .main-nav-mobile .pull i {
    color: #fff;
  }

  .header-top-left {
    width: 100%;
    padding-right: 70px; }

  .header-top-right {
    position: absolute;
    top: 0;
    right: 0; }

  .ms-item1.size1 .entry-item .entry-content .h5-content {
    display: block; }
  .ms-item1.size1 .entry-item .entry-content .entry-title {
    font-size: 28px;
    line-height: 36px; }
  .ms-item1 .entry-item .entry-content .h5-content {
    display: none; }
  .ms-item1 .entry-item .entry-content .entry-title {
    font-size: 14px;
    line-height: 22px; }

  .kopa-main-col, .sidebar {
    width: 100%; }

  .article-list-2 .pd-20 .last-item .entry-content {
    padding: 15px 20px; }

  .ms-item2 .entry-item .entry-content > p {
    display: none; }

  .vw-social-counter {
    width: 45%; }

  .vw-social-counter-icon {
    margin-right: 15px; }

  .ms-item3 {
    width: 49.99%; }
    .ms-item3.size1 {
      width: 100%; }
    .ms-item3.desktop {
      display: none; }
    .ms-item3.mobile {
      display: block; }

  .kopa-facebook-widget iframe {
    height: 210px; }

  .widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 {
    width: 50%; }

  .nav-tabs > li > a {
    padding: 8px 20px; }

  .kopa-col-wrap .kopa-col-1 {
    width: 75%; }
  .kopa-col-wrap .kopa-col-2 {
    width: 100%; }
  .kopa-col-wrap .kopa-col-3 {
    width: 25%; }

  .kopa-col-1 {
    width: 100%; }

  .kopa-col-2 {
    width: 75%; }

  .kopa-col-3 {
    width: 25%; }

   .box-img-396 {
    height: 252px;
   }
   .box-img-198 {
    height: 126px;
   }

   .box-img-175 {
    height: auto;
   }
  
  .box-img-375 {
    height: 240px;
  }

  .entry-item .box-img-375 {
    height: 300px;
  }

  .kopa-header-middle .kopa-logo {
    margin-top: 0;
  }

  .kopa-header-middle .box-banner {
    margin-left: 0!important;
  }

  .easy-web .mg-100 {
    margin: 0 15px;
  }

  .easy-web .section-4 .row {
    margin: 0 -10px;
  }

  .easy-web .section-4 [class*=col-] {
    padding: 0 10px;
    width: 33.3333%;
  }

  .easy-web .section-2 img {
    margin-bottom: 30px;
  }

  .easy-web .section-2 .list-item {
    margin-left: 0;
  }

  .easy-web .list-item li {
    padding-left: 40px;
    font-size: 16px;
    background: url(../images/icon-checked.png) 0px 2px no-repeat;
  }

  .easy-web .form-area input,
  .easy-web .form-area button {
    font-size: 16px;
  }

  .easy-web .section-title span {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .easy-web .section-title h3 {
    font-size: 30px;
    margin-bottom: 0;
  }

  .easy-web .section-title:after {
    width: 200px;
    margin-left: -100px;
    height: 2px;
  }

}
@media screen and (max-width: 799px) {
  .wrapper {
    width: 728px; }

  .article-list-4 .entry-item .entry-content > p {
    display: none; }

  .widget-area-1 .kopa-ads-widget {
    display: none; }

  .ms-item5 {
    width: 49.8%; }

  .ms-item6.size2 {
    width: 49.8%; }
    .ms-item6.size2 .kopa-entry-view {
      display: block; } 

  .box-img-396 {
    height: 244px;
  }

  .box-img-198 {
    height: 122px;
  }

  .box-img-375 {
    height: 232px;
  }

  .entry-item .box-img-375 {
    height: 375px!important;
  }

  .easy-web .section-4 [class*=col-] {
    width: 100%!important;
    display: block;
    height: auto;
    
  }

  .easy-web .section-4 .list-package .col-md-4:not(:last-child) {
    margin-bottom: 30px;
  }

  .easy-web .section-3 .mg-100 {
    margin: 0;
  }

  .easy-web .section-1 .form-area h3 {
    padding: 0 20px;
  }

  }

@media screen and (max-width: 991px) {
  .article-list-6 .col-sm-6 {
    float: none;
    display: inline-block;
    margin: 0 -0.25em;
    vertical-align: top;
  }

  .new-classify .block-1 {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .wrapper {
    width: 680px; }

  .ms-item2 .entry-item .entry-content .entry-title {
    font-size: 14px;
    line-height: 22px; }

  .owl-carousel-6 .entry-title {
    font-size: 18px;
    line-height: 26px; }

  .nav-tabs > li > a {
    padding: 5px 15px; }

  .free-web .breadcrumb {
    float: none;
  }

  .user-panel .main-menu {
    float: none;
    margin: 0;
    display: inline-block;
  }

  .user-panel {
    text-align: center;
  }

  .about-1 .box-img {
    width: 100%;
    padding-left: 0;
    margin-bottom: 20px;
  }
  .title-block h1 {
    font-size: 35px;
  }

  .block-service, #scrollbar3 {
    padding: 15px;
  }
  
  .free-web .slide  {
    height: 350px;
  } 

  .main-intro {
    padding: 15px;
  }

  .main-intro h1 {
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 1em;
  }

  .main-intro h1 span {
    font-size: 17px;
  }

  .main-intro p {
    font-size: 15px;
    margin-bottom: 5px;
  }

  .main-intro > a {
    font-size: 17px;
  }

  #contact-us .contact-content {
    padding: 10px!important;
  }

  .block-service .service-item h3 a:before {
    display: none;
  }

  .block-service .service-item h3 a {
    padding-left: 0;
    line-height: 1.2em;
  }

  .box-img-396 {
    height: 228px;
  }

  .box-img-198 {
    height: 114px;
  }

  .box-img-375 {
    height: 217px
  }

  .adv-item .box-sumary {
    padding: 15px;
  }

  .adv-item h3 {
    font-size: 18px;
  }

  .adv-item .box-sumary,
  .box-sumary .price span {
    font-size: 14px;
  }

  .box-job-style {
    text-align: center;
  }

  .list-job-style {
    text-align: center;
    display: inline-block;
  }

  .search-form {
    padding-bottom: 10px;
  }

  .tab-business li a {
      padding: 0 15px;
      background: #00aef0;
      color: #fff;
      height: 37px;
      line-height: 25px;
      border-radius: 0;
  }

  .tab-business li.active {
    border: none!important;
  }

  .tab-business li.active a {
      background: #80d7f7!important;
      color: #fff!important;
      border-radius: 0;
      border: none!important;
  }

  .tab-business li {
    float: none;
    display: inline-block;
    margin: 0 -0.1em 4px -0.1em;
  }

  

  .kopa-header-middle .kopa-logo {
    margin-left: 0px;
    margin-bottom: 5px;
  }

  .kopa-header-middle .box-banner {
    margin-left: 0!important;
  }

  .kopa-header-middle .wrapper {
    padding: 10px 0;
  }

  #popup-promotion .modal-body {
    width: 500px;
    height: 500px;
    background: url(../images/ad-watch.jpg) no-repeat;
    background-size: cover;
  }

  #popup-promotion .modal-dialog {
    width: 500px;
  }

  .our-discussion-1 .box-comment,
  .comment-list {
    margin: 15px;
  }

  .our-discussion-1 .inner-block {
    padding-bottom: 0px;
  }

  .new-classify h2 {
        margin-bottom: 5px;
      }

      .new-classify h2,
      .new-classify h3 {
        font-size: 20px;
        line-height: 1.3em;
      }

    
  .adv-page .col-adv {
    margin-bottom: 30px;
  }

  .adv-page .wrapper {
    padding: 50px 0;
  }

  .adv-page .section-2 .wrapper {
    padding-bottom: 0;
  }

  .adv-page h3 {
    font-size: 25px;
  }

  .adv-page .section-2 .text-notes strong {
    font-size: 20px;
  }

  .adv-page .section-2 .text-notes span,
  .adv-page .section-2 .text-notes p {
    font-size: 16px;
  }

  .adv-content .section-1 h2 {
    font-size: 25px;
    margin-bottom: 5px;
  }

  .adv-content .section-1 h3 {
    font-size: 20px;
  }

  .info-account .nav-tabs {
    margin: 0 -5px 20px;
  }

  .info-account .nav-tabs li {
    padding: 0 5px;
  }

  .info-account .nav-tabs li a {
    font-size: 14px;
  }
}
@media screen and (max-width: 719px) {
  .wrapper {
    width: 600px; }

  .ms-item1 {
    width: 50%; }
    .ms-item1.size1 {
      width: 100%; }

  .kopa-blockquote.style3 p {
    font-size: 30px;
    line-height: 38px; }

  .kopa-col-wrap .kopa-col-1 {
    width: 100%; }
  .kopa-col-wrap .kopa-col-2 {
    width: 100%; }
  .kopa-col-wrap .kopa-col-3 {
    width: 100%; }

  .kopa-col-1 {
    width: 100%; }

  .kopa-col-2 {
    width: 100%; }

  .kopa-col-3 {
    width: 100%; }

  .nav-tabs > li > a {
    padding: 5px 10px; }

  .bottom-area-1 {
    height: 54px; }

  .bottom-nav {
    display: none; } 

  .box-img-396 {
    height: 406px;
  }

  .box-img-198 {
    height: 203px;
  }

  .box-img-375 {
    height: 192px;
  }

  .box-img-215 {
    height: 142px;
  }

  .article-list-5 .box-img-120 {
    height: 77px;
  }

  }
@media screen and (max-width: 639px) {
  .wrapper {
    width: 440px; }

  .kopa-header-top {
    height: 42px; }

  .header-top-left {
    display: none; }

  .kopa-logo img {
    max-width: 80%; }

  .kopa-header-middle .kopa-social-links {
    display: none; }

  .ms-item2 {
    width: 50%; }
    .ms-item2.size1 {
      width: 100%; }

  .widget-area-9, .widget-area-10, .widget-area-14, .widget-area-15 {
    width: 100%; }

  .article-list-6 .pd-20 > ul > li {
    width: 100%; }

  .article-list-9 .pd-20 .entry-item .entry-thumb {
    width: 100%;
    margin: 0 0 20px;
    float: none; }
  .article-list-9 .pd-20 .entry-item .entry-content {
    overflow: visible; }

  .kopa-facebook-widget iframe {
    height: 230px; }

  blockquote.pull-right {
    width: 100%;
    margin-left: 0; }
  blockquote.pull-left {
    width: 100%;
    margin-right: 0; }

  .single-other-post > div > .entry-item {
    width: 100%; }

  .contact-box form .row > div, .comment-box form .row > div {
    width: 100%; }

  .kopa-entry-post iframe {
    height: 250px; }

  .kopa-blockquote.style3 {
    padding: 20px 20px 20px 70px;
    left: 0;
    bottom: 20px; }
    .kopa-blockquote.style3:before {
      font-size: 30px;
      line-height: 32px;
      left: 20px; }
    .kopa-blockquote.style3 p {
      font-size: 23px;
      line-height: 30px; }
    .kopa-blockquote.style3 span {
      font-size: 12px;
      line-height: 20px; }

  .ms-item8 {
    width: 50%; }
    .ms-item8.size1 {
      width: 100%; }
    .ms-item8 .entry-title {
      font-size: 14px;
      line-height: 22px; }

  .ms-item6 {
    width: 100%; }
    .ms-item6.size1 {
      width: 100%; }
    .ms-item6.size2 {
      width: 100%; }

  .ms-item7 {
    width: 50%; }
    .ms-item7.size1 {
      width: 100%; }

  .article-list-22 .pd-20 .last-item .entry-content {
    position: relative;
    background: #32323c; }
  .article-list-22 .pd-20 > ul > li .entry-item .entry-thumb {
    width: 100%;
    float: none;
    margin: 0 0 20px; }
  .article-list-22 .pd-20 > ul > li .entry-item .entry-content {
    overflow: visible; }
    .article-list-22 .pd-20 > ul > li .entry-item .entry-content .entry-title {
      font-size: 16px;
      line-height: 14px; }

  .acc-slider .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0; }
  .acc-slider .entry-item .entry-content .entry-meta {
    display: none; }

  .widget-area-19, .widget-area-20, .widget-area-25, .widget-area-26 {
    width: 100%; }

  .ms-item5 {
    width: 50%; }

  .kopa-masonry-5-widget .pd-20 .last-item {
    width: 100%;
    float: none;
    min-height: 1px;
    padding-right: 0px;
    padding-bottom: 20px; }
  .kopa-masonry-5-widget .pd-20 .masonry-list {
    overflow: visible; } 

  .box-img-396 {
    height: 298px;
  }
  
  .box-img-198 {
    height: 149px;
  }

  .box-img-270 {
    height: 160px;
  }

  .box-img-155 {
    height: 78px;
  }

  .box-img-400 {
    height: 250px;
  }

  .box-img-375 {
    height: 282px;
  }

  .box-img-215 {
    height: 229px;
  }

  .article-list-5 .box-img-120 {
    height: 120px;
  }

  .link-forgot {
    display: block;
    margin-bottom: 10px;
  }

  .btn-join {
    float: none!important;
  }

  .btn-2 {
    width: 214px;
    border-radius: 4px;
  }

  .outer-social {
    padding-top: 30px;
  }

  .block-2 .inner {
    padding: 15px;
  }

  .block-2 .inner h3 {
    margin: 0;
    line-height: 1.2em;
    font-size: 18px;
  }

  .title-free {
    font-size: 30px;
  }

  .title-free strong {
    font-size: 30px;
  }

  .news-item .box-img-180 {
    height: 220px;
  }

  .kopa-header-middle .kopa-logo {
    margin-left: -20px!important;
  }

  .noti-area {
    padding: 50px 0px;
  }

  .noti-area ul {
    margin: 0 -5px;
    display: block;
  }

  .noti-area p {
    font-size: 14px;
  }

  .noti-area ul li {
    margin: 0;
    padding: 0 5px;
    width: 50%;
    float: left;
  }
  
  .noti-area ul li a {
    width: 100%;
    display: inline-block;
    padding: 5px 0;
  }

  .noti-area-1 ul {
    display: inline-block!important;
  }

  .noti-area-1 ul li {
    width: auto;
  }

  .noti-area-1 ul li a {
    padding: 5px 30px;
    width: auto;
  }
}
@media screen and (max-width: 479px) {
  .free-web .slide  {
    height: 300px;
  } 
  .list-step .step {
    margin-bottom: 20px;
  }
  .wrapper {
    width: 320px; }

  .article-list-3 .widget-content .last-item {
    width: 100%;
    padding-right: 0;
    border-right: none; }
  .article-list-3 .widget-content > ul {
    width: 100%;
    padding-left: 0;
    border-left: none; }

  .owl-carousel-1.owl-theme .owl-controls {
    position: relative;
    right: auto;
    top: auto;
    margin-top: 15px; }

  .ms-item3 {
    width: 100%; }
    .ms-item3.size1 {
      width: 100%; }

  .ms-item3.size1 .entry-item .entry-content .entry-title {
    font-size: 20px;
    line-height: 28px; }

  .widget-area-1, .widget-area-2, .widget-area-3, .widget-area-4 {
    width: 100%;
    padding: 20px 20px 0; }

  .kopa-facebook-widget iframe {
    height: 335px; }

  .ms-item5 {
    width: 100%; }

  .ms-item7 .entry-item .thumb-icon {
    display: none; }

  .ms-item8.size1 .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 24px; }
  .ms-item8 .entry-content {
    padding: 5px 10px; }
  .ms-item8 .h5-content {
    display: none; }

  .kopa-post-review .rv-thumb {
    width: 100%;
    float: none;
    margin: 0 0 20px; }
  .kopa-post-review .rv-content {
    overflow: visible; }

  .article-list-23 .pd-20 .entry-item .entry-thumb {
    width: 100%;
    float: none;
    margin: 0 0 20px; }
  .article-list-23 .pd-20 .entry-item .entry-content {
    overflow: visible; }

  #comments .comments-list .children {
    padding-left: 0; }

  .owl-theme .owl-controls.style3 .owl-buttons div {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    position: absolute;
    top: 50%;
    margin-top: -15px;
    margin-left: -15px;
    margin-left: 0; }

  .kopa-blockquote.style3 {
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    height: 100%; }
    .kopa-blockquote.style3 p {
      font-size: 18px;
      line-height: 26px; }

    .box-img-396 {
      height: 216px;
    }

    .box-img-198 {
      height: 108px;
    }

    .box-img-155 {
      height: 155px;
    }

    .box-img-375 {
      height: 205px;
    }

    .ad-page .col-xs-6 {
      width: 100%;
    }

    .search-form .select {
      margin-bottom: 5px;
    }

    .ad-panel {
      text-align: left;
      padding: 10px;
    }

    .ad-page .nav-tabs,
    .ad-panel .search-form {
      margin: 0;
      padding: 0;
    }

    .ad-page .pagination > li:first-child,
    .ad-page .pagination > li:last-child {
      display: none;
    }

    .callInfo h3,
    .callInfo  p {
      font-size: 17px;
    }

    .callInfo  p span {
      font-size: 20px;
    }

    .news-item .box-img-180 {
      height: 180px;
    } 

     #popup-promotion .modal-body {
      width: 320px;
      height: 320px;
      background: url(../images/ad-watch.jpg) no-repeat;
      background-size: cover;
      }

      #popup-promotion .modal-dialog {
        width: 320px;
      }

      .banner-ads-mobile  {
        display: block;
        margin: 20px 0;
      }

      .banner-ads-mobile a {
        display: block
      }

      .banner-ads-mobile a img {
        width: 100%!important;
      }

      .kopa-ads-widget-1 {
        display: none;
      }

      .new-classify h2 {
        margin-bottom: 5px;
      }

      .new-classify h2,
      .new-classify h3 {
        font-size: 15px;
        line-height: 1.3em;
      }

      .new-classify .control-label {
        font-size: 15px;
      }

      .table-service h3 {
        font-size: 15px;
      }

      .info-account .nav-tabs {
        margin: 0 0 20px;
      }

      .info-account .nav-tabs li {
        width: 100%;
        margin-bottom: 10px;
        padding: 0;
      }

      .info-account .nav-tabs li a {
        font-size: 14px;
      }
    }
@media screen and (max-width: 359px) {
  .wrapper {
    width: 300px; }

  .ms-item1.size1 .entry-item .entry-content {
    padding: 10px 15px; }
    .ms-item1.size1 .entry-item .entry-content .entry-title {
      font-size: 22px;
      line-height: 30px; }
  .ms-item1 .entry-item .entry-content {
    padding: 5px 10px; }
    .ms-item1 .entry-item .entry-content .entry-title {
      font-size: 12px;
      line-height: 20px; }

  .ms-item2 {
    width: 100%; }
    .ms-item2.size1 {
      width: 100%; }

  .kopa-ads-1-widget {
    display: none; }

  .article-list-4 .entry-item .entry-thumb {
    width: 120px; }

  .vw-social-counter {
    width: 95%; }

  .kopa-search-box .search-form {
    width: 195px; }

  .owl-theme .owl-controls .owl-page span {
    margin: 5px 3px 0; }

  .article-list-17 .pd-20 .entry-item .entry-thumb {
    width: 100%;
    margin: 0 0 20px;
    float: none; }
  .article-list-17 .pd-20 .entry-item .entry-content {
    overflow: visible; } 
  .box-img-396 {
    height: 202px;
  }

  .box-img-198 {
    height: 101px;
  }

  .box-img-375 {
    height: 190px;
  }

  .box-img-120 {
    height: 92px;
  }

  .box-img-215 {
    height: 148px;
  }

  .article-list-5 .box-img-120 {
    height: 80px;
  }

   #popup-promotion .modal-body {
      width: 300px;
      height: 300px;
      background: url(../images/ad-watch.jpg) no-repeat;
      background-size: cover;
      }

      #popup-promotion .modal-dialog {
        width: 300px;
      }

  }
