/*
Theme Name: Divine
Theme URI: http://kopatheme.com/
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: 1.0.0
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready


/**
* Table of Contents:
*
* 1.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
* -----------------------------------------------------------------------------
*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700&amp;subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Montserrat:300,400,700&amp;subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Roboto:300,400,700&amp;subset=latin-ext);
@import url(http://fonts.googleapis.com/css?family=Taviraj:300,400,700&amp;subset=latin-ext);

/***  %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_recent_entries>ul>li:before,
.widget_archive>ul>li:before,
.widget_meta>ul>li:before,
.widget_nav_menu>ul>li:before,
.widget_pages>ul>li:before,
.widget_recent_comments>ul>li:before,
.widget_rss>ul>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;
}

.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, #0080B4 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: #0080B4;
    color: #FFFFFF;
    text-shadow: none;
}

::-moz-selection {
    background: #0080B4;
    color: #FFFFFF;
    text-shadow: none;
}

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

a {
    color: #0080B4;
    text-decoration: none !important;
    outline: none !important;
}

a:hover,
a:active {
    color: #333333;
    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;
}

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: 'Montserrat', 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: #0080B4;
}

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: #333333;
}

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

h2,
.h2 {
    font-size: 22px;
    line-height: 30px;
}

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

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: 'Montserrat', 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: #0080B4;
    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: 'Montserrat', 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: #0080B4;
    color: #FFFFFF;
}

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

.txt-color {
    color: #333333;
}

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

.txt-decoration-2 {
    color: #0080B4;
    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: 'Montserrat', 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: #FFFFFF;
    background: #0080B4;
    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: #0080B4;
    padding: 0;
}

.kopa-toggle-widget .panel-group .panel .panel-heading>.panel-title a {
    color: #FFFFFF;
}

.kopa-toggle-widget .panel-group .panel .panel-heading>.panel-title a .b-collapse {
    color: #0080B4;
    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: #0080B4;
    color: #FFFFFF;
}

.column.active .title-row span {
    background: #f6f6f6;
}

.column.active .pricing-row {
    background: #f6f6f6;
    border-bottom: 1px solid #e8e8e8;
}

.column.active .pricing-row span {
    color: #0080B4;
}

.column.active .footer-row .pt-btn {
    background: #0080B4;
    color: #FFFFFF;
}

.column ul li {
    padding: 15px 55px;
    border: 1px solid #e8e8e8;
    border-top: none;
    color: #333333;
    font-size: 16px;
}

.column ul li:first-child {
    border: none;
    padding: 45px 20px 15px;
    font-size: 24px;
}

.column ul li.normal-row:first-child {
    border-top: none;
}

.column ul li.title-row {
    line-height: 24px;
    background: #fff;
    color: #0080B4;
    text-transform: uppercase;
}

.column ul li.title-row span {
    width: 100%;
    height: 30px;
    background: #0080B4;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.column ul li.pricing-row {
    background: #0080B4;
    font-size: 24px;
    border: none;
    padding: 35px 35px 60px;
    position: relative;
}

.column ul li.pricing-row span {
    color: #FFFFFF;
}

.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: #0080B4;
    line-height: 40px;
    padding: 10px 25px;
    border: 1px solid #0080B4;
}

.column ul li.footer-row .pt-btn:hover {
    background: #0080B4;
    color: #FFFFFF;
}


/*----- 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: 'Montserrat', 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 #0080B4;
    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 #0080B4;
    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 #0080B4;
    border-right: 0;
    background: #0080B4;
    color: #FFFFFF !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 #0080B4;
    border-right: 0;
    background: #0080B4;
    color: #FFFFFF !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: #FFFFFF;
    background: #0080B4;
    display: inline-block;
    zoom: 1;
    float: left;
    font-size: 36px;
    font-weight: 600;
    line-height: 41px;
    margin: 5px 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: #0080B4;
}

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

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

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

.progress.bar-danger {
    border-color: #0080B4;
}


/*----- 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: #FFFFFF;
    background: #0080B4;
    font-size: 15px;
}

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

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

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

.color-button,
.border-button:hover {
    color: #FFFFFF;
    background: #0080B4;
    border: 1px solid #0080B4;
}

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

.span-button {
    background: #fff;
    border: 2px solid #0080B4;
    padding: 1px;
}

.span-button span {
    background: #0080B4;
    display: block;
}

.span-button.small-button>span {
    padding: 5px 24px;
}

.span-button.medium-button>span {
    padding: 10px 27px;
}

.span-button.big-button>span {
    padding: 18px 37px;
}

.span-button:hover span {
    background: #fff;
}


/*----- Alert Box -----*/

.kopa-alert {
    margin-top: 20px;
}

.kopa-alert {
    padding: 10px 35px 10px 17px;
    color: #FFFFFF;
    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: right;
    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: #0080B4;
}

.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: #0080B4;
}


/**
* 2.0 Basic structure
* -----------------------------------------------------------------------------
*/

body {
    background: #fafafa;
    position: relative;
    font-family: 'Montserrat', sans-serif;
    color: #888888;
    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;
    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: 999999999999;
    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: #0080B4;
    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;
    position: relative;
    border-right: 3px solid #d1d1d1;
}

.kopa-header-top .wrapper .hotline-box h6 {
    font-size: 13px;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase;
}

.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: 57px 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: #f1f1f1;
    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;
}

.kopa-header-bottom .wrapper {
    height: 100%;
}

.kopa-header-bottom .wrapper .left-color-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    height: 100%;
    background: #0080B4;
}

.kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
    background: #0080B4;
    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: 94px solid #0080B4;
    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;
    transition: all 0.9s;
    -ms-transition: all 0.9s;
    -webkit-transition: all 0.9s;
    -moz-transition: all 0.9s;
}

.kopa-header-bottom.fixed {
    position: fixed;
    top: 0px;
    background: #0080B4 !important;
    width: 100%;
    z-index: 999999999999;
    height: 70px;
    opacity: 0.95;
    filter: Alpha(Opacity=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;
}

.kopa-header-bottom.fixed .logo-box img {
    height: 45px !important;
    max-height: 45px !important;
}

.kopa-header-bottom.fixed .main-menu>li {
    padding: 27px 18px !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: #2a3342;
}

.bg-feature span {
    width: 15%;
    height: 100%;
    display: block;
    background: #0080B4;
}

.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 18px 41px;
    height: 106px;
}

