/*
Theme Name: Epira
Theme URI: http://kopatheme.com/
Author: Kopatheme
Author URI: http://kopatheme.com/
Version: 1.0.2
Description: Epira theme is designed for magazine, newsand with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
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
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

/**
 * Table of Contents:
 *
 1 - Body
  1.1 - Repeatable Patterns
  1.2 - Basic Structure
  1.3 - Color
  1.4 - Fonts
 2 - Header / .kopa-page-header  
  2.1 - Search / .search-box
  2.2 - Navigation / #main-nav
 3 - Content
  3.1 - Home Page
  3.2 - Sub Page
  3.3 - Widget
  3.4 - Bottom sidebar / #bottom-sidebar
 4.0 - Footer / #kopa-page-footer
 * -----------------------------------------------------------------------------
 */



@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700,300italic);
@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700);

$font-body: 'Lato', sans-serif;
$font-heading: 'Roboto Condensed', sans-serif;
$color-default:#7a7a7a;
$color-hover:#e60e2b;
$color-heading:#2e2e2e;
$color-01:#fff;
$color-02:#323232;
$color-03:#bebebe;
$color-04:#191919;
$color-05:#535353;
$color-06:#3273c5;
$color-07:#e5e5e5;
$color-08:#c1122a;
$color-09:#b10f25;
$color-010:#9d0c20;
$color-011:#262626;
$color-012:#999;
$color-013:#f3f3f3;
$color-014:#cadcf2;
$color-015:#2f2f2f;


@mixin border-radius($radius) {
  -webkit-border-radius: $radius;
     -moz-border-radius: $radius;
      -ms-border-radius: $radius;
          border-radius: $radius;
}
@mixin border($border) {
  border: 1px solid $border;
}
@mixin opacity($opacity) {
  opacity:$opacity;
  filter:Alpha(Opacity=$opacity * 100);
}
@mixin box-shadow($top, $left, $blur, $color, $inset:"") {
  box-shadow: $top $left $blur $color #{$inset};
  -ms-box-shadow: $top $left $blur $color #{$inset};
  -moz-box-shadow: $top $left $blur $color #{$inset};
  -webkit-box-shadow: $top $left $blur $color #{$inset};
}

@mixin kopa-float($float,$margin,$list-style) {
  float: $float;
  margin: $margin;
  list-style: $list-style;
}

@mixin before-left($top,$bottom,$right,$color,$topp) {
    content: '';
    position: absolute;
    border-top: $top solid transparent;
    border-bottom: $bottom solid transparent;
    border-right: $right solid $color;
    top: $topp;
    left: -$right;
}
@mixin before-right($top,$bottom,$left,$color,$topp) {
    content: '';
    position: absolute;
    border-top: $top solid transparent;
    border-bottom: $bottom solid transparent;
    border-left: $left solid $color;
    top: $topp;
    right: -$left;
}
@mixin before-bottom($left,$right,$top,$color,$bottom) {
    content: '';
    position: absolute;
    border-left: $left solid transparent;
    border-right: $right solid transparent;
    border-top: $top solid $color;
    bottom: $bottom;
    left: 50%;
    margin-left: -$left;
}

@mixin before-top($left,$right,$bottom,$color,$top) {
    content: '';
    position: absolute;
    border-left: $left solid transparent;
    border-right: $right solid transparent;
    border-bottom: $bottom solid $color;
    top: $top;
    left: 50%;
    margin-left: -$left;
}

%transition {
    transition:all .3s;
    -ms-transition:all .3s;
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
}
%fa {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


/**
 * 1. Body
 * -----------------------------------------------------------------------------
 */

/**1.1 Repeatable Patterns**/
 
::selection {
  background: $color-hover;
  color: $color-01;
  text-shadow: none;
}

::-moz-selection {
  background: $color-hover;
  color: $color-01;
  text-shadow: none;
}

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

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

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {
    font-family: $font-heading;
    color: $color-heading;
    font-weight: 300;
    display: block;
    margin: 0 0 10px;
    a {
        color: $color-heading;
        &:hover {
            color:$color-hover;
        }
    }
}

h1 {
  font-size: 26px;
  line-height: 30px;
}

h2 {
  font-size: 24px;
  line-height: 28px;
}

h3 {
  font-size: 22px;
  line-height: 26px;
}

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

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

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

a {
    color: $color-heading;
    @extend %transition;
    text-decoration: none !important;
    outline: none !important;
    &:hover,&:active {
        color:$color-hover;
        text-decoration: none;
    }
    &:focus {
      outline: none;
    }
}

ol {
    counter-reset: item;
    display: block;
    margin: 5px 0;
    padding: 0 0 0 40px;
}
ul {
  list-style-type: square;
  margin: 5px 0px;
  padding: 0;
}
ul li {
    list-style-type: square;
    padding-left: 20px;
}
ul li > ol > li {
    list-style:inside decimal;
}
ol li ol li,
ul li ol li ol li {
  list-style: lower-alpha inside none;
}
ol li {
    list-style:inside decimal;
    margin-bottom:10px;
}
ol li > ul,
ul li > ol {
    margin-top:10px;
    margin-left:10px;
}
ol li > ul > li {
    list-style:inside square;
}

textarea {
  resize: vertical;
}

.alignleft {
    float: left;
}
.alignright {
    float: right;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
figure.wp-caption.alignleft, img.alignleft {
    margin: 5px 20px 5px 0;
}
.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}
figure.wp-caption.alignright, img.alignright {
    margin: 5px 0 5px 20px;
}
.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}
img.aligncenter {
    margin: 5px auto;
}
img.alignnone {
    margin: 5px 0;
}
.entry-box .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption {
    max-width: 100%;
}
.entry-box .entry-content address,
.entry-box .entry-content cite,
address,
cite {
    font-style: italic;
}


/*----- Tabs -----*/

.nav-tabs.kopa-tabs-1 {
  border-bottom: 3px solid $color-07;
  margin: 0 0 10px;
  padding-bottom: 10px;
  > li {
    margin: 0 0 0 17px;
    padding: 0 0 0 17px;
    line-height: 0;
    border-left: 1px solid $color-07;
    &:first-child {
      border-left: none;
      margin-left: 0;
      padding-left: 0;
    }
    a {
      position: relative;
      padding: 0;
      margin: 0;
      border-left: none !important;
      border-bottom: none !important;
      border-top: none !important;
      border-right: none !important;
      @include border-radius(0);      
      font-size: 20px;      
      font-weight: 700;
      font-family: $font-heading;
      line-height: 1;
      display: block;
      text-transform: uppercase;
      &:hover {
        background-color:transparent;
      }
      span {
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: -13px;
        background-color: $color-hover;
        height: 3px;
        @include opacity(0);
      }
    }
    &.active a {
      color: $color-hover !important;
      span {
        @include opacity(1);
      }
    }
  }
}

.nav-tabs.kopa-tabs-2 {
  display: inline-block;
  border: none;
  margin: 0 0 25px;
  > li {
    margin: 0 0 0 1px;
    padding: 0;
    &:first-child {
      margin:0;
    }
    a {
      border: none !important;
      @include border-radius(0);
      margin: 0;
      padding: 9px 27px;
      font-weight: 300;
      font-size: 16px;
      text-transform: uppercase;
      &:hover {
      }
    }
    &:first-child a {
      border-left: none !important;
    }
  }
}

.nav-tabs.kopa-tabs-3 {
  margin: 0 0 25px;
  border-bottom: none;
  > li {
    padding: 0;
    margin: 0;
    &:first-child {
      a {
        border-left-width: 1px !important;
      }
    }
    > a {
      border-style: solid;
      border-width: 1px;
      border-left-width: 0px !important;
      margin-right: 0;
      @include border-radius(0);
      font-weight: 300;
      font-size: 16px;
      padding: 7px 30px;
      text-transform: uppercase;
    }
  }
}
.kopa-tab-content-3 {
}

.kopa-tab-container-4 {
  position: relative;
}
.nav-tabs.kopa-tabs-4 {
  float: left;
  width: 18%;
  border: 1px solid #f1f2f2;
  margin: 0px;
  > li {
    padding: 0;
    @include kopa-float(none,0,none);
    a {
      border-bottom: none !important;
      border-left: 3px solid #f1f2f2 !important;
      background-color: #f1f2f2;
      border-right: none !important;
      border-top: 1px solid #fff !important;
      margin-right: 0;
      @include border-radius(0);
      color: #3e3e3e;
      font-family: $font-heading;
      font-weight: 300;
      font-size: 16px;
      padding: 7px 0;
      display: block;
      text-align: center;
    }
    &:first-child a {
      border-top: none !important;
    }
    &.active a {
      background-color: #fff;
      border-left: 3px solid $color-07 !important;
    }
  }
}
.kopa-tab-content-4 {
  border: 1px solid #f1f2f2;
  padding: 10px 15px 0;
  float: left;
  width: 82%;
  margin-left: -1px;
}

/*----- Lists -----*/
.kopa-lists {
  li {
    margin: 20px 0 0;
    padding: 0;
    &:first-child {
      margin: 0;
    }
  }
}
.kopa-unorder-list {
  li {
    list-style: inside disc;
  }
}

.kopa-check-list {
  li {
    list-style: none;
    i {
      margin-right: 15px;
    }
  }
}

.kopa-number-list {
  li {
    list-style: none;
    line-height: 28px;
    margin: 12px 0 0;
    &:first-child {
      margin: 0;
    }
    span {
      margin-right: 15px;
      font-weight: 300;
      font-size: 12px;
      @include border-radius(50%);
      width: 28px;
      height: 28px;
      display: inline-block;
      text-align: center;
    }
  }
}

/*----- DropCap -----*/
.kp-dropcap {
    display: inline-block;
    float: left;
    font-size: 38px;
    height: 40px;
    line-height: 40px;
    margin: 0 10px 0 0;
    text-align: center;
    width: 30px;
    &.radius {
      height: 30px;
      line-height: 28px;
      @include border-radius(50%);
      font-size: 24px;
    }
    &.square {
      height: 30px;
      line-height: 28px;
      font-size: 24px;
    }
}


/*----- Accordion -----*/
.accordion-title h6 {
    font-size: 14px;
    padding: 10px 15px 10px;
    margin: 0 0 20px;
    text-transform: uppercase;
    font-weight: 400;
}
.accordion-container {
    padding: 0 0 0 50px;
    margin: -20px 0 15px;
}

.acc-wrapper-2 {
  .accordion-title {
    position: relative;
    h6 {
      padding-left: 50px;
    }
    span {
      position: absolute;
      display: block;
      top: 0;
      left: 0;
      width: 40px;
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      text-align: center;
      border-style: solid;
      border-width: 1px;
      cursor: pointer;
    }
  }
}


/*----- Toggle -----*/
.toggle-view {
  margin: 0;
  li {
    padding: 0;
    cursor: pointer;
    position: relative;
    @include kopa-float(none,0 0 2px,none);
    h6 {
      font-size: 14px;
      line-height: 20px;
      padding: 10px 15px 10px;
      margin: 0 0 20px;
      border-style: solid;
      border-width: 1px;
      text-transform: uppercase;
      font-weight: 400;
      text-align: center;
    }
    span {
      display: none;
    }
    .kopa-panel {
      display: none;
      margin: -5px 0 5px;
      padding: 0 20px;
    }
  }
}

.kopa-toggle-2.toggle-view {
  li {
    h6 {
      padding-left: 50px;
    }
    span {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      border-right: 1px solid $color-07;
      width: 40px;
      height: 41px;
      font-size: 14px;
      text-align: center;
      line-height: 44px;
    }
    &.active {
      h6,
      span {
        color: $color-hover;
      }
    }
  }
}


/*----- Progress bar -----*/
.kopa-progress-bar {
  margin: -20px -50px 0;
  li {
    @include kopa-float(left,20px 50px 0,none);
    padding: 0;
    span {
      font-size: 42px;
    }
  }
}



/*----- Divider -----*/
.kopa-divider {
  margin: 20px 0;
  height: 1px;
}
.divider-1 {
  border-top: 1px solid $color-07;
}
.divider-2 {
  border-top: 2px dotted $color-07;
  height: 2px;
}
.divider-3 {
  border-top: 2px dashed $color-07;
  height: 2px;
}
.divider-4 {
  height: 12px;
  border-top: 1px double $color-07;
  border-bottom: 1px double $color-07;
}
.divider-5 {
  height: 4px;
  background: url(images/background/shadow-divider.png) no-repeat center center;
}


/*----- Buttons -----*/
.kopa-button {
  display: inline-block;    
  padding: 4px 15px 6px;  
  @extend %transition;
  text-transform: uppercase;
  font-size: 14px;
}
.kopa-button.kopa-large-button {
  padding: 9px 20px 11px;
  &.kopa-button-border {
    padding: 0 0 5px;
    span {
      padding: 9px 20px 11px;
    }
  }
}
.kopa-button.kopa-button-border {
  padding: 0 0 3px;
  &:hover {
    background-color: rgba(230,14,43,.5);
    span {
      background-color: $color-hover;
    }
  }
  span {
    display: block;
    padding: 4px 15px 6px;
    @extend %transition;
  }
}
.pink-button {
  background-color: #d37a7a;
}
.light-yellow-button {
  background-color: #ebd590;
}
.yellow-button {
  background-color: #ffd202;
}
.light-green-button {
  background-color: #a5d592;
}
.dark-green-button {
  background-color: #7cb764;
}
.medium-green-button {
  background-color: #5ee8bf;
}
.light-blue-button {
  background-color: #8fc1d1;
}
.blue-button {  
  background-color: rgba(50,115,197,.5);
  span {
    background-color: #3273c5;    
  }
}
.light-purple-button {
  background-color: rgba(158,127,171,.5);
  span {
    background-color: #9e7fab;
  }
}
.purple-button {
  background-color: rgba(87,42,106,.5);
  span {
    background-color: #572a6a;
  }
}
.light-brown-button {
  background-color: rgba(217,186,140,.5);
  span {
    background-color: #d9ba8c;
  }
}
.brown-button {
  background-color: rgba(213,166,97,.5);
  span {
    background-color: #d5a661;
  }
}
.light-grey-button {
  background-color: rgba(187,187,187,.5);
  span {
    background-color: #bbbbbb;
  }
}
.dark-grey-button {
  background-color: rgba(99,113,127,.5);
  span {
    background-color: #63717f;
  }
}
.black-button {
  background-color: rgba(24,24,24,.5);
}

.kopa-button.kopa-button-line {
  border-style: solid;
  border-width: 1px;
  background-color: transparent;
  &:hover {
    background-color: transparent;
  }
  &.pink-button {
    border-color: #d37a7a;
  }
  &.light-yellow-button {
    border-color: #ebd590;
  }
  &.yellow-button {
    border-color: #ffd202;
  }
  &.light-green-button {
    border-color: #a5d592;
  }
  &.dark-green-button {
    border-color: #7cb764;
  }
  &.medium-green-button {
    border-color: #5ee8bf;
  }
  &.light-blue-button {
    border-color: #8fc1d1;
  }
  &.blue-button {  
    border-color: #3273c5;
  }
  &.light-purple-button {
    border-color: #9e7fab;
  }
  &.purple-button {
    border-color: #572a6a;
  }
  &.light-brown-button {
    border-color: #d9ba8c;
  }
  &.brown-button {
    border-color: #d5a661;
  }
  &.light-grey-button {
    border-color: #bbb;
  }
  &.dark-grey-button {
    border-color: #63717f;
  }
}


/*----- Blockquotes -----*/
blockquote {
  text-decoration: underline;
  font-size: 24px;
  line-height: 30px;
  padding: 15px 0 0 60px;
  border: none;
  position: relative;
  &:before {
    @extend %fa;
    content: "\f10d";
    font-size: 45px;
    position: absolute;
    top: 0;
    left: 0;
  }
}

.kopa-blockquote-1 {
  background-color: #e8e8e8;
  color: #343434;
  font-size: 14px;
  border-left: 5px solid $color-07;
  padding: 15px 20px;
}

.kopa-blockquote-2 {
  background-color: #e8e8e8;
  color: #343434;
  font-size: 14px;
  border-left: none;
  border-top: 5px solid $color-07;
  padding: 10px 20px 15px;
}

/*----- Social Links -----*/
.social-links {
  margin: -30px -10px 0;
  li {
    @include kopa-float(left,30px 10px 0,none);
    position: relative;
    height: 21px;
    width: 37px;
    padding: 0;
    @extend %transition;
    a {
      display: block;
      line-height: 21px;
      font-size: 16px;
      position: relative;
      text-align: center;
      z-index: 2;
    }
    .square-1 {
      @extend %transition;
      backface-visibility: hidden;
      background: inherit;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
      transform: rotate(60deg);
      -ms-transform: rotate(60deg);
      -moz-transform: rotate(60deg);
      -webkit-transform: rotate(60deg);
      &:before {
        backface-visibility: hidden;
        background-attachment: inherit;
        background-clip: inherit;
        background-color: inherit;
        background-image: inherit;
        background-origin: inherit;
        background-position: inherit;
        background-repeat: no-repeat;
        background-size: inherit;
        content: "";
        height: 173px;
        left: 0;
        position: absolute;
        top: 0;
        width: 173px;
        z-index: 1;
        transform: rotate(-60deg) translate(-87px, 0px);
        -ms-transform: rotate(-60deg) translate(-87px, 0px);
        -webkit-transform: rotate(-60deg) translate(-87px, 0px);
        -moz-transform: rotate(-60deg) translate(-87px, 0px);
        transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
      }
    }
    .square-2 {
      @extend %transition;
      backface-visibility: hidden;
      background: inherit;
      height: 100%;
      left: 0;
      overflow: hidden;
      position: absolute;
      top: 0;
      width: 100%;
      transform: rotate(-60deg);
      -ms-transform: rotate(-60deg);
      -webkit-transform: rotate(-60deg);
      -moz-transform: rotate(-60deg);
      &:before {
        backface-visibility: hidden;
        background-attachment: inherit;
        background-clip: inherit;
        background-color: inherit;
        background-image: inherit;
        background-origin: inherit;
        background-position: inherit;
        background-repeat: no-repeat;
        background-size: inherit;
        content: "";
        height: 173px;
        left: 0;
        position: absolute;
        top: 0;
        width: 173px;
        z-index: 1;
        transform: rotate(60deg) translate(-48px, -11px);
        -ms-transform: rotate(60deg) translate(-48px, -11px);
        -webkit-transform: rotate(60deg) translate(-48px, -11px);
        -moz-transform: rotate(60deg) translate(-48px, -11px);
        transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -moz-transform-origin: 0 0 0;
      }
    }
  }
}

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

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


