/*
Theme Name: Divine
Theme URI: http://kopatheme.com/demo/divine-demo-page/
Author: Kopatheme
Author URI: http://kopatheme.com/
Description: Divine theme is designed for portfolios, corporate and e-commerce with flexible layout. The theme is based on KOPATHEME layout manager technique that will let you flexibility choose layout options of every pages within your site. It is very helpful when you are experimenting with visual hierarchy. You can define unlimited sidebar for widget areas, and with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site
Version: 2.0.13
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-menu, featured-images, microformats, post-formats, sticky-post, translation-ready
Text Domain: divine
Requires at least: 3.8
Tested up to: 4.2.2



/**
 * Table of Contents:
 *
 * 1.0 - Repeatable Patterns
 * 2.0 - Basic Structure
 * 3.0 - Header
 * 4.0 - Navigation
 * 5.0 - Widget
 * 6.0 - Content
        6.1 - Home Page
        6.2 - Sub Page
 * 7.0 - Footer
 * -----------------------------------------------------------------------------
 */
/**
 * SASS variables and functions
 * -----------------------------------------------------------------------------
 */
/***  %Name  ***/
a, .kopa-button, .search-box .search-form .search-submit, .main-menu > li > a:before, .main-menu > li > a:after, .home-slider-widget .kopa-home-slider .flex-direction-nav li, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li, .kopa-portfolio-widget .author-info .social-links li, .portfolio-list .portfolio-item .portfolio-thumb .thumb-hover, .portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul, .kopa-newsletter-widget .newsletter-form .input-email .email, .kopa-newsletter-widget .newsletter-form .input-email .submit, .filters-options li, .filters-options2 li, .filters-options li:before, .filters-options2 li:before, .filters-options li:after, .filters-options2 li:after, .kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover, .kopa-loadmore span:hover, #back-top a, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul, .kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li, .contact-button > span input {
  transition: all .3s;
  -ms-transition: all .3s;
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
}

.main-nav-mobile .main-menu-mobile > li span:after, .main-nav-mobile .main-menu-mobile > li.open span:after, .widget_categories > ul > li:before, .widget_categories ul.menu > li:before,
.widget_recent_entries > ul > li:before,
.widget_recent_entries ul.menu > li:before,
.widget_archive > ul > li:before,
.widget_archive ul.menu > li:before,
.widget_meta > ul > li:before,
.widget_meta ul.menu > li:before,
.widget_nav_menu > ul > li:before,
.widget_nav_menu ul.menu > li:before,
.widget_pages > ul > li:before,
.widget_pages ul.menu > li:before,
.widget_recent_comments > ul > li:before,
.widget_recent_comments ul.menu > li:before,
.widget_rss > ul > li:before,
.widget_rss ul.menu > li:before, .kopa-testimonial-2-widget .item > p:before, .kopa-testimonial-2-widget .item > p:after, .portfolio-thumb .thumb-icon, .entry-thumb .thumb-icon, .kopa-pagination a.prev, .kopa-pagination a.next, .contact-button > span:before {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.column, .kopa-tab-2-widget, .social-links, .main-nav, .main-nav-mobile, #footer-nav, .widget_categories,
.widget_recent_entries,
.widget_archive,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_rss, .widget, .kopa-mission-list, .kopa-event-widget, .kopa-entry-list {
  list-style: none;
  padding: 0;
}
.column ul, .kopa-tab-2-widget ul, .social-links ul, .main-nav ul, .main-nav-mobile ul, #footer-nav ul, .widget_categories ul,
.widget_recent_entries ul,
.widget_archive ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_rss ul, .widget ul, .kopa-mission-list ul, .kopa-event-widget ul, .kopa-entry-list ul, .column ol, .kopa-tab-2-widget ol, .social-links ol, .main-nav ol, .main-nav-mobile ol, #footer-nav ol, .widget_categories ol,
.widget_recent_entries ol,
.widget_archive ol,
.widget_meta ol,
.widget_nav_menu ol,
.widget_pages ol,
.widget_recent_comments ol,
.widget_rss ol, .widget ol, .kopa-mission-list ol, .kopa-event-widget ol, .kopa-entry-list ol {
  list-style: none;
  padding: 0;
}

.main-menu > li ul li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .article-list-1 > ul li:first-child, .kopa-twitter-widget > ul li:first-child, .kopa-twitter-widget .owl-carousel .item > ul li:first-child, .kopa-mission-list li:first-child, .kopa-event-widget .kopa-event-content .event-post-content > ul li:first-child, .kopa-rating ul li:first-child, .social-links.style2 li:first-child {
  margin: 0;
  padding: 0;
  border: 0;
}

.pricing-table:before, .kopa-tab-2-widget .nav-tabs li:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-60:before, .wrapper:before, .widget:before, .kopa-portfolio-widget .portfolio-detail:before, .kopa-area:before, .kopa-area-3:before, .kopa-portfolio-2-widget:before, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:before, .kopa-event-widget .kopa-event-content:before, .entry-meta:before, .left-area:before, .right-area:before, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:before, .kopa-rating ul:before, #comments .kopa-pagination:before, .single-other-post:before, .kopa-tagline-2-widget .tagline-left:before, .pricing-table:after, .kopa-tab-2-widget .nav-tabs li:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-60:after, .wrapper:after, .widget:after, .kopa-portfolio-widget .portfolio-detail:after, .kopa-area:after, .kopa-area-3:after, .kopa-portfolio-2-widget:after, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:after, .kopa-event-widget .kopa-event-content:after, .entry-meta:after, .left-area:after, .right-area:after, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:after, .kopa-rating ul:after, #comments .kopa-pagination:after, .single-other-post:after, .kopa-tagline-2-widget .tagline-left:after {
  content: "";
  display: table;
}
.pricing-table:after, .kopa-tab-2-widget .nav-tabs li:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-60:after, .wrapper:after, .widget:after, .kopa-portfolio-widget .portfolio-detail:after, .kopa-area:after, .kopa-area-3:after, .kopa-portfolio-2-widget:after, .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption:after, .kopa-event-widget .kopa-event-content:after, .entry-meta:after, .left-area:after, .right-area:after, .kopa-portfolio-page .kopa-portfolio-widget .portfolio-list:after, .kopa-rating ul:after, #comments .kopa-pagination:after, .single-other-post:after, .kopa-tagline-2-widget .tagline-left:after {
  clear: both;
}

/*** Functions ***/
/*** Thriller ***/
.entry-date.style1 > span.entry-day {
  text-shadow: #00719f 1px 1px, #00719f 2px 2px, #00719f 3px 3px, #0071a0 4px 4px, #0071a0 5px 5px, #0072a0 6px 6px, #0072a0 7px 7px, #0072a1 8px 8px, #0072a1 9px 9px, #0072a1 10px 10px, #0073a1 11px 11px, #0073a2 12px 12px, #0073a2 13px 13px, #0073a2 14px 14px, #0073a3 15px 15px, #0074a3 16px 16px, #0074a3 17px 17px, #0074a3 18px 18px, #0074a4 19px 19px, #0074a4 20px 20px, #0074a4 21px 21px, #0075a4 22px 22px, #0075a5 23px 23px, #0075a5 24px 24px, #0075a5 25px 25px, #0075a5 26px 26px, #0076a6 27px 27px, #0076a6 28px 28px, #0076a6 29px 29px, #0076a7 30px 30px, #0076a7 31px 31px, #0077a7 32px 32px, #0077a7 33px 33px, #0077a8 34px 34px, #0077a8 35px 35px, #0077a8 36px 36px, #0077a8 37px 37px, #0078a9 38px 38px, #0078a9 39px 39px, #0078a9 40px 40px, #0078a9 41px 41px, #0078aa 42px 42px, #0079aa 43px 43px, #0079aa 44px 44px, #0079ab 45px 45px, #0079ab 46px 46px, #0079ab 47px 47px, #007aab 48px 48px, #007aac 49px 49px, #007aac 50px 50px, #007aac 51px 51px, #007aac 52px 52px, #007aad 53px 53px, #007bad 54px 54px, #007bad 55px 55px, #007bae 56px 56px, #007bae 57px 57px, #007bae 58px 58px, #007cae 59px 59px, #007caf 60px 60px, #007caf 61px 61px, #007caf 62px 62px, #007caf 63px 63px, #007db0 64px 64px, #007db0 65px 65px, #007db0 66px 66px, #007db0 67px 67px, #007db1 68px 68px, #007eb1 69px 69px, #007eb1 70px 70px, #007eb2 71px 71px, #007eb2 72px 72px, #007eb2 73px 73px, #007eb2 74px 74px, #007fb3 75px 75px, #007fb3 76px 76px, #007fb3 77px 77px, #007fb3 78px 78px, #007fb4 79px 79px, #0080b4 80px 80px, #0080b4 81px 81px, #0080b4 82px 82px, #0080b5 83px 83px, #0080b5 84px 84px, #0081b5 85px 85px, #0081b6 86px 86px, #0081b6 87px 87px, #0081b6 88px 88px, #0081b6 89px 89px, #0081b7 90px 90px, #0082b7 91px 91px, #0082b7 92px 92px, #0082b7 93px 93px, #0082b8 94px 94px, #0082b8 95px 95px, #0083b8 96px 96px, #0083b9 97px 97px, #0083b9 98px 98px, #0083b9 99px 99px, #0083b9 100px 100px, #0084ba 101px 101px, #0084ba 102px 102px, #0084ba 103px 103px, #0084ba 104px 104px, #0084bb 105px 105px, #0084bb 106px 106px, #0085bb 107px 107px, #0085bb 108px 108px, #0085bc 109px 109px, #0085bc 110px 110px, #0085bc 111px 111px, #0086bd 112px 112px, #0086bd 113px 113px, #0086bd 114px 114px, #0086bd 115px 115px, #0086be 116px 116px, #0087be 117px 117px, #0087be 118px 118px, #0087be 119px 119px, #0087bf 120px 120px, #0087bf 121px 121px, #0087bf 122px 122px, #0088bf 123px 123px, #0088c0 124px 124px, #0088c0 125px 125px, #0088c0 126px 126px, #0088c1 127px 127px, #0089c1 128px 128px, #0089c1 129px 129px, #0089c1 130px 130px, #0089c2 131px 131px, #0089c2 132px 132px, #008ac2 133px 133px, #008ac2 134px 134px, #008ac3 135px 135px, #008ac3 136px 136px, #008ac3 137px 137px, #008bc4 138px 138px;
}

/**
 * 1.0 Repeatable Patterns
 * -----------------------------------------------------------------------------
 */
html {
  overflow-x: hidden;
}

.row {
  margin-right: -10px;
  margin-left: -10px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2,
.col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3,
.col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4,
.col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7,
.col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8,
.col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9,
.col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12,
.col-sm-12, .col-md-12, .col-lg-12 {
  padding-right: 10px;
  padding-left: 10px;
}

::selection {
  background: #008bc4;
  color: #fff;
  text-shadow: none;
}

::-moz-selection {
  background: #008bc4;
  color: #fff;
  text-shadow: none;
}

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

a {
  /*color: #333333;*/
color: #023670;
  text-decoration: none !important;
  outline: none !important;
}
a:hover, a:active {
  color: #008bc4;
  text-decoration: none;
}
a:focus {
  outline: none;
}

ol {
  margin: 0px;
  padding: 0;
}

ul {
  margin: 0px;
  padding: 0;
}

ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol {
  list-style: decimal inside;
}

ul {
  list-style: disc inside;
}

ol li ul, ol li ol, ul li ul, ul li ol {
  padding-left: 15px;
}

p {
  margin: 0;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.list-inline > li:first-child {
  padding-left: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .widget-title.style2, .h2, .h3, .h4, .kopa-portfolio-widget .widget-title, .widget-title.style4, .h5, .h6, .filters-options li, .filters-options2 li, .kopa-loadmore span {
  font-family: "Open Sans", sans-serif;
  color: #333333;
  font-weight: 700;
  display: block;
  margin: 0 0 15px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .widget-title.style2 a, .h2 a, .h3 a, .h4 a, .kopa-portfolio-widget .widget-title a, .widget-title.style4 a, .h5 a, .h6 a, .filters-options li a, .filters-options2 li a, .kopa-loadmore span a {
  color: #333333;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .widget-title.style2 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .kopa-portfolio-widget .widget-title a:hover, .widget-title.style4 a:hover, .h5 a:hover, .h6 a:hover, .filters-options li a:hover, .filters-options2 li a:hover, .kopa-loadmore span a:hover {
  color: #008bc4;
}

h1, .h1, .widget-title.style2 {
  font-size: 22px;
  line-height: 30px;
}

h2, .h2 {
  font-size: 20px;
  line-height: 28px;
}

h3, .h3 {
  font-size: 18px;
  line-height: 26px;
}

h4, .h4, .kopa-portfolio-widget .widget-title, .widget-title.style4 {
  font-size: 18px;
  line-height: 26px;
}

h5, .h5 {
  font-size: 16px;
  line-height: 24px;
}

h6, .h6, .filters-options li, .filters-options2 li, .kopa-loadmore span {
  font-size: 14px;
  line-height: 22px;
}

.e-accordion .row, .e-button .row, .e-tabs .row {
  margin-top: 35px;
}

.element-wrap {
  margin-top: 60px;
}

.element-title {
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  color: #333333;
  padding-bottom: 15px;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom: 25px;
}

.e-heading p {
  margin-bottom: 15px;
}
.e-heading p:last-child {
  margin-bottom: 0;
}

/*----- blockquote -----*/
blockquote {
  background: url("images/background/bq.png") right bottom no-repeat;
  color: #333333;
  font-size: 18px;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 20px 20px 20px 25px;
  line-height: 24px;
  margin-bottom: 0;
  border: 1px solid #e8e8e8;
  position: relative;
}
blockquote:before {
  content: '';
  width: 4px;
  height: 100%;
  background: #008bc4;
  position: absolute;
  top: 0;
  left: 0;
}
blockquote.style-2 {
  border: none;
  background: none;
}
blockquote.style-2:before {
  content: '';
  width: 4px;
  height: 100%;
  background: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
}

.b-line {
  font-size: 16px;
  line-height: 22px;
  color: #888888;
  font-family: "Lato", sans-serif;
  margin-top: 5px;
}
.b-line span:first-child {
  width: 20px;
  height: 1px;
  background: #888888;
  display: block;
  float: left;
  margin: 11px 12px 0 0;
}

.element-wrap blockquote {
  margin-top: 30px;
}

/*----- Text style -----*/
.txt-highlight {
  background: #008bc4;
  color: #fff;
}

.txt-highlight-2 {
  background: #333333;
  color: #fff;
}

.txt-color {
  color: #333333;
}

.txt-decoration {
  color: #888888;
  text-decoration: underline;
}

.txt-decoration-2 {
  color: #008bc4;
  text-decoration: underline;
}

/*----- Column -----*/
.c-title {
  color: #333333;
  text-transform: uppercase;
  margin-top: 30px;
  margin-bottom: 10px;
  font-weight: 600;
}

.e-column .element-title {
  margin-bottom: 0;
}

/*----- Bootstrap collapse -----*/
.kopa-accordion-widget .widget-title.style3, .kopa-accordion-widget .widget-title.style5 {
  margin-bottom: 45px;
}

.panel-group {
  border: 1px solid #e8e8e8;
  border-top: 0;
  margin-bottom: 0px;
}
.panel-group .panel {
  border-radius: 0;
  box-shadow: none;
  border: none;
  margin: 0 !important;
}
.panel-group .panel .panel-heading {
  position: relative;
  border-top: 1px solid #e8e8e8;
  border-radius: 0;
  background: none;
  padding: 0;
}
.panel-group .panel .panel-heading > .panel-title a {
  font-family: "Open Sans", sans-serif;
  color: #333333;
  font-size: 16px;
  font-weight: 600;
  display: block;
  padding: 8px 12px 9px 55px;
}
.panel-group .panel .panel-heading > .panel-title a .b-collapse {
  text-align: center;
  position: absolute;
  top: 7px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 24px;
  margin-top: -15px;
  margin-left: -15px;
  display: block;
  color: #fff;
  background: #008bc4;
  font-weight: 700;
  cursor: pointer;
  margin: 0;
  left: 7px;
}
.panel-group .panel .panel-body {
  padding: 0 20px 20px 55px;
  border-top: 0 !important;
}

.kopa-toggle-widget .panel-group {
  border: none;
}
.kopa-toggle-widget .panel-group .panel {
  margin-top: 10px !important;
}
.kopa-toggle-widget .panel-group .panel:first-child {
  margin-top: 0px !important;
}
.kopa-toggle-widget .panel-group .panel .panel-heading {
  position: relative;
  border: none;
  background: #008bc4;
  padding: 0;
}
.kopa-toggle-widget .panel-group .panel .panel-heading > .panel-title a {
  color: #fff;
}
.kopa-toggle-widget .panel-group .panel .panel-heading > .panel-title a .b-collapse {
  color: #008bc4;
  background: #fff;
}
.kopa-toggle-widget .panel-group .panel .panel-body {
  padding: 15px 20px;
  border: 1px solid #e8e8e8 !important;
}

/*----- Pricing-table -----*/
.pricing-table {
  margin-top: 25px;
}

.column {
  text-align: center;
  position: relative;
  width: 100%;
}
.column.active .title-row {
  background: #008bc4;
  color: #fff;
}
.column.active .title-row span {
  background: #f6f6f6;
}
.column.active .pricing-row {
  background: #f6f6f6;
  border-bottom: 1px solid #e8e8e8;
}
.column.active .pricing-row span {
  color: #008bc4;
}
.column.active .footer-row .pt-btn {
  background: #008bc4;
  color: #fff;
}
.column ul li {
  /*padding: 15px 55px;*/
padding: 5px 5px;
  border: 1px solid #e8e8e8;
  border-top: none;
  color: #333333;
  :*font-size: 16px;*/
    font-size: 12px;
    text-align: left;
}
.column ul li:first-child {
  border: none;
/*---ajout jb--*/
  /*padding: 45px 20px 15px;
  font-size: 24px;*/
    padding: 5px 10px 5px;
    font-size: 12px;
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
margin-top: 20px;
}
.column ul li.normal-row:first-child {
  border-top: none;
}
.column ul li.title-row {
  line-height: 24px;
  background: #fff;
  color: #008bc4;
  text-transform: uppercase;
}
.column ul li.title-row span {
  width: 100%;
  /*height: 30px;*/
  background: #008bc4;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.column ul li.pricing-row {
  background: #008bc4;
  font-size: 24px;
  border: none;
  /*padding: 35px 35px 60px;*/
padding: 35px 25px 30px;
  position: relative;
}
.column ul li.pricing-row span {
  color: #fff;
}
.column ul li.pricing-row span.h1, .column ul li.pricing-row span.widget-title.style2 {
  font-weight: 400;
  text-transform: capitalize;
}
.column ul li.pricing-row span.pt-price {
  font-size: 55px;
  line-height: 55px;
  margin-top: 20px;
  display: block;
  font-weight: 700;
}
.column ul li.pricing-row span.triggle {
  content: '';
  position: absolute;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 20px solid white;
  top: 0;
  left: 50%;
  margin-left: -25px;
  bottom: -1px;
}
.column ul li.footer-row {
  padding: 25px 30px;
  line-height: 13px;
}
.column ul li.footer-row .pt-btn {
  color: #008bc4;
  line-height: 40px;
  padding: 10px 25px;
  border: 1px solid #008bc4;
}
.column ul li.footer-row .pt-btn:hover {
  background: #008bc4;
  color: #fff;
}

/*----- Tabs -----*/
.nav-tabs {
  background: none;
  margin-bottom: 0;
  border: 0;
}
.nav-tabs li > a {
  margin-right: 2px;
  border: 1px solid #e8e8e8;
  text-transform: none;
  background: none;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  color: #333333 !important;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  padding: 10px 30px;
  margin-bottom: 0px;
  border-bottom: 0;
  border-radius: 0;
  cursor: pointer !important;
  position: relative;
}
.nav-tabs li > a:hover {
  color: #333333 !important;
  border-top: 2px solid #008bc4;
  margin-bottom: -2px;
  border-bottom: 0;
  background: 0;
}
.nav-tabs li.active > a, .nav-tabs li.active > a:hover, .nav-tabs li.active > a:focus {
  color: #333333 !important;
  cursor: default;
  border-top: 2px solid #008bc4;
  margin-bottom: -2px;
  border-bottom: 0;
  background: 0;
}

.tab-content {
  border: 1px solid #e8e8e8;
  padding: 20px;
  background: #fff;
}

.kopa-tab-2-widget .nav-tabs {
  float: left;
}
.kopa-tab-2-widget .nav-tabs li {
  float: none;
  display: block;
  margin-top: 3px;
}
.kopa-tab-2-widget .nav-tabs li:first-child {
  margin: 0;
}
.kopa-tab-2-widget .nav-tabs li > a {
  margin: 0;
  border: 1px solid #e8e8e8;
  border-right: 0;
}
.kopa-tab-2-widget .nav-tabs li > a:hover {
  border: 1px solid #008bc4;
  border-right: 0;
  background: #008bc4;
  color: #fff !important;
}
.kopa-tab-2-widget .nav-tabs li.active > a, .kopa-tab-2-widget .nav-tabs li.active > a:hover, .kopa-tab-2-widget .nav-tabs li.active > a:focus {
  border: 1px solid #008bc4;
  border-right: 0;
  background: #008bc4;
  color: #fff !important;
}
.kopa-tab-2-widget .nav-tabs li.active > a:hover {
  margin-bottom: 0px;
}
.kopa-tab-2-widget .tab-content {
  overflow: hidden;
}

/*----- dropcap -----*/
.kopa-dropcap {
  color: #fff;
  background: #008bc4;
  display: inline-block;
  zoom: 1;
  float: left;
  font-size: 36px;
  font-weight: 600;
  line-height: 41px;
  margin: -10px 10px 0 0;
  text-align: center;
  padding: 6px 12px;
}

.kopa-dropcap.dc2 {
  color: #333333;
  background: none;
  line-height: 36px;
  margin: 5px 10px 0 0;
  text-align: center;
  padding: 0px 6px;
}

.kopa-dropcap.dc3 {
  background: #888888;
}

/*----- Divider -----*/
.kopa-divider {
  margin: 20px 0;
  height: 1px;
}

.divider-1 {
  border-top: 1px solid #e8e8e8;
}

.divider-2 {
  border-top: 2px dotted #e8e8e8;
  height: 2px;
}

.divider-3 {
  border-top: 2px dashed #e8e8e8;
  height: 2px;
}

.divider-4 {
  height: 12px;
  border-top: 1px double #e8e8e8;
  border-bottom: 1px double #e8e8e8;
}

/*----- Progress bar -----*/
.progress {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
  background: transparent;
  border-width: 1px;
  border-style: solid;
}
.progress .progress-bar {
  box-shadow: 0 0 0 0 transparent;
  -ms-box-shadow: 0 0 0 0 transparent;
  -moz-box-shadow: 0 0 0 0 transparent;
  -webkit-box-shadow: 0 0 0 0 transparent;
}
.progress .progress-bar-danger {
  background: #008bc4;
}

.progress.bar-success {
  border-color: #5CB85C;
}

.progress.bar-info {
  border-color: #5BC0DE;
}

.progress.bar-warning {
  border-color: #F0AD4E;
}

.progress.bar-danger {
  border-color: #008bc4;
}

/*----- Buttons -----*/
.kopa-button {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}

.small-button {
  margin-top: 26px;
}

.medium-button {
  margin-top: 16px;
}

.kopa-button {
  padding: 7px 25px;
  color: #fff;
  background: #008bc4;
  font-size: 15px;
/*---ajout jb --*/
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
}

.small-button {
  padding: 7px 25px;
}

.medium-button {
  padding: 12px 30px;
}

.big-button {
  padding: 20px 40px;
}

.color-button, .border-button:hover {
  color: #fff;
  background: #008bc4;
  border: 1px solid #008bc4;
}

.border-button, .color-button:hover {
  background: #fff;
  border: 1px solid #008bc4;
  color: #008bc4;
}

.span-button {
  background: #fff;
  border: 2px solid #008bc4;
  padding: 1px;
}
.span-button span {
  background: #008bc4;
  display: block;
/*--- ajout- jb--*/
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
}
.span-button.small-button > span {
  padding: 5px 24px;
}
.span-button.medium-button > span {
  padding: 10px 27px;
}
.span-button.big-button > span {
  padding: 18px 37px;
/*-------ajout jb-*/
    font-size: 20px;
font-weight: bold;
text-align: center;
}
.span-button:hover span {
  background: #fff;
}

/*----- Alert Box -----*/
.kopa-alert {
  margin-top: 20px;
}

.kopa-alert {
  padding: 10px 35px 10px 17px;
  color: #fff;
  position: relative;
  border: none;
}

.kopa-alert .close {
  opacity: 0.8;
  top: 0px;
  right: -18px;
  outline: none;
}

.kopa-alert.alert-warning {
  background: #fd9638;
}

.kopa-alert.alert-info {
  background: #4fc7ed;
}

.kopa-alert.alert-success {
  background: #35d05a;
}

.kopa-alert.alert-danger {
  background: #f25656;
}

/*----- Social Links -----*/
.social-links li {
  float: left;
  margin: 0 0 0 30px;
  list-style: none;
  font-size: 18px;
}
.social-links li:first-child {
  margin: 0;
}
.social-links li a {
  color: #b7b7b7;
}
.social-links li a:hover {
  color: #008bc4;
}

.search-box .search-form {
  position: relative;
  width: 210px;
}
.search-box .search-form .search-text {
  width: 100%;
  border: none;
  height: 36px;
  padding: 5px 36px 5px 15px;
  color: #848484;
  line-height: 26px;
  background: #f6f6f6;
  -webkit-box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
  -moz-box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
  box-shadow: inset 0px 2px 1px 0px rgba(235, 235, 235, 0.7);
}
.search-box .search-form .search-submit {
  position: absolute;
  right: 10px;
  top: 6px;
  border: none;
  background: none;
  font-size: 18px;
  padding: 0;
  color: #afb2b7;
}
.search-box .search-form .search-submit:hover {
  color: #008bc4;
}

.tp-rightarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(images/rs/next.png) no-repeat 0 0;
  width: 56px;
  height: 56px;
  right: 0 !important;
}

.tp-leftarrow.default {
  z-index: 100;
  cursor: pointer;
  position: relative;
  background: url(images/rs/prev.png) no-repeat 0 0;
  width: 56px;
  height: 56px;
  left: 0 !important;
}

/**
 * 2.0 Basic structure
 * -----------------------------------------------------------------------------
 */
body {
  background: #fafafa;
  position: relative;
  font-family: "Lato", sans-serif;
  color: #272626;
  line-height: 22px;
  font-size: 14px;
  overflow-x: hidden;
}

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

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

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

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

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

#main-content {
  position: relative;
}

.kopa-home-1 #main-content, .kopa-home-2 #main-content {
  margin-top: -260px;
}

.kopa-elements-page #main-content {
  margin-bottom: 60px;
}

