body,
html {
    overflow-x: hidden
}

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

::selection,
blockquote:before {
    background: #0e7c8a
}

.c-title,
.column ul li.title-row,
.element-title {
    text-transform: uppercase
}

#preloader .inner,
.clear,
.kopa-tab-2-widget .tab-content {
    overflow: hidden
}

#preloader .circle-ef,
#preloader .inner .image,
#preloader .inner .image .img2 {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden
}

#back-top a,
.contact-button>span input,
.filters-options li,
.filters-options li:after,
.filters-options li:before,
.filters-options2 li,
.filters-options2 li:after,
.filters-options2 li:before,
.home-slider-2-widget .kopa-home-slider .flex-direction-nav li,
.home-slider-widget .kopa-home-slider .flex-direction-nav li,
.kopa-button,
.kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li,
.kopa-loadmore span:hover,
.kopa-newsletter-widget .newsletter-form .input-email .email,
.kopa-newsletter-widget .newsletter-form .input-email .submit,
.kopa-portfolio-widget .author-info .social-links li,
.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,
.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover,
.main-menu>li>a:after,
.main-menu>li>a:before,
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover,
.portfolio-list .portfolio-item .portfolio-thumb .thumb-hover ul,
.search-box .search-form .search-submit,
a {
    transition: all .3s;
    -ms-transition: all .3s;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

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

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

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

.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, #0e7c8a 138px 138px
}

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

ol,
p,
ul {
    margin: 0
}

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

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

::-moz-selection {
    background: #0e7c8a;
    color: #fff;
    text-shadow: none
}

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

a {
    color: #333;
    text-decoration: none!important;
    outline: 0!important
}

a:active,
a:hover {
    color: #0e7c8a;
    text-decoration: none
}

a:focus {
    outline: 0
}

.slides, .main-menu, .main-menu ul, .main-menu-mobile, .main-menu-mobile ul, .clearfix, .breadcrumb{
    list-style: none;
    padding: 0;
}

.list-inline,
.list-unstyled {
    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
}

.filters-options li,
.filters-options2 li,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.kopa-loadmore span,
.kopa-portfolio-widget .widget-title,
.widget-title.style2,
.widget-title.style4,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    color: #0e7c8a;
    font-weight: 700;
    display: block;
    margin: 0 0 15px
}

.filters-options li a,
.filters-options2 li a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
.kopa-loadmore span a,
.kopa-portfolio-widget .widget-title a,
.widget-title.style2 a,
.widget-title.style4 a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333
}

.filters-options li a:hover,
.filters-options2 li a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
.kopa-loadmore span a:hover,
.kopa-portfolio-widget .widget-title a:hover,
.widget-title.style2 a:hover,
.widget-title.style4 a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #0e7c8a
}

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

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

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

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

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

.filters-options li,
.filters-options2 li,
.h6,
.kopa-loadmore span,
h6 {
    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: 'Roboto', sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #333;
    padding-bottom: 15px;
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 25px
}

.e-heading p {
    margin-bottom: 15px
}

.e-heading p:last-child,
blockquote {
    margin-bottom: 0
}

blockquote {
    background: url(images/background/bq.png) right bottom no-repeat;
    color: #333;
    font-size: 18px;
    font-family: Georgia, "Times New Roman", Times, serif;
    padding: 20px 20px 20px 25px;
    line-height: 24px;
    border: 1px solid #e8e8e8;
    position: relative
}

blockquote.style-2:before,
blockquote:before {
    width: 4px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: ''
}

blockquote.style-2 {
    border: none;
    background: 0 0
}

blockquote.style-2:before {
    background: #e8e8e8
}

.b-line {
    font-size: 16px;
    line-height: 22px;
    color: #888;
   font-family: 'Roboto', sans-serif;
    margin-top: 5px
}

.b-line span:first-child {
    width: 20px;
    height: 1px;
    background: #888;
    display: block;
    float: left;
    margin: 11px 12px 0 0
}

.c-title,
.element-wrap blockquote {
    margin-top: 30px
}

.txt-highlight {
    background: #0e7c8a;
    color: #fff
}

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

.txt-color {
    color: #333
}

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

.txt-decoration-2 {
    color: #0e7c8a;
    text-decoration: underline
}

.c-title {
    color: #333;
    margin-bottom: 10px;
    font-weight: 600
}

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

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

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

.panel-group .panel .panel-heading>.panel-title a {
    font-family: 'Roboto', sans-serif;
    color: #333;
    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;
    display: block;
    color: #fff;
    background: #0e7c8a;
    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: 0!important
}

.kopa-toggle-widget .panel-group .panel .panel-heading {
    position: relative;
    border: none;
    background: #0e7c8a;
    padding: 0
}

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

.kopa-toggle-widget .panel-group .panel .panel-heading>.panel-title a .b-collapse {
    color: #0e7c8a;
    background: #fff
}

.kopa-toggle-widget .panel-group .panel .panel-body {
    padding: 15px 20px;
    border: 1px solid #e8e8e8!important
}

.pricing-table {
    margin-top: 25px
}

.column {
    text-align: center;
    position: relative;
    width: 100%
}

.column.active .title-row {
    background: #0e7c8a;
    color: #fff
}

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

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

.column.active .pricing-row span {
    color: #0e7c8a
}

.column.active .footer-row .pt-btn {
    background: #0e7c8a;
    color: #fff
}

.column ul li {
    padding: 15px 55px;
    border: 1px solid #e8e8e8;
    border-top: none;
    color: #333;
    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: #0e7c8a
}

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

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

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

.column ul li.pricing-row span.h1,
.column ul li.pricing-row span.widget-title.style2 {
    font-weight: 400;
    text-transform: capitalize
}

.column ul li.pricing-row span.pt-price {
    font-size: 55px;
    line-height: 55px;
    margin-top: 20px;
    display: block;
    font-weight: 700
}

.column ul li.pricing-row span.triggle {
    content: '';
    position: absolute;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 20px solid #fff;
    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: #0e7c8a;
    line-height: 40px;
    padding: 10px 25px;
    border: 1px solid #0e7c8a
}

.column ul li.footer-row .pt-btn:hover {
    background: #0e7c8a;
    color: #fff
}

.nav-tabs,
.nav-tabs li>a {
    background: 0 0;
    margin-bottom: 0
}

.nav-tabs {
    border: 0
}

.nav-tabs li>a {
    margin-right: 2px;
    border: 1px solid #e8e8e8;
    text-transform: none;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #333!important;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 10px 30px;
    border-bottom: 0;
    border-radius: 0;
    cursor: pointer!important;
    position: relative
}

.nav-tabs li.active>a,
.nav-tabs li.active>a:focus,
.nav-tabs li.active>a:hover,
.nav-tabs li>a:hover {
    color: #333!important;
    border-top: 2px solid #0e7c8a;
    margin-bottom: -2px;
    border-bottom: 0;
    background: 0
}

.nav-tabs li.active>a,
.nav-tabs li.active>a:focus,
.nav-tabs li.active>a:hover {
    cursor: default
}

.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.active>a,
.kopa-tab-2-widget .nav-tabs li.active>a:focus,
.kopa-tab-2-widget .nav-tabs li.active>a:hover,
.kopa-tab-2-widget .nav-tabs li>a:hover {
    border: 1px solid #0e7c8a;
    border-right: 0;
    background: #0e7c8a;
    color: #fff!important
}

.kopa-tab-2-widget .nav-tabs li.active>a:hover {
    margin-bottom: 0
}

.kopa-dropcap,
.kopa-dropcap.dc2 {
    margin: 5px 10px 0 0;
    text-align: center
}

.kopa-dropcap {
    color: #fff;
    background: #0e7c8a;
    display: inline-block;
    zoom: 1;
    float: left;
    font-size: 36px;
    font-weight: 600;
    line-height: 41px;
    padding: 6px 12px
}

.kopa-dropcap.dc2 {
    color: #333;
    background: 0 0;
    line-height: 36px;
    padding: 0 6px
}

.kopa-dropcap.dc3 {
    background: #888
}

.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 {
    -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: 0 0;
    border-width: 1px;
    border-style: solid
}