.main-menu>li>a {
    text-transform: uppercase;
    color: #FFFFFF;
    opacity: 0.8;
    filter: Alpha(Opacity=80);
    font-family: 'Montserrat', 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;
    filter: Alpha(Opacity=100);
}

.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: #FFFFFF;
    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;
}

.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: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    padding: 10px 0;
}

.main-nav-mobile .main-menu-mobile>li>a:hover {
    color: #0080B4;
}

.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: #0080B4;
}

.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 #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_recent_entries>ul>li,
.widget_archive>ul>li,
.widget_meta>ul>li,
.widget_nav_menu>ul>li,
.widget_pages>ul>li,
.widget_recent_comments>ul>li,
.widget_rss>ul>li {
    color: #333333;
    padding-bottom: 10px;
}

.widget_categories>ul>li:before,
.widget_recent_entries>ul>li:before,
.widget_archive>ul>li:before,
.widget_meta>ul>li:before,
.widget_nav_menu>ul>li:before,
.widget_pages>ul>li:before,
.widget_recent_comments>ul>li:before,
.widget_rss>ul>li:before {
    content: "\f105";
    margin-right: 10px;
    font-size: 16px;
    color: #333333;
    float: left;
    line-height: 22px;
}

.widget_categories>ul>li:hover:before,
.widget_recent_entries>ul>li:hover:before,
.widget_archive>ul>li:hover:before,
.widget_meta>ul>li:hover:before,
.widget_nav_menu>ul>li:hover:before,
.widget_pages>ul>li:hover:before,
.widget_recent_comments>ul>li:hover:before,
.widget_rss>ul>li:hover:before {
    color: #0080B4;
}

.widget_categories>ul>li .sub-menu,
.widget_categories>ul>li .children,
.widget_recent_entries>ul>li .sub-menu,
.widget_recent_entries>ul>li .children,
.widget_archive>ul>li .sub-menu,
.widget_archive>ul>li .children,
.widget_meta>ul>li .sub-menu,
.widget_meta>ul>li .children,
.widget_nav_menu>ul>li .sub-menu,
.widget_nav_menu>ul>li .children,
.widget_pages>ul>li .sub-menu,
.widget_pages>ul>li .children,
.widget_recent_comments>ul>li .sub-menu,
.widget_recent_comments>ul>li .children,
.widget_rss>ul>li .sub-menu,
.widget_rss>ul>li .children {
    margin-left: 15px;
}

.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: #0080B4;
}

.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: #0080B4;
    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;
    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: 52px;
    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: #0080B4;
}

.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: #0080B4;
    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: 32px;
    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_calendar {
    border-color: #888888;
    color: #FFFFFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

#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: #FFFFFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

#bottom-sidebar .widget_categories>ul>li,
#bottom-sidebar .widget_recent_entries>ul>li,
#bottom-sidebar .widget_archive>ul>li,
#bottom-sidebar .widget_meta>ul>li,
#bottom-sidebar .widget_nav_menu>ul>li,
#bottom-sidebar .widget_pages>ul>li,
#bottom-sidebar .widget_recent_comments>ul>li,
#bottom-sidebar .widget_rss>ul>li {
    border-color: #888888;
    color: #FFFFFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

#bottom-sidebar .widget_rss ul li,
#bottom-sidebar .textwidget,
#bottom-sidebar .textwidget p strong,
#bottom-sidebar .textwidget>ul>li a {
    border-color: #888888;
    color: #FFFFFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

#bottom-sidebar .tagcloud a {
    border-color: #888888;
    color: #FFFFFF;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

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

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

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


/*
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: 9999999;
}

.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: 'Montserrat', 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: #0080B4;
}

.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: #0080B4;
}

.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: #FFFFFF;
    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: #FFFFFF;
    z-index: 1;
}


/*--- owl-button ---*/

.owl-theme .owl-controls {
    margin: 0;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFFFFF;
    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;
    filter: Alpha(Opacity=100);
    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: #0080B4;
}

.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: #0080B4;
    display: inline-block;
    margin: 0;
    font-weight: 600;
}

.home-slider-2-widget .entry-item .entry-content .entry-title>a {
    color: #FFFFFF;
}

.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 #0080B4;
    background: #fff;
    box-shadow: 0px 1px 10px #045678;
}

.home-slider-2-widget .owl-theme .owl-controls:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #0080B4;
    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: #0080B4;
}

.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div:hover {
    color: #0080B4;
}

.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: 0 -10px 0;
}

.article-list-0 ul li {
    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: #FFFFFF;
}

.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: #0080B4;
    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: #0080B4;
    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: 'Montserrat', 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: #0080B4;
    width: 100%;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    line-height: 25px;
    color: #FFFFFF;
    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: #0080B4;
    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;
    filter: Alpha(Opacity=100);
    background: #2a3342;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 45px;
    width: 40px;
    color: #FFFFFF;
    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;
}

.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;
    filter: Alpha(Opacity=100);
    background: #fff;
    border: 1px solid #0080B4;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: #0080B4;
}


/*
Kopa tagline
----------------------------------
*/

.kopa-tagline-widget {
    margin: 0 0 20px !important;
}

.kopa-tagline-widget .tagline-left {
    position: relative;
    width: 77.77778%;
    background: #0080B4;
    height: 75px;
    padding: 13px 20px;
    margin: 0 10px 0 0;
}

.kopa-tagline-widget .tagline-left h6 {
    color: #FFFFFF;
    margin: 0;
    font-size: 14px;
    font-family: 'Montserrat', 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 #0080B4;
    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;
    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: #FFFFFF;
    font-weight: 700;
    display: inline-block;
}

.kopa-tagline-widget .tagline-right a:hover {
    color: #0080B4;
}