body.kopa-elements-page {
  background: #fff;
}

#bottom-sidebar {
  /*background: #28292d;*/
  background: #0a1d3c;
  padding: 55px 0 0;
}

.entry-item, .service-item, .kopa-testimonial-widget .item {
  background: #fff;
}

.kopa-area .entry-item, .kopa-area .service-item, .kopa-area .kopa-testimonial-widget .item {
  background: none;
}

/**
 * 3.0 Header
 * -----------------------------------------------------------------------------
 */
/*   Preloader
--------------------------------------------------------------------------------*/
#preloader {
  position: fixed;
  width: 100%;
  height: 100%;
  margin: auto;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #222;
  z-index: 9999;
  text-align: center;
}
#preloader .inner {
  position: absolute;
  width: 150px;
  height: 266px;
  overflow: hidden;
  margin: auto;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 9;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
#preloader .inner .image {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
}
#preloader .inner .image > img {
  max-width: 50%;
  margin-top: 110px;
}
#preloader .inner .image .img2 {
  position: absolute;
  top: 30px;
  left: -27px;
  z-index: -1;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-animation: preloader-ef 10s ease infinite;
  -moz-animation: preloader-ef 10s ease infinite;
  animation: preloader-ef 10s ease infinite;
}

@-webkit-keyframes preloader-ef {
  0% {
    top: 30px;
    left: -27px;
  }

  10% {
    top: 50px;
    left: 27px;
  }

  20% {
    top: -40px;
    left: -15px;
  }

  30% {
    top: 40px;
    left: -20px;
    -webkit-transform: scale(1.3);
  }

  40% {
    top: 60px;
    left: 0px;
  }

  50% {
    top: 30px;
    left: -27px;
  }

  60% {
    top: 45px;
    left: 0px;
  }

  70% {
    top: -20px;
    left: 10px;
  }

  80% {
    top: 0px;
    left: -22px;
  }

  90% {
    top: 10px;
    left: 20px;
    -webkit-transform: scale(1.3);
  }

  100% {
    top: 30px;
    left: -27px;
  }
}
@-moz-keyframes preloader-ef {
  0% {
    top: 30px;
    left: -27px;
  }

  10% {
    top: 50px;
    left: 27px;
  }

  20% {
    top: -40px;
    left: -15px;
  }

  30% {
    top: 40px;
    left: -20px;
    -moz-transform: scale(1.3);
  }

  40% {
    top: 60px;
    left: 0px;
  }

  50% {
    top: 30px;
    left: -27px;
  }

  60% {
    top: 45px;
    left: 0px;
  }

  70% {
    top: -20px;
    left: 10px;
  }

  80% {
    top: 0px;
    left: -22px;
  }

  90% {
    top: 10px;
    left: 20px;
    -moz-transform: scale(1.3);
  }

  100% {
    top: 30px;
    left: -27px;
  }
}
@keyframes preloader-ef {
  0% {
    top: 30px;
    left: -27px;
  }

  10% {
    top: 50px;
    left: 27px;
  }

  20% {
    top: -40px;
    left: -15px;
  }

  30% {
    top: 40px;
    left: -20px;
    transform: scale(1.3);
  }

  40% {
    top: 60px;
    left: 0px;
  }

  50% {
    top: 30px;
    left: -27px;
  }

  60% {
    top: 45px;
    left: 0px;
  }

  70% {
    top: -20px;
    left: 10px;
  }

  80% {
    top: 0px;
    left: -22px;
  }

  90% {
    top: 10px;
    left: 20px;
    transform: scale(1.3);
  }

  100% {
    top: 30px;
    left: -27px;
  }
}
#preloader .circle-ef {
  width: 130px;
  height: 130px;
  position: absolute;
  border: 2px solid #303030;
  border-left-color: #008bc4;
  border-radius: 50%;
  margin: auto;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  left: 0;
  right: 0;
  top: 0;
  bottom: 23px;
  z-index: 99;
  -webkit-animation: circle-ef 1s linear infinite;
  -moz-animation: circle-ef 1s linear infinite;
  animation: circle-ef 1s linear infinite;
}

@-webkit-keyframes circle-ef {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@-moz-keyframes circle-ef {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@keyframes circle-ef {
  100% {
    transform: rotate(360deg);
  }
}
#preloader .circle-ef:after {
  content: '';
  display: block;
  position: absolute;
}

.preloader-ef {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s linear;
  -moz-transition: all 1s linear;
  -ms-transition: all 1s linear;
  -o-transition: all 1s linear;
  transition: all 1s linear;
}

#preloader.preloader-ef .inner .img2,
#preloader.preloader-ef .inner .circle-ef {
  display: none;
  -webkit-animation: none;
  -moz-animation: none;
  animation: none;
}

/*
Header top
-----------------------
*/
.kopa-header-top {
  background: #fff;
}
.kopa-header-top .wrapper .hotline-box {
  padding: 13px 45px 13px 0;
  /*background: #f1f1f1;*/
  background: #d4d4d4;
  position: relative;
  border-right: 3px solid #d1d1d1;
/*----ajout jerome---*/
border-top-right-radius: 25px;
}
.kopa-header-top .wrapper .hotline-box h6 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  text-transform: uppercase;
/*----ajoutjb---*/
font-style: italic;
color: #023670;
}

/*---ajoutjb---*/
.kopa-header-top .wrapper .hotline-box h6 a {
    font-style: italic;
    color: #023670;
}
.kopa-header-top .wrapper .hotline-box h6 a:hover {
    font-style: italic;
    color: #6492bd;
}
/*.kopa-header-top .wrapper .hotline-box .triangle-wrapper {
  position: absolute;
  top: 3px;
  right: -28px;
  border-top: 46px solid #d1d1d1;
  border-bottom: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 0px solid transparent;
  display: block;
  height: 0;
  width: 0;
  transition: border 0.3s ease-in-out 0s;
  -moz-transition: border 0.3s ease-in-out 0s;
  -webkit-transition: border 0.3s ease-in-out 0s;
}*/
/*.kopa-header-top .wrapper .hotline-box .triangle {
  position: absolute;
  top: 0px;
  right: -25px;
  border-top: 46px solid #f1f1f1;
  border-bottom: 0px solid transparent;
  border-right: 25px solid transparent;
  border-left: 0px solid transparent;
  display: block;
  height: 0;
  width: 0;
  transition: border 0.3s ease-in-out 0s;
  -moz-transition: border 0.3s ease-in-out 0s;
  -webkit-transition: border 0.3s ease-in-out 0s;
}*/
.kopa-header-top .wrapper .hotline-box .kopa-border-bottom {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  z-index: 1;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
}
.kopa-header-top .wrapper .left-bg-color {
  position: absolute;
  top: 0;
  right: 100%;
  background: #d4d4d4;
  width: 100%;
  height: 100%;
}
.kopa-header-top .wrapper .left-bg-color .kopa-border-bottom {
  width: 100%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  z-index: 1;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
}
.kopa-header-top .wrapper .ss-box {
  padding: 6px 0;
}
.kopa-header-top .wrapper .ss-box .search-box {
  margin-left: 20px;
}
.kopa-header-top .wrapper .ss-box .social-links {
  margin: 8px 0 0;
}

.kopa-header-top-2 {
  background: #fff;
  padding: 10px 0;
  display: none;
}

/*
Header bottom
-----------------------
*/
.kopa-header-bottom {
  position: relative;
  /*background: #2a3342;*/
  background: #0a1d3c;
}
.kopa-header-bottom .wrapper {
  height: 100%;
}
.kopa-header-bottom .wrapper .left-color-bg {
  position: absolute;
  top: 0;
  left: 0;
 /* width: 220px;*/
width: 320px;
  height: 100%;
  background: #78beff;
/*background: #008bc4;*/
border-top-right-radius: 50px;
}
.kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
  /*background: #008bc4;*/
  background: #78beff;
  position: absolute;
  top: 0;
  width: 500%;
  height: 100%;
  right: 100%;
}
.kopa-header-bottom .wrapper .left-color-bg .triangle {
  position: absolute;
 /* top: 0px;
  right: -50px;
  /*border-top: 107px solid #008bc4;*/
  border-top: 107px solid #78beff;
  border-bottom: 0px solid transparent;
  border-right: 50px solid transparent;
  border-left: 0px solid transparent;
  display: block;
  height: 0;
  width: 0;
  transition: border 0.3s ease-in-out 0s;
  -moz-transition: border 0.3s ease-in-out 0s;
  -webkit-transition: border 0.3s ease-in-out 0s;*/
}
.kopa-header-bottom .wrapper .logo-box {
  position: relative;
  margin-top: 20px;
}
.kopa-header-bottom.fixed {
  position: fixed;
  top: 0px;
  background: #0a1d3c !important;
/*background: #008bc4 !important;*/
  width: 100%;
  z-index: 999999999999;
  height: 70px;
  opacity: 0.95;
}
.kopa-header-bottom.fixed .wrapper .left-color-bg .triangle {
  border-top-width: 70px;
  transition: all 0s;
  -ms-transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
}
.kopa-header-bottom.fixed .logo-box {
  margin-top: 13px !important;
}
.kopa-header-bottom.fixed .logo-box img {
  height: 45px !important;
  max-height: 45px !important;
}
.kopa-header-bottom.fixed .main-menu > li {
  padding: 27px 7px !important;
  height: 70px !important;
}
.kopa-header-bottom.fixed .main-menu > li > ul {
  top: 70px;
}
.kopa-header-bottom.fixed .main-nav-mobile {
  margin-top: 25px !important;
}

.kopa-home-parallax .kopa-header-bottom.fixed .main-nav:before {
  border-top-width: 70px !important;
  transition: all 0s;
  -ms-transition: all 0s;
  -webkit-transition: all 0s;
  -moz-transition: all 0s;
}

.bg-feature {
  height: 260px;
  background: #0a1d3c;
/*background: #2a3342;*/
}
.bg-feature span {
  width: 20%;
  height: 100%;
  display: block;
/*  background: #008bc4;*/
  background: #78beff;
}

.kopa-home-1 .home-slider-widget, .kopa-home-1 .home-slider-2-widget, .kopa-home-1 .kopa-home-slider-4-widget, .kopa-home-2 .home-slider-widget, .kopa-home-2 .home-slider-2-widget, .kopa-home-2 .kopa-home-slider-4-widget {
  margin-top: -8px;
}

.bg-hb {
  background: url("images/background/bg/1.png");
  background: rgba(255, 255, 255, 0.3);
  height: 8px;
  margin-top: -8px;
  position: relative;
}

/**
 * 4.0 Navigation
 * -----------------------------------------------------------------------------
 */
.main-menu {
  margin-right: -18px;
}
.main-menu > li {
  position: relative;
  z-index: 999;
  float: left;
  padding: 42px 6px 41px;
  height: 106px;
}
.main-menu > li > a {
  text-transform: uppercase;
  color: #fff;
  opacity: 0.8;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding-right: 0 !important;
  position: relative;
}
.main-menu > li > a:before {
  background: #fff;
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: -5px;
  right: 50%;
  bottom: auto;
  left: 50%;
  content: '';
}
.main-menu > li > a:after {
  background: #fff;
  height: 1px !important;
  overflow: hidden;
  position: absolute;
  top: -5px !important;
  right: 50% !important;
  bottom: auto;
  left: 50%;
  content: '';
  border: none !important;
  margin: 0 !important;
  width: inherit !important;
}
.main-menu > li ul {
  background: #fff;
  width: 200px;
  display: none;
  position: absolute;
  left: 0;
  top: 98px;
  padding: 12px 20px;
}
.main-menu > li ul li {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #e8e8e8;
  position: relative;
}
.main-menu > li ul ul {
  top: 0;
  left: 115%;
}
.main-menu > li:hover > a, .main-menu > li.current-menu-item > a {
  opacity: 1;
}
.main-menu > li:hover > a:before, .main-menu > li.current-menu-item > a:before {
  left: 0;
}
.main-menu > li:hover > a:after, .main-menu > li.current-menu-item > a:after {
  right: 0 !important;
}

/*** menu-mobile ***/
.main-nav-mobile {
  position: relative;
  float: right;
  display: none;
  margin-top: 40px;
}
.main-nav-mobile .pull {
  font-size: 25px;
  color: #fff;
  z-index: 99;
  position: relative;
  display: block;
  cursor: pointer;
}
.main-nav-mobile .main-menu-mobile {
  position: absolute;
  top: 35px;
  right: 0;
  width: 220px;
  z-index: 99999999;
  display: none;
  background: #fff;
  padding: 0 15px;
/*----ajout jb---*/
border: 1px solid #023670;
}
.main-nav-mobile .main-menu-mobile > li {
  border-top: 1px solid #e8e8e8;
  position: relative;
  width: 100%;
}
.main-nav-mobile .main-menu-mobile > li:first-child {
  border: 0;
}
.main-nav-mobile .main-menu-mobile > li > a {
  color: #333333;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  display: block;
  padding: 10px 0;
}
.main-nav-mobile .main-menu-mobile > li > a:hover {
  /*color: #008bc4;*/
    color: #fff;
    background-color: #023670;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li {
  border-top: 1px solid #e8e8e8;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li a {
  padding: 10px 15px;
  color: #888888;
  text-transform: none;
  display: block;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li a:hover {
  color: #008bc4;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li span {
  display: none;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li .sub-menu {
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  width: 100%;
}
.main-nav-mobile .main-menu-mobile > li .sub-menu li:hover {
  background: #f6f6f6;
}
.main-nav-mobile .main-menu-mobile > li span {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  font-size: 15px;
}
.main-nav-mobile .main-menu-mobile > li span:after {
  content: '\f107';
}
.main-nav-mobile .main-menu-mobile > li.open span:after {
  content: '\f106';
}

#footer-nav {
  margin-right: 30px;
}
#footer-nav #footer-menu {
  margin-top: 5px;
}
#footer-nav #footer-menu li {
  float: left;
  margin: 0;
  list-style: none;
  border-left: 1px solid #5e5e5e;
  padding: 0 10px;
  line-height: 1;
}
#footer-nav #footer-menu li:first-child {
  border-left: none;
  padding-left: 0;
}
#footer-nav #footer-menu li a {
  line-height: 1;
}

/**
 * 5.0 Widget
 * -----------------------------------------------------------------------------
 */
