API tools faq
paste
Advertisement
Guest User

Untitled

a guest
May 5th, 2015
244
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 10.52 KB | None | 0 0
raw download clone embed print report
  1. @font-face {font-family: 'Proxima Nova SemiBold';src: url('/bundles/fourxxiwebsite/fonts/2BE25E_4_0.eot');src: url('/bundles/fourxxiwebsite/fonts/2BE25E_4_0.eot?#iefix') format('embedded-opentype'),url('/bundles/fourxxiwebsite/fonts/2BE25E_4_0.woff') format('woff'),url('/bundles/fourxxiwebsite/fonts/2BE25E_4_0.ttf') format('truetype');}
  2. @font-face {font-family: 'Proxima Nova Regular';src: url('/bundles/fourxxiwebsite/fonts/2BE25E_5_0.eot');src: url('/bundles/fourxxiwebsite/fonts/2BE25E_5_0.eot?#iefix') format('embedded-opentype'),url('/bundles/fourxxiwebsite/fonts/2BE25E_5_0.woff') format('woff'),url('/bundles/fourxxiwebsite/fonts/2BE25E_5_0.ttf') format('truetype');}
  3.  
  4. html, body {
  5.     padding: 0;
  6.     margin: 0;
  7. }
  8. body {
  9.     font-family: 'Proxima Nova Regular', "Helvetica Neue", Arial, sans-serif;
  10.     font-size: 16px;
  11.     line-height: 1.1;
  12.     color: #38525c;
  13. }
  14. a, a:visited, a:link, a:active {
  15.     color: #be1522;
  16.     -webkit-transition: all .2s ease-out;
  17.     -moz-transition: all .2s ease-out;
  18.     -o-transition: all .2s ease-out;
  19.     -ms-transition: all .2s ease-out;
  20. }
  21. a:hover {
  22.     text-decoration: none;
  23.     color: #ee0000;
  24. }
  25. strong {
  26.     font-family: 'Proxima Nova SemiBold';
  27. }
  28. p {
  29.     margin-bottom: 1.7em;
  30. }
  31. .container {
  32.     width: 1000px;
  33.     padding: 0 40px;
  34. }
  35. .min-site-width {
  36.     min-width: 1000px;
  37. }
  38. .main-header {
  39.     -webkit-transition: all .2s ease-out;
  40.     -moz-transition: all .2s ease-out;
  41.     -o-transition: all .2s ease-out;
  42.     -ms-transition: all .2s ease-out;
  43. }
  44. .logo {
  45.     display: inline-block;
  46.     width: 60px;
  47.     height: 60px;
  48.     background: url("/bundles/fourxxiwebsite/images/main-sprite.png") no-repeat 0 0;
  49. }
  50. .main-header .logo {
  51.     position: fixed;
  52.     margin: 10px;
  53.     z-index: 1000;
  54.     -webkit-transition: all .2s ease-out;
  55.     -moz-transition: all .2s ease-out;
  56.     -o-transition: all .2s ease-out;
  57.     -ms-transition: all .2s ease-out;
  58. }
  59. .main-header.header-invisible .container > *:not(.logo) {
  60.     opacity: 0;
  61. }
  62. .main-header.header-invisible {
  63.     background: none;
  64. }
  65. .main-header .logo.hidden {
  66.     opacity: 0;
  67. }
  68. .logo a {
  69.     display: block;
  70.     width: 100%;
  71.     height: 100%;
  72. }
  73. .main-header {
  74.     height: 80px;
  75.     background: #fff;
  76.     position: fixed;
  77.     width: 100%;
  78.     z-index: 800;
  79.     top: 0;
  80. }
  81. .main-menu {
  82.     list-style: none;
  83.     padding: 0;
  84.     margin: 0;
  85. }
  86. .main-menu li {
  87.     display: inline-block;
  88.     text-transform: uppercase;
  89.     font-family: 'Proxima Nova SemiBold';
  90.     font-size: 15px;
  91.     margin-left: 75px;
  92.     line-height: 80px;
  93. }
  94. .main-menu li:first-child {
  95.     margin-left: 0;
  96. }
  97. .main-menu > li > a {
  98.     color: #93a1a6;
  99.     padding: 0;
  100. }
  101. .main-menu>li>a:hover, .main-menu>li>a:focus {
  102.     background: none;
  103. }
  104. .main-menu a:hover {
  105.     text-decoration: none;
  106.     color: #be1522;
  107. }
  108. .main-menu .active a {
  109.     color: #be1522;
  110. }
  111. .main-header .main-menu {
  112.     margin-left: 160px;
  113. }
  114. .langs {
  115.     list-style: none;
  116.     padding: 0;
  117.     margin: 0;
  118. }
  119. .langs li {
  120.     display: inline-block;
  121.     text-transform: uppercase;
  122.     font-family: 'Proxima Nova SemiBold';
  123.     font-size: 15px;
  124.     margin-right: 10px;
  125.     line-height: 80px;
  126. }
  127. .langs a {
  128.     color: #93a1a6;
  129. }
  130. .langs a:hover {
  131.     text-decoration: none;
  132.     color: #be1522;
  133. }
  134. .langs .active a {
  135.     color: #be1522;
  136. }
  137. .project-001 {
  138.     padding: 90px 0 35px;
  139. }
  140. .landing-page h2 {
  141.     text-align: center;
  142.     font-family: 'Proxima Nova SemiBold';
  143.     font-size: 24px;
  144.     text-transform: uppercase;
  145.     margin-bottom: 1em;
  146. }
  147. .centered {
  148.     width: 600px;
  149.     margin: 0 auto 1.5em;
  150. }
  151. .carousel-centrallo {
  152.     position: relative;
  153.     width: 1000px;
  154.     margin: 0 auto;1
  155. }
  156. .carousel-centrallo .carousel-inner {
  157.     height: 460px;
  158. }
  159. .carousel-centrallo .text {
  160.     margin-left: 620px;
  161.     font-size: 15px;
  162.     position: absolute;
  163.     z-index: 100;
  164. }
  165. .project-item h3 {
  166.     font-family: 'Proxima Nova SemiBold';
  167.     font-size: 15px;
  168.     margin-bottom: 0;
  169. }
  170. .carousel-centrallo .item {
  171.     position: relative;
  172.     height: 460px;
  173. }
  174. .carousel-centrallo .bx-viewport {
  175.     height: 460px!important;
  176.     position: relative!important;
  177.     box-shadow: none;
  178.     background: none;
  179.     border: 0;
  180. }
  181. .carousel-centrallo .bxslider {
  182.     position: static!important;
  183.  
  184. }
  185. .no-bxslider {
  186.     list-style: none;
  187.     padding: 0;
  188.     margin: 0;
  189. }
  190. .no-bxslider li {
  191.     position: relative;
  192.     height: 480px;
  193. }
  194. .no-bxslider img {
  195.     position: absolute;
  196.     left: 10px; top: 75px;
  197. }
  198. .carousel-centrallo .bxslider li {
  199.     left: 10px!important;
  200. }
  201. .carousel-centrallo .bxslider li img {
  202.     position: absolute;
  203.     left: 10px; top: 75px;
  204. }
  205. .carousel-centrallo .item img {
  206.     position: absolute;
  207.     left: 10px; top: 75px;
  208. }
  209. .carousel-centrallo .carousel-indicators {
  210.     bottom: 0;
  211. }
  212. .carousel-centrallo .carousel-indicators li {
  213.     width: 20px;
  214.     height: 20px;
  215.     border: 4px #93a1a6 solid;
  216.     border-radius: 50%;
  217.     margin: 8px;
  218. }
  219. .carousel-centrallo .carousel-indicators li.active {
  220.     background: #93a1a6;
  221.     margin: 8px;
  222. }
  223. .grey-2-block {
  224.     background: #93a1a6;
  225.     color: #edf9f8;
  226.     padding: 40px 0;
  227. }
  228. .centrallo-map {
  229.     height: 470px;
  230.     width: 100%;
  231.     background: url("/bundles/fourxxiwebsite/images/centrallo-map.png") no-repeat center 20px;
  232. }
  233. .grey-1-block {
  234.     background: #2a2d31;
  235.     color: #9aa6a5;
  236.     padding: 40px 0;
  237. }
  238. .about-block {
  239.     padding: 100px 0 60px;
  240.     margin-top: 80px;
  241. }
  242. .about-block h2 {
  243.     font-family: 'Proxima Nova Regular';
  244.     font-weight: normal;
  245.     text-align: left;
  246.     font-size: 28px;
  247.     text-transform: none;
  248.     margin-bottom: 0;
  249.     padding-bottom: .75em;
  250.     margin-top: 0;
  251. }
  252. .about-block ul {
  253.     padding: 0;
  254.     margin: 0 0 40px;
  255.     color: #c3cfce;
  256.     list-style: none;
  257. }
  258. .about-block ul li {
  259.     padding-bottom: .75em;
  260.     padding-left: 20px;
  261.     position: relative;
  262. }
  263. .about-block ul li:before {
  264.     content: "";
  265.     position: absolute;
  266.     left: 0;
  267.     top: 4px;
  268.     width: 10px;
  269.     height: 10px;
  270.     background-color: #c71220;
  271. }
  272. .about-block .inner {
  273.     padding-left: 160px;
  274.     position: relative;
  275. }
  276. .about-block .logo {
  277.     display: inline-block;
  278.     position: absolute;
  279.     width: 120px;
  280.     height: 120px;
  281.     background: url("/bundles/fourxxiwebsite/images/main-sprite.png") no-repeat -60px 0;
  282.     left: 0;
  283.     top: 0;
  284. }
  285. .about-block .partners {
  286.     color: #c3cfce;
  287. }
  288. .about-block .partners hr {
  289.     margin-bottom: 50px!important;
  290. }
  291. .about-block .partners .item {
  292.     margin-bottom: 20px;
  293. }
  294. .about-block .partners .item .p-logo,
  295. .about-block .partners .item .p-descr {
  296.     display: inline-block;
  297.     vertical-align: middle;
  298. }
  299. .about-block .partners .item .p-logo {
  300.     width: 155px;
  301. }
  302. .about-block .partners .item .p-descr {
  303.     width: 440px;
  304. }
  305. .link-green {
  306.     color: #72dd2c!important;
  307. }
  308. .dotted-link {
  309.     font-size: 14px;
  310.     display: inline-block;
  311.     text-transform: uppercase;
  312.     padding-bottom: 9px;
  313.     background: url("/bundles/fourxxiwebsite/images/dotted-line.png") repeat-x 0 bottom;
  314. }
  315. .grey-1-block hr {
  316.     border-top-color: #404246;
  317. }
  318. .grey-1-block .dotted-link {
  319.     color: #d5dedd;
  320.     margin-left: 100px;
  321. }
  322. .grey-1-block .dotted-link:hover {
  323.     color: #fff;
  324. }
  325. .about-block strong {
  326.     color: #c3cfce;
  327. }
  328. .services-block {
  329.     display: none;
  330. }
  331. .services-block h2 {
  332.     padding-top: 0;
  333. }
  334. .grey-3-block {
  335.     background: #484b4f;
  336.     color: #edf9f8;
  337.     padding: 40px 0;
  338. }
  339. a.industry-index-link {
  340.     color: #15bba1;
  341. }
  342. .project-002 {
  343.     padding: 80px 0 80px;
  344. }
  345. .project-002 .with-pic {
  346.     width: 1000px;
  347.     margin: 0 auto;
  348.     height: 700px;
  349.     background: url("/bundles/fourxxiwebsite/images/industry-index-01.png") no-repeat center bottom;
  350.     position: relative;
  351. }
  352. .project-002 .with-pic .txt-1 {
  353.     position: absolute;
  354.     left: 40px;
  355.     top: 40px;
  356.     width: 290px;
  357. }
  358. .project-002 .with-pic .txt-2 {
  359.     position: absolute;
  360.     right: 40px;
  361.     bottom: 70px;
  362.     width: 290px;
  363. }
  364. .project-003 {
  365.     padding: 80px 0;
  366. }
  367. .grey-4-block {
  368.     background: #eff0f1;
  369. }
  370. .project-003 .pic {
  371.     height: 642px;
  372.     background: url("/bundles/fourxxiwebsite/images/gillette.png") no-repeat center top;
  373. }
  374. a.profi-travel-link {
  375.     color: #8fd400;
  376. }
  377. .grey-5-block {
  378.     background: #282828;
  379.     color: #ededed;
  380.     padding: 40px 0;
  381. }
  382. .project-004 {
  383.     padding: 80px 0;
  384. }
  385. .project-004 .with-pic {
  386.     width: 1000px;
  387.     margin: 0 auto;
  388.     height: 561px;
  389.     background: url("/bundles/fourxxiwebsite/images/profi-travel.png") no-repeat center bottom;
  390.     position: relative;
  391. }
  392. .project-004 .text {
  393.     width: 1000px;
  394.     padding: 0 40px;
  395.     margin: 0 auto;
  396. }
  397. .project-004 .text .txt-1 {
  398.     display: inline-block;
  399.     width: 280px;
  400.     vertical-align: top;
  401. }
  402. .project-004 .text .txt-2 {
  403.     display: inline-block;
  404.     width: 530px;
  405.     margin-left: 95px;
  406.     vertical-align: top;
  407. }
  408. .clients-block {
  409.     padding: 70px 0;
  410. }
  411. .clients-block .clients {
  412.     text-align: center;
  413.     padding: 45px 0;
  414. }
  415. .clients-block .clients .item {
  416.     display: inline-block;
  417.     margin: 0 15px;
  418. }
  419. .main-footer {
  420.     padding: 60px 0 80px;
  421. }
  422. .main-footer .very-bottom {
  423.     padding-left: 80px;
  424.     position: relative;
  425.     min-height: 60px;
  426. }
  427. .main-footer address {
  428.     line-height: 1.1;
  429.     margin-bottom: 10px;
  430. }
  431. .main-footer .logo {
  432.     position: absolute;
  433.     top: 0;
  434.     left: 0;
  435. }
  436. .main-footer .email {
  437.     margin-left: 115px;
  438. }
  439. a.centrallo-link {
  440.     color: #00a3e6;
  441. }
  442. .project-005 {
  443.     padding: 80px 0;
  444. }
  445. .infinite-horizontal-scroll {
  446.     width: 100%;
  447.     overflow: hidden;
  448.     margin-top: 40px;
  449.     position: relative;
  450. }
  451. .infinite-horizontal-scroll .inner {
  452.     white-space: nowrap;
  453.     position: relative;
  454. }
  455. .infinite-horizontal-scroll .item {
  456.     display: inline-block;
  457.     vertical-align: middle;
  458.     margin: 0 25px;
  459. }
  460. .c {
  461.     float: right;
  462.     position: relative;
  463.     right: 50%;
  464. }
  465. .cc {
  466.     float: left;
  467.     position: relative;
  468.     left: 50%;
  469. }
  470. .infinite-horizontal-scroll .img-wrap {
  471.     display: inline-block;
  472.     white-space: nowrap;
  473. }
  474. .infinite-horizontal-scroll .img-wrap img {
  475.     max-width: 100%;
  476. }
  477. .map {
  478.     width: 100%;
  479.     height: 400px;
  480.     overflow: hidden;
  481.     position: relative;
  482. }
  483. .map .inner {
  484.     position: relative;
  485. }
  486. .big-title {
  487.     padding: 30px 0;
  488. }
  489. .main-footer a {
  490.     color: #c3cfce;
  491. }
  492.  
  493. #map-id {
  494.     height:600px;
  495.     width:3500px;
  496. }
  497. .gm-style-iw * {
  498.     display: block;
  499.     width: 100%;
  500. }
  501. .gm-style-iw h4, .gm-style-iw p {
  502.     margin: 0;
  503.     padding: 0;
  504. }
  505. .gm-style-iw a {
  506.     color: #4272db;
  507. }
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!