/*
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: #0F5586;
    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: #0080B4;
}

.kopa-portfolio-widget .author-info .social-links li:hover a {
    color: #0080B4;
}

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

.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;
    filter: Alpha(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: #0080B4;
    color: #FFFFFF;
    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);
    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:hover .thumb-hover {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.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;
    filter: Alpha(Opacity=60);
}

.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: #FFFFFF;
}

#bottom-sidebar .widget .textwidget>ul>li {
    list-style: none;
    margin-bottom: 15px;
}

#bottom-sidebar .widget .textwidget>ul>li a:hover {
    color: #0080B4;
}


/*
Kopa newsletter widget
----------------------------------
*/

.kopa-newsletter-widget .news-icon {
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    background: #0F5586;
    border: 2px solid #fff;
    border-radius: 50%;
    float: left;
    margin-right: 30px;
}

.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 #0F5586;
    background: #0F5586;
    line-height: 26px;
    font-size: 13px;
    width: 50%;
    margin-right: 3.02326%;
    color: #FFFFFF;
    float: left;
}

.kopa-newsletter-widget .newsletter-form .input-email .email:focus {
    border-color: #FFFFFF;
}

.kopa-newsletter-widget .newsletter-form .input-email .submit {
    width: 40%;
    border: 1px solid #fff;
    background: #0080B4;
    color: #FFFFFF;
    font-size: 16px;
    height: 37px;
    line-height: 36px;
    padding: 0 20px;
}

.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: #0080B4;
    border: 2px solid #0080B4;
    color: #FFFFFF;
    border-radius: 50%;
}

.sv-icon:hover {
    background: #fff;
    color: #0080B4;
}

.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;
    width: 100%;
    margin-top: 30px;
}

.kopa-area-3 a,
.kopa-area-3 p,
.kopa-area-3 span {
    color: #FFFFFF;
}

.kopa-area-3 input {
    border-color: #FFFFFF;
    color: #FFFFFF;
}


/* --- 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;
    filter: Alpha(Opacity=93);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.kopa-parallax .widget-title {
    font-family: 'Montserrat', sans-serif;
    color: #FFFFFF;
    text-transform: uppercase;
}

.kopa-parallax .wrapper>p {
    color: #FFFFFF;
    opacity: 0.6;
    filter: Alpha(Opacity=60);
    font-size: 16px;
    line-height: 22px;
}

.area-inner {
    margin: -8px -8px 0;
    margin-top: -110px;
    /* css inline */
    background: #fff;
    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: #FFFFFF;
    background: #0080B4;
    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: #FFFFFF;
    padding: 8px 22px;
    width: 78px;
}

.entry-date.style1>span.entry-day {
    background: #0080B4;
    padding: 17px 22px 22px;
    width: 78px;
    font-size: 28px;
    line-height: 28px;
    font-weight: bold;
    color: #FFFFFF;
    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: #0080B4;
}