.kopa-button,
.progress .progress-bar-danger {
    background: #0e7c8a
}

.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.bar-success {
    border-color: #5CB85C
}

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

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

.progress.bar-danger {
    border-color: #0e7c8a
}

.kopa-button {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    padding: 7px 25px;
    color: #fff;
    font-size: 15px
}

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

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

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

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

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

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

.span-button span {
    background: #0e7c8a;
    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
}

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

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

.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 li {
    float: left;
    margin: 0 0 0 30px;
    list-style: none;
    font-size: 18px
}

.social-links li:first-child {
    margin: 0
}

.social-links li a {
    color: #b7b7b7
}

.social-links li a:hover {
    color: #0e7c8a
}

.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 0 2px 1px 0 rgba(235, 235, 235, .7);
    -moz-box-shadow: inset 0 2px 1px 0 rgba(235, 235, 235, .7);
    box-shadow: inset 0 2px 1px 0 rgba(235, 235, 235, .7)
}

.search-box .search-form .search-submit {
    position: absolute;
    right: 10px;
    top: 6px;
    border: none;
    background: 0 0;
    font-size: 18px;
    padding: 0;
    color: #afb2b7
}

#main-content,
.wrapper,
body {
    position: relative
}

.search-box .search-form .search-submit:hover {
    color: #0e7c8a
}

body {
    background: #fafafa;
   font-family: 'Roboto', sans-serif;
    color: #535353;
    line-height: 22px;
    font-size: 14px
}

.kopa-parallax .widget-title,
.main-menu>li>a,
.main-nav-mobile .main-menu-mobile>li>a {
    font-family: "Open Sans", sans-serif
}

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

.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: #042e33;
    padding: 15px 0 0
}

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

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

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

#preloader .inner .image>img {
    max-width: 50%;
    margin-top: 110px
}

#preloader .inner .image .img2 {
    position: absolute;
    top: 30px;
    left: -27px;
    z-index: -1;
    -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%,
    100%,
    50% {
        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: 0
    }
    60% {
        top: 45px;
        left: 0
    }
    70% {
        top: -20px;
        left: 10px
    }
    80% {
        top: 0;
        left: -22px
    }
    90% {
        top: 10px;
        left: 20px;
        -webkit-transform: scale(1.3)
    }
}

@-moz-keyframes preloader-ef {
    0%,
    100%,
    50% {
        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: 0
    }
    60% {
        top: 45px;
        left: 0
    }
    70% {
        top: -20px;
        left: 10px
    }
    80% {
        top: 0;
        left: -22px
    }
    90% {
        top: 10px;
        left: 20px;
        -moz-transform: scale(1.3)
    }
}

@keyframes preloader-ef {
    0%,
    100%,
    50% {
        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: 0
    }
    60% {
        top: 45px;
        left: 0
    }
    70% {
        top: -20px;
        left: 10px
    }
    80% {
        top: 0;
        left: -22px
    }
    90% {
        top: 10px;
        left: 20px;
        transform: scale(1.3)
    }
}

#preloader .circle-ef {
    width: 130px;
    height: 130px;
    position: absolute;
    border: 2px solid #303030;
    border-left-color: #0e7c8a;
    border-radius: 50%;
    margin: auto;
    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 .circle-ef,
#preloader.preloader-ef .inner .img2 {
    display: none;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none
}

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

.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 .triangle,
.kopa-header-top .wrapper .hotline-box .triangle-wrapper {
    border-right: 25px solid transparent;
    display: block;
    height: 0;
    width: 0;
    transition: border .3s ease-in-out 0s;
    position: absolute;
    border-bottom: 0 solid transparent;
    border-left: 0 solid transparent
}

.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 {
    top: 3px;
    right: -28px;
    border-top: 46px solid #d1d1d1;
    -moz-transition: border .3s ease-in-out 0s;
    -webkit-transition: border .3s ease-in-out 0s
}

.kopa-header-top .wrapper .hotline-box .triangle {
    top: 0;
    right: -25px;
    border-top: 46px solid #f1f1f1;
    -moz-transition: border .3s ease-in-out 0s;
    -webkit-transition: border .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, .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, .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
}

.kopa-header-bottom {
    position: relative;
    background: #fff;
	padding-top:20px;
}

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

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

.main-menu>li>a:after,
.main-menu>li>a:before {
    bottom: auto;
    left: 50%;
    content: '';
    overflow: hidden
}

.kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer {
    background: #0e7c8a;
    position: absolute;
    top: 0;
    width: 500%;
    height: 100%;
    right: 100%
}

.kopa-header-bottom .wrapper .left-color-bg .triangle {
    position: absolute;
    top: 0;
    right: -50px;
    border-top: 107px solid #0e7c8a;
    border-bottom: 0 solid transparent;
    border-right: 50px solid transparent;
    border-left: 0 solid transparent;
    display: block;
    height: 0;
    width: 0;
    transition: border .3s ease-in-out 0s;
    -moz-transition: border .3s ease-in-out 0s;
    -webkit-transition: border .3s ease-in-out 0s
}

.kopa-header-bottom .wrapper .logo-box {
    position: relative;
    margin-top: 20px;
    transition: all .9s;
    -ms-transition: all .9s;
    -webkit-transition: all .9s;
    -moz-transition: all .9s
}

.kopa-header-bottom.fixed {
    position: fixed;
    top: 0;
    background: #fff!important;
    width: 100%;
    z-index: 999999999999;
    height: 70px;
    opacity: .95;
    filter: Alpha(Opacity=95);
	    padding-top: 0px;
		-webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
}

.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: 5px
}

.kopa-header-bottom.fixed .logo-box img {
        width: 120px;
}

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

.bg-hb,
.kopa-home-1 .home-slider-2-widget,
.kopa-home-1 .home-slider-widget,
.kopa-home-1 .kopa-home-slider-4-widget,
.kopa-home-2 .home-slider-2-widget,
.kopa-home-2 .home-slider-widget,
/* .kopa-home-2 .kopa-home-slider-4-widget {
    margin-top: -8px
} */

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

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

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

.main-menu {
    margin: 0 8%;
}

.main-menu>li {
    position: relative;
    z-index: 99999999;
    float: left;
    padding: 0 60px 0;
}

.main-menu>li>a {
    text-transform: uppercase;
    color: #fff;
    opacity: .8;
    filter: Alpha(Opacity=80);
    font-weight: 600;
    padding-right: 0!important;
    position: relative
}

.main-menu>li ul,
.main-menu>li>a:after,
.main-menu>li>a:before {
    position: absolute;
    background: #fff
}

.main-menu>li>a:before {
    height: 1px;
    top: -5px;
    right: 50%
}

.main-menu>li>a:after {
    height: 1px!important;
    top: -5px!important;
    right: 50%!important;
    border: none!important;
    margin: 0!important;
    width: inherit!important
}

.main-menu>li ul {
    width: 200px;
    display: none;
    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.current-menu-item>a,
.main-menu>li:hover>a {
    opacity: 1;
    filter: Alpha(Opacity=100)
}

.main-menu>li.current-menu-item>a:before,
.main-menu>li:hover>a:before {
    left: 0
}

.main-menu>li.current-menu-item>a:after,
.main-menu>li:hover>a:after {
    right: 0!important
}

.main-nav-mobile {
    position: relative;
    float: right;
    display: none;
    margin-top: 0px;
}

.main-nav-mobile .pull {
    font-size: 25px;
    color: #0e7c8a;
    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: #333;
    text-transform: uppercase;
    font-size: 13px;
    display: block;
    padding: 10px 0
}

.main-nav-mobile .main-menu-mobile>li>a:hover {
    color: #0e7c8a
}

.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: #888;
    text-transform: none;
    display: block
}

.main-nav-mobile .main-menu-mobile>li .sub-menu li a:hover {
    color: #0e7c8a
}

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

.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries,
.widget_rss {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8
}

.widget_archive>ul>li,
.widget_categories>ul>li,
.widget_meta>ul>li,
.widget_nav_menu>ul>li,
.widget_pages>ul>li,
.widget_recent_comments>ul>li,
.widget_recent_entries>ul>li,
.widget_rss>ul>li {
    color: #333;
    padding-bottom: 10px
}

