API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Feb 4th, 2019
343
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 22.91 KB | None | 0 0
raw download clone embed print report
  1. /*-- TAGS --*/
  2. html {
  3. padding: 0;
  4. margin: 0;
  5. }
  6. body {
  7. padding: 0;
  8. margin: 0;
  9. overflow-x: hidden;
  10. }
  11. section {
  12. background: #fff;
  13. }
  14. video::-webkit-media-controls {
  15. display:none !important;
  16. }
  17. .center-al {
  18. align-items: center;
  19. }
  20. .block-information {
  21. margin-top: 85px;
  22. margin-bottom: 66px;
  23. }
  24. .footer-other {
  25. display: none;
  26. }
  27. .footer-main {
  28. display: block;
  29. }
  30. .spacer {
  31. flex: 1;
  32. }
  33. .for-sm-xs {
  34. display: none;
  35. }
  36. .for-lg-md {
  37. display: block;
  38. }
  39.  
  40. /*-- FONTS --*/
  41. h1 {
  42. font-family: 'Calibri';
  43. }
  44. h2 {
  45. font-size: 32px;
  46. font-family: 'Calibri';
  47. }
  48. h3 {
  49. font-family: 'Calibri';
  50. }
  51. h4 {
  52. font-family: 'Calibri';
  53. }
  54. h5 {
  55. font-family: 'Calibri';
  56. font-weight: bold;
  57. color: #fff;
  58. font-size: 36px;
  59. }
  60. h6 {
  61. font-family: 'Calibri';
  62. }
  63.  
  64. p {
  65. font-family: 'Calibri Light';
  66. font-size: 24px;
  67. }
  68. span {
  69. font-family: 'Calibri Light';
  70. font-size: 16px;
  71. }
  72. b {
  73. font-family: 'Calibri';
  74. font-style: bold;
  75. }
  76. i {
  77. font-family: 'Calibri';
  78. font-style: italic;
  79. }
  80. a {
  81. font-family: 'Calibri Light';
  82. font-size: 24px;
  83. }
  84. .footer-small {
  85. font-size: 20px;
  86. font-family: 'Calibri Light';
  87. }
  88. .bg-bej {
  89. background: #eceff1;
  90. width: 100%;
  91. z-index: 10000;
  92. }
  93. .bg-bluegray {
  94. background: #e0eaf0;
  95. }
  96. .bg-darkblue {
  97. background: #263238;
  98. }
  99. .bg-lightblue {
  100. background: #78909c;
  101. }
  102. .bg-gray {
  103. background: #cfd8dc;
  104. }
  105. .bg-cloudyblue {
  106. background: #90a4ae;
  107. }
  108. /*-- margins --*/
  109. .mab-5 {
  110. margin-bottom: -5px;
  111. }
  112. .ml20 {
  113. margin-left: 20px;
  114. }
  115. .ml40 {
  116. margin-left: 40px;
  117. }
  118. .mr20 {
  119. margin-right: 20px;
  120. }
  121. .mb20 {
  122. margin-bottom: 20px;
  123. }
  124. .mb75 {
  125. margin-bottom: 75px;
  126. }
  127. /*-- HEADER --*/
  128. header {
  129. background: #fff;
  130. }
  131. .nav-link {
  132. font-family: 'Calibri';
  133. color: #000;
  134. font-size: 19px;
  135. white-space: nowrap;
  136. }
  137. .logo-header {
  138. max-width: 180px;
  139. width: 100%;
  140. /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);*/
  141. margin-top: 10px;
  142. }
  143. .logo-container {
  144. position: absolute;
  145. z-index: 1;
  146. display: flex;
  147. flex-flow: column;
  148. }
  149. .navbar-collapse.collapse.show {
  150. position: absolute;
  151. z-index: 9999;
  152. padding: 10px 20px;
  153. margin-top: 100px;
  154. background: #fff;
  155. box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  156. width: max-content;
  157. }
  158. .navbar-collapse.collapse.show .nav-link{
  159. padding: 0;
  160. }
  161. .collapsing {
  162. transition: none;
  163. }
  164. .nav-link.active {
  165. color: #8a0000;
  166. }
  167.  
  168. /*-- FOOTER --*/
  169. footer {
  170. background: #191919;
  171. padding-top: 80px;
  172. height: 400px;
  173. position: relative;
  174. }
  175. footer a {
  176. color: #fff;
  177. }
  178. footer .nav-link {
  179. color: #fff;
  180. }
  181. footer p {
  182. color: #fff;
  183. }
  184. .copyright {
  185. position: absolute;
  186. bottom: 0;
  187. }
  188. .copyright p {
  189. font-size: 18px;
  190. font-family: 'Calibri Light';
  191. }
  192. footer .nav-item {
  193. min-width: 200px;
  194. }
  195. footer .nav-item ul {
  196. min-width: 200px;
  197. }
  198. footer .nav-link {
  199. padding-left: 0;
  200. }
  201.  
  202. /*-- INDEX --*/
  203. /*-- SLIDER --*/
  204. .big-slider video:hover{
  205. transition: opacity 0.5s;
  206. opacity: .5;
  207. }
  208.  
  209. .big-slider:hover{
  210. background-color: #000;
  211. }
  212.  
  213. .big-slider {
  214. overflow: hidden;
  215. height: 900px;
  216. }
  217.  
  218. .big-slider-full-height{
  219. overflow: hidden;
  220. height: 900px;
  221. }
  222.  
  223. .big-slider-full-height video:hover{
  224. transition: opacity 0.5s;
  225. opacity: .5;
  226. }
  227.  
  228. .big-slider-full-height:hover{
  229. background-color: #000;
  230. }
  231.  
  232. .big-slider-full-height .slider-img-main {
  233. width: 100%;
  234. height: 100%;
  235. object-fit: cover;
  236. }
  237.  
  238. .slider-img {
  239. width: 100%;
  240. height: 100%;
  241. object-fit: cover;
  242. }
  243. .slider-img-on-block {
  244. height: 100%;
  245. width: 100%;
  246. object-fit: cover;
  247. }
  248. .big-slider .slider-img-main {
  249. width: 100%;
  250. height: 100%;
  251. object-fit: cover;
  252. }
  253. .slider-header-container {
  254. position: absolute;
  255. bottom: 0;
  256. margin-bottom: 110px;
  257. margin-left: 40px;
  258. }
  259. .slider-header {
  260. line-height: 1;
  261. font-family: 'Calibri Light';
  262. color: #fff;
  263. font-size: 28px;
  264. }
  265. .slider-header-bold {
  266. font-family: 'Calibri';
  267. line-height: 36px;
  268. /* font-size: 72px;
  269. line-height: 75px;*/
  270. font-weight: bold;
  271. color: #fff;
  272. }
  273. /*.big-slider .slider-header-bold, .support-item .slider-header-bold {
  274. font-size: 32px;
  275. line-height: 36px;
  276. }*/
  277. .slider-btn {
  278. margin-top: 55px;
  279. }
  280. .slider-btn-detailed {
  281. font-family: 'Calibri';
  282. font-size: 24px;
  283. color: #fff;
  284. border: 3px solid #fff;
  285. padding: 8px 35px;
  286. background-color: rgba(13, 38, 70, .4);
  287. }
  288.  
  289. /* .slider-btn a:hover{
  290. transition: color 0.5s;
  291. color: #000;
  292. } */
  293.  
  294. .slider-btn-detailed:hover{
  295. /* transition: border 0.5s;
  296. border: 3px solid #000; */
  297. color: #fff;
  298. }
  299.  
  300. .slider-item.lslide {
  301. margin-right: 0 !important;
  302. }
  303.  
  304. /*-- OFFERTING --*/
  305. .main-product-offering-item img,
  306. .main-product-offering-item-horizontal img {
  307. width: 100%;
  308. height: 100%;
  309. object-fit: cover;
  310. transition: 2s;
  311. }
  312.  
  313. .main-product-offering-item video:hover{
  314. transition: opacity 0.5s;
  315. opacity: .5;
  316. }
  317.  
  318. .main-product-offering-item {
  319. height: 956px;
  320. position: relative;
  321. overflow: hidden;
  322. background: #000;
  323. margin: 1px;
  324. }
  325. .main-product-offering-item-horizontal {
  326. height: 477px;
  327. position: relative;
  328. overflow: hidden;
  329. background: #000;
  330. margin: 1px;
  331. }
  332.  
  333. .main-product-offering-item-horizontal video:hover{
  334. transition: opacity 0.5s;
  335. opacity: .5;
  336. }
  337.  
  338. .product-offerting-title {
  339. position: absolute;
  340. bottom: 0;
  341. text-align: left;
  342. margin-left: 40px;
  343. margin-bottom: 50px;
  344. margin-right: 40px;
  345. line-height: 28px;
  346. font-size: 32px;
  347. }
  348. .main-product-offering-item img:hover,
  349. .main-product-offering-item-horizontal img:hover {
  350. transform: scale(1.15, 1.15);
  351. opacity: .5;
  352. }
  353.  
  354. /*-- CATALOGUE --*/
  355. .product-catalogue-title {
  356. position: absolute;
  357. bottom: 0;
  358. text-align: left;
  359. margin-left: 40px;
  360. margin-bottom: 30px;
  361. margin-right: 40px;
  362. line-height: 28px;
  363. font-size: 32px;
  364. }
  365. .main-catalogue-item img {
  366. width: 100%;
  367. height: 100%;
  368. object-fit: cover;
  369. transition: 1s;
  370. }
  371. .main-catalogue-item img:hover {
  372. transform: scale(1.15, 1.15);
  373. opacity: .5;
  374. }
  375.  
  376. .main-catalogue-item video:hover {
  377. transition: opacity 0.5s;
  378. opacity: .5;
  379. }
  380. .main-catalogue-item {
  381. height: 480px;
  382. position: relative;
  383. overflow: hidden;
  384. background: #000;
  385. margin: 1px;
  386. }
  387.  
  388. /*-- NEWS --*/
  389. .info-block-container {
  390. height: 100%;
  391. /*margin: 0 30px 0 35px;*/
  392. }
  393.  
  394. .news-item:hover .main-news-block-img {
  395. transition: opacity 0.5s;
  396. opacity: .5;
  397. }
  398. .news-item:hover {
  399. background: #000;
  400. }
  401.  
  402.  
  403. .news-item {
  404. transition: opacity 1.5s;
  405. position: relative;
  406. overflow: hidden;
  407. margin: 1px;
  408. }
  409. .main-news-content-container {
  410. height: 650px;
  411. }
  412. .news-item .main-news-block-img {
  413. /*.news-item img {*/
  414. width: 100%;
  415. height: 100%;
  416. object-fit: cover;
  417. }
  418. .news-title {
  419. text-align: left;
  420. line-height: 32px;
  421. margin-top: -55px;
  422. bottom: 0;
  423. }
  424.  
  425. .news-read-all {
  426. font-family: 'Calibri Light';
  427. font-size: 24px;
  428. color: #fff;
  429. line-height: 26px;
  430. }
  431. .news-info-block {
  432. position: absolute;
  433. bottom: 0;
  434. padding-bottom: 20px;
  435. margin: 0 30px 0 35px;
  436. }
  437.  
  438. .news-item:hover .news-description {
  439. max-height: 420px;
  440. opacity: 1;
  441. }
  442. .news-read-all:hover {
  443. text-decoration: underline;
  444. color: #fff;
  445. }
  446. .news-description {
  447. opacity: 0;
  448. max-height: 0;
  449. transition: max-height 1.5s, opacity 1.5s;
  450. font-family: 'Calibri Light';
  451. font-size: 24px;
  452. color: #fff;
  453. line-height: 26px;
  454. }
  455. /*.news-item-container:hover .item-in-news-description {
  456. max-height: 420px;
  457. transition: max-height 1s;
  458. }
  459. .item-in-news-description {
  460. max-height: 0;
  461. transition: max-height 1s;
  462. }*/
  463. .news-data-container {
  464. position: absolute;
  465. top: 0;
  466. margin-top: 20px;
  467. margin-left: 35px;
  468. margin-right: 30px;
  469. opacity: .7;
  470. background: #fff;
  471. padding-left: 8px;
  472. padding-right: 8px;
  473. }
  474.  
  475. .main-news-content-container img:hover{
  476. transition: opacity 0.5s;
  477. opacity: .5;
  478. }
  479.  
  480. .main-news-content-container:hover{
  481. background-color: #000;
  482. }
  483.  
  484. .news-day,
  485. .news-month,
  486. .news-year {
  487. margin-bottom: 0;
  488. font-size: 18px;
  489. font-family: 'Calibri Light';
  490. }
  491. .news-month {
  492. margin: 0 3px;
  493. }
  494. .first-item-news-all-btn {
  495. border: 2px solid #fff;
  496. color: #fff;
  497. padding: 3px 15px;
  498. }
  499. .first-item-news-all-btn:hover {
  500. color: #fff;
  501. }
  502.  
  503. /*-- SUPPORT --*/
  504. .support-item .slider-header-bold {
  505. position: absolute;
  506. top: 65%;
  507. width: 80%;
  508. }
  509. .support-item {
  510. height: 800px;
  511. position: relative;
  512. overflow: hidden;
  513. }
  514. .support-item .d-flex {
  515. justify-content: center;
  516. }
  517. .support-item video {
  518. width: 100%;
  519. height: 100%;
  520. object-fit: cover;
  521. }
  522.  
  523. .support-item:hover{
  524. background-color: #000;
  525. }
  526.  
  527. .support-item video:hover{
  528. transition: opacity 0.5s;
  529. opacity: .5;
  530. }
  531.  
  532. .support-btn {
  533. position: absolute;
  534. bottom: 0;
  535. margin-bottom: 80px;
  536. }
  537. .support-btn-detailed {
  538. font-family: 'Calibri';
  539. font-size: 24px;
  540. color: #fff;
  541. border: 3px solid #fff;
  542. background-color: rgba(13, 38, 70, .4);
  543. padding: 8px 35px;
  544. }
  545.  
  546. .support-btn-detailed:hover{
  547. color: #fff;
  548. }
  549.  
  550. .first-news-item {
  551. /*transition: opacity 1.5s;*/
  552. position: relative;
  553. overflow: hidden;
  554. /*margin: 1px;*/
  555. }
  556. .first-news-item img {
  557. width: 100%;
  558. height: 100%;
  559. object-fit: cover;
  560. }
  561. .first-news-item .news-info-block {
  562. margin-bottom: 20px;
  563. }
  564. .first-news-item .news-title {
  565. margin-bottom: 30px;
  566. font-size: 52px;
  567. line-height: 45px;
  568. }
  569.  
  570. /*-- CONCTACT --*/
  571. .contact-slider {
  572. height: 650px;
  573. overflow: hidden;
  574. }
  575.  
  576. .contact-slider img:hover{
  577. transition: opacity 0.5s;
  578. opacity: .5;
  579. }
  580.  
  581. .contact-slider video:hover{
  582. transition: opacity 0.5s;
  583. opacity: .5;
  584. }
  585.  
  586. .contact-slider:hover{
  587. background-color: #000;
  588. }
  589.  
  590. .contact-slider .slider-img {
  591. object-fit: cover;
  592. height: 100%;
  593. width: 100%;
  594. }
  595. .contact-slider .slider-header-bold {
  596. font-size: 72px;
  597. line-height: 75px;
  598. }
  599. .contact-slider .slider-header {
  600. font-size: 60px;
  601. }
  602. .contact-slider .slider-header-container {
  603. margin-bottom: 75px;
  604. }
  605. .catalogue-slider .slider-header-bold {
  606. font-size: 72px;
  607. line-height: 75px;
  608. }
  609. .catalogue-slider .slider-header {
  610. font-size: 60px;
  611. }
  612. .catalogue-slider .slider-header-container {
  613. margin-bottom: 75px;
  614. }
  615.  
  616. .breadcrumbs {
  617. padding: 45px 0 45px 40px;
  618. }
  619. .breadcrumbs-link {
  620. color: #000;
  621. font-size: 18px;
  622. font-family: 'Calibri Light';
  623. }
  624. .text-underline {
  625. text-decoration: underline;
  626. }
  627. .contact-info {
  628. background: #455a64;
  629. height: 320px;
  630. padding-left: 50px;
  631. padding-right: 50px;
  632. }
  633. .contact-form {
  634. background: #b0bec5;
  635. height: 320px;
  636. padding-left: 50px;
  637. padding-right: 80px;
  638. }
  639. .contact-form2 {
  640. padding-right: 40px;
  641. }
  642. .contact-info-header {
  643. font-size: 24px;
  644. font-weight: bold;
  645. color: #fff;
  646. padding-top: 25px;
  647. margin-bottom: 10px;
  648. }
  649. .contact-text,
  650. .contact-text a {
  651. color: #fff;
  652. font-size: 18px;
  653. font-family: 'Calibri Light';
  654. }
  655. .contact-info-line {
  656. display: flex;
  657. margin: 30px 0 30px 0;
  658. color: #fff;
  659. }
  660. .icon {
  661. width: 35px;
  662. }
  663. #Text {
  664. width: 100%;
  665. border: none;
  666. padding: 0 10px;
  667. color: #455a64;
  668. font-size: 15px;
  669. font-family: 'Calibri Light';
  670. margin-bottom: 15px;
  671. }
  672. .nameblock label,
  673. .phoneblock label {
  674. margin-bottom: 5px;
  675. color: #455a64;
  676. font-size: 15px;
  677. font-family: 'Calibri Light';
  678. }
  679. #Name, #Phone {
  680. height: 35px;
  681. border: none;
  682. padding: 0 10px;
  683. }
  684. .phoneblock {
  685. /*margin-left: 30px;*/
  686. }
  687. form .d-flex.flex-column {
  688. width: 47%;
  689. }
  690. .form-submit {
  691. padding: 3px 20px;
  692. text-transform: uppercase;
  693. color: #fff;
  694. background: #8a0000;
  695. border: none;
  696. font-size: 18px;
  697. font-family: 'Calibri Light';
  698. }
  699. .contact-form .contact-info-header {
  700. color: #000;
  701. }
  702. #File {
  703. font-size: 13px;
  704. max-width: 150px;
  705. opacity: 0;
  706. position: absolute;
  707. }
  708. .file-input-style {
  709. position: relative;
  710. background: #f3f3f3;
  711. width: 58%;
  712. padding: 2px 2px 2px 10px;
  713. border: 1px solid #e1e2e3;
  714. height: 34px;
  715. overflow: hidden;
  716. }
  717. .file-input-btn {
  718. position: absolute;
  719. background: #455a64;
  720. top: 2px;
  721. right: 2px;
  722. padding: 0 7px 4px;
  723. }
  724. .file-input-style p {
  725. font-size: 18px;
  726. margin-bottom: 0;
  727. }
  728. .file-input-btn img {
  729. height: 15px;
  730. width: auto;
  731. }
  732. .mapheight {
  733. height: 955px;
  734. }
  735.  
  736. /*-- about --*/
  737. .about-text {
  738. font-size: 24px;
  739. line-height: 36px;
  740. }
  741. .about-header {
  742. font-weight: bold;
  743. font-size: 48px;
  744. color: #000;
  745. }
  746. .about-img {
  747. width: 350px;
  748. height: 350px;
  749. overflow: hidden;
  750. }
  751. .about-img-video {
  752. width: 100%;
  753. height: 100%;
  754. object-fit: cover;
  755. }
  756. .about-section {
  757. padding: 75px 0;
  758. }
  759. .about-item {
  760. max-width: 450px;
  761. position: relative;
  762. max-height: 450px;
  763. overflow: hidden;
  764. }
  765. .about-item-img {
  766. width: 100%;
  767. height: 100%;
  768. object-fit: cover;
  769. }
  770. .about-item-header {
  771. font-size: 36px;
  772. font-weight: bold;
  773. line-height: 30px;
  774. margin-bottom: 20px;
  775. color: #fff;
  776. }
  777. .about-item-text {
  778. color: #fff;
  779. font-size: 24px;
  780. line-height: 22px;
  781. }
  782. .action-item-text-block {
  783. position: absolute;
  784. bottom: 0;
  785. margin-left: 20px;
  786. margin-right: 20px;
  787. }
  788. .presentation-block {
  789. padding: 10px 25px;
  790. width: max-content;
  791. margin: 70px auto;
  792. }
  793. .about-text a {
  794. color: #000;
  795. font-size: 36px;
  796. }
  797. .pdf-icon {
  798. height: 30px;
  799. margin-right: 10px;
  800. }
  801. .presentation-block a {
  802. color: #000;
  803. margin-top: 5px;
  804. font-size: 24px;
  805. text-decoration: underline;
  806. }
  807.  
  808. /*-- news --*/
  809. .news-img img {
  810. width: 100%
  811. }
  812. .news-subheader {
  813. color: #000;
  814. font-size: 24px;
  815. font-weight: bold;
  816. }
  817. .show-more-icon {
  818. height: 30px;
  819. width: auto;
  820. margin-right: 5px;
  821. }
  822. .show-more {
  823. width: max-content;
  824. margin: 35px auto;
  825. }
  826. .show-more-text {
  827. color: #7e95a0;
  828. font-size: 24px;
  829. margin-bottom: 0;
  830. }
  831. .item-in-news-desc {
  832. padding: 60px 50px;
  833. }
  834. .item-in-news {
  835. margin: 1px;
  836. height: 650px;
  837. position: relative;
  838. }
  839.  
  840. .item-in-news img:hover{
  841. transition: opacity 0.5s;
  842. opacity: .5;
  843. }
  844.  
  845. .item-in-news:hover{
  846. background-color: #000;
  847. }
  848.  
  849. .item-in-news-container {
  850. padding: 0 40px 40px;
  851. }
  852. .item-in-news-datatime {
  853. top: 20px;
  854. position: absolute;
  855. }
  856. .item-in-news-datatime p {
  857. padding: 5px 10px;
  858. font-size: 18px;
  859. }
  860. .item-in-news-header {
  861. position: absolute;
  862. bottom: 20px;
  863. }
  864. .item-in-news-description {
  865. position: absolute;
  866. bottom: 0;
  867. }
  868. .item-in-news-description {
  869. /*display: none;*/
  870. }
  871. .item-in-news:hover {
  872. display: block;
  873. }
  874. .first-item-in-news-header {
  875. position: absolute;
  876. top: 60px;
  877. }
  878. .item-in-news-datatime p {
  879. opacity: .7;
  880. background: #fff;
  881. }
  882. .item-in-news-description p,
  883. .item-in-news-description a {
  884. color: #fff;
  885. font-size: 24px;
  886. font-family: 'Calibri Light';
  887. line-height: 22px;
  888. }
  889. .item-in-news-header a {
  890. color: #fff;
  891. font-size: 36px;
  892. font-weight: bold;
  893. line-height: 34px;
  894. font-family: 'Calibri';
  895. }
  896. .first-item-in-news-header a {
  897. color: #fff;
  898. font-size: 48px;
  899. font-weight: bold;
  900. line-height: 46px;
  901. font-family: 'Calibri';
  902. }
  903. .item-in-news-img {
  904. height: 100%;
  905. width: 100%;
  906. object-fit: cover;
  907. }
  908. .item-in-news-desc p,
  909. .item-in-news-desc a {
  910. color: #000;
  911. font-size: 24px;
  912. font-family: 'Calibri Light';
  913. line-height: 22px;
  914. }
  915. .item-in-news-desc a {
  916. text-decoration: underline;
  917. }
  918. .news-header {
  919. font-weight: bold;
  920. font-size: 48px;
  921. }
  922. .news-data {
  923. font-size: 18px;
  924. font-family: 'Calibri Light';
  925. }
  926.  
  927. /*-- catalogue --*/
  928. .btn-item-in-catalogue:hover {
  929. color: #fff;
  930. }
  931. .slider-img-cat {
  932. height: 100%;
  933. width: 100%;
  934. object-fit: cover;
  935. }
  936. .catalogue-slider {
  937. height: 1015px;
  938. overflow: hidden;
  939. }
  940. .catalogue2-slider {
  941. height: 520px;
  942. overflow: hidden;
  943. }
  944. .catalogue-slider .slider-header-bold {
  945. font-size: 72px;
  946. line-height: 70px;
  947. }
  948. .catalogue-slider .slider-header {
  949. font-size: 60px;
  950. line-height: 58px;
  951. }
  952. .catalogue2-slider .slider-header-bold {
  953. font-size: 72px;
  954. line-height: 70px;
  955. }
  956. .catalogue2-slider .slider-header {
  957. font-size: 60px;
  958. line-height: 58px;
  959. }
  960. .cat-item {
  961. margin: 1px;
  962. position: relative;
  963. overflow: hidden;
  964. /*width: 100%;*/
  965. }
  966. .cat-item-img {
  967. height: 100%;
  968. width: 100%;
  969. object-fit: cover;
  970. }
  971.  
  972. .cat-item img:hover{
  973. transition: opacity 0.5s;
  974. opacity: .5;
  975. }
  976.  
  977. .cat-item video:hover{
  978. transition: opacity 0.5s;
  979. opacity: .5;
  980. }
  981.  
  982. .cat-item:hover{
  983. background-color: #000;
  984. }
  985.  
  986. .col-md-6 .col-md-12 .cat-item {
  987. height: 480px;
  988. }
  989. .col-md-6 .cat-item {
  990. height: 962px;
  991. }
  992. .cat-item-header {
  993. position: absolute;
  994. bottom: 80px;
  995. margin-left: 40px;
  996. }
  997.  
  998. .cat-item-header p {
  999. font-family: 'Calibri';
  1000. color: #fff;
  1001. font-weight: bold;
  1002. font-size: 36px;
  1003. }
  1004. .item-in-catalogue {
  1005. height: 635px;
  1006. margin: 1px;
  1007. position: relative;
  1008. }
  1009. .btn-item-in-catalogue {
  1010. position: absolute;
  1011. bottom: 25px;
  1012. font-size: 20px;
  1013. border: 2px solid #fff;
  1014. padding: 5px 30px;
  1015. color: #fff;
  1016. background-color: rgb(13, 38, 70, .4);
  1017. }
  1018. .item-in-catalogue-img {
  1019. margin-top: 30px;
  1020. max-height: 290px;
  1021. max-width: 500px;
  1022. object-fit: cover;
  1023. }
  1024. .bg-darkblue .item-in-catalogue .item-in-catalogue-header p,
  1025. .bg-lightblue .item-in-catalogue .item-in-catalogue-header p,
  1026. .bg-darkblue .item-in-catalogue .item-in-catalogue-desc p,
  1027. .bg-lightblue .item-in-catalogue .item-in-catalogue-desc p {
  1028. color: #fff;
  1029. }
  1030. .bg-bej .item-in-catalogue .item-in-catalogue-header p,
  1031. .bg-bej .item-in-catalogue .item-in-catalogue-desc p {
  1032. color: #000;
  1033. }
  1034. .item-in-catalogue-header p {
  1035. font-weight: bold;
  1036. font-size: 34px;
  1037. line-height: 32px;
  1038. }
  1039. .item-in-catalogue-desc p {
  1040. font-size: 24px;
  1041. line-height: 22px;
  1042. }
  1043. .item-info-in-catalogue {
  1044. margin: 0 30px;
  1045. }
  1046. .item-details {
  1047. height: 635px;
  1048. overflow: hidden;
  1049. }
  1050. .bg-darkblue.margin-desc {
  1051. padding: 50px 85px;
  1052. }
  1053. .bg-gray.margin-desc {
  1054. padding: 50px 35px 50px 85px;
  1055. }
  1056. .item-details-header {
  1057. font-size: 36px;
  1058. font-weight: bold;
  1059. }
  1060. .item-details p, li>span {
  1061. font-size: 22px;
  1062. line-height: 20px;
  1063. font-family: 'Calibri Light';
  1064. }
  1065. .margin-docs {
  1066. padding: 50px 45px;
  1067. }
  1068. .bg-darkblue.item-details p,
  1069. .bg-darkblue.item-details h5,
  1070. .bg-darkblue.item-details li>span {
  1071. color: #fff;
  1072. }
  1073. .bg-gray.item-details h5 {
  1074. color: #000;
  1075. }
  1076. .file-icon {
  1077. height: 25px;
  1078. margin-right: 10px;
  1079. }
  1080. .docs-files {
  1081. margin-top: 40px;
  1082. }
  1083. .docs-files a {
  1084. color: #000;
  1085. font-size: 24px;
  1086. line-height: 22px;
  1087. }
  1088. .docs-files .d-flex {
  1089. height: 50px;
  1090. }
  1091. .l-border {
  1092. padding-left: 15px;
  1093. border-left: 1px solid #90a4ae;
  1094. }
  1095. .characteristics {
  1096. margin-top: 50px;
  1097. overflow-y: scroll;
  1098. height: 89%;
  1099. }
  1100. .characteristica ul {
  1101. margin-top: 10px;
  1102. }
  1103.  
  1104. .characteristica li {
  1105. list-style-type: square;
  1106. color: #8a0000;
  1107. }
  1108. .characteristica li span {
  1109. color: #000;
  1110. }
  1111. .characteristics table {
  1112. border-collapse: collapse;
  1113. }
  1114. .characteristics td {
  1115. vertical-align: top;
  1116. text-align: left;
  1117. padding: 0 15px 20px 0;
  1118. }
  1119. .news-text-block {
  1120. padding-right: 50px;
  1121. }
  1122. .news-text-block li {
  1123. list-style-image: url('../../images/level1.png');
  1124. }
  1125. .bg-darkblue.item-details li {
  1126. list-style-type: square;
  1127. color: #8a0000;
  1128. }
  1129. .news-text-block p, .news-text-block li>span {
  1130. font-size: 24px;
  1131. line-height: 24px;
  1132. }
  1133. .news-text-block ul>ul>li {
  1134. list-style-image: url('../../images/level2.png');
  1135. }
  1136. .product-item-thimb {
  1137. display: flex;
  1138. justify-content: center;
  1139. }
  1140. .product-item-thimb img {
  1141. max-width: 500px;
  1142. max-height: 380px;
  1143. object-fit: contain;
  1144. }
  1145. .item-details .lSPrev,
  1146. .item-details .lSNext {
  1147. display: none !important;
  1148. }
  1149. #imageGallery {
  1150. margin-top: 35px;
  1151. height: 100% !important;
  1152. }
  1153. .lSSlideOuter .lSPager.lSGallery {
  1154. margin-left: 10px;
  1155. }
  1156. .lSPager.lSGallery {
  1157. padding-top: 20px;
  1158. position: absolute;
  1159. bottom: 10px;
  1160. }
  1161. .lSPager.lSGallery li {
  1162. background: #fff;
  1163. height: 145px;
  1164. width: 145px;
  1165. display: flex;
  1166. justify-content: center;
  1167. align-items: center;
  1168. }
  1169. .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
  1170. border-radius: 0 !important;
  1171. }
  1172. .lSSlideOuter .lSPager.lSGallery li {
  1173. padding: 15px;
  1174. width: 23% !important;
  1175. opacity: .5;
  1176. }
  1177. .lSSlideOuter .lSPager.lSGallery li.active {
  1178. opacity: 1;
  1179. }
  1180. .item-details {
  1181. margin: 1px;
  1182. }
  1183. .cart-item-pic {
  1184. height: 350px;
  1185. display: flex;
  1186. justify-content: center;
  1187. align-items: center;
  1188. }
  1189. .characteristics::-webkit-scrollbar {
  1190. width: 15px;
  1191. border: 1px solid #90a4ae;
  1192. }
  1193. .characteristics::-webkit-scrollbar-button:single-button {
  1194. background-color: transparent;
  1195. display: block;
  1196. border-style: solid;
  1197. height: 15px;
  1198. width: 15px;
  1199. }
  1200. .characteristics::-webkit-scrollbar-track {
  1201. background-color: transparent;
  1202. }
  1203. .characteristics::-webkit-scrollbar-track-piece {
  1204. background-color: transparent;
  1205. }
  1206. .characteristics::-webkit-scrollbar-thumb {
  1207. background-color: #90a4ae;
  1208. }
  1209. /* Up */
  1210. .characteristics::-webkit-scrollbar-button:single-button:vertical:decrement {
  1211. background: url('../../images/track-btn-top.png') no-repeat center center;
  1212. border: none;
  1213. }
  1214. /* Down */
  1215. .characteristics::-webkit-scrollbar-button:single-button:vertical:increment {
  1216. background: url('../../images/track-btn-bottom.png') no-repeat center center;
  1217. border: none;
  1218. }
  1219. /* Left */
  1220. .characteristics::-webkit-scrollbar-button:single-button:horizontal:decrement {
  1221. background: url('../../images/track-btn-left.png') no-repeat center center;
  1222. border: none;
  1223. }
  1224. /* Right */
  1225. .characteristics::-webkit-scrollbar-button:single-button:horizontal:increment {
  1226. background: url('../../images/track-btn-right.png') no-repeat center center;
  1227. border: none;
  1228. }
  1229. .characteristics::-webkit-scrollbar-corner {
  1230. background: transparent;
  1231. }
  1232. .cat-header {
  1233. font-size: 48px;
  1234. font-weight: bold;
  1235. font-family: 'Calibri';
  1236. text-transform: none;
  1237. margin-left: 50px;
  1238. }
  1239.  
  1240. .text-no-decoration{
  1241. text-decoration: none;
  1242. }
  1243. .text-no-decoration:hover{
  1244. text-decoration: none;
  1245. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!