/* --- 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: #0080B4;
}

.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: #0080B4;
}

.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: 'Montserrat', sans-serif;
    color: #FFFFFF;
    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: 'Montserrat', sans-serif;
}

.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a {
    color: #FFFFFF;
}

.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a:hover {
    color: #0080B4;
}

.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: #FFFFFF;
    opacity: 0.8;
    filter: Alpha(Opacity=80);
}

.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: #FFFFFF;
}

.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a:hover {
    color: #0080B4;
}

.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: 'Montserrat', sans-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: #0080B4;
}

.kopa-testimonial-2-widget .item>p:after {
    content: "\f10e";
    margin-left: 20px;
    color: #0080B4;
}

.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: 'Montserrat', sans-serif;
    margin-bottom: 15px;
}

.portfolio-thumb {
    width: 100%;
    position: relative;
}

.portfolio-thumb img {
    width: 100%;
}

.portfolio-thumb:hover .thumb-hover {
    opacity: 1;
    filter: Alpha(Opacity=100);
}

.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: #FFFFFF;
    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 .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;
    filter: Alpha(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%;
    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;
    filter: Alpha(Opacity=100);
}

.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: #0080B4;
}

.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;
    filter: Alpha(Opacity=70);
}

.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: #0080B4;
    height: 3px;
    overflow: hidden;
    position: absolute;
    bottom: -5px;
    right: 50%;
    left: 50%;
    content: '';
}

.filters-options li:after,
.filters-options2 li:after {
    background: #0080B4;
    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: #0080B4;
}

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

.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: #0080B4;
    height: 2px;
    width: 55px;
    position: absolute;
    bottom: -10px;
    left: 0;
}

.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: #0080B4;
    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 {
    font-family: 'Montserrat', 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 .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;
    filter: Alpha(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: #FFFFFF;
    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: #0080B4;
}

.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;
    filter: Alpha(Opacity=100);
}

.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: #0080B4;
    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: #0080B4;
    border-color: #0080B4;
    color: #FFFFFF;
}

.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: 1px !important;
}

.kopa-event-widget>header {
    text-align: center;
}

.kopa-event-widget>header>span {
    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: #f6f6f6;
    position: absolute;
    top: 0;
}

.kopa-event-widget .kopa-event-content .kopa-line:after {
    content: "";
    width: 10px;
    height: 72px;
    background: #f6f6f6;
    position: absolute;
    bottom: 0;
}

.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: #f6f6f6;
    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 #0080B4;
    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>i {
    width: 35px;
    height: 35px;
    line-height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 1px solid #e8e8e8;
    font-size: 20px;
}

.kopa-loadmore span:hover {
    background: #0080B4;
    color: #FFFFFF;
}

.kopa-loadmore span:hover>i {
    color: #FFFFFF;
}

.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: #0080B4;
    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 .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;
    filter: Alpha(Opacity=100);
}

.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: #FFFFFF;
    left: 50%;
    background: url("images/background/bg/4.png");
    background: rgba(0, 0, 0, 0.7);
}

.more-link {
    color: #0080B4;
    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: #0080B4;
}

.entry-author i {
    margin-right: 10px;
}

.entry-comments {
    margin-right: 25px;
}

.entry-comments:hover {
    color: #0080B4;
}

.entry-comments i {
    margin-right: 10px;
}

.entry-categories {
    margin-right: 25px;
}

.entry-categories:hover {
    color: #0080B4;
}

.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: #0080B4;
}

.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: #FFFFFF;
    border-color: #0080B4;
    background: #0080B4;
}

#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: #0080B4;
    display: block;
    text-align: center;
    line-height: 51px;
    color: #FFFFFF !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: #0080B4;
    border-color: #0080B4;
}

.kopa-pagination ul li:hover a,
.kopa-pagination ul li.current a {
    color: #FFFFFF;
}

.kopa-pagination ul li.current {
    cursor: text;
}

.kopa-pagination ul li.current span {
    color: #FFFFFF;
}

.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: 'Montserrat', sans-serif;
    line-height: 14px;
}

.kopa-breadcrumb .pull-right {
    line-height: 48px;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
}

.kopa-breadcrumb .pull-right>span>a {
    color: #888888;
}

.kopa-breadcrumb .pull-right>span>a:hover {
    color: #0080B4;
}

.kopa-breadcrumb .pull-right .current-page span {
    font-weight: 600;
    color: #888888;
}

.left-area {
    width: 50%;
    height: 120px;
    background: #2a3342;
    position: relative;
    float: left;
}

.left-area:before {
    width: 100%;
    height: 100%;
    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 #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: #0080B4;
    margin-top: -34px;
    position: relative;
    float: left;
}

.right-area:before {
    width: 100%;
    height: 100%;
    background: #0080B4;
    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 #0080B4;
    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: #FFFFFF;
    border: 1px solid #888888;
}

.kopa-social-link-widget .social-links li a:hover {
    background: #0080B4;
    border-color: #0080B4;
}

#bottom-sidebar address {
    color: #FFFFFF;
}

#bottom-sidebar address a {
    color: #FFFFFF;
}

#bottom-sidebar address a:hover {
    color: #0080B4;
    opacity: 1;
    filter: Alpha(Opacity=100);
}

address p {
    margin: 20px 0 0;
}

address p:first-child {
    margin: 0 0 10px 0;
    opacity: 0.7;
    filter: Alpha(Opacity=70);
}

address p>i {
    font-size: 18px;
    color: #0080B4;
    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: 'Montserrat', sans-serif;
    font-size: 40px !important;
    color: #3a4245;
    text-transform: uppercase;
    font-weight: 700;
}

.slide-link {
    font-family: 'Montserrat', 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: #FFFFFF;
    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: 'Montserrat', 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;
    filter: Alpha(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;
    filter: Alpha(Opacity=100);
}

.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: #0080B4;
    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: #0080B4;
}

.product-info>ul>li>p {
    line-height: 40px;
}

.product-info>ul>li.cl-border {
    margin: 0 -1px;
    padding: 1px;
    border-color: #0080B4;
    position: relative;
}

.product-info>ul>li.cl-border>a {
    display: block;
    line-height: 34px;
}

.product-info>ul>li.cl-border>a>i {
    color: #0080B4;
}

.product-info>ul>li.cl-border:hover {
    border-width: 2px;
}

.product-info>ul>li.cl-border:hover>a {
    background: #0080B4;
}

.product-info>ul>li.cl-border:hover>a i {
    color: #FFFFFF;
}


/*--- 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: 'Montserrat', 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: #0080B4;
}


/*--- 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: #0080B4 !important;
    border-color: #0080B4 !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;
}


/*
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: #0080B4;
    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: #0080B4;
    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: #FFFFFF;
    position: absolute;
    top: 14px;
    right: 15px;
}

.contact-button>span input {
    width: auto !important;
    background: #0080B4;
    padding: 14px 40px 14px 15px !important;
    border: 1px solid #0080B4 !important;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF !important;
    display: inline-block;
    text-indent: 0 !important;
}

.contact-button>span:hover input {
    background: #fff;
    color: #0080B4 !important;
}

.contact-button>span:hover:before {
    color: #0080B4;
}

.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: #0080B4;
}

.social-links.style2>li:hover>a {
    color: #FFFFFF;
    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: #0080B4;
    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: #0080B4;
    border-radius: 50%;
    color: #FFFFFF;
    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: #0080B4;
    border-radius: 50%;
    color: #FFFFFF;
    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: #FFFFFF;
}

.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-reply-link {
    font-size: 20px;
    line-height: 27px;
    color: #0080B4;
}

#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: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: #0080B4;
    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: #0080B4;
    margin-top: 0;
}

.error-404 .right-col a {
    color: #333333;
}

.error-404 .right-col a:hover {
    color: #0080B4;
}


/*
Slider page
----------------------------------
*/

.slider-intro {
    font-family: 'Montserrat', sans-serif;
    font-size: 42px;
    line-height: 50px;
}

.slider-intro>span {
    font-weight: 700;
}

.slider-caption {
    font-family: 'Montserrat', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0080B4 !important;
}

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

.slider-intro-2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    padding: 10px 15px;
    background: #0080B4;
    text-transform: uppercase;
}

.slider-caption-3 {
    font-family: 'Montserrat', 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: #0080B4;
    border-color: #0080B4;
}

.slider-intro-3 {
    font-family: 'Montserrat', sans-serif;
    font-style: italic;
    font-size: 18px;
}

.slider-caption-4 {
    font-family: 'Montserrat', 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: #FFFFFF;
}

.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: #FFFFFF;
    background: none;
    border: 1px solid #888888;
    left: 20px;
}

.kopa-home-slider-4-widget .slider .fraction-slider .next {
    left: inherit;
    right: 20px;
}


/**
* 7.0 Footer
* -----------------------------------------------------------------------------
*/

#kopa-page-footer {
    background: #111111;
    font-size: 13px;
    font-family: 'Montserrat', sans-serif;
    color: #5e5e5e;
    padding: 20px 0;
    position: relative;
}

#kopa-page-footer #copyright {
    margin-bottom: 0;
}

#kopa-page-footer a {
    color: #5e5e5e;
}

#kopa-page-footer a:hover {
    color: #0080B4;
}


/**
* Parallax slider
* -----------------------------------------------------------------------------
*/

.kopa-home-parallax {
    /*
Header bottom
-----------------------
*/
}

.kopa-home-parallax #main-content {
    padding-top: 15px;
}

.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: #0080B4;
}

.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: #FFFFFF;
}

.kopa-home-parallax .search-box .search-form .search-submit:hover {
    color: #0080B4;
}