/**1.2 Basic structure**/

body {
  background: $color-01;
  position: relative;
  font-family: $font-body;
  color: $color-default;
  line-height: 20px;
  font-size: 13px;
  overflow-x: hidden;
}

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

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

.mr-20 {
  margin-right: 20px;
}

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

#main-content {
  position: relative;
  padding: 30px 0 35px;
}

.main-col {
  width: 770px;
  margin-right: 30px;
  float: left;
}

.sidebar {
  width: 340px;
  float: left;
}

.col-a {
  float: left;
  width: 560px;
  margin-right: 30px;
}

.kopa-home-4,
.kopa-two-col {
  .col-a {
    width: 770px;
  }
}

.col-b {
  float: left;
  width: 180px;
  margin-right: 30px;
}

.kopa-home-3 {
  .col-b {
    float: right;
    margin-right: 0;
  }
  .sidebar {
    margin-right: 30px;
  }
}

.kopa-blog-2,
.kopa-blog-3,
.kopa-blog-7 {
  .col-b {
    margin-right: 0;
  }
}

.widget-area-2 {
  margin-right: 85px;
  width: 755px;
}

.widget-area-3 {
  width: 300px;
}

.widget-area-4 {
  width: 560px;
}

.widget-area-5 {
  width: 370px;
}

.kopa-full-width {
  .col-b,
  .sidebar {
    display: none;
  }
  .col-a,
  .main-col {
    margin-right: 0 !important;
    width: 100% !important;
  }
}


/**1.3 Color**/

/*--- #7A7A7A ---*/
.search-nav-box .navbar-nav li ul li a,
.entry-author a,
.breadcrumb a,
#secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-author a,
.entry-box header .meta-box .entry-categories,
.entry-box header .meta-box .entry-categories a,
.kopa-list-search-widget .meta-box .entry-categories a,
.kopa-list-search-widget .meta-box .entry-categories {
  color: $color-default;
}


/*--- #E60E2B ---*/
.kopa-home-1 .kp-headline-wrapper .kp-headline-title,
.kopa-header-bottom,
#main-menu li a .double-square,
#main-menu li a .double-square:before,
.kopa-home-slider-1 .item .entry-item .entry-content,
.entry-categories,
.kopa-home-slider-1 .owl-controls .owl-pagination .owl-page.active span,
.kopa-hex,
.kopa-hex-large,
.widget .widget-title.widget-title-style-3 h6,
.kopa-media-widget .older-post li .play-icon,
.kopa-media-widget .entry-content .play-icon:hover,
.widget .widget-title.widget-title-style-6,
.kopa-newsletter-widget .input-email .submit,
.kopa-carousel-list-1-widget .kopa-carousel-1 .owl-controls .owl-buttons div:hover,
.nav-tabs.kopa-tabs-2 > li.active a,
.kopa-home-2 .kopa-header-bottom .social-links li:hover,
.kopa-home-2 .kopa-header-bottom .social-links li:hover a,
.breadcrumb .breadcrumb-title,
.kopa-newsletter-2-widget .newsletter-form .input-email .submit,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li:hover,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li:hover a,
.kopa-list-post-1-widget .kopa-carousel-3 .owl-controls .owl-buttons div:hover,
.kopa-gallery-masonry-widget .filter-options .filters span.active,
.kopa-button:hover,
.red-button,
.kopa-number-list li span,
.kp-dropcap.radius,
.kp-dropcap.square,
.kopa-contact-info-box .contact-info-detail .driving-direction:hover,
.kopa-contact-info-box .contact-info-detail .social-links li:hover a,
.kopa-contact-info-box .contact-info-detail .social-links li:hover,
#contact-box .contact-form .contact-button .input-submit:hover,
.entry-box .entry-content .left-col .view-box p,
.entry-box .entry-content .left-col .social-box .social-links li:hover,
.entry-box footer .tag-box a:hover,
.entry-box footer .page-links a:hover,
.entry-box footer .page-links > span,
#comments .comments-list .comment .comment-wrap .comment-body .comment-button a:hover,
#comments .comments-list .pingback .comment-wrap .comment-body .comment-button a:hover,
#comments .kopa-comment-pagination a:hover, #comments .kopa-comment-pagination span,
#respond .comments-form .input-submit:hover,
.kopa-carousel-4 .owl-controls .owl-buttons div:hover,
.portfolio-box .kopa-carousel-5 .owl-controls .owl-pagination .owl-page.active span,
.entry-box .review-box .summary-box .total-review {
  background-color: $color-hover;
}

.search-box .search-form .search-submit:hover,
.search-nav-box .navbar-nav .shopping-cart a:hover,
.search-nav-box .navbar-nav .shopping-cart a i,
.search-nav-box .navbar-nav li ul li a:hover,
.social-links li a,
#secondary-nav #secondary-menu li a:hover,
.entry-author a:hover,
.kopa-home-slider-1 .item .entry-item .entry-thumb .mask a:hover,
.entry-comments:hover,
.entry-icon:hover span i,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul li a:hover,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider .flex-direction-nav li a:hover,
.kopa-home-slider-1 .item .entry-item .entry-content .entry-categories:hover,
.kopa-article-list-2-widget ul li .entry-item .entry-content .entry-title a:hover,
.kopa-twitter-widget ul li .tweet-time,
.widget_categories ul li:hover,
.widget_categories ul li:hover a,
.widget_nav_menu ul li:hover,
.widget_nav_menu ul li:hover a,
.widget_archive ul li:hover,
.widget_archive ul li:hover a,
.widget_recent_comments ul li:hover,
.widget_recent_comments ul li:hover a,
.widget_recent_entries ul li:hover,
.widget_recent_entries ul li:hover a,
.widget_meta ul li:hover,
.widget_meta ul li:hover a,
.widget_pages ul li:hover,
.widget_pages ul li:hover a,
.widget .widget-title.widget-title-style-4 .text-before,
.kopa-media-widget .entry-content .entry-title a:hover,
.kopa-recent-comments-widget ul li .entry-item .entry-content p a,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li span,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content .entry-title a:hover,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content .entry-author:hover,
.kopa-social-links-widget .social-links li a:hover,
.kopa-menu-widget ul li a:hover,
.kopa-contact-info-widget a:hover,
#back-top a .back-top-icon,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-title a:hover,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-categories a:hover,
.kopa-home-slider-2 .owl-controls .owl-buttons div:hover,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-author a:hover,
.breadcrumb a:hover,
.kopa-masonry-list-widget footer a:hover,
.widget-title.widget-title-style-9,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-content .entry-title a:hover,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-content .entry-author:hover,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-thumb .mask a span:hover,
.kopa-button.kopa-button-line:hover,
.kp-dropcap,
.contact-info-detail a:hover,
.entry-box header .entry-title,
.entry-box .entry-content .left-col .social-box .social-links li:hover a,
blockquote:before,
.about-author .author-content h5 a,
#related-article h5,
#comments h5,
#respond > h5,
.entry-box .entry-thumb blockquote h5,
.entry-box .entry-thumb blockquote:after,
.portfolio-box .entry-content .social-links li:hover a,
.portfolio-box .jump-to-comment,
#secondary-nav #secondary-menu.mega-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title a:hover,
.entry-box .review-box .review-grid > li ul li,
#main-nav i,
#secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-author a:hover,
#secondary-mobile-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title a:hover,
.secondary-mobile-label:hover,
.entry-box header .meta-box .entry-categories:hover,
.entry-box header .meta-box .entry-categories a:hover,
.kopa-list-search-widget .meta-box .entry-categories a:hover,
.kopa-list-search-widget .entry-title a {
  color: $color-hover;
}

.kopa-home-slider-1 .owl-controls .owl-pagination .owl-page.active span:before,
.portfolio-box .kopa-carousel-5 .owl-controls .owl-pagination .owl-page.active span:before {
  border-bottom-color: $color-hover;
}

.kopa-home-slider-1 .owl-controls .owl-pagination .owl-page.active span:after,
.portfolio-box .kopa-carousel-5 .owl-controls .owl-pagination .owl-page.active span:after {
  border-top-color: $color-hover;
}

#back-top a .back-top-icon,
#main-menu > li ul li:hover,
#main-menu > li ul li.current-menu-item,
#secondary-menu > li ul li:hover,
.kopa-button.kopa-button-line:hover,
.kopa-button.kopa-button-line.red-button,
#contact-box .contact-form input[type="text"]:focus,
#contact-box .contact-form .textarea-block textarea:focus,
#respond .comments-form input[type="text"]:focus,
#respond .comments-form .textarea-block textarea:focus,
#mobile-menu > li > a:hover,
#mobile-menu > li.current-menu-item > a,
#mobile-menu > li ul li a:hover,
#mobile-menu > li > ul > li.current-menu-item > a,
#mobile-menu > li ul li ul li a:hover,
#mobile-menu > li > ul > li > ul > li.current-menu-item > a,
#secondary-mobile-menu > li > a:hover,
#secondary-mobile-menu > li.current-menu-item > a,
#secondary-mobile-menu > li ul li a:hover,
#secondary-mobile-menu > li > ul > li.current-menu-item > a,
#secondary-mobile-menu > li ul li ul li a:hover,
#secondary-mobile-menu > li > ul > li > ul > li.current-menu-item > a {
  border-color: $color-hover;
}


/*--- #2E2E2E ---*/
.search-box .search-form .search-text,
.search-box .search-form .search-submit,
.search-nav-box .navbar-nav .shopping-cart span,
.search-nav-box .navbar-nav .shopping-cart a,
.kopa-home-slider-1 .item .entry-item .entry-content .entry-title a:hover,
.kopa-home-slider-1 .item .entry-item .entry-content .meta-box .entry-author a:hover,
.entry-comments,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul li a,
.entry-categories:hover,
.kopa-recent-comments-widget ul li .entry-item .entry-content p a:hover,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex .square-1 a:hover,
.kopa-article-list-6-widget .kopa-carousel-2 .owl-controls .owl-buttons div:hover,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-point .kopa-hex,
.widget .widget-title.widget-title-style-6 a:hover,
#copyright,
.kopa-carousel-list-1-widget .kopa-carousel-1 .owl-controls .owl-buttons div,
.kopa-home-2 .kopa-header-bottom .social-links li a,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li a,
.kopa-list-post-1-widget .kopa-carousel-3 .owl-controls .owl-buttons div,
.kopa-blog-6 .kopa-masonry-list-widget ul li .entry-item .entry-point .kopa-hex,
.kopa-gallery-masonry-widget .filter-options .filters span,
.kopa-button.kopa-button-line,
.acc-wrapper-2 .accordion-title span,
.kopa-progress-bar li span,
.kopa-contact-info-box .contact-info-detail .driving-direction,
.kopa-contact-info-box .contact-info-detail .social-links li a,
blockquote,
.entry-box footer .tag-box strong,
.about-author .author-content h5 a:hover,
.kopa-carousel-4 .owl-controls .owl-buttons div,
.portfolio-box .entry-content .entry-categories,
.portfolio-box .jump-to-comment:hover,
.entry-box .review-box footer .center-col span {
  color: $color-heading;
}


/*--- #FFF ---*/
.kp-headline-wrapper .kp-headline-title,
.social-links li a:hover,
#secondary-nav #secondary-menu > li > a,
.entry-categories,
.kopa-home-slider-1 .item .entry-item .entry-content,
.kopa-home-slider-1 .item .entry-item .entry-content .entry-title a,
.kopa-home-slider-1 .item .entry-item .entry-content .meta-box .entry-author a,
.kopa-home-slider-1 .item .entry-item .entry-thumb .mask a,
.entry-icon span i,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider .flex-direction-nav li a,
.kopa-article-list-2-widget ul li .entry-item .entry-content .entry-title a,
.widget .widget-title.widget-title-style-2 h5,
.kopa-hex,
.kopa-hex-large,
.widget .widget-title.widget-title-style-3 h6,
.kopa-media-widget .entry-content .entry-title a,
.kopa-media-widget .entry-content .play-icon,
.kopa-media-widget .older-post li .play-icon,
.kopa-media-widget .widget-title.widget-title-style-5,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li:hover span,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li.flex-active-slide span,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .flex-direction-nav a,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex .square-1 .event-title,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex .square-1 a,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content span,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content .entry-title a,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content .entry-author,
.widget .widget-title.widget-title-style-6 a,
.widget .widget-title.widget-title-style-6 h4,
.widget .widget-title.widget-title-style-7,
.kopa-social-links-widget .social-links li a,
.kopa-social-links-widget .social-links li:first-child,
.kopa-menu-widget ul li a,
.widget .widget-title.widget-title-style-8,
.kopa-newsletter-widget .input-email .email,
.kopa-newsletter-widget .input-email .submit,
.nav-tabs.kopa-tabs-2 > li a,
.nav-tabs.kopa-tabs-2 > li.active a,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-title a,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-categories a,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-categories:hover,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-author,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-author a,
.kopa-home-2 .kopa-header-bottom .social-links li:hover a,
.breadcrumb .breadcrumb-title,
.kopa-newsletter-2-widget .newsletter-form .input-email .email,
.kopa-newsletter-2-widget .newsletter-form .input-email .submit,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li:hover a,
.pagination ul li .current,
.pagination ul li:hover a,
.kopa-blog-6 .kopa-masonry-list-widget > ul > li .entry-item .entry-thumb .kopa-rating li,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-content .entry-title a,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-content .entry-author,
.kopa-gallery-masonry-widget .filter-options .filters span.active,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-thumb .mask a span,
#main-menu > li.current-menu-item > a,
#main-menu > li:hover > a,
.kopa-button,
.kopa-button:hover,
.kopa-number-list li span,
.kp-dropcap.radius,
.kp-dropcap.square,
.contact-info-detail,
.contact-info-detail h6,
.contact-info-detail a,
.kopa-contact-info-box .contact-info-detail .driving-direction:hover,
.kopa-contact-info-box .contact-info-detail .social-links li:hover a,
#contact-box .contact-form .contact-button .input-submit,
.entry-box .entry-content .left-col .view-box span,
.entry-box .entry-content .left-col .view-box p,
.entry-box footer .tag-box a:hover,
.entry-box footer .page-links a:hover,
.entry-box footer .page-links > span,
#comments .comments-list .comment .comment-wrap .comment-body .comment-button a,
#comments .comments-list .pingback .comment-wrap .comment-body .comment-button a,
#comments .kopa-comment-pagination a:hover, #comments .kopa-comment-pagination span,
#respond .comments-form .input-submit,
.kopa-carousel-4 .owl-controls .owl-buttons div:hover,
.entry-box .review-box header h5,
.entry-box .review-box header i,
.entry-box .review-box .summary-box .total-review,
.entry-box .review-box .summary-box .total-review h3,
#mobile-menu li a,
#secondary-mobile-menu li a,
.secondary-mobile-label,
#footer-responsive-menu {
  color: $color-01;
}

.social-links li,
.social-links li a,
#main-nav,
.kopa-header-bottom .left-color,
.kopa-home-slider-1 .owl-controls .owl-pagination .owl-page span,
.entry-comments,
.kopa-article-list-1-widget .last-item .entry-content .entry-content-inner .entry-author,
.widget .icon-bottom,
.kopa-media-widget .older-post,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex .square-1 a:before,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex .square-1 .event-date:before,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-point .kopa-hex,
.kopa-carousel-list-1-widget .kopa-carousel-1 .item .entry-item .entry-content .entry-author,
.kopa-carousel-list-1-widget .kopa-carousel-1 .item .entry-item .entry-content .entry-title,
.kopa-blog-6 .kopa-masonry-list-widget ul li .entry-item .entry-point .kopa-hex,
.nav-tabs.kopa-tabs-3 > li.active > a,
.toggle-view li.active h6,
.kopa-contact-info-box .contact-info-detail .driving-direction,
.entry-box .entry-content .left-col .social-box .social-links li .kopa-hex,
.entry-box .entry-content .left-col .social-box .social-links li:hover a,
.portfolio-box .entry-content .social-links li .kopa-hex,
.portfolio-box .entry-content .social-links li:hover a,
.portfolio-box .kopa-carousel-5 .owl-controls .owl-pagination .owl-page span,
.kopa-home-2.kopa-no-slider .kopa-page-header .kopa-header-bottom #main-nav, 
.kopa-home-2.kopa-no-slider .kopa-page-header .kopa-header-bottom .left-color {
  background-color: $color-01;
}

.kopa-home-slider-1 .item .entry-item .entry-content .meta-box,
.kopa-home-slider-2 .item .entry-item .entry-content .entry-categories {
  border-color: $color-01;
}


/*--- #BEBEBE ---*/
.search-box .search-form .search-text {
  border-color: $color-03;
}

.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul li {
  color: $color-03;
}


/*--- #191919 ---*/
.kp-headline-wrapper .kp-headline-title,
.kopa-header-middle,
.social-links li:hover,
.social-links li:hover a,
#secondary-nav,
.kopa-home-slider-1 .item .entry-item .entry-content .entry-categories,
.kopa-article-list-2-widget ul li .entry-item .entry-content,
.widget .widget-title.widget-title-style-2 h5,
.kopa-media-widget,
.kopa-slider-with-thumb-widget .kopa-flex-carousel,
#bottom-sidebar,
.nav-tabs.kopa-tabs-2 > li a,
.pagination ul li .current,
.pagination ul li:hover a,
#main-menu > li ul,
#main-menu > li.current-menu-item > a,
#main-menu > li:hover > a,
#secondary-menu > li ul,
.red-button:hover,
.black-button span,
#contact-box .contact-form .contact-button .input-submit,
.entry-box .entry-content .left-col .social-box .social-links li,
#comments .comments-list .comment .comment-wrap .comment-body .comment-button a,
#comments .comments-list .pingback .comment-wrap .comment-body .comment-button a,
#respond .comments-form .input-submit,
.portfolio-box .entry-content .social-links li,
.entry-box .review-box header,
#mobile-menu,
#secondary-mobile-menu,
.kopa-home-2.kopa-no-slider .kopa-header-middle {
  background-color: $color-04;
}

.kopa-home-slider-1 .item .entry-item .entry-content .entry-categories:before {
  border-top-color: $color-04;
}

#main-menu > li ul li,
#secondary-menu > li ul li,
.kopa-button.kopa-button-line.black-button,
.entry-box footer,
#mobile-menu > li > a,
#mobile-menu > li > ul > li > a,
#mobile-menu > li > ul > li > ul > li > a,
#secondary-mobile-menu > li > a,
#secondary-mobile-menu > li > ul > li > a,
#secondary-mobile-menu > li > ul > li > ul > li > a {
  border-color: $color-04;
}

#main-menu li a {
  color: $color-04;
}


