/*Theme Name:Nha Trang Xanh Version:2.5 */ @import 'css/UTMAvo.css'; *{ 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:'utm_avo'; font-size:16px;} h1,h2,h3,h4,h5,h6 {font-family:'utm_avo';} a {color:#1fa739;} a:hover {color:#1ea735;} .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;} .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:1250px;} body.uk-offcanvas-page {margin-left:0!important;} .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;} .uk-nav-offcanvas>li>a:hover {background:#f8f8f8!important;} .uk-offcanvas-bar .nav_label {font-size:18px; line-height:1.3; margin:0;} .uk-pagination {background:#fff; margin:0; text-align:center;} .uk-pagination > li > a {background:#fff; text-shadow:none; color:#fff;} .uk-pagination > .uk-active > span {font-weight:700;} .uk-pagination > .uk-active > span, .uk-pagination > li > a {background:#1fa739; padding:12px 0 8px; width:35px; font-size:16px; border:none; border-radius:10px;} #nav_sidebar .logo {padding:10px 20px;} #nav_sidebar ul .nav_label {color:#222;} #nav_sidebar ul.uk-nav > li > a > .nav_label {font-weight:700;} #nav_sidebar li h2{margin:5px 0px;} #nav_sidebar li ul{padding-left:0;} #nav_sidebar li a{font-size:16px; padding:8px 20px 5px; border-top:1px solid #ddd;} #nav_sidebar li > .sub-menu a{padding:8px 20px 5px 65px;} #nav_sidebar li.menu-item-has-children {} #nav_sidebar li.menu-item-has-children a{} #nav_sidebar li.menu-item-has-children {position:relative;} #nav_sidebar li.menu-item-has-children:after {position:absolute; content:"\f078"; top:12px; right:20px; font-family:FontAwesome; font-size:14px;} #nav_sidebar li.active > a > .nav_label {color:#1fa739;} #wrap_header {position:relative; z-index:1; overflow:hidden; padding-bottom:30px; background-size:cover; background-repeat:no-repeat;} #wrap_header:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.3);} #header {position:relative; z-index:2; padding:0 10px;} .header_right {padding:10px 0 5px 0; text-align:right;} .header_item {margin-left:10px; display:inline-block; vertical-align:top;} .header_item .icon {display:inline-block; vertical-align:middle; width:49px; height:48px; color:#1fa73b; border:2px solid #1fa73b; border-radius:10px 0; text-align:center; line-height:40px; font-size:20px;} .header_item .text {padding:5px 25px 5px 0;} .header_item .txt1 {font-weight:700; color:#fff; font-size:15px; line-height:1.4; text-transform:uppercase;} .header_item .txt2 {color:#d6d8d7; font-size:15px;} .uk-navbar {background:inherit; border:none;} #header .logo {padding-top:8px;} #header .logo img {max-height:70px;} #header .logo h1, .logo h2 {margin:0;} #f_search {background:#43c3ea; width:100%; padding:4px; position:absolute; top:100%; left:0px; right:0px; z-index:101; display:none;} #f_search input {border:none; height:35px;} #searchsubmit {border:none; position:absolute; right:5px; top:7px; color:#43c3ea;} #f_search_wrap .search_toogle {font-size:20px; position:relative; z-index:2; cursor:pointer; width:40px; line-height:70px; color:#fff; text-align:right;} #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 {background:url('img/menu.png') no-repeat; line-height:41px; width:25px; display:inline-block; padding-top:10px; height:30px; margin-top:10px; margin-left:20px;} .icon_bar {background:#c0c0c0; height:3px; margin-bottom:5px; display:none;} #banner_slider {} #banner_slider .cycloneslider-caption {background:none; bottom:50%; transform:translateY(50%); text-align:center;} #banner_slider .cycloneslider-caption-title {font-size:25px; font-weight:700; line-height:1.3; color:#1fa739; border-top:3px solid rgba(255,255,255,0.5); border-bottom:3px solid rgba(255,255,255,0.5); display:inline-block; padding:15px 0px 8px 5px; margin-bottom:30px; text-transform:uppercase;} #banner_slider .cycloneslider-caption .caption {font-size:22px; text-transform:uppercase; margin-bottom:5px; position:relative;} #banner_slider .cycloneslider-caption .desc {font-size:18px; margin-bottom:20px;} #banner_slider .readmore_bt {background:#1fa739; display:inline-block; padding:11px 30px 8px; color:#fff; text-transform:uppercase; font-size:17px; font-weight:700; border-radius:30px; position:relative;} #banner_slider .readmore_bt:after {position:absolute; content:""; top:-9px; bottom:-9px; left:-9px; right:-9px; border-radius:30px; border:2px dashed transparent; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #banner_slider .readmore_bt:hover:after {border-color:#1fa739;} #banner_slider .cycloneslider-pager {z-index:101; left:0; text-align:center;} #banner_slider .cycloneslider-slide {background:inherit;} #banner_slider .cycloneslider-pager span {background:#fff; height:7px; width:66px; border-radius:0; margin:0 5px;} #banner_slider .cycloneslider-pager span.cycle-pager-active {background:#00aade;} #header_cover {padding:40px 0 0; text-align:center; color:#fff; position:relative; z-index:1;} #header_cover .heading {color:#fff; font-size:30px; font-weight:600; margin-bottom:10px; line-height:1.3; text-transform:uppercase;} #breadcrumb_wrap {background:#f0f0f0; border-bottom:1px solid #ddd; text-align:center; padding:15px 0 12px;} .uk-breadcrumb {margin:0;} .uk-breadcrumb > li, .uk-breadcrumb > li > a, .uk-breadcrumb > li > span {font-size:16px; color:#666;} .uk-breadcrumb > li:not(.uk-active) > span {color:#666;} .section {padding:30px 0;} .section.contrast {color:#fff;} .section .heading {font-size:26px; font-weight:700; margin-bottom:20px; text-transform:uppercase; line-height:1.3;} .section.contrast .heading {color:#fff;} #fea_categories {background:#fff;} #fea_categories .wrap_item {} #fea_categories .item {text-align:center;} #fea_categories .wrap_img {height:230px; position:relative;} #fea_categories .wrap_img > a > img {min-height:230px; max-width:none; position:absolute; left:50%; transform:translateX(-50%);} #fea_categories .body {position:absolute; top:100%; left:0; right:0; height:100%; background:rgba(31, 167, 57, 0.6);} #fea_categories .body .content {position:absolute; top:50%; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%);} #fea_categories .body .icon {margin-bottom:30px;} #fea_categories .title {text-align:center; font-size:25px; font-weight:700; text-transform:uppercase; line-height:1.3;} #fea_categories .title a {color:#fff;} #fea_categories .wrap_img > .title {position:absolute; bottom:0; left:0; right:0; padding:30px 0 25px; background:linear-gradient(to top, rgba(31, 167, 57, .8), transparent); opacity:1; transition:all 0.5s ease;} #fea_categories .wrap_img:hover > .title {bottom:-25%; opacity:0;} #fea_categories .wrap_img:hover .body {top:0; transition:all 0.5s ease 0.5s;} #exp {} #exp .heading {margin-bottom:15px;} #exp .desc {} #exp .wrap_item {text-align:center; } #exp .num {background:#1fa739; color:#fff; width:128px; height:128px; line-height:85px; font-size:30px; font-weight:700; padding:25px 0; display:inline-block; margin:20px 0; border-radius:50%; position:relative;} #exp .num:after {position:absolute; content:""; top:-10px; bottom:-10px; left:-10px; right:-10px; border:1px dashed #1fa739; border-radius:50%;} #exp .txt {font-size:20px; font-weight:700; text-transform:uppercase;} #operation_field {background-image:url('img/operation_field.jpg'); background-repeat:no-repeat; background-size:cover; background-attachment:fixed; position:relative; overflow:hidden;} #operation_field:after {position:absolute; content:""; left:0; right:0; top:0; bottom:0; background:rgba(0, 0, 0,0.5);} #operation_field > div {position:relative; z-index:1;} #operation_field .heading {text-align:center;} #operation_field .wrap_item {margin-bottom:30px;} #operation_field .item {text-transform:uppercase; padding-left:40px; font-size:20px; display:inline-block; position:relative;} #operation_field .item:after {position:absolute; content:"\f00c"; top:0; left:0; font-family:FontAwesome; color:#1fa739;} #operation_field .triangle {position:absolute; bottom:-110px; width:100%;} #operation_field .triangle:before {position:absolute; content:""; left:0; bottom:0; height:150px; width:70%; background:#fff; transform-origin:0 0; transform:rotate(8deg);} #operation_field .triangle:after {position:absolute; content:""; right:0; bottom:0; height:150px; width:70%; background:#fff; transform-origin:100% 0; transform:rotate(-8deg);} #new_products {text-align:center;} .product_tab {border-bottom:none; padding:10px 0; text-align:left; display:inline-block; position:relative; z-index:1;} .product_tab > li {float:left; position:relative;} .product_tab > li:first-child:after {width:0;} .product_tab > li > a {color:#333; border-top-width:2px; padding:8px 20px; margin-right:0!important; text-shadow:none; border-radius:30px; display:inline-block; position:relative;} .product_tab > li > a:after {position:absolute; content:""; top:-9px; bottom:-9px; left:-9px; right:-9px; border-radius:30px; border:1px dashed transparent; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} .product_tab > li > a:hover {background:#1fa739; color:#fff; font-weight:700;} .product_tab > li > a:hover:after {border-color:#1fa739;} .product_tab > li.uk-active > a {border-color:transparent; background:#1fa739; color:#fff; text-shadow:none; font-weight:700;} .product_tab > li.uk-active > a:after {border-color:#1fa739;} .uk-tab-grid:before {border:none;} .wrap_product {margin-bottom:15px;} .product {text-align:left; padding:20px 0px; height:100%; position:relative;} .product .wrap_img {background:#f3f3f3; border:1px dashed #ddd; border-radius:10px; padding:0 10px; height:280px; line-height:280px; text-align:center;} .product .wrap_img img {} .product .title {font-size:19px; font-weight:700; line-height:1.3; margin:20px 0 10px;} .product .title a {color:#333;} .product .rating {color:#fcc922; font-size:15px; margin-bottom:15px;} .product .rating .uk-icon-star-o {color:#222; } .product .contact_bt {border:1px solid transparent; display:inline-block; padding:12px 30px 10px 50px; color:#333; border:1px solid #333; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; position:relative; cursor:pointer; text-transform:uppercase;} .product .contact_bt:after {position:absolute; content:"→"; top:12px; left:10px; margin-left:10px; font-size:30px; width:15px; overflow:hidden; text-indent:-15px;} .product .price {font-size:20px; font-weight:700; color:#e00024; margin-bottom:10px;} .product .old_price {font-size:18px; text-decoration:line-through !important; margin-bottom:5px; color:#666;} #products.archive .title {text-transform:none;} #contact {background:#0ba126; overflow:hidden; position:relative;} #contact .heading {margin-bottom:20px;} #contact .desc {margin-bottom:20px;} #contact .hotline {background:#fff; color:#666; display:inline-block; padding:15px 20px 15px; border-radius:40px; font-size:20px; font-weight:700;} #contact_col {text-align:center;} .side_product .product {text-align:left; padding:0; margin-bottom:15px;} .side_product .product:last-child {margin-bottom:0px;} .side_product .product .wrap_img {width:110px;} .side_product .product .wrap_img img {border:1px solid #ddd; min-height:auto; padding:10px;} .side_product .product .title {font-size:18px; line-height:1.2; margin:0 0 5px;} .side_product .product .title a {color:#333;} .side_product .product .text {padding-left:20px;} .side_product .product .rating {margin-bottom:10px;} .side_product .product .contact_bt {font-size:16px; padding:8px 10px;} #news {} #news .news_posts {} #news .wrap_item {margin-bottom:20px;} #news .wrap_img {max-height:200px; position:relative;} #news .wrap_img img {min-height:200px;} #news .body {padding-top:10px; z-index:1;} #news .title {font-weight:700; line-height:1.3; margin-bottom:0;} #news .title a {color:#333;} #news .excerpt {} #main_content {padding:20px 0;} #main_content article {background:#fff; text-align:justify;} #archive_news {} #archive_news .item {background:#fff; padding:10px; border-bottom:1px solid #ebebeb; 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:15px; line-height:1.3; margin-bottom:5px;} #archive_news .item .heading a {} #archive_news .item .item-body {color:#888; font-size:18px; line-height:1.3;} #archive_news .readmore_bt {font-size:18px; font-weight:700; display:inline-block; color:#666;} .uk-article-title {font-size:22px; font-weight:700; color:#333333; line-height:1.3;} #product_img {background:#f6f6f6; border:1px dashed #ddd; border-radius:40px; text-align:center; padding:50px 20px; margin-bottom:20px;} #single_product .info {padding:20px 0; font-size:18px; line-height:1.5;} #single_product .rating {color:#fcc922; font-size:15px;} #single_product .rating .uk-icon-star-o {color:#222; } #single_product .table_data {font-size:17px; margin:0;} #single_product .table_data td {border-bottom:1px solid #ddd; padding:20px 10px 15px;} #single_product .table_data .label {font-weight:700; width:115px; text-align:right; padding-left:0;} #single_product .entry-body {padding-top:30px;} #product_gallery {background:#fff; padding:20px 0px;} #product_gallery .heading {padding:0px 30px; font-weight:700; text-transform:capitalize;} #post_img {margin-bottom:40px; text-align:center; max-height:450px;} #post_img img {} #article .meta_bar {font-size:18px; color:#666; margin-bottom:20px;} #article .meta_bar .val {margin-right:10px;} #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;} .like_box {margin:20px 0;} .tags .uk-badge {border-radius:0px; padding:5px; font-size:12px;} .tags .uk-badge a {color:#fff!important;} .tags span {margin-bottom:5px; } #post_relate .title {margin-bottom:0;} #col_right {} .widget {margin-bottom:25px;} #col_right .widget:last-child {margin-bottom:0;} .widget-title{background:#333333; font-size:21px; line-height:1.3; color:#fff; text-transform:uppercase; margin:0; padding:15px 0 10px; text-align:center;} .widget-title span {padding-bottom:5px; font-weight:700; display:inline-block; text-transform:uppercase;} .block {} .block-title {font-size:21px; font-weight:700; color:#555; position:relative;} .widget-body {background:#fff; padding:20px;} .widget-body ul {} .widget-body li {} .widget-body .text {} .widget-body .meta {color:#999999; font-size:12px;} .widget-body .menu {} .widget-body .menu li {padding:0; border:none; font-size:16px;} .widget-body .menu li a {padding:15px 0px 10px; display:block; color:#777777;} .widget-body .menu > li > a {color:#000000; border-bottom:1px solid #000000; text-transform:uppercase;} .widget-body .menu .sub-menu {display:none; padding:5px 0;} .widget-body .menu .sub-menu li a {padding:5px 0 0; font-size:} .widget-body .menu > li:first-child > .sub-menu {display:block;} .widget-body .menu .sub-menu li{border:none;} .widget-body .menu .menu-item-has-children > a {position:relative; padding-left:25px;} .widget-body .menu .menu-item-has-children > ul > li {} .widget-body .menu .menu-item-has-children > a:after {position:absolute; content:"\f196"; font-family:FontAwesome; left:0; top:10px; width:30px; padding:5px 0 5px 0; cursor:pointer; font-size:15px;} .widget-body .menu .menu-item-has-children.open > a:after {content:"\f147";} .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:#444;} .widget li .p-title {line-height:1.1; margin-bottom:5px;} .widget li .date {color:#888888; font-size:14px;} .list-post {margin:0;} .list-post li {padding:0 0 8px 15px; font-size:18px; position:relative;} .list-post li:after {position:absolute; content:"\f0da"; left:0; top:0; font-family:FontAwesome; color:#333;} .list-post li:last-child {padding-bottom:0;} .list-post li a {font-size:18px;} #footer {background:#181d21; background-size:cover; color:#dedede; padding:30px 0; overflow:hidden; position:relative;} #footer > div {position:relative; z-index:1;} #footer .heading {font-size:20px; font-weight:700; color:#dedede; line-height:1.3; position:relative; margin-bottom:30px; text-transform:uppercase;} #footer a{color:#dedede;} #footer .logo {margin-bottom:20px;} #footer .logo img {max-height:100px;} #footer .about_text {line-height:1.5;} #footer .nav {} #footer .nav li{padding-left:30px; position:relative;} #footer .nav li:after{position:absolute; top:0; left:0; content:"→"; text-indent:-10px; color:#1fa739; font-size:25px; overflow:hidden;} #footer .nav .nav_label {font-size:18px; color:#dedede; line-height:1.3; margin-bottom:12px;} #mvctable {color:#1fa739;} #mvctable b {color:#dedede;} #footer #fbHolder {margin-bottom:30px;} #col_contact {padding-right:30px; font-size:17px;} #col_contact .d-cell {padding-bottom:10px; line-height:1.6; vertical-align:baseline;} #col_contact .icon {width:30px; font-size:20px;} #copyright {padding:15px 0; font-size:16px; background:#13181b; color:#fff; text-align:center; position:relative;} #copyright a{color:#1fa739;} #copyright .socials a {color:#3b4044; height:40px; line-height:40px; width:25px; text-align:center; font-size:22px; display:inline-block; margin-right:4px; margin-top:20px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #copyright .socials a.gplus:hover {color:#e64522;} #copyright .socials a.fb:hover {color:#2b3990;} #copyright .socials a.tt:hover {color:#1b95e0;} #copyright .socials a.yt:hover {color:#e64522;} #copyright .socials a.pin:hover {color:#be1e2d;} .entry-body {font-size:17px; line-height:1.4;} .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 #ddd; padding-bottom:3px; margin-bottom:5px; display:inline-block;} /* NAV MOBILE TOGGLE */ .uk-mobile {display:inline-block; width:100%; border:1px solid #ddd;} /*.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 */ .scrollToTop{bottom:55px;} .table-bordered, .table-bordered th, .table-bordered td {border:1px solid #ddd;} @media (min-width:480px) { } @media (min-width:768px) { #header {} #header .socials a {margin-left:5px;} #fea_categories .wrap_img {height:170px;} #fea_categories .wrap_img > a > img {min-height:170px;} #operation_field .triangle {bottom:-90px;} .product_tab {display:block;} #contact:after {position:absolute; content:""; left:0; top:0; bottom:0; width:50%; background:url('img/contact.jpg') no-repeat; background-size:cover;} #contact_col {position:relative;} #contact_col:before {position:absolute; content:""; top:-60px; bottom:-180px; right:100%; width:100px; background:#0ba126; transform-origin:0 0; transform:rotate(-28deg); z-index:2;} #contact_col:after {position:absolute; content:""; top:-60px; bottom:-180px; right:100%; width:110px; background:#9cce17; transform-origin:0 0; transform:rotate(-20deg); z-index:1;} #contact_col .content {position:relative; z-index:3;} #news .wrap_img {max-height:220px;} #news .wrap_img img {min-height:220px;} #archive_news .item {padding:30px 25px; margin-bottom:30px;} #archive_news .item .wrap_img {max-height:200px; padding:0;} #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; font-weight:700;} .side_product .product .contact_bt {font-size:17px; padding:8px 20px;} } @media (min-width:960px) { .uk-offcanvas-bar {width:370px;} #nav_sidebar .logo {padding:15px 40px;} #nav_sidebar li a {padding:8px 40px 5px;} #header {padding:0 40px;} #header .logo {text-align:left; padding-top:40px;} #header .logo img {max-height:none;margin-top:-30px;} .navbar_toggle {margin-left:80px;} .header_right {padding:50px 0 5px 0;} .header_item {margin-left:40px;} .header_item .txt1 {font-size:17px;} .header_item .txt2 {font-size:16px;} #f_search {width:350px; padding:6px; left:auto;} #f_search_wrap .search_toogle {line-height:140px;} #main-menu {width:100%; position:relative; z-index:101;} #main-menu .uk-icon-home {font-size:22px; color:#133d6f;} #main-menu li.active .uk-icon-home, #main-menu li a:hover .uk-icon-home {color:#0588c0;} #main-menu .nav_label {font-size:18px; margin:0; color:#fff; text-transform:uppercase;} #navbar-mobile > li > a > .nav_label {position:relative;} #navbar-mobile > li > a > .nav_label:before, #navbar-mobile > li > a > .nav_label:after {position:absolute; content:""; opacity:0; visibility:hidden;} #navbar-mobile > li.active > a > .nav_label:before, #navbar-mobile > li.active > a > .nav_label:after, #navbar-mobile > li:hover > a > .nav_label:before, #navbar-mobile > li:hover > a > .nav_label:after {position:absolute; content:""; opacity:1; visibility:visible;} #navbar-mobile > li > a > .nav_label:before {height:4px; background:#fff; left:0; right:0; bottom:-10px;} #navbar-mobile > li > a > .nav_label:after {left:50%; right:0; bottom:-6px; margin-left:-4px; width:0; height:0; border-style:solid; border-width:0 5px 5px 5px; border-color:transparent transparent #fff transparent;} #main-menu a{height:auto;} #main-menu li:hover > a {color:666666; } #main-menu li{z-index:5; position:relative; } #main-menu ul#navbar-mobile {float:none; display:inline-block;} #main-menu ul#navbar-mobile > li{display:inline-block; float:none;} #main-menu ul#navbar-mobile > li > a {} #main-menu ul#navbar-mobile > li > a:hover, #main-menu ul#navbar-mobile > li > a:focus, #main-menu ul#navbar-mobile > li.active > a {background:transparent;} #navbar-mobile > li.uk-open > a, #navbar-mobile > li:hover > a, #navbar-mobile > li > a:focus {background:transparent; border-color:transparent;} #main-menu ul#navbar-mobile > li:hover > a > .nav_label, #main-menu ul#navbar-mobile > li.active > a > .nav_label {} #main-menu ul li.current_page_item a {} #main-menu ul li.current-menu-item a {} #main-menu li a{padding:55px 10px 10px; display:block; margin:0; text-shadow:none; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu li li a{display:block; color:#005695!important; } #main-menu > div > ul > li:last-child a{ border-right:none;} #main-menu li ul li{float:none; position:relative; border-bottom:1px solid #b7c6db; padding:0 25px; } #main-menu li ul li:hover {background:#fff; } #main-menu li ul li:last-child{border-bottom:none;} #main-menu li ul{position:absolute; top:100%; left:0; display:none; background:#1fa739; list-style:none outside none; text-align:left; min-width:250px; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s;} #main-menu .current-menu-item ul{} #main-menu li:hover > ul{display:block;} /*disable for hover menu dropdown by javascript*/ #main-menu li ul li a{padding:13px 0px!important; white-space:nowrap; font-weight:400; height:auto;} #main-menu li ul li a .nav_label{font-size:16px; font-weight:400; color:#fff; line-height:normal; text-transform:uppercase; position:relative; padding-left:20px;} #main-menu li ul li a .nav_label:after{position:absolute; content:"\f054"; top:3px; left:0; font-family:FontAwesome; font-size:12px;} #main-menu li ul li:hover a .nav_label{color:#333;} #main-menu li ul li ul{position:absolute; top:0; left:100%; display:none; background-color:#d7f1fa; width:auto;float:left;} #banner_slider .cycloneslider-caption-title {font-size:30px; letter-spacing:5px;} #banner_slider .cycloneslider-caption .caption {font-size:55px; font-weight:700;} #banner_slider .cycloneslider-caption .desc {max-width:900px; line-height:1.6; font-size:25px; margin-bottom:50px;} .section {padding:60px 0;} .section .heading {margin-bottom:30px; font-size:40px;} .section .desc {font-size:18px; line-height:1.4; } #fea_categories .wrap_img {height:285px;} #fea_categories .wrap_img > a > img {min-height:285px; width:100%;} #fea_categories .title {font-size:33px;} #exp .heading {margin-bottom:35px; font-size:30px;} #exp .desc {margin-bottom:60px;} #exp .txt {font-size:25px;margin-top:40px;} #operation_field {padding:150px 0 200px;} #operation_field .heading {margin-bottom:100px;} #operation_field .triangle {bottom:0;} #new_products {} #new_products .desc {margin-bottom:50px;} .wrap_product {margin-bottom:25px;} .product_tab {text-align:center;} .product {} .product .wrap_img {padding:0 20px; height:340px; line-height:340px;} .product .wrap_img:hover {border-color:#1fa739;} .product .wrap_img img {} #contact .heading {margin-bottom:30px;} #contact .desc {margin-bottom:50px;} #contact .hotline {padding:22px 20px 22px; font-size:30px;} #contact_col {padding-left:100px;} #contact_col:before {width:180px;} #contact_col:after {width:200px;} #news {padding-bottom:20px;} #news .heading {font-size:35px;} #news .wrap_img {max-height:310px;} #news .wrap_img:after {position:absolute; content:""; top:0; bottom:0; left:0; right:0; -o-transition:all .3s;-moz-transition:all .3s;-webkit-transition:all .3s;-ms-transition:all .3s; pointer-events:none;} #news .wrap_img:hover:after {background:rgba(31, 167, 57,0.5); } #news .wrap_img img {min-height:310px;} #news .body {padding-top:20px;} #news .title {position:relative; margin:5px 0 15px; font-size:18px;} #news .title a {display:block;} #news .excerpt {font-size:17px;} #news .readmore_bt {position:absolute; top:50%; margin-top:-23px; left:50%; margin-left:-88px; color:#fff; border:1px dashed #fff; border-radius:30px; z-index:1; font-weight:700; font-size:20px; padding:15px 35px 10px; opacity:0; visibility:hidden;} #news .wrap_img:hover .readmore_bt {opacity:1; visibility:visible;} #header_cover {padding:120px 0 0px;} #header_cover .heading {font-size:35px;} #archive_news .item .heading {font-size:22px;} #archive_news .item .media {width:330px;} #archive_news .item .wrap_img {max-height:230px;} #archive_news .item .wrap_img img.wp-post-image {min-height:230px; } #archive_news .item .readmore_bt {} #main_content {padding:50px 0;} .uk-article-title {font-size:25px;} #single_product .uk-article-title {text-transform:capitalize;} #col_right {} .relate .block2-title {padding:10px 20px;} .block-body {padding:10px 20px;} #footer .heading {margin-bottom:50px;} #copyright {padding:40px 0 20px; font-size:17px;} #navbar-footer {display:inline-block; float:none;} #navbar-footer li {} #navbar-footer li a {background:transparent; text-shadow:none; border:none !important; padding:0 35px;} #navbar-footer li a .nav_label {color:#000000; font-size:18px; font-weight:700; text-transform:uppercase; position:relative;} .scrollToTop{bottom:85px;} .right-lg {text-align:right;} .d-cell-lg {display:table-cell;} } @media (min-width:1220px) { #main-menu ul#navbar-mobile > li{margin-right:15px;} #main-menu li a {padding:55px 15px 10px;} #main-menu .nav_label {} .search_toogle {display:block;} } @media (min-width:1900px) { #banner_slider .cycloneslider-caption {bottom:60%; } #fea_categories .wrap_img {height:350px;} #fea_categories .wrap_img > a > img {min-height:350px;} }