/*-- widget default --*/
.widget_categories,
.widget_recent_entries,
.widget_archive,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_rss {
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.widget_categories > ul > li, .widget_categories ul.menu > li,
.widget_recent_entries > ul > li,
.widget_recent_entries ul.menu > li,
.widget_archive > ul > li,
.widget_archive ul.menu > li,
.widget_meta > ul > li,
.widget_meta ul.menu > li,
.widget_nav_menu > ul > li,
.widget_nav_menu ul.menu > li,
.widget_pages > ul > li,
.widget_pages ul.menu > li,
.widget_recent_comments > ul > li,
.widget_recent_comments ul.menu > li,
.widget_rss > ul > li,
.widget_rss ul.menu > li {
  color: #333333;
  padding-bottom: 10px;
}
.widget_categories > ul > li:before, .widget_categories ul.menu > li:before,
.widget_recent_entries > ul > li:before,
.widget_recent_entries ul.menu > li:before,
.widget_archive > ul > li:before,
.widget_archive ul.menu > li:before,
.widget_meta > ul > li:before,
.widget_meta ul.menu > li:before,
.widget_nav_menu > ul > li:before,
.widget_nav_menu ul.menu > li:before,
.widget_pages > ul > li:before,
.widget_pages ul.menu > li:before,
.widget_recent_comments > ul > li:before,
.widget_recent_comments ul.menu > li:before,
.widget_rss > ul > li:before,
.widget_rss ul.menu > li:before {
  content: "\f105";
  margin-right: 10px;
  font-size: 16px;
  color: #333333;
  float: left;
  line-height: 22px;
}
.widget_categories > ul > li:hover:before, .widget_categories ul.menu > li:hover:before,
.widget_recent_entries > ul > li:hover:before,
.widget_recent_entries ul.menu > li:hover:before,
.widget_archive > ul > li:hover:before,
.widget_archive ul.menu > li:hover:before,
.widget_meta > ul > li:hover:before,
.widget_meta ul.menu > li:hover:before,
.widget_nav_menu > ul > li:hover:before,
.widget_nav_menu ul.menu > li:hover:before,
.widget_pages > ul > li:hover:before,
.widget_pages ul.menu > li:hover:before,
.widget_recent_comments > ul > li:hover:before,
.widget_recent_comments ul.menu > li:hover:before,
.widget_rss > ul > li:hover:before,
.widget_rss ul.menu > li:hover:before {
  color: #008bc4;
}
.widget_categories > ul > li .sub-menu, .widget_categories > ul > li .children, .widget_categories ul.menu > li .sub-menu, .widget_categories ul.menu > li .children,
.widget_recent_entries > ul > li .sub-menu,
.widget_recent_entries > ul > li .children,
.widget_recent_entries ul.menu > li .sub-menu,
.widget_recent_entries ul.menu > li .children,
.widget_archive > ul > li .sub-menu,
.widget_archive > ul > li .children,
.widget_archive ul.menu > li .sub-menu,
.widget_archive ul.menu > li .children,
.widget_meta > ul > li .sub-menu,
.widget_meta > ul > li .children,
.widget_meta ul.menu > li .sub-menu,
.widget_meta ul.menu > li .children,
.widget_nav_menu > ul > li .sub-menu,
.widget_nav_menu > ul > li .children,
.widget_nav_menu ul.menu > li .sub-menu,
.widget_nav_menu ul.menu > li .children,
.widget_pages > ul > li .sub-menu,
.widget_pages > ul > li .children,
.widget_pages ul.menu > li .sub-menu,
.widget_pages ul.menu > li .children,
.widget_recent_comments > ul > li .sub-menu,
.widget_recent_comments > ul > li .children,
.widget_recent_comments ul.menu > li .sub-menu,
.widget_recent_comments ul.menu > li .children,
.widget_rss > ul > li .sub-menu,
.widget_rss > ul > li .children,
.widget_rss ul.menu > li .sub-menu,
.widget_rss ul.menu > li .children {
  margin-left: 15px;
}
.widget_categories > ul > li .sub-menu li, .widget_categories > ul > li .children li, .widget_categories ul.menu > li .sub-menu li, .widget_categories ul.menu > li .children li,
.widget_recent_entries > ul > li .sub-menu li,
.widget_recent_entries > ul > li .children li,
.widget_recent_entries ul.menu > li .sub-menu li,
.widget_recent_entries ul.menu > li .children li,
.widget_archive > ul > li .sub-menu li,
.widget_archive > ul > li .children li,
.widget_archive ul.menu > li .sub-menu li,
.widget_archive ul.menu > li .children li,
.widget_meta > ul > li .sub-menu li,
.widget_meta > ul > li .children li,
.widget_meta ul.menu > li .sub-menu li,
.widget_meta ul.menu > li .children li,
.widget_nav_menu > ul > li .sub-menu li,
.widget_nav_menu > ul > li .children li,
.widget_nav_menu ul.menu > li .sub-menu li,
.widget_nav_menu ul.menu > li .children li,
.widget_pages > ul > li .sub-menu li,
.widget_pages > ul > li .children li,
.widget_pages ul.menu > li .sub-menu li,
.widget_pages ul.menu > li .children li,
.widget_recent_comments > ul > li .sub-menu li,
.widget_recent_comments > ul > li .children li,
.widget_recent_comments ul.menu > li .sub-menu li,
.widget_recent_comments ul.menu > li .children li,
.widget_rss > ul > li .sub-menu li,
.widget_rss > ul > li .children li,
.widget_rss ul.menu > li .sub-menu li,
.widget_rss ul.menu > li .children li {
  margin-top: 8px;
}

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

.textwidget p {
  font-size: 14px;
}
.textwidget p strong {
  font-weight: normal;
  margin-bottom: 20px;
  display: inline-block;
}
.textwidget img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.wp-caption img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.post-date {
  margin-left: 3px;
  color: #008bc4;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 11px;
}

.wp-playlist {
  margin: 0 !important;
}

.tagcloud {
  margin: -4px -2px;
}
.tagcloud a {
  padding: 5px 15px;
  margin: 4px 2px;
  display: inline-block;
  border: 1px solid #d0d0d0;
  font-size: 14px !important;
  color: #333333;
}
.tagcloud a:hover {
  border: 1px solid #333333;
  font-weight: 700;
  color: #333333;
}

.widget_categories select, .widget_archive select, .widget_nav_menu select,
.widget_pages select, .widget_recent_comments select, .widget_rss select, .textwidget select {
  font-size: 13px;
  color: #888888;
  width: 100%;
  height: 40px;
  padding: 10px 20px;
  border: 1px solid #e8e8e8;
  outline: none;
  position: relative;
}

/*CALENDAR*/
.widget_calendar table {
  line-height: 2;
  margin: 0;
  padding: 0;
  width: 100%;
  margin-top: -5px;
}
.widget_calendar caption {
  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;
  color: #888888;
  font-size: 16px;
  padding-bottom: 15px;
  line-height: 18px;
}
.widget_calendar tfoot {
  border-top: 1px solid #e8e8e8;
  font-weight: 700;
}
.widget_calendar tfoot td {
  padding-top: 15px;
}
.widget_calendar thead th {
  width: 14.285%;
  font-size: 16px;
  color: #008bc4;
}
.widget_calendar tbody td, .widget_calendar thead th {
  text-align: center;
  text-align: center;
  font-weight: 600;
  border-bottom: 1px solid #e8e8e8;
  color: #888888;
  font-size: 14px;
  margin-bottom: 15px;
  padding-bottom: 12px;
  padding-top: 15px;
  line-height: 18px;
}
.widget_calendar tbody a {
  color: #008bc4;
  display: block;
}
.widget_calendar #prev {
  padding-left: 5px;
}
.widget_calendar #next {
  padding-right: 5px;
  text-align: right;
}

/*SEARCH*/
.widget_search form.search-form {
  position: relative;
}
.widget_search form.search-form .search-text {
  width: 100%;
  height: 52px;
  padding: 4px 32px 4px 8px;
  border: 1px solid #e8e8e8;
}
.widget_search form.search-form input {
  border: none;
  font-size: 13px;
  color: #888888;
  width: 100%;
  height: 52px;
  padding: 10px 71px 10px 20px;
  border: 1px solid #e8e8e8;
}
.widget_search form.search-form .search-submit {
  font-size: 17px;
  display: block;
  width: 50px;
  height: 52px;
  line-height: 34px;
  color: #888888;
  padding: 10px 17px;
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  border-left: 1px solid #e8e8e8;
  margin: 0;
  background: none;
  outline: none;
}

/*** default widget bottom ***/
#bottom-sidebar .widget {
  padding-bottom: 0;
  border-bottom: none;
}
#bottom-sidebar .widget_calendar {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}
#bottom-sidebar .widget_calendar caption, #bottom-sidebar .widget_calendar tfoot, #bottom-sidebar .widget_calendar thead th, #bottom-sidebar .widget_calendar tfoot td a, #bottom-sidebar .widget_calendar tbody td {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}
#bottom-sidebar .widget-title, #bottom-sidebar span, #bottom-sidebar p, #bottom-sidebar a {
  color: #FFF;
}
#bottom-sidebar a:hover {
  color: #008bc4;
}
#bottom-sidebar .widget_categories,
#bottom-sidebar .widget_recent_entries,
#bottom-sidebar .widget_archive,
#bottom-sidebar .widget_meta,
#bottom-sidebar .widget_nav_menu,
#bottom-sidebar .widget_pages,
#bottom-sidebar .widget_recent_comments,
#bottom-sidebar .widget_rss {
  border-bottom-color: #3f3f3f;
}
#bottom-sidebar .widget_categories > ul > li, #bottom-sidebar .widget_categories ul.menu > li,
#bottom-sidebar .widget_recent_entries > ul > li,
#bottom-sidebar .widget_recent_entries ul.menu > li,
#bottom-sidebar .widget_archive > ul > li,
#bottom-sidebar .widget_archive ul.menu > li,
#bottom-sidebar .widget_meta > ul > li,
#bottom-sidebar .widget_meta ul.menu > li,
#bottom-sidebar .widget_nav_menu > ul > li,
#bottom-sidebar .widget_nav_menu ul.menu > li,
#bottom-sidebar .widget_pages > ul > li,
#bottom-sidebar .widget_pages ul.menu > li,
#bottom-sidebar .widget_recent_comments > ul > li,
#bottom-sidebar .widget_recent_comments ul.menu > li,
#bottom-sidebar .widget_rss > ul > li,
#bottom-sidebar .widget_rss ul.menu > li {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}
#bottom-sidebar .widget_categories > ul > li:before, #bottom-sidebar .widget_categories ul.menu > li:before,
#bottom-sidebar .widget_recent_entries > ul > li:before,
#bottom-sidebar .widget_recent_entries ul.menu > li:before,
#bottom-sidebar .widget_archive > ul > li:before,
#bottom-sidebar .widget_archive ul.menu > li:before,
#bottom-sidebar .widget_meta > ul > li:before,
#bottom-sidebar .widget_meta ul.menu > li:before,
#bottom-sidebar .widget_nav_menu > ul > li:before,
#bottom-sidebar .widget_nav_menu ul.menu > li:before,
#bottom-sidebar .widget_pages > ul > li:before,
#bottom-sidebar .widget_pages ul.menu > li:before,
#bottom-sidebar .widget_recent_comments > ul > li:before,
#bottom-sidebar .widget_recent_comments ul.menu > li:before,
#bottom-sidebar .widget_rss > ul > li:before,
#bottom-sidebar .widget_rss ul.menu > li:before {
  display: none;
}
#bottom-sidebar .widget_categories > ul > li:hover:before, #bottom-sidebar .widget_categories ul.menu > li:hover:before,
#bottom-sidebar .widget_recent_entries > ul > li:hover:before,
#bottom-sidebar .widget_recent_entries ul.menu > li:hover:before,
#bottom-sidebar .widget_archive > ul > li:hover:before,
#bottom-sidebar .widget_archive ul.menu > li:hover:before,
#bottom-sidebar .widget_meta > ul > li:hover:before,
#bottom-sidebar .widget_meta ul.menu > li:hover:before,
#bottom-sidebar .widget_nav_menu > ul > li:hover:before,
#bottom-sidebar .widget_nav_menu ul.menu > li:hover:before,
#bottom-sidebar .widget_pages > ul > li:hover:before,
#bottom-sidebar .widget_pages ul.menu > li:hover:before,
#bottom-sidebar .widget_recent_comments > ul > li:hover:before,
#bottom-sidebar .widget_recent_comments ul.menu > li:hover:before,
#bottom-sidebar .widget_rss > ul > li:hover:before,
#bottom-sidebar .widget_rss ul.menu > li:hover:before {
  color: #008bc4;
}
#bottom-sidebar .widget_categories .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_recent_entries .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_archive .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_meta .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_nav_menu .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_pages .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_recent_comments .menu-testing-menu-container > ul > li,
#bottom-sidebar .widget_rss .menu-testing-menu-container > ul > li {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}
#bottom-sidebar .widget_categories .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_recent_entries .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_archive .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_meta .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_nav_menu .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_pages .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_recent_comments .menu-testing-menu-container > ul > li:before,
#bottom-sidebar .widget_rss .menu-testing-menu-container > ul > li:before {
  color: #fff;
}
#bottom-sidebar .widget_categories .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_recent_entries .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_archive .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_meta .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_nav_menu .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_pages .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_recent_comments .menu-testing-menu-container > ul > li:hover:before,
#bottom-sidebar .widget_rss .menu-testing-menu-container > ul > li:hover:before {
  color: #008bc4;
}
#bottom-sidebar .widget_rss ul li, #bottom-sidebar .textwidget, #bottom-sidebar .textwidget p strong, #bottom-sidebar .textwidget > ul > li a {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}
#bottom-sidebar .tagcloud a {
  border-color: #888888;
  color: #fff;
  opacity: 0.7;
}

.widget > ul > li {
  list-style: none;
}

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

#main-content .widget {
  margin-bottom: 60px;
}

/*
Home slider widget
----------------------------------
*/
.loading {
  background: url("images/icons/gif-load.gif") no-repeat scroll center center white;
  min-height: 520px;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
}