.widget_archive>ul>li:before,
.widget_categories>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_recent_entries>ul>li:before,
.widget_rss>ul>li:before {
    content: "\f105";
    margin-right: 10px;
    font-size: 16px;
    color: #333;
    float: left;
    line-height: 22px
}

.widget_archive>ul>li:hover:before,
.widget_categories>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_recent_entries>ul>li:hover:before,
.widget_rss>ul>li:hover:before {
    color: #0e7c8a
}

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

.widget_rss .widget-title .rsswidget {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    text-transform: inherit;
    font-weight: inherit;
    float: none
}

.post-date,
.widget_rss>ul>li a {
    color: #0e7c8a
}

.post-date,
.widget-title {
    text-transform: uppercase
}

.textwidget p {
    font-size: 14px
}

.textwidget p strong {
    font-weight: 400;
    margin-bottom: 20px;
    display: inline-block
}

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

.post-date {
    margin-left: 3px;
    font-size: 11px;
    font-weight: 400;
    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: #333
}

.tagcloud a:hover {
    border: 1px solid #333;
    font-weight: 700;
    color: #333
}

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

.widget_calendar table {
    line-height: 2;
    margin: -5px 0 0;
    padding: 0;
    width: 100%
}

.widget_calendar caption {
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    color: #888;
    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%
}

.widget_calendar tbody td,
.widget_calendar thead th {
    text-align: center;
    font-weight: 600;
    border-bottom: 1px solid #e8e8e8;
    color: #888;
    font-size: 14px;
    margin-bottom: 15px;
    padding-bottom: 12px;
    padding-top: 15px;
    line-height: 18px
}

.widget_calendar tbody a {
    color: #0e7c8a;
    display: block
}

.widget_calendar #prev {
    padding-left: 5px
}

.widget_calendar #next {
    padding-right: 5px;
    text-align: right
}

.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 {
    font-size: 13px;
    color: #888;
    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: #888;
    padding: 10px 17px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    border-left: 1px solid #e8e8e8;
    margin: 0;
    background: 0 0;
    outline: 0
}

#bottom-sidebar .tagcloud a,
#bottom-sidebar .textwidget,
#bottom-sidebar .textwidget p strong,
#bottom-sidebar .textwidget>ul>li a,
#bottom-sidebar .widget_archive>ul>li,
#bottom-sidebar .widget_calendar,
#bottom-sidebar .widget_calendar caption,
#bottom-sidebar .widget_calendar tbody td,
#bottom-sidebar .widget_calendar tfoot,
#bottom-sidebar .widget_calendar tfoot td a,
#bottom-sidebar .widget_calendar thead th,
#bottom-sidebar .widget_categories>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_recent_entries>ul>li,
#bottom-sidebar .widget_rss ul li,
#bottom-sidebar .widget_rss>ul>li {
    border-color: #888;
    color: #fff;
    opacity: .7;
    filter: Alpha(Opacity=70)
}

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

.loading {
    background: url(images/icons/gif-load.gif) center center no-repeat #fff;
    min-height: 520px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999999
}

.home-slider-2-widget,
.home-slider-widget,
.kopa-home-slider-4-widget {
    position: relative
}

.home-slider-2-widget .kopa-home-slider .entry-item,
.home-slider-widget .kopa-home-slider .entry-item,
.kopa-home-slider-4-widget .kopa-home-slider .entry-item {
    position: relative
}

.home-slider-2-widget .kopa-home-slider .entry-item .slider-caption,
.home-slider-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;
    width: 100%;
    padding: 15px 115px 17px 20px
}

.home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2,
.home-slider-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: 'Roboto', sans-serif;
    font-size: 24px;
    font-weight: 400
}

.home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2 a,
.home-slider-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-2-widget .kopa-home-slider .entry-item .slider-caption h2 a:hover,
.home-slider-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: #0e7c8a
}

.home-slider-2-widget .kopa-home-slider .flex-direction-nav,
.home-slider-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-2-widget .kopa-home-slider .flex-direction-nav li,
.home-slider-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: 30px;
    height: 30px;
    background: rgba(14, 124, 138, 0.47);
    line-height: 30px
}

.home-slider-2-widget .kopa-home-slider .flex-direction-nav li:first-child,
.home-slider-widget .kopa-home-slider .flex-direction-nav li:first-child,
.kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:first-child,
.owl-theme .owl-controls {
    margin: 0
}

.home-slider-2-widget .kopa-home-slider .flex-direction-nav li:hover,
.home-slider-widget .kopa-home-slider .flex-direction-nav li:hover,
.kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li:hover {
    background: #0e7c8a
}

.home-slider-2-widget .kopa-home-slider .flex-direction-nav li a,
.home-slider-widget .kopa-home-slider .flex-direction-nav li a,
.kopa-home-slider-4-widget .kopa-home-slider .flex-direction-nav li a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 26px
}

.home-slider-2-widget .kopa-home-slider .flex-direction-nav li a:before,
.home-slider-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-2-widget .kopa-home-slider .flex-direction-nav li .flex-prev:before,
.home-slider-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-2-widget .kopa-home-slider .flex-direction-nav li .flex-next:before,
.home-slider-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-2-widget .kopa-home-slider .slides-info,
.home-slider-widget .kopa-home-slider .slides-info,
.kopa-home-slider-4-widget .kopa-home-slider .slides-info {
    position: absolute;
    bottom: 30px;
    right: 140px;
    color: #fff;
    z-index: 1
}

.owl-theme .owl-controls .owl-buttons div {
    color: #fff;
    background: url(images/background/bg/3.png);
    background: rgba(0, 0, 0, .5);
    padding: 0;
    margin: -28.5px 0 0;
    border-radius: 0;
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 1;
    filter: Alpha(Opacity=100);
    text-align: center;
    position: absolute;
    top: 50%;
    width: 57px;
    height: 57px;
    line-height: 57px;
    font-size: 35px
}

.owl-theme .owl-controls .owl-buttons div:hover {
    background: #0e7c8a
}

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

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

.home-slider-2-widget .entry-item .entry-content>p {
    background: url(images/background/bg/3.png);
    background: rgba(0, 0, 0, .5);
    color: #fff;
    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 #0e7c8a;
    background: #fff;
    box-shadow: 0 1px 10px #045678
}

.home-slider-2-widget .owl-theme .owl-controls:before {
    content: "";
    width: 1px;
    height: 20px;
    background: #0e7c8a;
    opacity: .6;
    position: absolute;
    left: 50%;
    top: 10px
}

.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div {
    position: inherit;
    background: 0 0;
    width: 20px;
    height: 40px;
    margin: 0;
    padding: 0!important;
    font-size: 25px;
    line-height: 42px;
    color: #0e7c8a
}

.home-slider-2-widget .owl-theme .owl-controls .owl-buttons div:hover {
    color: #0e7c8a
}

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

.article-list-0 ul {
    margin: 0 -10px
}

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

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

.article-list-0 ul li .entry-item .entry-content header {
    background: #0e7c8a;
    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: #0e7c8a;
    position: absolute;
    bottom: 0;
    left: 0
}

.article-list-0 ul li .entry-item .entry-content>p {
    margin-bottom: 10px
}

.kopa-service-widget .service-item {
    border-bottom: 2px solid #e8e8e8;
    padding: 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,
.kopa-testimonial-widget .widget-title {
    margin: 0;
    font-size: 14px;
   font-family: 'Roboto', sans-serif;
    text-transform: uppercase
}

.kopa-service-widget .service-item header .service-title {
    line-height: 34px
}

.kopa-testimonial-widget {
    position: relative;
    border: 5px solid #e8e8e8
}

.kopa-testimonial-widget .widget-title {
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0e7c8a;
    width: 100%;
    font-weight: 400;
    line-height: 25px;
    color: #fff;
    padding: 10px 15px;
    z-index: 9
}

#back-top a:before,
.kopa-testimonial-widget .owl-controls .owl-buttons div:before {
    font-family: FontAwesome
}

.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: #0e7c8a;
    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: #363636;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    height: 45px;
    width: 40px;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 24px;
    position: inherit;
    padding: 0!important
}