/*--- #535353 ---*/
.widget_categories ul li,
.widget_categories ul li a,
.widget_nav_menu ul li,
.widget_nav_menu ul li a,
.widget_archive ul li,
.widget_archive ul li a,
.widget_recent_comments ul li,
.widget_recent_comments ul li a,
.widget_recent_entries ul li,
.widget_recent_entries ul li a,
.widget_pages ul li,
.widget_pages ul li a,
.widget_meta ul li,
.widget_meta ul li a,
.widget .widget-title.widget-title-style-11 span,
#contact-box .contact-form input[type="text"],
#contact-box .contact-form .textarea-block textarea,
#respond .comments-form input[type="text"],
#respond .comments-form textarea {
  color: $color-05;
}


/*--- #3273C5 ---*/
.entry-content .meta-box,
.entry-box header .meta-box,
.entry-box header .meta-box .entry-categories,
.entry-box header .meta-box .entry-author, .entry-box header .meta-box .entry-date,
.kopa-list-search-widget .meta-box .entry-categories,
.kopa-list-search-widget .meta-box .entry-author,
.kopa-list-search-widget .meta-box .entry-date {
  border-color: $color-06;
}

.widget .widget-title .border-top, .widget .widget-title .border-bottom,
.entry-icon span i,
.kopa-nothumb-widget ul li .entry-item .entry-author:before,
.kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author:before,
.kopa-article-list-5-widget .widget-border-top,
.kopa-media-widget .widget-border-top,
.kopa-media-widget .entry-content .play-icon,
.kopa-media-widget .older-post li .play-icon:hover,
.kopa-recent-comments-widget .widget-border-top,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li.flex-active-slide,
.kopa-hex-large.hight-point,
.kopa-newsletter-2-widget .widget-border-top,
.kopa-blog-6 .kopa-masonry-list-widget > ul > li .entry-item .entry-thumb .kopa-rating,
.element-title .border-top, .element-title .border-bottom,
#related-article ul li:before,
#related-article ul li:after {
  background-color: $color-06;
}


/*--- #E5E5E5 ---*/
.search-nav-box .navbar-nav li ul,
.search-nav-box .navbar-nav li ul li,
.widget .widget-title .text-title,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul li,
.kopa-article-list-3-widget ul li .entry-item,
.kopa-twitter-widget ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_meta ul li,
.widget_pages ul li,
.kopa-article-list-5-widget,
.kopa-media-widget .older-post li,
.kopa-media-widget .older-post,
.kopa-recent-comments-widget,
.kopa-recent-comments-widget ul li,
.kopa-article-list-6-widget .kopa-carousel-2,
.breadcrumb,
.kopa-newsletter-2-widget,
.element-title .text-title,
.nav-tabs.kopa-tabs-3 > li > a,
.nav-tabs.kopa-tabs-3 > li:first-child > a,
.acc-wrapper-2 .accordion-title span,
.toggle-view li h6,
#contact-box .contact-form input[type="text"],
#contact-box .contact-form .textarea-block textarea,
.entry-box header,
.entry-box .entry-content .left-col .social-box h4,
.entry-box .entry-content .left-col .social-box .jump-to-comment,
#related-article ul li,
#related-article,
#comments,
#comments .comments-list .comment,
#comments .comments-list .pingback,
#respond .comments-form input[type="text"],
#respond .comments-form .textarea-block textarea,
.entry-box .review-box header, .entry-box .review-box footer,
.entry-box .review-box .review-grid > li,
.entry-box .review-box .review-grid,
.entry-box .review-box .summary-box,
.entry-box .review-box header i,
.kopa-list-search-widget > ul > li {
  border-color: $color-07;
}

.kopa-direction-vertical-widget .kopa-direction-vertical-slider .flex-direction-nav,
.widget .icon-bottom i,
.kopa-article-list-6-widget .kopa-carousel-2:before,
.kopa-article-list-6-widget .kopa-carousel-2:after,
.kopa-article-list-6-widget:before,
.kopa-article-list-6-widget:after,
#kopa-page-footer,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li,
.kopa-list-post-1-widget > ul > li .entry-item .entry-content .social-links li a,
.kopa-list-post-1-widget > ul > li .icon-bottom,
.pagination ul li a,
.pagination ul li span,
.kopa-gallery-masonry-widget .filter-options .filters span,
.acc-wrapper-2 .accordion-title.active span,
.toggle-view li h6,
.entry-box .entry-content .left-col .view-box span,
.entry-box footer .tag-box a,
.entry-box footer .page-links a,
#comments .kopa-comment-pagination a {
  background-color: $color-07;
}

.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .flex-direction-nav a:hover,
.kopa-article-list-6-widget .kopa-carousel-2 .owl-controls .owl-buttons div,
.kopa-carousel-list-1-widget .kopa-carousel-1 .owl-controls .owl-buttons div:hover,
.kopa-list-post-1-widget .kopa-carousel-3 .owl-controls .owl-buttons div:hover {
  color: $color-07;
}


/*--- #c1122a ---*/
.widget .widget-title.widget-title-style-6 h4 {
  background-color: $color-08;
}


/*--- #B10F25 ---*/
.widget .widget-title.widget-title-style-6 .rectangle {
  background-color: $color-09;
}


/*--- #262626 ---*/
.kopa-social-links-widget .social-links li,
.kopa-social-links-widget .social-links li a,
.kopa-newsletter-widget .input-email .email,
#main-menu > li ul li:hover,
#main-menu > li ul li.current-menu-item,
#secondary-menu > li ul li:hover,
.kopa-contact-info-box .contact-info-detail,
#secondary-menu.mega-menu > li .sf-mega,
#mobile-menu > li.current-menu-item > a,
#mobile-menu > li:hover > a,
#mobile-menu > li > ul > li.current-menu-item > a,
#mobile-menu > li > ul > li:hover > a,
#mobile-menu > li > ul > li > ul > li.current-menu-item > a,
#mobile-menu > li > ul > li > ul > li:hover > a,
#secondary-mobile-menu > li.current-menu-item > a,
#secondary-mobile-menu > li:hover > a,
#secondary-mobile-menu > li > ul > li.current-menu-item > a,
#secondary-mobile-menu > li > ul > li:hover > a,
#secondary-mobile-menu > li > ul > li > ul > li.current-menu-item > a,
#secondary-mobile-menu > li > ul > li > ul > li:hover > a,
#footer-responsive-menu {
  background-color: $color-011;
}

.kopa-menu-widget ul li a,
.kopa-menu-widget,
.widget .widget-title.widget-title-style-8 {
  border-color: $color-011;
}


/*--- #999999 ---*/
#bottom-sidebar,
.kopa-contact-info-widget a,
.widget-title.widget-title-style-9 span {
  color: $color-012;
}


/*--- #F3F3F3 ---*/
.search-box .search-form .search-text,
.widget_categories,
.widget_archive,
.nav-tabs.kopa-tabs-3 > li > a {
  background-color: $color-013;
}

#main-menu > li ul li a,
#main-menu > li ul li.has-child:after,
#secondary-menu > li ul li a,
#secondary-menu.mega-menu > li .sf-mega .sf-mega-section .entry-item .entry-content .entry-title a {
  color: $color-013;
}


/*--- #CADCF2 ---*/
.kopa-media-widget {
  border-color: $color-014;
}



/*--- #2F2F2F ---*/
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li:first-child {
  border-color: $color-015;
}




/**1.4 Font**/

.kp-headline-wrapper .kp-headline-title,
.search-box .search-form .search-text,
.search-nav-box .navbar-nav .shopping-cart,
#secondary-nav #secondary-menu li a,
.entry-categories,
.entry-date,
.entry-author,
.entry-comments,
.kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul li,
.widget_categories ul li,
.widget_nav_menu ul li,
.widget_archive ul li,
.widget_recent_comments ul li,
.widget_recent_entries ul li,
.widget_meta ul li,
.widget_pages ul li,
.kopa-slider-with-thumb-widget .kopa-flex-carousel ul li,
.kopa-slider-with-thumb-widget .kopa-slider-width-thumb .slides .entry-item .entry-content.kopa-hex,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-content,
.kopa-article-list-6-widget .kopa-carousel-2 .item .entry-item .entry-point .kopa-hex .square-1,
.kopa-social-links-widget .social-links li:first-child,
.kopa-menu-widget ul li a,
.kopa-newsletter-widget .input-email .email,
.kopa-newsletter-widget .input-email .submit,
.nav-tabs.kopa-tabs-2 > li a,
.kopa-masonry-list-widget footer a,
.kopa-newsletter-2-widget .newsletter-form .input-email .email,
.kopa-newsletter-2-widget .newsletter-form .input-email .submit,
.kopa-blog-6 .kopa-masonry-list-widget ul li .entry-item .entry-point .kopa-hex .square-1,
.kopa-gallery-masonry-widget .kopa-gallery-list-wrapper .kopa-gallery-list .gallery-item .entry-item .entry-thumb .mask a span,
.kopa-button,
.nav-tabs.kopa-tabs-3 > li > a,
.kopa-progress-bar li span,
.kp-dropcap,
.kopa-contact-info-box .contact-info-detail .driving-direction,
#contact-box .contact-form .contact-button .input-submit,
.entry-box .entry-content .left-col .view-box span,
.entry-box .entry-content .left-col .view-box p,
.entry-box .entry-content .left-col .social-box .jump-to-comment,
.entry-box footer .tag-box,
.entry-box footer .page-links,
#related-article ul li,
#comments .comments-list .comment .comment-wrap .comment-body .comment-button a,
#comments .comments-list .pingback .comment-wrap .comment-body .comment-button a,
#comments .kopa-comment-pagination,
.entry-box .entry-thumb blockquote,
.portfolio-box .jump-to-comment,
.entry-box .review-box footer .center-col span,
.secondary-mobile-label,
.widget_calendar {
  font-family: $font-heading;
}

.widget-title.widget-title-style-9 span,
.widget .widget-title.widget-title-style-11 span {
  font-family: $font-body;
}

/**
 * 2.0 Header
 * -----------------------------------------------------------------------------
 */

/*
Header top
-----------------------
*/
.kopa-header-top {
  @include box-shadow(0,1px,5px,rgba(0,0,0,.34));
}
.search-nav-box {
  .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
  .navbar-nav {
    li {
      padding: 0;
      line-height: 34px;
      a {
        padding: 0;
        background-color: transparent !important;
        &:hover {
          background-color: transparent;
        }
      }
      ul {
        margin: 0;
        padding: 15px;
        border-bottom-style: solid;
        border-bottom-width: 3px;
        border-top: none;
        border-left: none;
        border-right: none;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        @include border-radius(0);
        li {
          @include kopa-float(none,15px 0 0,none);
          padding: 10px 0 0;
          border-top-style: solid;
          border-top-width: 1px;
          font-weight: 300;
          &:first-child {
            border-top: none;
            margin: 0;
            padding: 0;
          }
        }
      }
    }
    .shopping-cart {
      font-weight: 300;
      margin-right: 15px;
      span {
        display: inline-block;
        margin-right: 5px;
      }
      a {
        display: inline-block;
        i {
          font-size: 12px;
        }
        &:hover {
          background-color: transparent;
        }
      }
    }
  }
}



/** 2.1 Search **/
.search-box {
  margin: 6px 30px 6px 0;
  .search-form {
    position: relative;
    width: 210px;
    .search-text {
      width: 100%;
      border-left: none;
      border-right: none;
      border-top: none;
      height: 22px;
      padding: 3px 30px 3px 15px;
      line-height: 15px;
      border-bottom-style: solid;
      border-bottom-width: 1px;
      font-weight: 300;
    }
    .search-submit {
      position: absolute;
      right: 10px;
      top: 0px;
      border: none;
      background: none;
      font-size: 12px;
      padding: 0;
      @extend %transition;
    }
  }
}


/*
Header middle
-----------------------
*/
.kopa-header-middle {
  padding: 30px 0 50px;
  #top-banner {
    text-align: center;
    img {
      max-width: 100%;
    }
  }
}

.kopa-home-2 {
  .kopa-header-middle {
    padding: 0;
    background-color: transparent;
  }
}

.kopa-no-topbanner {
  .kopa-header-middle {
    padding: 60px 0;
  }
}

.kopa-home-2.kopa-no-slider {
  .kopa-header-middle {
    padding: 60px 0;
  }
}


/*
Header bottom
-----------------------
*/
.kopa-header-bottom {
  position: relative;
  &.fixed {
  	position: fixed;
  	top: 0;
  	width: 100%;
  	max-height: 110px;
  	background-color: $color-04;
  	z-index: 1000;
  	padding: 15px 0;
  	.social-links,
  	.left-color {
  		display: none;
  	}
  	#logo-image {
  		position: static;
  		float: left;
  		img {
  			height: 80px;
  			max-height: 80px;
  		}
  	}
  	#main-nav {
  		float: right !important;
  		margin: 0;
  		background-color: $color-04;
  		padding: 25px 0;
  		#main-menu {
  			> li {
  				&.current-menu-item,
  				&:hover {
  					> a {
  						background-color: $color-01;
  						color: $color-heading;
  					}
  				}
  				> a {
  					color: $color-01;
  				}
  			}
  		}
  	}
  }
  .wrapper {
    position: relative;
  }
  .left-color {
    height: 150%;
    position: absolute;
    margin-top: -20px;
    right: 100%;
    width: 100%;
    top: 0;
  }
  #logo-image {
    position: absolute;
    left: 0;
    top: -100px;
  }
  .social-links {
    margin: -11px -10px 0;
  }
}

.kopa-home-2.kopa-no-slider .kopa-page-header {
  .kopa-header-bottom {
    position: static;
  }
}

/** 2.2 Navigation **/
#main-nav {
  padding: 25px 39px 25px 200px;
  margin-top: -20px;
  max-width: 902px;
}
#main-menu {
  margin: 0;
  > li {
    position: relative;
    z-index: 10;
    padding: 0;
    @include kopa-float(left,0 0 0 15px,none);
    @extend %transition;
    &:first-child {
      margin: 0;
    }
    > a {
      text-transform: uppercase;
      display: block;
      position: relative;
      padding: 5px 12px 5px 10px;
      .double-square {
        width: 5px;
        height: 5px;
        display: inline-block;
        position: relative;
        margin-left: 2px;
        &:before {
          width: 5px;
          height: 5px;
          display: inline-block;
          position: absolute;
          top: -3px;
          right: -3px;
          content: "";
        }
      }
    }
    ul {
      width: 200px;
      display:  none;
      position: absolute;
      left: 0;
      top: 31px;
      margin: 0;
      padding-bottom: 10px;
      li {
        list-style: none;
        padding: 8px 20px;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        @extend %transition;
        a {
          display: block;
        }
        &.has-child {
          &:after {
            @extend %fa;
            content: "\f105";
            position: absolute;
            right: 15px;
            top: 11px;
          }
        }        
      }
      ul {
        left: 198px;
        top: 0;
      }
    }
  }
}

.kopa-home-2 {
  .kopa-page-header {
    position: relative;
    .kopa-header-bottom {
      background-color: transparent;
      position: absolute;
      width: 100%;
      left: 0;
      bottom: 48px;
	  &.fixed {
	  	position: fixed;
		bottom: auto;
	  	top: 0;
	  	width: 100%;
	  	max-height: 110px;
	  	background-color: $color-04;
	  	z-index: 1000;
	  	padding: 15px 0;
	  	.social-links,
	  	.left-color {
	  		display: none;
	  	}
	  	#logo-image {
	  		position: static;
	  		float: left;
	  		img {
	  			height: 80px;
	  			max-height: 80px;
	  		}
	  	}
	  	#main-nav {
	  		float: right !important;
	  		margin: 0;
	  		background-color: $color-04;
	  		padding: 25px 0;
	  		&:before {
	  			display: none;
	  		}
	  		#main-menu {
	  			> li {
	  				&.current-menu-item,
	  				&:hover {
	  					> a {
	  						background-color: $color-01;
	  						color: $color-heading;
	  					}
	  				}
	  				> a {
	  					color: $color-01;
	  				}
	  			}
	  		}
	  	}
	  }
      #main-nav,
      .left-color {
        background-color: rgba(255,255,255,.7);
      }
      #main-nav {
        position: relative;
        &:before {
          background-color: rgba(0,0,0,.7);
          content: "";
          position: absolute;
          left: 100%;
          top: 20px;
          width: 100%;
          height: 100%;
        }
      }
      #logo-image {
        z-index: 1;
      }
    }
  }
}


/*--- Mobile Menu ---*/
#main-nav i {
    font-size: 30px;
    cursor: pointer;
    display: none;
}
.mobile-menu-wrapper {
    display: none;
}
#mobile-menu {
    position: absolute;
    top: 40px;
    left: 0;
    padding: 0;
    z-index: 99999;
    width: 250px;
    display: none;
    margin: 0;
}
#mobile-menu ul {
    z-index: 99999; 
}
#mobile-menu li {
    margin: 0;
    list-style: none;
    padding: 0;
}
#mobile-menu li a {
    padding: 8px 15px;
    display: block;
    position: relative;
    font-weight: 700;
    border-left-style: solid;
    border-left-width: 3px;
}

#mobile-menu > li > ul {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
}
#mobile-menu > li > ul > li > ul {
  padding-left: 20px;
}
#mobile-menu > li ul li a {
    padding: 5px 15px;
}
#mobile-menu > li ul li ul li a {
    text-transform: none;
}
#mobile-menu li a .caret {
    position: absolute;
    right: 15px;
    top: 18px;
}
#mobile-menu li ul li a .caret {
    top: 15px;
}


/*--- Secondary menu ---*/ 
#secondary-nav {
  border-top: 1px solid #525a63;
  border-bottom: 1px solid #525a63;
  padding: 10px 0;
  position: relative;
  #secondary-menu {
    margin: 0;
    > li {
      @include kopa-float(left,0,none);
      padding: 0;
      position: relative;
      &.mega-menu-item {
        position: static;
      }
      > a {
        display: block;
        padding: 5px 30px;
        font-size: 16px;
        text-transform: uppercase;
        border-right-style: solid;
        border-right-width: 1px;
        border-color: #525a63;
        line-height: 16px;
      }
      &:first-child {
        a {
          border-left: 1px solid #525a63;
        }
      }
    }
  }
}