.kopa-home-parallax .social-links li a {
    color: #FFFFFF;
}

.kopa-home-parallax .social-links li a:hover {
    color: #0080B4;
}

.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: #0080B4;
    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 #0080B4;
    top: 0;
    left: -50px;
}

.kopa-home-parallax .kopa-header-bottom .main-nav:after {
    content: "";
    width: 300px;
    height: 100%;
    background: #0080B4;
    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;
    filter: Alpha(Opacity=100);
}

.kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
    height: 80px;
    width: 66%;
    background: #0080B4;
    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 #0080B4;
    top: 0;
    left: -30px;
}

.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:after {
    content: "";
    width: 300px;
    height: 100%;
    background: #0080B4;
    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 #0080B4;
    top: 0;
    left: -30px;
}


/*--- Slider ---*/

.slide-intro-2 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
    line-height: 23px;
    text-transform: uppercase;
}

.slide-caption-2 {
    font-family: 'Montserrat', 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: 'Montserrat', sans-serif;
    font-size: 30px;
    line-height: 38px;
    font-weight: 700;
}

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

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

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

.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: #FFFFFF;
}

.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: #FFFFFF;
    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;
}

.kopa-tagline-2-widget .tagline-left {
    width: 74.52174%;
    background: #0080B4;
    float: left;
    padding: 15px 25px;
    font-size: 15px;
    line-height: 23px;
    color: #FFFFFF;
    font-family: 'Montserrat', 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: 'Montserrat', sans-serif;
    font-weight: 600;
    text-transform: uppercase;
}

.kopa-tagline-2-widget .tagline-right a {
    color: #FFFFFF;
}

.kopa-tagline-2-widget .tagline-right a:hover {
    color: #000;
}


/**
* 8.0 Responsive
* -----------------------------------------------------------------------------
*/

@media screen and (max-width: 1160px) {
    .wrapper {
        width: 960px;
    }
    .kopa-header-top .wrapper .hotline-box {
        background: #f1f1f1;
        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;
    }
}

@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: 95px;
    }
    .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-testimonial-widget .widget-title {
        text-indent: -999999px;
    }
    .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%;
    }
    .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-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;
    }
}

@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) {
    .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;
        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: #0080B4;
        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-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%;
    }
}

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

@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-left {
        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;
    }
}

@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;
    }
    .kopa-tagline-widget .tagline-left {
        width: 69.778%;
    }
    .kopa-tagline-widget .tagline-left h6 {
        font-size: 9px;
    }
    .nav-tabs li>a {
        padding: 10px 25px;
    }
    .social-links.style3>li {
        width: 35px;
    }
    .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
        margin-top: 75px;
    }
}


/*--- 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: #0080B4;
}


/* moje css */

.logo-box img {
    max-width: 200px;
    height: auto
}

.kopa-home-parallax #parallax-header {
    background-position: center center;
}

.hero-title {
    margin: auto;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    /* establish flex container */
    flex-direction: column;
    /* stack flex items vertically */
    justify-content: center;
    /* center items vertically, in this case */
    align-items: center;
    /* center items horizontally, in this case */
}

.hero-title h1 {
    color: #FFFFFF;
    text-transform: none;
    font-weight: 300;
    font-size: 32px;
    line-height: 48px;
    padding-top: 70px;
    text-align: center;
}

.hero-title span {
    font-weight: 900;
    display: block;
    font-size: 48px;
}

.kopa-home-parallax .kopa-header-bottom .main-nav:before {
    content: '';
    position: absolute;
    border-top: 88px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 50px solid #0080B4;
    top: 0;
    left: -50px;
}

.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu {
    margin-bottom: 0px;
}

.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu>li {
    height: 88px;
    padding-top: 35px;
}

.kopa-home-parallax .kopa-header-top .wrapper .hotline-box {
    padding-top: 21px
}

.kopa-header-top .wrapper .hotline-box a {
    font-weight: 300;
    text-transform: none!important;
    padding-right: 15px
}

header#parallax-header {
    height: 100vh
}

.kopa-service-widget .service-item header .service-title {
    position: relative;
}

.kopa-service-widget .service-item header .service-title span {
    position: absolute;
    height: 2px;
    width: 55px;
    background: #0F5586;
    left: 0;
    bottom: 0;
}

.owl-theme .owl-controls .owl-buttons div {}

.media,
.media-body {
    padding-top: 5px
}

#kopa-page-footer a {
    color: #0080B4;
}

#kopa-page-footer a:hover {
    text-decoration: underline!important
}

.google-map {
    position: relative;
    padding-bottom: 75%; // This is the aspect ratio
    height: 0;
    overflow: hidden;
}

.google-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.article-list-3 .entry-title {
    margin-top: 0
}

.kopa-entry-list .entry-item .content-body .entry-title,
.kopa-entry-post .entry-item .content-body .entry-title {
    margin-top: 0!important
}

div.kopa-services-item:nth-of-type(odd) .services-image {
    float: left!important;
}

div.kopa-services-item:nth-of-type(even) .services-image {
    float: right!important;
}


/*
div.kopa-services-item:nth-of-type(odd) .services-text{
float: right!important;
}
div.kopa-services-item:nth-of-type(even) .services-text{
float: left!important;
}
*/

div.kopa-services-item {
    padding-bottom: 60px
}

div.kopa-services-item:last-child {
    margin-bottom: 80px;
}

.services-image img {
    width: 100%;
    height: auto;
}

.hero-mobile-logo {
    display: none;
}

.kopa-header-top .wrapper .hotline-box {
    background-color: transparent;
    border: none;
}

.kopa-page-header:not(.parallax) .kopa-header-top .kopa-border-bottom,
.kopa-page-header:not(.parallax) .kopa-header-top .wrapper .hotline-box .triangle-wrapper,
.kopa-page-header:not(.parallax) .kopa-header-top .wrapper .hotline-box .triangle,
.kopa-page-header:not(.parallax) .kopa-header-top .wrapper .left-bg-color {
    display: none;
}

.kopa-page-header:not(.parallax) .hotline-box h6 {
    margin-top: 6px;
}

.slides {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    position: absolute;
}

.unslider {
    overflow: auto;
    margin: 0;
    padding: 0;
}