.kopa-testimonial-widget .owl-controls .owl-buttons div:hover {
    background: #363636
}

.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 #0e7c8a
}

.kopa-tagline-widget .tagline-left .triangle,
.kopa-tagline-widget .tagline-right .triangle {
    border-top: 38px solid transparent;
    border-bottom: 37px solid transparent;
    border-right: 0 solid transparent;
    display: block;
    top: 0
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span {
    background: #0e7c8a
}

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

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

.kopa-tagline-widget .tagline-left h6 {
    color: #fff;
    margin: 0;
    font-size: 14px;
   font-family: 'Roboto', 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;
    right: -25px;
    border-left: 25px solid #0e7c8a;
    height: 0;
    width: 0;
    z-index: 1;
    transition: border .3s ease-in-out 0s;
    -moz-transition: border .3s ease-in-out 0s;
    -webkit-transition: border .3s ease-in-out 0s
}

.kopa-tagline-widget .tagline-right {
    width: 21.05263%;
    background: #363636;
    height: 75px;
    position: relative;
    text-align: center;
    line-height: 75px
}

.kopa-tagline-widget .tagline-right .triangle {
    position: absolute;
    left: 0;
    border-left: 25px solid #f6f6f6;
    height: 0;
    width: 0;
    transition: border .3s ease-in-out 0s;
    -moz-transition: border .3s ease-in-out 0s;
    -webkit-transition: border .3s ease-in-out 0s
}

.kopa-tagline-widget .tagline-right a {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    display: inline-block
}

.kopa-tagline-widget .tagline-right a:hover {
    color: #0e7c8a
}

.kopa-portfolio-widget {
    text-align: left!important
}

.kopa-portfolio-widget .widget-title {
    position: relative;
    text-transform: uppercase;
    padding-bottom: 12px;
    margin: 0 0 20px
}

.kopa-portfolio-widget .widget-title span {
    position: absolute;
    height: 2px;
    width: 55px;
    background: #0f528a;
    left: 0;
    bottom: 0
}

.kopa-portfolio-widget .author-info header {
    margin-bottom: 10px
}

.kopa-portfolio-widget .author-info header strong {
    color: #333;
    font-size: 16px
}

.kopa-portfolio-widget .author-info p {
    color: #333;
    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: #0e7c8a
}

.kopa-portfolio-widget .author-info .social-links li:hover a {
    color: #0e7c8a
}

.kopa-portfolio-widget .author-info .social-links li a {
    display: block;
    line-height: 28px;
    text-align: center;
    color: #333
}

.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, .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(.2);
    -moz-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.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: #0e7c8a;
    color: #fff;
    font-size: 22px;
    line-height: 55px;
    display: block
}

.portfolio-list .portfolio-item .portfolio-thumb:hover img {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    transition: all .6s;
    -ms-transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .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: .6;
    filter: Alpha(Opacity=60)
}

.portfolio-list .portfolio-item .portfolio-title {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase
}

#bottom-sidebar .widget {
    margin-bottom: 20px
}

#bottom-sidebar .widget .widget-title {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff
}

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

#bottom-sidebar .widget .textwidget>ul>li a:hover {
    color: #0e7c8a
}

.kopa-newsletter-widget .news-icon {
    text-align: center;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 22px;
    background: #1779a0;
    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 #1779a0;
    background: #1779a0;
    line-height: 26px;
    font-size: 13px;
    width: 68.37209%;
    margin-right: 3.02326%;
    color: #fff;
    float: left
}

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

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

.sv-icon {
    text-align: center;
    top: 50%;
    width: 94px;
    height: 94px;
    line-height: 94px;
    font-size: 40px;
    position: inherit;
    margin: 0 0 20px;
    background: #0e7c8a;
    border: 2px solid #0e7c8a;
    color: #fff;
    border-radius: 50%
}

.kopa-area-1,
.sv-icon:hover {
    background: #fff
}

.sv-icon:hover {
    color: #0e7c8a
}

.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.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,
.kopa-area .widget:first-child.home-slider-widget,
.kopa-area .widget:first-child.kopa-home-slider-3-widget,
.kopa-area .widget:first-child.kopa-parallax {
    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-2 {
    background: #f6f6f6
}

.kopa-area-3 {
    background: #28292d;
    width: 100%
}

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

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

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

.kopa-parallax .widget-title {
    color: #fff;
    text-transform: uppercase
}

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

.area-inner {
    margin: -110px -8px 0;
    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: #fff;
    background: #0e7c8a;
    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
}

.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: 700;
    text-transform: uppercase;
    color: #fff;
    padding: 8px 22px;
    width: 78px
}

.entry-date.style1>span.entry-day {
    background: #0e7c8a;
    padding: 17px 22px 22px;
    width: 78px;
    font-size: 28px;
    line-height: 28px;
    font-weight: 700;
    color: #fff;
    overflow: hidden
}

.article-list-1>ul>li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8
}

.article-list-1 .entry-content>p span {
    color: #0e7c8a
}

.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-icon {
    text-align: center;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    position: inherit;
    margin: 6px 0 0;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    color: #0e7c8a
}

.kopa-twitter-widget .owl-carousel .item>ul>li,
.kopa-twitter-widget>ul>li {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #e8e8e8
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-icon,
.kopa-twitter-widget>ul>li .twitter-icon {
    float: left;
    margin-right: 20px
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-content,
.kopa-twitter-widget>ul>li .twitter-content {
    overflow: hidden
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-content span,
.kopa-twitter-widget>ul>li .twitter-content span {
    color: #333;
    margin-bottom: 5px;
    display: inline-block
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-content span a,
.kopa-twitter-widget>ul>li .twitter-content span a {
    color: #0e7c8a
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-content span a:hover,
.kopa-twitter-widget>ul>li .twitter-content span a:hover {
    color: #333
}

.kopa-twitter-widget .owl-carousel .item>ul>li .twitter-content>a,
.kopa-twitter-widget>ul>li .twitter-content>a {
    display: block;
    color: #888
}

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

.widget-title.style2 {
    position: absolute;
    top: 50px;
   font-family: 'Roboto', sans-serif;
    color: #fff;
    text-transform: uppercase
}

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

.kopa-blog-masonry-widget {
    position: relative;
    text-align: left!important
}

.kopa-portfolio-2-widget,
.kopa-testimonial-2-widget {
    text-align: center
}

.kopa-blog-masonry-widget .ms-item1 {
    width: 24.95%;
    padding: 110px 0 55px
}

.kopa-blog-masonry-widget .ms-item1 .entry-item {
    background: 0 0
}

.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, .63);
    font-family: Lato, sans-serif
}

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

.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-thumb .entry-title a:hover {
    color: #0e7c8a
}

.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content {
    padding: 20px 20px 12px
}

.kopa-blog-masonry-widget .ms-item1 .entry-item .entry-content p {
    color: #fff;
    opacity: .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, .63);
    width: 100%;
    padding: 20px;
    position: absolute;
    bottom: 0
}

.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 26px
}

.kopa-blog-masonry-widget .ms-item1.last-item .entry-content .entry-title a {
    color: #fff
}

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

.kopa-blog-masonry-widget .ms-item1.last-item .entry-item {
    position: relative
}

.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:after,
.kopa-blog-masonry-widget .ms-item1.last-item .entry-item:before {
    content: "";
    width: 300%;
    height: 100%;
    background: url(images/background/bg/bg/black/6.png);
    background: rgba(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 .widget-title {
    text-transform: uppercase;
    margin-bottom: 20px
}

.kopa-testimonial-2-widget .item>p {
    font-family: "Roboto Slab", serif;
    color: #555;
    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: #0e7c8a
}

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

.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: #555;
    margin-bottom: 5px
}

.kopa-testimonial-2-widget .item .tes-author p {
    display: block;
    font-family: 'Roboto', 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: #fff;
    left: 50%;
    background: url(images/background/bg/3.png);
    background: rgba(0, 0, 0, .5)
}

.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 .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .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 .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .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 .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .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 .4s;
    -ms-transition: all .4s;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    background: #0e7c8a
}

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

.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: #888;
    text-transform: uppercase;
    position: relative
}

