/* */ /*

*/ .header .upper{ text-align:center; padding:5px 0 0 0; position:relative; } .header .upper:before{ position:absolute; content:''; display:block; width:100%; /*border-bottom:1px solid #8e6e0b;*/ bottom:4px; left:0; }/* .header .upper:after{ position:absolute; width:100%; height:3px; bottom:0; left:0; background:url(img/bg-header.png) repeat-x; content:''; display:block; }*/ .header-social {} .header-social ul{} .header-social ul li {float:left;} .header-social ul li+li {margin-left: 5px;} .header-social ul li a { display:inline-block; width:20px; height:20px; border-radius:50%; -webkit-borde-radius:50%; -moz-borde-radius:50%; -o-borde-radius:50%; background:#b28a0f; color:#e5cf5a; font-size: 12px; text-align: center; } .header .lower{ padding: 0 0 10px 0; } .header-contact { font-size: 16px; line-height: 20px; color: #000; text-align: right; height: 100%; } .header-contact a {color: #f00;} .logo { margin: 0; padding-left: 80px; position: relative; } .logo a {display: block;} .header .bottom{ background:#fff; padding:3px; } .header .bottom .navigation{ width:100%; background: #ff0000; } .header .bottom .navigation .main-menu{} .header .bottom .navigation .main-menu > li{} .header .bottom .navigation .main-menu > li > a{ text-transform: uppercase; font-weight: bold; font-size: 14px; padding: 10px 18px; color: #fff; position: relative; } .header .bottom .navigation .main-menu > li+li > a:before{ content:''; display:block; position:absolute; height:18px; width:1px; background: #c2991c; left:0px; top:10px; } .header .bottom .navigation .dropdonw-menu { display: none; position: absolute; min-width: 250px; z-index: 100; left: 0px; top: 100%; } .header .bottom .navigation .main-menu>li:hover .dropdonw-menu {display: block;} .header .bottom .navigation .sub-menu { position: relative; background-color: #2a293c; z-index: 50; } .header .bottom .navigation .sub-menu li {background-color: rgba(255, 255, 255, 0.7);} .header .bottom .navigation .sub-menu a { position: relative; padding: 10px 10px 10px 15px; display: block; font-size: 15px; line-height: 20px; font-weight: bold; color: #252525; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } .header .bottom .navigation .sub-menu li+li>a {border-top: 1px solid #5D5C6D;} .header .bottom .navigation .sub-menu a:before { content: ""; display: block; position: absolute; height: 100%; width: 3px; background: #c2991c; left: 0px; top: 0px; z-index: 5; } .header .bottom .navigation .sub-menu a:hover { color: #c2991c; background: rgba(255, 255, 255, .7); text-decoration: underline; } @media (min-width: 960px) { .header .lower .container {position: relative;} .header .lower .header-social { position: absolute; top: initial; bottom: 0px; left: 50%; } } /*

*/ /* ################################################# */ /* */ /* HEADING 1 */ .main-content{ background:#fff; } .heading-1{ font-size:20px; font-weight:bold; font-family: 'Roboto', sans-serif; text-transform:uppercase; } .heading-1 > *{color:#000;} .heading-2 { position: relative; margin: 0; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; background: #c2991c; } .heading-2>* { position: relative; display: inline-block; padding: 12px 20px 8px 15px; background: #333; color: #fff; } .heading-2>*:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 10px solid #333; border-top: 20px solid transparent; border-bottom: 20px solid transparent; left: initial; top: 0px; right: -10px; } @media (min-width: 767px) { .heading-2>* {min-width: 200px;} } .thumb{ border-top:2px solid #a17713; border-bottom:2px solid #a17713; position:relative; } .thumb:before{ content:''; display:block; width:2px; height:100%; position:absolute; left:0; top:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a17713+0,fac50f+50,a17713+100 */ background: #a17713; /* Old browsers */ background: -moz-linear-gradient(top, #a17713 0%, #fac50f 50%, #a17713 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a17713 0%,#fac50f 50%,#a17713 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a17713 0%,#fac50f 50%,#a17713 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a17713', endColorstr='#a17713',GradientType=0 ); /* IE6-9 */ z-index:5; } .thumb:after{ content:''; display:block; width:2px; height:100%; position:absolute; right:0; top:0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a17713+0,fac50f+50,a17713+100 */ background: #a17713; /* Old browsers */ background: -moz-linear-gradient(top, #a17713 0%, #fac50f 50%, #a17713 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #a17713 0%,#fac50f 50%,#a17713 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #a17713 0%,#fac50f 50%,#a17713 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a17713', endColorstr='#a17713',GradientType=0 ); /* IE6-9 */ z-index:5; } /* Panel */ .home-news{ } .home-news .panel-head { margin: 0 0 30px 0; text-align: center; } .selling-products .heading, .home-news .heading { margin: 0; position: relative; padding: 0 45px; display: inline-block; font-size: 24px; line-height: 30px; text-transform: uppercase; font-weight: normal; } .selling-products .heading>*, .home-news .heading>* {color: #333;} .selling-products .heading:before, .selling-products .heading:after, .home-news .heading:before, .home-news .heading:after { content: ""; display: block; position: absolute; width: 33px; height: 16px; background: url(img/arrow-left.png) 0% 0% no-repeat; top: 50%; margin-top: -8px; } .selling-products .heading:before, .home-news .heading:before {left: 0px;} .selling-products .heading:after, .home-news .heading:after { left: initial; right: 0px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .home-news { padding: 45px 0; background: url(img/homenew-bg.png) center; -webkit-background-size: cover; -moz-background-size: cover; -ms-background-size: cover; -o-background-size: cover; background-size: cover; } .home-news .line { margin-top: 20px; background: #ccc; background: -moz-linear-gradient(90deg, rgba(230, 230, 230, .4) 0%, #ccc 5%, #ccc 95%, rgba(230, 230, 230, .4) 100%); background: -webkit-linear-gradient(90deg, rgba(230, 230, 230, .4) 0%, #ccc 5%, #ccc 95%, rgba(230, 230, 230, .4) 100%); background: -o-linear-gradient(90deg, rgba(230, 230, 230, .4) 0%, #ccc 5%, #ccc 95%, rgba(230, 230, 230, .4) 100%); background: -ms-linear-gradient(90deg, rgba(230, 230, 230, .4) 0%, #ccc 5%, #ccc 95%, rgba(230, 230, 230, .4) 100%); background: linear-gradient(90deg, rgba(230, 230, 230, .4) 0%, #ccc 5%, #ccc 95%, rgba(230, 230, 230, .4) 100%); } .home-news .line:after {border-top: 8px solid rgba(255, 255, 255, .7);} .home-news .article .title { margin: 0 0 15px 0; font-size: 16px; line-height: 20px; text-transform: uppercase; } .home-news .article .title a {color: #333;} .home-news .article .thumb {margin: 0;} .home-news .article .info { position: relative; padding: 15px; background: #fff; } .home-news .article .descrition { display: block; position: relative; padding-left: 25px; height: 40px; font-size: 14px; line-height: 20px; font-family: 'Tinos', sans-serif; font-style: italic; color: #000; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .home-news .article .descrition:before { content: ""; display: block; position: absolute; width: 14px; height: 10px; left: 0px; top: 5px; } @media (min-width: 1220px) { .home-news .article .image {height: 255px;} } @media (min-width: 960px) and (max-width: 1220px) { .home-news .article .image {height: 205px;} } @media (min-width: 768px) and (max-width: 960px) { .home-news .article .image {height: 160px;} } @media (min-width: 568px) and (max-width: 768px) { .home-news .article .image {height: 185px;} } @media (min-width: 479px) and (max-width: 568px) { .home-news .article .image {height: 150px;} .home-news .article .title { margin: 0 0 5px 0; font-size: 13px; line-height: 18px; } } @media (max-width: 1220px) { .home-news .article .title { margin: 0 0 10px 0; font-size: 14px; line-height: 20px; } } @media (max-width: 960px) { .home-news {padding: 25px 0;} .home-news .line {margin-top: 10px;} .home-news .list-article {margin-left: -10px;} .home-news .list-article>li {padding-left: 10px;} .home-news .article .title { font-size: 14px; line-height: 20px; text-transform: none; } } @media (max-width: 568px) { .home-news .panel-head {margin: 0 0 15px 0;} } @media (max-width: 479px) { .home-news .article .title { margin: 0 0 5px 0; height: 40px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .home-news .article .image {height: 190px;} } .line { display: block; position: relative; width: 80%; height: 1px; margin: 0 auto; text-indent: -9999px; background: #ccc; background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, #ccc 5%, #ccc 95%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, #ccc 5%, #ccc 95%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, #ccc 5%, #ccc 95%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, #ccc 5%, #ccc 95%, rgba(255,255,255,1) 100%); background: linear-gradient(90deg, rgba(255,255,255,1) 0%, #ccc 5%, #ccc 95%, rgba(255,255,255,1) 100%); } .line:before { content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 9px solid #ccc; border-left: 9px solid transparent; border-right: 9px solid transparent; left: 50%; top: 0px; z-index: 5; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .line:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-top: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; left: 50%; top: 0px; z-index: 5; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } @media (max-width: 768px) { .line {width: 65%;} } @media (min-width: 1220px) { .home-videos .video {height: 500px;} } @media (max-width: 1220px) { .home-videos .video {height: 450px;} } @media (max-width: 960px) { .home-videos .video {height: 400px;} } @media (max-width: 768px) { .home-videos .video {height: 350px;} } @media (max-width: 567px) { .home-videos .video {height: 250px;} } /* Slide: slider, slideshow, slideset */ .main-slide .uk-slidenav { display: block; width: 30px; height: 30px; line-height: 30px; font-size: 18px; color: #fff; background: rgba(117, 117, 116, .5); -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } .main-slide .uk-slidenav-previous {left: 1px;} .main-slide .uk-slidenav-next {right: 1px;} /* PRODUCT */ .product-catalogue .featured .image {height: 400px;} @media (min-width: 960px) { .main-slide{margin-top: 15px;} } @media (min-width: 1220px) { .product-catalogue .featured .image {height: 585px;} } .product-catalogue.home-product .featured .title { font-size: 20px; line-height: 24px; } .home-product{} .home-product .panel-head{} .home-product .panel-head .heading-1 a{} .home-product .panel-body{} .home-product .panel-body .large{} .home-product .panel-body .large .image{ height:415px; position:relative; } @media (min-width: 1220px) { .home-product .panel-body .large .image{height:560px;} } .home-product .featured .info { padding: 10px; background: #fff; } .home-product .featured .title { margin: 0; font-size: 16px; line-height: 20px; text-align: center; } .home-product .featured .title a {color: #000;} .home-product .panel-body .large .image{ } .home-product .panel-body .product-1{ position:relative; overflow:hidden; } .home-product .panel-body .product-1 .thumb{} .home-product .panel-body .product-1 .thumb .image{height:178px;} .home-product .panel-body .product-1 .thumb .image {display: block;} .home-product .panel-body .product-1 .thumb .image img { display: block; max-width: 100% } @media (min-width: 1220px) { .home-product .panel-body .product-1 .thumb .image{height: 250px;} } .home-product .panel-body .product-1 .infor {background: #fff;} .home-product .panel-body .product-1 .infor .title{ margin:0; text-align:center; padding:8px 0; } .home-product .panel-body .product-1 .infor .title > a{ font-size: 18px; line-height: 24px; color: #000; } /* Tab */ /* Aside */ .aside{} .aside, .aside>* {margin-bottom: 15px;} .aside-panel .heading { position: relative; margin: 0; padding: 10px 10px 10px 35px; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; background: #242c42 ; } .aside-panel .heading:before { content: ""; display: block; position: absolute; height: 100%; width: 32px; background: url(img/bg-heading.png) center / 100%; top: 0px; left: initial; right: 10px; } .aside-panel .heading>* {color: #fff600;} .aside-panel .panel-body { border: 1px solid #ccc; border-top: none; } .aside-categories .panel-body { padding: 0px 0px 5px 0; background: #f3f3f3; } .aside-categories .mainCat a { position: relative; display: block; padding: 10px 10px 10px 15px; font-size: 18px; line-height: 24px; color: #000; } .aside-categories .mainCat li+li>a {border-top: 1px dashed #ccc;} .aside-categories .mainCat li a:hover {color: #242c42;} .aside-news .list-article>li {padding: 10px;} .aside-news .list-article>li+li {border-top: 1px solid #ccc;} .aside-news .article .thumb { float: left; width: 100px; } .aside-news .article .image {height: 80px;} .aside-news .article .info { float: right; width: -webkit-calc(100% - 100px); width: -moz-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding-left: 10px; } .aside-news .article .title { margin: 0; font-size: 13px; line-height: 18px; font-weight: 600; } .aside-news .article .title a {color: #333;} .aside-news .article .title a:hover {color: #3399cc;} .aside-news .article .description { margin: 10px 0 0 0; font-size: 14px; line-height: 20px; color: #333; } .aside-support { padding: 10px; background:#fff; } .aside-support .panel-head { position: relative; -webkit-transform: translate(0, -20px); -ms-transform: translate(0, -20px); -o-transform: translate(0, -20px); transform: translate(0, -20px); } .aside-support .hotline { position: relative; padding: 0 15px 10px 65px; margin-bottom: 10px; border-bottom: 1px solid #e1e1e1; } .aside-support .hotline:before { content: ""; display: block; position: absolute; width: 38px;height: 31px; background: url(img/landline.png) 0% 0% no-repeat; z-index: 10;left: 15px; top: 5px; } .aside-support .hotline .label { font-size: 13px; text-transform: uppercase; font-weight: 500; color: #252525; } .aside-support .hotline .phone-number { display: block; font-size: 20px; line-height: 20px; font-family: 'UTMImpact', sans-serif; font-weight: normal; color: #f00; } .aside-support .list-support .info { padding: 0 15px; text-align: center; } .aside-support .list-support li:not(:last-child) {margin-bottom: 10px;} .aside-support .list-support .info .label { font-size: 13px; line-height: 20px; font-weight: 500; color: #252525; margin-bottom: 10px; } .aside-support .list-support .info .number a { display: block; width: 70px;height: 23px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0 0; } .aside-support .list-support .info .number .yahoo {background-image: url(img/yahoo.png);} .aside-support .list-support .info .number .skype { background-image: url(img/skype.png); -webkit-background-size: 65px; background-size: 65px; margin-left: 10px; } .aside-partner .panel-body { padding: 10px 10px 5px 10px; background: #fff; } .aside-partner .list>* {margin-bottom: 5px!important;} .aside-partner .list .thumb { padding: 20px; border: 1px solid #d5d5d5; } .aside-partner .list .image {height: 45px;} .aside-access .panel-body { padding: 10px 15px; border: 1px solid #c8c8c8; border-top: none; font-size: 14px; line-height: 20px; color: #000; background:#fff; } .aside-access .panel-body ul li { position: relative; padding-left: 25px; background-position: 0px 50%; background-repeat: no-repeat; background-image: url(img/vtoday.png); font-size: 14px; line-height: 20px; color: #000; } .aside-access .panel-body ul li:nth-of-type(2) {background-image: url(img/vyesterday.png);} .aside-access .panel-body ul li:nth-of-type(3) {background-image: url(img/vweek.png);} .aside-access .panel-body ul li:nth-of-type(4) {background-image: url(img/vlweek.png);} .aside-access .panel-body ul li:nth-of-type(5) {background-image: url(img/vmonth.png);} .aside-access .panel-body ul li:nth-of-type(6) {background-image: url(img/vlmonth.png);} .aside-access .panel-body ul li:nth-of-type(7) {background-image: url(img/vall.png);} .aside-access .panel-body ul li:not(:last-child) {margin-bottom: 10px;} .aside-access .panel-body ul .label { display: block; float: left; } .aside-access .panel-body ul .number {float: right;} /* Article */ .article-catalogue, .article-related {margin-bottom: 25px!important;} .article-catalogue .list-article>li {margin-bottom: 15px;} .article-catalogue .list-article>li+li { padding-top: 15px; border-top: 1px solid #eaeaea; } .article-catalogue .panel-body {padding-bottom: 15px;} [class*=article-] .description p {margin: 0;} article .title a { -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; } [class*=article-] .title a:hover {color: #3399cc;} .article-1 {position: relative;} .article-1 .thumb { float: left; width: 250px; border:1px solid #ccc; } .article-1 .thumb .image{ height:150px; } .article-1 .info { position: relative; float: left; width: -moz-calc(100% - 250px); width: -webkit-calc(100% - 250px); width: -ms-calc(100% - 250px); width: -o-calc(100% - 250px); width: calc(100% - 250px); padding-left: 20px; } .article-1 .title { margin: 0 0 5px 0; font-size: 16px; line-height: 20px; font-weight: bold; } .article-1 .title a {color: #333;} .article-1 .meta { margin: 0 0 5px 0; font-size: 14px; line-height: 20px; color: #999; } .article-1 .description { font-size: 14px; line-height: 20px; height: 80px; color: #000; } .article-1 .detail {margin: 15px 0 0 0;} .article-1 .detail a { display: inline-block; padding: 5px 20px; background: #fbcf6c; font-size: 13px; line-height: 18px; color: #fff; } .article-1 .detail:hover a {background: #dd8b0f;} @media (min-width: 479px) and (max-width: 767px) { .article-1 .thumb {width: 180px;} .article-1 .info { position: relative; width: -moz-calc(100% - 180px); width: -webkit-calc(100% - 180px); width: -ms-calc(100% - 180px); width: -o-calc(100% - 180px); width: calc(100% - 180px); } .article-1 .image {height: 120px;} .article-1 .viewed {margin: 0 0 0 10px;} .article-1 .title a:hover {color: #0071ba;} } @media (max-width: 767px) { .article-1 .detail {display: none;} .article-1 .description {display: none;} .article-catalogue .list-article li {margin-bottom: 10px;} .article-1 .title { font-size: 14px; line-height: 20px; } } @media (max-width: 479px) { .article-1 .thumb {width: 100px;} .article-1 .info { position: relative; width: -moz-calc(100% - 100px); width: -webkit-calc(100% - 100px); width: -ms-calc(100% - 100px); width: -o-calc(100% - 100px); width: calc(100% - 100px); padding-left: 10px; } .article-1 .image {height: 80px;} .article-1 .title { font-size: 13px; font-weight: 500; } .article-1 .meta {display: none;} .article-catalogue .list-article li {margin-bottom: 5px;} .article-catalogue .list-article li:first-child {margin-bottom: 15px;} .article-catalogue .list-article li:first-child .article-1 .thumb { float: none; width: 100%; margin: 0 0 10px 0; } .article-catalogue .list-article li:first-child .article-1 .image {height: auto;} .article-catalogue .list-article li:first-child .article-1 .info { float: left; width: 100%; padding: 0; } .article-catalogue .list-article li:first-child .article-1 .title { font-size: 14px; line-height: 20px; font-weight: bold; } .article-catalogue .list-article li:first-child .article-1 .description {display: block;} .article-catalogue .list-article li:first-child .article-1 .meta { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } } /* Article Detail */ .article-detail { margin: 0 0 25px 0; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #000; } .article-detail .article, .article-detail .share-box {margin-bottom: 20px;} .article-detail .title { margin: 0 0 20px 0; font-size: 20px; line-height: 24px; font-weight: bold; color: #252525; } .article-detail .article .description { font-weight: bold; margin-bottom: 15px; } .article-detail .article img { display: block!important; width: auto!important; height: auto!important; margin: 0 auto 15px auto!important; } .share-box>*+* {margin-left: 5px;} .share-box .plus {position: relative;margin-top: -4px;} @media (max-width: 959px) { .article-detail .title {font-size: 18px;} } @media (max-width: 567px) { .article-detail .subscribe .label { display: block; margin: 0 0 5px 0; font-weight: bold; } } @media (max-width: 479px) { .article-detail .title { font-size: 16px; line-height: 20px; } } /* Article Related */ .article-related {margin-bottom: 30px!important; } .article-related .heading { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; font-weight: normal; text-transform: uppercase; font-family: 'UTM Penumbra Bold', sans-serif; } .article-related .heading>* {color: #e94c3d;} .article-related ul li { position: relative; padding-left: 20px; margin-bottom: 10px; padding-top: 10px; font-size: 14px; line-height: 20px; font-weight: normal; color: #999; } .article-related ul li+li {border-top: 1px dotted #898989;} .article-related ul li:before { content: "\f00c"; font-family: FontAwesome; display: block; position: absolute; left: 0px; color: #333; font-size: 12px; } .article-related ul li a { color: #333; font-weight: 500; } .article-related ul li a:hover, .article-related ul li:hover:before {color: #0088cc;} /* Banner */ .banner p {margin: 0;} .banner a {display: block;} /* Contact */ .contact .contact-infomation, .contact .contact-form { margin-bottom: 20px!important; } .contact .contact-infomation .note { margin-bottom: 10px; font-style: italic; color: #666; } .contact .contact-infomation .company { margin-bottom: 10px; font-size: 20px; line-height:24px; text-transform: uppercase; font-family: 'UTM Penumbra Bold', sans-serif; font-weight: normal; color: #e94c3d; font-weight: normal; } .contact .contact-infomation .address {margin-bottom: 20px;} .contact .contact-infomation .address p {margin: 0 0 5px 0;color: #000;} .contact .contact-map { padding: 4px; border: 1px solid #d5d5d5; height: 250px; } .contact .contact-form .label { font-size: 14px; line-height: 22px; color: #000; margin-bottom: 15px; } .contact .contact-form .form-row {margin-bottom: 15px;} .contact .contact-form .input-text, .contact .contact-form .form-select, .contact .contact-form .form-textarea { border: 1px solid #d5d5d5; font-size: 14px; line-height: 20px; color: #000; } .contact-form .form-select {color: #999!important;} .contact .contact-form .input-text, .contact .contact-form .form-select {height: 30px;} .contact .contact-form .form-textarea {height: 200px;} .contact-form .btn-submit { display: inline-block; padding: 5px 20px; cursor: pointer; background: #e94c3d; font-size: 14px; line-height: 20px; color: #fff; border: none; border-radius: 3px; } @media (min-width: 1220px) { .contact .contact-map {height: 395px;} } /* Breadcrumb */ .breadcrumb { padding: 10px 10px; margin-bottom: 20px; background: url(img/bg-breadcrumb.png) 0% 0%; } .breadcrumb ul a { font-size: 14px; line-height: 20px; color: #555; } .breadcrumb ul a:hover, .breadcrumb ul li.uk-active a {color: #242c42;} .breadcrumb .uk-breadcrumb>li:nth-child(n+2):before { content: "\f101"; font-family: FontAwesome; margin: 0 10px; color: #555; } /* Pagination */ .pagination { margin-bottom: 20px!important; padding-top: 15px; border-top: 1px solid #e1e1e1; } .pagination li a { display: block; font-size: 13px; background: #f2f2f2; border: 1px solid #e1e1e1; color: #252525; border-radius: 0; } .pagination li a:hover, .pagination .uk-active a { background: #e94c3d; border-color: #e94c3d; color: #fff; } .product-detail, .product-related {margin-bottom: 30px;} .product-related .heading-1 {margin: 0 0 20px 0;} .product-detail { font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #000; } .product-detail .gallerys, .product-detail .introduction {margin-bottom: 25px!important;} .product-detail #image-gallery {margin: 0 0 10px 0;} .product-detail #image-gallery li a { display: block; width: 100%; height: 400px; } .product-detail .introduction {position: relative;} .product-detail .introduction .brand { max-width: 150px; position: absolute; top: 0px; left: initial; right: 0px; } .lSSlideOuter .lSPager.lSGallery li a { display: block; width: 100%; height: 100px; } .lSSlideOuter .lSPager.lSGallery li a img { width: 100%!important; height: 100%!important; object-fit: cover; } .lSSlideOuter .lSPager.lSGallery li, .lSSlideOuter .lSPager.lSGallery li.active { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; } #carousel { border: none; background: transparent; } #carousel .slides>li {border: 2px solid #fff;} #carousel .slides>li+li {margin-left: 5px;} #carousel .slides .image {height: 120px;} #slider .flex-direction-nav>*>* { width: 35px;height: 35px; line-height: 35px; background: rgba(127, 127, 127, .5); text-align: center; z-index: 9; } #slider .flex-direction-nav>*>*:before { color: #fff; font-size: 25px; z-index: 9; } .flexslider {margin: 0!important;} #slider:hover .flex-direction-nav>*>* {padding: 0;} #slider .flex-direction-nav .flex-prev {left: 0px!important;} #slider .flex-direction-nav .flex-next {right: 0px!important;} .product-detail .product-title { margin: 0 0 10px 0; font-size: 20px; line-height: 24px; color: #1f703d; } .product-detail .product-price { margin: 0 0 15px 0; font-size: 16px; line-height: 20px; color: #fff; } .product-detail .product-price .number { font-weight: bold; color: #f00; } .product-detail .product-description { margin: 0 0 15px 0; font-size: 14px; line-height: 22px; color: #000; } .product-detail .product-content .label { margin: 0; border-bottom: 1px solid #242c42; } .product-detail .product-content .label>* { display: inline-block; padding: 10px 20px 8px 20px; background: #242c42; font-size: 14px; line-height: 20px; text-transform: uppercase; font-weight: bold; color: #fff; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .product-detail .product-content .article img { display: block!important; width: auto!important; height: auto!important; margin: 0 auto 10px auto!important; max-width: 800px!important; } .product-detail .product-content .article { background:#fff; padding:10px; } @media (min-width: 960px) { .product-detail .right-box { height: -webkit-calc(100% - 25px); height: -moz-calc(100% - 25px); height: -ms-calc(100% - 25px); height: -o-calc(100% - 25px); height: calc(100% - 25px); } } @media (max-width: 960px) { .product-detail .right-box {display: block;} } .product-1 { position: relative; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.1); -moz-box-shadow: 0 0 10px rgba(0,0,0,.1); -ms-box-shadow: 0 0 10px rgba(0,0,0,.1); -o-box-shadow: 0 0 10px rgba(0,0,0,.1); box-shadow: 0 0 10px rgba(0,0,0,.1); } .product-1 .info {padding: 0 10px;} .product-1 .title { margin: 0 0 5px 0; font-size: 20px; line-height: 24px; } .product-1 .title a { color: #252525; font-size: 20px; line-height: 24px; } .product-1 .price { font-size: 14px; line-height: 20px; font-weight: bold; color: #ff0000; } .product-1 .detail { position: absolute; top: initial; left: initial; bottom: 0px; right: 0px; } .product-1 .detail a { display: block; position: relative; text-indent: -9999px; width: 40px; height: 30px; background-color: #ccc; background-repeat: no-repeat; background-position: center; background-image: url(img/plus.png); -webkit-border-radius: 10px 0 0 0; -moz-border-radius: 10px 0 0 0; -ms-border-radius: 10px 0 0 0; -o-border-radius: 10px 0 0 0; border-radius: 10px 0 0 0; } .product-1:hover {border-bottom-color: #1f703d;} .product-1:hover .title a {color: #1f703d;} .product-1:hover .detail a {background-color: #1f703d;} @media (min-width: 1220px) { .product-1 .image {height: 190px;} } @media (min-width: 959px) and (max-width: 1219px) { .product-1 .image {height: 145px;} } @media (min-width: 767px) and (max-width: 959px) { .product-1 .image {height: 155px;} } @media (min-width: 567px) and (max-width: 767px) { .product-1 .image {height: 175px;} } @media (min-width: 479px) and (max-width: 567px) { .product-1 .image {height: 130px;} } @media (max-width: 567px) { .product-1 {padding: 0 0 10px 0;} .product-1 .detail {display: none;} } @media (max-width: 479px) { .product-1 { border: 1px solid #e1e1e1; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); } .product-1 .thumb {margin: 0 0 5px 0;} .product-1 .image {height: 105px;} .product-1 .info {padding: 0 5px;} .product-1 .title { height: 36px; font-size: 13px; line-height: 18px; font-weight: normal; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .product-1 .price {font-size: 13px;} } /* */ /* ################################################# */ /* */ /* Parner */ .partner { padding: 30px 0; border-top: 1px solid #ddd; background:#f5f5f5; } .partner .slider .image {height: 75px;} /* */ /* */ /* */ /* */ @media (max-width:769px){ .lower{ padding-bottom:0 !important; } } @media (max-width:601px){ .footer .footer-left{ text-align:center; } .footer .footer-left .logo-footer{ float:none; margin: 0 0 15px 0; } .footer .footer-left .contact{ float:none; } }