#secondary-menu.mega-menu {
  position: relative;
  float: none;
  > li {
    background: none;
    position: static;
    > a {
      border-top: none;
    }   
    .sf-mega {
      display: none;
      position: absolute;
      left: 0;
      top: 38px;
      z-index: 9999;
      width: 100%;
      padding: 30px 0;
      .sf-mega-section {
        float: left;
        width: 25%;
        padding:0 20px;
        position: relative;
        &:before {
          position: absolute;
          top: 0;
          width:1px;
          height: 100%;
          background-color: #5c6269;
          left: 0px;
          content: "";
        }
        &:first-child {
          &:before {
            width: 0;
          }
        }
        a {
          border: none !important;
          padding: 0;
        }
        .entry-item {
          .entry-thumb {
            position: relative;
            margin-bottom: 15px;
            .entry-categories {
              top: -12px;
              padding: 5px 10px;
            }
          }
          .entry-content {
            .entry-title {
              font-size: 18px;
              margin: 0;
            }
          }
        }
      }
    }
  }
}

#secondary-nav #secondary-menu {
  > li {
    > ul {
      width: 200px;
      display: none;
      position: absolute;
      left: 0;
      top: 37px;
      margin: 0;
      padding-bottom: 10px;
      z-index: 100;
      li {
        list-style: none;
        padding: 8px 20px;
        border-left-style: solid;
        border-left-width: 3px;
        position: relative;
        @extend %transition;
        a {
          display: block;
        }
        &.has-child {
          &:after {
            @extend %fa;
            content: "\f105";
            position: absolute;
            right: 15px;
            top: 11px;
          }
        }        
      }
      ul {
        left: 198px;
        top: 0;
      }
    }
  }
}


/*--- Secondary Mobile Menu ---*/
#secondary-nav span.secondary-mobile-label {
    font-size: 16px;
    padding: 0 10px;
    cursor: pointer;
    display: none;
    text-transform: uppercase;
    @extens %transition;
}
.secondary-mobile-menu-wrapper {
    display: none;
}
#secondary-mobile-menu {
    position: absolute;
    top: 31px;
    left: 10px;
    padding: 0;
    z-index: 99999;
    width: 250px;
    display: none;
    margin: 0;
}
#secondary-mobile-menu ul {
    z-index: 99999; 
}
#secondary-mobile-menu li {
    margin: 0;
    list-style: none;
    padding: 0;
}
#secondary-mobile-menu li a {
    padding: 8px 15px;
    display: block;
    position: relative;
    font-weight: 700;
    border-left-style: solid;
    border-left-width: 3px;
}

#secondary-mobile-menu > li > ul {
    margin-left: 0;
    padding-left: 20px;
    padding-right: 20px;
}
#secondary-mobile-menu > li > ul > li > ul {
  padding-left: 20px;
}
#secondary-mobile-menu > li ul li a {
    padding: 5px 15px;
}
#secondary-mobile-menu > li ul li ul li a {
    text-transform: none;
}
#secondary-mobile-menu li a .caret {
    position: absolute;
    right: 15px;
    top: 18px;
}
#secondary-mobile-menu li ul li a .caret {
    top: 15px;
}

/*--- Footer Menu ---*/
/*#footer-nav {
  #footer-menu {
    margin-top: 5px;
    li {
      @include kopa-float(left,0,none);
      border-left: 1px solid #5e5e5e;
      padding: 0 10px;
      line-height: 1;
      &:first-child {
        border-left: none;
        padding-left: 0;
      }
      a {
        line-height: 1;
      }
    }
  }
}*/

#footer-responsive-menu {
  padding: 5px 10px;
  width: 100%;
}

#footer-responsive-menu {
  display: none;
}



/**
 * 3.0 Content
 * -----------------------------------------------------------------------------
 */

.entry-item.sticky {
  position: relative;
  &:before {
    @include before-left(0px,40px,40px,#fff,0);
    z-index: 9;
    left: auto;
    right: 0;
  }
  &:after {
    @include before-left(0px,34px,34px,#3273C5,0);
    z-index: 9;
    left: auto;
    right: 0;
  }
  .sticky-icon {
    width: 11px;
    height: 10px;
    background: url(images/icons/sticky-post-icon.png) no-repeat center;
    position: absolute;
    right: 5px;
    top: 5px;
    z-index: 10;
  }
}

.entry-meta {
  margin: 0 5px;
}

.entry-comments {
  @include border-radius(3px);
  padding: 0 5px;
  @include box-shadow(1px,1px,1px,$color-hover);
  position: relative;
  &:before {
    @include before-bottom(0px,6px,7px,$color-01,-7px);
    left: 10px;
  }
}

.entry-view {
  background-color: $color-hover;
  color: $color-01;
  padding: 1px 8px;
  i {
    margin-right: 3px;
  }
}

.entry-categories {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  padding: 5px 10px;
  position: absolute;
  left: 5px;
  i {
    font-size: 13px;
  }
  &:before {
    @include before-bottom(7px,7px,7px,$color-hover,-7px);
    left: 10px;
    margin-left: 0;
  }
}

.entry-author {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
  span {
    text-transform: uppercase;
  }
}

.entry-date {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  font-weight: 300;
  line-height: 1;
}

.pagination {
  display: block;
  margin: 40px 0;
  height: 34px;
  ul{
    display: inline-block;
    li {
      @include kopa-float(left,0 0 0 8px,none);
      line-height: 1;
      font-size: 14px;
      font-weight: 300;
      &:first-child {
        margin-left: 0;
      }
      a {
        line-height: 34px;
        display: block;
        padding: 0;
        height: 34px;
        width: 34px;
      }
      span {
        line-height: 34px;
        display: block;
        padding: 0;
        height: 34px;
        width: 34px;
        &.dots {
          background-color: transparent;
        }
      }
    }
  }
}

.entry-thumb {
  > a {
    > img {
      width: 100%;
    }
  }
  > img {
    width: 100%;
  }
}


.entry-title {
  font-weight: 400;
}


.entry-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  padding: 5px;
  @include border-radius(50%);
  background-color: rgba(255,255,255,.2);
  margin: -32px 0 0 -32px;
  span {
    height: 54px;
    width: 54px;
    display: block;
    padding: 5px;
    background-color: rgba(255,255,255,.6);
    @include border-radius(50%);
    i {
      height: 44px;
      width:44px;
      display: block;
      line-height: 44px;
      text-align: center;
      font-size: 20px;
      @include border-radius(50%);
      @extend %transition;
      &:before {
        @extend %fa;
      }
    }
  }
}

.entry-item.standard-post {
  .entry-icon {
    span {
      i {
        &:before {
          content: "\f030";
        }
      }
    }
  }
}

.entry-item.audio-post {
  .entry-icon {
    span {
      i {
        &:before {
          content: "\f025";
        }
      }
    }
  }
}

.entry-item.gallery-post {
  .entry-icon {
    span {
      i {
        &:before {
          content: "\f03e";
        }
      }
    }
  }
}

.entry-item.video-post {
  .entry-icon {
    span {
      i {
        &:before {
          content: "\f03d";
        }
      }
    }
  }
}



.kopa-rating {
  display: inline-block;
  margin: 0;
  li {
    @include kopa-float(left,0,none);
    padding: 0;
  }
}



/** 3.1 Home Page **/

.kp-headline-wrapper {
  max-height: 34px;
  overflow: hidden;
  position:relative;
  .kp-headline-title {
    display: block;
    float: left;
    margin:0;
    text-transform:uppercase;
    line-height: 34px;
    padding: 0 30px;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 0;
  }
  .kp-headline {
    margin: 0 0 0 155px;
    dl {
      display: block;
      margin: 0;
      dd {
        display: block;
        float: left;
        margin: 0 150px;
        padding: 0 10px;
        a {
          line-height: 34px;
        }
      }
    }
  }
}


.kopa-home-slider-1 {
  .item {
    .entry-item {
      position: relative;
      &:hover {
        .entry-thumb {
          .mask {
            background: none;
          }
        }        
      }
      &.video-post {
        .entry-thumb {
          .mask {
            a:before {
              content: "\f01d";
            }
          }
        }
      }
      &.gallery-post {
        .entry-thumb {
          .mask {
            a:before {
              content: "\f03e";
            }
          }
        }
      }
      &.standard-post {
        .entry-thumb {
          .mask {
            a:before {
              content: "\f030";
            }
          }
        }
      }
      &.audio-post {
        .entry-thumb {
          .mask {
            a:before {
              content: "\f025";
            }
          }
        }
      }
      .entry-thumb {
        position: relative;
        img {
          width: 100%;
        }
        .mask {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(0,0,0,.25);
          @extend %transition;
          a {
            position: absolute;
            top:50%;
            left: 50%;
            @extend %fa;
            font-size: 120px;
            margin: -60px 0 0 -51px;
          }
        }
      }
      .entry-content {
        position: absolute;
        z-index: 1;
        left: 7.746479%;
        bottom: 0;
        width: 50%;
        padding: 25px 30px 15px;
        text-shadow: 0 1px 3px rgba(0,0,0,.2);
        font-weight: 300;
        .entry-categories {
          left: 0;
          top:-24px;
        }
        .entry-title {
          text-transform: uppercase;
          font-size: 36px;
          line-height: 38px;
          text-shadow: 0 1px 3px rgba(0,0,0,.2);
          margin: 0 0 15px;
        }
        .meta-box {
          border-left-style: solid;
          border-left-width: 4px;
          padding-left: 10px;
          margin-bottom: 10px;
          .entry-author {
            text-transform: uppercase;
            font-size: 13px;
          }
          .entry-date {
            font-size: 13px;
            display: block;
          }
        }
      }
      .bg-bottom {
        background-color: rgba(0,0,0,.8);
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 95px;
      }
    }
  }
  .owl-controls {
    margin: 0;
    position: absolute;
    bottom: 35px;
    right: 7.746479%;
    .owl-pagination {
      .owl-page {
        span {
          margin: 0 0 0 30px;
          @include border-radius(0);
          @include opacity(1);
          width: 20px;
          height: 10px;
          position: relative;
          @extend %transition;
          &:before {
            @include before-top(10px,10px,6px,$color-01,-6px);
            @extend %transition;
          }
          &:after {
            @include before-bottom(10px,10px,6px,$color-01,-6px);
            @extend %transition;
          }
        }
      }
    }
  }
}


.kopa-home-slider-2 {
  .item {
    .entry-item {
      position: relative;
      .entry-thumb {
        position: relative;
        .mask {
          position: absolute;
          left: 0;
          top: 0;
          background-color: rgba(0,0,0,.35);
          width: 100%;
          height: 100%;
        }
      }
      .entry-content {
        position: absolute;
        right: 7.6%;
        bottom: 140px;
        text-align: right;
        width: 80%;
        .entry-title {
          font-size: 80px;
          line-height: 86px;
          text-transform: uppercase;
          text-shadow: 0 1px 3px rgba(0,0,0,.2);
          margin: 0 0 5px;
        }
        .entry-categories {
          position: static;
          background-color: transparent;
          text-shadow: 0 1px 3px rgba(0,0,0,.2);
          text-transform: uppercase;
          font-size: 16px;
          padding: 15px 0 0;
          border-top-style: solid;
          border-top-width: 1px;
          &:before {
            display: none;
          }
        }
        .entry-comments {
          @include box-shadow(0,0,0,transparent);
          display: inline-block;
          margin: 0 0 10px;
        }
        .entry-author {
          text-transform: uppercase;
          font-style: normal;
          text-shadow: 0 1px 3px rgba(0,0,0,.2);
          font-size: 13px;
          font-weight: 400;
        }
      }
    }
  }
  .owl-controls {
    margin: 0;
    .owl-buttons {
      div {
        @extend %transition;
        margin: -17px 0 0;
        padding: 0;
        font-size: 34px;
        @include opacity(1);
        position: absolute;
        top:50%;
        background-color: transparent;
        &:before {
          @extend %fa;
        }
        &.owl-prev {
          left: 60px;
          &:before {
            content: "\f104";
          }
        }
        &.owl-next {
          right: 60px;
          &:before {
            content: "\f105";
          }
        }
      }
    }
  }
}

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

.kopa-home-2,
.kopa-home-1 {
  .kopa-home-slider-box {
    &.loading {
      min-height: 540px;
    }
  }
}



/** 3.2 Sub Page **/

.breadcrumb {
  background-color: transparent;
  border-top-style: dotted;
  border-top-width: 1px;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  @include border-radius(0);
  padding: 0;
  margin: 0 0 20px;
  line-height: 32px;
  .breadcrumb-title {
    line-height: 32px;
    display: inline-block;
    padding: 0 10px 0 15px;
    position: relative;
    margin: 0;
    &:before {
      @include before-right (16px,16px,7px,$color-hover,0);
    }
  }
  .home-page,
  .current-page,
  .prev-page {
    position: relative;
    padding: 0 10px 0 18px;
    display: inline-block;
    &:before {
      @include before-right (17px,17px,7px,$color-07,0);
    }
    &:after {
      @include before-right (17px,20px,8px,$color-01,-1px);
      right: -6px;
    }
  }
}

.element-title {
  font-size: 36px;
  line-height: 40px;
  text-align: center;
  text-transform: uppercase;
  position: relative;
  margin-bottom: 30px;
  .text-title {
    display: inline-block;
    border-top-style: solid;
    border-top-width: 2px;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    padding: 5px 0;
  }
  .border-top,
  .border-bottom {
    width: 28px;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
  }
  .border-top {
    top: -2px;
  }
  .border-bottom {
    bottom: -2px;
  }
}

.elements-box {
  .kopa-button {
    margin-bottom: 3px;
  }
}



/*
Shop page
----------------------------------
*/
.woocommerce #content,
.woocommerce-page #content {
  overflow: hidden;
}

.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count, 
.woocommerce-page .woocommerce-ordering, 
.woocommerce-page .woocommerce-result-count {
  margin-bottom: 20px;
}

.woocommerce .woocommerce-ordering select, 
.woocommerce-page .woocommerce-ordering select {
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
}

.woocommerce .products ul, 
.woocommerce ul.products, 
.woocommerce-page .products ul, 
.woocommerce-page ul.products {
  margin: 0 -10px;  
}
.woocommerce ul.products li.product, 
.woocommerce-page ul.products li.product {
  width: 25%;
  padding: 20px 10px 16px;
  margin: 0;
  border-top: 1px solid #e5e5e5;
}
.woocommerce ul.products li.product a img, 
.woocommerce-page ul.products li.product a img {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  margin-bottom: 15px;
  display: block;
}
.woocommerce ul.products li.product h3, 
.woocommerce-page ul.products li.product h3 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 0;
  margin: 0 0 10px;
}
.woocommerce #content input.button, 
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce-page #content input.button, 
.woocommerce-page #respond input#submit, 
.woocommerce-page a.button, 
.woocommerce-page button.button, 
.woocommerce-page input.button,
.woocommerce #content div.product form.cart .button, 
.woocommerce div.product form.cart .button, 
.woocommerce-page #content div.product form.cart .button, 
.woocommerce-page div.product form.cart .button,
.woocommerce #content input.button.alt, 
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt, 
.woocommerce-page #content input.button.alt, 
.woocommerce-page #respond input#submit.alt, 
.woocommerce-page a.button.alt, 
.woocommerce-page button.button.alt, 
.woocommerce-page input.button.alt {
  line-height: 1;
  font-size: 14px;
  background: #e60e2b;
  text-shadow: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  border: none;
  font-family: 'Roboto Condensed', sans-serif;
  color: #fff;
  font-weight: 400;
  padding: 10px 20px;
}
.woocommerce #content input.button:hover, 
.woocommerce #respond input#submit:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover, 
.woocommerce input.button:hover, 
.woocommerce-page #content input.button:hover, 
.woocommerce-page #respond input#submit:hover, 
.woocommerce-page a.button:hover, 
.woocommerce-page button.button:hover, 
.woocommerce-page input.button:hover,
.woocommerce #content div.product form.cart .button:hover, 
.woocommerce div.product form.cart .button:hover, 
.woocommerce-page #content div.product form.cart .button:hover, 
.woocommerce-page div.product form.cart .button:hover,
.woocommerce #content input.button.alt:hover, 
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover, 
.woocommerce-page #content input.button.alt:hover, 
.woocommerce-page #respond input#submit.alt:hover, 
.woocommerce-page a.button.alt:hover, 
.woocommerce-page button.button.alt:hover, 
.woocommerce-page input.button.alt:hover {
  background: #191919;
}
.woocommerce .star-rating:before, 
.woocommerce-page .star-rating:before,
.woocommerce .star-rating, 
.woocommerce-page .star-rating,
.woocommerce ul.products li.product h3:hover, 
.woocommerce-page ul.products li.product h3:hover {
  color: #e60e2b;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
  color: #2e2e2e;
}
.woocommerce .star-rating, 
.woocommerce-page .star-rating {
  height: 15px;
  line-height: 15px;
}
.woocommerce .products .star-rating, 
.woocommerce-page .products .star-rating {
  margin-bottom: 10px;
}
.woocommerce ul.products li.product .price, 
.woocommerce-page ul.products li.product .price {
  font-family: 'Roboto Condensed', sans-serif;
  margin-bottom: 10px;
  font-size: 16px;
}
.woocommerce ul.products li.product .price del, 
.woocommerce-page ul.products li.product .price del {
  color: #999;
  font-size: 14px;
  margin-right: 5px;
}
.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
  background: #e60e2b;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-shadow: none;
  line-height: 1;
  padding: 3px 30px 5px;
  min-height: 16px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
  top: 12px;
  right: -21px;
}
.woocommerce ul.products li.product a, 
.woocommerce-page ul.products li.product a {
  overflow: hidden;
  position: relative;
  display: block;
}
.woocommerce ul.products li.product a.button.add_to_cart_button.product_type_simple, 
.woocommerce-page ul.products li.product a.button.add_to_cart_button.product_type_simple {
  display: inline-block;
}