.filters-options li:after,
.filters-options li:before,
.filters-options2 li:after,
.filters-options2 li:before {
    height: 3px;
    position: absolute;
    bottom: -5px;
    right: 50%;
    left: 50%;
    background: #0e7c8a;
    content: '';
    overflow: hidden
}

.filters-options li:after,
.filters-options2 li:after {
    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: #0e7c8a
}

.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: #0e7c8a;
    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: 0 0;
    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: #333;
    margin-top: 10px
}

.kopa-mission-list li span:first-child {
    color: #0e7c8a;
    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: 'Roboto', 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: 0 0
}

.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, .8);
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

#bottom-sidebar address a:hover,
.entry-thumb:hover .thumb-hover,
.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 .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;
    top: 50%;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 20px;
    position: inherit;
    margin: 0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50%;
    background: 0 0
}

.kopa-team-widget .owl-carousel-4 .entry-thumb .thumb-hover>ul>li a:hover {
    background: #fff;
    color: #0e7c8a
}

.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 .6s;
    -ms-transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s
}

.kopa-team-widget .owl-carousel-4 .entry-thumb:hover .thumb-hover>ul {
    top: 50%;
    transition: all .6s;
    -ms-transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .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: #0e7c8a;
    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;
    top: 50%;
    width: 35px;
    height: 35px;
    line-height: 34px;
    font-size: 20px;
    border: 1px solid #e8e8e8;
    border-radius: 50%;
    position: inherit!important;
    margin: 0 1px!important;
    padding: 0!important;
    background: #fff;
    color: #888
}

.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div:hover {
    background: #0e7c8a;
    border-color: #0e7c8a;
    color: #fff
}

.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-next {
    padding-left: 1px!important
}

.kopa-team-widget .owl-carousel-4 .owl-controls .owl-buttons div.owl-prev {
    padding-right: 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;
    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 #fff;
    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 #0e7c8a;
    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: 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 #fff;
    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: #0e7c8a;
    color: #fff
}

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

.widget-title.style4 {
    position: relative;
    margin-bottom: 30px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8
}

.widget-title.style4:before {
    content: '';
    background: #0e7c8a;
    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: #888
}

.article-list-3 .entry-content {
    overflow: hidden
}

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

.entry-title {
    margin-bottom: 5px;
    text-transform: uppercase
}

.entry-thumb {
    width: 100%;
    position: relative;
    overflow: hidden
}

.entry-thumb img {
    width: 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, .68);
    border-radius: 50%;
    color: #fff;
    left: 50%;
    background: url(images/background/bg/4.png);
    background: rgba(0, 0, 0, .7)
}

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

.entry-item .thumb-icon:before {
    content: "+";
    font-weight: 700;
    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: 700
}

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

.entry-author:hover,
.entry-categories:hover,
.entry-comments:hover {
    color: #0e7c8a
}

.entry-author {
    margin-right: 25px
}

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

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

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

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

.entry-categories i {
    margin-right: 10px
}

.entry-meta>p,
.entry-meta>span {
    display: inline-block;
    margin: 0 0 0 25px
}

.entry-meta>p:first-child,
.entry-meta>span:first-child {
    margin: 0
}

.entry-meta>p span,
.entry-meta>span span {
    margin-right: 10px
}

.entry-meta>p a,
.entry-meta>span a {
    color: #888
}

.entry-meta>p a:hover,
.entry-meta>span a:hover {
    color: #0e7c8a
}

.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,
.pagination ul li span {
    line-height: 1;
    display: block;
    padding: 5px 10px;
    border: 1px solid #e8e8e8
}

.pagination ul li .current {
    color: #fff;
    border-color: #0e7c8a;
    background: #0e7c8a
}

#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, .2)
}

#back-top a {
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    background: #0e7c8a;
    display: block;
    text-align: center;
    line-height: 51px;
    color: #fff!important;
    font-size: 20px
}

.kopa-pagination ul li.current a,
.kopa-pagination ul li.current span,
.kopa-pagination ul li:hover a {
    color: #fff
}

.kopa-pagination a.next,
.kopa-pagination a.prev {
    font-size: 18px
}

#back-top a:before {
    content: "\f062"
}

#back-top a:hover {
    background: #111
}

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

#ascrail2000 div {
    width: 5px!important;
    border-radius: 0!important;
    transition: all .2s;
    -ms-transition: all .2s;
    -webkit-transition: all .2s;
    -moz-transition: all .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 .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .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.current,
.kopa-pagination ul li:hover {
    background: #0e7c8a;
    border-color: #0e7c8a
}

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

.kopa-pagination a.prev:before {
    content: "\f104"
}

.kopa-pagination a.next:before {
    content: "\f105"
}

.left-area:after,
.right-area:after,
.slide-intro:before {
    content: ''
}

body.kopa-home-2 {
    background: url(images/background/bg-m.jpg)
}

.kopa-breadcrumb {
    background: #f4f3fb;
    padding: 32px 0 35px
}

.kopa-breadcrumb .pull-left span {
    font-size: 24px;
    line-height: 24px;
    color: #333;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 10px;
    display: block
}

.kopa-breadcrumb .pull-left p {
    font-family: 'Roboto', sans-serif;
    line-height: 14px
}

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

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

.kopa-breadcrumb .pull-right>span>a:hover {
    color: #0e7c8a
}

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

.slide-caption,
.slide-link {
    font-weight: 700;
    font-family: "Open Sans", sans-serif
}

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

.left-area:before {
    width: 100%;
    height: 100%;
    background: #363636;
    position: absolute;
    top: 0;
    left: -100%
}

.left-area:after {
    position: absolute;
    border-left: 0 solid transparent;
    border-right: 60px solid transparent;
    border-top: 120px solid #363636;
    bottom: 0;
    margin-left: 0;
    left: 100%
}

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

.right-area {
    width: 50%;
    height: 120px;
    background: #0e7c8a;
    margin-top: -34px;
    position: relative;
    float: left
}

.right-area:before {
    width: 100%;
    height: 100%;
    background: #0e7c8a;
    position: absolute;
    top: 0;
    right: -100%
}

.right-area:after {
    position: absolute;
    border-top: 120px solid transparent;
    border-bottom: 0 solid transparent;
    border-right: 60px solid #0e7c8a;
    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: 0 0;
    color: #fff;
    border: 1px solid #888
}

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

#bottom-sidebar address,
#bottom-sidebar address a {
    color: #fff
}

#bottom-sidebar address a:hover {
    color: #0e7c8a
}

address p {
    margin: 20px 0 0
}

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

address p>i {
    font-size: 18px;
    color: #0e7c8a;
    float: left;
    margin-right: 20px
}

.slide-caption,
.slide-link {
    color: #3a4245;
    text-transform: uppercase
}

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

.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: -.86957%;
    margin-right: -.86957%
}

.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3 {
    padding-top: 1.73913%;
    padding-left: .86957%;
    padding-right: .86957%;
    width: 24.5%;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.kopa-portfolio-page .kopa-portfolio-widget .portfolio-list .col-md-3.inactive {
    visibility: hidden;
    opacity: 0
}

.slider {
    position: relative;
    width: 100%;
    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 {
    background: #3a4245;
    height: 1px;
    width: 86px;
    position: absolute;
    bottom: -1px;
    left: 0
}

.slide-caption {
    font-size: 40px!important
}

.slide-link {
    font-size: 14px!important;
    line-height: 14px;
    border: 1px solid #3a4245;
    padding: 15px 20px
}

.slide {
    display: none
}

.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, .3);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%
}

.ads-item>a .thumb-hover>h6 {
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    left: 20px;
    bottom: 20px;
    margin: 0
}

