Diligent web site
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

teams.css 8.2KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104
  1. #teams-wrap
  2. {
  3. background-color: #1d1d1d;;
  4. color:#ffff;
  5. position: relative;
  6. border-bottom: 5px solid #fff;
  7. }
  8. .teams-title-cont
  9. {
  10. padding-top: 45px;
  11. }
  12. .teams-title-cont > *
  13. {
  14. text-align: left;
  15. }
  16. .teams-title
  17. {
  18. font: 72px 'bebas_neue', Helvetica, Arial, sans-serif!important;
  19. padding: 0;
  20. margin-bottom: -10px;
  21. }
  22. .u-section-1 .u-sheet-1 {min-height: 783px}
  23. .u-section-1 .u-layout-wrap-1 {margin: 40px auto 60px 0}
  24. .u-section-1 .u-layout-cell-1 {min-height: 448px; background-position: 0% 0%}
  25. .u-section-1 .u-container-layout-1 {padding: 15px}
  26. .u-section-1 .u-image-1 {height: 329px; margin: 0 auto}
  27. .u-section-1 .u-layout-cell-2 {min-height: 448px; background-position: 0% 0%}
  28. .u-section-1 .u-image-2 {height: 329px; margin: 0 auto}
  29. .u-section-1 .u-layout-cell-3 {min-height: 448px; background-position: 0% 0%}
  30. .u-section-1 .u-image-3 {height: 329px; margin: 0 auto}
  31. .u-section-1 .u-layout-cell-4 {min-height: 448px; background-position: 0% 0%}
  32. .u-section-1 .u-container-layout {padding: 15px}
  33. .u-section-1 .u-image-4 {height: 329px; margin: 0 auto;}
  34. .u-section-1 .u-text {width: 203px; margin: 0px auto 0;}
  35. .u-section-1 .u-text {
  36. width: 203px;
  37. margin: 10px auto 0;
  38. padding-bottom: 0px;}
  39. @media (max-width: 1199px){ .u-section-1 .u-sheet-1 {min-height: 646px}
  40. .u-section-1 .u-layout-wrap-1 {margin-right: initial; margin-left: initial}
  41. .u-section-1 .u-layout-cell-1 {min-height: 369px}
  42. .u-section-1 .u-image-1 {height: 271px; margin-right: initial; margin-left: initial}
  43. .u-section-1 .u-text-3 {width: 175px}
  44. .u-section-1 .u-text-4 {width: 175px}
  45. .u-section-1 .u-layout-cell-2 {min-height: 369px}
  46. .u-section-1 .u-image-2 {height: 271px; margin-right: initial; margin-left: initial}
  47. .u-section-1 .u-text-5 {width: 175px}
  48. .u-section-1 .u-text-6 {width: 175px}
  49. .u-section-1 .u-layout-cell-3 {min-height: 369px}
  50. .u-section-1 .u-image-3 {height: 271px; margin-right: initial; margin-left: initial}
  51. .u-section-1 .u-text-7 {width: 175px}
  52. .u-section-1 .u-text-8 {width: 175px}
  53. .u-section-1 .u-layout-cell-4 {min-height: 369px}
  54. .u-section-1 .u-image-4 {height: 271px; margin-right: initial; margin-left: initial}
  55. .u-section-1 .u-text-9 {width: 175px}
  56. .u-section-1 .u-text-10 {width: 175px} }
  57. @media (max-width: 991px){ .u-section-1 .u-sheet-1 {min-height: 495px}
  58. .u-section-1 .u-layout-cell-1 {min-height: 100px}
  59. .u-section-1 .u-image-1 {height: 415px; margin-right: initial; margin-left: initial}
  60. .u-section-1 .u-layout-cell-2 {min-height: 100px}
  61. .u-section-1 .u-image-2 {height: 415px; margin-right: initial; margin-left: initial}
  62. .u-section-1 .u-layout-cell-3 {min-height: 100px}
  63. .u-section-1 .u-image-3 {height: 415px; margin-right: initial; margin-left: initial}
  64. .u-section-1 .u-layout-cell-4 {min-height: 100px}
  65. .u-section-1 .u-image-4 {height: 415px; margin-right: initial; margin-left: initial} }
  66. @media (max-width: 767px){ .u-section-1 .u-sheet-1 {min-height: 371px}
  67. .u-section-1 .u-text-1 {width: 540px}
  68. .u-section-1 .u-text-2 {width: 540px}
  69. .u-section-1 .u-container-layout-1 { padding: 0px}
  70. .u-section-1 .u-image-1 {height: 623px; margin-right: initial; margin-left: initial}
  71. .u-section-1 .u-container-layout-2 {padding-left: 10px; padding-right: 10px}
  72. .u-section-1 .u-image-2 {height: 623px; margin-right: initial; margin-left: initial}
  73. .u-section-1 .u-container-layout-3 {padding-left: 10px; padding-right: 10px}
  74. .u-section-1 .u-image-3 {height: 623px; margin-right: initial; margin-left: initial}
  75. .u-section-1 .u-container-layout-4 {padding-left: 10px; padding-right: 10px}
  76. .u-section-1 .u-image-4 {height: 623px; margin-right: initial; margin-left: initial} }
  77. @media (max-width: 575px){ .u-section-1 .u-sheet-1 {min-height: 234px}
  78. .u-section-1 .u-text-1 {width: 340px}
  79. .u-section-1 .u-text-2 {width: 340px}
  80. .u-section-1 .u-image-1 {height: 392px; margin-right: initial; margin-left: initial}
  81. .u-section-1 .u-image-2 {height: 392px; margin-right: initial; margin-left: initial}
  82. .u-section-1 .u-image-3 {height: 392px; margin-right: initial; margin-left: initial}
  83. .u-section-1 .u-image-4 {height: 392px; margin-right: initial; margin-left: initial} }.u-section-2 {background-image: linear-gradient(0deg, rgba(0,0,0,0.4), rgba(0,0,0,0.4)), url("data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJkZWZhdWx0LWltYWdlLXNvbGlkIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgNDAwIDI2NSIgc3R5bGU9IndpZHRoOiA0MDBweDsgaGVpZ2h0OiAyNjVweDsiPg0KPHJlY3QgZmlsbD0iI0M2RDhFMSIgd2lkdGg9IjQwMCIgaGVpZ2h0PSIyNjUiLz4NCjxwYXRoIGZpbGw9IiNEOUUzRTgiIGQ9Ik0zOTUuMyw5Ni4yYy01LTAuOC02LjEsMS4xLTguNSwyLjljLTEtMi4zLTIuNi02LjItNy43LTVjMS41LTUuMy0yLjYtOC40LTcuNy04LjRjLTAuNiwwLTEuMiwwLjEtMS44LDAuMg0KCWMtMS44LTQuMS02LTYuOS0xMC43LTYuOWMtNi41LDAtMTEuOCw1LjMtMTEuOCwxMS44YzAsMC40LDAsMC45LDAuMSwxLjNjLTEuMi0wLjgtMi41LTEuMy0zLjktMS4zYy00LjMsMC03LjksNC4yLTcuOSw5LjQNCgljMCwxLjIsMC4yLDIuNCwwLjYsMy41Yy0wLjUtMC4xLTEtMC4xLTEuNi0wLjFjLTYuOSwwLTEyLjUsNS41LTEyLjcsMTIuNGMtMC45LTAuMi0xLjktMC40LTIuOS0wLjRjLTYuNCwwLTExLjcsNS4yLTEyLjUsMTEuOA0KCWMtMS4yLTAuNC0yLjUtMC42LTMuOS0wLjZjLTUuOSwwLTEwLjgsMy44LTEyLjEsOC45Yy0yLjQtMi01LjUtMy4yLTguOS0zLjJjLTYsMC0xMS4xLDMuNy0xMi44LDguOGMtMS41LTEuNC0zLjgtMi4zLTYuMy0yLjMNCgljLTIuMSwwLTQuMSwwLjYtNS41LDEuN2gtMC4xYy0xLjMtNS41LTYuMi05LjUtMTIuMS05LjVjLTIuNCwwLTQuNywwLjctNi42LDEuOWMtMS40LTAuNy0zLTEuMi00LjgtMS4yYy0wLjMsMC0wLjUsMC0wLjgsMA0KCWMtMS41LTQuMS01LjItNy05LjUtN2MtMy4xLDAtNS45LDEuNS03LjgsMy45Yy0yLjItNC44LTYuOC04LjItMTIuMi04LjJjLTUuNiwwLTEwLjUsMy43LTEyLjUsOC44Yy0yLjEtMC45LTQuNC0xLjUtNi45LTEuNQ0KCWMtNi44LDAtMTIuNSwzLjktMTQuNSw5LjNjLTAuMiwwLTAuNSwwLTAuNywwYy01LjIsMC05LjYsMy4yLTExLjQsNy44Yy0yLjctMi44LTctNC41LTExLjgtNC41Yy0zLjMsMC02LjQsMC45LTguOSwyLjMNCgljLTIuMS02LjUtOC0xMi4yLTE4LjEtOS45Yy0yLjctMi4zLTYuMy0zLjctMTAuMS0zLjdjLTIuNSwwLTQuOCwwLjYtNi45LDEuNmMtMi4yLTUuOS03LjktMTAuMS0xNC42LTEwLjFjLTguNiwwLTE1LjYsNy0xNS42LDE1LjYNCgljMCwwLjksMC4xLDEuNywwLjIsMi41Yy0yLjYtNS03LjgtOC40LTEzLjgtOC40Yy04LjMsMC0xNS4xLDYuNS0xNS42LDE0LjZjLTIuOS0zLjItNy01LjMtMTEuNy01LjNjLTcuNCwwLTEzLjUsNS4xLTE1LjIsMTINCgljLTIuOS0zLjUtOS44LTYtMTQuNy02djExOS4yaDQwMFYxMDJDNDAwLDEwMiw0MDAsOTcsMzk1LjMsOTYuMnoiLz4NCjxwYXRoIGZpbGw9IiM4RUE4QkIiIGQ9Ik00MDAsMjA2LjJjMCwwLTI1LjMtMTkuMi0zMy42LTI1LjdjLTEzLjQtMTAuNi0yMy4xLTEyLjktMzEuNy03cy0yMy45LDE5LjctMjMuOSwxOS43cy01OC45LTYzLjktNjEuNS02Ni40DQoJYy0xLjUtMS40LTMuNi0xLjctNS41LTAuOWMtNS4yLDIuNC0xNy42LDkuNy0yNC41LDEyLjdjLTYuOSwyLjktNDEtNTAuNy00OS42LTUzcy04NC4zLDgzLjMtMTAxLjQsNzUuMXMtMjYuOS0yLjMtMzUuNCwzLjUNCgljLTguNiw1LjktMTEsNS45LTE1LjksOC4ycy0xNy4xLTUuOS0xNy4xLTUuOVYyNjVjMCwwLDQwMCwwLjIsNDAwLDB2LTU4LjhINDAweiIvPg0KPHBhdGggZmlsbD0iIzdFOTZBNiIgZD0iTTMzMy40LDE3OWMtMTMuMS05LjMtNDAsNC42LTU1LjEsMTAuN2MtMjMuNiw5LjYtOTQtNTQuNC0xMDcuMi01OS43YzAsMC00LjIsMy43LTkuNiw3LjYNCgljLTMuNS0wLjQtOC40LTUuNy05LjktNC43Yy00LjYsMy4xLTE3LjgsMTUuNC0yOC4zLDI2LjZjLTEwLjUsMTEuMy0xMS43LDAtMTUuOC0wLjZjLTIuNS0wLjQtNTQuMSw0Mi41LTU4LjcsNDMuMQ0KCUMyMi4zLDIwNS4zLDAsMTk3LjUsMCwxOTcuNVYyNjVsNDAwLTAuMXYtNTMuM0M0MDAsMjExLjYsMzQ0LjgsMTg3LjEsMzMzLjQsMTc5eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTAsMjY0Ljl2LTU4LjZjMCwwLDguMiwxLjgsMTEuMyw1LjNjMy4xLDMuNiwyNi4xLTQuMiwyNi4xLDQuN3MwLjUsNC4yLDAuNSwxNC44YzAsMTAuNywyMy00LjIsMzguMS0xOC40DQoJczM0LjktNDkuMiwzNi0zNWMxLDE0LjItMTUuMSwzOS4yLTI0LDU2LjRDNzkuMSwyNTEuNCw1MS43LDI2NSw1MS43LDI2NUwwLDI2NC45eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTEwMCwyNjVjMCwwLDY2LjctMTI1LjEsNjguMy0xMTYuOHMtNi44LDI5LjcsMi4xLDI2LjFjOC45LTMuNiwxNC42LTE2LDE4LjgtOS41czE2LjIsMzguNiwyMS45LDMzLjgNCgljNS43LTQuNywyMS40LTEzLjEsMjIuNC02LjVjMSw2LjUtMSw1LjMtNS43LDIwLjJDMjIzLjEsMjI3LjEsMjAwLDI2NSwyMDAsMjY1aC0xMGMwLDAsNi0yNC44LDguNi0zNC45YzIuNi0xMC4xLTMuNy0xOS0xMi04LjMNCglzLTIzLDIyLTI0LDE3LjhzLTUuNy0zMC4zLTE4LjgtMTQuMmMtMTMsMTYtMzMuOCwzOS43LTMzLjgsMzkuN2gtMTBWMjY1eiIvPg0KPHBhdGggZmlsbD0iIzc4OEY5RSIgZD0iTTI0NSwyNjVjMCwwLDE5LjgtNTQuNywzMy40LTY0LjJzNTMuNy0yNy45LDQ2LjktMTMuNmMtNi44LDE0LjItMTEsMzQuNC0yMC4zLDQ5LjgNCgljLTkuNCwxNS40LTE4LjgsMjYuMS0xNC4xLDEzLjZjNC43LTEyLjUsNi40LTIzLjMsMy43LTIzLjFDMjcxLjMsMjI5LjEsMjYwLDI2NSwyNjAsMjY1SDI0NXoiLz4NCjwvc3ZnPg0K"); background-position: 50% 50%}
  84. .u-section-2 .u-sheet-1 {min-height: 800px}
  85. .u-section-2 .u-text-1 {margin: 60px auto 0}
  86. .u-section-2 .u-text-2 {margin: 30px auto 60px}
  87. @media (max-width: 1199px){ .u-section-2 .u-sheet-1 {min-height: 660px} }
  88. @media (max-width: 991px){ .u-section-2 .u-sheet-1 {min-height: 506px} }
  89. @media (max-width: 767px){ .u-section-2 .u-sheet-1 {min-height: 380px} }
  90. @media (max-width: 575px){ .u-section-2 .u-sheet-1 {min-height: 287px} }