.woocommerce #content nav.woocommerce-pagination, 
.woocommerce nav.woocommerce-pagination, 
.woocommerce-page #content nav.woocommerce-pagination, 
.woocommerce-page nav.woocommerce-pagination {
  border-top: 1px solid #e5e5e5;
  padding-top: 20px;
}
.woocommerce #content nav.woocommerce-pagination ul, 
.woocommerce nav.woocommerce-pagination ul, 
.woocommerce-page #content nav.woocommerce-pagination ul, 
.woocommerce-page nav.woocommerce-pagination ul {
  border: none;
  margin: 0;
}
.woocommerce #content nav.woocommerce-pagination ul li, 
.woocommerce nav.woocommerce-pagination ul li, 
.woocommerce-page #content nav.woocommerce-pagination ul li, 
.woocommerce-page nav.woocommerce-pagination ul li {
  border-right: none;
  margin: 0 0 0 1px;
}
.woocommerce #content nav.woocommerce-pagination ul li:first-child, 
.woocommerce nav.woocommerce-pagination ul li:first-child, 
.woocommerce-page #content nav.woocommerce-pagination ul li:first-child, 
.woocommerce-page nav.woocommerce-pagination ul li:first-child {
  margin: 0;
}
.woocommerce #content nav.woocommerce-pagination ul li a:focus, 
.woocommerce #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce #content nav.woocommerce-pagination ul li span.current, 
.woocommerce nav.woocommerce-pagination ul li a:focus, 
.woocommerce nav.woocommerce-pagination ul li a:hover, 
.woocommerce nav.woocommerce-pagination ul li span.current, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:focus, 
.woocommerce-page #content nav.woocommerce-pagination ul li a:hover, 
.woocommerce-page #content nav.woocommerce-pagination ul li span.current, 
.woocommerce-page nav.woocommerce-pagination ul li a:focus, 
.woocommerce-page nav.woocommerce-pagination ul li a:hover, 
.woocommerce-page nav.woocommerce-pagination ul li span.current {
  color: #2e2e2e;
  background-color: #e5e5e5;  
}
.woocommerce #content nav.woocommerce-pagination ul li a, 
.woocommerce #content nav.woocommerce-pagination ul li span, 
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span, 
.woocommerce-page #content nav.woocommerce-pagination ul li a, 
.woocommerce-page #content nav.woocommerce-pagination ul li span, 
.woocommerce-page nav.woocommerce-pagination ul li a, 
.woocommerce-page nav.woocommerce-pagination ul li span {
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 13px;
  line-height: 1;
  padding: 7px 10px;
  background-color: #f5f5f5;
  color: #2e2e2e;
}

.woocommerce #content div.product div.images, 
.woocommerce div.product div.images, 
.woocommerce-page #content div.product div.images, 
.woocommerce-page div.product div.images {
  width: 50%;
}
.woocommerce #content div.product div.summary, 
.woocommerce div.product div.summary, 
.woocommerce-page #content div.product div.summary, 
.woocommerce-page div.product div.summary {
  width: 50%;
  padding-left: 30px;
}
.woocommerce #content div.product div.images img, 
.woocommerce div.product div.images img, 
.woocommerce-page #content div.product div.images img, 
.woocommerce-page div.product div.images img {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
}

.woocommerce #content div.product .product_title, 
.woocommerce div.product .product_title, 
.woocommerce-page #content div.product .product_title, 
.woocommerce-page div.product .product_title {
  font-size: 36px;
  line-height: 40px;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.woocommerce #content div.product p.price, 
.woocommerce #content div.product span.price, 
.woocommerce div.product p.price, 
.woocommerce div.product span.price, 
.woocommerce-page #content div.product p.price, 
.woocommerce-page #content div.product span.price, 
.woocommerce-page div.product p.price, 
.woocommerce-page div.product span.price {
  font-size: 36px;
  font-family: 'Roboto Condensed', sans-serif;
  line-height: 40px;
  color: #e60e2b;
}

.woocommerce #content div.product form.cart div.quantity, 
.woocommerce div.product form.cart div.quantity, 
.woocommerce-page #content div.product form.cart div.quantity, 
.woocommerce-page div.product form.cart div.quantity {
  margin-right: 10px;
}
.woocommerce #content .quantity input.qty, 
.woocommerce .quantity input.qty, 
.woocommerce-page #content .quantity input.qty, 
.woocommerce-page .quantity input.qty {
  border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-color: #e5e5e5;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  font-weight: 400;
  height: 34px;
}
.woocommerce #content .quantity .minus, 
.woocommerce .quantity .minus, 
.woocommerce-page #content .quantity .minus, 
.woocommerce-page .quantity .minus,
.woocommerce #content .quantity .plus, 
.woocommerce .quantity .plus, 
.woocommerce-page #content .quantity .plus, 
.woocommerce-page .quantity .plus {
  border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  background: none;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-shadow: none;
  font-size: 13px;
  height: 17px;
  border-color: #e5e5e5;
}

.woocommerce #content div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs:before, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs:before,
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, 
.woocommerce-page 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:after, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  display: none;
}
.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 {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.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: #eaeaea;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  color: #2e2e2e;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: none;
  border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 0;
  margin: 0;
  float: left;
  border-color: #e5e5e5;
  border-bottom-color: #eaeaea;
  border-left: 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 {
  border-left: 1px solid #e5e5e5;
  border-bottom-color: #e5e5e5;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a, 
.woocommerce-page div.product .woocommerce-tabs ul.tabs li a {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 300;
  color: #2e2e2e;
  font-family: 'Roboto Condensed', sans-serif;
  text-shadow: none;
  display: block;
  line-height: 1;
  padding: 10px 40px;
}
.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 {
  margin: -1px 0 20px;
  border: 1px solid #e5e5e5;
  border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  box-shadow: none;
  -ms-box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  padding: 15px 20px;
}

.woocommerce #comments,
.woocommerce-page #comments {
  border-top: none;
  padding-top: 0;
  margin-bottom: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text, 
.woocommerce-page #reviews #comments ol.commentlist li .comment-text {
  border-radius: 0;
  -ms-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}
.woocommerce #reviews h3, 
.woocommerce-page #reviews h3 {
  margin-bottom: 10px;
}
.woocommerce #review_form #respond textarea, 
.woocommerce-page #review_form #respond textarea {
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
}

.woocommerce .related ul, 
.woocommerce .related ul.products, 
.woocommerce .upsells.products ul, 
.woocommerce .upsells.products ul.products, 
.woocommerce-page .related ul, 
.woocommerce-page .related ul.products, 
.woocommerce-page .upsells.products ul, 
.woocommerce-page .upsells.products ul.products {
  padding: 0;
}

.woocommerce .related ul li.product, 
.woocommerce .related ul.products li.product, 
.woocommerce .upsells.products ul li.product, 
.woocommerce .upsells.products ul.products li.product, 
.woocommerce-page .related ul li.product, 
.woocommerce-page .related ul.products li.product, 
.woocommerce-page .upsells.products ul li.product, 
.woocommerce-page .upsells.products ul.products li.product {
  width: 25%;
  padding: 10px;
  border: none;
}
.woocommerce #content div.product .related p.price, 
.woocommerce #content div.product .related span.price, 
.woocommerce div.product .related p.price, 
.woocommerce div.product .related span.price, 
.woocommerce-page #content div.product .related p.price, 
.woocommerce-page #content div.product .related span.price, 
.woocommerce-page div.product .related p.price, 
.woocommerce-page div.product .related span.price,
.woocommerce #content div.product .upsells p.price, 
.woocommerce #content div.product .upsells span.price, 
.woocommerce div.product .upsells p.price, 
.woocommerce div.product .upsells span.price, 
.woocommerce-page #content div.product .upsells p.price, 
.woocommerce-page #content div.product .upsells span.price, 
.woocommerce-page div.product .upsells p.price, 
.woocommerce-page div.product .upsells span.price,
.woocommerce #content div.product .related p.price del, 
.woocommerce #content div.product .related span.price del, 
.woocommerce div.product .related p.price del, 
.woocommerce div.product .related span.price del, 
.woocommerce-page #content div.product .related p.price del, 
.woocommerce-page #content div.product .related span.price del, 
.woocommerce-page div.product .related p.price del, 
.woocommerce-page div.product .related span.price del,
.woocommerce #content div.product .upsells p.price del, 
.woocommerce #content div.product .upsells span.price del, 
.woocommerce div.product .upsells p.price del, 
.woocommerce div.product .upsells span.price del, 
.woocommerce-page #content div.product .upsells p.price del, 
.woocommerce-page #content div.product .upsells span.price del, 
.woocommerce-page div.product .upsells p.price del, 
.woocommerce-page div.product .upsells span.price del {
  font-size: 16px;
}

.woocommerce .upsells .products .star-rating, 
.woocommerce-page .upsells .products .star-rating,
.woocommerce .related .products .star-rating, 
.woocommerce-page .related .products .star-rating {
  margin-bottom: 0;
}

.woocommerce .upsells .products .button.add_to_cart_button.product_type_variable, 
.woocommerce-page .upsells .products .button.add_to_cart_button.product_type_variable,
.woocommerce .related .products .button.add_to_cart_button.product_type_variable, 
.woocommerce-page .related .products .button.add_to_cart_button.product_type_variable {
  display: inline-block;
}

.upsells.products h2,
.related.products h2 {
  text-transform: uppercase;
  font-size: 24px;
  line-height: 28px;
  font-weight: 400;
}
.upsells.products {
  margin-bottom: 20px;
}

.woocommerce span.onsale, 
.woocommerce-page span.onsale {
  background: #e60e2b;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  margin: 0;
  color: #fff;
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  text-shadow: none;
  line-height: 1;
  padding: 3px 30px 5px;
  min-height: 16px;
  -ms-transform: rotate(-45deg); /* IE 9 */
  -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
  transform: rotate(-45deg);
  top: 12px;
  right: auto;
  left: -21px;
}

.woocommerce #content div.product div.thumbnails a, 
.woocommerce div.product div.thumbnails a, 
.woocommerce-page #content div.product div.thumbnails a, 
.woocommerce-page div.product div.thumbnails a {
  margin-bottom: 20px;
}

.woocommerce #content div.product form.cart .variations select, 
.woocommerce div.product form.cart .variations select, 
.woocommerce-page #content div.product form.cart .variations select, 
.woocommerce-page div.product form.cart .variations select {
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
}

.woocommerce table.shop_table, 
.woocommerce-page table.shop_table {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
}
.woocommerce #content table.cart td.actions .coupon .input-text, 
.woocommerce table.cart td.actions .coupon .input-text, 
.woocommerce-page #content table.cart td.actions .coupon .input-text, 
.woocommerce-page table.cart td.actions .coupon .input-text {
  padding: 9px 6px 10px;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
}

.woocommerce .cart-collaterals .cross-sells ul.products li, 
.woocommerce-page .cart-collaterals .cross-sells ul.products li {
  width: 50%;
  padding: 10px;
  border: none;
}

.woocommerce form .form-row select, .woocommerce-page form .form-row select,
.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea, 
.woocommerce-page form .form-row input.input-text, 
.woocommerce-page form .form-row textarea {
  border: 1px solid #e5e5e5;
  padding: 5px 10px;
  line-height: 20px;
}

.woocommerce .comment-respond input[type=text],
.woocommerce-page .comment-respond input[type=text] {
  border: 1px solid #e5e5e5;
  line-height: 20px;
}
.woocommerce .comment-respond label,
.woocommerce-page .comment-respond label {
  font-weight: 400;
}
.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-message:before,
.woocommerce .woocommerce-info:before, 
.woocommerce-page .woocommerce-info:before {
  background-color: #e60e2b;
}
.woocommerce .woocommerce-error:before, 
.woocommerce .woocommerce-info:before, 
.woocommerce .woocommerce-message:before, 
.woocommerce-page .woocommerce-error:before, 
.woocommerce-page .woocommerce-info:before, 
.woocommerce-page .woocommerce-message:before {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  line-height: 1px;
}
.woocommerce .woocommerce-message, 
.woocommerce-page .woocommerce-message,
.woocommerce .woocommerce-info, 
.woocommerce-page .woocommerce-info {
  border-top-color: #e60e2b;
}
.woocommerce .woocommerce-error, 
.woocommerce .woocommerce-info, 
.woocommerce .woocommerce-message, 
.woocommerce-page .woocommerce-error, 
.woocommerce-page .woocommerce-info, 
.woocommerce-page .woocommerce-message {
  background: none;
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  -ms-box-shadow: none;
  text-shadow: none;
}

.woocommerce .woocommerce-shipping-fields #ship-to-different-address-checkbox,
.woocommerce-page .woocommerce-shipping-fields #ship-to-different-address-checkbox {
  float: left;
  margin-top: 9px;
}
.woocommerce .woocommerce-shipping-fields label.check-box, 
.woocommerce-page .woocommerce-shipping-fields label.check-box {
  padding-left: 0;
  float: left;
}
.woocommerce .woocommerce-shipping-fields .checkbox,
.woocommerce-page .woocommerce-shipping-fields .checkbox {
  display: inline-block;
  font-weight: 300;
  margin: 0;
}
.woocommerce form .form-row label.checkbox, 
.woocommerce-page form .form-row label.checkbox {
  padding-left: 0;
}
.woocommerce #payment ul.payment_methods li, 
.woocommerce-page #payment ul.payment_methods li {
  list-style: none;
}
.woocommerce #payment, 
.woocommerce-page #payment,
.woocommerce #payment div.payment_box, 
.woocommerce-page #payment div.payment_box {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -ms-border-radius: 0;
}
.woocommerce .checkout .col-2 h3#ship-to-different-address, 
.woocommerce-page .checkout .col-2 h3#ship-to-different-address {
  margin-bottom: 7px;
}

.woocommerce #reviews #comments ol.commentlist, 
.woocommerce-page #reviews #comments ol.commentlist {
  padding-left: 0;
}

/*
Singe portfolio page
----------------------------------
*/
.portfolio-box {
  margin-bottom: 40px;
  position: relative;
  .entry-thumb {
    width: 790px;
    margin-left: 30px;
  }
  .entry-content {
    width: 320px;
    .entry-categories {
      background-color: transparent;
      position: static;
      padding: 0;
      margin: 0 0 10px;
      &:before {
        display: none;
      }
    }
    .portfolio-title {
      font-weight: 400;
    }
    .meta-box {
      margin-bottom: 40px;
    }
    .social-links {
      margin-left: -5px;
      margin-right: -5px;
      margin-top: -10px;
      li {
        margin: 0 5px;
        .kopa-hex {
          width: 35px;
          height: 21px;
          position: absolute;
          left: 1px;
          top: 0px;
          z-index: 100;
          .square-1 {
            transform: rotate(0deg);
            -moz-transform: rotate(0deg);
            -webkit-transform: rotate(0deg);
            -ms-transform: rotate(0deg);
          }
          .square-2 {
            transform: rotate(60deg);
            -moz-transform: rotate(60deg);
            -webkit-transform: rotate(60deg);
            -ms-transform: rotate(60deg);
          }
        }
      }
    }
  }
  .jump-to-comment {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    text-decoration: underline !important;
  }
  .kopa-carousel-5 {
    .item {
      img {
        width: 100%;
      }
    }
    .owl-controls {
      margin: 0;
      position: absolute;
      bottom: 20px;
      right: 20px;
      .owl-pagination {
        .owl-page {
          span {
            margin: 0 0 0 20px;
            @include border-radius(0);
            @include opacity(1);
            width: 14px;
            height: 8px;
            position: relative;
            @extend %transition;
            &:before {
              @include before-top(7px,7px,4px,$color-01,-4px);
              @extend %transition;
            }
            &:after {
              @include before-bottom(7px,7px,4px,$color-01,-4px);
              @extend %transition;
            }
          }
        }
      }
    }
  }
}



/*
Singe post page
----------------------------------
*/
.entry-box {
  margin-bottom: 20px;
  > header {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 20px;
    .entry-title {
      font-size: 32px;
      line-height: 36px;
    }
    p {
      font-style: italic;
      font-size: 16px;
      margin-bottom: 15px;
    }
  }
  .entry-thumb {
    margin-bottom: 20px;
    position: relative;
    > img {
      width: auto;
      max-width: 100%;
    }
    blockquote {
      position: absolute;
      padding: 40px 40px 10px;
      top: 100px;
      left: 0;
      text-decoration: none;
      font-weight: 400;
      width: 100%;
      &:before {
        font-size: 40px;
        left:40px;
      }
      &:after {
        @extend %fa;
        content: "\f10e";
        font-size: 40px;
        right: 40px;
        position: absolute;
        bottom: 0;
      }
      p {
        font-size: 45px;
        font-weight: 400;
        margin-bottom: 5px;
        text-align: justify;
      }
      h5 {
        text-transform: uppercase;
        font-weight: 400;
      }
    }
  }
  .entry-content {
    position: relative;
    min-height: 390px;
    .left-col {
      width: 110px;
      position: absolute;
      top: 0;
      left: 0;
      margin-bottom: 10px;
      .view-box {
        margin-bottom: 20px;
        span {
          @include border-radius(50%);
          line-height: 68px;
          height: 68px;
          width: 68px;
          font-size: 32px;
          text-shadow: 0 1px 5px rgba(0,0,0,.1);
          display: inline-block;
          margin-bottom: 20px;
        }
        p {
          position: relative;
          padding: 5px 0;
          font-size: 14px;
          margin-bottom: 0;
          &:before {
            @include before-top(7px,7px,7px,$color-hover,-7px);
          }
        }
      }
      .social-box {
        h4 {
          font-size: 18px;
          line-height: 22px;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-top-style: solid;
          border-top-width: 1px;
          margin-bottom: 30px;
          padding: 5px 0 6px;
          font-weight: 400;
        }
        .social-links {
          margin: -28px -4px 30px;
          li {
            margin: 28px 4px 0;
            float: none;
            display: inline-block;
            .kopa-hex {
              width: 35px;
              height: 21px;
              position: absolute;
              left: 1px;
              top: 0px;
              z-index: 100;
              .square-1 {
                transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -webkit-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
              }
              .square-2 {
                transform: rotate(60deg);
                -moz-transform: rotate(60deg);
                -webkit-transform: rotate(60deg);
                -ms-transform: rotate(60deg);
              }
            }
          }
        }
        .jump-to-comment {
          font-size: 14px;
          padding: 5px 0 6px;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          border-top-style: solid;
          border-top-width: 1px;
        }
      }
    }
    .right-col {
      margin-left: 140px;
      margin-bottom: 10px;
      float: none !important;
      > div {
        > ul {
          > li {
            list-style: inside square;
          }
        }
      }      
    }
  }

  .review-box {
    > ul {
      > li {
        list-style: none !important;
      }
    }
    margin-bottom: 20px;
    header,
    footer {
      border-style: solid;
      border-width: 1px;
    }
    header {
      position: relative;
      i {
        position: absolute;
        right: 0;
        top: 0px;
        font-size: 23px;
        line-height: 43px;
        width: 54px;
        text-align: center;
        border-left-style: solid;
        border-left-width: 1px;
      }
      h5 {
        line-height: 43px;
        padding: 0 15px;
        margin: 0;
        font-weight: 400;
      }
    }
    .review-grid {
      margin: 0;
      border-left-style: solid;
      border-left-width: 1px;
      border-right-style: solid;
      border-right-width: 1px;
      > li {
        @include kopa-float(none,0,none);
        border-top-style: solid;
        border-top-width: 1px;
        padding: 10px 15px;
        h6 {
          font-size: 14px;
          margin: 0;
          font-weight: 400;
        }
        ul {
          margin: 0;
          li {
            padding: 0;
            @include kopa-float(left,0,none);
          }
        }
      }
    }
    .summary-box {
      border-style: solid;
      border-width: 1px;
      padding: 15px;
      h6 {
        padding-right: 10px;
        font-size: 14px;
        font-weight: 400;
        width: 10.350318%;
      }
      .summary-text {
        width: 71.496815%;
        padding-right: 20px;
      }
      .total-review {
        width: 18.152866%;
        height: 114px;
        padding: 30px 0;
        ul {
          display: inline-block;
          margin: 0;
          padding: 0 0 5px;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          li {
            @include kopa-float(left,0,none);
            padding: 0;
            font-size: 17px;
          }
        }
        h3 {
          font-size: 21px;
          margin: 0;
        }
      }
    }
    footer {
      padding: 10px 15px 5px;
      h6 {
        font-size: 14px;
        font-weight: 400;
        margin: 0;
      }
      .center-col {
        display: inline-block;
        ul {
          display: inline-block;
          margin: 0 10px 0 0;
          li {
            padding: 0;
            @include kopa-float(left,0,none);
            font-size: 14px;
          }
        }
        span {
          display: inline-block;
          font-size: 14px;
        }
      }      
    }
  }
  > footer {
    padding: 10px 0 20px;
    border-bottom-style: solid;
    border-bottom-width: 3px;
    .tag-box {
      a {
        display: inline-block;
        font-weight: 300;
        padding: 0 10px 2px;
        margin-right: 2px;
      }
      strong {
        font-size: 16px;
        font-weight: 400;
        margin-right: 25px;
        display: inline-block;
      }
    }
    .page-links {
      a {
        display: inline-block;
        padding: 0 10px 2px;
        margin-right: 2px;
      }
      > span {
        display: inline-block;
        padding: 0 10px 2px;
        margin-right: 2px;
      }
    }
  }
}

