Advertisement
Guest User

Untitled

a guest
Nov 7th, 2017
335
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 20.66 KB | None | 0 0
  1. body {
  2. overflow-x: hidden;
  3. font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
  4. background-color: #F2F2F2;
  5. }
  6. .text-muted {
  7. color: #777777;
  8. }
  9. .text-primary {
  10. color: #fed136;
  11. }
  12. p {
  13. font-size: 14px;
  14. line-height: 1.75;
  15. }
  16. p.large {
  17. font-size: 16px;
  18. }
  19. a,
  20. a:hover,
  21. a:focus,
  22. a:active,
  23. a.active {
  24. outline: none;
  25. }
  26. a {
  27. color: #fed136;
  28. }
  29. a:hover,
  30. a:focus,
  31. a:active,
  32. a.active {
  33. color: #fec503;
  34. }
  35. h1,
  36. h2,
  37. h3,
  38. h4,
  39. h5,
  40. h6 {
  41. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  42. text-transform: uppercase;
  43. font-weight: 700;
  44. }
  45. .img-centered {
  46. margin: 0 auto;
  47. }
  48. .bg-light-gray {
  49. background-color: #f7f7f7;
  50. }
  51. .bg-darkest-gray {
  52. background-color: #2a2a2a;
  53. }
  54. .btn-primary {
  55. color: white;
  56. background-color: #fed136;
  57. border-color: #fed136;
  58. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  59. text-transform: uppercase;
  60. font-weight: 700;
  61. }
  62. .btn-primary:hover,
  63. .btn-primary:focus,
  64. .btn-primary:active,
  65. .btn-primary.active,
  66. .open .dropdown-toggle.btn-primary {
  67. color: white;
  68. background-color: #fec503;
  69. border-color: #f6bf01;
  70. }
  71. .btn-primary:active,
  72. .btn-primary.active,
  73. .open .dropdown-toggle.btn-primary {
  74. background-image: none;
  75. }
  76. .btn-primary.disabled,
  77. .btn-primary[disabled],
  78. fieldset[disabled] .btn-primary,
  79. .btn-primary.disabled:hover,
  80. .btn-primary[disabled]:hover,
  81. fieldset[disabled] .btn-primary:hover,
  82. .btn-primary.disabled:focus,
  83. .btn-primary[disabled]:focus,
  84. fieldset[disabled] .btn-primary:focus,
  85. .btn-primary.disabled:active,
  86. .btn-primary[disabled]:active,
  87. fieldset[disabled] .btn-primary:active,
  88. .btn-primary.disabled.active,
  89. .btn-primary[disabled].active,
  90. fieldset[disabled] .btn-primary.active {
  91. background-color: #fed136;
  92. border-color: #fed136;
  93. }
  94. .btn-primary .badge {
  95. color: #fed136;
  96. background-color: white;
  97. }
  98. section.agency-contact button,
  99. .btn-xl {
  100. color: white;
  101. background-color: #fed136;
  102. border-color: #fed136;
  103. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  104. text-transform: uppercase;
  105. font-weight: 700;
  106. border-radius: 3px;
  107. font-size: 18px;
  108. padding: 20px 40px;
  109. }
  110. section.agency-contact button:hover,
  111. .btn-xl:hover,
  112. section.agency-contact button:focus,
  113. .btn-xl:focus,
  114. section.agency-contact button:active,
  115. .btn-xl:active,
  116. section.agency-contact button.active,
  117. .btn-xl.active,
  118. .open .dropdown-togglesection.agency-contact button,
  119. .open .dropdown-toggle.btn-xl {
  120. color: white;
  121. background-color: #fec503;
  122. border-color: #f6bf01;
  123. }
  124. section.agency-contact button:active,
  125. .btn-xl:active,
  126. section.agency-contact button.active,
  127. .btn-xl.active,
  128. .open .dropdown-togglesection.agency-contact button,
  129. .open .dropdown-toggle.btn-xl {
  130. background-image: none;
  131. }
  132. section.agency-contact button.disabled,
  133. .btn-xl.disabled,
  134. section.agency-contact button[disabled],
  135. .btn-xl[disabled],
  136. fieldset[disabled] section.agency-contact button,
  137. fieldset[disabled] .btn-xl,
  138. section.agency-contact button.disabled:hover,
  139. .btn-xl.disabled:hover,
  140. section.agency-contact button[disabled]:hover,
  141. .btn-xl[disabled]:hover,
  142. fieldset[disabled] section.agency-contact button:hover,
  143. fieldset[disabled] .btn-xl:hover,
  144. section.agency-contact button.disabled:focus,
  145. .btn-xl.disabled:focus,
  146. section.agency-contact button[disabled]:focus,
  147. .btn-xl[disabled]:focus,
  148. fieldset[disabled] section.agency-contact button:focus,
  149. fieldset[disabled] .btn-xl:focus,
  150. section.agency-contact button.disabled:active,
  151. .btn-xl.disabled:active,
  152. section.agency-contact button[disabled]:active,
  153. .btn-xl[disabled]:active,
  154. fieldset[disabled] section.agency-contact button:active,
  155. fieldset[disabled] .btn-xl:active,
  156. section.agency-contact button.disabled.active,
  157. .btn-xl.disabled.active,
  158. section.agency-contact button[disabled].active,
  159. .btn-xl[disabled].active,
  160. fieldset[disabled] section.agency-contact button.active,
  161. fieldset[disabled] .btn-xl.active {
  162. background-color: #fed136;
  163. border-color: #fed136;
  164. }
  165. section.agency-contact button .badge,
  166. .btn-xl .badge {
  167. color: #fed136;
  168. background-color: white;
  169. }
  170. .navbar {
  171. background-color: #2a2a2a;
  172. border-color: transparent;
  173. }
  174. #navbar{
  175. margin-top: 0px;
  176. }
  177. .navbar .navbar-brand {
  178. color: #fed136;
  179. font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
  180. }
  181. .navbar .navbar-brand:hover,
  182. .navbar .navbar-brand:focus,
  183. .navbar .navbar-brand:active,
  184. .navbar .navbar-brand.active {
  185. color: #fedd00;
  186. }
  187. .navbar .navbar-collapse {
  188. border-color: rgba(255, 255, 255, 0.02);
  189. }
  190. .navbar .navbar-toggle {
  191. background-color: #fed136;
  192. border-color: #fed136;
  193. }
  194. .navbar .navbar-toggle .icon-bar {
  195. background-color: white;
  196. }
  197. .navbar .navbar-toggle:hover,
  198. .navbar .navbar-toggle:focus {
  199. background-color: #fed136;
  200. }
  201. .navbar .nav {
  202. float: right;
  203. }
  204. .navbar .nav li a {
  205. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  206. text-transform: uppercase;
  207. font-weight: 400;
  208. letter-spacing: 1px;
  209. color: white;
  210. }
  211. .navbar .nav li a:hover,
  212. .navbar .nav li a:focus {
  213. color: #fed136;
  214. outline: none;
  215. }
  216. .navbar .navbar-nav > .active > a {
  217. color: white;
  218. background-color: transparent;
  219. }
  220. .navbar .navbar-nav > .active > a:hover,
  221. .navbar .navbar-nav > .active > a:focus {
  222. color: #fed136;
  223. background-color: transparent;
  224. }
  225. @media (min-width: 768px) {
  226. .navbar {
  227. padding: 25px 0;
  228. -webkit-transition: padding 0.3s;
  229. -moz-transition: padding 0.3s;
  230. transition: padding 0.3s;
  231. border: none;
  232. }
  233. .navbar .navbar-brand {
  234. font-size: 2em;
  235. -webkit-transition: all 0.3s;
  236. -moz-transition: all 0.3s;
  237. transition: all 0.3s;
  238. }
  239. .navbar.navbar-shrink {
  240. background-color: #2a2a2a;
  241. padding: 10px 0;
  242. }
  243. .navbar.navbar-shrink .navbar-brand {
  244. font-size: 1.5em;
  245. }
  246. .navbar.navbar-shrink .navbar-nav > .active > a {
  247. border-radius: 3px;
  248. color: white;
  249. background-color: #fed136;
  250. }
  251. .navbar.navbar-shrink .navbar-nav > .active > a:hover,
  252. .navbar.navbar-shrink .navbar-nav > .active > a:focus {
  253. color: white;
  254. background-color: #fec503;
  255. }
  256. }
  257. header#page-header {
  258. background-image: url('../img/banner-8.jpg');
  259. background-repeat: none;
  260. background-attachment: scroll;
  261. background-position: center bottom;
  262. -webkit-background-size: cover;
  263. -moz-background-size: cover;
  264. background-size: cover;
  265. -o-background-size: cover;
  266. text-align: center;
  267. color: white;
  268. min-height: 500px;
  269. }
  270. header#page-header .region {
  271. padding-top: 100px;
  272. padding-bottom: 50px;
  273. }
  274. header#page-header .region .block-title {
  275. font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  276. font-style: italic;
  277. font-size: 22px;
  278. line-height: 22px;
  279. margin-bottom: 25px;
  280. text-transform: none;
  281. }
  282. header#page-header .region .content {
  283. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  284. text-transform: uppercase;
  285. font-weight: 700;
  286. font-size: 50px;
  287. line-height: 50px;
  288. margin-bottom: 25px;
  289. }
  290. header#page-header .region .btn {
  291. margin-top: 25px;
  292. }
  293. @media (min-width: 768px) {
  294. header#page-header .region .block-title {
  295. font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  296. font-style: italic;
  297. font-size: 40px;
  298. line-height: 40px;
  299. margin-bottom: 25px;
  300. }
  301. header#page-header .region .content {
  302. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  303. text-transform: uppercase;
  304. font-weight: 700;
  305. font-size: 75px;
  306. line-height: 75px;
  307. margin-bottom: 50px;
  308. }
  309. }
  310. div.region-content section,
  311. section.agency-contact {
  312. padding: 100px 0;
  313. }
  314. div.region-content section .block-title,
  315. section.agency-contact .block-title {
  316. font-size: 40px;
  317. margin-top: 0;
  318. margin-bottom: 15px;
  319. text-align: center;
  320. }
  321. div.region-content section .section-subheading,
  322. section.agency-contact .section-subheading {
  323. font-size: 16px;
  324. font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  325. text-transform: none;
  326. font-style: italic;
  327. font-weight: 400;
  328. margin-bottom: 75px;
  329. }
  330. @media (min-width: 768px) {
  331. div.region-content section,
  332. section.agency-contact {
  333. padding: 150px 0;
  334. }
  335. }
  336. .service-heading {
  337. margin: 15px 0;
  338. text-transform: none;
  339. }
  340. #portfolio .portfolio-item {
  341. margin: 0 0 15px;
  342. right: 0;
  343. }
  344. #portfolio .portfolio-item .portfolio-link {
  345. display: block;
  346. position: relative;
  347. max-width: 400px;
  348. margin: 0 auto;
  349. }
  350. #portfolio .portfolio-item .portfolio-link .portfolio-hover {
  351. background: rgba(254, 209, 54, 0.9);
  352. position: absolute;
  353. width: 100%;
  354. height: 100%;
  355. opacity: 0;
  356. transition: all ease 0.5s;
  357. -webkit-transition: all ease 0.5s;
  358. -moz-transition: all ease 0.5s;
  359. }
  360. #portfolio .portfolio-item .portfolio-link .portfolio-hover:hover {
  361. opacity: 1;
  362. }
  363. #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
  364. position: absolute;
  365. width: 100%;
  366. height: 20px;
  367. font-size: 20px;
  368. text-align: center;
  369. top: 50%;
  370. margin-top: -12px;
  371. color: white;
  372. }
  373. #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
  374. margin-top: -12px;
  375. }
  376. #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
  377. #portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
  378. margin: 0;
  379. }
  380. #portfolio .portfolio-item .portfolio-caption {
  381. max-width: 400px;
  382. margin: 0 auto;
  383. background-color: white;
  384. text-align: center;
  385. padding: 25px;
  386. }
  387. #portfolio .portfolio-item .portfolio-caption h4 {
  388. text-transform: none;
  389. margin: 0;
  390. }
  391. #portfolio .portfolio-item .portfolio-caption p {
  392. font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  393. font-style: italic;
  394. font-size: 16px;
  395. margin: 0;
  396. }
  397. #portfolio * {
  398. z-index: 2;
  399. }
  400. @media (min-width: 767px) {
  401. #portfolio .portfolio-item {
  402. margin: 0 0 30px;
  403. }
  404. }
  405. .timeline {
  406. list-style: none;
  407. padding: 0;
  408. position: relative;
  409. }
  410. .timeline:before {
  411. top: 0;
  412. bottom: 0;
  413. position: absolute;
  414. content: "";
  415. width: 2px;
  416. background-color: #f1f1f1;
  417. left: 40px;
  418. margin-left: -1.5px;
  419. }
  420. .timeline > li {
  421. margin-bottom: 50px;
  422. position: relative;
  423. min-height: 50px;
  424. }
  425. .timeline > li:before,
  426. .timeline > li:after {
  427. content: " ";
  428. display: table;
  429. }
  430. .timeline > li:after {
  431. clear: both;
  432. }
  433. .timeline > li .timeline-panel {
  434. width: 100%;
  435. float: right;
  436. padding: 0 20px 0 100px;
  437. position: relative;
  438. text-align: left;
  439. }
  440. .timeline > li .timeline-panel:before {
  441. border-left-width: 0;
  442. border-right-width: 15px;
  443. left: -15px;
  444. right: auto;
  445. }
  446. .timeline > li .timeline-panel:after {
  447. border-left-width: 0;
  448. border-right-width: 14px;
  449. left: -14px;
  450. right: auto;
  451. }
  452. .timeline > li .timeline-image {
  453. left: 0;
  454. margin-left: 0;
  455. width: 80px;
  456. height: 80px;
  457. position: absolute;
  458. z-index: 100;
  459. background-color: #fed136;
  460. color: white;
  461. border-radius: 100%;
  462. border: 7px solid #f1f1f1;
  463. text-align: center;
  464. }
  465. .timeline > li .timeline-image h4 {
  466. font-size: 10px;
  467. margin-top: 12px;
  468. line-height: 14px;
  469. }
  470. .timeline > li.timeline-inverted > .timeline-panel {
  471. float: right;
  472. text-align: left;
  473. padding: 0 20px 0 100px;
  474. }
  475. .timeline > li.timeline-inverted > .timeline-panel:before {
  476. border-left-width: 0;
  477. border-right-width: 15px;
  478. left: -15px;
  479. right: auto;
  480. }
  481. .timeline > li.timeline-inverted > .timeline-panel:after {
  482. border-left-width: 0;
  483. border-right-width: 14px;
  484. left: -14px;
  485. right: auto;
  486. }
  487. .timeline > li:last-child {
  488. margin-bottom: 0;
  489. }
  490. .timeline .timeline-heading h4 {
  491. margin-top: 0;
  492. color: inherit;
  493. }
  494. .timeline .timeline-heading h4.subheading {
  495. text-transform: none;
  496. }
  497. .timeline .timeline-body > p,
  498. .timeline .timeline-body > ul {
  499. margin-bottom: 0;
  500. }
  501. @media (min-width: 768px) {
  502. .timeline:before {
  503. left: 50%;
  504. }
  505. .timeline > li {
  506. margin-bottom: 100px;
  507. min-height: 100px;
  508. }
  509. .timeline > li .timeline-panel {
  510. width: 41%;
  511. float: left;
  512. padding: 0 20px 20px 30px;
  513. text-align: right;
  514. }
  515. .timeline > li .timeline-image {
  516. width: 100px;
  517. height: 100px;
  518. left: 50%;
  519. margin-left: -50px;
  520. }
  521. .timeline > li .timeline-image h4 {
  522. font-size: 13px;
  523. margin-top: 16px;
  524. line-height: 18px;
  525. }
  526. .timeline > li.timeline-inverted > .timeline-panel {
  527. float: right;
  528. text-align: left;
  529. padding: 0 30px 20px 20px;
  530. }
  531. }
  532. @media (min-width: 992px) {
  533. .timeline > li {
  534. min-height: 150px;
  535. }
  536. .timeline > li .timeline-panel {
  537. padding: 0 20px 20px;
  538. }
  539. .timeline > li .timeline-image {
  540. width: 150px;
  541. height: 150px;
  542. margin-left: -75px;
  543. }
  544. .timeline > li .timeline-image h4 {
  545. font-size: 18px;
  546. margin-top: 30px;
  547. line-height: 26px;
  548. }
  549. .timeline > li.timeline-inverted > .timeline-panel {
  550. padding: 0 20px 20px;
  551. }
  552. }
  553. @media (min-width: 1200px) {
  554. .timeline > li {
  555. min-height: 170px;
  556. }
  557. .timeline > li .timeline-panel {
  558. padding: 0 20px 20px 100px;
  559. }
  560. .timeline > li .timeline-image {
  561. width: 170px;
  562. height: 170px;
  563. margin-left: -85px;
  564. }
  565. .timeline > li .timeline-image h4 {
  566. margin-top: 40px;
  567. }
  568. .timeline > li.timeline-inverted > .timeline-panel {
  569. padding: 0 100px 20px 20px;
  570. }
  571. }
  572. .team-member {
  573. text-align: center;
  574. margin-bottom: 50px;
  575. }
  576. .team-member img {
  577. margin: 0 auto;
  578. border: 7px solid white;
  579. }
  580. .team-member h4 {
  581. margin-top: 25px;
  582. margin-bottom: 0;
  583. text-transform: none;
  584. }
  585. .team-member p {
  586. margin-top: 0;
  587. }
  588. aside.clients img {
  589. margin: 50px auto;
  590. }
  591. section.agency-contact {
  592. /*background-color: #2a2a2a;
  593. background-image: url('../img/map-image.png');*/
  594. background-color: #E9E9E9;
  595. background-position: center;
  596. background-repeat: no-repeat;
  597. text-align: center;
  598. }
  599. section.agency-contact .block-title {
  600. color: white;
  601. }
  602. section.agency-contact .form-group {
  603. margin-bottom: 5px;
  604. text-align: left;
  605. }
  606. section.agency-contact .form-group label {
  607. color: white;
  608. }
  609. section.agency-contact .form-group input,
  610. section.agency-contact .form-group textarea {
  611. padding: 20px;
  612. }
  613. section.agency-contact .form-group input.form-control {
  614. height: auto;
  615. }
  616. section.agency-contact .form-group textarea.form-control {
  617. height: 246px;
  618. }
  619. section.agency-contact .form-control:focus {
  620. border-color: #fed136;
  621. box-shadow: none;
  622. }
  623. section.agency-contact ::-webkit-input-placeholder {
  624. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  625. text-transform: uppercase;
  626. font-weight: 700;
  627. color: #bbbbbb;
  628. }
  629. section.agency-contact :-moz-placeholder {
  630. /* Firefox 18- */
  631. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  632. text-transform: uppercase;
  633. font-weight: 700;
  634. color: #bbbbbb;
  635. }
  636. section.agency-contact ::-moz-placeholder {
  637. /* Firefox 19+ */
  638. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  639. text-transform: uppercase;
  640. font-weight: 700;
  641. color: #bbbbbb;
  642. }
  643. section.agency-contact :-ms-input-placeholder {
  644. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  645. text-transform: uppercase;
  646. font-weight: 700;
  647. color: #bbbbbb;
  648. }
  649. section.agency-contact .text-danger {
  650. color: #e74c3c;
  651. }
  652. section.agency-contact .form-item-copy {
  653. display: none;
  654. }
  655. section.agency-contact button#edit-submit {
  656. margin-top: 20px;
  657. }
  658. @media (min-width: 992px) {
  659. section.agency-contact form > div {
  660. position: relative;
  661. }
  662. section.agency-contact form .form-item-name,
  663. section.agency-contact form .form-item-mail,
  664. section.agency-contact form .form-item-subject {
  665. padding-right: 51%;
  666. }
  667. section.agency-contact form .form-item-message {
  668. width: 50%;
  669. padding-left: 1%;
  670. position: absolute;
  671. top: 0;
  672. right: 0;
  673. }
  674. }
  675. footer {
  676. padding: 25px 0;
  677. text-align: center;
  678. margin-top: 0 !important;
  679. font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  680. text-transform: uppercase;
  681. }
  682. .footer{
  683. background-color: #2a2a2a;
  684. color: #FFFFFF;
  685. }
  686. footer p,
  687. footer span {
  688. line-height: 40px;
  689. }
  690. footer ul.quicklinks {
  691. margin-bottom: 0;
  692. line-height: 40px;
  693. }
  694. ul.social-buttons {
  695. margin-bottom: 0;
  696. }
  697. ul.social-buttons li a {
  698. display: block;
  699. background-color: #2a2a2a;
  700. height: 40px;
  701. width: 40px;
  702. border-radius: 100%;
  703. font-size: 20px;
  704. line-height: 40px;
  705. color: white;
  706. outline: none;
  707. -webkit-transition: all 0.3s;
  708. -moz-transition: all 0.3s;
  709. transition: all 0.3s;
  710. }
  711. ul.social-buttons li a:hover,
  712. ul.social-buttons li a:focus,
  713. ul.social-buttons li a:active {
  714. background-color: #fed136;
  715. }
  716. .btn:focus,
  717. .btn:active,
  718. .btn.active,
  719. .btn:active:focus {
  720. outline: none;
  721. }
  722. .portfolio-modal .modal-content {
  723. border-radius: 0;
  724. background-clip: border-box;
  725. -webkit-box-shadow: none;
  726. box-shadow: none;
  727. border: none;
  728. min-height: 100%;
  729. padding: 100px 0;
  730. text-align: center;
  731. }
  732. .portfolio-modal .modal-content h2 {
  733. margin-bottom: 15px;
  734. font-size: 3em;
  735. }
  736. .portfolio-modal .modal-content p {
  737. margin-bottom: 30px;
  738. }
  739. .portfolio-modal .modal-content p.item-intro {
  740. margin: 20px 0 30px;
  741. font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
  742. font-style: italic;
  743. font-size: 16px;
  744. }
  745. .portfolio-modal .modal-content ul.list-inline {
  746. margin-bottom: 30px;
  747. margin-top: 0;
  748. }
  749. .portfolio-modal .modal-content img {
  750. margin-bottom: 30px;
  751. }
  752. .portfolio-modal .close-modal {
  753. position: absolute;
  754. width: 75px;
  755. height: 75px;
  756. background-color: transparent;
  757. top: 25px;
  758. right: 25px;
  759. cursor: pointer;
  760. }
  761. .portfolio-modal .close-modal:hover {
  762. opacity: 0.3;
  763. }
  764. .portfolio-modal .close-modal .lr {
  765. height: 75px;
  766. width: 1px;
  767. margin-left: 35px;
  768. background-color: #2a2a2a;
  769. transform: rotate(45deg);
  770. -ms-transform: rotate(45deg);
  771. /* IE 9 */
  772. -webkit-transform: rotate(45deg);
  773. /* Safari and Chrome */
  774. z-index: 1051;
  775. }
  776. .portfolio-modal .close-modal .lr .rl {
  777. height: 75px;
  778. width: 1px;
  779. background-color: #2a2a2a;
  780. transform: rotate(90deg);
  781. -ms-transform: rotate(90deg);
  782. /* IE 9 */
  783. -webkit-transform: rotate(90deg);
  784. /* Safari and Chrome */
  785. z-index: 1052;
  786. }
  787. .portfolio-modal .modal-backdrop {
  788. opacity: 0;
  789. display: none;
  790. }
  791. ::-moz-selection {
  792. text-shadow: none;
  793. background: #fed136;
  794. }
  795. ::selection {
  796. text-shadow: none;
  797. background: #fed136;
  798. }
  799. img::selection {
  800. background: transparent;
  801. }
  802. img::-moz-selection {
  803. background: transparent;
  804. }
  805. body {
  806. webkit-tap-highlight-color: #fed136;
  807. }
  808. /*.row_front_content:nth-child(even) {
  809. background-color: #E9E9E9;
  810. }*/
  811. .rowStyle:nth-child(even) {
  812. background-color: #E9E9E9;
  813. z-index: -9000;
  814. position: relative;
  815. }
  816. .container-fluid {
  817. padding-right: 0px;
  818. padding-left: 0px;
  819. }
  820. .google-map {
  821. height: 300px;
  822. }
  823.  
  824. .front-icon {
  825. position: relative;
  826. display: inline-block;
  827. width: 2em;
  828. height: 2em;
  829. line-height: 2em;
  830. vertical-align: middle;
  831. font-size: 4em;
  832. text-align: center;
  833. }
  834. .circle-background {
  835. display: inline-block;
  836. font: normal normal normal 14px/1 FontAwesome;
  837. font-size: inherit;
  838. text-rendering: auto;
  839. -webkit-font-smoothing: antialiased;
  840. -moz-osx-font-smoothing: grayscale;
  841. color: #fed136;
  842. font-size: 2em;
  843. position: absolute;
  844. left: 0;
  845. width: 100%;
  846. text-align: center;
  847. z-index: -100;
  848. }
  849. .circle-background:before {
  850. content: "\f111";
  851. }
  852. .icon-symbol {
  853. color:#777777;
  854. }
  855. .rowStyle section {
  856. margin-bottom: 20px;
  857. margin-top: 20px;
  858. padding-top: 10px;
  859. padding-bottom: 10px;
  860. }
  861. .img-margin {
  862. margin: 20px;
  863. }
  864. blockquote footer:before, blockquote small:before, blockquote .small:before {
  865. content: "";
  866. }
  867. @media (min-width: 992px) {
  868. .quoteCentered {
  869. margin-top: 70px;
  870. }
  871. }
  872. section {
  873. padding: 10px 0 !important;
  874. }
  875. .nav-tabs {
  876. margin-top: 40px;
  877. }
  878. .main-container {
  879. margin-top: 10px;
  880. }
  881. .block-title {
  882. font-size: 18px !important;
  883. }
  884. .region-sidebar-first a{
  885. color: #000000;
  886. }
  887. .region-sidebar-first a:hover{
  888. color: #000000;
  889. }
  890. .region-sidebar-first{
  891. background-color: #FFFFFF;
  892. border: none;
  893. }
  894. .region-sidebar-first{
  895. padding: 0px;
  896. }
  897. .region-sidebar-first section {
  898. padding: 19px !important;
  899. background-color: #f5f5f5;
  900. border: 1px solid #e3e3e3;
  901. margin-bottom: 10px;
  902. }
  903. .main-container a{
  904. color: #000000;
  905. }
  906. .main-container a:hover{
  907. color: #000000;
  908. }
  909. /*
  910. * background-color: #f5f5f5;
  911. border: 1px solid #e3e3e3;
  912. */
  913. .noMargin{
  914. margin-top: 0px !important;
  915. }
  916. .backgroundBorder{
  917. background-image: url('../img/background.jpg');
  918. }
  919. .block.col-md-4{
  920. padding-left: 10px !important;
  921. padding-right: 10px !important;
  922. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement