/*Theme Name:Ky Nghe Viet Au Version:2.5 */ /* @import url('https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,600,600i,700&display=swap&subset=vietnamese'); */ @font-face { font-family: 'F5 Magistral Book'; src: url("fonts/FSMagistralBook.woff") format("woff"), url("fonts/FSMagistralBook.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'F5 Magistral Book Italic'; src: url("fonts/FSMagistralBookItalic.woff2") format("woff2"), url("fonts/FSMagistralBookItalic.woff") format("woff"); font-weight: normal; font-style: italic; font-display: swap; } *{ margin:0 auto; padding:0px; text-decoration:none!important; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } ul {list-style-type:none; padding:0px;} html {background:#fff; color:#333; font-family:'F5 Magistral Book'; font-size:17px; scroll-behavior: smooth;} h1,h2,h3,h4,h5,h6 {font-family:'F5 Magistral Book';} a {color:#0d74bb;} a:hover {color:#065e9d;} span {font-family: 'F5 Magistral Book' !important; line-height: 30px} li, p {line-height: 30px} .like_box iframe {vertical-align:initial;} /* COMMON STYLE */ .d-table {display:table;} .d-row {display:table-row;} .d-cell {display:table-cell; vertical-align:top;} .d-cell.text {padding-left:10px;} .d-cell.text a{display:block;} .full-width {width:100%;} .width-99 {width:99%;} .transition {-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} .wrap_img {overflow:hidden;} label.uk-form-danger{background:inherit!important;} /* END COMMON STYLE */ .uk-container {padding:0 10px; max-width:1350px;} .uk-offcanvas-bar {background:#fff; box-shadow:0 0 15px rgba(0,0,0,.5); } .uk-offcanvas-bar:after {box-shadow:none; width:0;} .uk-nav-offcanvas {border-bottom:none;} .uk-nav-offcanvas>li>a {text-shadow:none; color:#666666; border-top:1px solid #eaeaea;} .uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;} .uk-offcanvas-bar .nav_label {font-size:18px;} .uk-pagination {} .uk-pagination > li {margin:0 10px;} .uk-pagination > li > a {background:#fff; border-color:#e4e4e4; text-shadow:none; color:#222222; border:none;} .uk-pagination > .uk-active > span {background:#fff; color:#000; border-bottom:2px solid #000; box-shadow:none;} .uk-pagination > .uk-active > span, .uk-pagination > li > a {width:10px; height:35px; line-height:40px; font-weight:700; font-size:17px; padding:0;} #header {background:#ecf5fc; padding:10px 0; position:relative;} #top_bar .socials {padding:5px 0;} #top_bar .socials a {background:#a1a1a1; width:30px; height:30px; line-height:30px; font-size:14px; color:#000; text-align:center; display:inline-block; border-radius:50%; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #top_bar .socials a:hover {} #top_bar .socials a.gplus:hover {color:#e64522;} #top_bar .socials a.fb:hover {color:#2b3990;} #top_bar .socials a.tt:hover {color:#1b95e0;} #top_bar .socials a.yt:hover {color:#e64522;} #top_bar .socials a.pin:hover {color:#be1e2d;} .uk-navbar {background:inherit; border:none;} #header .logo {padding:0 0 10px 0;} .logo img {max-height:50px;} .logo h1, .logo h2 {margin:0;} #f_search {width:100%; background:#fff; border-radius:30px; margin-bottom:10px; position:relative;} #f_search input {background:none; border:none; border-left:1px solid #ebebeb; height:25px; margin-top:10px; color:#666;} #search_txt {border:2px solid #111; height:54px; color:#666; padding:0 0 0 15px; font-size:13px; margin-bottom:10px;} #search_cat {border:none; background:none; height:46px; color:#aaa; font-weight:600; font-size:13px; margin-right:-3px;} #searchsubmit {background:none; color:#999; border:none; padding:0px 18px 0 0px; height:46px; font-size:15px; cursor:pointer; position:absolute; right:-1px; top:-1px; bottom:-1px;} .select_wrap select {padding-left:10px; -webkit-appearance:none; -ms-appearance:none; -moz-appearance:none; appearance:none; position:relative; z-index:1; height:38px; width:100%; border:1px solid #ddd;} .select_wrap select:hover {cursor:pointer;} .select_wrap {position:relative;} .select_wrap:after {position:absolute; content:"\f0d7"; right:1px; top:22px; width:40px; font-family:FontAwesome; font-size:16px; transform:translateY(-50%); -webkit-transform:translateY(-50%); text-align:center; color:#8e8e8e; z-index:1; pointer-events:none;} #side_f_search {position:relative;} #side_keyword_search {width:100%; height:60px; padding:0 60px 0 20px;} #side_searchsubmit {background:#333333; border:none; position:absolute; height:60px; right:0; top:0; color:#fff; font-size:23px; padding:0 15px;} .navbar_toggle {line-height:41px; width:25px; display:inline-block; padding-top:10px;} .icon_bar {background:#333; height:3px; margin-bottom:5px; display:block;} #nav_sidebar {} #nav_sidebar li h2{margin:5px 0px;} #nav_sidebar li ul{padding-left:20px;} #nav_sidebar li a{font-size:16px; padding:5px 10px;} #banner_slider {} .cycloneslider-template-standard{margin-bottom:0px;} .cycloneslider-template-standard .cycloneslider-pager {bottom:22px;} .cycloneslider-template-standard .cycloneslider-slide {background:inherit;} .cycloneslider-slides {z-index:0;} .cycloneslider-template-default .cycloneslider-prev, .cycloneslider-template-default .cycloneslider-next {opacity:1; width:50px; height:50px; top:48%; z-index:1; background:rgba(255,255,255,0.7) 50% no-repeat; border-radius:50%;} .cycloneslider-template-default .cycloneslider-prev {background-image:url(img/arrow-prev.png); left:20px;} .cycloneslider-template-default .cycloneslider-next {background-image:url(img/arrow-next.png); right:20px;} .cycloneslider-template-default:hover .cycloneslider-prev, .cycloneslider-template-default:hover .cycloneslider-next {opacity:0.7;} #wrap_header_cover1 {overflow:hidden; margin-bottom:35px;} #wrap_header_cover2 {margin:0 -20px; border-bottom-right-radius:100em 15em; border-bottom-left-radius:100em 15em; overflow:hidden;} #header_cover {background-repeat: repeat-x; background-size:cover; padding:35px 0 15px; text-align:center; position:relative;} #header_cover:after {position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0,0.5); } #header_cover .wrap {position:relative; min-width:300px; z-index:1;} #header_cover .heading {color:#fff; text-transform:uppercase; font-size:25px; line-height:1.3; font-weight:700; margin:0; position:relative;} #breadcrumb_wrap {margin-top:10px; color:#fff; padding:10px 0 0;} #breadcrumb_wrap .uk-icon-home {font-size:18px; margin-top:-3px;} .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {font-size:17px; font-weight:500; color:#fff;} .uk-breadcrumb > li:not(.uk-active) > span {color:#fff;} .uk-breadcrumb > li:nth-child(n+2):before {font-family:FontAwesome; content:"\f101";} .section {padding:0 0 10px;} .section .wrap_heading {position:relative; display:inline-block; margin-bottom:10px;} .section .heading {color:#333; font-size:22px; line-height:1.3; display:inline-block; padding-right:30px; text-transform:uppercase; margin-bottom:5px; font-weight:700; position:relative; z-index:1;} .section .heading span {display:block;} #services {margin:25px 0;} #services .item {padding:8px; margin-top:15px; border:1px solid #ddd; border-radius:50px;} #services .icon {width:68px; height:68px; background:#0d73bb; border-radius:50%; text-align:center; line-height:65px;} #services .text {padding-left:15px; vertical-align:middle; font-size:17px;} #services .txt1 {color:#222; margin-bottom:2px; font-weight:700; text-transform:uppercase;} #services .txt2 {font-weight:500;} .wrap_product {margin-bottom:15px;} .product {text-align:center; height:100%; padding:20px; position:relative; overflow:hidden;} .product:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; border:2px solid #ebebeb; border-radius:20px; -o-transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-ms-transition:all .2s; } .product:hover:after {border-width:7px;} .product > div {position:relative; z-index:1;} .product .title {font-size:16px; line-height:1.3; margin:10px 0;} .product .title a{color:#111; display:block;} .product .wrap_img {max-height:200px;} .product .wrap_img img {max-height:200px; width:auto;} .product .meta {padding-bottom:15px;} .product .readmore_bt {background:#d7d7d7; color:#333; padding:8px 20px 5px; font-weight:700; display:inline-block; border-radius:20px; margin-top:10px;} .product:hover .readmore_bt {background:#282828; color:#fff;} .project {position:relative;} .project .title {position:absolute; left:26px; bottom:26px; text-transform:uppercase; background:#0d73bb; color:#fff; font-size:15px; font-weight:600; line-height:1.3; padding:10px 25px 15px; margin:0; z-index:2;} .project .title span {border-bottom:2px solid #fff; display:block; padding-bottom:3px; line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;} .project .wrap_img {height:200px; position:relative;} .project .wrap_img img {min-height:200px; max-width:600px; position:absolute; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%);} #products.section {margin-bottom:30px; position:relative;} #products.section:after {position:absolute; content:""; top:210px; bottom:-145px; left:0; right:0; background:#ecf5fc;} #products > div {position:relative; z-index:1;} #products .slick-slide { padding:0px 20px;} #products .slick-list {margin:0 -20px;} #products .slick_logo {padding:25px 40px 30px; border:1px solid #ddd; margin-top:-10px;} #products .slick-prev, #products .slick-next {top:15px; bottom:auto; width:67px; height:32px; border:1px solid #fff; background:#fff; background-repeat:no-repeat;} #products .slick-prev:before, #products .slick-next:before {background:transparent; content:""; color:#333; width:10px; height:58px; top:-1px;} #products .slick-prev:before {left:18px;} #products .slick-next:before {right:18px;} #products .slick-prev {background-image:url(img/arrow-prev.png); background-position:50%; left:10px; right:auto;} #products .slick-next {background-image:url(img/arrow-next.png); background-position:50%; right:10px;} #about {background:#ebf6fc; padding:10px 0 10px; overflow:hidden;} #about .heading {font-size:16px; font-weight:700;} #about .label {font-size:55px; font-weight:700; color:#0c74bb; text-transform:uppercase; line-height:1.5; margin-bottom:20px;} #about .col_left {padding:30px 0px 50px 0; background:#ebf6fc; position:relative;} #about .col_left:after {position:absolute; content:""; top:-200px; bottom:0; left:-1000px; right:0; background:#ebf6fc; } #about .col_left > div {position:relative; z-index:1;} #about .desc {font-size:17px; font-weight:500; line-height:1.5; text-align:justify;} #about .readmore {color:#333; font-weight:600; text-transform:uppercase; display:inline-block; border-bottom:2px solid #333; margin-top:20px;} #about .readmore:hover {color:#0c74bb; border-color:#0c74bb;} #contact {padding:30px 40px; margin-bottom:50px; background:url('img/contact_bg.jpg'); background-size:cover; position:relative;} #contact:after {position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0,0.5); } #contact > div {position:relative; z-index:1;} #contact .desc {font-size:22px; text-align:center; margin-bottom:10px; line-height:1.6; color:#fff;} #contact .heading {margin-bottom:10px; font-weight:700; font-style:italic;} #main_content {padding-bottom:60px;} #main_content article{background:#fff;} #archive_news {} #archive_news .item {border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px; display:table; width:100%;} #archive_news .item .media {width:100px;} #archive_news .item .text {} #archive_news .item .wrap_img {max-height:150px; overflow:hidden; position:relative; } #archive_news .item .wrap_img img {} #archive_news .item .heading {font-size:16px; font-weight:700; line-height:1.3; margin-bottom:5px;} #archive_news .item .heading a {color:#333;} #archive_news .item .meta {color:#aaa; font-size:14px; font-weight:500;} #archive_news .item .meta .val {color:#aaa; margin-right:10px;} #archive_news .item .item-body {color:#444; line-height:1.4; font-size:17px;} #archive_news .readmore_bt {color:#111; font-weight:600; padding:8px 0px; display:inline-block; border-bottom:2px solid #000; text-transform:uppercase; position:relative;} #archive_news .readmore_bt:hover {opacity:0.8;} .uk-article-title {font-size:22px; font-weight:700; color:#0d73bb; line-height:1.3;} #article .uk-article-title {color:#333;} #article .meta {color:#999; font-size:14px; font-weight:500; margin-bottom:20px;} #article .like_box {margin-bottom:30px;} #article .wrap_img {max-height:420px; margin-bottom:30px; position:relative;} #article .wrap_img img {width:100%;} #article .tags {font-size:15px; padding:15px 0;} #article .tags span {margin-bottom:5px; } #article .meta_bottom {border:1px solid #ebebeb; border-left:none; border-right:none; padding:20px 0;} #article .share {font-size:16px; text-align:right;} #article .share a {height:40px; width:40px; line-height:40px; font-size:15px; display:inline-block; border:1px solid #ebebeb; border-radius:50%; text-align:center; color:#bdbdbd; margin-left:10px;} #single_product .uk-article-title {} .specs_info p {font-size: 18px; line-height: 28px} #single_product .table_data {margin:0;} #single_product .table_data td {padding:5px 0; font-size:15px; font-weight:500;} #single_product .table_data td.label {width:80px;} #single_product .table_data tr.price td {color:#065e9d; font-weight:700; padding:20px 0; font-size:20px;} #single_product .table_data tr.price .label {color:#333; font-size:18px;} #single_product .contact {border-top:1px solid #ddd; font-size:17px; padding:20px 0 10px;} #single_product .contact span.split {margin:0 20px;} #single_product .contact b.label {font-style:italic;} #single_product .contact b.val {color:#065e9d;} #single_product .product_details {margin-top:40px; margin-bottom:30px; position:relative;} #single_product .product_details .title {background:#fff; margin-bottom:15px;} #single_product .product_details .title span {text-transform:uppercase; font-size:19px; font-weight:700; color:#065e9d;} .tags {margin:20px 0 40px;} .tags .label {font-weight:500;} .tags .tag {border:1px solid #e1e1e1; padding:5px 15px 5px 15px; margin-left:5px; position:relative;} .tags .tag a {color:#999;} #post_relate {padding:40px 0px 10px; margin-top:40px; position:relative;} #post_relate .label {margin-bottom:20px;} #post_relate .label span {border-bottom:2px solid #000; padding:5px 0px; display:inline-block; font-size:18px; font-weight:700; color:#222;} #post_relate .item {padding-left:22px; position:relative;} #post_relate .item:before {position:absolute; content:"\f054"; font-family:FontAwesome; top:0; left:0; font-size:10px;} #post_relate .title {font-size:17px; font-weight:500; margin:9px 0; line-height:1.3;} #post_relate .title a {color:#333333;} #col_right {} .widget {margin-bottom:25px;} .widget-title{font-size:18px; line-height:1.3; background:#065e9d; color:#fff; border-bottom:1px solid #e1e1e1; text-transform:uppercase; margin-bottom:0; padding:15px 20px 12px;} .widget-title span {font-weight:700; display:inline-block; text-transform:uppercase;} .block-title {font-size:19px; font-weight:700; text-transform:uppercase; color:#4d5a6d; position:relative;} .widget-body {background:#0d73bb; padding:0;} .widget-body li {padding-bottom:15px; border-bottom:1px solid #ddd;} .widget-body li.post {padding:10px 0; margin-bottom:8px; padding-left:20px; position:relative;} .widget-body li.post:after {position:absolute; content:"\f054"; left:0; top:9px; font-family:FontAwesome; font-size:10px;} .widget-body li:last-child {border-bottom:none; padding-bottom:0;} .widget-body .text {} .widget-body .meta {color:#999999; font-size:12px;} .dpe-flexible-posts {padding:0 20px;} .widget .menu {margin-bottom:0;} .widget .menu li {padding:0; border:none; font-size:16px;} .widget .menu li a {padding:15px 20px 12px; display:block; color:#777777;} .widget .menu > li > a {color:#fff; border-bottom:1px solid #fff; font-size:18px;} .widget .menu > li:last-child > a {border-bottom:none;} .widget .menu .sub-menu {display:none;} .widget .menu .sub-menu li a {padding:5px 0 0; font-size:18px;} .widget .menu > li:first-child > .sub-menu {display:block;} .widget .menu .sub-menu li{border:none;} .widget .menu .menu-item-has-children > a {position:relative;} .widget .menu .menu-item-has-children > ul > li {padding:0 25px; position:relative;} .widget .menu .menu-item-has-children > ul > li:after {position:absolute; content:"\f054"; left:25px; top:13px; font-family:FontAwesome; font-size:10px;} .widget .menu .menu-item-has-children > ul > li > a {border-bottom:1px solid #e1e1e1; padding:15px 0 10px 17px;} .widget .menu .menu-item-has-children > ul > li:last-child {padding:0;} .widget .menu .menu-item-has-children > ul > li:last-child a {padding:15px 25px 10px 42px;} .widget .menu .menu-item-has-children > a:after {position:absolute; content:"—"; right:10px; top:10px; width:12px; padding:2px 11px 2px 5px; cursor:pointer; overflow:hidden; background:#b7b7b7; color:#fff;} .widget .menu .menu-item-has-children > a:before {position:absolute; content:"|"; right:16px; top:16px; width:10px; cursor:pointer; height:12px; overflow:hidden; font-weight:400; color:#fff; font-size:18px; z-index:1;} .widget .menu .menu-item-has-children.open > a:before {content:"";} #menu-gioi-thieu {padding:0 20px;} #menu-gioi-thieu li {position:relative;} #menu-gioi-thieu li:after {position:absolute; content:"\f054"; left:0; top:13px; font-family:FontAwesome; font-size:10px;} #menu-gioi-thieu li a {font-weight:400; padding-left:18px;} .top-p {padding:10px;} .top-p .heading{font-weight:700; font-size:15px;} .top-p img{width:60px; height:60px; max-width:none; padding:2px; border:1px solid #ebebeb;} .p-title {margin:0px;} .upw-not-found {padding:10px;} .widget .list-post .wrap_img{width:90px; max-height:72px;} .widget .list-post img{width:90px; max-width:none; } .widget .list-post a {color:#222222;} .widget li .p-title {line-height:1.1; margin-bottom:5px;} .widget li .date {color:#888888; font-size:14px;} #cat_excerpt {margin-bottom:50px;} #cat_excerpt .item {border:10px solid #035f9e; background:#ecf5fc;} #cat_excerpt .desc {padding:40px 30px 30px; font-size:17px; font-weight:500; line-height:1.4; text-align:justify; margin-bottom:20px; position:relative;} #cat_excerpt .desc:after {position:absolute; content:""; top:-10px; left:180px; width:67px; height:42px;background:url('img/border_break.png');} #wrap_heading_products {overflow:hidden; text-align:center;} #heading_products {border:3px solid #0d73bb; font-size:22px; font-weight:700; display:inline-block; padding:15px 50px; text-transform:uppercase; position:relative;} #heading_products:after {position:absolute; content:""; top:-3px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:0; height:0; border-style:solid; border-width:200px 120px 0 120px; border-color:#fff transparent transparent transparent;} #heading_products span {position:relative; z-index:1; color:#0d73bb;} #wrap_contact_bt {overflow:hidden; text-align:center; margin-bottom:50px;} #contact_bt {border:3px solid #0d73bb; font-size:25px; font-weight:700; display:inline-block; padding:15px 70px; text-transform:uppercase; position:relative;} #contact_bt:after {position:absolute; content:""; top:-3px; left:43px; width:0; height:0; border-style:solid; border-width:120px 80px 0 80px; border-color:#fff transparent transparent transparent;} #contact_bt span {position:relative; z-index:1;} #footer {background:#ebf6fc; font-size:18px; line-height: 28px; padding:30px 0;} #footer .heading {font-size:18px; font-weight:700; color:#0d74bb; line-height:1.3; position:relative; margin-left:0; margin-top:15px; margin-bottom:10px; text-transform:uppercase;} #footer .footer_col {position:relative;} #footer a{color:#333;} #footer .logo {margin-bottom:30px; text-align:center;} #footer .logo img {max-height:150px;} #footer .info {font-weight:500;} #footer .info .icon {width:30px; color:#444; font-size:20px; text-align:center;} #footer .info .d-cell {padding-bottom:10px;} #copyright {padding:10px 0; color:#666; font-size:18px; line-height: 28px; font-weight:500; text-align:center;} #copyright a {color:#0d74bb;} .entry-body {font-size:18px; line-height:1.5; text-align: justify} .page_content img,.post_content img{display:block;margin:20px auto;max-width:100%;height:auto;} .page_content ul,.post_content ul {list-style-type:disc; list-style-position:inside;} .page_content a,.post_content a {color:#005695;} .wp-caption {background:#f9f9f9; border:1px solid #e3e1e8; border-radius:2px; padding:5px; max-width:100%;} .wp-caption img {margin:0 auto;} .wp-caption-text {margin:5px 0px 0px; font-size:13px; text-align:center; font-style:italic;} .single_related {color:#df0606;} .single_related a{color:#666666; border-bottom:1px dashed #dddddd; padding-bottom:3px; margin-bottom:5px; display:inline-block;} /* NAV MOBILE TOGGLE */ .uk-mobile {display:inline-block; width:100%; border:1px solid #dddddd;} /*.uk-navbar-toggle {float:right;}*/ @media (min-width:768px) { .uk-mobile {display:inline-block!important; visibility:visible !important; border:none;} .uk-mobile li {display:inline-block;} } /* END NAV MOBILE TOGGLE */ .table-bordered, .table-bordered th, .table-bordered td {border:1px solid #dddddd;} @media (max-width:480px) { } @media (min-width:480px) { } @media (min-width:768px) { #header {} #top_bar .socials a {margin-left:5px;} #header_cover .heading {font-size:22px;} .section .heading {font-size:25px;} #about .fea_img {padding-top:50px;} #contact {padding:40px 40px;} #contact .desc {background:url('img/border_box.png') no-repeat; background-size:100%; font-size:17px; padding:14px 10px;} #cat_excerpt .item {height:100%;} #cat_excerpt .desc {margin-bottom:0;} #archive_news .item {padding-bottom:20px; margin-bottom:20px;} #archive_news .item .wrap_img {max-height:200px;} #archive_news .item .wrap_img img.wp-post-image {width:100%; min-height:200px; } #archive_news .item .media {width:290px;} #archive_news .item .text {padding-left:25px;} #archive_news .item .heading {font-size:18px; margin-bottom:15px;} #archive_news .item .meta {margin-bottom:15px;} } @media (min-width:960px) { #top_bar .socials {padding:8px 0 0; text-align:right;} #top_bar .socials a {font-size:18px; width:36px; height:36px; line-height:40px;} #header {} #header .logo {text-align:left; padding:0 0 10px 0;} #header .logo img {max-height:none;} #f_search_wrap {} #f_search {margin-top:15px;} #main-menu {display:inline-block; width:100%; padding:15px 0 0;} #main-menu .nav_label {line-height:normal; margin:0; font-size:15px; font-weight:700; color:#333; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu .nav_label:hover {color:#444444;} #main-menu a{line-height:normal!important; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu li:hover a{background:transparent!important; opacity:1; /*-o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;*/} #main-menu li .sub-menu {background:#065e9d!important;} #main-menu li .sub-menu a:hover{} #main-menu li a:focus{background:transparent;} #main-menu li{ z-index:5; position:relative; } #main-menu #navbar-mobile > li {margin-right:20px;} #main-menu #navbar-mobile > li:last-child {margin-right:0;} #main-menu #navbar-mobile > li.menu-item-has-children {} #main-menu #navbar-mobile > li.menu-item-has-children:after {} #main-menu ul li.current_page_item a {} #main-menu ul li.current-menu-item a {} #main-menu .sub-menu .nav_label {color:#fff; font-weight:500; font-size:17px;} #main-menu .sub-menu .sub-menu .nav_label {text-transform:initial;} #navbar-mobile > li > a > .nav_label {} #main-menu #navbar-mobile > li:hover > a > .nav_label, #main-menu #navbar-mobile > li.active > a > .nav_label {color:#065e9d;} #main-menu ul li .sub-menu a:hover .nav_label { color:#fff;} #main-menu li a{display:block; padding:15px 0; margin-top:0px!important; text-shadow:none; border:none; height:auto;} #header #main-menu li a {} /*#main-menu > div > ul > li > a{border-right:1px solid #f5f5f5; }*/ #main-menu #navbar-mobile > li:last-child > a {border:none; padding-right:0!important;} #main-menu li li a{display:block; color:#065e9d!important; } #main-menu li ul li{float:none; position:relative; text-transform:none;} #main-menu li ul.sub-menu{position:absolute; top:100%; left:0; opacity:0; visibility:hidden; padding:5px 0; list-style:none outside none; min-width:200px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu .wrap_mega_menu {background:#065e9d; opacity:0; visibility:hidden; padding:30px 0; position:absolute; top:100%; left:0; right:0; z-index:10; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu > ul > li.mega_menu {position:static;} /* #main-menu > ul > li:hover .wrap_mega_menu {opacity:1; visibility:visible;} */ #main-menu > ul > li.mega_menu ul.sub-menu {position:static; opacity:1; visibility:visible;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li > a {position:relative; margin-bottom:15px;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li > a > .nav_label {font-weight:700;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li > a:after {position:absolute; content:""; width:25px; height:1px; background:#fff; left:0; bottom:-12px;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li {float:left; width:20%; position:relative;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li:after {position:absolute; content:""; top:10px; bottom:12px; right:30px; border-right:2px dashed #5889b2;} #main-menu > ul > li.mega_menu > div > div > ul.sub-menu > li:last-child:after {border-right:none;} #main-menu > ul > li.mega_menu:hover > .wrap_mega_menu {opacity:1; visibility:visible;} #main-menu li ul.sub-menu > li > a {position:relative; padding:6px 0;} #main-menu .current-menu-item ul{} #main-menu li:hover > ul{opacity:1; visibility:visible;} /*disable for hover menu dropdown by javascript*/ #main-menu li ul li a{padding:6px 20px; white-space:nowrap;font-size:13px; font-weight:400;} #main-menu li ul li ul{position:absolute; top:0; left:100%; background-color:#d7f1fa; width:auto;float:left;} #wrap_header_cover1 {margin-bottom:80px;} #wrap_header_cover2 {margin:0 -40px; border-bottom-right-radius:50em 12em; border-bottom-left-radius:50em 12em;} #header_cover {padding:150px 0 110px; } #header_cover .heading {font-size:35px;} .section {padding:0 0 20px;} .section .heading {font-size:27px;} .section .wrap_heading:after {position:absolute; content:""; left:100%; top:15px; height:1px; background:#333; width:200px;} .wrap_product {margin-bottom:25px;} .product .title {font-size:17px;} .project {position:relative; overflow:hidden;} .project .wrap_img {height:285px; transition:clip-path 0.5s; clip-path:inset(0); -webkit-clip-path:inset(0);} .project .wrap_img img {min-height:285px;} .project:hover .wrap_img {-webkit-clip-path:inset(10px); clip-path:inset(10px);} .project:hover .wrap_img img {transform:translateX(-50%) translateY(-50%) scale(1.05); -webkit-transform:translateX(-50%) translateY(-50%) scale(1.05);} .project .title {font-size:16px;} #about {background:#fff; padding:80px 0 0px;} #about .col_left {padding:30px 50px 50px 0;} #about .fea_img {padding-top:0px;} #services {margin:45px 0;} #wrap_heading_products {margin-bottom:50px;} #heading_products {font-size:25px;} #products .slick-prev, #products .slick-next {top:130px;} #archive_news .item .heading {font-size:25px;} #archive_news .item {padding-bottom:30px; margin-bottom:30px;} #archive_news .item .media {width:430px;} #archive_news .item .wrap_img {max-height:430px;} #archive_news .item .text {padding-left:45px;} #archive_news .item .readmore_bt {} #single_product .product_details {} #contact {padding:170px 40px;} #contact .heading {margin-bottom:20px;} #contact .desc {font-size:26px; padding:50px 10px;} #main_content {padding-bottom:60px;} .uk-article-title {font-size:25px;} #copyright {padding:25px 0;} .relate .block2-title {padding:10px 20px;} .block-body {padding:10px 20px;} .widget {margin-bottom:35px;} #footer .logo {text-align:left;} #footer .heading {margin-bottom:25px;} #footer .footer_col:after {position:absolute; content:""; top:0px; bottom:0; right:20px; border-right:1px solid #fff;} .scrollToTop{bottom:65px;} .right-lg {text-align:right;} .d-cell-lg {display:table-cell;} } @media (min-width:1220px) { #main-menu #navbar-mobile > li {margin-right:40px;} #main-menu li a{} #main-menu .nav_label {text-transform:uppercase; } #main_content {padding-right:10px;} .uk-push-1-4 #main_content {padding-left:15px; padding-right:0;} } @media (min-width:1600px) { .uk-container {max-width:1400px;} #wrap_header_cover2 {margin:0 -40px; border-bottom-right-radius:120em 35em; border-bottom-left-radius:120em 35em;} #header_cover {padding:170px 0 150px; } #about {padding:100px 0 0;} #products .slick-prev {left:-90px;} #products .slick-next {right:-90px;} } @media (max-width: 576px) { #header_cover {padding: 35px 10px 15px} #header_cover .heading {line-height: 40px} #about .desc {font-size: 18px;} #about .label {font-size: 45px; text-align: center} #copyright {padding: 10px 0 100px} #timelines .text .label {font-size: 20px; margin-bottom: 12px} #timelines .text {font-size: 18px; line-height: 28px; text-align: justify;} .product .title {font-size: 18px} #single_product .contact {font-size: 18px; line-height: 28px} .project .title {padding: 10px 15px 15px} .tags .tag {margin-top: 8px; display: inline-block;} }