.home-slider-widget, .home-slider-2-widget, .kopa-home-slider-4-widget {
  background: url("images/background/bg/1.png");
  background: rgba(255, 255, 255, 0.3);
  margin: 0 -8px -8px;
  padding: 8px;
  position: relative;
}
.home-slider-widget .kopa-home-slider .entry-item, .home-slider-2-widget .kopa-home-slider .entry-item, .kopa-home-slider-4-widget .kopa-home-slider .entry-item {
  position: relative;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url("images/background/bg/4.png");
  background: rgba(0, 0, 0, 0.7);
  width: 100%;
  padding: 15px 115px 17px 20px;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 {
  margin: 0;
  font-family: "Lato", sans-serif;
  font-size: 24px;
  font-weight: 400;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2 a, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 a, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 a {
  color: #cfcfcf;
}
.home-slider-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover {
  color: #008bc4;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav, .home-slider-2-widget .kopa-home-slider .flex-direction-nav, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav {
  z-index: 1;
  position: absolute;
  bottom: 16px;
  right: 16px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li {
  float: left;
  margin: 0 0 0 3px;
  list-style: none;
  width: 47px;
  height: 47px;
  background: url("images/background/bg/2.png");
  background: rgba(0, 139, 196, 0.5);
  line-height: 44px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li:first-child, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li:first-child, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:first-child {
  margin: 0;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li:hover, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li:hover, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:hover {
  background: #008bc4;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li a, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li a, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 26px;
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li a:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li a:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li a:before {
  font-family: 'FontAwesome';
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before {
  content: "\f104";
}
.home-slider-widget .kopa-home-slider .flex-direction-nav li .flex-next:before, .home-slider-2-widget .kopa-home-slider .flex-direction-nav li .flex-next:before, .kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li .flex-next:before {
  content: "\f105";
}
.home-slider-widget .kopa-home-slider .slides-info, .home-slider-2-widget .kopa-home-slider .slides-info, .kopa-home-slider-4-widget .kopa-home-slider .slides-info {
  position: absolute;
  bottom: 30px;
  right: 140px;
  color: #fff;
  z-index: 1;
}

/*--- owl-button ---*/
.owl-theme .owl-controls {
  margin: 0;
}
.owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.5);
  padding: 0;
  margin: 0;
  border-radius: 0;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  opacity: 1;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 57px;
  height: 57px;
  line-height: 57px;
  font-size: 35px;
  margin-top: -28.5px;
  margin-left: -28.5px;
  margin-left: 0;
}
.owl-theme .owl-controls .owl-buttons div:hover {
  background: #008bc4;
}
.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
  padding-right: 5px;
}
.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
  padding-left: 5px;
}

/*
Home slider-2 widget
----------------------------------
*/
.home-slider-2-widget .entry-item {
  position: relative;
}
.home-slider-2-widget .entry-item .entry-content {
  position: absolute;
  left: 20px;
  right: 20px;
  bottom: 20px;
}
.home-slider-2-widget .entry-item .entry-content .entry-title {
  padding: 12px 25px 12px 65px;
  background: #78beff;
  display: inline-block;
  margin: 0;
  font-weight: 600;
}
.home-slider-2-widget .entry-item .entry-content .entry-title > a {
  color: #fff;
}
.home-slider-2-widget .entry-item .entry-content > p {
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 16px;
  line-height: 24px;
  padding: 15px 20px;
}
.home-slider-2-widget .owl-theme .owl-controls {
  position: absolute;
  left: 20px;
  bottom: 98px;
  width: 50px;
  height: 50px;
  border: 5px solid #78beff;
  background: #fff;
  box-shadow: 0px 1px 10px #045678;
}
.home-slider-2-widget .owl-theme .owl-controls:before {
  content: "";
  width: 1px;
  height: 20px;
  background: #78beff;
  opacity: 0.6;
  position: absolute;
  left: 50%;
  top: 10px;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div {
  position: inherit;
  background: none;
  width: 20px;
  height: 40px;
  margin: 0;
  padding: 0 !important;
  font-size: 25px;
  line-height: 42px;
  color: #78beff;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div:hover {
  color: #78beff;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 0;
  padding-right: 5px;
}
.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 0;
  padding-left: 5px;
}

/*
Kopa article list widget
----------------------------------
*/
.article-list-0 ul {
  margin: -30px -10px 0 -10px;
}
.article-list-0 ul li {
  padding-top: 30px;
  float: left;
  margin: 0;
  list-style: none;
}
.article-list-0 ul li .entry-item {
  border-bottom: 2px solid #e8e8e8;
}
.article-list-0 ul li .entry-item .entry-thumb {
  float: left;
  width: 48%;
}
.article-list-0 ul li .entry-item .entry-thumb img {
  width: 100%;
}
.article-list-0 ul li .entry-item .entry-date {
  color: #fff;
}
.article-list-0 ul li .entry-item .entry-content {
  overflow: hidden;
  padding-left: 20px;
}
.article-list-0 ul li .entry-item .entry-content header {
  background: #78beff;
  margin-left: -20px;
  padding-left: 20px;
  height: 30px;
  margin-bottom: 15px;
}
.article-list-0 ul li .entry-item .entry-content header .entry-date {
  line-height: 30px;
}
.article-list-0 ul li .entry-item .entry-content .entry-title {
  text-transform: uppercase;
  position: relative;
  padding-bottom: 10px;
}
.article-list-0 ul li .entry-item .entry-content .entry-title span {
  width: 33px;
  height: 2px;
  background: #78beff;
  position: absolute;
  bottom: 0;
  left: 0;
}
.article-list-0 ul li .entry-item .entry-content > p {
  margin-bottom: 10px;
}

/*
Kopa service widget
----------------------------------
*/
.kopa-service-widget .service-item {
  border-bottom: 2px solid #e8e8e8;
  padding: 20px 20px;
}
.kopa-service-widget .service-item header {
  margin-bottom: 15px;
}
.kopa-service-widget .service-item header i {
  font-size: 34px;
  margin-right: 20px;
}
.kopa-service-widget .service-item header .service-title {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Lato", sans-serif;
  line-height: 34px;
  margin: 0;
}

/*
Kopa testimonial widget
----------------------------------
*/
.kopa-testimonial-widget {
  position: relative;
  border: 5px solid #e8e8e8;
}
.kopa-testimonial-widget .widget-title {
  margin: 0;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: #78beff;
  width: 100%;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
  padding: 10px 15px;
  text-transform: uppercase;
  z-index: 9;
}
.kopa-testimonial-widget .item {
  padding: 15px 20px 65px;
  font-style: italic;
}
.kopa-testimonial-widget .item p {
  margin-bottom: 15px;
}
.kopa-testimonial-widget .item footer {
  font-style: normal;
}
.kopa-testimonial-widget .item footer a {
  color: #78beff;
  font-weight: 700;
}
.kopa-testimonial-widget .owl-controls {
  margin: 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.kopa-testimonial-widget .owl-controls .owl-buttons {
  height: 45px;
}
.kopa-testimonial-widget .owl-controls .owl-buttons div {
  margin: 0;
  opacity: 1;
/*  background: #2a3342;*/
  background: #0a1d3c;
 -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  height: 45px;
  width: 40px;
  color: #fff;
  padding: 0;
  text-align: center;
  line-height: 45px;
  font-size: 24px;
  position: inherit;
  padding: 0 !important;
}
.kopa-testimonial-widget .owl-controls .owl-buttons div:before {
  font-family: 'FontAwesome';
}
.kopa-testimonial-widget .owl-controls .owl-buttons div:hover {
  /*background: #2a3342;*/
  background: #0a1d3c;
}
.kopa-testimonial-widget .owl-controls .owl-buttons .owl-prev:before {
  content: "\f104";
}
.kopa-testimonial-widget .owl-controls .owl-buttons .owl-next:before {
  content: "\f105";
}

.owl-theme .owl-controls .owl-page span {
  width: 10px;
  height: 10px;
  margin: 5px 5px 0;
  opacity: 1;
  background: #fff;
  border: 1px solid #78beff;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page:hover span {
  background: #78beff;
}

/*
Kopa tagline
----------------------------------
*/
.kopa-tagline-widget {
  margin: 0 0 20px !important;
}
.kopa-tagline-widget .tagline-left {
  position: relative;
  width: 77.77778%;
  background: #78beff;
  height: 75px;
  padding: 13px 20px;
  margin: 0 10px 0 0;
  margin-right: 1.16959%;
}
.kopa-tagline-widget .tagline-left h6 {
  color: #fff;
  margin: 0;
  font-size: 14px;
  font-family: "Lato", sans-serif;
  text-transform: uppercase;
}
.kopa-tagline-widget .tagline-left p {
  margin: 0;
  color: #8ccbe4;
  max-height: 22px;
  overflow: hidden;
}
.kopa-tagline-widget .tagline-left .triangle {
  position: absolute;
  top: 0px;
  right: -25px;
  border-top: 38px solid transparent;
  border-bottom: 37px solid transparent;
  border-right: 0px solid transparent;
  border-left: 25px solid #78beff;
  display: block;
  height: 0;
  width: 0;
  z-index: 1;
  transition: border 0.3s ease-in-out 0s;
  -moz-transition: border 0.3s ease-in-out 0s;
  -webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-tagline-widget .tagline-right {
  width: 21.05263%;
  /*background: #2a3342;*/
  background: #0a1d3c;
  height: 75px;
  position: relative;
  text-align: center;
  line-height: 75px;
}
.kopa-tagline-widget .tagline-right .triangle {
  position: absolute;
  top: 0px;
  left: 0px;
  border-top: 38px solid transparent;
  border-bottom: 37px solid transparent;
  border-right: 0px solid transparent;
  border-left: 25px solid #f6f6f6;
  display: block;
  height: 0;
  width: 0;
  transition: border 0.3s ease-in-out 0s;
  -moz-transition: border 0.3s ease-in-out 0s;
  -webkit-transition: border 0.3s ease-in-out 0s;
}
.kopa-tagline-widget .tagline-right a {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  display: inline-block;
}
.kopa-tagline-widget .tagline-right a:hover {
  color: #78beff;
}

/*
Kopa portfolio widget
----------------------------------
*/
.kopa-portfolio-widget {
  text-align: left !important;
}
.kopa-portfolio-widget .widget-title {
  position: relative;
  text-transform: uppercase;
  padding-bottom: 12px;
  margin: 0 0 20px;
}
.kopa-portfolio-widget .widget-title span {
  position: absolute;
  height: 2px;
  width: 55px;
  background: #0f528a;
  left: 0;
  bottom: 0;
}
.kopa-portfolio-widget .author-info header {
  margin-bottom: 10px;
}
.kopa-portfolio-widget .author-info header strong {
  color: #333333;
  font-size: 16px;
}
.kopa-portfolio-widget .author-info p {
  color: #333333;
  margin-bottom: 15px;
}
.kopa-portfolio-widget .author-info .social-links li {
  font-size: 14px;
  border: 1px solid #e8e8e8;
  width: 30px;
  height: 30px;
  margin: 0 0 0 2px;
}
.kopa-portfolio-widget .author-info .social-links li:first-child {
  margin: 0;
}
.kopa-portfolio-widget .author-info .social-links li:hover {
  border-color: #78beff;
}
.kopa-portfolio-widget .author-info .social-links li:hover a {
  color: #78beff;
}
.kopa-portfolio-widget .author-info .social-links li a {
  display: block;
  line-height: 28px;
  text-align: center;
  color: #333333;
}

.portfolio-list .portfolio-item {
  position: relative;
}
.portfolio-list .portfolio-item .portfolio-thumb {
  position: relative;
  margin-bottom: 15px;
  overflow: hidden;
}
.portfolio-list .portfolio-item .portfolio-thumb img {
  display: block;
  /*width: 100%;*/
  width: 80%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover {
  position: absolute;
  top: 0;
  left: 0;
width: 100%;

  height: 100%;
  background: url("images/background/bg/1.png");
  background: rgba(255, 255, 255, 0.6);
  opacity: 0;
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul {
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  width: 100%;
  margin-top: -28px;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul li {
  display: inline-block;
  list-style: none;
  padding: 0 6px;
}
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul li a {
  width: 57px;
  height: 57px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  background: #78beff;
  color: #fff;
  font-size: 22px;
  line-height: 55px;
  display: block;
}
.portfolio-list .portfolio-item .portfolio-thumb:hover img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover {
  opacity: 1;
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover ul {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.portfolio-list .portfolio-item .portfolio-thumb:hover .thumb-hover ul li a:hover {
  opacity: 0.6;
}
.portfolio-list .portfolio-item .portfolio-title {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
}

#bottom-sidebar .widget {
  margin-bottom: 40px;
}
#bottom-sidebar .widget .widget-title {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
}
#bottom-sidebar .widget .textwidget > ul > li {
  list-style: none;
  margin-bottom: 15px;
}
#bottom-sidebar .widget .textwidget > ul > li a:hover {
  color: #78beff;
}

/*
Kopa newsletter widget
----------------------------------
*/
.kopa-newsletter-widget .news-icon {
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 22px;
  /*background: #1779a0;*/
  background: #008bc4;
  border: 2px solid #fff;
  border-radius: 50%;
  float: left;
  margin-right: 30px;
/*--ajout jb--*/
margin-left: 20px;

}
.kopa-newsletter-widget .media-body > p {
  font-size: 18px;
  margin-top: -5px;
}
.kopa-newsletter-widget .newsletter-form {
  position: relative;
}
.kopa-newsletter-widget .newsletter-form .input-email {
  margin-bottom: 0;
  margin-top: 6px;
}
.kopa-newsletter-widget .newsletter-form .input-email .email {
  height: 37px;
  padding: 5px 10px;
  border: 1px solid #1779a0;
  background: #1779a0;
  line-height: 26px;
  font-size: 13px;
  width: 68.37209%;
  margin-right: 3.02326%;
  color: #fff;
  float: left;
}
.kopa-newsletter-widget .newsletter-form .input-email .email:focus {
  border-color: #fff;
}
.kopa-newsletter-widget .newsletter-form .input-email .submit {
  width: 26.97674%;
  border: 1px solid #fff;
  background: #008bc4;
  color: #fff;
  font-size: 16px;
  height: 37px;
  line-height: 36px;
  padding: 0;
  text-align: center;
}

.sv-icon {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 94px;
  height: 94px;
  line-height: 94px;
  font-size: 40px;
  margin-top: -47px;
  margin-left: -47px;
  position: inherit;
  margin: 0 0 20px 0;
  /*background: #008bc4;
  border: 2px solid #008bc4;*/
  background: #78beff;
  border: 2px solid #78beff;
  color: #fff;
  border-radius: 50%;
}
.sv-icon:hover {
  background: #fff;
  color: #008bc4;
}

.kopa-service-2-widget .entry-item {
  padding: 30px 20px 35px;
  border-right: 1px solid #e8e8e8;
  border-bottom: 2px solid #e8e8e8;
  text-align: center;
}
.kopa-service-2-widget .entry-title {
  text-transform: uppercase;
}

.kopa-area {
  padding-top: 55px;
}
.kopa-area .widget:first-child.kopa-parallax, .kopa-area .widget:first-child.kopa-home-slider-3-widget, .kopa-area .widget:first-child.home-slider-widget, .kopa-area .widget.home-slider-2-widget:first-child, .kopa-area .widget.kopa-home-slider-4-widget:first-child, .kopa-area .widget:first-child.home-slider-2-widget {
  margin-top: -55px;
}
.kopa-area .widget:last-child.kopa-parallax, .kopa-area .widget:last-child.kopa-portfolio-2-widget {
  margin-bottom: 0 !important;
}

.kopa-area-1 {
  background: #fff;
}

.kopa-area-2 {
  background: #f6f6f6;
}

.kopa-area-3 {
  /*background: #28292d;*/
  background: #0a1d3c;
  width: 100%;
}
.kopa-area-3 a, .kopa-area-3 p, .kopa-area-3 span {
  color: #fff;
}
.kopa-area-3 input {
  border-color: #fff;
  color: #fff;
}

/* --- parallax ---*/
.parallax {
  position: relative;
  background-position: 50% 0;
  background-attachment: fixed !important;
  background-repeat: repeat;
}

.kopa-parallax {
  position: relative;
  text-align: center;
}
.kopa-parallax .parallax.parallax-1 {
  background-image: url(images/parallax/people.jpg);
}
.kopa-parallax .parallax.parallax-2 {
  background-image: url(images/parallax/3.jpg);
}
.kopa-parallax .kopa-bg {
  background: #031f34;
  opacity: 0.93;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.kopa-parallax .widget-title {
  font-family: "Open Sans", sans-serif;
  color: #fff;
  text-transform: uppercase;
}
.kopa-parallax .wrapper > p {
  color: #fff;
  opacity: 0.6;
  font-size: 16px;
  line-height: 22px;
}

.area-inner {
  margin: -8px -8px 0;
  padding: 8px 8px 0;
}

.parallax .kopa_widget_text {
  padding: 50px 0 100px;
}
.parallax .widget:last-child {
  margin-bottom: 0 !important;
}

.widget-title.style1 {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 22px;
  color: #fff;
  background: #008bc4;
  padding: 10px 15px;
  margin-bottom: 25px;
}
.widget-title .icon-title {
  margin-right: 12px;
  font-size: 14px;
}
.widget-title .icon-title.fa-play-circle-o {
  font-size: 18px;
  line-height: 23px;
  float: left;
}

/* ---article-list-1 ---*/
.entry-date.style1 {
  margin-right: 18px;
}
.entry-date.style1 > span {
  display: block;
  text-align: center;
}
.entry-date.style1 > span.entry-month {
  background: #0879a7;
  font-size: 12px;
  line-height: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 22px;
  width: 78px;
}
.entry-date.style1 > span.entry-day {
  background: #008bc4;
  padding: 17px 22px 22px;
  width: 78px;
  font-size: 28px;
  line-height: 28px;
  font-weight: bold;
  color: #fff;
  overflow: hidden;
}

.article-list-1 > ul > li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
.article-list-1 .entry-content > p span {
  color: #008bc4;
}

/* --- article-list-2 ---*/
.article-list-2 .entry-item .entry-thumb {
  margin-bottom: 15px;
}
.article-list-2 .entry-item .entry-date {
  color: #7e95a8;
  margin-bottom: 5px;
  display: inline-block;
}
.article-list-2 .entry-item .entry-date > i {
  color: #7e95a8;
}

/* --- twitter-widget ---*/
.twitter-icon {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 20px;
  margin-top: -20px;
  margin-left: -20px;
  position: inherit;
  margin: 6px 0 0;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  color: #008bc4;
}

.kopa-twitter-widget > ul > li, .kopa-twitter-widget .owl-carousel .item > ul > li {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #e8e8e8;
}
.kopa-twitter-widget > ul > li .twitter-icon, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-icon {
  float: left;
  margin-right: 20px;
}
.kopa-twitter-widget > ul > li .twitter-content, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content {
  overflow: hidden;
}
.kopa-twitter-widget > ul > li .twitter-content span, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span {
  color: #333333;
  margin-bottom: 5px;
  display: inline-block;
}
.kopa-twitter-widget > ul > li .twitter-content span a, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span a {
  color: #008bc4;
}
.kopa-twitter-widget > ul > li .twitter-content span a:hover, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content span a:hover {
  color: #333333;
}
.kopa-twitter-widget > ul > li .twitter-content > a, .kopa-twitter-widget .owl-carousel .item > ul > li .twitter-content > a {
  display: block;
  color: #888888;
}
.kopa-twitter-widget .owl-pagination {
  position: absolute;
  top: -70px;
  right: 0;
}
.kopa-twitter-widget .widget-title.style3, .kopa-twitter-widget .widget-title.style5 {
  margin-bottom: 45px;
}

/* --- parallax-2-widget    ---*/
.widget-title.style2 {
  position: absolute;
  top: 50px;
  font-family: "Lato", sans-serif;
  color: #fff;
  text-transform: uppercase;
}

.kopa-parallax > .wrapper {
  overflow: hidden;
}

.kopa-blog-masonry-widget {
  position: relative;
  text-align: left !important;
}
.kopa-blog-masonry-widget .ms-item1 {
  width: 24.95%;
  padding: 110px 0 55px;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item {
  background: none;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: 0;
  padding: 10px 20px;
  background: url("images/background/bg/bg/black/6.png");
  background: rgba(0, 0, 0, 0.63);
  font-family: "Lato", sans-serif;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a {
  color: #fff;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a:hover {
  color: #008bc4;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content {
  padding: 20px 20px 12px;
}
.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content p {
  color: #fff;
  opacity: 0.8;
}
.kopa-blog-masonry-widget .ms-item1:nth-child(2) {
  background: url(images/background/bg/6.png);
  height: 100%;
}
.kopa-blog-masonry-widget .ms-item1.last-item {
  width: 50%;
  position: relative;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content {
  background: url("images/background/bg/bg/black/6.png");
  background: rgba(0, 0, 0, 0.63);
  width: 100%;
  padding: 20px;
  position: absolute;
  bottom: 0;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title {
  font-size: 18px;
  line-height: 26px;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a {
  color: #fff;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a:hover {
  color: #008bc4;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item {
  position: relative;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:before, .kopa-blog-masonry-widget .ms-item1.last-item .entry-item:after {
  content: "";
  width: 300%;
  height: 100%;
  background: url("images/background/bg/bg/black/6.png");
  background: rgba(0, 0, 0, 0.43);
  position: absolute;
  left: -300%;
  top: 0;
}
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:after {
  left: auto;
  right: -300%;
}

.parallax-2 .kopa-bg {
  background: url(images/background/bg/4.png);
}
.parallax-2 .kopa-bg .kopa-bg-inner {
  background: url(images/background/bg/5.png);
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 55px;
}

.kopa-testimonial-2-widget {
  text-align: center;
}
.kopa-testimonial-2-widget .widget-title {
  text-transform: uppercase;
  margin-bottom: 20px;
}
.kopa-testimonial-2-widget .item > p {
  font-family: "Roboto Slab", serif;
  font-size: 18px;
  color: #555555;
  font-size: 18px;
  line-height: 26px;
  font-weight: 300;
  margin-bottom: 25px;
}
.kopa-testimonial-2-widget .item > p:before {
  content: "\f10d";
  margin-right: 20px;
  color: #008bc4;
}
.kopa-testimonial-2-widget .item > p:after {
  content: "\f10e";
  margin-left: 20px;
  color: #008bc4;
}
.kopa-testimonial-2-widget .item .tes-author img {
  display: block;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin: 0 auto 15px;
}
.kopa-testimonial-2-widget .item .tes-author span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  color: #555555;
  margin-bottom: 5px;
}
.kopa-testimonial-2-widget .item .tes-author p {
  display: block;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 15px;
}

.portfolio-thumb {
  width: 100%;
  position: relative;
}
.portfolio-thumb img {
  width: 100%;
}
.portfolio-thumb:hover .thumb-hover {
  opacity: 1;
}
.portfolio-thumb .thumb-icon {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 63px;
  height: 63px;
  line-height: 63px;
  font-size: 16px;
  margin-top: -31.5px;
  margin-left: -31.5px;
  border-radius: 50%;
  color: #fff;
  left: 50%;
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.5);
}

.kopa-portfolio-2-widget {
  text-align: center;
}
.kopa-portfolio-2-widget .widget-title {
  margin-bottom: 10px;
}
.kopa-portfolio-2-widget > header {
  margin-bottom: 40px;
}
.kopa-portfolio-2-widget .wrapper > header {
  margin-bottom: 40px;
}
.kopa-portfolio-2-widget .wrapper > header > p {
  font-size: 16px;
  line-height: 22px;
}
.kopa-portfolio-2-widget .portfolio-list-item {
  width: 100%;
}
.kopa-portfolio-2-widget .portfolio-list-item > li {
  width: 25%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.kopa-portfolio-2-widget .portfolio-list-item > li.inactive {
  visibility: hidden;
  opacity: 0;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb > a > img {
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb .thumb-icon {
  opacity: 0;
  -webkit-transform: translateY(120px);
  -moz-transform: translateY(120px);
  -ms-transform: translateY(120px);
  transform: translateY(120px);
  margin-top: -64.5px;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption {
  position: absolute;
  bottom: -100%;
  padding: 10px 15px;
 /* width: 100%;*/
width: 80%;
  text-align: left;
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  background: #fff;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption .portfolio-title {
  text-transform: capitalize;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  margin-bottom: 0;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-caption .portfolio-categories {
  text-transform: capitalize;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb .thumb-icon {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  opacity: 1;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb .thumb-icon:hover {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.4s;
  -ms-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  background: #008bc4;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-thumb > a > img {
  -webkit-transform: translateY(-66px);
  -moz-transform: translateY(-66px);
  -ms-transform: translateY(-66px);
  transform: translateY(-66px);
  opacity: 0.7;
}
.kopa-portfolio-2-widget .portfolio-list-item .portfolio-item:hover .portfolio-caption {
  bottom: 0;
}

.portfolio-container,
.portfolio-container2 {
  position: relative;
}

/*--- filter ---*/
.filters-options, .filters-options2 {
  margin-bottom: 30px;
  text-align: center;
}
.filters-options li, .filters-options2 li {
  padding: 0 2px;
  margin: 0 10px 10px;
  display: inline-block;
  cursor: pointer;
  line-height: 30px;
  color: #888888;
  text-transform: uppercase;
  position: relative;
}
.filters-options li:before, .filters-options2 li:before {
  background: #008bc4;
  height: 3px;
  overflow: hidden;
  position: absolute;
  bottom: -5px;
  right: 50%;
  left: 50%;
  content: '';
}
.filters-options li:after, .filters-options2 li:after {
  background: #008bc4;
  height: 3px;
  overflow: hidden;
  position: absolute;
  bottom: -5px;
  right: 50%;
  left: 50%;
  content: '';
  border: none;
  margin: 0;
  width: inherit;
}
.filters-options li:first-child, .filters-options2 li:first-child {
  margin-left: 0;
}
.filters-options li.active, .filters-options li:hover, .filters-options2 li.active, .filters-options2 li:hover {
  color: #008bc4;
}
.filters-options li.active:before, .filters-options li:hover:before, .filters-options2 li.active:before, .filters-options2 li:hover:before {
  left: 0;
}
.filters-options li.active:after, .filters-options li:hover:after, .filters-options2 li.active:after, .filters-options2 li:hover:after {
  right: 0;
}
.filters-options li input, .filters-options2 li input {
  display: none;
}

.widget-title-with-subtitle > span, .widget-title-with-subtitle p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 40px;
}

.filters-options2 {
  text-align: left;
  margin-left: 10px;
}

.widget-title.style3, .widget-title.style5 {
  position: relative;
  margin-bottom: 35px;
  text-align: left;
  text-transform: uppercase;
}
.widget-title.style3:before, .widget-title.style5:before {
  content: '';
  background: #008bc4;
  height: 2px;
  width: 55px;
  position: absolute;
  bottom: -10px;
  left: 0;
}

.owl-carousel-3 .item img {
  width: 100%;
}

.kopa-mission-carousel-widget .owl-pagination {
  position: absolute;
  left: 50%;
  margin-left: -30px;
  bottom: 20px;
}
.kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page span {
  width: 12px;
  height: 12px;
  background: none;
  border: 2px solid #fff;
}
.kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page.active span, .kopa-mission-carousel-widget .owl-theme .owl-controls .owl-page:hover span {
  background: #fff;
}

.mission-txt {
  margin-bottom: 18px;
}

.kopa-mission-list li {
  color: #333333;
  margin-top: 10px;
}
.kopa-mission-list li span:first-child {
  color: #008bc4;
  margin-right: 10px;
}

.kopa-our-mission .widget_text {
  text-align: left !important;
}
.kopa-our-mission .widget_text .widget-title {
  margin-top: -5px;
}

.kopa-team-widget {
  text-align: center;
}
.kopa-team-widget .widget-title {
  margin-bottom: 2px;
}
.kopa-team-widget > header > span, .kopa-team-widget > header p {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  display: block;
  margin-bottom: 90px;
}
.kopa-team-widget .owl-carousel-4 .item {
  padding: 0 10px;
  width: 100%;
}
.kopa-team-widget .owl-carousel-4 .entry-item {
  background: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb {
  margin-bottom: 20px;
  overflow: hidden;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb img {
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  background: url("images/background/bg/2.png");
  background: rgba(0, 139, 196, 0.8);
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  opacity: 0;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul {
  position: absolute;
  left: 0;
  top: -50px;
  text-align: center;
  width: 100%;
  margin-top: -28px;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li {
  display: inline-block;
  padding: 0 6px;
  margin: 0;
  float: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li a {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 45px;
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  margin-top: -22.5px;
  margin-left: -22.5px;
  position: inherit;
  margin: 0;
  color: #fff;
  border: 2px solid #fff;
  border-radius: 50%;
  background: none;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover > ul > li a:hover {
  background: #fff;
  color: #008bc4;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover > a img {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover .thumb-hover {
  opacity: 1;
}
.kopa-team-widget .owl-carousel-4 .entry-thumb:hover .thumb-hover > ul {
  top: 50%;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header {
  position: relative;
  margin-bottom: 20px;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header .team-name {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header .team-pos {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 18px;
  display: inline-block;
}
.kopa-team-widget .owl-carousel-4 .entry-content > header:before {
  content: '';
  background: #008bc4;
  height: 2px;
  width: 55px;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -27.5px;
}
.kopa-team-widget .owl-carousel-4 .owl-controls {
  position: absolute;
  top: -70px;
  left: 50%;
  margin-left: -35px;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 35px;
  height: 35px;
  line-height: 34px;
  font-size: 20px;
  margin-top: -17.5px;
  margin-left: -17.5px;
  border: 1px solid #e8e8e8;
  border-radius: 50%;
  position: inherit !important;
  margin: 0 1px !important;
  padding: 0 !important;
  background: #fff;
  color: #888888;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover {
  background: #008bc4;
  border-color: #008bc4;
  color: #fff;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-next {
  padding-left: 1px !important;
}
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-prev {
  padding-right: 2px !important;
}

.kopa-event-widget > header {
  text-align: center;
}
.kopa-event-widget > header > span, .kopa-event-widget > header p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 40px;
  display: block;
}
.kopa-event-widget .kopa-event-content {
  text-align: left;
  position: relative;
}
.kopa-event-widget .kopa-event-content .kopa-line {
  position: absolute;
  left: 50%;
  margin-left: -3px;
  width: 3px;
  height: 100%;
  background: #dadada;
}
.kopa-event-widget .kopa-event-content .kopa-line:before {
  content: "";
  width: 10px;
  height: 72px;
  background: #fafafa;
  position: absolute;
  top: 0;
  left: 0;
  margin-left: -2px;
}
.kopa-event-widget .kopa-event-content .kopa-line:after {
  content: "";
  width: 10px;
  height: 72px;
  background: #fafafa;
  position: absolute;
  bottom: 0;
  left: 0;
  margin-left: -2px;
}
.kopa-event-widget .kopa-event-content .entry-item {
  background: #FFF;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li {
  width: 47.69565%;
  margin-top: 55px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item {
  padding: 0 0 20px 20px;
  border: 1px solid #e8e8e8;
  position: relative;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item .entry-content {
  overflow: hidden;
  padding: 20px 20px 0 0;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.triggle {
  content: '';
  position: absolute;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid #e8e8e8;
  top: 0;
  right: -10px;
  top: 50%;
  margin-top: -9px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.triggle:before {
  content: '';
  position: absolute;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-left: 10px solid white;
  top: 0;
  right: -10px;
  top: 50%;
  right: 2px;
  margin-top: -9px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
  width: 14px;
  height: 26px;
  background: #fafafa;
  position: absolute;
  top: 50%;
  right: -25px;
  margin-right: -9px;
  margin-top: -13px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon:before {
  content: "";
  position: absolute;
  top: 6px;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 2px solid #008bc4;
  border-radius: 50%;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content {
  float: right;
  margin-top: -25px;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item .entry-date.style1 {
  float: right !important;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.triggle {
  content: '';
  position: absolute;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 10px solid #e8e8e8;
  top: 0;
  left: -10px;
  top: 50%;
  left: -10px;
  border-left: none;
  right: inherit;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.triggle:before {
  content: '';
  position: absolute;
  border-top: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-right: 10px solid white;
  top: 0;
  left: -10px;
  left: 2px;
  right: inherit;
  border-left: none;
}
.kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
  top: 50%;
  left: -27px;
  margin-left: -9px;
}

.kopa-loadmore {
  text-align: center;
  margin-top: 40px;
}
.kopa-loadmore span {
  display: inline-block;
  line-height: 14px;
  padding: 10px 46px 10px 15px;
  cursor: pointer;
  border: 1px solid #e8e8e8;
  background: #fff;
  position: relative;
  text-transform: uppercase;
}
.kopa-loadmore span:after {
  content: "";
  width: 1px;
  height: 100%;
  border-left: 1px solid #e8e8e8;
  position: absolute;
  right: 35px;
  top: 0;
}
.kopa-loadmore span > i {
  width: 35px;
  height: 35px;
  line-height: 36px;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 20px;
}
.kopa-loadmore span:hover {
  background: #008bc4;
  color: #fff;
}
.kopa-loadmore span:hover > i {
  color: #fff;
}

.widget-title.style4 {
  position: relative;
  margin-bottom: 30px;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #e8e8e8;
}
.widget-title.style4:before {
  content: '';
  background: #008bc4;
  height: 1px;
  width: 62px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.article-list-3 > ul > li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e8e8e8;
}
.article-list-3 > ul > li:last-child {
  margin: 0;
}
.article-list-3 .entry-thumb {
  width: 76px;
  float: left;
  margin-right: 15px;
}
.article-list-3 .entry-title {
  text-transform: none;
  font-weight: 600;
  margin-top: -5px;
}
.article-list-3 .entry-date > i {
  color: #888888;
}
.article-list-3 .entry-content {
  overflow: hidden;
}

#main-content .sidebar {
  margin-bottom: 35px;
}
#main-content .sidebar .widget {
  margin-bottom: 30px;
}

/**
 * 6.0 Content
 * -----------------------------------------------------------------------------
 */
.entry-title {
  margin-bottom: 5px;
  text-transform: uppercase;
}

.entry-thumb {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.entry-thumb img {
  width: 100%;
}
.entry-thumb:hover .thumb-hover {
  opacity: 1;
}
.entry-thumb .thumb-icon {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 63px;
  height: 63px;
  line-height: 60px;
  font-size: 20px;
  margin-top: -31.5px;
  margin-left: -31.5px;
  border: 3px solid #fff;
  border: 3px solid rgba(255, 255, 255, 0.68);
  border-radius: 50%;
  color: #fff;
  left: 50%;
  background: url("images/background/bg/4.png");
  background: rgba(0, 0, 0, 0.7);
}

.more-link {
  color: #008bc4;
  text-transform: capitalize;
  display: inline-block;
  margin-top: 10px;
}

.entry-item .thumb-icon:before {
  content: "+";
  font-weight: bold;
  margin-top: -2px;
  display: block;
}

.portfolio-item .thumb-icon:before {
  content: '\f064';
}

.video-post .thumb-icon:before {
  content: '\f04b';
  padding-left: 5px;
  margin-top: 0;
}

.gallery-post .thumb-icon:before {
  content: '\f03e';
  margin-top: 0;
}

.standard-post .thumb-icon:before {
  content: "\f15c";
  margin-top: 0;
}

.audio-post .thumb-icon:before {
  content: "\f028";
  margin-top: 0;
}

.link-post .thumb-icon:before {
  content: "\f0c1";
  margin-top: 0;
}

.quote-post .thumb-icon:before {
  content: "\f10d";
  margin-top: 0;
}

.review-post .thumb-icon:before {
  content: "+";
  font-weight: bold;
}

.entry-date i {
  margin-right: 10px;
  color: #9ed3e9;
}

.entry-author {
  margin-right: 25px;
}
.entry-author:hover {
  color: #008bc4;
}
.entry-author i {
  margin-right: 10px;
}

.entry-comments {
  margin-right: 25px;
}
.entry-comments:hover {
  color: #008bc4;
}
.entry-comments i {
  margin-right: 10px;
}

.entry-categories {
  margin-right: 25px;
}
.entry-categories:hover {
  color: #008bc4;
}
.entry-categories i {
  margin-right: 10px;
}

.entry-meta > span, .entry-meta > p {
  display: inline-block;
  margin: 0;
  margin-left: 25px;
}
.entry-meta > span:first-child, .entry-meta > p:first-child {
  margin: 0;
}
.entry-meta > span span, .entry-meta > p span {
  margin-right: 10px;
}
.entry-meta > span a, .entry-meta > p a {
  color: #888888;
}
.entry-meta > span a:hover, .entry-meta > p a:hover {
  color: #008bc4;
}

.pagination {
  display: block;
  text-align: center;
  height: 26px;
}
.pagination ul {
  display: inline-block;
}
.pagination ul li {
  float: left;
  margin: 0 0 0 3px;
  list-style: none;
  line-height: 1;
  font-size: 14px;
}
.pagination ul li:first-child {
  margin-left: 0;
}
.pagination ul li a {
  line-height: 1;
  display: block;
  padding: 5px 10px;
  border: 1px solid #e8e8e8;
}
.pagination ul li span {
  line-height: 1;
  display: block;
  padding: 5px 10px;
  border: 1px solid #e8e8e8;
}
.pagination ul li .current {
  color: #fff;
  border-color: #008bc4;
  background: #008bc4;
}

#back-top {
  position: absolute;
  right: 30px;
  bottom: 30px;
  margin-bottom: 0;
  z-index: 100;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  padding: 3px;
  width: 57px;
  height: 57px;
  background: rgba(255, 255, 255, 0.2);
}
#back-top a {
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  /*background: #008bc4;*/
  background: #78beff;
  display: block;
  text-align: center;
  line-height: 51px;
  color: #fff !important;
  font-size: 20px;
}
#back-top a:before {
  font-family: 'FontAwesome';
  content: "\f062";
}
#back-top a:hover {
  background: #111111;
}

#ascrail2000 {
  opacity: .6 !important;
  z-index: 999999999 !important;
  width: 5px !important;
  background: rgba(0, 0, 0, 0.15) !important;
  cursor: pointer;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}
#ascrail2000 div {
  width: 5px !important;
  border-radius: 0 !important;
  transition: all 0.2s;
  -ms-transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
}

.kopa-pagination {
  margin-bottom: 60px;
}
.kopa-pagination ul li:first-child {
  margin: 0;
  padding: 0;
  border: 1px solid #d0d0d0;
}
.kopa-pagination ul li {
  display: inline-block;
  border: 1px solid #d0d0d0;
  margin-left: 4px;
  cursor: pointer;
  background: #fff;
  line-height: 31px;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.kopa-pagination ul li a, .kopa-pagination ul li span {
  display: inline-block;
  width: 39px;
  height: 39px;
  line-height: 39px !important;
  text-align: center;
  transition: all 0;
  -ms-transition: all 0;
  -webkit-transition: all 0;
  -moz-transition: all 0;
}
.kopa-pagination ul li:hover, .kopa-pagination ul li.current {
  background: #008bc4;
  border-color: #008bc4;
}
.kopa-pagination ul li:hover a, .kopa-pagination ul li.current a {
  color: #fff;
}
.kopa-pagination ul li.current {
  cursor: text;
}
.kopa-pagination ul li.current span {
  color: #fff;
}
.kopa-pagination a.prev {
  font-size: 18px;
}
.kopa-pagination a.prev:before {
  content: "\f104";
}
.kopa-pagination a.next {
  font-size: 18px;
}
.kopa-pagination a.next:before {
  content: "\f105";
}

/**
 * 6.1 Home Page
 * -----------------------------------------------------------------------------
 */
body.kopa-home-2 {
  background: url("images/background/bg-m.jpg");
}

/**
 * 6.2 Sub Page
 * -----------------------------------------------------------------------------
 */
.kopa-breadcrumb {
  background: url("images/background/bg-m.jpg");
  padding: 32px 0 35px;
}
.kopa-breadcrumb .pull-left span {
  font-size: 24px;
  line-height: 24px;
  color: #333333;
  text-transform: capitalize;
  font-weight: 700;
  margin-bottom: 10px;
  display: block;
}
.kopa-breadcrumb .pull-left p {
  font-family: "Open Sans", sans-serif;
  line-height: 14px;
}
.kopa-breadcrumb .pull-right {
  line-height: 48px;
  font-size: 14px;
  font-family: "Open Sans", sans-serif;
  max-width: 100%;
  word-wrap: break-word;
}
.kopa-breadcrumb .pull-right > span > a {
  color: #888888;
}
.kopa-breadcrumb .pull-right > span > a:hover {
  color: #008bc4;
}
.kopa-breadcrumb .pull-right .current-page span {
  font-weight: 600;
  color: #888888;
}

/*
Slider page
----------------------------------
*/
.slider-intro {
  font-family: "Open Sans", sans-serif;
  font-size: 42px;
  line-height: 50px;
}
.slider-intro > span {
  font-weight: 700;
}

.slider-caption {
  font-family: "Open Sans", sans-serif;
  font-size: 22px;
  font-weight: 600;
  color: #008bc4 !important;
}

.slider-caption-2 {
  font-size: 18px;
  line-height: 26px;
}

.slider-intro-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 24px;
  line-height: 32px;
  font-weight: 700;
  padding: 10px 15px;
  background: #008bc4;
  text-transform: uppercase;
}

.slider-caption-3 {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  font-size: 22px;
}

.slider-link > a {
  font-size: 16px;
  display: block !important;
  padding: 10px 40px;
  border: 1px solid #fff;
  text-transform: capitalize;
}
.slider-link > a:hover {
  background: #008bc4;
  border-color: #008bc4;
}

.slider-intro-3 {
  font-family: "Open Sans", sans-serif;
  font-style: italic;
  font-size: 18px;
}

.slider-caption-4 {
  font-family: "Open Sans", sans-serif;
  font-size: 42px;
  font-weight: 700;
  text-transform: uppercase;
  position: relative;
}
.slider-caption-4:before {
  content: '';
  background: #fff;
  height: 1px;
  width: 146px;
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -73px;
}

.kopa-home-slider-4-widget {
  overflow: hidden;
  padding-bottom: 0;
  background: url(images/slider2/1.jpg) rgba(255, 255, 255, 0.3) 8px 8px no-repeat;
}
.kopa-home-slider-4-widget a, .kopa-home-slider-4-widget p, .kopa-home-slider-4-widget span {
  color: #fff;
}
.kopa-home-slider-4-widget .slider-content {
  position: relative;
  width: 100%;
  height: 100%;
}
.kopa-home-slider-4-widget .slider-content .slider-cover {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.47);
}
.kopa-home-slider-4-widget .slider {
  background: none;
  overflow: visible;
  height: 100%;
}
.kopa-home-slider-4-widget .slider .fraction-slider {
  width: 100% !important;
  height: 100% !important;
}
.kopa-home-slider-4-widget .slider .fraction-slider .prev, .kopa-home-slider-4-widget .slider .fraction-slider .next {
  width: 60px;
  height: 60px;
  line-height: 57px;
  font-size: 40px;
  color: #fff;
  background: none;
  border: 1px solid #888888;
  left: 20px;
}
.kopa-home-slider-4-widget .slider .fraction-slider .next {
  left: inherit;
  right: 20px;
}

.left-area {
  width: 50%;
  height: 120px;
  background: #023670;
/*background: #2a3342;*/
-webkit-border-bottom-right-radius: 40px;
-moz-border-radius-bottomright: 40px;
border-bottom-right-radius: 40px;
  position: relative;
  float: left;
}
.left-area:before {
  width: 100%;
  height: 100%;
  background: #023670;
/*background: #2a3342;*/
  position: absolute;
  top: 0;
  left: -100%;
}
.left-area:after {
  content: '';
  position: absolute;
  border-left: 0px solid transparent;
  border-right: 60px solid transparent;
  border-top: 120px solid #0a1d3c;
 /* border-top: 120px solid #2a3342;*/
  bottom: 0;
  left: 50%;
  margin-left: 0px;
  left: 100%;
}
.left-area .kopa-social-link-widget {
  margin: 37px 0;
}

.right-area {
  width: 50%;
  height: 120px;
  /*background: #008bc4;*/
  background: #78beff;
  margin-top: -34px;
  position: relative;
  float: left;
/*---ajout jb---*/
-webkit-border-top-left-radius: 50px;
-moz-border-radius-topleft: 50px;
border-top-left-radius: 50px;
}
.right-area:before {
  width: 100%;
  height: 100%;
  background: #78beff;
 /* background: #008bc4;*/
  position: absolute;
  top: 0;
  right: -100%;
}
.right-area:after {
  /*content: '';
  position: absolute;
  border-top: 120px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 60px solid #008bc4;
  top: 0;
  left: -60px;*/
}
.right-area .kopa-newsletter-widget {
  margin: 30px 0;
}

.kopa-social-link-widget > span {
  font-size: 18px;
  line-height: 46px;
  float: left;
  margin-right: 30px;
}
.kopa-social-link-widget .social-links li {
  margin: 0 0 0 24px;
}
.kopa-social-link-widget .social-links li:first-child {
  margin: 0;
}
.kopa-social-link-widget .social-links li a {
  text-align: center;
  width: 46px;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  background: none;
  color: #fff;
  border: 1px solid #888888;
/*--ajout jerome--*/
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
-webkit-border-top-left-radius: 25px;
-moz-border-radius-topleft: 25px;
border-top-left-radius: 25px;
}
.kopa-social-link-widget .social-links li a:hover {
  /*background: #008bc4;*/
  background: #78beff;
  border-color: #008bc4;
  color: #fff;
}

#bottom-sidebar address {
  color: #fff;
}
#bottom-sidebar address a {
  color: #fff;
}
#bottom-sidebar address a:hover {
  color: #008bc4;
  opacity: 1;
}

address p {
  margin: 20px 0 0;
}
address p:first-child {
  margin: 0 0 10px 0;
  opacity: 0.7;
}
address p > i {
  font-size: 18px;
  color: #78beff;
  float: left;
  margin-right: 20px;
}

/*
Categories page
----------------------------------
*/
.kopa-entry-list > ul > li, .kopa-entry-post > ul > li {
  margin-bottom: 30px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e8e8e8;
}
.kopa-entry-list .entry-item .entry-thumb, .kopa-entry-post .entry-item .entry-thumb {
  margin-bottom: 30px;
}
.kopa-entry-list .entry-item .content-body, .kopa-entry-post .entry-item .content-body {
  overflow: hidden;
}
.kopa-entry-list .entry-item .content-body > header, .kopa-entry-post .entry-item .content-body > header {
  margin-bottom: 15px;
}
.kopa-entry-list .entry-item .content-body .entry-title, .kopa-entry-post .entry-item .content-body .entry-title {
  margin: -5px 0 15px;
}

/*
Portfolio page
----------------------------------
*/
.kopa-portfolio-page .widget-title {
  text-transform: uppercase;
}
.kopa-portfolio-page .kopa-portfolio-widget {
  margin-bottom: 60px;
}
.kopa-portfolio-page .kopa-portfolio-widget .filters {
  text-align: left;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list {
  height: 100%;
  margin-left: -0.86957%;
  margin-right: -0.86957%;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3 {
  padding-top: 1.73913%;
  padding-left: 0.86957%;
  padding-right: 0.86957%;
  width: 24.5%;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3.inactive {
  visibility: hidden;
  opacity: 0;
}

/*
Shop page
----------------------------------
*/
.slider {
  position: relative;
  width: 100%;
  /*  height:453px; when responsive, comment this out */
  margin: 0 auto;
  background: #f6f6f6;
  overflow: hidden;
}

.slide-intro {
  font-size: 24px !important;
  color: #3a4245;
  padding-bottom: 15px;
  text-transform: capitalize;
  position: relative;
}
.slide-intro:before {
  content: '';
  background: #3a4245;
  height: 1px;
  width: 86px;
  position: absolute;
  bottom: -1px;
  left: 0;
}

.slide-caption {
  font-family: "Open Sans", sans-serif;
  font-size: 40px !important;
  color: #3a4245;
  text-transform: uppercase;
  font-weight: 700;
}

.slide-link {
  font-family: "Open Sans", sans-serif;
  font-size: 14px !important;
  line-height: 14px;
  color: #3a4245;
  border: 1px solid #3a4245;
  text-transform: uppercase;
  font-weight: 700;
  padding: 15px 20px;
}

.slide {
  display: none;
}

/*--- banner ---*/
.kopa-ads-widget > .row {
  margin-top: -20px;
}
.kopa-ads-widget > .row > .col-md-3 {
  margin-top: 20px;
}

.ads-item > a {
  position: relative;
  display: block;
  overflow: hidden;
}
.ads-item > a > img {
  width: 100%;
}
.ads-item > a .thumb-hover {
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.ads-item > a .thumb-hover > h6 {
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  left: 20px;
  bottom: 20px;
  margin: 0;
}
.ads-item > a:hover > img {
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}

/*--- kopa-product-list-widget ---*/
.kopa-product-list-widget {
  text-align: center;
}
.kopa-product-list-widget > .row > .col-md-12 > .row {
  margin-top: -20px;
}
.kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
  margin-top: 20px;
}
.kopa-product-list-widget .widget-title {
  margin-bottom: 5px;
}
.kopa-product-list-widget > .row > div > header > span {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
  display: block;
}
.kopa-product-list-widget .entry-item .entry-thumb {
  margin-bottom: 15px;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("images/background/bg/3.png");
  background: rgba(0, 0, 0, 0.1);
  opacity: 0;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul {
  position: absolute;
  left: 0;
  top: 50%;
  text-align: center;
  width: 100%;
  margin-top: -46.5px;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  transform: scale(0.2);
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li {
  display: inline-block;
  list-style: none;
  padding: 20px 12px;
  margin: 0 3px;
  width: 94px;
  height: 93px;
  background: #fff;
  background: rgba(255, 255, 255, 0.7);
  text-align: center;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li:hover {
  background: #fff;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li a > span {
  display: block;
}
.kopa-product-list-widget .entry-item .entry-thumb .thumb-hover ul li a > span.fa {
  font-size: 25px;
  margin-bottom: 5px;
}
.kopa-product-list-widget .entry-item .entry-thumb:hover .thumb-hover {
  opacity: 1;
}
.kopa-product-list-widget .entry-item .entry-thumb:hover .thumb-hover ul {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.kopa-product-list-widget .entry-item .entry-title {
  text-transform: none;
  font-weight: 600;
}
.kopa-product-list-widget .entry-item .entry-content > header {
  margin-bottom: 15px;
}

.kopa-rating ul {
  text-align: center;
}
.kopa-rating li {
  font-size: 15px;
  display: inline-block;
  color: #008bc4;
  margin-left: 0;
}
.kopa-rating li.inactive span:before {
  content: "\f006";
}

.product-info > ul > li {
  width: 33.33333%;
  height: 40px;
  float: left;
  border: 1px solid #d0d0d0;
  background: #fff;
  font-size: 16px;
  font-weight: 700;
}
.product-info > ul > li > a {
  color: #888;
  font-size: 18px;
  line-height: 40px;
}
.product-info > ul > li > a:hover i {
  color: #008bc4;
}
.product-info > ul > li > p {
  line-height: 40px;
}
.product-info > ul > li.cl-border {
  margin: 0 -1px;
  padding: 1px;
  border-color: #008bc4;
  position: relative;
}
.product-info > ul > li.cl-border > a {
  display: block;
  line-height: 34px;
}
.product-info > ul > li.cl-border > a > i {
  color: #008bc4;
}
.product-info > ul > li.cl-border:hover {
  border-width: 2px;
}
.product-info > ul > li.cl-border:hover > a {
  background: #008bc4;
}
.product-info > ul > li.cl-border:hover > a i {
  color: #fff;
}

/*--- kopa-brand-widget ---*/
.kopa-brand-widget {
  text-align: center;
}
.kopa-brand-widget .widget-title {
  margin-bottom: 5px;
}
.kopa-brand-widget > .row > div > header > span {
  font-family: "Open Sans", sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 30px;
  display: block;
}
.kopa-brand-widget .brand-link {
  display: block;
  width: 100%;
  height: 84px;
  border: 1px solid #d0d0d0;
  position: relative;
}
.kopa-brand-widget .brand-link > img {
  max-width: 80%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.kopa-brand-widget .brand-link:hover {
  border-color: #008bc4;
}

/*--- kopa-testimonial-3-widget ---*/
.widget-title.style5:before {
  content: '';
  background: #333333;
}

.owl-carousel-9 {
  padding-bottom: 5px;
}
.owl-carousel-9 .owl-controls {
  top: inherit !important;
  right: inherit !important;
  bottom: 0;
  left: 10px;
}
.owl-carousel-9 .owl-controls .owl-buttons div:hover {
  color: #008bc4 !important;
  border-color: #008bc4 !important;
}

.kopa-testimonial-3-widget {
  overflow: hidden;
}
.kopa-testimonial-3-widget .item > p {
  margin-bottom: 25px;
}
.kopa-testimonial-3-widget .item .tes-author {
  margin-left: 80px;
}
.kopa-testimonial-3-widget .item .tes-author > span {
  display: inline-block;
  font-weight: bold;
}
.kopa-testimonial-3-widget .item .tes-author > p {
  display: inline-block;
  color: #c1c1c1;
}

/*--- article-list-4 ---*/
.article-list-4 .entry-item .entry-thumb {
  width: 92px;
  float: left;
  margin-right: 20px;
}
.article-list-4 .entry-item .entry-thumb .thumb-hover {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 90%;
  height: 90%;
  background: url("images/background/bg/2.png");
  background: rgba(0, 139, 196, 0.8);
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.article-list-4 .entry-item .entry-thumb .thumb-hover .thumb-icon {
  background: none;
  border: none;
  text-align: center;
  position: absolute;
  top: 50%;
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 35px;
  margin-top: -15px;
  margin-left: -15px;
}
.article-list-4 .entry-item .entry-thumb:hover .thumb-hover {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.article-list-4 .entry-item .entry-content .entry-title {
  margin-top: -5px;
}
.article-list-4 .entry-item .entry-content .entry-date {
  margin-bottom: 10px;
  display: inline-block;
}
.article-list-4 .entry-item .entry-content .entry-date > i {
  color: #888888;
}

/*--- woocommerce plugin ---*/
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-result-count, .woocommerce-page .woocommerce-ordering {
  margin: 0 0 20px;
}
.woocommerce .woocommerce-result-count select, .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-result-count select, .woocommerce-page .woocommerce-ordering select {
  padding: 5px 10px;
  margin-top: -8px;
  border: 1px solid #d0d0d0;
}
.woocommerce ul.products, .woocommerce-page ul.products {
  margin: 0 -10px;
}
.woocommerce ul.products > li, .woocommerce ul.products li.product, .woocommerce-page ul.products > li, .woocommerce-page ul.products li.product {
  padding: 0 10px;
  margin: 0 0 10px;
}
.woocommerce ul.products > li.col-md-2, .woocommerce ul.products li.product.col-md-2, .woocommerce-page ul.products > li.col-md-2, .woocommerce-page ul.products li.product.col-md-2 {
  width: 16.66667%;
}
.woocommerce ul.products > li.col-md-3, .woocommerce ul.products li.product.col-md-3, .woocommerce-page ul.products > li.col-md-3, .woocommerce-page ul.products li.product.col-md-3 {
  width: 25%;
}
.woocommerce ul.products > li.col-md-4, .woocommerce ul.products li.product.col-md-4, .woocommerce-page ul.products > li.col-md-4, .woocommerce-page ul.products li.product.col-md-4 {
  width: 33.33333%;
}
.woocommerce ul.products > li .onsale, .woocommerce ul.products li.product .onsale, .woocommerce-page ul.products > li .onsale, .woocommerce-page ul.products li.product .onsale {
  top: 20px;
  right: 30px;
  margin: 0;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50%;
  background: #008bc4;
}
.woocommerce ul.products > li a img, .woocommerce ul.products li.product a img, .woocommerce-page ul.products > li a img, .woocommerce-page ul.products li.product a img {
  box-shadow: none;
}
.woocommerce ul.products > li a:hover img, .woocommerce ul.products li.product a:hover img, .woocommerce-page ul.products > li a:hover img, .woocommerce-page ul.products li.product a:hover img {
  box-shadow: none;
}
.woocommerce ul.products > li h3, .woocommerce ul.products li.product h3, .woocommerce-page ul.products > li h3, .woocommerce-page ul.products li.product h3 {
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  padding: .8em 0;
}
.woocommerce ul.products > li .star-rating, .woocommerce ul.products li.product .star-rating, .woocommerce-page ul.products > li .star-rating, .woocommerce-page ul.products li.product .star-rating {
  margin: 0 0 .8em;
}
.woocommerce ul.products > li .price, .woocommerce ul.products li.product .price, .woocommerce-page ul.products > li .price, .woocommerce-page ul.products li.product .price {
  color: #008bc4;
  margin-bottom: .8em;
  font-size: 18px;
  line-height: 24px;
}
.woocommerce ul.products > li .price ins, .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products > li .price ins, .woocommerce-page ul.products li.product .price ins {
  text-decoration: none;
}
.woocommerce ul.products > li .price del, .woocommerce ul.products li.product .price del, .woocommerce-page ul.products > li .price del, .woocommerce-page ul.products li.product .price del {
  font-size: 14px;
  margin-right: 10px;
  color: #888888;
}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce input#submit, .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page input#submit, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit {
  padding: 8px 15px;
  text-align: center;
  font-weight: normal;
  border-radius: 0;
  left: auto;
  color: #fff;
  text-shadow: none;
  border: none;
  background: #008bc4;
  box-shadow: none;
  display: inline-block;
  overflow: hidden;
}
.woocommerce a.button:before, .woocommerce button.button:before, .woocommerce input.button:before, .woocommerce input#submit:before, .woocommerce #content input.button:before, .woocommerce #respond input#submit:before, .woocommerce-page a.button:before, .woocommerce-page button.button:before, .woocommerce-page input.button:before, .woocommerce-page input#submit:before, .woocommerce-page #content input.button:before, .woocommerce-page #respond input#submit:before {
  top: 0.5em;
  color: #008bc4;
  font-weight: bold;
}
.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce input#submit:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover, .woocommerce-page input#submit:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover {
  /*background: #2a3342;*/
  background: #0a1d3c;
}
.woocommerce a.button.loading, .woocommerce button.button.loading, .woocommerce input.button.loading, .woocommerce input#submit.loading, .woocommerce #content input.button.loading, .woocommerce #respond input#submit.loading, .woocommerce-page a.button.loading, .woocommerce-page button.button.loading, .woocommerce-page input.button.loading, .woocommerce-page input#submit.loading, .woocommerce-page #content input.button.loading, .woocommerce-page #respond input#submit.loading {
  min-height: 10px;
  width: auto;
}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce input#submit.alt, .woocommerce #content input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page input#submit.alt, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit.alt {
  background: #008bc4;
  border: none;
  box-shadow: none;
  outline: none;
  transition: all 0.3s;
  -ms-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
}
.woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce-page input#submit.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover {
  background: #000;
  opacity: 0.8;
}
.woocommerce a.added_to_cart, .woocommerce-page a.added_to_cart {
  float: right;
  padding-top: .2em;
}
.woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination {
  margin: 20px 0 60px;
}
.woocommerce nav.woocommerce-pagination ul, .woocommerce #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child {
  margin: 0;
  padding: 0;
  border: 1px solid #d0d0d0;
}
.woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li {
  display: inline-block;
  margin-left: 4px;
  cursor: pointer;
  background: #fff;
  line-height: 31px;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li:first-child, .woocommerce #content nav.woocommerce-pagination ul li:first-child, .woocommerce-page nav.woocommerce-pagination ul li:first-child, .woocommerce-page #content nav.woocommerce-pagination ul li:first-child {
  border: none;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span {
  display: inline-block;
  width: 39px;
  height: 39px;
  border: 1px solid #d0d0d0;
  line-height: 26px !important;
  text-align: center;
  background: none;
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.woocommerce nav.woocommerce-pagination ul li:hover a, .woocommerce nav.woocommerce-pagination ul li.current a, .woocommerce #content nav.woocommerce-pagination ul li:hover a, .woocommerce #content nav.woocommerce-pagination ul li.current a, .woocommerce-page nav.woocommerce-pagination ul li:hover a, .woocommerce-page nav.woocommerce-pagination ul li.current a, .woocommerce-page #content nav.woocommerce-pagination ul li:hover a, .woocommerce-page #content nav.woocommerce-pagination ul li.current a {
  border-color: #008bc4;
  background: #008bc4;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li.current, .woocommerce #content nav.woocommerce-pagination ul li.current, .woocommerce-page nav.woocommerce-pagination ul li.current, .woocommerce-page #content nav.woocommerce-pagination ul li.current {
  cursor: text;
}
.woocommerce nav.woocommerce-pagination ul li.current span, .woocommerce #content nav.woocommerce-pagination ul li.current span, .woocommerce-page nav.woocommerce-pagination ul li.current span, .woocommerce-page #content nav.woocommerce-pagination ul li.current span {
  background: #008bc4;
  color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current {
  border-color: #008bc4;
  background: #008bc4 !important;
  color: #fff;
  cursor: text;
}
.woocommerce .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-message, .woocommerce-page .woocommerce-error, .woocommerce-page .woocommerce-info {
  background: none;
  box-shadow: none;
  border: 1px solid #008bc4;
  border-top-width: 3px;
}
.woocommerce .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-message:before, .woocommerce-page .woocommerce-error:before, .woocommerce-page .woocommerce-info:before {
  padding-top: 0;
}
.woocommerce .checkout h1, .woocommerce .checkout h2, .woocommerce .checkout h3, .woocommerce .checkout h4, .woocommerce .checkout h5, .woocommerce .checkout h6, .woocommerce .checkout .h1, .woocommerce .checkout .widget-title.style2, .woocommerce .checkout .h2, .woocommerce .checkout .h3, .woocommerce .checkout .h4, .woocommerce .checkout .kopa-portfolio-widget .widget-title, .kopa-portfolio-widget .woocommerce .checkout .widget-title, .woocommerce .checkout .widget-title.style4, .woocommerce .checkout .h5, .woocommerce .checkout .h6, .woocommerce .checkout .filters-options li, .filters-options .woocommerce .checkout li, .woocommerce .checkout .filters-options2 li, .filters-options2 .woocommerce .checkout li, .woocommerce .checkout .kopa-loadmore span, .kopa-loadmore .woocommerce .checkout span, .woocommerce-page .checkout h1, .woocommerce-page .checkout h2, .woocommerce-page .checkout h3, .woocommerce-page .checkout h4, .woocommerce-page .checkout h5, .woocommerce-page .checkout h6, .woocommerce-page .checkout .h1, .woocommerce-page .checkout .widget-title.style2, .woocommerce-page .checkout .h2, .woocommerce-page .checkout .h3, .woocommerce-page .checkout .h4, .woocommerce-page .checkout .kopa-portfolio-widget .widget-title, .kopa-portfolio-widget .woocommerce-page .checkout .widget-title, .woocommerce-page .checkout .widget-title.style4, .woocommerce-page .checkout .h5, .woocommerce-page .checkout .h6, .woocommerce-page .checkout .filters-options li, .filters-options .woocommerce-page .checkout li, .woocommerce-page .checkout .filters-options2 li, .filters-options2 .woocommerce-page .checkout li, .woocommerce-page .checkout .kopa-loadmore span, .kopa-loadmore .woocommerce-page .checkout span {
  text-transform: uppercase;
  margin-top: 20px;
}
.woocommerce #ship-to-different-address, .woocommerce-page #ship-to-different-address {
  margin-top: 22px;
  margin-bottom: 3px;
  position: relative;
}
.woocommerce #ship-to-different-address .checkbox, .woocommerce-page #ship-to-different-address .checkbox {
  margin-top: 0;
}
.woocommerce #ship-to-different-address input, .woocommerce-page #ship-to-different-address input {
  position: absolute;
  top: 4px;
}
.woocommerce table.shop_table, .woocommerce-page table.shop_table {
  border: 1px solid #d0d0d0;
  border-radius: 0;
  border-collapse: inherit;
}
.woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th {
  border-color: #d0d0d0;
}
.woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
  height: 36px;
}
.woocommerce span.onsale, .woocommerce-page span.onsale {
  top: 20px;
  left: 20px;
  right: 30px;
  margin: 0;
  width: 40px;
  height: 40px;
  font-size: 14px;
  font-weight: 400;
  border-radius: 50%;
  background: #008bc4;
  padding: 0;
  min-width: 40px;
  line-height: 40px;
  border: none;
}
.woocommerce div.product p.price, .woocommerce #content div.product p.price, .woocommerce div.product span.price, .woocommerce #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page #content div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page #content div.product span.price {
  color: #008bc4;
  margin-bottom: .8em;
  font-size: 18px;
  line-height: 24px;
}
.woocommerce div.product p.price ins, .woocommerce #content div.product p.price ins, .woocommerce div.product span.price ins, .woocommerce #content div.product span.price ins, .woocommerce-page div.product p.price ins, .woocommerce-page #content div.product p.price ins, .woocommerce-page div.product span.price ins, .woocommerce-page #content div.product span.price ins {
  text-decoration: none;
}
.woocommerce div.product p.price del, .woocommerce #content div.product p.price del, .woocommerce div.product span.price del, .woocommerce #content div.product span.price del, .woocommerce-page div.product p.price del, .woocommerce-page #content div.product p.price del, .woocommerce-page div.product span.price del, .woocommerce-page #content div.product span.price del {
  font-size: 14px;
  margin-right: 10px;
  color: #888888;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs, .woocommerce-page div.product .woocommerce-tabs ul.tabs {
  padding: 0;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li {
  background: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0 -2px;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after {
  display: none;
}
.woocommerce #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:first-child, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:first-child {
  margin-left: 0;
}
.woocommerce #content div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel, .woocommerce-page #content div.product .woocommerce-tabs .panel, .woocommerce-page div.product .woocommerce-tabs .panel {
  border: none;
  box-shadow: none;
  margin: 30px 0;
}

.woocommerce-checkout input, .woocommerce-checkout textarea {
  border: 1px solid #d0d0d0;
  padding: 8px;
  line-height: 18px;
}
.woocommerce-checkout .form-row .chosen-container-single .chosen-single {
  border-radius: 0;
  background: none;
  box-shadow: none;
  padding: 0 0 0 8px;
  height: 36px;
  line-height: 36px;
  border: 1px solid #d0d0d0;
  background-clip: inherit;
  color: #888888;
}

/*
Contact page
----------------------------------
*/
.kopa-contact-wrapper {
  background: #fff;
  margin-bottom: 50px;
}

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

.kopa-map-wrapper .kopa-map {
  height: 315px;
  width: 100%;
}

address {
  color: #333333;
}

.contact-box .input-block, #respond .input-block {
  position: relative;
}
.contact-box input, .contact-box textarea, #respond input, #respond textarea {
  border: 1px solid #d0d0d0;
  color: #888888;
  line-height: 13px;
  padding: 12px 15px;
  width: 100%;
}
.contact-box input:focus, .contact-box textarea:focus, #respond input:focus, #respond textarea:focus {
  border-color: #008bc4;
  transition: all 0.6s;
  -ms-transition: all 0.6s;
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  outline: 0;
  text-indent: 0px;
}
.contact-box label.error, #respond label.error {
  color: #008bc4;
  font-weight: 400;
  margin: 5px 0 0;
}
.contact-box .row, #respond .row {
  margin-top: 10px;
}
.contact-box .row:first-child, #respond .row:first-child {
  margin-top: 0;
}

.input-label p:first-child {
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
}
.input-label p span {
  color: red;
}
.input-label > span {
  font-weight: 700;
  color: #888888;
  text-transform: uppercase;
}

.textarea-label {
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  margin: 5px 0 10px;
}
.textarea-label > span {
  font-weight: 700;
  color: #888888;
  text-transform: uppercase;
}

.contact-button > span {
  position: relative;
  margin: 15px 0 60px;
  display: inline-block;
}
.contact-button > span:before {
  content: "\f1d9";
  color: #fff;
  position: absolute;
  top: 14px;
  right: 15px;
}
.contact-button > span input {
  width: auto !important;
  background: #008bc4;
  padding: 14px 40px 14px 15px !important;
  border: 1px solid #008bc4 !important;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff !important;
  display: inline-block;
  text-indent: 0 !important;
}
.contact-button > span:hover input {
  background: #fff;
  color: #008bc4 !important;
}
.contact-button > span:hover:before {
  color: #008bc4;
}
.contact-button > span.fa {
  font-size: 16px;
}

/*
Singe product page
----------------------------------
*/
/*
Singe porfolio page
----------------------------------
*/
.single-portfolio-page .widget-title {
  text-transform: uppercase;
}

.por-txt {
  margin-bottom: 20px;
}

.porfolio-meta {
  margin-bottom: 20px;
}
.porfolio-meta > p {
  margin-bottom: 5px;
}
.porfolio-meta > p > span {
  color: #333333;
}

.social-links.style2 > li {
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #f6f6f6;
  margin-left: 2px;
}
.social-links.style2 > li > a {
  font-size: 17px;
  line-height: 39px;
  color: #888888;
  display: block;
}
.social-links.style2 > li:hover {
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  background: #008bc4;
}
.social-links.style2 > li:hover > a {
  color: #fff;
  transition: all 0;
  -ms-transition: all 0;
  -webkit-transition: all 0;
  -moz-transition: all 0;
}

.gallery-related-post {
  overflow: hidden;
}

.owl-carousel-6 .item img {
  width: 100%;
}

.owl-carousel-7 .item {
  padding: 0 10px;
  width: 100%;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
  top: 0;
  margin-top: 73px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-prev {
  left: 10px;
}
.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-next {
  right: 10px;
}

/*
Singe post page
----------------------------------
*/
.kopa-tag-box {
  padding: 12px 0;
  border-top: 1px solid #e8e8e8;
  border-bottom: 1px solid #e8e8e8;
}
.kopa-tag-box span {
  color: #333333;
}
.kopa-tag-box a {
  color: #888888;
}

.social-links.style3 li:first-child {
  margin: 0;
  padding: 0;
  border: 1px solid #d0d0d0;
}
.social-links.style3 > li {
  width: 37px;
  height: 37px;
  line-height: 37px;
  text-align: center;
  background: #fff;
  border: 1px solid #d0d0d0;
  margin-left: 2px;
}
.social-links.style3 > li > a {
  font-size: 17px;
  line-height: 39px;
  color: #888888;
  display: block;
}
.social-links.style3 > li:hover {
  transition: all 0.5s;
  -ms-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
}
.social-links.style3 > li:hover > a {
  color: #008bc4;
  transition: all 0;
  -ms-transition: all 0;
  -webkit-transition: all 0;
  -moz-transition: all 0;
}

.kopa-share-post {
  margin-top: 30px;
}
.kopa-share-post > span {
  float: left;
  line-height: 37px;
  margin-right: 20px;
  color: #333333;
}

.kopa-author {
  background: #f6f6f6;
  border: 1px solid #e8e8e8;
  padding: 15px;
  position: relative;
  margin-top: 30px;
  margin-left: 96px;
}
.kopa-author .avatar-thumb {
  width: 91px;
  height: 91px;
  display: block;
  float: left;
  margin-right: 20px;
}
.kopa-author .avatar-thumb img {
  width: 100%;
  border-radius: 50%;
}
.kopa-author .author-content {
  overflow: hidden;
}
.kopa-author .author-content > header {
  margin-bottom: 13px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e8e8e8;
}
.kopa-author .author-content > header .author-name {
  text-transform: uppercase;
  margin-bottom: 5px;
}
.kopa-author .author-content > header .author-job {
  color: #333333;
}
.kopa-author .author-social-link {
  width: 161px;
  position: absolute;
  top: 20px;
  right: 20px;
}
.kopa-author .author-social-link > div > span {
  float: left;
  margin-right: 10px;
  line-height: 30px;
  color: #333333;
}
.kopa-author .author-social-link .social-filter {
  position: relative;
  float: left;
}
.kopa-author .author-social-link .social-filter > div {
  border: 1px solid #e8e8e8;
  background: #fff;
  padding: 3px 10px;
  width: 63px;
}
.kopa-author .author-social-link .social-filter > div > a {
  display: block;
  float: left;
  width: 24px;
  height: 24px;
  background: #008bc4;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin-right: 8px;
}
.kopa-author .author-social-link .social-filter > div > a:hover {
  background: #333333;
}
.kopa-author .author-social-link .social-filter > div > span {
  float: left;
  font-size: 15px;
  cursor: pointer;
}
.kopa-author .author-social-link .social-filter ul {
  display: none;
  position: absolute;
  left: 0;
  top: 28px;
  width: 63px;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-top: none;
  font-style: normal;
  z-index: 999;
}
.kopa-author .author-social-link .social-filter ul li {
  display: block;
  width: 24px;
  height: 24px;
  background: #008bc4;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 14px;
  margin: 8px 0 3px 10px;
  cursor: pointer;
}
.kopa-author .author-social-link .social-filter ul li:hover {
  background: #333333;
}
.kopa-author .author-social-link .social-filter ul li a {
  color: #fff;
}

.kopa-entry-post {
  overflow: hidden;
}
.kopa-entry-post > article {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}

.owl-carousel-8 .item, .owl-carousel-9 .item {
  padding: 0 10px;
  width: 100%;
}
.owl-carousel-8.owl-theme .owl-controls, .owl-theme.owl-carousel-9 .owl-controls {
  position: absolute;
  top: -65px;
  right: 10px;
}
.owl-carousel-8.owl-theme .owl-controls .owl-buttons div, .owl-theme.owl-carousel-9 .owl-controls .owl-buttons div {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 32px;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
  margin-top: -16px;
  margin-left: -16px;
  background: #fff;
  color: #888888;
  border: 1px solid #d0d0d0;
  position: inherit;
  margin: 0 0 0 2px;
  padding: 0;
}

.kopa-related-post {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #e8e8e8;
}
.kopa-related-post .widget-title {
  margin-bottom: 40px;
}
.kopa-related-post .portfolio-item > span {
  display: block;
  margin-top: 8px;
}
.kopa-related-post .portfolio-item > span.entry-date {
  color: #888888;
}
.kopa-related-post .portfolio-item > span.entry-date > i {
  color: #888888;
}

#comments {
  margin-bottom: 10px;
}
#comments > h4 {
  text-transform: uppercase;
}
#comments .comments-list .comment {
  list-style: none;
  margin-bottom: 30px;
}
#comments .comments-list .comment .comment-wrap .comment-avatar {
  width: 80px;
  height: 80px;
  margin-right: 15px;
  float: left;
}
#comments .comments-list .comment .comment-wrap .comment-avatar img {
  width: 100%;
  border-radius: 50%;
}
#comments .comments-list .comment .comment-wrap .media-body > header {
  margin-bottom: 5px;
}
#comments .comments-list .comment .comment-wrap .media-body > header .pull-left h6 {
  margin-bottom: 5px;
  text-transform: uppercase;
}
#comments .comments-list .comment .comment-wrap .media-body > header .pull-left span {
  color: #888888;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button > span, #comments .comments-list .comment .comment-wrap .media-body > header .comment-button > a {
  float: left;
  margin-left: 10px;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-edit-link,
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-reply-link {
  font-size: 20px;
  line-height: 27px;
  color: #008bc4;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-edit-link:hover,
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-reply-link:hover {
  color: #333333;
}
#comments .comments-list .comment .comment-wrap .media-body > header .comment-button .comment-number {
  color: #7e95a8;
}
#comments .comments-list .comment .comment-wrap .media-body > p {
  color: #333333;
  position: relative;
}
#comments .comments-list .children {
  position: relative;
}
#comments .comments-list .children li {
  margin-top: 30px;
}
#comments .comments-list .children:before {
  content: '';
  position: absolute;
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 60px solid #e8e8e8;
  top: -15px;
  left: 50%;
  margin-left: 0;
  left: 38px;
}
#comments .comments-list .children:after {
  content: '';
  position: absolute;
  border-left: 0 solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 60px solid white;
  top: -16px;
  left: 50%;
  margin-left: 0;
  left: 39px;
}
#comments .comments-list .children .comment {
  padding-left: 95px;
}
#comments .kopa-pagination {
  margin-top: 0;
  padding-top: 30px;
  border-top: 1px solid #e8e8e8;
  margin-bottom: 0;
}
#comments .kopa-pagination > ul {
  float: right;
}