.entry-box {
  .entry-content {
    &.kopa-no-sharing {
      min-height: 20px;
      .right-col {
        margin-left: 0;
      }
    }
  }
}

.about-author {
  margin-bottom: 30px;
  .author-avatar {
    margin-right: 30px;
    img {
      @include border-radius(50%);
    }
  }
  .author-content {
    h5 {
      font-weight: 400;
    }
  }
}

#related-article {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 15px;
  margin-bottom: 25px;
  h5 {
    font-weight: 400;
  }
  ul {
    margin: 0;
    li {
      @include kopa-float(none,10px 0 0,none);
      padding: 10px 0 0 18px;
      border-top-style: dotted;
      border-top-width: 1px;
      position: relative;
      font-size: 16px;
      &:first-child {
        border-top: none;
        margin: 0;
        padding: 0 0 0 18px;
      }
      &:before {
        position: absolute;
        left:3px;
        top: 5px;
        width: 5px;
        height: 5px;
        content: "";
      }
      &:after {
        position: absolute;
        left:0;
        top: 8px;
        width: 5px;
        height: 5px;
        content: "";
      }
    }
  }
}

#comments {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 15px;
  margin-bottom: 25px;
  h5 {
    font-weight: 400;
  }
  .comments-list {
    margin: 0 0 20px;
    padding: 0;
    .comment,
    .pingback {
      @include kopa-float(none,20px 0 0,none);
      padding: 0;
      border-style: solid;
      border-width: 1px;
      padding: 20px 20px 5px;
      &:first-child {
        margin: 0;
      }
      .comment-wrap {
        .comment-avatar {
          margin-right: 20px;
          img {
            @include border-radius(50%);
          }
        }
        .comment-body {
          overflow: hidden;
          header {
            margin-bottom: 10px;
          }
          h6 {
            font-weight: 400;
            font-size: 14px;
            margin: -5px 0 0;
          }
          .comment-button {
            a {
              display: inline-block;
              font-weight: 300;
              padding: 0 5px;
              font-size: 12px;
            }
          }
        }
      }
    }
    .children {
      margin: 20px 0 0 120px;
    }
  }
  .kopa-comment-pagination {
    margin: 0;
    @include border-radius(0);
    height: 22px;
    a,
    span {
      display: inline-block;
      margin-right: 2px;
      padding: 0 10px 2px;
    }
  }
}

#respond {
  margin-bottom: 25px;
  .comments-form {
    margin: 0;
    p {
      margin-bottom: 20px;
    }
    label.required {
      display: none;
    }
    input[type="text"] {
      height: 30px;
      width: 100%;
      padding: 5px 10px;
      line-height: 18px;
      border-style: solid;
      border-width: 1px;
      background: none;
      @extend %transition;
    }
    textarea {
      background: none;
      border-style: solid;
      border-width: 1px;
      @extend %transition;
      padding: 5px 10px;
      height: 160px;
      width: 100%;
    }
    .input-submit {
      border: none;
      padding: 5px 15px;
      @extend %transition;
    }
  }
}

.kopa-carousel-4 {
  .item {
    img {
      width: 100%;
    }
  }
  .owl-controls {
    .owl-buttons {
      div {
        @extend %transition;
        height: 68px;
        width: 40px;
        position: absolute;
        top: 50%;
        margin: -34px 0 0;
        padding: 0;
        background-color: rgba(255,255,255,.75);
        @include opacity(1);
        @include border-radius(0);
        text-align: center;
        line-height: 66px;
        font-size: 40px;
        &:before {
          @extend %fa;
        }
        &.owl-prev {
          left: 0;
          &:before {
            content: "\f104";
          }
          &:after {
            @include before-right(34px,34px,15px,rgba(255,255,255,.75),0);
            @extend %transition;
          }
        }
        &.owl-next {
          right: 0;
          &:before {
            content: "\f105";
          }
          &:after {
            @include before-left(34px,34px,15px,rgba(255,255,255,.75),0);
            @extend %transition;
          }
        }
      }
    }
  }
}

.kopa-carousel-4 .owl-controls .owl-buttons div.owl-prev {
  &:hover {
    &:after {
      border-left-color: $color-hover;
    } 
  }   
}
.kopa-carousel-4 .owl-controls .owl-buttons div.owl-next {
  &:hover {
    &:after {
      border-right-color: $color-hover;
    } 
  }   
}


/*
Contact page
----------------------------------
*/
.kp-map-wrapper {
    margin-bottom: 25px;
    #kp-map {
    height: 560px;
    width: 100%; 
  }
}

.kopa-contact-info-box {
  header {
    text-align: center;
    margin-bottom: 55px;
    h2 {
      font-size: 36px;
      line-height: 40px;
      text-transform: uppercase;
    }
  }
  .contact-info-detail {
    padding: 50px 30px;
    margin-bottom: 90px;
    h6 {
      text-transform: uppercase;
      font-size: 13px;
      line-height: 18px;
      margin: 0 0 5px;
    }
    .contact-name,
    .contact-address,
    .contact-phone,
    .contact-mail {
      font-size: 24px;
      line-height: 28px;
      font-weight: 300;
    }
    .contact-name,
    .contact-phone {
      margin-bottom: 5px;
    }
    .contact-address {
      margin-bottom: 20px;
    }
    .driving-direction {
      display: inline-block;
      text-transform: uppercase;
      font-weight: 300;
      font-size: 14px;
      padding: 10px 30px;
    }
    .contact-phone {
      margin-top: 22px;
    }
    .contact-mail {
      margin-bottom: 32px;
    }
  }
}

#contact-box {
  .contact-form {
    margin: 0;
    .contact-left {
      width: 50%;
      padding-right: 10px;
      p {
        margin: 0 0 20px;
      }
    }
    .contact-right {
      width: 50%;
      padding-left: 10px;
      p {
        margin: 0 0 20px;
      }
    }
    input[type="text"] {
      height: 40px;
      border-style: solid;
      border-width: 1px;
      padding: 10px 20px;
      line-height: 18px;
      @extend %transition;
      width: 100%;
    }
    label.required {
      display: none;
    }
    .textarea-block {
      margin-bottom: 20px;
      textarea {
        border-style: solid;
        border-width: 1px;
        padding: 10px 20px;
        @extend %transition;
        width: 100%;
        height: 250px;
      }
    }
    .contact-button {
      margin: 0;
      .input-submit {
        font-size: 14px;
        padding: 10px 30px;
        line-height: 20px;
        border: none;
        @extend %transition;
      }
    }
  }
}


/*
404 page
----------------------------------
*/
.error-404 {
  padding:100px 0;
  position: relative;
  background-color: #fff;
  .left-col {
    width:41%;
    float:left;
    margin:0 2%;
    p {
      font-size:120px;
      font-weight:700;
      color: $color-hover;
      line-height:100px;
      text-align:right;
    }
  }
  .right-col {
    width:50%;
    float:left;
    margin:0 2%;
    h1 {
      margin-bottom:10px;
      font-size:29px;
      color: $color-hover;
      margin-top:0;
    }
    a {
      color: $color-heading;
      &:hover {
        color: $color-hover;
      }
    }
  }
}




/** 3.3 Widget **/

.widget {
  margin-bottom: 40px;
  ul {
    list-style-type: none;
    margin: 0;
    li {
      list-style-type: none;
      padding: 0;
    }
  }
  .widget-title {
    font-size: 36px;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin-bottom: 20px;
    .text-title {
      display: inline-block;
      border-top-style: solid;
      border-top-width: 2px;
      border-bottom-style: solid;
      border-bottom-width: 2px;
      padding: 5px 0;
    }
    .border-top,
    .border-bottom {
      width: 28px;
      height: 6px;
      position: absolute;
      left: 50%;
      margin-left: -14px;
    }
    .border-top {
      top: -2px;
    }
    .border-bottom {
      bottom: -2px;
    }
  }
}

.widget_text ul {
    list-style-type: square;
    margin: 5px 0;
}
.widget_text ul li {
    list-style-type: square;
    padding-left: 20px;
}
.widget_text ol li ol li,
.widget_text ul li ol li ol li {
    list-style: lower-alpha inside none;
}
.widget_text ol {
    counter-reset: item;
    display: block;
    margin: 5px 0;
    padding: 0 0 0 40px;
}

.widget {
  position: relative;
  .widget-title.widget-title-style-2 {
    padding-top: 43px;
    h5 {
      font-weight: 300;
      font-size: 18px;
      line-height: 22px;
      padding: 5px 0;
    }
    .widget-icon {
      position: absolute;
      top: 12px;
      left: 50%;
      margin: 0 0 0 -20px;
    }
  }
  .widget-title.widget-title-style-3 {
    text-transform: none;
    font-size: 16px;
    line-height: 20px;
    margin: -12px 0 20px;
    h6 {
      font-size: 16px;
      line-height: 20px;
      display: inline-block;
      margin: 0;
      padding: 2px 10px;
      position: relative;
      &:before {
        @include before-bottom(5px,5px,5px,$color-hover,-5px);
      }
    }
  }
  .widget-title.widget-title-style-4 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
  }
  .widget-title.widget-title-style-5 {
    font-size: 24px;
    line-height: 26px;
    margin: 0 0 15px;
    font-weight: 400;
  }
  .widget-title.widget-title-style-6 {
    font-size: 18px;
    font-weight: 300;
    position: relative;
    &:before {
      @include before-right(24px,23px,20px,$color-hover,0px);
    }
    .rectangle {
      position: absolute;
      top: -10px;
      left: -20px;
      width: 40px;
      height: 29px;
      &:before {
        @include before-right(15px,14px,15px,$color-01,0);
        right: auto;
        left: 0;
      }
      &:after {
        @include before-left(10px,0px,20px,$color-010,0);
        left: auto;
        right: 0;
      }
    }
    h4 {
      font-size: 24px;
      margin: 0 40px 0 0;
      line-height: 28px;
      padding: 9px 15px 10px;
      position: relative;
      &:before {
        @include before-right(24px,23px,20px,$color-08,0px);
      }
    }
    a {
      line-height: 47px;
      text-transform: none;
    }
  }
  .widget-title.widget-title-style-7 {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
  }
  .widget-title.widget-title-style-8 {
    text-align: left;
    font-size: 18px;
    line-height: 22px;
    margin: 0 0 10px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 15px;
  }
  .widget-title.widget-title-style-9 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: 0 0 25px;
    span {
      font-size: 16px;
      font-weight: 300;
      display: block;
    }
  }
  .widget-title.widget-title-style-10 {
    .text-title {
      padding-bottom: 0;
      border-bottom: none;
    }
    .border-bottom {
      display: none;
    }
  }
  .widget-title.widget-title-style-11 {
    font-weight: 400;
    text-transform: none;
    span {
      display: block;
      font-size: 14px;
      font-weight: 300;
      line-height: 20px;
      margin-top: 8px;
    }
  }  
}

.kopa-hex {
  position: relative;
  width: 41px;
  height: 24px;
  .square-1 {
    display: block;
    line-height: 24px;
    position: relative;
    text-align: center;
    z-index: 2;
    font-size: 29px;
  }
  .square-2 {
    @extend %transition;
    backface-visibility: hidden;
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    
  }
  .square-3 {
    @extend %transition;
    backface-visibility: hidden;
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
  }
}

.kopa-hex-large {
  position: relative;
  width: 58px;
  height: 34px;
  .square-1 {
    display: block;
    line-height: 36px;
    position: relative;
    text-align: center;
    z-index: 2;
  }
  .square-2 {
    @extend %transition;
    backface-visibility: hidden;
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    -moz-transform: rotate(60deg);
    -webkit-transform: rotate(60deg);
    
  }
  .square-3 {
    @extend %transition;
    backface-visibility: hidden;
    background: inherit;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transform: rotate(-60deg);
    -ms-transform: rotate(-60deg);
    -webkit-transform: rotate(-60deg);
    -moz-transform: rotate(-60deg);
  }
}



/*
Kopa article list 1 widget
----------------------------------
*/
.kopa-article-list-1-widget {
  .last-item {
    position: relative;
    margin-bottom: 2px;
    .entry-thumb {
      position: relative;
      .entry-comments {
        position: absolute;
        right: 20px;
        top: 20px;
      }
    }
    .entry-content {
      position: absolute;
      left: 0;
      bottom: 20px;
      padding: 0 5px;
      width: 100%;
      .entry-content-inner {
        position: relative;
        .entry-author {
          font-size: 36px;
          line-height: 40px;
          font-style: normal;
          padding: 4px 10px 6px;
          margin-top: 2px;
        }
        .entry-categories {
          top: -18px;
          left: 5px;
        }
      }
    }
  }
  .older-post {
    margin: -2px -1px 0;
    li {
      @include kopa-float(left,2px 0 0,none);
      padding: 0 1px;
      width: 33.333333%;
      .entry-item {
        .entry-thumb {
          margin-bottom: 10px;
          position: relative;
          .entry-comments {
            position: absolute;
            top: 10px;
            right: 10px;
          }
        }
        .entry-content {          
          .entry-title {
            margin-bottom: 0;
          }
        }
      }
    }
  }
}

.col-b {
  .kopa-article-list-1-widget {
    .last-item {
      .entry-thumb {
        margin-bottom: 10px;
      }
      .entry-content {
        position: static;
        padding: 0;
        .entry-author {
          padding: 0;
          font-size: 16px;
          line-height: 20px;
          font-weight: 400;
        }
        .entry-categories {
          left: auto;
          right: 0;
          top: -25px;
        }
      }
    }
    .older-post {
      li {
        width: 100%;
        margin: 15px 0 0;
      }
    }
  }
}

.widget-area-3 {
  .kopa-article-list-1-widget {
    .last-item {
      .entry-content {
        .entry-author {
          font-size: 20px;
          line-height: 24px;
        }
      }
    }
    .older-post {
      li {
        width: 100%;
        margin: 15px 0 0;
      }
    }
  }
}

.entry-content {
  > div.meta-box {
    margin-bottom: 10px;
    line-height: 1;
    border-left: 4px solid $color-06;
    padding: 0 10px;
    .entry-author {
      margin-bottom: 5px;
    }
    .entry-date {
      display: block;
    }
  }
}


.entry-box header {
  .meta-box {
    margin-bottom: 20px;
    line-height: 1;
    .entry-author,
    .entry-date {
      margin-right: 15px;
      padding: 0 0 0 10px;
      border-left-style: solid;
      border-left-width: 4px;
    }
    .entry-categories {
      display: block;
      position: relative;
      background-color: transparent;
      padding: 0 0 0 10px;
      font-style: italic;
      font-size: 12px;
      font-weight: 300;
      border-left-style: solid;
      border-left-width: 4px;
      &:before {
        display: none;
      }
    }
    .entry-date {
      margin-right: 10px;
    }
  }
}



/*
Kopa direction vertical widget
----------------------------------
*/
.kopa-direction-vertical-widget {
  .kopa-direction-vertical-slider {
    li {
      .entry-thumb {
        position: relative;
        width: 90px;
      }
      > ul {
          border-top-style: solid;
          border-top-width: 1px;
          border-bottom-style: solid;
          border-bottom-width: 1px;
          margin: 0;
          height: 90px;
          width: 470px;
        li {
          border-top-style: dotted;
          border-top-width: 1px;
          line-height: 28px;
          max-height: 28px;
          overflow: hidden;
          padding: 0 10px;
          font-size: 14px;
          &:first-child {
            border-top: none;
          }
          span {
            margin-right: 5px;
          }
        }
      }
    }
    .flex-direction-nav {
      position: absolute;
      top: 0;
      right: 0;
      width: 45px;
      height: 100%;
      li {
        @include kopa-float(none,0,none);
        width:100%;
        height: 50%;
        a {
          position: static;
          @include opacity(1);
          margin: 0;
          text-indent: 0;
          display: block;
          text-align: center;
          line-height: 45px;
          height: 100%;
          width: 100%;
          font-size: 20px;
          text-shadow: 0 1px 5px rgba(0,0,0,.1);
          &:before {
            @extend %fa;
          }
          &.flex-prev {
            &:before {
              content: "\f077";
            }
          }
          &.flex-next {
            &:before {
              content: "\f078";
            }
          }
        }
      }
    }
  }
}

.kopa-home-4 {
  .kopa-direction-vertical-widget {
    .kopa-direction-vertical-slider {
      li {
        > ul {
          width: 635px;
        }
      }
    }
  } 
}

.sidebar .kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul {
  width: 205px;
}

.widget-area-1 .kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul {
  width: 1005px;
}

.widget-area-2 .kopa-direction-vertical-widget .kopa-direction-vertical-slider li > ul {
  width: 620px;
}