.ads-item>a:hover>img {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.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: 'Roboto', 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, .1);
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.kopa-home-parallax .kopa-header-bottom .main-nav .main-menu>li a,
.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 .thumb-hover ul {
    position: absolute;
    left: 0;
    top: 50%;
    text-align: center;
    width: 100%;
    margin-top: -46.5px;
    -webkit-transform: scale(.2);
    -moz-transform: scale(.2);
    -o-transform: scale(.2);
    transform: scale(.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, .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 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: #0e7c8a;
    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.cl-border>a>i,
.product-info>ul>li>a:hover i {
    color: #0e7c8a
}

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

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

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

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

.product-info>ul>li.cl-border:hover>a {
    background: #0e7c8a
}

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

.kopa-brand-widget {
    text-align: center
}

.kopa-brand-widget .widget-title {
    margin-bottom: 5px
}

.kopa-brand-widget>.row>div>header>span {
    font-family: 'Roboto', 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: #0e7c8a
}

.widget-title.style5:before {
    content: '';
    background: #333
}

.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: #0e7c8a!important;
    border-color: #0e7c8a!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: 700
}

.kopa-testimonial-3-widget .item .tes-author>p {
    display: inline-block;
    color: #c1c1c1
}

.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, .8);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.article-list-4 .entry-item .entry-thumb .thumb-hover .thumb-icon {
    background: 0 0;
    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: #888
}

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

.contact-title {
    text-transform: uppercase
}

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

address {
    color: #333
}

#respond .input-block,
.contact-box .input-block {
    position: relative
}

#respond input,
#respond textarea,
.contact-box input,
.contact-box textarea {
    border: 1px solid #d0d0d0;
    color: #888;
    line-height: 13px;
    padding: 12px 15px;
    width: 100%
}

#respond input:focus,
#respond textarea:focus,
.contact-box input:focus,
.contact-box textarea:focus {
    border-color: #0e7c8a;
    transition: all .6s;
    -ms-transition: all .6s;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    outline: 0;
    text-indent: 0
}

#respond label.error,
.contact-box label.error {
    color: #0e7c8a;
    font-weight: 400;
    margin: 5px 0 0
}

.contact-button>span input,
.input-label p:first-child,
.input-label>span,
.textarea-label,
.textarea-label>span {
    font-weight: 700;
    text-transform: uppercase
}

#respond .row,
.contact-box .row {
    margin-top: 10px
}

#respond .row:first-child,
.contact-box .row:first-child {
    margin-top: 0
}

.input-label p:first-child {
    color: #333
}

.input-label p span {
    color: red
}

.input-label>span {
    color: #888
}

.textarea-label {
    color: #333;
    margin: 5px 0 10px
}

.textarea-label>span {
    color: #888
}

.contact-button>span {
    position: relative;
    margin: 15px 0 60px;
    display: inline-block
}

.contact-button>span:before {
    content: "\f1d9";
    color: #fff;
    position: absolute;
    top: 14px;
    right: 15px
}

.contact-button>span input {
    width: auto!important;
    background: #0e7c8a;
    padding: 14px 40px 14px 15px!important;
    border: 1px solid #0e7c8a!important;
    color: #fff!important;
    display: inline-block;
    text-indent: 0!important
}

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

.contact-button>span:hover:before {
    color: #0e7c8a
}

.contact-button>span.fa {
    font-size: 16px
}

.single-portfolio-page .widget-title {
    text-transform: uppercase
}

.por-txt,
.porfolio-meta {
    margin-bottom: 20px
}

.porfolio-meta>p {
    margin-bottom: 5px
}

.porfolio-meta>p>span {
    color: #333
}

.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: #888;
    display: block
}

.social-links.style2>li:hover {
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    background: #0e7c8a
}

.social-links.style2>li:hover>a {
    color: #fff;
    transition: all 0;
    -ms-transition: all 0;
    -webkit-transition: all 0;
    -moz-transition: all 0
}

.gallery-related-post {
    overflow: hidden
}

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

.owl-carousel-7 .item {
    padding: 0 10px;
    width: 100%
}

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

.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: 10px
}

.owl-carousel-7.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: 10px
}

.kopa-tag-box {
    padding: 12px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8
}

.kopa-tag-box span {
    color: #333
}

#comments .comments-list .comment .comment-wrap .media-body>header .pull-left span,
.kopa-related-post .portfolio-item>span.entry-date,
.kopa-related-post .portfolio-item>span.entry-date>i,
.kopa-tag-box a,
.social-links.style3>li>a {
    color: #888
}

.social-links.style3 li:first-child {
    margin: 0;
    padding: 0;
    border: 1px solid #d0d0d0
}

.kopa-author,
.kopa-share-post {
    margin-top: 30px
}

.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;
    display: block
}

.social-links.style3>li:hover {
    transition: all .5s;
    -ms-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

.social-links.style3>li:hover>a {
    color: #0e7c8a;
    transition: all 0;
    -ms-transition: all 0;
    -webkit-transition: all 0;
    -moz-transition: all 0
}

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

.kopa-author {
    background: #f6f6f6;
    border: 1px solid #e8e8e8;
    padding: 15px;
    position: relative;
    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: #333
}

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

.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: #0e7c8a;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin-right: 8px
}

.kopa-author .author-social-link .social-filter>div>a:hover {
    background: #333
}

.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: #0e7c8a;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    margin: 8px 0 3px 10px;
    cursor: pointer
}

.kopa-author .author-social-link .social-filter ul li:hover {
    background: #333
}

.kopa-author .author-social-link .social-filter ul li a {
    color: #fff
}

.kopa-entry-post {
    overflow: hidden
}

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

.owl-carousel-8 .item,
.owl-carousel-9 .item {
    padding: 0 10px;
    width: 100%
}

.owl-carousel-8.owl-theme .owl-controls,
.owl-theme.owl-carousel-9 .owl-controls {
    position: absolute;
    top: -65px;
    right: 10px
}

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

.kopa-related-post,
.kopa-related-post .widget-title {
    margin-bottom: 40px
}

#comments .kopa-pagination,
.single-other-post {
    padding-top: 30px;
    border-top: 1px solid #e8e8e8
}

.kopa-related-post {
    padding-bottom: 40px;
    border-bottom: 1px solid #e8e8e8
}

.kopa-related-post .portfolio-item>span {
    display: block;
    margin-top: 8px
}

#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 .comment-button>a,
#comments .comments-list .comment .comment-wrap .media-body>header .comment-button>span {
    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: #0e7c8a
}

#comments .comments-list .comment .comment-wrap .media-body>header .comment-button .comment-reply-link:hover {
    color: #333
}

#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: #333;
    position: relative
}

#comments .comments-list .children {
    position: relative
}

#comments .comments-list .children:after,
#comments .comments-list .children:before {
    position: absolute;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    margin-left: 0;
    content: ''
}

#comments .comments-list .children:before {
    border-bottom: 60px solid #e8e8e8;
    top: -15px;
    left: 38px
}

#comments .comments-list .children:after {
    border-bottom: 60px solid #fff;
    top: -16px;
    left: 39px
}

#comments .comments-list .children .comment {
    padding-left: 95px
}

#comments .kopa-pagination {
    margin-top: 0;
    margin-bottom: 0
}

#comments .kopa-pagination>ul {
    float: right
}

.single-other-post .prev-post,
.single-other-post>div>a,
.single-other-post>div>h6 {
    float: left
}

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

.single-other-post {
    margin-top: 40px
}

.single-other-post>div>h6 {
    text-transform: uppercase;
    font-weight: 400;
    margin: 0;
    line-height: 39px
}

.single-other-post .fa {
    text-align: center;
    top: 50%;
    width: 39px;
    height: 39px;
    line-height: 39px;
    font-size: 18px;
    background: #fff;
    color: #888;
    border: 1px solid #d0d0d0;
    position: inherit;
    margin: 0;
    padding: 0
}

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

.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: #0e7c8a;
    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: #0e7c8a;
    margin-top: 0
}

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

.error-404 .right-col a:hover {
    color: #0e7c8a
}

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

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

.slider-caption {
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0e7c8a!important
}

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

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

.slider-caption-3 {
    font-family: 'Roboto', 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
}