#respond .contact-button > span {
  margin: 15px 0 0;
}

.single-other-post {
  margin-top: 40px;
  padding-top: 30px;
  border-top: 1px solid #e8e8e8;
}
.single-other-post > div > a, .single-other-post > div > h6 {
  float: left;
}
.single-other-post > div > h6 {
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  line-height: 39px;
}
.single-other-post .fa {
  text-align: center;
  position: absolute;
  top: 50%;
  width: 39px;
  height: 39px;
  line-height: 39px;
  font-size: 18px;
  margin-top: -19.5px;
  margin-left: -19.5px;
  background: #fff;
  color: #888888;
  border: 1px solid #d0d0d0;
  position: inherit;
  margin: 0;
  padding: 0;
}
.single-other-post .prev-post {
  float: left;
}
.single-other-post .prev-post > a {
  margin-right: 25px;
}
.single-other-post .next-post {
  float: right;
}
.single-other-post .next-post > a {
  float: right;
  margin-left: 25px;
}

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

/**
* 7.0 Footer
* -----------------------------------------------------------------------------
*/
#kopa-page-footer {
  /*background: #111111;*/
background: #023670;
  font-size: 13px;
  font-family: "Open Sans", sans-serif;
  /*color: #5e5e5e;*/
  color: #bfbaba;
  padding: 20px 0;
  position: relative;
}
#kopa-page-footer #copyright {
  margin-bottom: 0;
}
#kopa-page-footer a {
  /*color: #5e5e5e;*/
  color: #bfbaba;
}
#kopa-page-footer a:hover {
  color: #008bc4;
}

