/*---------- ================================================ SETUP IMPORT ========================================= -----------------*/


/*----------- set up font ----------------*/


/*--------------- setup color ------------*/

@import url(https://fonts.googleapis.com/css?family=Lato:400,900,700italic,900italic,700,400italic,300italic,300,100italic,100);
.btn-01,
.btn-03,
.btn-06,
.btn-07,
.btn-010,
.btn-011,
.btn-013,
.btn-014,
.main-nav.style-04 .main-menu .curent-menu-item a,
.main-nav.style-05 .main-menu .curent-menu-item a {
    color: #0e8dc1;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb span:hover,
.ex-module-our-services-3 .widget-content ul li .entry-item .entry-thumb .ex:hover {
    color: #0e8dc1 !important;
}

.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h1 a:hover,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h2 a:hover,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h3 a:hover,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h4 a:hover,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h5 a:hover,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h6 a:hover,
.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content p i,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content p i,
.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content p a:hover,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content p a:hover,
.white-text-style .widget_nav_menu ul li a i,
.white-text-style .widget_nav_menu ul li a:hover,
.white-text-style .ex-module-article-3 .widget-content ul li .entry-item .entry-content p i,
.white-text-style .ex-module-article-3 .widget-content ul li .entry-item .entry-content p a,
.white-text-style .ex-module-introduce-1 .widget-content .entry-item .entry-content .social-icon-box a:hover,
.white-text-style .kopa-breadcrumb .breadcrumb-content span a:hover span,
.white-text-style .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a:hover,
.white-text-style .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content .kopa-readmore:hover,
.white-text-style .main-nav.style-01 .main-menu li.curent-menu-item a,
.white-text-style .main-nav.style-01 .main-menu li a:hover,
.white-text-style .humberger-menu.style-07 i:hover,
.white-text-style .humberger-menu.style-07 span:hover,
.white-text-style .kopa-cartdrop-down-1.style-01 .dropdown-toggle i:hover,
.kopa-txt-style-02,
.kopa-blockquote-2 .blq-thumb i,
.kopa-blockquote-3,
.kopa-blockquote-3 .blq-header i,
.kopa-blockquote-4,
.blog-article-list-1 li .entry-item .entry-header .entry-title a:hover,
.blog-article-list-1 li .entry-item .entry-header p a,
.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link ul li a:hover,
.navigation-1 .nav-links .page-numbers.current,
.navigation-1 .nav-links .page-numbers:hover,
.navigation-1 .nav-links .control-pagination i:hover,
.ex-module-slider-10 .widget-content .entry-item .entry-thumb,
.ex-module-slider-10 .widget-content .entry-item .entry-content a,
.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-meta .meta-auth a,
.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer .alignright a:hover,
.style-btn-01:hover,
.kopa-cartdrop-down-1 .cart-dropdown,
.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .item-cart-title a:hover,
.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .item-cart-cost,
.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .kopa-btn-close.style-01:hover i,
.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .kopa-btn-close.style-01:hover span,
.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignleft a:hover,
.kopa-cartdrop-down-2 .dropdown-menu,
.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title a:hover,
.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .kopa-btn-close.style-01:hover i,
.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .kopa-btn-close.style-01:hover span,
.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a:hover,
.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a:hover i,
.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a:hover span,
.ex-module-counter-3 .widget-content .entry-item .entry-content .kopa-counter-3,
.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-3,
.kopa-counter-3,
.kopa-dropcap-2,
.kopa-dropcap-3,
.related .entry-item .entry-content p,
.star-rating span:before,
.kopa-tab-1 .nav li a.active,
.kopa-tab-1 .nav li a:hover,
.kopa-tab-1 .nav li.active a,
.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .entry-info .auth-name a,
.slider-area .main-nav-hidden .main-menu-hidden > li:hover > a,
.slider-area .main-nav-hidden .main-menu-hidden li a span:hover,
.slider-area .main-nav-hidden .main-menu-hidden li a i,
.slider-area .main-nav-hidden .main-menu-hidden li.open > a,
.slider-area .main-nav-hidden .main-menu-hidden li ul li a:hover,
.slider-area .btn-close-hidden-nav:hover,
.kopa-page-header .main-menu li ul,
.kopa-page-header .main-menu li div.sf-mega,
.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section ul li a:hover,
.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section figure figcaption a:hover,
.main-nav.style-01 .main-menu li.curent-menu-item a,
.main-nav.style-01 .main-menu li a:hover,
.btn-header.style-01,
.btn-header.style-03 span:hover,
.btn-header.style-03 i:hover,
.btn-header.style-05 i:hover,
.btn-header.style-05 span:hover,
.btn-header.style-06,
.humberger-menu i,
.humberger-menu span,
.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li .sf-mega ul li:hover a,
.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li .sf-mega figure figcaption a:hover,
.main-nav.style-02 .main-menu li .sf-mega .sf-mega-section ul li:hover a,
.wrap-info-contact div h2 a:hover,
.main-nav.style-03 .main-menu li ul,
.humberger-menu.style-04 i:hover,
.humberger-menu.style-04 span:hover,
.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a:hover,
.kopa-social-links.style-03 li a:hover,
.main-nav.style-04 .main-menu li a:hover,
.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a:hover,
.humberger-menu.style-07 i:hover,
.humberger-menu.style-07 span:hover,
.kopa-list-item-header li a:hover,
.kopa-cartdrop-down-1.style-01 .dropdown-toggle i:hover,
.main-nav.style-05 .main-menu li a:hover,
.main-nav.style-05 .main-menu li ul,
.main-nav.style-05 .main-menu li div.sf-mega,
.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb,
.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a:hover,
.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content .kopa-readmore:hover,
.ex-module-slider-4 .widget-content .carousel-control,
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption a:hover,
.ex-module-our-services-1 .widget-content .entry-item .entry-thumb .ex:hover,
.ex-module-our-services-5 .widget-content .entry-item .entry-thumb .ex:hover,
.ex-module-our-services-1 .widget-content .kopa-btn,
.ex-module-our-services-5 .widget-content .kopa-btn,
.ex-module-our-services-2 .widget-content ul li .entry-item .entry-thumb .ex:hover,
.ex-module-our-services-2 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-contact-5 .widget-content .entry-item .entry-content p i,
.ex-module-contact-8 .widget-content .entry-item .entry-content p i,
.widget_nav_menu ul li a:hover,
.ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-our-services-3 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-our-services-4 .widget-content ul li .entry-item .entry-thumb,
.ex-module-our-services-4 .widget-content ul li .entry-item .entry-thumb i,
.ex-module-our-services-4 .widget-content ul li .entry-item .entry-thumb span,
.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-title a:hover,
.ex-module-download .widget-content .entry-item ul li i,
.ex-module-download .widget-content .entry-item ul li a:hover,
.ex-module-present-2 .widget-content ul li i,
.ex-module-present-2 .widget-content ul li span,
.ex-module-present-2 .widget-content ul li a,
.ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li a:hover,
.ex-module-present-9 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-our-services-6 .widget-content ul li .entry-item .entry-thumb,
.ex-module-our-services-6 .widget-content ul li .entry-item .entry-content .entry-title h4 a:hover,
.ex-module-our-services-8 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-present-4 .widget-content .entry-item .entry-thumb .entry-social-link ul li a:hover,
.ex-module-counter-6 .widget-content .entry-item .entry-content .entry-title a:hover,
.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-content p,
.kopa-rating ul li {
    color: #0e8dc1;
}

.hover-color-1 {
    color: #0e8dc1;
}

.white-text-style .main-nav.style-05 .main-menu li a:hover {
    color: #0e8dc1;
}

.white-text-style .ex-module-article-3 .widget-content ul li .entry-item .entry-content p a:hover,
.white-text-style .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb span,
.white-text-style .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.white-text-style .main-nav.style-06 .main-menu li a:hover,
.white-text-style .btn-header.style-05 i:hover,
.white-text-style .btn-header.style-05 span:hover,
.white-text-style.kopa-page-header-10 .kopa-header-bottom .humberger-menu.style-07 i:hover,
.white-text-style.kopa-page-header-10 .kopa-header-bottom .humberger-menu.style-07 span:hover,
.white-text-style .kopa-social-links.style-03 li a:hover,
.kopa-txt-style-01,
.kopa-txt-style-03,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a,
.wrap-hidden-content .btn-off:hover,
.wrap-hidden-content form button:hover,
.blog-article-list-1 li .entry-item .entry-header p a:hover,
.ex-module-slider-10 .widget-content .entry-item .entry-content a:hover,
.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-meta .meta-auth a:hover,
.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-title a:hover,
.style-btn-03:hover,
.with-icon-style-03 i,
.with-icon-style-03 span,
.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .entry-info .auth-name a:hover,
.kopa-pricing-table-2:hover,
.kopa-pricing-table-2:hover .pricing-header .meta-price-month,
.kopa-pricing-table-2:hover .pricing-header .pricing-title,
.kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button:hover,
.kopa-page-header .kopa-header-responsive .alignright .humberger-menu i:hover,
.kopa-page-header .wrap-support-number a:hover,
.kopa-page-header-1 .kopa-email-link:hover,
.kopa-page-header-1 .kopa-social-links li a:hover,
.kopa-social-links.style-02 a:hover,
.btn-header.style-01:hover,
.btn-header.style-02:hover i,
.btn-header.style-02:hover span,
.btn-header.style-06:hover,
.btn-header.style-08:hover,
.humberger-menu i:hover,
.humberger-menu span:hover,
.kopa-social-links.style-01 li a:hover,
.kopa-page-header-3 .kopa-header-top a:hover,
.kopa-page-header-3 .kopa-header-top .kopa-social-links a:hover,
.kopa-page-header-4 .kopa-header-top a:hover,
.kopa-page-header-4 .kopa-header-top .kopa-social-links a:hover,
.kopa-header-form button[type="submit"] i:hover,
.kopa-header-form button[type="submit"] span:hover,
.kopa-cartdrop-down-1.style-07 .dropdown-toggle:hover i,
.kopa-cartdrop-down-1.style-07 .dropdown-toggle:hover span,
.main-nav.style-06 .main-menu li a:hover,
.ex-module-slider-1 .customNavigation a.btn:hover,
.ex-module-slider-4 .widget-content .entry-item .entry-title a:hover,
.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption a,
.ex-module-introduce-2 .widget-content .entry-item .entry-content .entry-title a:hover,
.ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content .entry-title a:hover,
.ex-module-slider-7 .customNavigation .btn:hover,
.ex-module-present-2 .widget-content ul li a:hover,
.ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title a:hover {
    color: #ffd200;
}

.white-text-style .kopa-breadcrumb .breadcrumb-content span a.current-page span,
.white-text-style .ex-module-counter-6 .widget-content .entry-item .entry-content .entry-title a:hover,
.white-text-style .ex-module-our-services-6 .widget-content ul li .entry-item .entry-thumb i,
.white-text-style .ex-module-our-services-6 .widget-content ul li .entry-item .entry-thumb span,
.kopa-area-5 .ct-col-05 .widget .entry-title a:hover,
.style-btn-line-01,
.main-nav.style-06 .main-menu li ul li a:hover,
.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section ul li a:hover,
.main-nav.style-04 .main-menu li ul li a:hover,
.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section ul li a:hover,
.main-nav.style-05 .main-menu li ul li a:hover,
.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section ul li a:hover {
    color: #0e8dc1 !important;
}

.white-text-style .ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title a:hover,
.white-text-style .ex-module-our-services-6 .widget-content ul li .entry-item .entry-content .entry-title h4 a:hover,
.style-btn-line-03,
.main-nav.style-03 .main-menu .curent-menu-item a,
.main-nav.style-03 .main-menu li a:hover,
.main-nav.style-03 .main-menu li ul li a:hover,
.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section ul li a:hover,
.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a:hover,
.ex-module-slider-4 .widget-content .carousel-control:hover,
.ex-module-slider-6 .widget-content .carousel .carousel-control:hover span {
    color: #ffd200 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"],
.btn-01:hover,
.btn-03:hover,
.btn-06:hover,
.btn-07:hover,
.btn-010:hover,
.btn-011:hover,
.btn-013:hover,
.btn-02,
.btn-04,
.btn-05,
.btn-09,
.btn-012,
.btn-add,
.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"],
.ex-module-contact-14 .widget-content form .btn-block input[type="submit"],
.btn-014:hover,
.white-text-style .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"]:hover,
.wrap-hidden-content,
.wrap-hidden-content form input[type="text"],
.kopa-blockquote-1 .blq-thumb i,
.blog-article-list-1 li .entry-item .entry-thumb .customNavigation .btn,
.ex-module-tag-1 .widget-content .wrap-tag ul li:hover,
.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-control,
.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-indicators li.active,
.style-btn-01,
.style-btn-line-01:hover,
.ex-module-contact-10,
.kopa-cartdrop-down-2 .dropdown-toggle,
.ex-module-counter-2 .widget-content .entry-item .entry-content .kopa-counter-2,
.kopa-counter-2,
.ex-module-dropcap-1 .widget-content .kopa-dropcap.ex-dropcap-style-01:before,
.kopa-intro-box-1 .intro-box-thumb i,
.kopa-intro-box-1 .intro-box-thumb span,
.kopa-intro-box-2 .intro-box-thumb i,
.kopa-intro-box-2 .intro-box-thumb span,
.kopa-intro-box-3 .intro-box-thumb,
.kopa-intro-box-4:hover .intro-box-thumb span,
.kopa-intro-box-4:hover .intro-box-thumb i,
.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .meta i,
.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .meta span,
.ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div,
.kopa-tab-2 .nav li.active,
.kopa-tab-3 .nav li.active,
.kopa-tab-7 .nav-pills li.active,
.kopa-tab-7 .nav-pills li.active a:hover,
.kopa-tab-7 .nav-pills li.active a:focus,
.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .entry-meta .entry-date i,
.kopa-pricing-table-2 .pricing-header .meta-price-month h4,
.kopa-pricing-table-4 .table tbody tr td .pricing-button.style-01,
.kopa-pricing-table-4 .table tbody tr td .pricing-button.style-02:hover,
.slider-area .main-nav-hidden .title-nav:before,
.kopa-page-header .wrap-support-number.style-01,
.btn-header.style-07,
.kopa-page-header-3 .kopa-header-top,
.humberger-menu.style-03 i,
.humberger-menu.style-03 span,
.kopa-page-header-4 .kopa-header-top,
.kopa-cartdrop-down-1.style-06 .dropdown-toggle,
.kopa-cartdrop-down-1.style-07 .dropdown-toggle,
.humberger-menu.style-08 i,
.humberger-menu.style-08 span,
.main-nav.style-06 .main-menu li a:before,
.main-nav.style-04 .main-menu li a:before,
.kopa-page-header-10 .kopa-header-bottom,
.kopa-page-header-11 .kopa-header-top,
.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"],
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"],
.ex-module-slider-5 .widget-content .carousel .carousel-indicators li.active,
.ex-module-slider-12 .widget-content .carousel .carousel-indicators li.active,
.ex-module-slider-5 .widget-content .kopa-list-link li,
.ex-module-slider-12 .widget-content .kopa-list-link li,
.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item,
.kopa-panel-group-1.style-01 .panel .panel-heading:hover,
.kopa-panel-group-1 .panel .panel-heading,
.badge-icon-1.style-01 {
    background: #0e8dc1;
}

.item-title.style-01:before,
.ex-module-present-3 .widget-content ul li .entry-item .entry-content .entry-title:before,
.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"]:hover,
.btn-02:hover,
.btn-04:hover,
.btn-05:hover,
.btn-09:hover,
.btn-012:hover,
.btn-add:hover,
.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"]:hover,
.ex-module-contact-14 .widget-content form .btn-block input[type="submit"]:hover,
.widget-header.style-05:before,
.widget-header.style-07:before,
.blog-article-list-1 li .entry-item .entry-thumb .customNavigation .btn:hover,
.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-control:hover,
.style-btn-03,
.style-btn-line-03:hover,
.ex-module-contact-10 .widget-content form p.btn-block input[type="submit"]:hover,
.ex-module-contact-10 .widget-content form p.type-file:hover span,
.kopa-cartdrop-down-2 .dropdown-toggle:hover,
.kopa-intro-box-1 .intro-box-thumb i:hover,
.kopa-intro-box-1 .intro-box-thumb span:hover,
.kopa-intro-box-2 .intro-box-thumb i:hover,
.kopa-intro-box-2 .intro-box-thumb span:hover,
.related .entry-item .entry-thumb a.btn-add:hover,
.ex-module-slider-11 #slider-11 .sp-slides-container .sp-arrow:hover,
.kopa-wrap-entry-item .entry-item .entry-thumb .customNavigation .btn:hover,
.kopa-pricing-table-2:hover .pricing-header .meta-price-month h4,
.kopa-pricing-table-4 .table thead tr th.style-02 .pricing-header .pricing-title,
.kopa-pricing-table-4 .table tbody tr td .pricing-button.style-01:hover,
.kopa-pricing-table-4 .table tbody tr td .pricing-button.style-02,
.btn-header.style-07:hover,
.humberger-menu.style-03 i:hover,
.humberger-menu.style-03 span:hover,
.kopa-cartdrop-down-1.style-06 .dropdown-toggle:hover,
.humberger-menu.style-08 i:hover,
.humberger-menu.style-08 span:hover,
.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-previous-arrow:hover:before,
.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-previous-arrow:hover:after,
.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-next-arrow:hover:before,
.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-next-arrow:hover:after,
.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"]:hover,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"]:hover,
.ex-module-contact-15 .widget-content form p input[type="submit"]:hover,
.ex-module-introduce-2-1 .widget-content ul li:before,
.ex-module-slider-5 .widget-content .kopa-list-link li:hover,
.ex-module-slider-12 .widget-content .kopa-list-link li:hover,
.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .btn-show-tb-info:hover,
.kopa-panel-group-1 .panel .panel-heading:hover,
.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-thumb a.btn-add:hover {
    background: #ffd200;
}

.kopa-page-header-5 .kopa-header-bottom,
.kopa-page-header-9 .kopa-header-bottom,
.main-nav.style-05 .main-menu li:hover {
    background: #003255;
}

.kopa-page-header-5 .kopa-header-top,
.kopa-page-header-9 .kopa-header-top,
.main-nav.style-05 .main-menu .curent-menu-item,
.kopa-footer {
    background: #001a2e;
}

.single_add_to_cart_button,
.kopa-dropcap-1.style-01:before,
.woocommerce-area-1 form.cart button.single_add_to_cart_button {
    background: #0e8dc1 !important;
}

.single_add_to_cart_button:hover,
.woocommerce-area-1 form.cart button.single_add_to_cart_button:hover {
    background: #ffd200 !important;
}

.btn-01,
.btn-03,
.btn-06,
.btn-07,
.btn-010,
.btn-011,
.btn-013,
.btn-014,
.navigation-1 .nav-links .control-pagination i:hover,
.btn-header.style-01,
.humberger-menu i,
.humberger-menu span,
.main-nav.style-03 .main-menu li div.sf-mega,
.humberger-menu.style-03 i,
.humberger-menu.style-03 span,
.main-nav.style-06 .main-menu li ul,
.main-nav.style-06 .main-menu li div.sf-mega,
.main-nav.style-04 .main-menu li ul,
.ex-module-slider-4 .widget-content .carousel-control,
.ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"]:hover {
    border-color: #0e8dc1;
}

.main-nav.style-05 .main-menu .curent-menu-item,
.main-nav.style-05 .main-menu li:hover {
    border-color: #0e8dc1 !important;
}

.ex-woocommerce-tabs ul.tabs li.active {
    border-top-color: #0e8dc1 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"]:hover,
.kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button:hover,
.btn-header.style-01:hover,
.btn-header.style-02:hover,
.kopa-cartdrop-down-1.style-07 .dropdown-toggle:hover,
.ex-module-slider-pro-1 .slider-pro .sp-arrow:hover,
.ex-module-slider-1 .customNavigation a.btn:hover,
.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"]:hover,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"]:hover,
.ex-module-slider-7 .customNavigation .btn:hover,
.ex-module-present-4 .widget-content .entry-item .entry-thumb:hover {
    border-color: #ffd200;
}

.humberger-menu i:hover,
.humberger-menu span:hover,
.ex-module-slider-4 .widget-content .carousel-control:hover,
.ex-module-slider-6 .widget-content .carousel .carousel-control:hover {
    border-color: #ffd200 !important;
}

body {
    font-family: "Lato";
}

body::-webkit-scrollbar {
    display: none;
}

ul {
    margin-bottom: 0px;
}

.container {
    position: relative;
}

.no-radius {
    border-radius: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.widget {
    margin-bottom: 50px;
}

.widget:last-child {
    margin-bottom: 0;
}

.kopa-area {
    padding-top: 115px;
    padding-bottom: 115px;
    position: relative;
}

.kopa-area .row .widget {
    margin-bottom: 50px;
}

.kopa-area .row:last-child .widget:last-child {
    margin-bottom: 0;
}

.kopa-area .widget .widget-header .widget-title {
    text-transform: uppercase;
    margin-bottom: 0;
}

.kopa-area .widget .widget-header .widget-title p {
    text-transform: capitalize;
}

.kopa-area .widget .sub-title {
    display: inline-block;
}

.kopa-area .widget-content:before {
    display: table;
    content: " ";
}

.kopa-area .widget-content:after {
    clear: both;
    display: table;
    content: " ";
}

.kopa-area .entry-item {
    margin-bottom: 30px;
}

.kopa-area .entry-item:last-child {
    margin-bottom: 0;
}

.kopa-area .entry-item:before {
    display: table;
    content: " ";
}

.kopa-area .entry-item:after {
    clear: both;
    display: table;
    content: " ";
}

.widget-title {
    font-weight: 900;
}

.widget-title p {
    font-family: 'Lato';
}


/*---- custom area -----*/

.kopa-no-space {
    padding-top: 0;
    padding-bottom: 0;
}

.ct-area-01 {
    margin-top: -30px;
}


/*---- custom row ---------*/

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

.ct-row-02 {
    margin-right: 0px;
    margin-left: 0px;
}

.ct-row-03 {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.ct-row-03 > div[class^=col],
.ct-row-03 > li[class^=col] {
    padding-right: 7.5px;
    padding-left: 7.5px;
}

.ct-row-04 {
    margin-right: -3px;
    margin-left: -3px;
}

.ct-row-05 {
    margin-left: 0;
    margin-right: 0;
}

.ct-row-05 > div[class^=col],
.ct-row-05 > li[class^=col] {
    padding-right: 0px;
    padding-left: 0px;
}

.ct-row-06 {
    margin-top: -30px;
}

.ct-row-06 > div[class^=col],
.ct-row-06 > li[class^=col] {
    margin-top: 30px;
}


/*------- end -----------*/


/*------ custom col -------*/

.ct-col-04 {
    padding: 0px 3px;
}

.ct-col-01 {
    padding-left: 50px;
}

.ct-col-02 {
    padding-right: 0px;
    padding-left: 0px;
}

.ct-col-03 {
    padding-top: 100px;
    padding-bottom: 0px;
}

.ct-col-05 {
    background: white;
    padding-bottom: 0px;
    padding-top: 90px;
}

.ct-col-06 {
    background: rgba(0, 156, 220, 0.7);
    padding: 100px 80px;
}

.ct-col-07 {
    padding: 100px 80px;
    padding-bottom: 0;
}

.ct-col-08 {
    padding: 100px 80px;
    padding-bottom: 138px;
    background: rgba(0, 67, 107, 0.9);
}

.ct-col-09 {
    padding: 115px 0px;
    background: #f7f7f7;
    padding-left: 100px;
    padding-right: 50px;
}

.ct-col-10 {
    padding: 30px 0px;
    background: rgba(0, 156, 220, 0.8);
}


/*--------- end --------*/


/*----- style wrap ---*/

.style-wrap-01 {
    background: #0e8dc1;
    padding: 50px;
}

.style-wrap-02 {
    margin-top: 50px;
}


/*---- end --- */


/*----- border custom -----*/

.item-title.style-01,
.ex-module-present-3 .widget-content ul li .entry-item .entry-content .entry-title {
    position: relative;
}

.item-title.style-01:before,
.ex-module-present-3 .widget-content ul li .entry-item .entry-content .entry-title:before {
    content: "";
    width: 4px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.sf-mega-style-2 .sf-mega-section.feature-section .sec-title,
.sf-mega-style-3 .sf-mega-section.feature-section .sec-title,
.sf-mega-style-2 .sf-mega-section.recent-post-section .sec-title,
.sf-mega-style-3 .sf-mega-section.recent-post-section .sec-title {
    position: relative;
}

.sf-mega-style-2 .sf-mega-section.feature-section .sec-title:before,
.sf-mega-style-3 .sf-mega-section.feature-section .sec-title:before,
.sf-mega-style-2 .sf-mega-section.recent-post-section .sec-title:before,
.sf-mega-style-3 .sf-mega-section.recent-post-section .sec-title:before {
    content: "";
    background: #0e8dc1;
    width: 3px;
    height: 13px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}


/*------- end ------------*/


/*---- button style ----*/

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"],
.btn-08,
.kopa-tab-2 .nav li a,
.kopa-tab-3 .nav li a {
    display: inline-block;
    text-align: center;
    padding: 15px 60px;
    border: 1px solid #0e8dc1;
    color: #0e8dc1;
    border-radius: 50px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"]:hover,
.btn-08:hover,
.kopa-tab-2 .nav li a:hover,
.kopa-tab-3 .nav li a:hover {
    background: #0e8dc1;
    border: 1px solid transparent;
    color: white;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"] {
    color: white;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"] {
    padding: 15px 40px;
}

.kopa-btn {
    display: inline-block;
}

.btn-01,
.btn-03,
.btn-06,
.btn-07,
.btn-010,
.btn-011,
.btn-013 {
    display: inline-block;
    text-align: center;
    padding: 15px 60px;
    border: 1px solid;
    border-radius: 50px;
    text-transform: uppercase;
}

.btn-01:hover,
.btn-03:hover,
.btn-06:hover,
.btn-07:hover,
.btn-010:hover,
.btn-011:hover,
.btn-013:hover {
    border: 1px solid transparent;
    color: white;
}

.btn-02,
.btn-04,
.btn-05,
.btn-09,
.btn-012,
.btn-add,
.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"],
.ex-module-contact-14 .widget-content form .btn-block input[type="submit"] {
    display: inline-block;
    text-align: center;
    padding: 15px 60px;
    border: 1px solid transparent;
    border-radius: 50px;
    text-transform: uppercase;
    color: white;
}

.btn-02:hover,
.btn-04:hover,
.btn-05:hover,
.btn-09:hover,
.btn-012:hover,
.btn-add:hover,
.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"]:hover,
.ex-module-contact-14 .widget-content form .btn-block input[type="submit"]:hover {
    color: #fff;
}

.btn-03 {
    padding: 10px 30px;
}

.btn-04 {
    padding: 15px 40px;
}

.btn-05 {
    padding: 15px 30px;
}

.btn-05 i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

.btn-05.kopa-with-icon {
    padding: 10px 40px;
}

.btn-06 {
    padding: 15px 30px;
    text-transform: uppercase;
}

.btn-06 i {
    font-size: 30px;
    vertical-align: middle;
    margin-right: 10px;
    display: inline-block;
}

.btn-06.kopa-with-icon {
    padding: 10px 40px;
}

.btn-07 {
    padding: 15px 80px;
}

.btn-08 {
    padding: 10px 45px;
}

.btn-09 {
    padding: 10px 30px;
}

.btn-010 {
    padding: 15px 60px;
}

.btn-011 {
    padding: 15px 40px;
}

.btn-012 {
    padding: 20px 50px;
    border-radius: 3px;
    font-weight: 900;
    text-transform: uppercase;
}

.btn-012:hover {
    border-color: transparent;
}

.btn-013 {
    padding: 10px 40px;
    text-transform: uppercase;
}

.btn-014 {
    display: inline-block;
    text-align: center;
    padding: 15px 60px;
    border: 1px solid;
    border-radius: 50px;
    text-transform: uppercase;
}

.btn-014:hover {
    border: 1px solid transparent;
    color: white;
}

.btn-add {
    display: inline-block;
    width: 150px;
    padding: 8px 0px;
    font-size: 13px;
    line-height: 19px;
    text-align: center;
}

.single_add_to_cart_button {
    display: inline-block;
    padding: 15px 40px !important;
    text-align: center;
    border: 1px solid transparent !important;
    text-transform: uppercase;
    border-radius: 50px !important;
    color: #fff;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-shadow: none !important;
}


/*--- ** ---*/

ul.item-list {
    margin-bottom: 0px;
}

ul.item-list li article:last-child {
    margin-bottom: 0px !important;
}

ul.item-list li:last-child {
    margin-bottom: 0px !important;
}

.white-text-style {
    /*------------- *** -------------*/
    /*------------ * ----------------*/
    /*------------ *** ---------------*/
    /*------------ * ----------------*/
    /*---------- *** -----------*/
    /*--------------- * ------------*/
    /*------------ *** --------------*/
    /*-------------- * -------------*/
    /*----------- *** ------------------*/
    /*----------- * -----------------*/
    /*----------- *** ------------------*/
    /*----------- * ----------------------*/
    /*----------------- ** ----------------*/
    /*----------------- * ------------------*/
    /*---------------- **** ----------------*/
    /*---------------- ** -----------------*/
    /*--------------- *** ---------------*/
    /*-------------- * ------------------*/
    /*------------ *** ------------------*/
    /*------------ * ---------------------*/
    /*------------- *** -------------------*/
    /*-------------- * -------------------*/
    /*------------------ **** ---------------------*/
    /*--------------- *** -------------------*/
    /*---------------- * -------------------*/
    /*-------------- **** -----------------*/
    /*-------------- ** ------------------*/
    /*----------------- **** ----------------*/
    /*---------------- ** -------------------*/
    /*-------------- *** -------------------*/
    /*--------------- ** -------------------*/
    /*------------- *** ------------------*/
    /*----------------- ** -----------------*/
    /*-------------------- *** -------------------*/
    /*------------------- **-----------------------*/
    /*------------------ *** --------------------*/
    /*-------------------- ** ---------------------*/
    /*------------------ ***---------------------*/
    /*--------------------- ** --------------------*/
    /*------------------ *** -----------------*/
    /*------------------ ** -------------------*/
    /*------------------ *** ------------------*/
    /*----------------- **--------------------*/
    /*--------------------- ** ------------------*/
    /*-------------------- * --------------------*/
    /*------------------------- ***-------------------*/
    /*------------------------ * -----------------------*/
    /*-------------------- **** --------------------*/
    /*------------------- ** ------------------------*/
    /*-------------- *** --------------------------*/
    /*------------------- ** ---------------------*/
    /*------------------ **** --------------------*/
    /*------------------ ** ---------------------*/
    /*--------------------- **** ------------------*/
    /*------------------ ** -----------------------*/
    /*----------------- ** ---------------------*/
    /*---------------- * ----------------------*/
    /*------------- ** ----------------------*/
    /*------------------- * ----------------*/
    /*-------------- *** -------------------*/
    /*----------------- ** ------------------*/
    /*---------------- **** -------------------*/
    /*------------------ * --------------------*/
    /*--------------- *** ---------------------*/
    /*--------------- * ----------------------*/
    /*--------------------- *** -------------------*/
    /*--------------------- * -------------------*/
    /*------------------ *** -------------------*/
    /*------------------- * ---------------------*/
    /*------------------- ** ---------------------*/
    /*------------------- * -----------------------*/
    /*-------------------- ****** --------------------*/
    /*------------------ ** ------------------------*/
    /*--- ================ EX-MODULE-PRESENT-9 ============== ---*/
    /*--- ============== END ================= -----*/
    /*------------------ **** ---------------------*/
    /*------------------- ** -----------------------*/
    /*-------------------- *** --------------------*/
    /*-------------------- * ----------------------*/
    /*--------------------- ** ----------------------*/
    /*---------------------- * ---------------------*/
    /*------------------ *** ---------------------*/
    /*---------------- * --------------------------*/
    /*--------------- ********* -----------------*/
    /*---------------- ** -----------------------*/
    /*------------ **** ----------------------*/
    /*------------- ** ---------------------*/
    /*--------------- ****** -------------------*/
    /*----------------- * ----------------------*/
    /*------------ *********** ------------------*/
    /*---------------- * -----------------------*/
    /*----------------- *** ------------------------*/
    /*----------------- ** ------------------------*/
    /*------------------- *** --------------------*/
    /*-----------------  * -----------------------*/
    /*----------------- *** -----------------------*/
    /*----------------- * -------------------------*/
    /*--------------- *********** ---------------*/
    /*------------------ *** ------------------*/
    /*---------------------- *********** -------------------*/
    /*---------------------- *** ---------------------------*/
}

.white-text-style a,
.white-text-style p,
.white-text-style span,
.white-text-style h1,
.white-text-style h2,
.white-text-style h3,
.white-text-style h4,
.white-text-style h5,
.white-text-style h6,
.white-text-style i,
.white-text-style input,
.white-text-style textarea {
    color: white;
}

.white-text-style .ex-module-contact-1 .widget-header .widget-title {
    color: #ffd200;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.white-text-style .ex-module-contact-1 .widget-content .wrap-btn a {
    color: white !important;
    border-color: white;
}

.white-text-style .ex-module-contact-1 .widget-content .wrap-btn a:hover {
    border-color: transparent;
}

.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content p {
    color: #999;
}

.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h1 a,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h2 a,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h3 a,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h4 a,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h5 a,
.white-text-style .ex-module-slider-1 .slider-main .owl-item .entry-item .entry-content h6 a {
    color: black;
}

.white-text-style .ex-module-slider-1 .customNavigation a.btn {
    border-color: white;
    color: white;
}

.white-text-style .ex-module-slider-1 .customNavigation a.btn:hover {
    border-color: #ffd200;
}

.white-text-style .ex-module-slider-1 .customNavigation a.btn:hover span {
    color: #ffd200;
}

.white-text-style .ex-module-contact-2 .widget-header p {
    color: white !important;
}

.white-text-style .ex-module-contact-2 .widget-title p {
    color: white;
}

.white-text-style .ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li .entry-item .entry-thumb figcaption a {
    color: white;
}

.white-text-style .ex-module-list-product-1 .widget-header .widget-title span {
    color: #d5d5d5;
}

.white-text-style .ex-module-our-services-1 .widget-header .widget-title p,
.white-text-style .ex-module-our-services-5 .widget-header .widget-title p {
    color: white;
}

.white-text-style .ex-module-our-services-1 .widget-content .entry-item .entry-content .entry-title a,
.white-text-style .ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a {
    color: #0e8dc1;
}

.white-text-style .ex-module-our-services-1 .widget-content .entry-item .entry-content .entry-title a:hover,
.white-text-style .ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: white;
}

.white-text-style .ex-module-our-services-1 .widget-content .entry-item p,
.white-text-style .ex-module-our-services-5 .widget-content .entry-item p {
    color: white;
}

.white-text-style .ex-module-our-services-1 .widget-content .wrap-button a,
.white-text-style .ex-module-our-services-5 .widget-content .wrap-button a {
    background: white;
    color: #0e8dc1;
}

.white-text-style .ex-module-our-services-1 .widget-content .wrap-button a:hover,
.white-text-style .ex-module-our-services-5 .widget-content .wrap-button a:hover {
    border-color: white;
}

.white-text-style .ex-module-new-lastest-1 .widget-header .widget-title {
    color: white;
}

.white-text-style .ex-module-new-lastest-1 .widget-header .widget-title p {
    font-size: 25px;
    color: white;
}

.white-text-style .ex-module-new-lastest-1 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a {
    color: white;
}

.white-text-style .ex-module-new-lastest-1 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a:hover {
    color: white;
}

.white-text-style .ex-module-new-lastest-1 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .readmore a {
    color: white;
}

.white-text-style .ex-module-404 {
    text-align: center;
}

.white-text-style .ex-module-404 .widget-content .entry-item p {
    color: #fff;
}

.white-text-style .ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content h4 span {
    color: white;
}

.white-text-style .ex-module-slider-3 .widget-content .carousel .carousel-control {
    color: white;
    border-color: white;
}

.white-text-style .ex-module-contact-3 .widget-header .widget-title p {
    color: #d5d5d5;
}

.white-text-style .ex-module-contact-3 .widget-content .ct-form-1 input {
    color: rgba(255, 255, 255, 0.7) !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.white-text-style .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
    color: white !important;
}

.white-text-style .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"]:hover {
    border-color: transparent !important;
}

.white-text-style .ex-module-contact-3 .widget-content .ct-form-1 textarea {
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.white-text-style .ex-module-our-services-2 .widget-content .entry-item .entry-thumb span {
    color: white !important;
}

.white-text-style .ex-module-our-services-2 .widget-content .entry-item .entry-content .entry-title a {
    color: white;
}

.white-text-style .ex-module-our-services-2 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.white-text-style .ex-module-our-services-2 .widget-content .entry-item .entry-content p {
    color: white;
}

.white-text-style .ex-module-our-services-7 .widget-content .entry-item .entry-content p {
    color: #FFF !important;
}

.white-text-style .ex-module-bottom-sidebar-2 .widget-content .entry-item .entry-content ul li a {
    color: #d5d5d5;
}

.white-text-style .ex-module-bottom-sidebar-2 .widget-content .entry-item .entry-content ul li a:hover {
    color: #0e8dc1;
}

.white-text-style .ex-module-bottom-sidebar-2 .widget-content .entry-item .entry-content ul li a i {
    color: #0e8dc1;
}

.white-text-style .ex-module-bottom-sidebar-3 .widget-content ul li .entry-item .entry-content a {
    color: #0e8dc1;
}

.white-text-style .ex-module-bottom-sidebar-3 .widget-content ul li .entry-item .entry-content a:hover {
    color: #ffd200;
}

.white-text-style .ex-module-bottom-sidebar-4 .widget-content .entry-item .entry-content .social-icon-box a i {
    color: #babcbe;
}

.white-text-style .ex-module-bottom-sidebar-4 .widget-content .entry-item .entry-content .social-icon-box a i:hover {
    color: #0e8dc1;
}

.white-text-style .wrap-wg .ex-module-baner-1 .widget-header .widget-title {
    color: #fff;
}

.white-text-style .wrap-wg .ex-module-baner-1 .widget-header p {
    color: #fff;
}

.white-text-style .ex-module-about-us-2 .widget-content p {
    font-size: 16px;
    color: #fff !important;
    margin-bottom: 30px;
}

.white-text-style .ex-module-contact-5 .widget-header .widget-title,
.white-text-style .ex-module-contact-8 .widget-header .widget-title {
    color: white;
}

.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form p,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form p {
    margin-bottom: 0;
}

.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form .input-email input,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form .input-email input {
    border: 1px solid #999;
    background: white;
    color: #999;
}

.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form .btn-block input,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form .btn-block input {
    background: #009cdc;
    color: white;
    border: 1px solid transparent;
}

.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content p,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content p {
    color: #bbb;
}

.white-text-style .ex-module-contact-5 .widget-content .entry-item .entry-content p a,
.white-text-style .ex-module-contact-8 .widget-content .entry-item .entry-content p a {
    color: #bbb;
}

.white-text-style .widget_nav_menu .widget-title {
    color: white;
}

.white-text-style .widget_nav_menu ul li a {
    color: #bbb;
}

.white-text-style .ex-module-article-3 .widget-header .widget-title {
    color: white;
}

.white-text-style .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
    color: #bbb;
}

.white-text-style .ex-module-introduce-1 .widget-header .widget-title {
    color: white;
}

.white-text-style .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
    color: #bbb;
}

.white-text-style .ex-module-introduce-1 .widget-content .entry-item .entry-content .social-icon-box a {
    color: #bbb;
}

.white-text-style .ex-module-about-us-1 .widget-header .widget-title {
    color: white;
}

.white-text-style .ex-module-about-us-1 .widget-header .widget-title p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-about-us-1 .widget-content .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-about-us-1 .widget-content .entry-item .kopa-btn {
    border-color: rgba(255, 255, 255, 0.5) !important;
    color: white !important;
}

.white-text-style .ex-module-about-us-1 .widget-content .entry-item .kopa-btn:hover {
    border-color: transparent !important;
}

.white-text-style .ex-module-introduce-2 .widget-content .entry-item .entry-content span {
    color: #00b5ff;
}

.white-text-style .ex-module-introduce-2 .widget-content .entry-item .entry-content .entry-title {
    color: white;
}

.white-text-style .ex-module-introduce-2 .widget-content .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .ex-module-introduce-2-1 .widget-content ul li:before {
    background: #ffd200;
}

.white-text-style .ex-module-introduce-2-1 .widget-content ul li:after {
    background: rgba(255, 255, 255, 0.2) !important;
}

.white-text-style .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content span {
    color: #00b5ff;
}

.white-text-style .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
    color: white;
}

.white-text-style .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .ex-module-slider-4 .widget-content .entry-item .entry-title {
    color: white;
}

.white-text-style .ex-module-slider-4 .widget-content .entry-item .entry-content p {
    color: white;
}

.white-text-style .ex-module-slider-4 .widget-content .carousel-control {
    color: #fff !important;
    background: none !important;
    border-color: white !important;
}

.white-text-style .ex-module-slider-4 .widget-content .carousel-control:hover {
    border-color: #ffd200 !important;
    opacity: 1;
}

.white-text-style .ex-module-slider-4 .widget-content .carousel-control:hover span {
    color: #ffd200 !important;
}

.white-text-style .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
    color: white;
}

.white-text-style .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title h4 {
    color: white;
}

.white-text-style .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
    color: #d5d5d5;
}

.white-text-style .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .wrap-btn a {
    border-color: white;
    color: white;
}

.white-text-style .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .wrap-btn a:hover {
    border-color: transparent !important;
}

.white-text-style .ex-module-our-services-4 .widget-header p {
    color: #fff !important;
}

.white-text-style .ex-module-our-services-4 .widget-content ul li .entry-item .entry-thumb {
    color: #fff;
}

.white-text-style .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content .entry-title h4 a {
    color: white !important;
}

.white-text-style .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content .entry-title h4 a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content p {
    color: white !important;
}

.white-text-style .kopa-breadcrumb h3 {
    color: white;
}

.white-text-style .kopa-breadcrumb .breadcrumb-content {
    color: white;
}

.white-text-style .kopa-breadcrumb .breadcrumb-content p {
    color: #cccdce;
}

.white-text-style .kopa-breadcrumb .breadcrumb-content span {
    transition: 0.5s;
}

.white-text-style .kopa-breadcrumb .breadcrumb-content span a {
    color: white;
}

.white-text-style .ex-module-introduce-3 .widget-content .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-article-2 .customNavigation .btn {
    border: 2px solid #fff;
    color: #fff;
}

.white-text-style .ex-module-article-2 .customNavigation .btn:hover {
    color: #ffd200;
    border-color: #ffd200;
}

.white-text-style .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a {
    color: #fff;
}

.white-text-style .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content .kopa-readmore {
    color: #fff;
}

.white-text-style .ex-module-download .widget-title {
    color: #fff !important;
}

.white-text-style .ex-module-download .widget-content .entry-item ul li i {
    color: #ffd200 !important;
}

.white-text-style .ex-module-download .widget-content .entry-item ul li a {
    color: #fff;
}

.white-text-style .ex-module-download .widget-content .entry-item ul li a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-contact-7 .widget-content .entry-item p {
    color: #fff !important;
}

.white-text-style .ex-module-present .widget-content .entry-item .entry-content p,
.white-text-style .ex-module-present-5 .widget-content .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #fff;
}

.white-text-style .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a {
    color: #fff !important;
}

.white-text-style .ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-our-services-5 .widget-content .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-slider-7 .widget-header .widget-title p {
    color: #fff !important;
}

.white-text-style .ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-title a {
    color: #fff !important;
}

.white-text-style .ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-title a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-present-2 .widget-header .widget-title span {
    color: #ffd200 !important;
}

.white-text-style .ex-module-present-2 .widget-content p {
    color: #fff !important;
}

.white-text-style .ex-module-present-2 .widget-content ul li i {
    color: #ffd200 !important;
}

.white-text-style .ex-module-present-2 .widget-content ul li a {
    color: #fff !important;
}

.white-text-style .ex-module-present-2 .widget-content ul li a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-present-3 .widget-content ul li .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li i {
    color: #ffd200 !important;
}

.white-text-style .ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li a {
    color: #fff !important;
}

.white-text-style .ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}

.white-text-style .ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title a {
    color: #fff !important;
}

.white-text-style .ex-module-present-4 .widget-content .entry-item .entry-content .entry-header p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.white-text-style .ex-module-present-9 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #fff;
}

.white-text-style .ex-module-present-9 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #ffd200;
}

.white-text-style .ex-module-present-9 .widget-content ul li .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-counter-6 .widget-content .entry-item .entry-content .entry-title a {
    color: #fff !important;
}

.white-text-style .ex-module-counter-6 .widget-content .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7) !important;
}

.white-text-style .ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    text-transform: uppercase;
}

.white-text-style .ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #fff !important;
}

.white-text-style .ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-article-4 .widget-content ul li .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: white !important;
}

.white-text-style .ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-meta .entry-date {
    color: #ffd200 !important;
}

.white-text-style .ex-module-slider-10 .widget-content .entry-item .entry-thumb {
    color: #ffd200 !important;
}

.white-text-style .ex-module-slider-10 .widget-content .entry-item .entry-content p {
    color: #fff !important;
}

.white-text-style .ex-module-slider-10 .widget-content .entry-item .entry-content a {
    color: #fff !important;
}

.white-text-style .ex-module-slider-10 .widget-content .entry-item .entry-content a:hover {
    color: #ffd200 !important;
}

.white-text-style .ex-module-slider-10 .widget-content .owl-controls .owl-pagination .owl-page span {
    background: #e4e4e4;
}

.white-text-style .ex-module-slider-10 .widget-content .owl-controls .owl-pagination .owl-page.active span {
    background: #ffd200 !important;
}

.white-text-style .ex-module-feature-2 .widget-header .sub-title {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-feature-2 .widget-content .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-feature-2 .widget-content .entry-item .entry-content .kopa-btn {
    text-transform: uppercase;
    color: #fff !important;
    border-color: rgba(255, 255, 255, 0.7) !important;
}

.white-text-style .ex-module-feature-2 .widget-content .entry-item .entry-content .kopa-btn:hover {
    border-color: transparent !important;
}

.white-text-style .ex-module-our-services-6 .widget-header .widget-title {
    color: #fff !important;
}

.white-text-style .ex-module-our-services-6 .widget-header .sub-title {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-our-services-6 .widget-content ul li .entry-item .entry-content .entry-title h4 a {
    color: #fff !important;
}

.white-text-style .ex-module-our-services-6 .widget-content ul li .entry-item .entry-content p {
    color: rgba(255, 255, 255, 0.7);
}

.white-text-style .ex-module-accordion-6 .widget-header .sub-title {
    color: #d5d5d5 !important;
}

.white-text-style .kopa-accordion-1 .panel-group .panel .panel-collapse .panel-body {
    color: #d5d5d5 !important;
}

.white-text-style .color-title-1 {
    color: #fff !important;
}

.white-text-style .color-title-1 a {
    color: #fff !important;
}

.white-text-style .color-title-2 {
    color: #fff !important;
}

.white-text-style .color-title-2 a {
    color: #fff !important;
}

.white-text-style .color-title-3 {
    color: #fff !important;
}

.white-text-style .color-title-3 a {
    color: #fff !important;
}

.white-text-style .widget-header.style-01 .widget-title {
    color: #fff;
}

.white-text-style .widget-header.style-01 .sub-title {
    color: #d5d5d5;
}

.white-text-style .widget-header.style-04 .widget-title {
    color: #fff;
}

.white-text-style .widget-header.style-04 .sub-title {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .widget-header.style-10 .widget-title {
    color: #fff;
}

.white-text-style .widget-header.style-10 .sub-title {
    color: #fff;
}

.white-text-style .btn-01,
.white-text-style .btn-03,
.white-text-style .btn-06,
.white-text-style .btn-07,
.white-text-style .btn-010,
.white-text-style .btn-011,
.white-text-style .btn-013 {
    border-color: #fff;
    color: #fff;
}

.white-text-style .btn-01:hover,
.white-text-style .btn-03:hover,
.white-text-style .btn-06:hover,
.white-text-style .btn-07:hover,
.white-text-style .btn-010:hover,
.white-text-style .btn-011:hover,
.white-text-style .btn-013:hover {
    border-color: transparent;
}

.white-text-style .btn-02,
.white-text-style .btn-04,
.white-text-style .btn-05,
.white-text-style .btn-09,
.white-text-style .btn-012,
.white-text-style .btn-add,
.white-text-style .ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"],
.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item .white-text-style input[type="submit"],
.white-text-style .ex-module-contact-14 .widget-content form .btn-block input[type="submit"],
.ex-module-contact-14 .widget-content form .btn-block .white-text-style input[type="submit"] {
    border-color: transparent;
}

.white-text-style .main-nav.style-01 .main-menu li a {
    color: #fff;
}

.white-text-style .main-nav.style-03 .main-menu li a {
    color: #fff;
}

.white-text-style .main-nav.style-03 .main-menu li a:hover {
    color: #ffd200;
}

.white-text-style .main-nav.style-04 .main-menu .curent-menu-item a {
    color: #fff;
}

.white-text-style .main-nav.style-04 .main-menu .curent-menu-item a:before {
    opacity: 1;
}

.white-text-style .main-nav.style-04 .main-menu li a {
    color: #fff;
}

.white-text-style .main-nav.style-04 .main-menu li a:hover:before {
    opacity: 1;
}

.white-text-style .main-nav.style-04 .main-menu li a:before {
    background: #fff;
}

.white-text-style .main-nav.style-05 .main-menu li a {
    color: #fff;
}

.white-text-style .main-nav.style-05 .main-menu li a:after {
    opacity: 0;
}

.white-text-style .main-nav.style-06 .main-menu .curent-menu-item a {
    color: #fff;
}

.white-text-style .main-nav.style-06 .main-menu li a {
    color: #fff;
}

.white-text-style .humberger-menu.style-07 i,
.white-text-style .humberger-menu.style-07 span {
    color: #fff;
}

.white-text-style.kopa-page-header-10 .kopa-header-bottom .humberger-menu.style-07 i,
.white-text-style.kopa-page-header-10 .kopa-header-bottom .humberger-menu.style-07 span {
    color: #fff;
}

.white-text-style .kopa-social-links.style-02 a {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .kopa-social-links.style-03 li a {
    color: #fff;
}

.white-text-style.kopa-page-header-5 .kopa-header-top .kopa-social-links.style-02 a:hover {
    color: #fff;
}

.white-text-style .kopa-list-item-header li i,
.white-text-style .kopa-list-item-header li span {
    color: #fff;
}

.white-text-style .kopa-list-item-header li a {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .kopa-cartdrop-down-1.style-01 .dropdown-toggle {
    color: rgba(255, 255, 255, 0.8);
}

.white-text-style .kopa-cartdrop-down-1.style-01 .dropdown-toggle i {
    color: #fff;
}

.white-text-style .kopa-dropdown-header.style-01 .dropdown-toggle {
    color: #fff;
}

.white-text-style .kopa-dropdown-header.style-01 .dropdown-toggle i,
.white-text-style .kopa-dropdown-header.style-01 .dropdown-toggle span {
    color: #fff;
}


/*--------- end setup color --------------*/


/*-------- transition set up ---------------*/

a,
input,
select,
button,
textarea,
.slider-area .main-nav-hidden .main-menu-hidden li a span {
    transition-duration: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}


/*------- style setup -------*/

* {
    padding: 0;
    margin: 0;
}

.no-padding {
    padding-left: 0;
    padding-right: 0;
}

p {
    margin-bottom: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    display: block;
    margin: 0 0 15px;
}

h1,
.h1 {
    font-size: 36px;
    line-height: 44px;
}

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

h3,
.h3 {
    font-size: 24px;
    line-height: 32px;
}

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

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

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

a {
    /*color: $color-primary;*/
    text-decoration: none !important;
    outline: none !important;
}

a:hover,
a:focus,
a.active {
    /*  @extend %main_color;*/
}

ol {
    counter-reset: item;
    display: block;
    margin: 5px 0;
    padding: 0 0 0 40px;
}

ul {
    list-style: none;
}

ul li {
    list-style: none;
}

ul li > ol > li {
    list-style: inside decimal;
}

ol li ol li,
ul li ol li ol li {
    list-style: lower-alpha inside none;
}

ol li {
    list-style: inside decimal;
    margin-bottom: 10px;
}

ol li > ul,
ul li > ol {
    margin-top: 10px;
    margin-left: 10px;
}

ol li > ul > li {
    list-style: inside square;
}

textarea {
    resize: vertical;
}

img {
    max-width: 100%;
    height: auto;
}

input,
select,
button,
textarea {
    outline: none !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none !important;
    box-shadow: none !important;
}

p.reset {
    margin: 0;
}

p:last-child {
    margin: 0;
}

cite,
em,
var,
address,
dfn {
    font-style: italic;
}

i {
    font-style: normal;
}

p i {
    font-style: italic;
}

iframe {
    border: none;
    width: 100%;
}

blockquote {
    border-left: 0px;
}

::-webkit-input-placeholder {
    color: #c7c7c7;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #c7c7c7;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #c7c7c7;
}

:-ms-input-placeholder {
    color: #c7c7c7;
}

html {
    overflow-x: hidden;
}

body {
    /*font-family: $font-secondary;*/
    /*@extend %text_format;*/
    font-weight: 400;
    /*color: $color-secondary;*/
    /*background: $cl-001;*/
    /*overflow: hidden;*/
}

.main-container {
    /*background: $cl-001;*/
    transition-duration: 0.1s;
}

.main-container.scale-down {
    transition-duration: 0.4s;
}

.body-overlay,
.body-background {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.5);
    transition-duration: 0.1s;
    z-index: -1;
}

.body-overlay.active,
.active.body-background {
    z-index: 99999999;
    transition-duration: 0.4s;
}

.body-background {
    /* background: $cl-002;*/
    z-index: -2;
}


/*___________ 1.2.2 Basic Structure Class ___________*/

.alignleft {
    float: left;
}


/*______________ fix class __________*/

.kopa-pull-left {
    float: left;
}

.kopa-pull-right {
    float: right;
}

.kopa-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.kopa-txt-right {
    text-align: right;
}

.kopa-txt-left {
    text-align: left;
}

.kopa-txt-center {
    text-align: center;
}


/*_____________ end __________*/

.alignright {
    float: right;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

figure.wp-caption.alignleft,
img.alignleft {
    margin: 5px 30px 15px 0;
}

.wp-caption.alignleft {
    margin: 5px 10px 5px 0;
}

figure.wp-caption.alignright,
img.alignright {
    margin: 5px 0 5px 30px;
}

.wp-caption.alignright {
    margin: 5px 0 5px 10px;
}

img.aligncenter {
    margin: 5px auto;
}

img.alignnone {
    margin: 5px 0;
}

.entry-box .entry-content img,
.entry-summary img,
.comment-content img,
.widget img,
.wp-caption {
    max-width: 100%;
    height: auto;
}

.entry-box .entry-content address {
    font-style: italic;
}

.text-hover {
    /* @extend %main_color;*/
}

.kopa-text-light {
    font-weight: 300;
}

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

.kopa-text-bold {
    font-weight: 600;
}

.kopa-text-black {
    font-weight: 900;
}

.kopa-txt-upp {
    text-transform: uppercase;
}

.kopa-txt-cap {
    text-transform: capitalize;
}

.txt-main-color {
    /* @extend %main_color;*/
}

button {
    background: none;
    text-shadow: none;
}


/*------------ style section --------------------*/


/*------------- end style section ---------------*/


/*------------ style position -------------*/

.po-static {
    position: static !important;
}

.po-static:before {
    display: none;
}

.po-abs {
    position: absolute !important;
}

.po-rel {
    position: relative !important;
}


/*------------- end ---------------------*/


/*---------------- style title ------------------*/

.item-title.style-01 {
    font-size: 20px;
    font-family: "lato";
    text-transform: uppercase;
    padding-left: 15px;
}

.item-title.style-02 {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato';
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
}

.item-title.style-02 span {
    position: relative;
}

.item-title.style-02 span:before {
    content: "";
    width: 35px;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    right: 110%;
    position: absolute;
}

.item-title.style-02 span:after {
    content: "";
    width: 35px;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    left: 110%;
    position: absolute;
}

.clear-transform {
    text-transform: normal !important;
}

.bold-txt {
    font-weight: bold;
}

.widget-header.style-01 {
    margin-bottom: 50px;
    padding-left: 25px;
    position: relative;
}

.widget-header.style-01 .sub-title {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.widget-header.style-01 .widget-title {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
}

.widget-header.style-01 p {
    font-size: 16px;
    margin-bottom: 40px;
    line-height: 24px;
}

.widget-header.style-01:before {
    content: "";
    background: #ffd200;
    width: 8px;
    height: 90%;
    position: absolute;
    left: 0;
    top: 5%;
}

.widget-header.style-02 {
    position: relative;
    text-align: center;
}

.widget-header.style-02 .widget-title {
    margin-bottom: 0;
}

.widget-header.style-02 .sub-title {
    line-height: 25px;
}

.widget-header.style-03 {
    position: relative;
    text-align: center;
    margin-bottom: 50px;
}

.widget-header.style-03 .widget-title {
    margin-bottom: 15px;
    font-weight: 900;
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
}

.widget-header.style-03 .sub-title {
    line-height: 25px;
    font-size: 18px;
}

.widget-header.style-03 p {
    line-height: 25px;
    font-size: 18px;
}

.widget-header.style-04 {
    text-align: center;
    margin-bottom: 50px;
}

.widget-header.style-04 .widget-title {
    font-size: 35px;
    color: #333;
    line-height: 45px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 5px !important;
}

.widget-header.style-04 .sub-title {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    color: #333;
    margin-bottom: 20px;
}

.widget-header.style-04 p {
    color: #666;
    font-size: 16px;
    line-height: 25px;
}

.widget-header.style-05 {
    position: relative;
    padding-left: 32px;
    margin-bottom: 50px;
}

.widget-header.style-05:before {
    content: "";
    width: 8px;
    height: 90%;
    top: 5%;
    position: absolute;
    left: 0;
}

.widget-header.style-05 .widget-title {
    font-weight: 900;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 40px;
}

.widget-header.style-05 .sub-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 5px;
    color: #d5d5d5;
}

.widget-header.style-06 {
    position: relative;
    padding-left: 85px;
    margin-bottom: 50px;
}

.widget-header.style-06:before {
    content: "";
    background: #ffd200;
    width: 30px;
    height: 96%;
    top: 2%;
    position: absolute;
    left: 0;
}

.widget-header.style-06 .widget-title {
    font-weight: 900;
    font-size: 35px;
    line-height: 41px;
    text-transform: uppercase;
}

.widget-header.style-06 .sub-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 5px;
    color: #666;
}

.widget-header.style-07 {
    position: relative;
    padding-left: 32px;
    margin-bottom: 30px;
}

.widget-header.style-07:before {
    content: "";
    width: 8px;
    height: 90%;
    top: 5%;
    position: absolute;
    left: 0;
}

.widget-header.style-07 .widget-title {
    font-weight: 900;
    font-size: 35px;
    text-transform: uppercase;
    line-height: 40px;
}

.widget-header.style-07 .sub-title {
    font-size: 20px;
    text-transform: capitalize;
    line-height: 20px;
    margin-bottom: 5px;
    color: #666;
}

.widget-header.style-08 {
    margin-bottom: 30px;
}

.widget-header.style-08 .widget-title {
    margin-bottom: 20px !important;
    font-weight: 400;
    line-height: 26px;
    padding-left: 23px;
    font-size: 20px;
    position: relative;
    font-family: "lato";
    text-transform: uppercase;
}

.widget-header.style-08 .widget-title:before {
    content: "";
    width: 3px;
    height: 60%;
    top: 20%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.widget-header.style-08 .sub-title {
    font-size: 16px;
    line-height: 22px;
}

.widget-header.style-08 p {
    font-size: 16px;
    line-height: 22px;
}

.widget-header.style-09 {
    margin-bottom: 30px;
    text-align: center;
}

.widget-header.style-09 .widget-title {
    font-size: 20px;
    font-weight: bold;
    font-family: 'Lato';
    line-height: 30px;
    text-transform: uppercase;
    margin-bottom: 5px;
    text-align: center;
}

.widget-header.style-09 .widget-title span {
    position: relative;
}

.widget-header.style-09 .widget-title span:before {
    content: "";
    width: 35px;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    right: 110%;
    position: absolute;
}

.widget-header.style-09 .widget-title span:after {
    content: "";
    width: 35px;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    left: 110%;
    position: absolute;
}

.widget-header.style-09 .sub-title {
    font-size: 16px;
    line-height: 22px;
    color: #666;
}

.widget-header.style-10 {
    margin-bottom: 30px;
}

.widget-header.style-10 .widget-title {
    font-weight: 600;
    line-height: 45px;
    padding-left: 25px;
    font-size: 40px;
    position: relative;
    font-family: "lato";
    text-transform: uppercase;
}

.widget-header.style-10 .widget-title:before {
    content: "";
    width: 8px;
    height: 85%;
    top: 7.5%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.widget-header.style-10 .sub-title {
    font-size: 20px;
    padding-left: 40px;
    display: block;
}

.widget-header.style-11 {
    margin-bottom: 50px;
    position: relative;
}

.widget-header.style-11 .widget-title {
    font-size: 35px;
    line-height: 40px;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-left: 25px;
    position: relative;
    margin-bottom: 30px;
}

.widget-header.style-11 .widget-title span {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #666;
    display: block;
    font-weight: 400;
}

.widget-header.style-11 .widget-title:before {
    content: "";
    background: #ffd200;
    width: 8px;
    height: 90%;
    position: absolute;
    left: 0;
    top: 5%;
}

.widget-header.style-11 .sub-title {
    font-size: 20px;
    line-height: 26px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: #666;
    font-weight: 400;
}

.widget-header.style-11 p {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
    line-height: 24px;
}

.widget-header.style-12 {
    text-align: center;
    margin-bottom: 50px;
}

.widget-header.style-12 .widget-title {
    font-size: 35px;
    font-weight: 900px;
    color: #333;
    line-height: 45px;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.widget-header.style-12 .sub-title {
    font-size: 16px;
    color: #666;
    line-height: 24px;
    margin-bottom: 0px;
}

.widget-header.style-13 {
    text-align: center;
    margin-bottom: 50px;
}

.widget-header.style-13 .widget-title {
    font-size: 35px;
    font-weight: 900px;
    color: #333;
    line-height: 45px;
    margin-bottom: 30px !important;
    text-transform: uppercase;
}

.widget-header.style-13 .sub-title {
    font-size: 18px;
    color: #666;
    line-height: 24px;
    margin-bottom: 0px;
}

.widget-header.style-13 p {
    font-size: 18px;
    color: #666;
    line-height: 24px;
}

.widget-header.style-404 {
    margin-bottom: 30px;
    text-align: center;
}

.widget-header.style-404 .widget-title {
    font-size: 200px;
    line-height: 210px;
    color: #e0e0e0;
    font-family: lato;
    margin-bottom: 50px;
}

.widget-header.style-404 .sub-title {
    font-size: 20px;
    text-transform: uppercase;
}

.h1 {
    font-size: 35px;
    line-height: 45px;
}

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

.h3 {
    font-size: 25px;
    line-height: 31px;
}

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

.h5-1 {
    font-size: 16px;
    line-height: 22px;
}

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

.color-title-1 {
    color: #0e8dc1;
}

.color-title-1 a {
    color: #0e8dc1;
}

.color-title-2 {
    color: #ffd200;
}

.color-title-2 a {
    color: #ffd200;
}

.color-title-3 {
    color: #666;
}

.color-title-3 a {
    color: #666;
}

.size-black {
    font-weight: 900;
}

.size-bold {
    font-weight: 600;
}

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

.size-light {
    font-weight: 300;
}

.clear-transform {
    text-transform: none !important;
}

.kopa-title-1 {
    line-height: 40px;
    padding-left: 32px;
    font-size: 35px;
    position: relative;
    text-transform: uppercase;
}

.kopa-title-1:before {
    content: "";
    width: 8px;
    height: 90%;
    top: 5%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-1 span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-2 {
    line-height: 40px;
    padding-left: 80px;
    font-size: 35px;
    position: relative;
}

.kopa-title-2:before {
    content: "";
    width: 30px;
    height: 96%;
    top: 2%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-2 span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-3 {
    font-weight: 900;
    line-height: 45px;
    padding-left: 25px;
    font-size: 40px;
    position: relative;
    font-family: "lato";
}

.kopa-title-3:before {
    content: "";
    width: 8px;
    height: 85%;
    top: 7.5%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-3 span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-4 {
    margin-bottom: 30px;
    font-weight: 400;
    line-height: 26px;
    padding-left: 23px;
    font-size: 20px;
    position: relative;
    font-family: "lato";
    text-transform: uppercase;
}

.kopa-title-4:before {
    content: "";
    width: 3px;
    height: 60%;
    top: 20%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-4 p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    text-transform: capitalize;
}

.kopa-title-5 {
    font-weight: 900;
    line-height: 40px;
    padding-left: 22px;
    font-size: 35px;
    position: relative;
}

.kopa-title-5:before {
    content: "";
    width: 8px;
    height: 90%;
    top: 5%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-5 span {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-6 {
    font-weight: 900;
    text-align: center;
    font-size: 35px;
    line-height: 45px;
    text-transform: uppercase;
}

.kopa-title-6 span {
    display: block;
    font-size: 20px;
    line-height: 26px;
    text-transform: none;
    font-weight: 400;
}

.kopa-title-6 span .focus {
    display: inline-block;
    font-size: 35px;
    font-weight: 900;
}

.kopa-title-7,
.ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
    font-weight: 600;
    line-height: 45px;
    padding-left: 25px;
    font-size: 40px;
    position: relative;
    font-family: "lato";
}

.kopa-title-7:before,
.ex-module-slider-pro-1 .slider-pro p.kopa-title-7:before {
    content: "";
    width: 8px;
    height: 85%;
    top: 7.5%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-7 span,
.ex-module-slider-pro-1 .slider-pro p.kopa-title-7 span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-8 {
    font-size: 26px;
    line-height: 50px;
    margin-bottom: 0;
    text-transform: none !important;
    font-weight: 400;
}

.kopa-title-9 {
    line-height: 26px;
    padding-left: 21px;
    font-size: 20px;
    position: relative;
    text-transform: uppercase;
}

.kopa-title-9:before {
    content: "";
    width: 4px;
    height: 80%;
    top: 10%;
    left: 0;
    position: absolute;
    background: #ffd200;
}

.kopa-title-9 span {
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
}

.kopa-title-10 {
    margin-bottom: 50px;
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    font-weight: 400;
    text-transform: none !important;
}

.kopa-title-11 {
    margin-bottom: 30px;
    font-weight: 400;
    font-size: 20px;
    line-height: 26px;
}

.kopa-title-12 {
    margin-bottom: 30px;
    font-size: 18px;
    text-transform: uppercase;
    line-height: 24px;
    font-weight: 600;
}


/*--------------- end style title --------------*/


/*--------------- style text ------------------*/

.kopa-txt-style-01 {
    font-weight: 900;
    font-size: 35px;
    line-height: 40px;
}

.kopa-txt-style-02 {
    font-weight: 600;
}

.kopa-txt-style-03,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a {
    font-weight: 900;
    font-size: 55px;
    line-height: 65px;
    display: inline-block;
}

.kopa-txt-style-03:hover,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a:hover {
    color: #fff;
}

.kopa-txt-style-04,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-04 {
    font-weight: 300;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
}

.kopa-txt-style-05,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-05 {
    font-weight: 600;
    font-size: 30px;
    line-height: 36px;
    text-transform: uppercase;
}

.kopa-txt-style-06,
.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-06 {
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
}


/*--------------- end -------------------------*/


/*--------------- triangle --------------------*/

.kopa-triangle-1 {
    z-index: 99;
}

.kopa-triangle-1:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #f7f7f7;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%, 0%);
}


/*----------------- end ------------------------*/


/*----------------- line style -------------------------*/

.kopa-line-style-01 {
    display: block;
    width: 450px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
}

.kopa-line-style-02 {
    width: 1px;
    height: 14px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px 10px;
    vertical-align: middle;
}


/*----------------- end -----------------------------------*/

@font-face {
    font-family: 'extransport';
    src: url("fonts/ex-font/extransporteaf4eaf4.php?nz3epr");
    src: url("fonts/ex-font/extransporteaf4eaf4.php?nz3epr#iefix") format("embedded-opentype"), url("fonts/ex-font/extransporteaf4eaf4-2.php?nz3epr") format("truetype"), url("fonts/ex-font/extransporteaf4eaf4-3.php?nz3epr") format("woff"), url("fonts/ex-font/extransporteaf4eaf4-4.php?nz3epr#extransport") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'star';
    src: url("fonts/star/stareaf4eaf4.php?nz3epr");
    src: url("fonts/star/stareaf4eaf4.php?nz3epr#iefix") format("embedded-opentype"), url("fonts/star/stareaf4eaf4-2.php?nz3epr") format("truetype"), url("fonts/star/stareaf4eaf4-3.php?nz3epr") format("woff"), url("fonts/star/stareaf4eaf4-4.php?nz3epr#extransport") format("svg");
    font-weight: normal;
    font-style: normal;
}


/*------------- =========================== SETUP IMPORT ========================= ---------------*/


/*------------- ============================ STYLE HOME 1 ======================= -------------------*/


/*----------- main content ---------*/


/*--------------- kopa area 1 ----------*/


/*------------------ end -------------------- */


/*------------ kopa area 2 ------------------*/


/*------ end kopa area 2 ---*/


/*-------- kopa area 3 -------*/

.kopa-area-3 {
    padding-bottom: 0;
}


/*-------- end kopa area 3 ------*/


/*--------- kopa area 4 -----*/


/*---------- end kopa area 4 ---*/


/*--------- kopa area 5 -------*/

.kopa-area-5 {
    background: url(img/bg-1.php) top center;
    background-attachment: fixed;
    background-size: cover;
    padding-bottom: 0;
}

.kopa-area-5:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 56, 94, 0.4);
}

.kopa-area-5 .ct-col-05 .widget .widget-header .widget-title {
    color: #333;
}

.kopa-area-5 .ct-col-05 .widget .entry-title a {
    color: #333 !important;
}

.kopa-area-5 .ct-col-05 .widget p {
    color: #666 !important;
}


/*----------- end kopa are 5 ------*/


/*------------ kopa area 6 ----------*/

.kopa-area-6 {
    padding: 50px 0px;
    background: #0a1e34;
}


/*------------ end kopa area 6 ---------*/


/*------------- kopa area 7 ------------*/


/*------------ end kopa area 7 -----------*/


/*------------ kopa area 8 ----------------*/

.kopa-area-8 {
    background: #f7f7f7;
    padding: 65px 0px;
}

.kopa-area-8.style-01 {
    background: #eee;
}

.kopa-area-8.home-2-kopa-area {
    padding-bottom: 100px;
}


/*--------------- end kopa area 8 -----------*/


/*--------------- kopa area 9 ------------*/

.kopa-area-9 {
    background: url(img/bg-2.php) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 0;
}

.kopa-area-9:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 56, 94, 0.6);
    width: 100%;
}

.kopa-area .ct-col-06 {
    background: rgba(10, 30, 52, 0.6);
    padding: 100px 80px;
}

.kopa-area .ct-col-07 {
    padding: 100px 80px;
    padding-bottom: 0;
}


/*------------ end kopa area 9 -----------*/


/*------------- kopa area 10 -------------*/

.kopa-area-10 {
    padding: 115px 0px;
    background: url(img/bg-3-blur.php) top center no-repeat;
}


/*-------------- end kopa area 10 --------*/


/*------------ kopa area 11 ---------------*/

.kopa-area-11 {
    padding: 40px 0px;
    background: url(img/bg-4.php) top center no-repeat;
    background-size: cover;
}

.kopa-area-11:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    width: 100%;
}


/*------------- and kopa area 11 ------------*/


/*---------- end main content ------*/

.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-box .comment-respond form .input-email input {
    color: #c3c6c9;
    font-size: 14px;
}


/*------------- end bottom sidebar -----------*/


/*------------- ============================ end style hom1 ======================= -------------------*/


/*-----------=========================== style home 2 ========================------------------------*/


/*--------- main content -----------*/


/*------- kopa area 14 --------*/


/*------- end kopa area 14-1 ------*/


/*---------- kopa area 15 ------------*/

.kopa-area-15 {
    background: url(img/bg-3-blur.php) top center no-repeat;
    background-attachment: fixed;
}


/*---------- end kopa area 15 ---------*/


/*--------- kopa area 16 --------------*/

.kopa-area-16 {
    padding: 115px 0px 0px 0px;
    background: url(img/bg-6.php) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    overflow: hidden;
}

.kopa-area-16:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 39, 57, 0.5);
    width: 100%;
}

.kopa-area-16 .ex-module-contact-15 {
    margin-bottom: 145px !important;
}

.kopa-area-16 .ct-col-06 {
    padding-bottom: 115px;
    padding-top: 85px;
    background: rgba(0, 156, 220, 0.7);
}

.kopa-area-16 .ct-col-06:before {
    width: 100%;
    height: 30px;
    background: rgba(0, 156, 220, 0.7);
    top: -30px;
    left: -30px;
    position: absolute;
    content: "";
}

.kopa-area-16 .ct-col-06:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid rgba(0, 156, 220, 0.7);
    position: absolute;
    top: -45px;
    z-index: 0;
    right: 0;
}

.kopa-area-16 .ct-col-08 {
    padding: 85px 80px;
    padding-bottom: 115px;
    background: rgba(10, 30, 52, 0.6);
}

.kopa-area-16 .ct-col-08:before {
    width: 100%;
    height: 30px;
    background: rgba(10, 30, 52, 0.6);
    top: -30px;
    right: -30px;
    position: absolute;
    content: "";
}

.kopa-area-16 .ct-col-08:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-left: 30px solid transparent;
    border-bottom: 30px solid rgba(10, 30, 52, 0.6);
    position: absolute;
    top: -45px;
    z-index: 0;
    left: 0;
}


/*--- ==== END === ---*/


/*------------ end kopa area 16 ----------*/


/*------------ kopa area 17 -------------*/

.kopa-area-17 {
    padding: 0;
}

.kopa-area-17 .ex-module-car-thumb-1 {
    margin-bottom: 0;
}


/*------------ end kopa area 17 ---------*/


/*----------- kopa area 18 ------------*/

.kopa-area-18 {
    background: url(img/bg-3-blur.php) top center no-repeat;
    background-attachment: fixed;
    padding: 115px 0px;
}


/*------------ end kopa area 18 ----------*/


/*------------ kopa area 19 ---------------*/

.kopa-area-19 {
    padding: 115px 0px;
    background: url(img/bg-7.php);
    background-size: cover;
    background-attachment: fixed;
    z-index: 9;
}

.kopa-area-19:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(10, 30, 52, 0.6);
    width: 100%;
}

.kopa-area-19 .kopa-top-edge:nth-child(odd) {
    width: 50%;
    height: 30px;
    position: absolute;
    background: rgba(0, 85, 135, 0.9);
    transform: skew(45deg);
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    top: -30px;
    left: -15px;
}

.kopa-area-19 .kopa-top-edge:nth-child(even) {
    width: 50%;
    height: 30px;
    position: absolute;
    background: rgba(0, 85, 135, 0.9);
    transform: skew(45deg);
    -ms-transform: skew(45deg);
    -webkit-transform: skew(45deg);
    top: -30px;
    right: -15px;
}


/*---------------- end kopa area 19 -----------*/


/*------- end main content ---------*/


/*---------=============================== end style home 2 ========================------------------------*/


/*--------============================= style home 3 ================================----------------------*/


/*---------------- hidden content -----------------*/


/*----- hidden content at home 1 & 2-------*/

.wrap-hidden-content {
    position: absolute;
    width: 100%;
    top: 100%;
    left: 0;
    padding: 34px 0px;
    z-index: 99;
    text-align: center;
    display: none;
}

.wrap-hidden-content p {
    font-size: 35px;
    color: white;
    font-weight: bold;
}

.wrap-hidden-content .btn-off {
    position: absolute;
    right: 100px;
    top: 50%;
    font-size: 35px;
    color: white;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    cursor: pointer;
    transition: 0.5s;
}

.wrap-hidden-content form button {
    font-size: 35px;
    line-height: 0;
    vertical-align: middle;
    border: none;
    margin-right: 10px;
    color: white;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.wrap-hidden-content form input[type="text"] {
    height: 35px;
    width: 90%;
    border: none;
    padding: 0px 20px;
    color: #eee;
}


/*---------------- end ----------------*/


/*------------------ end --------------------------*/


/*---------------- main content home 3 ------------------*/


/*--------------- kopa area 20 --------------------*/

.kopa-area-20 {
    padding-bottom: 0px;
    background: url(img/bg-8.php) center center no-repeat;
    background-size: cover;
}

.kopa-area-20:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 33, 53, 0.75);
    width: 100%;
}

.kopa-area-20 .wrap-slider-intro {
    padding: 150px 0px;
}

.kopa-area-20 .ct-col-10 {
    padding: 30px 0px;
    background: rgba(0, 156, 220, 0.8);
}


/*------------------ end kopa area 20 ---------------*/


/*----------------- kopa area 21 -------------------*/

.kopa-area-21 {
    padding: 0;
}

.kopa-area-21 .ct-col-09 {
    padding: 115px 0px;
    background: #f7f7f7;
    padding-left: 100px;
    padding-right: 50px;
}

.kopa-area-21 .wrap-img-1 {
    min-height: 384px;
    background-size: cover;
}


/*----------------- end kopa area 21 ---------------*/


/*----------------- kopa area 22 --------------------*/

.kopa-area-22 {
    padding: 100px 0px;
}


/*---------------------- end ------------------------*/


/*----------------------- kopa area 23 -----------------*/

.kopa-area-23 {
    background: url(img/bg-2.php) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.kopa-area-23:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 56, 94, 0.8);
    width: 100%;
}

.kopa-area-23 .ct-col-06 {
    padding: 65px 80px;
}

.kopa-area-23 .ct-col-03 {
    padding: 0;
}


/*----------------------- end kopa area 23 ---------------*/


/*----------------- end main content home 3 -------------*/


/*-----------========================= end style home 3 =============================-----------------------*/


/*------------- ============================style 404 ========================== ---------------------*/


/*------------------ kopa area 24 -------------*/

.kopa-area-24,
.kopa-area-34,
.kopa-area-44,
.kopa-area-46,
.kopa-area-49 {
    padding: 80px 0px 25px 0px;
    background: url(img/img-breadcrum1.php) center center no-repeat;
    background-size: cover;
}

.kopa-area-24:before,
.kopa-area-34:before,
.kopa-area-44:before,
.kopa-area-46:before,
.kopa-area-49:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #003255;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(0, 50, 85, 0), #003255);
    /*Standard*/
}


/*------------- end kopa area 24 ------------------*/


/*---------------- kopa area 25 --------------------*/

.kopa-area-25 {
    padding: 100px 0px;
}


/*------------------- end kopa area 25 -------------*/


/*--------------=========================== end style 404 =====================----------------------*/


/*------------============================= style about us =====================---------------------------*/


/*------------- kopa area 26 ------------------*/

.kopa-area-26 {
    padding: 115px 0px;
}


/*------------ end kopa area 26 ---------------*/


/*------------ kopa area 27 -------------------*/

.kopa-area-27 {
    padding: 100px 0px;
}


/*----------------- end kopa area 27 -----------*/


/*------------============================ end style about us ===================--------------------------*/


/*------------- ===================== style about us 2 =============================---------------------*/


/*------------------- kopa area 28 ----------------------*/

.kopa-area-28 {
    padding: 115px 0px;
}


/*----------------- end kopa area 28 --------------------*/


/*--------------------- kopa area 29 ---------------------*/

.kopa-area-29 {
    padding: 115px 0px;
    background: #f7f7f7;
}


/*------------------------- end kopa area 29 ----------------*/


/*------------------------- kopa area 30 -------------------------------*/

.kopa-area-30 {
    padding: 115px 0px;
}


/*---------------------------- end kopa area 30 -------------------------*/


/*------------======================= end style about us 2 =========================-------------------*/


/*----------------======================= style accordion =========================--------------------*/


/*-------------------- kopa area 31 -------------------*/

.kopa-area-31 {
    padding: 100px 0px;
}


/*------------------- end kopa area 31 ------------------*/


/*---------------======================== end style accordion ====================---------------------*/


/*----------------========================== style alert ======================------------------------*/


/*------------- kopa area 32 ----------------*/

.kopa-area-32 {
    padding: 100px 0px;
}


/*------------- end kopa area 32 -----------*/


/*------------------======================== end style alert =================--------------------------*/


/*---------------============================= style blockquote =======================--------------------*/

.kopa-area-33 {
    padding: 100px 0px;
}


/*----- =============== kopa block quote 1 ============== -------*/

.kopa-blockquote-1 {
    padding: 30px 40px;
    background: #f7f7f7;
}

.kopa-blockquote-1 .blq-thumb {
    margin-bottom: 30px;
}

.kopa-blockquote-1 .blq-thumb i {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    color: white;
    line-height: 60px;
}

.kopa-blockquote-1 .blq-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    line-height: 25px;
}

.kopa-blockquote-1 .blq-footer:before {
    display: none;
}

.kopa-blockquote-1 .blq-footer h4 {
    text-transform: uppercase;
    color: #333;
    margin-bottom: 0;
}

.kopa-blockquote-1 .blq-footer p {
    color: #666;
    font-size: 16px;
}


/*----- end kopa block quote 1 -------*/


/*------- kopa blockquote 2 -----*/

.kopa-blockquote-2 {
    padding: 30px 40px;
    background: #f7f7f7;
}

.kopa-blockquote-2 .blq-thumb {
    margin-bottom: 30px;
}

.kopa-blockquote-2 .blq-thumb i {
    width: 60px;
    height: 60px;
    border: 2px solid;
    border-radius: 50%;
    text-align: center;
    font-size: 25px;
    line-height: 60px;
    vertical-align: middle;
    margin-right: 10px;
}

.kopa-blockquote-2 .blq-thumb .blq-title {
    vertical-align: middle;
    display: inline-block;
}

.kopa-blockquote-2 .blq-thumb .blq-title h4 {
    text-transform: uppercase;
    margin-bottom: 0;
}

.kopa-blockquote-2 .blq-thumb .blq-title p {
    color: #666;
    font-size: 16px;
}

.kopa-blockquote-2 .blq-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
    line-height: 25px;
}


/*------ end kopa blockquote 2 ------*/


/*------ kopa-blockquote-3 ----*/

.kopa-blockquote-3 {
    border-top: 3px solid;
    padding: 50px 40px 30px 40px;
    background: #f7f7f7;
}

.kopa-blockquote-3 .blq-header {
    margin-bottom: 30px;
}

.kopa-blockquote-3 .blq-header i {
    font-size: 25px;
    margin-bottom: 20px;
}

.kopa-blockquote-3 .blq-header .blq-title h4 {
    text-transform: uppercase;
    margin-bottom: 0;
}

.kopa-blockquote-3 .blq-header .blq-title p {
    font-size: 16px;
    color: #666;
}

.kopa-blockquote-3 .blq-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}


/*----- end kopa-blockquote-3 ----*/


/*----- kopa block quote 4 -------*/

.kopa-blockquote-4 {
    border-left: 3px solid;
    padding: 30px 40px 30px 90px;
    position: relative;
    background: #f7f7f7;
}

.kopa-blockquote-4:before {
    content: "\f10d";
    font-size: 25px;
    position: absolute;
    font-family: 'FontAwesome';
    color: #0e8dc1;
    left: 40px;
    top: 30px;
}

.kopa-blockquote-4 .blq-header {
    margin-bottom: 30px;
}

.kopa-blockquote-4 .blq-header .blq-title h4 {
    text-transform: uppercase;
    margin-bottom: 0;
}

.kopa-blockquote-4 .blq-header .blq-title p {
    font-size: 16px;
    color: #666;
}

.kopa-blockquote-4 .blq-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}


/*------- end kopa block quote 4 --------*/


/*------ kopa block quote 5 --------*/

.kopa-blockquote-5 {
    background: #00436b;
    padding: 50px;
    color: #d5d5d5;
    text-align: center;
}

.kopa-blockquote-5 .blq-footer:before {
    display: none;
}

.kopa-blockquote-5 .blq-footer .title-footer {
    font-size: 18px;
    line-height: 24px;
    color: #0e8dc1;
}

.kopa-blockquote-5 .blq-footer p {
    font-size: 16px;
    color: #d5d5d5;
}


/*------- end kopa block quote 5 -------*/


/*-------- kopa block quote 6 -------*/

.kopa-blockquote-6 {
    padding: 50px 20px;
    background: #f7f7f7;
}

.kopa-blockquote-6 .blq-thumb {
    margin-bottom: 20px;
}

.kopa-blockquote-6 .blq-thumb i {
    font-size: 28px;
    color: #cbcbcb;
}

.kopa-blockquote-6 .blq-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
    line-height: 25px;
}

.kopa-blockquote-6 .blq-footer:before {
    display: none;
}

.kopa-blockquote-6 .blq-footer h4 {
    text-transform: uppercase;
    color: #333;
    margin-bottom: 0;
    font-size: 16px;
}

.kopa-blockquote-6 .blq-footer p {
    color: #666;
    font-size: 16px;
}


/*-------- end kopa blockquote 6 ------*/


/*-------- kopa block quote 7 ----- */

.kopa-blockquote-7 {
    padding: 60px 30px;
    background-image: url(img/img-bg-bquote-1.php);
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.kopa-blockquote-7:before {
    content: "";
    background: rgba(51, 51, 51, 0.9);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.kopa-blockquote-7 .blq-thumb {
    margin-bottom: 20px;
}

.kopa-blockquote-7 .blq-thumb i {
    font-size: 28px;
    color: #fff;
}

.kopa-blockquote-7 .blq-content p {
    font-size: 16px;
    color: #d5d5d5;
    margin-bottom: 30px;
    line-height: 25px;
}

.kopa-blockquote-7 .blq-footer:before {
    display: none;
}

.kopa-blockquote-7 .blq-footer h4 {
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 0;
    font-size: 16px;
}

.kopa-blockquote-7 .blq-footer p {
    color: #fff;
    font-size: 16px;
}


/* -------- end kopa blockquote 7 ------*/


/*--------------============================= end style blockquote ========================----------------*/


/*--------------=========================== style blog center ==========================---------------------*/

.kopa-area-34 {
    background-size: cover;
    background-image: url(img/img-breadcrum2.php) center center no-repeat;
}

.kopa-area-34:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #003255;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(0, 50, 85, 0), #003255);
    /*Standard*/
}

.kopa-area-35 {
    padding: 115px 0px;
}


/*-- =============== BLOG-ARTICLE-LIST-1 ================== --*/

.blog-article-list-1 {
    overflow: hidden;
    margin-top: -100px;
    margin-bottom: 0px;
}

.blog-article-list-1 li {
    margin-top: 100px;
}

.blog-article-list-1 li .entry-item .entry-header {
    text-align: center;
    margin-bottom: 50px;
}

.blog-article-list-1 li .entry-item .entry-header .entry-title {
    font-size: 30px;
    margin-bottom: 15px;
    line-height: 40px;
}

.blog-article-list-1 li .entry-item .entry-header .entry-title a {
    color: #333;
}

.blog-article-list-1 li .entry-item .entry-header p {
    font-size: 16px;
    color: #999;
}

.blog-article-list-1 li .entry-item .entry-thumb {
    margin-bottom: 50px;
    position: relative;
}

.blog-article-list-1 li .entry-item .entry-thumb .slider-thumb-blog-art .owl-controls .owl-pagination {
    display: none;
}

.blog-article-list-1 li .entry-item .entry-thumb .customNavigation .btn {
    position: absolute;
    padding: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    color: white;
    border-radius: 50%;
    line-height: 55px;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}

.blog-article-list-1 li .entry-item .entry-thumb .customNavigation .prev {
    left: 30px;
}

.blog-article-list-1 li .entry-item .entry-thumb .customNavigation .next {
    right: 30px;
}

.blog-article-list-1 li .entry-item .entry-content {
    margin-bottom: 50px;
}

.blog-article-list-1 li .entry-item .entry-content span {
    color: #666;
}

.blog-article-list-1 li .entry-item .entry-content span:before {
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    background: rgba(0, 0, 0, 0.2);
    top: 5px;
    right: 0;
}

.blog-article-list-1 li .entry-item .entry-content p {
    font-size: 15px;
    color: #666;
    display: block;
    overflow: hidden;
    line-height: 25px;
}

.blog-article-list-1 li .entry-item .entry-content .sub-p {
    margin-top: 30px;
}

.blog-article-list-1 li .entry-item .entry-content .sub-p p {
    margin-top: 30px;
}

.blog-article-list-1 li .entry-item .entry-content .sub-p p:last-child {
    margin-top: 0px;
}

.blog-article-list-1 li .entry-item .entry-footer {
    position: relative;
}

.blog-article-list-1 li .entry-item .entry-footer:before {
    position: absolute;
    content: "";
    width: 500%;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    left: -100%;
    right: -100%;
    z-index: -1;
}

.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link {
    color: #666;
    margin-top: 15px;
    background: white;
    padding: 0px 15px;
}

.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link ul {
    display: inline-block;
}

.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link ul li {
    margin-top: 0px;
    display: inline-block;
    padding: 0px 5px;
    font-size: 16px;
}

.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link ul li:last-child {
    padding-right: 0px;
}

.blog-article-list-1 li .entry-item .entry-footer .wrap-social-link ul li a {
    color: #666;
}


/*--- ================ END ========================== ---*/


/*--- ================ NAVIGATION-1 ================== ---*/

.navigation-1 {
    text-align: center;
    width: 100%;
}

.navigation-1 .nav-links .page-numbers {
    color: #666;
    padding: 0px 10px;
    transition: 0.5s;
}

.navigation-1 .nav-links .page-numbers:last-child {
    padding-right: 0;
}

.navigation-1 .nav-links .page-numbers:first-child {
    padding-left: 0;
}

.navigation-1 .nav-links .control-pagination i {
    width: 40px;
    height: 40px;
    border: 2px solid #c7c7c7;
    text-align: center;
    border-radius: 50%;
    font-size: 20px;
    display: inline-block;
    line-height: 35px;
    color: #c7c7c7;
    transition: 0.5s;
}


/*-- ================== END ================== ---*/


/*-------------================================== end style blog center =================-------------------*/


/*------------============================== style blog large ==============================---------------*/

.kopa-area-36 {
    padding: 115px 0px 50px 0px;
}

.kopa-area-36 .main-col {
    overflow: hidden;
}

.kopa-area-36 .main-col .blog-article-list-1 li .entry-item .entry-footer .wrap-social-link {
    margin-right: 50px;
}


/*------- =================== EX-MODULE-CONTACT-9 ================= ---------*/

.ex-module-contact-9 .widget-content {
    position: relative;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block {
    border: 1px solid #333;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block label {
    position: absolute;
    top: 105%;
    left: 20px;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block input[type="text"] {
    width: 80%;
    border: none;
    display: inline-block;
    float: left;
    height: 44px;
    padding: 0px 15px;
    color: #c7c7c7;
    font-style: italic;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block button[type="submit"] {
    border: none;
    width: 20%;
    display: inline-block;
    float: left;
    position: relative;
    height: 44px;
    font-size: 17px;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block button[type="submit"]:hover {
    color: #0e8dc1;
}

.ex-module-contact-9 .widget-content .ct-form-box form .input-block button[type="submit"]:after {
    content: "";
    height: 17px;
    width: 0;
    border-left: 1px dotted #666;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}


/*--- ========================= END ===================== ---*/


/*--- ================== EX-MODULE-SLIDER-9 ============== ---*/

.ex-module-slider-9 .widget-content {
    position: relative;
}

.ex-module-slider-9 .widget-content .entry-item {
    position: relative;
}

.ex-module-slider-9 .widget-content .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-slider-9 .widget-content .entry-item .entry-content {
    position: absolute;
    bottom: 25px;
    left: 25px;
}

.ex-module-slider-9 .widget-content .entry-item .entry-content .entry-title {
    font-size: 22px;
    text-transform: uppercase;
}

.ex-module-slider-9 .widget-content .entry-item .entry-content .entry-title a {
    color: #fff;
}

.ex-module-slider-9 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: #ffd200;
}

.ex-module-slider-9 .widget-content .entry-item .entry-content p {
    color: #e0e0e0;
    text-transform: capitalize;
}

.ex-module-slider-9 .widget-content .owl-controls {
    display: none !important;
}

.ex-module-slider-9 .widget-content .customNavigation {
    position: absolute;
    top: 25px;
    left: 25px;
}

.ex-module-slider-9 .widget-content .customNavigation .btn {
    padding: 0;
    font-size: 20px;
    margin-right: 10px;
    border: none;
    border-radius: 0px;
    color: #fff;
}

.ex-module-slider-9 .widget-content .customNavigation .btn:hover {
    color: #ffd200;
}

.ex-module-slider-9.style-01 .widget-content {
    position: relative;
}

.ex-module-slider-9.style-01 .widget-content .customNavigation {
    position: absolute;
    top: 25px;
    right: 25px;
    text-align: right;
}

.ex-module-slider-9.style-01 .widget-content .customNavigation .btn {
    padding: 0;
    font-size: 20px;
    margin-right: 10px;
    border: none;
    border-radius: 0px;
    color: #fff;
}

.ex-module-slider-9.style-01 .widget-content .customNavigation .btn:hover {
    color: #ffd200;
}


/*---- ==================== END ========================== ---*/


/*---- ================ EX-MODULE-ARTICLE-LIST-1 ================== ---*/

.ex-module-article-list-1 .widget-content ul li {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee;
    margin-top: 25px;
}

.ex-module-article-list-1 .widget-content ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-thumb {
    float: left;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-right: 20px;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 5px;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.ex-module-article-list-1 .widget-content ul li .entry-item .entry-content .entry-meta .entry-date {
    color: #666;
}


/*-- ======================== END ========================= ---*/


/*--- ================= EX-MODULE-SLIDER-10 ================= --*/

.ex-module-slider-10 .widget-content {
    margin-bottom: 30px;
    text-align: center;
}

.ex-module-slider-10 .widget-content .entry-item .entry-thumb {
    font-size: 36px;
    line-height: 20px;
}

.ex-module-slider-10 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #666;
}

.ex-module-slider-10 .widget-content .entry-item .entry-content a {
    line-height: 25px;
    font-size: 16px;
}

.ex-module-slider-10 .widget-content .owl-controls {
    margin-top: 20px;
}

.ex-module-slider-10 .widget-content .owl-controls .owl-pagination .owl-page span {
    display: block;
    width: 10px;
    height: 10px;
    margin: 5px 3px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #e4e4e4;
}

.ex-module-slider-10 .widget-content .owl-controls .owl-pagination .owl-page.active span {
    background: #0e8dc1;
}

.ex-module-slider-10 .widget-content .customNavigation {
    display: none;
}


/*--- =========================== END ======================= ---*/


/*--- ================ EX-MODULE-INSTAGRAM-1 ================== --*/

.ex-module-instagram-1 .widget-content ul {
    margin-top: -6px;
}

.ex-module-instagram-1 .widget-content ul li {
    margin-top: 6px;
}

.ex-module-instagram-1 .widget-content ul li img {
    transition: ease-in-out;
    width: 100%;
}

.ex-module-instagram-1 .widget-content ul li:before {
    content: "";
    background: #000;
    position: absolute;
    top: 0;
    left: 3px;
    bottom: 0;
    right: 3px;
    opacity: 1;
    z-index: -1;
}

.ex-module-instagram-1 .widget-content ul li:hover img {
    opacity: 0.7;
}


/*--- ================== END ================ ----*/


/*--- ================== EX-MODULE-TAG-1 ============ ----*/

.ex-module-tag-1 .widget-content .wrap-tag {
    text-align: center;
}

.ex-module-tag-1 .widget-content .wrap-tag ul {
    margin-top: -6px;
}

.ex-module-tag-1 .widget-content .wrap-tag ul li {
    padding: 10px 15px;
    float: left;
    margin-top: 6px;
    background: #f7f7f7;
    margin-right: 6px;
    font-size: 12px;
}

.ex-module-tag-1 .widget-content .wrap-tag ul li:hover a {
    color: #fff;
}

.ex-module-tag-1 .widget-content .wrap-tag ul li a {
    color: #666;
}


/*--- ================= END ==================== --*/


/*-----------================================ end style blog large ========================--------------*/


/*-------------============================== style blog masonry =========================--------------*/

.kopa-area-37 {
    padding: 100px 0px;
}


/*----- =============== EX-MODULE-GRID-MASONRY-1 ================ -------*/

.ex-module-grid-masonry-1 .widget-content {
    text-align: center;
}

.ex-module-grid-masonry-1 .widget-content .masonry-container {
    margin-top: -30px;
    text-align: left;
}

.ex-module-grid-masonry-1 .widget-content .entry-thumb img {
    width: 100%;
}

.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-control {
    width: 40px;
    height: 40px;
    font-size: 20px;
    text-align: center;
    color: #fff;
    line-height: 40px;
    top: 50%;
    opacity: 1;
    border-radius: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    background-image: none;
}

.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-control.left {
    left: 20px;
}

.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-control.right {
    right: 20px;
}

.ex-module-grid-masonry-1 .widget-content .entry-thumb .carousel .carousel-indicators li {
    background: #fff;
    border: none;
}

.ex-module-grid-masonry-1 .widget-content .entry-item {
    margin-top: 30px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item.with-iframe .entry-content {
    margin-top: -5px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item.content-abs .entry-content {
    position: absolute;
    bottom: 30px;
    left: 10px;
    right: 0;
    background: transparent;
}

.ex-module-grid-masonry-1 .widget-content .entry-item.content-abs .entry-content .entry-title {
    font-size: 30px;
    font-weight: bold;
    line-height: 35px;
    text-transform: uppercase;
}

.ex-module-grid-masonry-1 .widget-content .entry-item.content-abs .entry-content .entry-title a {
    color: #fff;
}

.ex-module-grid-masonry-1 .widget-content .entry-item.content-abs .entry-content .entry-meta .entry-date {
    color: #dfdfdf;
    text-transform: capitalize;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content {
    background: #f7f7f7;
    padding: 30px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header {
    margin-bottom: 30px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-meta .meta-thumb {
    float: left;
    width: 47px;
    height: 47px;
    margin-right: 20px;
    border-radius: 50%;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-meta .meta-auth {
    overflow: hidden;
    font-size: 16px;
    margin-bottom: 0;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-meta .entry-date {
    overflow: hidden;
    color: #666;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 14px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-title {
    margin-bottom: 0px;
    margin-top: 20px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-header .entry-title a {
    color: #333;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content p {
    color: #666;
    margin-bottom: 0px;
    font-size: 16px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer {
    margin-top: 30px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer .alignleft p {
    display: inline-block;
    margin-right: 10px;
    color: #666;
    font-size: 14px;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer .alignright {
    padding-left: 20px;
    border-left: 1px solid #dfdfdf;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer .alignright i {
    margin-right: 10px;
    color: #666;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .entry-footer .alignright a {
    color: #666;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .kopa-blockquote {
    padding: 0px 30px;
    margin-bottom: 0px;
    position: relative;
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .kopa-blockquote:before {
    content: "\f10d";
    position: absolute;
    font-size: 20px;
    color: #dfdfdf;
    top: 0;
    left: 0;
    font-family: "FontAwesome";
}

.ex-module-grid-masonry-1 .widget-content .entry-item .entry-content .kopa-blockquote:after {
    content: "\f10e";
    position: absolute;
    font-size: 20px;
    color: #dfdfdf;
    bottom: 0;
    right: 0;
    font-family: "FontAwesome";
}

.ex-module-grid-masonry-1 .widget-content a {
    margin-top: 50px;
}


/*----------================================== end style blog mansory =====================--------------*/


/*--------- ================================== style button =============================----------------*/

.kopa-area-38 {
    padding: 100px 0px;
}


/*----- ====== EX-MODULE-BTN-1 ======= ------*/

.ex-module-btn-1 .widget-content .wrap-btn {
    margin-top: -10px;
}

.ex-module-btn-1 .widget-content .wrap-btn a {
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 0px;
}

.ex-module-btn-1 .widget-content .wrap-btn a:last-child {
    margin-right: 0px;
}

.sm-btn {
    padding: 10px 30px;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border-radius: 20px;
    border: 1px solid transparent;
}

.md-btn {
    padding: 12px 45px;
    display: inline-block;
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border-radius: 20px;
    border: 1px solid transparent;
}

.lg-btn {
    padding: 15px 60px;
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    color: white;
    border-radius: 30px;
    border: 1px solid transparent;
}

.style-btn-01:hover {
    background: transparent;
    border: 1px solid;
}

.style-btn-02 {
    background: #00436b;
}

.style-btn-02:hover {
    background: transparent;
    border: 1px solid #00436b;
    color: #00436b;
}

.style-btn-03:hover {
    background: transparent;
    border: 1px solid;
}

.style-btn-04 {
    background: #00b80d;
}

.style-btn-04:hover {
    background: transparent;
    border: 1px solid #00b80d;
    color: #00b80d;
}

.style-btn-05 {
    background: #d10000;
}

.style-btn-05:hover {
    background: transparent;
    border: 1px solid #d10000;
    color: #d10000;
}

.style-btn-line-01 {
    background: transparent;
    border: 1px solid;
}

.style-btn-line-01:hover {
    border: 1px solid transparent;
    color: #fff !important;
}

.style-btn-line-02 {
    background: transparent;
    border: 1px solid #00436b;
    color: #00436b;
}

.style-btn-line-02:hover {
    background: #00436b;
    border: 1px solid transparent;
    color: #fff;
}

.style-btn-line-03 {
    background: transparent;
    border: 1px solid;
}

.style-btn-line-03:hover {
    border: 1px solid transparent;
    color: #fff !important;
}

.style-btn-line-04 {
    background: transparent;
    border: 1px solid #00b80d;
    color: #00b80d;
}

.style-btn-line-04:hover {
    background: #00b80d;
    border: 1px solid transparent;
    color: #fff;
}

.style-btn-line-05 {
    background: transparent;
    border: 1px solid #d10000;
    color: #d10000;
}

.style-btn-line-05:hover {
    background: #d10000;
    border: 1px solid transparent;
    color: #fff;
}

.with-icon-style-01 {
    position: relative;
}

.with-icon-style-01 i,
.with-icon-style-01 span {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.with-icon-style-02 {
    position: relative;
}

.with-icon-style-02 i,
.with-icon-style-02 span {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-right: 8px;
    border-right: 1px solid;
}

.with-icon-style-03 {
    position: relative;
}

.with-icon-style-03 i,
.with-icon-style-03 span {
    position: absolute;
    top: 50%;
    left: 5%;
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 50%;
    text-align: center;
    line-height: 30px;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.with-icon-style-04 {
    position: relative;
}

.with-icon-style-04:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background: white;
    top: 0;
    left: 23%;
}

.with-icon-style-04 i,
.with-icon-style-04 span {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.border-style-1 {
    border: 1px solid;
}

.border-style-1:hover {
    border: 1px solid transparent;
}

.border-style-2 {
    border: 3px solid;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 57px;
    padding-right: 57px;
}

.border-style-2:hover {
    border: 3px solid transparent;
}

.border-style-3 {
    border: 6px solid;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 54px;
    padding-right: 54px;
}

.border-style-3:hover {
    border: 6px solid transparent;
}

.border-style-4 {
    border: 9px solid;
    padding-bottom: 6px;
    padding-top: 6px;
    padding-left: 51px;
    padding-right: 51px;
}

.border-style-4:hover {
    border: 9px solid transparent;
}

.radius-style-01 {
    border-radius: 0px;
}

.radius-style-02 {
    border-radius: 30px;
}

.radius-style-03 {
    border-radius: 5px;
}


/*-- =============== END ============== --*/


/*--------===================================== end style button ========================-----------------*/


/*--------===================================== style careers ===========================----------------*/

.ex-module-contact-10 {
    padding: 30px;
}

.ex-module-contact-10 .widget-title {
    color: #fff;
}

.ex-module-contact-10 .widget-content form label {
    color: #fff;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0px;
}

.ex-module-contact-10 .widget-content form label:first-child {
    margin-top: 0;
}

.ex-module-contact-10 .widget-content form p {
    margin-top: 15px;
}

.ex-module-contact-10 .widget-content form p:first-child {
    margin-top: 0;
}

.ex-module-contact-10 .widget-content form p.btn-block {
    margin-top: 20px;
}

.ex-module-contact-10 .widget-content form p.btn-block input[type="submit"] {
    padding: 7px 32px;
    color: #fff;
    text-transform: uppercase;
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.7);
    border-radius: 20px;
}

.ex-module-contact-10 .widget-content form p.btn-block input[type="submit"]:hover {
    border: 1px solid transparent;
}

.ex-module-contact-10 .widget-content form p.type-file {
    position: relative;
    overflow: hidden;
}

.ex-module-contact-10 .widget-content form p.type-file:hover span {
    color: #fff;
}

.ex-module-contact-10 .widget-content form p.type-file span {
    display: inline-block;
    padding: 5px 10px;
    background: #f7f7f7;
    color: #333;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    cursor: pointer;
}

.ex-module-contact-10 .widget-content form p.type-file span.txt-alert {
    padding: 0;
    color: white;
    margin-left: 10px;
    background: transparent;
}

.ex-module-contact-10 .widget-content form p.type-file input {
    position: absolute;
    width: 100px;
    height: 30px;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.ex-module-contact-10 .widget-content form input[type="text"] {
    width: 100%;
    height: 40px;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #e0e0e0;
    border-radius: 4px;
    background: transparent;
    padding: 0 15px;
}

.ex-module-contact-10 .widget-content form textarea {
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.7);
    color: #e0e0e0;
    border-radius: 4px;
    background: transparent;
    padding: 10px 15px;
}

.ex-module-contact-10 .widget-content form::-webkit-input-placeholder {
    color: #dfdfdf;
}


/*-- ======== EX MODULE PRESENT 5 ========= --*/

.ex-module-present-5 .widget-content .entry-item .entry-thumb {
    text-align: center;
    margin-bottom: 40px;
}


/*-- ====== END ====== --*/


/*-------====================================== end style carees =========================----------------*/


/*------===================================== style cart dropdown =======================-----------------*/

.kopa-area-39 {
    background: #ecf0f1;
    padding: 100px 0px;
}

.kopa-area-39 .kopa-page-header {
    margin-bottom: 500px;
}


/*-------- kopa cart dropdown 1 ----------*/

.kopa-cartdrop-down-1 {
    display: inline-block;
    margin-right: 10px;
}

.kopa-cartdrop-down-1 .dropdown-toggle {
    border: 1px solid #eee;
    border-radius: 3px;
    padding: 3px 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #0e8dc1 i;
    color-margin-right: 5px;
}

.kopa-cartdrop-down-1 .cart-dropdown {
    padding: 0 !important;
    max-width: 468px;
    width: 468px;
    left: auto;
    right: 0;
    top: 40px;
    border-top: 2px solid;
    border-radius: 0;
}

.kopa-cartdrop-down-1 .cart-dropdown li {
    padding: 0px 30px;
}

.kopa-cartdrop-down-1 .cart-dropdown li:first-child {
    padding-top: 10px;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart {
    padding: 20px 0px;
    border-bottom: 1px solid #eee;
    position: relative;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .cart-thumb {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content {
    overflow: hidden;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .item-cart-title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .item-cart-title a {
    color: #333;
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .kopa-btn-close.style-01 {
    position: absolute;
    font-size: 26px;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .kopa-btn-close.style-01 i,
.kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .kopa-btn-close.style-01 span {
    color: #a1b1bc;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item {
    padding: 15px 0px;
}

.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignleft a {
    font-size: 18px;
    color: #a1b1bc;
    text-transform: capitalize;
}

.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignleft a i {
    margin-right: 5px;
    color: #a1b1bc;
}

.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignright p {
    font-size: 18px;
    color: #a1b1c1;
    text-transform: capitalize;
}

.kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignright p span {
    font-weight: bold;
    color: #0e8dc1;
    margin-left: 5px;
}

.kopa-cartdrop-down-1 .footer-cart {
    background: #00243c !important;
}

.kopa-cartdrop-down-1 .footer-cart .cart-btn {
    padding: 20px 0px;
}

.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a {
    padding: 10px 15px;
    color: #00243c;
    border: 2px solid transparent;
    font-size: 16px;
    background: white;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}

.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a:hover,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
}

.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a:hover i,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a:hover span,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a:hover i,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a:hover span {
    color: #fff;
}

.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a i,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a span,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a i,
.kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a span {
    margin-right: 5px;
    color: #00243c;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


/*----------- end kopa cart dropdown 1 ------*/


/*----------- kopa-cartdrop-down-2 ---------------*/

.kopa-cartdrop-down-2 {
    display: inline-block;
    position: inherit;
}

.kopa-cartdrop-down-2 .dropdown-toggle {
    border: none;
    padding: 0;
    height: 40px;
    width: 40px;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
    border-radius: 3px;
    color: #fff;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-cartdrop-down-2 .dropdown-toggle i,
.kopa-cartdrop-down-2 .dropdown-toggle span {
    color: #fff;
}

.kopa-cartdrop-down-2 .dropdown-menu {
    max-width: 930px;
    width: 100%;
    right: 8%;
    left: auto;
    border-radius: 0;
    top: 100%;
    margin-top: 0px;
    border-top: 2px solid;
    padding: 0;
    padding-top: 10px;
}

.kopa-cartdrop-down-2 .dropdown-menu li {
    padding: 0px 30px;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart {
    padding: 20px 0px;
    border-bottom: 1px solid #eee;
    position: relative;
    /*--- ================= --*/
    /*--- ================= --*/
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .cart-thumb {
    width: 70px;
    height: 70px;
    float: left;
    margin-right: 20px;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content {
    overflow: hidden;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 5px;
    font-weight: bold;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title a {
    color: #333;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-cost {
    color: #0e8dc1;
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .kopa-btn-close.style-01 {
    position: absolute;
    font-size: 26px;
    color: #a1b1bc;
    top: 50%;
    right: 0;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .kopa-btn-close.style-01 i,
.kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .kopa-btn-close.style-01 span {
    color: #a1b1bc;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item {
    padding: 20px 0px;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft {
    padding: 0;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a {
    font-size: 18px;
    color: #a1b1bc;
    text-transform: capitalize;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a i,
.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft a span {
    margin-right: 5px;
    color: #a1b1bc;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright {
    padding: 0;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright p {
    font-size: 18px;
    color: #a1b1c1;
    text-transform: capitalize;
}

.kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright p span {
    font-weight: bold;
    color: #0e8dc1;
    margin-left: 5px;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart {
    background: #00243c;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn {
    padding: 20px 0px;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright {
    padding: 0;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a {
    padding: 10px 15px;
    color: #00243c;
    border: 2px solid transparent;
    font-size: 16px;
    background: white;
    border-radius: 3px;
    font-weight: bold;
    text-transform: uppercase;
    display: inline-block;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a:hover,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a:hover {
    color: #fff;
    background: transparent;
    border: 2px solid #fff;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a:hover i,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a:hover span,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a:hover i,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a:hover span {
    color: #fff;
}

.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a i,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft a span,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a i,
.kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright a span {
    margin-right: 5px;
    color: #00243c;
}


/*-------------- end -----------------------------*/


/*------======================================== end style cart dropdown ================----------------*/


/*------====================================== style column ==============================-------------*/

.kopa-area-40 {
    padding: 115px 0px;
}

.ex-module-col-1 .widget-content .entry-item {
    margin-bottom: 20px;
}

.ex-module-col-1 .widget-content .entry-item:last-child {
    margin-bottom: 0px;
}

.ex-module-col-1 .widget-content .entry-item .entry-content .entry-title {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.ex-module-col-1 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #666;
}


/*-----======================================== end style column ========================-------------*/


/*------========================================== style contact  ======================== -----------*/


/*-- ================ EX MODULE CONTACT 11 ============== ---*/

.ex-module-contact-11 {
    padding: 50px;
    background: #0e8dc1;
}

.ex-module-contact-11 .widget-content ul {
    margin-top: -50px;
}

.ex-module-contact-11 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-contact-11 .widget-content ul li .entry-item .entry-thumb {
    font-size: 25px;
    float: left;
    margin-right: 20px;
}

.ex-module-contact-11 .widget-content ul li .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-contact-11 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.ex-module-contact-11 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    text-transform: capitalize;
}


/*-- ======================== END ==================== --*/


/*-- ============== EX MODULE MAP 1 ============= ---*/

.ex-module-map-1 {
    height: 100%;
}

.ex-module-map-1 .widget-content {
    height: 100%;
}

.ex-module-map-1 .widget-content .entry-item {
    height: 100%;
}

.ex-module-map-1 .widget-content .entry-item .entry-content {
    height: 100%;
}

.ex-module-map-1 .widget-content .entry-item .entry-content .kopa-map {
    width: 100%;
    height: 100%;
}


/*-- =================== EX MODULE MAP 1 ============== ---*/


/*-- =========== EX MODULE CONTACT 12 =========== --*/

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .input-block {
    padding-bottom: 15px;
    border-bottom: 1px solid #eee;
    margin-top: 20px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .input-block:first-child {
    margin-top: 0px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .input-block input[type="text"] {
    width: 90%;
    border: none;
    color: #828282;
    font-size: 16px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .input-block label {
    font-size: 18px;
    margin-bottom: 0;
    margin-right: 15px;
    color: #666;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .textarea-block textarea {
    padding: 10px 15px;
    border: 1px solid #eee;
    border-radius: 4px;
    width: 100%;
    font-size: 16px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .textarea-block::-webkit-input-placeholder {
    color: #828282 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .textarea-block:-moz-placeholder {
    /* Firefox 18- */
    color: #828282 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .textarea-block::-moz-placeholder {
    /* Firefox 19+ */
    color: #828282 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .row .textarea-block:-ms-input-placeholder {
    color: #828282 !important;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block {
    margin-top: 50px;
}

.ex-module-contact-12 .widget-content .entry-item .entry-content form .btn-block input[type="submit"] {
    text-transform: uppercase;
}


/*-- =================== END ================== --*/


/*---------======================================= end style contact ====================-------------*/


/*-------=================================== style counter =============================-------------*/


/*-- ============= EX MODULE COUNTER 1 ============ --*/

.ex-module-counter-1 .widget-content ul {
    margin-top: -10px;
}

.ex-module-counter-1 .widget-content ul li {
    margin-top: 10px;
}

.ex-module-counter-1 .widget-content .entry-item {
    text-align: center;
}

.ex-module-counter-1 .widget-content .entry-item .entry-content .kopa-counter-1 {
    position: relative;
}

.ex-module-counter-1 .widget-content .entry-item .entry-content .kopa-counter-1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 35px;
}

.ex-module-counter-1 .widget-content .entry-item .entry-content .entry-title {
    font-size: 16px;
    text-transform: uppercase;
}


/*-- ============== END =============== --*/


/*-- ============== EX MODULE COUNTER 5 --*/

.ex-module-counter-5 .widget-content {
    text-align: center;
}

.ex-module-counter-5 .widget-content ul {
    margin-top: -20px;
}

.ex-module-counter-5 .widget-content ul li {
    margin-top: 20px;
}

.ex-module-counter-5 .widget-content .entry-item .entry-content .counter-item {
    margin-bottom: 10px;
}

.ex-module-counter-5 .widget-content .entry-item .entry-content .entry-title {
    margin-bottom: 20px;
}

.ex-module-counter-5 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}


/*-- ============== END =============== --*/


/*------ kopa counter 1 --------*/

.kopa-counter-1 {
    position: relative;
    text-align: center;
}

.kopa-counter-1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 35px;
}


/*--------- end kopa counter 1 ----*/


/*-- =============== EX MODULE COUNTER 2 ============= --*/

.ex-module-counter-2 .widget-content ul {
    margin-top: -10px;
}

.ex-module-counter-2 .widget-content ul li {
    margin-top: 10px;
}

.ex-module-counter-2 .widget-content .entry-item {
    text-align: center;
}

.ex-module-counter-2 .widget-content .entry-item .entry-content .kopa-counter-2 {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    margin: auto;
    line-height: 165px;
    color: white;
}

.ex-module-counter-2 .widget-content .entry-item .entry-content .entry-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
}


/*-- =============== EX MODULE COUNTER 2 ============ --*/


/*------- kopa counter 2 ----------*/

.kopa-counter-2 {
    width: 165px;
    height: 165px;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    margin: auto;
    line-height: 165px;
    color: white;
}


/*---------- end kopa counter 2 --------*/


/*-- ============== EX MODULE COUNTER 3 ============= --*/

.ex-module-counter-3 .widget-content ul,
.ex-module-counter-4 .widget-content ul {
    margin-top: -10px;
}

.ex-module-counter-3 .widget-content ul li,
.ex-module-counter-4 .widget-content ul li {
    margin-top: 10px;
}

.ex-module-counter-3 .widget-content .entry-item,
.ex-module-counter-4 .widget-content .entry-item {
    text-align: center;
}

.ex-module-counter-3 .widget-content .entry-item .entry-content .kopa-counter-3,
.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-3 {
    border: 1px solid;
    font-size: 16px;
    color: #666;
    text-transform: capitalize;
    padding: 40px 30px;
}

.ex-module-counter-3 .widget-content .entry-item .entry-content .kopa-counter-3 .counter,
.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-3 .counter {
    font-size: 45px;
    color: #0e8dc1;
    font-weight: bold;
}

.ex-module-counter-3 .widget-content .entry-item .entry-content .entry-title,
.ex-module-counter-4 .widget-content .entry-item .entry-content .entry-title {
    font-size: 16px;
    text-transform: uppercase;
    margin-top: 20px;
}


/*--- ============== END ======================= --*/


/*-------- kopa counter 3 ------------*/

.kopa-counter-3 {
    text-align: center;
    border: 1px solid;
    font-size: 16px;
    color: #666;
    text-transform: capitalize;
    padding: 40px 30px;
}

.kopa-counter-3 .counter {
    font-size: 45px;
    color: #0e8dc1;
    font-weight: bold;
}


/*------------ end kopa counter 3 -------*/


/*-- ============== EX MODULE COUNTER 4 ============== --*/

.ex-module-counter-4 .widget-content .entry-item {
    text-align: center;
}

.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-4 {
    background: #0e8dc1;
    color: #fff;
}

.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-4 .counter {
    color: #fff;
    font-size: 40px;
    margin-top: 15px;
}

.ex-module-counter-4 .widget-content .entry-item .entry-content .kopa-counter-4 p i {
    color: #fff;
    font-size: 55px;
}


/*-- ================== END ====================== --*/


/*---------------- kopa counter 4 --------*/

.kopa-counter-4 {
    text-align: center;
    background: #0e8dc1;
    color: #fff;
    padding: 40px 30px;
    font-size: 16px;
}

.kopa-counter-4 .counter {
    color: #fff;
    font-size: 40px;
    margin-top: 15px;
}

.kopa-counter-4 p i {
    color: #fff;
    font-size: 55px;
}


/*-------------- end kopa counter 4 ----------*/


/*----------- kopa counter 5 ------------*/

.kopa-counter-5 {
    position: relative;
}

.kopa-counter-5:hover span {
    background: #0e8dc1;
    color: #fff;
}

.kopa-counter-5 span {
    position: absolute;
    width: 106px;
    height: 106px;
    background: #eee;
    border-radius: 50%;
    color: #4e4e4e;
    font-size: 18px;
    line-height: 100px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}


/*------------- end kopa counter 5 --------------------8/

/*-------================================ end counter =================================--------------*/


/*-------================================== style dropcap ============================= ----------------*/


/*--- ============ EX-MODULE-DROPCAP-1 ============== ---*/

.ex-module-dropcap-1 .widget-content ul {
    margin-top: -30px;
}

.ex-module-dropcap-1 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-dropcap-1 .widget-content .kopa-dropcap {
    text-transform: uppercase;
    font-size: 80px;
    float: left;
    font-weight: 900;
    margin-right: 25px;
    padding-right: 25px;
    line-height: 70px;
    position: relative;
}

.ex-module-dropcap-1 .widget-content .kopa-dropcap.ex-dropcap-style-01 {
    color: #0e8dc1;
}

.ex-module-dropcap-1 .widget-content .kopa-dropcap:before {
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    top: 8px;
    right: 0;
    background: #d1d1d1;
}

.ex-module-dropcap-1 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}


/*--- ================ END ================= ---*/


/*----------- kopa-dropcap 1 -----------*/

.kopa-dropcap-1 {
    text-transform: uppercase;
    font-size: 80px;
    float: left;
    font-weight: 900;
    margin-right: 25px;
    padding-right: 25px;
    line-height: 70px;
    position: relative;
}

.kopa-dropcap-1.style-01 {
    color: #0e8dc1;
}

.kopa-dropcap-1:before {
    content: "";
    width: 1px;
    height: 60px;
    position: absolute;
    top: 8px;
    right: 0;
    background: #d1d1d1;
}


/*----------- end kopa-dropcap 1------------ */


/*----------- kopa dropcap 2 ------------*/

.kopa-dropcap-2,
.kopa-dropcap-3 {
    width: 60px;
    height: 60px;
    float: left;
    text-align: center;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: bold;
    border: 1px solid #0e8dc1;
    margin-right: 20px;
    line-height: 55px;
    margin-top: 10px;
}

.kopa-dropcap-2.style-01,
.style-01.kopa-dropcap-3 {
    background: #0e8dc1;
    color: #fff;
}


/*------------ end kopa dropcap 2 -------*/


/*------------ kopa dropcap 3 -------------*/

.kopa-dropcap-3 {
    font-size: 40px;
    border-radius: 50%;
}


/*------------ end kopa dropcap 3 ----------*/


/*-------=================================== end style dropcap ============================------------*/


/*-------- =============================== style dropdown menu ========================= ------------*/

.main-menu.style-01 li .sf-mega-style-1 {
    width: 100% !important;
    padding: 0 !important;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section {
    float: left;
    width: 25% !important;
    padding: 0px 15px;
    background: #005B85;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section ul {
    background: transparent;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section ul li {
    padding: 20px 30px !important;
    border-bottom: 1px solid #33587e;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section ul li a {
    color: #fff;
    border: none;
    box-shadow: none;
    text-transform: capitalize;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section ul li a.item-title {
    font-weight: 900;
    text-transform: uppercase;
}

.main-menu.style-01 li .sf-mega-style-1 .sf-mega-section ul li a:hover {
    color: #0e8dc1;
}


/*--------- dropdown sub-menu-1 ---------*/

.sub-menu {
    padding: 0 !important;
    left: auto !important;
    display: none;
    right: auto;
}

.sub-menu li {
    padding: 15px 20px !important;
    background: #005B85 !important;
    border-bottom: 1px solid #33587e !important;
    width: auto !important;
    max-width: 385px !important;
    position: relative !important;
}

.sub-menu li.with-sub:before {
    content: "\f105";
    color: #a1b1bc;
    font-size: 16x;
    position: absolute;
    top: 50%;
    right: 30px;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    font-family: "FontAwesome";
}

.sub-menu li a {
    border: none !important;
    border-radius: none !important;
    color: #fff !important;
    display: inline-block !important;
}

.sub-menu li a:hover {
    color: #ffd200 !important;
}

.sub-menu li i {
    color: #fff !important;
    display: inline-block !important;
    margin-right: 15px !important;
}

.sub-menu li .lv2 {
    top: 0% !important;
    left: 100% !important;
    right: auto !important;
}


/*--------- end ------------------------*/


/*---------- dropdown mega-menu 1 -------*/

.sf-mega-style-1 {
    width: 100% !important;
    padding: 0 !important;
}

.sf-mega-style-1 .sf-mega-section {
    float: left;
    width: 25% !important;
    padding: 0px 15px;
    background: #005B85 !important;
}

.sf-mega-style-1 .sf-mega-section ul {
    background: transparent !important;
}

.sf-mega-style-1 .sf-mega-section ul li {
    padding: 20px 30px !important;
    border-bottom: 1px solid #33587e !important;
}

.sf-mega-style-1 .sf-mega-section ul li a {
    color: #fff !important;
    border: none;
    box-shadow: none;
    text-transform: capitalize;
}

.sf-mega-style-1 .sf-mega-section ul li a.item-title {
    font-weight: 900;
    text-transform: uppercase;
}

.sf-mega-style-1 .sf-mega-section ul li a:hover {
    color: #0e8dc1 !important;
}


/*------------- dropdown mega-menu 2 -------*/

.sf-mega-style-2,
.sf-mega-style-3 {
    width: auto !important;
    max-width: 100% !important;
    padding: 0 !important;
    background: #00436b !important;
}

.sf-mega-style-2 .sf-mega-section,
.sf-mega-style-3 .sf-mega-section {
    float: left;
    padding: 0px 15px;
    padding-top: 10px;
}

.sf-mega-style-2 .sf-mega-section.cate-section,
.sf-mega-style-3 .sf-mega-section.cate-section {
    width: 290px !important;
}

.sf-mega-style-2 .sf-mega-section.feature-section,
.sf-mega-style-3 .sf-mega-section.feature-section {
    width: 440px !important;
    padding: 20px 30px;
    background: #00243c;
}

.sf-mega-style-2 .sf-mega-section.feature-section a,
.sf-mega-style-3 .sf-mega-section.feature-section a {
    border: none;
    box-shadow: none;
}

.sf-mega-style-2 .sf-mega-section.feature-section .sec-title,
.sf-mega-style-3 .sf-mega-section.feature-section .sec-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 30px;
}

.sf-mega-style-2 .sf-mega-section.feature-section .entry-item .entry-thumb,
.sf-mega-style-3 .sf-mega-section.feature-section .entry-item .entry-thumb {
    padding: 0;
    margin-bottom: 30px;
}

.sf-mega-style-2 .sf-mega-section.feature-section .entry-item .entry-content .entry-title,
.sf-mega-style-3 .sf-mega-section.feature-section .entry-item .entry-content .entry-title {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: bold;
}

.sf-mega-style-2 .sf-mega-section.feature-section .entry-item .entry-content .entry-title a,
.sf-mega-style-3 .sf-mega-section.feature-section .entry-item .entry-content .entry-title a {
    text-transform: capitalize;
    color: #fff;
}

.sf-mega-style-2 .sf-mega-section.feature-section .entry-item .entry-content .entry-title a:hover,
.sf-mega-style-3 .sf-mega-section.feature-section .entry-item .entry-content .entry-title a:hover {
    color: #ffd200;
}

.sf-mega-style-2 .sf-mega-section.feature-section .entry-item .entry-content p,
.sf-mega-style-3 .sf-mega-section.feature-section .entry-item .entry-content p {
    white-space: normal;
    color: #a1b1bc;
    line-height: 25px;
    margin-bottom: 25px;
    text-transform: none !important;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section,
.sf-mega-style-3 .sf-mega-section.recent-post-section {
    width: 440px !important;
    padding: 20px 30px;
    background: #00243c;
    border-left: 1px solid #2c3e50;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section a,
.sf-mega-style-3 .sf-mega-section.recent-post-section a {
    border: none;
    box-shadow: none;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section ul,
.sf-mega-style-3 .sf-mega-section.recent-post-section ul {
    margin-top: -20px;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section ul li,
.sf-mega-style-3 .sf-mega-section.recent-post-section ul li {
    padding: 0px !important;
    padding-bottom: 20px !important;
    white-space: normal;
    margin-top: 20px;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section ul li:last-child,
.sf-mega-style-3 .sf-mega-section.recent-post-section ul li:last-child {
    border-bottom: none !important;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .sec-title,
.sf-mega-style-3 .sf-mega-section.recent-post-section .sec-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 900;
    color: #fff;
    padding-left: 10px;
    margin-bottom: 30px;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-thumb,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-thumb {
    padding: 0;
    margin-right: 20px;
    float: left;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-content,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-content {
    overflow: hidden;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title {
    font-size: 16px !important;
    text-transform: capitalize;
    line-height: 24px;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title a,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title a {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title a:hover,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1 !important;
}

.sf-mega-style-2 .sf-mega-section.recent-post-section .entry-item .entry-content p,
.sf-mega-style-3 .sf-mega-section.recent-post-section .entry-item .entry-content p {
    white-space: normal;
    color: #a1b1bc;
    line-height: 20px;
    text-transform: none !important;
}

.sf-mega-style-2 .sf-mega-section ul,
.sf-mega-style-3 .sf-mega-section ul {
    background: transparent !important;
}

.sf-mega-style-2 .sf-mega-section ul li,
.sf-mega-style-3 .sf-mega-section ul li {
    padding: 15px 30px !important;
    border-bottom: 1px solid #33587e !important;
}

.sf-mega-style-2 .sf-mega-section ul li:last-child,
.sf-mega-style-3 .sf-mega-section ul li:last-child {
    border-bottom: none !important;
}

.sf-mega-style-2 .sf-mega-section ul li a,
.sf-mega-style-3 .sf-mega-section ul li a {
    color: #fff !important;
    border: none;
    box-shadow: none;
    text-transform: capitalize;
}

.sf-mega-style-2 .sf-mega-section ul li a.item-title,
.sf-mega-style-3 .sf-mega-section ul li a.item-title {
    font-weight: 900;
    text-transform: uppercase;
}

.sf-mega-style-2 .sf-mega-section ul li a:hover,
.sf-mega-style-3 .sf-mega-section ul li a:hover {
    color: #0e8dc1 !important;
}

.sf-mega-style-2 .sf-mega-section ul li a i,
.sf-mega-style-3 .sf-mega-section ul li a i {
    margin-right: 10px;
}

.sf-mega-style-3 .sf-mega-section.cate-section {
    width: auto !important;
}


/*------------- end -----------------*/


/*--------=============================== end style dropdown menu ==================== -------------*/


/*-------=================================== style heading ===========================--------------*/

.ex-module-heading-1 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.kopa-heading1,
.kopa-heading2,
.kopa-heading3,
.kopa-heading4,
.kopa-heading5,
.kopa-heading6 {
    font-size: 35px;
    text-transform: capitalize !important;
    font-family: "lato";
    margin-bottom: 30px;
}

.kopa-heading2 {
    font-size: 30px;
}

.kopa-heading3 {
    font-size: 25px;
}

.kopa-heading4 {
    font-size: 20px;
}

.kopa-heading5 {
    font-size: 16px;
}

.kopa-heading6 {
    font-size: 14px;
}


/*------===================================== end style heading =====================----------------*/


/*----- ======================================== style introduce boxes ===================== -------------*/

.kopa-area-40 .ex-module-introbox-1 {
    margin-bottom: 100px;
}

.kopa-area-42 {
    padding: 100px 0px;
}

.kopa-area-42 .wrap-wg .widget {
    margin-top: 100px;
}

.kopa-area-42 .wrap-wg .widget:first-child {
    margin-top: 0;
}

.kopa-area-41 {
    padding: 115px 0px;
    background: #f9fafb;
    border-bottom: 1px solid #eee;
}

.ex-module-introbox-1 .widget-content ul {
    margin-top: -50px;
}

.ex-module-introbox-1 .widget-content ul li {
    margin-top: 50px;
}

.kopa-intro-box-1 {
    text-align: center;
}

.kopa-intro-box-1 .intro-box-thumb {
    margin-bottom: 20px;
}

.kopa-intro-box-1 .intro-box-thumb i,
.kopa-intro-box-1 .intro-box-thumb span {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    text-align: center;
    font-size: 35px;
    line-height: 100px;
    color: #fff;
}

.kopa-intro-box-1 .intro-box-title {
    margin-bottom: 20px;
}

.kopa-intro-box-1 .intro-box-title a {
    color: #333;
}

.kopa-intro-box-1 .intro-box-title a:hover {
    color: #0e8dc1;
}

.kopa-intro-box-1 .intro-box-content p {
    color: #999;
    font-size: 16px;
    line-height: 25px;
}

.ex-module-introbox-2 .widget-content ul {
    margin-top: -50px;
}

.ex-module-introbox-2 .widget-content ul li {
    margin-top: 50px;
}

.kopa-intro-box-2 .intro-box-thumb {
    margin-bottom: 20px;
}

.kopa-intro-box-2 .intro-box-thumb i,
.kopa-intro-box-2 .intro-box-thumb span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    color: white;
    line-height: 40px;
    margin-right: 15px;
}

.kopa-intro-box-2 .intro-box-thumb span {
    display: inline-block;
}

.kopa-intro-box-2 .intro-box-title {
    display: inline-block;
}

.kopa-intro-box-2 .intro-box-title a {
    color: #333;
}

.kopa-intro-box-2 .intro-box-title a:hover {
    color: #0e8dc1;
}

.kopa-intro-box-2 .intro-box-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.kopa-intro-box-2 .intro-box-content a {
    display: block;
    text-transform: uppercase;
    color: #333;
    margin-top: 20px;
}

.kopa-intro-box-2 .intro-box-content a:hover {
    color: #0e8dc1;
}

.ex-module-introbox-3 .widget-content ul {
    margin-top: -50px;
}

.ex-module-introbox-3 .widget-content ul li {
    margin-top: 50px;
}

.kopa-intro-box-3 {
    padding: 60px 50px;
    background: #fff;
    border: 1px solid #e0e0e0;
    position: relative;
}

.kopa-intro-box-3:hover {
    border-right: 1px solid #0e8dc1;
    border-bottom: 2px solid #0e8dc1;
}

.kopa-intro-box-3 .intro-box-thumb {
    width: 75px;
    height: 75px;
    line-height: 60px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    font-size: 20px;
    top: -40px;
    left: 50%;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    color: white;
    border: 8px solid white;
    box-shadow: 0 0 1px #888;
}

.kopa-intro-box-3 .intro-box-content {
    text-align: center;
}

.kopa-intro-box-3 .intro-box-content .intro-box-title {
    margin-bottom: 30px;
}

.kopa-intro-box-3 .intro-box-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.kopa-intro-box-3 .intro-box-content a {
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    margin-top: 30px;
    display: inline-block;
}

.kopa-intro-box-3 .intro-box-content a:hover {
    color: #0e8dc1;
}

.ex-module-introbox-4 ul {
    margin-top: -20px;
}

.ex-module-introbox-4 ul li {
    margin-top: 20px;
}

.kopa-intro-box-4 {
    padding: 30px;
    background: #f9fafb;
    border: 1px solid #f1f1f1;
}

.kopa-intro-box-4:hover .intro-box-title {
    color: #2c3e50;
    font-weight: bold;
}

.kopa-intro-box-4 .intro-box-thumb {
    float: left;
    margin-right: 20px;
}

.kopa-intro-box-4 .intro-box-thumb span,
.kopa-intro-box-4 .intro-box-thumb i {
    width: 100px;
    height: 100px;
    background: #a1b1bc;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 36px;
    line-height: 100px;
}

.kopa-intro-box-4 .intro-box-content {
    overflow: hidden;
}

.kopa-intro-box-4 .intro-box-content .intro-box-sub-title {
    color: #999;
    margin-bottom: 20px;
}

.kopa-intro-box-4 .intro-box-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
}

.ex-module-introbox-5 .widget-content ul {
    margin-top: -50px;
}

.ex-module-introbox-5 .widget-content ul li {
    margin-top: 50px;
}

.kopa-intro-box-5 {
    padding: 40px 30px;
    border: 1px solid #f1f1f1;
    text-align: center;
    position: relative;
}

.kopa-intro-box-5:before {
    width: 0;
    height: 0;
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0e8dc1;
    transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    opacity: 0;
}

.kopa-intro-box-5:hover {
    background: #0e8dc1;
    border: 1px solid transparent;
}

.kopa-intro-box-5:hover .intro-box-thumb i,
.kopa-intro-box-5:hover .intro-box-thumb span {
    border: 5px double rgba(255, 255, 255, 0.8);
    color: #fff;
    line-height: 60px;
}

.kopa-intro-box-5:hover .intro-box-content .intro-box-title {
    color: #fff;
}

.kopa-intro-box-5:hover .intro-box-content p {
    color: #fff;
}

.kopa-intro-box-5:hover .intro-box-content a {
    color: #fff;
}

.kopa-intro-box-5:hover:before {
    opacity: 1;
}

.kopa-intro-box-5 .intro-box-thumb {
    margin-bottom: 30px;
}

.kopa-intro-box-5 .intro-box-thumb i,
.kopa-intro-box-5 .intro-box-thumb span {
    width: 66px;
    height: 66px;
    border: 1px solid #0e8dc1;
    display: inline-block;
    border-radius: 50%;
    font-size: 23px;
    color: #0e8dc1;
    line-height: 66px;
}

.kopa-intro-box-5 .intro-box-content .intro-box-title {
    margin-bottom: 10px;
}

.kopa-intro-box-5 .intro-box-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.kopa-intro-box-5 .intro-box-content a {
    color: #333;
    margin-top: 20px;
    display: inline-block;
    font-size: 15px;
}

.kopa-intro-box-5 .intro-box-content a span,
.kopa-intro-box-5 .intro-box-content a i {
    margin-left: 5px;
    vertical-align: middle;
}


/*-----========================================== end introduce boxes ========================--------------*/


/*-----======================================== style loadding bars =========================--------------*/

.kopa-area-42 {
    padding: 100px 0px;
}

.kopa-area-42 .wrap-wg .widget {
    margin-top: 100px;
}

.kopa-area-42 .wrap-wg .widget:first-child {
    margin-top: 0;
}

.ex-module-loadingbar-1 ul li,
.ex-module-loadingbar-2 ul li {
    margin-bottom: 30px;
}

.ex-module-loadingbar-1 ul li:last-child,
.ex-module-loadingbar-2 ul li:last-child {
    margin-bottom: 0;
}

.ex-module-loadingbar-1 .entry-item .entry-content .entry-title,
.ex-module-loadingbar-2 .entry-item .entry-content .entry-title {
    margin-bottom: 30px;
}

.ex-module-loadingbar-1 .entry-item .entry-content .kopa-loading-bar,
.ex-module-loadingbar-2 .entry-item .entry-content .kopa-loading-bar {
    margin-top: 10px;
}

.ex-module-loadingbar-1 .entry-item .entry-content .kopa-loading-bar:first-child,
.ex-module-loadingbar-2 .entry-item .entry-content .kopa-loading-bar:first-child {
    margin-top: 0;
}

.ex-module-loadingbar-3 .entry-item .entry-content .entry-title {
    margin-bottom: 30px;
}

.ex-module-loadingbar-3 .entry-item .entry-content ul {
    margin-top: -30px;
}

.ex-module-loadingbar-3 .entry-item .entry-content ul li {
    margin-top: 30px;
}

.kopa-area-43 {
    background: #222533;
    padding: 100px 0px;
}


/*----------- kopa loadingbar 1 --------------*/

.kopa-loading-bar-1 .kopa-loading-header .kopa-loading-title {
    display: inline-block;
    float: left;
}

.kopa-loading-bar-1 .kopa-loading-header .data-load {
    float: right;
    display: none;
}

.kopa-loading-bar-1 .kopa-loading-content {
    border: 1px solid #d1d1d1;
    padding: 3px;
    border-radius: 5px;
}

.kopa-loading-bar-1 .kopa-loading-content .kopa-loading-body {
    height: 10px;
    width: 0;
    background: -moz-linear-gradient(left, #1abc9c, #12ebc0);
    background: -webkit-linear-gradient(left, #1abc9c, #12ebc0);
    background: -o-linear-gradient(left, #1abc9c, #12ebc0);
    background: -ms-linear-gradient(left, #1abc9c, #12ebc0);
    /*For IE10*/
    background: linear-gradient(left, #1abc9c, #12ebc0);
    border-radius: 10px;
}


/*------------ end kopa loadingbar 1 ---------*/


/*----------- kopa loadingbar 2 --------------*/

.kopa-loading-bar-2 .kopa-loading-header .kopa-loading-title {
    display: inline-block;
    float: left;
}

.kopa-loading-bar-2 .kopa-loading-header .data-load {
    float: right;
    display: none;
}

.kopa-loading-bar-2 .kopa-loading-content {
    border: 1px solid #d1d1d1;
}

.kopa-loading-bar-2 .kopa-loading-content .kopa-loading-body {
    height: 10px;
    width: 0;
    background: -moz-linear-gradient(left, #21c2f7, #19e2bb);
    background: -webkit-linear-gradient(left, #21c2f7, #19e2bb);
    background: -o-linear-gradient(left, #21c2f7, #19e2bb);
    background: -ms-linear-gradient(left, #21c2f7, #19e2bb);
    /*For IE10*/
    background: linear-gradient(left, #21c2f7, #19e2bb);
}


/*------------ end kopa loadingbar 2 ---------*/


/*----------- kopa loadingbar 3 --------------*/

.kopa-loading-bar-3 .kopa-loading-header .kopa-loading-title {
    display: inline-block;
    float: left;
}

.kopa-loading-bar-3 .kopa-loading-header .data-load {
    float: right;
    display: none;
}

.kopa-loading-bar-3 .kopa-loading-content {
    border: 1px solid #d1d1d1;
    padding: 3px;
    border-radius: 5px;
    background: white;
}

.kopa-loading-bar-3 .kopa-loading-content .kopa-loading-body {
    height: 10px;
    width: 0;
    background: -moz-linear-gradient(left, #21c2f7, #19e2bb);
    background: -webkit-linear-gradient(left, #21c2f7, #19e2bb);
    background: -o-linear-gradient(left, #21c2f7, #19e2bb);
    background: -ms-linear-gradient(left, #21c2f7, #19e2bb);
    /*For IE10*/
    background: linear-gradient(left, #21c2f7, #19e2bb);
    border-radius: 10px;
    position: relative;
}

.kopa-loading-bar-3 .kopa-loading-content .kopa-loading-body:hover .tooltip-data {
    display: block;
}

.kopa-loading-bar-3 .kopa-loading-content .kopa-loading-body .tooltip-data {
    position: absolute;
    right: -20px;
    top: -35px;
    padding: 2px 6px;
    border: 1px solid;
    border-radius: 20%;
    background: #2c3e50;
    display: none;
}

.kopa-loading-bar-3 .kopa-loading-content .kopa-loading-body .tooltip-data:before {
    width: 10px;
    height: 10px;
    border: 1px solid white;
    content: "";
    position: absolute;
    bottom: -5px;
    z-index: 0;
    left: 50%;
    background: #2c3e50;
    border-top: none;
    border-left: none;
    transform: translate(-50%, 0) rotate(45deg);
    -ms-transform: translate(-50%, 0) rotate(45deg);
    -webkit-transform: translate(-50%, 0) rotate(45deg);
}


/*------------ end kopa loadingbar 3 ---------*/


/*------------ kopa loadingbar 4 ------------*/

.kopa-loading-bar-4 .kopa-loading-header .kopa-loading-title {
    display: inline-block;
    float: left;
    text-transform: uppercase !important;
}

.kopa-loading-bar-4 .kopa-loading-header .data-load {
    float: right;
    display: none;
}

.kopa-loading-bar-4 .kopa-loading-content {
    border: 1px solid #d1d1d1;
    border-radius: 5px;
}

.kopa-loading-bar-4 .kopa-loading-content .kopa-loading-body {
    height: 30px;
    width: 0;
    background: -moz-linear-gradient(left, #21c2f7, #00deff);
    background: -webkit-linear-gradient(left, #21c2f7, #00deff);
    background: -o-linear-gradient(left, #21c2f7, #00deff);
    background: -ms-linear-gradient(left, #21c2f7, #00deff);
    /*For IE10*/
    background: linear-gradient(left, #21c2f7, #00deff);
    border-radius: 5px;
}


/*----------- end kopa loading bar 4 --------*/


/*-----------=================================== end style loadding bars ====================-------------*/


/*--------- ============================== style shop ============================= ----------------*/

.kopa-area-44 {
    background: url(img/img-breadcrum3.php) top center no-repeat;
    background-size: cover;
}

.kopa-area-44:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #003255;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(0, 50, 85, 0), #003255);
    /*Standard*/
}

.kopa-area-45 {
    padding: 115px 0px;
}

.kopa-area-45 .kopa-tab {
    margin-bottom: 50px;
}


/*-----------============================= end style shop ======================== ------------------*/


/*---------- =========================== style single shop ===================== --------------------*/

.woocommerce-area-1 .images {
    float: left;
    width: auto;
}

.woocommerce-area-1 .summary {
    float: left;
}

.woocommerce-area-1 .summary .kopa-heading2 {
    line-height: 30px;
    margin-bottom: 30px;
}

.woocommerce-area-1 .woocommerce-product-rating {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.woocommerce-area-1 .woocommerce-product-rating .star-rating {
    margin: 3px 15px 0 0;
    float: left;
    overflow: hidden;
}

.woocommerce-area-1 .woocommerce-product-rating a.woocommerce-review-link {
    color: #333;
}

.woocommerce-area-1 .woocommerce-product-rating a.woocommerce-review-link:hover {
    color: #0e8dc1;
}

.woocommerce-area-1 .wrap-offer {
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
}

.woocommerce-area-1 .wrap-offer p.price del {
    font-size: 16px;
    color: #999;
    margin-right: 30px;
}

.woocommerce-area-1 .wrap-offer p.price ins {
    color: #0e8dc1;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
}

.woocommerce-area-1 .wrap-description {
    margin-bottom: 30px;
}

.woocommerce-area-1 .wrap-description p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.woocommerce-area-1 form.cart .quantity {
    float: left;
    width: auto;
    min-width: 70px;
    position: relative;
    margin-right: 20px !important;
}

.woocommerce-area-1 form.cart .quantity input[type="button"] {
    width: 30px;
    height: 26px;
    border-radius: 0;
    border: none;
    background: #e3e3e3;
    width: 30px;
    height: 26px;
    border-radius: 0;
    border: none;
    background: #e3e3e3;
    display: block;
    padding: 0;
    margin: 0;
    position: absolute;
    text-align: center;
    vertical-align: text-top;
    right: 0;
    overflow: visible;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    line-height: 13px;
    font-size: 12px;
}

.woocommerce-area-1 form.cart .quantity input[type="button"].plus {
    top: 0;
}

.woocommerce-area-1 form.cart .quantity input[type="button"].minus {
    bottom: 0;
}

.woocommerce-area-1 form.cart .quantity input[type="button"]:hover {
    background: #0e8dc1;
    color: #fff;
}

.woocommerce-area-1 form.cart .quantity input[type=number] {
    padding: 0;
    text-align: center;
    border-color: #d8d8d8;
    font-weight: bold;
    border-radius: 0;
    border: 1px solid #d8d8d8;
    height: 52px;
    width: 40px;
    float: left;
    box-shadow: none;
}

.woocommerce-area-1 form.cart button.single_add_to_cart_button {
    display: inline-block;
    padding: 15px 40px;
    text-align: center;
    border: 1px solid transparent;
    text-transform: uppercase;
    border-radius: 50px;
    color: #fff;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-shadow: none;
}

.woocommerce-area-1 form.cart button.single_add_to_cart_button i,
.woocommerce-area-1 form.cart button.single_add_to_cart_button span {
    margin-right: 10px;
}

.woocommerce-area-1 form.cart button.single_add_to_cart_button:hover {
    text-shadow: none;
}

.woocommerce-area-1 .product_meta {
    margin-top: 30px;
}

.woocommerce-area-1 .product_meta span.posted_in {
    display: block;
    font-size: 16px;
    color: #666;
    margin-bottom: 10px;
}

.woocommerce-area-1 .product_meta span.posted_in a {
    color: #333;
}

.woocommerce-area-1 .product_meta span.posted_in a:hover {
    color: #0e8dc1;
}

.ex-woocommerce-tabs {
    margin-top: 50px;
}

.ex-woocommerce-tabs .panel {
    box-shadow: none;
    margin: 0 !important;
}

.ex-woocommerce-tabs ul.tabs {
    padding: 0 !important;
    border-bottom: 1px solid #eee;
    list-style: none;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
}

.ex-woocommerce-tabs ul.tabs li {
    padding: 15px 30px !important;
    display: inline-block;
    font-size: 16px;
    border: 1px solid transparent !important;
    border-top: 10px solid transparent !important;
    background: transparent !important;
    box-shadow: none !important;
    border-radius: 0px !important;
    margin: 0px !important;
}

.ex-woocommerce-tabs ul.tabs li:before {
    display: none;
}

.ex-woocommerce-tabs ul.tabs li:after {
    display: none;
}

.ex-woocommerce-tabs ul.tabs li a {
    color: #333 !important;
    font-weight: 400 !important;
    padding: 0px !important;
}

.ex-woocommerce-tabs ul.tabs li.active {
    border-left: 1px solid #eee !important;
    border-right: 1px solid #eee !important;
    border-top: 10px solid;
}

.ex-woocommerce-tabs ul.tabs li.active a {
    color: #0e8dc1 !important;
}

.ex-woocommerce-tabs .tab-description {
    box-shadow: none;
}

.ex-woocommerce-tabs .tab-description .entry-title {
    margin-bottom: 20px;
}

.ex-woocommerce-tabs .tab-description p {
    font-size: 16px;
    color: #666;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment {
    padding: 30px 0px;
    border-bottom: 1px solid #eee;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container img {
    float: left;
    margin-right: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text {
    overflow: hidden;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .cm-author {
    margin-bottom: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .cm-author a {
    color: #333;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .cm-author a:hover {
    color: #0e8dc1;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .meta {
    float: left;
    font-size: 16px;
    color: #666;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .meta i,
.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .meta span {
    width: 26px;
    height: 26px;
    color: white;
    text-align: center;
    border-radius: 50%;
    font-size: 13px;
    line-height: 26px;
    margin-right: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .description {
    margin-top: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .comments .commentlist .comment .comment_container .comment-text .description p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper {
    margin-top: 50px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-reply-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form label {
    display: block;
    font-size: 16px;
    color: #999;
    font-weight: normal;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item {
    margin-top: 20px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item:first-child {
    margin-top: 0px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="text"] {
    min-width: 150px;
    width: 400px;
    height: 50px;
    border-radius: 5px;
    padding: 0px 15px;
    border: 1px solid #eee;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item .list-stars {
    margin-bottom: 0;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item .list-stars li {
    display: inline-block;
    font-size: 18px;
    color: #999;
    padding: 0px 15px;
    border-left: 1px solid #eee;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item .list-stars li:first-child {
    padding-left: 0px;
    border-left: none;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item .list-stars li:last-child {
    padding-right: 0px;
    border-right: none;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item textarea {
    width: 100%;
    padding: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.ex-woocommerce-tabs .tab-reviews .reviews .review_form_wrapper .review_form .comment-form .comment-form-item input[type="submit"] {
    text-transform: uppercase;
}

.related {
    margin-top: 115px;
}

.related ul.row {
    margin-top: -30px !important;
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.related ul.row li {
    margin-top: 30px;
}

.related .entry-item .entry-thumb {
    position: relative;
    margin-bottom: 25px;
}

.related .entry-item .entry-thumb img {
    width: 100%;
}

.related .entry-item .entry-thumb:hover a.btn-add {
    opacity: 1;
}

.related .entry-item .entry-thumb a.btn-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
}

.related .entry-item .entry-content .entry-header h4 {
    font-size: 18px;
    margin-bottom: 0px;
}

.related .entry-item .entry-content .entry-header h4 a {
    color: #333;
}

.related .entry-item .entry-content .entry-header h4 a:hover {
    color: #0e8dc1;
}

.related .entry-item .entry-content p {
    font-size: 18px;
}

.related .entry-item .entry-content .kopa-rating ul {
    margin: 0;
}

.related .entry-item .entry-content .kopa-rating ul li {
    margin: 0;
}

.related .entry-item .entry-content .badge-icon-1.style-01 {
    position: absolute;
    top: 30px;
    left: 10px;
}

.star-rating {
    position: relative;
    height: 1em;
    line-height: 1em;
    font-size: 1em;
    width: 5.4em;
    font-family: 'star';
}

.star-rating:before {
    color: #0e8dc1;
    content: "\73\73\73\73\73";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}

.star-rating span {
    width: 60%;
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 1.5em;
}

.star-rating span:before {
    content: "\53\53\53\53\53";
    top: 0;
    position: absolute;
    left: 0;
}


/*-------- ============================== end style single shop ====================== ---------------*/


/*---------============================== style gallery =============================-----------------*/

.kopa-area-46 {
    background: url(img/img-breadcrum4.php) top center no-repeat;
    background-size: cover;
}

.kopa-area-46:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #003255;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(0, 50, 85, 0), #003255);
    /*Standard*/
}

.kopa-gallery-1 .gallery-content,
.kopa-gallery-2 .gallery-content {
    overflow: hidden;
}

.kopa-gallery-1 .gallery-content ul,
.kopa-gallery-2 .gallery-content ul {
    margin-top: -23px;
}

.kopa-gallery-1 .gallery-content ul li,
.kopa-gallery-2 .gallery-content ul li {
    padding: 0px 10px;
    margin-top: 23px;
}

.kopa-gallery-1 .gallery-content ul li .entry-item,
.kopa-gallery-2 .gallery-content ul li .entry-item {
    position: relative;
}

.kopa-gallery-1 .gallery-content ul li .entry-item:before,
.kopa-gallery-2 .gallery-content ul li .entry-item:before {
    content: "";
    position: absolute;
    background: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.kopa-gallery-1 .gallery-content ul li .entry-item:hover .entry-thumb,
.kopa-gallery-2 .gallery-content ul li .entry-item:hover .entry-thumb {
    opacity: .5;
}

.kopa-gallery-1 .gallery-content ul li .entry-item:hover .entry-content,
.kopa-gallery-2 .gallery-content ul li .entry-item:hover .entry-content {
    opacity: 1;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-thumb,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb {
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-thumb img,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
    width: 100%;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-content,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
    position: absolute;
    bottom: 50px;
    left: 50px;
    opacity: 0;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-content .entry-title,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-content .entry-title a,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title a {
    color: #ffd200;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-content i,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content i {
    width: 48px;
    height: 48px;
    border: 1px solid #ffd900;
    border-radius: 50%;
    text-align: center;
    line-height: 48px;
    color: #ffd900;
    margin-bottom: 10px;
}

.kopa-gallery-1 .gallery-content ul li .entry-item .entry-content p,
.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content p {
    color: #dcdcdc;
    font-size: 16px;
}


/*---------============================== end style gallery ============================--------------*/


/*------------ ============================= style gallery 2 =========================== --------------*/

.kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
    bottom: 30px;
    left: 30px;
    opacity: 0;
}


/*----------- =============================== end ==================================-------------------*/


/*-----------================================= style gallery post ===================== ---------------*/

.kopa-area-47 {
    padding-top: 115px;
    padding-bottom: 115px;
}

.ex-module-slider-11 #slider-11 .sp-slides-container .sp-arrow {
    position: absolute;
    width: 60px;
    height: 60px;
    background: #0e8dc1;
    border-radius: 50%;
    cursor: pointer;
}

.ex-module-slider-11 #slider-11 .sp-slides-container .sp-previous-arrow:before {
    width: auto;
    height: auto;
    content: "\f104";
    font-size: 20px;
    text-align: center;
    font-family: "FontAwesome";
    background: transparent;
    transform: rotate(0) translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: white;
}

.ex-module-slider-11 #slider-11 .sp-slides-container .sp-previous-arrow:after {
    display: none;
}

.ex-module-slider-11 #slider-11 .sp-slides-container .sp-next-arrow:before {
    width: auto;
    height: auto;
    content: "\f105";
    font-size: 20px;
    text-align: center;
    font-family: "FontAwesome";
    background: transparent;
    transform: rotate(0) translate(-50%, -50%);
    top: 50%;
    left: 50%;
    color: white;
}

.ex-module-slider-11 #slider-11 .sp-slides-container .sp-next-arrow:after {
    display: none;
}

.ex-module-slider-11 #slider-11 .sp-thumbnails-container {
    margin-left: 0;
    margin-right: 0;
}

.ex-module-slider-11 #slider-11 .sp-thumbnails-container .sp-thumbnails .sp-selected-thumbnail {
    position: relative;
}

.ex-module-slider-11 #slider-11 .sp-thumbnails-container .sp-thumbnails .sp-selected-thumbnail:before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.ex-module-slider-13 .widget-content {
    overflow: hidden;
}

.ex-module-slider-13 .main-img-wrap .owl-controls {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    width: 100%;
    padding: 0px 50px;
}

.ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    width: 60px;
    height: 60px;
    line-height: 58px;
    margin: 0px;
    padding: 0px;
    font-size: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    filter: Alpha(Opacity=100);
    opacity: 1;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div.owl-prev {
    float: left;
}

.ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div.owl-next {
    float: right;
}

.ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div:hover {
    background: #ffd200;
}

.ex-module-slider-13 .row-slider {
    margin: 0 -5px;
    margin-top: 10px;
}

.ex-module-slider-13 .thumb-img-wrap .synced .item img {
    border: 2px solid #ffd200;
}

.ex-module-slider-13 .thumb-img-wrap .owl-wrapper-outer .owl-wrapper .owl-item .item {
    padding: 0px 5px;
    width: 100%;
    cursor: pointer;
}

.ex-module-slider-13 .thumb-img-wrap .owl-wrapper-outer .owl-wrapper .owl-item .item img {
    width: 100%;
}

.ex-module-present-6 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.ex-module-present-7 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    margin-bottom: 20px;
}

.ex-module-present-7 .widget-content ul {
    margin-top: -20px;
}

.ex-module-present-7 .widget-content ul li {
    margin-top: 20px;
}

.ex-module-present-7 .widget-content ul li a {
    color: #333;
}

.ex-module-present-7 .widget-content ul li a:hover {
    color: #0e8dc1;
}

.ex-module-present-7 .widget-content ul li a i {
    margin-right: 10px;
}


/*------------ =============================== end style gallery post ================ ----------------*/


/*----------- ============================ style get a quote =========================== -------------*/

.kopa-area-48 {
    padding: 100px 0px;
}


/*-- ================ EX MODULE CONTACT 13 ================= --*/

.ex-module-contact-13 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    margin-bottom: 30px;
}

.ex-module-contact-13 .widget-content form .input-block {
    position: relative;
}

.ex-module-contact-13 .widget-content form .input-block label {
    position: absolute;
    top: 100%;
    display: inline;
    left: 15px;
    font-size: 14px;
}

.ex-module-contact-13 .widget-content form .input-block input[type="text"] {
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.ex-module-contact-13 .widget-content form .textarea-block textarea {
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #666;
}

.ex-module-contact-13 .widget-content form .btn-block input[type="submit"] {
    text-transform: uppercase;
}

.ex-module-contact-13 .widget-content form::-webkit-input-placeholder {
    color: #666;
}

.ex-module-contact-13 .widget-content form:-moz-placeholder {
    /* Firefox 18- */
    color: #666;
}

.ex-module-contact-13 .widget-content form::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
}

.ex-module-contact-13 .widget-content form:-ms-input-placeholder {
    color: #666;
}


/*-- =================== END ================ --*/


/*------------============================ end style get a quote ======================= ---------------*/


/*----------- ========================== style tabs ================================= --------------*/

.kopa-area-48 .ex-module-tab-2,
.kopa-area-48 .ex-module-tab-3,
.kopa-area-48 .ex-module-tab-4,
.kopa-area-48 .ex-module-tab-5,
.kopa-area-48 .ex-module-tab-6,
.kopa-area-48 .ex-module-tab-7,
.kopa-area-48 .ex-module-tab-8 {
    margin-top: 20px;
}


/*--- tab style 1 --*/

.kopa-tab-1 {
    text-align: center;
}

.kopa-tab-1 .nav {
    display: inline-block;
}

.kopa-tab-1 .nav li {
    display: inline-block;
    font-size: 16px;
    position: relative;
}

.kopa-tab-1 .nav li a {
    color: #999;
}

.kopa-tab-1 .nav li a.active {
    background: none;
}

.kopa-tab-1 .nav li a:hover {
    background: none;
}

.kopa-tab-1 .nav li:before {
    content: "/";
    color: #999;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
}

.kopa-tab-1 .nav li:last-child:before {
    content: "";
}


/*-- tab style 2 --*/

.kopa-tab-2 {
    text-align: center;
}

.kopa-tab-2 .nav {
    display: inline-block;
    margin-top: -10px;
}

.kopa-tab-2 .nav li {
    display: inline-block;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
    margin-right: 5px;
}

.kopa-tab-2 .nav li:last-child {
    margin-right: 0;
}

.kopa-tab-2 .nav li.active {
    border-radius: 25px;
}

.kopa-tab-2 .nav li.active a {
    color: #fff;
}

.kopa-tab-2 .nav li a {
    padding: 5px 20px;
    border-radius: 15px;
    color: #888;
}

.kopa-tab-2 .nav li a.active {
    background: #0e8dc1;
    color: white;
    font-size: 15px;
}


/*-- tab style 3 --*/

.kopa-tab-3 {
    display: inline-block;
    text-align: center;
}

.kopa-tab-3 .nav {
    display: inline-block;
    margin-top: -20px;
}

.kopa-tab-3 .nav li {
    margin-top: 20px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    margin-right: 5px;
    text-transform: uppercase;
}

.kopa-tab-3 .nav li:last-child {
    margin-right: 0;
}

.kopa-tab-3 .nav li.active a {
    color: #fff;
}

.kopa-tab-3 .nav li a {
    padding: 10px 15px;
    border-radius: 0px;
    color: #333;
}

.kopa-tab-3 .nav li a.active {
    background: #0e8dc1;
    color: white;
    font-size: 15px;
}


/*-------- tab style 4 --------*/

.kopa-tab-4 {
    display: inline-block;
    text-align: center;
}

.kopa-tab-4 .nav {
    display: inline-block;
    border-radius: 4px;
    overflow: hidden;
    margin-top: -20px;
}

.kopa-tab-4 .nav li {
    margin-top: 20px;
    display: inline-block;
    float: left;
    font-size: 16px;
    position: relative;
    text-transform: capitalize;
    background: #f7f9f9;
}

.kopa-tab-4 .nav li:last-child {
    margin-right: 0;
}

.kopa-tab-4 .nav li:last-child a {
    border-left: none;
}

.kopa-tab-4 .nav li:first-child {
    margin-left: 0;
}

.kopa-tab-4 .nav li:first-child a {
    border-right: none;
}

.kopa-tab-4 .nav li.active {
    background: transparent;
}

.kopa-tab-4 .nav li.active a {
    color: #0e8dc1;
}

.kopa-tab-4 .nav li a {
    padding: 15px 25px;
    border-radius: 0px;
    border: 1px solid #eee;
    color: #333;
}


/*-------- tab style 5 -------*/

.kopa-tab-5 .tab-content {
    border: 1px solid #eee;
    border-top: none;
}

.kopa-tab-5 .tab-content .tab-pane {
    padding: 30px;
}

.kopa-tab-5 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-5 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-5 .nav-tabs {
    border: 1px solid #eee;
}

.kopa-tab-5 .nav-tabs li {
    border-radius: none;
    border-right: 1px solid #eee;
    border-top: 4px solid transparent;
    font-size: 16px;
    text-transform: capitalize;
}

.kopa-tab-5 .nav-tabs li:last-child {
    border-right: none;
}

.kopa-tab-5 .nav-tabs li.active {
    border-top: 4px solid #0e8dc1;
}

.kopa-tab-5 .nav-tabs li.active a {
    border: none;
    color: #0e8dc1;
}

.kopa-tab-5 .nav-tabs li.active a:hover {
    border: none;
}

.kopa-tab-5 .nav-tabs li a {
    border-radius: 0px;
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-5 .nav-tabs li a:hover {
    color: #0e8dc1;
    border: none;
    border-radius: 0px;
}


/*-------- tab style 6 -------*/

.kopa-tab-6 .tab-content {
    border: 1px solid #eee;
    border-top: none;
}

.kopa-tab-6 .tab-content .tab-pane {
    padding: 30px;
}

.kopa-tab-6 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-6 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-6 .nav-tabs {
    border: 1px solid #eee;
}

.kopa-tab-6 .nav-tabs li {
    border-radius: none;
    border-right: 1px solid #eee;
    border-top: 4px solid transparent;
    font-size: 16px;
    text-transform: capitalize;
}

.kopa-tab-6 .nav-tabs li:last-child {
    border-right: none;
}

.kopa-tab-6 .nav-tabs li.active {
    border-top: 4px solid #0e8dc1;
    box-shadow: 5px 0px 10px #eee;
}

.kopa-tab-6 .nav-tabs li.active a {
    border: none;
    color: #0e8dc1;
}

.kopa-tab-6 .nav-tabs li.active a:hover {
    border: none;
}

.kopa-tab-6 .nav-tabs li a {
    padding: 20px 15px;
    border-radius: 0px;
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-6 .nav-tabs li a:hover {
    color: #0e8dc1;
    border: none;
    border-radius: 0px;
}


/*------- tab style 7 -------*/

.kopa-tab-7 .tab-content {
    border: 1px solid #eee;
}

.kopa-tab-7 .tab-content .tab-pane {
    padding: 30px;
}

.kopa-tab-7 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-7 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-7 .nav-pills li {
    background: #ececec;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    font-size: 16px;
    text-transform: capitalize;
}

.kopa-tab-7 .nav-pills li:last-child {
    border-right: none;
}

.kopa-tab-7 .nav-pills li.active a {
    border: none;
    color: #fff;
}

.kopa-tab-7 .nav-pills li.active a:hover {
    border: none;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.kopa-tab-7 .nav-pills li.active a:focus {
    border: none;
    color: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.kopa-tab-7 .nav-pills li a {
    padding: 15px 50px;
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-7 .nav-pills li a:hover {
    color: #0e8dc1;
    border: none;
}


/*------ style tab 8 -------*/

.kopa-tab-8 .tab-content .tab-pane {
    padding: 30px;
}

.kopa-tab-8 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-8 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-8 .nav-tabs {
    border-bottom: 1px solid #eee;
}

.kopa-tab-8 .nav-tabs li {
    border-radius: none;
    border-top: 4px solid transparent;
    font-size: 16px;
    text-transform: capitalize;
}

.kopa-tab-8 .nav-tabs li:last-child {
    border-right: none;
}

.kopa-tab-8 .nav-tabs li.active {
    border-top: 4px solid #0e8dc1;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.kopa-tab-8 .nav-tabs li.active a {
    border: none;
    color: #0e8dc1;
}

.kopa-tab-8 .nav-tabs li.active a:hover {
    border: none;
}

.kopa-tab-8 .nav-tabs li a {
    padding: 15px 50px;
    border-radius: 0px;
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-8 .nav-tabs li a:hover {
    color: #0e8dc1;
    border: none;
    border-radius: 0px;
}


/*--------- style tab 9 --------*/

.kopa-tab-9 .tab-content {
    padding: 15px;
    border: 1px solid #eee;
}

.kopa-tab-9 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-9 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-9 .nav li {
    text-align: center;
    font-size: 16px;
    background: #f9fafb;
    border: 1px solid #eee;
    border-right: none;
    text-transform: capitalize;
    margin-top: 0;
}

.kopa-tab-9 .nav li.active {
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
    background: #fff;
    border-left: 4px solid #0e8dc1;
    margin-right: -1px;
    z-index: 9;
}

.kopa-tab-9 .nav li.active a {
    color: #0e8dc1;
}

.kopa-tab-9 .nav li a {
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-9 .nav li a i {
    margin-right: 15px;
    float: left;
}

.kopa-tab-9 .nav li a:hover {
    color: #0e8dc1;
    border: none;
}


/*------- style tab 10 ---------*/

.kopa-tab-10 .tab-content {
    padding: 15px;
    border-left: 1px solid #eee;
}

.kopa-tab-10 .tab-content .tab-pane .entry-item .entry-thumb {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.kopa-tab-10 .tab-content .tab-pane .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    color: #999;
    margin-bottom: 10px;
}

.kopa-tab-10 .nav li {
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #eee;
    text-transform: capitalize;
    margin-top: 0;
}

.kopa-tab-10 .nav li:last-child {
    border-bottom: none;
}

.kopa-tab-10 .nav li.active {
    text-align: center;
    font-size: 16px;
    box-shadow: -5px 0px 8px #eee inset;
}

.kopa-tab-10 .nav li.active a {
    color: #0e8dc1;
}

.kopa-tab-10 .nav li a {
    color: #333;
    border: none;
    background: transparent;
    margin: 0;
}

.kopa-tab-10 .nav li a i {
    margin-right: 15px;
    float: left;
}

.kopa-tab-10 .nav li a:hover {
    color: #0e8dc1;
    border: none;
}


/*------------ ========================= end style tabs =============================---------------*/


/*-------- ============================ style single blog ============================== ----------*/

.kopa-wrap-entry-item .entry-item {
    overflow: hidden;
}

.kopa-wrap-entry-item .entry-item .entry-header {
    text-align: center;
    margin-bottom: 50px;
}

.kopa-wrap-entry-item .entry-item .entry-header .entry-title {
    font-size: 30px;
    margin-bottom: 20px;
    line-height: 35px;
}

.kopa-wrap-entry-item .entry-item .entry-header .entry-meta p {
    color: #666;
    font-size: 16px;
}

.kopa-wrap-entry-item .entry-item .entry-header .entry-meta p a {
    color: #0e8dc1;
}

.kopa-wrap-entry-item .entry-item .entry-header .entry-meta p a:hover {
    color: #ffd200;
}

.kopa-wrap-entry-item .entry-item .entry-thumb {
    margin-bottom: 50px;
    position: relative;
}

.kopa-wrap-entry-item .entry-item .entry-thumb .slider-thumb-blog-art .owl-controls .owl-pagination {
    display: none;
}

.kopa-wrap-entry-item .entry-item .entry-thumb .customNavigation .btn {
    position: absolute;
    padding: 0;
    top: 50%;
    width: 60px;
    height: 60px;
    background: #0e8dc1;
    transform: translate(0, -50%);
    color: white;
    border-radius: 50%;
    line-height: 55px;
    font-size: 30px;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
}

.kopa-wrap-entry-item .entry-item .entry-thumb .customNavigation .prev {
    left: 30px;
}

.kopa-wrap-entry-item .entry-item .entry-thumb .customNavigation .next {
    right: 30px;
}

.kopa-wrap-entry-item .entry-item .entry-content {
    color: #666;
}

.kopa-wrap-entry-item .entry-item .entry-content figure {
    margin-bottom: 30px;
}

.kopa-wrap-entry-item .entry-item .entry-content figure img {
    width: 100%;
}

.kopa-wrap-entry-item .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
}

.kopa-wrap-entry-item .entry-item .entry-content p em {
    font-size: 22px;
    line-height: 28px;
    font-weight: 400;
}

.kopa-wrap-entry-item .entry-item .entry-tag {
    margin-top: 20px;
}

.kopa-wrap-entry-item .entry-item .entry-tag p {
    margin-bottom: 0;
    color: #333;
    font-size: 14px;
}

.kopa-wrap-entry-item .entry-item .entry-tag p i {
    margin-right: 10px;
}

.kopa-wrap-entry-item .entry-item .entry-tag p a {
    color: #333;
}

.kopa-wrap-entry-item .entry-item .entry-tag p a:hover {
    color: #0e8dc1;
}

.kopa-wrap-entry-item .entry-item .entry-footer {
    margin-top: 50px;
    position: relative;
}

.kopa-wrap-entry-item .entry-item .entry-footer:before {
    position: absolute;
    content: "";
    width: 500%;
    height: 1px;
    background: #f0f0f0;
    top: 50%;
    left: -100%;
    right: -100%;
    z-index: -1;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link {
    color: #666;
    background: white;
    padding: 0px 15px;
    margin-right: 30px;
    font-size: 16px;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link ul {
    display: inline-block;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link ul li {
    margin-top: 0px;
    display: inline-block;
    padding: 0px 5px;
    font-size: 16px;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link ul li:last-child {
    padding-right: 0px;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link ul li a {
    color: #666;
}

.kopa-wrap-entry-item .entry-item .entry-footer .wrap-social-link ul li a:hover {
    color: #0e8dc1;
}

.kopa-comment-list-1 {
    margin-top: 50px;
    margin-bottom: 50px;
}

.kopa-comment-list-1 .item-title {
    margin-bottom: 50px;
}

.kopa-comment-list-1 .comments-list {
    padding-left: 0;
    margin-top: 0px;
}

.kopa-comment-list-1 .comments-list .comment {
    list-style: none;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-avatar {
    margin-right: 20px;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info {
    overflow: hidden;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info h6 {
    font-size: 16px;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info h6 a {
    color: #333;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info h6 a:hover {
    color: #0e8dc1;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .entry-meta .entry-date {
    font-size: 16px;
    color: #999;
    line-height: 20px;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .entry-meta .entry-date i {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    text-align: center;
    font-size: 13px;
    color: white;
    line-height: 26px;
    margin-right: 10px;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .comment-button {
    margin-top: 20px;
    font-size: 16px;
    margin-right: 20px;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .comment-button a {
    color: #0e8dc1;
}

.kopa-comment-list-1 .comments-list .comment .comment-header .comment-info .comment-button a:hover {
    color: #ffd200;
}

.kopa-comment-list-1 .comments-list .comment .comment-content {
    margin-top: 20px;
    padding-left: 60px;
}

.kopa-comment-list-1 .comments-list .comment .comment-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.kopa-comment-list-1 .comments-list .comment .children {
    margin-top: 50px;
    margin-left: 50px;
    margin-bottom: 50px;
}

.kopa-comment-list-1 .comments-list .comment .children .comment {
    padding: 50px 30px;
    background: #f9f9f9;
    margin-top: 20px;
    position: relative;
}

.kopa-comment-list-1 .comments-list .comment .children .comment:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 15px solid #F9F9F9;
    transform: rotate(-10deg);
    bottom: 99%;
}

.kopa-comment-list-1 .comments-list .comment .children .comment .comment-header .comment-info .comment-button {
    margin-right: 0;
}

.ex-module-contact-14 .widget-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
    margin-bottom: 30px;
}

.ex-module-contact-14 .widget-content form .input-block {
    position: relative;
}

.ex-module-contact-14 .widget-content form .input-block input[type="text"] {
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 50px;
    padding: 0 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.ex-module-contact-14 .widget-content form .input-block label {
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
}

.ex-module-contact-14 .widget-content form .textarea-block textarea {
    width: 100%;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #ccc;
    color: #666;
}

.ex-module-contact-14 .widget-content form .btn-block input[type="submit"] {
    font-size: 16px;
}

.ex-module-contact-14 .widget-content form::-webkit-input-placeholder {
    color: #666;
}

.ex-module-contact-14 .widget-content form:-moz-placeholder {
    /* Firefox 18- */
    color: #666;
}

.ex-module-contact-14 .widget-content form::-moz-placeholder {
    /* Firefox 19+ */
    color: #666;
}

.ex-module-contact-14 .widget-content form:-ms-input-placeholder {
    color: #666;
}

.ex-module-read-next .widget-content .entry-item {
    border: 1px solid #eee;
}

.ex-module-read-next .widget-content .entry-item .entry-thumb {
    float: left;
}

.ex-module-read-next .widget-content .entry-item .entry-content {
    overflow: hidden;
    vertical-align: middle;
    text-align: right;
    padding: 0px 50px;
    margin-top: 50px;
}

.ex-module-read-next .widget-content .entry-item .entry-content .entry-header {
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
    text-transform: capitalize;
}

.ex-module-read-next .widget-content .entry-item .entry-content .entry-header .sub-title {
    font-size: 16px;
    color: #666;
}

.ex-module-read-next .widget-content .entry-item .entry-content .entry-header .entry-title {
    margin-bottom: 0;
}

.ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn {
    display: inline-block;
    vertical-align: middle;
}

.ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn a {
    width: 40px;
    height: 40px;
    border: 1px solid silver;
    display: block;
    color: #666;
    border-radius: 50%;
    font-size: 17px;
    line-height: 40px;
    text-align: center;
}

.ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn a:hover {
    border: 1px solid #0e8dc1;
    color: #0e8dc1;
}

.ex-module-read-prev {
    margin-bottom: 30px;
}

.ex-module-read-prev .widget-content .entry-item {
    border: 1px solid #eee;
}

.ex-module-read-prev .widget-content .entry-item .entry-thumb {
    float: right;
}

.ex-module-read-prev .widget-content .entry-item .entry-content {
    overflow: hidden;
    vertical-align: middle;
    text-align: left;
    padding: 0px 50px;
    margin-top: 50px;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .entry-header {
    display: inline-block;
    vertical-align: middle;
    text-transform: capitalize;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .entry-header .sub-title {
    font-size: 16px;
    color: #666;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .entry-header .entry-title {
    margin-bottom: 0;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn a {
    width: 40px;
    height: 40px;
    border: 1px solid silver;
    display: block;
    color: #666;
    border-radius: 50%;
    font-size: 17px;
    line-height: 40px;
    text-align: center;
}

.ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn a:hover {
    border: 1px solid #0e8dc1;
    color: #0e8dc1;
}

.ex-module-article-1 .widget-content .entry-item .entry-content {
    padding: 30px;
    background: #f7f7f7;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta {
    margin-bottom: 20px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .auth-thumb {
    float: left;
    margin-right: 20px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .entry-info {
    overflow: hidden;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .entry-info .auth-name {
    font-size: 16px;
    text-transform: capitalize;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-meta .entry-info .entry-date {
    color: #666;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.ex-module-article-1 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    color: #999;
    line-height: 25px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer {
    margin-top: 20px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer p {
    color: #666;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer p span {
    margin-right: 10px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer p span i {
    margin-left: 5px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer .wrap-btn {
    font-size: 16px;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer .wrap-btn a {
    color: #666;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer .wrap-btn a:hover {
    color: #0e8dc1;
}

.ex-module-article-1 .widget-content .entry-item .entry-content .entry-footer .wrap-btn a i {
    margin-right: 5px;
    margin-left: 0;
}


/*-------- ============================== end syle single blog ======================== ----------*/


/*-------- ============================= style single services ========================= ----------*/

.kopa-area-49 {
    background: url(img/img-breadcrum5.php) center center no-repeat;
    background-size: cover;
}

.kopa-area-49:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: #003255;
    /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Safari 5.1-6*/
    background: -o-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Opera 11.1-12*/
    background: -moz-linear-gradient(left, rgba(0, 50, 85, 0), #003255);
    /*Fx 3.6-15*/
    background: linear-gradient(to left, rgba(0, 50, 85, 0), #003255);
    /*Standard*/
}


/*--- ============ EX-MODULE-SLIDER-12 ============== ---*/


/*--- ============ END ================- ----*/


/*--- ============ EX-MODULE-PRESENT-8 ============== ---*/

.ex-module-present-8 .widget-content .entry-item .entry-thumb {
    margin-bottom: 30px;
}

.ex-module-present-8 .widget-content .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
    line-height: 25px;
    margin-bottom: 30px;
}

.ex-module-present-8 .widget-content .entry-item .entry-content p:last-child {
    margin-bottom: 0;
}

.ex-module-present-8 .widget-content .entry-item .entry-content .entry-gallery {
    margin-bottom: 30px;
}

.ex-module-present-8 .widget-content .entry-item .entry-content .entry-gallery ul {
    margin-top: -20px;
}

.ex-module-present-8 .widget-content .entry-item .entry-content .entry-gallery ul li {
    margin-top: 20px;
}

.ex-module-present-8 .widget-content .entry-item .entry-content .entry-gallery ul li img {
    width: 100%;
}


/*--------- ============================== end style single services ==================== ---------*/


/*---------- =============================== our services =========================== -------------*/

.kopa-area-50 {
    padding: 115px 0px;
    background: url(img/bg-2.php) top center no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}

.kopa-area-50:before {
    content: "";
    background: rgba(0, 67, 107, 0.8);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    position: absolute;
}


/*---------- ================================== end our services ========================= ---------*/


/*---------- ================================= our services 2 ============================ ----------*/


/*------------================================ end our services 2 ======================== ----------*/


/*------------ =============================== style our team ============================ -----------*/


/*----------- ===================================== end style our team ======================----------*/


/*------------======================================== style pricing table ==================== ---------*/


/*----- ================= EX-MODULE-PRICING-TABLE-1 ================ ---------*/

.ex-module-pricing-table-1 .widget-content ul,
.ex-module-pricing-table-2 .widget-content ul,
.ex-module-pricing-table-3 .widget-content ul,
.ex-module-pricing-table-4 .widget-content ul {
    margin-top: -30px;
}

.ex-module-pricing-table-1 .widget-content ul li,
.ex-module-pricing-table-2 .widget-content ul li,
.ex-module-pricing-table-3 .widget-content ul li,
.ex-module-pricing-table-4 .widget-content ul li {
    margin-top: 30px;
}


/*----- ============================= END ======================= ------------*/


/*------------ pricing table 1 ------------*/

.kopa-pricing-table-1 {
    text-align: center;
}

.kopa-pricing-table-1.style-01 .pricing-header {
    background: #ffd200;
}

.kopa-pricing-table-1 .pricing-header {
    background: #0e8dc1;
    padding: 30px 15px;
    color: #fff;
}

.kopa-pricing-table-1 .pricing-header h4 {
    margin-bottom: 0;
}

.kopa-pricing-table-1 .pricing-header .meta-price-month .meta-price {
    font-size: 40px;
    font-weight: bold;
}

.kopa-pricing-table-1 .pricing-header .meta-price-month .meta-month {
    font-size: 12px;
}

.kopa-pricing-table-1 .pricing-header .pricing-title {
    font-weight: bold;
    font-size: 16px;
}

.kopa-pricing-table-1 .pricing-content {
    padding: 50px 15px;
    border: 1px solid #eee;
}

.kopa-pricing-table-1 .pricing-content .pricing-button {
    text-transform: uppercase;
    margin-top: 30px;
}

.kopa-pricing-table-1 .pricing-content ul {
    margin-top: -30px;
}

.kopa-pricing-table-1 .pricing-content ul li {
    margin-top: 30px;
    color: #666;
    font-size: 16px;
}

.kopa-pricing-table-1 .pricing-content ul li span {
    color: #333;
    font-weight: bold;
}


/*------------ end pricing table 1 ------------*/


/*------------ pricing table 2 -------------*/

.kopa-pricing-table-2 {
    text-align: center;
    border: 1px solid rgba(138, 168, 180, 0.2);
    border: 5px solid transparent;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-pricing-table-2:hover {
    border: 5px solid;
}

.kopa-pricing-table-2:hover .pricing-header .meta-price-month {
    border: 2px solid;
}

.kopa-pricing-table-2 .pricing-header {
    padding: 30px 15px;
    border: 1px solid rgba(138, 168, 180, 0.2);
    border-bottom: none;
}

.kopa-pricing-table-2 .pricing-header h4 {
    margin-bottom: 0;
}

.kopa-pricing-table-2 .pricing-header .meta-price-month {
    width: 150px;
    height: 150px;
    background: #fff;
    margin: auto;
    border-radius: 50%;
    line-height: 150px;
    text-align: center;
    border: 2px solid #0e8dc1;
    margin-bottom: 25px;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-pricing-table-2 .pricing-header .meta-price-month h4 {
    width: 135px;
    height: 135px;
    border-radius: 50%;
    margin: auto;
    text-align: center;
    color: #fff;
    margin-top: 5.5px;
    padding-top: 30px;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-pricing-table-2 .pricing-header .meta-price-month .meta-price {
    font-size: 40px;
    font-weight: bold;
    line-height: 45px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.kopa-pricing-table-2 .pricing-header .meta-price-month .meta-price span {
    font-weight: 400;
}

.kopa-pricing-table-2 .pricing-header .meta-price-month .meta-price:before {
    content: "";
    height: 3px;
    width: 25px;
    background: #fff;
    bottom: -5px;
    left: 50%;
    position: absolute;
    transform: translate(-50%);
}

.kopa-pricing-table-2 .pricing-header .meta-price-month .meta-month {
    font-size: 15px;
    display: block;
    text-transform: capitalize;
}

.kopa-pricing-table-2 .pricing-header .pricing-title {
    font-weight: 900;
    font-size: 24px;
    color: #0e8dc1;
}

.kopa-pricing-table-2 .pricing-content {
    border: 1px solid rgba(138, 168, 180, 0.2);
    border-top: none;
    padding-bottom: 30px;
}

.kopa-pricing-table-2 .pricing-content .pricing-button {
    border: 1px solid transparent;
    box-shadow: 1px 1px 5px #ddd;
    margin-top: 30px;
}

.kopa-pricing-table-2 .pricing-content ul li {
    padding: 15px;
    color: #666;
    font-size: 14px;
    background: #f7f7f7;
}

.kopa-pricing-table-2 .pricing-content ul li:nth-child(even) {
    background: transparent;
}


/*------------- end pricing table 2 ----------*/


/*----------- pricing table 3 -----------------*/

.kopa-pricing-table-3 {
    text-align: center;
}

.kopa-pricing-table-3.style-01 .pricing-header {
    background: #ffd200;
}

.kopa-pricing-table-3.style-01 .pricing-content {
    border-left: none;
    border-right: none;
    padding-bottom: 50px;
}

.kopa-pricing-table-3.style-01 .pricing-content .pricing-button {
    border: 1px solid transparent;
    background: #ffd200;
    margin-top: 30px;
}

.kopa-pricing-table-3.style-01 .pricing-content .pricing-button:hover {
    background: #0e8dc1;
}

.kopa-pricing-table-3.style-01 .pricing-content ul li {
    padding: 15px;
    color: #666;
    font-size: 16px;
}

.kopa-pricing-table-3.style-01 .pricing-content ul li:nth-child(even) {
    background: #f5f6f6;
}

.kopa-pricing-table-3 .pricing-header {
    background: #0e8dc1;
    padding: 30px 15px;
    color: #fff;
    border-radius: 2px;
}

.kopa-pricing-table-3 .pricing-header .meta-price-month {
    font-size: 16px;
}

.kopa-pricing-table-3 .pricing-header .pricing-title {
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 5px;
}

.kopa-pricing-table-3 .pricing-content {
    border: 1px solid #eee;
    padding-bottom: 50px;
}

.kopa-pricing-table-3 .pricing-content .pricing-button {
    margin-top: 30px;
}

.kopa-pricing-table-3 .pricing-content ul li {
    padding: 15px;
    color: #666;
    font-size: 16px;
}

.kopa-pricing-table-3 .pricing-content ul li:nth-child(even) {
    background: #ecf0f1;
}


/*----------  end pricing table 3 ------------*/


/*---------- pricing table 4 -------------------*/

.kopa-pricing-table-4 .table-responsive {
    overflow-x: visible;
}

.kopa-pricing-table-4 .table:-webkit-scrollbar {
    display: block;
}

.kopa-pricing-table-4 .table thead tr th {
    text-align: center;
    background: #eee;
    border-bottom: none;
    padding: 0;
    vertical-align: middle;
    /*--------- style 01 -----------*/
    /*---------- end ---------------*/
    /*--------- style 02 -----------*/
    /*---------- end ---------------*/
}

.kopa-pricing-table-4 .table thead tr th.style-01 {
    background: #0e8dc1;
    color: #fff;
}

.kopa-pricing-table-4 .table thead tr th.style-01 .pricing-header .pricing-title {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.kopa-pricing-table-4 .table thead tr th.style-01 .pricing-header p {
    padding: 10px 0px;
}

.kopa-pricing-table-4 .table thead tr th.style-02 {
    background: #ffd200;
    color: #fff;
}

.kopa-pricing-table-4 .table thead tr th.style-02 .pricing-header .pricing-title {
    padding: 30px 0px;
    z-index: 999;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: -20px;
}

.kopa-pricing-table-4 .table thead tr th.style-02 .pricing-header p {
    padding: 10px 0px;
}

.kopa-pricing-table-4 .table thead tr th .pricing-header .pricing-title {
    font-size: 24px;
    font-weight: bold;
    text-transform: capitalize;
    margin-bottom: 0;
}

.kopa-pricing-table-4 .table thead tr th .pricing-header p span {
    display: block;
}

.kopa-pricing-table-4 .table thead tr th .pricing-header p .meta-price {
    font-size: 48px;
    font-weight: normal;
}

.kopa-pricing-table-4 .table thead tr th .pricing-header p .meta-month {
    font-size: 14px;
    font-weight: normal;
}

.kopa-pricing-table-4 .table tbody {
    text-align: center;
}

.kopa-pricing-table-4 .table tbody tr:nth-child(odd) td {
    background: #ecf0f1;
}

.kopa-pricing-table-4 .table tbody tr:nth-child(odd) td:first-child {
    background: #f7f7f7;
}

.kopa-pricing-table-4 .table tbody tr:nth-child(even) td {
    background: #eee;
}

.kopa-pricing-table-4 .table tbody tr td {
    border: 1px solid #f9f9f9;
}

.kopa-pricing-table-4 .table tbody tr td .icon_close_alt2 {
    color: red;
}

.kopa-pricing-table-4 .table tbody tr td .icon_check_alt2 {
    color: #7bc200;
}

.kopa-pricing-table-4 .table tbody tr td .pricing-button {
    display: inline-block;
    padding: 10px 25px;
    margin-top: 15px;
    margin-bottom: 15px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
}


/*----------- end pricing table 4 ---------------*/


/*----------=========================================== end style pricing table ================= -------*/


/*----------========================================= style our pricing ============================= ------*/


/*--- ============ EX-MODULE-ACCORDION-6 =========== --*/

.ex-module-accordion-6 .widget-content .widget-content-area-1 ul {
    margin-top: -50px;
}

.ex-module-accordion-6 .widget-content .widget-content-area-1 ul li {
    margin-top: 50px;
}


/*--- ============ END ============================ --*/


/*---------- ========================================= end style our pricing ====================-----------*/


/*------ ======================================= style header ==================================== -----------*/

.kopa-area-51 {
    padding: 100px 0px;
    background: #f6f6f6;
}

.kopa-area-51 .kopa-page-header {
    margin-bottom: 100px;
}

.kopa-area-51 .kopa-page-header.last-child {
    margin-bottom: 0;
}


/*------ ======================================= end style header =============================== ------------*/


/*------- ============================= style slider area =================================== ------------*/

.slider-area {
    overflow-y: scroll;
    position: fixed;
    z-index: 99;
    top: 0;
    bottom: 0;
    right: 0;
    width: 360px;
    background: rgba(0, 0, 0, 0.7);
    display: none;
}

.slider-area::-webkit-scrollbar {
    display: none;
}

.slider-area .main-nav-hidden {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
}

.slider-area .main-nav-hidden .title-nav {
    color: #fff;
    margin-left: 30px;
    text-transform: uppercase;
    font-size: 16px;
    padding-left: 20px;
    position: relative;
}

.slider-area .main-nav-hidden .title-nav:before {
    content: "";
    width: 5px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.slider-area .main-nav-hidden .main-menu-hidden {
    margin-bottom: 0px;
}

.slider-area .main-nav-hidden .main-menu-hidden li {
    text-transform: capitalize;
}

.slider-area .main-nav-hidden .main-menu-hidden li a {
    padding: 10px 50px;
    display: block;
    color: #fff;
    position: relative;
}

.slider-area .main-nav-hidden .main-menu-hidden li a span {
    display: block;
    position: absolute;
    color: white;
    font-family: "FontAwesome";
    right: 45px;
    top: 50%;
    cursor: pointer;
    transform: translate(-50%, -50%);
    padding: 0 5px;
}

.slider-area .main-nav-hidden .main-menu-hidden li a span:before {
    content: "\f107";
}

.slider-area .main-nav-hidden .main-menu-hidden li a i {
    font-size: 8px;
    vertical-align: middle;
    margin-right: 5px;
}

.slider-area .main-nav-hidden .main-menu-hidden li.open > a span:before {
    content: "\f106";
}

.slider-area .main-nav-hidden .main-menu-hidden li ul {
    background: transparent;
    position: static;
    float: none;
    border: none;
    box-shadow: none;
}

.slider-area .main-nav-hidden .main-menu-hidden li ul li {
    margin-left: 60px;
    padding: 10px 15px;
}

.slider-area .main-nav-hidden .main-menu-hidden li ul li a {
    background: transparent;
    padding: 0px;
}

.slider-area .main-nav-hidden .main-menu-hidden li ul li a:hover {
    background: transparent;
}

.slider-area .main-nav-hidden .wrap-icon-social {
    margin-top: 20px;
}

.slider-area .main-nav-hidden .wrap-icon-social ul {
    text-align: center;
    padding: 15px 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.slider-area .main-nav-hidden .wrap-icon-social ul li {
    display: inline-block;
    padding: 0 15px;
    font-size: 20px;
}

.slider-area .main-nav-hidden .wrap-icon-social ul li a {
    color: #fff;
}

.slider-area .main-nav-hidden .wrap-icon-social ul li a:hover {
    color: #0e8dc1;
}

.slider-area .btn-close-hidden-nav {
    font-size: 30px;
    color: #fff;
    float: right;
    margin-right: 10px;
}


/*-------- ================================== end style slider area ====================== ---------------*/


/*------------- =========================== HEADER STYLE ========================== -------------------*/


/*---- _______________ **** KOPA-PAGE-HEADER **** _______________ ---*/

.kopa-page-header {
    position: relative;
}

.kopa-page-header .container {
    position: static;
}

.kopa-page-header .main-menu {
    position: static;
    margin-bottom: 0;
}

.kopa-page-header .main-menu li {
    background: transparent;
    text-transform: uppercase;
    position: inherit;
}

.kopa-page-header .main-menu li a {
    font-size: 16px;
    padding: 0px;
    color: black;
    font-weight: 400;
    border: none;
}

.kopa-page-header .main-menu li a:hover {
    transition-duration: 0.5s;
}

.kopa-page-header .main-menu li ul {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
    display: none;
    z-index: 99;
}

.kopa-page-header .main-menu li ul li {
    padding: 13.5px 80px 5px 17px;
}

.kopa-page-header .main-menu li ul li:last-child {
    padding-bottom: 13.5px;
}

.kopa-page-header .main-menu li ul li a {
    padding: 0;
    font-size: 14px;
}

.kopa-page-header .main-menu li div.sf-mega {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
    width: auto !important;
    display: none;
    overflow: hidden;
}

.kopa-page-header .main-menu li div.sf-mega.sf-mega-style-3 {
    display: none;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section {
    border-right: none;
    width: auto;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section ul {
    display: block;
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0px;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section ul li {
    padding: 13.5px 80px 5px 17px;
    padding-right: 25px;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section ul li a {
    color: #333;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section figure {
    padding: 13.5px 5.5px;
    text-align: center;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section figure img {
    width: 100%;
}

.kopa-page-header .main-menu li div.sf-mega div.sf-mega-section figure figcaption a {
    text-transform: capitalize;
    margin-top: 20px;
    color: #333;
}

.kopa-page-header .kopa-header-responsive {
    display: none;
}

.kopa-page-header .kopa-header-responsive .alignleft .kopa-logo {
    padding: 0;
}

.kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature {
    float: none;
    width: auto;
    padding: 0;
    display: inline-block;
}

.kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button {
    color: #fff;
    border: 1px solid #fff;
    width: 38px;
    height: 38px;
    font-size: 15px;
    margin: 0;
    margin-left: 5px;
    transition: 0.5s;
}

.kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button:first-child {
    margin-left: 0;
}

.kopa-page-header .kopa-header-responsive .alignright .humberger-menu {
    display: inline-block;
    margin-right: 0px;
}

.kopa-page-header .kopa-header-responsive .alignright .humberger-menu i {
    width: 38px;
    height: 38px;
    font-size: 15px;
    color: white;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    line-height: 35px;
    cursor: pointer;
}

.kopa-page-header .kopa-header-responsive .wrap-support-number {
    left: 0;
    font-size: 15px;
    padding: 25px 10px;
}

.kopa-page-header .wrap-support-number {
    text-align: center;
    font-size: 40px;
    padding: 25px 0px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 9;
    font-weight: bold;
    display: none;
    text-transform: uppercase;
}

.kopa-page-header .wrap-support-number a {
    color: #fff;
}

.kopa-page-header .kopa-wrap-hidden-content-header {
    margin-top: 10px;
    margin-left: 10px;
}


/*---- ___________ **** END ****_______________ ---*/


/*---____________________ **** KOPA-PAGE-HEADER-1 **** ______________________---*/

.kopa-page-header-1 .kopa-header-top {
    background: #0a1e34;
    color: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
    padding-bottom: 10px;
}

.kopa-page-header-1 .kopa-header-bottom {
    background: #d6d6d6;
    color: #000;
    padding-top: 20px;
    padding-bottom: 20px;
}

.kopa-page-header-1 .main-nav {
    margin-top: 20px;
}

.kopa-page-header-1 .kopa-email-link {
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-1 .kopa-social-links li a {
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-1 .wrap-button-feature {
    margin-top: 8px;
}

.kopa-item-header {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
}

.kopa-item-header:before {
    content: "";
    width: 1px;
    height: 13px;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.kopa-item-header:first-child:before {
    display: none;
}

.kopa-email-link {
    display: inline-block;
    font-size: 16px;
}

.kopa-social-links {
    display: inline-block;
}

.kopa-social-links li {
    display: inline-block;
    margin-right: 10px;
}

.kopa-social-links li:last-child {
    margin-right: 0px;
}

.kopa-social-links li a {
    font-size: 16px;
}

.kopa-social-links.style-02 li {
    margin-right: 15px;
}

.kopa-social-links.style-02 li:last-child {
    margin-right: 0;
}

.kopa-social-links.style-02 a {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
}


/*_________ main-nav ________*/

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

.main-nav.style-01 .main-menu li {
    padding: 0px 15px;
}

.main-nav.style-01 .main-menu li a {
    color: #000;
}

.main-nav.style-01 .main-menu li a:after {
    display: none;
}


/*_______btn-header_______*/

.kopa-wrap-hidden-content-header {
    display: inline-block;
    position: inherit;
}

.btn-header.style-01 {
    border: 1px solid;
    width: 38px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-02 {
    border: 1px solid #fff;
    color: #fff;
    width: 38px;
    height: 38px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-02 i,
.btn-header.style-02 span {
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-03 {
    font-size: 21px;
    line-height: 27px;
    border: none;
}

.btn-header.style-03 span,
.btn-header.style-03 i {
    display: block;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-04 {
    display: inline-block;
    text-transform: uppercase;
    padding: 3px 8px;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    line-height: 20px;
    margin-left: 15px;
}

.btn-header.style-04:hover {
    background: #fff;
    color: #666;
    border-color: transparent;
}

.btn-header.style-05 {
    font-size: 30px;
    line-height: 36px;
    color: #a1b1bc;
    border: none;
    margin-left: 10px;
    margin-right: 25px;
}

.btn-header.style-05 i,
.btn-header.style-05 span {
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-06 {
    font-size: 14px;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 38px;
    border: 1px solid;
    border-radius: 50%;
    color: #0e8dc1;
}

.btn-header.style-06 i {
    font-size: 14px;
    margin: 0;
    float: none;
}

.btn-header.style-06:hover {
    border-color: #ffd200;
}

.btn-header.style-07 {
    color: #fff;
    border: 2px solid transparent;
    width: 38px;
    height: 38px;
    line-height: 36px;
    text-align: center;
    font-size: 14px;
    border-radius: 50%;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.btn-header.style-08 {
    font-size: 14px;
    display: block;
    width: 38px;
    height: 38px;
    text-align: center;
    line-height: 36px;
    border: 1px solid;
    border-radius: 50%;
    color: #999;
}

.btn-header.style-08 i {
    font-size: 14px;
    margin: 0;
    float: none;
}

.btn-header.style-08:hover {
    border-color: #ffd200;
}

.humberger-menu {
    display: none;
}

.humberger-menu i,
.humberger-menu span {
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid;
    border-radius: 50%;
    text-align: center;
    line-height: 37px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.5s;
}


/*---____________________**** END ****________________________________---*/


/*--- _________________________ **** KOPA-PAGE-HEAER-2 **** _______________ ---*/

.kopa-page-header-2 {
    /*--- kopa-header-top header2 ---*/
    /*---- end ---*/
    /*--- kopa-header-bottom header 2 ---*/
    /*--- end ---*/
}

.kopa-page-header-2 .humberger-menu {
    display: none;
}

.kopa-page-header-2 .sf-arrows .sf-with-ul:after {
    display: none;
}

.kopa-page-header-2 .kopa-text-info {
    margin-right: 15px;
}

.kopa-page-header-2 .kopa-header-top {
    position: relative;
    background: #0a1e34;
}

.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li a {
    color: #fff;
}

.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li .sf-mega ul li a {
    color: #000;
}

.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li .sf-mega ul li:hover {
    background: transparent;
}

.kopa-page-header-2 .kopa-header-top .main-nav.style-02 .main-menu li .sf-mega figure figcaption a {
    color: #000;
}

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

.kopa-page-header-2 .kopa-header-bottom .kopa-wrap-hidden-content-header {
    margin-top: 30px;
}

.kopa-page-header-2 .kopa-header-bottom .kopa-wrap-hidden-content-header.style-01 {
    display: none;
}

.kopa-page-header-2 .kopa-header-bottom .btn-get-your-quote {
    margin-left: 15px;
    margin-top: 30px;
    vertical-align: top;
}

.kopa-page-header-2 .kopa-header-bottom .kopa-logo {
    margin-top: 20px;
}

.kopa-page-header-2 .kopa-header-bottom .wrap-info-contact {
    margin-top: 30px;
    margin-bottom: 30px;
}


/*--- main nav style 02 ----*/

.main-nav {
    position: static;
    float: left;
}

.main-nav.style-02 .main-menu {
    position: static;
    margin-bottom: 0;
}

.main-nav.style-02 .main-menu li {
    position: inherit;
    padding: 15px 20px;
    background: transparent;
    white-space: normal;
}

.main-nav.style-02 .main-menu li.curent-menu-item {
    background: rgba(0, 56, 94, 0.2);
}

.main-nav.style-02 .main-menu li:hover {
    background: rgba(0, 56, 94, 0.2);
}

.main-nav.style-02 .main-menu li a {
    text-transform: uppercase;
    color: #fff;
    border: none;
    padding: 0;
    position: inherit;
}

.main-nav.style-02 .main-menu li a:after {
    display: none;
}

.main-nav.style-02 .main-menu li .sub-menu {
    display: none;
}

.main-nav.style-02 .main-menu li .sf-mega {
    display: none;
}

.main-nav.style-02 .main-menu li .sf-mega .sf-mega-section {
    border-right: none;
    width: auto;
}

.main-nav.style-02 .main-menu li .sf-mega .sf-mega-section ul {
    position: relative;
    display: block;
    top: auto;
    box-shadow: none;
}

.main-nav.style-02 .main-menu li .sf-mega .sf-mega-section ul li a {
    color: #000;
}

.main-nav.style-02 .main-menu li .sf-mega .sf-mega-section ul li:hover {
    background: transparent;
}


/*-- end --*/

.kopa-text-info {
    display: inline-block;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
}

.kopa-social-links.style-01 {
    display: inline-block;
}

.kopa-social-links.style-01 li {
    display: inline-block;
    margin-right: 0px;
}

.kopa-social-links.style-01 li:last-child {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.kopa-social-links.style-01 li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    font-size: 16px;
    border-left: 1px solid rgba(255, 255, 255, 0.2);
    display: inline-block;
    transition: 0.5s;
}


/*--- kopa-info-contact ---*/

.wrap-info-contact {
    position: relative;
    float: left;
}

.wrap-info-contact div {
    float: left;
    margin-left: 15px;
}

.wrap-info-contact div i {
    font-size: 45px;
    margin-right: 15px;
    float: left;
}

.wrap-info-contact div h5 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    float: right;
    margin-bottom: 0;
    line-height: 22px;
}

.wrap-info-contact div h5 span {
    font-size: 14px;
    color: #666;
    font-weight: lighter;
    display: block;
}

.wrap-info-contact div h2 {
    font-weight: bold;
    font-size: 30px;
    padding-left: 15px;
    position: relative;
    margin-bottom: 0;
}

.wrap-info-contact div h2 a {
    color: #333;
}

.wrap-info-contact div h2:before {
    content: "";
    width: 1px;
    height: 33px;
    background: #666;
    position: absolute;
    left: 0;
    opacity: 0.4;
    top: 3px;
}


/*--- humberger menu style 02 ---*/

.humberger-menu.style-02 {
    padding: 0;
    background: transparent;
    margin-top: 12px;
}

.humberger-menu.style-02 i {
    display: block;
    width: auto;
    height: auto;
    border: none;
    border-radius: 0px;
    text-align: center;
    line-height: 26px;
    font-size: 20px;
    margin: 0px;
    cursor: pointer;
    transition: 0.5s;
    color: #fff;
}


/*---_______________________ **** END **** ____________________ ---*/


/*----____________________ **** KOPA-PAGE-HEADER-3 ****____________________ ----*/

.kopa-page-header-3 {
    background: transparent;
    position: absolute;
    top: 0;
    z-index: 99;
    width: 100%;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-3 .kopa-header-top {
    padding-top: 20px;
    padding-bottom: 20px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-3 .kopa-header-top a {
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-3 .kopa-header-top a:last-child {
    margin-right: 0;
}

.kopa-page-header-3 .kopa-header-top .kopa-social-links {
    display: inline-block;
}

.kopa-page-header-3 .kopa-header-top .kopa-social-links a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 10px;
}

.kopa-page-header-3 .kopa-header-top .kopa-social-links a:last-child {
    margin-right: 0;
}

.kopa-page-header-3 .kopa-header-top span {
    width: 1px;
    height: 14px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px 10px;
    vertical-align: middle;
}

.kopa-page-header-3 .kopa-header-bottom {
    padding-top: 40px;
    padding-bottom: 40px;
}

.kopa-page-header-3 .kopa-header-bottom .main-nav {
    margin-top: 20px;
}

.kopa-page-header-3 .kopa-header-bottom .wrap-button-feature {
    margin-top: 8px;
}

.main-nav.style-03 {
    float: left;
    padding-left: 0px 15px;
    position: static;
}

.main-nav.style-03 .main-menu {
    position: static;
    margin-bottom: 0;
}

.main-nav.style-03 .main-menu .curent-menu-item ul li a {
    color: #fff !important;
}

.main-nav.style-03 .main-menu li {
    background: transparent;
    padding: 0px 15px;
    text-transform: uppercase;
    position: inherit;
}

.main-nav.style-03 .main-menu li a {
    font-size: 16px;
    padding: 0px;
    font-weight: 400;
    border: none;
}

.main-nav.style-03 .main-menu li a:after {
    opacity: 0;
}

.main-nav.style-03 .main-menu li ul {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-03 .main-menu li ul li {
    padding: 13.5px 80px 5px 17px;
}

.main-nav.style-03 .main-menu li ul li:last-child {
    padding-bottom: 13.5px;
}

.main-nav.style-03 .main-menu li ul li a {
    padding: 0;
    font-size: 14px;
}

.main-nav.style-03 .main-menu li div.sf-mega {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section {
    border-right: none;
    width: auto;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section ul {
    display: block;
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0px;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section ul li {
    padding-right: 25px;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section figure {
    padding: 13.5px 5.5px;
    text-align: center;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section figure img {
    width: 100%;
}

.main-nav.style-03 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a {
    margin-top: 20px;
}


/*------- HUMBERGER MENU STYLE 03 --------*/

.humberger-menu.style-03 {
    display: none;
}

.humberger-menu.style-03 i,
.humberger-menu.style-03 span {
    width: 38px;
    height: 38px;
    border: 0px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 38px;
    font-size: 20px;
    margin: 0px;
    cursor: pointer;
    transition: 0.5s;
}


/*----___________________ **** END **** _______________________ ----*/


/*--- ___________________ **** KOPA-PAGE-HEADER-4 **** ______________ ---*/

.kopa-page-header-4 {
    position: relative;
    box-shadow: 1px 5px 20px #ddd;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-4 .kopa-header-top {
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 47px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-4 .kopa-header-top a {
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-4 .kopa-header-top a:last-child {
    margin-right: 0;
}

.kopa-page-header-4 .kopa-header-top .kopa-social-links {
    display: inline-block;
}

.kopa-page-header-4 .kopa-header-top .kopa-social-links a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    margin-right: 10px;
}

.kopa-page-header-4 .kopa-header-top .kopa-social-links a:last-child {
    margin-right: 0;
}

.kopa-page-header-4 .kopa-header-top span {
    width: 1px;
    height: 14px;
    display: inline-block;
    background: rgba(255, 255, 255, 0.8);
    margin: 0px 10px;
    vertical-align: middle;
}

.kopa-page-header-4 .kopa-header-bottom {
    background: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
}

.kopa-page-header-4 .kopa-header-bottom .main-nav {
    margin-top: 20px;
}

.kopa-page-header-4 .kopa-header-bottom .kopa-wrap-hidden-content-header {
    margin-top: 25px;
    margin-left: 10px;
}

.kopa-page-header-4 .kopa-header-bottom .humberger-menu {
    margin-top: 25px;
    margin-left: 10px;
    margin-right: 10px;
}


/*--------- HUMBERMENU STYLE 04 -------------*/

.humberger-menu.style-04 {
    display: none;
}

.humberger-menu.style-04 i,
.humberger-menu.style-04 span {
    display: block;
    color: #333;
    font-size: 21px;
    line-height: 27px;
    cursor: pointer;
    transition: 0.5s;
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
}


/*--- ___________________ **** END **** _________________ ---*/


/*---- _______________ **** KOPA-PAGE-HEADER-5 ****_____________________----*/

.kopa-page-header-5 {
    position: relative;
    /*----- kopa-header-top ----*/
    /*----- end kopa-header-top -----*/
    /*------ kopa-header-bottom --------*/
    /*---- end header bottom -----*/
}

.kopa-page-header-5 .kopa-header-top {
    padding-bottom: 20px;
    padding-top: 20px;
}

.kopa-page-header-5 .kopa-header-top .kopa-social-links {
    margin-top: 15px;
}

.kopa-page-header-5 .kopa-header-bottom {
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-5 .kopa-header-bottom .kopa-cartdrop-down-1 {
    margin-right: 0;
}

.kopa-page-header-5 .kopa-header-bottom .kopa-cartdrop-down-2 {
    vertical-align: middle;
}

.kopa-page-header-5 .kopa-header-bottom .kopa-header-form {
    margin-top: 10px;
    margin-right: 15px;
}

.kopa-page-header-5 .kopa-header-bottom .humberger-menu {
    margin: 5px 0px 5px 10px;
}

.kopa-header-form {
    display: inline-block;
    width: 300px;
    position: relative;
}

.kopa-header-form input[type="text"] {
    width: 100%;
    border: none;
    color: rgba(255, 255, 255, 0.5);
    height: 40px;
    background: #005e8d;
    padding: 0 20px;
}

.kopa-header-form button[type="submit"] {
    border: none;
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #a1b1bc;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-header-form button[type="submit"]:hover {
    color: #fff;
}

.kopa-header-form button[type="submit"] i,
.kopa-header-form button[type="submit"] span {
    display: block;
    color: rgba(255, 255, 255, 0.5);
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}


/*--------- kopa cartdrop down style 06 ---------*/

.kopa-cartdrop-down-1.style-06 .dropdown-toggle {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    border: none;
    transition: 0.5s;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 3px;
    line-height: 40px;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    vertical-align: middle;
}

.kopa-cartdrop-down-1.style-06 .dropdown-toggle i {
    font-size: 20px;
    line-height: 26px;
    color: #fff;
    margin-right: 0;
}

.kopa-cartdrop-down-1.style-06 .cart-dropdown li {
    width: 100%;
}


/*--------- kopa cartdrop down style 07 ---------*/

.kopa-cartdrop-down-1.style-07 .dropdown-toggle {
    font-size: 20px;
    line-height: 26px;
    border: 1px solid #fff;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    width: 38px;
    height: 38px;
    padding: 0;
    border-radius: 50%;
    line-height: 37px;
}

.kopa-cartdrop-down-1.style-07 .dropdown-toggle:hover {
    background: transparent;
}

.kopa-cartdrop-down-1.style-07 .dropdown-toggle i,
.kopa-cartdrop-down-1.style-07 .dropdown-toggle span {
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    color: #fff;
    margin-right: 0;
}

.kopa-cartdrop-down-1.style-07 .cart-dropdown li {
    width: 100%;
}


/*----------- humberger menu style 08 --------*/

.humberger-menu {
    display: none;
}

.humberger-menu.style-08 {
    vertical-align: middle;
}

.humberger-menu.style-08 i,
.humberger-menu.style-08 span {
    width: 40px;
    height: 40px;
    border: 1px solid transparent;
    color: #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.5s;
}


/*--------- main nav style 06 -----------*/

.main-nav.style-06 {
    float: left;
    padding-left: 0px 15px;
    position: static;
}

.main-nav.style-06 .main-menu {
    padding: 0;
    position: static;
    margin-bottom: 0;
}

.main-nav.style-06 .main-menu .curent-menu-item a:before {
    opacity: 1;
}

.main-nav.style-06 .main-menu li {
    background: transparent;
    padding: 20px 15px;
    text-transform: uppercase;
    position: inherit;
    margin-right: 0;
}

.main-nav.style-06 .main-menu li a {
    border: none;
    font-size: 16px;
    padding: 0px;
    font-weight: 400;
    position: relative;
}

.main-nav.style-06 .main-menu li a:hover {
    transition-duration: 0.5s;
}

.main-nav.style-06 .main-menu li a:hover:before {
    opacity: 1;
}

.main-nav.style-06 .main-menu li a:after {
    opacity: 0;
}

.main-nav.style-06 .main-menu li a:before {
    content: "";
    width: 40px;
    height: 3px;
    position: absolute;
    top: -21px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
}

.main-nav.style-06 .main-menu li ul {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-06 .main-menu li ul li {
    padding: 13.5px 80px 5px 17px;
}

.main-nav.style-06 .main-menu li ul li:last-child {
    padding-bottom: 13.5px;
}

.main-nav.style-06 .main-menu li ul li a {
    padding: 0;
    font-size: 14px;
}

.main-nav.style-06 .main-menu li ul li a:before {
    display: none;
}

.main-nav.style-06 .main-menu li div.sf-mega {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section {
    border-right: none;
    width: auto;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section ul {
    display: block;
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0px;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section ul li {
    padding-right: 25px;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section figure {
    padding: 13.5px 5.5px;
    text-align: center;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section figure img {
    width: 100%;
}

.main-nav.style-06 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a {
    margin-top: 20px;
}


/*----________________ **** END ****______________________----*/


/*--- ___________________ **** KOPA-PAGE-HEADER-6 **** ______________ ---*/

.kopa-page-header-6 {
    position: relative;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-6 .kopa-header-top {
    background: #fff;
    border-bottom: 1px solid #eee;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-6 .kopa-header-top .alignleft .kopa-dropdown-header {
    margin-top: 5px;
}

.kopa-page-header-6 .kopa-header-top .alignright .kopa-cartdrop-down-1 {
    display: inline-block;
    margin-right: 15px;
}

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

.kopa-page-header-6 .kopa-header-bottom .main-nav {
    margin-top: 10px;
}


/*------- kopa social links style 03 ----------*/

.kopa-social-links.style-03 {
    display: inline-block;
}

.kopa-social-links.style-03 li {
    display: inline-block;
    margin-left: 15px;
    margin-right: 0px;
}

.kopa-social-links.style-03 li:first-child {
    margin-left: 0px;
}

.kopa-social-links.style-03 li a {
    color: #a1b1bc;
}


/*------- kopa dropdown header style 01 ----------*/

.kopa-dropdown-header.style-01 {
    display: inline-block;
}

.kopa-dropdown-header.style-01 .dropdown-toggle {
    border: none;
    color: #a1b1bc;
    font-size: 14px;
    line-height: 20px;
}

.kopa-dropdown-header.style-01 .dropdown-toggle i,
.kopa-dropdown-header.style-01 .dropdown-toggle span {
    font-size: 10px;
    margin-left: 15px;
}

.kopa-dropdown-header.style-01 .dropdown-menu li {
    text-transform: uppercase;
}


/*--- ___________________ **** END **** _________________ ---*/


/*--- _________________ **** MENU-RESPONSIVE **** ________________ ---*/

.kopa-header-responsive {
    display: none;
    background: #0e8dc1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.kopa-header-responsive .alignleft {
    padding: 0;
}

.kopa-header-responsive .alignright {
    padding: 0;
}

.kopa-header-responsive .humberger-menu {
    display: inline-block;
    margin: 0;
}

.kopa-header-responsive .humberger-menu i {
    margin: 0;
}

.kopa-header-responsive .wrap-button-feature {
    margin-top: 0;
}

.kopa-header-responsive .kopa-wrap-hidden-content-header {
    margin-top: 0;
}

.kopa-header-responsive .kopa-cartdrop-down-1 {
    margin-right: 0;
    margin-left: 10px;
}


/*---_________________ **** END ****____________________----*/


/*--- ________________ **** HIDDEN CONTENT HEADER **** _____________ ---*/

.wrap-hidden-content {
    position: absolute;
    width: 100%;
    top: 100%;
    padding: 34px 0px;
    z-index: 9;
    text-align: center;
    display: none;
}

.wrap-hidden-content p {
    font-size: 35px;
    color: white;
    font-weight: bold;
}

.wrap-hidden-content .btn-off {
    position: absolute;
    right: 100px;
    top: 50%;
    font-size: 35px;
    color: white;
    transform: translate(0, -50%);
    cursor: pointer;
    transition: 0.5s;
}

.wrap-hidden-content .btn-off:hover {
    color: #ffd200;
}

.wrap-hidden-content form button {
    font-size: 35px;
    line-height: 0;
    vertical-align: middle;
    border: none;
    margin-right: 10px;
    color: white;
}

.wrap-hidden-content form input[type="text"] {
    height: 35px;
    width: 90%;
    border: none;
    padding: 0px 20px;
    color: #eee;
}


/*--- ________________ **** END **** _____________________ ---*/


/*----___________________ **** KOPA-PAGE-HEADER-7 ****_________________----*/

.kopa-page-header-7 {
    position: relative;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-7 .kopa-header-top {
    background: #a5d7eb;
    border-top: 5px solid #76c6e6;
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-7 .kopa-header-top .kopa-social-links {
    display: inline-block;
    margin-top: 5px;
}

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

.kopa-page-header-7 .kopa-header-bottom .main-nav {
    margin-top: 20px;
}

.kopa-page-header-7 .kopa-header-bottom .humberger-menu {
    margin-right: 20px;
}

.kopa-page-header-7 .kopa-cartdrop-down-1 {
    margin-right: 0;
}

.kopa-page-header-7 .kopa-cartdrop-down-1 .dropdown-toggle {
    margin-right: 0;
    padding: 0;
}


/*------ main nav style 04 ---------*/

.main-nav.style-04 {
    float: left;
    padding-left: 0px 15px;
    position: static;
}

.main-nav.style-04 .main-menu {
    position: static;
    margin-bottom: 0;
}

.main-nav.style-04 .main-menu .curent-menu-item a:before {
    opacity: 1;
}

.main-nav.style-04 .main-menu li {
    background: transparent;
    padding: 0px 15px;
    text-transform: uppercase;
    position: inherit;
}

.main-nav.style-04 .main-menu li a {
    font-size: 16px;
    padding: 0px;
    color: black;
    font-weight: 400;
    position: relative;
}

.main-nav.style-04 .main-menu li a:hover {
    transition-duration: 0.5s;
}

.main-nav.style-04 .main-menu li a:hover:before {
    opacity: 1;
}

.main-nav.style-04 .main-menu li a:after {
    opacity: 0;
}

.main-nav.style-04 .main-menu li a:before {
    content: "";
    width: 40px;
    height: 5px;
    position: absolute;
    top: -41px;
    left: 50%;
    -webkit-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
    opacity: 0;
}

.main-nav.style-04 .main-menu li ul {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-04 .main-menu li ul li {
    padding: 13.5px 80px 5px 17px;
}

.main-nav.style-04 .main-menu li ul li:last-child {
    padding-bottom: 13.5px;
}

.main-nav.style-04 .main-menu li ul li a {
    padding: 0;
    font-size: 14px;
}

.main-nav.style-04 .main-menu li ul li a:before {
    display: none;
}

.main-nav.style-04 .main-menu li div.sf-mega {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section {
    border-right: none;
    width: auto;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section ul {
    display: block;
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0px;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section ul li {
    padding-right: 25px;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section figure {
    padding: 13.5px 5.5px;
    text-align: center;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section figure img {
    width: 100%;
}

.main-nav.style-04 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a {
    margin-top: 20px;
}


/*------- end -----------*/


/*------- HUMBERGER MENU STYLE 07 ---------*/

.humberger-menu.style-07 {
    display: none;
}

.humberger-menu.style-07 i,
.humberger-menu.style-07 span {
    display: block;
    color: #a1b1bc;
    line-height: 26px;
    font-size: 20px;
    cursor: pointer;
    transition: 0.5s;
    border: none;
    width: auto;
    height: auto;
    border-radius: 0;
    margin: 0;
}


/*---- _______________ **** END ****____________________ ----*/


/*---- _______________ **** KOPA-PAGE-HEADER-8 ****_____________________----*/

.kopa-page-header-8 {
    position: relative;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-8 .kopa-header-top {
    background: #00243c;
    padding-top: 15px;
    padding-bottom: 15px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-8 .kopa-header-top .kopa-list-item-header {
    margin-top: 5px;
}

.kopa-page-header-8 .kopa-header-top .kopa-cartdrop-down-1.style-01 {
    margin-right: 0;
}

.kopa-page-header-8 .kopa-header-top .kopa-cartdrop-down-1.style-01 .cart-dropdown {
    left: -400px;
}

.kopa-page-header-8 .kopa-header-bottom {
    background: #00436b;
    padding-top: 25px;
    padding-bottom: 25px;
}

.kopa-page-header-8 .kopa-header-bottom .kopa-wrap-hidden-content-header {
    margin-top: 10px;
}

.kopa-page-header-8 .kopa-header-bottom .main-nav {
    margin-top: 10px;
}

.kopa-page-header-8 .kopa-header-bottom .humberger-menu {
    display: inline-block;
    margin-left: 20px;
}


/*----- kopa list item header ------*/

.kopa-list-item-header li {
    display: inline-block;
    margin-right: 30px;
}

.kopa-list-item-header li:last-child {
    margin-right: 0px;
}

.kopa-list-item-header li a {
    text-transform: capitalize;
    font-size: 14px;
    line-height: 20px;
}

.kopa-list-item-header li a span {
    display: inline-block;
    margin-right: 10px;
}


/*----- kopa cartdrop-down style 01 -------*/

.kopa-cartdrop-down-1.style-01 .dropdown-toggle {
    border: none;
    font-size: 14px;
    border-radius: 0px;
    padding: 0;
    text-transform: capitalize;
    font-weight: 400;
}

.kopa-cartdrop-down-1.style-01 .dropdown-toggle i {
    font-size: 20px;
    line-height: 26px;
    transition: 0.5s;
}

.kopa-cartdrop-down-1.style-01 .cart-dropdown li {
    width: 100%;
}


/*----________________ **** END ****______________________----*/


/*---- _______________ **** KOPA-PAGE-HEADER-9 ****_____________________----*/

.kopa-page-header-9 {
    position: relative;
    /*----- kopa-header-top ----*/
    /*----- end kopa-header-top -----*/
    /*------ kopa-header-bottom --------*/
    /*---- end header bottom -----*/
    /*----- kopa-header-responsive -----*/
    /*------ end ----------------------*/
}

.kopa-page-header-9 .kopa-logo {
    margin-top: 35px;
}

.kopa-page-header-9 .kopa-header-bottom {
    padding-top: 0px;
    padding-bottom: 0px;
    color: rgba(255, 255, 255, 0.8);
    padding-top: 10px;
    padding-bottom: 10px;
}

.kopa-page-header-9 .kopa-header-bottom .kopa-social-links {
    margin-top: 5px;
}

.kopa-page-header-9 .kopa-header-bottom .kopa-cartdrop-down-1 {
    margin-right: 0;
}

.kopa-page-header-9 .kopa-header-bottom .kopa-cartdrop-down-1 .cart-dropdown {
    left: -400px;
}

.kopa-page-header-9 .kopa-header-responsive .kopa-logo {
    margin-top: 0;
}

.kopa-page-header-9 .kopa-header-responsive .kopa-wrap-hidden-content-header {
    margin-top: 0;
}

.kopa-page-header-9 .humberger-menu {
    display: inline-block;
    margin-left: 20px;
    margin-top: 45px;
}

.kopa-page-header-9 .kopa-wrap-hidden-content-header {
    margin-top: 45px;
}


/*-------- MAIN NAV STYLE 05 ---------*/

.main-nav.style-05 {
    float: left;
    padding-left: 0px 15px;
    position: static;
}

.main-nav.style-05 .main-menu {
    position: static;
    margin-bottom: 0;
}

.main-nav.style-05 .main-menu .curent-menu-item {
    border-top: 5px solid;
}

.main-nav.style-05 .main-menu li {
    background: transparent;
    padding: 40px 15px;
    text-transform: uppercase;
    position: inherit;
    border-top: 5px solid transparent;
}

.main-nav.style-05 .main-menu li a {
    font-size: 16px;
    border: none;
    padding: 0px;
    font-weight: 400;
}

.main-nav.style-05 .main-menu li a:hover {
    transition-duration: 0.5s;
}

.main-nav.style-05 .main-menu li a:after {
    opacity: 0;
}

.main-nav.style-05 .main-menu li ul {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-05 .main-menu li ul li {
    padding: 13.5px 80px 5px 17px;
}

.main-nav.style-05 .main-menu li ul li:last-child {
    padding-bottom: 13.5px;
}

.main-nav.style-05 .main-menu li ul li a {
    padding: 0;
    font-size: 14px;
}

.main-nav.style-05 .main-menu li div.sf-mega {
    padding: 13.5px 0px;
    border-top: 2px solid;
    background: white;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section {
    border-right: none;
    width: auto;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section ul {
    display: block;
    position: static;
    border-top: none;
    box-shadow: none;
    padding: 0px;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section ul li {
    padding-right: 25px;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section figure {
    padding: 13.5px 5.5px;
    text-align: center;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section figure img {
    width: 100%;
}

.main-nav.style-05 .main-menu li div.sf-mega div.sf-mega-section figure figcaption a {
    margin-top: 20px;
}


/*----________________ **** END ****______________________----*/


/*----___________________ **** KOPA-PAGE-HEADER-10 ****_________________----*/

.kopa-page-header-10 {
    position: relative;
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-10 .kopa-header-bottom {
    padding-bottom: 20px;
    padding-top: 20px;
}

.kopa-page-header-10 .kopa-header-bottom .kopa-logo {
    margin-top: 5px;
}

.kopa-page-header-10 .kopa-header-bottom .kopa-wrap-hidden-content-header {
    margin-top: 0;
}

.kopa-page-header-10 .kopa-header-bottom .kopa-cartdrop-down-1 .btn-header {
    margin-right: 15px;
}

.kopa-page-header-10 .kopa-header-bottom .main-nav.style-04 {
    margin-top: 15px;
}

.kopa-page-header-10 .kopa-header-bottom .main-nav.style-04 .main-menu li a:before {
    top: -36px;
}

.kopa-page-header-10 .kopa-header-bottom .humberger-menu {
    display: inline-block;
}


/*---- _______________ **** END ****____________________ ----*/


/*--- ___________________ **** KOPA-PAGE-HEADER-11 **** ______________ ---*/

.kopa-page-header-11 {
    position: relative;
    /*------ kopa-header-top --------*/
    /*---- end header top -----*/
    /*----- kopa-header-bottom ----*/
    /*----- end kopa-header-botttom -----*/
}

.kopa-page-header-11 .kopa-header-top {
    padding-top: 10px;
    padding-bottom: 10px;
    color: rgba(255, 255, 255, 0.8);
}

.kopa-page-header-11 .kopa-header-top .alignright .kopa-cartdrop-down-1 {
    display: inline-block;
    margin-right: 15px;
}

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

.kopa-page-header-11 .kopa-header-bottom .main-nav {
    margin-top: 10px;
}


/*--- ___________________ **** END **** _________________ ---*/


/*------------ ============================= END HEADER STYLE ====================== ------------------*/


/*------------ ============================= WIDGET MODULE SLIDER STYLE ======================== ------------*/


/*---- ___________  EX-MODULE-SLIDER-PRO-1  __________ ----*/

.ex-module-slider-pro-1 .slider-pro {
    display: none;
}

.ex-module-slider-pro-1 .slider-pro .sp-slide.kopa-before-01:before {
    opacity: 0;
}

.ex-module-slider-pro-1 .slider-pro .sp-slide.kopa-before-01 .sp-image-container img {
    opacity: 1;
}

.ex-module-slider-pro-1 .slider-pro .sp-slide:before {
    content: "";
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #002135;
    position: absolute;
}

.ex-module-slider-pro-1 .slider-pro .sp-image-container img {
    opacity: 0.7;
    margin: 0 !important;
    width: 100% !important;
}

.ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a {
    transition: 0.5s !important;
    -ms-transition: 0.5s !important;
    -webkit-transition: 0.5s !important;
}

.ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
    position: inherit;
}

.ex-module-slider-pro-1 .slider-pro p.h4 {
    font-size: 20px !important;
    line-height: 28px !important;
}

.ex-module-slider-pro-1 .slider-pro a {
    transition: 0.5s !important;
    -webkit-transition: 0.5s !important;
    -ms-transition: 0.5s !important;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow {
    width: 60px;
    height: 60px;
    border: 2px solid #eee;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow:before {
    content: "";
    position: absolute;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow:after {
    content: "";
    position: absolute;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-previous-arrow:before {
    left: 45%;
    top: 20%;
    -webkit-transform: skew(140deg, 0deg);
    -ms-transform: skew(140deg, 0deg);
    transform: skew(140deg, 0deg);
    width: 2px;
    height: 30%;
    background-color: #FFF;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-previous-arrow:after {
    left: 45%;
    top: 50%;
    -webkit-transform: skew(-140deg, 0deg);
    -ms-transform: skew(-140deg, 0deg);
    transform: skew(-140deg, 0deg);
    width: 2px;
    height: 30%;
    background-color: #FFF;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-next-arrow:before {
    right: 45%;
    top: 20%;
    -webkit-transform: skew(40deg, 0deg);
    -ms-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg);
    width: 2px;
    height: 30%;
    background-color: #FFF;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-pro-1 .slider-pro .sp-arrow.sp-next-arrow:after {
    right: 45%;
    top: 50%;
    -webkit-transform: skew(-40deg, 0deg);
    -ms-transform: skew(-40deg, 0deg);
    transform: skew(-40deg, 0deg);
    width: 2px;
    height: 30%;
    background-color: #FFF;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.loading {
    position: relative;
    height: 600px;
}

.loading i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 30px;
    margin-left: -13px;
    margin-top: -15px;
    color: #262626;
}


/*--- ______________ EX MODULE SLIDER 1 ______________ ---*/

.ex-module-slider-1 .owl-carousel {
    margin-bottom: 0px;
}

.ex-module-slider-1 .owl-carousel .owl-wrapper-outer {
    padding-top: 25px;
    border-bottom: 1px solid #eee;
}

.ex-module-slider-1 .owl-carousel .owl-wrapper-outer:before {
    content: "";
    background: #eee;
    z-index: 9;
    width: 1px;
    top: 30px;
    left: 0;
    bottom: 0;
    position: absolute;
}

.ex-module-slider-1 .owl-carousel .owl-wrapper-outer:after {
    content: "";
    background: #eee;
    z-index: 9;
    width: 1px;
    top: 30px;
    right: 0;
    bottom: 0;
    position: absolute;
}

.ex-module-slider-1 .owl-carousel .owl-controls {
    display: none !important;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item {
    display: inline-block;
    width: auto;
    height: 290px;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb {
    border-top: 5px solid;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    position: relative;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: black;
    width: 100%;
    z-index: -1;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb:hover {
    margin-top: -40px;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb:hover img {
    opacity: 0.7;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb:hover .hidden-item {
    opacity: 1;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
    position: absolute;
    width: 66px;
    height: 66px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 33px;
    line-height: 66px;
    text-align: center;
    border-radius: 50%;
    top: 40%;
    left: 30px;
    -ms-transform: translate(0px, -40%);
    -webkit-transform: translate(0px, -40%);
    transform: translate(0px, -40%);
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item a {
    color: #ffd200;
    font-size: 40px;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
    padding: 30px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #f9f9f9;
    border-right: 1px solid #eee;
    color: #666;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h1,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h2,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h3,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h4,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h5,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h6 {
    margin-bottom: 5px;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h1 a,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h2 a,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h3 a,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h4 a,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h5 a,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h6 a {
    color: #333;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h1 a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h2 a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h3 a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h4 a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h5 a:hover,
.ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content h6 a:hover {
    color: #0e8dc1;
}

.ex-module-slider-1 .owl-carousel .owl-item:nth-child(odd) .entry-item .entry-thumb {
    border-top: 5px solid #ffd200;
}

.ex-module-slider-1 .customNavigation a.btn {
    color: #d5d5d5;
    border: 2px solid #d5d5d5;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 20px;
    border-radius: 50%;
    line-height: 45px;
    padding: 0;
    position: absolute;
    top: 40%;
}

.ex-module-slider-1 .customNavigation a.btn.prev {
    left: -50px;
}

.ex-module-slider-1 .customNavigation a.btn.next {
    right: -50px;
}


/*---_____________ EX MODULE SLIDER 2 __________ ---*/

.ex-module-slider-2 .widget-content .owl-carousel li {
    list-style: none;
    margin-bottom: 0;
}

.ex-module-slider-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item {
    padding: 0px 10px;
}

.ex-module-slider-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-slider-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content {
    margin-bottom: 0px;
}

.ex-module-slider-2 .widget-content .owl-carousel .owl-controls {
    margin-top: 0px;
}

.ex-module-slider-2 .widget-content .owl-carousel .owl-controls .owl-pagination {
    display: none;
}

.ex-module-slider-2 .widget-content .customNavigation {
    display: none;
}


/*----- _____________ EX MODULE ARTICLE 2 SLIDER NEW LASTEST ______________----*/

.ex-module-article-2 .customNavigation .btn {
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    border: 2px solid #c7c7c7;
    color: #c7c7c7;
    text-align: center;
    white-space: normal;
    padding: 0;
    border-radius: 50%;
    margin-right: 5px;
}

.ex-module-article-2 .customNavigation .btn:last-child {
    margin-right: 0;
}

.ex-module-article-2 .customNavigation .btn:hover {
    color: #ffd200;
    border-color: #ffd200;
}

.ex-module-article-2 .widget-content .owl-carousel {
    margin-bottom: 0px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
    padding: 0px 20px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-thumb {
    margin-bottom: 30px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title a {
    transition: 0.5s;
    color: #333;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
    line-height: 22px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-content .kopa-readmore {
    margin-top: 20px;
    display: inline-block;
    color: #333;
    text-decoration: underline !important;
    text-transform: uppercase;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-controls {
    margin-top: 0px;
}

.ex-module-article-2 .widget-content .owl-carousel .owl-controls .owl-pagination {
    display: none;
}


/*---- _________________ EX MODULE SLIDER 3 _______________________ ----*/

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item {
    margin-bottom: 60px;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item:last-child .entry-thumb:before {
    opacity: 0;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb {
    float: left;
    margin-right: 30px;
    position: relative;
    z-index: 0;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb:before {
    content: "";
    width: 1px;
    height: 400px;
    background: rgba(255, 255, 255, 0.3);
    position: absolute;
    left: 50%;
    top: 0;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: -1;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb img {
    max-width: 100px;
    border-radius: 50%;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content {
    display: block;
    overflow: hidden;
    font-size: 16px;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content .entry-header {
    margin-bottom: 25px;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content .entry-header .entry-title {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 26px;
    margin-bottom: 5px;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content .entry-header .entry-title a:hover {
    color: #ffd200;
}

.ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content .entry-header p {
    font-size: 16px;
    display: block;
    line-height: 24px;
}

.ex-module-slider-3 .widget-content .carousel .carousel-control {
    color: #666;
    border: 2px solid #666;
    width: 32px;
    height: 32px;
    text-align: center;
    font-size: 15px;
    border-radius: 50%;
    background: transparent;
    position: static;
    opacity: 1;
    display: inline-block;
    line-height: 30px;
    text-shadow: none;
    margin-top: 30px;
    margin-right: 10px;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    filter: none;
}

.ex-module-slider-3 .widget-content .carousel .carousel-control span,
.ex-module-slider-3 .widget-content .carousel .carousel-control i {
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-3 .widget-content .carousel .carousel-control:hover {
    border-color: #ffd200 !important;
}

.ex-module-slider-3 .widget-content .carousel .carousel-control:hover span {
    color: #ffd200 !important;
}


/*---- __________________ EX MODULE SLIDER 4 ________________________---- */

.ex-module-slider-4 .widget-content .entry-item {
    text-align: center;
}

.ex-module-slider-4 .widget-content .entry-item .entry-title {
    font-size: 60px;
    font-weight: 900;
    line-height: 66px;
}

.ex-module-slider-4 .widget-content .entry-item .entry-content p {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 50px;
}

.ex-module-slider-4 .widget-content .carousel-control {
    top: 50%;
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 60px;
    height: 60px;
    border: 3px solid;
    border-radius: 50%;
    font-size: 30px;
    line-height: 57px;
    background: none !important;
    text-shadow: none;
}

.ex-module-slider-4 .widget-content .carousel-control i,
.ex-module-slider-4 .widget-content .carousel-control span {
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ex-module-slider-4 .widget-content .carousel-control:hover {
    opacity: 1;
}


/*------------ =============================== END =========================================- --------------*/


/*----------- ================================ WIDGET MODULE STYLE ========================== -----------*/


/*----_______________ EX MODULE LIST PRODUCT 1________________ ----*/

.ex-module-list-product-1 .widget-header {
    margin-bottom: 70px;
    margin-left: 100px;
}

.ex-module-list-product-1 .widget-header .widget-title span {
    font-size: 20px;
    line-height: 25px;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    font-family: "lato";
}

.ex-module-list-product-1 .widget-content ul {
    margin-bottom: 0;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb {
    z-index: 0;
    position: relative;
    margin-bottom: -1px;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
    z-index: 1;
    width: 100%;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb:before {
    content: "";
    background: rgba(0, 0, 0, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    position: absolute;
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb:hover:before {
    opacity: 1;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb:hover figcaption {
    opacity: 1;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
    position: absolute;
    bottom: 40px;
    left: 30px;
    opacity: 0;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption a {
    display: block;
    font-size: 18px;
    font-weight: 400;
}

.ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption span {
    display: block;
    font-size: 16px;
}


/*----___________________ EX MODULE OUR SERVICES 1 __________________ ----*/

.ex-module-our-services-1 .widget-header,
.ex-module-our-services-5 .widget-header {
    margin-bottom: 50px;
}

.ex-module-our-services-1 .widget-header .widget-title,
.ex-module-our-services-5 .widget-header .widget-title {
    margin-bottom: 0px;
}

.ex-module-our-services-1 .widget-content,
.ex-module-our-services-5 .widget-content {
    padding: 0px 80px;
}

.ex-module-our-services-1 .widget-content ul,
.ex-module-our-services-5 .widget-content ul {
    margin-bottom: 50px;
    margin-top: -50px;
}

.ex-module-our-services-1 .widget-content ul li,
.ex-module-our-services-5 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-thumb,
.ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
    float: left;
    margin-right: 25px;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-thumb img,
.ex-module-our-services-5 .widget-content .entry-item .entry-thumb img {
    max-width: 100px;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-thumb .ex,
.ex-module-our-services-5 .widget-content .entry-item .entry-thumb .ex {
    display: block;
    font-size: 55px;
    color: #999;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-content,
.ex-module-our-services-5 .widget-content .entry-item .entry-content {
    display: block;
    overflow: hidden;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-content .entry-title,
.ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.ex-module-our-services-1 .widget-content .entry-item .entry-content .entry-title a,
.ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a {
    transition: 0.5s;
}

.ex-module-our-services-1 .widget-content .entry-item p,
.ex-module-our-services-5 .widget-content .entry-item p {
    font-size: 16px;
    line-height: 25px;
}

.ex-module-our-services-1 .widget-content .kopa-btn,
.ex-module-our-services-5 .widget-content .kopa-btn {
    margin-bottom: 20px;
}

.ex-module-our-services-1 .widget-content .kopa-btn:last-child,
.ex-module-our-services-5 .widget-content .kopa-btn:last-child {
    margin-bottom: 0px;
}

.ex-module-our-services-1 .widget-content .kopa-btn:hover,
.ex-module-our-services-5 .widget-content .kopa-btn:hover {
    color: #fff;
}


/*---- __________________ EX MODULE TOTAL INFO 1 _____________________ ----*/

.ex-module-total-info-1 .widget-content ul {
    margin-top: -50px;
}

.ex-module-total-info-1 .widget-content ul li {
    float: left;
    margin-top: 50px;
}

.ex-module-total-info-1 .widget-content ul li .entry-item .entry-content {
    text-align: center;
    font-size: 16px;
}

.ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 40px;
    font-weight: 900;
    padding-bottom: 15px;
    margin-bottom: 15px;
    position: relative;
    text-transform: uppercase;
}

.ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title:before {
    content: "";
    background: white;
    height: 1px;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 30px;
    -ms-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}


/*---- ____________________ EX MODULE CONTACT 2 _______________________ ----*/

.ex-module-contact-2 .widget-content {
    text-align: center;
}

.ex-module-contact-2 .widget-content .kopa-btn {
    margin-right: 15px;
}

.ex-module-contact-2 .widget-content .kopa-btn:last-child {
    margin-right: 0;
}


/*---- ___________________ EX MODULE SCROLL 1 ________________ ----*/

.ex-module-scroll-1 .content .mCustomScrollBox {
    padding: 50px 0px 0px 0px;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container {
    margin-bottom: 0;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul {
    margin-bottom: 0;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li {
    /*float:left;*/
    display: inline-block !important;
    margin-right: 50px;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li:last-child {
    margin-right: 0;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li .entry-item .entry-thumb figcaption {
    text-align: center;
    margin-top: 20px;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li .entry-item .entry-thumb figcaption a {
    color: black;
    font-weight: 500;
    text-transform: capitalize;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_container ul li .entry-item .entry-thumb figcaption a:hover {
    color: #0e8dc1;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_scrollTools_horizontal {
    top: 0;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger {
    width: auto !important;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_dragger .mCSB_dragger_bar {
    background: #d8d8d8;
    width: 118px;
    height: 10px;
    margin: 0px;
}

.ex-module-scroll-1 .content .mCustomScrollBox .mCSB_scrollTools_horizontal .mCSB_draggerContainer .mCSB_draggerRail {
    background: #eee;
    height: 1px;
    margin: 5px 0px;
}


/*---- ___________________ EX MODULE CONTACT 3 __________________ ----*/

.ex-module-contact-3 .widget-content .ct-form-1 .row {
    margin-bottom: 15px;
}

.ex-module-contact-3 .widget-content .ct-form-1 .row .wrap-input-item {
    padding: 0px 7.5px;
    margin-bottom: 20px;
}

.ex-module-contact-3 .widget-content .ct-form-1 .row .wrap-txtarea-item {
    padding: 0px 7.5px;
}

.ex-module-contact-3 .widget-content .ct-form-1 .row .input-block {
    margin-bottom: 15px;
    position: relative;
}

.ex-module-contact-3 .widget-content .ct-form-1 .row:last-child {
    margin-bottom: 0;
}

.ex-module-contact-3 .widget-content .ct-form-1 input {
    width: 100%;
    height: 50px;
    border: 1px solid;
    background: transparent;
    border-radius: 4px;
    padding: 0px 30px;
}

.ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
    width: auto;
    height: auto;
    padding: 15px 60px;
    border-radius: 30px;
    text-transform: uppercase;
}

.ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"]:hover {
    border-color: transparent !important;
}

.ex-module-contact-3 .widget-content .ct-form-1 input:last-child {
    margin-bottom: 0px;
}

.ex-module-contact-3 .widget-content .ct-form-1 label {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    transform: translate(-50%, -50%);
    font-size: 12px;
}

.ex-module-contact-3 .widget-content .ct-form-1 textarea {
    width: 100%;
    background: transparent;
    border: 1px solid;
    border-radius: 4px;
    margin-bottom: 50px;
    padding: 25px 30px;
}

.ex-module-contact-3::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.ex-module-contact-3:-moz-placeholder {
    /* Firefox 18- */
    color: rgba(255, 255, 255, 0.7);
}

.ex-module-contact-3::-moz-placeholder {
    /* Firefox 19+ */
    color: rgba(255, 255, 255, 0.7);
}

.ex-module-contact-3:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
}


/*---- ________________________ EX MODULE OUR SERVICES 2 ____________________ ----*/

.ex-module-our-services-2 .widget-content {
    overflow: hidden;
    text-align: center;
}

.ex-module-our-services-2 .widget-content .kopa-btn {
    margin-bottom: 100px;
    text-align: center;
    font-weight: bold;
    position: relative;
}

.ex-module-our-services-2 .widget-content .kopa-btn:last-child {
    margin-bottom: 0px;
}

.ex-module-our-services-2 .widget-content .kopa-btn:before {
    content: "";
    width: 500px;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    top: 50%;
    right: 100%;
    height: 1px;
}

.ex-module-our-services-2 .widget-content .kopa-btn:after {
    content: "";
    width: 500px;
    position: absolute;
    background: rgba(0, 0, 0, 0.1);
    top: 50%;
    left: 100%;
    height: 1px;
}

.ex-module-our-services-2 .widget-content ul {
    margin-top: -50px;
}

.ex-module-our-services-2 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-our-services-2 .widget-content ul li .entry-item {
    text-align: left;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-thumb {
    margin-right: 30px;
    float: left;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-thumb .ex {
    color: #999;
    font-size: 55px;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-content {
    display: block;
    overflow: hidden;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-our-services-2 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
}


/*---- _________________ EX MODULE CONTACT 4 ________________ ----*/

.ex-module-contact-4 .widget-content {
    text-align: center;
}


/*---- __________________ EX MODULE CONTACT 5 __________________ ----*/

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 {
    margin-bottom: 30px;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 p,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 p {
    margin-bottom: 0;
    position: relative;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 label,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 label {
    position: absolute;
    top: 100%;
    left: 15px;
    font-size: 12px;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .input-email,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .input-email {
    width: 70%;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .input-email input[type="text"],
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .input-email input[type="text"] {
    height: 40px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    border-right: none;
    width: 100%;
    border: 1px solid transparent;
    background: white;
    color: #666;
    padding: 0px 15px;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .btn-block,
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .btn-block {
    width: 30%;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"],
.ex-module-contact-8 .widget-content .entry-item .entry-content .ct-form-2 .btn-block input[type="submit"] {
    height: 40px;
    width: 100%;
    color: white;
    border: 1px solid #0e8dc1;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    transition: 0.5s;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content p,
.ex-module-contact-8 .widget-content .entry-item .entry-content p {
    font-size: 15px;
    margin-bottom: 20px;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content p:last-child,
.ex-module-contact-8 .widget-content .entry-item .entry-content p:last-child {
    margin-bottom: 0;
}

.ex-module-contact-5 .widget-content .entry-item .entry-content p i,
.ex-module-contact-8 .widget-content .entry-item .entry-content p i {
    margin-right: 15px;
    font-size: 18px;
    vertical-align: middle;
}


/*---- __________________ WIDGET NAV MENU _____________________----*/

.widget_nav_menu ul {
    margin-bottom: 0;
}

.widget_nav_menu ul li {
    list-style: none;
    margin-bottom: 15px;
    font-size: 16px;
}

.widget_nav_menu ul li:last-child {
    margin-bottom: 0;
}

.widget_nav_menu ul li a i {
    margin-right: 10px;
    font-size: 8px;
    vertical-align: middle;
}


/*---- __________________ EX MODULE ARTICLE 3 ________________ ----*/

.ex-module-article-3 .widget-content ul {
    margin-top: -30px;
}

.ex-module-article-3 .widget-content ul li {
    list-style: none;
    margin-top: 30px !important;
}

.ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
    line-height: 24px;
    font-size: 16px;
}

.ex-module-article-3 .widget-content ul li .entry-item .entry-content p i,
.ex-module-article-3 .widget-content ul li .entry-item .entry-content p span {
    margin-right: 5px;
    font-size: 18px;
}

.ex-module-article-3 .widget-content ul li .entry-item .entry-content p a {
    text-decoration: underline !important;
}


/*---- __________________ EX MODULE INTRODUCE 1 ________________----*/

.ex-module-introduce-1 .widget-content .entry-item .entry-thumb {
    margin-bottom: 25px;
}

.ex-module-introduce-1 .widget-content .entry-item .entry-content .social-icon-box {
    margin-top: 25px;
}

.ex-module-introduce-1 .widget-content .entry-item .entry-content .social-icon-box a {
    font-size: 18px;
    margin-right: 15px;
}

.ex-module-introduce-1 .widget-content .entry-item .entry-content p {
    font-size: 16px;
}


/*---- _________________________ EX MODULE OUR SERVICES 9 ______________________ ----*/

.ex-module-our-services-9 .widget-content ul {
    margin-top: -50px;
}

.ex-module-our-services-9 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-our-services-9 .widget-content ul li .entry-item {
    text-align: center;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
    margin-bottom: 20px;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb span {
    font-size: 80px;
    line-height: 86px;
    color: #636f7d;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    text-transform: capitalize;
    font-weight: 600;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 50px;
    color: #666;
}


/*---- _______________________ EX MODULE CONTACT 15 ________________________ ----*/

.ex-module-contact-15 {
    /*--- === placeholder style === ---*/
}

.ex-module-contact-15 .widget-content form {
    text-align: center;
}

.ex-module-contact-15 .widget-content form p.wrap-input-text {
    width: 50%;
}

.ex-module-contact-15 .widget-content form p.wrap-input-btn {
    width: 15%;
}

.ex-module-contact-15 .widget-content form p {
    display: inline-block;
}

.ex-module-contact-15 .widget-content form p input {
    width: 100%;
    height: 50px;
    display: inline-block;
    border-radius: 50px;
    margin-bottom: 20px;
}

.ex-module-contact-15 .widget-content form p input:last-child {
    margin-bottom: 0px;
}

.ex-module-contact-15 .widget-content form p input[type="text"] {
    border: 1px solid #aaa;
    background: transparent;
    padding: 0px 25px;
    color: #d5d5d5;
}

.ex-module-contact-15 .widget-content form p input[type="submit"] {
    margin-left: 10px;
    background: #0e8dc1;
    border: 1px solid transparent;
    color: white;
}

.ex-module-contact-15::-webkit-input-placeholder {
    color: #d5d5d5;
}

.ex-module-contact-15:-moz-placeholder {
    /* Firefox 18- */
    color: #d5d5d5;
}

.ex-module-contact-15::-moz-placeholder {
    /* Firefox 19+ */
    color: #d5d5d5;
}

.ex-module-contact-15:-ms-input-placeholder {
    color: #d5d5d5;
}


/*---- ________________________ EX MODULE ABOUT US 1 ______________________----*/

.ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
    float: left;
    margin-right: 35px;
}

.ex-module-about-us-1 .widget-content .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-about-us-1 .widget-content .entry-item .entry-content p {
    font-size: 16px;
}

.ex-module-about-us-1 .widget-content .entry-item .kopa-btn {
    margin-top: 50px;
    text-transform: uppercase;
}


/*---- ______________________ EX MODULE LIST PRODUCT 2 _____________________________ ----*/

.ex-module-list-product-2 .entry-item .entry-thumb:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: black;
    width: 100%;
    opacity: 0;
    transition: 0.5s;
}

.ex-module-list-product-2 .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-list-product-2 .entry-item .entry-thumb:hover:before {
    opacity: 0.6;
}

.ex-module-list-product-2 .entry-item .entry-thumb:hover figcaption {
    opacity: 1;
}

.ex-module-list-product-2 .entry-item .entry-thumb figcaption {
    position: absolute;
    left: 30px;
    bottom: 30px;
    opacity: 0;
    transition: 0.5s;
}

.ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 500;
    color: #ffd200;
}

.ex-module-list-product-2 .entry-item .entry-thumb figcaption a:hover {
    text-decoration: underline !important;
}

.ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
    display: inline-block;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
}


/*--- _____________________ EX MODULE INTRODUCE 2 ______________________----*/

.ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
    text-align: center;
}

.ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
    display: inline-block;
}

.ex-module-introduce-2 .widget-content .entry-item .entry-content span {
    font-size: 16px;
    margin-bottom: 0px;
    display: block;
}

.ex-module-introduce-2 .widget-content .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    margin-bottom: 20px;
}

.ex-module-introduce-2 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    margin-bottom: 30px;
}

.ex-module-introduce-2-1 {
    overflow: hidden;
    padding-top: 6px;
}

.ex-module-introduce-2-1 .widget-content ul {
    margin-top: -30px;
}

.ex-module-introduce-2-1 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-introduce-2-1 .widget-content ul li:before {
    content: "";
    width: 14px;
    height: 14px;
    border-radius: 50%;
    position: absolute;
    top: -6px;
    left: 15px;
    z-index: 2;
}

.ex-module-introduce-2-1 .widget-content ul li:after {
    content: "";
    background: rgba(255, 255, 255, 0.3);
    height: 1px;
    top: 0;
    left: 15px;
    position: absolute;
    right: -15px;
    z-index: 1;
}

.ex-module-introduce-2-1 .widget-content ul li .entry-item {
    padding-top: 50px;
}

.ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
    padding-left: 0;
}

.ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content span {
    font-size: 16px;
    line-height: 20px;
    display: block;
}

.ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

.ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
    font-size: 15px;
}


/*--- _____________________ EX MODULE INTRODUCE 3 ______________________ ---*/

.ex-module-introduce-3 .widget-content .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 40px;
}


/*---- ____________________ EX MODULE OUR SERVICES 3 ______________________ ----*/

.ex-module-our-services-3 .widget-content ul {
    margin-top: -30px;
}

.ex-module-our-services-3 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-our-services-3 .widget-content ul li .entry-item {
    padding: 30px;
    background: white;
    border: 1px solid #eee;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-thumb {
    margin-right: 30px;
    float: left;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-thumb .ex {
    font-size: 50px;
    line-height: 56px;
    color: #636f7d;
    margin-top: 5px;
    display: block;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
    font-weight: 600;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-our-services-3 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}


/*----____________________ EX MODULE CONTACT 6 ________________________----*/

.ex-module-contact-6 .widget-content ul {
    margin-top: -20px;
}

.ex-module-contact-6 .widget-content ul li {
    display: inline-block;
    margin-top: 20px;
    margin-right: 70px;
    margin-left: 20px;
}

.ex-module-contact-6 .widget-content ul li:first-child {
    margin-left: 0;
}

.ex-module-contact-6 .widget-content ul li:last-child {
    margin-right: 0;
}

.ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
    display: inline-block;
    font-size: 35px;
    margin-right: 20px;
    line-height: 41px;
    vertical-align: top;
}

.ex-module-contact-6 .widget-content ul li .entry-item .entry-content {
    display: inline-block;
    overflow: hidden;
}

.ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 15px;
    line-height: 21px;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
    font-size: 15px;
    line-height: 21px;
}


/*----___________________ EX MODULE ITEM 1 _________________________----*/

.ex-module-item-1 .widget-content .entry-item .entry-content {
    text-align: right;
}


/*----___________________ EX MODULE ITEM 2 _________________________----*/

.ex-module-item-2 .widget-content .entry-item .entry-content {
    text-align: right;
}


/*---- __________________ EX MODULE ABOUT US 2 ____________________ ----*/

.ex-module-about-us-2 .widget-content p {
    font-size: 16px;
    color: #666;
    margin-bottom: 30px;
}

.ex-module-about-us-2 .widget-content .kopa-btn {
    text-transform: uppercase;
    margin-bottom: 20px;
}

.ex-module-about-us-2 .widget-content .kopa-btn:last-child {
    margin-bottom: 0;
}


/*----_______________________ EX MODULE OUR SERVICES 4 ___________________ ----*/

.ex-module-our-services-4 .widget-content ul {
    margin-top: -50px;
}

.ex-module-our-services-4 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-thumb {
    font-size: 55px;
    float: left;
    margin-right: 30px;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: capitalize;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: black;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.ex-module-our-services-4 .widget-content ul li .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
}


/*---- _________________________ EX MODULE 404 __________________________ ----*/

.ex-module-404 {
    text-align: center;
}

.ex-module-404 .widget-content .entry-item p {
    font-size: 16px;
    color: #666;
    margin-bottom: 40px;
}

.ex-module-404 .widget-content .entry-item .kopa-btn {
    margin-bottom: 30px;
    text-transform: uppercase;
}

.ex-module-404 .widget-content .entry-item .kopa-btn:last-child {
    margin-bottom: 0;
}


/*----_________________________ EX MODULE PRESENT _______________________-----*/

.ex-module-present .widget-content .entry-item .entry-content p,
.ex-module-present-5 .widget-content .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
    line-height: 24px;
}


/*----__________________________ EX MODULE SLIDER 5 __________________________----*/

.ex-module-slider-5 .widget-content .carousel .carousel-indicators li,
.ex-module-slider-12 .widget-content .carousel .carousel-indicators li {
    background: #fff;
    border: none;
}

.ex-module-slider-5 .widget-content .carousel .carousel-inner li .entry-item .entry-thumb img,
.ex-module-slider-12 .widget-content .carousel .carousel-inner li .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-slider-5 .widget-content .kopa-list-link li,
.ex-module-slider-12 .widget-content .kopa-list-link li {
    padding: 15px;
    border-bottom: 1px solid white;
    -ms-transition: 0.5s;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-slider-5 .widget-content .kopa-list-link li:last-child,
.ex-module-slider-12 .widget-content .kopa-list-link li:last-child {
    border-bottom: 1px solid transparent;
}

.ex-module-slider-5 .widget-content .kopa-list-link li a,
.ex-module-slider-12 .widget-content .kopa-list-link li a {
    color: white;
    text-transform: uppercase;
}


/*----__________________________ EX MODULE SLIDER 6 ___________________________----*/

.ex-module-slider-6 .widget-content .carousel ul li {
    background: #f4f4f4;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-thumb {
    float: left;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content {
    padding: 30px;
    overflow: hidden;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    text-transform: capitalize;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content .entry-title span {
    font-size: 16px;
    line-height: 22px;
    color: #666;
    text-transform: capitalize;
    font-style: normal;
    display: block;
}

.ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content p {
    color: #666;
    font-style: italic;
    font-size: 16px;
    line-height: 22px;
}

.ex-module-slider-6 .widget-content .carousel .carousel-control {
    color: #666;
    border: 2px solid #666;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 15px;
    border-radius: 50%;
    background: transparent;
    position: absolute;
    opacity: 1;
    display: inline-block;
    line-height: 25px;
    top: 50px;
    text-shadow: 0px 0px 1px #666;
    filter: none;
}

.ex-module-slider-6 .widget-content .carousel .carousel-control i,
.ex-module-slider-6 .widget-content .carousel .carousel-control span {
    -webkit-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

.ex-module-slider-6 .widget-content .carousel .carousel-control:hover {
    text-shadow: 0px 0px 1px #ffd200;
}

.ex-module-slider-6 .widget-content .carousel .carousel-control.left {
    right: 65px;
    left: auto;
}

.ex-module-slider-6 .widget-content .carousel .carousel-control.right {
    right: 30px;
}


/*--- _____________________ EX MODULE SLIDER 8 __________________________---*/

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item {
    padding: 50px 40px;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb {
    margin-bottom: 30px;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb img {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb figcaption {
    display: inline-block;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb figcaption .entry-title {
    margin-bottom: 0px;
    font-size: 18px;
    line-height: 40px;
    color: white;
    text-transform: uppercase;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-thumb figcaption span {
    font-size: 16px;
    color: white;
    text-transform: capitalize;
    display: block;
}

.ex-module-slider-8 .widget-content .carousel .carousel-inner .item .entry-item .entry-content p {
    font-size: 16px;
    color: #f0f0f0;
    font-style: italic;
    margin-bottom: 40px;
}

.ex-module-slider-8 .widget-content .carousel .carousel-indicators {
    bottom: 40px;
}


/*---- ______________________ EX MODULE OUR SERVICES 5 _____________________----*/

.ex-module-our-services-5 .widget-content {
    padding: 0px !important;
}

.ex-module-our-services-5 .widget-content ul {
    margin-bottom: 0px;
    margin-top: -50px;
}

.ex-module-our-services-5 .widget-content .entry-item {
    display: block !important;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
    width: 120px;
    height: 120px;
    text-align: center;
    line-height: 120px;
    background: #eee;
    float: left;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-thumb .ex {
    font-size: 55px;
    color: #0e8dc1;
    line-height: 120px;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-content {
    overflow: hidden;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a {
    transition: 0.5s;
    color: #333;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.ex-module-our-services-5 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
}


/*----_______________________________ EX MODULE SLIDER 7 __________________________----*/

.ex-module-slider-7 .customNavigation .btn {
    width: 32px;
    height: 32px;
    line-height: 30px;
    font-size: 16px;
    border: 2px solid #c7c7c7;
    color: #c7c7c7;
    text-align: center;
    white-space: normal;
    padding: 0;
    border-radius: 50%;
}

.ex-module-slider-7 .customNavigation .prev {
    margin-right: 5px;
}

.ex-module-slider-7 .widget-content .owl-carousel {
    margin-bottom: 0px;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    padding: 0 15px;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-thumb {
    margin-bottom: 30px;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-title {
    text-transform: capitalize;
    margin-bottom: 0px;
    font-size: 18px;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-title a {
    transition: 0.5s;
    color: #333;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    text-transform: capitalize;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-controls {
    margin-top: 0px;
}

.ex-module-slider-7 .widget-content .owl-carousel .owl-controls .owl-pagination {
    display: none;
}


/*----_______________________ EX MODULE DOWLOAD __________________________ --*/

.ex-module-download .widget-content .entry-item ul li {
    padding: 15px 0px;
    border-bottom: 1px solid #eee;
}

.ex-module-download .widget-content .entry-item ul li:last-child {
    border-bottom: none;
    padding-bottom: 0px;
}

.ex-module-download .widget-content .entry-item ul li i {
    font-size: 18px;
    margin-right: 10px;
}

.ex-module-download .widget-content .entry-item ul li a {
    font-size: 16px;
    color: #666;
    text-transform: capitalize;
}


/*----_______________________ EX MODULE CONTACT 7_________________________----*/

.ex-module-contact-7 .widget-content .entry-thumb {
    margin-bottom: 30px;
    text-align: center;
}

.ex-module-contact-7 .widget-content .entry-item p {
    font-size: 16px;
    color: #666;
}


/*----__________________________ EX MODULE PRESENT 2 __________________________ ----*/

.ex-module-present-2 .widget-content .entry-item .entry-thumb {
    position: relative;
    z-index: 0;
}

.ex-module-present-2 .widget-content .entry-item .entry-thumb img {
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ex-module-present-2 .widget-content .entry-item .entry-thumb:before {
    content: "";
    background: black;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    position: absolute;
    z-index: -1;
}

.ex-module-present-2 .widget-content .entry-item .entry-thumb:hover img {
    opacity: 0.7;
}

.ex-module-present-2 .widget-content p {
    color: #666;
    margin-bottom: 40px;
    font-size: 16px;
}

.ex-module-present-2 .widget-content ul {
    margin-top: -15px;
}

.ex-module-present-2 .widget-content ul li {
    margin-top: 15px;
    font-size: 16px;
}

.ex-module-present-2 .widget-content ul li i,
.ex-module-present-2 .widget-content ul li span {
    margin-right: 10px;
}


/*----_________________________ EX MODULE PRESENT 3 ___________________________----*/

.ex-module-present-3 .widget-content ul {
    margin-top: -30px;
}

.ex-module-present-3 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content .entry-title {
    padding-left: 15px;
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    margin-top: 15px;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content ul {
    margin-top: 20px;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li {
    margin-top: 10px;
    font-size: 16px;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li i {
    color: #666;
    margin-right: 15px;
}

.ex-module-present-3 .widget-content ul li .entry-item .entry-content ul li a {
    color: #666;
}


/*----_______________________ EX MODULE ALERT 2 _______________________----*/

.ex-module-alert-2 .widget-content ul {
    margin-top: -30px;
}

.ex-module-alert-2 .widget-content ul li {
    margin-top: 30px;
}


/*----_______________________ EX MODULE ALERT 3 _______________________----*/

.ex-module-alert-3 .widget-content ul {
    margin-top: -30px;
}

.ex-module-alert-3 .widget-content ul li {
    margin-top: 30px;
}


/*----_______________________ EX MODULE ALERT 4 _______________________----*/

.ex-module-alert-4 .widget-content ul {
    margin-top: -30px;
}

.ex-module-alert-4 .widget-content ul li {
    margin-top: 30px;
}


/*--- _________________________ EX MODULE PRESENT 9 ________________________---*/

.ex-module-present-9 .widget-content ul {
    margin-top: -50px;
}

.ex-module-present-9 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-thumb {
    margin-bottom: 20px;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}

.ex-module-present-9 .widget-content ul li .entry-item .entry-content .kopa-btn {
    margin-top: 20px;
}


/*---- __________________________ EX MODULE PRESENT 2 __________________________----*/


/*--- ___________________________ EX-MODULE-FEATURE-2 __________________________ ---*/

.ex-module-feature-2 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    line-height: 25px;
}

.ex-module-feature-2 .widget-content .entry-item .entry-content .kopa-btn {
    margin-top: 50px;
}


/*--- ________________________ EX-MODULE-OUT-SERVICES-6 _____________________ ---*/

.ex-module-our-services-6 .widget-content ul {
    margin-top: -50px;
}

.ex-module-our-services-6 .widget-content ul li {
    margin-top: 50px;
}

.ex-module-our-services-6 .widget-content ul li .entry-item .entry-thumb {
    font-size: 55px;
    float: left;
    margin-right: 30px;
}

.ex-module-our-services-6 .widget-content ul li .entry-item .entry-content {
    display: block;
    overflow: hidden;
}

.ex-module-our-services-6 .widget-content ul li .entry-item .entry-content .entry-title h4 {
    text-transform: capitalize;
}

.ex-module-our-services-6 .widget-content ul li .entry-item .entry-content .entry-title h4 a {
    color: black;
}

.ex-module-our-services-6 .widget-content ul li .entry-item .entry-content p {
    color: #666;
    font-size: 16px;
}


/*--- _______________________ EX-MODULE-OUR-SERVICES-7 _______________________ ---*/

.ex-module-our-services-7 .widget-header {
    margin-bottom: 30px;
}

.ex-module-our-services-7 .widget-content ul {
    margin-top: -30px;
}

.ex-module-our-services-7 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-our-services-7 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    line-height: 25px;
}


/*--- ___________________________ EX MODULE OUR SERVICES 8 _________________________ ---*/

.ex-module-our-services-8 .widget-header {
    margin-bottom: 30px;
}

.ex-module-our-services-8 .widget-content ul {
    margin-top: -30px;
}

.ex-module-our-services-8 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-thumb {
    margin-bottom: 30px;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 20px;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}

.ex-module-our-services-8 .widget-content ul li .entry-item .entry-content .kopa-btn {
    margin-top: 30px;
}


/*------__________________________ EX MODULE PRESENT 4 __________________ --------*/

.ex-module-present-4 .widget-content ul {
    margin-top: -30px;
}

.ex-module-present-4 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb {
    text-align: center;
    border: 10px solid #f7f7f7;
    margin-bottom: 30px;
    position: relative;
    overflow: hidden;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb img {
    width: 100%;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb:hover .entry-social-link {
    z-index: 1;
    bottom: 0;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb .entry-social-link {
    padding: 10px 0px;
    background: rgba(255, 198, 25, 0.5);
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: -50px;
    z-index: -1;
    transition: 0.5s;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb .entry-social-link ul {
    margin-top: 0;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb .entry-social-link ul li {
    margin-top: 0;
    padding: 0px 5px;
    display: inline-block;
}

.ex-module-present-4 .widget-content .entry-item .entry-thumb .entry-social-link ul li a {
    color: white;
}

.ex-module-present-4 .widget-content .entry-item .entry-content .entry-header {
    text-align: center;
}

.ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 5px;
}

.ex-module-present-4 .widget-content .entry-item .entry-content .entry-header .entry-title a {
    color: #333;
}

.ex-module-present-4 .widget-content .entry-item .entry-content .entry-header p {
    color: #666;
    text-transform: capitalize;
    font-size: 16px;
    line-height: 24px;
}


/*---_________________________________ EX MODULE ARTICLE 4 __________________________---*/

.ex-module-article-4 .widget-content ul {
    margin-top: -30px;
}

.ex-module-article-4 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-thumb {
    margin-bottom: 20px;
    position: relative;
    z-index: 0;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-thumb img {
    transition: 0.5s;
    width: 100%;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-thumb:before {
    content: "";
    background: black;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-thumb:hover img {
    opacity: 0.5;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-content .entry-title a:hover {
    color: #0e8dc1;
}

.ex-module-article-4 .widget-content ul li .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
}


/*---- ___________________________ EX MODULE COUNTER 6 _____________________-------*/

.ex-module-counter-6 .widget-content ul {
    margin-top: -30px;
}

.ex-module-counter-6 .widget-content ul li {
    margin-top: 30px;
}

.ex-module-counter-6 .widget-content .entry-item {
    text-align: center;
}

.ex-module-counter-6 .widget-content .entry-item .entry-content .kopa-counter-1 {
    position: relative;
    margin-bottom: 10px;
}

.ex-module-counter-6 .widget-content .entry-item .entry-content .kopa-counter-1 span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    font-size: 35px;
}

.ex-module-counter-6 .widget-content .entry-item .entry-content .entry-title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0px;
}

.ex-module-counter-6 .widget-content .entry-item .entry-content .entry-title a {
    color: #333;
}

.ex-module-counter-6 .widget-content .entry-item .entry-content p {
    font-size: 16px;
    color: #666;
    line-height: 24px;
}


/* --- ______________________________ KOPA BREADCRUM _______________________________---*/

.kopa-breadcrumb h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.kopa-breadcrumb .breadcrumb-content p {
    font-size: 16px;
    margin-bottom: 80px;
}

.kopa-breadcrumb .breadcrumb-content span {
    text-transform: capitalize;
}

.kopa-breadcrumb .breadcrumb-content span a:hover span {
    color: #0e8dc1;
}

.kopa-breadcrumb .breadcrumb-content span a.current-page span {
    color: #ffd200;
}


/*---______________________________ EX MODULE RECRUIMENT 1 ______________________________--*/

.ex-module-recruitment-1 .widget-header {
    margin-bottom: 30px;
}

.ex-module-recruitment-1 .widget-content {
    position: relative;
}

.ex-module-recruitment-1 .widget-content .entry-item {
    margin-bottom: 0;
}

.ex-module-recruitment-1 .widget-content .entry-item ul {
    margin-bottom: 0;
    border: 1px solid #e3e3e3;
    padding: 30px 0px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
    border-right: 1px solid #e3e3e3;
    float: left;
    padding: 0px 30px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info:last-child {
    border-right: none;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info p {
    display: inline-block;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .entry-date {
    text-align: center;
    padding: 10px 18px;
    background: #0e8dc1;
    text-transform: uppercase;
    color: #fff;
    float: left;
    margin-right: 20px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .entry-date .day {
    font-size: 22px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .entry-date .mounth {
    font-size: 16px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info div {
    overflow: hidden;
    float: left;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
    font-size: 16px;
    margin-bottom: 5px;
    text-transform: capitalize;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info div p {
    color: #999;
    line-height: 25px;
    font-size: 15px;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info div p.focus {
    color: #0e8dc1;
    text-transform: capitalize;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .btn-show-tb-info {
    position: static;
    width: 34px;
    height: 34px;
    border: 2px solid #ffdc00;
    display: inline-block;
    border-radius: 50%;
    color: #ffc000;
    text-align: center;
    line-height: 32px;
    margin-top: 20px;
    margin-left: 5px;
    padding: 0px;
    background: transparent;
}

.ex-module-recruitment-1 .widget-content .entry-item .wrap-info .btn-show-tb-info:hover {
    color: #fff;
}

.ex-module-recruitment-1 .widget-content .table-info {
    display: none;
}

.ex-module-recruitment-1 .widget-content .table-info ul {
    border-top: none;
    padding: 30px 20px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info {
    border: none;
    margin-top: -10px;
    padding: 0px 10px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div {
    margin-top: 10px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul {
    padding: 0;
    border: none;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
    margin-top: 20px;
    color: #666;
    font-size: 16px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li i {
    margin-right: 5px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info .table {
    margin-top: 10px;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info .table tbody tr td {
    border: none;
    font-size: 15px;
    text-transform: capitalize;
}

.ex-module-recruitment-1 .widget-content .table-info ul .wrap-info .table tbody tr td:nth-child(even) {
    color: #a9a9a9;
}

.ex-module-recruitment-1 .widget-content .kopa-btn {
    position: absolute;
    bottom: -25px;
    right: 30px;
}


/*---------- ================================== END ========================================== ---------*/


/*---------- ================================ SHORTCODE STYLE ================================== -----*/


/***_____________________ KOPA ACCORDION ______________________***/

.kopa-panel-group-1 {
    margin-bottom: 0;
}

.kopa-panel-group-1.style-01 .panel {
    background: transparent;
    border: 1px solid #e3e3e3;
}

.kopa-panel-group-1.style-01 .panel .panel-heading {
    background: transparent;
    color: #333;
}

.kopa-panel-group-1.style-01 .panel .panel-heading.active {
    background: #0e8dc1;
    color: #fff;
}

.kopa-panel-group-1.style-01 .panel .panel-heading:hover {
    color: white;
}

.kopa-panel-group-1 .panel {
    background: transparent;
    border: 1px solid transparent;
    box-shadow: none;
    border-radius: 0;
}

.kopa-panel-group-1 .panel .panel-heading {
    background-image: none;
    border-radius: 0px;
    color: white;
    box-shadow: none;
    position: relative;
    -ms-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.kopa-panel-group-1 .panel .panel-heading .panel-title a:before {
    content: '\f0c9';
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 30px;
    font-family: "FontAwesome";
    display: none;
}

.kopa-panel-group-1 .panel .panel-heading .panel-title a:after {
    content: '\f107';
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    right: 30px;
    font-family: "FontAwesome";
}

.kopa-panel-group-1 .panel .panel-heading.active {
    background: #ffd200;
}

.kopa-panel-group-1 .panel .panel-heading.active .panel-title a:after {
    content: '\f106';
}

.kopa-panel-group-1 .panel .panel-collapse .panel-body {
    border-top: none;
    font-size: 16px;
    color: #666;
}


/*----- ======================== ----*/

.kopa-panel-group-2 {
    margin-bottom: 0;
}

.kopa-panel-group-2.style-01 .panel .panel-heading {
    padding: 10px 0px;
    background: transparent;
    color: #333;
}

.kopa-panel-group-2.style-01 .panel .panel-heading .panel-title a:after {
    right: 0;
    left: auto;
}

.kopa-panel-group-2 .panel {
    border: 1px solid transparent;
    border-bottom: 1px solid #e3e3e3;
    border-radius: 0;
    box-shadow: none;
}

.kopa-panel-group-2 .panel .panel-heading {
    padding: 10px 50px;
    background: transparent;
    border-radius: 0px;
    color: #333;
    box-shadow: none;
    position: relative;
}

.kopa-panel-group-2 .panel .panel-heading .panel-title a:before {
    content: '\f0c9';
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 30px;
    font-family: "FontAwesome";
    display: none;
}

.kopa-panel-group-2 .panel .panel-heading .panel-title a:after {
    content: '+';
    color: white;
    width: 30px;
    height: 30px;
    background: #a1b1bc;
    text-align: center;
    font-size: 24px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 0;
    font-family: "FontAwesome";
}

.kopa-panel-group-2 .panel .panel-heading.active .panel-title a:after {
    content: '-';
    font-size: 30px;
    background: #0e8dc1;
}

.kopa-panel-group-2 .panel .panel-collapse .panel-body {
    border-top: none;
    font-size: 16px;
    color: #666;
    padding: 15px 0px;
}


/*----- ======================== -----*/

.kopa-panel-group-3 {
    margin-bottom: 0;
}

.kopa-panel-group-3.style-01 .panel .panel-heading {
    background: #f9fafb;
}

.kopa-panel-group-3.style-01 .panel .panel-heading .panel-title a:after {
    right: 0;
    left: auto;
}

.kopa-panel-group-3 .panel {
    border-radius: 3px;
    border: 1px solid #e3e3e3;
    box-shadow: none;
}

.kopa-panel-group-3 .panel .panel-heading {
    padding: 10px 15px;
    background: transparent;
    border-radius: 0px;
    color: #333;
    box-shadow: none;
    position: relative;
}

.kopa-panel-group-3 .panel .panel-heading .panel-title a:before {
    content: '\f0c9';
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 30px;
    font-family: "FontAwesome";
    display: none;
}

.kopa-panel-group-3 .panel .panel-heading .panel-title a:after {
    content: '\f107';
    text-align: center;
    font-size: 15px;
    position: absolute;
    font-family: "FontAwesome";
    background: transparent;
    top: 0;
    bottom: 0;
    height: auto;
    line-height: 50px;
    width: 50px;
    right: 0;
    left: auto;
    border-left: 1px solid #e3e3e3;
    color: #333;
}

.kopa-panel-group-3 .panel .panel-heading.active .panel-title a:after {
    content: '\f106';
}

.kopa-panel-group-3 .panel .panel-collapse .panel-body {
    border-top: 1px solid #e3e3e3;
    font-size: 16px;
    color: #666;
    border-radius: 3px;
}

.kopa-panel-group-3 .panel .panel-collapse .panel-body .panel-thumb {
    width: 20%;
    float: left;
    margin-right: 2%;
}

.kopa-panel-group-3 .panel .panel-collapse .panel-body p {
    overflow: hidden;
}


/*------ ========================== ---*/

.kopa-panel-group-4 {
    margin-bottom: 0;
}

.kopa-panel-group-4.style-01 .panel .panel-heading {
    background: #f9fafb;
}

.kopa-panel-group-4.style-01 .panel .panel-heading .panel-title a:after {
    right: 0;
    left: auto;
}

.kopa-panel-group-4 .panel {
    border-radius: 0px;
    border: none;
    box-shadow: none;
}

.kopa-panel-group-4 .panel .panel-heading {
    padding: 10px 10px 10px 65px;
    background: transparent;
    border-radius: 3px;
    color: #333;
    box-shadow: none;
    position: relative;
    border: 1px solid #e3e3e3;
}

.kopa-panel-group-4 .panel .panel-heading .panel-title a:before {
    content: '\f0c9';
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    font-family: "FontAwesome";
    display: none;
}

.kopa-panel-group-4 .panel .panel-heading .panel-title a:after {
    content: '\f067';
    text-align: center;
    font-size: 15px;
    position: absolute;
    font-family: "FontAwesome";
    background: transparent;
    top: 0;
    bottom: 0;
    height: auto;
    line-height: 50px;
    width: 50px;
    left: 0;
    border-right: 1px solid #e3e3e3;
    color: #c3c6c9;
}

.kopa-panel-group-4 .panel .panel-heading.active .panel-title a:after {
    content: '\f068';
    color: white;
    background: #21c2f8;
}

.kopa-panel-group-4 .panel .panel-collapse .panel-body {
    padding-left: 50px;
    border-top: none;
    font-size: 16px;
    color: #666;
    border-radius: 3px;
}


/*----- =========================== -----*/

.kopa-panel-group-5 {
    margin-bottom: 0;
}

.kopa-panel-group-5.style-01 .panel .panel-heading {
    background: #f9fafb;
}

.kopa-panel-group-5.style-01 .panel .panel-heading .panel-title a:after {
    right: 0;
    left: auto;
}

.kopa-panel-group-5 .panel {
    border-radius: 0px;
    border: 1px solid #e3e3e3;
    box-shadow: none;
}

.kopa-panel-group-5 .panel .panel-heading {
    padding: 5px 15px;
    background: transparent;
    border-radius: 0px;
    color: #333;
    box-shadow: none;
    position: relative;
}

.kopa-panel-group-5 .panel .panel-heading .panel-title a:before {
    content: '\f0c9';
    font-size: 14px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    left: 30px;
    font-family: "FontAwesome";
    display: none;
}

.kopa-panel-group-5 .panel .panel-heading .panel-title a:after {
    content: '\f067';
    text-align: center;
    font-size: 15px;
    position: absolute;
    font-family: "FontAwesome";
    background: transparent;
    top: 50%;
    transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    height: auto;
    right: 15px;
    color: #c3c6c9;
}

.kopa-panel-group-5 .panel .panel-heading.active {
    background: #21c2f8;
}

.kopa-panel-group-5 .panel .panel-heading.active .panel-title {
    color: white;
}

.kopa-panel-group-5 .panel .panel-heading.active .panel-title a:after {
    content: '\f068';
    color: white;
}

.kopa-panel-group-5 .panel .panel-collapse .panel-body {
    border-top: 1px solid #e3e3e3;
    font-size: 16px;
    color: #666;
    border-radius: 3px;
}


/***____________________ KOPA ALERT _________________________ ***/


/*---------- kopa alert style 01 -----------*/

.alert:last-child {
    margin-bottom: 0;
}

.alert.style-01 {
    padding: 10px 15px;
    border-radius: 0px;
}

.alert.style-01 p {
    text-transform: capitalize;
    font-weight: bold;
}

.alert.style-01 p span {
    font-size: 16px;
    margin-right: 10px;
    vertical-align: middle;
}

.alert.style-01 .close {
    width: 18px;
    height: 18px;
    border: 1px solid;
    line-height: 15px;
    font-size: 16px;
    border-radius: 50%;
    opacity: 1;
    text-align: center;
}

.alert-normal.style-01 {
    background: #eff5f7;
    border: 1px solid #dcdcdc;
}

.alert-normal.style-01 p {
    color: #666;
}

.alert-normal.style-01 .close {
    border: 1px solid #999;
    color: #999;
}

.alert-warning.style-01 {
    background: #ffcdc7;
    border: 1px solid rgba(255, 57, 1, 0.3);
}

.alert-warning.style-01 p {
    color: #ff391f;
}

.alert-warning.style-01 .close {
    border: 1px solid #ff391f;
    color: #ff391f;
}

.alert-danger.style-01 {
    background: #fff9da;
    border: 1px solid rgba(233, 155, 0, 0.3);
}

.alert-danger.style-01 p {
    color: #e99b00;
}

.alert-danger.style-01 .close {
    border: 1px solid #e99b00;
    color: #e99b00;
}

.alert-success.style-01 {
    background: #c1faa8;
    border: 1px solid rgba(109, 183, 76, 0.3);
}

.alert-success.style-01 p {
    color: #6db74c;
}

.alert-success.style-01 .close {
    border: 1px solid #6db74c;
    color: #6db74c;
}

.alert-info.style-01 {
    background: #bceeff;
    border: 1px solid rgba(33, 194, 248, 0.3);
}

.alert-info.style-01 p {
    color: #21c2f8;
}

.alert-info.style-01 .close {
    border: 1px solid #21c2f8;
    color: #21c2f8;
}

.alert-normal-2.style-01 {
    background: #decfdf;
    border: 1px solid rgba(175, 117, 179, 0.3);
}

.alert-normal-2.style-01 p {
    color: #af75b3;
}

.alert-normal-2.style-01 .close {
    border: 1px solid #af75b3;
    color: #af75b3;
}


/*------------ end kopa alert 1 ----------*/


/*------------ kopa alert style 02 -------------*/

.alert.style-02 {
    position: relative;
    padding: 30px 50px;
    border-radius: 4px;
}

.alert.style-02 .alert-body .alert-thumb {
    font-size: 30px;
    padding: 0px 15px;
    float: left;
    width: 5%;
}

.alert.style-02 .alert-body .alert-content {
    padding: 0px 15px;
    width: 95%;
    float: left;
}

.alert.style-02 .alert-body .alert-content .alert-title {
    font-size: 18px;
    text-transform: capitalize !important;
    font-weight: bold;
    margin-bottom: 10px;
}

.alert.style-02 .alert-body .alert-content p {
    color: #999;
}

.alert.style-02 .close {
    font-size: 18px;
    opacity: 1;
    position: absolute;
    top: 20px;
    right: 20px;
}

.alert-normal.style-02 {
    background: #f7f7f7;
    border: 1px solid #dcdcdc;
}

.alert-normal.style-02 .alert-body .alert-thumb {
    color: #a1b1bc;
}

.alert-normal.style-02 .alert-body .alert-content .alert-title {
    color: #333;
}

.alert-normal.style-02 .alert-body .alert-content p {
    color: #666;
}

.alert-normal.style-02 .close {
    color: #a1b1bc;
}

.alert-warning.style-02 {
    background: #ffcdc7;
    border: 1px solid rgba(255, 57, 1, 0.3);
}

.alert-warning.style-02 .alert-body .alert-thumb {
    color: #ff391f;
}

.alert-warning.style-02 .alert-body .alert-content .alert-title {
    color: #ff391f;
}

.alert-warning.style-02 .alert-body .alert-content p {
    color: #ff391f;
}

.alert-warning.style-02 .close {
    color: #ff391f;
    text-shadow: none;
}

.alert-danger.style-02 {
    background: #fff9da;
    border: 1px solid rgba(233, 155, 0, 0.3);
}

.alert-danger.style-02 .alert-body .alert-thumb {
    color: #e99b00;
}

.alert-danger.style-02 .alert-body .alert-content .alert-title {
    color: #e99b00;
}

.alert-danger.style-02 .alert-body .alert-content p {
    color: #e99b00;
}

.alert-danger.style-02 .close {
    color: #e99b00;
}

.alert-success.style-02 {
    background: #e1f9b7;
    border: 1px solid rgba(100, 157, 1, 0.3);
}

.alert-success.style-02 .alert-body .alert-thumb {
    color: #649d01;
}

.alert-success.style-02 .alert-body .alert-content .alert-title {
    color: #649d01;
}

.alert-success.style-02 .alert-body .alert-content p {
    color: #649d01;
}

.alert-success.style-02 .close {
    color: #6db74c;
}

.alert-info.style-02 {
    background: #bceeff;
    border: 1px solid #21c2f8;
}

.alert-info.style-02 .alert-body .alert-thumb {
    color: #21c2f8;
}

.alert-info.style-02 .alert-body .alert-content .alert-title {
    color: #21c2f8;
}

.alert-info.style-02 .alert-body .alert-content p {
    color: #21c2f8;
}

.alert-info.style-02 .close {
    color: #21c2f8;
}

.alert-normal-2.style-02 {
    background: #decfdf;
    border: 1px solid #af75b3;
}

.alert-normal-2.style-02 .alert-body .alert-thumb {
    color: #af75b3;
}

.alert-normal-2.style-02 .alert-body .alert-content .alert-title {
    color: #af75b3;
}

.alert-normal-2.style-02 .alert-body .alert-content p {
    color: #af75b3;
}

.alert-normal-2.style-02 .close {
    color: #af75b3;
}


/*------------ end kopa alert 2 ----------*/


/*------------- kopa alert 3 ---------------*/

.alert.style-03,
.alert.style-04 {
    border: 1px solid #eee;
    border-radius: 10px;
    padding: 40px 35px;
    position: relative;
}

.alert.style-03 .alert-body .alert-thumb,
.alert.style-04 .alert-body .alert-thumb {
    float: left;
    text-align: center;
    padding: 0px 15px;
    display: inline-block;
}

.alert.style-03 .alert-body .alert-thumb i,
.alert.style-04 .alert-body .alert-thumb i {
    width: 63px;
    height: 63px;
    background: #e3e3e3;
    border: 7px solid #666;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 50px;
    color: #666;
}

.alert.style-03 .alert-body .alert-content,
.alert.style-04 .alert-body .alert-content {
    overflow: hidden;
    padding: 0 15px;
}

.alert.style-03 .alert-body .alert-content .alert-title,
.alert.style-04 .alert-body .alert-content .alert-title {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 0px;
    font-weight: 900;
}

.alert.style-03 .alert-body .alert-content p,
.alert.style-04 .alert-body .alert-content p {
    line-height: 25px;
    color: #666;
}

.alert.style-03 .close,
.alert.style-04 .close {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 14px;
}

.alert-warning.style-03,
.alert-warning.style-04 {
    background: transparent;
}

.alert-warning.style-03 .alert-body .alert-thumb i,
.alert-warning.style-04 .alert-body .alert-thumb i {
    background: #ffc12d;
    border: 7px solid #f9b718;
    color: #a47503;
}

.alert-danger.style-03,
.alert-danger.style-04 {
    background: transparent;
}

.alert-danger.style-03 .alert-body .alert-thumb i,
.alert-danger.style-04 .alert-body .alert-thumb i {
    background: #fd7761;
    border: 7px solid #f55c43;
    color: #d52e13;
}

.alert-success.style-03,
.alert-success.style-04 {
    background: transparent;
}

.alert-success.style-03 .alert-body .alert-thumb i,
.alert-success.style-04 .alert-body .alert-thumb i {
    background: #97e411;
    border: 7px solid #7bc200;
    color: #558502;
}

.alert-info.style-03,
.alert-info.style-04 {
    background: transparent;
}

.alert-info.style-03 .alert-body .alert-thumb i,
.alert-info.style-04 .alert-body .alert-thumb i {
    background: #6fd9fc;
    border: 7px solid #47b4f6;
    color: #0787d4;
}

.alert-normal-2.style-03,
.alert-normal-2.style-04 {
    background: transparent;
}

.alert-normal-2.style-03 .alert-body .alert-thumb i,
.alert-normal-2.style-04 .alert-body .alert-thumb i {
    background: #a39cdc;
    border: 7px solid #8781bd;
    color: #5b568e;
}

.alert-normal-2.style-03 .close,
.alert-normal-2.style-04 .close {
    color: #5b568e;
}


/*-------------- end kopa alert 3 ----------*/


/*-------------- kopa alert 4 ------------*/

.alert.style-04 .alert-body .alert-thumb i {
    color: #666;
}

.alert.style-04 .alert-body .alert-content .alert-title {
    color: #333;
}

.alert.style-04 .alert-body .alert-content p {
    color: #333;
}

.alert.style-04 .close {
    opacity: 1;
    text-shadow: none;
}

.alert-warning.style-04 {
    background: #ffc12d;
}

.alert-warning.style-04 .alert-body .alert-thumb i {
    background: transparent;
    border: 7px solid #c89210;
    color: #a47503;
}

.alert-warning.style-04 .close {
    color: #a47503;
}

.alert-danger.style-04 {
    background: #feb1a4;
}

.alert-danger.style-04 .alert-body .alert-thumb i {
    background: transparent;
    border: 7px solid #f55c43;
    color: #d52e13;
}

.alert-danger.style-04 .close {
    color: #d52e13;
}

.alert-success.style-04 {
    background: #a7ec2f;
}

.alert-success.style-04 .alert-body .alert-thumb i {
    background: transparent;
    border: 7px solid #7bc200;
    color: #558502;
}

.alert-success.style-04 .close {
    color: #558502;
}

.alert-info.style-04 {
    background: #85ebfa;
}

.alert-info.style-04 .alert-body .alert-thumb i {
    background: transparent;
    border: 7px solid #47b4f6;
    color: #0787d4;
}

.alert-info.style-04 .close {
    color: #0787d4;
}

.alert-normal-2.style-04 {
    background: #aacdf6;
}

.alert-normal-2.style-04 .alert-body .alert-thumb i {
    background: transparent;
    border: 7px solid #8781bd;
    color: #5b568e;
}

.alert-normal-2.style-04 .close {
    color: #5b568e;
}


/*-------------- end kopa alert 4 --------*/


/*---------- =============================================== END =================================================== ------*/


/*--------- =============================== BOTTOM SIDEBAR STYLE ========================== ---------*/


/*---- ________ bottom sidebar ___________ ----*/

.bottom-sidebar {
    background: #0a1e34;
}

.bottom-sidebar ul.row {
    margin-top: -50px;
    margin-bottom: 0px;
}

.bottom-sidebar ul.row li {
    margin-top: 50px;
}

.bottom-sidebar ul.row li .widget ul li {
    margin-top: 0;
}

.bottom-sidebar ul.row li .widget .widget-header .widget-title {
    font-weight: 400;
}


/*-------- ====================================== END ====================================== --------*/


/*------- ================================= WOOCOMMERCE SHOP STYLE ============================= ------*/

.woocommerce-main-primary ul {
    margin-top: -50px;
}

.woocommerce-main-primary ul li {
    margin-top: 50px;
}

.woocommerce-main-primary .woocommerce-main-header {
    margin-bottom: 50px;
}

.woocommerce-main-primary .woocommerce-main-header .woocommerce-result-count {
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-thumb {
    position: relative;
    margin-bottom: 25px;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-thumb img {
    width: 100%;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-thumb:hover a.btn-add {
    opacity: 1;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-thumb a.btn-add {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    opacity: 0;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-content .entry-header h4 {
    font-size: 18px;
    margin-bottom: 0px;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-content .entry-header h4 a {
    color: #333;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-content .entry-header h4 a:hover {
    color: #0e8dc1;
}

.woocommerce-main-primary .woocommerce-main-content .entry-item .entry-content p {
    font-size: 18px;
}

.woocommerce-main-primary .woocommerce-main-footer {
    margin-top: 50px;
}

form.woocommerce-ordering {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
}

form.woocommerce-ordering i {
    font-size: 20px;
    position: absolute;
    right: 0;
    cursor: pointer;
    z-index: -1;
}

form.woocommerce-ordering select.orderby {
    -webkit-appearance: none;
    -ms-appearance: none;
    appearance: none;
    padding: 0px 15px;
    border: none;
    font-size: 16px;
    color: #999;
    background: transparent;
    cursor: pointer;
}

form.woocommerce-ordering select.orderby option {
    padding: 5px 15px;
}

.kopa-rating ul {
    margin: 0;
}

.kopa-rating ul li {
    margin: 0;
    display: inline-block;
    font-size: 15px;
}

.kopa-rating ul li.hactive span:before {
    content: "\f123";
}

.kopa-rating ul li.inactive span:before {
    content: "\f006";
}

.badge-icon-1.style-01 {
    padding: 10px 20px;
    position: absolute;
    text-transform: uppercase;
    border-radius: 3px;
    color: white;
    top: 30px;
    left: 10px;
}

nav.woocommerce-pagination {
    text-align: center;
}

nav.woocommerce-pagination ul {
    margin-top: 0;
    margin-bottom: 0;
    border: none !important;
}

nav.woocommerce-pagination ul li {
    margin-top: 0;
    display: inline-block;
    padding: 0px 10px !important;
    border: none !important;
}

nav.woocommerce-pagination ul li span.direct {
    width: 38px;
    height: 38px;
    border: 2px solid #999;
    display: inline-block;
    border-radius: 50%;
    line-height: 35px;
    font-size: 18px;
    color: #666;
    padding: 0px;
    cursor: pointer;
    transition: 0.5s;
}

nav.woocommerce-pagination ul li span.direct:hover {
    color: #0e8dc1;
    border: 2px solid #0e8dc1;
}

nav.woocommerce-pagination ul li .current {
    color: #0e8dc1 !important;
    background: transparent !important;
}

nav.woocommerce-pagination ul li .page-numbers {
    color: #333;
    margin-top: 5px;
}

nav.woocommerce-pagination ul li .page-numbers:hover {
    color: #0e8dc1;
    background: transparent;
}


/*--- =============================== END ================================== ----*/


/*--------- ========================= KOPA FOOTER ======================== ---------*/


/*---_______________________________ footer _____________________________---*/

.kopa-footer {
    padding: 40px 0px;
    text-align: center;
}

.kopa-footer p {
    color: #bbb;
    font-size: 16px;
    font-weight: 400;
}


/*---___________________ btn back top ______________________---*/

.btn-back-top {
    color: #005b85;
    border: none;
    width: 50px;
    height: 50px;
    text-align: center;
    font-size: 18px;
    border-radius: 4px;
    line-height: 50px;
    background: #005b85;
    color: white;
    position: fixed;
    bottom: 25px;
    right: 20px;
    cursor: pointer;
    display: none;
}


/*-------- =============================== END ============================== -------*/


/*-------------============================= responsive ========================----------------------*/


/*------================= responsive ===============-----------*/

@media screen and (min-width: 1367px) {
    /*-- ================ *** ================== --*/
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
        transition: 0.5s;
        width: 100%;
    }
    /*--- ============= *** ex-module-slider-pro 1920 ================ ---*
  	.ex-module-slider-pro-1{
  					.slider-pro{
  						.sp-slide{
  							&.kopa-before-01{
  								&:before{

  								}
  								.sp-image-container{
  									img{

  									}
  								}
  							}
  							&:before{

  							}
  						}
  						.sp-image-container{
  							img{

  							}
  						}
  						p{
  							br{
  								display: none;
  							}
  							&.kopa-sp-layer-line{

  								left: 305px !important;
  							}
  							&.kopa-sp-layer-img{
  								top: 150px !important;
  								left: 1200px !important;

  							}
  							&.kopa-txt-style-04{
  								left: 395px !important;
  							}
  							&.kopa-txt-style-03{
  								left: 325px !important;
  								a{

  								}
  							}
  							&.kopa-txt-style-05{
  								left: 430px !important;
  							}
  							&.kopa-txt-style-06{
  								left: 320px !important;
  							}
  							&.kopa-title-7{

  							}
  							&.h4{

  							}
  							&.kopa-sp-layer-btn-04{

  							}
  							&.kopa-sp-layer-btn-01{
  								left: 300px !important;
  							}
  							&.kopa-sp-layer-btn-02{
  								left: 530px !important;
  							}
  						}
  						a{

  						}
  					}

  				}--*/
}

@media screen and (max-width: 1279px) {
    /*--- ==================== --*/
    .ex-module-contact-4 .widget-header .widget-title {
        font-size: 23px;
        text-align: center;
        line-height: 50px;
        text-transform: none !important;
    }
    /*--- ============================= --*/
    /*----- ============= KOPA-PAGE-HEADER 1279 ============= ---------*/
    .kopa-page-header .wrap-button-feature {
        margin-top: 10px;
    }
    .kopa-page-header .humberger-menu {
        display: inline-block;
    }
    /*------========= KOPA-PAGE-HEADER-1 1279 ========== ---------*/
    .kopa-page-header-1 .kopa-header-bottom .main-nav {
        display: none;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega {
        right: -200px;
        left: auto;
    }
    .kopa-page-header-1 .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .hidden-md {
        display: none;
    }
    /*------ =========== END ============ -----*/
    /*----- ============ KOPA-PAGE-HEADER-2 1279 ================ ------*/
    .kopa-page-header-2 .main-nav {
        display: none;
    }
    .kopa-page-header-2 .humberger-menu {
        display: inline-block;
        cursor: pointer;
        color: #fff;
    }
    .kopa-page-header-2 .kopa-header-bottom .alignleft {
        width: 25%;
    }
    .kopa-page-header-2 .kopa-header-bottom .wrap-info-contact {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .kopa-page-header-2 .kopa-header-bottom .wrap-info-contact div h2 {
        font-size: 25px;
        line-height: 30px;
        margin-top: 5px;
    }
    .kopa-page-header-2 .kopa-header-bottom .btn-get-your-quote {
        margin-top: 20px;
    }
    .kopa-page-header-2 .kopa-header-bottom .kopa-wrap-hidden-content-header {
        margin-top: 20px;
    }
    .kopa-page-header-2 .kopa-header-responsive .humberger-menu {
        padding: 0;
        background: transparent;
    }
    /*----- ============= END ========================= ------*/
    /*------========= KOPA-PAGE-HEADER-3 1279 ========== ---------*/
    .kopa-page-header-3 .kopa-header-bottom .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-3 .kopa-header-bottom .main-nav {
        display: none;
    }
    .kopa-page-header-3 .kopa-header-bottom .main-nav .main-menu li .sf-mega {
        right: -200px;
        left: auto;
    }
    /*------ =========== END ============ -----*/
    /*--- ==============  EX-MODULE-SLIDER-PRO-1 1279 ============== ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    /*-- ================== **** ===================== --*/
    /*-- ============ home2 1279 reponsive style 1279 ============== --*/
    /*-------- =========  main content =========== ----------*/
    /*---  ======== KOPA-AREA-14 1279 ======== ---*/
    .kopa-area-14 {
        padding: 0px;
    }
    /*-- ========== **** ============= --*/
    .kopa-area-thumb-services {
        padding: 100px 0px;
    }
    /*-- **** --*/
    .kopa-area .ct-col-08 {
        padding: 85px 40px 100px 50px;
    }
    /*-- ================= **** ================= ---*/
    .ex-module-baner-1 .widget-header .widget-title {
        font-size: 30px;
        padding-left: 20px;
        line-height: 36px;
    }
    .ex-module-baner-1 .widget-header p {
        font-size: 16px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 10px 22px;
        font-size: 12px;
    }
    /*-- ================= ** ================= --*/
    /*--- =========== EX-MODULE-SLIDER-1-2 1279========= ---*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 30px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 8px 15px;
        font-size: 12px;
    }
    /*-- =============== **** ex-module-contact-15 1279 **** ==================== ---*/
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 60%;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: 25%;
    }
    /*--- =============== ** ===================== ---*/
    /*-- ================ **** ================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-about-us-1 .widget-header .widget-title p {
        line-height: 26px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        float: left;
        margin-right: 0px;
        width: auto;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
        max-height: 160px;
        overflow: hidden;
    }
    .ex-module-about-us-1 .widget-content .entry-item .wrap-btn {
        margin-top: 40px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .wrap-btn a {
        padding: 15px 54px;
        font-weight: bold;
    }
    /*-- ================== ** ================== --*/
    /*-- =================== **** ================== --*/
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        padding: 15px 67px;
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid #009cdc;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item .entry-content .entry-title {
        text-transform: capitalize;
    }
    /*-- ==================== ** =================== --*/
    /*-------- ========= end main content =========== -------*/
    /*-- =========== end home 2 responsive style ============= --*/
    /*-- ======== custom col row container ======= ---*/
    .ct-col-01 {
        padding-left: 30px;
    }
    /*--- ======== end ============= ---*/
    /*---- ========== home 3 responsive style 1279 =========== ----*/
    /*-- === KOPA-AREA-23 1279 === --*/
    .kopa-area-23 .ct-col-06 {
        padding: 80px 80px;
    }
    /*-- == END == */
    /*---- =========== end home 3 ==================== ----*/
}

@media screen and (max-width: 1169px) {
    /*--======= home1 responsive style ==========--*/
    /*------ =========== KOPA-PAGE-HEADER-1 1169 =========== ---------*/
    .kopa-page-header-1 .kopa-header-bottom .main-nav {
        display: none;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li {
        white-space: normal;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega {
        right: -200px;
        left: auto;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega-style-1 {
        right: 0;
        left: auto;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega-style-2,
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega-style-3 {
        right: 0;
        left: auto;
    }
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega-style-2 .sf-mega-section,
    .kopa-page-header-1 .kopa-header-bottom .main-nav .main-menu li .sf-mega-style-3 .sf-mega-section {
        width: 33.3333% !important;
    }
    .kopa-page-header-1 .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-4 .main-nav {
        display: none;
    }
    .kopa-page-header-4 .wrap-button-feature .humberger-menu {
        display: inline-block !important;
    }
    .kopa-page-header-5 .main-nav {
        display: none;
    }
    .kopa-page-header-5 .kopa-header-bottom .wrap-button-feature .humberger-menu {
        display: inline-block !important;
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .kopa-page-header-5 .kopa-header-bottom form {
        margin-top: 0;
    }
    .kopa-page-header-5 .kopa-header-bottom .alignright {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .kopa-page-header-6 .main-nav {
        display: none;
    }
    .kopa-page-header-6 .wrap-button-feature .humberger-menu {
        display: inline-block !important;
    }
    .kopa-page-header-7 .main-nav {
        display: none;
    }
    .kopa-page-header-7 .wrap-button-feature .humberger-menu {
        display: inline-block !important;
    }
    .kopa-page-header-8 .main-nav {
        display: none;
    }
    .kopa-page-header-9 .main-nav {
        display: none;
    }
    .kopa-page-header-10 .main-nav {
        display: none;
    }
    .kopa-page-header-10 .wrap-button-feature .humberger-menu {
        display: inline-block !important;
    }
    .kopa-page-header-11 .main-nav {
        display: none;
    }
    .kopa-page-header-11 .wrap-button-feature .humberger-menu {
        display: inline-block !important;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    /*--- ==== --*/
    /*-- ===== KOPA-AREA-3 1169 ====== --*/
    .kopa-area-3 {
        padding: 90px 0px 0px 0px;
    }
    /*-- ==== KOPA-AREA-5 1169 ==== --*/
    .kopa-area-5 .ct-col-03 {
        padding-bottom: 0px;
        padding-top: 75px;
        width: 55%;
    }
    .kopa-area-5 .ct-col-05 {
        padding-bottom: 0px;
        padding-top: 75px;
        width: 45%;
    }
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-7 1169 --*/
    /*-- ===== --*/
    /*-- ==== --*/
    .kopa-area .ct-col-06 {
        padding: 80px 50px;
        padding-bottom: 0px;
    }
    .kopa-area .ct-col-07 {
        padding: 80px 50px;
    }
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-SLOGAN 1169 ==== --*/
    .kopa-area-11 {
        padding: 30px 0px;
    }
    /*-- ==== --*/
    /*-- ======= **** ========== --*/
    .ex-module-slider-7 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-slider-7 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
    }
    .ex-module-slider-7 .widget-content .customNavigation .prev {
        left: -41.5%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .next {
        left: -30%;
    }
    /*-- ========= ** =========== --*/
    /*--- ==============  EX-MODULE-SLIDER-PRO-1 1169 ============== ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-img {
        top: 100px !important;
        left: 460px !important;
        transform: scale(0.85) !important;
        -ms-transform: scale(0.85) !important;
        -webkit-transform: scale(0.85) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 30px;
    }
    /*-- ================== **** ===================== --*/
    /*-- ================== **** EX-MODULE-CONTACT-4 1169 **** ================= --*/
    .ex-module-contact-4 .widget-title {
        font-size: 22px;
        line-height: 50px;
        text-align: center;
    }
    /*-- ====================== ****  END **** ======================= --*/
    /*-- ===================== **** ======================== --*/
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-thumb img,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
        bottom: 5px;
        left: 20px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content i,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content i {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content .entry-title,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content p,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    .kopa-gallery-1 .gallery-content ul li .single-img .entry-content,
    .kopa-gallery-2 .gallery-content ul li .single-img .entry-content {
        bottom: 40px;
        left: 40px;
    }
    .kopa-gallery-1 .gallery-content ul li .single-img .entry-content i,
    .kopa-gallery-2 .gallery-content ul li .single-img .entry-content i {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 19px;
    }
    .kopa-gallery-1 .gallery-content ul li .single-img .entry-content .entry-title,
    .kopa-gallery-2 .gallery-content ul li .single-img .entry-content .entry-title {
        font-size: 20px;
        line-height: 26px;
    }
    .kopa-gallery-1 .gallery-content ul li .single-img .entry-content p,
    .kopa-gallery-2 .gallery-content ul li .single-img .entry-content p {
        font-size: 16px;
        line-height: 20px;
    }
    /*-- ====================== ** ========================= --*/
    /*-- ================= EX-MODULE-RECRUIMENT-1 1169 =============== --*/
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
        padding: 0px 15px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div P {
        font-size: 13px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info .kopa-btn {
        margin-top: 10px;
        margin-left: 10px;
    }
    .ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================= END =========================== ---*/
    /*--- ============== CUSTOM HIDDEN 1169 ================ ---*/
    .ct-hidden-1 {
        display: none;
    }
    /*--- ================= END ======================= ---*/
    /*--- ========================= ***** ====================== --*/
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
        bottom: 30px;
        left: 30px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 17px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
        line-height: 26px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content p {
        font-size: 16px;
        line-height: 24px;
    }
    /*-- ========================= ** =========================== --*/
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 41px;
        line-height: 50px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 14px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 23px;
        line-height: 30px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 14px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        padding: 12px 50px;
        font-size: 11px;
    }
    /*-- ======== * ======= --*/
    /*-- ======== EX-MODULE-SLIDER-1 1169  ========== --*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 280px;
    }
    .ex-module-slider-1 .customNavigation a.btn {
        width: 34px;
        height: 34px;
        font-size: 18px;
        line-height: 34px;
        top: 50%;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== * ======= --*/
    /*-- ================ *** =========== --*/
    /*-- ================ * ============== --*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        margin-bottom: 70px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-list-product-1 .widget-header .widget-title p {
        font-size: 16px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== EX-MODULE-OUR-SERVICES-1 1169 =============== --*/
    .ex-module-our-services-1 .widget-header,
    .ex-module-our-services-5 .widget-header {
        margin-bottom: 50px;
        padding-left: 70px;
    }
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-header .widget-title p,
    .ex-module-our-services-5 .widget-header .widget-title p {
        font-size: 16px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 50px 0px 65px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
        margin-right: 15px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb span,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb span {
        font-size: 45px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-content p,
    .ex-module-our-services-5 .widget-content .entry-item .entry-content p {
        line-height: 22px;
        font-size: 13px;
    }
    .ex-module-our-services-1 .widget-content .wrap-button,
    .ex-module-our-services-5 .widget-content .wrap-button {
        margin-top: 30px;
    }
    .ex-module-our-services-1 .widget-content .wrap-button a,
    .ex-module-our-services-5 .widget-content .wrap-button a {
        padding: 12px 50px;
    }
    .ex-module-our-services-1 .widget-content ul,
    .ex-module-our-services-5 .widget-content ul {
        margin-bottom: 30px;
    }
    .ex-module-our-services-1 .widget-content ul li,
    .ex-module-our-services-5 .widget-content ul li {
        margin-bottom: 0px;
        margin-top: 30px;
    }
    /*-- =================== * =============== --*/
    /*-- =============== *** ============== --*/
    /*-- ================ * ================ --*/
    /*-- ================= ex-module-article-2 1169 ================= --*/
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 16px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 40%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -31%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -25%;
    }
    /*-- ================= END ================== --*/
    /*-- ================= EX-MODULE-SLIDER-3 1169 =================== --*/
    .ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item {
        margin-bottom: 40px;
    }
    .ex-module-slider-3 .widget-content .carousel .carousel-inner .item .entry-item .entry-content .entry-title {
        font-size: 16px;
    }
    /*-- ================ END ===================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 1169 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-3 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 24px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item .input-block input[type="text"] {
        height: 37px;
        padding: 0px 15px;
        font-size: 12px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 textarea {
        margin-bottom: 30px;
        padding: 15px;
        font-size: 12px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        text-transform: uppercase;
        display: inline-block;
        width: auto;
        padding: 15px 60px;
        font-size: 14px;
        height: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** =================== --*/
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 80px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-header .widget-title {
        text-transform: none !important;
        font-size: 21px;
        line-height: 26px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
        text-align: center;
        padding: 8px 35px;
        border: 1px solid #009cdc;
        color: #fff;
        border-radius: 50px;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    /*-- ========================= * ======================= --*/
    /*-- ========================== ***** ================== --*/
    .ex-module-slider-7 .widget-content .customNavigation .prev {
        left: -28.5%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .next {
        left: -22%;
    }
    /*-- ========================= ** ========================== --*/
    /*------ end  --------*/
    /*------- footer ------*/
    /*------- end ---------*/
    /*--- ========== end home1 1169 responsive style ======--*/
    /*-- ============ home2 1169 reponsive style ============== --*/
    /*------- ========= header ========= --------*/
    .kopa-page-header-2 .humberger-menu {
        cursor: pointer;
        color: #fff;
    }
    .kopa-page-header-2 .wrap-menu-2 .alignleft {
        width: 30%;
    }
    .kopa-page-header-2 .wrap-menu-2 .wrap-info-contact .item-info-contact h2 {
        font-size: 25px;
        line-height: 30px;
    }
    /*------- ======  end header ======== ---*/
    /*-------- =========  main content =========== ----------*/
    /*---  ======== KOPA-AREA-14 1167 ======== ---*/
    .kopa-area-14 {
        padding: 0px;
    }
    /*-- ========== **** ============= --*/
    .kopa-area-thumb-services {
        padding: 100px 0px;
    }
    /*-- **** --*/
    .kopa-area .ct-col-08 {
        padding: 85px 40px 100px 50px;
    }
    /*-- ================= **** ================= ---*/
    .ex-module-baner-1 .widget-header .widget-title {
        font-size: 30px;
        padding-left: 20px;
        line-height: 36px;
    }
    .ex-module-baner-1 .widget-header p {
        font-size: 16px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 10px 22px;
        font-size: 12px;
    }
    /*-- ================= ** ================= --*/
    /*--- =========== EX-MODULE-SLIDER-1-2 1167 ========= ---*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 30px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 8px 15px;
        font-size: 12px;
    }
    /*-- =============== **** ex-module-contact-15 1167 **** ==================== ---*/
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 60%;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: 25%;
    }
    /*--- =============== ** ===================== ---*/
    /*-- ================ **** EX-MODULE-ABOUT-US-1 1169 **** ================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-about-us-1 .widget-header .widget-title p {
        line-height: 26px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        float: left;
        margin-right: 30px;
        width: auto;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
        max-height: 160px;
        overflow: hidden;
    }
    .ex-module-about-us-1 .widget-content .entry-item .wrap-btn {
        margin-top: 40px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .wrap-btn a {
        padding: 15px 54px;
        font-weight: bold;
    }
    /*-- ================== **** END **** ================== --*/
    /*-- =================== **** ================== --*/
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        padding: 15px 67px;
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid #009cdc;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item .entry-content .entry-title {
        text-transform: capitalize;
    }
    /*-- ==================== ** =================== --*/
    /*-------- ========= end main content =========== -------*/
    /*-- =========== end home 2 responsive style ============= --*/
    /*--- ================== home 3 1169 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact {
        float: right;
        justify-content: center;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .humberger-menu i {
        width: 38px;
        height: 38px;
        background: #009cdc;
        color: white;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        font-size: 16px;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .item-info-contact {
        margin-left: 8px;
    }
    /*-- ======== end header ====== --*/
    /*-- ======== ct-hidden ========= --*/
    .ct-hidden-md {
        display: none;
    }
    /*-- ========= end ============ --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 185px 0px 100px 0px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 25px 20px;
    }
    /*--============ **** KOPA-AREA-21 1169 **** ============= --*/
    .kopa-area-21 .ct-col-09 {
        padding: 90px 15px;
    }
    /*-- **** --*/
    .kopa-area-22 {
        padding: 90px 0px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*--- **** --*/
    .ct-area-1 {
        padding: 65px 0px;
    }
    /*-- ============== ***** EX-MODULE-SLIDER-4 1169 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 60px;
        line-height: 66px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 9px 45px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 66px;
        height: 66px;
        font-size: 30px;
        line-height: 64px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= ** ================= --*/
    /*-- ================ **** EX-MODULE-CONTACT-6 1169 **** ============= --*/
    .ex-module-contact-6 .widget-content ul li {
        margin-right: 30px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 30px;
        line-height: 36px;
        float: none;
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content {
        display: inline-block;
        overflow: hidden;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================ **** END **** ============== --*/
    /*---- ==================== **** ex-module-item-1 1169 **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 10px 35px;
        font-size: 12px;
        line-height: 18px;
    }
    /*---- ====================== ** END ** ======================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    /*-- ================= ** =============== --*/
    /*-- ================ ex-module-present-4 1169 ================== --*/
    .ex-module-present-4 .widget-header .sub-title br {
        display: none;
    }
    /*--- ==================== END ===================== --*/
    /*--- ================ EX-MODULE-COUNTER-6 1169 ================= ---*/
    .ex-module-counter-6 .widget-header br {
        display: none;
    }
    /*--- ================= END =========================== --*/
    /*-- =============== **** ============== --*/
    .ex-module-gallery-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- =============== ** ================= --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
    /*---===================== header 4 =================== ---*/
    .kopa-page-header-4 .humberger-menu {
        cursor: pointer;
    }
    .kopa-page-header-4 .humberger-menu i {
        vertical-align: middle;
    }
    /*--- ====================== end ===================== --*/
    /*--- ======================== header 5 ==================== --*/
    .kopa-page-header-5 .wrap-menu-1 .wrap-form-search {
        position: relative;
        margin-top: 6px;
        display: inline-block;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu {
        width: 700px;
    }
    /*--- ========================= end =======================--*/
    /*---- ======================= dropdown menu ==================== --*/
    .sub-menu li .lv2 {
        left: -100% !important;
    }
    /*-- =========================== end  ========================= --*/
}

@media screen and (max-width: 1023px) {
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header .item-header .main-nav {
        display: none;
    }
    .kopa-page-header .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header .wrap-hidden-content {
        padding: 15px;
        border-top: 0px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button {
        font-size: 20px;
        line-height: 26px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 input[type="text"] {
        width: 80%;
    }
    .kopa-page-header .wrap-hidden-content .btn-off {
        font-size: 20px;
    }
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega {
        right: -200px;
        left: auto;
    }
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-1 {
        right: 0;
        left: auto;
    }
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-1 .sf-mega-section {
        width: 50% !important;
    }
    .kopa-page-header-1 .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-4 .item-header {
        display: block;
    }
    .kopa-page-header-4 .item-header .main-nav {
        display: block;
    }
    .kopa-page-header-7 .top-bar .alignright,
    .kopa-page-header-8 .top-bar .alignright,
    .kopa-page-header-9 .top-bar .alignright,
    .kopa-page-header-10 .top-bar .alignright {
        padding: 0px 15px;
    }
    .kopa-page-header-7 .item-header,
    .kopa-page-header-8 .item-header,
    .kopa-page-header-9 .item-header,
    .kopa-page-header-10 .item-header {
        display: block;
    }
    .kopa-page-header-7 .item-header .main-nav,
    .kopa-page-header-8 .item-header .main-nav,
    .kopa-page-header-9 .item-header .main-nav,
    .kopa-page-header-10 .item-header .main-nav {
        display: block;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 70px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 15px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== KOPA-AREA-3 1023 --*/
    .kopa-area-3 {
        padding: 115px 0px 0px 0px;
    }
    /*-- KOPA-AREA-5 1023 --*/
    .kopa-area-5 .ct-col-03 {
        padding-top: 70px;
    }
    .kopa-area-5 .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- KOPA-AREA-7 1023 --*/
    .kopa-area-7 {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ===== --*/
    .kopa-area-29 .wrap-wg {
        margin-bottom: 50px;
    }
    .kopa-area-29 .wrap-wg:last-child {
        margin-bottom: 0;
    }
    /*-- ==== KOPA-AREA-9 1023 ===== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding: 100px 50px;
    }
    .kopa-area .ct-col-07 {
        padding: 100px 50px;
    }
    /*-- ==== KOPA-AREA-10 1023 ==== --*/
    .kopa-area-10 {
        padding: 90px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 40px 0px;
    }
    /*-- ==== --*/
    /*-- **** --*/
    .kopa-area-26 .side-bar {
        margin-bottom: 50px;
    }
    /*-- =========== ** KOPA COL RESPON 1023 ** ============ --*/
    .kopa-col-respon-2 {
        margin-top: 30px;
    }
    /*-- ==================== ** END ** ================= --*/
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 33px;
        line-height: 40px;
        width: 80%;
        margin: auto;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 12px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 18px;
        margin-top: 10px;
        padding-bottom: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 12px;
        line-height: 18px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
        justify-content: center;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 10px;
        padding: 10px 40px;
    }
    /*-- ======== * ======= --*/
    /*---- ================== **** =============== ----*/
    .ex-module-instagram-1 .widget-content ul li img {
        width: 100%;
    }
    /*-- ==================== ** ================= ----*/
    /*-- ==================== **** ====================== --*/
    /*-- ======================= ** ======================= --*/
    /*--- =============== ***** =============== --*/
    .ex-module-present-2 .widget-content .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-present-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- ==================** =============== --*/
    /*--- ==============  EX-MODULE-SLIDER-PRO-1 1023 ============== ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 23px;
        line-height: 29px;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 18px !important;
        line-height: 26px !important;
        top: 190px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 250px !important;
    }
    /*-- ================== **** END **** ===================== --*/
    /*-- ======== ***  EX MODULE SLIDER 1 1023 *** ========== --*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 225px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        font-size: 25px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 25px 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 18px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 14px;
    }
    .ex-module-slider-1 .customNavigation a.btn {
        width: 34px;
        height: 34px;
        font-size: 18px;
        line-height: 34px;
        top: 50%;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== *======= --*/
    /*-- ================= EX-MODULE-RECRUIMENT-1 1023 =============== --*/
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
        padding: 0px 45px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div P {
        font-size: 13px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info .btn-show-tb-info {
        margin-top: 10px;
        margin-left: 5px;
    }
    .ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================= END =========================== ---*/
    /*-- ================ *** EX MODULE CONTACT 2 1023 *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .wrap-button a {
        font-size: 14px;
        padding: 15px 35px !important;
        font-weight: bold;
        display: inline-block;
    }
    .ex-module-contact-2 .widget-content .wrap-button a i {
        font-size: 18px;
    }
    /*-- ================ * ============== --*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 40px;
        left: 40px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 16px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== EX-MODULE-OUR-SERVICES-1 1023 =============== --*/
    .ex-module-our-services-1 .widget-header,
    .ex-module-our-services-5 .widget-header {
        margin-bottom: 50px;
        padding-left: 70px;
    }
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-header .widget-title p,
    .ex-module-our-services-5 .widget-header .widget-title p {
        font-size: 16px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 20px 0px 65px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
        margin-right: 15px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb span,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb span {
        font-size: 45px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-content p,
    .ex-module-our-services-5 .widget-content .entry-item .entry-content p {
        line-height: 22px;
        font-size: 13px;
    }
    .ex-module-our-services-1 .widget-content ul,
    .ex-module-our-services-5 .widget-content ul {
        margin-bottom: 20px;
    }
    .ex-module-our-services-1 .widget-content ul li,
    .ex-module-our-services-5 .widget-content ul li {
        margin-bottom: 0px;
        margin-top: 20px;
    }
    /*-- =================== * =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 40px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ================ * ================ --*/
    /*-- ================= ex-module-article-2 1023 ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 15px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 18px;
        line-height: 25px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 30%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -60%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -50%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 1023 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item {
        width: 50%;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*--- ============== CUSTOM HIDDEN 1023 ================ ---*/
    .ct-hidden-1 {
        display: block;
    }
    /*--- ================= END ======================= ---*/
    /*-- ==================== *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    .ex-module-our-services-2 .widget-content ul li .entry-item .entry-thumb {
        margin-right: 10px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== EX-MODULE-CONTACT-4 1023 =================== --*/
    .ex-module-contact-4 .widget-header .widget-title {
        font-size: 22px;
        text-align: center;
        line-height: 30px;
        text-transform: none !important;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
        margin-top: 20px;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    .ex-module-contact-5 .widget-content .entry-item .entry-content p,
    .ex-module-contact-8 .widget-content .entry-item .entry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    .ex-module-services-provided-1 .widget-content .entry-item .entry-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
        line-height: 25px;
        font-size: 14px;
    }
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ========================= * ======================= --*/
    /*------ end  --------*/
    /*------- FOOTER 1023 ------*/
    .kopa-footer p {
        font-size: 16px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 1023 reponsive style ============ --*/
    /*-- =========== KOPA-PAGE-HEADER-2 1023 =========== --*/
    .kopa-page-header-2 .kopa-header-bottom .alignleft {
        width: 25%;
    }
    .kopa-page-header-2 .kopa-header-bottom .wrap-info-contact {
        display: none;
    }
    .kopa-page-header-2 .kopa-header-bottom .kopa-wrap-hidden-content-header.style-01 {
        display: inline-block;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ======== KOPA-AREA-14 1023 ======= ---*/
    .kopa-area-14 {
        padding: 0px;
    }
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-16 {
        padding: 95px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 115px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 20px;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 20px 65px 40px;
    }
    /*-- ===== --*/
    /*-- ==== KOPA-AREA-18 1023 ==== --*/
    .kopa-area-18 {
        padding: 90px 0px;
    }
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-19 1023 ==== --*/
    /*-- ============= *** ============ --*/
    .ex-module-baner-1 .widget-header .widget-title {
        font-size: 24px;
        padding-left: 10px;
        border-left: 3px solid #ffd200;
        line-height: 30px;
    }
    .ex-module-baner-1 .widget-header p {
        font-size: 13px;
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a {
        font-size: 10px;
        padding: 6px 15px !important;
        display: inline-block;
        margin-left: 30px;
        margin-top: 10px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a:last-child {
        margin-top: 0;
    }
    /*-- ============ * ============== --*/
    /*-- ============= **** ex-module-our-services-9 1023 **** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 16px;
        line-height: 24px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    .ex-module-our-services-9 br {
        display: none;
    }
    /*-- =============== **** END **** ================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 5px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 20px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 70%;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: auto;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p {
        display: inline-block;
        margin-bottom: 0px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ ** ================= --*/
    /*-- ==================== **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        display: none;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: auto;
        width: 100%;
    }
    /*-- ==================== ** ===================== --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 20px;
        bottom: 25px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 16px;
        line-height: 22px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 14px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: -20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-content p {
        margin-bottom: 40px;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact {
        float: right;
        justify-content: center;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .humberger-menu i {
        width: 38px;
        height: 38px;
        background: #009cdc;
        color: white;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        font-size: 16px;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .item-info-contact {
        margin-left: 8px;
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 185px 0px 100px 0px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 25px 20px;
    }
    /*-- **** --*/
    .kopa-area-21 .ct-col-09 {
        padding: 90px 15px;
    }
    /*-- **** =====  KOPA-AREA-22 1023 ==== *** --*/
    .kopa-area-22 {
        padding: 100px 0px;
    }
    /*-- **** === END ==== *** --*/
    /*-- *** ======= KOPA-AREA-23 1023 ====== *** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    .kopa-area-23 .ct-col-06 {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    /*-- *** ======== END =========== *** ---*/
    /*--- **** --*/
    .ct-area-1 {
        padding: 65px 0px;
    }
    /*-- ============== ***** EX-MODULE-SLIDER-4 1023 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 46px;
        line-height: 66px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 9px 45px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 66px;
        height: 66px;
        font-size: 30px;
        line-height: 64px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= ** ================= --*/
    /*-- ================ **** EX-MODULE-CONTACT-6 1023 **** ============= --*/
    .ex-module-contact-6 .widget-content ul li {
        margin-right: 30px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 30px;
        line-height: 36px;
        float: none;
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content {
        display: inline-block;
        overflow: hidden;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 15px;
        line-height: 20px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================ ** END ** ============== --*/
    /*---- ==================== **** ex-module-item-1 1023 **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 10px 35px;
        font-size: 12px;
        line-height: 18px;
    }
    /*---- ====================== ** END ** ======================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    /*-- ================= ** =============== --*/
    /*-- =============== **** ============== --*/
    .ex-module-gallery-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- =============== ** ================= --*/
    /*-- ================= **** EX-MODULE-OUR-SERVICES-4 1023 **** ================ --*/
    .ex-module-our-services-4 br {
        display: none;
    }
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
}

@media screen and (max-width: 979px) {
    /*-- ======== ct-hidden ========= --*/
    .ct-hidden-md {
        display: block;
    }
    /*-- ========= end ============ --*/
    /*-- ======== custom col row container ======= ---*/
    .ct-col-01 {
        padding-left: 15px;
    }
    /*--- ======== end ============= ---*/
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header .item-header .main-nav {
        display: none;
    }
    .kopa-page-header .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header .wrap-hidden-content {
        padding: 15px;
        border-top: 0px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button {
        font-size: 20px;
        line-height: 26px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 input[type="text"] {
        width: 80%;
    }
    .kopa-page-header .wrap-hidden-content .btn-off {
        font-size: 20px;
    }
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-2,
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-3 {
        right: 0;
        left: auto;
    }
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-2 .sf-mega-section,
    .kopa-page-header-1 .item-header .main-nav .main-menu li .sf-mega-style-3 .sf-mega-section {
        width: 50% !important;
    }
    .kopa-page-header-1 .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-4 .top-bar .alignleft {
        padding: 0px 15px;
    }
    .kopa-page-header-4 .top-bar .alignright {
        padding: 0px 15px;
    }
    .kopa-page-header-4 .item-header {
        display: block;
    }
    .kopa-page-header-4 .item-header .main-nav {
        display: block;
    }
    .kopa-page-header-7 .top-bar .alignleft,
    .kopa-page-header-8 .top-bar .alignleft,
    .kopa-page-header-9 .top-bar .alignleft,
    .kopa-page-header-10 .top-bar .alignleft {
        padding: 0px 15px;
    }
    .kopa-page-header-7 .top-bar .alignright,
    .kopa-page-header-8 .top-bar .alignright,
    .kopa-page-header-9 .top-bar .alignright,
    .kopa-page-header-10 .top-bar .alignright {
        padding: 0px 15px;
    }
    .kopa-page-header-7 .item-header,
    .kopa-page-header-8 .item-header,
    .kopa-page-header-9 .item-header,
    .kopa-page-header-10 .item-header {
        display: block;
    }
    .kopa-page-header-7 .item-header .main-nav,
    .kopa-page-header-8 .item-header .main-nav,
    .kopa-page-header-9 .item-header .main-nav,
    .kopa-page-header-10 .item-header .main-nav {
        display: block;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 70px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 15px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== KOPA-AREA-3 979 ===== --*/
    .kopa-area-3 {
        padding: 115px 0px;
        padding-bottom: 0px;
    }
    /*-- ==== KOPA-AREA-5 979 ===== --*/
    .kopa-area-5 {
        padding-top: 90px;
        background-size: auto;
    }
    .kopa-area-5 .ct-col-03 {
        padding-top: 0px;
        width: 100%;
    }
    .kopa-area-5 .ct-col-05 {
        padding-bottom: 75px;
        width: 100%;
    }
    .kopa-area-5 .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
        margin-left: 15px;
        margin-bottom: 50px;
    }
    .kopa-area-5 .ex-module-our-services-1 .widget-header,
    .kopa-area-5 .ex-module-our-services-5 .widget-header {
        padding-left: 60px;
        margin-left: 15px;
    }
    .kopa-area-5 .ex-module-our-services-1 .widget-header br,
    .kopa-area-5 .ex-module-our-services-5 .widget-header br {
        display: none;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- ==== KOPA-AREA-7 979 ===== --*/
    .kopa-area-7 {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ======= KOPA AREA 9 979 ====== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .kopa-area .ct-col-07 {
        padding: 90px 20px;
    }
    /*-- ==== KOPA-AREA-10 979 ===== --*/
    .kopa-area-10 {
        padding: 90px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    /*-- ======== *** ========== --*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 979 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-img {
        top: 70px !important;
        left: 360px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 23px;
        line-height: 29px;
        top: 110px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 18px !important;
        line-height: 26px !important;
        top: 160px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 210px !important;
    }
    .ex-module-slider-pro-1 .slider-pro .sp-arrow {
        width: 30px;
        height: 30px;
    }
    /*--- ============================= END =============================== ---*/
    /*-- =========== EX-MODULE-SLIDER-1 979 ============= ---*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 225px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item a {
        font-size: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 25px 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 18px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 14px;
    }
    .ex-module-slider-1 .customNavigation a.btn {
        width: 34px;
        height: 34px;
        font-size: 18px;
        line-height: 32px;
        top: 50%;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ============== END ===================== --*/
    /*-- ========== EX-MODULE-CONTACT-1 979 =========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 33px;
        line-height: 40px;
        width: 80%;
        margin: auto;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 12px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 18px;
        margin-top: 10px;
        padding-bottom: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 12px;
        line-height: 18px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
        justify-content: center;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 10px;
        padding: 10px 40px;
    }
    /*-- ======== * ======= --*/
    /*-- ================== EX-MODULE-CONTACT-4 979 ================= --*/
    .ex-module-contact-4 .widget-title {
        font-size: 26px;
        line-height: 40px;
        text-align: center;
    }
    /*-- ======================   END  ======================= --*/
    /*--- ================ **** EX MODULE SILDER 3 979 *** ================= --*/
    .ex-module-slider-3 .widget-content .carousel .carousel-control {
        margin-top: 20px;
    }
    /*--- ================ ** ================== --*/
    /*-- ================= EX-MODULE-RECRUIMENT-1 979 =============== --*/
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
        padding: 0px 15px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div P {
        font-size: 13px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info .btn-show-tb-info {
        margin-top: 10px;
        margin-left: 5px;
    }
    .ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================= END =========================== ---*/
    /*-- ================ *** EX MODULE CONTACT 2 *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .wrap-button a {
        font-size: 14px;
        padding: 15px 35px !important;
        font-weight: bold;
        display: inline-block;
    }
    .ex-module-contact-2 .widget-content .wrap-button a i {
        font-size: 18px;
    }
    /*-- ================ * ============== --*/
    /*-- ================ *** ============== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 40px;
        left: 40px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 16px;
    }
    /*-- ================= * ================ --*/
    /*--- ================= *** EX MODULE ACCORDION 6 979 *** ================= ---*/
    .ex-module-accordion-6 .widget-header br {
        display: none;
    }
    /*--- ================== *** END *** ======================= ---*/
    /*-- ================== EX-MODULE-OUR-SERVICES-1 979 =============== --*/
    .ex-module-our-services-1 .widget-header,
    .ex-module-our-services-5 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-header .widget-title p,
    .ex-module-our-services-5 .widget-header .widget-title p {
        font-size: 16px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 75px 0px 75px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
        margin-right: 15px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-thumb span,
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb span {
        font-size: 51px;
    }
    .ex-module-our-services-1 .widget-content .entry-item .entry-content p,
    .ex-module-our-services-5 .widget-content .entry-item .entry-content p {
        line-height: 25px;
        font-size: 16px;
    }
    .ex-module-our-services-1 .widget-content ul,
    .ex-module-our-services-5 .widget-content ul {
        margin-bottom: 50px;
    }
    .ex-module-our-services-1 .widget-content ul li,
    .ex-module-our-services-5 .widget-content ul li {
        margin-bottom: 0px;
        margin-top: 50px;
    }
    /*-- =================== * =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 40px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ================ * ================ --*/
    /*---- ==================== **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 8px 14px;
        font-size: 12px;
    }
    /*---- ====================== ** ======================== --*/
    /*-- ================= *** ex-module-article-2 *** ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 15px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 18px;
        line-height: 25px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 30%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -60%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -50%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 979 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item {
        width: 50%;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** EX MODULE OUR SERVICES 2 979 *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    .ex-module-our-services-2 .widget-content ul li .entry-item .entry-thumb {
        margin-right: 10px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    .ex-module-contact-5 .widget-content .entry-item .entry-content p,
    .ex-module-contact-8 .widget-content .entry-item .entry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    .ex-module-services-provided-1 .widget-content .entry-item .entry-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
        line-height: 25px;
        font-size: 14px;
    }
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ========================= * ======================= --*/
    /*------ end  --------*/
    /*------- ==== FOOTER 979 ===== ------*/
    .kopa-footer p {
        font-size: 16px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 reponsive style ============ --*/
    /*-- =========== KOPA-PAGE-HEADER-2 979 =========== --*/
    .kopa-page-header-2 .wrap-menu-2 .active-support-number {
        width: 38px;
        height: 38px;
        border: 1px solid #009cdc;
        border-radius: 50%;
        color: #009cdc;
        text-align: center;
        display: inline-block;
        line-height: 38px;
        font-size: 15px;
        margin-left: 5px;
    }
    .kopa-page-header-2 .wrap-menu-2 .active-support-number i {
        font-size: 19px !important;
        float: none !important;
        margin-right: 0 !important;
    }
    .kopa-page-header-2 {
        /*--- menu 1 ---*/
        /*--- end menu 1 --*/
        /*---- menu 2 ---*/
        /*--- end menu 2 --*/
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li {
        padding: 16px 15px;
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li .humberger-menu i {
        color: #fff;
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li a.sf-with-ul::after {
        display: none;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right p {
        color: white;
        display: inline-block;
        font-size: 13px;
        margin-right: 15px;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon {
        display: inline-block;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon a {
        font-size: 16px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        display: inline-block;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon a:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    .kopa-page-header-2 .wrap-menu-2 .wrap-info-contact .item-info-contact .btn-search {
        display: inline-block;
        width: 38px;
        height: 38px;
        font-size: 19px;
        line-height: 38px;
        border: 1px solid #009cdc;
        border-radius: 50%;
        color: #009cdc;
        margin-left: 10px;
    }
    .kopa-page-header-2 .wrap-menu-2 .wrap-info-contact .item-info-contact .btn-search i {
        font-size: 19px;
        margin: 0;
        color: #009cdc;
        float: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
        background: #009cdc;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ======= KOPA-AREA-14 979 ======= ---*/
    .kopa-area-14 {
        padding: 0px;
    }
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-16 {
        padding: 95px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 115px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 20px;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 20px 65px 40px;
    }
    /*-- ===== --*/
    /*-- ==== KOPA-AREA-18 979 ==== --*/
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-19 979==== --*/
    /*---- =========== **** EX-MODULE-SLIDER-1-2 979 **** =========== ---*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content P {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .kopa-btn {
        font-size: 10px;
        padding: 10px 25px;
    }
    /*---- ================ END ====================== ---*/
    /*-- ============= *** ex-module-our-services-9 979 *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 16px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 14px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * END * ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 5px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 20px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 70%;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: auto;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p {
        display: inline-block;
        margin-bottom: 0px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ ** ================= --*/
    /*-- ==================== **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        display: none;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: auto;
        width: 100%;
    }
    /*-- ==================== ** ===================== --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 20px;
        bottom: 25px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 16px;
        line-height: 22px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 14px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: -20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-content p {
        margin-bottom: 40px;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact {
        float: right;
        justify-content: center;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .humberger-menu i {
        width: 38px;
        height: 38px;
        background: #009cdc;
        color: white;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        font-size: 16px;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .item-info-contact {
        margin-left: 8px;
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 185px 0px 100px 0px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 25px 20px;
    }
    /*-- ======= **** KOPA-AREA-21 979 **** ===== --*/
    .kopa-area-21 .ct-col-09 {
        padding: 90px 15px;
    }
    /*-- **** KOPA-AREA-22 979 *** --*/
    .kopa-area-22 {
        padding: 90px 0px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*--- **** --*/
    .ct-area-1 {
        padding: 65px 0px;
    }
    /*-- ============== ***** EX-MODULE-SLIDER 4 979 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 46px;
        line-height: 50px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 9px 45px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 53px;
        height: 53px;
        font-size: 20px;
        line-height: 53px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= ** ================= --*/
    /*-- ================ **** EX-MODULE-CONTACT-6 979 **** ============= --*/
    .ex-module-contact-6 .widget-content ul li {
        margin-right: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 24px;
        line-height: 30px;
        float: none;
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content {
        display: inline-block;
        overflow: hidden;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ================ ** END ** ============== --*/
    /*---- ==================== **** ex-module-item-1 979 **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 8px 15px;
        font-size: 11px;
        line-height: 17px;
    }
    /*---- ====================== ** END ** ======================== --*/
    /*-- ============= *** EX-MODULE-SERVICES-4 979 *** ============== --*/
    .ex-module-our-services-4 .widget-header br {
        display: none;
    }
    /*-- ============== *** END *** ================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    /*-- ================= ** =============== --*/
    /*-- ============== *** KOPA PRICING TABLE 3 979 *** ============= ---*/
    .kopa-pricing-table-3 .pricing-content .pricing-button {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- =============== **** END **** ===================== ---*/
    /*-- =============== **** ============== --*/
    .ex-module-gallery-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- =============== ** ================= --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
}

@media screen and (max-width: 799px) {
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header .item-header .main-nav {
        display: none;
    }
    .kopa-page-header .wrap-button-feature .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header .wrap-hidden-content {
        padding: 15px;
        border-top: 0px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button {
        font-size: 20px;
        line-height: 26px;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 input[type="text"] {
        width: 80%;
    }
    .kopa-page-header .wrap-hidden-content .btn-off {
        font-size: 20px;
    }
    .kopa-page-header-4 .item-header {
        display: block;
    }
    .kopa-page-header-4 .item-header .main-nav {
        display: block;
    }
    .kopa-page-header-7 .item-header,
    .kopa-page-header-8 .item-header,
    .kopa-page-header-9 .item-header,
    .kopa-page-header-10 .item-header {
        display: block;
    }
    .kopa-page-header-7 .item-header .main-nav,
    .kopa-page-header-8 .item-header .main-nav,
    .kopa-page-header-9 .item-header .main-nav,
    .kopa-page-header-10 .item-header .main-nav {
        display: block;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 600px;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    .kopa-area .ct-col-03 {
        padding-right: 0;
        padding-left: 0;
    }
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 40px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 15px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== KOPA AREA 3 799 ==== --*/
    .kopa-area-3 {
        padding: 115px 0px;
        padding-bottom: 0px;
    }
    /*-- ==== KOPA AREA 5 799 ===== --*/
    .kopa-are-5 {
        padding: 90px 0px;
    }
    .kopa-area .ct-col-03 {
        padding-top: 0px;
    }
    .kopa-area .ct-col-05 {
        padding: 90px 20px;
    }
    .kopa-area .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- ==== KOPA-AREA-7 799 ===== --*/
    .kopa-area-7 {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ==== KOPA-AREA-9 799 ===== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .kopa-area .ct-col-07 {
        padding: 90px 25px;
    }
    /*-- ==== KOPA-AREA-10 799 ===== --*/
    .kopa-area-10 {
        padding: 90px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 50px 10px;
    }
    /*-- ==== BOTTOM-SIDEBAR 799--*/
    /*---- *** ---*/
    .kopa-area-24,
    .kopa-area-34,
    .kopa-area-44,
    .kopa-area-46,
    .kopa-area-49 {
        padding: 80px 20px 25px 20px;
    }
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        width: 60%;
        margin: auto;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 12px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 16px;
        margin-top: 10px;
        padding-bottom: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 12px;
        line-height: 18px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
        justify-content: center;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 12px;
        padding: 5px 20px;
    }
    /*-- ======== * ======= --*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 799 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 20px;
        line-height: 26px;
        top: 110px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 18px !important;
        line-height: 26px !important;
        top: 160px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 210px !important;
    }
    /*--- ============================= END =============================== ---*/
    /*-- ======== *** EX-MODULE-SLIDER-1 799 ========== --*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 200px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        font-size: 25px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 10px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 16px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 12px;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== * ======= --*/
    /*-- ================ *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .wrap-button a {
        font-size: 12px;
        padding: 10px 15px !important;
        font-weight: bold;
        display: inline-block;
    }
    .ex-module-contact-2 .widget-content .wrap-button a i {
        font-size: 14px;
    }
    /*-- ================ * ============== --*/
    /*--- ==============  .ex-module-slider-1-1 799 ============== ---*/
    .ex-module-slider-1-1 .wrap-content-slider {
        left: 0%;
        transform: translate(0%, -50%);
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item {
        width: 50%;
        padding: 0px 15px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-header {
        margin-bottom: 5px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-header p {
        font-size: 10px;
        line-height: 16px;
        margin: 0px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-header .entry-title {
        font-size: 24px;
        line-height: 30px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content h5 {
        font-size: 18px;
        margin-top: 0px;
        margin-bottom: 5px;
        line-height: 24px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content p {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-01,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-03,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-06,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-07,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-010,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-011,
    .ex-module-slider-1-1 .wrap-content-slider .entry-item .entry-content .wrap-btn .btn-013 {
        padding: 3px 20px;
        font-size: 10px;
        margin-left: 5px;
    }
    /*-- ================== **** ===================== --*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 25px;
        left: 20px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 14px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== *** EX-MODULE-OUR-SERVICES-1 799 =============== --*/
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 65px;
    }
    /*-- =================== END =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 40px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ================ * ================ --*/
    /*-- ================= *** ex-module-article-2 *** ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 15px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 18px;
        line-height: 25px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 30%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -60%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -50%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 799 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item {
        width: 50%;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** EX MODULE OUR SERVICES 2 799 *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    /*-- ====================== *** END *** =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    .ex-module-contact-5 .widget-content .entry-item .entry-content p,
    .ex-module-contact-8 .widget-content .entry-item .entry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    .ex-module-services-provided-1 .widget-content .entry-item .entry-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
        line-height: 25px;
        font-size: 14px;
    }
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ========================= * ======================= --*/
    /*------ end  --------*/
    /*------- ==== FOOTER 799 ------*/
    .kopa-footer p {
        font-size: 16px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 reponsive style ============ --*/
    /*-- =========== KOPA-PAGE-HEADER-2 799 =========== --*/
    .kopa-page-header-2 .wrap-menu-2 .active-support-number {
        width: 38px;
        height: 38px;
        border: 1px solid #009cdc;
        border-radius: 50%;
        color: #009cdc;
        text-align: center;
        display: inline-block;
        line-height: 38px;
        font-size: 15px;
        margin-left: 5px;
    }
    .kopa-page-header-2 .wrap-menu-2 .active-support-number i {
        font-size: 19px !important;
        float: none !important;
        margin-right: 0 !important;
    }
    .kopa-page-header-2 {
        /*--- menu 1 ---*/
        /*--- end menu 1 --*/
        /*---- menu 2 ---*/
        /*--- end menu 2 --*/
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li {
        padding: 16px 15px;
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li .humberger-menu i {
        color: #fff;
    }
    .kopa-page-header-2 .wrap-menu-1 .menu-1 .sf-menu li a.sf-with-ul::after {
        display: none;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right p {
        color: white;
        display: inline-block;
        font-size: 13px;
        margin-right: 15px;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon {
        display: inline-block;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon a {
        font-size: 16px;
        border-left: 1px solid rgba(255, 255, 255, 0.3);
        display: inline-block;
    }
    .kopa-page-header-2 .wrap-menu-1 .text-right .wrap-social-icon a:last-child {
        border-right: 1px solid rgba(255, 255, 255, 0.3);
    }
    .kopa-page-header-2 .wrap-menu-2 .wrap-info-contact .item-info-contact .btn-search {
        display: inline-block;
        width: 38px;
        height: 38px;
        font-size: 19px;
        line-height: 38px;
        border: 1px solid #009cdc;
        border-radius: 50%;
        color: #009cdc;
        margin-left: 10px;
    }
    .kopa-page-header-2 .wrap-menu-2 .wrap-info-contact .item-info-contact .btn-search i {
        font-size: 19px;
        margin: 0;
        color: #009cdc;
        float: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
        background: #009cdc;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ==== KOPA-AREA-14 799 ==== ---*/
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 90px 0px;
    }
    /*-- ===== --*/
    .kopa-area-16 {
        padding: 95px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 115px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 20px;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 20px 65px 40px;
    }
    /*-- ===== --*/
    /*-- ==== KOPA-AREA-18 799 ==== --*/
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-19 799 ==== --*/
    /*-- ============= *** ============ --*/
    .ex-module-baner-1 .widget-header .widget-title {
        font-size: 24px;
        padding-left: 10px;
        border-left: 3px solid #ffd200;
        line-height: 30px;
    }
    .ex-module-baner-1 .widget-header p {
        font-size: 13px;
        padding-left: 20px;
        margin-bottom: 30px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a {
        font-size: 10px;
        padding: 6px 15px !important;
        display: inline-block;
        margin-left: 30px;
        margin-top: 10px;
    }
    .ex-module-baner-1 .widget-content .entry-item .entry-content .wrap-btn a:last-child {
        margin-top: 0;
    }
    /*-- ============ * ============== --*/
    /*-- ============= *** ex-module-our-services-9 799 *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 16px;
        line-height: 24px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * END * ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 40px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        margin-bottom: 5px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 20px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 70%;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: auto;
        vertical-align: middle;
    }
    .ex-module-contact-15 .widget-content form p {
        display: inline-block;
        margin-bottom: 0px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ ** ================= --*/
    /*-- ==================== **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        display: none;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: auto;
        width: 100%;
    }
    /*-- ==================== ** ===================== --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 20px;
        bottom: 25px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 16px;
        line-height: 22px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 14px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: -20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-content p {
        margin-bottom: 40px;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 40px;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact {
        float: right;
        justify-content: center;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .humberger-menu i {
        width: 38px;
        height: 38px;
        background: #009cdc;
        color: white;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
        font-size: 16px;
    }
    .kopa-page-header-3 .wrap-menu-1 .wrap-info-contact .item-info-contact {
        margin-left: 8px;
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 185px 0px 100px 0px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding-left: 0px;
        padding-right: 0px;
    }
    /*--  ======= **** KOPA-AREA-21 799  **** ===== --*/
    .kopa-area-21 .ct-col-09 {
        padding: 90px 15px;
    }
    /*-- ====== **** KOPA-AREA-22 799 **** ======= --*/
    .kopa-area-22 {
        padding: 90px 0px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*--- **** --*/
    .ct-area-1 {
        padding: 65px 0px;
    }
    /*-- ============== **** EX-MODULE-SLIDER-4 799 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 46px;
        line-height: 50px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 9px 45px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 53px;
        height: 53px;
        font-size: 20px;
        line-height: 53px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= ** ================= --*/
    /*-- ================ **** EX MODULE CONTACT 6 799 **** ============= --*/
    .ex-module-contact-6 .widget-content ul li {
        margin-right: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 24px;
        line-height: 30px;
        float: none;
        display: inline-block;
        margin-right: 10px;
        vertical-align: top;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content {
        display: inline-block;
        overflow: hidden;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 12px;
        line-height: 18px;
        text-transform: uppercase;
        margin-top: 0;
        margin-bottom: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ================ *** END *** ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    /*-- ================= ** =============== --*/
    /*-- =============== **** ============== --*/
    .ex-module-gallery-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- =============== ** ================= --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
}

@media screen and (max-width: 767px) {
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header .kopa-header-top {
        display: none;
    }
    .kopa-page-header .kopa-header-bottom {
        display: none;
    }
    .kopa-page-header .kopa-header-bottom.style-01 {
        display: block;
        padding: 25px 10px;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignleft {
        width: 40%;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignleft .wrap-logo {
        padding: 0;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignright .wrap-button-feature {
        float: none;
        width: auto;
        padding: 0;
        display: inline-block;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignright .wrap-button-feature button {
        color: #fff;
        border: 1px solid #fff;
        width: 38px;
        height: 38px;
        font-size: 15px;
        margin: 0;
        margin-left: 5px;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignright .wrap-button-feature button:first-child {
        margin-left: 0;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignright .humberger-menu {
        display: inline-block;
        margin-right: 5px;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .alignright .humberger-menu i {
        width: 38px;
        height: 38px;
        font-size: 15px;
        color: white;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 50%;
        line-height: 35px;
        cursor: pointer;
    }
    .kopa-page-header .kopa-header-bottom.style-01 .wrap-support-number {
        left: 0;
        font-size: 15px;
        padding: 25px 10px;
    }
    .kopa-page-header .kopa-header-responsive {
        display: block;
    }
    .kopa-page-header .kopa-header-responsive .alignleft {
        padding: 0;
    }
    .kopa-page-header .kopa-header-responsive .alignleft .kopa-logo {
        padding: 0;
    }
    .kopa-page-header .kopa-header-responsive .alignright {
        padding: 0px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature {
        float: none;
        width: auto;
        padding: 0;
        display: inline-block;
        margin-top: 5px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button {
        color: #fff;
        border: 1px solid #fff;
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 15px;
        margin: 0;
        margin-left: 5px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .wrap-button-feature button:first-child {
        margin-left: 0;
    }
    .kopa-page-header .kopa-header-responsive .alignright .humberger-menu {
        display: inline-block;
        margin-left: 5px;
        margin-top: 0px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .humberger-menu i {
        width: 38px;
        height: 38px;
        font-size: 20px;
        color: white;
        text-align: center;
        border: 1px solid #fff;
        border-radius: 50%;
        line-height: 38px;
        cursor: pointer;
    }
    .kopa-page-header .kopa-header-responsive .wrap-support-number {
        left: 0;
        font-size: 15px;
        padding: 25px 10px;
        background: #fff;
    }
    .kopa-page-header .kopa-header-responsive .wrap-support-number a {
        color: #009cdc;
    }
    .kopa-page-header .kopa-header-responsive .wrap-support-number a:hover {
        color: #ffd200;
    }
    .kopa-page-header .wrap-hidden-content {
        padding: 15px;
        background: #fff;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button {
        font-size: 20px;
        line-height: 26px;
        color: #009cdc;
        transition: 0.5s;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button:hover {
        color: #ffd200;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 input[type="text"] {
        width: 80%;
    }
    .kopa-page-header .wrap-hidden-content .btn-off {
        right: 10px;
        color: #009cdc;
        font-size: 20px;
        transition: 0.5s;
    }
    .kopa-page-header .wrap-hidden-content .btn-off:hover {
        color: #ffd200;
    }
    .kopa-page-header-4 .item-header {
        display: block;
    }
    .kopa-page-header-4 .item-header .main-nav {
        display: block;
    }
    .kopa-page-header-5 .wrap-menu-1 {
        display: block;
    }
    .kopa-page-header-7 .item-header,
    .kopa-page-header-8 .item-header,
    .kopa-page-header-9 .item-header,
    .kopa-page-header-10 .item-header {
        display: block;
    }
    .kopa-page-header-7 .item-header .main-nav,
    .kopa-page-header-8 .item-header .main-nav,
    .kopa-page-header-9 .item-header .main-nav,
    .kopa-page-header-10 .item-header .main-nav {
        display: block;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 600px;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 40px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 15px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*--- ======= ---*/
    .kopa-area .sidebar {
        margin-top: 50px;
        padding: 0px 20px;
    }
    .kopa-area .wrap-img-1 {
        padding-right: 0;
        padding-left: 0;
    }
    /*---- ============== ---*/
    .kopa-area-25 {
        padding: 65px 0px;
    }
    /*-- ======= KOPA-AREA-26 767 ========== --*/
    .kopa-area-26 {
        padding: 65px 0px;
    }
    /*-- ======= KOPA-AREA-28 767 ========== --*/
    .kopa-area-28 {
        padding: 65px 0px;
    }
    /*-- ======= KOPA-AREA-29 767 ========== --*/
    .kopa-area-29 {
        padding: 65px 0px;
    }
    /*-- ======= KOPA-AREA-36 767 ========== --*/
    .kopa-area-36 {
        padding: 65px 0px;
    }
    /*-- ======= KOPA-AREA-47 767 ========== --*/
    .kopa-area-47 {
        padding: 65px 0px;
    }
    /*-- ===== KOPA-AREA-3 767 ============ --*/
    .kopa-area-3 {
        padding: 115px 0px;
        padding-bottom: 0px;
    }
    /*-- ==== KOPA-AREA-5 767--*/
    .kopa-area-5 {
        padding-top: 90px;
    }
    .kopa-area .ct-col-03 {
        padding-top: 0px;
    }
    .kopa-area .ct-col-05 {
        padding: 90px 25px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- ==== KOPA-AREA-7 767 ===== --*/
    .kopa-area-7 {
        padding: 65px 0px;
    }
    .kopa-area-7 .container {
        padding: 0px 15px;
    }
    /*-- ======== --*/
    .kopa-area-45 {
        padding: 65px 0px;
    }
    /*-- ======= --*/
    .kopa-area-50 {
        padding: 65px 0px;
    }
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ==== KOPA-AREA-9 767 ===== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding: 90px 15px;
    }
    .kopa-area .ct-col-07 {
        padding: 90px 15px;
    }
    /*-- ==== KOPA-AREA-10 767 ===== --*/
    .kopa-area-10 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 50px 10px;
    }
    /*-- ==== --*/
    .bottom-sidebar-area {
        padding: 65px 0px;
    }
    /*-- =========== ** KOPA COL RESPON 767 ** ============ --*/
    .kopa-col-respon-1 {
        width: 50% !important;
    }
    /*-- ==================== ** END ** ================= --*/
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        width: 60%;
        margin: auto;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 12px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 16px;
        margin-top: 10px;
        padding-bottom: 20px;
        line-height: 24px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 12px;
        line-height: 18px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
        justify-content: center;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 12px;
        padding: 5px 20px;
    }
    /*-- ======== * ======= --*/
    /*-- ================== ****** ============== --*/
    .woocommerce-area-1 .images {
        margin-bottom: 30px;
    }
    /*-- =================== ** ===================== --*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 767 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-img {
        top: 50px !important;
        left: 280px !important;
        transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -webkit-transform: scale(0.8) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 20px;
        line-height: 26px;
        top: 110px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 18px !important;
        line-height: 26px !important;
        top: 160px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 210px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line {
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        left: 55px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line .kopa-line-style-01 {
        width: 200px;
    }
    /*--- ============================= END =============================== ---*/
    /*-- =================== ***** ================== --*/
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-thumb img,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- ====================== ** ==================== --*/
    /*-- ==================== **** ===================== --*/
    .related {
        margin-top: 65px;
    }
    /*--- =============== ***** EX MODULE PRESENT 2 767 **** =============== --*/
    .ex-module-present-2 br {
        display: none;
    }
    /*-- ==================** =============== --*/
    /*-- ================= EX-MODULE-RECRUIMENT-1 767 =============== --*/
    .ex-module-recruitment-1 .widget-content ul {
        margin-top: -20px;
    }
    .ex-module-recruitment-1 .widget-content ul li {
        margin-top: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
        padding: 0px 15px;
        width: 100%;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
        font-size: 15px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div P {
        font-size: 13px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info .kopa-btn {
        margin-top: 10px;
        margin-left: 10px;
    }
    .ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
        font-size: 13px;
        line-height: 20px;
    }
    /*-- ================= END =========================== ---*/
    /*-- =================== **** BLOG ARICLE LIST 1 767 **** =================== --*/
    .blog-article-list-1 li .entry-item .entry-content {
        padding: 0px 20px;
    }
    .blog-article-list-1 li .entry-item .entry-footer {
        padding: 0px 20px;
    }
    /*-- ==================== ** END ** =================== --*/
    /*--- ====================== **** ==================== ---*/
    .kopa-gallery-2 .gallery-content ul li {
        width: 49.99%;
    }
    /*--- ============== ***** =============== --*/
    .ex-module-slider-7 .widget-content .customNavigation .btn {
        top: 35%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .prev {
        left: -86%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .next {
        left: -70%;
    }
    /*-- =============== ** =================== --*/
    /*-- ======== ***  ========== --*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 185px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        font-size: 25px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 10px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 16px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 12px;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== * ======= --*/
    /*-- ================ *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .wrap-button a {
        font-size: 12px;
        padding: 10px 15px !important;
        font-weight: bold;
        display: inline-block;
    }
    .ex-module-contact-2 .widget-content .wrap-button a i {
        font-size: 14px;
    }
    /*-- ================ * ============== --*/
    /*--- ================= **** =============== ---*/
    .ex-module-slider-3 .widget-content .carousel .carousel-control {
        margin-top: 50px;
    }
    /*-- =================== ** =============== ---*/
    /*-- ================ *** ============== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 25px;
        left: 20px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 14px;
    }
    /*-- ================= * ================ --*/
    /*-- ================= ***** =============== --*/
    .ex-module-map-1 {
        height: 500px;
        margin-bottom: 30px !important;
    }
    /*-- ================== ** ================= --*/
    /*-- ================== *** EX-MODULE-OUR-SERVICES-1 767 =============== --*/
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 55px;
    }
    /*-- =================== * =============== --*/
    /*--- ================== *** EX MODULE OUR SERVICES 6 767 *** =================---*/
    .ex-module-our-services-6 .widget-header .widget-title {
        font-size: 24px !important;
        line-height: 30px !important;
    }
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 40px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ================ * ================ --*/
    /*-- ================= *** ex-module-article-2 767 **** ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 15px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 18px;
        line-height: 25px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 30%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -60%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -50%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 767 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item {
        width: 50%;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** EX MODULE OURSERVICES 2 767 *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .kopa-btn {
        margin-bottom: 50px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    .ex-module-contact-5 .widget-content .entry-item .entry-content p,
    .ex-module-contact-8 .widget-content .entry-item .entry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    .ex-module-services-provided-1 .widget-content .entry-item .entry-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
        line-height: 25px;
        font-size: 14px;
    }
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ========================= * ======================= --*/
    /*------ end  --------*/
    /*------- footer ------*/
    .kopa-footer p {
        font-size: 14px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 reponsive style ============ --*/
    /*-- =========== header =========== --*/
    .kopa-page-header .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header .wrap-menu-2 {
        display: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
        background: #ffd200;
    }
    .kopa-page-header .wrap-button-feature {
        float: none;
        width: auto;
        padding: 0;
        display: inline-block;
    }
    .kopa-page-header .wrap-button-feature button {
        color: #fff;
        border: 1px solid #fff;
        width: 38px;
        height: 38px;
        font-size: 15px;
        margin: 0;
        margin-left: 5px;
        border: 2px solid white;
        border-radius: 50%;
    }
    .kopa-page-header .wrap-button-feature button:first-child {
        margin-left: 0;
    }
    .kopa-page-header-5 .wrap-menu-1 {
        display: block;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ==== KOPA-AREA-14 767 ==== ---*/
    /*-- ==== KOPA-AREA---*/
    .kopa-area-thumb-services {
        padding: 70px 0px;
    }
    /*-- ============== **** KOPA-AREA-16 767 **** =================  --*/
    .kopa-area-16 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .ex-module-contact-15 {
        margin-bottom: 65px !important;
    }
    .kopa-area-16 .ex-module-contact-15 .widget-header .sub-title {
        font-size: 13px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 10px;
        background: #009cdc;
    }
    .kopa-area-16 .ct-col-06:before {
        display: none;
    }
    .kopa-area-16 .ct-col-06:after {
        display: none;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 15px;
        background: #00436b;
    }
    .kopa-area-16 .ct-col-08:before {
        display: none;
    }
    .kopa-area-16 .ct-col-08:after {
        display: none;
    }
    /*-- ============ **** END **** ================== --*/
    /*-- ====== --*/
    /*-- ====== KOPA-AREA-18 767 ====== --*/
    .kopa-area-18 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-19 767 ===== --*/
    /*-- ============= *** EX-MODULE-SLIDER-1-2 767 ============ --*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content P {
        font-size: 10px;
        line-height: 16px;
        margin-bottom: 10px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 5px 15px;
        font-size: 10px;
    }
    /*-- ============ * ============== --*/
    /*-- ============= *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 18px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p {
        display: block;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ ** ================= --*/
    /*-- ==================== **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content {
        padding-right: 15px;
        padding-left: 15px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        display: inline-block;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: 180px;
        overflow: hidden;
        width: auto;
    }
    /*-- ==================== ** ===================== --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 25px;
        bottom: 30px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 18px;
        line-height: 26px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 16px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: 20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** EX MODULE INTRODUCE 2 767 **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-header .sub-title {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** EX MODULE INTRODUCE 2-1 767 **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*-- ============ single shop 767 =============== --*/
    .woocommerce-area-1 .images {
        float: left;
        width: 100% !important;
    }
    .woocommerce-area-1 .summary {
        width: 100% !important;
    }
    /*-- =============== end ====================== --*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 {
        position: relative;
        top: 0;
    }
    .kopa-page-header-3 .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header-3 .item-header.style-01 {
        display: block;
        padding: 25px 10px;
    }
    .kopa-page-header-3 .item-header.style-01 .alignright {
        margin-top: 0px;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu i {
        width: 38px;
        height: 38px;
        border: 1px solid white;
        font-size: 19px;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature button {
        width: 38px;
        height: 38px;
        border: 1px solid white;
        font-size: 19px;
        line-height: 38px;
        border-radius: 50%;
        color: white;
        text-align: center;
        margin-left: 5px;
    }
    .wrap-hidden-content {
        position: absolute;
        width: 100%;
        top: 100%;
        left: 0;
        padding: 14px 10px;
        z-index: 99;
        background: rgba(0, 0, 0, 0.7);
    }
    .wrap-hidden-content p {
        font-size: 20px;
    }
    .wrap-hidden-content form button {
        font-size: 20px;
        line-height: 26px;
        vertical-align: top;
        border: none;
        margin-right: 10px;
        color: white;
    }
    .wrap-hidden-content form input[type="text"] {
        height: 35px;
        width: 70%;
        border: none;
        padding: 0px 20px;
        background: #fff;
        color: #999;
    }
    .wrap-hidden-content .btn-off {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 25px;
        color: white;
        transform: translate(0, -50%);
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 50px 10px;
    }
    .kopa-area-20 .ct-col-10 {
        padding: 50px 30px;
    }
    /*-- **** ==== KOPA-AREA-21 767 ====== *** --*/
    .kopa-area-21 .ct-col-09 {
        padding: 65px 15px;
    }
    /*-- **** --*/
    .kopa-area-22 {
        padding: 65px 0px;
    }
    .kopa-area-22 .wrap-wg {
        padding: 0px 10px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    .kopa-area-23 .ct-col-06 {
        padding: 65px 15px;
    }
    /*-- ============== ***** EX-MODULE-SLIDER-4 767 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 16px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 7px 32px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 25px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= **** END ****  ================= --*/
    /*--- ============ EX-MODULE-SLIDER-6 767 ============== ---*/
    /*--- ============ END ==================== ---*/
    /*-- ================ **** EX-MODULE-CONTACT-6 767 **** ============= --*/
    .ex-module-contact-6 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-contact-6 .widget-content ul li {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 35px;
        margin-right: 20px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
        line-height: 22px;
    }
    /*-- ================ ** END ** ============== --*/
    /*---- ==================== **** ex-module-item-1 767 **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 15px 40px;
        font-size: 14px;
        line-height: 20px;
    }
    /*---- ====================== ** END ** ======================== --*/
    /*-- =============== EX-MODULE-ARTICLE-1 767 ================ --*/
    .ex-module-article-1 .widget-content ul {
        margin-top: -20px;
    }
    .ex-module-article-1 .widget-content ul li {
        margin-top: 20px;
    }
    .ex-module-article-1 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- ====================== END ============================= --*/
    /*-- ============= *****  EX-MODULE-READ-NEXT 767 ***** ============= --*/
    .ex-module-read-next .widget-content .entry-item .entry-content {
        margin-top: 25px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn {
        margin-top: 10px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .entry-header {
        margin-right: 0px;
    }
    /*-- ============= ** ================ --*/
    /*--- ============== **** EX MODULE SLIDER 13 767 **** =============== ---*/
    .ex-module-slider-13 .main-img-wrap .owl-controls {
        padding: 0 10px;
    }
    .ex-module-slider-13 .main-img-wrap .owl-controls .owl-buttons div {
        width: 38px;
        height: 38px;
        line-height: 38px;
        font-size: 20px;
    }
    /*--- ======================= **** END **** ==================== -----*/
    /*-- ============= *****  EX-MODULE-READ-PREV 767 ***** ============= --*/
    .ex-module-read-prev .widget-content .entry-item .entry-content {
        margin-top: 25px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn {
        margin-top: 10px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .entry-header {
        margin-right: 0px;
    }
    /*-- ============= ** ================ --*/
    /*-- =============== *** ex-module-item-1 767 *** =============== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content {
        text-align: left;
    }
    /*--- ================= *** END *** ================== ---*/
    /*-- ===================== ***** ==================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .wrap-btn a {
        font-size: 14px;
        padding: 15px 43px;
        border-radius: 50px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    /*-- ================= ** =============== --*/
    /*-- =============== **** ============== --*/
    .ex-module-gallery-2 .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    /*-- =============== ** ================= --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
}

@media screen and (max-width: 639px) {
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header-5 .top-bar .alignleft,
    .kopa-page-header-6 .top-bar .alignleft,
    .kopa-page-header-7 .top-bar .alignleft,
    .kopa-page-header-8 .top-bar .alignleft,
    .kopa-page-header-9 .top-bar .alignleft,
    .kopa-page-header-10 .top-bar .alignleft {
        width: 100%;
        margin-bottom: 20px;
        padding: 0px 15px;
    }
    .kopa-page-header-5 .top-bar .alignright,
    .kopa-page-header-6 .top-bar .alignright,
    .kopa-page-header-7 .top-bar .alignright,
    .kopa-page-header-8 .top-bar .alignright,
    .kopa-page-header-9 .top-bar .alignright,
    .kopa-page-header-10 .top-bar .alignright {
        width: 100%;
        padding: 0px 15px;
    }
    .kopa-page-header-5 .item-header,
    .kopa-page-header-6 .item-header,
    .kopa-page-header-7 .item-header,
    .kopa-page-header-8 .item-header,
    .kopa-page-header-9 .item-header,
    .kopa-page-header-10 .item-header {
        display: block;
    }
    .kopa-page-header-5 .item-header .main-nav,
    .kopa-page-header-6 .item-header .main-nav,
    .kopa-page-header-7 .item-header .main-nav,
    .kopa-page-header-8 .item-header .main-nav,
    .kopa-page-header-9 .item-header .main-nav,
    .kopa-page-header-10 .item-header .main-nav {
        display: block;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 400px;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*-- ======= KOPA-BREADCRUMB 639 ====== --*/
    .kopa-breadcrumb br {
        display: none;
    }
    /*-- ======= END ============ --*/
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 40px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 15px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== KOPA-AREA-3 639 ===== --*/
    .kopa-area-3 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    /*--- ===== KOPA-AREA-4 639 ===== ---*/
    .kopa-area-4 {
        padding: 65px 0px;
    }
    /*--- ==== KOPA-AREA-5 639 ==== --*/
    .kopa-area-5 {
        padding-top: 0;
    }
    /*-- ==== --*/
    .kopa-area-feature-and-our-services {
        padding: 0px;
        background-size: auto;
    }
    .kopa-area .ct-col-03 {
        padding-top: 70px;
    }
    .kopa-area .ct-col-05 {
        padding: 65px 10px;
    }
    .kopa-area .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 65px 0px;
    }
    /*-- ==== KOPA-AREA-7 639 ===== --*/
    .kopa-area-7 {
        padding: 65px 0px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ==== KOPA-AREA-9 639 ==== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding: 65px 15px;
    }
    .kopa-area .ct-col-07 {
        padding: 65px 15px;
    }
    /*-- ==== --*/
    .kopa-area-10 {
        padding: 65px 15px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 50px 15px;
    }
    /*-- ==== bottom-sidebar 639 === --*/
    .bottom-sidebar .bottom-sidebar-area {
        padding: 65px 0px;
    }
    .bottom-sidebar .wrap-wg {
        width: 100%;
    }
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 20px;
        line-height: 24px;
        width: 80%;
        margin: auto;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 7px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 11px;
        margin-top: 10px;
        padding-bottom: 10px;
        line-height: 15px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 7px;
        line-height: 13px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
        justify-content: center;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 7px;
        padding: 5px 20px;
    }
    /*-- ======== * ======= --*/
    /*-- =========== ** KOPA COL RESPON 767 ** ============ --*/
    .kopa-col-respon-1 {
        width: 100% !important;
    }
    /*-- ==================== ** END ** ================= --*/
    /*-- ============= KOPA-PRICING-TABLE-4 639 ================ --*/
    .kopa-pricing-table-4 .table thead tr th .pricing-header .pricing-title {
        font-size: 20px;
    }
    .kopa-pricing-table-4 .table thead tr th .pricing-header p .meta-price {
        font-size: 20px;
    }
    /*-- ==================== END ========================= --*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 639 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-img {
        top: 30px !important;
        left: 200px !important;
        transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -webkit-transform: scale(0.8) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-04 {
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
        left: 50px !important;
        font-size: 10px;
        line-height: 16px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-06 {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 12px;
        line-height: 18px;
        top: 60px !important;
        padding-left: 15px;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7:before {
        width: 3px;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 10px !important;
        line-height: 16px !important;
        top: 100px !important;
        left: 260px !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-01 {
        top: 130px !important;
        left: 60px !important;
        -ms-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-02 {
        top: 160px !important;
        left: 60px !important;
        -ms-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 140px !important;
        -ms-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line {
        left: 40px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line span {
        width: 150px;
    }
    /*--- ============================= END =============================== ---*/
    /*-- ================== **** EX MODULE 404 639 **** ================== --*/
    .ex-module-404 br {
        display: none;
    }
    /*-- =================== *** END *** ================== --*/
    /*------- ============= *** BLOG-ARTICLE-LIST-1 639 *** ============== -------*/
    .blog-article-list-1 {
        margin-top: -50px;
    }
    .blog-article-list-1 br {
        display: none;
    }
    .blog-article-list-1 li {
        margin-top: 50px;
    }
    .blog-article-list-1 li .entry-item .entry-content p {
        overflow: visible;
    }
    .blog-article-list-1 li .entry-item .entry-footer .kopa-btn {
        padding: 10px 20px;
    }
    .blog-article-list-1 li .entry-item .entry-footer .wrap-social-link {
        margin-top: 0px;
        margin-right: 0px !important;
        padding: 10px 0;
    }
    /*------ ==================** END ** ========================= -----*/
    /*----- ================ EX-MODULE-SLIDER-6 639 ============= ------*/
    .ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-content {
        width: 100%;
    }
    .ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-thumb {
        width: 100%;
    }
    .ex-module-slider-6 .widget-content .carousel ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    /*----- ================ END ========================== -----*/
    /*-- ================== **** ===================== --*/
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
        bottom: 20px;
        left: 20px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 17px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title {
        font-size: 18px;
        line-height: 24px;
    }
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content p {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ================= ** ======================= --*/
    /*-- ================== WOCOMMERCE-SHOP 639 ================ --*/
    .woocommerce-main-primary .woocommerce-main-header .woocommerce-result-count {
        font-size: 12px;
        padding-bottom: 20px;
    }
    .woocommerce-main-primary .woocommerce-main-header form.woocommerce-ordering {
        padding-bottom: 10px;
    }
    .woocommerce-main-primary .woocommerce-main-header form.woocommerce-ordering select.orderby {
        padding: 0px 15px;
        font-size: 12px;
    }
    /*-- ================== END ========================= --*/
    /*-- ============= ***** EX-MODULE-READ-PREV 639 ***** ============= --*/
    .ex-module-read-prev .widget-content .entry-item .entry-content {
        padding: 0px 20px;
        margin-top: 25px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn {
        margin-bottom: 10px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .entry-header p {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .entry-header .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ============= ** END ** ================ --*/
    /*-- ============= ***** EX-MODULE-READ-NEXT 639 ***** ============= --*/
    .ex-module-read-next .widget-content .entry-item .entry-content {
        padding: 0px 20px;
        margin-top: 25px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn {
        margin-top: 10px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .entry-header p {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .entry-header .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ============= ** END ** ================ --*/
    /*-- ======== ***  ========== --*/
    .ex-module-slider-1 .owl-carousel {
        padding: 0px 50px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 185px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        font-size: 25px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 10px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 16px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 12px;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== * ======= --*/
    /*-- ================ *** EX MODULE CONTACT 2 639 *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .kopa-btn {
        font-size: 12px;
        padding: 10px 15px !important;
        font-weight: bold;
        display: inline-block;
    }
    .ex-module-contact-2 .widget-content .kopa-btn.kopa-with-icon {
        padding: 9px 15px !important;
    }
    .ex-module-contact-2 .widget-content .kopa-btn i {
        font-size: 18px;
    }
    /*-- ================ *** END *** ============== --*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 25px;
        left: 20px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 14px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== *** EX-MODULE-OUR-SERVICES-1 639 ***=============== --*/
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 55px;
    }
    /*-- =================== * END * =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 40px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ================ * ================ --*/
    /*-- ================= *** ex-module-article-2 639 *** ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 35px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 10px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 18px;
        line-height: 25px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 45%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -85%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -65%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 639 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 .wrap-input-item {
        width: 50%;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*-- =================== *** ====================== --*/
    .ex-module-contact-5 .widget-content .entry-item .entry-content p,
    .ex-module-contact-8 .widget-content .entry-item .entry-content p {
        font-size: 14px;
        margin-bottom: 15px;
    }
    /*-- ==================== * ==================== --*/
    /*-- ====================== *** ==================== --*/
    .ex-module-services-provided-1 .widget-content .entry-item .entry-content ul li {
        margin-bottom: 10px;
        font-size: 14px;
    }
    /*-- ======================== * ====================== --*/
    /*-- ====================== *** ====================== --*/
    .ex-module-article-3 .widget-content ul li .entry-item .entry-content p {
        line-height: 25px;
        font-size: 14px;
    }
    /*-- ======================= * ======================== --*/
    /*-- ======================= *** ======================= --*/
    .ex-module-introduce-1 .widget-content .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ========================= * ======================= --*/
    /*--- ============== ***** =============== --*/
    .ex-module-slider-7 .widget-content .customNavigation .btn {
        top: 45%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .prev {
        left: -81.5%;
    }
    .ex-module-slider-7 .widget-content .customNavigation .next {
        left: -60%;
    }
    /*-- =============== ** =================== --*/
    /*------ end  --------*/
    /*------- footer ------*/
    .kopa-footer p {
        font-size: 14px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 reponsive style ============ --*/
    /*-- =========== header =========== --*/
    .kopa-page-header .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header .wrap-menu-2 {
        display: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
        background: #ffd200;
    }
    .kopa-page-header .wrap-button-feature {
        float: none;
        width: auto;
        padding: 0;
        display: inline-block;
    }
    .kopa-page-header .wrap-button-feature button {
        color: #fff;
        border: 1px solid #fff;
        width: 38px;
        height: 38px;
        font-size: 15px;
        margin: 0;
        margin-left: 5px;
        border: 2px solid white;
        border-radius: 50%;
    }
    .kopa-page-header .wrap-button-feature button:first-child {
        margin-left: 0;
    }
    .kopa-page-header-5 .wrap-menu-1 {
        display: block;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ==== KOPA-AREA-14 639 === ---*/
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 70px 0px;
    }
    .kopa-area-thumb-services .wrap-wg {
        padding: 0 10px;
    }
    /*-- ======= **** KOPA-AREA-16 639 **** ========= --*/
    .kopa-area-16 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 65px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-06:before {
        display: none;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-08:before {
        display: none;
    }
    /*-- ======== **** END **** ========= --*/
    /*-- ==== KOPA-AREA-18 639 ==== --*/
    .kopa-area-18 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    /*-- ==== KOPA-AREA-19 639 === --*/
    /*-- ============= *** EX-MODULE-SLIDER-1-2 639 *** ============ --*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        padding-left: 15px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title:before {
        width: 3px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content p {
        font-size: 7px;
        line-height: 15px;
        margin-bottom: 10px;
        padding-left: 15px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .kopa-btn {
        margin-left: 15px;
        padding: 3px 10px;
        font-size: 8px;
    }
    /*-- ============ * END * ============== --*/
    /*-- ============= *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * ============== --*/
    /*-- ================ **** ex-module-contact-15 639 **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 18px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p {
        display: block;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ **** END **** ================= --*/
    /*-- ==================== **** EX-MODULE-ABOUT-US-1 639 **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: 180px;
        overflow: hidden;
    }
    /*-- ==================== **** END **** ===================== --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 25px;
        bottom: 30px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 18px;
        line-height: 26px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 16px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 30px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: 20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 {
        position: relative;
        top: 0;
    }
    .kopa-page-header-3 .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header-3 .item-header.style-01 {
        display: block;
        padding: 25px 10px;
    }
    .kopa-page-header-3 .item-header.style-01 .alignright {
        margin-top: 0px;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu i {
        width: 38px;
        height: 38px;
        border: 1px solid white;
        font-size: 19px;
        text-align: center;
        line-height: 38px;
        border-radius: 50%;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature button {
        width: 38px;
        height: 38px;
        border: 1px solid white;
        font-size: 19px;
        line-height: 38px;
        border-radius: 50%;
        color: white;
        text-align: center;
        margin-left: 5px;
    }
    .wrap-hidden-content {
        top: 100%;
        padding: 14px 10px;
        z-index: 99;
        background: rgba(0, 0, 0, 0.7);
    }
    .wrap-hidden-content p {
        font-size: 20px;
    }
    .wrap-hidden-content form button {
        font-size: 20px;
        line-height: 26px;
        vertical-align: top;
        border: none;
        margin-right: 10px;
        color: white;
    }
    .wrap-hidden-content form input[type="text"] {
        height: 35px;
        width: 70%;
        border: none;
        padding: 0px 20px;
        background: #fff;
        color: #999;
    }
    .wrap-hidden-content .btn-off {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 25px;
        color: white;
        transform: translate(0, -50%);
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 50px 10px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 50px 40px;
    }
    /*-- **** --*/
    .kopa-area-21 .ct-col-09 {
        padding: 65px 15px;
    }
    /*--====  **** KOPA-AREA=22 639 **** === --*/
    .kopa-area-22 {
        padding: 65px 0px;
    }
    .kopa-area-22 .wrap-wg {
        padding: 0px 15px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*-- ============== **** EX-MODULE-SLIDER-4 639 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 7px 32px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 28px;
        height: 28px;
        font-size: 14px;
        line-height: 25px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= **** END **** ================= --*/
    /*-- ================ **** ============= --*/
    /*.ex-module-contact-6 {
  				.widget-content {
  					ul {
  						li {
  							.entry-item {
  								&.text-right{
  									text-align: left;
  								}

  								.entry-content{ 
  									.wrap-btn{

  										a {
     											 padding: 15px 44px;
  											}
  									}
  								}
  							}
  						}
  					}
  				}
  			}*/
    /*-- ================ ** ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    /*-- ================= ** =============== --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
        padding: 0px 10px;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
    /*-- ======================= header 4 ================== --*/
    .kopa-page-header-4 .top-bar .alignleft {
        width: 100%;
        padding: 0px 10px;
        margin-bottom: 20px;
    }
    .kopa-page-header-4 .top-bar .alignright {
        width: 100%;
        padding: 0px 10px;
    }
    .kopa-page-header-4 .top-bar .alignright .kopa-cartdrop-down-1 {
        margin-bottom: 15px;
    }
    .kopa-page-header-4 .top-bar .alignright .kopa-cartdrop-down-1 .cart-dropdown {
        left: auto;
        width: 450px;
    }
    /*-- ======================== end ==================== --*/
    /*-- ====================== header 5 ================= --*/
    .kopa-page-header-5 .top-bar .alignleft {
        width: 100%;
        padding: 0px 10px;
        margin-bottom: 20px;
    }
    .kopa-page-header-5 .top-bar .alignright {
        width: 100%;
        padding: 0px 10px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu {
        width: 470px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 470px;
    }
    /*-- ======================== end  =================== --*/
}

@media screen and (max-width: 479px) {
    /*--======= home1 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header .kopa-header-responsive {
        display: block;
    }
    .kopa-page-header .kopa-header-responsive .alignleft {
        width: 50%;
    }
    .kopa-page-header .kopa-header-responsive .alignleft .kopa-logo {
        padding: 0;
    }
    .kopa-page-header .kopa-header-responsive .alignright {
        padding-top: 5px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .humberger-menu {
        display: inline-block;
        margin-right: 0px;
    }
    .kopa-page-header .kopa-header-responsive .alignright .humberger-menu i {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 23px;
    }
    .kopa-page-header .kopa-header-responsive .wrap-support-number {
        left: 0;
        font-size: 15px;
        padding: 25px 10px;
    }
    .kopa-page-header .kopa-header-responsive .btn-header.style-02 {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 23px;
    }
    .kopa-page-header .kopa-header-responsive .kopa-cartdrop-down-1.style-07 .dropdown-toggle {
        width: 24px;
        height: 24px;
        font-size: 12px;
        line-height: 23px;
    }
    .kopa-page-header .wrap-hidden-content {
        padding: 15px;
        background: #fff;
        top: 100%;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 button {
        font-size: 20px;
        line-height: 26px;
        color: #009cdc;
    }
    .kopa-page-header .wrap-hidden-content .search-form-1 input[type="text"] {
        width: 80%;
    }
    .kopa-page-header .wrap-hidden-content .btn-off {
        right: 10px;
        color: #009cdc;
        font-size: 20px;
    }
    /*-- ========== KOPA CART DROPDOWN 1 479 =========== ---*/
    .kopa-cartdrop-down-1 .cart-dropdown li .item-cart .item-cart-content .item-cart-title {
        font-size: 14px;
        line-height: 20px;
    }
    .kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignleft a {
        font-size: 13px;
        line-height: 19px;
    }
    .kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignright {
        padding-top: 0;
    }
    .kopa-cartdrop-down-1 .cart-dropdown li .total-cost-item .alignright p {
        font-size: 13px;
        line-height: 19px;
    }
    .kopa-cartdrop-down-1 .footer-cart .cart-btn {
        padding: 20px 0px;
    }
    .kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft,
    .kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright {
        padding-top: 0;
    }
    .kopa-cartdrop-down-1 .footer-cart .cart-btn .alignleft a,
    .kopa-cartdrop-down-1 .footer-cart .cart-btn .alignright a {
        padding: 5px 15px;
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ================= END ================== --*/
    /*-- ======== KOPA-CARTDROP-DOWN-2 479 =========== --*/
    .kopa-cartdrop-down-2 button {
        margin-left: 0px;
    }
    /*--- ========== END ============ -----*/
    /*--- ============ KOPA ACCORDION 1 479 ============== ---*/
    .kopa-accordion-1 .panel .panel-heading .panel-title {
        font-size: 14px;
        line-height: 20px;
    }
    .kopa-accordion-1 .panel .panel-heading .panel-title a:after {
        font-size: 14px !important;
        right: 10px !important;
    }
    /*--- =================== END ========================== ---*/
    /*--- ============ KOPA-PAGE-HEADER 479 ============= ---*/
    .kopa-page-header-7 .item-header .main-nav .main-menu li {
        padding: 40px 10px;
    }
    /*--- ================= END ========================== ---*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== KOPA-AREA-1-1 479 ===== ---*/
    .kopa-area-1-1 {
        z-index: 1;
    }
    /*--- ===== KOPA-AREA-2 479 ==== ---*/
    .kopa-area-2 {
        z-index: 2;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== KOPA-AREA-3 479 ==== --*/
    .kopa-area-3 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    /*-- ==== --*/
    .kopa-area-feature-and-our-services {
        padding: 0px;
        background-size: auto;
    }
    .kopa-area .ct-col-03 {
        padding-top: 70px;
    }
    .kopa-area .ct-col-05 {
        padding-bottom: 65px;
        padding-top: 65px;
    }
    .kopa-area .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- ==== --*/
    .kopa-area-7 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ==== KOPA-AREA-9 479 ===== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding: 65px 15px;
    }
    .kopa-area .ct-col-07 {
        padding: 65px 15px;
    }
    /*-- ==== --*/
    .kopa-area-10 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 50px 10px;
    }
    /*-- ==== bottom-sidebar 479 ==== --*/
    .bottom-sidebar .bottom-sidebar-area {
        padding: 65px 0px;
    }
    .bottom-sidebar .bottom-sidebar-area ul li {
        width: 100%;
    }
    .bottom-sidebar .wrap-wg {
        width: 100%;
    }
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 7px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 11px;
        margin-top: 10px;
        padding-bottom: 10px;
        line-height: 15px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 7px;
        line-height: 13px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 6px;
        padding: 3px 15px;
    }
    /*-- ======== * ======= --*/
    /*-- ============= ***** ============= --*/
    .ex-module-read-prev .widget-content .entry-item .entry-content {
        padding: 0px 20px;
        margin-top: 25px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn {
        margin-bottom: 10px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .entry-header p {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content .entry-header .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ============= ** ================ --*/
    /*-- ================= EX-MODULE-READ-PREV 479 ============ --*/
    .ex-module-read-prev .widget-content .entry-item .entry-thumb {
        width: 100%;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-read-prev .widget-content .entry-item .entry-content {
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    /*-- ==================== END ========================== --*/
    /*-- ============= *****  EX-MODULE-READ-NEXT 479 ***** ============= --*/
    .ex-module-read-next .widget-content .entry-item .entry-thumb {
        width: 100%;
    }
    .ex-module-read-next .widget-content .entry-item .entry-thumb img {
        width: 100%;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content {
        width: 100%;
        padding: 20px;
        margin-top: 25px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn {
        margin-top: 10px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .wrap-btn a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        line-height: 30px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .entry-header p {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-read-next .widget-content .entry-item .entry-content .entry-header .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ============= ** ================ --*/
    /*-- ================= EX-MODULE-RECRUIMENT-1 479 =============== --*/
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info {
        padding: 0px 15px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info .entry-date {
        margin-right: 10px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div h5 {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-recruitment-1 .widget-content .entry-item .wrap-info div P {
        font-size: 11px;
        line-height: 16px;
    }
    .ex-module-recruitment-1 .widget-content .table-info ul .wrap-info div ul li {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ================= END =========================== ---*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 479 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line {
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        top: 80px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line .kopa-line-style-01 {
        width: 150px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 {
        left: 45px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a {
        font-size: 18px;
        line-height: 24px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-04 {
        left: 50px !important;
        font-size: 8px;
        line-height: 14px;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 {
        left: 45px !important;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-03 a {
        font-size: 18px;
        line-height: 24px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-05 {
        left: 70px !important;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        font-size: 10px;
        line-height: 16px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-txt-style-06 {
        left: 40px !important;
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        font-size: 6px;
        line-height: 16px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 8px;
        line-height: 14px;
        top: 30px !important;
        padding-left: 15px;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7:before {
        width: 3px;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 6px !important;
        line-height: 12px !important;
        top: 60px !important;
        left: 195px !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-01 {
        left: 46px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-02 {
        left: 107px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 90px !important;
        font-size: 6px;
        -ms-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }
    /*--- ============================= END =============================== ---*/
    /*-- ==================== **** =================== --*/
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-thumb img,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-thumb img {
        width: 100%;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content {
        bottom: 5px;
        left: 20px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content i,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content i {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 12px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content .entry-title,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content .entry-title {
        font-size: 14px;
        line-height: 20px;
    }
    .kopa-gallery-1 .gallery-content ul li .entry-item .entry-content p,
    .kopa-gallery-2 .gallery-content ul li .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ===================== ** =================== --*/
    /*-- ======== ***  EX-MODULE-SLIDER-1 479 *** ========== --*/
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item {
        height: 200px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-thumb .hidden-item {
        width: 33px;
        height: 33px;
        font-size: 25px;
        line-height: 33px;
        top: 40px;
        left: 20px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content {
        padding: 15px;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content .entry-title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .ex-module-slider-1 .owl-carousel .owl-item .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    .ex-module-slider-1 .customNavigation a.btn.prev {
        left: 5px;
    }
    .ex-module-slider-1 .customNavigation a.btn.next {
        right: 5px;
    }
    /*-- ======== * END * ======= --*/
    /*-- ================ *** EX-MODULE-CONTACT-2 479 *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 50px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title p {
        font-size: 20px;
        line-height: 24px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .kopa-btn {
        font-size: 10px;
        padding: 10px 15px !important;
        font-weight: bold;
        display: inline-block;
        line-height: 16px;
        vertical-align: middle;
    }
    .ex-module-contact-2 .widget-content .kopa-btn.kopa-with-icon {
        padding: 8px 15px !important;
    }
    .ex-module-contact-2 .widget-content .kopa-btn i {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- ================ *** END *** ============== --*/
    /*-- ================== ***** ================= --*/
    .ex-module-slider-7 .widget-header .widget-title {
        font-size: 20px;
        line-height: 35px;
    }
    .ex-module-slider-7 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-slider-7 .widget-content .customNavigation .btn {
        top: 50%;
    }
    /*-- ================== ** ==================== --*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 10px;
        left: 10px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption p a {
        font-size: 12px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== *** EX-MODULE-OUR-SERVICES-1 479 *** =============== --*/
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-our-services-1 .widget-header .widget-title br,
    .ex-module-our-services-5 .widget-header .widget-title br {
        display: none;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 55px;
    }
    /*-- =================== * =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 25px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 14px;
    }
    /*-- ================ * ================ --*/
    /*-- ================= *** ex-module-article-2 479 *** ================= --*/
    .ex-module-article-2 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-article-2 .widget-header .widget-title p {
        font-size: 15px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item li {
        padding: 0px 15px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item .entry-title {
        font-size: 16px;
        line-height: 20px;
    }
    .ex-module-article-2 .widget-content .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item .entry-item p {
        font-size: 13px;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn {
        top: 30%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.prev {
        left: -80%;
    }
    .ex-module-article-2 .widget-content .customNavigation .btn.next {
        left: -55%;
    }
    /*-- ================= * ================== --*/
    /*-- ================== *** EX MODULE CONTACT 3 479 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*-- ================== **** EX MODULE 404 479 **** ================== --*/
    .ex-module-404 .widget-header .widget-title {
        font-size: 150px;
        line-height: 160px;
    }
    /*-- =================== *** END *** ================== --*/
    /*------ end  --------*/
    /*------- footer ------*/
    .kopa-footer p {
        font-size: 14px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1 responsive style ======--*/
    /*-- ============ home 2 479 reponsive style ============ --*/
    /*-- =========== header =========== --*/
    .kopa-page-header .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header .wrap-menu-2 {
        display: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
        background: #ffd200;
    }
    .kopa-page-header .wrap-button-feature {
        float: none;
        width: auto;
        padding: 0;
        display: inline-block;
    }
    .kopa-page-header .wrap-button-feature button {
        color: #fff;
        border: 1px solid #fff;
        width: 38px;
        height: 38px;
        font-size: 15px;
        margin: 0;
        margin-left: 5px;
        border: 2px solid white;
        border-radius: 50%;
    }
    .kopa-page-header .wrap-button-feature button:first-child {
        margin-left: 0;
    }
    .kopa-page-header-5 .wrap-menu-1 {
        display: block;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ==== ---*/
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 70px 0px;
    }
    .kopa-area-thumb-services .wrap-wg {
        padding: 0 10px;
    }
    /*-- ===== --*/
    .kopa-area-16 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 65px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-06:before {
        display: none;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-08:before {
        display: none;
    }
    /*-- ===== --*/
    /*-- ==== --*/
    .kopa-area-18 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    /*-- ==== --*/
    /*-- ============= *** EX-MODULE-SLIDER-1-2 479 *** ============ --*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 11px;
        line-height: 20px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content p {
        font-size: 5px;
        line-height: 10px;
        margin-bottom: 10px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 3px 10px;
        font-size: 5px;
    }
    /*-- ============ * END * ============== --*/
    /*-- ============= *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 18px;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p.wrap-input-text {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p.wrap-input-btn {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p {
        display: block;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content .ct-form-box form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ ** ================= --*/
    /*-- ==================== **** EX-MODULE-ABOUT-US-1 479 **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-thumb {
        width: 100%;
        margin-bottom: 20px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        height: auto;
        width: 100%;
        overflow: hidden;
    }
    /*-- ==================== ** ===================== --*/
    /*-- ================== WOCOMMERCE-SHOP 479 ================ --*/
    .woocommerce-main-primary .woocommerce-main-header .woocommerce-result-count {
        font-size: 9px;
        padding-bottom: 20px;
    }
    .woocommerce-main-primary .woocommerce-main-header form.woocommerce-ordering {
        padding-bottom: 10px;
        padding-top: 0px;
        float: left;
    }
    .woocommerce-main-primary .woocommerce-main-header form.woocommerce-ordering select.orderby {
        padding: 0px 5px;
        font-size: 9px;
    }
    /*-- ================== END ========================= --*/
    /*-- ==================== **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 10px;
        bottom: 10px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 12px;
    }
    /*-- ===================== ** ==================== --*/
    /*-- ===================== **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: 20px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== ** ================= --*/
    /*-- ====================== **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    /*-- ======================= ** ================ --*/
    /*-- ==================== **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 30px;
        width: 100%;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== ** ==================== --*/
    /*-- ================== **** ================== --*/
    .ex-module-article-2 {
        /*------------ *** style slider with thumb img ------------*/
        /*------------ * --------------*/
    }
    .ex-module-article-2.with-thumb .widget-content .customNavigation .btn {
        top: 25%;
    }
    /*-- =================== ** ================ --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*--- ================== home 3 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 {
        position: relative;
        top: 0;
    }
    .kopa-page-header-3 .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header-3 .item-header.style-01 {
        display: block;
        padding: 25px 10px;
    }
    .kopa-page-header-3 .item-header.style-01 .alignright {
        margin-top: 12px;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu i {
        width: 20px;
        height: 20px;
        border: 1px solid white;
        font-size: 10px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature button {
        width: 20px;
        height: 20px;
        border: 1px solid white;
        font-size: 10px;
        line-height: 20px;
        border-radius: 50%;
        color: white;
        text-align: center;
    }
    .wrap-hidden-content {
        position: absolute;
        width: 100%;
        top: 110%;
        padding: 14px 10px;
        z-index: 99;
        background: rgba(0, 0, 0, 0.7);
    }
    .wrap-hidden-content p {
        font-size: 20px;
    }
    .wrap-hidden-content form button {
        font-size: 20px;
        line-height: 26px;
        vertical-align: top;
        border: none;
        margin-right: 10px;
        color: white;
    }
    .wrap-hidden-content form input[type="text"] {
        height: 35px;
        width: 70%;
        border: none;
        padding: 0px 20px;
        background: #fff;
        color: #999;
    }
    .wrap-hidden-content .btn-off {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 25px;
        color: white;
        transform: translate(0, -50%);
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 50px 10px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 50px;
    }
    /*-- **** --*/
    .kopa-area-21 .ct-col-09 {
        padding: 65px 15px;
    }
    /*-- **** --*/
    .kopa-area-22 {
        padding: 65px 0px;
    }
    .kopa-area-22 .wrap-wg {
        padding: 0px 15px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*-- ============== **** EX-MODULE-SLIDER-4 479 **** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 7px 32px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= **** END **** ================= --*/
    /*-- ================ **** EX-MODULE-CONTACT-6 479 **** ============= --*/
    .ex-module-contact-6 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-contact-6 .widget-content ul li {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
        display: block;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-thumb {
        font-size: 20px;
        line-height: 26px;
        margin-right: 20px;
        margin-top: 5px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 0px;
    }
    .ex-module-contact-6 .widget-content ul li .entry-item .entry-content p {
        font-size: 12px;
        line-height: 18px;
    }
    /*-- ================ ** END ** ============== --*/
    /*---- ==================== **** ex-module-item-1 479 **** ====================== --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 15px 40px;
        font-size: 12px;
        line-height: 18px;
    }
    /*---- ====================== ** END ** ======================== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    /*-- ================= ** =============== --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 25px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
    /*-- ================= header 4 ============== --*/
    .kopa-page-header-4 .top-bar .alignright .kopa-cartdrop-down-1 .cart-dropdown {
        width: 320px;
    }
    .kopa-cartdrop-down-1 .cart-dropdown {
        width: 320px;
    }
    /*-- ================== end ================== --*/
    /*-- ================== header 5 =================== --*/
    .kopa-page-header-5 .top-bar .alignright .wrap-social-icon ul li a {
        font-size: 12px;
    }
    .kopa-page-header-5 .wrap-menu-1 .alignright {
        width: 75%;
    }
    .kopa-page-header-5 .wrap-menu-1 .alignright .wrap-form-search form input[type="text"] {
        width: 150px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu {
        width: 320px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title {
        font-size: 14px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright {
        width: 100%;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright {
        width: 100%;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 320px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title {
        font-size: 14px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright {
        width: 100%;
    }
    .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright {
        width: 100%;
    }
    /*-- ================== end ======================= --*/
}

@media screen and (max-width: 359px) {
    /*--======= home1 359 responsive style ==========--*/
    /*------ header ---------*/
    .kopa-page-header-4 .item-header .main-nav .main-menu li,
    .kopa-page-header-8 .item-header .main-nav .main-menu li,
    .kopa-page-header-9 .item-header .main-nav .main-menu li,
    .kopa-page-header-10 .item-header .main-nav .main-menu li {
        padding: 30px 15px;
    }
    .kopa-page-header-7 .item-header .main-nav .main-menu li {
        padding: 30px 10px;
    }
    .kopa-page-header-7 .item-header .main-nav .main-menu li .kopa-cartdrop-down-2 button {
        font-size: 20px;
    }
    .kopa-page-header-7 .item-header .main-nav .main-menu li .btn-search {
        font-size: 25px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 300px;
    }
    .kopa-page-header-5 .wrap-menu-1 .menu-1 .sf-menu li {
        padding: 16px 0px;
    }
    /*------ end header -----*/
    /*----- main content ----*/
    /*-- ========== section style ========= --*/
    /*--- ===== ---*/
    .kopa-area-introduce {
        padding: 40px 0px;
    }
    .kopa-area-introduce .wrap-wg {
        padding: 0px 5px;
    }
    .kopa-area-introduce .ex-module-contact-1 {
        margin-top: 0;
    }
    /*--- ==== --*/
    .kopa-area-custom-scroll {
        padding: 0 10px 50px 10px;
    }
    /*-- ===== --*/
    .kopa-area-3 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    /*-- ==== --*/
    .kopa-area-feature-and-our-services {
        padding: 0px;
        background-size: auto;
    }
    .kopa-area .ct-col-03 {
        padding-top: 70px;
    }
    .kopa-area .ct-col-05 {
        padding-bottom: 65px;
        padding-top: 65px;
    }
    .kopa-area .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    /*-- ==== --*/
    .kopa-area-6 {
        padding: 50px 0px;
    }
    /*-- ==== KOPA-AREA-7 359 ===== --*/
    .kopa-area-7 {
        padding: 65px 0px;
    }
    .kopa-area-7 .wrap-wg {
        padding: 0px 10px;
    }
    /*-- ===== --*/
    .kopa-area-8 {
        padding: 90px 10px;
    }
    /*-- ==== --*/
    .kopa-area-9 {
        background-size: cover;
        background-attachment: fixed;
    }
    .kopa-area .ct-col-06 {
        padding: 90px 15px;
    }
    .kopa-area .ct-col-07 {
        padding: 65px 15px;
    }
    /*-- ==== --*/
    .kopa-area-10 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    .kopa-area-11 {
        padding: 50px 0px;
    }
    /*-- ==== bottom-sidebar 359 ==== --*/
    .bottom-sidebar .bottom-sidebar-area {
        padding: 65px 0px;
    }
    .bottom-sidebar .wrap-wg {
        width: 100%;
    }
    /*-- ======== ***  ========== --*/
    .ex-module-contact-1 .widget-header .widget-title {
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 10px;
    }
    .ex-module-contact-1 .widget-header p.sub-title {
        font-size: 7px;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title {
        font-size: 11px;
        margin-top: 10px;
        padding-bottom: 10px;
        line-height: 15px;
        margin-bottom: 0;
    }
    .ex-module-contact-1 .widget-content .entry-item .entry-title p {
        font-size: 7px;
        line-height: 13px;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn {
        text-transform: uppercase;
    }
    .ex-module-contact-1 .widget-content .entry-item .wrap-btn a {
        font-size: 6px;
        padding: 3px 15px;
    }
    /*-- ======== * ======= --*/
    /*--- =================== EX-MODULE-SLIDER-PRO-1 359 ================= ---*/
    .ex-module-slider-pro-1 .slider-pro p br {
        display: none;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line {
        transform: scale(1) !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        top: 70px !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-line .kopa-line-style-01 {
        width: 150px;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-img {
        top: 30px !important;
        left: 180px !important;
        transform: scale(0.8) !important;
        -ms-transform: scale(0.8) !important;
        -webkit-transform: scale(0.8) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7 {
        font-size: 8px;
        line-height: 14px;
        top: 30px !important;
        padding-left: 15px;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-title-7:before {
        width: 3px;
    }
    .ex-module-slider-pro-1 .slider-pro p.h4 {
        font-size: 6px !important;
        line-height: 12px !important;
        left: 178px !important;
        top: 60px !important;
        -ms-transform: scale(1) !important;
        -webkit-transform: scale(1) !important;
        transform: scale(1) !important;
    }
    .ex-module-slider-pro-1 .slider-pro p.kopa-sp-layer-btn-04 {
        top: 90px !important;
        left: 178px !important;
        font-size: 6px;
        -ms-transform: scale(0.5) !important;
        -webkit-transform: scale(0.5) !important;
        transform: scale(0.5) !important;
    }
    /*--- ============================= END =============================== ---*/
    /*------- ============= *** BLOG-ARTICLE-LIST-1 359 *** ============== -------*/
    .blog-article-list-1 li .entry-item .entry-content p {
        overflow: visible;
    }
    .blog-article-list-1 li .entry-item .entry-footer .kopa-btn {
        padding: 10px 20px;
    }
    .blog-article-list-1 li .entry-item .entry-footer .wrap-social-link {
        margin-top: 0px;
        margin-right: 0px !important;
        padding: 10px 0;
    }
    /*------ ==================** END ** ========================= -----*/
    /*-- ================ *** ============== --*/
    /*-- ==== --*/
    .ex-module-list-product-1 .widget-header {
        padding-left: 20px;
    }
    .ex-module-list-product-1 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption {
        bottom: 10px;
        left: 10px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption a {
        font-size: 12px;
    }
    .ex-module-list-product-1 .widget-content .entry-item .entry-thumb figcaption span {
        font-size: 10px;
    }
    /*-- ================= * ================ --*/
    /*-- ================== *** EX-MODULE-OUR-SERVICES-1 359 *** =============== --*/
    .ex-module-our-services-1 .widget-header .widget-title,
    .ex-module-our-services-5 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-our-services-1 .widget-header .widget-title br,
    .ex-module-our-services-5 .widget-header .widget-title br {
        display: none;
    }
    .ex-module-our-services-1 .widget-content,
    .ex-module-our-services-5 .widget-content {
        padding: 0px 10px;
    }
    .ex-module-our-services-1 .widget-content .wrap-btn a,
    .ex-module-our-services-5 .widget-content .wrap-btn a {
        padding: 15px 60px;
    }
    /*-- =================== * =============== --*/
    /*-- =============== *** ============== --*/
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 25px;
    }
    .ex-module-total-info-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 14px;
    }
    /*-- ================ * ================ --*/
    /*-- ================== *** EX MODULE CONTACT 3 359 *** ================ --*/
    .ex-module-contact-3 .widget-header .widget-title {
        font-size: 30px;
    }
    .ex-module-contact-3 .widget-content .ct-form-1 input[type="submit"] {
        display: inline-block;
        padding: 15px 60px;
        border-radius: 30px;
        width: auto;
    }
    /*-- ================== *** END *** =================== --*/
    /*-- ==================== *** =================== --*/
    .ex-module-our-services-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-our-services-2 .widget-header .widget-title p span {
        font-size: 30px;
    }
    .ex-module-our-services-2 .widget-content .wrap-btn {
        margin-bottom: 50px;
    }
    /*-- ====================== * =================== --*/
    /*-- ====================== *** =================== --*/
    .ex-module-contact-4 .widget-title {
        margin-bottom: 20px;
        font-size: 20px;
        text-align: center;
        line-height: 26px;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content {
        text-align: center;
    }
    .ex-module-contact-4 .widget-content .entry-item .entry-content a {
        display: inline-block;
    }
    /*-- ====================== * ===================== --*/
    /*------ end  --------*/
    /*------- footer ------*/
    .kopa-footer p {
        font-size: 14px;
    }
    .btn-back-top {
        bottom: 10px;
    }
    /*------- end ---------*/
    /*--- ========== end home1  responsive style ======--*/
    /*-- ============ home 2 359 reponsive style ============ --*/
    /*-- =========== header =========== --*/
    .kopa-page-header .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header .wrap-menu-2 {
        display: none;
    }
    .kopa-page-header .wrap-support-number {
        font-size: 15px;
        padding: 25px 10px;
    }
    .kopa-page-header-5 .wrap-menu-1 {
        display: block;
    }
    /*-- =========== end =============== --*/
    /*-- =========== main content =========== --*/
    /*--- ==== ---*/
    /*--- ======== KOPA-AREA-27 359 =========== --*/
    .kopa-area-27 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    .kopa-area-thumb-services {
        padding: 70px 0px;
    }
    /*-- ===== --*/
    .kopa-area-16 {
        padding: 65px 0px;
        padding-bottom: 0px;
    }
    .kopa-area-16 .wrap-wg .ex-module-contact-15 {
        margin-bottom: 65px;
    }
    .kopa-area-16 .ct-col-06 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-06:before {
        display: none;
    }
    .kopa-area-16 .ct-col-08 {
        padding: 65px 10px;
    }
    .kopa-area-16 .ct-col-08:before {
        display: none;
    }
    /*-- ===== --*/
    /*-- ===== --*/
    .kopa-area-15 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    .kopa-area-18 {
        padding: 65px 0px;
    }
    /*-- ==== --*/
    /*-- ==== --*/
    .kopa-area-19 {
        padding: 65px 0px;
    }
    /*-- ============= *** EX-MODULE-SLIDER-1-2 479 *** ============ --*/
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .entry-title {
        font-size: 9px;
        line-height: 15px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content p {
        font-size: 5px;
        line-height: 10px;
        margin-bottom: 10px;
    }
    .ex-module-slider-1-2 .widget-content .entry-item .entry-content .wrap-btn a {
        padding: 3px 10px;
        font-size: 5px;
    }
    /*-- ============ * END * ============== --*/
    /*-- ============= *** =============== --*/
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-thumb {
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content p {
        width: 100%;
        margin: auto;
        font-size: 16px;
        margin-bottom: 30px;
    }
    .ex-module-our-services-9 .widget-content ul li .entry-item .entry-content .wrap-btn a {
        display: inline-block;
        padding: 10px 40px;
        transition: 0.5s;
    }
    /*-- =============== * ============== --*/
    /*-- =============== EX-MODULE-SLIDER-5 359 ============== --*/
    .ex-module-our-services-5 .widget-content .entry-item .entry-thumb {
        margin: 0;
        margin-bottom: 20px;
        width: 100%;
    }
    .ex-module-our-services-5 .widget-content .entry-item .entry-content {
        width: 100%;
    }
    /*-- ================ END ====================== --*/
    /*-- ============= 	EX-MODULE-SLIDER-7 359 ============== */
    .ex-module-slider-7 .widget-header .widget-title {
        font-size: 20px;
        line-height: 25px;
    }
    .ex-module-slider-7 .widget-header .sub-title {
        font-size: 12px;
        text-transform: capitalize;
        line-height: 16px;
        margin-bottom: 5px;
    }
    /*-- =============== END ==================== --*/
    /*-- ================ **** ex-module-contact-15 359 **** =============== --*/
    .ex-module-contact-15 .widget-header {
        text-align: center;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .ex-module-contact-15 .widget-header p {
        font-size: 18px;
    }
    .ex-module-contact-15 .widget-content form {
        text-align: center;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-text {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p.wrap-input-btn {
        width: 100%;
    }
    .ex-module-contact-15 .widget-content form p {
        display: block;
        margin-bottom: 30px;
    }
    .ex-module-contact-15 .widget-content form p:last-child {
        margin-bottom: 0;
    }
    .ex-module-contact-15 .widget-content form p input {
        width: 100%;
        height: 50px;
        display: block;
    }
    .ex-module-contact-15 .widget-content form p input[type="text"] {
        background: transparent;
        padding: 0px 25px;
    }
    .ex-module-contact-15 .widget-content form p input[type="submit"] {
        display: inline-block;
        padding: 15px 63px;
        margin-left: 0px;
        width: auto;
    }
    /*-- ================ **** END **** ================= --*/
    /*-- ==================== **** EX-MODULE-ABOUT-US-1 359 **** ==================== --*/
    .ex-module-about-us-1 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    .ex-module-about-us-1 .widget-content .entry-item .entry-content {
        overflow: hidden;
    }
    /*-- ==================== **** END **** ===================== --*/
    /*-- ==================== **** ex-module-list-product-2 359 **** ================== --*/
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption {
        left: 10px;
        bottom: 10px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption a {
        font-size: 14px;
        line-height: 20px;
    }
    .ex-module-list-product-2 .entry-item .entry-thumb figcaption span {
        font-size: 12px;
    }
    /*-- ===================== **** END **** ==================== --*/
    /*-- ===================== **** EX-MODULE-OUR-SERVICES-3 359 **** ================= --*/
    .ex-module-our-services-3 .widget-header .widget-title {
        font-size: 30px;
        margin-bottom: 35px;
        line-height: 35px;
    }
    .ex-module-our-services-3 .widget-header p {
        line-height: 25px;
        margin-bottom: 35px;
    }
    .ex-module-our-services-3 .widget-header p br {
        display: none;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a {
        background: transparent;
        border: 1px solid #009cdc;
        color: #009cdc;
    }
    .ex-module-our-services-3 .widget-header .wrap-btn a:hover {
        background: #009cdc;
        color: #fff;
        border: 1px solid transparent;
    }
    .ex-module-our-services-3 .widget-content ul {
        margin-top: -10px;
    }
    .ex-module-our-services-3 .widget-content ul li {
        margin-top: 30px;
    }
    .ex-module-our-services-3 .widget-content ul li .entry-item {
        padding: 40px 25px;
        border: 1px solid #eee;
    }
    /*-- ====================== **** END **** ================= --*/
    /*-- ====================== **** ex-module-introduce-2 359 **** =============== --*/
    .ex-module-introduce-2 .widget-header {
        text-align: center;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-header .widget-title {
        line-height: 30px;
        font-size: 25px;
    }
    .ex-module-introduce-2 .widget-header .widget-title p {
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb {
        padding: 0px 25px;
        margin-bottom: 50px;
    }
    .ex-module-introduce-2 .widget-content .entry-item .entry-thumb img {
        display: inline-block;
    }
    /*-- ======================= **** END **** ================ --*/
    /*-- ==================== **** ex-module-introduce-2-1 **** ================== --*/
    .ex-module-introduce-2-1 {
        overflow: hidden;
        padding-top: 6px;
    }
    .ex-module-introduce-2-1 .widget-content ul {
        margin-top: -30px;
    }
    .ex-module-introduce-2-1 .widget-content ul li {
        margin-top: 30px;
        width: 100%;
    }
    .ex-module-introduce-2-1 .widget-content ul li:before {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li:after {
        display: none;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item {
        padding-top: 0px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content {
        padding-left: 0;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title {
        font-size: 20px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content .entry-title p {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-introduce-2-1 .widget-content ul li .entry-item .entry-content p {
        font-size: 16px;
    }
    /*-- ==================== **** END **** ==================== --*/
    /*-- ============= end ==================== --*/
    /*--- ========== end home2 responsive style ======--*/
    /*-- ============ single shop 359 =============== --*/
    .ex-woocommerce-tabs ul.tabs li {
        padding: 5px 15px !important;
        font-size: 14px;
    }
    .ex-woocommerce-tabs .tab-description {
        box-shadow: none;
    }
    /*-- =============== end ====================== --*/
    /*--- ============ KOPA ACCORDION 359 ============= ---*/
    .kopa-accordion .panel .panel-title {
        font-size: 14px;
        line-height: 20px;
    }
    /*-- =================== END =================== ---*/
    /*--- ================== home 3 359 responsive style =================== --*/
    /*-- ======== header ======= --*/
    .kopa-page-header-3 {
        position: relative;
        top: 0;
    }
    .kopa-page-header-3 .wrap-menu-1 {
        display: none;
    }
    .kopa-page-header-3 .item-header.style-01 {
        display: block;
        padding: 25px 10px;
    }
    .kopa-page-header-3 .item-header.style-01 .alignright {
        margin-top: 12px;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .humberger-menu i {
        width: 20px;
        height: 20px;
        border: 1px solid white;
        font-size: 10px;
        text-align: center;
        line-height: 20px;
        border-radius: 50%;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature {
        display: inline-block;
    }
    .kopa-page-header-3 .item-header.style-01 .wrap-button-feature button {
        width: 20px;
        height: 20px;
        border: 1px solid white;
        font-size: 10px;
        line-height: 20px;
        border-radius: 50%;
        color: white;
        text-align: center;
    }
    .wrap-hidden-content {
        width: 100%;
        top: 110%;
        padding: 10px;
        z-index: 99;
        background: rgba(0, 0, 0, 0.7);
    }
    .wrap-hidden-content p {
        font-size: 20px;
    }
    .wrap-hidden-content form button {
        font-size: 20px;
        line-height: 26px;
        vertical-align: top;
        border: none;
        margin-right: 10px;
        color: white;
    }
    .wrap-hidden-content form input[type="text"] {
        height: 35px;
        width: 70%;
        border: none;
        padding: 0px 20px;
        background: #fff;
        color: #999;
    }
    .wrap-hidden-content .btn-off {
        position: absolute;
        right: 10px;
        top: 50%;
        font-size: 25px;
        color: white;
        transform: translate(0, -50%);
    }
    /*-- ======== end header ====== --*/
    /*-- **** --*/
    .kopa-area-20 {
        padding: 0;
    }
    .kopa-area-20 .wrap-slider-intro {
        padding: 50px 10px;
    }
    .kopa-area-20 .wrap-info-contact {
        padding: 50px;
    }
    /*-- **** --*/
    .kopa-area-21 .ct-col-09 {
        padding: 65px 15px;
    }
    /*-- **** --*/
    .kopa-area-22 {
        padding: 65px 0px;
    }
    .kopa-area-22 .wrap-wg {
        padding: 0px 15px;
    }
    /*-- **** --*/
    .kopa-area-23 .ct-col-03 {
        padding-top: 0;
    }
    /*-- ============== ***** EX-MODULE-SLIDER-4 359 ***** ============= --*/
    .ex-module-slider-4 .widget-content .entry-item .entry-title {
        font-size: 16px;
        line-height: 22px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content p {
        font-size: 10px;
        line-height: 18px;
        margin-bottom: 30px;
    }
    .ex-module-slider-4 .widget-content .entry-item .entry-content .kopa-btn {
        padding: 5px 25px;
        font-size: 10px;
    }
    .ex-module-slider-4 .widget-content .carousel-control {
        width: 25px;
        height: 25px;
        font-size: 12px;
        line-height: 25px;
        color: #999;
        background: none !important;
        text-align: center;
        border: 2px solid #009cdc;
    }
    .ex-module-slider-4 .widget-content .carousel-control:hover {
        border-color: #ffd200 !important;
        color: #ffd200 !important;
        opacity: 1;
    }
    /*-- ============= ** ================= --*/
    /*-- ================ **** ============= --*/
    .ex-module-item-1 .widget-content .entry-item .entry-content .wrap-btn {
        text-align: left;
    }
    .ex-module-item-1 .widget-content .entry-item .entry-content .wrap-btn a {
        font-size: 12px;
        padding: 15px 30px;
    }
    /*-- ================ ** ============== --*/
    /*-- ================ **** =============== --*/
    .ex-module-about-us-2 .widget-header .widget-title {
        font-size: 25px;
        line-height: 30px;
    }
    /*-- ================= ** =============== --*/
    /*-- ================= **** ================ --*/
    .ex-module-our-services-4 .widget-header .widget-title {
        font-size: 25px;
        color: #009cdc;
        margin-bottom: 30px;
    }
    .ex-module-our-services-4 .widget-header p {
        width: 100%;
    }
    .ex-module-our-services-4 .widget-content ul li .entry-item .entry-content {
        float: none;
        width: auto;
        overflow: hidden;
    }
    /*-- ================== ** =============== --*/
    /*-- ===================== end home 3 responsive style ============== --*/
    /*-- ================= header 4 ============== --*/
    .kopa-page-header-4 .top-bar .alignright .kopa-cartdrop-down-1 .cart-dropdown {
        width: 320px;
    }
    .kopa-cartdrop-down-1 .cart-dropdown {
        width: 320px;
    }
    /*-- ================== end ================== --*/
    /*-- ================== **** EX-MODULE-ARTICLE-2 359 **** ================== --*/
    .ex-module-article-2 .widget-header {
        padding-left: 15px;
    }
    /*-- =================== ** ================ --*/
    /*-- ================== header 5 =================== --*/
    .kopa-page-header-5 .wrap-menu-1 .alignright {
        width: auto;
    }
    .kopa-page-header-5 .wrap-menu-1 .alignright .wrap-form-search form input[type="text"] {
        width: 150px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu {
        width: 320px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title {
        font-size: 14px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright {
        width: 100%;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-page-header-5 .wrap-menu-1 .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright {
        width: 100%;
    }
    .kopa-cartdrop-down-2 .dropdown-menu {
        width: 320px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .item-cart .item-cart-content .item-cart-title {
        font-size: 14px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu li .total-cost-item .alignright {
        width: 100%;
    }
    .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignleft {
        width: 100%;
        margin-bottom: 20px;
    }
    .kopa-cartdrop-down-2 .dropdown-menu .footer-cart .cart-btn .alignright {
        width: 100%;
    }
    /*-- ================== end ======================= --*/
    /*-- ================ *** EX-MODULE-CONTACT-2 359 *** =========== --*/
    .ex-module-contact-2 .widget-header {
        margin-bottom: 30px;
    }
    .ex-module-contact-2 .widget-header .widget-title {
        font-size: 30px;
        line-height: 36px;
    }
    .ex-module-contact-2 .widget-header .sub-title {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }
    .ex-module-contact-2 .widget-header p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .ex-module-contact-2 .widget-content .kopa-btn {
        font-size: 12px;
        padding: 10px 15px !important;
        font-weight: bold;
        display: block;
        margin-bottom: 20px;
        margin-left: 0px;
        margin-right: 0;
    }
    .ex-module-contact-2 .widget-content .kopa-btn:last-child {
        margin-bottom: 0px;
    }
    .ex-module-contact-2 .widget-content .kopa-btn.kopa-with-icon {
        padding: 10px 15px !important;
    }
    .ex-module-contact-2 .widget-content .kopa-btn i {
        font-size: 18px;
    }
    /*-- ================ *** END *** ============== --*/
    /*-- =================== KOPA-TAB-3 359 =============== --*/
    .kopa-tab-3 .nav li a {
        padding: 5px 10px;
        font-size: 10px;
    }
    /*-- ==================== END =========================== --*/
    /*-- ================= KOPA-TAB-4 359 ==================== --*/
    .kopa-tab-4 .nav li a {
        padding: 5px 15px;
        font-size: 10px;
    }
    /*-- ==================== END =============================== --*/
    /*-- ================= KOPA-TAB-5 359 ========================= --*/
    .kopa-tab-5 .nav-tabs li a {
        padding: 5px 10px;
        font-size: 10px;
    }
    /*-- =================== END =============================== --*/
    /*-- ==================== KOPA-TAB-6 359 ================== ---*/
    .kopa-tab-6 .nav-tabs li a {
        padding: 5px 10px;
        font-size: 10px;
    }
    /*-- =========================== END ======================== --*/
    /*--- ========================== KOPA-TAB-7 359 ================== --*/
    .kopa-tab-7 .nav-pills li a {
        padding: 5px 10px;
        font-size: 12px;
    }
    /*-- ============================== END ========================= --*/
    /*--- ========================== KOPA-TAB-7 359 ================== --*/
    .kopa-tab-8 .nav-tabs li a {
        padding: 5px 10px;
        font-size: 12px;
    }
    /*-- ============================== END ========================= --*/
}

@media screen and (max-width: 1024px) {
    /*--- humberger menu at header 2 ----*/
    .kopa-page-header-2 .humberger-menu {
        display: block;
    }
}

@media (min-width: 970px) and (max-width: 980px) {
    .container {
        width: 960px;
    }
    /*----============ GALLERY 1 970 - 980 ============ --*/
    .kopa-gallery-1 .gallery-content ul,
    .kopa-gallery-2 .gallery-content ul {
        margin-top: -13px;
    }
    .kopa-gallery-1 .gallery-content ul.ct-row-01,
    .kopa-gallery-2 .gallery-content ul.ct-row-01 {
        margin-right: -5px;
        margin-left: -5px;
    }
    .kopa-gallery-1 .gallery-content ul li,
    .kopa-gallery-2 .gallery-content ul li {
        padding: 0px 5px;
        margin-top: 13px;
    }
    /*----============= END ================ ----*/
}


/*--------------========================= end responsive =====================----------------------*/