/* */ /* Theme Name: Materitix Theme URI: http://kopatheme.com/ Author: Kopatheme Author URI: http://kopatheme.com/ Version: 1.0.0 Description: Materitix theme is designed for magazine, newsand with powerful custom widgets, the theme provides you more flexibility and ease-of-use for your site Tags: light, one-column, two-columns, right-sidebar, fluid-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, sticky-post, translation-ready License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /** * Table of Contents: * 1 - Body 1.1 - Sass 1.2 - Repeatable Patterns 1.3 - Basic Structure 1.4 - Elements 2 - Header / #kopa-page-header 2.1 - Search / .search-box 2.2 - Navigation / #main-nav 3 - Content 3.1 - Widget 3.2 - Home Page 3.3 - Sub Page 3.4 - Sidebar / .sidebar 3.5 - Bottom sidebar / #bottom-sidebar 4.0 - Footer / #kopa-page-footer 5.0 - Responsive * ----------------------------------------------------------------------------- */ /** * 1. Body * ----------------------------------------------------------------------------- */ /**1.1 Sass **/ .kopa-e-list, .main-nav-mobile, .top-main-nav-mobile, .kopa-portfolio-list-1-widget .filters-options, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options { list-style: none; padding: 0; } .kopa-e-list ul, .main-nav-mobile ul, .top-main-nav-mobile ul, .kopa-portfolio-list-1-widget .filters-options ul, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options ul, .kopa-e-list ol, .main-nav-mobile ol, .top-main-nav-mobile ol, .kopa-portfolio-list-1-widget .filters-options ol, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options ol { list-style: none; padding: 0; } .kopa-e-list li:first-child, .main-nav-mobile .main-menu-mobile li:first-child, .top-main-nav-mobile .top-main-menu-mobile li:first-child { margin: 0; padding: 0; border: 0; } .mb-5:before, .mb-10:before, .mb-20:before, .mb-30:before, .mb-40:before, .mb-50:before, .mb-60:before, .mb-80:before, .pd-20:before, .wrapper:before, .kopa-e-list.list-order li:before, .outer:before, .main-nav-mobile .main-menu-mobile:before, .top-main-nav-mobile .top-main-menu-mobile:before, .kopa-portfolio-list-1-widget .filters-options:before, .kopa-portfolio-list-1-widget .portfolio-container:before, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:before, .kopa-portfolio-list-2-widget .portfolio-container:before, .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .mb-80:after, .pd-20:after, .wrapper:after, .kopa-e-list.list-order li:after, .outer:after, .main-nav-mobile .main-menu-mobile:after, .top-main-nav-mobile .top-main-menu-mobile:after, .kopa-portfolio-list-1-widget .filters-options:after, .kopa-portfolio-list-1-widget .portfolio-container:after, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:after, .kopa-portfolio-list-2-widget .portfolio-container:after { content: ""; display: table; } .mb-5:after, .mb-10:after, .mb-20:after, .mb-30:after, .mb-40:after, .mb-50:after, .mb-60:after, .mb-80:after, .pd-20:after, .wrapper:after, .kopa-e-list.list-order li:after, .outer:after, .main-nav-mobile .main-menu-mobile:after, .top-main-nav-mobile .top-main-menu-mobile:after, .kopa-portfolio-list-1-widget .filters-options:after, .kopa-portfolio-list-1-widget .portfolio-container:after, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options:after, .kopa-portfolio-list-2-widget .portfolio-container:after { clear: both; } a, .mask, .nav-tabs.kopa-tabs-2 > li:before, .panel-group .panel .panel-heading > .panel-title, .toggle-view li h6, .toggle-view li h6 i, .toggle-view li span, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title, .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price, .pro-bar-wrapper .pro-bar-container .pro-bar p, .social-links li, .owl-theme .owl-controls, .owl-theme .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-pagination .owl-page span, #top-nav #top-menu li a i, #top-nav .kopa-search-box form.search-form, #top-nav .kopa-search-box form.search-form button.search-submit i, .kopa-language, .kopa-language > i, .kopa-language > button, #main-menu > li, #main-menu > li > a:before, #main-menu li .sf-mega .row > div .entry-item .entry-thumb .mask, .mobile-search-box .mobile-search-form button.search-submit, .widget .widget-title.widget-title-s2 .see-more, .widget .widget-title.widget-title-s3 .see-more, .widget .widget-title.widget-title-s11 .see-more, .widget_categories ul li:before, .kopa-newsletter-widget .newsletter-form .input-email input[type="text"], .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"], .more-link i, .more-link i:before, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item, .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .mask, .kopa-course-search-widget .course-form .row > div .select-block select, .kopa-course-search-widget .course-form .row > div .select-block select:focus, .kopa-course-search-widget .course-form .course-submit, .kopa-course-search-2-widget .course-form .select-block select, .kopa-course-search-2-widget .course-form .select-block select:focus, .kopa-course-search-2-widget .course-form .course-submit, .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask, .load-more, .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .mask, .kopa-course-list-3-widget .kopa-course-list-table .table-list li, .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon span, .kopa-area .widget_nav_menu ul li, .kopa-event-list-4-widget .entry-item, .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li, .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item, .kopa-portfolio-list-1-widget .filters-options li, .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span:before, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1, .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content, .search-form .search-submit, #respond .comment-form .row > div .input-block input[type="text"], #respond .comment-form .row > div .textarea-block textarea, #respond .comment-form .row > div .comment-button input[type="submit"], .kopa-spinner .ui-spinner a.ui-spinner-up:before, .kopa-spinner .ui-spinner a.ui-spinner-down:before, .kopa-faq-section .faq-filter ul li a:before, .kopa-login-widget input[type="submit"], #contact-form .contact-form .row > div .input-block input[type="text"], #contact-form .contact-form .row > div .textarea-block textarea, #contact-form .contact-form .row > div .contact-button input[type="submit"], .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce ul.products li.product .product-detail > a h3, .woocommerce-page ul.products li.product .product-detail > a h3, .woocommerce div.product div.summary form.cart .quantity .minus, .woocommerce-page div.product div.summary form.cart .quantity .minus, .woocommerce div.product div.summary form.cart .quantity .plus, .woocommerce-page div.product div.summary form.cart .quantity .plus, .woocommerce div.product div.summary form.cart .quantity .qty, .woocommerce-page div.product div.summary form.cart .quantity .qty, .woocommerce div.product div.summary form.cart .single_add_to_cart_button, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button { transition: all .3s, visibility 0s; -ms-transition: all .3s, visibility 0s; -webkit-transition: all .3s, visibility; -moz-transition: all .3s, visibility 0s; } .kopa-tab-container-5 .kopa-tabs-5 li a:before, .kopa-button.kopa-button-icon:before, .owl-theme .owl-controls .owl-buttons div.owl-prev:before, .owl-theme .owl-controls .owl-buttons div.owl-next:before, .main-nav-mobile .main-menu-mobile > li > a > span:after, .top-main-nav-mobile .top-main-menu-mobile > li > a > span:after, .entry-icon span:before, .widget_categories ul li:before, .kopa-article-list-9-widget ul li .entry-item .more-link, .kopa-area .widget_nav_menu ul li a:before, .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a:before, #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in:before { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body { font-size: 14px; line-height: 22px; color: #637587; font-weight: 300; font-style: normal; } p.reset { margin: 0; } p:last-child { margin: 0; } /**1.2 Repeatable Patterns**/ ::selection { background: #ed145b; color: #191d3d; text-shadow: none; } ::-moz-selection { background: #ed145b; color: #ffffff; text-shadow: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Source Sans Pro", Arial, Verdana, Helvetica, "Raleway", "Microsoft YaHei", sans-serif; color: #17376e; font-weight: 500; display: block; margin: 0 0 10px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a { color: #637587; } h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover { color: #ed145b; } h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em { color: #17376e; font-weight: 300; } h1 { font-size: 48px; line-height: 54px; } h2 { font-size: 40px; line-height: 46px; } h3 { font-size: 34px; line-height: 40px; } h4 { font-size: 24px; line-height: 30px; } h5 { font-size: 18px; line-height: 24px; } h6 { font-size: 14px; line-height: 20px; } a { color: #637587; text-decoration: none !important; outline: none !important; } a:hover, a.active { color: #ed145b; text-decoration: none; } a:focus { outline: none; } ol { counter-reset: item; display: block; margin: 5px 0; padding: 0 0 0 40px; } ul { list-style-type: square; margin: 5px 0px; padding: 0 0 0 40px; } ul li { list-style-type: inside square; margin-bottom: 10px; } 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; } .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } figure.wp-caption.alignleft, img.alignleft { margin: 5px 20px 5px 0; } .wp-caption.alignleft { margin: 5px 10px 5px 0; } figure.wp-caption.alignright, img.alignright { margin: 5px 0 5px 20px; } .wp-caption.alignright { margin: 5px 0 5px 10px; } img.aligncenter { margin: 5px auto; } img.alignnone { margin: 5px 0; } .entry-box .entry-content img, .entry-summary img, .comment-content img, .widget img, .wp-caption { max-width: 100%; height: auto; } .entry-box .entry-content address { font-style: italic; } textarea { resize: vertical; } img { max-width: 100%; height: auto; } .text-hover { color: #ed145b; } .text-light { font-weight: 300; } input { outline: none !important; } cite, em, var, address, dfn { font-style: italic; } i { font-style: normal; } p i { font-style: italic; } ::-webkit-input-placeholder { color: #637587; } :-moz-placeholder { /* Firefox 18- */ color: #637587; } ::-moz-placeholder { /* Firefox 19+ */ color: #637587; } :-ms-input-placeholder { color: #637587; } /**1.3 Basic Structure **/ html { overflow-x: hidden; } body { font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; background: #ffffff; overflow: hidden; letter-spacing: .5px; } .mb-5 { margin-bottom: 5px; } .mb-10 { margin-bottom: 10px; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } .pd-20 { padding: 20px; position: relative; } .wrapper { width: 1110px; margin: 0 auto; position: relative; } .kopa-area { position: relative; padding: 10px 0; } .kopa-area-light { background: url(../images/btbg.png) repeat-x left center; background-color: #f2f4f5; } .kopa-area-dark { background-color: #191d3d; } .kopa-area-dark .widget { color: #ffffff; } .kopa-area-dark .widget .widget-title { color: #ffffff; } .kopa-area-parallax { background-attachment: fixed !important; background-position: center; background-repeat: no-repeat; background-size: cover !important; } .kopa-area-3 { background-image: url(../images/bg-2.jpg); } .span-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(23, 55, 110, 0.7); } .span-bg:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(19, 16, 47, 0.4); } .kopa-area-4 .row { background-color: #fafafa; overflow: hidden; } .kopa-area-4 .row > div:last-child { background-color: #ffffff; } .kopa-area-4 .left-col { padding: 60px 0 60px 15px; } .kopa-area-4 .right-col { padding: 60px 15px; position: relative; } .kopa-area-5 { background-image: url(../images/bg-3.jpg); position: relative; } .kopa-area-6 { padding-bottom: 50px; } .kopa-area-7 { padding-top: 50px; } .kopa-area-8 { padding: 30px 0; } .kopa-area-9 { background: url(../images/bg-4.jpg) no-repeat center; background-size: cover; } .kopa-area-9 .mask { background-color: rgba(38, 44, 86, 0.4); } .bottom-section .row { margin-right: 0; margin-left: 0; } .bottom-section .row > div { padding-left: 0; padding-right: 0; } .bottom-section .row > div:first-child { padding-left: 9%; padding-right: 30px; padding-top: 70px; padding-bottom: 70px; } .kopa-area-13 .row { margin-top: 100px; } .kopa-area-13 .row:first-child { margin-top: 0; } .kopa-area-16 { position: relative; padding: 75px 0 60px; background-image: url(../images/bg-5.jpg); } .kopa-area-16 .mask { background-color: rgba(6, 26, 53, 0.7); } .kopa-area-17 { position: relative; padding: 0 0; background: url(../images/bg-1.png) repeat-x left top; } .kopa-area-17 .mask { background-color: rgba(6, 26, 53, 0.7); } .kopa-area-17 .widget .widget-title.widget-title-s5 h2, .kopa-area-17 .widget .widget-title.widget-title-s5 p { color: #ffffff; } .kopa-area-19 { position: relative; padding: 75px 0 60px; background: url("../images/bg-7.png") no-repeat center #2a3b6a; background-size: cover; } .kopa-area-20 { background-color: #ed145b; } .kopa-area-20 .kopa-tagline-1-widget .kopa-line-button:hover { border-color: #17376e; color: #17376e; } .kopa-area-21 { position: relative; background-image: url(../images/bg-7.jpg); } .kopa-area-21 .mask { background-color: rgba(34, 39, 77, 0.8); } .kopa-area-21 .widget .widget-title.widget-title-s5 { margin-bottom: 40px; } .kopa-area-21 .widget .widget-title.widget-title-s5 h2, .kopa-area-21 .widget .widget-title.widget-title-s5 p { color: #ffffff; } .kopa-area-22 { padding: 30px 0; background-color: #f1f2f2; } .kopa-area-23 { position: relative; background-image: url(../images/bg-8.jpg); } .kopa-area-23 .mask { background-color: rgba(34, 39, 77, 0.8); } .kopa-area-23 .widget .widget-title.widget-title-s5 { margin-bottom: 40px; } .kopa-area-23 .widget .widget-title.widget-title-s5 h2, .kopa-area-23 .widget .widget-title.widget-title-s5 p { color: #ffffff; } .kopa-area-24 { position: relative; background-image: url(../images/bg-9.jpg); } .kopa-area-24 .mask { background-color: rgba(46, 91, 149, 0.8); } .kopa-area-404 { position: relative; background-image: url(../images/bg-10.jpg); padding: 135px 0; } .kopa-area-404 .mask { background-color: rgba(8, 10, 30, 0.9); } /**1.4 Elements **/ /*----- Mask -----*/ .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6, 22, 47, 0.4); } .mask-pattern { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(6, 22, 47, 0.4); background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-image: url(../images/bg-pattern.jpg); background-position: center; } /*----- Tabs -----*/ .nav-tabs.kopa-tabs-1 { border-bottom: none; margin: 0; padding: 0px; background-color: #ffffff; } .nav-tabs.kopa-tabs-1 > li { margin: 0; border-right: 2px solid #ffffff; line-height: 0; } .nav-tabs.kopa-tabs-1 > li a { position: relative; padding: 0; margin: 0; border: none !important; border-radius: 5px 5px 0 0; display: block; padding: 10px 30px; font-size: 16px; background-color: #ececec; line-height: 20px; } .nav-tabs.kopa-tabs-1 > li.active a, .nav-tabs.kopa-tabs-1 > li:hover a { color: #ffffff; background-color: #17376e; } .tab-content { background-color: #ffffff; padding: 20px 30px 30px; border: 1px solid #ececec; } .tab-content .tab-pane > p { font-size: 16px; line-height: 24px; margin-bottom: 20px; } .kopa-tab-container-3 { background: url(../images/tab-full-bg.jpg) no-repeat 0 0; background-size: cover; position: relative; } .kopa-tab-container-3.row { margin-left: 0; margin-right: 0; } .kopa-tab-container-3.row > div { padding-left: 0; padding-right: 0; } .kopa-tab-container-3 .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(57, 47, 85, 0.4); } .kopa-tab-container-3 .tab-content { background-color: transparent; color: #ffffff; } .kopa-tab-container-3 .tab-content p { margin-bottom: 20px; } .nav-tabs.kopa-tabs-3 { margin: 0px; padding: 0; border: none; } .nav-tabs.kopa-tabs-3 > li { padding: 0; margin: 1px 0 0; float: none; } .nav-tabs.kopa-tabs-3 > li a { border: none !important; margin-right: 0; border-radius: 0; font-size: 14px; line-height: 26px; padding: 12px 30px; background-color: #17376e; color: #ffffff; } .nav-tabs.kopa-tabs-3 > li:first-child { margin: 0; } .nav-tabs.kopa-tabs-3 > li.active a { background-color: rgba(234, 233, 241, 0.4); color: #17376e; } .kopa-tab-container-4, .kopa-tab-container-2 { position: relative; } .nav-tabs.kopa-tabs-2 { padding: 10px 0; margin: 0px; border: none !important; } .nav-tabs.kopa-tabs-2 > li { padding: 0; float: left; margin: 0 0 0 10px; list-style: none; position: relative; } .nav-tabs.kopa-tabs-2 > li a { border: none !important; border-radius: 3px; padding: 0 20px; line-height: 30px; display: block; text-align: center; color: #17376e; margin: 0; } .nav-tabs.kopa-tabs-2 > li.active a { background-color: #17376e; color: #ffffff; position: relative; z-index: 1; } .nav-tabs.kopa-tabs-2 > li.active:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .nav-tabs.kopa-tabs-2 > li:before { content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #17376e; bottom: -5px; left: 50%; margin-left: -4px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-tab-container-4 { background: url(../images/tab-transparent-bg1.jpg) no-repeat 0 0; padding-top: 170px; } .kopa-tab-container-4 .mask { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(57, 47, 85, 0.4); z-index: 0; } .kopa-tab-container-4 .kopa-tabs-4 { position: relative; z-index: 1; margin: 0; padding: 0 15px; border: none !important; } .kopa-tab-container-4 .kopa-tabs-4 li { float: left; margin: 0 0 0 3px; list-style: none; } .kopa-tab-container-4 .kopa-tabs-4 li a { border-radius: 0; display: block; border: none !important; background-color: rgba(57, 47, 85, 0.3); color: #ffffff; line-height: 20px; padding: 15px 20px; margin: 0; } .kopa-tab-container-4 .kopa-tabs-4 li.active a { color: #17376e; background-color: #ffffff; } .kopa-tab-container-4 .tab-content { position: relative; z-index: 1; } .kopa-tab-container-5 { margin-left: 0px; margin-right: 0px; } .kopa-tab-container-5 > div, .kopa-tab-container-5 > ul { padding-left: 0px; padding-right: 0px; } .kopa-tab-container-5 .kopa-tabs-5 { position: relative; z-index: 1; margin: 0; border-right: none !important; border-top: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; background-color: #f2f4f5; } .kopa-tab-container-5 .kopa-tabs-5 li { float: none; margin: 0; list-style: none; } .kopa-tab-container-5 .kopa-tabs-5 li a { border-radius: 0; display: block; border: none !important; padding: 15px 20px 15px 40px; margin: 0; color: #17376e; position: relative; } .kopa-tab-container-5 .kopa-tabs-5 li a:before { content: "\f067"; position: absolute; left: 20px; top: 21px; font-size: 8px; } .kopa-tab-container-5 .kopa-tabs-5 li.active a, .kopa-tab-container-5 .kopa-tabs-5 li:hover a { background-color: #17376e; color: #ffffff; } .kopa-tab-container-5 .tab-content { position: relative; z-index: 1; padding: 30px; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 { margin: 0; border-bottom: none !important; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li { margin: 0 0 30px; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li > a { background-color: #3a2f57; color: #ffffff; border-radius: 0; margin: 0 5px 0 0; text-transform: uppercase; } .kopa-tab-container-6 .nav.nav-tabs.kopa-tabs-6 > li.active a { border: none !important; background-color: #ed145b; } /*----- DropCap -----*/ .kp-dropcap-1 { display: inline-block; float: left; font-size: 42px; line-height: 48px; margin: 0 15px 0 0; text-align: center; font-weight: 600; } .kp-dropcap-2 { display: inline-block; float: left; font-size: 30px; line-height: 44px; width: 44px; border-radius: 50%; margin: 0px 15px 0 0; text-align: center; color: #ffffff; background-color: #17376e; font-weight: 600; } /*----- Bootstrap collapse -----*/ .panel-group { margin-bottom: 0px; } .panel-group .panel { background: none; border-radius: 5px; box-shadow: none; border: 1px solid #e2e2e3; margin: 0 0 20px 0 !important; } .panel-group .panel .panel-heading { position: relative; border-radius: 0; background: #fff; padding: 0; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading > .panel-title a { font-weight: 300; font-size: 14px; text-transform: none; display: block; padding: 12px 60px 12px 20px; } .panel-group .panel .panel-heading > .panel-title a .btn-title { display: block; background-color: #f2f4f5; cursor: pointer; margin: 0; right: 20px; top: 15px; border-radius: 50%; width: 20px; height: 20px; line-height: 20px; position: absolute; } .panel-group .panel .panel-heading > .panel-title a .btn-title:before { content: ""; width: 8px; height: 2px; position: absolute; top: 50%; left: 50%; margin-left: -4px; margin-top: -1px; background-color: #17376e; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading > .panel-title a .btn-title:after { content: ""; width: 2px; height: 8px; position: absolute; top: 50%; left: 50%; margin-left: -1px; margin-top: -4px; background-color: #17376e; transition: all 0.3s; -ms-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; } .panel-group .panel .panel-heading.active > .panel-title, .panel-group .panel .panel-heading:hover > .panel-title { background-color: #17376e; } .panel-group .panel .panel-heading.active > .panel-title a, .panel-group .panel .panel-heading:hover > .panel-title a { color: #ffffff; } .panel-group .panel .panel-heading.active > .panel-title a .btn-title, .panel-group .panel .panel-heading:hover > .panel-title a .btn-title { background-color: #ffffff; } .panel-group .panel .panel-heading.active > .panel-title a .btn-title:after, .panel-group .panel .panel-heading:hover > .panel-title a .btn-title:after { display: none; } .panel-group .panel .panel-body { padding: 20px; border-top: 0 !important; } .kopa-accordion.style1 .panel-group .panel { border: none; border-radius: 0; border-bottom: 1px solid #e2e2e3; padding-bottom: 20px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a { padding: 10px 20px 10px 70px; } .kopa-accordion.style1 .panel-group .panel .panel-heading .panel-title a .btn-title { right: auto; left: 0; border-radius: 5px; top: 0; width: 50px; height: 50px; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title { background-color: #ffffff; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a { color: #17376e; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title { background-color: #17376e; } .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title:before, .kopa-accordion.style1 .panel-group .panel .panel-heading.active .panel-title a .btn-title:after, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title:before, .kopa-accordion.style1 .panel-group .panel .panel-heading:hover .panel-title a .btn-title:after { background-color: #ffffff; } .kopa-accordion.style1 .panel-group .panel .panel-body { padding: 20px 20px 0 70px; } /*----- Toggle -----*/ .toggle-view { margin: 0; padding: 0; } .toggle-view li { padding: 0; cursor: pointer; position: relative; float: none; margin: 15px 0 0; list-style: none; border-top: none; } .toggle-view li:first-child { margin-top: 0; } .toggle-view li h6 { font-size: 15px; font-weight: 300; line-height: 40px; padding: 0 15px; margin: 0; background-color: #ececec; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; color: #637587; } .toggle-view li h6 i { color: #73c5db; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; width: 0; } .toggle-view li span { display: none; position: absolute; right: 0px; top: 15px; color: #aaa; font-size: 10px; } .toggle-view li .kopa-panel { display: none; background-color: #ffffff; padding: 15px; margin: 0; } .toggle-view li.active h6, .toggle-view li:hover h6 { background-color: #ed145b; color: #ffffff; } .toggle-view li.active span, .toggle-view li:hover span { color: #ffffff; right: 10px; } .toggle-view.kopa-toggle-2 li h6 { background-color: transparent; padding: 0; text-transform: uppercase; font-size: 14px; color: #155588; } .toggle-view.kopa-toggle-2 li.active h6, .toggle-view.kopa-toggle-2 li:hover h6 { background-color: #155588; color: #ffffff; padding: 0 10px; } .toggle-view.kopa-toggle-2 li.active h6 i { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; margin-right: 8px; width: auto; } .toggle-view.kopa-toggle-2 li span { display: block; } .toggle-view.kopa-toggle-2 li .kopa-panel { padding: 5px 15px; } .toggle-view.kopa-toggle-2 li .kopa-panel p { margin-bottom: 0; border-top: 1px solid #dde5f3; } .toggle-view.kopa-toggle-2 li .kopa-panel p:first-child { border-top: none; } .toggle-view.kopa-toggle-2 li .kopa-panel p a { padding: 5px 0 !important; } .kopa-toggle-3.toggle-view li h6 { padding-right: 40px; } .kopa-toggle-3.toggle-view li span { background-color: transparent; right: 10px; } .kopa-toggle-3.toggle-view li.active h6 { color: #ffffff; background-color: #17376e; } .kopa-toggle-3.toggle-view li .kopa-panel { background-color: #17376e; padding-right: 40px; } /*----- Progress bar -----*/ .progress { box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; background-color: #d3d3d3; margin-bottom: 30px; height: 44px; border-radius: 0; position: relative; overflow: visible; } .progress span { position: absolute; left: 20px; top: 0; line-height: 44px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-size: 20px; font-weight: 300; text-transform: uppercase; } .progress strong { font-size: 40px; line-height: 44px; position: absolute; right: -25%; top: 0; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; } .progress .progress-bar-danger { background-color: #ed145b; } /*----- Divider -----*/ .kopa-divider-shadow { width: 100%; height: 7px; margin: 20px 0; position: relative; } .kopa-divider-shadow:before { background: url(../images/divider-shadow.png) repeat-x right top; width: 50%; left: auto; right: 0; position: absolute; content: ""; top: 0; height: 7px; } .kopa-divider-shadow:after { background: url(../images/divider-shadow.png) repeat-x left top; height: 7px; left: 0; width: 50%; position: absolute; content: ""; top: 0; } .kopa-divider-line { position: relative; height: 1px; width: 100%; background-color: #17376e; margin: 20px 0; } .kopa-divider-dotted { position: relative; height: 1px; width: 100%; border-top: 1px dotted #17376e; margin: 20px 0; } .kopa-divider-dashed { position: relative; height: 1px; width: 100%; border-top: 1px dashed #17376e; margin: 20px 0; } .kopa-divider-fat-line { position: relative; height: 2px; width: 100%; background-color: #17376e; margin: 20px 0; } /*----- Buttons -----*/ .kopa-button { display: inline-block; text-transform: uppercase; font-weight: 400; color: #ffffff; border-radius: 3px; position: relative; } .kopa-button.small-button { font-size: 12px; padding: 8px 20px; } .kopa-button.medium-button { font-size: 14px; padding: 14px 20px; } .kopa-button.large-button { padding: 17px 20px; font-size: 16px; line-height: 22px; } .kopa-button.pink-button, .kopa-button.navy-button:hover { background-color: #ed145b; color: #ffffff; } .kopa-button.navy-button, .kopa-button.pink-button:hover, .kopa-button.blue-button:hover, .kopa-button.green-button:hover, .kopa-button.red-button:hover { background-color: #17376e; color: #ffffff; } .kopa-button.blue-button { background-color: #03a9f5; } .kopa-button.green-button { background-color: #54ca90; } .kopa-button.red-button { background-color: #b82626; } .kopa-button.kopa-button-icon { padding-left: 10px; } .kopa-button.kopa-button-icon:before { content: "\f105"; margin-right: 15px; } .kopa-button.kopa-line-button { border-style: solid; border-width: 1px; } .kopa-button.kopa-line-button.pink-button, .kopa-button.kopa-line-button.navy-button:hover { border-color: #ed145b; color: #ed145b; background-color: #ffffff; } .kopa-button.kopa-line-button.navy-button, .kopa-button.kopa-line-button.pink-button:hover, .kopa-button.kopa-line-button.blue-button:hover, .kopa-button.kopa-line-button.green-button:hover, .kopa-button.kopa-line-button.red-button:hover { border-color: #17376e; color: #17376e; background-color: #ffffff; } .kopa-button.kopa-line-button.blue-button { border-color: #03a9f5; color: #03a9f5; background-color: #ffffff; } .kopa-button.kopa-line-button.green-button { border-color: #54ca90; color: #54ca90; background-color: #ffffff; } .kopa-button.kopa-line-button.red-button { border-color: #b82626; color: #b82626; background-color: #ffffff; } .kopa-button.kopa-line-button.small-button { padding: 7px 19px; } .kopa-button.kopa-line-button.kopa-button-icon { padding-left: 9px; } .elements-box .kopa-button { margin-right: 5px; margin-bottom: 10px; } audio { display: block; width: 100%; } .kopa-soundcloud-shortcode iframe { width: 100%; border: none; } /*----- Blockquotes -----*/ .kopa-blockquote-1 { background-color: #f2f4f5; font-size: 16px; border-left: 4px solid #17376e; padding: 30px; border: none; } .kopa-blockquote-1 p { position: relative; padding: 75px 35px 25px 35px; line-height: 24px; font-style: italic; } .kopa-blockquote-1 p i { font-size: 30px; color: #ffffff; margin: 0 12px 0 0 !important; width: 57px; height: 57px; line-height: 57px; border-radius: 50%; background-color: #ed145b; text-align: center; display: inline-block; position: absolute; top: 0; left: 0; } .kopa-blockquote-1 h4 { font-weight: 600; margin: 20px 0 5px; padding: 0 35px; } .kopa-blockquote-1 span { text-transform: uppercase; padding: 0 35px; } .kopa-blockquote-2 { border-left: 3px solid #f2f4f5; padding-top: 5px; padding-bottom: 5px; } .kopa-blockquote-2 p { font-size: 15px; line-height: 24px; } .kopa-blockquote-3 { font-size: 21px; line-height: 27px; font-weight: 300; border: none; padding: 0 20px; position: relative; } .kopa-blockquote-3 p { font-size: 21px; line-height: 27px; margin-bottom: 20px; position: relative; text-align: center; } /*----- Pricing Tables -----*/ .table-5col .pricing-column { float: left; width: 20%; } .table-5col .pricing-column .pricing-header { background-color: #17376e; color: #ffffff; padding: 15px 0; } .table-5col .pricing-column .features { padding: 0; margin: 0; border-left: 1px solid #eee; background-color: #ffffff; } .table-5col .pricing-column .features li { float: none; margin: 0; list-style: none; border-bottom: 1px solid #eee; } .table-5col .pricing-column .features li p { margin: 0; padding: 15px 0; } .table-5col .pricing-column .features li p i { color: #17376e; } .table-5col .pricing-column .features li p i.fa-close { color: #fd5ab2; } .table-5col .pricing-column .features li:nth-child(even) { background-color: #f7f7f7; } .table-5col .pricing-column:first-child .features, .table-5col .pricing-column:first-child .pricing-footer { border-left: none; } .table-5col .pricing-column .pricing-footer { background-color: #ffffff; padding: 15px 0; min-height: 70px; border-left: 1px solid #eee; } .table-5col .pricing-column .pricing-footer .kopa-button { margin: 0; text-transform: uppercase; } .table-4col .pricing-column .pricing-column-inner { background-color: #ffffff; border: 1px solid #ececec; } .table-4col .pricing-column .pricing-column-inner .pricing-header { background-color: #17376e; position: relative; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special { position: absolute; right: 2px; top: 82px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special:before { content: ''; position: absolute; border-left: 80px solid transparent; border-right: 0px solid transparent; border-top: 80px solid #ffffff; bottom: 0; left: 50%; margin-left: -80px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .special span { font-size: 15px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #ed145b; text-transform: uppercase; position: absolute; left: -45px; top: -65px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-title { font-weight: 400; font-size: 25px; line-height: 31px; padding: 30px 0; margin: 0 18px; border-bottom: 2px solid rgba(255, 255, 255, 0.3); color: #ffffff; text-transform: uppercase; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price { padding: 30px 0; color: #ffffff; font-weight: 300; font-size: 13px; line-height: 1; position: relative; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span { font-weight: 600; font-size: 64px; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price span sup { font-size: 25px; font-weight: 400; top: -1em; } .table-4col .pricing-column .pricing-column-inner .pricing-header .pricing-price:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #17376e; bottom: -10px; left: 50%; margin-left: -10px; } .table-4col .pricing-column .pricing-column-inner .features { margin: 0; padding: 20px 18px; } .table-4col .pricing-column .pricing-column-inner .features li { float: none; margin: 0; list-style: none; padding: 15px 18px; border-bottom: 1px solid #ececec; } .table-4col .pricing-column .pricing-column-inner .features li p { margin: 0; color: #a7aebf; } .table-4col .pricing-column .pricing-column-inner .pricing-footer { padding: 0 15px 15px; } .table-4col .pricing-column .pricing-column-inner .pricing-footer a { padding: 10px 40px; border: 1px solid #ed145b; border-radius: 0; } .table-4col .pricing-column .pricing-column-inner .pricing-footer a:hover { background-color: #ffffff; color: #ed145b; } .table-3col .pricing-column .pricing-column-inner { background-color: #ffffff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); border-radius: 5px; font-size: 16px; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-title { text-transform: uppercase; font-size: 18px; line-height: 24px; padding: 15px 0; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price { background-color: #3f3454; padding: 20px 0; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner { width: 110px; height: 110px; border-radius: 50%; border: 2px solid #dedede; line-height: 106px; font-weight: 400; color: #ffffff; display: inline-block; background: -webkit-radial-gradient(#bebebe 1%, #7b47b6 99%); /* Safari 5.1 to 6.0 */ background: -o-radial-gradient(#bebebe 1%, #7b47b6 99%); /* For Opera 11.6 to 12.0 */ background: -moz-radial-gradient(#bebebe 1%, #7b47b6 99%); /* For Firefox 3.6 to 15 */ background: radial-gradient(#bebebe 1%, #7b47b6 99%); /* Standard syntax */ } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span { font-size: 24px; } .table-3col .pricing-column .pricing-column-inner .pricing-header .pricing-price .pricing-price-inner span sup { font-size: 14px; top: -0.75em; } .table-3col .pricing-column .pricing-column-inner .features { margin: 0; padding: 30px 0; } .table-3col .pricing-column .pricing-column-inner .features li { float: none; margin: 0; list-style: none; padding: 10px 15px; } .table-3col .pricing-column .pricing-column-inner .features li p { margin: 0; font-size: 16px; } .table-3col .pricing-column .pricing-column-inner .pricing-footer { padding: 0 15px 15px; background-color: #ffffff; border-radius: 0 0 3px 3px; } .table-3col .pricing-column .pricing-column-inner .pricing-footer a { margin: 0; display: block; padding: 10px 30px; border: none; color: #ffffff; background-color: #8374ac; } .table-3col .pricing-column .pricing-column-inner .pricing-footer a:hover { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } .table-3col .pricing-column .pricing-column-inner:hover .pricing-header .pricing-price { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } /*----- Lists -----*/ .kopa-e-list { margin: 0; font-size: 15px; letter-spacing: 1px; } .kopa-e-list li { margin-top: 10px; } .kopa-e-list li > span { font-size: 16px; margin-right: 10px; } .kopa-e-list li .order-num { font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-size: 12px; line-height: 20px; color: #ffffff; float: left; margin-right: 15px; margin-top: -2px; padding: 5px 8px; } .kopa-e-list li .order-num:before { display: none; } .kopa-e-list.list-unorder { list-style: disc inside; } .kopa-e-list.list-unorder p { display: inline; } .kopa-e-list.list-order li { margin-top: 12px; } .kopa-e-list.kopa-plus-list li span { font-size: 10px; color: #2c313f; } .kopa-e-list.kopa-icon-list li i { width: 25px; text-align: center; color: #ed145b; } /*----- Message Boxes -----*/ .alert { font-weight: 300; border-radius: 0; color: #ffffff; padding: 30px 80px 30px 95px; position: relative; } .alert i { width: 46px; height: 46px; border-radius: 50%; border: 1px solid #ffffff; position: absolute; top: 50%; margin: -23px 0 0; left: 30px; line-height: 44px; text-align: center; } .alert-dismissable .close { right: 30px; width: 20px; height: 20px; border-radius: 50%; background-color: #ffffff; font-size: 18px; line-height: 20px; text-shadow: none; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; position: absolute; top: 50%; margin-top: -10px; padding-left: 1px; } .alert-dark-blue { background-color: #17376e; } .alert-dark-blue.alert-dismissable .close { color: #17376e; } .alert-yellow { background-color: #fc880f; } .alert-yellow.alert-dismissable .close { color: #fc880f; } .alert-green { background-color: #8fca1d; } .alert-green.alert-dismissable .close { color: #8fca1d; } .alert-pink { background-color: #f42494; } .alert-pink.alert-dismissable .close { color: #f42494; } .alert-sky { background-color: #24b9e2; } .alert-sky.alert-dismissable .close { color: #24b9e2; } /*----- Sticky Notes -----*/ .sticky-note { padding: 20px 30px 15px; position: relative; font-weight: 300; } .sticky-note:before { content: ''; position: absolute; border-left: 30px solid transparent; border-right: 0 solid transparent; border-bottom: 30px solid #ffffff; top: 0; left: 50%; margin-left: -30px; left: auto; right: 0; bottom: -1px; top: auto; } .sticky-note.sticky-sky { background-color: #edf6ff; color: #93909e; } .sticky-note.sticky-sky:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #9abbdc; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-orange { background-color: #fcf0c5; color: #17376e; } .sticky-note.sticky-orange:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #dec87c; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-pink { background-color: #fdd4d4; color: #e39f9f; } .sticky-note.sticky-pink:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #e39f9f; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } .sticky-note.sticky-green { background-color: #eaffc3; color: #b5d37f; } .sticky-note.sticky-green:after { content: ''; position: absolute; border-left: 0 solid transparent; border-right: 30px solid transparent; border-top: 30px solid #b5d37f; bottom: -1px; left: 50%; margin-left: 0; left: auto; right: -1px; margin-left: 0; } /*----- Progress Bars -----*/ .pro-bar-wrapper { position: relative; overflow: hidden; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; } .pro-bar-wrapper .pro-bar-container { height: 10px; border-radius: 5px; border: none; overflow: visible !important; margin-left: 80px; margin-bottom: 40px; margin-top: 35px; } .pro-bar-wrapper .pro-bar-container > i { background-color: #d7d7d8; border-radius: 50%; color: #ffffff; width: 62px; height: 62px; line-height: 60px; text-align: center; font-size: 30px; display: block; position: absolute; left: 0; top: 0; font-weight: 500; z-index: 1; } .pro-bar-wrapper .pro-bar-container.color-midnight-blue { background-color: #17376e; } .pro-bar-wrapper .pro-bar-container.color-gray { background-color: #d7d7d8; } .pro-bar-wrapper .pro-bar-container .pro-bar { height: 10px; border-radius: 5px 0 0 5px; position: relative; overflow: visible !important; } .pro-bar-wrapper .pro-bar-container .pro-bar > div { position: absolute; top: -25px; left: 0; color: #a7aebf; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 500; } .pro-bar-wrapper .pro-bar-container .pro-bar p { margin: 0; display: inline-block; line-height: 22px; padding: 0 5px; background-color: #155588; font-weight: 300; color: #ffffff; position: absolute; right: -18px; top: -37px; font-size: 12px; border-radius: 3px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .pro-bar-wrapper .pro-bar-container .pro-bar p:before { content: ''; position: absolute; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 6px solid #155588; bottom: -6px; left: 50%; margin-left: -3px; } .pro-bar-wrapper .pro-bar-container .pro-bar.animated p { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .pro-bar-wrapper .pro-bar-container .pro-bar.color-kopa-gradient { background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #BB3D91), color-stop(1, #3E216A)); background-image: -o-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -moz-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -webkit-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: -ms-linear-gradient(right, #BB3D91 0%, #3E216A 100%); background-image: linear-gradient(to right, #BB3D91 0%, #3E216A 100%); } .pro-bar-wrapper .pro-bar-container .pro-bar.color-green { background-color: #ed145b; } .pro-bar-wrapper .pro-bar-container .pro-bar.color-midnight-blue { background-color: #17376e; } .pro-bar-wrapper .pro-bar-container .pro-bar.color-pink { background-color: #ed145b; } .pro-bar-wrapper.style2 .pro-bar-container { margin-top: 16px; margin-left: 55px; height: 30px; } .pro-bar-wrapper.style2 .pro-bar-container .pro-bar { height: 30px; } .pro-bar-wrapper.style2 .pro-bar-container .pro-bar > div { top: 5px; color: #ffffff; font-weight: 300; left: 25px; } /*----- Social Links -----*/ .social-links { padding: 0; margin: -10px 0 0 -10px; } .social-links li { float: left; margin: 10px 0 0 10px; list-style: none; position: relative; padding: 0; text-align: center; border-radius: 50%; } .social-links li a { display: block; line-height: 35px; font-size: 13px; position: relative; text-align: center; z-index: 0; width: 35px; border-radius: 50%; color: #ffffff; background-color: #17376e; } .social-links li a:hover { background-color: #ed145b; } .social-nav { padding: 0; list-style: none; margin: -10px 0 0 -10px; } .social-nav li { float: left; margin: 10px 0 0 10px; list-style: none; } .social-nav a { display: inline-block; float: left; width: 48px; height: 48px; font-size: 20px; color: #ffffff; text-decoration: none; cursor: pointer; text-align: center; line-height: 48px; background: #000; position: relative; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; } .model-2 a { overflow: hidden; font-size: 26px; border-radius: 4px; } .model-2 a:hover { background: #fff; text-shadow: 0px 0px #d4d4d4, 1px 1px #d4d4d4, 2px 2px #d4d4d4, 3px 3px #d4d4d4, 4px 4px #d4d4d4, 5px 5px #d4d4d4, 6px 6px #d4d4d4, 7px 7px #d4d4d4, 8px 8px #d4d4d4, 9px 9px #d4d4d4, 10px 10px #d4d4d4, 11px 11px #d4d4d4, 12px 12px #d4d4d4, 13px 13px #d4d4d4, 14px 14px #d4d4d4, 15px 15px #d4d4d4, 16px 16px #d4d4d4, 17px 17px #d4d4d4, 18px 18px #d4d4d4, 19px 19px #d4d4d4, 20px 20px #d4d4d4, 21px 21px #d4d4d4, 22px 22px #d4d4d4, 23px 23px #d4d4d4, 24px 24px #d4d4d4, 25px 25px #d4d4d4, 26px 26px #d4d4d4, 27px 27px #d4d4d4, 28px 28px #d4d4d4, 29px 29px #d4d4d4, 30px 30px #d4d4d4; } .model-2 .twitter { background: #00ACED; text-shadow: 0px 0px #0087ba, 1px 1px #0087ba, 2px 2px #0087ba, 3px 3px #0087ba, 4px 4px #0087ba, 5px 5px #0087ba, 6px 6px #0087ba, 7px 7px #0087ba, 8px 8px #0087ba, 9px 9px #0087ba, 10px 10px #0087ba, 11px 11px #0087ba, 12px 12px #0087ba, 13px 13px #0087ba, 14px 14px #0087ba, 15px 15px #0087ba, 16px 16px #0087ba, 17px 17px #0087ba, 18px 18px #0087ba, 19px 19px #0087ba, 20px 20px #0087ba, 21px 21px #0087ba, 22px 22px #0087ba, 23px 23px #0087ba, 24px 24px #0087ba, 25px 25px #0087ba, 26px 26px #0087ba, 27px 27px #0087ba, 28px 28px #0087ba, 29px 29px #0087ba, 30px 30px #0087ba; } .model-2 .twitter:hover { color: #00ACED; } .model-2 .facebook { background: #3B579D; text-shadow: 0px 0px #2d4278, 1px 1px #2d4278, 2px 2px #2d4278, 3px 3px #2d4278, 4px 4px #2d4278, 5px 5px #2d4278, 6px 6px #2d4278, 7px 7px #2d4278, 8px 8px #2d4278, 9px 9px #2d4278, 10px 10px #2d4278, 11px 11px #2d4278, 12px 12px #2d4278, 13px 13px #2d4278, 14px 14px #2d4278, 15px 15px #2d4278, 16px 16px #2d4278, 17px 17px #2d4278, 18px 18px #2d4278, 19px 19px #2d4278, 20px 20px #2d4278, 21px 21px #2d4278, 22px 22px #2d4278, 23px 23px #2d4278, 24px 24px #2d4278, 25px 25px #2d4278, 26px 26px #2d4278, 27px 27px #2d4278, 28px 28px #2d4278, 29px 29px #2d4278, 30px 30px #2d4278; } .model-2 .facebook:hover { color: #3B579D; } .model-2 .google-plus { background: #DD4A3A; text-shadow: 0px 0px #c23122, 1px 1px #c23122, 2px 2px #c23122, 3px 3px #c23122, 4px 4px #c23122, 5px 5px #c23122, 6px 6px #c23122, 7px 7px #c23122, 8px 8px #c23122, 9px 9px #c23122, 10px 10px #c23122, 11px 11px #c23122, 12px 12px #c23122, 13px 13px #c23122, 14px 14px #c23122, 15px 15px #c23122, 16px 16px #c23122, 17px 17px #c23122, 18px 18px #c23122, 19px 19px #c23122, 20px 20px #c23122, 21px 21px #c23122, 22px 22px #c23122, 23px 23px #c23122, 24px 24px #c23122, 25px 25px #c23122, 26px 26px #c23122, 27px 27px #c23122, 28px 28px #c23122, 29px 29px #c23122, 30px 30px #c23122; } .model-2 .google-plus:hover { color: #DD4A3A; } .model-2 .linkedin { background: #007BB6; text-shadow: 0px 0px #005983, 1px 1px #005983, 2px 2px #005983, 3px 3px #005983, 4px 4px #005983, 5px 5px #005983, 6px 6px #005983, 7px 7px #005983, 8px 8px #005983, 9px 9px #005983, 10px 10px #005983, 11px 11px #005983, 12px 12px #005983, 13px 13px #005983, 14px 14px #005983, 15px 15px #005983, 16px 16px #005983, 17px 17px #005983, 18px 18px #005983, 19px 19px #005983, 20px 20px #005983, 21px 21px #005983, 22px 22px #005983, 23px 23px #005983, 24px 24px #005983, 25px 25px #005983, 26px 26px #005983, 27px 27px #005983, 28px 28px #005983, 29px 29px #005983, 30px 30px #005983; } .model-2 .linkedin:hover { color: #007BB6; } .model-2 .pinterest { background: #CB2026; text-shadow: 0px 0px #9f191e, 1px 1px #9f191e, 2px 2px #9f191e, 3px 3px #9f191e, 4px 4px #9f191e, 5px 5px #9f191e, 6px 6px #9f191e, 7px 7px #9f191e, 8px 8px #9f191e, 9px 9px #9f191e, 10px 10px #9f191e, 11px 11px #9f191e, 12px 12px #9f191e, 13px 13px #9f191e, 14px 14px #9f191e, 15px 15px #9f191e, 16px 16px #9f191e, 17px 17px #9f191e, 18px 18px #9f191e, 19px 19px #9f191e, 20px 20px #9f191e, 21px 21px #9f191e, 22px 22px #9f191e, 23px 23px #9f191e, 24px 24px #9f191e, 25px 25px #9f191e, 26px 26px #9f191e, 27px 27px #9f191e, 28px 28px #9f191e, 29px 29px #9f191e, 30px 30px #9f191e; } .model-2 .pinterest:hover { color: #CB2026; } /*----- Text Style -----*/ .txt-decoration { text-decoration: underline; } .txt-decoration-2 { color: #ed145b; text-decoration: underline; } .txt-decoration-3 { color: #03a9f5; text-decoration: underline; } /*----- CountDown -----*/ .kopa-countdown-2 { margin: 0 -5px 30px; padding: 0; overflow: hidden; } .kopa-countdown-2 li { float: left; margin: 0; list-style: none; padding: 0 5px; width: 25%; position: relative; } .kopa-countdown-2 li div { text-align: center; padding: 15px 0px; background-color: #ffffff; border-radius: 5px; position: relative; } .kopa-countdown-2 li div:before { position: absolute; height: 1px; top: 50%; width: 100%; left: 0; background-color: #dde5f3; content: ""; } .kopa-countdown-2 li div:after { position: absolute; height: 18px; bottom: 0; width: 1px; left: 50%; border-left: dashed 1px #dde5f3; content: ""; } .kopa-countdown-2 li div h3 { font-size: 54px; margin: 15px 0 20px; line-height: 50px; position: relative; z-index: 1; } .kopa-countdown-2 li div span { display: block; text-transform: uppercase; } .kopa-countdown-2 li div span:last-child { font-weight: 400; } /**1.2 Basic structure**/ body { position: relative; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; color: #637587; line-height: 22px; font-size: 14px; overflow-x: hidden; } .mb-0 { margin-bottom: 0px !important; } .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mt-15 { margin-top: 15px; } .mt-5 { margin-top: 5px; } .outer { width: 1170px; margin: 0 auto; position: relative; } .wrapper { width: 1050px; margin: 0 auto; position: relative; } .container { width: 1140px; } #main-content { position: relative; z-index: 2; } .kopa-full-width .sidebar { display: none; } .kopa-full-width .main-col { width: 100%; } /*--- owl-button ---*/ .owl-theme .owl-controls { margin: 0; } .owl-theme .owl-controls .owl-buttons div { color: #ffffff; background: none; padding: 0; margin: 0; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); text-align: center; width: 72px; height: 72px; line-height: 70px; font-size: 50px; position: absolute; top: 50%; margin-top: -36px; margin-left: -36px; margin-left: 0; margin-top: -36px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .owl-theme .owl-controls .owl-buttons div:hover { color: #ed145b; } .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 2%; padding-right: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f104"; } .owl-theme .owl-controls .owl-buttons div.owl-next { right: 2%; padding-left: 2px; } .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f105"; } .owl-theme .owl-controls .owl-pagination { margin-top: 40px; width: 100%; } .owl-theme .owl-controls .owl-pagination .owl-page span { width: 8px; height: 8px; margin: 0 10px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; background: none; border: 1px solid #ffffff; border-radius: 50%; } .owl-theme .owl-controls .owl-pagination .owl-page.active span, .owl-theme .owl-controls .owl-pagination .owl-page:hover span { background: #ed145b; -webkit-transform: scale(2); -moz-transform: scale(2); -ms-transform: scale(2); -o-transform: scale(2); transform: scale(2); border-color: #ed145b; } /** * 2.0 Header * ----------------------------------------------------------------------------- */ /*--- Header Top ---*/ #kopa-header-top { background: url(../images/topbg.png) repeat-x left center; background-color: #123985; padding: 30px 0; } /*--- Header bottom ---*/ #kopa-header-bottom { border-bottom: 4px solid rgba(255, 255, 255, 0.6); position: relative; z-index: 3; } /** 2.2 Navigation **/ #top-nav { position: relative; z-index: 21; } #top-nav #top-menu { margin: 0; padding: 0; float: left; } #top-nav #top-menu > li:hover > a, #top-nav #top-menu > li.sfHover > a { background-color: #155588; } #top-nav #top-menu > li:hover > a i, #top-nav #top-menu > li.sfHover > a i { color: #ffffff; } #top-nav #top-menu li { float: left; margin: 0; list-style: none; border-right: 1px solid #303451; position: relative; } #top-nav #top-menu li a { display: block; text-transform: uppercase; color: #ffffff; text-align: center; padding: 5px 15px; } #top-nav #top-menu li a span { display: block; font-size: 13px; } #top-nav #top-menu li a i { color: #7082a9; } #top-nav #top-menu li a:hover i { color: #ffffff; } #top-nav #top-menu li:first-child { border-left: 1px solid #303451; } #top-nav #top-menu li ul { display: none; width: 230px; position: absolute; background-color: #ffffff; margin: 0; padding: 0; left: 0; top: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } #top-nav #top-menu li ul li { float: none; border: none; padding: 0 15px; border-top: 1px solid #dde5f3; } #top-nav #top-menu li ul li:first-child { border: none; } #top-nav #top-menu li ul li a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; } #top-nav #top-menu li ul li ul { left: 231px; top: 0; } #top-nav #top-menu li ul li:hover > a { padding-left: 10px; color: #ed145b; } #top-nav #top-menu li.flip-back ul { left: auto; right: 0; } #top-nav #top-menu li.flip-back ul li ul { left: auto; right: 231px; } #top-nav .kopa-search-box { float: left; position: relative; border-right: 1px solid #303451; } #top-nav .kopa-search-box .toggle-search-box { display: block; width: 80px; padding-top: 8px; height: 50px; border: 0; background: none; text-align: center; color: #ffffff; } #top-nav .kopa-search-box .toggle-search-box:hover, #top-nav .kopa-search-box .toggle-search-box.search-expand { background-color: #155588; } #top-nav .kopa-search-box .toggle-search-box:hover i, #top-nav .kopa-search-box .toggle-search-box.search-expand i { color: #ffffff; } #top-nav .kopa-search-box .toggle-search-box span { display: block; text-transform: uppercase; font-size: 13px; } #top-nav .kopa-search-box .toggle-search-box i { display: block; color: #7082a9; margin: 0 0 3px; } #top-nav .kopa-search-box form.block.search-form { display: block; } #top-nav .kopa-search-box form.search-form { background-color: #155588; display: none; position: absolute; right: 0; top: 100%; z-index: 2; padding: 15px; width: 346px; } #top-nav .kopa-search-box form.search-form:before, #top-nav .kopa-search-box form.search-form:after { display: table; content: ""; } #top-nav .kopa-search-box form.search-form:after { clear: both; } #top-nav .kopa-search-box form.search-form input.search-text { width: 100%; height: 30px; color: #a7aebf; line-height: 20px; border: none; padding: 5px 15px; border-radius: 0; } #top-nav .kopa-search-box form.search-form input.search-text:focus { outline: 0; } #top-nav .kopa-search-box form.search-form button.search-submit { border: 0; padding: 0; position: absolute; right: 27px; top: 20px; background: none; line-height: 20px; } #top-nav .kopa-search-box form.search-form button.search-submit i { color: #7082a9; } #top-nav .kopa-search-box form.search-form button.search-submit:hover i { color: #ed145b; } .kopa-language { text-align: center; position: relative; border-right: 1px solid #303451; } .kopa-language:hover, .kopa-language.open { background-color: #155588; } .kopa-language:hover > i, .kopa-language.open > i { color: #ffffff; } .kopa-language:hover > button, .kopa-language.open > button { background-color: #155588; } .kopa-language.open > .dropdown-menu { display: block; } .kopa-language > i { position: absolute; top: 8px; left: 50%; margin-left: -7px; width: 14px; color: #7082a9; } .kopa-language > button { display: block; border: none; outline: none; color: #ffffff; height: 50px; line-height: 70px; padding: 0 15px; font-size: 13px; text-transform: uppercase; font-weight: 300; background: #191d3d; } .kopa-language > button span { display: none; } .kopa-language .dropdown-menu { border-radius: 0; width: 160px; margin: 0; box-shadow: 0px 0px; padding: 7px 0; } .kopa-language .dropdown-menu li { margin: 0; border: none; padding: 0; } .kopa-language .dropdown-menu li a { padding: 5px 15px; text-align: left; } .kopa-language .dropdown-menu li a img { float: left; margin-top: 5px; padding-right: 8px; } .kopa-language .dropdown-menu li a span > i { width: 21px; height: 14px; float: left; background: url("../images/714e3d6f8763441fa716ea6e2b500618.gif"); margin-right: 8px; margin-top: 3px; } .kopa-language .dropdown-menu li a span > i.eng { background: url("../images/1.jpg") no-repeat; } .kopa-language .dropdown-menu li a span > i.vni { background: url("../images/2.jpg") no-repeat; } #main-nav { position: relative; z-index: 20; } #main-menu { margin: 0; padding: 0; position: relative; z-index: 1; } #main-menu > li { position: relative; z-index: 1; padding: 0; float: left; margin: 0 0 0 60px; list-style: none; } #main-menu > li.mega-menu { position: static; } #main-menu > li.mega-menu a:before { display: none; } #main-menu > li:first-child { margin: 0; } #main-menu > li > a { padding: 20px 0 15px; display: block; position: relative; color: #17376e; font-weight: 400; font-size: 15px; } #main-menu > li > a .menu-description { display: block; font-size: 13px; font-style: italic; text-transform: none; min-height: 20px; max-height: 20px; overflow: hidden; color: #a7aebf; } #main-menu > li > a:before { content: ""; width: 100%; height: 4px; background-color: #155588; position: absolute; bottom: -4px; left: -40px; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } #main-menu > li:hover > a:before, #main-menu > li.current-menu-item > a:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; left: 0; } #main-menu > li > ul { width: 250px; display: none; position: absolute; left: 0; top: 79px; margin: 0; padding: 0; z-index: 1; background-color: #ffffff; border-radius: 0 0 3px 3px; text-align: left; } #main-menu > li > ul > li { float: none; border: none; padding: 0 15px; border-top: 1px solid #dde5f3; margin: 0; list-style: none; position: relative; } #main-menu > li > ul > li:first-child { border: none; } #main-menu > li > ul > li > a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } #main-menu > li > ul > li > ul { left: 251px; top: 0; width: 250px; display: none; position: absolute; margin: 0; padding: 0; z-index: 1; background-color: #ffffff; border-radius: 0 0 3px 3px; text-align: left; } #main-menu > li > ul > li > ul > li { float: none; border: none; padding: 0 15px; border-top: 1px solid #dde5f3; margin: 0; list-style: none; position: relative; } #main-menu > li > ul > li > ul > li:first-child { border: none; } #main-menu > li > ul > li > ul > li > a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } #main-menu > li > ul > li > ul > li:hover > a, #main-menu > li > ul > li > ul > li.current-menu-item > a { padding-left: 10px; color: #ed145b; } #main-menu > li > ul > li:hover > a, #main-menu > li > ul > li .current-menu-item > a { padding-left: 10px; color: #ed145b; } .sf-with-ul:after { display: none; } #main-menu .sf-mega { position: absolute; left: 0; top: 79px; } #main-menu .sf-mega .widget { border-top: 1px solid #dde5f3; padding-top: 10px; } #main-menu .sf-mega .widget .widget-title { font-size: 13px; line-height: 20px; margin-bottom: 10px; } #main-menu li .sf-mega { background-color: #ffffff; border-radius: 0 0 3px 3px; display: none; z-index: 9999; width: 100%; padding: 20px 30px 40px; } #main-menu li .sf-mega .row > div .row > div ul { border-bottom: 1px solid #dde5f3; margin: 0; padding: 0; } #main-menu li .sf-mega .row > div .row > div ul li { float: none; border: none; padding: 0; border-top: 1px solid #dde5f3; margin: 0; list-style: none; position: relative; } #main-menu li .sf-mega .row > div .row > div ul li a { text-align: left; border: none; padding: 10px 0; color: #637587; text-transform: none; font-size: 14px; display: block; } #main-menu li .sf-mega .row > div .row > div ul li:hover > a, #main-menu li .sf-mega .row > div .row > div ul li.current-menu-item > a { padding-left: 10px; color: #ed145b; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 25px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date { text-align: center; border: 1px solid #bdc7d6; border-radius: 3px; background-color: #ffffff; padding: 0 0 10px; text-transform: uppercase; color: #a7add5; font-size: 12px; position: absolute; top: 15px; left: 15px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date p { margin: 0 0 5px; color: #ffffff; background-color: #bdc7d6; padding: 0 10px; line-height: 18px; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date strong { display: block; color: #17376e; font-size: 24px; padding: 0 10px; font-weight: 600; } #main-menu li .sf-mega .row > div .entry-item .entry-thumb .entry-date span { line-height: 1; display: block; padding: 0 10px; } #main-menu li .sf-mega .row > div .entry-item .entry-content .entry-author { margin-bottom: 5px; } #main-menu li .sf-mega .row > div .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; margin: 0; text-transform: uppercase; } #main-menu li .sf-mega .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .mobile-search-box { display: none; margin-top: 10px; width: 250px; } .mobile-search-box .mobile-search-form { position: relative; } .mobile-search-box .mobile-search-form input.search-text { border: none; text-align: right; text-transform: uppercase; font-size: 13px; color: #a7aebf; width: 100%; padding-right: 25px; height: 28px; } .mobile-search-box .mobile-search-form button.search-submit { position: absolute; right: 0; top: 3px; padding: 0; border: none; background: none; color: #17376e; } .mobile-search-box .mobile-search-form button.search-submit:hover { color: #ed145b; } /*--- Mobile Menu ---*/ .main-nav-mobile { display: none; position: relative; height: 44px; } .main-nav-mobile .pull { font-size: 18px; font-weight: 500; color: #ed145b; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 0; margin: 12px 0 0; } .main-nav-mobile .pull i { color: #fff; } .main-nav-mobile .main-menu-mobile { position: absolute; top: 48px; margin: 0; left: 0; width: 220px; height: auto; z-index: 999999; display: none; background: #ed145b; padding: 5px 15px 0; text-align: left; } .main-nav-mobile .main-menu-mobile > li { border-top: 1px solid #e2e2e3; position: relative; width: 100%; margin: 0; } .main-nav-mobile .main-menu-mobile > li:first-child { border: 0; } .main-nav-mobile .main-menu-mobile > li > a { color: #fff; text-transform: capitalize; font-size: 16px; display: block; font-weight: 600; padding: 10px 25px 10px 0; } .main-nav-mobile .main-menu-mobile > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; } .main-nav-mobile .main-menu-mobile > li > a > span:after { content: '\f107'; } .main-nav-mobile .main-menu-mobile > li ul { margin: 0; border-top: 1px solid #e2e2e3; } .main-nav-mobile .main-menu-mobile > li ul li { margin: 0; border-top: 1px solid #e2e2e3; } .main-nav-mobile .main-menu-mobile > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 600; font-size: 14px; position: relative; } .main-nav-mobile .main-menu-mobile > li ul li span { display: none; } .main-nav-mobile .main-menu-mobile > li ul li .sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; } .top-main-nav-mobile { display: none; position: relative; height: 44px; } .top-main-nav-mobile .pull { font-size: 28px; font-weight: 700; color: #ffffff; text-transform: uppercase; z-index: 99; position: relative; display: inline-block; cursor: pointer; padding: 0; margin: 10px 0 0; } .top-main-nav-mobile .pull i { color: #fff; } .top-main-nav-mobile .top-main-menu-mobile { position: absolute; top: 77px; margin: 0; right: 0; width: 200px; height: auto; z-index: 999999; display: none; background: #17376e; padding: 0 15px 0; text-align: left; } .top-main-nav-mobile .top-main-menu-mobile > li { border-top: 1px solid #e2e2e3; position: relative; width: 100%; margin: 0; } .top-main-nav-mobile .top-main-menu-mobile > li:first-child { border: 0; } .top-main-nav-mobile .top-main-menu-mobile > li > a { color: #fff; text-transform: capitalize; font-size: 16px; display: block; font-weight: 600; padding: 10px 25px 10px 0; } .top-main-nav-mobile .top-main-menu-mobile > li > a > span { position: absolute; right: 5px; top: 10px; cursor: pointer; font-size: 15px; } .top-main-nav-mobile .top-main-menu-mobile > li > a > span:after { content: '\f107'; } .top-main-nav-mobile .top-main-menu-mobile > li ul { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li { margin: 0; border-top: 1px solid #e2e2e3; } .top-main-nav-mobile .top-main-menu-mobile > li ul li a { padding: 10px 10px; color: #fff; text-transform: capitalize; display: block; font-weight: 600; font-size: 14px; position: relative; } .top-main-nav-mobile .top-main-menu-mobile > li ul li span { display: none; } .top-main-nav-mobile .top-main-menu-mobile > li ul li .sub-menu { display: block !important; margin: 0 !important; padding: 0 !important; height: auto !important; width: 100%; } #footer-nav #footer-menu { padding: 0; margin: 0; } #footer-nav #footer-menu li { float: left; margin: 0 0 0 20px; list-style: none; } #footer-nav #footer-menu li a { text-transform: uppercase; color: #ffffff; font-weight: 300; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-size: 13px; } #footer-nav #footer-menu li a:hover { color: #ed145b; } .widget { margin-bottom: 50px; position: relative; } .widget:last-child { margin-bottom: 0; } .widget .widget-title { text-transform: uppercase; } .widget .widget-title.widget-title-s1 { background-color: #ffffff; padding: 20px 30px 25px; position: absolute; right: 0; bottom: 100%; min-width: 540px; border-radius: 5px 5px 0 0; } .widget .widget-title.widget-title-s1 h4 { font-size: 24px; line-height: 30px; margin-bottom: 7px; } .widget .widget-title.widget-title-s1 .meta-box .entry-time { color: #a7aebf; margin-right: 8px; } .widget .widget-title.widget-title-s1 .widget-title-icon { font-size: 26px; right: 25px; position: absolute; top: 30px; } .widget .widget-title.widget-title-s2 { font-size: 14px; text-transform: uppercase; margin-bottom: 40px; } .widget .widget-title.widget-title-s2 h4 { color: #ffffff; font-size: 28px; line-height: 42px; font-weight: 400; } .widget .widget-title.widget-title-s2 .see-more { text-decoration: underline; color: #7b7f8c; margin-top: 15px; } .widget .widget-title.widget-title-s2 .see-more a { color: #cdced2; } .widget .widget-title.widget-title-s2 .see-more a:hover { color: #ed145b; } .widget .widget-title.widget-title-s2 .see-more:hover { color: #ed145b; } .widget .widget-title.widget-title-s2 > div { height: 42px; width: 42px; border-radius: 50%; border: 1px solid #ececec; margin-right: 20px; position: relative; } .widget .widget-title.widget-title-s2 > div > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: 12px; left: 50%; margin-left: -8px; z-index: 1; } .widget .widget-title.widget-title-s2 > div > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ececec; top: 0; left: -8px; left: auto; right: 0; } .widget .widget-title.widget-title-s2 > div > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ececec; top: 0; right: -8px; right: auto; left: 0; } .widget .widget-title.widget-title-s3 { margin-bottom: 30px; } .widget .widget-title.widget-title-s3 i { color: #a7aebf; font-size: 32px; margin: 0 15px 0 0 !important; padding: 20px 10px; border: 2px solid #a7aebf; border-radius: 3px; } .widget .widget-title.widget-title-s3 h4 { margin: 22px 0 0; font-size: 24px; line-height: 30px; text-transform: none; } .widget .widget-title.widget-title-s3 .see-more { text-decoration: underline; color: #a7aebf; margin-top: 30px; } .widget .widget-title.widget-title-s3 .see-more a { color: #a7aebf; } .widget .widget-title.widget-title-s3 .see-more a:hover { color: #ed145b; } .widget .widget-title.widget-title-s3 .see-more:hover { color: #ed145b; } .widget .widget-title.widget-title-s4 { font-size: 40px; color: #ffffff; line-height: 46px; position: relative; margin-bottom: 35px; font-weight: 700; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; letter-spacing: 3px; } .widget .widget-title.widget-title-s5 { position: relative; padding-top: 20px; margin-bottom: 60px; } .widget .widget-title.widget-title-s5 h2 { font-weight: 600; } .widget .widget-title.widget-title-s5 p { font-size: 21px; line-height: 26px; color: #a7aebf; text-transform: none; } .widget .widget-title.widget-title-s5:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #ececec; top: 0; left: 50%; margin-left: -98px; } .widget .widget-title.widget-title-s5:after { content: ""; position: absolute; background-color: #ffffff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } .widget .widget-title.widget-title-s5 > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } .widget .widget-title.widget-title-s5 > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ececec; top: 0; left: -8px; left: auto; right: 0; } .widget .widget-title.widget-title-s5 > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ececec; top: 0; right: -8px; right: auto; left: 0; } .widget .widget-title.widget-title-s6 { color: #ffffff; margin-bottom: 25px; } .widget .widget-title.widget-title-s7 { overflow: hidden; margin-bottom: 30px; } .widget .widget-title.widget-title-s7 i { color: #ffffff; border-radius: 3px; background-color: #ed145b; padding: 20px 15px; margin: 0 15px 0 0 !important; font-size: 24px; float: left; } .widget .widget-title.widget-title-s7 h4 { margin: 0; text-transform: none; float: none !important; overflow: none; } .widget .widget-title.widget-title-s8 { margin-bottom: 5px; } .widget .widget-title.widget-title-s8 h4 { margin-bottom: 10px; margin-top: 10px; font-size: 18px; } .widget .widget-title.widget-title-s8 i { width: 38px; height: 38px; border-radius: 50%; color: #a7aebf; border: 2px solid #a7aebf; margin: 0 10px 0 0 !important; line-height: 36px; font-size: 20px; text-align: center; } .widget .widget-title.widget-title-s9 { text-transform: uppercase; margin-bottom: 35px; } .widget .widget-title.widget-title-s10 { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 25px; } .widget .widget-title.widget-title-s11 { margin-bottom: 30px; } .widget .widget-title.widget-title-s11 h4 { margin-bottom: 0; margin-top: 11px; } .widget .widget-title.widget-title-s11 i { width: 52px; height: 52px; border-radius: 50%; color: #a7aebf; border: 2px solid #a7aebf; margin: 0 15px 0 0 !important; line-height: 48px; font-size: 24px; text-align: center; } .widget .widget-title.widget-title-s11 .see-more { text-decoration: underline; color: #cdced2; margin-top: 15px; } .widget .widget-title.widget-title-s11 .see-more a { color: #cdced2; } .widget .widget-title.widget-title-s11 .see-more a:hover { color: #ed145b; } .widget .widget-title.widget-title-s11 .see-more:hover { color: #ed145b; } .widget .widget-title.widget-title-s12 { color: #ffffff; font-size: 40px; line-height: 46px; margin-bottom: 30px; text-transform: none; } .widget .entry-thumb img { width: 100%; } .kopa-area-light .widget .widget-title.widget-title-s5::after { background-color: #f2f4f5; } .entry-time { color: #ed145b; display: inline-block; line-height: 1; } .entry-time i { font-size: 13px; } .entry-date { display: inline-block; line-height: 1; color: #a7aebf; } .entry-date i { font-size: 13px; } .entry-location { display: inline-block; line-height: 1; color: #a7aebf; } .entry-location i { font-size: 13px; } .entry-author { display: inline-block; line-height: 1; } .entry-author span { margin-right: 5px; } .entry-author a { color: #a7add5; } .entry-author a:hover { color: #ed145b; } .entry-meta { color: #a7add5; line-height: 1; } .entry-icon { position: absolute; color: #ffffff; background-color: #ed145b; right: 0; bottom: 0; padding: 18px 10px; } .entry-icon span { width: 30px; display: block; height: 30px; border: 2px solid #ffffff; border-radius: 50%; text-align: center; line-height: 26px; } .entry-icon:hover { color: #ffffff; } .entry-item.standard-post .entry-icon span:before, .entry-box.standard-post .entry-icon span:before, .item.standard-post .entry-icon span:before { content: "\f1c2"; } .entry-item.audio-post .entry-icon:before, .entry-box.audio-post .entry-icon:before, .item.audio-post .entry-icon:before { content: "\f025"; } .entry-item.gallery-post .entry-icon:before, .entry-box.gallery-post .entry-icon:before, .item.gallery-post .entry-icon:before { content: "\f03e"; } .entry-item.video-post .entry-icon span, .entry-box.video-post .entry-icon span, .item.video-post .entry-icon span { padding-left: 2px; } .entry-item.video-post .entry-icon span:before, .entry-box.video-post .entry-icon span:before, .item.video-post .entry-icon span:before { content: "\f04b"; } .entry-categories { display: inline-block; line-height: 1; color: #a7aebf; } .entry-categories a { color: #a7aebf; } .entry-categories a:hover { color: #ed145b; } .entry-view { display: inline-block; color: #ed145b; } .entry-comment { display: inline-block; line-height: 1; } .entry-comment a { color: #a7aebf; } .entry-comment a:hover { color: #ed145b; } .pagination { border-radius: 0; margin: 40px 0 0; display: block; text-align: center; } .pagination ul.page-numbers { display: inline-block; padding: 0; margin: -10px 0 0 -10px; } .pagination ul.page-numbers li { float: left; margin: 10px 0 0 10px; list-style: none; } .pagination ul.page-numbers li a, .pagination ul.page-numbers li span { border: 1px solid #f2f4f5; display: block; padding: 0 15px; line-height: 35px; height: 37px; font-size: 13px; position: relative; color: #17376e; border-radius: 3px; } .pagination ul.page-numbers li span.current { color: #ffffff; background-color: #17376e; border-color: #17376e; } .pagination ul.page-numbers li a:hover { color: #ffffff; background-color: #03a9f5; border-color: #03a9f5; } .pagination.pagination-s2 { border-top: 1px solid #f2f4f5; padding-top: 30px; } .pagination.pagination-s2 ul.page-numbers { display: block; margin-left: -8px; } .pagination.pagination-s2 ul.page-numbers li { float: none; display: inline-block; margin-left: 8px; } .pagination.pagination-s2 ul.page-numbers li a:hover, .pagination.pagination-s2 ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .pagination.pagination-s2 ul.page-numbers li:first-child { float: left; } .pagination.pagination-s2 ul.page-numbers li:last-child { float: right; } .kopa-rating { margin: 0; padding: 0; display: inline-block; } .kopa-rating li { float: left; margin: 0; list-style: none; color: #ed145b; font-size: 12px; } .loading { background: #ffffff; min-height: 600px; width: 100%; position: absolute; top: 0; left: 0; z-index: 9; } .loading > i { position: absolute; top: 50%; left: 50%; font-size: 30px; margin-left: -13px; margin-top: -15px; } .breadcrumb { background: none; padding: 0 0 2px; border-bottom: none; border-radius: 0; font-size: 15px; color: #ffffff; } .breadcrumb a { color: #ffffff; } .breadcrumb a:hover { color: #ed145b; } /** * 3. Content * ----------------------------------------------------------------------------- */ /** 3.1 Widget **/ .widget iframe { border: none; width: 100%; } /* WordPress default widget ---------------------------------- */ .widget_archive ul, .widget_nav_menu ul { margin: 0; padding: 0; } .widget_archive ul li, .widget_nav_menu ul li { float: none; margin: 0; list-style: none; padding: 10px 0; border-top: 1px solid #ececec; } .widget_archive ul li:first-child, .widget_nav_menu ul li:first-child { border-top: none; padding-top: 0; } .widget_archive ul li a, .widget_nav_menu ul li a { color: #17376e; } .widget_archive ul li a:hover, .widget_nav_menu ul li a:hover { color: #ed145b; } .widget_categories ul { margin: 0; padding: 0; } .widget_categories ul li { float: none; margin: 20px 0 0; list-style: none; position: relative; padding-left: 20px; } .widget_categories ul li:before { content: "\f067"; font-size: 8px; position: absolute; left: 0; top: 7px; } .widget_categories ul li:first-child { margin: 0; } .widget_categories ul li:hover a { color: #03a9f5; } .widget_categories ul li:hover:before { color: #03a9f5; } .sidebar .widget_search .search-form .search-text { height: 40px; padding: 5px 53px 5px 10px; border: 1px solid #f2f4f5; font-style: normal; line-height: 28px; border-radius: 3px 0 0 3px; } .sidebar .widget_search .search-form .search-submit { height: 40px; line-height: 30px; padding: 5px 15px; font-size: 13px; border-radius: 0 3px 3px 0; } .widget_tag_cloud a { display: inline-block; margin: 0 3px 5px 0; border-radius: 5px; border: 1px solid #f2f4f5; line-height: 30px; padding: 0 15px; } .widget_tag_cloud a:hover { color: #ffffff; border-color: #ed145b; background-color: #ed145b; } /* Woocommerce default widget ---------------------------------- */ .widget_top_rated_products ul.product_list_widget { margin-top: -10px; } .widget_top_rated_products ul.product_list_widget li { position: relative; margin: 0; padding: 10px 0 !important; border-bottom: 1px solid #155588; } .widget_top_rated_products ul.product_list_widget li > a { display: block; float: none; font-size: 18px; font-weight: 700; margin-bottom: 8px; } .widget_top_rated_products ul.product_list_widget li > a img { width: 75px; height: 75px; margin-right: 10px; margin-left: 0; box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; float: left; } .widget_top_rated_products ul.product_list_widget li .amount { font-size: 16px; color: #7082a9; } .widget_top_rated_products ul.product_list_widget li ins { text-decoration: none; } .widget_top_rated_products ul.product_list_widget li ins .amount { position: static; } .widget_top_rated_products ul.product_list_widget li del .amount { text-decoration: line-through; } .widget_top_rated_products ul.product_list_widget li .star-rating { line-height: 13px; margin-bottom: 8px; } .widget_top_rated_products ul.product_list_widget li .star-rating span:before { color: #7082a9; } /* Kopa Newsletter Widget ---------------------------------- */ .kopa-newsletter-widget .newsletter-form p { margin-bottom: 25px; } .kopa-newsletter-widget .newsletter-form .input-email { position: relative; margin-bottom: 0; } .kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: none; border-radius: 3px 5px 5px 3px; height: 40px; padding: 10px 120px 10px 15px; line-height: 20px; width: 100%; margin-right: 1px; } .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { position: absolute; right: 0; top: 0; border: none; border-radius: 0 3px 3px 0; height: 40px; padding: 10px; line-height: 20px; width: auto; text-transform: uppercase; color: #ffffff; background-color: #17376e; } .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover { background-color: #ed145b; } /* Kopa event widget ---------------------------------- */ .kopa-event-widget { margin-top: -80px; padding-top: 80px; } .kopa-event-widget .widget-content .entry-title { font-size: 36px; font-weight: 600; line-height: 42px; text-transform: uppercase; padding-bottom: 25px; position: relative; margin-bottom: 35px; } .kopa-event-widget .widget-content .entry-title:before { position: absolute; bottom: 0; left: 0; content: ""; width: 80px; background-color: #ced1dd; height: 1px; } /* Kopa event 2 widget ---------------------------------- */ .kopa-event-2-widget ul { margin: 0; padding: 0; } .kopa-event-2-widget ul li { float: none; margin: 40px 0 0; list-style: none; } .kopa-event-2-widget ul li:first-child { margin: 0; } .kopa-event-2-widget ul li .meta-box { text-transform: uppercase; font-weight: 400; margin-bottom: 10px; } .kopa-event-2-widget ul li .meta-box .entry-meta, .kopa-event-2-widget ul li .meta-box .entry-date, .kopa-event-2-widget ul li .meta-box .entry-categories a { color: #262c56; } .kopa-event-2-widget ul li .entry-title { margin-bottom: 0; font-weight: 400; } .kopa-event-2-widget ul li .entry-title a { color: #637587; } .kopa-event-2-widget ul li .entry-title a:hover { color: #ed145b; } /* Kopa nothumb widget ---------------------------------- */ .kopa-nothumb-widget .widget-content .entry-item .entry-date { border-radius: 3px; padding-bottom: 17px; border: 2px solid #ffffff; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7add5; } .kopa-nothumb-widget .widget-content .entry-item .entry-date strong { color: #ffffff; font-size: 30px; font-weight: 600; display: block; margin: 15px 0 3px; padding: 0 15px; } .kopa-nothumb-widget .widget-content .entry-item .entry-date span { display: block; padding: 0 15px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content { overflow: hidden; } .kopa-nothumb-widget .widget-content .entry-item .entry-content header { margin-bottom: 10px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content header .entry-time { margin-right: 0; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title { text-transform: uppercase; font-size: 18px; line-height: 24px; margin-bottom: 20px; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link { margin-top: 10px; color: #a8a8b0; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link i { border-color: #a8a8b0; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link:hover { color: #ed145b; } .kopa-nothumb-widget .widget-content .entry-item .entry-content .more-link:hover i { border-color: #ed145b; } .kopa-area-1 .kopa-nothumb-widget { padding: 50px 0; } .more-link { display: inline-block; color: #40477b; text-transform: uppercase; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; margin: 10px 0 0; } .more-link span { line-height: 19px; } .more-link i { border: 1px solid #40477b; height: 19px; width: 19px; border-radius: 50%; text-align: center; line-height: 16px; margin: 0 0 0 15px !important; padding-left: 1px; color: #40477b; } .more-link:hover i { border-color: #ed145b; } .more-link:hover i:before { color: #ed145b; } /* Kopa nothumb 2 widget ---------------------------------- */ .kopa-nothumb-2-widget .widget-content .entry-item .entry-date { border-radius: 3px; border: 1px solid #bdc7d6; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 15px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date p { padding: 0 14px; background-color: #bdc7d6; color: #ffffff; line-height: 18px; margin-bottom: 10px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date strong { color: #17376e; font-size: 30px; font-weight: 600; display: block; padding: 0 14px; margin: 0 0 5px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-date span { display: block; padding: 0 14px; font-size: 13px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content { overflow: hidden; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content header { margin-bottom: 10px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content header .entry-time { margin-right: 0; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .entry-title { font-weight: 400; letter-spacing: 1px; font-size: 18px; line-height: 24px; margin-bottom: 18px; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link { margin-top: 10px; color: #a8a8b0; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link i { border-color: #a8a8b0; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link:hover { color: #ed145b; } .kopa-nothumb-2-widget .widget-content .entry-item .entry-content .more-link:hover i { border-color: #ed145b; } .sidebar .kopa-nothumb-2-widget .widget-content .row { margin-right: 0; margin-left: 0; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div { float: none; width: 100% !important; border-top: 1px solid #f2f4f5; padding-left: 0; padding-right: 0; padding-top: 30px; margin-top: 30px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div:first-child { margin-top: 0; border-top: none; padding-top: 0; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date { margin-right: 20px; padding-bottom: 10px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date span { font-size: 12px; padding: 0 10px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date p { padding: 0 10px; margin-bottom: 5px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-date strong { font-size: 24px; padding: 0 10px; margin-bottom: 3px; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content > p { display: none; } .sidebar .kopa-nothumb-2-widget .widget-content .row > div .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 15px; line-height: 22px; } /* Kopa nothumb 3 widget ---------------------------------- */ .kopa-nothumb-3-widget .widget-content ul { margin: 0; padding: 0; } .kopa-nothumb-3-widget .widget-content ul li { float: none; margin: 20px 0 0; list-style: none; } .kopa-nothumb-3-widget .widget-content ul li:first-child { margin-top: 0; } .kopa-nothumb-3-widget .widget-content ul li .entry-item header { margin-bottom: 8px; } .kopa-nothumb-3-widget .widget-content ul li .entry-item .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 0; font-weight: 400; } /* Kopa article list 1 widget ---------------------------------- */ .kopa-article-list-1-widget .widget-content .entry-item { background-color: #ffffff; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb { position: relative; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title { width: 100%; position: absolute; left: 0; bottom: 0; padding: 0 30px 10px; font-size: 16px; line-height: 22px; font-weight: 300; text-transform: uppercase; margin-bottom: 0; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title a { color: #ffffff; } .kopa-article-list-1-widget .widget-content .entry-item .entry-thumb .entry-title a:hover { color: #ed145b; } .kopa-article-list-1-widget .widget-content .entry-item .entry-content { padding: 25px 30px; background-color: #ffffff; color: #637587; } .kopa-article-list-1-widget .widget-content .entry-item .entry-content header { margin-bottom: 20px; } /* Kopa owl 3 widget ---------------------------------- */ .kopa-owl-3-widget .owl-carousel-3 .item .entry-item { background-color: #17376e; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb { position: relative; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon { background-color: transparent; border-radius: 50%; width: 60px; height: 60px; border: 2px solid #ffffff; line-height: 68px; padding: 0; text-align: center; right: auto; bottom: auto; left: 50%; top: 50%; margin: -30px 0 0 -30px; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon span { border: none; width: auto; height: auto; font-size: 30px; display: inline-block; border-radius: 0; line-height: 1; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-thumb .entry-icon:hover { color: #ed145b; border-color: #ed145b; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content { padding: 30px; color: #ffffff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content header { margin-bottom: 5px; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title { margin-bottom: 15px; font-size: 18px; line-height: 24px; font-weight: 400; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link { color: #ffffff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link i { border-color: #ffffff; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link:hover { color: #ed145b; } .kopa-owl-3-widget .owl-carousel-3 .item .entry-item .entry-content .more-link:hover i { border-color: #ed145b; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination { margin: 0; position: absolute; top: -55px; right: 0; width: auto; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page span { width: 10px; height: 10px; border: 1px solid #c4cbd1; margin: 0 2px; } .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page.active span, .kopa-owl-3-widget .owl-carousel-3 .owl-controls .owl-pagination .owl-page:hover span { transform: none; -webkit-transform: none; -moz-transform: none; border-color: #ed145b; } /* Kopa rounded thumb widget ---------------------------------- */ .kopa-rounded-thumb-widget .widget-content .entry-item .entry-thumb { margin-left: 30px; margin-top: -140px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-thumb img { border-radius: 50%; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content { color: #d4d4d9; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title { font-size: 20px; line-height: 26px; text-transform: uppercase; position: relative; padding-bottom: 15px; margin-bottom: 15px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title:before { background-color: rgba(243, 243, 243, 0.09); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-rounded-thumb-widget .widget-content .entry-item .entry-content > p { font-size: 16px; line-height: 26px; margin-bottom: 40px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-thumb { margin-left: 30px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content { color: #d4d4d9; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title { font-size: 40px; line-height: 46px; text-transform: uppercase; position: relative; padding-bottom: 25px; margin-bottom: 25px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title:before { background-color: rgba(243, 243, 243, 0.09); bottom: 0; content: ""; height: 2px; left: 0; position: absolute; width: 90px; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-rounded-thumb-2-widget .widget-content .entry-item .entry-content > p { font-size: 16px; line-height: 26px; margin-bottom: 40px; } /* Kopa article list 2 widget ---------------------------------- */ .kopa-article-list-2-widget .widget-content ul { margin: 0; padding: 0; } .kopa-article-list-2-widget .widget-content ul li { float: none; margin: 10px 0 0; list-style: none; border-bottom: 1px solid #ececec; padding-left:12px; line-height: 28px; background-image: url(../images/pic_d.gif); background-repeat: no-repeat; background-position: 2px; } .kopa-article-list-2-widget .widget-content ul li a:hover{ color: #ed145b; text-decoration:underline; } .kopa-article-list-2-widget .widget-content ul li:first-child { margin-top: 0; padding-top: 0; border-top: none; } .kopa-article-list-2-widget .widget-content ul li .entry-item header { margin-bottom: 8px; } .kopa-article-list-2-widget .widget-content ul li .entry-item .entry-title { font-size: 20px; line-height: 26px; text-transform: uppercase; margin-bottom: 15px; font-weight: 400; } .sidebar .kopa-article-list-2-widget .widget-content ul li .entry-item .entry-title { font-size: 15px; line-height: 22px; } /* Kopa photo widget ---------------------------------- */ .kopa-photo-widget .widget-content ul { margin: 0; padding: 0; } .kopa-photo-widget .widget-content ul li { float: left; margin: 0; list-style: none; width: 33.333333%; } .kopa-area-4 .right-col .kopa-photo-widget .widget-content ul { margin: 0 -30px; } /* Kopa article list 3 widget ---------------------------------- */ .kopa-article-list-3-widget .widget-content ul { margin: -20px -15px 0; padding: 0; } .kopa-article-list-3-widget .widget-content ul li { float: left; margin: 20px 0 0 0; list-style: none; padding: 0 15px; width: 50%; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-thumb { margin-bottom: 25px; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 5px; } .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 17px; text-transform: uppercase; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li { width: 33.333333%; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content { color: #d7d7d8; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .more-link { color: #d7d7d8; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .more-link:hover { color: #ed145b; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .more-link:hover i { border-color: #ed145b; } .kopa-area-5 .kopa-article-list-3-widget .widget-content ul li .entry-item .entry-content .more-link i { border-color: #d7d7d8; } /* Kopa featured teacher widget ---------------------------------- */ .kopa-featured-teacher-widget { background-color: #f2f4f5; padding: 30px; } .kopa-featured-teacher-widget .entry-item .entry-thumb { margin-bottom: 25px; } .kopa-featured-teacher-widget .entry-item .entry-content > p { margin-bottom: 20px; } .kopa-featured-teacher-widget .entry-item .entry-content footer h6 { text-transform: uppercase; font-size: 16px; line-height: 22px; margin-bottom: 5px; } .kopa-featured-teacher-widget .entry-item .entry-content footer span { text-transform: uppercase; color: #ed145b; font-size: 12px; } .kopa-area-5 .row { overflow: hidden; } .kopa-area-5 .kopa-article-list-3-widget { margin: 90px 0 70px; } .kopa-area-5 .kopa-featured-teacher-widget { position: relative; padding: 70px 30px; } .kopa-area-5 .kopa-featured-teacher-widget:before { content: ""; position: absolute; top: 0; left: 100%; width: 100%; height: 100%; background-color: #f2f4f5; } .kopa-area-5 .kopa-featured-teacher-widget .entry-item .entry-content footer span { font-size: 13px; } /* Kopa masonry list 1 widget ---------------------------------- */ .kopa-masonry-list-1-widget { position: relative; } .kopa-masonry-list-1-widget .masonry-container .container-masonry { position: relative; margin: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item { width: 25%; height: 50%; float: left; position: relative; overflow: hidden; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item:hover .item-hover { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; top: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover { transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; position: absolute; width: 100%; height: 100%; top: 999px; left: 0; background-color: #ed145b; color: #ffffff; padding: 20px; font-size: 20px; line-height: 26px; font-weight: 400; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover i { border: 1px solid #ffffff; display: inline-block; width: 46px; height: 46px; line-height: 44px; border-radius: 50%; text-align: center; font-size: 18px; margin-bottom: 50px; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover a { color: #ffffff; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .item-hover a:hover { color: #17376e; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item img { width: 100%; height: auto; display: block; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .mask a { display: block; height: 100%; width: 100%; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title { position: absolute; left: 0; bottom: 0; width: 100%; margin-bottom: 0; padding: 0 30px 20px; font-size: 16px; line-height: 22px; font-weight: 400; color: #fff; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title a { color: #ffffff; } .kopa-masonry-list-1-widget .masonry-container .container-masonry .item .entry-title a:hover { color: #ed145b; } /* Kopa testimonial list 1 widget ---------------------------------- */ .kopa-testimonial-list-1-widget .widget-content { border-top: 1px double #d7d7d8; position: relative; padding-top: 50px; } .kopa-testimonial-list-1-widget .widget-content:before { content: ""; height: 1px; background-color: #d7d7d8; width: 100%; position: absolute; top: 5px; left: 0; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item { margin-bottom: 20px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item .testimonial-detail { font-style: italic; background-color: #f2f4f5; padding: 25px 30px 20px; position: relative; margin-bottom: 20px; font-size: 16px; line-height: 24px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item .testimonial-detail:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; left: 30px; margin-left: 0; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer img { float: left; width: 46px; height: 46px; margin-right: 12px; border-radius: 50%; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail { overflow: hidden; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 { font-size: 14px; font-weight: 700; line-height: 20px; margin-bottom: 2px; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 a { color: #566d8f; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail h5 a:hover { color: #ed145b; } .kopa-testimonial-list-1-widget .widget-content > div .testimonial-item footer .customer-detail em { font-size: 15px; } /* Kopa ads 1 widget ---------------------------------- */ .kopa-ads-1-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-ads-1-widget ul li { padding: 0 15px; width: 20%; float: left; margin: 30px 0 0 0; list-style: none; } .kopa-ads-1-widget ul li img { width: 100%; height: auto; } /* Kopa map 1 widget ---------------------------------- */ .kopa-map-wrapper #kopa-map { height: 375px; width: 100%; } .bottom-section .kopa-area-10 { position: relative; } .bottom-section .kopa-area-10 .kopa-map-1-widget { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .bottom-section .kopa-area-10 .kopa-map-1-widget .kopa-map-wrapper { height: 100%; } .bottom-section .kopa-area-10 .kopa-map-1-widget .kopa-map-wrapper #kopa-map { height: 100% !important; } /* Kopa map 2 widget ---------------------------------- */ .kopa-map-2-widget .kopa-map-wrapper { border: 5px solid rgba(255, 255, 255, 0.15); } .kopa-map-2-widget .kopa-map-wrapper #kopa-map { height: 336px; } /* Kopa contact 1 widget ---------------------------------- */ .kopa-contact-1-widget .widget-content ul { margin: 0; padding: 0; } .kopa-contact-1-widget .widget-content ul li { color: #ffffff; float: none; margin: 25px 0 0; list-style: none; } .kopa-contact-1-widget .widget-content ul li:first-child { margin: 0; } .kopa-contact-1-widget .widget-content ul li i { width: 24px; height: 34px; border-radius: 3px; border: 1px solid #ffffff; line-height: 32px; text-align: center; font-size: 12px; margin-right: 20px !important; margin-top: 3px; } .kopa-contact-1-widget .widget-content ul li a { color: #ffffff; } .kopa-contact-1-widget .widget-content ul li a:hover { color: #ed145b; } .kopa-contact-1-widget .widget-content ul li.contact-email, .kopa-contact-1-widget .widget-content ul li.contact-phone { line-height: 37px; } /* Kopa contact 2 widget ---------------------------------- */ .kopa-contact-2-widget .widget-content { color: #ffffff; font-size: 18px; line-height: 24px; } .kopa-contact-2-widget .widget-content a { color: #ffffff; } .kopa-contact-2-widget .widget-content a:hover { color: #ed145b; } .kopa-contact-2-widget .widget-content p { border-bottom: 1px solid rgba(255, 255, 255, 0.3); margin-bottom: 25px; padding-bottom: 10px; } .kopa-contact-2-widget .widget-content p i { font-size: 20px; margin-right: 12px; } /* Kopa course search widget ---------------------------------- */ .kopa-course-search-widget .course-form { position: relative; margin-bottom: 25px; } .kopa-course-search-widget .course-form .row { margin-right: -5px; margin-left: -5px; margin-bottom: 20px; } .kopa-course-search-widget .course-form .row > div { padding-left: 5px; padding-right: 5px; } .kopa-course-search-widget .course-form .row > div .select-block { position: relative; } .kopa-course-search-widget .course-form .row > div .select-block select { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 3px; outline: 0; background: #ffffff; height: 48px; line-height: 36px; padding: 5px 15px; width: 100%; color: #a7aebf; } .kopa-course-search-widget .course-form .row > div .select-block select:focus { outline: 0; } .kopa-course-search-widget .course-form .row > div .select-block i { display: inline-block; text-align: center; width: 46px; height: 46px; line-height: 38px; font-size: 16px; background: #ffffff; position: absolute; top: 1px; right: 1px; cursor: default; pointer-events: none; border-left: none; border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: block; } .kopa-course-search-widget .course-form .course-submit { border: none; background-color: #ed145b; color: #ffffff; line-height: 41px; padding: 0 30px; font-size: 16px; text-transform: uppercase; border-radius: 3px; display: inline-block; } .kopa-course-search-widget .course-form .course-submit:hover { background-color: #17376e; } .kopa-course-search-widget p { padding: 0 15%; font-size: 16px; line-height: 24px; } .page-header .kopa-course-search-widget p.text-center { display: none; } .page-header .kopa-course-search-widget .course-form { margin-bottom: 0; } .page-header .kopa-course-search-widget .course-form .row > div .select-block select { border: none; height: 46px; } .page-header .kopa-course-search-widget .course-form .row > div .select-block i { top: 0; right: 0; line-height: 36px; } /* Kopa course search 2 widget ---------------------------------- */ .kopa-course-search-2-widget { background-color: #f2f4f5; padding: 25px 30px; } .kopa-course-search-2-widget .course-form { position: relative; } .kopa-course-search-2-widget .course-form .select-block { position: relative; margin-top: 20px; } .kopa-course-search-2-widget .course-form .select-block:first-child { margin-top: 0; } .kopa-course-search-2-widget .course-form .select-block select { box-shadow: none; border: 1px solid #e2e2e3; border-radius: 0; outline: 0; background: #ffffff; height: 44px; line-height: 32px; padding: 5px 15px; width: 100%; color: #a7aebf; } .kopa-course-search-2-widget .course-form .select-block select:focus { outline: 0; } .kopa-course-search-2-widget .course-form .select-block i { display: inline-block; text-align: center; width: 42px; height: 42px; line-height: 34px; font-size: 16px; background: #ffffff; position: absolute; top: 1px; right: 1px; cursor: default; pointer-events: none; border-left: none; display: block; } .kopa-course-search-2-widget .course-form .course-submit { border: none; background-color: #ed145b; color: #ffffff; line-height: 44px; padding: 0 30px; font-size: 14px; text-transform: uppercase; border-radius: 0px; display: inline-block; margin-top: 40px; } .kopa-course-search-2-widget .course-form .course-submit:hover { background-color: #17376e; } /* Kopa testimonial 1 widget ---------------------------------- */ .kopa-testimonial-1-widget .owl-carousel-7 .item { padding-bottom: 10px; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination { margin: 20px 0 0; text-align: left; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; border-color: #c0cad8; } .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page.active span, .kopa-testimonial-1-widget .owl-carousel-7 .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-testimonial-1-widget .testimonial-item { background-color: #f2f4f5; position: relative; padding: 25px 30px; } .kopa-testimonial-1-widget .testimonial-item div { font-style: italic; margin-bottom: 20px; } .kopa-testimonial-1-widget .testimonial-item p strong { color: #03a9f5; font-weight: 600; } .kopa-testimonial-1-widget .testimonial-item:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; margin-left: 0; left: 30px; } /* Kopa article list 4 widget ---------------------------------- */ .kopa-article-list-4-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-article-list-4-widget ul li { float: left; margin: 30px 0 0; list-style: none; width: 50%; padding: 0 15px; } .kopa-article-list-4-widget ul li .entry-item { background-color: #e6e9eb; } .kopa-article-list-4-widget ul li .entry-item .entry-thumb { width: 140px; margin-right: 20px; } .kopa-article-list-4-widget ul li .entry-item .entry-content { padding: 15px 20px 15px 0; } .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a { color: #ed145b; } .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a:hover { color: #17376e; } .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-title { text-transform: uppercase; font-weight: 400; margin-bottom: 0; } /* Kopa masonry list 2 widget ---------------------------------- */ .kopa-masonry-list-2-widget .masonry-list-wrapper ul { margin: 0; padding: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper{ background-color: #ffffff; border:3px solid #f2f4f5; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li { float: left; margin: 10px 0 0; list-style: none; padding: 0 0 0 10px; width: 25%; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item { position: relative; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item.hot-item .entry-thumb .entry-hot { display: block; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { text-align:center; position: relative; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #ed145b; color: #ffffff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 10px; top: 0; line-height: 1; display: none; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 28px solid #ed145b; top: 100%; left: -28px; left: auto; right: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 28px solid #ed145b; top: 100%; right: -28px; right: auto; left: 0; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img { width: 100%;display:inline-block; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating { position: absolute; right: 30px; bottom: 15px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .kopa-rating li { color: #ffffff; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding: 0 2px 2px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher { margin-bottom: 5px; color: #a7aebf; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher span { color: #ed145b; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher a { color: #a7aebf; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .course-teacher a:hover { color: #ed145b; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title { margin-bottom: 0; text-transform: uppercase; font-weight: 400; font-size: 15px; } .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-course-list-1 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { margin-bottom: 0; } .kopa-course-list-1 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding-top: 3px; border-right: 1px solid #f2f4f5; border-left: 1px solid #f2f4f5; border-bottom: 1px solid #f2f4f5; } .kopa-course-list-1 .load-more { display: inline-block; padding-right: 140px; padding-left: 140px; } .load-more { cursor: pointer; } /* Kopa masonry list 3 widget ---------------------------------- */ .kopa-masonry-list-3-widget .masonry-list-wrapper { margin: -50px 0 0 -40px; } .kopa-masonry-list-3-widget .masonry-list-wrapper ul { margin: 0; padding: 0; } .kopa-masonry-list-3-widget .masonry-list-wrapper{ background-color: #ffffff; border:3px solid #f2f4f5; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li { float: left; margin: 10px 0 0; list-style: none; padding: 0 0 0 10px; width: 20%; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item { position: relative; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item.hot-item .entry-thumb .entry-hot { display: block; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { text-align:center; position: relative; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img { width: 100%;display:inline-block; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding: 0 2px 2px; } .kopa-masonry-list-3-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title { margin-bottom: 0; text-transform: uppercase; font-weight: 400; font-size: 15px; } /* Kopa course list 3 widget ---------------------------------- */ .kopa-masonry-list-4-widget .masonry-list-wrapper { margin: -50px 22px 0 0; } .kopa-masonry-list-4-widget .masonry-list-wrapper ul { margin: 0; padding: 0; } .kopa-masonry-list-4-widget .masonry-list-wrapper{ background-color: #ffffff; border:3px solid #f2f4f5; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li { float: left; margin: 10px 0 0; list-style: none; padding: 0 0 0 10px; width: 45%; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item { position: relative; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item.hot-item .entry-thumb .entry-hot { display: block; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb { text-align:center; position: relative; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb img { width: 100%;display:inline-block; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item .entry-content { padding: 0 2px 2px; } .kopa-masonry-list-4-widget .masonry-list-wrapper > ul > li .entry-item .entry-content .entry-title { margin-bottom: 0; text-transform: uppercase; font-weight: 400; font-size: 15px; } .kopa-course-list-3-widget .kopa-result-search { border-bottom: 1px solid #e2e2e3; padding-bottom: 10px; margin-bottom: 25px; font-size: 16px; line-height: 22px; } .kopa-course-list-3-widget .kopa-course-list-table .table-header { background-color: #17376e; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div { float: left; padding: 15px 20px; color: #ffffff; font-size: 20px; line-height: 1; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.name-col { width: 52%; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.duration-col { width: 17%; } .kopa-course-list-3-widget .kopa-course-list-table .table-header > div.date-col { width: 19%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list { margin: 0; padding: 0; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; background-color: #ffffff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:nth-child(even) { background-color: #f2f4f5; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:hover { background-color: #17376e; color: #ffffff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li:hover > div a { color: #ffffff; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div { float: left; padding: 15px 20px; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.name-col { width: 52%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.duration-col { width: 17%; } .kopa-course-list-3-widget .kopa-course-list-table .table-list li > div.date-col { width: 19%; } /* { } Kopa tab 1 widget ---------------------------------- */ .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 { background-color: transparent; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li { border-right: none; margin-left: 2px; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li:first-child { margin-left: 0; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li > a { background-color: #ffffff; } .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li.active > a, .kopa-tab-1-widget .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 > li:hover > a { background-color: #262c56; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content { background-color: #f7f7f7; border: none; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane > p { font-size: 14px; color: #a7aebf; line-height: 22px; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane > h5 { font-size: 14px; line-height: 22px; font-weight: 400; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6 { font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-size: 14px; color: #17376e; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li h6:hover { background-color: #03a9f5; color: #ffffff; } .kopa-tab-1-widget .kopa-tab-container-1 .tab-content .tab-pane .toggle-view li.active h6 { background-color: #03a9f5; color: #ffffff; } /* Kopa article list 5 widget ---------------------------------- */ .kopa-article-list-5-widget .widget-content ul { margin: 0; padding: 0; } .kopa-article-list-5-widget .widget-content ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-thumb { width: 160px; margin-right: 30px; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content { overflow: hidden; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 10px; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content header .entry-time { color: #03a9f5; } .kopa-article-list-5-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 15px; } /* Kopa ads 2 widget ---------------------------------- */ .kopa-ads-2-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-ads-2-widget ul li { float: left; margin: 30px 0 0; list-style: none; padding: 0 15px; width: 33.333333%; } /* Kopa service 1 widget ---------------------------------- */ .kopa-service-1-widget .widget-content .row { margin-bottom: 30px; } .kopa-service-1-widget .widget-content .row:last-child { margin-bottom: 0; } .kopa-service-1-widget .widget-content .row > div .entry-item { background-color: #f2f4f5; padding: 30px; } .kopa-service-1-widget .widget-content .row > div .entry-item > i { width: 50px; height: 65px; text-align: center; color: #ffffff; border-radius: 3px; background-color: #17376e; line-height: 65px; font-size: 30px; overflow: hidden; margin: 0 30px 0 0 !important; } .kopa-service-1-widget .widget-content .row > div .entry-item > i:after { content: ""; position: absolute; top: -35px; left: -15px; width: 150%; background-color: rgba(255, 255, 255, 0.25); height: 100%; -webkit-transform: rotate(-20deg); -moz-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content { overflow: hidden; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; position: relative; padding-bottom: 12px; margin-bottom: 20px; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content .entry-title:before { content: ""; position: absolute; bottom: 0; left: 0; height: 2px; background-color: rgba(23, 55, 110, 0.1); width: 90px; } .kopa-service-1-widget .widget-content .row > div .entry-item .entry-content > p { line-height: 24px; } .kopa-service-1-widget .widget-content .text-center .kopa-button { margin: 30px 8px 0; font-size: 16px; padding: 22px 35px; } .kopa-service-1-widget .widget-content .text-center .kopa-button.kopa-line-button { padding: 21px 35px; } /* Kopa service 2 widget ---------------------------------- */ .kopa-service-2-widget .widget-content .row > div .entry-item { text-align: center; padding: 0 30px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-thumb { display: inline-block; height: 100px; width: 100px; line-height: 100px; border-radius: 50%; background-color: #f2f4f5; color: #545454; overflow: hidden; font-size: 50px; text-align: center; position: relative; margin-bottom: 20px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-thumb:before { content: ""; width: 50%; left: 50%; top: 0; position: absolute; height: 100%; background-color: #d3d3d3; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content { overflow: hidden; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title { font-size: 24px; line-height: 30px; position: relative; padding-bottom: 5px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title span { display: block; text-transform: uppercase; font-size: 14px; line-height: 1; color: #a7add5; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content .entry-title:before { content: ""; position: absolute; bottom: 0; left: 50%; margin-left: -45px; height: 2px; background-color: rgba(23, 55, 110, 0.1); width: 90px; } .kopa-service-2-widget .widget-content .row > div .entry-item .entry-content > p { line-height: 24px; font-size: 16px; } /* Kopa tagline 1 widget ---------------------------------- */ .kopa-tagline-1-widget { text-align: center; } .kopa-tagline-1-widget h3 { font-size: 32px; line-height: 38px; color: #ffffff; margin-bottom: 40px; } .kopa-tagline-1-widget .kopa-line-button { font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 300; padding-left: 30px; padding-right: 30px; } /* Kopa tagline 2 widget ---------------------------------- */ .kopa-tagline-2-widget { text-align: center; } .kopa-tagline-2-widget .kopa-line-button { font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 300; border-width: 2px; } .kopa-tagline-2-widget .kopa-button { margin: 0 8px; font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 300; } .kopa-tagline-2-widget .pink-button { padding-top: 16px; padding-bottom: 16px; } .kopa-tagline-2-widget .medium-button { padding-right: 40px; padding-left: 40px; } /* Kopa article list 6 widget ---------------------------------- */ .kopa-article-list-6-widget .entry-item .entry-content .entry-title { position: relative; padding-bottom: 20px; text-transform: uppercase; margin-bottom: 25px; } .kopa-article-list-6-widget .entry-item .entry-content .entry-title:before { content: ""; position: absolute; height: 2px; width: 90px; left: 0; bottom: 0; background-color: #f2f4f5; } .kopa-article-list-6-widget .entry-item .entry-content > p { line-height: 24px; } .kopa-article-list-6-widget .entry-item .entry-content ul { margin: 40px 0 0; padding: 0; border-bottom: 1px solid #ececec; } .kopa-article-list-6-widget .entry-item .entry-content ul li { float: none; margin: 0; list-style: none; border-top: 1px solid #ececec; padding: 10px 0; } .kopa-article-list-6-widget .entry-item .entry-content ul li i { width: 30px; height: 30px; line-height: 30px; background-color: #17376e; text-align: center; border-radius: 50%; color: #ffffff; font-size: 16px; margin-right: 15px !important; } .kopa-article-list-6-widget .entry-item .entry-content ul li h6 { margin: 0 8px 0 0; line-height: 30px; font-size: 14px; } .kopa-article-list-6-widget .entry-item .entry-content ul li span { line-height: 30px; } .kopa-article-list-6-widget .entry-item .entry-content .kopa-button { margin-top: 40px; } /* Kopa article list 7 widget ---------------------------------- */ .kopa-article-list-7-widget .entry-item { position: relative; } .kopa-article-list-7-widget .entry-item .entry-thumb { position: relative; } .kopa-article-list-7-widget .entry-item .entry-title { width: 100%; position: absolute; bottom: 0; font-size: 28px; line-height: 34px; margin-bottom: 0; padding: 0 30px 20px; } .kopa-article-list-7-widget .entry-item .entry-title a { color: #ffffff; } .kopa-article-list-7-widget .entry-item .entry-title a:hover { color: #ed145b; } .kopa-article-list-7-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } /* Kopa article list 8 widget ---------------------------------- */ .kopa-article-list-8-widget ul { margin: -30px 0 0; padding: 0; } .kopa-article-list-8-widget ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-article-list-8-widget ul li .entry-item { position: relative; } .kopa-article-list-8-widget ul li .entry-item .entry-thumb { position: relative; width: 84px; margin-right: 20px; } .kopa-article-list-8-widget ul li .entry-item .entry-content { overflow: hidden; } .kopa-article-list-8-widget ul li .entry-item .entry-content .entry-title { font-weight: 400; font-size: 15px; margin-bottom: 8px; line-height: 20px; } .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-author a, .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-meta, .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-date { color: #637587; } .kopa-article-list-8-widget ul li .entry-item .entry-content .meta-box .entry-author a:hover { color: #ed145b; } /* Kopa article list 9 widget ---------------------------------- */ .kopa-article-list-9-widget ul { margin: -30px -15px 0; padding: 0; } .kopa-article-list-9-widget ul li { float: left; margin: 30px 0 0; list-style: none; width: 50%; padding: 0 15px; } .kopa-article-list-9-widget ul li .entry-item { background-color: #e6e9eb; position: relative; } .kopa-article-list-9-widget ul li .entry-item .entry-thumb { width: 140px; margin-right: 20px; } .kopa-article-list-9-widget ul li .entry-item .entry-content { padding: 30px 20px 15px 0; } .kopa-article-list-9-widget ul li .entry-item .entry-content .entry-title { text-transform: uppercase; font-weight: 400; margin-bottom: 0; } .kopa-article-list-9-widget ul li .entry-item .more-link { line-height: 36px; padding: 0 14px; background-color: #17376e; color: #ffffff; font-size: 20px; position: absolute; right: 0; bottom: 0; } .kopa-article-list-9-widget ul li .entry-item .more-link:hover { background-color: rgba(23, 55, 110, 0.4); } /* Kopa article list 10 widget ---------------------------------- */ .kopa-article-list-10-widget .widget-content { overflow: hidden; } .kopa-article-list-10-widget .widget-content ul { margin: -60px -15px 0; padding: 0; } .kopa-article-list-10-widget .widget-content ul li { float: left; margin: 60px 0 0 0; list-style: none; padding: 0 15px; width: 50%; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb { margin-bottom: 25px; position: relative; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb:hover .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon { border-radius: 50%; width: auto; height: auto; padding: 0; background-color: transparent; right: 50%; bottom: auto; top: 50%; margin: -30px -30px 0 0; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon span { width: 60px; line-height: 56px; height: 60px; border-radius: 50%; border: 2px solid #ffffff; font-size: 26px; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-thumb .mask .entry-icon:hover span { border-color: #ed145b; color: #ed145b; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 5px; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 17px; text-transform: uppercase; } .kopa-article-list-10-widget .widget-content ul li .entry-item .entry-content .kopa-button { margin-top: 15px; font-size: 12px; } /* Kopa article list 11 widget ---------------------------------- */ .kopa-article-list-11-widget .widget-content .entry-thumb { margin-bottom: 5px; text-align: center; } .kopa-article-list-11-widget .widget-content .entry-thumb img { width: auto; } .kopa-article-list-11-widget .widget-content .entry-content > p { margin-bottom: 25px; } /* Kopa ads 3 widget ---------------------------------- */ .kopa-ads-3-widget .widget-content { overflow: hidden; } .kopa-ads-3-widget .owl-carousel-4 { margin: 0 -15px; } .kopa-ads-3-widget .owl-carousel-4 .item { padding: 0 15px; } .kopa-ads-3-widget .owl-carousel-4 .item img { width: 100%; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination { margin-top: 25px; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page span { width: 10px; height: 10px; border: 1px solid #c4cbd1; margin: 0 2px; } .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page.active span, .kopa-ads-3-widget .owl-carousel-4 .owl-controls .owl-pagination .owl-page:hover span { transform: none; -webkit-transform: none; -moz-transform: none; border-color: #ed145b; } /* Kopa tagline 3 widget ---------------------------------- */ .kopa-tagline-3-widget { text-align: center; background-color: #f2f4f5; padding: 50px 40px; border-radius: 5px; } .kopa-tagline-3-widget .entry-title { position: relative; margin-bottom: 35px; } .kopa-tagline-3-widget .entry-title h2 { font-size: 40px; line-height: 46px; margin-bottom: 15px; } .kopa-tagline-3-widget .entry-title h2 a { color: #262c56; } .kopa-tagline-3-widget .entry-title h2 a:hover { color: #ed145b; } .kopa-tagline-3-widget .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; } .kopa-tagline-3-widget .entry-title p:before, .kopa-tagline-3-widget .entry-title p:after { content: ""; height: 1px; width: 75px; position: absolute; left: 0; top: 0; background-color: #a7abbd; } .kopa-tagline-3-widget .entry-title p:after { left: auto; right: 0; } .kopa-tagline-3-widget .entry-title p > span { width: 16px; height: 8px; background-color: #a7abbd; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .kopa-tagline-3-widget .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #a7abbd; top: 0; left: -8px; left: auto; right: 0; } .kopa-tagline-3-widget .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #a7abbd; top: 0; right: -8px; right: auto; left: 0; } .kopa-tagline-3-widget > p { font-size: 16px; line-height: 24px; } .kopa-tagline-3-widget .kopa-button { margin-top: 30px; padding-left: 30px; padding-right: 30px; font-size: 16px; } .kopa-tagline-3-widget .kopa-button.kopa-line-button { border-width: 2px; } /* Kopa tagline 4 widget ---------------------------------- */ .kopa-tagline-4-widget { text-align: center; background-color: #262c56; padding: 50px 40px; border-radius: 5px; } .kopa-tagline-4-widget .entry-title { position: relative; margin-bottom: 35px; } .kopa-tagline-4-widget .entry-title h2 { font-size: 40px; line-height: 46px; margin-bottom: 15px; } .kopa-tagline-4-widget .entry-title h2 a { color: #ffffff; } .kopa-tagline-4-widget .entry-title h2 a:hover { color: #ed145b; } .kopa-tagline-4-widget .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; color: #ffffff; } .kopa-tagline-4-widget .entry-title p:before, .kopa-tagline-4-widget .entry-title p:after { content: ""; height: 1px; width: 75px; position: absolute; left: 0; top: 0; background-color: #ffffff; } .kopa-tagline-4-widget .entry-title p:after { left: auto; right: 0; } .kopa-tagline-4-widget .entry-title p > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .kopa-tagline-4-widget .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ffffff; top: 0; left: -8px; left: auto; right: 0; } .kopa-tagline-4-widget .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ffffff; top: 0; right: -8px; right: auto; left: 0; } .kopa-tagline-4-widget > p { font-size: 16px; line-height: 24px; color: #ffffff; } .kopa-tagline-4-widget .kopa-button { margin-top: 30px; padding-left: 30px; padding-right: 30px; font-size: 16px; } /* Kopa tagline 5 widget ---------------------------------- */ .kopa-tagline-5-widget h3 { font-size: 34px; line-height: 40px; color: #ffffff; margin-bottom: 0px; } .kopa-tagline-5-widget h3 span { font-size: 24px; font-weight: 300; display: block; } .kopa-tagline-5-widget .kopa-button { font-size: 14px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 300; padding-left: 30px; padding-right: 30px; } /* Kopa owl 5 widget ---------------------------------- */ .kopa-owl-5-widget .widget-content { margin: 0 -15px; } .kopa-owl-5-widget .owl-carousel-5 .item { padding: 0 15px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-thumb { margin-bottom: 30px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header { margin-bottom: 20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 3px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title a { color: #262c56; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header .entry-title a:hover { color: #ed145b; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content header span { text-transform: uppercase; font-size: 13px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content > p { font-style: italic; margin-bottom: 25px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .kopa-owl-5-widget .owl-carousel-5 .item .entry-item .entry-content .social-links li a:hover { color: #191d3d; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div { width: 63px; height: 68px; margin: 0; line-height: 68px; font-size: 30px; border: none; background-color: #191d3d; top: 100px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div.owl-prev { left: -9.4%; border-radius: 0 5px 5px 0; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-buttons div.owl-next { right: -9.4%; border-radius: 5px 0 0 5px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page span { border-color: #d2d8df; margin: 0 4px; width: 10px; height: 10px; } .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page.active span, .kopa-owl-5-widget .owl-carousel-5 .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #03a9f5; border-color: #03a9f5; } /* Kopa owl 6 widget ---------------------------------- */ .kopa-owl-6-widget .owl-carousel-8 .item .entry-item { position: relative; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-thumb { position: relative; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title { text-transform: uppercase; margin-bottom: 0; position: absolute; left: 0; bottom: 25px; width: 100%; padding: 0 90px 0 30px; letter-spacing: 2px; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title a { color: #ffffff; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item .entry-title a:hover { color: #ed145b; } .kopa-owl-6-widget .owl-carousel-8 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons { position: absolute; right: 0; bottom: 0; width: auto; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons div { width: 60px; height: 60px; margin: 0; line-height: 60px; font-size: 30px; border: none; background-color: #17376e; position: static; border-radius: 0; display: block; color: #a7add5; } .kopa-owl-6-widget .owl-carousel-8 .owl-controls .owl-buttons div:hover { color: #a7add5; background-color: #ffffff; } .kopa-area .widget_nav_menu ul { margin-top: -20px; } .kopa-area .widget_nav_menu ul li { border: none; padding: 10px 15px 10px 0; } .kopa-area .widget_nav_menu ul li:hover { background-color: #f2f4f5; padding-left: 15px; } .kopa-area .widget_nav_menu ul li a { position: relative; display: inline-block; } .kopa-area .widget_nav_menu ul li a:before { content: "\f067"; font-size: 10px; margin-right: 10px; } /* Kopa blog list 1 widget ---------------------------------- */ .kopa-blog-list-1-widget .entry-item { margin-top: 60px; } .kopa-blog-list-1-widget .entry-item:first-child { margin-top: 0; } .kopa-blog-list-1-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-blog-list-1-widget .entry-item .entry-thumb { position: relative; } .kopa-blog-list-1-widget .entry-item .entry-content { border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; border-bottom: 1px solid #f2f4f5; padding: 20px 30px 60px; } .kopa-blog-list-1-widget .entry-item .entry-content .meta-box { margin-bottom: 20px; } .kopa-blog-list-1-widget .entry-item .entry-content .meta-box .entry-author a { color: #ed145b; } .kopa-blog-list-1-widget .entry-item .entry-content .meta-box .entry-author a:hover { color: #17376e; } .kopa-blog-list-1-widget .entry-item .entry-content .kopa-button { margin-top: 10px; } .kopa-blog-list-1-widget .entry-item.audio-post .entry-content, .kopa-blog-list-1-widget .entry-item.video-post .entry-content { margin-top: -3px; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; background-color: #17376e; border-radius: 0; font-size: 30px; z-index: 10; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #03a9f5; color: #ffffff; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .kopa-blog-list-1-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } /* Kopa blog list 2 widget ---------------------------------- */ .kopa-blog-list-2-widget .entry-item { margin-top: 30px; border-bottom: double 4px #f2f4f5; padding-bottom: 30px; } .kopa-blog-list-2-widget .entry-item:first-child { margin-top: 0; } .kopa-blog-list-2-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-blog-list-2-widget .entry-item .entry-thumb { position: relative; width: 410px; margin-right: 30px; float: left; } .kopa-blog-list-2-widget .entry-item .entry-content { margin-top: -5px; } .kopa-blog-list-2-widget .entry-item .entry-content .meta-box { overflow: hidden; margin-bottom: 20px; } .kopa-blog-list-2-widget .entry-item .entry-content .meta-box .entry-author a { color: #ed145b; } .kopa-blog-list-2-widget .entry-item .entry-content .meta-box .entry-author a:hover { color: #17376e; } .kopa-blog-list-2-widget .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; } .kopa-blog-list-2-widget .entry-item .entry-content .kopa-button { margin-top: 10px; } .kopa-blog-list-2-widget .entry-item.audio-post .entry-content, .kopa-blog-list-2-widget .entry-item.video-post .entry-content { margin-top: -3px; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 15px; left: 0; z-index: 10; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div { width: 40px; height: 44px; line-height: 44px; margin: -24px 0 0; border: none; background-color: #17376e; border-radius: 0; font-size: 20px; z-index: 10; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #03a9f5; color: #ffffff; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .kopa-blog-list-2-widget .entry-item.gallery-post .entry-thumb .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } .kopa-blog-list-2-widget .entry-item.quote-post .entry-thumb { width: 100%; float: none; margin-right: 0; } .kopa-blog-list-2-widget .entry-item.quote-post .entry-thumb blockquote { margin-bottom: 0; } /* Kopa social widget ---------------------------------- */ .kopa-social-widget ul { margin: -10px -5px 0 -5px; padding: 0; } .kopa-social-widget ul li { text-align: center; float: left; margin: 10px 0 0; list-style: none; padding: 0 5px; width: 33.333333%; } .kopa-social-widget ul li.facebook-icon div { background-color: #3b59a1; } .kopa-social-widget ul li.twitter-icon div { background-color: #46b0e4; } .kopa-social-widget ul li.gplus-icon div { background-color: #dd4c39; } .kopa-social-widget ul li div { padding: 15px 0 10px; } .kopa-social-widget ul li div a { border-radius: 50%; width: 40px; line-height: 40px; color: #ffffff; display: inline-block; margin-bottom: 10px; background-color: rgba(255, 255, 255, 0.2); font-size: 16px; } .kopa-social-widget ul li div a:hover { box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .kopa-social-widget ul li div p { color: #ffffff; } /* Kopa recent comments widget ---------------------------------- */ .kopa-recent-comment-widget ul { margin: 0; padding: 0; } .kopa-recent-comment-widget ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-recent-comment-widget ul li:first-child { margin: 0; } .kopa-recent-comment-widget ul li .comment-item .comment-content { background-color: #f2f4f5; padding: 15px 20px; position: relative; margin-bottom: 40px; } .kopa-recent-comment-widget ul li .comment-item .comment-content:before { content: ''; position: absolute; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #f2f4f5; bottom: -10px; left: 50%; margin-left: -10px; margin-left: 0; left: 30px; } .kopa-recent-comment-widget ul li .comment-item .comment-content i { color: #03a9f5; margin-right: 12px !important; margin-top: 3px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-avatar { width: 40px; margin-right: 15px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name { margin-top: -3px; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 { margin-bottom: 3px; font-weight: 600; font-size: 14px; line-height: 20px; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 a { color: #242a52; } .kopa-recent-comment-widget ul li .comment-item .comment-author .comment-name h6 a:hover { color: #03a9f5; } /* Kopa ourteam widget ---------------------------------- */ .kopa-ourteam-widget .widget-content ul { margin: 0; padding: 0; } .kopa-ourteam-widget .widget-content ul li { float: none; margin: 30px 0 0; list-style: none; } .kopa-ourteam-widget .widget-content ul li:first-child { margin: 0; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-thumb { width: 120px; margin-right: 30px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-thumb img { border-radius: 3px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content { margin-top: -5px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header { margin-bottom: 15px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 5px; } .kopa-ourteam-widget .widget-content ul li .entry-item .entry-content header > span { font-size: 16px; } /* Kopa testimonial 2 widget ---------------------------------- */ .kopa-testimonial-2-widget .widget-content .text-center { margin-bottom: 50px; } .kopa-testimonial-2-widget .widget-content .text-center i { font-size: 40px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item { background-color: #ffffff; padding: 30px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-thumb { width: 210px; margin-right: 30px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-thumb img { border-radius: 50%; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header { margin-bottom: 15px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header .entry-title { font-size: 32px; line-height: 38px; margin-bottom: 0; font-weight: 700; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content header span { text-transform: uppercase; font-size: 16px; display: inline-block; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .item .entry-item .entry-content p { font-style: italic; font-size: 16px; line-height: 24px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page span { width: 12px; height: 12px; border-color: rgba(99, 117, 135, 0.4); margin: 0 7px; } .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page.active span, .kopa-testimonial-2-widget .widget-content .owl-carousel-9 .owl-controls .owl-pagination .owl-page:hover span { border-color: #ed145b; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* Kopa masonry list 2 widget ---------------------------------- */ .kopa-document-widget .masonry-list-wrapper { margin: -30px 0 0 -30px; } .kopa-document-widget .masonry-list-wrapper > ul { margin: 0; padding: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li { float: left; margin: 30px 0 0; list-style: none; padding: 0 0 0 30px; width: 50%; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block { position: relative; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header { padding: 30px; background-color: #fbfbfb; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header i { width: 40px; height: 40px; line-height: 36px; border: 2px solid #17376e; border-radius: 50%; text-align: center; margin: 0 20px 0 0 !important; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block header h5 { line-height: 40px; margin-bottom: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul { margin: 0; padding: 0; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li { float: none; margin: 0; list-style: none; background-color: #f2f4f5; border-top: 1px solid #ffffff; padding: 15px 30px; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a { display: inline-block; position: relative; } .kopa-document-widget .masonry-list-wrapper > ul > li .document-block ul li a:before { content: "\f0f6"; margin-right: 15px; } /* Kopa course comment widget ---------------------------------- */ .kopa-course-comment-widget #respond .comment-form .row > div .comment-button input[type="submit"] { border: none; color: #061a35; text-transform: uppercase; background-color: #ececec; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 500; } /* Kopa event list 1 widget ---------------------------------- */ .kopa-event-list-1-widget .row { margin-bottom: 25px; } .kopa-event-list-1-widget .row:last-child { margin-bottom: 0; } .kopa-event-list-1-widget .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 30px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date { border-radius: 3px; border: 1px solid #bdc7d6; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 15px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date p { padding: 0 14px; background-color: #bdc7d6; color: #ffffff; line-height: 18px; margin-bottom: 10px; border-radius: 3px 3px 0 0; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date strong { color: #17376e; font-size: 30px; font-weight: 600; display: block; padding: 0 14px; margin: 0 0 5px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-date span { display: block; padding: 0 14px; font-size: 13px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail { overflow: hidden; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail header { margin-bottom: 5px; } .kopa-event-list-1-widget .row > div .entry-item .entry-content .entry-content-detail .entry-title { font-weight: 400; margin-bottom: 20px; } .kopa-event-list-1-widget .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .load-more { text-align: center; text-transform: uppercase; border-radius: 5px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; display: block; background-color: #f2f4f5; padding: 13px 15px; margin-top: 55px; } /* Kopa event list 2 widget ---------------------------------- */ .kopa-event-list-2-widget .entry-item { margin-top: 60px; } .kopa-event-list-2-widget .entry-item:first-child { margin-top: 0; } .kopa-event-list-2-widget .entry-item .entry-thumb { float: left; width: 350px; margin-right: 30px; position: relative; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date { background-color: #ececec; border-radius: 3px; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 10px; position: absolute; left: 30px; top: 30px; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date p { padding: 0 14px; background-color: #ed145b; color: #ffffff; line-height: 18px; margin-bottom: 8px; border-radius: 3px 3px 0 0; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date strong { color: #17376e; font-size: 24px; font-weight: 600; display: block; padding: 0 14px; margin: 0 0 2px; } .kopa-event-list-2-widget .entry-item .entry-thumb .entry-date span { display: block; padding: 0 14px; font-size: 12px; } .kopa-event-list-2-widget .entry-item .entry-content { overflow: hidden; } .kopa-event-list-2-widget .entry-item .entry-content header { margin-bottom: 5px; } .kopa-event-list-2-widget .entry-item .entry-content header .entry-author a { color: #ed145b; } .kopa-event-list-2-widget .entry-item .entry-content header .entry-author a:hover { color: #17376e; } .kopa-event-list-2-widget .entry-item .entry-content .entry-title { font-weight: 600; margin-bottom: 13px; } .kopa-event-list-2-widget .entry-item .entry-content .free-item { text-transform: uppercase; color: #03a9f5; font-size: 16px; font-weight: 600; display: inline-block; margin-bottom: 13px; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date, .kopa-event-list-2-widget .entry-item .entry-content .entry-location { display: block; margin: 15px 0 10px; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date i, .kopa-event-list-2-widget .entry-item .entry-content .entry-location i { color: #03a9f5; font-size: 16px; margin-right: 10px !important; } .kopa-event-list-2-widget .entry-item .entry-content .entry-date span, .kopa-event-list-2-widget .entry-item .entry-content .entry-location span { margin-top: 3px; } .kopa-event-list-2-widget .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } /* Kopa event list 3 widget ---------------------------------- */ .kopa-event-list-3-widget .row { margin-top: 30px; } .kopa-event-list-3-widget .row:first-child { margin-top: 0; } .kopa-event-list-3-widget .row > div .entry-item .entry-thumb { position: relative; margin-right: 30px; float: left; width: 255px; } .kopa-event-list-3-widget .row > div .entry-item .entry-content { overflow: hidden; } .kopa-event-list-3-widget .row > div .entry-item .entry-content header { margin-bottom: 5px; } .kopa-event-list-3-widget .row > div .entry-item .entry-content .entry-title { font-weight: 400; margin-bottom: 20px; } .kopa-event-list-3-widget .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-event-list-3-widget .pagination { border-top: 1px solid #e2e2e3; padding-top: 30px; margin-top: 60px; } /* Kopa event list 4 widget ---------------------------------- */ .kopa-event-list-4-widget .row { background-color: #f2f4f5; border-bottom: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; margin-left: 0; margin-right: 0; } .kopa-event-list-4-widget .row:first-child { border-top: 1px solid #e2e2e3; } .kopa-event-list-4-widget .row > div { padding-left: 0; padding-right: 0; border-right: 1px solid #e2e2e3; } .kopa-event-list-4-widget .entry-item { height: 340px; overflow: hidden; padding: 30px 30px 30px; } .kopa-event-list-4-widget .entry-item header { margin-bottom: 30px; } .kopa-event-list-4-widget .entry-item .entry-date { font-size: 52px; font-weight: 700; line-height: 58px; color: #17376e; margin-bottom: 10px; } .kopa-event-list-4-widget .entry-item .entry-title { font-size: 16px; line-height: 22px; font-weight: 400; } .kopa-event-list-4-widget .entry-item .more-link { margin-top: 20px; } .kopa-event-list-4-widget .entry-item:hover { background-color: #17376e; } .kopa-event-list-4-widget .entry-item:hover .entry-date { color: #ffffff; } .kopa-event-list-4-widget .entry-item:hover .entry-title a { color: #ffffff; } .kopa-event-list-4-widget .entry-item:hover .entry-title a:hover { color: #ed145b; } .kopa-event-list-4-widget .entry-item:hover .more-link { color: #a7add5; } .kopa-event-list-4-widget .entry-item:hover .more-link i { border-color: #ffffff; color: #ffffff; } .kopa-event-list-4-widget .entry-item:hover .more-link i:before { color: #fff; } .kopa-event-list-4-widget .entry-item:hover .more-link:hover { color: #ed145b; } .kopa-event-list-4-widget .entry-item:hover .more-link:hover i { border-color: #ed145b; } .kopa-event-list-4-widget .entry-item:hover .more-link:hover i:before { color: #ed145b; } /* Kopa course tab 1 widget ---------------------------------- */ .kopa-course-tab-list-1-widget { padding: 0 15px; } .kopa-course-tab-list-1-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; line-height: 30px; } .kopa-course-tab-list-1-widget .tab-pane { position: relative; } .kopa-course-tab-list-1-widget .tab-pane .pagination { position: absolute; top: 0px; right: 0px; margin: 0; } .kopa-course-tab-list-1-widget .tab-pane .pagination ul.page-numbers li span.current { background-color: #b4bac2; border-color: #b4bac2; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper { margin-bottom: 50px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper:last-child { margin-bototm: 0; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper > h5 { font-size: 20px; line-height: 26px; margin-bottom: 25px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header { background-color: #b4bac2; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div { float: left; padding: 15px 20px; color: #ffffff; font-size: 20px; line-height: 1; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.stt-col { width: 12%; text-transform: uppercase; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.name-col { width: 51%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.duration-col { width: 17%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-header > div.date-col { width: 20%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list { margin: 0; padding: 0; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li { float: none; margin: 0; list-style: none; border-bottom: 1px dashed #e2e2e3; background-color: #ffffff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:nth-child(even) { background-color: #f2f4f5; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:hover { background-color: #b4bac2; color: #ffffff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li:hover > div a { color: #ffffff; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div { float: left; padding: 15px 20px; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.stt-col { width: 13%; text-transform: uppercase; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.name-col { width: 50%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.duration-col { width: 17%; } .kopa-course-tab-list-1-widget .kopa-course-list-table-wrapper .kopa-course-list-table .table-list li > div.date-col { width: 20%; } /* Kopa course tab 2 widget ---------------------------------- */ .kopa-course-tab-list-2-widget { padding: 0 15px; } .kopa-course-tab-list-2-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; line-height: 30px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header { margin-bottom: 25px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header h5 { font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 12px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header .pagination { margin: 0; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper header .pagination ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row { margin-left: -7px; margin-right: -7px; margin-top: 30px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row:first-child { margin-top: 0; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div { padding-left: 7px; padding-right: 7px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item { border: 1px solid #e2e2e3; background-color: #f2f4f5; padding: 20px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover { background-color: #17376e; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .entry-title a { color: #ffffff; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link { color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link i { border-color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item:hover .more-link i:before { color: #a7aebf; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-thumb { position: relative; margin-bottom: 10px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-categories { margin-bottom: 5px; } .kopa-course-tab-list-2-widget .kopa-course-list-2-wrapper .kopa-course-list-2 .row > div .entry-item .entry-title { font-size: 16px; line-height: 24px; margin-bottom: 20px; font-weight: 400; } /* Kopa course tab 3 widget ---------------------------------- */ .kopa-course-tab-list-3-widget { padding: 0 15px; } .kopa-course-tab-list-3-widget .nav-tabs.kopa-tabs-5 li:first-child span { text-transform: uppercase; padding: 15px 20px; display: block; font-size: 16px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; line-height: 30px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header { margin-bottom: 25px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header h5 { font-size: 20px; line-height: 26px; margin-bottom: 0; margin-top: 12px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header .pagination { margin: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper header .pagination ul.page-numbers li span.current { background-color: #b1b7bf; border-color: #b1b7bf; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row { margin-left: -7px; margin-right: -7px; margin-top: 30px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row:first-child { margin-top: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div { padding-left: 7px; padding-right: 7px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item { background-color: #f2f4f5; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb { position: relative; width: 150px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb .kopa-rating { position: absolute; top: 10px; left: 20px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-thumb .kopa-rating li { color: #ffffff; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content { padding: 23px 25px 20px; overflow: hidden; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content header { margin-bottom: 5px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 10px; font-weight: 400; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link { font-size: 13px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link i { background-color: #17376e; color: #ffffff; height: 18px; width: 18px; line-height: 14px; } .kopa-course-tab-list-3-widget .kopa-course-list-3-wrapper .kopa-course-list-3 .row > div .entry-item .entry-content .more-link:hover i { background-color: #ed145b; } /* Kopa portfolio list 1 widget ---------------------------------- */ .kopa-portfolio-list-1-widget .filters-options { margin-bottom: 80px; text-align: center; } .kopa-portfolio-list-1-widget .filters-options li { margin: 0 0 2px 8px; padding: 10px 20px; border: 1px solid #f2f4f5; border-radius: 5px; color: #17376e; font-size: 12px; font-weight: 400; display: inline-block; cursor: pointer; text-transform: uppercase; position: relative; line-height: 1; } .kopa-portfolio-list-1-widget .filters-options li.active, .kopa-portfolio-list-1-widget .filters-options li:hover { background: #ed145b; color: #ffffff; border-color: #ed145b; } .kopa-portfolio-list-1-widget .filters-options li input { display: none; } .kopa-portfolio-list-1-widget .portfolio-container { position: relative; margin: -30px -15px 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item { overflow: hidden; margin: 0; padding: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 { float: left; margin: 0; list-style: none; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item { padding-top: 30px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb { position: relative; border-radius: 5px 5px 0 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask { border-radius: 5px 5px 0 0; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box { text-align: center; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -20px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box a { width: 40px; height: 40px; color: #ffffff; text-align: center; line-height: 40px; background-color: #17376e; font-size: 18px; display: inline-block; border-radius: 50%; margin: 0 8px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask .click-box a:hover { background-color: #ed145b; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { width: 100%; height: auto; display: block; border-radius: 5px 5px 0 0; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content { border: 1px solid #e2e2e3; padding: 30px; text-align: center; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content header { margin-bottom: 5px; } .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title { font-size: 18px; line-height: 24px; margin-bottom: 0; font-weight: 400; } .kopa-portfolio-list-1-widget .load-more { display: inline-block; padding-left: 40px; padding-right: 40px; } .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb { border-radius: 0; } .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb .mask, .kopa-portfolio-3col .kopa-portfolio-list-1-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { border-radius: 0; } /* Kopa portfolio list 2 widget ---------------------------------- */ .kopa-portfolio-list-2-widget .filters-options-wrapper { margin-bottom: 60px; border-top: 3px double #e2e2e3; border-bottom: 3px double #e2e2e3; padding: 15px 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper > span { line-height: 1; display: block; margin-right: 25px; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options { margin: 0; padding: 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li { margin: 0; padding: 0 15px; border-left: 1px solid #e2e2e3; float: left; cursor: pointer; position: relative; line-height: 1; list-style: none; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span { position: relative; display: block; line-height: 1; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li span:before { height: 3px; width: 100%; content: ""; border-top: 3px double #03a9f5; left: 0; top: -18px; position: absolute; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li:first-child { border-left: none; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li.active span:before, .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li:hover span:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-2-widget .filters-options-wrapper .filters-options li input { display: none; } .kopa-portfolio-list-2-widget .portfolio-container { position: relative; margin: 0 -1px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item { overflow: hidden; margin: 0; padding: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 { float: left; margin: 0; list-style: none; padding: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1.inactive { visibility: hidden; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item { position: relative; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item:hover .entry-content { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-thumb img { width: 100%; height: auto; display: block; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content { background-color: rgba(23, 55, 110, 0.9); position: absolute; width: 100%; left: 0; height: 100%; top: 0; padding: 60px 30px 30px; text-align: center; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box { text-align: center; margin-bottom: 15px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box a { color: #ffffff; font-size: 16px; display: inline-block; margin: 0 10px; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .click-box a:hover { color: #ed145b; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title { font-size: 16px; line-height: 22px; margin-bottom: 5px; font-weight: 300; text-transform: uppercase; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title a { color: #ffffff; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-title a:hover { color: #ed145b; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories { color: #c2c8d4; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories a { color: #c2c8d4; } .kopa-portfolio-list-2-widget .portfolio-container .portfolio-list-item li.por-item1 .entry-item .entry-content .entry-categories a:hover { color: #ed145b; } .kopa-portfolio-list-2-widget .load-more { display: inline-block; padding-left: 40px; padding-right: 40px; border-radius: 0; } /* Kopa professor list 1 widget ---------------------------------- */ .kopa-professor-list-1-widget .row { margin-top: 50px; } .kopa-professor-list-1-widget .row:first-child { margin-top: 0; } .kopa-professor-list-1-widget .row > div .entry-item .entry-thumb { margin-bottom: 30px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header { margin-bottom: 20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title { font-weight: 700; margin-bottom: 3px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title a { color: #262c56; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header .entry-title a:hover { color: #ed145b; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content header span { text-transform: uppercase; font-size: 13px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content > p { font-style: italic; margin-bottom: 25px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .kopa-professor-list-1-widget .row > div .entry-item .entry-content .social-links li a:hover { color: #191d3d; } .kopa-professor-list-1-widget .pagination { margin-top: 55px; border-top: 1px solid #e2e2e3; padding-top: 60px; } /* Kopa professor list 2 widget ---------------------------------- */ .kopa-professor-list-2-widget > ul { margin: 0; padding: 0; } .kopa-professor-list-2-widget > ul > li { float: none; margin: 0 0 60px; list-style: none; } .kopa-professor-list-2-widget > ul > li:nth-child(even) .entry-item .entry-thumb { float: right; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header { margin-bottom: 20px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title { margin: -5px 0 2px; font-size: 32px; line-height: 38px; font-weight: 700; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title a { color: #191d3d; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header .entry-title a:hover { color: #ed145b; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content header span { text-transform: uppercase; font-size: 16px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content > p { font-size: 16px; line-height: 24px; font-style: italic; margin-bottom: 23px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links { margin-left: -20px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .kopa-professor-list-2-widget > ul > li .entry-item .entry-content .social-links li a:hover { color: #191d3d; } .kopa-professor-list-2-widget .pagination { margin-top: 0; border-top: 1px solid #e2e2e3; padding-top: 60px; } /** 3.2 Home page **/ .home-slider-1 { margin-top: -4px; } .home-slider-1 .owl-carousel-1 .item .entry-item { position: relative; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-thumb { position: relative; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-thumb img { width: 100%; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding-top: 218px; z-index: 1; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .container { width: 80.9%; padding: 0; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content h2 { text-transform: uppercase; font-size: 56px; line-height: 82px; font-weight: 800; letter-spacing: 3px; margin-bottom: 0; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content h2 a { color: #ffffff; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content p { font-size: 18px; line-height: 24px; color: #ffffff; margin: 5px 0 20px; } .home-slider-1 .owl-carousel-1 .item .entry-item .entry-content .left-col { border-right: 1px solid rgba(255, 255, 255, 0.4); } .home-slider-1 .owl-carousel-1 .owl-controls .owl-pagination { position: absolute; left: 9.55%; bottom: 110px; margin: 0; width: auto; } .home-slider-2 #sync1 .item .entry-item { position: relative; } .home-slider-2 #sync1 .item .entry-item .entry-thumb { position: relative; } .home-slider-2 #sync1 .item .entry-item .entry-thumb img { display: block; width: 100%; height: auto; } .home-slider-2 #sync1 .item .entry-item .entry-thumb:before { content: ""; position: absolute; top: 0; width: 370px; left: 50%; margin-left: -185px; background-color: rgba(255, 255, 255, 0.3); height: 100%; z-index: 1; } .home-slider-2 #sync1 .item .entry-item .entry-content { padding-top: 110px; width: 100%; height: 100%; position: absolute; z-index: 2; top: 0; left: 0; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title { position: relative; margin-bottom: 20px; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title h2 { font-weight: 600; font-size: 70px; line-height: 76px; margin-bottom: 0; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title h2 a { color: #ffffff; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p { height: 1px; width: 200px; display: inline-block; position: relative; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p:before, .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p:after { content: ""; height: 1px; width: 75px; position: absolute; left: 0; top: 0; background-color: #b8b6bb; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p:after { left: auto; right: 0; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p > span { width: 16px; height: 8px; background-color: #b8b6bb; position: absolute; bottom: 0; left: 50%; margin-left: -8px; z-index: 1; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #b8b6bb; top: 0; left: -8px; left: auto; right: 0; } .home-slider-2 #sync1 .item .entry-item .entry-content .entry-title p > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #b8b6bb; top: 0; right: -8px; right: auto; left: 0; } .home-slider-2 #sync1 .item .entry-item .entry-content p.entry-excerpt { color: #ffffff; font-size: 18px; line-height: 24px; } .home-slider-2 #sync1 .item .entry-item .entry-content .kopa-button { margin-top: 15px; } .kopa-home-2 .owl-theme .owl-controls .owl-pagination .owl-page.active span, .kopa-home-2 .owl-theme .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; } .kopa-home-2 .kopa-course-search-widget .course-form .course-submit, .kopa-home-2 .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { background-color: #03a9f5; } .kopa-home-2 .kopa-course-search-widget .course-form .course-submit:hover, .kopa-home-2 .kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover { background-color: #17376e; } .kopa-home-2 .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a { color: #03a9f5; } .kopa-home-2 .kopa-article-list-4-widget ul li .entry-item .entry-content .entry-author a:hover { color: #ed145b; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot { background-color: #03a9f5; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:before { border-right-color: #03a9f5; } .kopa-home-2 .kopa-masonry-list-2-widget .masonry-list-wrapper > ul > li .entry-item .entry-thumb .entry-hot:after { border-left-color: #03a9f5; } .kopa-area-11 .widget_text h4 { text-transform: uppercase; position: relative; font-weight: 600; line-height: 32px; margin-bottom: 25px; padding-bottom: 15px; letter-spacing: 2px; } .kopa-area-11 .widget_text h4:before { content: ""; height: 1px; position: absolute; left: 0; bottom: 0; width: 90px; background-color: #ced1dd; } .kopa-area-11 .widget_text .kopa-button { margin-top: 15px; padding-left: 30px; padding-right: 30px; } /** 3.3 Sub page **/ .page-header { margin: 0; border-bottom: none; position: relative; padding-bottom: 0; } .page-header .page-header-inner { padding: 140px 0; position: relative; z-index: 2; text-align: center; } .page-header .page-header-inner .page-title { font-size: 32px; line-height: 36px; margin-bottom: 0; font-weight: 500; color: #ffffff; text-align: center; display: inline-block; width: auto; } .page-header .page-header-inner .page-title i { font-size: 18px; line-height: 22px; font-weight: 300; border-left: 1px solid rgba(255, 255, 255, 0.5); padding-left: 10px; margin-left: 10px; display: block; margin-top: 9px; } .page-header .page-header-inner .page-title.page-title-s2 { display: block; margin-bottom: 50px; } .page-header .page-header-inner .page-title.page-title-s2 span, .page-header .page-header-inner .page-title.page-title-s2 i { float: none !important; } .page-header .page-header-inner .page-title.page-title-s2 i { padding-left: 0; margin-left: 0; border-left: none; color: #e2e2e3; } .page-header .page-header-inner .search-form { width: auto; display: inline-block; } .page-header .page-header-inner .search-form input.search-text { width: 665px; } .page-header .mask { z-index: 1; } .page-header .page-header-bg { position: absolute; width: 100%; height: 100%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; background-position: center; z-index: 0; } .page-header .page-header-bg.page-header-bg-1 { background-image: url(../images/bg-1.jpg); } .kopa-breadcrumb { background-color: #ececec; padding: 20px 0; } .kopa-breadcrumb .pull-left span { font-weight: 300; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-size: 24px; line-height: 1; color: #17376e; } .kopa-breadcrumb .pull-right { font-size: 15px; } .elements-box .element-title { position: relative; padding-top: 20px; margin-bottom: 60px; } .elements-box .element-title p { font-size: 21px; line-height: 26px; color: #a7aebf; } .elements-box .element-title:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #ececec; top: 0; left: 50%; margin-left: -98px; } .elements-box .element-title:after { content: ""; position: absolute; background-color: #ffffff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } .elements-box .element-title > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } .elements-box .element-title > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ececec; top: 0; left: -8px; left: auto; right: 0; } .elements-box .element-title > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ececec; top: 0; right: -8px; right: auto; left: 0; } .search-form { width: 100%; position: relative; } .search-form input.search-text { height: 50px; line-height: 30px; padding: 10px 130px 10px 15px; width: 100%; background-color: #ffffff; border-radius: 5px; border: none; color: #a7aebf; font-style: italic; } .search-form .search-submit { background-color: #ed145b; color: #ffffff; padding: 10px 30px; line-height: 30px; border: none; text-transform: uppercase; font-size: 16px; font-weight: 300; position: absolute; top: 0; right: 0; border-radius: 0 5px 5px 0; } .search-form .search-submit:hover { background-color: #17376e; } /*----- Single page -----*/ .entry-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 50px; margin-bottom: 40px; } .entry-box .entry-thumb { margin-bottom: 30px; } .entry-box .entry-content > p { font-size: 15px; line-height: 24px; } .entry-box .entry-content .entry-content-header { overflow: hidden; margin-bottom: 40px; } .entry-box .entry-content .entry-content-header > .entry-date { border-radius: 3px; background-color: #ececec; margin-right: 30px; text-align: center; text-transform: uppercase; color: #a7aebf; font-size: 12px; padding-bottom: 10px; } .entry-box .entry-content .entry-content-header > .entry-date p { padding: 0 14px; background-color: #ed145b; color: #ffffff; line-height: 18px; margin-bottom: 5px; border-radius: 3px 3px 0 0; } .entry-box .entry-content .entry-content-header > .entry-date strong { color: #17376e; font-size: 24px; font-weight: 600; display: block; padding: 0 14px; margin: 0 0 5px; } .entry-box .entry-content .entry-content-header > .entry-date span { display: block; padding: 0 14px; font-size: 12px; color: #a7add5; } .entry-box .entry-content .entry-content-header .entry-title h3 { font-size: 28px; line-height: 34px; margin-bottom: 15px; } .entry-box .entry-content iframe { border: none; width: 100%; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; background-color: #17376e; border-radius: 0; font-size: 30px; z-index: 10; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #03a9f5; color: #ffffff; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .entry-box .entry-content .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } .entry-box .tag-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 30px; } .entry-box .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-box .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-box .tag-box a:hover { color: #ffffff; background-color: #ed145b; } .entry-box .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 30px; } .entry-box .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-box .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-box .about-author .author-content { overflow: hidden; } .entry-box .about-author .author-content h5 { font-size: 18px; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-box .about-author .author-content h5 a { color: #03a9f5; } .entry-box .about-author .author-content h5 a:hover { color: #ed145b; } .entry-box .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-box .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-box .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-box .about-author .author-content .social-links li a:hover { color: #03a9f5; } .entry-box .entry-box-footer > div { width: 50%; } .entry-box .entry-box-footer > div .entry-item { position: relative; min-height: 135px; } .entry-box .entry-box-footer > div .entry-item img { width: 100%; } .entry-box .entry-box-footer > div .entry-item .entry-content { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px 50px 60px; } .entry-box .entry-box-footer > div .entry-item .entry-content a { color: #ffffff; } .entry-box .entry-box-footer > div .entry-item .entry-content a.prev-post, .entry-box .entry-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-box .entry-box-footer > div .entry-item .entry-content a:hover { color: #ed145b; } .entry-box .entry-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 5px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #ffffff; background-color: #262c56; text-align: center; font-size: 26px; } .entry-box .entry-box-footer > div .entry-item .entry-content a.fa:hover { background-color: #ed145b; } .entry-box .entry-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-box .entry-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-box .entry-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } #related-post { margin-bottom: 40px; } #related-post h4 { font-weight: 400; margin-bottom: 25px; } #related-post .entry-item .entry-thumb { margin-bottom: 15px; } #related-post .entry-item .entry-thumb img { width: 100%; } #related-post .entry-item .entry-content .entry-title { font-weight: 400; margin-bottom: 20px; } #comments { margin-bottom: 40px; border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; } #comments h4 { font-weight: 400; margin-bottom: 25px; } #comments .comments-list { margin: -25px 0 0; padding: 0; } #comments .comments-list .comment, #comments .comments-list > li { float: none; margin: 25px 0 0; list-style: none; } #comments .comments-list .comment .comment-wrap .comment-avatar, #comments .comments-list > li .comment-wrap .comment-avatar { width: 50px; margin-right: 20px; } #comments .comments-list .comment .comment-wrap .comment-body, #comments .comments-list > li .comment-wrap .comment-body { overflow: hidden; } #comments .comments-list .comment .comment-wrap .comment-body .comment-content, #comments .comments-list > li .comment-wrap .comment-body .comment-content { background-color: #f2f4f5; padding: 7px 15px; margin-bottom: 10px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div h6, #comments .comments-list > li .comment-wrap .comment-body footer > div h6 { font-weight: 300; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; text-transform: uppercase; font-size: 14px; line-height: 1; margin-bottom: 0; color: #03a9f5; padding-left: 15px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .entry-date, #comments .comments-list > li .comment-wrap .comment-body footer > div .entry-date { font-size: 13px; margin-right: 20px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button a, #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button span, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button a, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button span { text-transform: uppercase; line-height: 1; font-size: 12px; } #comments .comments-list .comment .comment-wrap .comment-body footer > div .comment-button a:hover, #comments .comments-list > li .comment-wrap .comment-body footer > div .comment-button a:hover { color: #03a9f5; } #comments .comments-list > li .children { margin: 0; padding: 0 0 0 70px; } .kopa-comment-pagination { border-radius: 0; margin: 40px 0 0; display: block; text-align: center; } .kopa-comment-pagination a, .kopa-comment-pagination span { border: 1px solid #f2f4f5; display: inline-block; padding: 0 15px; line-height: 35px; height: 37px; font-size: 13px; position: relative; color: #17376e; border-radius: 3px; } .kopa-comment-pagination span.current { color: #ffffff; background-color: #17376e; border-color: #17376e; } .kopa-comment-pagination a:hover { color: #ffffff; background-color: #03a9f5; border-color: #03a9f5; } #respond h4 { font-weight: 400; margin-bottom: 15px; } #respond .comment-form .c-note { display: block; margin-bottom: 12px; } #respond .comment-form .row > div .required { text-transform: uppercase; position: absolute; top: 15px; left: 15px; z-index: 1; font-weight: 300; color: #03a9f5; margin-bottom: 0; } #respond .comment-form .row > div .input-block { margin-bottom: 30px; position: relative; } #respond .comment-form .row > div .input-block input[type="text"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; color: #262c56; } #respond .comment-form .row > div .input-block input[type="text"]:focus { border-color: #03a9f5; } #respond .comment-form .row > div .textarea-block { margin-bottom: 30px; position: relative; } #respond .comment-form .row > div .textarea-block .required { top: 11px; } #respond .comment-form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; color: #262c56; } #respond .comment-form .row > div .textarea-block textarea:focus { border-color: #03a9f5; } #respond .comment-form .row > div .comment-button input[type="submit"] { display: block; border: 1px solid #e2e2e3; border-radius: 5px; text-align: center; background-color: #ffffff; padding: 14px; font-weight: 300; width: 100%; } #respond .comment-form .row > div .comment-button input[type="submit"]:hover { border-color: #03a9f5; color: #03a9f5; } /*----- Single event -----*/ .entry-event-box { margin-bottom: 40px; } .entry-event-box .row > div.right-col { float: right !important; } .entry-event-box .row > div.right-col > .entry-title { font-size: 20px; line-height: 26px; margin-bottom: 50px; border-bottom: 1px solid #e2e2e3; padding-bottom: 20px; font-weight: 600; margin-top: -5px; text-transform: uppercase; } .entry-event-box .row > div.right-col .event-speaker > h6 { text-transform: uppercase; font-size: 14px; line-height: 16px; position: relative; padding-bottom: 15px; margin-bottom: 30px; } .entry-event-box .row > div.right-col .event-speaker > h6:before { content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height: 3px; background-color: #e2e2e3; } .entry-event-box .row > div.right-col .event-speaker ul { margin: -20px -10px 50px; padding: 0; } .entry-event-box .row > div.right-col .event-speaker ul li { float: left; margin: 20px 0 0; list-style: none; width: 50%; padding: 0 10px; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-avatar { width: 70px; margin-right: 15px; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-avatar img { width: 100%; } .entry-event-box .row > div.right-col .event-speaker ul li .speaker-detail h6 { font-size: 16px; line-height: 20px; text-transform: none; margin-bottom: 5px; margin-top: -4px; } .entry-event-box .row > div.right-col .event-detail > ul { padding: 0; margin: 0 0 30px; } .entry-event-box .row > div.right-col .event-detail > ul > li { float: none; margin: 0; list-style: none; padding: 15px 0; border-bottom: 1px solid #e2e2e3; } .entry-event-box .row > div.right-col .event-detail > ul > li:first-child { border-top: 1px solid #e2e2e3; } .entry-event-box .row > div.right-col .event-detail > ul > li strong { width: 50px; margin-right: 30px; text-transform: uppercase; font-weight: 400; color: #191d3d; } .entry-event-box .row > div.right-col .event-detail > ul > li i { color: #03a9f5; width: 18px; margin-right: 12px; font-size: 18px; } .entry-event-box .row > div.right-col .event-detail > p { line-height: 24px; margin-bottom: 20px; } .entry-event-box .row > div.right-col .event-detail .text-left .kopa-button { margin-right: 5px; } .entry-event-box .row > div.right-col .tag-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-event-box .row > div.right-col .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-event-box .row > div.right-col .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-event-box .row > div.right-col .tag-box a:hover { color: #ffffff; background-color: #ed145b; border-color: #ed145b; } .entry-event-box .row > div.right-col .social-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 40px; } .entry-event-box .row > div.right-col .social-box span { font-size: 16px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; text-transform: uppercase; } .entry-event-box .row > div.right-col .social-box .social-links { margin-left: -15px; } .entry-event-box .row > div.right-col .social-box .social-links li { margin-left: 15px; } .entry-event-box .row > div.right-col .social-box .social-links li a { width: auto; height: auto; background-color: transparent; color: #aaaaaa; font-size: 16px; } .entry-event-box .row > div.right-col .social-box .social-links li a:hover { color: #191d3d; } .entry-event-box .row > div.right-col .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 40px; } .entry-event-box .row > div.right-col .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-event-box .row > div.right-col .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-event-box .row > div.right-col .about-author .author-content { overflow: hidden; } .entry-event-box .row > div.right-col .about-author .author-content h5 { font-size: 18px; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-event-box .row > div.right-col .about-author .author-content h5 a { color: #03a9f5; } .entry-event-box .row > div.right-col .about-author .author-content h5 a:hover { color: #ed145b; } .entry-event-box .row > div.right-col .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-event-box .row > div.right-col .about-author .author-content .social-links li a:hover { color: #03a9f5; } .entry-event-box .row > div.right-col .entry-event-box-footer { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div { width: 50%; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item { position: relative; min-height: 130px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item img { width: 100%; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px 50px 60px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a { color: #ffffff; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.prev-post, .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a:hover { color: #ed145b; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 5px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #ffffff; background-color: #262c56; text-align: center; font-size: 26px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content a.fa:hover { background-color: #ed145b; } .entry-event-box .row > div.right-col .entry-event-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-event-box .row > div.right-col .entry-event-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-event-box .row > div.right-col .entry-event-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } .entry-event-box .row > div.right-col #related-post { border-bottom: 1px solid #e2e2e3; padding-bottom: 35px; margin-bottom: 35px; } .entry-event-box .row > div.right-col #respond .comment-form .row > div .input-block, .entry-event-box .row > div.right-col #respond .comment-form .row > div .textarea-block { margin-bottom: 20px; } .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"] { color: #ffffff; background-color: #ed145b; border-color: #ed145b; } .entry-event-box .row > div.right-col #respond .comment-form .row > div .comment-button input[type="submit"]:hover { background-color: #17376e; border-color: #17376e; } .entry-event-box .row > div.left-col .entry-thumb { margin-bottom: 25px; } .entry-event-box .row > div.left-col .entry-content .event-ticket { margin-top: 50px; margin-bottom: 25px; } .entry-event-box .row > div.left-col .entry-content .event-price { text-transform: uppercase; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #191d3d; margin-bottom: 30px; } .entry-event-box .row > div.left-col .entry-content .event-price p { margin-bottom: 5px; } .entry-event-box .row > div.left-col .entry-content .event-price span { color: #03a9f5; } .entry-event-box .row > div.left-col .entry-content .kopa-button { display: block; text-align: center; } /*----- Spinner -----*/ .kopa-spinner { position: relative; margin-bottom: 0; } .kopa-spinner .kopa-spinner-label { display: block; text-transform: uppercase; font-weight: 500; color: #191d3d; margin-bottom: 25px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; } .kopa-spinner .ui-spinner { border: 1px solid #e2e2e3; border-radius: 0; color: #191d3d; font-size: 12px; } .kopa-spinner .ui-spinner .ui-spinner-input { width: 52px; margin: 0 23px; height: 37px; line-height: 37px; text-align: center; } .kopa-spinner .ui-spinner a.ui-spinner-up { background-color: #f2f4f5; height: 37px; line-height: 37px; width: 23px; text-align: center; color: #aaa; right: 0; top: 0; position: absolute; border: none; margin: 0; cursor: pointer; border-radius: 0; } .kopa-spinner .ui-spinner a.ui-spinner-up:before { content: "+"; font-size: 16px; } .kopa-spinner .ui-spinner a.ui-spinner-down { background-color: #f2f4f5; height: 37px; line-height: 37px; width: 23px; text-align: center; color: #aaa; left: 0; top: 0; position: absolute; border: none; margin: 0; cursor: pointer; border-radius: 0; } .kopa-spinner .ui-spinner a.ui-spinner-down:before { content: "-"; font-size: 16px; } /*----- Single course -----*/ .entry-course-box { margin-bottom: 40px; } .entry-course-box .row > div.left-col .entry-title { font-weight: 600; font-size: 20px; line-height: 26px; margin-bottom: 25px; } .entry-course-box .row > div.left-col > .entry-thumb { margin-right: 30px; width: 270px; } .entry-course-box .row > div.left-col .entry-content > p { line-height: 24px; margin-bottom: 20px; } .entry-course-box .row > div.left-col .entry-content .kopa-button { display: block; text-align: center; } .entry-course-box .row > div.left-col .tag-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-course-box .row > div.left-col .tag-box span { text-transform: uppercase; font-weight: 500; font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #262c56; display: block; margin-bottom: 15px; } .entry-course-box .row > div.left-col .tag-box a { display: inline-block; line-height: 28px; border: 1px solid #e2e2e3; border-radius: 5px; padding: 0 15px; } .entry-course-box .row > div.left-col .tag-box a:hover { color: #ffffff; background-color: #ed145b; border-color: #ed145b; } .entry-course-box .row > div.left-col .social-box { border-bottom: 1px solid #e2e2e3; padding-bottom: 30px; margin-bottom: 40px; } .entry-course-box .row > div.left-col .social-box span { font-size: 16px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; text-transform: uppercase; } .entry-course-box .row > div.left-col .social-box .social-links { margin-left: -15px; } .entry-course-box .row > div.left-col .social-box .social-links li { margin-left: 15px; } .entry-course-box .row > div.left-col .social-box .social-links li a { width: auto; height: auto; background-color: transparent; color: #aaaaaa; font-size: 16px; } .entry-course-box .row > div.left-col .social-box .social-links li a:hover { color: #191d3d; } .entry-course-box .row > div.left-col .about-author { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 40px; } .entry-course-box .row > div.left-col .about-author .author-avatar { width: 100px; margin-right: 30px; border-radius: 50%; } .entry-course-box .row > div.left-col .about-author .author-avatar img { border-radius: 50%; width: 100%; display: block; } .entry-course-box .row > div.left-col .about-author .author-content { overflow: hidden; } .entry-course-box .row > div.left-col .about-author .author-content h5 { font-size: 18px; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; line-height: 24px; margin-bottom: 8px; } .entry-course-box .row > div.left-col .about-author .author-content h5 a { color: #03a9f5; } .entry-course-box .row > div.left-col .about-author .author-content h5 a:hover { color: #ed145b; } .entry-course-box .row > div.left-col .about-author .author-content .social-links { margin: 0 0 0 -20px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li { border-radius: 0; margin: 10px 0 0 20px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li a { border-radius: 0; background-color: transparent; color: #e2e2e3; width: auto; height: auto; line-height: 1; font-size: 16px; } .entry-course-box .row > div.left-col .about-author .author-content .social-links li a:hover { color: #03a9f5; } .entry-course-box .row > div.left-col .entry-course-box-footer { border-bottom: 1px solid #e2e2e3; padding-bottom: 40px; margin-bottom: 30px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div { width: 50%; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item { position: relative; min-height: 130px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item img { width: 100%; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content { position: absolute; width: 100%; left: 0; bottom: 0; padding: 0 20px 50px 60px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a { color: #ffffff; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.prev-post, .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.next-post { font-size: 13px; text-transform: uppercase; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a:hover { color: #ed145b; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.fa { position: absolute; left: 20px; top: 5px; height: 30px; width: 30px; line-height: 28px; border-radius: 50%; color: #ffffff; background-color: #262c56; text-align: center; font-size: 26px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content a.fa:hover { background-color: #ed145b; } .entry-course-box .row > div.left-col .entry-course-box-footer > div .entry-item .entry-content .entry-title { font-size: 16px; text-transform: uppercase; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; font-weight: 400; line-height: 22px; margin-bottom: 0; } .entry-course-box .row > div.left-col .entry-course-box-footer > div.next-article-item .entry-item .entry-content { text-align: right; padding-right: 60px; padding-left: 30px; } .entry-course-box .row > div.left-col .entry-course-box-footer > div.next-article-item .entry-item .entry-content a.fa { left: auto; right: 20px; } .entry-course-box .row > div.left-col #related-post { border-bottom: none; padding-bottom: 0; margin-bottom: 10px; } .entry-course-box .row > div.right-col .event-speaker > h6 { text-transform: uppercase; font-size: 14px; line-height: 16px; position: relative; padding-bottom: 12px; margin-bottom: 30px; border-bottom: 3px solid #e2e2e3; } .entry-course-box .row > div.right-col .event-speaker ul { margin: -30px 0 50px; padding: 0; } .entry-course-box .row > div.right-col .event-speaker ul li { float: none; margin: 30px 0 0; list-style: none; } .entry-course-box .row > div.right-col .event-speaker ul li .speaker-avatar { width: 70px; margin-right: 15px; } .entry-course-box .row > div.right-col .event-speaker ul li .speaker-detail h6 { font-size: 14px; line-height: 20px; text-transform: uppercase; margin-bottom: 5px; margin-top: -4px; } .entry-course-box .row > div.right-col .event-detail > ul { padding: 0; margin: 0 0 30px; } .entry-course-box .row > div.right-col .event-detail > ul > li { float: none; margin: 0; list-style: none; padding: 15px 0; border-top: 1px solid #e2e2e3; } .entry-course-box .row > div.right-col .event-detail > ul > li:first-child { border-top: none; padding-top: 0; } .entry-course-box .row > div.right-col .event-detail > ul > li strong { width: 50px; margin-right: 30px; text-transform: uppercase; font-weight: 400; color: #191d3d; } .entry-course-box .row > div.right-col .event-detail > ul > li i { color: #03a9f5; width: 18px; margin-right: 12px; font-size: 18px; } .entry-course-box .row > div.right-col .event-detail > p { line-height: 24px; margin-bottom: 20px; } .entry-course-box .row > div.right-col .event-detail .text-left .kopa-button { margin-right: 5px; } .entry-course-box .row > div.right-col .event-ticket { margin-bottom: 25px; } .entry-course-box .row > div.right-col .event-price { text-transform: uppercase; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #191d3d; margin-bottom: 30px; } .entry-course-box .row > div.right-col .event-price p { margin-bottom: 5px; } .entry-course-box .row > div.right-col .event-price span { color: #03a9f5; } .entry-course-box .row > div.right-col .kopa-button { margin-bottom: 10px; display: block; text-align: center; } .entry-course-box #respond .comment-form .row > div .input-block, .entry-course-box #respond .comment-form .row > div .textarea-block { margin-bottom: 20px; } .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"] { color: #ffffff; background-color: #ed145b; border-color: #ed145b; } .entry-course-box #respond .comment-form .row > div .comment-button input[type="submit"]:hover { background-color: #17376e; border-color: #17376e; } /*----- FAQ page -----*/ .kopa-faq-section .faq-filter { margin-bottom: 30px; border-top: 3px double #f2f4f5; border-bottom: 3px double #f2f4f5; padding: 15px 0; } .kopa-faq-section .faq-filter .filter-label { display: block; margin-right: 35px; line-height: 16px; } .kopa-faq-section .faq-filter ul { margin: -10px 0 0 -20px; padding: 0; } .kopa-faq-section .faq-filter ul li { float: left; margin: 10px 0 0; list-style: none; border-left: 1px solid #f2f4f5; position: relative; } .kopa-faq-section .faq-filter ul li a { display: block; margin: 0 20px; line-height: 16px; position: relative; } .kopa-faq-section .faq-filter ul li a:before { content: ""; position: absolute; left: 0; top: -18px; width: 100%; height: 3px; background-color: #03a9f5; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .kopa-faq-section .faq-filter ul li a:hover { color: #03a9f5; } .kopa-faq-section .faq-filter ul li:first-child { border-left: none; } .kopa-faq-section .faq-filter ul li:first-child a { padding-left: 0; } .kopa-faq-section .faq-filter ul li.current a:before, .kopa-faq-section .faq-filter ul li:hover a:before { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .kopa-faq-section .kopa-accordion .panel-group .panel { border: none; margin: 0 0 5px !important; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-body { padding: 30px 0; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading { background-color: #f5f5f5; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading .panel-title a { padding: 12px 70px 12px 30px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading .panel-title a .btn-title { background-color: transparent !important; top: 18px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover { border-radius: 5px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active .panel-title, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover .panel-title { border-radius: 5px; } .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading.active .panel-title a .btn-title:before, .kopa-faq-section .kopa-accordion .panel-group .panel .panel-heading:hover .panel-title a .btn-title:before { background-color: #ffffff; } /*----- Forum page -----*/ #bbpress-forums { color: #666; margin-bottom: 0; } #bbpress-forums .bbp-pagination { margin-bottom: 30px; } #bbpress-forums .bbp-pagination .bbp-pagination-count { font-size: 14px; } #bbpress-forums .bbp-pagination-links .page-numbers { height: 32px; width: 32px; text-align: center; border: 1px solid #17376e; background: #17376e; line-height: 30px; color: #ffffff; border-radius: 3px; padding: 0; margin-left: 10px; } #bbpress-forums .bbp-pagination-links .page-numbers.current, #bbpress-forums .bbp-pagination-links .page-numbers:hover { background: #ffffff; border-color: #f2f4f5; color: #262c56; } #bbpress-forums .bbp-pagination-links .page-numbers .dots { margin-left: 10px; } #bbpress-forums ul.bbp-forums { border: none; margin-bottom: 25px; } #bbpress-forums ul.bbp-forums li.bbp-forum-freshness, #bbpress-forums ul.bbp-forums li.bbp-topic-freshness { text-align: left; } #bbpress-forums ul.bbp-forums li.bbp-header { background: #17376e; color: #ffffff; font-size: 13px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; border-top: none; border-radius: 3px 3px 0 0; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-info { width: 55%; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-reply-count { width: 10%; } #bbpress-forums ul.bbp-forums li.bbp-header .forum-titles .bbp-forum-freshness { width: 25%; text-align: center; } #bbpress-forums ul.bbp-forums .bbp-author-name { color: #262c56; } #bbpress-forums ul.bbp-forums .bbp-author-name:hover { color: #ed145b; } #bbpress-forums ul.bbp-forums .bbp-forum-title { font-size: 14px; color: #191d3d; } #bbpress-forums ul.bbp-forums .bbp-forum-title:hover { color: #ed145b; } #bbpress-forums ul.bbp-forums li.bbp-body { border-left: 1px solid #f2f4f5; border-right: 1px solid #f2f4f5; } #bbpress-forums ul.bbp-forums li.bbp-body table { margin-bottom: 0; display: block; } #bbpress-forums ul.bbp-forums li.bbp-body tbody { display: block; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum { overflow: hidden; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td { float: left; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-info { width: 55%; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-topic-count, #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-reply-count { width: 10%; } #bbpress-forums ul.bbp-forums li.bbp-body tbody .forum td.bbp-forum-freshness { width: 25%; text-align: center; } #bbpress-forums ul.bbp-forums .forum { border-top: none; border-bottom: 1px solid #f2f4f5; padding: 0; background: #ffffff; margin-bottom: 0; position: relative; display: block; } #bbpress-forums ul.bbp-forums .forum > td { padding-top: 25px; padding-bottom: 25px; padding-right: 20px; padding-left: 20px; position: relative; border-top: none; vertical-align: top; } #bbpress-forums ul.bbp-forums .bbp-forum-info { position: relative; padding-left: 20px; padding-right: 20px; left: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-permalink { font-size: 14px; display: inline-block; margin-bottom: 5px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-pagination a { padding: 0 5px; font-size: 13px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by { font-size: 14px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by .bbp-author-avatar { display: none; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-by .bbp-author-name { margin-right: 20px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in { position: relative; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in:before { margin: 0 7px 0 0; content: "\f016"; color: #c4c6ca; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in a { color: #ed145b; text-transform: uppercase; font-weight: 400; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-topic-meta .bbp-topic-started-in a:hover { color: #17376e; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-reply-content { margin-left: 0; padding: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-reply-content p { margin-bottom: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-topic-count, #bbpress-forums ul.bbp-forums .bbp-forum-reply-count { vertical-align: middle !important; text-align: center; } #bbpress-forums ul.bbp-forums li.bbp-header, #bbpress-forums ul.bbp-forums li.bbp-footer { padding: 15px 0; font-weight: normal; } #bbpress-forums ul.bbp-forums li.bbp-header li.bbp-forum-info, #bbpress-forums ul.bbp-forums li.bbp-footer li.bbp-forum-info { padding-left: 20px; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness { padding-left: 20px; padding-right: 20px; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness > a { color: #17376e; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness > a:hover { color: #ed145b; } #bbpress-forums ul.bbp-forums .bbp-topic-meta { margin-top: 0; margin-bottom: 5px; font-size: 13px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta span { white-space: normal; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness-author { overflow: hidden; display: block; } #bbpress-forums ul.bbp-forums .bbp-forum-freshness-author > span { float: left; width: 90px; line-height: 22px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta .bbp-forum-avatar { border: none; display: none; width: 40px; float: left; margin-right: 15px; } #bbpress-forums ul.bbp-forums .bbp-topic-meta .bbp-forum-avatar img.avatar { padding: 0; border: none; display: block; width: 100%; height: auto; margin-bottom: 0; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-forum-content { margin: 0; font-size: 13px; } #bbpress-forums ul.bbp-forums .bbp-forum-info .bbp-forum-content p { margin-bottom: 0; } #bbpress-forums ul.bbp-topics { border: none; margin-bottom: 25px; } #bbpress-forums ul.bbp-topics li.bbp-body .topic { border: 1px solid #dfdfdf; padding: 0; background: #fafafa; margin-bottom: 6px; position: relative; display: block; } #bbpress-forums ul.bbp-topics li.bbp-body .topic:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-topics .bbp-topic-started-by { padding: 30px 20px 30px; width: 125px; text-align: center; border-right: 1px solid #dfdfdf; margin-right: -1px; } #bbpress-forums ul.bbp-topics .bbp-author-avatar { display: inline-block; width: 60px; height: 60px; overflow: hidden; margin-bottom: 7px; } #bbpress-forums ul.bbp-topics .bbp-author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums ul.bbp-topics .bbp-author-name { font-weight: 700; color: #ed145b; } #bbpress-forums ul.bbp-topics .bbp-topic-content { border-left: 1px solid #dfdfdf; margin-left: -1px; padding-left: 25px; position: relative; padding-top: 40px; padding-right: 20px; } #bbpress-forums ul.bbp-topics .bbp-topic-reply-count, #bbpress-forums ul.bbp-topics .bbp-topic-view-count { height: 60px; width: 60px; padding: 5px; border: 1px solid #dfdfdf; color: #17376e; text-align: center; } #bbpress-forums ul.bbp-topics .bbp-topic-reply-count span, #bbpress-forums ul.bbp-topics .bbp-topic-view-count span { display: block; font-size: 13px; } #bbpress-forums ul.bbp-topics .bbp-reply-view { position: absolute; right: 15px; bottom: 60px; border-bottom: 20px; } #bbpress-forums ul.bbp-topics .bbp-reply-view > div { margin-left: 10px; float: left; } #bbpress-forums ul.bbp-topics .bbp-topic-permalink { font-weight: 700; color: #17376e; } #bbpress-forums ul.bbp-topics .bbp-topic-permalink:hover { color: #ed145b; } #bbpress-forums ul.bbp-topics .bbp-topic-meta { margin-left: -25px; margin-right: -150px; padding-left: 25px; border-top: 1px solid #dfdfdf; font-size: 11px; text-transform: uppercase; line-height: 40px; margin-top: 45px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete { position: absolute; top: 18px; right: 0; color: #fff; background: #ed145b; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete span { position: relative; line-height: 26px; padding-left: 5px; padding-right: 12px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete span:after { content: ''; width: 0; height: 0; position: absolute; left: -15px; top: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky { background: #ed145b; margin-right: 7px; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-sticky:after { border-right: 15px solid #ed145b; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-complete { background: #17376e; } #bbpress-forums ul.bbp-topics .bbp-sticky-complete .bbp-complete:after { border-right: 15px solid #17376e; } #bbpress-forums ul.bbp-topics .bbp-topic-in { font-size: 14px; margin-bottom: 0; margin-top: 10px; } #bbpress-forums ul.bbp-topics .bbp-topic-in i { margin-right: 10px; color: #bbb; } #bbpress-forums ul.bbp-threads { border: none; margin-bottom: 30px; } #bbpress-forums ul.bbp-threads li.bbp-header { border: 1px solid #dfdfdf; border-bottom: none; background: #fafafa; position: relative; display: block; text-align: left; font-weight: normal; padding: 18px 20px; } #bbpress-forums ul.bbp-threads li.bbp-header:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-threads li.bbp-header .bbp-topic-time { font-size: 11px; text-transform: uppercase; } #bbpress-forums ul.bbp-threads li.bbp-header .bbp-topic-title { margin-top: 0; padding-bottom: 0; text-transform: uppercase; margin-bottom: 17px; margin-right: 70px; line-height: 24px; } #bbpress-forums ul.bbp-threads li.bbp-body { border-top: 1px solid #dfdfdf; } #bbpress-forums ul.bbp-threads li.bbp-body .thread { border: 1px solid #dfdfdf; border-top: none; padding: 0; background: #fafafa; position: relative; display: block; } #bbpress-forums ul.bbp-threads li.bbp-body .thread:hover { background: #f4f4f4; } #bbpress-forums ul.bbp-threads .bbp-topic-started-by { padding: 25px 20px 20px; width: 125px; text-align: center; border-right: 1px solid #dfdfdf; margin-right: -1px; } #bbpress-forums ul.bbp-threads .bbp-author-avatar { display: inline-block; width: 60px; height: 60px; overflow: hidden; margin-bottom: 7px; } #bbpress-forums ul.bbp-threads .bbp-author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums ul.bbp-threads .bbp-author-name { font-weight: 700; color: #ed145b; } #bbpress-forums ul.bbp-threads .bbp-topic-content { border-left: 1px solid #dfdfdf; margin-left: -1px; padding-left: 25px; position: relative; padding-top: 20px; padding-right: 20px; } #bbpress-forums ul.bbp-threads .bbp-topic-meta { margin-left: -25px; margin-right: -20px; padding-left: 25px; border-top: 1px solid #dfdfdf; font-size: 11px; text-transform: uppercase; line-height: 45px; margin-top: 28px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete { position: absolute; top: 18px; right: 0; color: #fff; background: #ed145b; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete span { position: relative; line-height: 26px; padding-left: 5px; padding-right: 12px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete span:after { content: ''; width: 0; height: 0; position: absolute; left: -15px; top: 0; border-top: 13px solid transparent; border-bottom: 13px solid transparent; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky { background: #ed145b; margin-right: 7px; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-sticky:after { border-right: 15px solid #ed145b; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-complete { background: #17376e; } #bbpress-forums ul.bbp-threads .bbp-sticky-complete .bbp-complete:after { border-right: 15px solid #17376e; } #bbpress-forums ul.bbp-threads .bbp-topic-in { font-size: 14px; margin-bottom: 0; } #bbpress-forums ul.bbp-threads .bbp-topic-in i { margin-right: 10px; color: #bbb; } #bbpress-forums .bbp-topic-form .bbp-author { width: 170px; padding-right: 20px; } #bbpress-forums .bbp-topic-form .author-avatar { width: 60px; display: block; } #bbpress-forums .bbp-topic-form .author-avatar img { display: block; width: 100%; height: auto; } #bbpress-forums .bbp-topic-form .author-name { display: block; font-weight: 700; color: #ed145b; margin-top: 10px; } #bbpress-forums fieldset.bbp-form { margin-bottom: 0; border: none; padding: 0; } #bbpress-forums fieldset.bbp-form label { font-weight: normal; } #bbpress-forums fieldset.bbp-form button[type="submit"] { height: 36px; padding: 0 25px; background: #17376e; color: #fff; text-transform: uppercase; border-color: #17376e; } #bbpress-forums fieldset.bbp-form button[type="submit"]:hover { background: #ed145b; border-color: #ed145b; } #bbpress-forums div.bbp-the-content-wrapper { margin-bottom: 20px; } #bbpress-forums div.bbp-the-content-wrapper div.quicktags-toolbar { background: none; padding: 0; border-bottom: none; overflow: hidden; } #bbpress-forums div.bbp-the-content-wrapper input { background: #fafafa; border-color: #dfdfdf; padding: 0 10px; line-height: 30px; float: left; margin-right: 5px; color: #000; font-size: 15px; margin-bottom: 5px; border-radius: 0; } #bbpress-forums div.bbp-the-content-wrapper input:hover, #bbpress-forums div.bbp-the-content-wrapper input:active { color: #ed145b; } #bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content { padding: 8px; margin-top: 3px; border: 1px solid #dfdfdf; } #bbpress-forums .bbp-template-notice { background: #17376e; border-color: #17376e; color: #ffffff; padding: 10px 15px; border-radius: 0; } #bbpress-forums .bbp-template-notice p { margin: 0 !important; font-size: 15px; } .kopa-login-widget { background-color: #f2f4f5; padding: 25px 30px; } .kopa-login-widget input[type="text"] { height: 42px; background-color: #ffffff; border: 1px solid #e2e2e3; padding: 5px 10px; line-height: 30px; width: 100%; border-radius: 3px; } .kopa-login-widget .form-group { margin-bottom: 22px; } .kopa-login-widget label { font-weight: 300; color: #b8baba; } .kopa-login-widget .forgetmenot { margin-bottom: 20px; } .kopa-login-widget .forgetmenot label { position: relative; padding-left: 20px; } .kopa-login-widget .forgetmenot label input[type="radio"], .kopa-login-widget .forgetmenot label input[type="checkbox"] { margin: 0; position: absolute; top: 4px; left: 0; } .kopa-login-widget .submit { margin-bottom: 25px; } .kopa-login-widget input[type="submit"] { color: #ffffff; text-transform: uppercase; background-color: #ed145b; border-radius: 3px; height: 42px; padding: 5px 30px; border: none; line-height: 30px; } .kopa-login-widget input[type="submit"]:hover { background-color: #17376e; } /* Contact page ---------------------------------- */ .kp-map-wrapper { position: absolute; top: 0; left: 0; width: 100%; height: 600px; } .kp-map-wrapper #kp-map { height: 100%; width: 100%; } #kopa-contact-info-widget { margin-bottom: 40px; } #kopa-contact-info-widget p { margin-bottom: 15px; } #kopa-contact-info-widget p i { color: #ed145b; margin-right: 10px; } #kopa-contact-info-widget p strong { width: 65px; margin-right: 15px; color: #ffffff; } #kopa-contact-info-widget p a { color: #637587; } #kopa-contact-info-widget p a:hover { color: #ed145b; } #contact-form .contact-form-title { position: relative; padding-top: 20px; margin-bottom: 80px; } #contact-form .contact-form-title h2 { font-weight: 600; } #contact-form .contact-form-title p { font-size: 21px; line-height: 26px; color: #a7aebf; text-transform: none; } #contact-form .contact-form-title:before { content: ""; position: absolute; height: 1px; width: 196px; background-color: #ececec; top: 0; left: 50%; margin-left: -98px; } #contact-form .contact-form-title:after { content: ""; position: absolute; background-color: #ffffff; width: 46px; height: 1px; top: 0; left: 50%; margin-left: -23px; } #contact-form .contact-form-title > span { width: 16px; height: 8px; background-color: #d7d7d8; position: absolute; top: -8px; left: 50%; margin-left: -8px; z-index: 1; } #contact-form .contact-form-title > span:before { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 8px solid #ececec; top: 0; left: -8px; left: auto; right: 0; } #contact-form .contact-form-title > span:after { content: ''; position: absolute; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 8px solid #ececec; top: 0; right: -8px; right: auto; left: 0; } #contact-form .contact-form .row > div .required { text-transform: uppercase; position: absolute; top: 15px; left: 15px; z-index: 1; font-weight: 300; color: #03a9f5; margin-bottom: 0; } #contact-form .contact-form .row > div .input-block { margin-bottom: 30px; position: relative; } #contact-form .contact-form .row > div .input-block input[type="text"] { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 50px; padding: 10px 15px 10px 35px; line-height: 28px; text-transform: uppercase; font-weight: 300; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .input-block input[type="text"]:focus { border-color: #03a9f5; } #contact-form .contact-form .row > div .textarea-block { margin-bottom: 30px; position: relative; } #contact-form .contact-form .row > div .textarea-block .required { top: 11px; } #contact-form .contact-form .row > div .textarea-block textarea { width: 100%; border-radius: 5px; border: 1px solid #e2e2e3; height: 200px; padding: 10px 15px 10px 35px; text-transform: uppercase; font-weight: 300; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #262c56; } #contact-form .contact-form .row > div .textarea-block textarea:focus { border-color: #03a9f5; } #contact-form .contact-form .row > div .contact-button input[type="submit"] { display: block; border: none; border-radius: 5px; text-align: center; background-color: #e2e2e3; padding: 14px; font-weight: 500; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; width: 100%; text-transform: uppercase; color: #17376e; } #contact-form .contact-form .row > div .contact-button input[type="submit"]:hover { background-color: #17376e; color: #ffffff; } /* Single Portfolio page ---------------------------------- */ .entry-portfolio-box .portfolio-content { margin-bottom: 45px; } .entry-portfolio-box .portfolio-content > div .portfolio-title { border-bottom: 1px solid #e2e2e3; padding-bottom: 10px; margin-bottom: 30px; } .entry-portfolio-box .portfolio-content > div .social-links { margin-left: -15px; margin-bottom: 45px; } .entry-portfolio-box .portfolio-content > div .social-links li { margin-left: 15px; } .entry-portfolio-box .portfolio-content > div .social-links li a { border-radius: 0; width: auto; height: auto; line-height: 1; background-color: transparent; color: #ccc; font-size: 14px; } .entry-portfolio-box .portfolio-content > div .social-links li a:hover { color: #03a9f5; } .entry-portfolio-box .portfolio-content > div .social-links li span { display: block; line-height: 1; margin-right: 20px; text-transform: uppercase; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 500; font-size: 14px; color: #191d3d; } .entry-portfolio-box .portfolio-content > div > p { line-height: 24px; } .entry-portfolio-box .portfolio-content > div .small-portfolio-title { text-transform: uppercase; border-bottom: 1px solid #e2e2e3; font-size: 14px; line-height: 20px; margin-top: 10px; padding-bottom: 10px; margin-bottom: 25px; } .entry-portfolio-box .portfolio-content > div .project-date, .entry-portfolio-box .portfolio-content > div .project-address { margin-bottom: 15px; } .entry-portfolio-box .portfolio-content > div .project-date i, .entry-portfolio-box .portfolio-content > div .project-address i { color: #03a9f5; margin-right: 10px; width: 16px; } .entry-portfolio-box .portfolio-content > div .project-categories { margin-bottom: 5px; } .entry-portfolio-box .portfolio-content > div .project-categories i { color: #03a9f5; margin-right: 10px; width: 16px; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item { position: relative; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item img { width: 100%; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .item:hover .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination { margin: 0; position: absolute; width: 100%; bottom: 25px; left: 0; z-index: 10; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page span { margin: 0 4px; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page.active span, .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-pagination .owl-page:hover span { background-color: #03a9f5; border-color: #03a9f5; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div { width: 63px; height: 68px; line-height: 68px; margin: -34px 0 0; border: none; background-color: #17376e; border-radius: 0; font-size: 30px; z-index: 10; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div:hover { background-color: #03a9f5; color: #ffffff; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div.owl-prev { left: 0; border-radius: 0 5px 5px 0; } .entry-portfolio-box .portfolio-thumb > div .owl-carousel-6 .owl-controls .owl-buttons div.owl-next { right: 0; border-radius: 5px 0 0 5px; } #related-portfolio > h4 { margin-bottom: 25px; } #related-portfolio .owl-carousel-wrapper { margin: 0 -15px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item { padding: 0 15px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item { background-color: #ffffff; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item:hover .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb { position: relative; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb img { width: 100%; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box { text-align: center; width: 100%; position: absolute; left: 0; top: 50%; margin-top: -7px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box a { color: #ffffff; text-align: center; line-height: 1; font-size: 14px; display: inline-block; margin: 0 10px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-thumb .click-box a:hover { color: #ed145b; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content { padding: 25px 30px; text-align: center; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content header { margin-bottom: 5px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .item .entry-item .entry-content .entry-title { margin-bottom: 0; font-size: 15px; line-height: 21px; font-weight: 400; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div { width: 63px; height: 68px; margin: 0; line-height: 68px; font-size: 30px; border: none; background-color: #191d3d; top: 100px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div.owl-prev { left: -9.4%; border-radius: 0 5px 5px 0; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-buttons div.owl-next { right: -9.4%; border-radius: 5px 0 0 5px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page span { border-color: #d2d8df; margin: 0 4px; width: 10px; height: 10px; } #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page.active span, #related-portfolio .owl-carousel-wrapper .owl-carousel-10 .owl-controls .owl-pagination .owl-page:hover span { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); background-color: #03a9f5; border-color: #03a9f5; } /* Single Professor page ---------------------------------- */ .entry-professor-box { margin-bottom: 50px; } .entry-professor-box .row { margin-bottom: 25px; } .entry-professor-box .row .entry-professor-thumb img { width: 100%; } .entry-professor-box .row > div .entry-content header { margin-bottom: 20px; } .entry-professor-box .row > div .entry-content header .entry-title { margin: -5px 0 2px; font-size: 32px; line-height: 38px; font-weight: 700; color: #191d3d; } .entry-professor-box .row > div .entry-content header span { text-transform: uppercase; font-size: 16px; } .entry-professor-box .row > div .entry-content > p { font-size: 16px; line-height: 24px; font-style: italic; margin-bottom: 23px; } .entry-professor-box .row > div .entry-content .social-links { margin-left: -20px; } .entry-professor-box .row > div .entry-content .social-links li { border-radius: 0; margin-left: 20px; } .entry-professor-box .row > div .entry-content .social-links li a { background-color: transparent; border-radius: 0; width: auto; line-height: 1; color: #d2d8df; font-size: 14px; } .entry-professor-box .row > div .entry-content .social-links li a:hover { color: #191d3d; } .entry-professor-box > p { font-size: 16px; line-height: 24px; } /* 404 page ---------------------------------- */ .kopa-404-error > div i { color: #ffffff; font-size: 175px; } .kopa-404-error > div h2 { margin: 15px 0 70px; } .kopa-404-error > div h3 { color: #ffffff; font-size: 48px; line-height: 54px; font-weight: 400; margin-bottom: 15px; } .kopa-404-error > div span { font-size: 16px; line-height: 22px; display: inline-block; margin-bottom: 45px; } .kopa-404-error .search-box { margin-bottom: 30px; } .kopa-404-error .search-box .search-form { width: 570px; display: inline-block; } .kopa-404-error .search-box .search-form input.search-text { height: 42px; line-height: 22px; font-size: 13px; font-style: normal; border-radius: 3px; padding-right: 15px; letter-spacing: 1px; } /* Shop page ---------------------------------- */ .woocommerce #container #content .page-title { font-size: 28px; line-height: 34px; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; margin-bottom: 0; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { float: right; margin-bottom: 30px; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { border: 1px solid #e2e2e3; padding: 10px 15px; color: #637587; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: left; margin: 0 0 30px; line-height: 42px; text-transform: uppercase; } .woocommerce ul.products, .woocommerce-page ul.products { margin: 0 -15px; padding: 0; } .woocommerce ul.products li.product, .woocommerce-page ul.products li.product { width: 50%; padding: 0 15px; float: left; margin: 0 0 30px; list-style: none; } .woocommerce ul.products li.product:hover .product-thumb .mask, .woocommerce-page ul.products li.product:hover .product-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Netscape */ -moz-opacity: 1; /* Safari 1.x */ -khtml-opacity: 1; /* Good browsers */ opacity: 1; } .woocommerce ul.products li.product .product-thumb, .woocommerce-page ul.products li.product .product-thumb { position: relative; border-top: 1px solid #e2e2e3; border-left: 1px solid #e2e2e3; border-right: 1px solid #e2e2e3; } .woocommerce ul.products li.product .product-thumb .mask, .woocommerce-page ul.products li.product .product-thumb .mask { /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Netscape */ -moz-opacity: 0; /* Safari 1.x */ -khtml-opacity: 0; /* Good browsers */ opacity: 0; } .woocommerce ul.products li.product .product-thumb .mask .button-box, .woocommerce-page ul.products li.product .product-thumb .mask .button-box { position: absolute; bottom: 0; right: -1px; } .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button { border: 1px solid #17376e; background-color: #17376e; padding: 0; margin: 0; text-align: center; height: 42px; width: 42px; line-height: 40px; color: #b4b8c7; display: block !important; } .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button:hover, .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button:hover, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_cart_button:hover, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button:hover { border-color: #ed145b; background-color: #ed145b; color: #ffffff; } .woocommerce ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button, .woocommerce-page ul.products li.product .product-thumb .mask .button-box .button.add_to_wishlist_button { border-color: #e2e2e3; background-color: #ffffff; } .woocommerce ul.products li.product .product-thumb > a > img, .woocommerce-page ul.products li.product .product-thumb > a > img { box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; margin-bottom: 0; width: 100%; } .woocommerce ul.products li.product .product-thumb .onsale, .woocommerce-page ul.products li.product .product-thumb .onsale { background: #17376e; color: #ffffff; text-transform: uppercase; padding: 14px 12px 12px; position: absolute; left: 30px; top: -1px; line-height: 1; z-index: 10; margin: 0; right: auto; font-weight: 400; border-radius: 0; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -ms-text-shadow: none; font-size: 14px; box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .woocommerce ul.products li.product .product-thumb .onsale:before, .woocommerce-page ul.products li.product .product-thumb .onsale:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid #17376e; top: 100%; left: -30px; left: auto; right: 0; } .woocommerce ul.products li.product .product-thumb .onsale:after, .woocommerce-page ul.products li.product .product-thumb .onsale:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid #17376e; top: 100%; right: -30px; right: auto; left: 0; } .woocommerce ul.products li.product .product-thumb .hot-item, .woocommerce-page ul.products li.product .product-thumb .hot-item { background-color: #ed145b; color: #ffffff; text-transform: uppercase; padding: 14px 14px 12px; position: absolute; left: 30px; top: -1px; line-height: 1; z-index: 10; } .woocommerce ul.products li.product .product-thumb .hot-item:before, .woocommerce-page ul.products li.product .product-thumb .hot-item:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 28px solid #ed145b; top: 100%; left: -28px; left: auto; right: 0; } .woocommerce ul.products li.product .product-thumb .hot-item:after, .woocommerce-page ul.products li.product .product-thumb .hot-item:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 28px solid #ed145b; top: 100%; right: -28px; right: auto; left: 0; } .woocommerce ul.products li.product .product-detail, .woocommerce-page ul.products li.product .product-detail { padding: 20px 30px 30px; border: 1px solid #e2e2e3; } .woocommerce ul.products li.product .product-detail > a, .woocommerce-page ul.products li.product .product-detail > a { position: relative; display: block; } .woocommerce ul.products li.product .product-detail > a footer, .woocommerce-page ul.products li.product .product-detail > a footer { overflow: hidden; } .woocommerce ul.products li.product .product-detail > a .star-rating, .woocommerce-page ul.products li.product .product-detail > a .star-rating { float: right; display: inline-block; font-size: 10px; line-height: 8px; color: #03a9f5; margin-bottom: 0; margin-top: 13px; width: 65px; letter-spacing: 3px; } .woocommerce ul.products li.product .product-detail > a .star-rating:before, .woocommerce-page ul.products li.product .product-detail > a .star-rating:before { color: #03a9f5; } .woocommerce ul.products li.product .product-detail > a h3, .woocommerce-page ul.products li.product .product-detail > a h3 { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 15px; text-transform: uppercase; } .woocommerce ul.products li.product .product-detail > a h3:hover, .woocommerce-page ul.products li.product .product-detail > a h3:hover { color: #ed145b; } .woocommerce ul.products li.product .product-detail > a .price, .woocommerce-page ul.products li.product .product-detail > a .price { display: inline-block; float: left; padding: 8px 20px; color: #ffffff; background-color: #ed145b; border-radius: 5px; font-size: 14px; margin: 0; } .woocommerce ul.products li.product .product-detail > a .price del, .woocommerce-page ul.products li.product .product-detail > a .price del { font-size: 14px; margin-right: 10px; font-weight: 300; color: #ffffff; } .woocommerce ul.products li.product .product-detail > a .price del .amount, .woocommerce-page ul.products li.product .product-detail > a .price del .amount { font-size: 14px; text-decoration: line-through; } .woocommerce ul.products li.product .product-detail > a .price .amount, .woocommerce-page ul.products li.product .product-detail > a .price .amount { font-weight: 600; font-size: 18px; } .woocommerce ul.products li.product .product-detail > a .price ins, .woocommerce-page ul.products li.product .product-detail > a .price ins { text-decoration: none; font-size: 18px; font-weight: 600; } .woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { display: inline-block !important; background: #ed145b; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; color: #ffffff; padding: 7px 15px; font-weight: 300; text-shadow: none; border-radius: 0; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -ms-box-shadow: none; } .woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover { background: #17376e; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { border-top: 1px solid #e2e2e3; padding-top: 30px; margin-top: 20px; } .woocommerce #content nav.woocommerce-pagination ul, .woocommerce nav.woocommerce-pagination ul, .woocommerce-page #content nav.woocommerce-pagination ul, .woocommerce-page nav.woocommerce-pagination ul { border: none; margin: 0; } .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li { border: none; margin: 0 0 0 10px; display: block; overflow: visible; } .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span { display: block; font-size: 13px; padding: 0px 15px; line-height: 36px; color: #17376e; border: 1px solid #e2e2e3; border-radius: 3px; } .woocommerce #content nav.woocommerce-pagination ul li span.current, .woocommerce nav.woocommerce-pagination ul li span.current, .woocommerce-page #content nav.woocommerce-pagination ul li span.current, .woocommerce-page nav.woocommerce-pagination ul li span.current { border-color: #17376e; color: #ffffff; background-color: #17376e; } .woocommerce #content nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce-page #content nav.woocommerce-pagination ul li a:hover, .woocommerce-page nav.woocommerce-pagination ul li a:hover { border-color: #03a9f5; color: #ffffff; background-color: #03a9f5; } .widget_product_categories .product-categories { margin: 0; padding: 0; } .widget_product_categories .product-categories li { border-top: 1px solid #155588; padding-top: 10px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; overflow: hidden; } .widget_product_categories .product-categories li:first-child { border-top: none; padding-top: 0; } .widget_product_categories .product-categories li a { float: left; } .widget_product_categories .product-categories li span { float: right; color: #ed145b; font-size: 12px; } .widget_top_rated_products ul.product_list_widget { margin-top: -20px; } .widget_top_rated_products ul.product_list_widget li { position: relative; margin: 20px 0 0; padding-top: 20px; border-top: 1px solid #155588; } .widget_top_rated_products ul.product_list_widget li:first-child { border-top: none; } .widget_top_rated_products ul.product_list_widget li .star-rating { font-size: 11px; line-height: 10px; margin-bottom: 20px; color: #ed145b; } .widget_top_rated_products ul.product_list_widget li .star-rating:before { color: #ed145b; } .widget_top_rated_products ul.product_list_widget li .star-rating span { line-height: 10px; } .widget_top_rated_products ul.product_list_widget li > a { display: block; float: none; font-size: 16px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; font-weight: 600; margin-bottom: 15px; } .widget_top_rated_products ul.product_list_widget li > a img { width: 90px; height: 90px; margin-right: 20px; margin-left: 0; box-shadow: 0 0 0 transparent; -ms-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; -webkit-box-shadow: 0 0 0 transparent; float: left; } .widget_top_rated_products ul.product_list_widget li .amount { font-size: 14px; } .widget_top_rated_products ul.product_list_widget li ins { text-decoration: none; } .widget_top_rated_products ul.product_list_widget li ins .amount { position: static; } .widget_top_rated_products ul.product_list_widget li del { margin-right: 10px; } .widget_top_rated_products ul.product_list_widget li del .amount { text-decoration: line-through; font-size: 12px; } .woocommerce a.add_to_cart_button, .woocommerce-page a.add_to_cart_button { line-height: 30px; padding: 0 20px; font-weight: 300; color: #ffffff; background-color: #3a2f57; } .woocommerce a.add_to_cart_button:hover, .woocommerce-page a.add_to_cart_button:hover { background-color: #eae9f1; color: #17376e; } /* Singe product page ---------------------------------- */ .woocommerce div.product div.images, .woocommerce-page div.product div.images { float: left; margin-bottom: 100px; width: 50%; position: relative; } .woocommerce div.product div.images img, .woocommerce-page div.product div.images img { width: 100%; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .woocommerce div.product div.images .onsale, .woocommerce-page div.product div.images .onsale { background: #ed145b; color: #ffffff; text-transform: uppercase; padding: 14px 12px 12px; position: absolute; left: 30px; top: 0; line-height: 1; z-index: 10; margin: 0; right: auto; font-weight: 400; border-radius: 0; text-shadow: none; -moz-text-shadow: none; -webkit-text-shadow: none; -ms-text-shadow: none; font-size: 14px; box-shadow: 0 0 0 0; -ms-box-shadow: 0 0 0 0; -moz-box-shadow: 0 0 0 0; -webkit-box-shadow: 0 0 0 0; } .woocommerce div.product div.images .onsale:before, .woocommerce-page div.product div.images .onsale:before { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-right: 30px solid #ed145b; top: 100%; left: -30px; left: auto; right: 0; } .woocommerce div.product div.images .onsale:after, .woocommerce-page div.product div.images .onsale:after { content: ''; position: absolute; border-top: 0px solid transparent; border-bottom: 15px solid transparent; border-left: 30px solid #ed145b; top: 100%; right: -30px; right: auto; left: 0; } .woocommerce div.product div.summary, .woocommerce-page div.product div.summary { margin: 0 0 100px; width: 50%; padding-left: 30px; float: right; } .woocommerce div.product div.summary h4, .woocommerce-page div.product div.summary h4 { font-size: 32px; line-height: 38px; color: #191d3d; margin-bottom: 15px; border-bottom: none; padding-bottom: 0 !important; } .woocommerce div.product div.summary .woocommerce-product-rating, .woocommerce-page div.product div.summary .woocommerce-product-rating { display: block; line-height: 20px; overflow: hidden; margin-bottom: 20px; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating { float: left; font-size: 13px; height: 20px; width: 75px; letter-spacing: 3px; line-height: 20px; position: relative; font-family: 'FontAwesome'; margin-right: 10px; margin-top: 1px; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating:before, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating:before { color: #03a9f5; content: "\f006\f006\f006\f006\f006"; font-family: 'FontAwesome'; float: left; left: 0; top: 0; position: absolute; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span { float: left; left: 0; overflow: hidden; padding-top: 1.5em; position: absolute; top: 0; width: 60%; } .woocommerce div.product div.summary .woocommerce-product-rating .star-rating span:before, .woocommerce-page div.product div.summary .woocommerce-product-rating .star-rating span:before { color: #03a9f5; position: absolute; left: 0; top: 0; content: "\f005\f005\f005\f005\f005"; font-family: 'FontAwesome'; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link, .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link { color: #637587; } .woocommerce div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover, .woocommerce-page div.product div.summary .woocommerce-product-rating .woocommerce-review-link:hover { color: #ed145b; } .woocommerce div.product div.summary p.price, .woocommerce-page div.product div.summary p.price { font-size: 18px; color: #a7aebf; font-weight: 600; line-height: 24px; margin-bottom: 25px; } .woocommerce div.product div.summary p.price del, .woocommerce-page div.product div.summary p.price del { margin-right: 10px; } .woocommerce div.product div.summary p.price del .amount, .woocommerce-page div.product div.summary p.price del .amount { color: #a7aebf; font-weight: 600; font-size: 18px; } .woocommerce div.product div.summary p.price ins, .woocommerce-page div.product div.summary p.price ins { text-decoration: none; } .woocommerce div.product div.summary p.price ins .amount, .woocommerce-page div.product div.summary p.price ins .amount { color: #ed145b; font-size: 28px; font-weight: 400; } .woocommerce div.product div.summary form.cart, .woocommerce-page div.product div.summary form.cart { overflow: hidden; margin-top: 5px; margin-bottom: 30px; padding-bottom: 0; border-bottom: none; } .woocommerce div.product div.summary form.cart .quantity, .woocommerce-page div.product div.summary form.cart .quantity { float: left; margin-right: 10px; width: 100px; padding-right: 23px; padding-left: 23px; overflow: hidden; position: relative; border: 1px solid #e2e2e3; height: 39px; line-height: 37px; } .woocommerce div.product div.summary form.cart .quantity .minus, .woocommerce-page div.product div.summary form.cart .quantity .minus { color: #637587; background: #f2f4f5; height: 37px; border-radius: 0; box-shadow: none !important; text-shadow: none !important; top: 0; left: 0; cursor: pointer; display: block; line-height: 37px; overflow: visible; margin: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 23px; font-size: 13px; border: none; } .woocommerce div.product div.summary form.cart .quantity .plus, .woocommerce-page div.product div.summary form.cart .quantity .plus { color: #637587; background: #f2f4f5; height: 37px; border-radius: 0; box-shadow: none !important; text-shadow: none !important; top: 0; right: 0; cursor: pointer; display: block; line-height: 37px; overflow: visible; margin: 0; padding: 0; position: absolute; text-align: center; text-decoration: none; vertical-align: text-top; width: 23px; border: none; font-size: 13px; } .woocommerce div.product div.summary form.cart .quantity .qty, .woocommerce-page div.product div.summary form.cart .quantity .qty { border-radius: 0; box-shadow: none !important; text-shadow: none !important; height: 37px; float: left; border-right: none; width: 54px; text-align: center; color: #637587; font-size: 13px; padding: 0; border: none; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button { float: left; display: block; padding: 5px 20px; line-height: 29px; text-align: center; background-image: none; text-shadow: none; border-radius: 0; font-size: 14px; background-color: #03a9f5; color: #ffffff; text-transform: uppercase; border: none; font-family: "Source Sans Pro", "Microsoft YaHei", sans-serif; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button:hover, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button:hover { background-color: #ed145b; } .woocommerce div.product div.summary form.cart .single_add_to_cart_button i, .woocommerce-page div.product div.summary form.cart .single_add_to_cart_button i { font-size: 14px; margin-right: 10px; } .woocommerce div.product div.summary .description, .woocommerce-page div.product div.summary .description { overflow: hidden; margin-bottom: 20px; } .woocommerce div.product div.summary .description p, .woocommerce-page div.product div.summary .description p { font-size: 16px; line-height: 24px; } .woocommerce div.product div.summary .product_meta, .woocommerce-page div.product div.summary .product_meta { font-style: normal; text-transform: uppercase; color: #191d3d; font-weight: 400; } .woocommerce div.product div.summary .product_meta > span, .woocommerce-page div.product div.summary .product_meta > span { display: block; border-top: 1px solid #e2e2e3; padding: 10px 0; } .woocommerce div.product div.summary .product_meta > span span, .woocommerce-page div.product div.summary .product_meta > span span { text-transform: none; color: #a7aebf; } .woocommerce div.product div.summary .product_meta a, .woocommerce-page div.product div.summary .product_meta a { color: #a7aebf; text-transform: none; font-style: normal; } .woocommerce div.product div.summary .product_meta a:hover, .woocommerce-page div.product div.summary .product_meta a:hover { color: #ed145b; } .woocommerce div.product div.summary .product_meta .social-box, .woocommerce-page div.product div.summary .product_meta .social-box { border-top: 1px solid #e2e2e3; border-bottom: 1px solid #e2e2e3; padding: 10px 0; } .woocommerce div.product div.summary .product_meta .social-box > span, .woocommerce-page div.product div.summary .product_meta .social-box > span { margin-right: 15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links, .woocommerce-page div.product div.summary .product_meta .social-box .social-links { margin: 0 0 0 -15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li { margin: 0 0 0 15px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li a, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li a { width: auto; height: auto; background-color: transparent; border-radius: 0; line-height: 20px; } .woocommerce div.product div.summary .product_meta .social-box .social-links li a:hover, .woocommerce-page div.product div.summary .product_meta .social-box .social-links li a:hover { color: #03a9f5; } .woocommerce div.product .kopa-tab-container-1, .woocommerce-page div.product .kopa-tab-container-1 { border-left: 1px solid #e2e2e3 !important; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 { background-color: transparent; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li { border: none; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a { background-color: #17376e; border-radius: 0; color: #ffffff; font-weight: 400; font-size: 14px; font-family: "Source Sans Pro", "Raleway", "Microsoft YaHei", sans-serif; border-right: 1px solid #17376e !important; border-top: 1px solid #17376e !important; border-bottom: 1px solid #17376e !important; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a i, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li a i { color: #03a9f5; margin-right: 8px; } .woocommerce div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li.active a, .woocommerce-page div.product .kopa-tab-container-1 .nav-tabs.kopa-tabs-1 li.active a { color: #191d3d; background-color: #ffffff; border-right: 1px solid #e2e2e3 !important; border-top: 1px solid #e2e2e3 !important; border-bottom: 1px solid #ffffff !important; } .woocommerce div.product .kopa-tab-container-1 .tab-content, .woocommerce-page div.product .kopa-tab-container-1 .tab-content { border-left: none; margin-top: -1px; padding: 30px 30px 10px; } .woocommerce div.product .kopa-tab-container-1 .tab-content h6, .woocommerce div.product .kopa-tab-container-1 .tab-content h5, .woocommerce div.product .kopa-tab-container-1 .tab-content h4, .woocommerce div.product .kopa-tab-container-1 .tab-content h3, .woocommerce div.product .kopa-tab-container-1 .tab-content h2, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h6, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h5, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h4, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h3, .woocommerce-page div.product .kopa-tab-container-1 .tab-content h2 { margin-bottom: 20px; } .woocommerce div.product .kopa-tab-container-1 .tab-content #respond, .woocommerce-page div.product .kopa-tab-container-1 .tab-content #respond { margin-bottom: 30px; } .product_column .related.products h5 { font-size: 21px; line-height: 26px; text-transform: uppercase; margin-bottom: 25px; } .product_column .related.products ul.products { margin-top: -30px; } .product_column .related.products ul.products li.product { width: 25%; margin: 30px 0 0; } .product_column .related.products ul.products li.product .product-detail { background-color: #ffffff; padding-top: 25px; } .product_column .related.products ul.products li.product .product-detail a h3 { font-size: 14px; line-height: 20px; text-transform: none; margin-bottom: 10px; padding: 0; } .product_column .related.products ul.products li.product .product-detail a .star-rating { display: block; float: none; margin-bottom: 25px; margin-top: 0; } .product_column .related.products ul.products li.product .product-detail a .price { float: none; } /** 3.4 Sidebar **/ /**3.5 Bottom sidebar**/ #bottom-sidebar { background-color: #262c56; color: #d4d4d9; } #bottom-sidebar .container > .row { margin-left: -30px; margin-right: -30px; } #bottom-sidebar .container > .row > div { padding-bottom: 60px; padding-top: 80px; padding-left: 30px; padding-right: 30px; background-color: #22274d; } #bottom-sidebar .container > .row > div:first-child { background-color: #242a52; } #bottom-sidebar .container > .row > div:last-child { background-color: #1f2446; } #bottom-sidebar .widget { margin-bottom: 55px; } #bottom-sidebar .widget:last-child { margin-bottom: 0; } #bottom-sidebar .widget .widget-title { font-size: 18px; color: #ffffff; font-weight: 400; line-height: 24px; margin-bottom: 20px; } #bottom-sidebar .widget.widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.09); } #bottom-sidebar .widget.widget_nav_menu ul li a { color: #d4d4d9; } #bottom-sidebar .widget.widget_nav_menu ul li a:hover { color: #ed145b; } #bottom-sidebar #footer-logo-image { margin-bottom: 20px; } #bottom-sidebar-s2 { background-color: #ffffff; } #bottom-sidebar-s2 > .row { margin-left: 0px; margin-right: 0px; } #bottom-sidebar-s2 > .row > div { padding-bottom: 0px; padding-top: 80px; padding-left: 30px; padding-right: 30px; } #bottom-sidebar-s2 > .row > div:first-child { padding-left: 9%; background-color: #191d3d; color: #d4d4d9; padding-bottom: 40px; } #bottom-sidebar-s2 > .row > div .widget { margin-bottom: 35px; } #bottom-sidebar-s2 > .row > div .widget:last-child { margin-bottom: 0; } #bottom-sidebar-s2 > .row > div .widget .widget-title { font-size: 18px; color: #191d3d; font-weight: 400; line-height: 24px; margin-bottom: 20px; } #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li { border-color: rgba(255, 255, 255, 0.09); padding: 4px 0; } #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li a { color: #637587; } #bottom-sidebar-s2 > .row > div .widget.widget_nav_menu ul li a:hover { color: #ed145b; } #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="text"] { border: 1px solid #ececec; } #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"] { padding: 10px 15px; background-color: #ed145b; } #bottom-sidebar-s2 > .row > div .widget.kopa-newsletter-widget .newsletter-form .input-email input[type="submit"]:hover { background-color: #17376e; } #bottom-sidebar-s2 #footer-logo-image { margin-bottom: 20px; } #kopa-page-footer-s2 { position: relative; background-color: #f2f4f5; padding-bottom: 40px; padding-top: 40px; padding-left: 30px; padding-right: 30px; text-align: center; } #kopa-page-footer-s2 p { margin-bottom: 0; } #kopa-page-footer-s2 #back-top { left: auto; right: 30px; top: 50%; margin: 21px 0 0; } #kopa-page-footer-s2 #back-top a { background-color: #b0b2bb; border: none; width: 42px; height: 42px; line-height: 42px; padding-top:50px; z-index:9999; } #kopa-page-footer-s2 #back-top a:hover { background-color: #ed145b; color: #ffffff; } /** * 4. Footer * ----------------------------------------------------------------------------- */ #kopa-page-footer { background-color: #191d3d; color: #d4d4d9; padding: 50px 0 30px; position: relative; } #kopa-page-footer #copyright { margin-bottom: 0; font-size: 16px; } #kopa-page-footer #copyright a { line-height: 20px; color: #d4d4d9; } #kopa-page-footer #copyright a:hover { color: #ffffff; text-decoration: underline; } #back-top { margin-bottom: 0; z-index: 9999; position: absolute; left: 50%; top: 0px; margin-left: -30px; } #back-top a { text-align: center; color: #ffffff; line-height: 28px; position: relative; display: block; z-index: 9999; border: 1px solid rgba(255, 255, 255, 0.09); border-radius: 5px; width: 40px; height: 30px; } #back-top a i { position: relative; z-index: 10; } #back-top a:hover { color: #ed145b; border-color: #ed145b; } .kopa-event-widget .widget-content .entry-title a { color: inherit; } /*# sourceMappingURL=style.css.map */ .about-wel-img-sec { position: relative; display: inline-block; margin-right: 30px; } .about-wel-img-sec:after { position: absolute; content: ''; width: 100%; height: 100%; top: 30px; left: 30px; border: 10px solid #0E70C7; z-index: -1; } .img-overlay:before { background: rgba(0, 0, 0, 0.8); content: ""; height: 100%; left: 0; opacity: 0.5; position: absolute; top: 0; width: 100%; } .about-wel-img-sec a { background: #fff; font-size: 25px; display: block; z-index: 2; position: absolute; left: 50%; top: 50%; border-radius: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .about-wel-img-sec a i { z-index: 3; position: relative; } .about-wel-img-sec a:before, .about-wel-img-sec a:after { content: ""; position: absolute; left: 50%; top: 50%; display: block; width: 80px; height: 80px; border-radius: 50%; background-color: #fff; -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } .about-wel-img-sec a:before { -webkit-animation: pulse-border 1500ms ease-out infinite; animation: pulse-border 1500ms ease-out infinite; } .about-wel-img-sec a:after { transition: all 200ms; } .team-thumb .brd a{position:relative;overflow:hidden;display:block;height: 220px;} .entry-item .entry-thumb img{width:100%;cursor: pointer; transition: all 0.5s;-webkit-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out;} .entry-item .entry-thumb img:hover{transform: scale(1.06);transition: transform 0.35s ease-out;} .widget-content img{width:100%;cursor: pointer; transition: all 0.5s;-webkit-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out;} .widget-content img:hover{transform: scale(1.06);transition: transform 0.35s ease-out;} .entry-item .entry-thumb .img{width: 313px; height: 212px; position:relative ; overflow: hidden; float:left;} .entry-item .entry-thumb .img img{width: 313px; height: 212px;position: absolute;transform: scaleX(1) scaleY(1);transition: all 0.7s ease 0s;} .entry-item .entry-thumb:hover .img img{transform: scaleX(1.1) scaleY(1.1);} .blog-2 { margin-bottom: 30px; border-radius: 0; border: none; box-shadow: 0 0 35px rgba(0, 0, 0, 0.1); background: #fff;height: 242px; } .blog-2 .blog-photo { position: relative; } .blog-thumb{width: 313px; height: 212px; position:relative ; overflow: hidden;} .blog-thumb a{position:relative;overflow:hidden;display:block;height: 212px;} .blog-thumb img{width:100%;cursor: pointer; transition: all 0.5s;-webkit-transition: transform .5s ease-in-out;transition: transform .5s ease-in-out;} .blog-thumb img:hover{transform: scale(1.06);transition: transform 0.35s ease-out;} /* banner */ .banner { position: relative; overflow: hidden; margin: 0 auto; width: 100%; } .banner .bd { position: relative; z-index: 0; margin: 0 auto; overflow: hidden; } .banner .bd li { position: relative; text-align: center; overflow: hidden; } .banner .bd li img { vertical-align: top; width: 100%; } .banner .hd { position: absolute; bottom: 2%; text-align: center; width: 100%; } .banner .hd li { cursor: pointer; display: inline-block; *display:inline; zoom: 1; width: 14px; height: 14px; background: #fff; border-radius: 1px; margin: 0 6px; overflow: hidden; line-height: 999px; } .banner .hd .on { background: #c9252c; } .banner .prev, .banner .next { position: absolute; top: 50%; width: 25px; height: 50px; margin-top: -25px; background-repeat: no-repeat; background-size: contain; cursor: pointer; } .banner .prev { left: 10%; background: url(../images/Bannerprev.png); } .banner .next { right: 10%; background: url(../images/Bannernext.png); } .kopa-area-12 { margin-top:-40px; } /*----index---news*/ .list_cont { float: left; width: 100%; box-sizing: border-box; padding-left: 4px; } .list_cont .pro_item { overflow: hidden; float: left; width: 48%; margin-right:20px; margin-bottom: 20px; background-color:#FFF; } .list_cont .pro_item a { display: block; width: 100%; height: 100%; overflow: hidden; transition: 0.5s; } .list_cont .pro_item a .time_cont { float: left; height: 80px; width: 80px; background: #ff6a64; color: #fff; text-align: center; margin-right: 20px; position: relative; } .list_cont .pro_item a .time_cont .center_ { position: absolute; height: 50px; width: 100%; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } .list_cont .pro_item a .time_cont .center_ span { display: block; } .list_cont .pro_item a .time_cont .center_ span:nth-child(1) { font-size: 30px; font-weight: bold; border-bottom:2px solid #fff; padding-bottom:5px; text-align:center; width:40px; margin-left:20px; } .list_cont .pro_item a .time_cont .center_ span:nth-child(2) { font-size: 16px; margin-top: 5px; } .list_cont .pro_item a .time_cont i { display: inline-block; height: 100%; vertical-align: middle; } .list_cont .pro_item a .right_info { float: left; width: 80%; padding-top:15px; vertical-align:middle; } .list_cont .pro_item a .right_info h5 { font-size: 16px; line-height: 25px; color: #444; vertical-align:middle; } .list_cont .pro_item a .right_info .item_info { word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-size: 15px; } .list_cont .pro_item:hover a .right_info h5 { color: #ff6a64; transition: 0.5s; } .list_cont .pro_item:hover a .right_info .item_info { color: #ff6a64; transition: 0.5s; } .shuzi-right { border:1px solid #ff6a64; } .zuixintw { background: url(/skin/images/icon1.png) no-repeat center; } .footewm { margin-top:-30px; float:left; } @media(max-width:1000px) { .list_cont .pro_item { width: 98%; } .list_cont .pro_item a .right_info { width: 75%; } } @media (max-width: 767px){ .list_cont .pro_item { width: 98%; } .list_cont .pro_item a .right_info { width: 72%; } } @media screen and (max-width: 639px) { .list_cont .pro_item a .time_cont .center_ span:nth-child(1) { font-size: 20px; font-weight: bold; border-bottom:2px solid #fff; padding-bottom:5px; text-align:center; width:40px; margin-left:20px; } .list_cont .pro_item a .time_cont .center_ span:nth-child(2) { font-size: 16px; margin-top: 5px; }.list_cont .pro_item { width: 98%; } .list_cont .pro_item a .right_info { width: 62%; } .kopa-article-list-2-widget .entry-time { display:none; } } @media (min-width:1890px) { .kopa-article-list-2-widget .widget-content ul li { margin-top: 5px; line-height: 38px; } }