/**
* Parallax slider
* -----------------------------------------------------------------------------
*/
.kopa-home-parallax {
  /*
  Header bottom
  -----------------------
  */
}
.kopa-home-parallax #parallax-header {
  background-image: url(images/parallax/6.jpg);
}
.kopa-home-parallax .kopa-page-header .widget {
  margin-top: 30px;
}
.kopa-home-parallax #main-content {
  padding-top: 55px;
}
.kopa-home-parallax .kopa-bg {
  background: url("images/background/bg/4.png");
  background: rgba(0, 0, 0, 0.64);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.kopa-home-parallax .kopa-header-top {
  background: none;
  margin-bottom: 7px;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box {
  padding: 13px 45px 13px 0;
  background: #0f5586;
  position: relative;
  border-right: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  color: #d4dee9;
  text-transform: uppercase;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 a {
  color: #d4dee9;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box h6 a:hover {
  color: #008bc4;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle-wrapper {
  display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle {
  border-top-color: #0f5586;
}
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .kopa-border-bottom {
  display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color {
  background: #0f5586;
}
.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color .kopa-border-bottom {
  display: none;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box {
  padding: 6px 0;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box .search-box {
  margin-left: 20px;
}
.kopa-home-parallax .kopa-header-top .wrapper .ss-box .social-links {
  margin: 8px 0 0;
}
.kopa-home-parallax .search-box .search-form {
  position: relative;
  width: 210px;
}
.kopa-home-parallax .search-box .search-form .search-text {
  width: 100%;
  border: none;
  height: 36px;
  padding: 5px 36px 5px 15px;
  color: #969696;
  line-height: 26px;
  background: none;
  box-shadow: none;
  border: 1px solid #969696;
}
.kopa-home-parallax .search-box .search-form .search-submit {
  color: #fff;
}
.kopa-home-parallax .search-box .search-form .search-submit:hover {
  color: #008bc4;
}
.kopa-home-parallax .social-links li a {
  color: #fff;
}
.kopa-home-parallax .social-links li a:hover {
  color: #008bc4;
}
.kopa-home-parallax .kopa-header-bottom {
  background: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper {
  height: 100%;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg {
  background: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
  display: none;
}
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .triangle {
  display: none;
}
.kopa-home-parallax .kopa-header-bottom .main-nav {
  width: 72%;
  background: #008bc4;
  position: relative;
}
.kopa-home-parallax .kopa-header-bottom .main-nav:before {
  content: '';
  position: absolute;
  border-top: 98px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 50px solid #008bc4;
  top: 0;
  left: -50px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav:after {
  content: "";
  width: 300px;
  height: 100%;
  background: #008bc4;
  position: absolute;
  top: 0;
  right: -300px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu {
  float: right;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu > li {
  padding: 38px 18px 37px;
  height: 98px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu > li a {
  opacity: 1;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
  height: 80px;
  width: 66%;
  background: #008bc4;
  position: relative;
  margin-top: 20px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:before {
  content: '';
  position: absolute;
  border-top: 80px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 30px solid #008bc4;
  top: 0;
  left: -30px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:after {
  content: "";
  width: 300px;
  height: 100%;
  background: #008bc4;
  position: absolute;
  top: 0;
  right: -300px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile .pull {
  float: right;
  margin-top: 27px;
}
.kopa-home-parallax .kopa-header-bottom .main-nav-mobile .main-menu-mobile {
  top: 60px;
}
.kopa-home-parallax .kopa-header-bottom.fixed .main-nav-mobile {
  height: 70px;
  margin-top: 0 !important;
}
.kopa-home-parallax .kopa-header-bottom.fixed .main-nav-mobile:before {
  content: '';
  position: absolute;
  border-top: 70px solid transparent;
  border-bottom: 0 solid transparent;
  border-right: 30px solid #008bc4;
  top: 0;
  left: -30px;
}

/*--- Slider ---*/
.slide-intro-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
}

.slide-caption-2 {
  font-family: "Open Sans", sans-serif;
  font-size: 60px;
  line-height: 68px;
  font-weight: 700;
  text-transform: uppercase;
}

.slide-caption-3 {
  font-family: "Pacifico", cursive;
  font-size: 18px;
}

.slide-caption-4 {
  text-transform: uppercase;
  display: block !important;
  text-align: center;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

.slide-caption-5 {
  display: block !important;
  text-align: center;
  width: 100%;
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.slide-caption-6 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
  text-transform: uppercase;
}

.slide-caption-7 {
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif;
  font-size: 30px;
  line-height: 38px;
  font-weight: 700;
}

.slide-caption-8 {
  font-family: "Open Sans", sans-serif;
  font-size: 15px;
  line-height: 23px;
}

.slide-icon {
  text-align: center;
  width: 87px !important;
  height: 87px !important;
  line-height: 87px !important;
  font-size: 30px !important;
  background: #678236;
  border-radius: 50%;
}
.slide-icon.style1 {
  background: #d81756;
}
.slide-icon.style2 {
  background: #d87b17;
}
.slide-icon.style3 {
  background: #3f53a9;
}

.slide-icon1 {
  text-align: center;
  width: 87px;
  height: 87px;
  line-height: 87px;
  font-size: 30px;
  background: #678236;
  border-radius: 50%;
}
.slide-icon1.style1 {
  background: #d81756;
}
.slide-icon1.style2 {
  background: #d87b17;
}
.slide-icon1.style3 {
  background: #3f53a9;
}

.kopa-home-slider-5-widget {
  background: none;
}
.kopa-home-slider-5-widget a, .kopa-home-slider-5-widget p, .kopa-home-slider-5-widget span {
  color: #fff;
}
.kopa-home-slider-5-widget .slider {
  background: none;
  overflow: visible;
  height: 100%;
}
.kopa-home-slider-5-widget .slider .fraction-slider {
  width: 100% !important;
  height: 100% !important;
}
.kopa-home-slider-5-widget .slider .fraction-slider .prev, .kopa-home-slider-5-widget .slider .fraction-slider .next {
  width: 56px;
  height: 56px;
  line-height: 56px;
  font-size: 30px;
  color: #fff;
  background: url("images/background/bg/4.png");
  background: rgba(0, 0, 0, 0.45);
  border: none;
  left: 0;
}
.kopa-home-slider-5-widget .slider .fraction-slider .next {
  left: auto;
  right: 0;
}

/*--- kopa-tagline-2-widget ---*/
.kopa-tagline-2-widget {
  position: relative;
  margin-top: 0 !important;
}
.kopa-tagline-2-widget .tagline-left {
  width: 74.52174%;
  background: #008bc4;
  float: left;
  padding: 15px 25px;
  font-size: 15px;
  line-height: 23px;
  color: #fff;
  font-family: "Open Sans", sans-serif;
}
.kopa-tagline-2-widget .tagline-left > span {
  float: left;
  margin-right: 32px;
}
.kopa-tagline-2-widget .tagline-left > span .fa-comment {
  color: #0f5586;
  font-size: 50px;
  top: -4px;
  left: 4px;
}
.kopa-tagline-2-widget .tagline-left p {
  overflow: hidden;
}
.kopa-tagline-2-widget .tagline-right {
  position: absolute;
  top: 0;
  right: 0;
  width: 25.47826%;
  height: 100%;
  background: #0f5586;
  text-align: center;
  padding: 25px 15px;
  vertical-align: middle;
  font-size: 18px;
  line-height: 26px;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}
.kopa-tagline-2-widget .tagline-right a {
  color: #fff;
}
.kopa-tagline-2-widget .tagline-right a:hover {
  color: #000;
}

/**
* 8.0 Responsive
* -----------------------------------------------------------------------------
*/
@media screen and (max-width: 1160px) {

/*--- ajout jb ---*/
  .wrapper {
    width: 960px;
  }
.kopa-header-top .wrapper .hotline-box h6 {
    font-size: 11px;
  }
.main-menu > li {
    position: relative;
    z-index: 999;
    float: left;
    padding: 41px 6px 41px;  }
/*--- fin ajout jb ---*/
  .kopa-header-top .wrapper .hotline-box {
    background: #d4d4d4;
    border-right: 3px solid #d1d1d1;
    padding: 13px 12px 13px 0;
    position: relative;
  }

  .social-links li {
    margin: 0 0 0 15px;
  }

  .kopa-tagline-widget .tagline-right {
    width: 20%;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 55px;
    top: 0;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
    margin-right: -4px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
    margin-left: -4px;
  }

  .left-area .kopa-social-link-widget {
    margin: 46px 0;
  }

  .kopa-social-link-widget > span {
    line-height: 30px;
  }
  .kopa-social-link-widget .social-links li {
    margin: 0 0 0 24px;
  }
  .kopa-social-link-widget .social-links li:first-child {
    margin: 0;
  }
  .kopa-social-link-widget .social-links li a {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    background: none;
  }

  #footer-nav {
    margin-right: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .wrapper {
    width: 940px;
  }

  .kopa-social-link-widget > span {
    line-height: 30px;
  }
  .kopa-social-link-widget .social-links li {
    margin: 0 0 0 24px;
  }
  .kopa-social-link-widget .social-links li:first-child {
    margin: 0;
  }
  .kopa-social-link-widget .social-links li a {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    background: none;
  }

  .kopa-tagline-2-widget .tagline-left {
    font-size: 12px;
    line-height: 20px;
  }

  .kopa-tagline-2-widget .fa-stack-1x, .kopa-tagline-2-widget .fa-stack-2x {
    left: -4px;
    position: absolute;
    text-align: center;
    width: 100%;
    top: 4px;
  }
}
@media screen and (max-width: 979px) {
  .wrapper {
    width: 760px;
  }

  .kopa-header-top {
    display: none;
  }

  .kopa-header-top-2 {
    display: block;
  }
  .kopa-header-top-2 .social-links {
    line-height: 36px;
  }

  .bg-feature {
    display: none;
  }

  .kopa-home-1 #main-content, .kopa-home-2 #main-content {
    margin-top: 20px;
  }

  .main-nav {
    display: none;
  }

  .main-nav-mobile {
    display: block;
  }

  .kopa-header-bottom {
    height: 107px;
  }

  .home-slider-2-widget .owl-theme .owl-controls {
    bottom: 122px;
  }

  .kopa-service-2-widget > .row {
    margin-top: -20px;
  }
  .kopa-service-2-widget > .row .col-md-3 {
    width: 50%;
    margin-top: 20px;
  }

  .kopa-area {
    padding-top: 25px;
  }
  .kopa-area .widget:first-child.parallax, .kopa-area .widget:first-child.kopa-home-slider-3-widget, .kopa-area .widget:first-child.home-slider-widget, .kopa-area .widget.home-slider-2-widget:first-child, .kopa-area .widget.kopa-home-slider-4-widget:first-child, .kopa-area .widget:first-child.home-slider-2-widget {
    margin-top: -25px;
  }

  .area-inner > .row {
    margin-top: -20px;
  }
  .area-inner > .row > .col-md-4 {
    width: 50%;
    margin-top: 20px;
  }
  .area-inner > .row > .col-md-4:last-child {
    width: 100%;
  }

  .widget-title.style2 {
    top: 30px;
  }

  .kopa-blog-masonry-widget .ms-item1 {
    width: 50%;
    padding: 0 0 55px;
  }
  .kopa-blog-masonry-widget .ms-item1 .entry-item {
    background: url("images/background/bg/bg/black/6.png");
    background: rgba(0, 0, 0, 0.63);
  }
  .kopa-blog-masonry-widget .ms-item1:nth-child(2) {
    height: auto;
  }
  .kopa-blog-masonry-widget .ms-item1.last-item {
    width: 100%;
    padding: 85px 0 0;
  }
  .kopa-blog-masonry-widget .ms-item1.last-item .entry-content {
    bottom: 0;
  }

  .kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
    width: 50%;
  }

  #bottom-sidebar > .wrapper > .row > .col-md-2 {
    width: 25%;
    float: left;
  }
  #bottom-sidebar > .wrapper > .row > .col-md-4 {
    width: 100%;
    float: left;
  }
  #bottom-sidebar > .wrapper > .row > .col-md-4 .widget {
    width: 50%;
  }

  .kopa-tagline-widget .tagline-left p {
    display: none;
  }

  .kopa-tagline-widget .tagline-right {
    padding-right: 10px;
    text-align: right;
  }

  .kopa-tagline-widget .tagline-right a {
    font-size: 16px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
    margin-right: 0;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
    margin-left: 0;
  }

  .kopa-main-col {
    width: 100%;
  }

  .kopa-portfolio-page #main-content .wrapper > .row > div {
    width: 100%;
  }

  .sidebar {
    width: 100%;
  }

  .slide-caption {
    font-size: 20px !important;
    margin-top: 10px;
  }

  .kopa-ads-widget > .row > .col-md-3 {
    width: 50%;
  }

  .kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
    width: 50%;
  }

  .area-inner {
    margin: -70px -8px 0;
  }

  .contact-form > .row > .col-md-4, .contact-form > .row > .col-md-8 {
    width: 50%;
  }

  .kopa-social-link-widget > span {
    display: none;
  }

  .kopa-newsletter-widget .newsletter-form .input-email .submit {
    font-size: 12px;
  }

  .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb .thumb-icon {
    margin-top: -55.5px;
  }

  .portfolio-thumb .thumb-icon {
    text-align: center;
    position: absolute;
    top: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    margin-top: -22.5px;
    margin-left: -22.5px;
    left: 50%;
  }

  .kopa-home-parallax #parallax-header {
    margin-bottom: 150px;
  }

  .kopa-tagline-2-widget {
    bottom: -145px;
    position: absolute;
    width: 100%;
  }

  .kopa-home-1 #main-content > .wrapper > .row > .col-md-3, .kopa-home-1 #main-content > .wrapper > .row > .col-md-4, .kopa-home-1 #main-content > .wrapper > .row > .col-md-9, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-3, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-4, .kopa-home-parallax #main-content > .wrapper > .row > .col-md-9 {
    width: 100%;
  }
}
@media screen and (max-width: 799px) {
  .wrapper {
    width: 728px;
  }

  .kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
    width: 50%;
  }

  .kopa-home-1 #main-content > .wrapper > .row .col-md-9, .kopa-home-1 #main-content > .wrapper > .row .col-md-3 {
    width: 100%;
  }

  .kopa-tagline-widget .tagline-left p {
    display: block;
  }

  .kopa-tagline-widget .tagline-right {
    padding-right: 0;
    text-align: center;
  }
  .kopa-tagline-widget .tagline-right > a {
    font-size: 18px;
  }

  .kopa-testimonial-widget .widget-title {
    text-indent: 0px;
  }

  .kopa-portfolio-widget .author-info {
    margin-bottom: 20px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li {
    width: 46.696%;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
    margin-right: -6px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
    margin-left: -6px;
  }

  .portfolio-list .col-md-3 {
    width: 49% !important;
  }

  .kopa-portfolio-widget > .row .col-md-9, .kopa-portfolio-widget > .row > .col-md-3 {
    width: 100%;
    float: left;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 105px;
  }

  .kopa-home-parallax #parallax-header {
    margin-bottom: 130px;
  }
}
@media screen and (max-width: 767px) {
  .wrapper {
    width: 680px;
  }

  .article-list-0 > ul {
    margin-top: -20px;
  }
  .article-list-0 > ul > li {
    margin-top: 20px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-item > span.entry-icon {
    margin-right: -4px;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item > span.entry-icon {
    margin-left: -4px;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 90px;
  }

  .article-list-0 > ul > li.col-md-6 {
    width: 100%;
  }

  .portfolio-thumb .thumb-icon {
    display: none;
  }
}
@media screen and (max-width: 719px) {
  .kopa-widget-portfolios-of-an-author .portfolio-list > .row {
    margin-top: 0px !important;
  }

  .kopa-widget-portfolios-of-an-author .portfolio-item-wrap {
    width: 100% !important;
    margin-bottom: 30px;
  }

  .kopa-widget-portfolios-of-an-author .portfolio-item-wrap .portfolio-title,
  .kopa-widget-portfolios-of-an-author .portfolio-item-wrap .kopa-portfolio-tags-list {
    text-align: center;
    display: block;
    width: 100%;
  }

  .wrapper {
    width: 600px;
  }

  .home-slider-2-widget .entry-item .entry-content .entry-title {
    font-size: 14px;
  }

  #bottom-sidebar > .wrapper > .row > .col-md-2 {
    width: 50%;
    float: left;
  }

  #footer-nav {
    display: none;
  }

  .home-slider-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2, .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2, .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 {
    font-size: 15px;
  }

  .kopa-tagline-widget .tagline-left p {
    display: none;
  }

  .kopa-tagline-widget .tagline-right {
    padding-right: 10px;
    text-align: right;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li {
    width: 46.396%;
  }

  .pricing-table .column ul li.footer-row .pt-btn {
    line-height: 35px;
    padding: 7px 10px;
  }

  .kopa-our-mission > .row, .kopa-contact-wrapper > .row {
    margin-top: -20px;
  }
  .kopa-our-mission > .row .col-md-6, .kopa-contact-wrapper > .row .col-md-6 {
    margin-top: 20px;
    width: 100%;
  }

  .nav-tabs li > a {
    padding: 10px 25px;
  }

  .single-portfolio-page #main-content .kopa-area-1 .wrapper .row {
    margin-top: -20px;
  }
  .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-2, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-3, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-4, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-6, .single-portfolio-page #main-content .kopa-area-1 .wrapper .row .col-md-9 {
    margin-top: 20px;
    width: 100%;
  }

  .left-area {
    width: 100%;
  }
  .left-area:after {
    border: none;
    width: 100%;
    height: 100%;
    /*background: #2a3342;*/
background: #0a1d3c;
    position: absolute;
    top: 0;
    right: -100%;
  }
  .left-area .kopa-social-link-widget {
    margin: 37px 0;
  }

  .right-area {
    width: 100%;
    margin: 0;
  }
  .right-area:after {
    border: none;
    width: 100%;
    height: 100%;
    background: #008bc4;
    position: absolute;
    top: 0;
    left: -100%;
  }

  .kopa-social-link-widget > span {
    display: block;
    line-height: 46px;
  }
  .kopa-social-link-widget .social-links li {
    margin: 0 0 0 24px;
  }
  .kopa-social-link-widget .social-links li:first-child {
    margin: 0;
  }
  .kopa-social-link-widget .social-links li a {
    text-align: center;
    width: 46px;
    height: 46px;
    line-height: 46px;
    font-size: 22px;
    background: none;
  }
  .kopa-social-link-widget .social-links li a:hover {
    color: #fff;
  }

  .kopa-newsletter-widget .newsletter-form .input-email .submit {
    font-size: 16px;
  }

  .home-slider-2-widget, .home-slider-widget, .home-slider-2-widget, .kopa-home-slider-4-widget {
    margin-bottom: 20px !important;
  }

  .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
    width: 60%;
  }

  .home-slider-2-widget, .home-slider-widget, .home-slider-2-widget, .kopa-home-slider-4-widget {
    margin-bottom: 20px !important;
  }

  .kopa-area-3 {
  /*background: #2a3342;*/
  background: #0a1d3c;
    position: relative;
  }
  .kopa-area-3:before {
    content: "";
    width: 100%;
    height: 120px;
    background: #008bc4;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .left-area:before, .left-area:after, .right-area:before, .right-area:after {
    display: none;
  }
}
@media screen and (max-width: 639px) {
  body {
    padding: 0;
  }

  .wrapper {
    width: 440px;
  }

  .home-slider-2-widget .entry-item .entry-content .entry-title {
    font-size: 10px;
    line-height: 18px;
  }

  .home-slider-2-widget .entry-item .entry-content > p {
    display: none;
  }

  .home-slider-2-widget .owl-theme .owl-controls {
    bottom: 20px;
  }

  .kopa-service-2-widget > .row .col-md-3 {
    width: 100%;
  }

  .area-inner > .row > .col-md-4 {
    width: 100%;
  }

  .kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
    width: 100%;
  }

  #bottom-sidebar > .wrapper > .row > .col-md-4 .widget {
    width: 100%;
  }

  #footer-nav {
    display: none;
  }

  .kopa-tagline-widget .tagline-left {
    width: 70.778%;
  }

  .kopa-tagline-widget .tagline-right {
    width: 26%;
  }

  .kopa-service-widget > .row {
    margin-top: -20px;
  }
  .kopa-service-widget > .row > .col-md-4 {
    margin-top: 20px;
    width: 100%;
  }

  .kopa-portfolio-widget > .row .row {
    margin-top: -20px;
  }
  .kopa-portfolio-widget > .row .row > .col-md-4 {
    margin-top: 20px;
    width: 100%;
  }

  .kopa-event-widget .kopa-event-content .kopa-line {
    display: none;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li {
    width: 100%;
    margin-top: 30px;
  }
  .kopa-event-widget .kopa-event-content .event-post-content > ul > li .entry-icon, .kopa-event-widget .kopa-event-content .event-post-content > ul > li .triggle {
    display: none;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content {
    margin-top: 30px;
    float: none;
  }

  .kopa-event-widget .kopa-event-content .event-post-content > ul > li.right-content .entry-item .entry-date.style1 {
    float: left !important;
  }

  .kopa-elements-page #main-content .wrapper .row {
    float: left;
    margin-top: -20px;
  }
  .kopa-elements-page #main-content .wrapper .row .col-md-2, .kopa-elements-page #main-content .wrapper .row .col-md-3, .kopa-elements-page #main-content .wrapper .row .col-md-4, .kopa-elements-page #main-content .wrapper .row .col-md-6, .kopa-elements-page #main-content .wrapper .row .col-md-9 {
    margin-top: 20px;
    width: 100%;
  }

  .pricing-table .column ul li.footer-row .pt-btn {
    line-height: 40px;
    padding: 10px 25px;
  }

  .kopa-author .author-social-link {
    width: 58px;
  }

  .kopa-author .author-social-link > div > span {
    display: none;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 50px;
  }

  .slide-intro {
    font-size: 15px !important;
    padding-bottom: 10px;
  }
  .slide-intro:before {
    width: 40px;
  }

  .slide-caption {
    font-size: 14px !important;
    margin-top: 10px;
  }

  .slide-link {
    padding: 3px 12px 8px;
  }

  .kopa-brand-widget > .row > .col-md-12 > .row {
    margin-top: -20px;
  }
  .kopa-brand-widget > .row > .col-md-12 > .row > .col-md-2 {
    width: 50%;
    margin-top: 20px;
  }

  .kopa-social-link-widget > span {
    display: none;
  }

  .kopa-portfolio-2-widget .portfolio-list-item > li {
    width: 50%;
  }

  .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
    width: 35%;
  }

  .kopa-home-parallax #parallax-header {
    margin-bottom: 110px;
  }

  .kopa-portfolio-2-widget .portfolio-list-item > li {
    width: 50%;
  }

  .home-slider-widget .kopa-home-slider .slides-info, .home-slider-2-widget .kopa-home-slider .slides-info, .kopa-home-slider-4-widget .kopa-home-slider .slides-info, .home-slider-2-widget .kopa-home-slider .slides-info, .kopa-home-slider-4-widget .kopa-home-slider .slides-info {
    display: none;
  }

  .kopa-author {
    margin-left: 0;
  }
}
@media screen and (max-width: 479px) {
  body {
    padding: 0;
  }

  .wrapper {
    width: 320px;
  }

  .kopa-blog-masonry-widget .ms-item1 {
    width: 100%;
  }

  .kopa-bg .kopa-bg-inner {
    display: none;
  }

  .kopa-blog-masonry-widget .ms-item1 {
    padding: 0 0 10px;
  }

  .kopa-header-top-2 .social-links {
    display: none;
  }

  .home-slider-2-widget .owl-theme .owl-controls {
    bottom: 46px;
  }

  .kopa-tagline-widget .tagline-left h6 {
    font-size: 11px;
  }

  .kopa-tagline-widget .tagline-right {
    padding: 10px 10px 10px 27px;
  }

  .kopa-tagline-widget .tagline-right > a {
    font-size: 13px;
    line-height: 20px;
  }

  .contact-form > .row > .col-md-4, .contact-form > .row > .col-md-8 {
    width: 100%;
    margin-bottom: 10px;
  }

  .kopa-breadcrumb {
    padding: 10px 0;
  }
  .kopa-breadcrumb > .wrapper .pull-right {
    display: none;
  }

  .portfolio-list .col-md-3 {
    width: 100% !important;
  }

  .kopa-single-page .entry-content .entry-date.style1, .kopa-blog-page .entry-content .entry-date.style1 {
    display: none;
  }
  .kopa-single-page .entry-meta > span, .kopa-single-page .entry-meta > p, .kopa-blog-page .entry-meta > span, .kopa-blog-page .entry-meta > p {
    display: block;
    margin: 10px 0 0 0;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 90px;
  }

  .slide-link, .slide-caption {
    display: none !important;
  }

  .kopa-ads-widget > .row > .col-md-3 {
    width: 100%;
  }

  .kopa-product-list-widget > .row > .col-md-12 > .row > .col-md-3 {
    width: 100%;
  }

  .article-list-0 ul li .entry-item .entry-thumb {
    width: 100%;
  }

  .article-list-0 ul li .entry-item .entry-content {
    padding-right: 20px;
  }

  .article-list-0 ul li .entry-item .entry-content header {
    margin-right: -20px;
    padding-right: 20px;
  }

  #back-top {
    bottom: 15px;
  }

  .left-area .kopa-social-link-widget {
    margin: 46px 0;
  }

  .kopa-social-link-widget .social-links li {
    margin: 0 0 0 24px;
  }
  .kopa-social-link-widget .social-links li:first-child {
    margin: 0;
  }
  .kopa-social-link-widget .social-links li a {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 18px;
    background: none;
  }

  .kopa-newsletter-widget .news-icon {
    display: none;
  }

  .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
    width: 20%;
  }

  .kopa-home-parallax #parallax-header {
    margin-bottom: 0;
  }

  .kopa-tagline-2-widget {
    display: none;
  }

  .kopa-blog-masonry-widget .ms-item1.last-item .entry-item .entry-content p {
    display: none;
  }

  .nav-tabs li > a {
    padding: 10px 15px;
  }

  .kopa-entry-post .entry-date.style1 {
    display: none;
  }

  .kopa-author .author-social-link {
    left: 30px;
    top: 110px;
  }

  .home-slider-2-widget .owl-theme .owl-controls {
    bottom: 20px;
  }

  .kopa-blog-masonry-widget .ms-item1.last-item .entry-item .entry-content p {
    display: none;
  }
}
@media screen and (max-width: 359px) {
  body {
    padding: 0;
  }

  .wrapper {
    width: 280px;
  }

  .kopa-header-bottom .wrapper .left-color-bg {
    width: 190px;
  }

  .home-slider-2-widget .entry-item .entry-content .entry-title {
    font-size: 9px;
    line-height: 17px;
  }

  .kopa-tagline-widget .tagline-left {
    width: 69.778%;
  }

  .kopa-tagline-widget .tagline-left h6 {
    font-size: 9px;
  }

  .nav-tabs li > a {
    padding: 10px 15px;
  }

  .social-links.style3 > li {
    width: 35px;
  }

  .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
    margin-top: 75px;
  }

  #back-top {
    display: none !important;
  }
}
/*FIX by @thangtran*/
.kopa-post-content-formated {
  margin-bottom: 20px;
}