/*
Kopa article list 2 widget
----------------------------------
*/
.kopa-article-list-2-widget {
  ul {
    margin: -10px -5px 0;
    li {
      @include kopa-float(left,10px 0 0,none);
      padding: 0 5px;
      width: 33.333333%;
      .entry-item {
        position: relative;
        .entry-thumb {
          position: relative;
          .entry-categories {
            top: -10px;
          }
        }
        .entry-content {
          position: absolute;
          left: 0;
          bottom: 0;
          padding: 10px 15px;
          width: 100%;
          .entry-title {
            margin: 0;
            font-style: italic;
            font-size: 14px;
            line-height: 18px;
          }
          .entry-comments {
            position: absolute;
            right: 10px;
            top: -30px;
          }
        }
      }
    }
  }
}

.col-b,
.widget-area-3 {
  .kopa-article-list-2-widget {
    ul {
      li {
        width: 100%;
      }
    }
  }
}


/*
Kopa adv widget
----------------------------------
*/
.kopa-adv-1-widget {
  ul {
    margin: -20px -10px 0;
    li {
      @include kopa-float(left,20px 0 0,none);
      padding: 0 10px;
      width: 50%;
      > a {
        width: 100%;
        > img {
          width: 100%;
        }
      }
    }
  }
}

.col-b {
  .kopa-adv-1-widget {
    ul {
      li {
        width: 100%;
      }
    }
  }
}

.kopa-adv-2-widget {
  text-align: center;
}

/*
Kopa article list 3 widget
----------------------------------
*/
.kopa-article-list-3-widget {
  ul {
    margin: -20px -10px 0;
    li {
      @include kopa-float(left,20px 0 0,none);
      padding: 0 10px;
      width: 50%;      
      .entry-item {
        position: relative;
        border-style: solid;
        border-width: 1px;
        padding: 30px 20px 15px;
        .entry-thumb {
          position: relative;
          margin-bottom: 15px;
          .entry-categories {
            left: 10px;
            top: -12px;
          }
          .entry-comments {
            position: absolute;
            right: 10px;
            bottom: 10px;
          }
        }
        .entry-content {
          .meta-box {
            margin-bottom: 15px;
          }
          .entry-title {
            font-size: 24px;
            line-height: 28px;
            margin: 0;
          }
        }
      }
    }
  }
}

.col-b,
.widget-area-3 {
  .kopa-article-list-3-widget {
    ul {
      li {
        width: 100%;
      }
    }
  }
}


/*
Kopa twitter widget
----------------------------------
*/
.kopa-twitter-widget {
  padding-bottom: 20px;
  background: url(images/background/pattern-1.jpg) repeat-x 0 bottom;
  ul {
    margin: -5px 0 0;
    li {
      @include kopa-float(none,15px 0 0,none);
      padding: 12px 0 0;
      border-top-style: dotted;
      border-top-width: 1px;
      font-size: 14px;
      text-align: center;
      &:first-child {
        border-top: none;
        margin: 0;
        padding: 0;
      }
      .tweet-time {
        display: block;
      }
    }
  }
  .icon-bottom {
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    padding: 0 5px;
    margin-left: -39px;
    i {
      display: block;
      height: 10px;
      width: 68px;
      line-height: 10px;
      text-align: center;
    }
  }
}



/*
Kopa nothumb widget
----------------------------------
*/
.kopa-nothumb-widget {
  padding-bottom: 20px;
  background: url(images/background/pattern-1.jpg) repeat-x 0 bottom;
  ul {
    li {
      @include kopa-float(none,25px 0 0,none);
      &:first-child {
        margin: 10px 0 0;
      }
      .entry-item {
        text-align: center;
        .entry-author {
          position: relative;
          &:before {
            position: absolute;
            width: 30px;
            height: 4px;
            content:"";
            top: -12px;
            left: 50%;
            margin-left: -15px;
          }
        }
        .entry-title {
          margin-bottom: 5px;
        }
      }
    }
  }
  .icon-bottom {
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    padding: 0 5px;
    margin-left: -39px;
    i {
      display: block;
      height: 10px;
      width: 68px;
      line-height: 10px;
      text-align: center;
    }
  }
}



/*
Kopa article list 4 Widget
----------------------------------
*/
.kopa-article-list-4-widget {
  padding-bottom: 20px;
  background: url(images/background/pattern-1.jpg) repeat-x 0 bottom;
  ul {
    li {
      @include kopa-float(none,20px 0 0,none);
      &:first-child {
        margin: 0;
      }
      .entry-item {
        text-align: center;
        .entry-thumb {
          margin-bottom: 25px;
        }
        .entry-content {
          .entry-author {
            position: relative;
            &:before {
              position: absolute;
              width: 30px;
              height: 4px;
              content:"";
              top: -12px;
              left: 50%;
              margin-left: -15px;
            }
          }
          .entry-title {
            margin-bottom: 5px;
          }
        }
      }
    }
  }
  .icon-bottom {
    position: absolute;
    bottom: -4px;
    left: 50%;
    display: block;
    padding: 0 5px;
    margin-left: -39px;
    i {
      display: block;
      height: 10px;
      width: 68px;
      line-height: 10px;
      text-align: center;
    }
  }
}


/*
Kopa article list 5 Widget
----------------------------------
*/
.kopa-article-list-5-widget {
  border-style: solid;
  border-width: 1px;
  border-top-width: 2px;
  padding: 15px 20px;
  position: relative;
  ul {
    margin: -20px 0 0;
    li {
      @include kopa-float(none,20px 0 0,none);
      padding: 0;     
      .entry-item {
        position: relative;
        .entry-thumb {
          position: relative;
          margin-bottom: 15px;
          .entry-categories {
            left: 10px;
            top: -12px;
          }
          .entry-comments {
            position: absolute;
            right: 20px;
            bottom: 25px;
          }
        }
        .entry-content {
          .meta-box {
            margin-bottom: 15px;
          }
          .entry-title {
            font-size: 24px;
            line-height: 28px;
            margin: 0;
          }
        }
      }
    }
  }
  .widget-border-top {
    position: absolute;
    height: 6px;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: -4px;
  }
}

/*
Kopa Media widget
----------------------------------
*/
.kopa-media-widget {
  border-top-style: solid;
  border-top-width: 1px;
  padding-top: 12px;
  .widget-title.widget-title-style-5 {
    font-weight: 300;
  }
  .last-item  {
    .entry-thumb {
      margin-bottom: 15px;
    }
    .entry-content {
      padding: 0 15px 15px;
      position: relative;
      .entry-title {
        font-size: 16px;
        margin-bottom: 0;
        margin-right: 60px;
      }
      .play-icon {
        position: absolute;
        width: 34px;
        height: 34px;
        top: 0;
        right: 15px;
        @include border-radius(50%);
        text-align: center;
        line-height: 34px;
      }
    }
  }
  .widget-border-top {
    position: absolute;
    height: 6px;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: -4px;
  }
  .older-post {
    border-style: solid;
    border-width: 1px;
    padding-top: 10px;
    padding-bottom: 15px;
    li {
      @include kopa-float(none,15px 0 0,none);
      padding: 15px 15px 0;
      border-top-style: dotted;
      border-top-width: 1px;
      position: relative;
      &:first-child {
        border-top: none;
        margin: 0;
      }
      .entry-title {
        font-size: 14px;
        margin: 0 50px 0 0;
        text-transform: uppercase;
      }
      .play-icon {
        position: absolute;
        @include border-radius(50%);
        width: 20px;
        height: 20px;
        text-align: center;
        top: 17px;
        right: 15px;
        font-size: 9px;
      }
    }
  }
}


/*
Kopa recent comments widget
----------------------------------
*/
.kopa-recent-comments-widget {
  border-style: solid;
  border-width: 1px;
  padding-bottom: 15px;
  padding-top: 20px;
  ul {
    li {
      border-top-style: dotted;
      border-top-width: 1px;
      @include kopa-float(none,15px 0 0,none);
      padding: 15px 20px 0;
      &:first-child {
        border-top: none;
        margin: 0;
        padding-top: 10px;
      }
      .entry-item {
        .entry-thumb {
          float: left;
          margin-right: 20px;
          width: 60px;
          @include border-radius(50%);
          img {
            @include border-radius(50%);
          }
        }
        .entry-content {
          margin-left: 80px;
          p {
            margin-bottom: 7px;
          }
        }
      }
    }
  }
  .widget-border-top {
    position: absolute;
    height: 6px;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: -4px;
  }
}

.col-b {
  .kopa-recent-comments-widget {
    ul {
      li {
        .entry-item {
          .entry-thumb {
            width: 100%;
            margin: 0 0 15px 0;
          }
          .entry-content {
            margin-left: 0;
          }
        }
      }
    }
  }  
}


/*
Kopa slider with thumb widget
----------------------------------
*/
.kopa-slider-with-thumb-widget {
  .kopa-flex-carousel {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%;    
    ul {      
      width: 100% !important;
      li {
        display: inline-block !important;
        float: none !important;
        font-style: italic;
        width: auto !important;
        font-size: 14px;
        padding: 20px 30px 20px 25px;
        border-right-style: solid;
        border-right-width: 1px;
        cursor: pointer;
        @extend %transition;
        margin: 0 0 0 -5px;
        &:first-child {
          border-left-style: solid;
          border-left-width: 1px;
        }
        span {
          @extend %transition;
        }
      }
    }
  }
  .kopa-slider-width-thumb {
    .flex-direction-nav {
      a {
        width: 24px;
        height: 50px;
        margin: -40px 0 0;
        text-indent: 0;
        @include opacity(1);
        font-size: 80px;
        &:before {
          @extend %fa;
        }
        &.flex-prev {
          left: 30px;
          &:before {
            content: "\f104";
          }
        }
        &.flex-next {
          right: 30px;
          &:before {
            content: "\f105";
          }
        }
      }
    }
    .slides {
      padding-top: 40px;
      .entry-item {
        position: relative;
        .entry-content.kopa-hex {
          width: 135px;
          height: 79px;
          position: absolute;
          left: 50%;
          top: 0px;
          margin-left: -68px;
          font-size: 16px;
          text-align: center;
          .square-1 {
            font-size: 16px;
            .event-date {
              position: relative;
              display: block;
              margin-top: 5px;
              &:before {
                content: "";
                height: 1px;
                width: 40px;
                position: absolute;
                left: 50%;
                top: -5px;
                margin-left: -20px;
              }
            }
            .event-title {
              font-size: 18px;
              margin: 0;
              text-transform: uppercase;
              position: relative;              
            }
            a {
              font-size: 14px;
              font-style: italic;
              position: relative;
              &:before {
                content: "";
                height: 1px;
                width: 40px;
                position: absolute;
                left: 50%;
                bottom: -8px;
                margin-left: -20px;
              }
            }
          }
        }
      }
    }    
  }
}

.col-a .kopa-slider-with-thumb-widget .kopa-flex-carousel ul li,
.widget-area-2 .kopa-slider-with-thumb-widget .kopa-flex-carousel ul li {
  padding: 10px 10px 10px 5px;
}

.sidebar,
.col-b,
.widget-area-3 {
  .kopa-slider-with-thumb-widget .kopa-flex-carousel {
    display: none;
  }
}




/*
Kopa article list 6 widget
----------------------------------
*/
.kopa-article-list-6-widget {
  &:before {
    position: absolute;
    height: 1px;
    width:49px;
    content: "";
    left: 0;
    bottom: 0;
  }
  &:after {
    position: absolute;
    height: 1px;
    width:49px;
    content: "";
    right: 0;
    bottom: 0;
  }  
  .kopa-carousel-2 {
    position: relative;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    padding: 0 39px;
    &:before {
      position: absolute;
      height: 1px;
      width:49px;
      content: "";
      left: 0;
      top: 0;
    }
    &:after {
      position: absolute;
      height: 1px;
      width:49px;
      content: "";
      right: 0;
      top: 0;
    }
    .item {
      margin: 0 10px;
      .entry-item {
        position: relative;
        .entry-thumb {
          position: relative;
          .mask {
            position: absolute;
            top:0;
            left:0;
            width: 100%;
            height: 100%;
            background-color: rgba(0,0,0,.35);
            @extend %transition;
          }
        }
        .entry-content {
          position: absolute;
          top:0;
          left:0;
          width: 100%;
          padding: 15px 20px;
          text-align: center;
          span {
            text-transform: uppercase;
          }
          .entry-title {
            text-transform: uppercase;
            font-size: 18px;
            margin: 0;
            line-height: 22px;
          }
          .entry-author {
            font-style: normal;
            font-weight: 400;
          }
        }
        &:hover {
          .mask {
            @include opacity(0);
          }
        }
        .entry-point {
          position: absolute;
          bottom: 35px;
          right: 20px;
          .kopa-hex {
            position: absolute;
            top: 50%;
            left: 50%;
            width: 34px;
            height: 20px;
            margin: -10px 0 0 -17px;
            .square-1 {
              font-size: 18px;
              line-height: 20px;
            }
          }
        }
      }
    }
    .owl-controls {
      margin: 0;
      .owl-buttons {
        div {
          @include opacity(1);
          font-size: 44px;
          position: absolute;
          top: 50%;
          margin: -22px 0 0;
          padding: 0;
          @include border-radius(0);
          background: none;
          @extend %transition;
          &.owl-prev {
            left: 8px;
            &:before {
              content: "\f053";
            }
          }
          &.owl-next {
            right: 8px;
            &:before {
              content: "\f054";
            }
          }
          &:before {
            @extend %fa;
          }
        }
      }
    }
  }
}



/*
Kopa article list 7 widget
----------------------------------
*/
.kopa-article-list-7-widget {
  .last-item {
    width: 50%;
    padding: 0 0 0 25px;
    .entry-thumb {
      position: relative;
      margin-bottom: 15px;
      .entry-categories {
        top: -12px;
      }
      .entry-comments {
        right: 20px;
        position: absolute;
        bottom: 20px;
      }
    }
    .entry-title {
      font-size: 14px;
      margin: 0;
    }
  }
  .older-post {
    width: 50%;
    padding: 0 25px 0 0;
    li {
      margin: 20px 0 0;
      &:first-child {
        margin: 0;
      }
      .entry-item {
        .entry-thumb {
          margin-right: 20px;
        }
        .entry-content {
          .entry-title {
            font-size: 14px;
            margin: -5px 0 0;
          }
        }
      }
    }
  }
}