.unslider-wrap {
    position: relative
}

.unslider-wrap.unslider-carousel>li {
    float: left
}

.unslider-vertical>ul {
    height: 100%
}

.unslider-vertical li {
    float: none;
    width: 100%
}

.unslider-fade {
    position: relative
}

.unslider-fade .unslider-wrap li {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 8
}

.unslider-fade .unslider-wrap li.unslider-active {
    z-index: 10
}

.unslider li,
.unslider ol,
.unslider ul {
    list-style: none;
    margin: 0;
    padding: 0;
    border: none
}

.unslider-arrow {
    position: absolute;
    left: 20px;
    z-index: 2;
    cursor: pointer
}

.unslider-arrow.next {
    left: auto;
    right: 20px
}

.slides ul li {
    width: 100%!important;
    height: 100vh;
    display: block;
    position: absolute;
    background-size: cover!important;
}

.unslider-fade {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.search-form {
    display: none;
}

@media screen and (max-width: 767px) {
    .kopa-header-top-2 {
        /* vypnutie vyhladavania na mobile */
        display: none
    }
    .hero-mobile-logo {
        display: block;
        width: 80%;
        height: auto;
    }
    .kopa-home-parallax.scrolled .logo-box img {
        display: block;
    }
    .hero-title h1 {
        font-size: 24px;
        line-height: 28px;
        padding-top: 0;
        opacity: 0.8;
        text-transform: none;
    }
    .hero-title span {
        font-size: 32px;
        line-height: 28px;
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile:before {
        display: none!important
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile:after {
        display: none!important
    }
    .kopa-home-parallax.scrolled .kopa-header-bottom .main-nav-mobile:before {
        display: block!important
    }
    .kopa-home-parallax.scrolled .kopa-header-bottom .main-nav-mobile:after {
        display: block!important
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
        background-color: transparent!important;
        right: -27px
    }
    .kopa-home-parallax.scrolled .kopa-header-bottom .main-nav-mobile {
        background-color: #0080B4!important;
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile .pull {
        float: none;
        margin: 20px auto 0 auto;
        text-align: center;
    }
    .kopa-home-parallax .kopa-header-bottom.fixed {
        background-color: transparent!important;
    }
    .kopa-home-parallax.scrolled .kopa-header-bottom.fixed {
        background-color: #0080B4!important;
        ;
    }
    .kopa-breadcrumb>.wrapper .pull-left {
        display: block;
    }
    .kopa-breadcrumb {
        background: none;
        margin-top: 65px
    }
}

.kopa-pagination {
    display: none;
}

@charset "UTF-8";

/*!
* animate.css -http://daneden.me/animate
* Version - 3.5.2
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2017 Daniel Eden
*/

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.infinite {
    animation-iteration-count: infinite;
}

.animated.hinge {
    animation-duration: 2s;
}

.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
    animation-duration: .75s;
}

@keyframes bounce {
    from,
    20%,
    53%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
        transform: translate3d(0, 0, 0);
    }
    40%,
    43% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    animation-name: bounce;
    transform-origin: center bottom;
}

@keyframes flash {
    from,
    50%,
    to {
        opacity: 1;
    }
    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    from {
        transform: scale3d(1, 1, 1);
    }
    50% {
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes rubberBand {
    from {
        transform: scale3d(1, 1, 1);
    }
    30% {
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        transform: scale3d(.95, 1.05, 1);
    }
    75% {
        transform: scale3d(1.05, .95, 1);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    animation-name: rubberBand;
}

@keyframes shake {
    from,
    to {
        transform: translate3d(0, 0, 0);
    }
    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translate3d(-10px, 0, 0);
    }
    20%,
    40%,
    60%,
    80% {
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    animation-name: shake;
}

@keyframes headShake {
    0% {
        transform: translateX(0);
    }
    6.5% {
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        transform: translateX(0);
    }
}

.headShake {
    animation-timing-function: ease-in-out;
    animation-name: headShake;
}

@keyframes swing {
    20% {
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    from {
        transform: scale3d(1, 1, 1);
    }
    10%,
    20% {
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    }
    30%,
    50%,
    70%,
    90% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%,
    60%,
    80% {
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    animation-name: tada;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    from {
        transform: none;
    }
    15% {
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        transform: none;
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes jello {
    from,
    11.1%,
    to {
        transform: none;
    }
    22.2% {
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        transform: skewX(0.390625deg) skewY(0.390625deg);
    }
    88.8% {
        transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    }
}

.jello {
    animation-name: jello;
    transform-origin: center;
}

@keyframes bounceIn {
    from,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    20% {
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        transform: scale3d(.9, .9, .9);
    }
    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        transform: scale3d(.97, .97, .97);
    }
    to {
        opacity: 1;
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, 25px, 0);
    }
    75% {
        transform: translate3d(0, -10px, 0);
    }
    90% {
        transform: translate3d(0, 5px, 0);
    }
    to {
        transform: none;
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    0% {
        opacity: 0;
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(25px, 0, 0);
    }
    75% {
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        transform: translate3d(5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        transform: translate3d(10px, 0, 0);
    }
    90% {
        transform: translate3d(-5px, 0, 0);
    }
    to {
        transform: none;
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    from,
    60%,
    75%,
    90%,
    to {
        animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
    from {
        opacity: 0;
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    75% {
        transform: translate3d(0, 10px, 0);
    }
    90% {
        transform: translate3d(0, -5px, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    20% {
        transform: scale3d(.9, .9, .9);
    }
    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    20% {
        transform: translate3d(0, 10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    20% {
        transform: translate3d(0, -10px, 0);
    }
    40%,
    45% {
        opacity: 1;
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        animation-timing-function: ease-out;
    }
    40% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        animation-timing-function: ease-out;
    }
    50% {
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        animation-timing-function: ease-in;
    }
    80% {
        transform: perspective(400px) scale3d(.95, .95, .95);
        animation-timing-function: ease-in;
    }
    to {
        transform: perspective(400px);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    from {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    from {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        animation-timing-function: ease-in;
    }
    60% {
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    from {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    from {
        transform: perspective(400px);
    }
    30% {
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    from {
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    from {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        transform-origin: center;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    from {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        transform-origin: left bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    from {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        transform-origin: right bottom;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    from {
        transform-origin: center;
        opacity: 1;
    }
    to {
        transform-origin: center;
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    from {
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        transform-origin: left bottom;
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    from {
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        transform-origin: right bottom;
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes hinge {
    0% {
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    20%,
    60% {
        transform: rotate3d(0, 0, 1, 80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }
    40%,
    80% {
        transform: rotate3d(0, 0, 1, 60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

@keyframes jackInTheBox {
    from {
        opacity: 0;
        transform: scale(0.1) rotate(30deg);
        transform-origin: center bottom;
    }
    50% {
        transform: rotate(-10deg);
    }
    70% {
        transform: rotate(3deg);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

.jackInTheBox {
    animation-name: jackInTheBox;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.rollIn {
    animation-name: rollIn;
}


/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}

@keyframes zoomIn {
    from {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    animation-name: zoomIn;
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInDown {
    animation-name: zoomInDown;
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    animation-name: zoomInLeft;
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    animation-name: zoomInRight;
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    60% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    animation-name: zoomInUp;
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    animation-name: zoomOut;
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutDown {
    animation-name: zoomOutDown;
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(-2000px, 0, 0);
        transform-origin: left center;
    }
}

.zoomOutLeft {
    animation-name: zoomOutLeft;
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        transform: scale(.1) translate3d(2000px, 0, 0);
        transform-origin: right center;
    }
}

.zoomOutRight {
    animation-name: zoomOutRight;
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }
    to {
        opacity: 0;
        transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
        transform-origin: center bottom;
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomOutUp {
    animation-name: zoomOutUp;
}

@keyframes slideInDown {
    from {
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    from {
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideInUp {
    from {
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    animation-name: slideInUp;
}

@keyframes slideOutDown {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    animation-name: slideOutDown;
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    from {
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

.fb-top-menu a {
    border: 1px solid #fff;
    border-radius: 6px;
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.service-item {
    padding: 15px;
    margin-bottom: 15px;
}

@media screen and (min-width: 1800px) {
    .kopa-home-parallax .kopa-header-bottom .main-nav:after {
        right: -600px;
        width: 600px;
    }
}

.nonews-fix-padding {
    padding-top: 40px
}

@media screen and (max-width: 400px) {
    .kopa-home-parallax #parallax-header {
        height: 100vh!important
    }
}

.kopa-testimonial-carousel .item img {
    max-width: 100%!important;
    height: auto;
    margin: auto;
    display: block;
}

li.social-alt-menu {
    display: none;
}

.portfolio-list .portfolio-item {
    margin-bottom: 20px
}

#bottom-sidebar i.fa {
    padding-bottom: 40px
}

@media screen and (max-width:480px) {
    .hero-mobile-logo {
        margin-bottom: 20px;
    }
    .slides,
    .slides ul li,
    .slides ul,
    .kopa-home-parallax #parallax-header {
        height: 100vh!important
    }
}

@media screen and (min-width:1024px) {
    home-service-per-row-1 {
        width: 100%!important
    }
    home-service-per-row-2 {
        width: 50%!important
    }
    home-service-per-row-3 {
        width: 33.333333%!important
    }
    home-service-per-row-4 {
        width: 25%!important
    }
    home-service-per-row-5 {
        width: 20%!important
    }
}

#back-top {
    position: fixed
}

.modal {
    top: 0
}

.modal-content {
    top: 15vh
}

.modal img {
    max-width: 100%!important;
    height: auto!important
}

.kopa-breadcrumb .pull-left span {
    text-transform: none
}

@media screen and (max-width: 767px) {
    .right-area {
        min-height: 150px;
    }
}

.portfolio-list .portfolio-item .portfolio-thumb img {
    width: 100%;
    height: auto
}

.modal {
    z-index: 10000000000
}

.image-ck-leftalign {
    float: left;
    padding: 0 15px 15px 0;
    margin: 0;
    padding-top: 5px;
}

.image-ck-rightalign {
    float: right;
    padding: 0 0 15px 15px;
    margin: 0;
    padding-top: 5px;
}

.image-ck-centeralign {
    float: none;
    padding: 15px;
    margin: 0;
    padding-top: 5px;
}

.image-ck-fullalign {
    width: 100%;
    height: auto;
    padding: 15px 0;
    margin: 0;
    padding-top: 5px;
}

@media screen and (max-width:767px) {
    li.unslider-active {
        background-position: center!important
    }
}


/* AUTA */

.page-cars-box-wrapper {
    padding: 0 20px;
    margin-bottom: 40px
}

.page-cars-box-inner {
    background: #fff;
    transition: all 0.2s;
    padding: 0;
    margin-bottom: 15px
}

.page-cars-image {
    padding: 0!important;
}

.page-cars-image img {
    width: 100%;
    height: auto;
}

.page-cars-text {
    padding: 15px;
}

.page-cars-text span.page-cars-title {
    display: block;
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    color: #000
}

.page-cars-text span.page-cars-price {
    display: block;
    float: right;
    color: #0080B4;
}

.page-cars-text span.page-cars-desc {
    font-size: 13px;
    color: #666
}

.page-cars-text a.page-cars-more {
    font-size: 13px;
    display: block;
    margin-top: 10px;
    transition: all 0.5s
}

.page-cars-text a.page-cars-more:hover {
    color: #0080B4;
    text-decoration: none;
    margin-left: 5px
}

.page-car-detail-price {
    font-size: 24px
}

.page-car-detail-wrapper {
    background: #fff;
    height: auto;
    overflow: auto;
}

.page-car-detail-left,
.page-car-detail-right {
    margin-top: 15px
}

.modal-gallery .slide {
    display: block
}

.modal-gallery .carousel-control {
    background: none;
    top: 30px
}

.modal-gallery .carousel-control span.fa {
    top: 50%;
    position: absolute;
}

.modal-gallery .modal-dialog {
    width: 80%;
    max-width: 1024px
}

.modal-gallery .modal-content {
    top: 0
}

.modal-gallery .modal-content img {
    width: 100%;
    height: auto;
    margin-top: 10px
}

.modal-gallery .modal-close-button {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 51651651
}

p#copyright div.ck-content {
    display: inline
}

#main-content ul {
    list-style-type: disc;
}

.kopa-blog-page #main-content ul {
    list-style-type: none!important;
}

.kopa-portfolio-page #main-content ul {
    list-style-type: none!important;
}

.remove-videodetector {
    display: none
}

.videodetector {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}

.videodetector iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.languages {
    float: right
}

.languages li {
    display: inline-block;
    margin-top: 15px;
    border-right: 1px solid rgba(0, 0, 0, 0.3)
}

.languages li:last-child {
    border-right: none
}

.languages li a {
    text-transform: uppercase;
    padding: 0 10px
}


/**
 * Owl Carousel v2.2.1
 * Copyright 2013-2017 David Deutsch
 * Licensed under  ()
 */

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

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

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

.owl-carousel div.owl-nav.disabled {
    display: block;
}

.modal-gallery-inner {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal-gallery .gallery-row {
    max-width: 1200px;
    height: auto;
    margin: auto;
}

.modal-gallery-carousel {
    overflow: visible;
}

.modal-close-button {
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff!important;
    opacity: 1!important;
    line-height: 30px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    border-radius: 50%;
    transition: all ease-in 0.2s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    cursor: pointer;
    margin-top: -10px;
    margin-right: -20px;
}

.modal-gallery .close {
    opacity: 1!important;
}

.modal-close-button .close {
    float: none;
    text-align: center;
    line-height: 24px;
    color: #fff;
    text-shadow: -1px 1px 0px #333333;
}

.owl-item {
    visibility: hidden
}

.owl-item.active {
    visibility: visible
}


/* OWL CONTROLS */

.owl-prev,
.owl-next {
    width: 40px;
    height: 40px;
    background-color: #eee;
    color: #333;
    line-height: 40px;
    border: none;
    text-align: center;
    border-radius: 4px;
    transition: all ease-in 0.2s;
}

.owl-prev .fa,
.owl-next .fa {
    padding: 0
}

.owl-prev:hover,
.owl-next:hover {
    background-color: #ddd;
}

.owl-prev {
    float: left;
}

.owl-next {
    float: right;
}

.home-partners-ctnr .owl-prev {
    float: left;
    margin-left: -40px;
}

.home-partners-ctnr .owl-next {
    float: right;
    margin-right: -40px;
}

.owl-carousel .owl-nav {
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
}

.home-partners-ctnr .owl-stage-outer {
    z-index: 2;
}

@media screen and (max-width:767px) {
    .owl-prev,
    .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .home-partners-ctnr .owl-nav {
        display: none;
    }
}

@media screen and (min-width:768px) {
    .owl-carousel .owl-nav {
        top: 20%;
    }
}


/* OWL GALLERY */

.modal-gallery .owl-carousel .owl-item img {
    width: auto;
    height: 100%;
    -webkit-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 1);
    box-shadow: 0px 0px 14px -1px rgba(0, 0, 0, 1);
    padding: 0!important;
    max-height: 90vh;
}

.modal-gallery .owl-prev,
.modal-gallery .owl-next {
    width: 60px;
    height: 60px;
    background-color: rgba(255, 255, 255, 0.1);
    color: #fff;
    line-height: 60px;
    border: 2px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    border-radius: 50%;
    transition: all ease-in 0.2s;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    text-shadow: -1px 1px 0px #333333;
}

.modal-gallery .owl-carousel .owl-nav {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
}

.modal-gallery .owl-carousel .owl-stage-outer {
    overflow: visible;
}

@media screen and (max-width:767px) {
    .modal-gallery .owl-prev,
    .modal-gallery .owl-next {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .modal-close-button {
        margin-right: 0;
        margin-top: 0;
    }
}

@media screen and (max-width:1023px) {
    .modal-gallery .owl-carousel .owl-item img {
        width: 100%;
        height: auto;
    }
}

@media screen and (min-width:768px) {
    .modal-gallery .owl-carousel .owl-nav {
        top: 50%;
    }
}

.modal-gallery .modal-content {
    background: transparent;
    border: none;
    box-shadow: none;
}

.modal-backdrop {
    background-color: rgb(119, 119, 119);
}

.modal-backdrop.in {
    opacity: .75;
    filter: alpha(opacity=75)
}

@media screen and (max-width:767px) {
    .modal-gallery .modal-body {
        padding: 0
    }
    .owl-carousel .owl-item img {
        width: 100%;
        height: auto
    }
}

.owl-next.fa.fa-angle-right:before,
.owl-prev.fa.fa-angle-left:before {
    display: none;
}

.grid-item {
    padding: 10px
}

.grid-item-inner {
    position: relative;
    overflow: hidden;
}

.grid-item-desc-wrapper {
    color: #fff;
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    pointer-events: none;
    min-height: 100%;
    line-height: 18px;
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.grid-item-desc-inner {
    display: block;
    position: absolute;
    left: 15px;
    right: 15px;
    bottom: 0px;
}

.grid-item:hover .grid-item-desc-wrapper {
    bottom: 0
}

.grid-item-icon {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    font-size: 24px;
    color: #fff
}

.grid-item:hover .grid-item-icon {
    visibility: visible;
    opacity: 1;
    bottom: 45%;
}

.col-xs-100,
.col-sm-50,
.col-md-33,
.col-lg-25 {
    float: left
}

.col-xs-100 {
    width: 100%;
}

@media screen and (min-width:768px) {
    .col-sm-50 {
        width: 50%;
    }
}

@media screen and (min-width:992px) {
    .col-md-33 {
        width: 33.3333%;
    }
}

@media screen and (min-width:1200px) {
    .col-lg-25 {
        width: 25%;
    }
}


/* NEW NAV */

.nav-top {
    background-color: #;
    color: ;
}

.nav-bottom {
    background-color: # color: ;
}

.fancybox-caption {
    padding-bottom: 80px;
}

.mobile-languages-li {
    display: flex;
    justify-content: space-around;
}

.mobile-languages-li a {
    flex: 50;
    text-align: center;
}

.mobile-languages-li a+a {
    border-left: #e8e8e8 solid 1px;
}