textarea {
  resize: vertical !important;
}

ul#tiles {
  list-style: none !important;
}

body.kopa-layout-single-product #main-content .kopa-area,
body.kopa-layout-product-archive #main-content .kopa-area {
  padding-bottom: 60px;
}

/*
 * --------------------------------------------------
 * 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%;
/*---ajout jb--*/
-webkit-border-top-right-radius: 25px;
-moz-border-radius-topright: 25px;
border-top-right-radius: 25px;
}

.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;
}

/*--- color ---*/
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box, .kopa-home-parallax .kopa-header-top .wrapper .left-bg-color,
.kopa-tagline-2-widget .tagline-right {
  background: #0f5586;
}

.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle {
  border-top-color: #0f5586;
}

.kopa-tagline-2-widget .tagline-left > span .fa-comment {
  color: #0f5586;
}

.kopa-tagline-2-widget .tagline-left {
  background: #008bc4;
}

.kopa_page_content p,
.kopa_post_content p {
  margin-bottom: 10px;
}

/*FIX VIDEO SHORTCODE*/
.wp-video,
.mejs-overlay {
  width: 100% !important;
  position: relative !important;
  padding-bottom: 56.25% !important;
  padding-top: 0px !important;
  height: 0 !important;
}

.wp-video-shortcode {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
}