.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .left-color-bg-outer,
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg .triangle,
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .kopa-border-bottom,
.kopa-home-parallax .kopa-header-top .wrapper .hotline-box .triangle-wrapper,
.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color .kopa-border-bottom {
    display: none
}

.slider-link>a:hover {
    background: #0e7c8a;
    border-color: #0e7c8a
}

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

.slider-caption-4 {
    font-family: 'Roboto', 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) 8px 8px no-repeat rgba(255, 255, 255, .3)
}

.kopa-home-slider-4-widget a,
.kopa-home-slider-4-widget p,
.kopa-home-slider-4-widget span {
    color: #fff
}

.kopa-home-slider-4-widget .slider-content {
    position: relative;
    width: 100%;
    height: 100%
}

.kopa-home-slider-4-widget .slider-content .slider-cover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/background/bg/3.png);
    background: rgba(0, 0, 0, .47)
}

.kopa-home-slider-4-widget .slider {
    background: 0 0;
    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 .next,
.kopa-home-slider-4-widget .slider .fraction-slider .prev {
    width: 60px;
    height: 60px;
    line-height: 57px;
    font-size: 40px;
    color: #fff;
    background: 0 0;
    border: 1px solid #888;
    left: 20px
}

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

#kopa-page-footer {
    background: #111;
    font-size: 13px;
    font-family: 'Roboto', 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: #0e7c8a
}

.kopa-home-parallax #parallax-header {
    background-image: url(images/parallax/6.jpg)
}

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

.kopa-home-parallax .kopa-bg {
    background: url(images/background/bg/4.png);
    background: rgba(0, 0, 0, .64);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0
}

.kopa-home-parallax .kopa-header-top {
    background: 0 0;
    margin-bottom: 7px
}

.kopa-home-parallax .kopa-header-top .wrapper .hotline-box {
    padding: 13px 45px 13px 0;
    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
}

.slide-caption-2,
.slide-caption-4,
.slide-caption-7 {
    font-weight: 700;
    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: #0e7c8a
}

.kopa-home-parallax .kopa-header-top .wrapper .left-bg-color {
    background: #0f5586
}

.kopa-home-parallax .kopa-header-bottom,
.kopa-home-parallax .kopa-header-bottom .wrapper .left-color-bg {
    background: 0 0
}

.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%;
    height: 36px;
    padding: 5px 36px 5px 15px;
    color: #969696;
    line-height: 26px;
    background: 0 0;
    box-shadow: none;
    border: 1px solid #969696
}

.kopa-home-parallax .search-box .search-form .search-submit {
    color: #fff
}

.kopa-home-parallax .search-box .search-form .search-submit:hover {
    color: #0e7c8a
}

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

.kopa-home-parallax .social-links li a:hover {
    color: #0e7c8a
}

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

.kopa-home-parallax .kopa-header-bottom .main-nav {
    width: 72%;
    background: #0e7c8a;
    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 #0e7c8a;
    top: 0;
    left: -50px
}

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

.kopa-home-parallax .kopa-header-bottom .main-nav-mobile:after {
    content: "";
    width: 300px;
    height: 100%;
    background: #0e7c8a;
    position: absolute;
    top: 0;
    right: -300px
}

.slide-caption-4,
.slide-caption-5 {
    display: block!important;
    width: 100%;
    text-align: center
}

.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 #0e7c8a;
    top: 0;
    left: -30px
}

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

.slide-caption-2 {
    font-family: 'Roboto', sans-serif;
    font-size: 60px;
    line-height: 68px
}

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

.slide-caption-4 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 38px
}

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

.slide-caption-6 {
    text-transform: uppercase
}

.slide-caption-7 {
    font-family: 'Roboto', sans-serif;
    font-size: 30px;
    line-height: 38px
}

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

.kopa-home-slider-5-widget a,
.kopa-home-slider-5-widget p,
.kopa-home-slider-5-widget span {
    color: #fff
}

