style.css 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230
  1. @import url("Sansation_Light/stylesheet.css");
  2. body{
  3. font-family: Verdana, Geneva, sans-serif;
  4. font-size: 14px;
  5. }
  6. a img {border: none;}
  7. a embed {border: none;}
  8. h1{font-weight:lighter;padding-top:10px;}
  9. /* Purple button */
  10. .btn-purple {
  11. background-color: #90298C;
  12. border: none;
  13. color: white;
  14. padding: 15px 32px;
  15. text-align: center;
  16. text-decoration: none;
  17. display: inline-block;
  18. font-size: 16px;
  19. margin: 4px 2px 4px 2px;
  20. cursor: pointer;
  21. -webkit-transition-duration: 0.4s;
  22. transition-duration: 0.4s;
  23. width: 100%;
  24. height: auto;
  25. }
  26. .btn-purple a {
  27. text-decoration: none;
  28. color: white;
  29. }
  30. .btn-purple:hover {
  31. background-color: #5F1B5B;
  32. }
  33. /* Green button */
  34. .btn-green {
  35. background-color: #00e600;
  36. border: none;
  37. color: white;
  38. padding: 15px 32px;
  39. text-align: center;
  40. text-decoration: none;
  41. display: inline-block;
  42. font-size: 16px;
  43. margin: 4px 2px;
  44. cursor: pointer;
  45. -webkit-transition-duration: 0.4s;
  46. transition-duration: 0.4s;
  47. width: 100%;
  48. height: auto;
  49. }
  50. .btn-green a {
  51. text-decoration: none;
  52. color: white;
  53. }
  54. .btn-green:hover {
  55. background-color: #00cc00;
  56. }
  57. /* Blue button */
  58. .btn-blue {
  59. background-color: #0099DB;
  60. border: none;
  61. color: white;
  62. padding: 15px 32px;
  63. text-align: center;
  64. text-decoration: none;
  65. display: inline-block;
  66. font-size: 16px;
  67. margin: 4px 2px;
  68. cursor: pointer;
  69. -webkit-transition-duration: 0.4s;
  70. transition-duration: 0.4s;
  71. width: 100%;
  72. height: auto;
  73. }
  74. .btn-blue a {
  75. text-decoration: none;
  76. color: white;
  77. }
  78. .btn-blue:hover {
  79. background-color: #006b99;
  80. }
  81. /* Button */
  82. .btn {
  83. background-color: #00e600;
  84. border: none;
  85. color: white;
  86. padding: 17px 32px;
  87. text-align: center;
  88. text-decoration: none;
  89. display: inline-block;
  90. font-size: 16px;
  91. margin: 4px 2px;
  92. cursor: pointer;
  93. -webkit-transition-duration: 0.4s;
  94. transition-duration: 0.4s;
  95. position: relative;
  96. }
  97. .btn a p{
  98. visibility: visible;
  99. color: white;
  100. text-decoration: none;
  101. }
  102. .btn:hover a p {
  103. visibility: hidden;
  104. }
  105. .btn:hover {
  106. background-image: url(../../img/evidence/at2.png) ;
  107. }
  108. /* Buttons for Evidence Page */
  109. /* Button - Assets Table */
  110. .btn-at {
  111. background-color: #00e600;
  112. border: none;
  113. color: white;
  114. text-align: center;
  115. text-decoration: none;
  116. display: inline-block;
  117. font-size: 16px;
  118. margin: 4px 2px;
  119. cursor: pointer;
  120. -webkit-transition-duration: 0.4s;
  121. transition-duration: 0.4s;
  122. position: relative;
  123. width: 100%;
  124. height: 50px;
  125. }
  126. .btn-at p{
  127. visibility: visible;
  128. color: white;
  129. text-decoration: none;
  130. }
  131. .btn-at:hover p {
  132. color: black;
  133. }
  134. .btn-at:hover {
  135. background-image: url(../../img/evidence/at.png);
  136. }
  137. /* Button - Demo Video Storyboard */
  138. .btn-dvs {
  139. background-color: #00e600;
  140. border: none;
  141. color: white;
  142. text-align: center;
  143. text-decoration: none;
  144. display: inline-block;
  145. font-size: 16px;
  146. margin: 4px 2px;
  147. cursor: pointer;
  148. -webkit-transition-duration: 0.4s;
  149. transition-duration: 0.4s;
  150. position: relative;
  151. width: 100%;
  152. height: 50px;
  153. }
  154. .btn-dvs p{
  155. visibility: visible;
  156. color: white;
  157. text-decoration: none;
  158. }
  159. .btn-dvs:hover p {
  160. color: black;
  161. }
  162. .btn-dvs:hover {
  163. background-image: url(../../img/evidence/dvs.png);
  164. color: black;
  165. }
  166. /* Button - End of Project Review */
  167. .btn-eop {
  168. background-color: #00e600;
  169. border: none;
  170. color: white;
  171. text-align: center;
  172. text-decoration: none;
  173. display: inline-block;
  174. font-size: 16px;
  175. margin: 4px 2px;
  176. cursor: pointer;
  177. -webkit-transition-duration: 0.4s;
  178. transition-duration: 0.4s;
  179. position: relative;
  180. width: 100%;
  181. height: 50px;
  182. }
  183. .btn-eop p{
  184. visibility: visible;
  185. color: white;
  186. text-decoration: none;
  187. }
  188. .btn-eop:hover p {
  189. color: black;
  190. }
  191. .btn-eop:hover {
  192. background-image: url(../../img/evidence/eop.png);
  193. color: black;
  194. }
  195. /* Button - Meet the Wizard Plan */
  196. .btn-mtwp {
  197. background-color: #00e600;
  198. border: none;
  199. color: white;
  200. text-align: center;
  201. text-decoration: none;
  202. display: inline-block;
  203. font-size: 16px;
  204. margin: 4px 2px;
  205. cursor: pointer;
  206. -webkit-transition-duration: 0.4s;
  207. transition-duration: 0.4s;
  208. position: relative;
  209. width: 100%;
  210. height: 50px;
  211. }
  212. .btn-mtwp p{
  213. visibility: visible;
  214. color: white;
  215. text-decoration: none;
  216. }
  217. .btn-mtwp:hover p {
  218. color: black;
  219. }
  220. .btn-mtwp:hover {
  221. background-image: url(../../img/evidence/mtwpl.png);
  222. color: black;
  223. }
  224. /* Button - Navigation Screen Plan */
  225. .btn-nsp {
  226. background-color: #00e600;
  227. border: none;
  228. color: white;
  229. text-align: center;
  230. text-decoration: none;
  231. display: inline-block;
  232. font-size: 16px;
  233. margin: 4px 2px;
  234. cursor: pointer;
  235. -webkit-transition-duration: 0.4s;
  236. transition-duration: 0.4s;
  237. position: relative;
  238. width: 100%;
  239. height: 50px;
  240. }
  241. .btn-nsp p{
  242. visibility: visible;
  243. color: white;
  244. text-decoration: none;
  245. }
  246. .btn-nsp:hover p {
  247. color: black;
  248. }
  249. .btn-nsp:hover {
  250. background-image: url(../../img/evidence/nsp.png);
  251. color: black;
  252. }
  253. /* Button - Proposal */
  254. .btn-ps {
  255. background-color: #00e600;
  256. border: none;
  257. color: white;
  258. padding: 17px 32px;
  259. text-align: center;
  260. text-decoration: none;
  261. display: inline-block;
  262. font-size: 15px;
  263. margin: 4px 2px;
  264. cursor: pointer;
  265. -webkit-transition-duration: 0.4s;
  266. transition-duration: 0.4s;
  267. position: relative;
  268. }
  269. .btn-ps p{
  270. visibility: visible;
  271. color: white;
  272. text-decoration: none;
  273. }
  274. .btn-ps:hover p {
  275. color: black;
  276. }
  277. .btn-ps:hover {
  278. background-image: url(../../img/evidence/ps.png);
  279. color: black;
  280. }
  281. /* Button - Proposal */
  282. .btn-qp {
  283. background-color: #00e600;
  284. border: none;
  285. color: white;
  286. padding: 17px 32px;
  287. text-align: center;
  288. text-decoration: none;
  289. display: inline-block;
  290. font-size: 15px;
  291. margin: 4px 2px;
  292. cursor: pointer;
  293. -webkit-transition-duration: 0.4s;
  294. transition-duration: 0.4s;
  295. position: relative;
  296. }
  297. .btn-qp p{
  298. visibility: visible;
  299. color: white;
  300. text-decoration: none;
  301. }
  302. .btn-qp:hover p {
  303. color: black;
  304. }
  305. .btn-qp:hover {
  306. background-image: url(../../img/evidence/qp.png);
  307. color: black;
  308. }
  309. /* Button - Wizard Plan */
  310. .btn-wp {
  311. background-color: #00e600;
  312. border: none;
  313. color: white;
  314. padding: 17px 32px;
  315. text-align: center;
  316. text-decoration: none;
  317. display: inline-block;
  318. font-size: 15px;
  319. margin: 4px 2px;
  320. cursor: pointer;
  321. -webkit-transition-duration: 0.4s;
  322. transition-duration: 0.4s;
  323. position: relative;
  324. }
  325. .btn-wp p{
  326. visibility: visible;
  327. color: white;
  328. text-decoration: none;
  329. }
  330. .btn-wp:hover p {
  331. color: black;
  332. }
  333. .btn-wp:hover {
  334. background-image: url(../../img/evidence/wp.png);
  335. color: black;
  336. }
  337. /* Button - Meet the Wizard Script */
  338. .btn-mtws {
  339. background-color: #00e600;
  340. border: none;
  341. color: white;
  342. padding: 9px 32px;
  343. text-align: center;
  344. text-decoration: none;
  345. display: inline-block;
  346. font-size: 14px;
  347. margin: 4px 2px;
  348. cursor: pointer;
  349. -webkit-transition-duration: 0.4s;
  350. transition-duration: 0.4s;
  351. position: relative;
  352. }
  353. .btn-mtws p{
  354. visibility: visible;
  355. color: white;
  356. text-decoration: none;
  357. }
  358. .btn-mtws:hover p {
  359. color: black;
  360. }
  361. .btn-mtws:hover {
  362. background-image: url(../../img/evidence/mtws.png);
  363. color: black;
  364. }
  365. /* Buttons for Products Page */
  366. /* Button - Navigation Screen */
  367. .btn-nav {
  368. background-color: #00e600;
  369. border: none;
  370. color: white;
  371. padding: 9px 32px;
  372. text-align: center;
  373. text-decoration: none;
  374. display: inline-block;
  375. font-size: 14px;
  376. margin: 4px 2px;
  377. cursor: pointer;
  378. -webkit-transition-duration: 0.4s;
  379. transition-duration: 0.4s;
  380. position: relative;
  381. }
  382. .btn-nav p{
  383. visibility: visible;
  384. color: white;
  385. text-decoration: none;
  386. }
  387. .btn-nav:hover p {
  388. color: black;
  389. }
  390. .btn-nav:hover {
  391. background-image: url(../../img/products/nav.png);
  392. color: black;
  393. }
  394. /* Button - Contact Us */
  395. .btn-cu {
  396. background-color: #00e600;
  397. border: none;
  398. color: white;
  399. padding: 18px 32px;
  400. text-align: center;
  401. text-decoration: none;
  402. display: inline-block;
  403. font-size: 14px;
  404. margin: 4px 2px;
  405. cursor: pointer;
  406. -webkit-transition-duration: 0.4s;
  407. transition-duration: 0.4s;
  408. position: relative;
  409. }
  410. .btn-cu p{
  411. visibility: visible;
  412. color: white;
  413. text-decoration: none;
  414. }
  415. .btn-cu:hover p {
  416. color: white;
  417. }
  418. .btn-cu:hover {
  419. background-image: url(../../img/products/cu.png);
  420. color: white;
  421. }
  422. /* Button - Splashscreen */
  423. .btn-ss {
  424. background-color: #00e600;
  425. border: none;
  426. color: white;
  427. padding: 18px 32px;
  428. text-align: center;
  429. text-decoration: none;
  430. display: inline-block;
  431. font-size: 14px;
  432. margin: 4px 2px;
  433. cursor: pointer;
  434. -webkit-transition-duration: 0.4s;
  435. transition-duration: 0.4s;
  436. position: relative;
  437. }
  438. .btn-ss p{
  439. visibility: visible;
  440. color: white;
  441. text-decoration: none;
  442. }
  443. .btn-ss:hover p {
  444. color: white;
  445. }
  446. .btn-ss:hover {
  447. background-image: url(../../img/products/ss.png);
  448. color: white;
  449. }
  450. /* Button - Meet the Wizard */
  451. .btn-mtw {
  452. background-color: #00e600;
  453. border: none;
  454. color: white;
  455. padding: 9px 32px;
  456. text-align: center;
  457. text-decoration: none;
  458. display: inline-block;
  459. font-size: 14px;
  460. margin: 4px 2px;
  461. cursor: pointer;
  462. -webkit-transition-duration: 0.4s;
  463. transition-duration: 0.4s;
  464. position: relative;
  465. }
  466. .btn-mtw p{
  467. visibility: visible;
  468. color: white;
  469. text-decoration: none;
  470. }
  471. .btn-mtw:hover p {
  472. color: black;
  473. }
  474. .btn-mtw:hover {
  475. background-image: url(../../img/products/mtwp.png);
  476. color: black;
  477. }
  478. /* Button - Quiz */
  479. .btn-qu {
  480. background-color: #00e600;
  481. border: none;
  482. color: white;
  483. padding: 18px 32px;
  484. text-align: center;
  485. text-decoration: none;
  486. display: inline-block;
  487. font-size: 14px;
  488. margin: 4px 2px;
  489. cursor: pointer;
  490. -webkit-transition-duration: 0.4s;
  491. transition-duration: 0.4s;
  492. position: relative;
  493. }
  494. .btn-qu p{
  495. visibility: visible;
  496. color: white;
  497. text-decoration: none;
  498. }
  499. .btn-qu:hover p {
  500. color: white;
  501. }
  502. .btn-qu:hover {
  503. background-image: url(../../img/products/qu.png);
  504. color: white;
  505. }
  506. /* Button - Demo Vid */
  507. .btn-dv {
  508. background-color: #00e600;
  509. border: none;
  510. color: white;
  511. padding: 18px 32px;
  512. text-align: center;
  513. text-decoration: none;
  514. display: inline-block;
  515. font-size: 14px;
  516. margin: 4px 2px;
  517. cursor: pointer;
  518. -webkit-transition-duration: 0.4s;
  519. transition-duration: 0.4s;
  520. position: relative;
  521. }
  522. .btn-dv p{
  523. visibility: visible;
  524. color: white;
  525. text-decoration: none;
  526. }
  527. .btn-dv:hover p {
  528. color: white;
  529. }
  530. .btn-dv:hover {
  531. background-image: url(../../img/products/dv.png);
  532. color: white;
  533. }
  534. .small {
  535. height: 51px;
  536. overflow:hidden;
  537. }
  538. .big {
  539. height: 100px;
  540. }
  541. .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  542. position: relative;
  543. min-height: 1px;
  544. padding-left: 15px;
  545. padding-right: 15px;
  546. }
  547. .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  548. float: left;
  549. }
  550. .col-xs-12 {
  551. width: 100%;
  552. }
  553. .col-xs-11 {
  554. width: 91.66666667%;
  555. }
  556. .col-xs-10 {
  557. width: 83.33333333%;
  558. }
  559. .col-xs-9 {
  560. width: 75%;
  561. }
  562. .col-xs-8 {
  563. width: 66.66666667%;
  564. }
  565. .col-xs-7 {
  566. width: 58.33333333%;
  567. }
  568. .col-xs-6 {
  569. width: 50%;
  570. }
  571. .col-xs-5 {
  572. width: 41.66666667%;
  573. }
  574. .col-xs-4 {
  575. width: 33.33333333%;
  576. }
  577. .col-xs-3 {
  578. width: 25%;
  579. }
  580. .col-xs-2 {
  581. width: 16.66666667%;
  582. }
  583. .col-xs-1 {
  584. width: 8.33333333%;
  585. }
  586. .col-xs-pull-12 {
  587. right: 100%;
  588. }
  589. .col-xs-pull-11 {
  590. right: 91.66666667%;
  591. }
  592. .col-xs-pull-10 {
  593. right: 83.33333333%;
  594. }
  595. .col-xs-pull-9 {
  596. right: 75%;
  597. }
  598. .col-xs-pull-8 {
  599. right: 66.66666667%;
  600. }
  601. .col-xs-pull-7 {
  602. right: 58.33333333%;
  603. }
  604. .col-xs-pull-6 {
  605. right: 50%;
  606. }
  607. .col-xs-pull-5 {
  608. right: 41.66666667%;
  609. }
  610. .col-xs-pull-4 {
  611. right: 33.33333333%;
  612. }
  613. .col-xs-pull-3 {
  614. right: 25%;
  615. }
  616. .col-xs-pull-2 {
  617. right: 16.66666667%;
  618. }
  619. .col-xs-pull-1 {
  620. right: 8.33333333%;
  621. }
  622. .col-xs-pull-0 {
  623. right: auto;
  624. }
  625. .col-xs-push-12 {
  626. left: 100%;
  627. }
  628. .col-xs-push-11 {
  629. left: 91.66666667%;
  630. }
  631. .col-xs-push-10 {
  632. left: 83.33333333%;
  633. }
  634. .col-xs-push-9 {
  635. left: 75%;
  636. }
  637. .col-xs-push-8 {
  638. left: 66.66666667%;
  639. }
  640. .col-xs-push-7 {
  641. left: 58.33333333%;
  642. }
  643. .col-xs-push-6 {
  644. left: 50%;
  645. }
  646. .col-xs-push-5 {
  647. left: 41.66666667%;
  648. }
  649. .col-xs-push-4 {
  650. left: 33.33333333%;
  651. }
  652. .col-xs-push-3 {
  653. left: 25%;
  654. }
  655. .col-xs-push-2 {
  656. left: 16.66666667%;
  657. }
  658. .col-xs-push-1 {
  659. left: 8.33333333%;
  660. }
  661. .col-xs-push-0 {
  662. left: auto;
  663. }
  664. .col-xs-offset-12 {
  665. margin-left: 100%;
  666. }
  667. .col-xs-offset-11 {
  668. margin-left: 91.66666667%;
  669. }
  670. .col-xs-offset-10 {
  671. margin-left: 83.33333333%;
  672. }
  673. .col-xs-offset-9 {
  674. margin-left: 75%;
  675. }
  676. .col-xs-offset-8 {
  677. margin-left: 66.66666667%;
  678. }
  679. .col-xs-offset-7 {
  680. margin-left: 58.33333333%;
  681. }
  682. .col-xs-offset-6 {
  683. margin-left: 50%;
  684. }
  685. .col-xs-offset-5 {
  686. margin-left: 41.66666667%;
  687. }
  688. .col-xs-offset-4 {
  689. margin-left: 33.33333333%;
  690. }
  691. .col-xs-offset-3 {
  692. margin-left: 25%;
  693. }
  694. .col-xs-offset-2 {
  695. margin-left: 16.66666667%;
  696. }
  697. .col-xs-offset-1 {
  698. margin-left: 8.33333333%;
  699. }
  700. .col-xs-offset-0 {
  701. margin-left: 0%;
  702. }
  703. @media (min-width: 768px) {
  704. .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
  705. float: left;
  706. }
  707. .col-sm-12 {
  708. width: 100%;
  709. }
  710. .col-sm-11 {
  711. width: 91.66666667%;
  712. }
  713. .col-sm-10 {
  714. width: 83.33333333%;
  715. }
  716. .col-sm-9 {
  717. width: 75%;
  718. }
  719. .col-sm-8 {
  720. width: 66.66666667%;
  721. }
  722. .col-sm-7 {
  723. width: 58.33333333%;
  724. }
  725. .col-sm-6 {
  726. width: 50%;
  727. }
  728. .col-sm-5 {
  729. width: 41.66666667%;
  730. }
  731. .col-sm-4 {
  732. width: 33.33333333%;
  733. }
  734. .col-sm-3 {
  735. width: 25%;
  736. }
  737. .col-sm-2 {
  738. width: 16.66666667%;
  739. }
  740. .col-sm-1 {
  741. width: 8.33333333%;
  742. }
  743. .col-sm-pull-12 {
  744. right: 100%;
  745. }
  746. .col-sm-pull-11 {
  747. right: 91.66666667%;
  748. }
  749. .col-sm-pull-10 {
  750. right: 83.33333333%;
  751. }
  752. .col-sm-pull-9 {
  753. right: 75%;
  754. }
  755. .col-sm-pull-8 {
  756. right: 66.66666667%;
  757. }
  758. .col-sm-pull-7 {
  759. right: 58.33333333%;
  760. }
  761. .col-sm-pull-6 {
  762. right: 50%;
  763. }
  764. .col-sm-pull-5 {
  765. right: 41.66666667%;
  766. }
  767. .col-sm-pull-4 {
  768. right: 33.33333333%;
  769. }
  770. .col-sm-pull-3 {
  771. right: 25%;
  772. }
  773. .col-sm-pull-2 {
  774. right: 16.66666667%;
  775. }
  776. .col-sm-pull-1 {
  777. right: 8.33333333%;
  778. }
  779. .col-sm-pull-0 {
  780. right: auto;
  781. }
  782. .col-sm-push-12 {
  783. left: 100%;
  784. }
  785. .col-sm-push-11 {
  786. left: 91.66666667%;
  787. }
  788. .col-sm-push-10 {
  789. left: 83.33333333%;
  790. }
  791. .col-sm-push-9 {
  792. left: 75%;
  793. }
  794. .col-sm-push-8 {
  795. left: 66.66666667%;
  796. }
  797. .col-sm-push-7 {
  798. left: 58.33333333%;
  799. }
  800. .col-sm-push-6 {
  801. left: 50%;
  802. }
  803. .col-sm-push-5 {
  804. left: 41.66666667%;
  805. }
  806. .col-sm-push-4 {
  807. left: 33.33333333%;
  808. }
  809. .col-sm-push-3 {
  810. left: 25%;
  811. }
  812. .col-sm-push-2 {
  813. left: 16.66666667%;
  814. }
  815. .col-sm-push-1 {
  816. left: 8.33333333%;
  817. }
  818. .col-sm-push-0 {
  819. left: auto;
  820. }
  821. .col-sm-offset-12 {
  822. margin-left: 100%;
  823. }
  824. .col-sm-offset-11 {
  825. margin-left: 91.66666667%;
  826. }
  827. .col-sm-offset-10 {
  828. margin-left: 83.33333333%;
  829. }
  830. .col-sm-offset-9 {
  831. margin-left: 75%;
  832. }
  833. .col-sm-offset-8 {
  834. margin-left: 66.66666667%;
  835. }
  836. .col-sm-offset-7 {
  837. margin-left: 58.33333333%;
  838. }
  839. .col-sm-offset-6 {
  840. margin-left: 50%;
  841. }
  842. .col-sm-offset-5 {
  843. margin-left: 41.66666667%;
  844. }
  845. .col-sm-offset-4 {
  846. margin-left: 33.33333333%;
  847. }
  848. .col-sm-offset-3 {
  849. margin-left: 25%;
  850. }
  851. .col-sm-offset-2 {
  852. margin-left: 16.66666667%;
  853. }
  854. .col-sm-offset-1 {
  855. margin-left: 8.33333333%;
  856. }
  857. .col-sm-offset-0 {
  858. margin-left: 0%;
  859. }
  860. }
  861. @media (min-width: 992px) {
  862. .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  863. float: left;
  864. }
  865. .col-md-12 {
  866. width: 100%;
  867. }
  868. .col-md-11 {
  869. width: 91.66666667%;
  870. }
  871. .col-md-10 {
  872. width: 83.33333333%;
  873. }
  874. .col-md-9 {
  875. width: 75%;
  876. }
  877. .col-md-8 {
  878. width: 66.66666667%;
  879. }
  880. .col-md-7 {
  881. width: 58.33333333%;
  882. }
  883. .col-md-6 {
  884. width: 50%;
  885. }
  886. .col-md-5 {
  887. width: 41.66666667%;
  888. }
  889. .col-md-4 {
  890. width: 33.33333333%;
  891. }
  892. .col-md-3 {
  893. width: 25%;
  894. }
  895. .col-md-2 {
  896. width: 16.66666667%;
  897. }
  898. .col-md-1 {
  899. width: 8.33333333%;
  900. }
  901. .col-md-pull-12 {
  902. right: 100%;
  903. }
  904. .col-md-pull-11 {
  905. right: 91.66666667%;
  906. }
  907. .col-md-pull-10 {
  908. right: 83.33333333%;
  909. }
  910. .col-md-pull-9 {
  911. right: 75%;
  912. }
  913. .col-md-pull-8 {
  914. right: 66.66666667%;
  915. }
  916. .col-md-pull-7 {
  917. right: 58.33333333%;
  918. }
  919. .col-md-pull-6 {
  920. right: 50%;
  921. }
  922. .col-md-pull-5 {
  923. right: 41.66666667%;
  924. }
  925. .col-md-pull-4 {
  926. right: 33.33333333%;
  927. }
  928. .col-md-pull-3 {
  929. right: 25%;
  930. }
  931. .col-md-pull-2 {
  932. right: 16.66666667%;
  933. }
  934. .col-md-pull-1 {
  935. right: 8.33333333%;
  936. }
  937. .col-md-pull-0 {
  938. right: auto;
  939. }
  940. .col-md-push-12 {
  941. left: 100%;
  942. }
  943. .col-md-push-11 {
  944. left: 91.66666667%;
  945. }
  946. .col-md-push-10 {
  947. left: 83.33333333%;
  948. }
  949. .col-md-push-9 {
  950. left: 75%;
  951. }
  952. .col-md-push-8 {
  953. left: 66.66666667%;
  954. }
  955. .col-md-push-7 {
  956. left: 58.33333333%;
  957. }
  958. .col-md-push-6 {
  959. left: 50%;
  960. }
  961. .col-md-push-5 {
  962. left: 41.66666667%;
  963. }
  964. .col-md-push-4 {
  965. left: 33.33333333%;
  966. }
  967. .col-md-push-3 {
  968. left: 25%;
  969. }
  970. .col-md-push-2 {
  971. left: 16.66666667%;
  972. }
  973. .col-md-push-1 {
  974. left: 8.33333333%;
  975. }
  976. .col-md-push-0 {
  977. left: auto;
  978. }
  979. .col-md-offset-12 {
  980. margin-left: 100%;
  981. }
  982. .col-md-offset-11 {
  983. margin-left: 91.66666667%;
  984. }
  985. .col-md-offset-10 {
  986. margin-left: 83.33333333%;
  987. }
  988. .col-md-offset-9 {
  989. margin-left: 75%;
  990. }
  991. .col-md-offset-8 {
  992. margin-left: 66.66666667%;
  993. }
  994. .col-md-offset-7 {
  995. margin-left: 58.33333333%;
  996. }
  997. .col-md-offset-6 {
  998. margin-left: 50%;
  999. }
  1000. .col-md-offset-5 {
  1001. margin-left: 41.66666667%;
  1002. }
  1003. .col-md-offset-4 {
  1004. margin-left: 33.33333333%;
  1005. }
  1006. .col-md-offset-3 {
  1007. margin-left: 25%;
  1008. }
  1009. .col-md-offset-2 {
  1010. margin-left: 16.66666667%;
  1011. }
  1012. .col-md-offset-1 {
  1013. margin-left: 8.33333333%;
  1014. }
  1015. .col-md-offset-0 {
  1016. margin-left: 0%;
  1017. }
  1018. }
  1019. @media (min-width: 1200px) {
  1020. .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
  1021. float: left;
  1022. }
  1023. .col-lg-12 {
  1024. width: 100%;
  1025. }
  1026. .col-lg-11 {
  1027. width: 91.66666667%;
  1028. }
  1029. .col-lg-10 {
  1030. width: 83.33333333%;
  1031. }
  1032. .col-lg-9 {
  1033. width: 75%;
  1034. }
  1035. .col-lg-8 {
  1036. width: 66.66666667%;
  1037. }
  1038. .col-lg-7 {
  1039. width: 58.33333333%;
  1040. }
  1041. .col-lg-6 {
  1042. width: 50%;
  1043. }
  1044. .col-lg-5 {
  1045. width: 41.66666667%;
  1046. }
  1047. .col-lg-4 {
  1048. width: 33.33333333%;
  1049. }
  1050. .col-lg-3 {
  1051. width: 25%;
  1052. }
  1053. .col-lg-2 {
  1054. width: 16.66666667%;
  1055. }
  1056. .col-lg-1 {
  1057. width: 8.33333333%;
  1058. }
  1059. .col-lg-pull-12 {
  1060. right: 100%;
  1061. }
  1062. .col-lg-pull-11 {
  1063. right: 91.66666667%;
  1064. }
  1065. .col-lg-pull-10 {
  1066. right: 83.33333333%;
  1067. }
  1068. .col-lg-pull-9 {
  1069. right: 75%;
  1070. }
  1071. .col-lg-pull-8 {
  1072. right: 66.66666667%;
  1073. }
  1074. .col-lg-pull-7 {
  1075. right: 58.33333333%;
  1076. }
  1077. .col-lg-pull-6 {
  1078. right: 50%;
  1079. }
  1080. .col-lg-pull-5 {
  1081. right: 41.66666667%;
  1082. }
  1083. .col-lg-pull-4 {
  1084. right: 33.33333333%;
  1085. }
  1086. .col-lg-pull-3 {
  1087. right: 25%;
  1088. }
  1089. .col-lg-pull-2 {
  1090. right: 16.66666667%;
  1091. }
  1092. .col-lg-pull-1 {
  1093. right: 8.33333333%;
  1094. }
  1095. .col-lg-pull-0 {
  1096. right: auto;
  1097. }
  1098. .col-lg-push-12 {
  1099. left: 100%;
  1100. }
  1101. .col-lg-push-11 {
  1102. left: 91.66666667%;
  1103. }
  1104. .col-lg-push-10 {
  1105. left: 83.33333333%;
  1106. }
  1107. .col-lg-push-9 {
  1108. left: 75%;
  1109. }
  1110. .col-lg-push-8 {
  1111. left: 66.66666667%;
  1112. }
  1113. .col-lg-push-7 {
  1114. left: 58.33333333%;
  1115. }
  1116. .col-lg-push-6 {
  1117. left: 50%;
  1118. }
  1119. .col-lg-push-5 {
  1120. left: 41.66666667%;
  1121. }
  1122. .col-lg-push-4 {
  1123. left: 33.33333333%;
  1124. }
  1125. .col-lg-push-3 {
  1126. left: 25%;
  1127. }
  1128. .col-lg-push-2 {
  1129. left: 16.66666667%;
  1130. }
  1131. .col-lg-push-1 {
  1132. left: 8.33333333%;
  1133. }
  1134. .col-lg-push-0 {
  1135. left: auto;
  1136. }
  1137. .col-lg-offset-12 {
  1138. margin-left: 100%;
  1139. }
  1140. .col-lg-offset-11 {
  1141. margin-left: 91.66666667%;
  1142. }
  1143. .col-lg-offset-10 {
  1144. margin-left: 83.33333333%;
  1145. }
  1146. .col-lg-offset-9 {
  1147. margin-left: 75%;
  1148. }
  1149. .col-lg-offset-8 {
  1150. margin-left: 66.66666667%;
  1151. }
  1152. .col-lg-offset-7 {
  1153. margin-left: 58.33333333%;
  1154. }
  1155. .col-lg-offset-6 {
  1156. margin-left: 50%;
  1157. }
  1158. .col-lg-offset-5 {
  1159. margin-left: 41.66666667%;
  1160. }
  1161. .col-lg-offset-4 {
  1162. margin-left: 33.33333333%;
  1163. }
  1164. .col-lg-offset-3 {
  1165. margin-left: 25%;
  1166. }
  1167. .col-lg-offset-2 {
  1168. margin-left: 16.66666667%;
  1169. }
  1170. .col-lg-offset-1 {
  1171. margin-left: 8.33333333%;
  1172. }
  1173. .col-lg-offset-0 {
  1174. margin-left: 0%;
  1175. }
  1176. }