.widget.kopa-portfolio-widget .portfolio-list .row.row-first {
  margin-top: 0px;
}
.widget.kopa-portfolio-widget .portfolio-list .row.row-other {
  margin-top: 40px;
}

body.kopa-home-parallax #divine-laguage-switcher a,
body.kopa-home-parallax #divine-laguage-switcher select {
  color: #FFF;
}

#divine-laguage-switcher {
  display: block;
  margin-right: 10px;
  height: 36px;
}
#divine-laguage-switcher .lang-item {
  display: block;
  float: left;
  margin-right: 5px;
  height: 36px;
  line-height: 36px;
}
#divine-laguage-switcher #lang_choice {
  height: 36px;
  line-height: 36px;
  margin-right: 5px;
  color: #848484;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
#divine-laguage-switcher #lang_choice option {
  height: 26px;
  padding-top: 5px;
}

.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  width: auto;
}

@media screen and (max-width: 767px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    width: 100% !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .woocommerce ul.products li.product,
  .woocommerce-page ul.products li.product {
    clear: none !important;
  }
}
.pagination.kopa-comment-pagination {
  text-align: right;
}
.pagination.kopa-comment-pagination .page-numbers {
  display: inline-block;
  height: 40px;
  line-height: 40px;
  padding: 0px 15px;
  border: 1px solid #dadada;
}
.pagination.kopa-comment-pagination .page-numbers.current {
  background-color: #008bc4;
  border-color: #008bc4;
  color: #FFF;
}

#divine-laguage-switcher {
  display: block;
  margin-right: 10px;
  height: 36px;
}
#divine-laguage-switcher .lang-item {
  display: block;
  float: left;
  margin-right: 5px;
  height: 36px;
  line-height: 36px;
}
#divine-laguage-switcher #lang_choice {
  height: 36px;
  line-height: 36px;
  margin-right: 5px;
  color: #848484;
  background-color: #f6f6f6;
  border-color: #f6f6f6;
}
#divine-laguage-switcher #lang_choice option {
  height: 26px;
  padding-top: 5px;
}

.portfolio-list.portfolio-list-1-items .owl-carousel {
  width: 25% !important;
}
.portfolio-list.portfolio-list-2-items .owl-carousel {
  width: 50% !important;
}

@media screen and (min-width: 480px) and (max-width: 639px) {
  .portfolio-list.portfolio-list-1-items .owl-carousel {
    width: 50% !important;
  }
  .portfolio-list.portfolio-list-2-items .owl-carousel {
    width: 100% !important;
  }
}
@media screen and (max-width: 479px) {
  .portfolio-list.portfolio-list-1-items .owl-carousel {
    width: 100% !important;
  }
  .portfolio-list.portfolio-list-2-items .owl-carousel {
    width: 100% !important;
  }
}
/*----- ajout jb----*/
.right {
    float: right;
}
.kopa-area-3 a:hover {
    /*color: #008bc4;*/
    color: #023670;
    background-color: #fff;

}
.formulairebleu {
    background: #ffffff !important;
    color: #023670 !important;
    font-size: 15px !important;
    /*border-radius: 1px !important;*/
    border: 1px solid #3356a3 !important;
    padding: 5px 5px 5px 5px !important;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topright: 15px;
border-top-right-radius: 15px;

}
input[type="submit"]
{
    /*font-family: "Open Sans", sans-serif;*/
    color: #fff;
    padding: 10px 20px;
    border: 1px solid #428bca;
    border-radius: 3px;
    background: #78beff;
    position: relative;
float: left;
margin-right: 20px;
margin-bottom: 15px;
text-transform: uppercase;
font-weight: bold;
}
input[type="submit"]:hover
{
    color: #78beff;
    border: 1px solid #78beff;
    background: #fff;
}
.kopa-button-devis {
    color: #fff;
    font-size: 20px;
font-weight: bold;
}

.ligne
{border-bottom: 1px solid #e8e8e8;}

.fg-image {border-top-right-radius: 25px;}