@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:300;src:local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../lib/fonts/b9QBgL0iMZfDSpmcXcE8nFgFMY7EK8ynABYD_ZHMS7s.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:400;src:local('Roboto Condensed Regular'), local('RobotoCondensed-Regular'), url(../lib/fonts/Zd2E9abXLFGSr9G3YK2MsNIjcMYHK_OhdqQKvz8_Eqo.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:normal;font-weight:700;src:local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../lib/fonts/b9QBgL0iMZfDSpmcXcE8nMSqxGqx1BqHsIjxNL4q2HQ.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:300;src:local('Roboto Condensed Light Italic'), local('RobotoCondensed-LightItalic'), url(../lib/fonts/mg0cGfGRUERshzBlvqxeAALJ2z5ZyH4OGzxaAobx77I.woff) format('woff')}@font-face{font-family:'Roboto Condensed';font-style:italic;font-weight:400;src:local('Roboto Condensed Italic'), local('RobotoCondensed-Italic'), url(../lib/fonts/BP5K8ZAJv9qEbmuFp8RpJaZHp5Ygr-TRGz22M2CAQPE.woff) format('woff')} html{ height: 100%; } body{ font-family: 'Open Sans', sans-serif; font-size: 14px; -webkit-font-smoothing: antialiased; height: 100%; background:#fff; } body.is-ontop{ margin-top: 53px; } h1{ font-size: 44px; } h2{ font-size: 20px; } h3{ font-size: 18px; } a{ color: #333333; } a:hover{ color: #c83e37; text-decoration: none; transition: all 0.25s; } a:focus{ text-decoration: none; } .fa{ line-height: inherit; } .bold{ font-weight: bold; } .alignleft{ float: left; } .alignright{ float: right; } img.alignleft{ margin: 0 20px 15px 0; } img.alignright{ margin: 0 0 15px 20px; } .clearfix:before{ content: ""; display: table; } .container{ padding-left: 0; padding-right: 0; } .nav-ontop { position: fixed; top: 0px; left: 0px; width: 100%; padding-bottom: 0px; z-index: 102; box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.15); background: #fff; } .nav-ontop>.container{ position: relative; } .main-header{ padding: 25px 0; } .main-header .header-search-box{ padding-left: 0px; width: 25%; } .main-header .header-search-box .form-inline { border: 1px solid #0054a6; height: 44px; border-radius: 3px; box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 2px 2px; background: #fff; } .main-header .header-search-box .form-inline .input-serach{ width: calc(100% - 50px); } .main-header .header-search-box .form-inline .input-serach input { border: none; padding-left: 15px; width: 100%; font-size: 13px; padding-top: 12px; padding-bottom: 12px; } ::-webkit-input-placeholder { /* Edge */ color: #666; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666; } ::placeholder { color: #666; } .CallNow-content ::-webkit-input-placeholder { /* Edge */ color: #333; } .CallNow-content :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #333; } .CallNow-content ::placeholder { color: #333; } .main-header .header-search-box .form-inline .btn-search { border-radius: 3px; color: #fff; font-size: 24px; font-weight: bold; padding: 10px 16px 0 18px; position: absolute; right: 2px; top: 2px; border-left: 0px solid #5ebd6c; height: 40px; background: #0054a6; } .main-header .header-search-box .form-inline .btn-search:hover{ opacity: 0.8; } .header { position: relative; box-shadow: 0 3px 12px rgba(0,0,0,.175); background:#fff; background-size: 100%; } .header::after { content: ''; height: 0px; width: 100%; position: absolute; left: 0; bottom: 0; background-image: linear-gradient(to right, #0054a6 0, #ffffff 25%, #c1e0ff 40%, #0054a6 49%, #0054a6 67%, #0054a6 84%, #0054a6 100%); } .nav-top-menu{background: #0054a6;} .nav-top-menu.nav-ontop #main-menu { border-top: 0px solid #dfdfdf; border-right: 0px solid #dfdfdf; } .nav-top-menu.nav-ontop #main-menu .navbar-nav > li {} .nav-top-menu.nav-ontop #main-menu .navbar-nav > li:nth-child(1) { display:block; } .nav-top-menu.nav-ontop #main-menu .navbar-nav > li:nth-child(2) { display:block; } .nav-top-menu.nav-ontop #main-menu .navbar-nav > li:nth-child(3) { display:block; } .nav-top-menu.nav-ontop #main-menu .navbar-nav > li:nth-child(4) { display:block; } .nav-top-menu.nav-ontop #main-menu .navbar-nav > li:nth-child(5) { display:block; } #main-menu { } #main-menu .container-fluid{ padding: 0; } #main-menu .navbar-header{ display: none; } #main-menu .navbar{ border: none; margin: 0; background: none; } #main-menu .navbar-collapse{ padding: 0; } #main-menu .navbar .navbar-nav > li.ico-home {width: 27px;} #main-menu .navbar .navbar-nav > li.ico-home a { padding: 0 !important; margin-top: 17px; } #main-menu .navbar .navbar-nav > li > a .icon-icons-home {font-size: 21px;} #main-menu .navbar .navbar-nav > li > a { color: #fff; font-size: 15px; margin: 0; padding: 18px 12px; line-height: 20px; font-weight: 600; } #main-menu .navbar .navbar-nav>li:last-child>a{ border-right: none; } .nav-ontop #main-menu .navbar .navbar-nav > li > a { } #main-menu .nav, #main-menu .collapse, #main-menu .dropup, #main-menu .dropdown { position: static; } #main-menu .navbar-nav>li{position:relative;} #main-menu .navbar-nav>li:after { position: absolute; content: ''; top: 50%; right: 0; transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); width: 2px; height: 35%; background: #6aa5df; } #main-menu .navbar-nav>li:last-child:after, #main-menu .navbar-nav>li.ico-home:after{ display:none;} #main-menu .dropdown-menu { border-radius: 0 0 5px 5px; min-width: 200px; left: auto; padding: 30px 15px; -webkit-transition: opacity 0.5s, -webkit-transform 0.5s; transition: opacity 0.5s, transform 0.5s; -webkit-transform: translate(0,40px); -moz-transform: translate(0,40px); -o-transform: translate(0,40px); -ms-transform: translate(0,40px); transform: translate(0,40px); display: block; visibility: hidden; opacity: 0; background: #fff; top: 100%; border: 1px solid #0054a6; 0; border-top: none; } #main-menu .dropdown-menu.container-fluid{ padding: 4px 0; } #main-menu .dropdown-menu li a {font-size: 14px;position:relative;padding: 5px 15px;margin-left:15px;font-weight: 500;color: #0054a6;} #main-menu .dropdown-menu li a::before { display: inline-block; content: ''; width: 4px; height: 4px; background: #0054a6; position: absolute; left: 0; top: 13px; } #main-menu .dropdown-menu.dropmenu-brand li a::before { display:none;} #main-menu .dropdown-menu li a:hover { background:none; color:#0054a6;} #main-menu .navbar-nav > li:hover .dropdown-menu { -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0); -ms-transform: translate(0,0); transform: translate(0,0); opacity: 1; visibility: visible; } #main-menu .mega_dropdown .block-container { padding: 0 15px; } #main-menu .mega_dropdown .group_header { text-transform: uppercase; border: 1px solid transparent; margin-bottom: 10px; font-weight: bold; font-size: 13px; margin-top: 15px; text-align:center; margin-bottom:6px; } #main-menu .mega_dropdown .group_header:hover { border: 1px solid #dfdfdf; box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1); border-radius:5px; } #main-menu .mega_dropdown .group_header:first-child{ margin-top: 0; } #main-menu .mega_dropdown .img_container { padding: 0 0 5px; } #main-menu .dropdown-menu .block-container .link_container>a{ line-height: 32px; } #main-menu .dropdown-menu .block-container .group_header>a{ line-height: 32px; border-bottom: 0px solid #c83e37; display: inline-block; } #main-menu .dropdown-menu .block-container .group_header>a>img{ height:80px; } #main-menu li.dropdown>a:after { content: "\f107"; font-family: "FontAwesome"; font-size: 14px; vertical-align: 0; padding-left: 7px; display:inline-block; } .header-top-right{ padding: 0; } .header-top-right .homeslider { width: 100%; overflow: hidden; } .header-top-right .homeslider img{ width: 100%; height: auto; } .header-top-right .homeslider .bx-wrapper .bx-viewport { -moz-box-shadow: 0; -webkit-box-shadow: 0; box-shadow:none; border:0; left: 0; background: #fff; } .header-top-right .homeslider .bx-controls-direction .bx-prev{ background-image:linear-gradient(90deg, rgba(0, 0, 0, 0.3) 0px, transparent); } .header-top-right .homeslider .bx-controls-direction .bx-next{ background-image:linear-gradient(270deg, rgba(0, 0, 0, 0.3) 0px, transparent); } .header-top-right .homeslider .bx-controls-direction .bx-prev, .header-top-right .homeslider .bx-controls-direction .bx-next{ text-indent: 0px!important; color: #fff; font-size: 15px; text-align: center; line-height: 32px; position: absolute; opacity: 0; visibility: hidden; width:80px; height:100%; top:0; margin-top:0; background-position:0 0; } .header-top-right .homeslider .bx-controls-direction .bx-prev .fa { position: absolute; top: 43%; font-size: 80px; left: 15px; } .header-top-right .homeslider .bx-controls-direction .bx-next .fa { position: absolute; top: 43%; font-size: 80px; right: 15px; } .header-top-right .homeslider .bx-controls-direction .bx-prev{ left: 50%; } .header-top-right .homeslider .bx-controls-direction .bx-next{ right: 50%; } .header-top-right .homeslider .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto { position: absolute; bottom: 10px; width: 100%; text-align: center; padding-right: 10px; } .bx-wrapper { margin: 0; } .product-list li{ } .product-list li .left-block { position: relative; overflow: hidden; padding: 0; background:#fff; } .product-list li .left-block:after { position: absolute; background:#fff; height: 0; bottom:0; left:0; width:100%; content:''; } .product-list li .left-block img{ margin: 0 auto; } .product-list li .left-block img { -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out; width: 100%; } .product-list li .right-block { padding: 10px 0px; position: relative; } .product-list .right-block .decsription-news { display: block; padding: 10px 10px; border-top: 2px solid #e6e7e9; text-align: left; font-size: 14px; line-height: 24px; min-height:100px; } .product-list li .product-name { font-size: 17px; padding: 10px 10px; line-height: 24px; color: #0054a6; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; overflow: hidden; height: 60px; } .product-list li .product-name a, .product-list li .product-name-2 a{color: #0054a6;} .product-list li .product-name-2 { font-size: 15px; padding: 10px 10px; line-height: 24px; color: #0054a6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: initial; overflow: hidden; height: 60px; } .owl-controls{ } .owl-controls .owl-prev{ position: absolute; left: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .owl-controls .owl-next{ position: absolute; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .owl-controls .owl-prev, .owl-controls .owl-next { background: #39b54a none repeat scroll 0 0; color: #fff; font-size: 21px; height: 32px; line-height: 32px; text-align: center; width: 32px; } .owl-controls .owl-prev:hover, .owl-controls .owl-next:hover{ background: #ed1c24; color: #fff; } .owl-controls .owl-prev .fa, .owl-controls .owl-next .fa{ font-weight: bold; } #footer { background: #eee; } #address-list { margin-top: 18px; font-size: 14px; } #address-list ul li .fa { width: 20px; font-size: 14px; } #address-list, #footer-menu-box, .introduce-list li a {color: #004aad;} .introduce-title { text-transform: uppercase; font-size: 15px; list-style: none; margin-top: 20px; position: relative; color: #004aad; line-height: 20px; font-weight: bold; } .introduce-title::after { content: ''; display: block; width: 46px; height: 0px; margin: 10px 0px 20px 0; background: #999; } .introduce-title .s-2 { display: block; font-size: 17px; } .introduce-list { list-style: none; } .social-link-footer { margin-top: 15px; margin-left: -10px; } .social-link.social-link-footer .fa { font-size: 27px; margin-right: 12px; } .social-link .fa.fa-pinterest { color: #e60023; } .social-link a{ cursor:pointer; } .social-link a svg { width: 26px; margin-top: 2px; margin-right: 10px; } .social-link .fa{ width: 30px; height: 30px; color: #fff; line-height: 30px; text-align: center; background:transparent; font-size:17px; } .social-link .fa-facebook {color: #2177ee !important;font-size: 23px !important;} .social-link .fa-youtube { color: #ed1c24 !important; font-size: 22px !important; } #footer { background:#ffffff url(../images/bg-footer.png) no-repeat scroll 0 bottom; font-size: 12px; padding-top: 60px; position:relative; } #footer::after { height: 5px; position: absolute; top: 0; right: 0; left: 0; content: ""; background-color: red; background: -webkit-linear-gradient(right, #000, #ed1b35); background: -o-linear-gradient(right, #000, #ed1b35); background: -moz-linear-gradient(right, #000, #ed1b35); background: linear-gradient(to right, #000, #ed1b35); display:none; } #footer-menu-box { padding: 20px 0; font-size: 13px; } .footer-menu-list{ list-style: none; text-align: center; margin-bottom: 5px; } .footer-menu-list li{ display: inline; padding: 0 7px 0 5px; border-right: 1px solid #0066cc; } .footer-menu-list li:last-child{ border-right: none; } .footer-menu-list li a{ color: #0066cc; } .footer-menu-list li a:hover{ text-decoration: underline; transition: all 0.3s; } .back-to-top.showtop { opacity:1; visibility:visible; z-index:99 } .back-to-top { position:fixed; bottom: 0; right: 10px; cursor:pointer; text-decoration:none; opacity:0; z-index:-1; background-color:transparent; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; display: none; } .back-to-top .btn:hover {background:#c50f14;opacity:.8;} .back-to-top i { color: #ffffff; font-size: 21px; line-height:inherit; position:absolute; z-index:10; left: 0; width: 100%; text-align: center; top: 15px; } .back-to-top .btn { width: 40px; height: 40px; line-height: 30px; padding:0; position:relative; background: #c50f14; border-radius: 0; color: #fff; font-size: 13px; } .back-to-top .btn:after { content: ""; display: block; position: absolute; background-color: #c50f14; top: -1px; left: -8px; height: 100%; width: 12px; transform: skewX(-10deg); height: 42px; } .back-to-top .btn:before { position:absolute; content:""; left:6px; top:6px; right:6px; bottom:6px; background-color: #c50f14; border-radius:50%; transition:all 0.3s ease; -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); -ms-transform:scale(0); transform:scale(0); display:none; } /*------------------ [15. Breadcrumb] */ .breadcrumb { background: none; padding: 0; margin:0; padding-bottom: 8px; line-height: normal; font-size: 12px; color: #333333; } .breadcrumb a{ color: #333333; } .breadcrumb .navigation-pipe:before{ content: "\f105"; font-size: 14px; display: inline-block; text-align: right; width: 6px; color: #333333; font-family: "FontAwesome"; padding: 0 15px; } /*------------------ [16. Columns] */ #columns{ padding-top: 10px; } .owl-controls .owl-dots{ position: absolute; left: 0; bottom: 0; text-align: center; width: 100%; } .owl-controls .owl-dots .owl-dot{ width: 16px; height: 8px; background: #adadad; display: inline-block; margin: 0 6px; border-radius: 0%; } .owl-controls .owl-dots .owl-dot.active{ background: #c83e37; } .product-bottom{ padding-top: 10px; text-align: center; } .btn-add-cart { background-image:-webkit-gradient(linear, left top, right top, from(#ed1c24), color-stop(98%, #b7070e), to(#b7070e)); } .btn-add-cart, .btn-tuvan { border-radius: 5px; clear: both; color: #fff; display: inline-block; font-size: 15px; margin: 0 auto; padding: 8px 5px; text-align: center; overflow: hidden; width: 100%; text-transform:uppercase; } .btn-add-cart:hover{ color: #fff; opacity: 0.8; } .btn-tuvan { background-image: -webkit-gradient(linear, left top, right top, from(#0054a6), color-stop(98%, #05437e), to(#05437e)); } .btn-tuvan:hover{ color: #fff; opacity: 0.8; } .btn-tuvan i[class^="icon-"], .btn-add-cart i[class^="icon-"] { font-size: 21px; display: inline-block; margin-right: 7px; margin-top: 4px; } .btn-view { background: #96979b none repeat scroll 0 0; border-radius: 0px; clear: both; color: #fff; display: inline-block; font-size: 17px; height: 45px; line-height: 45px; margin: 0 auto; padding: 0 25px 0 0; text-align: center; width: auto; overflow: hidden; } .btn-view:hover{ color: #fff; opacity: 0.8; } .btn-view:before{ width: 40px; height: 100%; float: left; background:url("../images/icon-view.png") no-repeat scroll 7px center; content: " "; margin-right: 15px; background-color:rgba(0, 0, 0, 0.2); } /** tags **/ .tags{ line-height: 26px; } .tags span{ padding: 0 5px; } .tags .level1{ font-size: 12px; } .tags .level2{ font-size: 16px; } .tags .level3{ font-size: 18px; } .tags .level4{ font-size: 20px; } .tags .level5{ font-size: 24px; } /** testimonials **/ .testimonials{ } .testimonials .client-mane { font-weight: 600; text-align: left; font-size: 12px; } .testimonials .client-avarta { margin-top: 10px; text-align: center; } .testimonials .client-avarta img{ width: 110px; height: 110px; border: 3px solid #eaeaea; border-radius: 90%; margin: 0 auto; } .testimonials .testimonial { font-size: 12px; line-height: 20px; height: 118px; overflow: hidden; } /*-------------------- [16.2 Center column] */ .category-slider .owl-controls .owl-prev, .category-slider .owl-controls .owl-next { background: #aaa; width: 40px; height: 40px; color: #fff; text-align: center; line-height: 40px; -moz-transition: all 0.45s ease; -webkit-transition: all 0.45s ease; -o-transition: all 0.45s ease; -ms-transition: all 0.45s ease; transition: all 0.45s ease; position: absolute; visibility: hidden; opacity: 0; } .category-slider .owl-controls .owl-prev:hover, .category-slider .owl-controls .owl-next:hover{ background: #c83e37; } .category-slider .owl-controls .owl-prev{ left: 50%; } .category-slider .owl-controls .owl-next{ right: 50%; } .category-slider:hover .owl-controls .owl-next{ right: 0; visibility: inherit; opacity: 1; } .category-slider:hover .owl-controls .owl-prev{ left: 0; visibility: inherit; opacity: 1; } /** subcategories **/ .subcategories.subcategories-help li { margin-bottom:15px; } .subcategories { border-radius: 0px; margin-bottom:10px; } .subcategories ul{ } .subcategories li { display: inline-block; width: 16%; margin-bottom: 10px; } .subcategories li:first-child a { margin-left:0; } .subcategories li a { display: block; font-size: 14px; padding: 10px; border: 1px solid #f1f1f1; margin: 0 5px; text-align: center; border-radius: 5px; position: relative; } .subcategories li a:hover{ color: #c83e37; border: 1px solid #dfdfdf; box-shadow: 0 3px 12px 1px rgba(0, 0, 0, 0.1); } .subcategories li a .subcategory-item-thumbnail img{ width:50px; height:50px; } .subcategories li a .subcategory-item-thumbnail{ display:none; } .subcategories li a .subcategory-item-title{ margin:10px 0; } .subcategories li.current-categorie{ position: relative; float:left; } .subcategories li.current-categorie::after{ border-color: #39b54a transparent; border-style: solid; border-width: 10px 10px 0px 10px; content: ""; display: none; left: 45%; position: absolute; bottom: -10px; width: 0; z-index: 1; } .subcategories li:hover a::after{ border-color: #39b54a transparent; border-style: solid; border-width: 10px 10px 0px 10px; content: ""; display: none; left: 46%; position: absolute; bottom: -10px; width: 0; z-index: 1; } .subcategories li.current-categorie a { font-weight: bold; border: 1px solid #39b54a; color: #39b54a; margin-left: 0; } .subcategories li:hover a{ border:1px solid #39b54a; } .columns-container-products {background: #fff;} .columns-container-products:nth-child(2n+1) {background: #fff;} .columns-container-products:nth-child(2n) {background: #fff;} .view-product-list{ position: relative; } .view-product-list .product-list.grid { } .product-list .product-container { overflow: hidden; text-align: center; position: relative; padding: 0; border-radius: 12px; background: #fff; border-bottom: 4px solid #0054a6; box-shadow: 0 3px 20px 0px rgba(0, 0, 0, 0.12); } .product-list .product-container:hover { box-shadow: 0 3px 12px 1px rgb(0 0 0 / 10%); border-bottom: 4px solid #0056a8; } .product-list.grid li {margin: 0;margin-bottom: 50px;}