.kopa-home-slider-5-widget .slider {
    background: 0 0;
    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 .next,
.kopa-home-slider-5-widget .slider .fraction-slider .prev {
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 30px;
    color: #fff;
    background: url(images/background/bg/4.png);
    background: rgba(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 {
    position: relative
}

.kopa-tagline-2-widget .tagline-left {
    width: 74.52174%;
    float: left;
    padding: 15px 25px;
    font-size: 15px;
    line-height: 23px;
    color: #fff;
    font-family: "Open Sans", sans-serif
}

.kopa-tagline-2-widget .tagline-left>span {
    float: left;
    margin-right: 32px
}

.kopa-tagline-2-widget .tagline-left>span .fa-comment {
    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%;
    text-align: center;
    padding: 25px 15px;
    vertical-align: middle;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    text-transform: uppercase
}

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

.kopa-tagline-2-widget .tagline-right a:hover {
    color: #000
}
/* DESIGNER */
.logo-box a img{width:100%;}
.main-nav{background:#0e7c8a;padding: 0 0 10px 0;margin-top: 20px;}
.kopa-header-bottom .wrapper .logo-box {margin-top: 20px;}
.main-nav-screen {background: #0e7c8a;padding: 0 0 10px 0;margin-top: 20px;}

/* 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: 0 0
    }
	.main-menu>li {padding: 5px 45px 0;}
	.main-menu {margin: 0 7%;}
	.main-nav {margin-top: 10px;}
}

@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: 0 0
    }
    .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 .wrapper .hotline-box {
        background: #fff;
        border-right: 0 solid #fff;
        padding: 13px 12px 13px 0;
        position: relative
    }
    .kopa-header-top-2 {
        display: block
    }
    .bg-feature,
    .main-nav {
        display: none
    }
	.main-nav-screen {
		background: none!important;
		margin-top: 0!important;
	}
    .kopa-header-top-2 .social-links {
        line-height: 36px
    }
    .kopa-home-1 #main-content,
    .kopa-home-2 #main-content {
        margin-top: 20px
    }
	.kopa-header-bottom .wrapper .logo-box {margin-top: -20px;}
    .main-nav-mobile {
        display: block
    }
    .kopa-social-link-widget>span,
    .kopa-tagline-widget .tagline-left p {
        display: none
    }
    .kopa-header-bottom {
        height: 107px
    }
    .home-slider-2-widget .owl-theme .owl-controls {
        bottom: 122px
    }
    .kopa-service-2-widget>.row {
        margin-top: -20px
    }
    .kopa-service-2-widget>.row .col-md-3 {
        width: 50%;
        margin-top: 20px
    }
    .kopa-area {
        padding-top: 25px
    }
    .kopa-area .widget.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,
    .kopa-area .widget:first-child.home-slider-widget,
    .kopa-area .widget:first-child.kopa-home-slider-3-widget,
    .kopa-area .widget:first-child.parallax {
        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, .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-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,
    .sidebar {
        width: 100%
    }
    .contact-form>.row>.col-md-4,
    .contact-form>.row>.col-md-8,
    .kopa-ads-widget>.row>.col-md-3,
    .kopa-product-list-widget>.row>.col-md-12>.row>.col-md-3 {
        width: 50%
    }
    .slide-caption {
        font-size: 20px!important;
        margin-top: 10px
    }
    .area-inner {
        margin: -70px -8px 0
    }
    .kopa-newsletter-widget .newsletter-form .input-email .submit {
        font-size: 12px
    }
    .kopa-portfolio-2-widget .portfolio-list-item .portfolio-item .portfolio-thumb .thumb-icon {
        margin-top: -55.5px
    }
    .portfolio-thumb .thumb-icon {
        text-align: center;
        position: absolute;
        top: 50%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 16px;
        margin-top: -22.5px;
        margin-left: -22.5px;
        left: 50%
    }
    .kopa-home-parallax #parallax-header {
        margin-bottom: 150px
    }
    .kopa-tagline-2-widget {
        bottom: -145px;
        position: absolute;
        width: 100%
    }
    .kopa-home-1 #main-content>.wrapper>.row>.col-md-3,
    .kopa-home-1 #main-content>.wrapper>.row>.col-md-4,
    .kopa-home-1 #main-content>.wrapper>.row>.col-md-9,
    .kopa-home-parallax #main-content>.wrapper>.row>.col-md-3,
    .kopa-home-parallax #main-content>.wrapper>.row>.col-md-4,
    .kopa-home-parallax #main-content>.wrapper>.row>.col-md-9 {
        width: 100%
    }
}


@media screen and (max-width:799px) {
    .wrapper {
        width: 728px
    }
    .kopa-portfolio-2-widget .portfolio-list-item .ft-item1 {
        width: 50%
    }
    .kopa-home-1 #main-content>.wrapper>.row .col-md-3,
    .kopa-home-1 #main-content>.wrapper>.row .col-md-9 {
        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: 0
    }
    .kopa-portfolio-widget .author-info {
        margin-bottom: 20px
    }
    .kopa-event-widget .kopa-event-content .event-post-content>ul>li {
        width: 46.696%
    }
    .kopa-event-widget .kopa-event-content .event-post-content>ul>li .entry-item>span.entry-icon {
        margin-right: -6px
    }
    .kopa-event-widget .kopa-event-content .event-post-content>ul>li.right-content .entry-item>span.entry-icon {
        margin-left: -6px
    }
    .portfolio-list .col-md-3 {
        width: 49%!important
    }
    .kopa-portfolio-widget>.row .col-md-9,
    .kopa-portfolio-widget>.row>.col-md-3 {
        width: 100%;
        float: left
    }
    .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
        margin-top: 105px
    }
    .kopa-home-parallax #parallax-header {
        margin-bottom: 130px
    }
}

@media screen and (max-width:767px) {
    .wrapper {
        width: 680px
    }
    .article-list-0>ul {
        margin-top: -20px
    }
    .article-list-0>ul>li {
        margin-top: 20px
    }
    .kopa-event-widget .kopa-event-content .event-post-content>ul>li .entry-item>span.entry-icon {
        margin-right: -4px
    }
    .kopa-event-widget .kopa-event-content .event-post-content>ul>li.right-content .entry-item>span.entry-icon {
        margin-left: -4px
    }
    .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
        margin-top: 90px
    }
    .article-list-0>ul>li.col-md-6 {
        width: 100%
    }
    .portfolio-thumb .thumb-icon {
        display: none
    }
}

@media screen and (max-width:719px) {
    #footer-nav,
    .kopa-tagline-widget .tagline-left p {
        display: none
    }
    .wrapper {
        width: 600px
    }
    .home-slider-2-widget .entry-item .entry-content .entry-title {
        font-size: 14px
    }
    .kopa-header-top .wrapper .left-bg-color {
        height: 53%
    }
    .left-area:after,
    .right-area:after {
        border: none;
        height: 100%;
        position: absolute;
        top: 0
    }
    #bottom-sidebar>.wrapper>.row>.col-md-2 {
        width: 50%;
        float: left
    }
    .home-slider-2-widget .kopa-home-slider .entry-item .slider-caption h2,
    .home-slider-widget .kopa-home-slider .entry-item .slider-caption h2,
    .kopa-home-slider-4-widget .kopa-home-slider .entry-item .slider-caption h2 {
        font-size: 15px
    }
    .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-contact-wrapper>.row,
    .kopa-our-mission>.row {
        margin-top: -20px
    }
    .kopa-contact-wrapper>.row .col-md-6,
    .kopa-our-mission>.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 {
        width: 100%;
        background: #363636;
        right: -100%
    }
    .left-area .kopa-social-link-widget {
        margin: 37px 0
    }
    .right-area {
        width: 100%;
        margin: 0
    }
    .right-area:after {
        width: 100%;
        background: #0e7c8a;
        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: 0 0
    }
    .kopa-newsletter-widget .newsletter-form .input-email .submit {
        font-size: 16px
    }
    .home-slider-2-widget,
    .home-slider-widget,
    .kopa-home-slider-4-widget {
        margin-bottom: 10px!important
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
        width: 60%
    }
	.kopa-home-1 #main-content, .kopa-home-2 #main-content {
    margin-top: -20px;
	}
	.page-header {
    margin: 15px 0 10px;
    color: #0e7c8a;
	}
}

@media screen and (max-width:639px) {
    #footer-nav,
    .home-slider-2-widget .entry-item .entry-content>p,
    .kopa-author .author-social-link>div>span,
    .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,
    .kopa-event-widget .kopa-event-content .kopa-line,
    .kopa-social-link-widget>span {
        display: none
    }
    body {
        padding: 0
    }
    .wrapper {
        width: 440px
    }
    .home-slider-2-widget .entry-item .entry-content .entry-title {
        font-size: 10px
    }
    .kopa-header-top .wrapper .left-bg-color {
        height: 62.5%
    }
    .home-slider-2-widget .owl-theme .owl-controls {
        bottom: 20px
    }
    #bottom-sidebar>.wrapper>.row>.col-md-4 .widget,
    .area-inner>.row>.col-md-4,
    .kopa-portfolio-2-widget .portfolio-list-item .ft-item1,
    .kopa-service-2-widget>.row .col-md-3 {
        width: 100%
    }
    .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 .event-post-content>ul>li {
        width: 100%;
        margin-top: 30px
    }
    .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
    }
    .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-portfolio-2-widget .portfolio-list-item>li {
        width: 50%
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
        width: 35%
    }
    .kopa-home-parallax #parallax-header {
        margin-bottom: 110px
    }
}

@media screen and (max-width:479px) {
    .kopa-bg .kopa-bg-inner,
    .kopa-blog-page .entry-content .entry-date.style1,
    .kopa-breadcrumb>.wrapper .pull-left,
    .kopa-header-top-2 .social-links,
    .kopa-single-page .entry-content .entry-date.style1,
    .left-bg-color {
        display: none
    }
    body {
        padding: 0
    }
    .wrapper {
        width: 320px
    }
    .kopa-blog-masonry-widget .ms-item1 {
        width: 100%;
        padding: 0 0 10px
    }
    .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: 2px 8px 2px 2px
    }
    .kopa-tagline-widget .tagline-left {
        padding: 5px 20px
    }
    .kopa-tagline-widget .tagline-right>a {
        font-size: 13px;
        line-height: 20px;
        text-align: center
    }
    .contact-form>.row>.col-md-4,
    .contact-form>.row>.col-md-8 {
        width: 100%;
        margin-bottom: 10px
    }
    .kopa-breadcrumb {
        padding: 10px 0
    }
    .portfolio-list .col-md-3 {
        width: 100%!important
    }
    .kopa-blog-page .entry-meta>p,
    .kopa-blog-page .entry-meta>span,
    .kopa-single-page .entry-meta>p,
    .kopa-single-page .entry-meta>span {
        display: block;
        margin: 10px 0 0
    }
    .owl-carousel-7.owl-theme .owl-controls .owl-buttons div {
        margin-top: 90px
    }
    .slide-caption,
    .slide-link {
        display: none!important
    }
    .kopa-blog-masonry-widget .ms-item1.last-item .entry-item .entry-content p,
    .kopa-newsletter-widget .news-icon,
    .kopa-tagline-2-widget {
        display: none
    }
    .article-list-0 ul li .entry-item .entry-thumb,
    .kopa-ads-widget>.row>.col-md-3,
    .kopa-product-list-widget>.row>.col-md-12>.row>.col-md-3 {
        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: 0 0
    }
    .kopa-home-parallax .kopa-header-bottom .main-nav-mobile {
        width: 20%
    }
    .kopa-home-parallax #parallax-header {
        margin-bottom: 0
    }
}

@media screen and (max-width:359px) {
    .home-slider-2-widget .entry-item .entry-content .entry-title,
    .kopa-tagline-widget .tagline-left h6 {
        font-size: 9px
    }
    body {
        padding: 0
    }
    .wrapper {
        width: 280px
    }
    .kopa-header-bottom .wrapper .left-color-bg {
        width: 190px
    }
    .kopa-tagline-widget .tagline-left {
        width: 69.778%
    }
    .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
    }
}

.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: #0e7c8a
}

#image_caption {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    color: white;
    font-size: 22px;
    padding: 3px;
    background: rgba(150, 150, 150, 0.7);
    font-weight: bold;
}