/*****bg HOME****/ .viewmore { display: block; overflow: hidden; position: relative; line-height: 53px; color: #45adea; border: 1px solid #eee; text-align: center; border-radius: 3px; margin: 10px auto 20px; width: 290px; } .viewmore.active{ border-color:#45adea; } .viewmore.active b{ color:red; } .viewmore:after { content: ''; width: 0; right: 0; border-top: 6px solid #45adea; border-left: 6px solid transparent; border-right: 6px solid transparent; display: inline-block; vertical-align: middle; margin: -2px 0 0 5px; } .viewmore:hover { background: #45adea; border-color: #45adea; color: #fff; } .home-box-video{ position: relative; width: 100%; height: auto; height: calc(100vh - 250px); overflow: hidden; } .home-box-video video{ width: 100%; height: auto; } .home-box-video::after{ position: absolute; width: 100%; height: 100%; content: ' '; background: #131313; left: 0; right: 0; bottom: 0; top: 0; opacity: .4; z-index: 1; } .home-box-video .video{ z-index: 0; } .group-welcome{ position: relative; z-index: 2; margin-top: -240px; } .group-welcome .gr-img{ width: 375px; float: left; background: #f5f5f5; padding: 10px; } .group-welcome .gr-img img{ width: 100%; height: auto; } .group-welcome .gr-text{ width: calc(100% - 395px); float: right; } .group-welcome .gr-text .title{ font-size: 40px; color: #ffffff; font-weight: bold; } .group-welcome .gr-text .title:nth-child(1){ } .group-welcome .gr-text .aside{ color: #ffffff; margin-top: 10px; padding-top: 10px; position: relative; } .list-strong .text .titles,.group-welcome .gr-text .aside{ font-size: 25px; } .group-welcome .gr-text .aside:before{ width: 100px; height: 1px; background: #ffffff; content: ' '; position: absolute; top:0px; left: 0px; } .list-strong{ margin-top: 100px } .list-strong .items{ } .list-strong .items .img{ border-radius: 100%; width: 60px; height: auto; float: left; color: #fff; font-size: 30px; text-align: center; height: 60px; border-style: solid; border-width: 1px; } .list-strong .items i{ line-height: 60px; } .list-strong .text{ width: calc(100% - 70px); float: right; } .list-strong .text .titles{ font-weight: bold; text-transform: capitalize; color: #33a632; } .list-strong .text .des{ } @media(max-width: 1150px){ .group-welcome{ margin-top: -263px } .list-strong{ margin-top: 100px } } @media(max-width: 1000px){ .group-welcome .gr-text .title{ font-size: 30px } .list-strong .text .titles,.group-welcome .gr-text .aside{ font-size: 20px; } } @media(max-width: 920px){ .home-box-video { } .group-welcome{ margin-top: -180px } .group-welcome .gr-text{ width: 100%; float: none; } .group-welcome .gr-img{ width: 100%; float: none; } .list-strong{ margin-top: 75px } .group-welcome .gr-text .aside{ font-size: 20px; } .list-strong .text .titles{ font-size: 15px } .list-strong .items{ padding: 15px 0px; } .group-welcome .gr-img .articles-items-verti .img, .group-welcome  .articles-items-verti .items .date{ display: none } .group-welcome .gr-img .articles-items-verti .text{ width: 100%; } .group-welcome .gr-img .articles-items-verti .items .text .titles{ min-height: 0; max-height: unset; margin-bottom: 0; padding:10px; } } @media(max-width: 500px){ .group-welcome { margin-top: -207px; } .group-welcome .gr-text .title { font-size: 27px; } } .list-categories{ margin: 40px 0; padding: 70px 0px; background: #fbfbfb; margin-bottom: 0px; border-top: 1px solid #f3f1f1; } .list-categories .items{ list-style: none; width: calc(25% - 10px); float: left; margin: 5px; padding: 10px; background: #fff; box-shadow: 1px 1px 4px 1px #ded9d9; border:1px solid #ded9d9; border-radius: 5px; } .list-categories::after{ content: ' '; clear: both; display: block; } .list-categories .items:nth-child(1), .list-categories .items:nth-child(2), .list-categories .items:nth-child(3){ width: calc(33.3% - 10px) } .list-categories .items:nth-child(5), .list-categories .items:nth-child(7), .list-categories .items:nth-child(8), .list-categories .items:nth-child(10){ background:#f5f5f5; } @media(min-width: 900px){ .list-categories .items:nth-child(1):hover { border:1px solid #790e02; } .list-categories .items:nth-child(2):hover { border:1px solid #74bc32; } .list-categories .items:nth-child(3):hover { border:1px solid #2e6388; } .list-categories .items:nth-child(1):hover a{ color: #790e02; } .list-categories .items:nth-child(2):hover a{ color: #74bc32; } .list-categories .items:nth-child(3):hover a{ color: #2e6388; } .list-categories .items:hover{ border:1px solid #0f9919; background:#fff; } .list-categories .items:hover a{ color: #0f9919; font-weight: bold; } .list-categories .items.gray:hover .img img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); } } .list-categories .items a{ display: block; } .list-categories .items .text{ width: calc(100% - 65px); float: left; } .list-categories .items .text .title{ font-size: 16px; text-transform: uppercase; font-weight: bold; } .list-categories .items .text p{ font-size: 14px; } .list-categories .items .text p b{ } .list-categories .items .img{ width: 65px; float: right; } .list-categories .items .img img{ width: 100%; height: auto; background: #f5f5f5; border-radius: 5px; overflow: hidden; } .list-categories .items.gray .img img{ -webkit-filter: grayscale(40%); /* Safari 6.0 - 9.0 */ filter: grayscale(40%); } @media(max-width: 1050px){ .list-categories .items .text .title{ font-size: 17px; } } @media(max-width: 900px){ .list-categories .items{ width: calc(50% - 10px); margin: 5px; background:none !important; } .list-categories .items .img{ width: 50px; } .list-categories .items .text{ width: calc(100% - 50px); } .list-categories .items:nth-child(1), .list-categories .items:nth-child(2), .list-categories .items:nth-child(3){ width: calc(33.3% - 10px) } .list-categories .items:nth-child(1) .text, .list-categories .items:nth-child(2) .text, .list-categories .items:nth-child(3) .text{ display: none; } .list-categories .items:nth-child(1) .img, .list-categories .items:nth-child(2) .img, .list-categories .items:nth-child(3) .img{ width: 100%; } } .home-box-products{ padding: 70px 0px } .home-box-products .products-items-main .items, .home-box-products .products-items-verticle .items{ width: calc(25% - 10px); float: left; margin: 5px; } @media(max-width: 900px){ .home-box-products .products-items-verticle:nth-child(5) .items, .home-box-products .products-items-verticle:nth-child(6) .items{ width: calc(50% - 10px); } .home-box-products .products-items-verticle .items{ width: calc(33.3% - 10px); float: left; margin: 5px; } } @media(max-width: 750px){ .home-box-products .products-items-main .items, .home-box-products .products-items-verticle .items{ width: calc(50% - 10px); float: left; margin: 5px; } } .home-boxservices { position: relative; z-index: 0; padding: 50px 0; background-color: #ececec } .wrabitemactive img{ -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */ filter: grayscale(100%); opacity: .6; border-radius: 10px; } .wrabitemactive .center img{ -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */ filter: grayscale(0%); opacity: 1 } .wrabitemactive .item{ transition: all .5s ease-in-out; transform: scale(0.9); padding: 10px; } .wrabitemactive .center .item { transform: scale(1); background: #fff; border-radius: 10px; box-shadow: 1px 7px 11px #00000052; } .wrabitemactive .owl-stage{ padding-bottom: 36px } .wrabitemactive .item .text{ display: none; padding: 5px 0px; text-align: center; font-size: 25px } @media(max-width: 700px){ .wrabitemactive .item .text{ font-size: 20px } .wrabitemactive .item .text .titles{ font-size: 15px } } .wrabitemactive .item .text .titles{ text-transform: uppercase; font-weight: bold; } .wrabitemactive .item .text .des{ } .wrabitemactive .center .item .text{ display: block; } .home-partner{ padding:70px 0px; } /*list-partner*/ .list-partner{ text-align: center; } .list-partner .items{ width: calc(110px - 4px); display: inline-block; border:1px solid #f5f5f5; margin: 2px; } .list-partner .items img{ width: 100%; height: auto; /*  -webkit-filter: grayscale(100%); filter: grayscale(100%);*/ } /*.list-partner .items:hover img{ -webkit-filter: grayscale(0%); filter: grayscale(0%); }*/ /*****ed home******/ .group-welcome .articles-items-verti .items{ background-image: url(../pri_img/socdua.png); position: relative; } .group-welcome .articles-items-verti .items .b{ font-weight: normal; } .group-welcome .articles-items-verti .items .date{ position: absolute; left: 0; top: 0; width: auto; height: auto; padding: 5px 5px; background-color: #f2f2f2; font-weight: 100; font-size: 30px; z-index: 1; color: #666; } .group-welcome  .articles-items-verti .items .date { position: absolute; left: 0; top: 0; width: auto; height: auto; padding: 5px 5px; background-color: #f2f2f2; font-weight: 100; font-size: 30px; z-index: 1; color: #666; text-align: center; } .group-welcome  .articles-items-verti .items .date::before, .group-welcome  .articles-items-verti .items .day::after{ display: none; content: '' } .group-welcome  .articles-items-verti .items .date .day { font-size: 15px; font-weight: bold; text-align: center; line-height: 15px; } .group-welcome  .articles-items-verti .items .date .my { font-weight: 500; font-size: 10px; display: block; text-align: center; }