*{ margin: 0; padding: 0; font-size: medium; } ul{ margin: 0; } @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,800,700,300); @import url(https://fonts.googleapis.com/css?family=Squada+One); ul li{ list-style: none; } body{ margin-right: 0; overflow-x: hidden; background-color: #1a1d25; } @font-face{ font-family:"Halimun"; src:url(../fonts/Halimun.ttf); font-weight:400; font-style:normal; font-display: swap; } @font-face{ font-family:"Abel_Regular"; src:url(../fonts/Abel-Regular.ttf); font-weight:400; font-style:normal; font-display: swap; } @font-face{ font-family:"Roboto_Thin"; src:url(../fonts/Roboto-Thin.ttf); font-weight:400; font-style:normal; font-display: swap; } @font-face{ font-family:"Roboto_Light"; src:url(../fonts/Roboto-Light.ttf); font-weight:400; font-style:normal; font-display: swap; } .container{ max-width: 1180px; margin: 0 auto; padding-right: 5px; padding-left: 5px; } /*==================================== H E A D E R ======================================*/ header{ width: 100%; display: inline-block; background-color: #222730; height: 123px; border-bottom: 2px solid #00847f; margin-bottom: 30px; padding: 10px 0; } .header{ width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; } .logo{ display: inline-block; padding-top: 10px; float: left; width: 15%; } .logo img{ max-height: 80px; } .header_right{ width: 85%; float: left; } .icon_menu{ display: none; } .search_lang{ width: 100%; display: inline-block; padding-top: 15px; text-align: right; } .search{ display: inline-block; width: 270px; background-color: #fff; margin-right: 30px; } .input_group input{ border: none; height: 30px; width: calc(100%-80px); float: left; padding-left: 10px; outline: none; font-size: 12px; } .input_group button{ border: none; height: 30px; width: 85px; float: right; margin-left: -5px; background-color: #00847f; color: #fff; text-transform: uppercase; font-size: 12px; text-align: center; font-family: Muli; outline: none; } .lang{ float: right; } .sl-nav { display: inline-block; color: #cecece; padding-top: 5px; } .sl-nav ul { margin:0; padding:0; list-style: none; position: relative; display: inline-block; z-index: 11; } .sl-nav li { cursor: pointer; padding-bottom:10px; } .sl-nav li ul { display: none; } .sl-nav li:hover ul { position: absolute; top:29px; right:-15px; display: block; background: #1a1d25; width: 120px; padding-top: 0px; border: 1px solid #00847a; z-index: 999; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } .sl-nav li:hover .triangle { position: absolute; top: 15px; right: -10px; z-index:10; height: 14px; overflow:hidden; width: 30px; background: transparent; } .sl-nav li:hover .triangle:after { content: ''; display: block; z-index: 20; width: 15px; transform: rotate(45deg) translateY(0px) translatex(10px); height: 15px; background: #00847f; border: 1px solid #00847a; border-radius:2px 0px 0px 0px; box-shadow: 0px 0px 20px rgba(0,0,0,0.2); } .sl-nav li ul li { position: relative; text-align: left; background: transparent; padding: 15px 15px; padding-bottom:0; z-index: 99; font-size: 15px; color: #cecece; } .sl-nav li ul li:last-of-type { padding-bottom: 15px; } .sl-nav li ul li span { padding-left: 5px; } .sl-nav li ul li span:hover, .sl-nav li ul li span.active { color: #00847f; } .sl-flag { display: inline-block; box-shadow: 0px 0px 3px rgba(0,0,0,0.4); width: 15px; height: 15px; background: #aaa; border-radius: 50%; position: relative; top: 2px; overflow: hidden; } .flag-de { background: url('../images/flag-uk.png'); background-size: cover; background-position: center center; } .flag-vi { background: url('../images/vi.png'); background-size: cover; background-position: center center; } .menu{ float: right; } .menu ul { margin: 0; } .menu>ul>li { float: left; position: relative; margin-right: 30px } .menu>ul>li:last-child { margin-right: 0 } .menu>ul>li>a { font-size: 14px; display: block; color: #e4e4e4; line-height: 50px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; text-transform: uppercase; } .menu>ul>li>a:hover, .menu>ul>li>a:focus, .menu>ul>li.active>a{ color: #1dede5; text-decoration: none; } .menu>ul>li.sub-menu>a { position: relative; padding-right: 0; } .menu>ul>li.sub-menu>a:after { display: none; content: '\f107'; font-family: FontAwesome; font-size: 16px; position: absolute; top: 0; right: 0; line-height: 52px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu>ul>li>ul { /*display: none;*/ width: 250px; position: absolute; top: 80px; opacity: 0; left: -15px; z-index: 0; visibility: hidden; background: #222730; box-shadow: 1px 4px 8px rgba(0, 0, 0, .05); padding: 15px 0; transition: all .3s; border: solid 1px #00847f; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; } .menu>ul>li:hover>ul { display: block; top: 51px; z-index: 2001; visibility: visible; opacity: 1; } .menu>ul>li>ul>li { position: relative; /* line-height: 38px;*/ position: relative; margin: 5px 0; padding: 0 15px; display: block; float: left; width: 100%; } .menu>ul>li>ul>li>a { font-size: 15px; font-weight: normal; text-transform: none; display: block; color: #ececec; line-height: 22px; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu>ul>li>ul>li>a:hover { color: #00847f; /* padding-left: 12px;*/ text-decoration: none; /* border-left: solid 3px #00847f;*/ } .menu>ul>li>ul>li.sub-menu>a { position: relative; padding-right: 0; } .menu>ul>li>ul>li.sub-menu>a:after { /* display: none; */ content: '\f105'; font-family: FontAwesome; font-size: 16px; position: absolute; top: 0; right: 0; line-height: 22px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu>ul>li>ul>li>ul { /*display: none;*/ width: 250px; position: absolute; top: 30px; opacity: 0; left: 100%; z-index: 0; visibility: hidden; background: #222730; border: solid 1px #00847f; box-shadow: 1px 4px 8px rgba(0, 0, 0, .05); padding: 15px 0; transition: all .3s; -webkit-transition: all .3s; -ms-transition: all .3s; -moz-transition: all .3s; -o-transition: all .3s; } .menu>ul>li>ul>li:hover>ul { display: block; top: -19px; left: 100%; z-index: 2001; visibility: visible; opacity: 1; } .menu>ul>li>ul>li>ul>li { position: relative; /* line-height: 38px;*/ position: relative; margin: 5px 0; padding: 0 15px; display: block; float: left; width: 100%; } .menu>ul>li>ul>li>ul>li>a { font-size: 15px; font-weight: normal; text-transform: none; display: block; color: #ececec; line-height: 22px; padding: 0; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; } .menu>ul>li>ul>li>ul>li>a:hover { color: #00847f; text-decoration: none; } .menu>ul>li.sub-menu>ul:after { content: ""; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #222730; height: 0; left: 28px; position: absolute; top: -9px; width: 0; } .menu>ul>li.sub-menu>ul:before { content: ""; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #00847f; height: 0; left: 28px; position: absolute; top: -10px; width: 0; } .menu>ul>li.sub-menu>ul>li.sub-menu>ul:before{ content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #00847f; height: 0; left: -10px; position: absolute; top: 15px; width: 0 !important; padding: 0 !important; } .menu>ul>li.sub-menu>ul>li.sub-menu>ul:after{ content: ""; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #222730; height: 0; left: -9px; position: absolute; top: 15px; width: 0 !important; padding: 0 !important; } body { position: relative; float: left; width: 100%; clear: both; display: block; } body{ -webkit-transition: all .25s; -moz-transition: all .25s; -ms-transition: all .25s; -o-transition: all .25s; transition: all .25s; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } body.is_show_menu{ -webkit-transform: translateX(-300px); -moz-transform: translateX(-300px); -ms-transform: translateX(-300px); -o-transform: translateX(-300px); transform: translateX(-300px); } #categories { -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -ms-transform: translateX(300px); -o-transform: translateX(300px); transform: translateX(300px); } /*===================================== C A T E G O R I E S ========================================*/ #categories { border-left: 1px solid #00847f; width: 300px; height: 100%; min-height: 100vh; background-color: #222730; position: absolute; top: 0; z-index: 999; padding: 20px; font-size: 13px; overflow: hidden; float: right; right: 0; } .cate_active{ -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -ms-transform: translateX(0px); -o-transform: translateX(0px); transform: translateX(0px); } #categories>ul li{ border-bottom: 1px solid #313131; padding: 10px 0; } #categories ul li a{ color: #e4dddd; text-decoration: none; display: block; } #categories ul li a:hover, #categories ul li i:hover{ color: #00847f; } #categories>ul li i{ float: right; color: #bdbdbd; cursor: pointer; font-size: 22px; margin-top: -21px; } #categories ul li:last-child{ border-bottom: none; } #categories .cat_level1, #categories .cat_level1 .cat_furniture2{ padding-left: 20px; border-top: 1px solid #313131; display: none; margin-top: 10px; } #categories .cat_level1 li:last-child{ padding-bottom: 0; } #categories .menuMobileTop{ margin-bottom: 20px; } #categories .menuMobileTop .closes{ padding-top: 11px; float: right; font-size: 20px; color: #fff; cursor: pointer; } #categories .menuMobileTop .closes:hover{ color: #00847f; } #categories .search_mobile{ display: none; width: 100%; margin-bottom: 5px; margin-top: 35px; } .menuMobileTop h4{ color: #cecece; text-transform: uppercase; font-size: 20px; display: inline-block; } /*===================================== M A I N ========================================*/ #main{ width: 100%; display: inline-block; } .main{ width: 100%; display: inline-block; } .mainLeft{ width: 70%; float: left; } .ltsAppByDate{ width: 100%; float: left; display: inline-block; background-color: #222730; margin-bottom: 25px; -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); box-shadow: 2px 1px 1px 10px 2px rgba(0,0,0,.2); } .title{ display: inline-block; } .title h3{ font-size: 16px; background-color: #00847f; color: #fff; padding: 6px 10px 6px 20px; } .appItem{ width: 100%; display: inline-block; } .appItem:last-child .infoShow{ border-bottom: none; } .appItem:last-child .infoHidden { border-bottom: none; } .infoHiddenLeft{ width: calc(100% - 150px); display: block; padding-right: 15px; float: left; } .infoHiddenRight{ width: 150px; float: left; text-align: center; } .infoShow{ float: left; width: 100%; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 15px 0; border-bottom: 1px solid #43454c; } .imgItem{ width: 75px; display: inline-block; float: left; padding-left: 15px; } .logoAppItem{ width: 40px; height: 0; padding-bottom: 40px; position: relative; border-radius: 5px; overflow: hidden; } .logoAppItem img{ width: 100%; height: 100%; position: absolute; object-position: center; object-fit: cover; } .nameMadeApp{ width: calc(100% - 150px); float: left; display: inline-block; padding-right: 10px; } .nameMadeApp .name{ width: 100%; display: inline-block; color: #ececec; text-decoration: none; transition: all ease 0.3s; } .nameMadeApp .name a{ color: #ececec; text-decoration: none; transition: all ease 0.3s; } .nameMadeApp .made { font-size: 12px; color: #a9a9a9; text-decoration: none; transform: all ease 0.3s; } .nameMadeApp .made a{ font-size: 12px; color: #a9a9a9; text-decoration: none; transform: all ease 0.3s; } .nameMadeApp .variants{ font-size: 12px; color: #00847f; text-decoration: none; transform: all ease 0.3s; } .nameMadeApp .variants a{ font-size: 12px; color: #00847f; text-decoration: none; transform: all ease 0.3s; } .nameMadeApp a:hover{ color: #00847f; } .iconOther{ width: 75px; float: right; display: flex; text-align: right; } .iconOther span{ padding: 8px 5px 8px 15px; } .iconOther span i{ font-size: 22px; color: #ececec; cursor: pointer; transform: all ease 0.3s; } .iconOther span i:hover{ color: #00847f; } .infoHidden{ width: 100%; display: none; border-left: 2px solid #00847f; padding: 15px 0 15px 75px; transform: all ease 0.3s; border-bottom: 1px solid #43454c; background-color: #1e2431; float: left; width: 100%; } .infoHidden p{ margin: 0; color: #a9a9a9; font-size: 13px; } .infoHidden .infoHiddenName{ width: 100px; color: #8e8e8e; display: inline-block; } .infoHidden .infoHiddenValue{ color: #848484; } .pageCustom{ width: 100%; display: inline-block; } .pageCustom .pagination{ float: right; margin: 0; } .pageCustom .pagination li a{ border-radius: 0; } .pageCustom .pagination>li:first-child>a, .pageCustom .pagination>li:first-child>span { margin-left: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .pageCustom .pagination>.active>a, .pageCustom .pagination>.active>a:focus, .pageCustom .pagination>.active>a:hover, .pageCustom .pagination>.active>span, .pageCustom .pagination>.active>span:focus, .pageCustom .pagination>.active>span:hover{ background-color: #00847f; border-color: #00847f; } .pageCustom .pagination>.disabled>a, .pageCustom .pagination>.disabled>a:focus, .pageCustom .pagination>.disabled>a:hover, .pageCustom .pagination>.disabled>span, .pageCustom .pagination>.disabled>span:focus, .pageCustom .pagination>.disabled>span:hover{ background-color: #222730; border-color: #222730; } .pageCustom .pagination>li>a, .pageCustom .pagination>li>span{ background-color: #222730; border-color: #222730; color: #fff; } .pageCustom .pagination>li>a:hover{ background-color: #00847f; border-color: #00847f; } .pageCustom a{ font-size: 13px; } .mainRight{ width: 30%; float: left; display: inline-block; padding-left: 30px; } .frame{ background-color: #222730; width: 100%; display: inline-block; margin-bottom: 10px; -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); box-shadow: 2px 1px 1px 10px 2px rgba(0,0,0,.2); } .frame .title h5{ font-size: 19px; margin: 0; font-weight: 300; float: left; position: relative; } .frame .title h5:before{ content: ''; width: calc(100% + 20px); height: 3px; position: absolute; bottom: -11px; left: -10px; background: #6eb48c; } .frame .title .seemore{ float: right; } .frame .title .seemore a{ font-size: 13px; color: #ccc; transition: color 0.5s ease; } .frame .title .seemore a:hover{ color: #678a2f; } .product_mini{ padding: 5px; display: flex; flex-direction: row; -webkit-flex-direction: row; flex-wrap: wrap; -webkit-flex-wrap: wrap; justify-content: center; -webkit-justify-content: center; align-items: flex-start; -webkit-align-items: flex-start; align-content: flex-start; } .product_mini a{ text-decoration: none; } .product_mini_item{ max-width: 90px; float: left; padding: 5px; margin: 10px; text-decoration: none; color: #000; font-size: 12px; } .product_mini_item dt{ font-weight: 400; } .product_mini a:hover{ color: #678a2f; } .product_mini_img{ width: 100%; height: 0; position: relative; padding-bottom: 100%; } dl{ margin-bottom: 0px; } .product_mini_img img{ border-radius: 10px; width: 100%; height: 100%; object-fit: cover; object-position: center; position: absolute; } .product_mini_name{ width: 100%; height: 51px; overflow: hidden; padding: 5px 0; color: #ececec; text-align: center; } .product_mini_name a{ color: #212121; font-size: 13px; } .product_mini_name a:hover{ color: #678a2f; } .product_mini_item:hover .product_mini_name{ color: #00847f; } .readMore{ width: 100%; display: block; text-align: center; padding: 10px; } .readMore a{ font-size: 13px; color: #ccc; text-decoration: none; padding: 10px; display: block; background-color: #1a1d25; transition: all ease 0.3s; } .readMore a:hover{ background-color: #00847f; } .readMore i{ transform: rotate(180deg); } .ltsRightApp{ width: 100%; display: inline-block; background-color: #222730; margin: 10px 0; -webkit-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); -moz-box-shadow: 1px 1px 10px 2px rgba(0,0,0,.2); box-shadow: 2px 1px 1px 10px 2px rgba(0,0,0,.2); } .ltsRightApp .iconOther{ width: 90px; } .ltsRightApp .iconOther span{ color: #ececec; font-size: 12px; } .ltsRightApp .nameMadeApp { width: calc(100% - 165px); float: left; display: inline-block; padding-right: 10px; } .notQtyDown .iconOther{ width: 45px; } .notQtyDown .nameMadeApp { width: calc(100% - 120px); } .ltsRightApp .appItem:last-child .infoShow{ border-bottom: none; } /*===================================== F O O T E R ========================================*/ footer{ width: 100%; display: inline-block; background-color: #222730; padding: 30px 0 15px 0; margin-top: 30px; float: left; border-top: 2px solid #00847f; } .footer p:first-child{ float: left; color: #a9a9a9; font-size: 12px; } .footer p:last-child{ float: right; color: #a9a9a9; font-size: 12px; } .footer a{ font-size: 12px; color: #ececec; transform: all ease 0.3s; text-decoration: none; transition: all ease 0.3s; } .footer a:hover{ color: #00847f; } .pageCustom .pagination li > a, .pageCustom .pagination li > span { padding-top: 0; padding-bottom: 0; height: 34px; line-height: 34px; text-align: center; } .page-item.disabled { pointer-events: none; } .date{ width: 100%; display: inline-block; } .date span{ font-size: 12px; color: #a9a9a9; font-style: italic; } .ltsByAnphaBe{ width: 100%; display: inline-block; padding: 15px 10px; text-align: center; } .ltsByAnphaBe a{ padding: 4px 8px; text-decoration: none; text-transform: uppercase; font-size: 13px; color: #e9e9e9; transition: all ease 0.3s; } .ltsByAnphaBe a:hover{ color: #00847a; } .ltsByAnphaBe .current{ background-color: #00847a; color: #fff; } .copyright i{ font-size: 5px; padding: 0 5px; } /*======================================== C I R C U L A R =========================================*/ /*.circular { margin-top: 15px; }*/ .circular * { font-family: Muli; } .circular .chart { position:relative; width:55px; height:55px; margin: 0 auto; font-family: 'Titillium web'; font-weight: 300 ; } .circular canvas { display: block; position:absolute; top:0; left:0; } .circular span { color: #efefef; display: block; line-height: 59px; text-align: center; width: 55px; font-size: 14px; font-weight: 300; color: #cecece; } .circular figcaption h3 { color: #efefef; font-size: 13px; margin: 0; padding-top: 8px; color: #cecece; } /*========================================== P O L I C Y ==========================================*/ .policy{ display: block; background-color: #222730; padding: 30px 20px; letter-spacing: 0.5px; } .policy h1{ color: #cecece; margin: 0; padding-bottom: 20px; font-size: 28px; } .policy p{ color: #cecece; line-height: 22px; font-size: 12px; } .policy p strong{ font-size: 15px; } .policy img{ max-width: 70%; display: inline-block; text-align: center; margin: 10px 0; margin-left: 50%; transform: translateX(-50%); } /*============================================ P O S T ============================================*/ .siteTitle{ width: 100%; display: inline-block; background-color: #222730; padding: 20px; } .siteImg{ width: 100px; height: 0; padding-bottom: 100px; position: relative; border-radius: 15px; overflow: hidden; float: left; margin-right: 20px; } .siteImg img{ width: 100%; height: 100%; position: absolute; object-position: center; object-fit: cover; } .siteText{ width: calc(100% - 120px); float: left; display: block; } .siteText h1{ font-size: 30px; margin: 0; color: #fff; padding: 10px 0; width: 100%; } .siteText .author{ width: 100%; display: block; color: #cecece; font-size: 16px; text-decoration: none; } .siteText .author a{ color: #cecece; font-size: 16px; text-decoration: none; } .siteText .version{ color: #cecece; font-size: 16px; text-decoration: none; } .advertisement{ width: 100%; text-align: center; padding-bottom: 20px; } .advertisement img{ display: inline-block; } .ltsTabs{ width: 100%; display: inline-block; margin-top: 15px; background-color: #222730; } .title_tab{ width: 100%; display: inline-flex; padding-bottom: 9px; border-bottom: 1px solid #00847f; } .title_tab ul{ margin: 0; display: inline-block; width: auto; border-bottom: 5px solid #222730; border-right: 5px solid #222730; } .title_tab ul li { border-top: 15px solid #222730; border-left: 15px solid #222730; float: left; padding: 6px 30px; text-align: center; text-decoration: none; color: #fff; font-size: 16px; cursor: pointer; background-color: #1a1d25; } .title_tab ul li:first-child{ background-color: #00847f; color: #fff; } .ltsTabs .tab_content{ display: none; } .ltsTabs .tab_content{ padding: 15px 15px 3px; margin-top: -6px; } .ltsTabs .infoFile{ display: block; } .infoFile img{ max-width: 100%!important; } .infoNotes{ width: 100%; display: inline-block; } .downloading img{ width: 26px; } .product_view_right .downloading{ font-size: 18px; font-weight: 400; color: #678a2f; } .tabBtn{ width: 100%; display: inline-block; padding: 10px 0; line-height: 20px; } .tabBtnLeft{ width: calc(100% - 200px); display: block; float: left; } .tabBtnRight{ float: right; text-align: right; display: block; } .tabBtnLeft a{ text-decoration: none; font-size: 14px; color: #00847f; text-transform: uppercase; transition: all ease 0.3s; } .tabBtnLeft a:hover{ color: #15e4dc; } .tabBtnRight a{ padding-left: 20px; font-size: 20px; text-decoration: none; color: #00847f; transition: all ease 0.3s; } .tabBtnRight a:hover{ color: #15e4dc; } .contentLeft{ width: 50%; float: left; display: block; padding-right: 15px; } .contentRight{ width: 50%; float: left; display: block; text-align: center; } .contentRow{ width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding-bottom: 10px; } .contentRow:not(:first-child){ padding-top: 10px; } .contentRow:not(:last-child){ border-bottom: 1px solid #353535; } .contentRow p{ color: #cecece; margin: 0; } .contentRow p a{ text-decoration: none; color: #cecece; transition: all ease 0.3s; } .contentRow p a:hover{ color: #00847a; } .divIcon{ width: 50px; float: left; display: block; text-align: center; } .divIcon span{ font-size: 30px; color: #00847a; } .divContent{ width: calc(100% - 50px); display: inline-block; } .follow{ width: 100%; display: block; text-align: center; } .follow button{ font-size: 12px; margin-bottom: 15px; cursor: pointer; } .safe{ padding-bottom: 10px; } .safe a{ text-decoration: none; color: #00847a; transition: all ease 0.3s; font-size: 12px; } .safe a:hover{ color: #15e4dc; } .downloadApk{ color: #fff; margin-bottom: 20px; transition: all ease 0.3s; background-color: #00847a; } .downloadApk:hover{ background-color: #15e4dc; color: #fff; } .versionOther{ color: #00847a; font-size: 12px; padding: 10px 0; } .distance{ width: 100%; height: 20px; background-color: #1a1d25; } .slideImg{ width: 100%; display: block; position: relative; } .slideHighlight{ opacity: 1; display: block; } .itemImg { width: 100%; padding: 10px; } .itemImg .item { width: 100%; height: 0; padding-bottom: 65%; overflow: hidden; position: relative; } .item img { height: 100%; object-fit: cover; object-position: center; position: absolute; } .nextPrev .fa-angle-left { position: absolute; top: 37%; padding: 2px 5px; cursor: pointer; background-color: #00847f; z-index: 1; font-size: 35px; color: #fff; display: none; transition: all ease 0.3s; } .nextPrev .fa-angle-right { position: absolute; right: 0; top: 37%; padding: 2px 5px; cursor: pointer; background-color: #00847f; z-index: 1; font-size: 35px; color: #fff; display: none; transition: all ease 0.3s; } .slideImg:hover .nextPrev .fa-angle-right, .slideImg:hover .nextPrev .fa-angle-left{ display: block; } .postContent{ display: block; background-color: #222730; /*padding: 30px 20px;*/ letter-spacing: 0.5px; color: #cecece; } .postContent h1{ color: #cecece; margin: 0; padding-bottom: 20px; font-size: 28px; } .postContent p{ color: #cecece; line-height: 22px; /*font-size: 12px;*/ } .postContent p strong{ font-size: 15px; } .postContent img{ max-width: 100%; height: auto; display: inline-block; text-align: center; margin: 10px 0; } .nextpage { display: inline-block; float:right; height: 40px; text-align: center; } .nextpage .button { display: inline-block; background-color: #00847f; border-radius: 15px; border:none; color: #FFFFFF; text-align: center; font-size: 20px; padding: 5px; width: 200px; transition: all 0.5s; cursor: pointer; margin: 5px; } .nextpage .button span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s; } .nextpage .button span:after { content: '\00bb'; position: absolute; opacity: 0; top: 0; right: -20px; transition: 0.5s; } .nextpage .button:hover span { padding-right: 25px; } .nextpage .button:hover span:after { opacity: 1; right: 0; } #owl-demo .owl-item div{ padding:5px; } #owl-demo .owl-item img{ display: block; width: 100%; height: auto; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .ltsTag { display: inline-block; width: 100%; padding: 10px 0; font-size: 14px; color: #00847f; } .ltsTag a { text-decoration: none; color: #00847f; font-size: 13px; padding: 2px 7px; margin-right: 5px; border: 1px solid #676767; display: inline-block; margin-bottom: 9px; transition: all ease 0.3s; } a.breadcrumb { background-color: transparent; padding:0; color:#00847f; }