.col-a {
  .kopa-article-list-7-widget {
    .older-post {
      li {
        .entry-item {
          .entry-thumb {
            margin: 0 0 15px 0;
            width: 100%;
            float: none;
          }
          .entry-content {
            .entry-title {
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}

.col-b {
  .kopa-article-list-7-widget {
    .widget-title.widget-title-style-6 {
      &:before {
        border-width: 21px 0 20px 20px;
      }
      h4 {
        font-size: 16px;
        line-height: 22px;
        &:before {
          border-width: 21px 0 20px 20px;
        }
      }
      .load-more {
        display: none;
      }
    }
    .last-item {
      width: 100%;
      padding: 0;
      margin-bottom: 20px;
    }
    .older-post {
      width: 100%;
      padding: 0;
      li {
        .entry-item {
          .entry-thumb {
            margin: 0 0 15px 0;
            width: 100%;
            float: none;
          }
          .entry-content {
            .entry-title {
              margin-top: 0;
            }
          }
        }
      }
    }
  }
}

.sidebar,
.widget-area-3 {
  .kopa-article-list-7-widget {
    .widget-title.widget-title-style-6 {
      h4 {
        font-size: 16px;
      }
    }
    .last-item {
      width: 100%;
      padding: 0;
      margin-bottom: 20px;
    }
    .older-post {
      width: 100%;
      padding: 0;
    }
  }
}



/*
Kopa social links widget
----------------------------------
*/
.kopa-social-links-widget {
  .social-links {
    margin: -30px -10px 0;
    li {
      width: 32px;
      height: 18px;
      a {
        line-height: 18px;
        font-size: 14px;
      }
      &:first-child {
        line-height: 18px;
        width: auto;
        background: none;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 18px;
        margin-right: 40px;
      }
    }
  }  
}



/*
Kopa menu widget
----------------------------------
*/
.kopa-menu-widget {
  padding-top: 10px;
  border-top-style: solid;
  border-top-width: 1px;
  ul {
    margin: 0;
    li {
      @include kopa-float(left,0,none);
      padding: 0;
      line-height: 1;
      a {
        line-height: 1;
        display: block;
        padding: 0 8px;
        border-left-style: solid;
        border-left-width: 1px;
        font-weight: 300;
        text-transform: uppercase;
      }
      &:first-child {
        a {
          padding-left: 0;
          border-left: none;
        }
      }
    }
  }
}



/*
Kopa Contact Info Widget
----------------------------------
*/
.kopa-contact-info-widget {
  .contact-address {
    margin-bottom: 3px;
  }
  a {
    line-height: 1;
  }
  .contact-phone {
    padding-right: 10px;
    margin-right: 10px;
    border-right-style: solid;
    border-right-width: 1px;
  }
}




/*
Kopa Newsletter Widget
----------------------------------
*/
.kopa-newsletter-widget {
  p {
    margin-bottom: 15px;
    font-weight: 300;
  }
  .input-email {
    position: relative;
    .email {
      width: 315px;
      height: 40px;
      padding: 5px 10px;
      line-height: 30px;
      border: none;
      text-transform: uppercase;
      @extend %transition;
      font-weight: 300;
    }
    .submit {
      position: absolute;
      right: 0;
      top: 0;
      height: 40px;
      line-height: 40px;
      padding: 0 20px;
      font-weight: 300;
      text-transform: uppercase;
      @extend %transition;
      border: none;
    }
  }
}

.col-a .kopa-newsletter-2-widget .newsletter-form .input-email .email {
  width: 463px;
}



/*
Kopa carousel list 1 Widget
----------------------------------
*/
.kopa-carousel-list-1-widget {
  .kopa-carousel-1 {
    .item {
      .entry-item {
        position: relative;
        .entry-content {
          position: absolute;
          left: 0;
          bottom: 30px;
          padding: 0 30px;
          .entry-author {
            font-size: 36px;
            line-height: 40px;
            font-style: normal;
            padding: 4px 10px 6px;
            margin: 0 0 2px;
            text-transform: uppercase;
          }
          .entry-title {
            font-size: 36px;
            line-height: 40px;
            text-transform: uppercase;
            padding: 4px 10px 6px;
            font-weight: 300;
            margin: 0;
          }
          .entry-categories {
            left: 35px;
            top: -20px;
          }
        }
      }
    }
    .owl-controls {
      .owl-buttons {
        div {
          @extend %transition;
          height: 68px;
          width: 40px;
          position: absolute;
          top: 50%;
          margin: -34px 0 0;
          padding: 0;
          background-color: rgba(255,255,255,.75);
          @include opacity(1);
          @include border-radius(0);
          text-align: center;
          line-height: 66px;
          font-size: 40px;
          &:before {
            @extend %fa;
          }
          &.owl-prev {
            left: 0;
            &:before {
              content: "\f104";
            }
            &:after {
              @include before-right(34px,34px,15px,rgba(255,255,255,.75),0);
              @extend %transition;
            }
          }
          &.owl-next {
            right: 0;
            &:before {
              content: "\f105";
            }
            &:after {
              @include before-left(34px,34px,15px,rgba(255,255,255,.75),0);
              @extend %transition;
            }
          }
        }
      }
    }
  }
}

.kopa-carousel-list-1-widget .kopa-carousel-1 .owl-controls .owl-buttons div.owl-prev {
  &:hover {
    &:after {
      border-left-color: $color-hover;
    } 
  }   
}
.kopa-carousel-list-1-widget .kopa-carousel-1 .owl-controls .owl-buttons div.owl-next {
  &:hover {
    &:after {
      border-right-color: $color-hover;
    } 
  }   
}



/*
Kopa masonry list Widget
----------------------------------
*/
.kopa-masonry-list-widget {
  .widget-title {
    margin-bottom: 40px;
  }
  > ul {
    margin: -40px -15px 0;
    overflow: hidden;
    > li {
      padding: 0 15px;
      width: 33.2%;
      position: relative;
      @include kopa-float(left,35px 0px 0,none);
      .entry-item {
        .entry-thumb {
          position: relative;
          margin: 0 0 15px;
          .entry-categories {
            top: -12px;
          }
          .entry-comments {
            position: absolute;
            right: 20px;
            bottom: 20px;
          }
        }
        .entry-content {
          .meta-box {
            margin-bottom: 15px;
          }
          .entry-title {
            line-height: 30px;
            margin: 0;
          }
        }
      }
    }
  }
  footer {
    padding: 8px 0;
    margin: 40px 0 0;
    background-color: #f0f0f0;
    .load-more {
      display: inline-block;
      background: url('images/icons/load-more.png') 0 center no-repeat;
      padding: 0 0 0 30px;
      font-size: 14px;
    }
  }
}

.kopa-blog-4 {
  .kopa-masonry-list-widget {
    > ul {
      > li {
        width: 50%;
      }
    }
  }
}

.kopa-blog-3 {
  .kopa-masonry-list-widget {
    > ul {
      > li {
        width: 50%;
        &:first-child {
          width: 100%;
          .entry-item {
            .entry-content {
              .entry-title {
                font-size: 24px;
                line-height: 28px;
              }
            }
          }
        }
      }
    }
  }
}

.kopa-blog-6 {
  .kopa-masonry-list-widget {
    > ul {
      > li {
        width: 50%;
        .entry-item {
          .entry-thumb {
            .entry-comments {
              display: none;
            }
            .entry-point {
              position: absolute;
              bottom: 35px;
              right: 20px;
              .kopa-hex {
                position: absolute;
                top: 50%;
                left: 50%;
                width: 34px;
                height: 20px;
                margin: -10px 0 0 -17px;
                .square-1 {
                  font-size: 18px;
                  line-height: 20px;
                }
              }
            }
            .kopa-rating {
              position: absolute;
              right: 20px;
              bottom: 20px;
              padding: 2px 10px;
            }
          }
        }
      }
    }
  }
}



/*
Wordpress Widget Default
----------------------------------
*/
.widget_categories {
  ul {
    li {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 10px 0 0;
      padding: 0 20px 10px 20px;
      font-size: 14px;
      @extend %transition;
      &:first-child {
        margin: 0;
      }
      &:before {
        @extend %fa;
        content: "\f114";
        margin-right: 5px;
        font-size: 13px;
      }
      .children {
        li {
          border-bottom: none;
          padding-bottom: 0;
        }
      }
    }
  }
}

.widget_archive {
  ul {
    li {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 10px 0 0;
      padding: 0 20px 10px 20px;
      font-size: 14px;
      @extend %transition;
      &:first-child {
        margin: 0;
      }
      &:before {
        @extend %fa;
        content: "\f114";
        margin-right: 5px;
        font-size: 13px;
      }
      .children {
        li {
          border-bottom: none;
          padding-bottom: 0;
        }
      }
    }
  }
}

.widget_recent_comments,
.widget_recent_entries,
.widget_meta {
  ul {
    li {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 10px 0 0;
      padding: 0 20px 10px 20px;
      font-size: 14px;
      @extend %transition;
      &:first-child {
        margin: 0;
      }
    }
  }
}

.widget_pages {
  ul {
    li {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 10px 0 0;
      padding: 0 20px 10px 20px;
      font-size: 14px;
      @extend %transition;
      &:first-child {
        margin: 0;
      }
      .children {
        li {
          border-bottom: none;
          padding-bottom: 0;
        }
      }
    }
  }
}

.widget_nav_menu {
  ul {
    li {
      border-bottom-style: solid;
      border-bottom-width: 1px;
      margin: 10px 0 0;
      padding: 0 20px 10px 20px;
      font-size: 14px;
      @extend %transition;
      &:first-child {
        margin: 0;
      }
      .sub-menu {
        li {
          border-bottom: none;
          padding-bottom: 0;
        }
      }
    }
  }
}


.widget_tag_cloud {
  a {
  }
}

.widget_categories,
.col-b .widget_categories,
.widget_archive,
.col-b .widget_archive,
.widget_recent_comments,
.col-b .widget_recent_comments,
.widget_recent_entries,
.col-b .widget_recent_entries,
.widget_meta,
.col-b .widget_meta,
.widget_pages,
.col-b .widget_pages,
.widget_nav_menu,
.col-b .widget_nav_menu {
  background: $color-013;
}

.widget_text {
  font-weight: 300;
}

.widget_calendar{
    table {
        line-height: 2;
        margin: 0;
        padding: 0;
        width: 100%;
        margin-top: -5px;
    }
    caption {         
        font-weight: 600;
        border-bottom: 1px solid $color-07;
        font-size: 16px;
        padding-bottom: 15px;
        line-height: 18px;
    }
    tfoot{
        border-top: 1px solid $color-07;
        font-weight: 700;
        td{
            padding-top: 15px;

        }
    }
    thead th {
        width: 14.285%;
        font-size: 16px;
        color: $color-hover;    
    }
    tbody td, thead th {
        text-align: center;
        text-align: center;
        font-weight: 600;
        border-bottom: 1px solid $color-07;
        font-size: 14px;
        margin-bottom: 15px;
        padding-bottom: 12px;
        padding-top: 15px;
        line-height: 18px;
    }
    tbody a {
        color: $color-hover;
        display: block;
    }
    #prev {
        padding-left: 5px;
    }
    #next {
        padding-right: 5px;
        text-align: right;
    }
}

.widget_search {
  .search-form {
    .search-text {
      border: 1px solid $color-07;
      height: 30px;
      padding: 5px 10px;
      line-height: 18px;
      @extend %transition;
      width: 280px;
      &:focus {
        border-color: $color-hover;
      }
    }
    .search-submit {
      height: 30px;
      padding: 0 20px;
      line-height: 30px;
      background-color: $color-hover;
      border: none;
      color: $color-01;
      @extend %transition;
      &:hover {
        background-color: $color-heading;
      }
    }
  }
}

.widget_rss{
  .widget-title .rsswidget {
      font-family: inherit;
      font-size: inherit;
      color: inherit;
      text-transform: inherit;
      font-weight: inherit;
      float: none;
  }
  > ul{
      > li{
          a{
            color: $color-hover;
          }
      }
  }
}



/*
Kopa tab 1 widget
----------------------------------
*/
.kopa-tab-1-widget {
  padding-top: 25px;
  .widget-icon {
    position: absolute;
    left: 50%;
    margin: 0 0 0 -20px;
    top: -3px;
    z-index: 1;
    .square-1 {
      font-size: 24px;
    }
  }
  .kopa-tabs-2 {
    margin-bottom: 15px;
  }
  .tab-content {
    ul {
      margin: 0;
      li {
        @include kopa-float(none,20px 0 0,none);
        &:first-child {
          margin: 0;
        }
        .entry-item {
          overflow: hidden;
          .entry-thumb {
            margin-right: 20px;
            width: 152px;
          }
          .entry-content {
            overflow: hidden;
            .entry-title {
              margin: 0;
            }
          }
        }
      }
    }
  }  
}

.col-b .nav-tabs.kopa-tabs-2 > li a {
  padding: 5px;
  font-size: 13px;
}
.col-b .kopa-tab-1-widget .tab-content ul li .entry-item .entry-thumb {
  width: 100%;
  margin: 0 0 15px 0;
  float: none !important;
}
.col-b .kopa-tab-1-widget .tab-content ul li .entry-item .entry-content {
  overflow: visible;
}
.widget-area-3 .nav-tabs.kopa-tabs-2 > li a {
  padding: 9px 20px;
}

/*
Kopa newsletter 2 widget
----------------------------------
*/
.kopa-newsletter-2-widget {
  border-style: solid;
  border-width: 1px;
  padding: 15px 20px 20px;
  .widget-border-top {
    position: absolute;
    height: 6px;
    width: 30px;
    left: 50%;
    margin-left: -15px;
    top: -4px;
  }
  .newsletter-form {
    .input-email {
      margin: 0;
      position: relative;
      .email {
        border: none;
        background-color: #6c6c6b;
        padding: 10px;
        line-height: 20px;
        height: 40px;
        text-transform: uppercase;
        font-weight: 300;
        @extend %transition;
        width: 243px;
      }
      .submit {
        @extend %transition;
        padding: 10px 20px;
        line-height: 20px;
        height: 40px;
        text-transform: uppercase;
        font-weight: 300;
        border: none;
        position: absolute;
        right: 0;
        top: 0;
      }
    }
  }
}

/*
Kopa list posts 1 widget
----------------------------------
*/
.kopa-list-post-1-widget {
  > ul {
    > li {
      position: relative;
      background: url("images/background/pattern-1.jpg") repeat-x 0 top;
      padding-top: 55px;
      margin: 30px 0 0;
      &:first-child {
        margin: 0;
        padding: 0;
        background: none;
        .icon-bottom {
          display: none;
        }
      }
      .icon-bottom {
        position: absolute;
        top:-4px;
        left: 50%;
        display: block;
        padding: 0 5px;
        margin-left: -39px;
        i {
          display: block;
          height: 10px;
          line-height: 10px;
          width: 68px;
          text-align: center;
        }
      }
      .entry-item {
        .entry-thumb {
          margin: 0 0 15px;
          position: relative;
          .entry-categories {
            top: -12px;
          }
        }
        .entry-content {
          text-align: center;
          .meta-box {
            display: inline-block;
            margin-bottom: 15px;
          }
          .entry-title {
            font-size: 24px;
            line-height: 28px;
          }
          .social-links {
            display: inline-block;
            margin-top: 0;
          }
        }
      }
      .kopa-carousel-3 {
        .item {
          img {
            width: 100%;
          }
        }
        .owl-controls {
          .owl-buttons {
            div {
              @extend %transition;
              height: 68px;
              width: 40px;
              position: absolute;
              top: 50%;
              margin: -34px 0 0;
              padding: 0;
              background-color: rgba(255,255,255,.75);
              @include opacity(1);
              @include border-radius(0);
              text-align: center;
              line-height: 66px;
              font-size: 40px;
              &:before {
                @extend %fa;
              }
              &.owl-prev {
                left: 0;
                &:before {
                  content: "\f104";
                }
                &:after {
                  @include before-right(34px,34px,15px,rgba(255,255,255,.75),0);
                  @extend %transition;
                }
              }
              &.owl-next {
                right: 0;
                &:before {
                  content: "\f105";
                }
                &:after {
                  @include before-left(34px,34px,15px,rgba(255,255,255,.75),0);
                  @extend %transition;
                }
              }
            }
          }
        }
      }
    }
  }
  footer {
    padding: 8px 0;
    margin: 40px 0 0;
    background-color: #f0f0f0;
    .load-more {
      display: inline-block;
      background: url('images/icons/load-more.png') 0 center no-repeat;
      padding: 0 0 0 30px;
      font-size: 14px;
    }
  }
}

.kopa-list-post-1-widget .kopa-carousel-3 .owl-controls .owl-buttons div.owl-prev {
  &:hover {
    &:after {
      border-left-color: $color-hover;
    } 
  }   
}
.kopa-list-post-1-widget .kopa-carousel-3 .owl-controls .owl-buttons div.owl-next {
  &:hover {
    &:after {
      border-right-color: $color-hover;
    } 
  }   
}

.kopa-blog-7 {
  .kopa-list-post-1-widget {
    > ul {
      > li {
        padding: 0;
        background: none;
        .icon-bottom {
          display: none;
        }
        .entry-item {
          .entry-content {
            text-align: left;
            .meta-box {
              display: block;
            }
            > p,
            .social-links {
              display: none;
            }
            .text-center {
              text-align: left;
            }
            .entry-title {
              margin: 0;
            }
          }
        }
      }
    }
  }  
}

/*
Kopa list posts 2 widget
----------------------------------
*/
.kopa-list-post-2-widget {
  > ul {
    > li {
      @include kopa-float(none,40px 0 0,none);
      &:first-child {
        margin: 0;
      }
      .entry-item {
        .entry-thumb {
          position: relative;
          float: left;
          margin-right: 30px;
          width: 285px;
          .entry-categories {
            top: -12px;
          }
          .entry-comments {
            position: absolute;
            right: 20px;
            bottom: 20px;
          }
        }
        .entry-content {
          overflow: hidden;
          .meta-box {
            margin-bottom: 15px;
          }
          .entry-title {
            font-size: 24px;
            line-height: 28px;
          }
        }
      }
    }
  }
}


/*
Kopa gallery masonry widget
----------------------------------
*/
.kopa-gallery-masonry-widget {
  .filter-options {
    margin-bottom: 40px;
    text-align: center;
    .filters {
      display: inline-block;
      span {
        text-transform: uppercase;
        display: block;
        float: left;
        margin: 0 0 0 10px;
        padding: 10px 15px 11px;
        position: relative;
        color: $color-heading;
        cursor: pointer;
        @extend %transition;
        font-weight: 300;
        line-height: 1;
        &:first-child {
          margin: 0;
        }
        &.active {
          
        }
      }
    }
  }
  .kopa-gallery-list-wrapper {
    overflow: hidden;
    .kopa-gallery-list {
      margin: 0;
      .gallery-item {
        width: 20%;
        &.width-1 {
          width: 40%;
        }
        @include kopa-float(left,0,none);
        .entry-item {
          position: relative;
          .entry-thumb {
            position: relative;
            .mask {
              position: absolute;
              left: 0;
              top: 0;
              width: 100%;
              height: 100%;
              @extend %transition;
              a {
                display: block;
                width:100%;
                height: 100%;
                background-color: rgba(0,0,0,.2);
                text-align: center;
                position: relative;
                line-height: 1;
                span {
                  width: 60px;
                  height: 60px;
                  position: absolute;
                  left:50%;
                  top: 50%;
                  margin: -30px 0 0 -30px;
                  text-transform: uppercase;
                  font-size: 14px;
                  line-height: 18px;
                  @include opacity(0);
                  @extend %transition;
                }
              }
              &:hover {
                padding: 20px;
                a {
                  background-color: rgba(0,0,0,.7);
                  span {
                    @include opacity(1);
                  }
                }
              }              
            }
          }
          .entry-content {
            position: absolute;
            left: 0;
            width: 100%;
            bottom: 25px;
            padding: 0 30px;
            .entry-title {
              font-size: 16px;
              line-height: 20px;
              margin: 0;
              text-shadow: 0 1px 9px rgba(0,0,0,.25);
            }
            .entry-author {
              font-size: 12px;
              font-style: normal;
              font-weight: 400;
              text-shadow: 0 1px 9px rgba(0,0,0,.25);
            }
          }
        }
      }
    }
  }
  footer {
    padding: 8px 0;
    margin: 40px 0 0;
    background-color: #f0f0f0;
    .load-more {
      display: inline-block;
      background: url('images/icons/load-more.png') 0 center no-repeat;
      padding: 0 0 0 30px;
      font-size: 14px;
    }
  }
}

.kopa-portfolio-2 {
  .kopa-gallery-masonry-widget {
    .kopa-gallery-list-wrapper {
      .kopa-gallery-list {
        .gallery-item {
          &.width-1 {
            width: 20%;
          }
        }
      }
    }
  }
}

/*--- Search Page ---*/
.kopa-list-search-widget {
  > ul {
    margin: 0;
    padding: 0;
    > li {
      padding: 15px 0 0;
      @include kopa-float(none,5px 0 0,none);
      border-top-width: 1px;
      border-top-style: solid;
      &:first-child {
        padding: 0;
        margin: 0;
        border-top: none;
      }
    }
  }
  .meta-box {
    margin-bottom: 15px;
    line-height: 1;
    .entry-author,
    .entry-date {
      margin-right: 15px;
      padding: 0 0 0 10px;
      border-left-style: solid;
      border-left-width: 4px;
    }
    .entry-categories {
      display: block;
      position: relative;
      background-color: transparent;
      padding: 0 0 0 10px;
      font-style: italic;
      font-size: 12px;
      font-weight: 300;
      border-left-style: solid;
      border-left-width: 4px;
      &:before {
        display: none;
      }
    }
    .entry-date {
      margin-right: 10px;
    }
  }
}



/** 3.4 Bottom sidebar **/ 
#bottom-sidebar {
  #bottom-logo {
    text-align: center;
    margin-top: -33px;
    a {
      img {
        max-width: 100%;
      }
    }
  }
  .widget {
    margin-bottom: 30px;
  }
  .kopa-social-links-widget {
    margin-bottom: 40px;
  }
}

/**
* 4.0 Footer
* -----------------------------------------------------------------------------
*/
#kopa-page-footer {
  padding: 10px 0;
  position: relative;
  #copyright {
    margin: 0;
    font-size: 12px;
  }
}

#back-top {
  margin-bottom:0;
  z-index:100;
  a {      
    .back-top-text {
      text-transform: uppercase;
      font-weight: 300;
      margin-right: 10px;
    }
    .back-top-icon {
      border-style: solid;
      border-width: 1px;
      width: 20px;
      height: 20px;
      line-height: 18px;
      @include border-radius(50%);
      text-align: center;
    }
  }
}



/* WORDPRESS REQUIRED BY THEME-CHECK */

.wp-caption{
    font-size: inherit;
}
.wp-caption-text{
    font-size: inherit;
}
.sticky{
    font-size: inherit;
}
.gallery-caption{
    font-size: inherit;
}
.bypostauthor{
    font-size: inherit;
}
.kopa-main-col{
    img{
        max-width: 100%;
    }
}
.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;
}