CSS   9

blocks.css

Guest on 11th May 2021 07:22:23 PM

  1. /*
  2.  * Template Name: Unify - Responsive Bootstrap Template
  3.  * Description: Business, Corporate, Portfolio, E-commerce, Blog and One Page Template.
  4.  * Version: 1.9.2
  5.  * Author: @htmlstream
  6.  * Website: http://htmlstream.com
  7. */
  8.  
  9. /*[-----*** TABLE OF CONTENT ***-----]
  10.  
  11. 1. Promo Blocks
  12. 2. Breadcrumbs
  13.   2.1 - Breadcrumbs v1
  14.   2.2 - Breadcrumbs v2
  15.   2.3 - Breadcrumbs v3
  16. 3. Image Hover Effects
  17. 4. Block Grid
  18.   4.1 - Block Grid v1
  19.   4.2 - Block Grid v2
  20. 5. Services Box v1
  21. 6. Service Block
  22.   6.1 - Service Block v1
  23.   6.2 - Service Block v2
  24.   6.3 - Service Block v3
  25.   6.4 - Service Block v4
  26.   6.5 - Service Block v5
  27.   6.6 - Service Block v6
  28.   6.7 - Service Block v7
  29.   6.8 - Service Block v8
  30.   6.# - Colored Content Boxes
  31.   6.# - Funny Boxes
  32. 7. Process
  33. 8. Team
  34.     8.1 - Team v1
  35.     8.2 - Team v2
  36.     8.3 - Team v3
  37.     8.4 - Team v4
  38.     8.5 - Team v5
  39.     8.6 - Team v6
  40.     8.7 - Team v7
  41. 9. Call To Action
  42.   9.1 - Call To Action v1
  43.   9.2 - Call To Action v2
  44. 10. Portfolio Box
  45.   10.1 - Portfolio Box v1
  46. 11. Portfolio Boxes
  47.     11.1 Portfolio Box v1
  48.     11.2 Portfolio Box v2
  49. 12. Thumbnail
  50. 13. Image Backgrounds
  51.   13.1 - Image Backgrounds v1
  52.   13.2 - Image Backgrounds v2
  53. 14. Parallax Quote
  54. 15. Parallax Team
  55. 16. Parallax Counter
  56.   16.1 - Parallax Counter v1
  57.   16.2 - Parallax Counter v2
  58.   16.3 - Parallax Counter v3
  59.   16.4 - Parallax Counter v4
  60. 17. Flat Background Block
  61. 18. Flat Testimonials
  62. 19. Testimonials
  63.   19.1 - Testimonials v4
  64.   19.2 - Testimonials v5
  65.   19.3 - Testimonials v6
  66.   19.4 - Other Testimonials
  67.   19.5 - Other Testimonials 1
  68. 20. Featured Blog
  69. 21. Blog Comments
  70. 22. Quote
  71.     22.1 - Quote v2
  72. 23. Team Social
  73. 24. Box Shadows
  74. 25. Interactive Slider
  75.   25.1 - Interactive Slider v1
  76.   25.2 - Interactive Slider v2
  77. 26. Blog Trending
  78. 27. Blog Latest Posts
  79. 28. Blog Photostream
  80. 29. Newsletter
  81. 30. Blog Post Quote
  82. 31. Blog Post Author
  83. 32. Blog Comments
  84. 33. News
  85.   33.1 - News v1
  86.   33.2 - News v2
  87.   33.3 - News v3
  88. 34. Blog Grid
  89. 35. Blog Thumb
  90. 36. Shop Subscribe
  91. 37. Parallax Slider (Main)
  92. 38. Master Slider
  93. 39. Revolution Slider
  94. 40. Layer Slider
  95. 41. Clients Carousel
  96. 42. Pie Chart
  97. 43. Counter
  98. 44. Back To Top
  99. 45. Owl Carousel
  100.     45.1 - Recent Works (Owl Carousel)
  101.     45.2 - Parallax Twitter (Owl Carousel)
  102.     45.3 - Clients Section (Owl Carousel)
  103.     45.4 - Owl Video
  104. 46. Bootstrap Carousels
  105.     46.1 - Bootstrap Carousel v1
  106.     46.2 - Bootstrap Carousel v2
  107. 47. Tabs
  108.     47.1 - Tab v1
  109.     47.2 - Tab v2
  110.     47.3 - Tab v3
  111.     47.4 - Tab v4
  112.     47.5 - Tab v5
  113.     47.6 - Tab v6
  114. 48. Accordions
  115. 49. Paginations
  116. 50. Pagers
  117.     50.1 - Pagers Default
  118.     50.2 - Pagers v2
  119.     50.3 - Pagers v3
  120.     50.4 - Pagers v4
  121. 51. Sidebar Menu
  122.     51.1 - Sidebar Menu v1
  123. 52. Content Boxes
  124.     52.1 - Content Boxes v1
  125.     52.2 - Content Boxes v2
  126.     52.3 - Content Boxes v3
  127.     52.4 - Content Boxes v4
  128.     52.5 - Content Boxes v5
  129.     52.6 - Content Boxes v6
  130. 53. Tagline Boxes
  131.     53.1 - Tagline Boxes v1
  132.     53.2 - Tagline Boxes v2
  133.     53.3 - Tagline Boxes v3
  134.     53.4 - Tagline Boxes v4
  135.     53.5 - Tagline Boxes v5
  136.     53.6 - Tagline Boxes v6
  137.     53.7 - Tagline Boxes v6
  138. 54. Tags
  139.     54.1 - Tags v1
  140.     54.2 - Tags v2
  141.     54.3 - Tags v3
  142.     54.4 - Tags v4
  143.  
  144. ##. Main Page Styles
  145.  
  146. -------------------------------------------------------------*/
  147.  
  148. /*--------------------------------------------------
  149.     [1. Promo Blocks]
  150. ----------------------------------------------------*/
  151. /*Promo Background Images*/
  152. .promo-bg-pattern-v1-dark {
  153.   background: url(../img/patterns/5.png) repeat;
  154. }
  155.  
  156. .promo-bg-pattern-v1-light {
  157.   background: url(../img/patterns/16.png) repeat;
  158. }
  159.  
  160. /*Promo Background Images*/
  161. .promo-bg-img-v1 {
  162.   background: url(../img/bg/img1.jpg) no-repeat;
  163.   background-size: cover;
  164. }
  165. .promo-bg-img-v2 {
  166.   background: url(../img/bg/img5.jpg) no-repeat;
  167.   background-size: cover;
  168. }
  169. .promo-bg-img-v3 {
  170.   background: url(../img/bg/img10.jpg) no-repeat;
  171.   background-size: cover;
  172. }
  173. .promo-bg-img-v4 {
  174.   background: url(../img/bg/img11.jpg) no-repeat;
  175.   background-size: cover;
  176. }
  177. .promo-bg-img-v5 {
  178.   background: url(../img/bg/img6.jpg) no-repeat;
  179.   background-size: cover;
  180. }
  181.  
  182. /*Promo Background Fixed*/
  183. .promo-bg-fixed {
  184.   background-attachment: fixed;
  185. }
  186.  
  187. /*Promo Texts v1*/
  188. .promo-text-v1 {
  189.   padding: 3px 0;
  190.   font-size: 20px;
  191.   font-weight: 600;
  192.   display: inline-block;
  193.   border-bottom: solid 2px #fff;
  194. }
  195.  
  196. .promo-text-v1.color-dark {
  197.   border-color: #555;
  198. }
  199.  
  200. /*Promo Texts v2*/
  201. .promo-text-v2 {
  202.   font-size: 55px;
  203.   font-weight: 600;
  204.   line-height: 63px;
  205. }
  206.  
  207. /*Promo Video Icon*/
  208. .promo-video-icon-wrap {
  209.   width: 64px;
  210.   height: 64px;
  211.   font-size: 18px;
  212.   line-height: 70px;
  213.   display: inline-block;
  214.   transition: all .3s ease-in-out;
  215. }
  216.  
  217. .promo-video-icon-wrap:hover {
  218.   color: #333;
  219.   text-decoration: none;
  220. }
  221.  
  222. .promo-video-icon-wrap.color-light {
  223.   color: #333;
  224.   background: rgba(255,255,255,1);
  225. }
  226. .promo-video-icon-wrap.color-light:hover {
  227.   background: rgba(255,255,255,.9);
  228. }
  229.  
  230. .promo-video-icon-wrap.color-dark {
  231.   color: #fff;
  232.   background: rgba(0,0,0,.8);
  233. }
  234. .promo-video-icon-wrap.color-dark:hover {
  235.   color: #fff;
  236.   background: rgba(0,0,0,.9);
  237. }
  238.  
  239. .promo-video-icon {
  240.   left: 3px;
  241.   position: relative;
  242. }
  243.  
  244. /*--------------------------------------------------
  245.     [2. Breadcrumbs]
  246. ----------------------------------------------------*/
  247. /*Default Breadcrumbs*/
  248. .breadcrumbs {
  249.   overflow: hidden;
  250.   padding: 10px 0 6px;
  251.   border-bottom: solid 1px #eee;
  252.   background: url(../img/patterns/breadcrumbs.png) repeat;
  253. }
  254.  
  255. .video-business-img1 {
  256.   background: url(../video/youtube-business/video-business-img1.jpg) no-repeat center;
  257.   background-size: cover; /*Scales the background image to be as large as possible*/
  258. }
  259.  
  260. .breadcrumbs h1 {
  261.   color: #666;
  262.   font-size: 22px;
  263.   margin-top: 8px;
  264. }
  265.  
  266. .breadcrumb {
  267.   top: 10px;
  268.   z-index: 1;
  269.   padding-right: 0;
  270.   background: none;
  271.   position: relative;
  272. }
  273. .breadcrumb a {
  274.   color: #777;
  275. }
  276. .breadcrumb li.active,
  277. .breadcrumb li a:hover {
  278.   color: #72c02c;
  279.   text-decoration: none;
  280. }
  281.  
  282. @media (max-width: 550px) {
  283.   .breadcrumbs h1.pull-left,
  284.   .breadcrumbs ul.pull-right {
  285.     width: 100%;
  286.     text-align: center;
  287.   }
  288.  
  289.   .breadcrumbs h1.pull-left {
  290.     margin-bottom: 0;
  291.   }
  292.  
  293.   .breadcrumbs .breadcrumb {
  294.     top: 0;
  295.     margin-bottom: 10px;
  296.   }
  297. }
  298.  
  299. /*Breadcrumbs Dark and Light*/
  300. .breadcrumbs.breadcrumbs-dark,
  301. .breadcrumbs.breadcrumbs-light {
  302.   background: #222;
  303.   padding: 30px 0 20px;
  304.   border-bottom: solid 3px #777;
  305. }
  306.  
  307. .breadcrumbs.breadcrumbs-light {
  308.   background: #f7f7f7;
  309.   border-bottom: 1px solid #eee;
  310. }
  311.  
  312. .breadcrumbs.breadcrumbs-dark h1,
  313. .breadcrumbs.breadcrumbs-dark a,
  314. .breadcrumbs.breadcrumbs-light h1,
  315. .breadcrumbs.breadcrumbs-light a {
  316.   color: #fff;
  317.   font-weight: 200;
  318. }
  319.  
  320. .breadcrumbs.breadcrumbs-light h1,
  321. .breadcrumbs.breadcrumbs-light a {
  322.   color: #555;
  323. }
  324.  
  325. .breadcrumbs.breadcrumbs-dark h1 {
  326.   font-size: 24px;
  327. }
  328.  
  329. .breadcrumbs.breadcrumbs-light h1 {
  330.   font-size: 26px;
  331. }
  332.  
  333. /*Breadcrumbs Sizes*/
  334. .breadcrumbs-sm {
  335.   padding: 50px 0;
  336. }
  337. .breadcrumbs-md {
  338.   padding: 100px 0;
  339. }
  340. .breadcrumbs-lg {
  341.   padding: 200px 0;
  342. }
  343.  
  344. /*Breadcrumbs v1 and v3
  345. ------------------------------------*/
  346. .breadcrumbs-v1,
  347. .breadcrumbs-v3 {
  348.     transition: all 0.8s ease-in-out;
  349. }
  350.  
  351. /*Breadcrumbs v1
  352. ------------------------------------*/
  353. .breadcrumbs-v1 {
  354.   padding: 100px 0;
  355.   position: relative;
  356.   background: url(../img/breadcrumbs/img1.jpg) center no-repeat;
  357.   background-size: cover; /*Scales the background image to be as large as possible*/
  358. }
  359.  
  360. .breadcrumbs-v1:after {
  361.   top: 0;
  362.   left: 0;
  363.   width: 100%;
  364.   height: 100%;
  365.   content: " ";
  366.   position: absolute;
  367.   background: rgba(0,0,0,0.15);
  368. }
  369.  
  370. .breadcrumbs-v1 span,
  371. .breadcrumbs-v1 h1 {
  372.   color: #fff;
  373.   z-index: 1;
  374.   position: relative;
  375. }
  376.  
  377. .breadcrumbs-v1 span {
  378.   font-size: 24px;
  379.   font-weight: 200;
  380.   margin-bottom: 5px;
  381.   display: inline-block;
  382. }
  383.  
  384. .breadcrumbs-v1 h1 {
  385.   font-size: 50px;
  386.   margin-bottom: 0;
  387.   line-height: 55px;
  388.   text-transform: uppercase;
  389. }
  390.  
  391. @media (max-width: 768px) {
  392.   .breadcrumbs-v1 {
  393.     padding: 50px 0;
  394.   }
  395.  
  396.   .breadcrumbs-v1 h1 {
  397.     font-size: 40px;
  398.     line-height: 45px;
  399.   }
  400. }
  401.  
  402. /*Breadcrumbs v2
  403. ------------------------------------*/
  404. .breadcrumbs-v2 {
  405.   text-align: center;
  406.   position: relative;
  407.   background: url(../img/bg/11.jpg) no-repeat center;
  408. }
  409.  
  410. .breadcrumbs-v2-in {
  411.   padding: 80px 0;
  412.   position: relative;
  413. }
  414.  
  415. .breadcrumbs-v2 h1 {
  416.   color: #fff;
  417.   text-transform: uppercase;
  418. }
  419.  
  420. .breadcrumb-v2 li a,
  421. .breadcrumb-v2 li.active {
  422.   color: #fff;
  423. }
  424.  
  425. .breadcrumb-v2 li i {
  426.   color: #fff;
  427.   min-width: 19px;
  428.   padding: 3px 7px;
  429.   margin-right: 5px;
  430.   text-align: center;
  431.   border: 1px solid #fff;
  432. }
  433.  
  434. /*Breadcrumbs v3
  435. ------------------------------------*/
  436. .breadcrumbs-v3 {
  437.   z-index: 1;
  438.   padding: 35px 0;
  439.   position: relative;
  440.   width: 100%;
  441.   margin-top: 0px;
  442.   margin-bottom: 0px;
  443. }
  444.  
  445. .breadcrumbs-v3.breadcrumbs-lg {
  446.   padding: 200px 0;
  447. }
  448.  
  449. .breadcrumbs-v3.img-v1 {
  450.   background: url(../img/breadcrumbs/img1.jpg) no-repeat;
  451.   background-size: cover;
  452.   background-position: center center;
  453. }
  454.  
  455. .breadcrumbs-v3.img-v2 {
  456.   background: url(../img/breadcrumbs/img2.jpg) no-repeat;
  457.   background-size: cover;
  458.   background-position: center center;
  459. }
  460.  
  461. .breadcrumbs-v3.img-v3 {
  462.   background: url(../img/about.jpg) no-repeat;
  463.   background-size: cover;
  464.   background-position: center center;
  465. }
  466.  
  467. .breadcrumbs-v3.img-contacts {
  468.   background: url(../img/contacts-bg.jpg) no-repeat;
  469.   background-size: cover;
  470.   background-position: center center;
  471. }
  472.  
  473. .breadcrumbs-v3:after {
  474.   top: 0;
  475.   left: 0;
  476.   z-index: -1;
  477.   width: 100%;
  478.   height: 100%;
  479.   content: " ";
  480.   position: absolute;
  481.   background: rgba(0,0,0,0.2);
  482. }
  483.  
  484. .breadcrumbs-v3 h1 {
  485.   color: #fff;
  486.   font-size: 40px;
  487.   line-height: 50px;
  488.   text-transform: uppercase;
  489. }
  490.  
  491.  
  492. .breadcrumbs-v3 h2 {
  493.   color: #fff;
  494.   font-size: 17px;
  495.   text-transform: uppercase;
  496.   margin-bottom: 40px;
  497. }
  498.  
  499. .breadcrumbs-v3 p
  500. {
  501.   padding-left: 50px;
  502.   padding-right: 50px;
  503.  
  504. }
  505.  
  506. .breadcrumbs-v3 p, .breadcrumbs-v3 a {
  507.   color: #fff;
  508.   font-size: 14px;
  509.   /*font-weight: 200;*/
  510.   /*margin-bottom: 0;*/
  511.   /*text-transform: uppercase;*/
  512. }
  513.  
  514. .breadcrumbs-v3 a
  515. {
  516.   text-decoration: underline;
  517. }
  518.  
  519. .breadcrumbs-v3 h3 {
  520.   color: #fff;
  521.   font-size: 20px;
  522.   /*font-weight: 200;*/
  523.   margin-top: 10px;
  524.   margin-bottom: 10px;
  525. }
  526.  
  527. @media (max-width: 992px) {
  528.   .breadcrumbs-v3.breadcrumbs-lg {
  529.     padding: 100px 0;
  530.   }
  531. }
  532.  
  533. @media (max-width: 768px) {
  534.   .breadcrumbs-v3,
  535.   .breadcrumbs-v3.breadcrumbs-lg {
  536.     padding: 50px 0;
  537.   }
  538.  
  539.   .breadcrumbs-v3 h1 {
  540.     font-size: 30px;
  541.     line-height: 40px;
  542.   }
  543.  
  544.   .breadcrumbs-v3 p {
  545.     font-size: 18px;
  546.   }
  547. }
  548.  
  549. /*--------------------------------------------------
  550.     [3. Image Hover Effects]
  551. ----------------------------------------------------*/
  552. /*Image Hover v1*/
  553. .img-hover-v1 span {
  554.   display: block;
  555.   overflow: hidden;
  556.   position: relative;
  557. }
  558.  
  559. .img-hover-v1 span:after {
  560.   top: 0;
  561.   left: 0;
  562.   width: 100%;
  563.   height: 100%;
  564.   content: " ";
  565.   position: absolute;
  566. }
  567.  
  568. .img-hover-v1:hover span:after {
  569.   background: rgba(0,0,0,0.3);
  570. }
  571.  
  572. .img-hover-v1 img,
  573. .img-hover-v2 img,
  574. .img-hover-v1 span:after {
  575.   transition: all 0.5s ease-in-out;
  576. }
  577.  
  578. .img-hover-v1:hover img {
  579.   -transform: scale(1.1);
  580. }
  581.  
  582. /*Image Hover v2*/
  583. .img-hover-v2 img {
  584.   filter: grayscale(100%);
  585.   -webkit-filter: grayscale(100%);
  586. }
  587.  
  588. .img-hover-v2:hover img {
  589.   filter: grayscale(0);
  590.   -webkit-filter: grayscale(0);
  591. }
  592.  
  593. /*--------------------------------------------------
  594.     [4. Block Grid]
  595. ----------------------------------------------------*/
  596. /*Block Grid v1
  597. ------------------------------------*/
  598. .block-grid-v1 {
  599.   background: #fff;
  600.   padding: 15px 15px 5px;
  601.   border-bottom: solid 2px #eee;
  602.   transition: all 0.4s ease-in-out;
  603. }
  604.  
  605. .block-grid-v1:hover {
  606.   border-color: #72c02c;
  607. }
  608.  
  609. .block-grid-v1 img {
  610.   margin-bottom: 10px;
  611. }
  612.  
  613. .block-grid-v1 img.block-grid-v1-img {
  614.   width: 35px;
  615.   height: 35px;
  616.   margin-top: 8px;
  617. }
  618.  
  619. .block-grid-v1.content-boxes-v1 img.pull-left {
  620.   float: inherit !important;
  621. }
  622.  
  623. .block-grid-v1 h3 a {
  624.   font-size: 22px;
  625.   font-weight: 200;
  626.   margin-right: 10px;
  627. }
  628.  
  629. .block-grid-v1.content-boxes-v1 h3 {
  630.   margin-bottom: 0;
  631. }
  632.  
  633. .block-grid-v1.content-boxes-v1 h3 a {
  634.   color: #555;
  635. }
  636.  
  637. /*Star Vote*/
  638. .block-grid-v1 .star-vote {
  639.   padding: 0;
  640.   margin-bottom: 10px;
  641.   vertical-align: middle;
  642. }
  643.  
  644. .block-grid-v1 .star-vote li {
  645.   padding: 0;
  646.   font-size: 11px;
  647.   display: inline-block;
  648. }
  649.  
  650. /*Additional Info*/
  651. .block-grid-v1-add-info {
  652.   margin: 0;
  653.   padding-top: 15px;
  654.   border-top: solid 1px #eee;
  655. }
  656.  
  657. .block-grid-v1-add-info li {
  658.   padding: 0;
  659.   margin-right: 3px;
  660.   margin-bottom: 10px;
  661. }
  662.  
  663. .block-grid-v1-add-info li a {
  664.   font-size: 11px;
  665.   padding: 4px 7px;
  666.   text-decoration: none;
  667.   border: solid 2px #eee;
  668.   border-radius: 3px !important;
  669. }
  670.  
  671. /*Block Grid v2
  672. ------------------------------------*/
  673. .block-grid-v2 {
  674.   padding: 0;
  675. }
  676.  
  677. .block-grid-v2 li {
  678.     list-style: none;
  679.     position: relative;
  680.     -webkit-backface-visibility: hidden; /*For Chrome*/
  681. }
  682.  
  683. .block-grid-v2-info {
  684.   padding: 15px;
  685.   text-align: center;
  686.   background: #f9f9f9;
  687.   border-bottom: solid 3px #eee;
  688.     transition: all 0.4s ease-in-out;
  689. }
  690.  
  691. .block-grid-v2 li:hover .block-grid-v2-info {
  692.   border-color: #72c02c;
  693. }
  694.  
  695. .block-grid-v2-info h3 {
  696.   font-size: 22px;
  697.   font-weight: 200;
  698.   margin-bottom: 10px;
  699. }
  700.  
  701. .block-grid-v2-info .star-vote li {
  702.   padding: 2px;
  703.   font-size: 16px;
  704. }
  705.  
  706. /*--------------------------------------------------
  707.     [5. Services Box]
  708. ----------------------------------------------------*/
  709. /* Services Box v1
  710. ------------------------------------*/
  711. .service-box-v1 .service-block {
  712.   background: #fff;
  713.   padding-top: 30px;
  714.   padding-bottom: 20px;
  715. }
  716.  
  717. .service-box-v1 p {
  718.   position: relative;
  719.   margin-bottom: 50px;
  720. }
  721.  
  722. .service-box-v1 p:after {
  723.   content: " ";
  724.   left: 50%;
  725.   height: 1px;
  726.   width: 50px;
  727.   bottom: -15px;
  728.   position: absolute;
  729.   margin-left: -25px;
  730.   background: #72c02c;
  731. }
  732.  
  733. .service-box-v1 ul {
  734.   padding: 0 40px;
  735. }
  736.  
  737. .service-box-v1 li {
  738.   margin: 8px 0;
  739.   font-size: 15px;
  740.   padding-top: 8px;
  741.   border-top: dotted 1px #72c02c;
  742. }
  743.  
  744. .service-box-v1 li:hover {
  745.   color: #72c02c;
  746. }
  747.  
  748. .service-box-v1 li:first-child {
  749.   padding-top: 0;
  750.   border-top: none;
  751. }
  752.  
  753. /*--------------------------------------------------
  754.     [6. Service Block ]
  755. ----------------------------------------------------*/
  756. /*Service Block v1
  757. ------------------------------------*/
  758. .service-block-v1 {
  759.   margin-top: 20px;
  760.   text-align: center;
  761.   position: relative;
  762.   padding: 45px 20px 20px;
  763.   border: 1px solid #f2f2f2;
  764. }
  765.  
  766. .service-block-v1 i {
  767.   left: 50%;
  768.   top: -30px;
  769.   color: #fff;
  770.   width: 60px;
  771.   height: 60px;
  772.   font-size: 26px;
  773.   line-height: 62px;
  774.   margin-left: -30px;
  775.   text-align: center;
  776.   position: absolute;
  777.   background: #72c02c;
  778.   display: inline-block;
  779. }
  780.  
  781. .service-block-v1 h3,
  782. .service-block-v1 p {
  783.   margin-bottom: 20px;
  784. }
  785.  
  786. /*Service Block v2 (used in page_404_error2.html)
  787. ------------------------------------*/
  788. .service-block-v2 .service-block-in {
  789.   padding: 20px 30px;
  790.   text-align: center;
  791.   margin-bottom: 15px;
  792.   background: rgba(255,255,255,0.2);
  793. }
  794.  
  795. .service-block-v2 .service-block-in i {
  796.   font-size: 40px;
  797. }
  798.  
  799. .service-block-v2 .service-block-in h4 {
  800.   line-height: 25px;
  801. }
  802.  
  803. .service-block-v2 .service-block-in p {
  804.   margin-bottom: 20px;
  805. }
  806.  
  807. .service-block-v2 .service-block-in i,
  808. .service-block-v2 .service-block-in h4,
  809. .service-block-v2 .service-block-in p {
  810.   color: #fff;
  811. }
  812.  
  813. /*Service Block v3 (used in profile pages)
  814. ------------------------------------*/
  815. .service-block-v3 {
  816.   padding: 20px;
  817. }
  818.  
  819. .service-block-v3 i {
  820.   color: #fff;
  821.   float: left;
  822.   font-size: 50px;
  823.   margin: 0 20px 20px 0;
  824. }
  825.  
  826. .service-block-v3 .service-heading,
  827. .service-block-v3 .service-in small {
  828.   color: #fff;
  829.   opacity: 0.8;
  830.   line-height: 1;
  831. }
  832.  
  833. .service-block-v3 .service-in h4,
  834. .service-block-v3 .counter {
  835.   color: #fff;
  836. }
  837.  
  838. .service-block-v3 .service-heading {
  839.   font-size: 16px;
  840.   text-transform: uppercase;
  841. }
  842.  
  843. .service-block-v3 .counter {
  844.   display: block;
  845.   line-height: 1;
  846.   font-size: 30px;
  847. }
  848.  
  849. .service-block-v3 .progress {
  850.   margin-bottom: 7px;
  851. }
  852.  
  853. /*Service Innner*/
  854. .service-block-v3 .service-in small {
  855.   font-size: 16px;
  856.   text-transform: uppercase;
  857. }
  858.  
  859. .service-block-v3 .service-in h4 {
  860.   font-size: 16px;
  861.   line-height: 0.8;
  862.   margin-bottom: 0;
  863. }
  864.  
  865. /*Statistics*/
  866. .service-block-v3 .statistics .heading-xs {
  867.   color: #fff;
  868.   opacity: 0.8;
  869. }
  870.  
  871. .service-block-v3 .statistics small {
  872.   color: #fff;
  873. }
  874.  
  875. .service-block-v3 .statistics .progress {
  876.   background: #bbb;
  877. }
  878.  
  879. .service-block-v3 .statistics .progress-bar-light {
  880.   background: #fff;
  881. }
  882.  
  883. /*Service Block v4
  884. ------------------------------------*/
  885. .service-block-v4 {
  886.   position: relative;
  887.   background: #f7f7f7;
  888. }
  889.  
  890. .service-block-v4:after {
  891.   top: 0;
  892.   width: 0;
  893.   height: 0;
  894.   left: 50%;
  895.   content: '';
  896.   margin-left: -20px;
  897.   position: absolute;
  898.   border-style: solid;
  899.   border-width: 25px 20px 0 20px;
  900.   border-color: #fff transparent transparent transparent;
  901. }
  902.  
  903. .service-block-v4 .service-desc {
  904.   text-align: center;
  905. }
  906.  
  907. .service-block-v4 .service-desc i {
  908.   color: #72c02c;
  909.   display: block;
  910.   font-size: 30px;
  911.   margin-bottom: 20px;
  912. }
  913.  
  914. .service-block-v4 .service-desc h3 {
  915.   font-size: 18px;
  916.   margin-bottom: 15px;
  917.   text-transform: uppercase;
  918. }
  919.  
  920. /*Service Block v5
  921. ------------------------------------*/
  922. .service-block-v5 {
  923.   text-align: center;
  924.   background: #f7f7f7;
  925. }
  926.  
  927. .service-block-v5 .service-inner {
  928.   padding: 80px 40px;
  929. }
  930.  
  931. .service-block-v5 .service-inner i {
  932.   margin-bottom: 30px;
  933. }
  934.  
  935. .service-block-v5 .service-inner span {
  936.   display: block;
  937.   font-size: 18px;
  938.   font-weight: 200;
  939.   margin-bottom: 15px;
  940.   text-transform: uppercase;
  941. }
  942.  
  943. .service-block-v5 .service-border {
  944.   border-left: 1px solid #eee;
  945.   border-right: 1px solid #eee;
  946. }
  947.  
  948. @media (max-width: 992px) {
  949.   .service-block-v5 .service-border {
  950.         border-left: none;
  951.         border-right: none;
  952.         border-top: 1px solid #eee;
  953.         border-bottom: 1px solid #eee;
  954.   }
  955. }
  956.  
  957. /*Service Block v6
  958. ------------------------------------*/
  959. .service-block-v6 i {
  960.   float: left;
  961.   margin: 5px 15px 0 0;
  962. }
  963.  
  964. .service-block-v6 .service-desc {
  965.   overflow: hidden;
  966. }
  967.  
  968. .service-block-v6 .service-desc h2 {
  969.   font-size: 18px;
  970.   margin: 0 0 10px;
  971.   text-transform: uppercase;
  972. }
  973.  
  974. .service-block-v6 .service-desc a {
  975.   text-transform: uppercase;
  976. }
  977.  
  978. /*Service Block v7
  979. ------------------------------------*/
  980. .service-block-v7 {
  981.   margin-top: 20px;
  982.   text-align: center;
  983.   position: relative;
  984.   border: 1px solid #ddd;
  985.   padding: 45px 20px 20px;
  986. }
  987.  
  988. .service-block-v7 i {
  989.   left: 50%;
  990.   top: -25px;
  991.   color: #fff;
  992.   width: 45px;
  993.   height: 45px;
  994.   font-size: 22px;
  995.   line-height: 46px;
  996.   text-align: center;
  997.   position: absolute;
  998.   background: #72c02c;
  999.   margin-left: -22.5px;
  1000.   display: inline-block;
  1001. }
  1002.  
  1003. .service-block-v7 h3,
  1004. .service-block-v7 p {
  1005.     margin-bottom: 20px;
  1006. }
  1007.  
  1008. /*Service Block v8
  1009. ------------------------------------*/
  1010. .service-block-v8 {
  1011.   padding: 25px;
  1012.   background: #fff;
  1013. }
  1014.  
  1015. .service-block-v8 i {
  1016.   color: #555;
  1017.   float: left;
  1018.   font-size: 22px;
  1019.   margin: 5px 25px 0 0;
  1020. }
  1021.  
  1022. .service-block-v8 .service-block-desc {
  1023.   overflow: hidden;
  1024. }
  1025.  
  1026. .service-block-v8 .service-block-desc h3 {
  1027.   font-size: 18px;
  1028.   margin: 0 0 30px;
  1029.   position: relative;
  1030.   text-transform: uppercase;
  1031. }
  1032.  
  1033. .service-block-v8 .service-block-desc h3:after {
  1034.   left: 0;
  1035.   top: 40px;
  1036.   height: 1px;
  1037.   width: 30px;
  1038.   content: " ";
  1039.   position: absolute;
  1040.   background: #72c02c;
  1041. }
  1042.  
  1043. /*Colored Content Boxes
  1044. ------------------------------------*/
  1045. .service-block {
  1046.     padding: 60px 30px;
  1047.     text-align: center;
  1048.     margin-bottom: 20px;
  1049. }
  1050.  
  1051. .service-block p,
  1052. .service-block h2 {
  1053.     color: #fff;
  1054. }
  1055.  
  1056. .service-block h2 a:hover{
  1057.     text-decoration: none;
  1058. }
  1059.  
  1060. .service-block-light,
  1061. .service-block-default {
  1062.     background: #fafafa;
  1063.     border: solid 1px #eee;
  1064. }
  1065.  
  1066. .service-block-default:hover {
  1067.     box-shadow: 0 0 8px #eee;
  1068. }
  1069.  
  1070. .service-block-light p,
  1071. .service-block-light h2,
  1072. .service-block-default p,
  1073. .service-block-default h2 {
  1074.     color: #555;
  1075. }
  1076.  
  1077. .service-block-u {
  1078.     background: #72c02c;
  1079. }
  1080. .service-block-blue {
  1081.     background: #3498db;
  1082. }
  1083. .service-block-red {
  1084.     background: #e74c3c;
  1085. }
  1086. .service-block-sea {
  1087.     background: #1abc9c;
  1088. }
  1089. .service-block-grey {
  1090.     background: #95a5a6;
  1091. }
  1092. .service-block-yellow {
  1093.     background: #f1c40f;
  1094. }
  1095. .service-block-orange {
  1096.     background: #e67e22;
  1097. }
  1098. .service-block-green {
  1099.     background: #2ecc71;
  1100. }
  1101. .service-block-purple {
  1102.     background: #9b6bcc;
  1103. }
  1104. .service-block-aqua {
  1105.     background: #27d7e7;
  1106. }
  1107. .service-block-brown {
  1108.     background: #9c8061;
  1109. }
  1110. .service-block-dark-blue {
  1111.     background: #4765a0;
  1112. }
  1113. .service-block-light-green {
  1114.     background: #79d5b3;
  1115. }
  1116. .service-block-dark {
  1117.     background: #555;
  1118. }
  1119. .service-block-light {
  1120.     background: #ecf0f1;
  1121. }
  1122.  
  1123. /* Funny Boxes
  1124. ------------------------------------*/
  1125. .funny-boxes {
  1126.     background: #f7f7f7;
  1127.     padding: 20px 20px 15px;
  1128.     transition:all 0.3s ease-in-out;
  1129. }
  1130.  
  1131. .funny-boxes h2 {
  1132.     margin-top: 0;
  1133.     font-size: 18px;
  1134.     line-height: 20px;
  1135. }
  1136.  
  1137. .funny-boxes h2 a {
  1138.     color: #555;
  1139. }
  1140.  
  1141. .funny-boxes p a {
  1142.     color: #72c02c;
  1143. }
  1144.  
  1145. .funny-boxes .funny-boxes-img li {
  1146.     font-size: 12px;
  1147.     margin-bottom: 2px;
  1148. }
  1149.  
  1150. .funny-boxes .funny-boxes-img li i {
  1151.     color: #72c02c;
  1152.     font-size: 12px;
  1153.     margin-right: 5px;
  1154. }
  1155.  
  1156. @media (max-width: 992px) {
  1157.     .funny-boxes .funny-boxes-img li {
  1158.         display: inline-block;
  1159.     }
  1160. }
  1161.  
  1162. .funny-boxes .funny-boxes-img img {
  1163.     margin: 5px 10px 15px 0;
  1164. }
  1165.  
  1166. .funny-boxes ul.funny-boxes-rating li {
  1167.     display: inline-block;
  1168. }
  1169.  
  1170. .funny-boxes ul.funny-boxes-rating li i {
  1171.     color: #f8be2c;
  1172.     cursor: pointer;
  1173.     font-size: 14px;
  1174. }
  1175.  
  1176. .funny-boxes ul.funny-boxes-rating li i:hover {
  1177.     color: #f8be2c;
  1178. }
  1179.  
  1180. /*Funny Colored Boxes*/
  1181. .funny-boxes-colored p,
  1182. .funny-boxes-colored h2 a,
  1183. .funny-boxes-colored .funny-boxes-img li,
  1184. .funny-boxes-colored .funny-boxes-img li i {
  1185.     color: #fff;
  1186. }
  1187.  
  1188. /*Red Funny Box*/
  1189. .funny-boxes-red {
  1190.     background: #e74c3c;
  1191. }
  1192.  
  1193. /*Dark Red Funny Box*/
  1194. .funny-boxes-purple {
  1195.     background: #9b6bcc;
  1196. }
  1197.  
  1198. /*Blue Funny Box*/
  1199. .funny-boxes-blue {
  1200.     background: #3498db;
  1201. }
  1202.  
  1203. /*Grey Funny Box*/
  1204. .funny-boxes-grey {
  1205.     background: #95a5a6;
  1206. }
  1207.  
  1208. /*Turquoise Funny Box*/
  1209. .funny-boxes-sea {
  1210.     background: #1abc9c;
  1211. }
  1212.  
  1213. /*Turquoise Top Bordered Funny Box*/
  1214. .funny-boxes-top-sea {
  1215.     border-top: solid 2px #1abc9c;
  1216. }
  1217.  
  1218. .funny-boxes-top-sea:hover {
  1219.     border-top-color: #16a085;
  1220. }
  1221.  
  1222. /*Yellow Top Bordered Funny Box**/
  1223. .funny-boxes-top-yellow {
  1224.     border-top: solid 2px #f1c40f;
  1225. }
  1226.  
  1227. .funny-boxes-top-yellow:hover {
  1228.     border-top-color: #f39c12;
  1229. }
  1230.  
  1231. /*Red Top Bordered Funny Box**/
  1232. .funny-boxes-top-red {
  1233.     border-top: solid 2px #e74c3c;
  1234. }
  1235.  
  1236. .funny-boxes-top-red:hover {
  1237.     border-top-color: #c0392b;
  1238. }
  1239.  
  1240. /*Purple Top Bordered Funny Box**/
  1241. .funny-boxes-top-purple {
  1242.     border-top: solid 2px #9b6bcc;
  1243. }
  1244.  
  1245. .funny-boxes-top-purple:hover {
  1246.     border-top-color: #814fb5;
  1247. }
  1248.  
  1249. /*Orange Left Bordered Funny Box**/
  1250. .funny-boxes-left-orange {
  1251.     border-left: solid 2px #e67e22;
  1252. }
  1253.  
  1254. .funny-boxes-left-orange:hover {
  1255.     border-left-color: #d35400;
  1256. }
  1257.  
  1258. /*Green Left Bordered Funny Box**/
  1259. .funny-boxes-left-green {
  1260.     border-left: solid 2px #72c02c;
  1261. }
  1262.  
  1263. .funny-boxes-left-green:hover {
  1264.     border-left-color: #5fb611;
  1265. }
  1266.  
  1267. /*Blue Left Bordered Funny Box**/
  1268. .funny-boxes-left-blue {
  1269.     border-left: solid 2px #3498db;
  1270. }
  1271.  
  1272. .funny-boxes-left-blue:hover {
  1273.     border-left-color: #2980b9;
  1274. }
  1275.  
  1276. /*Dark Left Bordered Funny Box**/
  1277. .funny-boxes-left-dark {
  1278.     border-left: solid 2px #555;
  1279. }
  1280.  
  1281. .funny-boxes-left-dark:hover {
  1282.     border-left-color: #333;
  1283. }
  1284.  
  1285. /*--------------------------------------------------
  1286.     [7. Process]
  1287. ----------------------------------------------------*/
  1288. /*Process v1
  1289. ------------------------------------*/
  1290. .process-v1 .process-in {
  1291.   text-align: center;
  1292. }
  1293.  
  1294. .process-v1 .process-in > li i {
  1295.   z-index: 1;
  1296.   width: 30px;
  1297.   height: 30px;
  1298.   position: relative;
  1299.   text-align: center;
  1300.   background: #72c02c;
  1301.   margin-bottom: 15px;
  1302.   display: inline-block;
  1303.   border: solid 9px #fff;
  1304. }
  1305.  
  1306. .process-v1 .process-in > li i:after {
  1307.   top: -9px;
  1308.   left: -9px;
  1309.   right: -9px;
  1310.   bottom: -9px;
  1311.   content: " ";
  1312.   border-radius: 50%;
  1313.   position: absolute;
  1314.   border: 1px solid #bbb;
  1315. }
  1316.  
  1317. /*Process Description*/
  1318. .process-v1 .process-in .process-desc {
  1319.   padding: 0 20px;
  1320. }
  1321.  
  1322. .process-v1 .process-in > li h3 {
  1323.   font-size: 16px;
  1324.   font-weight: 600;
  1325.   margin: 0 0 10px;
  1326.   text-transform: uppercase;
  1327. }
  1328.  
  1329. /*Process Border*/
  1330. .process-v1 .process-border {
  1331.   position: relative;
  1332. }
  1333.  
  1334. .process-v1 .process-border:before {
  1335.   top: 15px;
  1336.   width: 75%;
  1337.   left: 12%;
  1338.   content: " ";
  1339.   display: block;
  1340.   position: absolute;
  1341.   border-top: solid 2px #ddd;
  1342. }
  1343.  
  1344. @media (max-width: 768px) {
  1345.   .process-v1 .process-border:before {
  1346.     border: none;
  1347.   }
  1348. }
  1349.  
  1350. /*--------------------------------------------------
  1351.     [8. Team]
  1352. ----------------------------------------------------*/
  1353. /* Team v1
  1354. ------------------------------------*/
  1355. .team-v1 ul {
  1356.   position: relative;
  1357. }
  1358.  
  1359. /*Team Image*/
  1360. .team-v1 li > .team-img {
  1361.   position: relative;
  1362. }
  1363.  
  1364. .team-v1 li > .team-img:after {
  1365.   top: 0;
  1366.   left: 0;
  1367.   width: 100%;
  1368.   height: 100%;
  1369.   content: " ";
  1370.   position: absolute;
  1371.   background: transparent;
  1372.   transition: all 0.4s ease-in-out;
  1373. }
  1374.  
  1375. .team-v1 li:hover > .team-img:after {
  1376.   background: rgba(0,0,0,0.5);
  1377. }
  1378.  
  1379. /*Team Socials*/
  1380. .team-v1 li > .team-img ul {
  1381.   left: 0;
  1382.   top: 45%;
  1383.   z-index: 1;
  1384.   padding: 0;
  1385.   width: 100%;
  1386.   height: 36px;
  1387.   list-style: none;
  1388.   margin-top: -18px;
  1389.   text-align: center;
  1390.   visibility: hidden;
  1391.   position: absolute;
  1392.   transition: all 0.2s ease-in-out;
  1393. }
  1394.  
  1395. .team-v1 li:hover > .team-img ul {
  1396.   top: 50%;
  1397.   visibility: visible;
  1398. }
  1399.  
  1400. .team-v1 li > .team-img ul li {
  1401.   margin: 0 5px;
  1402.   text-align: center;
  1403.   display: inline-block;
  1404. }
  1405.  
  1406. .team-v1 li > .team-img li i {
  1407.   color: #eee;
  1408.   border-width: 2px;
  1409.   border-color: #eee;
  1410.   transition: all 0.1s ease-in-out;
  1411. }
  1412.  
  1413. .team-v1 li > .team-img li i.fa-twitter:hover {
  1414.   color: #fff;
  1415.   background: #3498db;
  1416.   border-color: #3498db;
  1417. }
  1418.  
  1419. .team-v1 li > .team-img li i.fa-facebook:hover {
  1420.   color: #fff;
  1421.   background: #4765a0;
  1422.   border-color: #4765a0;
  1423. }
  1424.  
  1425. .team-v1 li > .team-img li i.fa-google-plus:hover {
  1426.   color: #fff;
  1427.   background: #e74c3c;
  1428.   border-color: #e74c3c;
  1429. }
  1430.  
  1431. /*Team Discription*/
  1432. .team-v1 li > h3 {
  1433.   color: #000;
  1434.   font-size: 18px;
  1435.   line-height: 20px;
  1436.   margin: 15px 0 7px;
  1437.   text-transform: uppercase;
  1438. }
  1439.  
  1440. .team-v1 li > h4 {
  1441.   color: #999;
  1442.   font-size: 11px;
  1443.   line-height: 16px;
  1444.   text-transform: uppercase;
  1445. }
  1446.  
  1447. .team-v1 li > p {
  1448.   margin: 20px 0;
  1449.   position: relative;
  1450. }
  1451.  
  1452. .team-v1 li > p:before {
  1453.   left: 0;
  1454.   top: -10px;
  1455.   height: 1px;
  1456.   width: 40px;
  1457.   content: " ";
  1458.   position: absolute;
  1459.   background: #bbb;
  1460.   transition: all 0.4s ease-in-out;
  1461. }
  1462.  
  1463. .team-v1 li:hover > p:before {
  1464.   width: 100%;
  1465.   background: #72c02c;
  1466. }
  1467.  
  1468. /*Team v2
  1469. ------------------------------------*/
  1470. .team-v2 {
  1471.   position: relative;
  1472.   margin-bottom: 20px;
  1473. }
  1474.  
  1475. .team-v2 img {
  1476.   width: 100%;
  1477. }
  1478.  
  1479. .team-v2 .inner-team {
  1480.   padding: 20px;
  1481.   background: #fff;
  1482.   text-align: center;
  1483. }
  1484.  
  1485. .team-v2 .inner-team h3 {
  1486.   margin: 0;
  1487. }
  1488.  
  1489. .team-v2 .inner-team small {
  1490.   display: block;
  1491.   font-size: 12px;
  1492.   margin-bottom: 7px;
  1493. }
  1494.  
  1495. .team-v2 .inner-team p {
  1496.   font-size: 13px;
  1497. }
  1498.  
  1499. .team-v2 .inner-team hr {
  1500.   margin: 10px 0 15px;
  1501. }
  1502.  
  1503. /*Team-Social (Temporary)*/
  1504. .team-social {
  1505.   margin-bottom: 0;
  1506. }
  1507.  
  1508. .team-social li {
  1509.   padding: 0 2px;
  1510. }
  1511.  
  1512. .team-social li a {
  1513.   font-size: 14px;
  1514.   padding: 6px 4px;
  1515.   text-align: center;
  1516.   border-radius: 50% !important;
  1517. }
  1518.  
  1519. .team-social li i {
  1520.   min-width: 20px;
  1521. }
  1522.  
  1523. .team-social li a.fb {
  1524.   color: #4862a3;
  1525.   border: 1px solid #4862a3;
  1526. }
  1527.  
  1528. .team-social li a.tw {
  1529.   color: #159ceb;
  1530.   border: 1px solid #159ceb;
  1531. }
  1532.  
  1533. .team-social li a.gp {
  1534.   color: #dc4a38;
  1535.   border: 1px solid #dc4a38;
  1536. }
  1537.  
  1538. .team-social li a:hover {
  1539.   text-decoration: none;
  1540. }
  1541.  
  1542. .team-social li a.fb:hover {
  1543.   color: #fff;
  1544.   background: #4862a3;
  1545. }
  1546.  
  1547. .team-social li a.tw:hover {
  1548.   color: #fff;
  1549.   background: #159ceb;
  1550. }
  1551.  
  1552. .team-social li a.gp:hover {
  1553.   color: #fff;
  1554.   background: #dc4a38;
  1555. }
  1556.  
  1557. /*Team v3
  1558. ------------------------------------*/
  1559. .team-v3 .team-img {
  1560.   position: relative;
  1561. }
  1562.  
  1563. .team-v3 .team-img:after {
  1564.   top: 0;
  1565.   left: 0;
  1566.   width: 100%;
  1567.   height: 100%;
  1568.   content: " ";
  1569.   position: absolute;
  1570.   transition: all 0.4s ease-in-out;
  1571. }
  1572.  
  1573. .team-v3 .team-img:hover:after {
  1574.   background: rgba(0,0,0,0.5);
  1575.   transition: all 0.2s ease-in-out;
  1576. }
  1577.  
  1578. .team-v3 .team-img > img {
  1579.   width: 100%;
  1580. }
  1581.  
  1582. /*Team Hover Gradient*/
  1583. .team-v3 .team-hover {
  1584.   left: 0;
  1585.   top: 60%;
  1586.   z-index: 1;
  1587.   padding: 0;
  1588.   width: 100%;
  1589.   padding: 20px;
  1590.   list-style: none;
  1591.   margin-top: -90px;
  1592.   text-align: center;
  1593.   visibility: hidden;
  1594.   position: absolute;
  1595.   transition: all 0.2s ease-in-out;
  1596. }
  1597.  
  1598. .team-v3 .team-img:hover .team-hover {
  1599.   top: 50%;
  1600.   visibility: visible;
  1601. }
  1602.  
  1603. .team-v3 .team-hover span,
  1604. .team-v3 .team-hover small {
  1605.   color: #fff;
  1606.   display: block;
  1607. }
  1608.  
  1609. .team-v3 .team-hover span {
  1610.   font-size: 18px;
  1611.   font-weight: 400;
  1612.   text-transform: uppercase;
  1613. }
  1614.  
  1615. .team-v3 .team-hover small {
  1616.   font-size: 13px;
  1617.   font-weight: 200;
  1618.   margin-bottom: 10px;
  1619. }
  1620.  
  1621. .team-v3 .team-hover p {
  1622.   color: #fff;
  1623.   font-weight: 200;
  1624.   margin-bottom: 20px;
  1625. }
  1626.  
  1627. /*Team Social*/
  1628. .team-v3 .team-hover .team-social-v3 i {
  1629.   color: #fff;
  1630.   width: 33px;
  1631.   height: 33px;
  1632.   padding: 9px;
  1633.   font-size: 14px;
  1634.   text-align: center;
  1635.   display: inline-block;
  1636.   border: 1px solid #fff;
  1637. }
  1638.  
  1639. .team-v3 .team-hover .team-social-v3 i:hover {
  1640.   color: #666;
  1641.   background: #fff;
  1642.   text-decoration: none;
  1643.   transition: all 0.2s ease-in-out;
  1644. }
  1645.  
  1646. /*Team v4
  1647. ------------------------------------*/
  1648. .team-v4 {
  1649.   text-align: center;
  1650. }
  1651.  
  1652. .team-v4 img {
  1653.   width: 100%;
  1654.   margin-bottom: 20px;
  1655. }
  1656.  
  1657. .team-v4 span {
  1658.   color: #333;
  1659.   display: block;
  1660.   font-size: 18px;
  1661.   margin-bottom: 5px;
  1662.   text-transform: uppercase;
  1663. }
  1664.  
  1665. .team-v4 small {
  1666.   color: #999;
  1667.   display: block;
  1668.   font-size: 12px;
  1669.   font-style: italic;
  1670.   margin-bottom: 10px;
  1671. }
  1672.  
  1673. .team-v4 .team-social-v4 a {
  1674.   color: #555;
  1675.   font-size: 16px;
  1676. }
  1677.  
  1678. .team-v4 .team-social-v4 a:hover {
  1679.   color: #72c02c;
  1680.   text-decoration: none;
  1681. }
  1682.  
  1683. /*Team v5
  1684. ------------------------------------*/
  1685. .team-v5 {
  1686.   text-align: center;
  1687. }
  1688.  
  1689. .team-v5 span {
  1690.   color: #555;
  1691.   display: block;
  1692.   font-size: 16px;
  1693.   margin-bottom: 5px;
  1694.   text-transform: uppercase;
  1695. }
  1696.  
  1697. .team-v5 small {
  1698.   display: block;
  1699.   color: #72c02c;
  1700.   font-size: 13px;
  1701.   font-style: italic;
  1702.   position: relative;
  1703.   margin-bottom: 25px;
  1704. }
  1705.  
  1706. .team-v5 small:after {
  1707.   left: 50%;
  1708.   top: 30px;
  1709.   height: 1px;
  1710.   width: 30px;
  1711.   content: " ";
  1712.   background: #777;
  1713.   margin-left: -15px;
  1714.   position: absolute;
  1715. }
  1716.  
  1717. .team-v5 .team-img {
  1718.   position: relative;
  1719. }
  1720.  
  1721. .team-v5 .team-img:after {
  1722.   top: 0;
  1723.   left: 0;
  1724.   width: 100%;
  1725.   height: 100%;
  1726.   content: " ";
  1727.   position: absolute;
  1728.   transition: all 0.4s ease-in-out;
  1729. }
  1730.  
  1731. .team-v5 .team-img:hover:after {
  1732.   background: rgba(0,0,0,0.5);
  1733.   transition: all 0.2s ease-in-out;
  1734. }
  1735.  
  1736. .team-v5 .team-img > img {
  1737.   width: 100%;
  1738.   margin-bottom: 20px;
  1739. }
  1740.  
  1741. /*Team Hover Gradient*/
  1742. .team-v5 .team-hover {
  1743.   left: 0;
  1744.   top: 60%;
  1745.   z-index: 1;
  1746.   padding: 0;
  1747.   width: 100%;
  1748.   list-style: none;
  1749.   margin-top: -16px;
  1750.   text-align: center;
  1751.   visibility: hidden;
  1752.   position: absolute;
  1753.   transition: all 0.2s ease-in-out;
  1754. }
  1755.  
  1756. .team-v5 .team-img:hover .team-hover {
  1757.   top: 50%;
  1758.   visibility: visible;
  1759. }
  1760.  
  1761. /*Social Network-*/
  1762. .team-v5 .team-hover .team-social-v5 i {
  1763.   color: #fff;
  1764.   width: 33px;
  1765.   height: 33px;
  1766.   padding: 9px;
  1767.   font-size: 14px;
  1768.   text-align: center;
  1769.   display: inline-block;
  1770.   border: 1px solid #fff;
  1771. }
  1772.  
  1773. .team-v5 .team-hover .team-social-v5 i:hover {
  1774.   color: #666;
  1775.   background: #fff;
  1776.   text-decoration: none;
  1777.   transition: all 0.2s ease-in-out;
  1778. }
  1779.  
  1780. /*Team v6
  1781. ------------------------------------*/
  1782. .team-v6 {
  1783.   text-align: center;
  1784. }
  1785.  
  1786. .team-v6 img {
  1787.   width: 100%;
  1788.   margin-bottom: 10px;
  1789. }
  1790.  
  1791.  
  1792. .team-v6 span {
  1793.   color: #777;
  1794.   display: block;
  1795.   font-size: 16px;
  1796.   margin-bottom: 20px;
  1797. }
  1798.  
  1799. .team-v6 small {
  1800.   display: block;
  1801.   color: #72c02c;
  1802.   font-size: 13px;
  1803.   margin-bottom: 15px;
  1804. }
  1805.  
  1806. /*Team v7
  1807. ------------------------------------*/
  1808. .team-v7 .team-v7-in {
  1809.   padding: 0 50px;
  1810. }
  1811.  
  1812. .team-v7 .team-v7-name {
  1813.   color: #555;
  1814.   display: block;
  1815.   font-size: 18px;
  1816.   margin-bottom: 5px;
  1817.   text-transform: uppercase;
  1818. }
  1819.  
  1820. .team-v7 .team-v7-position {
  1821.   display: block;
  1822.   color: #72c02c;
  1823.   font-style: normal;
  1824.   margin-bottom: 15px;
  1825. }
  1826.  
  1827. .team-v7 p {
  1828.   font-size: 14px;
  1829.   line-height: 24px;
  1830.   margin-bottom: 20px;
  1831. }
  1832.  
  1833. /*Team Space*/
  1834. .team-v7 .team-v7-name {
  1835.   margin-top: 60px;
  1836. }
  1837.  
  1838. .team-v7 .social-icons-v1 {
  1839.   margin-bottom: 60px;
  1840. }
  1841.  
  1842. /*Team Image*/
  1843. .team-v7 .team-v7-img {
  1844.   position: relative;
  1845. }
  1846.  
  1847. .team-v7 .team-v7-img:after {
  1848.   top: 0;
  1849.   left: 0;
  1850.   width: 100%;
  1851.   height: 100%;
  1852.   content: " ";
  1853.   position: absolute;
  1854.   background: rgba(0,0,0,0.1);
  1855. }
  1856.  
  1857. /*Team Info*/
  1858. .team-v7 .team-arrow-right,
  1859. .team-v7 .team-arrow-left {
  1860.   position: relative;
  1861. }
  1862.  
  1863. .team-v7 .team-arrow-left:before,
  1864. .team-v7 .team-arrow-right:before {
  1865.   width: 0;
  1866.   height: 0;
  1867.   top: 50%;
  1868.   margin-top: -25px;
  1869.   z-index: 2;
  1870.   content: " ";
  1871.   position: absolute;
  1872.   border-style: solid;
  1873. }
  1874.  
  1875. .team-v7 .team-arrow-right:before {
  1876.   right: -25px;
  1877.   border-width: 20px 0 20px 25px;
  1878.   border-color: transparent transparent transparent #fff;
  1879. }
  1880.  
  1881. .team-v7 .team-arrow-left:before {
  1882.   left: -25px;
  1883.   border-width: 20px 25px 20px 0;
  1884.   border-color: transparent #fff transparent transparent;
  1885. }
  1886.  
  1887. /*Team Info Media Queries*/
  1888. @media (max-width: 991px) {
  1889.   /*Team Arrows*/
  1890.   .team-v7 .team-arrow-left:before,
  1891.   .team-v7 .team-arrow-right:before {
  1892.     top: auto;
  1893.     left: 70px;
  1894.     bottom: -25px;
  1895.     border-width: 25px 20px 0 20px;
  1896.     border-color: #fff transparent transparent transparent;
  1897.   }
  1898.  
  1899.   .team-v7 .team-arrow-left:before,
  1900.   .team-v7 .team-arrow-right:before {
  1901.     left: 70px;
  1902.     bottom: -25px;
  1903.     border-width: 25px 20px 0 20px;
  1904.   }
  1905.  
  1906.   /*Equal Height Columns*/
  1907.   .team-v7 .equal-height-column {
  1908.     height: auto !important;
  1909.   }
  1910. }
  1911.  
  1912. /*--------------------------------------------------
  1913.     [9. Call To Action]
  1914. ----------------------------------------------------*/
  1915. /*Call To Action v1
  1916. ------------------------------------*/
  1917. .call-action-v1 p {
  1918.   margin-top: 5px;
  1919.   font-size: 18px;
  1920.   font-weight: 200;
  1921.   margin-bottom: 0;
  1922. }
  1923.  
  1924. .call-action-v1.call-action-v1-boxed {
  1925.   padding: 0 25px;
  1926. }
  1927.  
  1928. .call-action-v1 .call-action-v1-box {
  1929.   width: 100%;
  1930.   display: table;
  1931.   padding: 30px 0;
  1932.   vertical-align: middle;
  1933. }
  1934.  
  1935. .call-action-v1 .call-action-v1-in {
  1936.   display: table-cell;
  1937.   vertical-align: middle;
  1938. }
  1939.  
  1940. .call-action-v1 .call-action-v1-in.inner-btn {
  1941.   padding-top: 1px;
  1942.   min-width: 250px;
  1943.   text-align: right;
  1944. }
  1945.  
  1946. @media (max-width: 992px) {
  1947.   .call-action-v1 .call-action-v1-in,
  1948.   .call-action-v1 .call-action-v1-in.inner-btn {
  1949.     display: block;
  1950.     text-align: center;
  1951.   }
  1952.  
  1953.   .call-action-v1 .call-action-v1-in p {
  1954.     margin-bottom: 20px;
  1955.   }
  1956. }
  1957.  
  1958. /*Call To Action v2
  1959. ------------------------------------*/
  1960. .call-action-v2 {
  1961.   padding: 50px 0;
  1962.   text-align: center;
  1963.   background: url(../img/patterns/16.png);
  1964. }
  1965.  
  1966. .call-action-v2 h2 {
  1967.   font-size: 22px;
  1968.   text-transform: uppercase;
  1969. }
  1970.  
  1971. .call-action-v2 p {
  1972.   padding: 0 100px;
  1973.   margin-bottom: 20px;
  1974. }
  1975.  
  1976. @media (max-width: 768px) {
  1977.   .call-action-v2 p {
  1978.     padding: inherit;
  1979.   }
  1980. }
  1981.  
  1982. /*--------------------------------------------------
  1983.     [10. Portfolio Box]
  1984. ----------------------------------------------------*/
  1985. /*Portfolio Box*/
  1986. @media (min-width: 991px) and (max-width: 1199px) {
  1987.   .portfolio-box {
  1988.     margin-bottom: 60px;
  1989.   }
  1990. }
  1991.  
  1992. @media (min-width: 768px) and (max-width: 992px) {
  1993.   .portfolio-box {
  1994.     margin-bottom: 0;
  1995.   }
  1996. }
  1997.  
  1998. @media (max-width: 768px) {
  1999.   .portfolio-box {
  2000.     margin-bottom: 60px;
  2001.   }
  2002. }
  2003.  
  2004. .portfolio-box a.fancybox {
  2005.   overflow: hidden;
  2006.   position: relative;
  2007. }
  2008.  
  2009. .portfolio-box a.fancybox:after {
  2010.   top: 0;
  2011.   left: 0;
  2012.   width: 100%;
  2013.   height: 100%;
  2014.   content: " ";
  2015.   position: absolute;
  2016. }
  2017.  
  2018. .portfolio-box a.fancybox:hover:after {
  2019.   background: rgba(0,0,0,0.5);
  2020. }
  2021.  
  2022. .portfolio-box a.fancybox img {
  2023.   transition: all .5s ease;
  2024. }
  2025.  
  2026. .portfolio-box a.fancybox:hover img {
  2027.   transform: scale(1.1);
  2028. }
  2029.  
  2030. .portfolio-box .portfolio-box-in {
  2031.     visibility: hidden;
  2032.   position: absolute;
  2033.   top: 50%;
  2034.   left: 50%;
  2035.   z-index: 1;
  2036.   color: #fff;
  2037.     background: #72c02c;
  2038.     font-size: 20px;
  2039.     text-align: center;
  2040.     line-height: 53px;
  2041.     width: 50px;
  2042.     height: 50px;
  2043.   margin-top: -25px;
  2044.   margin-left: -25px;
  2045. }
  2046.  
  2047. .portfolio-box a.fancybox:hover .portfolio-box-in {
  2048.   visibility: visible;
  2049. }
  2050.  
  2051. /*Project Tag*/
  2052. .portfolio-box small.project-tag {
  2053.   display: block;
  2054.   font-size: 12px;
  2055.   margin-bottom: 5px;
  2056. }
  2057.  
  2058. .portfolio-box small.project-tag,
  2059. .portfolio-box small.project-tag a {
  2060.   color: #999;
  2061. }
  2062.  
  2063. .portfolio-box small.project-tag i {
  2064.   margin-right: 5px;
  2065. }
  2066.  
  2067. .portfolio-box small.project-tag a:hover {
  2068.   color: #72c02c;
  2069. }
  2070.  
  2071. /*--------------------------------------------------
  2072.     [11. Portfolio Boxes]
  2073. ----------------------------------------------------*/
  2074. /* Portfolio Box v1
  2075. ------------------------------------*/
  2076. .portfolio-box-v1 {
  2077.   margin: 0;
  2078. }
  2079.  
  2080. .portfolio-box-v1 [class^="col-"] {
  2081.   padding: 0;
  2082.   overflow: hidden;
  2083. }
  2084.  
  2085. .portfolio-box-v1 li {
  2086.   background: #333;
  2087.   position: relative;
  2088.     -webkit-backface-visibility: hidden; /*For Chrome*/
  2089. }
  2090.  
  2091. .portfolio-box-v1 li:after {
  2092.   top: 0;
  2093.   left: 0;
  2094.   width: 100%;
  2095.   height: 100%;
  2096.   content: " ";
  2097.   position: absolute;
  2098. }
  2099.  
  2100. .portfolio-box-v1 li:hover:after {
  2101.   background: rgba(0,0,0,0.7);
  2102. }
  2103.  
  2104. .portfolio-box-v1 li:after,
  2105. .portfolio-box-v1 li:hover:after {
  2106.   transition: all 0.3s ease-in-out;
  2107. }
  2108.  
  2109. .portfolio-box-v1 li img {
  2110.   width: 100%;
  2111.   overflow: hidden;
  2112.   transition: all 0.3s ease-in-out;
  2113. }
  2114.  
  2115. .portfolio-box-v1 li:hover img {
  2116.   -transform: scale(1.1);
  2117. }
  2118.  
  2119. .portfolio-box-v1 .portfolio-box-v1-in {
  2120.   left: 0;
  2121.   top: 50%;
  2122.   z-index: 1;
  2123.   width: 100%;
  2124.   visibility: hidden;
  2125.   min-height: 150px;
  2126.   margin-top: -75px;
  2127.   text-align: center;
  2128.   position: absolute;
  2129.   font-family: "Open Sans", Arial, sans-serif;
  2130. }
  2131.  
  2132. .portfolio-box-v1 li:hover .portfolio-box-v1-in {
  2133.   visibility: visible;
  2134. }
  2135.  
  2136. .portfolio-box-v1 .portfolio-box-v1-in h3 {
  2137.   font-size: 22px;
  2138.   margin-top: 20px;
  2139.   position: relative;
  2140.   margin-bottom: 20px;
  2141.   text-transform: uppercase;
  2142. }
  2143.  
  2144. .portfolio-box-v1 .portfolio-box-v1-in h3:after {
  2145.   left: 50%;
  2146.   height: 1px;
  2147.   width: 40px;
  2148.   content: " ";
  2149.   bottom: -10px;
  2150.   background: #fff;
  2151.   margin-left: -20px;
  2152.   position: absolute;
  2153. }
  2154.  
  2155. .portfolio-box-v1 .portfolio-box-v1-in p,
  2156. .portfolio-box-v1 .portfolio-box-v1-in h3 {
  2157.   color: #fff;
  2158. }
  2159.  
  2160. .portfolio-box-v1 .portfolio-box-v1-in p {
  2161.   font-size: 16px;
  2162.   margin-bottom: 20px;
  2163. }
  2164.  
  2165. .portfolio-box-v1 .portfolio-box-v1-in a.btn-u {
  2166.   font-weight: normal;
  2167.   -webkit-backface-visibility: hidden; /*For Chrome*/
  2168. }
  2169.  
  2170. /*Portfolio Box v2
  2171. ------------------------------------*/
  2172. .portfolio-box-v2 {
  2173.   margin: 0 0 60px;
  2174. }
  2175.  
  2176. .portfolio-box-v2 [class^="col-"] {
  2177.   padding: 0;
  2178.   overflow: hidden;
  2179. }
  2180.  
  2181. .portfolio-box-v2 li {
  2182.   background: #333;
  2183.   overflow: hidden;
  2184.   position: relative;
  2185.   -webkit-backface-visibility: hidden; /*For Chrome*/
  2186. }
  2187.  
  2188. .portfolio-box-v2 li:after {
  2189.   top: 0;
  2190.   left: 0;
  2191.   width: 100%;
  2192.   height: 100%;
  2193.   content: " ";
  2194.   position: absolute;
  2195. }
  2196.  
  2197. .portfolio-box-v2 li:hover:after {
  2198.     background: rgba(255,255,255,0.6);
  2199. }
  2200.  
  2201. .portfolio-box-v2 li:after,
  2202. .portfolio-box-v2 li:hover:after {
  2203.   transition: all 0.3s ease-in-out;
  2204. }
  2205.  
  2206. .portfolio-box-v2 li img {
  2207.   width: 100%;
  2208.   overflow: hidden;
  2209.   transition: all 0.3s ease-in-out;
  2210.   -transform: scale(1.1);
  2211. }
  2212.  
  2213. .portfolio-box-v2 .portfolio-box-v2-in {
  2214.   left: 0;
  2215.   top: 50%;
  2216.   z-index: 1;
  2217.   width: 100%;
  2218.   visibility: hidden;
  2219.   min-height: 60px;
  2220.   margin-top: -30px;
  2221.   text-align: center;
  2222.   position: absolute;
  2223.   font-family: "Open Sans", Arial, sans-serif;
  2224. }
  2225.  
  2226. .portfolio-box-v2 li:hover .portfolio-box-v2-in {
  2227.     visibility: visible;
  2228. }
  2229.  
  2230. .portfolio-box-v2 .portfolio-box-v2-in i {
  2231.     color: #fff;
  2232.     width: 60px;
  2233.     height: 60px;
  2234.     padding: 20px;
  2235.     font-size: 22px;
  2236.     cursor: pointer;
  2237.     margin-right: 5px;
  2238.     text-align: center;
  2239.     display: inline-block;
  2240.     background: rgba(114,192,44,0.8);
  2241. }
  2242.  
  2243. .portfolio-box-v2 .portfolio-box-v2-in i:hover {
  2244.     background: #72c02c;
  2245. }
  2246.  
  2247. /*--------------------------------------------------
  2248.     [12. Thumbnail]
  2249. ----------------------------------------------------*/
  2250. /*Thumbnail v1
  2251. ------------------------------------*/
  2252. .thumbnails-v1 .thumbnail-img {
  2253.   margin-bottom: 12px;
  2254. }
  2255.  
  2256. .thumbnails-v1 h3 {
  2257.   margin-bottom: 5px;
  2258. }
  2259.  
  2260. .thumbnails-v1 h3 a {
  2261.   color: #555;
  2262.   font-size: 15px;
  2263.   text-transform: uppercase;
  2264. }
  2265.  
  2266. .thumbnails-v1 .read-more {
  2267.   color: #72c02c;
  2268.   font-size: 12px;
  2269.   text-transform: uppercase;
  2270. }
  2271.  
  2272. /*--------------------------------------------------
  2273.     [13. Image Backgrounds]
  2274. ----------------------------------------------------*/
  2275. /* Image Backgrounds v1
  2276. ------------------------------------*/
  2277. .bg-image-v1 {
  2278.   width: 100%;
  2279.   height: auto;
  2280.   padding: 50px 0;
  2281.   position: relative;
  2282.   background: url(../img/bg/11.jpg) repeat fixed;
  2283.   background-size: cover;
  2284. }
  2285.  
  2286. .bg-image-v1:before {
  2287.   top: 0;
  2288.   left: 0;
  2289.   width: 100%;
  2290.   height: 100%;
  2291.   content: " ";
  2292.   position: absolute;
  2293.   background: rgba(0,0,0,0.5);
  2294. }
  2295.  
  2296. /*Image Backgrounds v2
  2297. ------------------------------------*/
  2298. .bg-image-v2 {
  2299.   width: 100%;
  2300.   height: auto;
  2301.   padding: 50px 0;
  2302.   position: relative;
  2303.   background: url(../img/bg/7.jpg) repeat fixed;
  2304. }
  2305.  
  2306. .bg-image-v2:before {
  2307.   top: 0;
  2308.   left: 0;
  2309.   width: 100%;
  2310.   height: 100%;
  2311.   content: " ";
  2312.   position: absolute;
  2313.   background: rgba(255,255,255,0.7);
  2314. }
  2315.  
  2316. /*Background Dark Cover*/
  2317. .bg-image-v2-dark:before {
  2318.   top: 0;
  2319.   left: 0;
  2320.   width: 100%;
  2321.   height: 100%;
  2322.   content: " ";
  2323.   position: absolute;
  2324.   background: rgba(0,0,0,0.5);
  2325. }
  2326.  
  2327. .bg-image-v2-dark h2,
  2328. .bg-image-v2-dark p {
  2329.   color: #eee !important;
  2330. }
  2331.  
  2332. /*--------------------------------------------------
  2333.     [14. Parallax Quote]
  2334. ----------------------------------------------------*/
  2335. .parallax-quote {
  2336.   color: #fff;
  2337.   padding: 100px 0;
  2338.   position: relative;
  2339.   text-align: center;
  2340.   background: url(../img/team/faces.jpg) 50% 0 repeat fixed;
  2341. }
  2342.  
  2343. .parallax-quote:after {
  2344.   top: 0;
  2345.   left: 0;
  2346.   width: 100%;
  2347.   height: 100%;
  2348.   content: " ";
  2349.   position: absolute;
  2350.   background: rgba(0,0,0,0.8);
  2351. }
  2352.  
  2353. .parallax-quote:before {
  2354.   top: 0;
  2355.   left: 0;
  2356.   width: 100%;
  2357.   height: 100%;
  2358.   content: " ";
  2359.   position: absolute;
  2360.   background: url(../img/patterns/gridtile.png) repeat;
  2361. }
  2362.  
  2363. /*Parallax Quote Inner*/
  2364. .parallax-quote-in {
  2365.   z-index: 1;
  2366.   padding: 0 80px;
  2367.   position: relative;
  2368. }
  2369.  
  2370. .parallax-quote-in p {
  2371.   color: #fff;
  2372.   font-size: 28px;
  2373.   text-transform: uppercase;
  2374.   font-family: "Open Sans", Arial, sans-serif;
  2375. }
  2376.  
  2377. .parallax-quote-in p:after,
  2378. .parallax-quote-in p:before {
  2379.   content: ' " ';
  2380.   position: absolute;
  2381.   font-family: Tahoma;
  2382. }
  2383.  
  2384. .parallax-quote-in p:after {
  2385.   margin-left: 3px;
  2386. }
  2387.  
  2388. .parallax-quote-in p:before {
  2389.   margin-left: -15px;
  2390. }
  2391.  
  2392. .parallax-quote-in small {
  2393.   color: #bbb;
  2394.   font-size: 13px;
  2395.   font-weight: 400;
  2396.   text-transform: uppercase;
  2397. }
  2398.  
  2399. @media (max-width: 768px){
  2400.   .parallax-quote-in {
  2401.     padding: 0 40px;
  2402.   }
  2403.  
  2404.   .parallax-quote-in p {
  2405.     font-size: 20px;
  2406.   }
  2407. }
  2408.  
  2409. /*Parallax Quote Light*/
  2410. .parallax-quote-light:after {
  2411.   background: rgba(255,255,255,0.9);
  2412. }
  2413.  
  2414. .parallax-quote-light .parallax-quote-in {
  2415.   background: #fff;
  2416.   padding: 30px 80px;
  2417.   border-bottom: solid 2px #ddd;
  2418. }
  2419.  
  2420. .parallax-quote-light .parallax-quote-in p {
  2421.   color: #555;
  2422.   font-size: 28px;
  2423.   font-weight: 200;
  2424. }
  2425.  
  2426. .parallax-quote-light .parallax-quote-in small {
  2427.   color: #555;
  2428. }
  2429.  
  2430. @media (max-width: 768px){
  2431.   .parallax-quote-light .parallax-quote-in {
  2432.     padding: 30px 40px;
  2433.   }
  2434.  
  2435.   .parallax-quote-light .parallax-quote-in p {
  2436.     font-size: 20px;
  2437.   }
  2438.  
  2439.   .parallax-quote-light .parallax-quote-in small {
  2440.     font-weight: 200;
  2441.   }
  2442. }
  2443.  
  2444. /*--------------------------------------------------
  2445.     [15. Parallax Team]
  2446. ----------------------------------------------------*/
  2447. .parallax-team {
  2448.   background: url(../img/team/faces.jpg) 50% 0 repeat fixed;
  2449. }
  2450.  
  2451. .parallax-team,
  2452. .parallax-team .title-box-v2 {
  2453.   position: relative;
  2454. }
  2455.  
  2456. .parallax-team:before,
  2457. .parallax-team-dark:before {
  2458.   top: 0;
  2459.   left: 0;
  2460.   width: 100%;
  2461.   height: 100%;
  2462.   content: " ";
  2463.   position: absolute;
  2464.   background: rgba(255,255,255,0.9);
  2465. }
  2466.  
  2467. /*Parallax Team*/
  2468. .parallax-team {
  2469.   background: url(../img/team/faces.jpg) 50% 0 repeat fixed;
  2470. }
  2471.  
  2472. .parallax-team,
  2473. .parallax-team .title-box-v2 {
  2474.   position: relative;
  2475. }
  2476.  
  2477. .parallax-team-dark:before {
  2478.   background: rgba(0,0,0,0.8);
  2479. }
  2480.  
  2481. /*--------------------------------------------------
  2482.     [16. Parallax Counter]
  2483. ----------------------------------------------------*/
  2484. .parallax-bg {
  2485.   background: url(../img/patterns/5.png) repeat fixed;
  2486. }
  2487.  
  2488. /*Parallax Counter
  2489. ------------------------------------*/
  2490. .parallax-counter {
  2491.   padding: 30px 0;
  2492.   background: url(../img/patterns/5.png) repeat fixed;
  2493. }
  2494.  
  2495. .parallax-counter .counters {
  2496.   color: #fff;
  2497.   padding: 15px 0;
  2498. }
  2499.  
  2500. .parallax-counter h4 {
  2501.   color: #999;
  2502.   font-size: 16px;
  2503.   text-transform: uppercase;
  2504. }
  2505.  
  2506. .parallax-counter span.counter {
  2507.   font-size: 48px;
  2508. }
  2509.  
  2510. /*Parallax Counter v1
  2511. ------------------------------------*/
  2512. .parallax-counter-v1 {
  2513.   padding: 60px 0;
  2514.   background: url(../img/patterns/5.png) repeat fixed;
  2515. }
  2516.  
  2517. .parallax-counter-v1 .counters {
  2518.   color: #fff;
  2519.   padding: 15px 0 10px;
  2520.   border: solid 1px #555;
  2521. }
  2522.  
  2523. .parallax-counter-v1 h4 {
  2524.   color: #eee;
  2525.   font-size: 16px;
  2526.   text-transform: uppercase;
  2527. }
  2528.  
  2529. .parallax-counter-v1 span.counter {
  2530.   font-size: 42px;
  2531.   line-height: 48px;
  2532. }
  2533.  
  2534. /*Parallax Counter v2
  2535. ------------------------------------*/
  2536. .parallax-counter-v2 {
  2537.   position: relative;
  2538.   padding: 80px 0 60px;
  2539.   background: url(../img/patterns/16.png) repeat fixed;
  2540. }
  2541.  
  2542. .parallax-counter-v2:after {
  2543.   top: 0;
  2544.   left: 50%;
  2545.   content: " ";
  2546.   margin-left: -25px;
  2547.   position: absolute;
  2548.   border-top: 25px solid #fff;
  2549.   border-left: 25px solid transparent;
  2550.   border-right: 25px solid transparent;
  2551. }
  2552.  
  2553. .parallax-counter-v2:before {
  2554.   top: 0;
  2555.   left: 0;
  2556.   width: 100%;
  2557.   height: 100%;
  2558.   content: " ";
  2559.   position: absolute;
  2560.   background: rgba(0,0,0,0.02);
  2561. }
  2562.  
  2563. .parallax-counter-v2 .counters {
  2564.   padding: 20px 0;
  2565.   border-bottom: solid 2px #ddd;
  2566.   background: rgba(255,255,255,0.9);
  2567. }
  2568.  
  2569. .parallax-counter-v2 .counters h4,
  2570. .parallax-counter-v2 .counters span {
  2571.   color: #555;
  2572.   font-weight: 200;
  2573.   font-family: "Open Sans", Arial, sans-serif;
  2574. }
  2575.  
  2576. .parallax-counter-v2 .counters span {
  2577.   font-size: 36px;
  2578. }
  2579.  
  2580. .parallax-counter-v2 .counters h4 {
  2581.   font-size: 22px;
  2582.   text-transform: uppercase;
  2583. }
  2584.  
  2585. @media (max-width: 992px) {
  2586.   .parallax-counter-v2 .counters {
  2587.     margin-bottom: 0 !important;
  2588.   }
  2589. }
  2590.  
  2591. /*Parallax Counter v3
  2592. ------------------------------------*/
  2593. .parallax-counter-v3 {
  2594.     z-index: 1;
  2595.     height: auto;
  2596.     padding: 80px 0;
  2597.     overflow: hidden;
  2598.     text-align: center;
  2599.     position: relative;
  2600.     background: url(../img/bg/25.jpg) 50% 0 fixed;
  2601. }
  2602.  
  2603. .parallax-counter-v3:after {
  2604.   left: 0;
  2605.   bottom: 0;
  2606.   width: 100%;
  2607.   z-index: -1;
  2608.   content: " ";
  2609.   height: 100%;
  2610.   text-align: center;
  2611.   position: absolute;
  2612.   background: rgba(0,0,0,0.5);
  2613. }
  2614.  
  2615. .parallax-counter-v3 .features {
  2616.   width: 130px;
  2617.   height: 130px;
  2618.   padding: 25px;
  2619.   position: relative;
  2620.   text-align: center;
  2621.   display: inline-block;
  2622.   border-radius: 50% !important;
  2623.   background: rgba(255,255,255,0.2);
  2624. }
  2625.  
  2626. .parallax-counter-v3 .features:after {
  2627.   top: -9px;
  2628.   left: -9px;
  2629.   right: -9px;
  2630.   bottom: -9px;
  2631.   content: " ";
  2632.   border-radius: 50%;
  2633.   position: absolute;
  2634.   border: 1px solid #fff;
  2635. }
  2636.  
  2637. .parallax-counter-v3 .features span {
  2638.   color: #fff;
  2639.   display: block;
  2640.   font-weight: 200;
  2641. }
  2642.  
  2643. .parallax-counter-v3 .features span.counter {
  2644.   font-size: 30px;
  2645. }
  2646.  
  2647. .parallax-counter-v3 .features span.features-info {
  2648.   text-transform: uppercase;
  2649. }
  2650.  
  2651. @media (max-width: 550px) {
  2652.   .parallax-counter-v3 .features {
  2653.     width: 110px;
  2654.     height: 110px;
  2655.     padding: 22px;
  2656.   }
  2657.  
  2658.   .parallax-counter-v3 .features:after {
  2659.     top: -7px;
  2660.     left: -7px;
  2661.     right: -7px;
  2662.     bottom: -7px;
  2663.   }
  2664.  
  2665.   .parallax-counter-v3 .features span.counter {
  2666.     font-size: 20px;
  2667.   }
  2668.  
  2669.   .parallax-counter-v3 .features span.features-info {
  2670.     font-size: 11px;
  2671.   }
  2672. }
  2673.  
  2674. /*Parallax Counter v4
  2675. ------------------------------------*/
  2676. .parallax-counter-v4 {
  2677.   z-index: 1;
  2678.   height: auto;
  2679.   padding: 30px 0;
  2680.   overflow: hidden;
  2681.   text-align: center;
  2682.   position: relative;
  2683.   background: url(../img/bg/19.jpg) 50% 0 fixed;
  2684. }
  2685.  
  2686. .parallax-counter-v4:after {
  2687.   left: 0;
  2688.   bottom: 0;
  2689.   width: 100%;
  2690.   z-index: -1;
  2691.   content: " ";
  2692.   height: 100%;
  2693.   text-align: center;
  2694.   position: absolute;
  2695.   background: rgba(0,0,0,0.5);
  2696. }
  2697.  
  2698. .parallax-counter-v4 i {
  2699.   color: #fff;
  2700.   display: block;
  2701.   font-size: 50px;
  2702.   margin-bottom: 20px;
  2703. }
  2704.  
  2705. .parallax-counter-v4 span.counter {
  2706.   color: #fff;
  2707.   font-size: 30px;
  2708.   font-weight: 400;
  2709.   margin-bottom: 10px;
  2710. }
  2711.  
  2712. .parallax-counter-v4 h4 {
  2713.   color: #fff;
  2714.   font-size: 18px;
  2715.   font-weight: 200;
  2716.   text-transform: uppercase;
  2717. }
  2718.  
  2719. /*--------------------------------------------------
  2720.     [17. Flat Background Block]
  2721. ----------------------------------------------------*/
  2722. .flat-bg-block-v1 {
  2723.   padding: 40px 0;
  2724.   background: url(../img/patterns/16.png) repeat;
  2725. }
  2726.  
  2727. .flat-bg-block-v1 .checked-list.first-child {
  2728.   float: left;
  2729.   margin-right: 100px;
  2730. }
  2731.  
  2732. .flat-bg-block-v1 .checked-list li {
  2733.   color: #888;
  2734.   margin-bottom: 5px;
  2735. }
  2736.  
  2737. .flat-bg-block-v1 .checked-list i {
  2738.   color: #72c02c;
  2739.   margin-right: 5px;
  2740. }
  2741.  
  2742. /*Image Over*/
  2743. .flat-bg-block-v1 img.img-over {
  2744.   top: -70px;
  2745.   right: 10px;
  2746.   position: absolute;
  2747. }
  2748.  
  2749. @media (min-width: 991px) and (max-width: 1199px) {
  2750.   .flat-bg-block-v1 img.img-over {
  2751.     top: -18px;
  2752.   }
  2753. }
  2754.  
  2755. @media (max-width: 991px) {
  2756.   .flat-bg-block-v1 img.img-over {
  2757.     position: static;
  2758.   }
  2759. }
  2760.  
  2761. /*--------------------------------------------------
  2762.     [18. Flat Testimonials]
  2763. ----------------------------------------------------*/
  2764. .flat-testimonials {
  2765.   padding: 50px 0;
  2766.   background-color: #333;
  2767. }
  2768.  
  2769. .flat-testimonials .flat-testimonials-in {
  2770.   padding: 30px;
  2771.   text-align: center;
  2772.   background: rgba(255,255,255,0.2);
  2773. }
  2774.  
  2775. .flat-testimonials .flat-testimonials-in img {
  2776.   width: 135px;
  2777.   height: 135px;
  2778.   margin: 0 auto 25px;
  2779. }
  2780.  
  2781. .flat-testimonials .flat-testimonials-in h3 {
  2782.   color: #fff;
  2783.   font-size: 22px;
  2784.   font-weight: 200;
  2785. }
  2786.  
  2787. .flat-testimonials .flat-testimonials-in span {
  2788.   display: block;
  2789.   margin-bottom: 5px;
  2790. }
  2791.  
  2792. .flat-testimonials .flat-testimonials-in p {
  2793.   color: #fff;
  2794.   font-weight: 200;
  2795.   position: relative;
  2796. }
  2797.  
  2798. .flat-testimonials .flat-testimonials-in p:before,
  2799. .flat-testimonials .flat-testimonials-in p:after {
  2800.   top: 5px;
  2801.   font-size: 22px;
  2802.   line-height: 10px;
  2803.   position: relative;
  2804. }
  2805.  
  2806. .flat-testimonials .flat-testimonials-in p:before {
  2807.   content: "“"œ";
  2808.   padding-right: 5px;
  2809. }
  2810.  
  2811. .flat-testimonials .flat-testimonials-in p:after {
  2812.   content: ";
  2813.  padding-left: 5px;
  2814. }
  2815.  
  2816. /*--------------------------------------------------
  2817.     [19. Testimonials]
  2818. ----------------------------------------------------*/
  2819. /* Testimonials v4
  2820. ------------------------------------*/
  2821. .testimonials-v4 .testimonials-v4-in {
  2822.  background: #fff;
  2823.  position: relative;
  2824.  margin-bottom: 40px;
  2825.  padding: 20px 20px 20px 55px;
  2826.  box-shadow: 3px 3px 3px 0 rgba(0,0,0,0.1);
  2827. }
  2828.  
  2829. .testimonials-v4 .testimonials-v4-in:before {
  2830.  color: #bbb;
  2831.  font-size: 60px;
  2832.  content: "ontent: "\201C";
  2833.   position: absolute;
  2834.   margin: -25px 0 0 -40px;
  2835.   font-family: Georgia, serif;
  2836. }
  2837.  
  2838. .testimonials-v4 .testimonials-v4-in:after {
  2839.   width: 0;
  2840.   height: 0;
  2841.   left: 80px;
  2842.   content: " ";
  2843.   bottom: -30px;
  2844.   position: absolute;
  2845.   border-style: solid;
  2846.   border-width: 30px 30px 0 0;
  2847.   border-color: #fff transparent transparent transparent;
  2848.   -webkit-filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
  2849.   filter: drop-shadow(2px 2px 1px rgba(0,0,0,0.1));
  2850. }
  2851.  
  2852. .testimonials-v4 .testimonials-v4-in p {
  2853.   color: #777;
  2854.   font-size: 14px;
  2855.   font-style: italic;
  2856. }
  2857.  
  2858. .testimonials-v4 img {
  2859.   float: left;
  2860.   width: 60px;
  2861.   height: auto;
  2862.   margin: 0 20px;
  2863. }
  2864.  
  2865. .testimonials-v4 .testimonials-author {
  2866.   color: #555;
  2867.   display: block;
  2868.   font-size: 14px;
  2869.   overflow: hidden;
  2870.   padding-top: 8px;
  2871.   text-transform: uppercase;
  2872. }
  2873.  
  2874. .testimonials-v4 .testimonials-author em {
  2875.   font-size: 13px;
  2876.   text-transform: capita/*Testimonials v5
  2877. ------------------------------------*/-------*/
  2878. .testimonials-v5 {
  2879.   padding-top: 50px;
  2880.   padding-bottom: 50px;
  2881. }
  2882.  
  2883. .testimonials-v5 .testimonials-desc span {
  2884.   font-size: 13px;
  2885.   font-weight: 200;
  2886. }
  2887.  
  2888. .testimonials-v5 .testimonials-desc p {
  2889.   padding: 15px;
  2890.   position: relative;
  2891.   background: #f9f9f9;
  2892.   margin-bottom: 25px;
  2893. }
  2894.  
  2895. .testimonials-v5 .testimonials-desc p:after {
  2896.   width: 0;
  2897.   height: 0;
  2898.   left: 30px;
  2899.   color: #fff;
  2900.   bottom: -12px;
  2901.   content: " ";
  2902.   text-align: center;
  2903.   position: absolute;
  2904.   border-style: solid;
  2905.   border-width: 13px 10px 0 10px;
  2906.   border-color: #f9f9f9 transparent transparent transpa/*Testimonials By*/ials By*/
  2907. .testimonials-v5 .testimonials-by {
  2908.   margin-left: 20px;
  2909. }
  2910.  
  2911. .testimonials-v5 .testimonials-by img {
  2912.   float: left;
  2913.   width: 40px;
  2914.   height: auto;
  2915.   margin-right: 15px;
  2916. }
  2917.  
  2918. .testimonials-v5 .testimonials-by small {
  2919.   color: #72c02c;
  2920.   font-size: 12px;
  2921. }
  2922.  
  2923. .testimonials-v5 .testimonials-by span {
  2924.   text-transform: upper/*Testimonials v6
  2925. ------------------------------------*/-------*/
  2926. .testimonials-v6.testimonials-wrap {
  2927.   padding-left:/*padding-right: 70px;*/: 70px;*/
  2928. }
  2929.  
  2930. .testimonials-v6 .testimonials-info {
  2931.   padding: 20px;
  2932.   background: #fff;
  2933.   border-bottom: solid 3px #eee;
  2934.     transition: all 0.4s ease-in-out;
  2935. }
  2936.  
  2937. .testimonials-v6 .testimonials-info:hover {
  2938.     border-color: #72c02c;
  2939. }
  2940.  
  2941. .testimonials-v6 .testimonials-info img {
  2942.   float: left;
  2943.   width: 80px;
  2944.   height: auto;
  2945.   margin-right: 20px;
  2946. }
  2947.  
  2948. .testimonials-v6 .testimonials-desc {
  2949.   overflow: hidden;
  2950. }
  2951.  
  2952. .testimonials-v6 .testimonials-desc p {
  2953.   margin-bottom: 15px;
  2954. }
  2955.  
  2956. .testimonials-v6 .testimonials-desc strong,
  2957. .testimonials-v6 .testimonials-desc span {
  2958.   color: #555;
  2959.   display: block;
  2960. }
  2961.  
  2962. @media (max-width: 768px) {
  2963.   .testimonials-v6 .testimonials-wrap {
  2964.     padding-left: 0;
  2965.     padding-right: 0/*Other Testimonials
  2966. ------------------------------------*/-/* Testimonials v3, v4 */v3, v4 */
  2967. .testimonials-section3 .owl-stage-outer {
  2968.     margin-right: 1px;
  2969. }
  2970. .testimonials-section3 .testimonials-item,
  2971. .testimonials-section4 .testimonials-item {
  2972.     border-right: solid 1px #eee;
  2973.     padding: 15px 15px 20px;
  2974. }
  2975. .testimonials-section4 .testimonials-item:last-child {
  2976.     border-right: none;
  2977. }
  2978. .testimonials-section3 img,
  2979. .testimonials-section4 img {
  2980.     width: 74px !important;
  2981.     height: 74px !important;
  2982.     border-radius: 50%;
  2983.     background: #fff;
  2984.     padding: 3px;
  2985.     border: solid 1px #E6E6E6;
  2986.     margin: 0 auto 5px;
  2987.     display: block;
  2988. }
  2989. .testimonials-section3 blockquote,
  2990. .testimonials-section4 blockquote {
  2991.     font-size: 15px;
  2992.     font-weight: 400;
  2993.     font-style: italic;
  2994.     line-height: 1.5;
  2995.     margin-bottom: 20px;
  2996.     border: none;
  2997. }
  2998. .testimonials-section3 blockquote p,
  2999. .testimonials-section4 blockquote p {
  3000.     z-index: 9;
  3001.     position: relative;
  3002.     margin-bottom: 5px;
  3003. }
  3004. .testimonials-section3 .testimonials-item strong,
  3005. .testimonials-section3 .testimonials-item em,
  3006. .testimonials-section4 .testimonials-item strong,
  3007. .testimonials-section4 .testimonials-item em {
  3008.     display: block;
  3009.     font-size: 14px;
  3010.     font-weight: 700;
  3011. }
  3012. .testimonials-section3 .testimonials-item strong,
  3013. .testimonials-section4 .testimonials-item strong {
  3014.     padding-top: 10px;
  3015. }
  3016. .testimonials-section3 .testimonials-item em,
  3017. .testimonials-section4 .testimonials-item em {
  3018.     font-style: normal;
  3019.     opacity: 0.7;
  3020.     font-weight:/* Other Testimonials 1
  3021. ------------------------------------*/-/*Testimonials*/monials*/
  3022. .testimonials {
  3023.     margin-bottom: 10px;
  3024. }
  3025.  
  3026. .testimonials .testimonial-info {
  3027.     color: #72c02c;
  3028.     font-size: 16px;
  3029.     padding: 0 15px;
  3030.     margin-top: 18px;
  3031. }
  3032.  
  3033. .testimonials .testimonial-info span {
  3034.     top: 3px;
  3035.     position: relative;
  3036. }
  3037.  
  3038. .testimonials .testimonial-info em {
  3039.     color: #777;
  3040.     display: block;
  3041.     font-size: 13px;
  3042. }
  3043.  
  3044. .testimonials .testimonial-info img {
  3045.     width: 60px;
  3046.     float: left;
  3047.     height: 60px;
  3048.     padding: 2px;
  3049.     margin-right: 15px;
  3050.     border: solid 1px #ccc;
  3051. }
  3052.  
  3053. .testimonials .testimonial-author {
  3054.     overflow: hidden;
  3055. }
  3056.  
  3057. .testimonials .carousel-arrow {
  3058.     top: -65px;
  3059.     position: relative;
  3060. }
  3061.  
  3062. .testimonials .carousel-arrow i {
  3063.     color: #777;
  3064.     padding: 2px;
  3065.     min-width: 25px;
  3066.     font-size: 20px;
  3067.     text-align: center;
  3068.     background: #f5f5f5;
  3069. }
  3070.  
  3071. .testimonials .carousel-arrow i:hover {
  3072.     color: #fff;
  3073.     background: #72c02c;
  3074. }
  3075.  
  3076. .testimonials .carousel-control {
  3077.     opacity: 1;
  3078.     width: 100%;
  3079.     text-align: right;
  3080.     text-shadow: none;
  3081.     position: absolute;
  3082.     filter: Alpha(opacity/*For IE*/*For IE*/
  3083. }
  3084.  
  3085. .testimonials .carousel-control.left {
  3086.     right: 27px;
  3087.     left: auto;
  3088. }
  3089. .testimonials .carousel-control.right {
  3090.     right:/*Testimonials v1*/ials v1*/
  3091. .testimonials.testimonials-v1 .item p {
  3092.     position: relative;
  3093. }
  3094.  
  3095. .testimonials.testimonials-v1 .item p:after,
  3096. .testimonials.testimonials-v1 .item p:before {
  3097.     left: 80px;
  3098.     bottom: -20px;
  3099. }
  3100.  
  3101. .testimonials.testimonials-v1 .item p:after {
  3102.     border-top: 22px solid;
  3103.     border-left: 0 solid transparent;
  3104.     border-right: 22px solid transpa/*Testimonials v2*/ials v2*/
  3105. .testimonials.testimonials-v2 .testimonial-info {
  3106.     padding: 0 20px;
  3107. }
  3108.  
  3109. .testimonials.testimonials-v2 p {
  3110.     padding-bottom: 15px;
  3111. }
  3112.  
  3113. .testimonials.testimonials-v2 .carousel-arrow {
  3114.     top: -55px;
  3115. }
  3116.  
  3117. .testimonials.testimonials-v2 .item p:after,
  3118. .testimonials.testimonials-v2 .item p:before {
  3119.     left: 8%;
  3120.     bottom: 45px;
  3121. }
  3122.  
  3123. .testimonials.testimonials-v2 .item p:after {
  3124.     border-top: 20px solid;
  3125.     border-left: 25px solid transparent;
  3126.     border-right: 0px solid transpa/*General Testimonials v1/v2*/s v1/v2*/
  3127. .testimonials.testimonials-v1 p,
  3128. .testimonials.testimonials-v2 p {
  3129.     padding: 15px;
  3130.     font-size: 14px;
  3131.     font-style: italic;
  3132.     background: #f5f5f5;
  3133. }
  3134.  
  3135. .testimonials.testimonials-v1 .item p:after,
  3136. .testimonials.testimonials-v2 .item p:after {
  3137.     width: 0;
  3138.     height: 0;
  3139.     content: " ";
  3140.     display: block;
  3141.     position: absolute;
  3142.     border-top-color: #f5f5f5;
  3143.     border-left-style/*FF fixes*/F fixes*/
  3144.     border-right-style/*FF fixes*/F fi/*Testimonials Backgrounds*/grounds*/
  3145. .testimonials-bg-dark .item p,
  3146. .testimonials-bg-default .item p {
  3147.     color: #fff;
  3148.     font-weight: 200;
  3149. }
  3150.  
  3151. .testimonials-bg-dark .carousel-arrow i,
  3152. .testimonials-bg-default .carousel-arrow i {
  3153.     color: /*Testimonials Default*/Default*/
  3154. .testimonials-bg-default .item p {
  3155.     background: #72c02c;
  3156. }
  3157.  
  3158. .testimonials.testimonials-bg-default .item p:after,
  3159. .testimonials.testimonials-bg-default .item p:after {
  3160.     border-top-color: #72c02c;
  3161. }
  3162.  
  3163. .testimonials-bg-default .carousel-arrow i {
  3164.     background: #72c02c;
  3165. }
  3166.  
  3167. .testimonials.testimonials-bg-default .carousel-arrow i:hover {
  3168.     background: #5f/*Testimonials Dark*/ls Dark*/
  3169. .testimonials-bg-dark .item p {
  3170.     background: #555;
  3171. }
  3172.  
  3173. .testimonials.testimonials-bg-dark .item p:after,
  3174. .testimonials.testimonials-bg-dark .item p:after {
  3175.     border-top-color: #555;
  3176. }
  3177.  
  3178. .testimonials-bg-dark .carousel-arrow i {
  3179.     color: #fff;
  3180.     background: #555;
  3181. }
  3182.  
  3183. .testimonials.testimonials-bg-dark .carousel-arrow i:hover {
  3184.     background: #333;
  3185. }
  3186.  
  3187. .testimonials.testimonials-bg-dark .testimonial-info {
  3188.     color: /*--------------------------------------------------
  3189.     [20. Featured Blog]
  3190. ----------------------------------------------------*/-------*/
  3191. .featured-blog h2 {
  3192.   font-size: 18px;
  3193.   margin: 0 0 25px;
  3194.   line-height: 25px;
  3195.   position: relative;
  3196. }
  3197.  
  3198. .featured-blog h2:after {
  3199.   left: 0;
  3200.   z-index: 1;
  3201.   width: 30px;
  3202.   height: 2px;
  3203.   content: " ";
  3204.   bottom: -10px;
  3205.   position: absolute;
  3206.   background: #72c02c;
  3207. }
  3208.  
  3209. .featured-blog .featured-img {
  3210.   position: relative;
  3211. }
  3212.  
  3213. .featured-blog .featured-img:after {
  3214.   top: 0;
  3215.   left: 0;
  3216.   width: 100%;
  3217.   height: 100%;
  3218.   content: " ";
  3219.   position: absolute;
  3220.   transition: all 0.4s ease-in-out;
  3221. }
  3222.  
  3223. .featured-blog .featured-img:hover:after {
  3224.   background: rgba(0,0,0,0.3);
  3225.   transition: all 0.2s ease-in-out;
  3226. }
  3227.  
  3228. .featured-blog .featured-img > img {
  3229.   width: /*Team Hover Gradient*/radient*/
  3230. .featured-blog .featured-img i {
  3231.   top: 60%;
  3232.   left: 50%;
  3233.   z-index: 1;
  3234.   width: 100%;
  3235.   list-style: none;
  3236.   text-align: center;
  3237.   visibility: hidden;
  3238.   position: absolute;
  3239.   margin: -17.5px 0 0 -17.5px;
  3240.   transition: all 0.2s ease-in-out;
  3241. }
  3242.  
  3243. .featured-blog .featured-img:hover i {
  3244.   top: 50%;
  3245.   visibility: visible;
  3246. }
  3247.  
  3248. .featured-blog .featured-img i {
  3249.   color: #fff;
  3250.   width: 35px;
  3251.   height: 35px;
  3252.   padding: 11px;
  3253.   font-size: 14px;
  3254.   text-align: center;
  3255.   display: inline-block;
  3256.   background: rgba(255,255,255,0.4);
  3257. }
  3258.  
  3259. .featured-blog .featured-img i:hover {
  3260.   color: #fff;
  3261.   background: #72c02c;
  3262.   text-decoration: none;
  3263.   transition: all 0.2s ease-in/*--------------------------------------------------
  3264.     [21. Blog Comments]
  3265. ----------------------------------------------------*/-------*/
  3266. .blog-comments img {
  3267.   width: 80px;
  3268.   height: auto;
  3269. }
  3270.  
  3271. .blog-comments .comments-itself {
  3272.   background: #fff;
  3273.   padding: 20px 30px;
  3274.   position: relative;
  3275. }
  3276.  
  3277. .blog-comments .comments-itself:before {
  3278.   width: 0;
  3279.   height: 0;
  3280.   top: 20px;
  3281.   left: -17px;
  3282.   content: " ";
  3283.   position: absolute;
  3284.   border-style: solid;
  3285.   border-width: 15px 17px 15px 0;
  3286.   border-color: transparent #fff transparent transparent;
  3287. }
  3288.  
  3289. .blog-comments .comments-itself h3 {
  3290.   margin: 0 0 10px;
  3291. }
  3292.  
  3293. .blog-comments .comments-itself span {
  3294.   color: #999;
  3295.   float: right;
  3296.   font-size: 13px;
  3297. }
  3298.  
  3299. .blog-comments .comments-itself p {
  3300.   color: /*Comments Reply*/s Reply*/
  3301. .blog-comments.blog-comments-reply {
  3302.   margin-left: /*Media Queries*/Queries*/
  3303. @media (max-width: 768px) {
  3304.   .blog-comments .comments-itself:before {
  3305.     display: none;
  3306.   }
  3307.  
  3308.   .blog-comments .comments-itself:after {
  3309.     width: 0;
  3310.     height: 0;
  3311.     top: -17px;
  3312.     left: 20px;
  3313.     content: " ";
  3314.     position: absolute;
  3315.     border-style: solid;
  3316.     border-width: 0 15px 17px 15px;
  3317.     border-color: transparent transparent #fff transparent/*--------------------------------------------------
  3318.     [22. Quote]
  3319. ----------------------------------------------------*/-------*/
  3320. .quote-v1 {
  3321.   padding: 170px 0 150px;
  3322.   text-align: center;
  3323.   background: url(../img/patterns/5.png) repeat;
  3324. }
  3325.  
  3326. .quote-v1 p {
  3327.   color: #fff;
  3328.   font-size: 22px;
  3329.   font-weight: 200;
  3330.   padding: 0 100px;
  3331.   position: relative;
  3332.   margin-bottom: 20px;
  3333. }
  3334.  
  3335. .quote-v1 p:before {
  3336.   color: #72c02c;
  3337.   font-size: 60px;
  3338.   content: "\201C";
  3339.   position: absolute;
  3340.   margin: -30px 0 0 -40px;
  3341.   font-family: Georgia, serif;
  3342. }
  3343.  
  3344. .quote-v1 span {
  3345.   color: #fff;
  3346.   font-size: 18px;
  3347. }
  3348.  
  3349. @media (max-width: 768px) {
  3350.   .quote-v1 p {
  3351.     font-size: 18px;
  3352.     padding: 0 50px/*Quote v2
  3353. ------------------------------------*/-------*/
  3354. .quote-v2 {
  3355.   text-align: center;
  3356.   padding: 85px 10% 40px;
  3357. }
  3358.  
  3359. .quote-v2 p {
  3360.   color: #555;
  3361.   font-size: 16px;
  3362.   font-style: italic;
  3363.   position: relative;
  3364.   margin-bottom: 20px;
  3365. }
  3366.  
  3367. .quote-v2 p:before {
  3368.   left: 50%;
  3369.   top: -75px;
  3370.   font-size: 80px;
  3371.   content: "\201C";
  3372.   position: absolute;
  3373.   margin-left: -25px;
  3374.   font-family: Georgia, serif;
  3375. }
  3376.  
  3377. .quote-v2 span {
  3378.   color: #555;
  3379.   font-weight:/*--------------------------------------------------
  3380.     [23. Team Social]
  3381. ----------------------------------------------------*/-------*/
  3382. .social-icons-v1 i {
  3383.   color: #555;
  3384.   width: 33px;
  3385.   height: 33px;
  3386.   padding: 9px;
  3387.   font-size: 14px;
  3388.   text-align: center;
  3389.   background: #f7f7f7;
  3390.   display: inline-block;
  3391. }
  3392.  
  3393. .social-icons-v1 i:hover {
  3394.   color: #fff;
  3395.   background: #72c02c;
  3396.   text-decoration: none;
  3397.   transition: all 0.2s ease-in-out;
  3398. }
  3399.  
  3400. .social-icons-v1--dark i {
  3401.   color: #fff;
  3402.   background: /*--------------------------------------------------
  3403.     [24. Box Shadows]
  3404. ----------------------------------------------------*/-------*/
  3405. .shadow-wrapper {
  3406.   z-index: 1;
  3407.   position: rela/*Common Style*/n Style*/
  3408. .box-shadow {
  3409.   background: #fff;
  3410.   position: relative;
  3411. }
  3412.  
  3413. .box-shadow:after,
  3414. .box-shadow:before {
  3415.   top: 80%;
  3416.   left: 5px;
  3417.   width: 50%;
  3418.   z-index: -1;
  3419.   content: "";
  3420.   bottom: 15px;
  3421.   max-width: 300px;
  3422.   background: #999;
  3423.   position: absol/*Effect 1*/ffect 1*/
  3424. .shadow-effect-1 {
  3425.   box-shadow: 0 10px 6px -6px #/*Effect 2,3,4*/t 2,3,4*/
  3426. .shadow-effect-2 {
  3427.   position: relative;
  3428. }
  3429.  
  3430. .shadow-effect-2:after,
  3431. .shadow-effect-2:before,
  3432. .shadow-effect-3:before,
  3433. .shadow-effect-4:after {
  3434.   transform: rotate(-3deg);
  3435.   box-shadow: 0 15px 10px #999;
  3436. }
  3437.  
  3438. .shadow-effect-2:after,
  3439. .shadow-effect-4:after {
  3440.   left: auto;
  3441.   right: 5px;
  3442.   transform: rotate(3/*Effect 5*/ffect 5*/
  3443. .shadow-effect-5 {
  3444.   box-shadow: 0 0 2px /*--------------------------------------------------
  3445.     [25. Interactive Slider]
  3446. ----------------------------------------------------*/-/* Interactive Slider v1
  3447. ------------------------------------*/-------*/
  3448. .interactive-slider-v1 {
  3449.   z-index: 1;
  3450.   padding: 130px 0;
  3451.   position: relative;
  3452. }
  3453.  
  3454. .interactive-slider-v1.img-v1 {
  3455.   background: url(../img/bg/18.jpg) no-repeat;
  3456.   background-size: cover;
  3457.   background-position: center center;
  3458. }
  3459.  
  3460. .interactive-slider-v1.img-v2 {
  3461.   background: url(../img/bg/19.jpg) no-repeat;
  3462.   background-size: cover;
  3463.   background-position: center center;
  3464. }
  3465.  
  3466. .interactive-slider-v1.img-v3 {
  3467.   background: url(../img/bg/18.jpg) no-repeat;
  3468.   background-size: cover;
  3469.   background-position: center center;
  3470. }
  3471.  
  3472. .interactive-slider-v1:after {
  3473.   top: 0;
  3474.   left: 0;
  3475.   z-index: -1;
  3476.   width: 100%;
  3477.   height: 100%;
  3478.   content: " ";
  3479.   position: absolute;
  3480.   background: rgba(0,0,0,0.3);
  3481. }
  3482.  
  3483. .interactive-slider-v1 h2 {
  3484.   color: #fff;
  3485.   font-size: 40px;
  3486.   font-weight: 600;
  3487.   text-transform: uppercase;
  3488. }
  3489.  
  3490. .interactive-slider-v1 p {
  3491.   color: #fff;
  3492.   font-size: 24px;
  3493.   font-weight: 200;
  3494.   text-transform: uppercase;
  3495. }
  3496.  
  3497. @media (max-width: 768px) {
  3498.   .interactive-slider-v1 h2 {
  3499.     font-size: 30px;
  3500.   }
  3501.  
  3502.   .interactive-slider-v1 p {
  3503.     font-size: 18px/*Interactive Slider v2
  3504. ------------------------------------*/-------*/
  3505. .interactive-slider-v2 {
  3506.   z-index: 1;
  3507.   padding: 200px 0;
  3508.   position: relative;
  3509.   text-align: center;
  3510.   background: url(../img/bg/18.jpg) no-repeat;
  3511.   background-size: cover;
  3512.   background-position: center center;
  3513. }
  3514.  
  3515. .interactive-slider-v2-md {
  3516.   padding: 250px 0;
  3517. }
  3518.  
  3519. .interactive-slider-v2.img-v1 {
  3520.   background: url(../img/bg/25.jpg) no-repeat;
  3521.   background-size: cover;
  3522.   background-position: center center;
  3523. }
  3524.  
  3525. .interactive-slider-v2.img-v2 {
  3526.   background: url(../img/bg/14.jpg) no-repeat;
  3527.   background-size: cover;
  3528.   background-position: center center;
  3529. }
  3530.  
  3531. .interactive-slider-v2.img-v3 {
  3532.   background: url(../img/bg/img8.jpg) no-repeat;
  3533.   background-size: cover;
  3534.   background-position: center center;
  3535. }
  3536.  
  3537. .interactive-slider-v2.img-v4 {
  3538.   background: url(../img/bg/img9.jpg) no-repeat;
  3539.   background-size: cover;
  3540.   background-position: center center;
  3541. }
  3542.  
  3543. .interactive-slider-v2.intro-promo-img {
  3544.   padding: 80px 0;
  3545.   background: url(tro/promo.jpg) repeat-) repeat-x fixed center center / cover ;
  3546.   -webkit-animation: infiniteBackground 65s linear infinite;
  3547.   -moz-animation: infiniteBackground 65s linear infinite;
  3548.   animation: infiniteBackground 65s linear infinite;
  3549. }
  3550. @media screen and (max-width: 992px) {
  3551.   .interactive-slider-v2.intro-promo-img {
  3552.     -webkit-animation: none;
  3553.     -moz-animation: none;
  3554.     animation: none;
  3555.   }
  3556. }
  3557. @keyframes infiniteBackground {
  3558.   from {
  3559.     background-position: 0 0;
  3560.   }
  3561.   to {
  3562.     background-position: 1024px 0;
  3563.   }
  3564. }
  3565. @-webkit-keyframes infiniteBackground {
  3566.   from {
  3567.     background-position: 0 0;
  3568.   }
  3569.   to {
  3570.     background-position: 1024px 0;
  3571.   }
  3572. }
  3573. @-moz-keyframe infiniteBackground {
  3574.   from {
  3575.     background-position: 0 0;
  3576.   }
  3577.   to {
  3578.     background-position: 1024px 0;
  3579.   }
  3580. }
  3581.  
  3582. .interactive-slider-v2:after {
  3583.   top: 0;
  3584.   left: 0;
  3585.   z-index: -1;
  3586.   width: 100%;
  3587.   height: 100%;
  3588.   content: " ";
  3589.   position: absolute;
  3590.   background: rgba(0,0,0,.4);
  3591. }
  3592.  
  3593. .intro-promo-cover-dark:after {
  3594.   background: rgba(0,0,0,.8);
  3595. }
  3596. .intro-promo-cover-light:after {
  3597.   background: rgba(255,255,255,.9);
  3598. }
  3599.  
  3600. .interactive-slider-v2 h1 {
  3601.   color: #fff;
  3602.   font-size: 70px;
  3603.   font-weight: 600;
  3604.   line-height: 80px;
  3605.   text-transform: uppercase;
  3606. }
  3607.  
  3608. .interactive-slider-v2 p {
  3609.   color: #fff;
  3610.   font-size: 24px;
  3611.   font-weight: 200;
  3612.   font-family: "Open Sans", Arial, sans-serif;
  3613. }
  3614.  
  3615. @media (max-width: 768px) {
  3616.   .interactive-slider-v2 h1 {
  3617.     font-size: 50px;
  3618.     line-height: 60px;
  3619.     margin-bottom: 20px/*--------------------------------------------------
  3620.     [26. Blog Trending]
  3621. ----------------------------------------------------*/-------*/
  3622. .blog-trending li {
  3623.   margin-bottom: 20px;
  3624. }
  3625.  
  3626. .blog-trending h3 {
  3627.   font-size: 14px;
  3628.   margin: 0 0 5px;
  3629.   line-height: 17px;
  3630. }
  3631.  
  3632. .blog-trending small,
  3633. .blog-trending small a {
  3634.   color: #777;
  3635. }
  3636.  
  3637. .blog-trending small a:hover {
  3638.   color: #72/*--------------------------------------------------
  3639.     [27. Blog Latest Posts]
  3640. ----------------------------------------------------*/-------*/
  3641. .blog-latest-posts li {
  3642.   margin-top: 15px;
  3643.   padding-top: 15px;
  3644.   border-top: 1px solid #ddd;
  3645. }
  3646.  
  3647. .blog-latest-posts li:first-child {
  3648.   margin-top: 0;
  3649.   padding-top: 0;
  3650.   border-top: none;
  3651. }
  3652.  
  3653. .blog-latest-posts h3 {
  3654.   font-size: 14px;
  3655.   margin: 0 0 3px;
  3656.   line-height: 20px;
  3657. }
  3658.  
  3659. .blog-latest-posts small,
  3660. .blog-latest-posts small a {
  3661.   color: #777;
  3662. }
  3663.  
  3664. .blog-latest-posts small {
  3665.   margin-bottom: 8px;
  3666.   display: inline-block;
  3667. }
  3668.  
  3669. .blog-latest-posts p {
  3670.   font-size: /*--------------------------------------------------
  3671.     [28. Blog Photostream]
  3672. ----------------------------------------------------*/-------*/
  3673. .blog-photostream {
  3674.   margin-right: -5px;
  3675. }
  3676.  
  3677. .blog-photostream li {
  3678.   padding: 0;
  3679.   margin: 3px 5px 5px;
  3680.   position: relative;
  3681. }
  3682.  
  3683. .blog-photostream li img {
  3684.   width: 78px;
  3685.   height: /*--------------------------------------------------
  3686.     [29. Newsletter]
  3687. ----------------------------------------------------*/-------*/
  3688. .blog-newsletter p {
  3689.   color: #555;
  3690.   margin-bottom: 15px;
  3691. }
  3692.  
  3693. .blog-newsletter .form-control {
  3694.   border: none;
  3695. }
  3696.  
  3697. .blog-newsletter .form-control:focus {
  3698.   box-shadow: /*--------------------------------------------------
  3699.     [30. Blog Post Quote]
  3700. ----------------------------------------------------*/-------*/
  3701. .blog-post-quote {
  3702.   padding: 35px 60px;
  3703.   background: #fff;
  3704.   text-align: center;
  3705. }
  3706.  
  3707. .blog-post-quote p {
  3708.   color: #555;
  3709.   font-size: 32px;
  3710.   font-weight: 200;
  3711.   line-height: 45px;
  3712.   position: relative;
  3713.   margin-bottom: 20px;
  3714.   font-family: "Open Sans", Arial, sans-serif;
  3715. }
  3716.  
  3717. @media (max-width: 768px) {
  3718.   .blog-post-quote {
  3719.     padding: 35px 25px;
  3720.   }
  3721.  
  3722.   .blog-post-quote p {
  3723.     font-size: 26px;
  3724.     line-height: 35px;
  3725.   }
  3726. }
  3727.  
  3728. .blog-post-quote p:before,
  3729. .blog-post-quote p:after {
  3730.   top: -3px;
  3731.   font-size: 30px;
  3732.   position: relative;
  3733. }
  3734.  
  3735. .blog-post-quote p:before {
  3736.   left: -10px;
  3737.   content: "\0022";
  3738. }
  3739.  
  3740. .blog-post-quote p:after {
  3741.   right: -10px;
  3742.   content: "\0022";
  3743. }
  3744.  
  3745. .blog-post-quote span {
  3746.   color: #555;
  3747.   font-size: 20px;
  3748.   font-weight:/*--------------------------------------------------
  3749.     [31. Blog Post Author]
  3750. ----------------------------------------------------*/-------*/
  3751. .blog-author {
  3752.   padding: 20px;
  3753.   background: #fff;
  3754. }
  3755.  
  3756. .blog-author img {
  3757.   float: left;
  3758.   width: 80px;
  3759.   height: auto;
  3760.   margin-right: 20px;
  3761. }
  3762.  
  3763. .blog-author .blog-author-desc {
  3764.   overflow: hidden;
  3765. }
  3766.  
  3767. .blog-author .blog-author-desc h4 {
  3768.   float: left;
  3769.   font-size: 18px;
  3770.   margin: 0 0 10px;
  3771.   text-transform: uppercase;
  3772. }
  3773.  
  3774. .blog-author .blog-author-desc ul {
  3775.   float: right;
  3776.   margin-top: 6px;
  3777. }
  3778.  
  3779. .blog-author .blog-author-desc p {
  3780.   color: /*--------------------------------------------------
  3781.     [32. Blog Comments]
  3782. ----------------------------------------------------*/-------*/
  3783. .blog-comments img {
  3784.   width: 80px;
  3785.   height: auto;
  3786. }
  3787.  
  3788. .blog-comments .comments-itself {
  3789.   background: #fff;
  3790.   padding: 20px 30px;
  3791.   position: relative;
  3792. }
  3793.  
  3794. .blog-comments .comments-itself:before {
  3795.   width: 0;
  3796.   height: 0;
  3797.   top: 20px;
  3798.   left: -17px;
  3799.   content: " ";
  3800.   position: absolute;
  3801.   border-style: solid;
  3802.   border-width: 15px 17px 15px 0;
  3803.   border-color: transparent #fff transparent transparent;
  3804. }
  3805.  
  3806. .blog-comments .comments-itself h3 {
  3807.   margin: 0 0 10px;
  3808. }
  3809.  
  3810. .blog-comments .comments-itself span {
  3811.   color: #555;
  3812.   float: right;
  3813.   font-size: 13px;
  3814. }
  3815.  
  3816. .blog-comments .comments-itself p {
  3817.   color: /*Comments Reply*/s Reply*/
  3818. .blog-comments.blog-comments-reply {
  3819.   margin-left: /*Media Queries*/Queries*/
  3820. @media (max-width: 768px) {
  3821.     .blog-comments .comments-itself:before {
  3822.         display: none;
  3823.     }
  3824.  
  3825.     .blog-comments .comments-itself:after {
  3826.         width: 0;
  3827.         height: 0;
  3828.         top: -17px;
  3829.         left: 20px;
  3830.         content: " ";
  3831.         position: absolute;
  3832.         border-style: solid;
  3833.         border-width: 0 15px 17px 15px;
  3834.         border-color: transparent transparent #fff transparen/*--------------------------------------------------
  3835.     [33. News]
  3836. ----------------------------------------------------*/-/*News v1
  3837. ------------------------------------*/-------*/
  3838. .news-section {
  3839.   border-top: solid 1px #eee;
  3840.   border-bottom: solid 1px #eee;
  3841. }
  3842.  
  3843. .news-v1 .news-v1-in {
  3844.   background: #fafafa;
  3845. }
  3846.  
  3847. .news-v1 h3 {
  3848.   margin-bottom: 0;
  3849.   font-weight: 200;
  3850.   line-height: 28px;
  3851.   padding: 10px 15px 15px;
  3852. }
  3853.  
  3854. .news-v1 h3 a {
  3855.   color: #555;
  3856. }
  3857.  
  3858. .news-v1 h3 a:hover {
  3859.   color: #72c02c;
  3860. }
  3861.  
  3862. .news-v1 p {
  3863.   color: #555;
  3864.   padding: 0 15px;
  3865.   margin-bottom: 20px;
  3866. }
  3867.  
  3868. .news-v1 .news-v1-info {
  3869.   margin-left: 0;
  3870.   margin-top: 30px;
  3871.   overflow: hidden;
  3872.   padding: 8px 10px;
  3873.   border-top: solid 1px #eee;
  3874. }
  3875.  
  3876. .news-v1 .news-v1-info li {
  3877.   font-size: 12px;
  3878. }
  3879.  
  3880. .news-v1 .news-v1-info li a:hover {
  3881.   color: #72c02c;
  3882.   text-decoration: /*News v2
  3883. ------------------------------------*/-/*News Badge*/s Badge*/
  3884. .news-v2 .news-v2-badge {
  3885.   overflow: hidden;
  3886.   position: relative;
  3887. }
  3888.  
  3889. .news-v2 .news-v2-badge p {
  3890.   left: 0;
  3891.   top: 20px;
  3892.   background: #fff;
  3893.   padding: 5px 15px;
  3894.   text-align: center;
  3895.   position: absolute;
  3896. }
  3897.  
  3898. .news-v2 .news-v2-badge span {
  3899.   color: #555;
  3900.   display: block;
  3901.   font-size: 16px;
  3902.   line-height: 16px;
  3903. }
  3904.  
  3905. .news-v2 .news-v2-badge small {
  3906.   color: #555;
  3907.   display: block;
  3908.   font-size: 10px;
  3909.   text-transform: upper/*News Description*/ription*/
  3910. .news-v2 .news-v2-desc {
  3911.   padding: 20px;
  3912.   background: #fff;
  3913. }
  3914.  
  3915. .news-v2 .news-v2-desc h3 {
  3916.   margin: 0 0 3px;
  3917.   font-size: 16px;
  3918. }
  3919.  
  3920. .news-v2 .news-v2-desc h3 a {
  3921.   color: #555;
  3922. }
  3923.  
  3924. .news-v2 .news-v2-desc h3 a:hover {
  3925.   color: #72c02c;
  3926. }
  3927.  
  3928. .news-v2 .news-v2-desc small {
  3929.   color: #555;
  3930.   display: block;
  3931.   margin-bottom: 15px;
  3932.   text-transform: uppercase;
  3933. }
  3934.  
  3935. .news-v2 .news-v2-desc p {
  3936.   color: /*News v3
  3937. ------------------------------------*/-/*News Posts*/s Posts*/
  3938. .news-v3 .news-v3-in {
  3939.   padding: 35px 30px;
  3940. }
  3941.  
  3942. .news-v3 .news-v3-in-sm {
  3943.   padding: 20px;
  3944. }
  3945.  
  3946. .news-v3 h2 {
  3947.   font-size: 32px;
  3948.   font-weight: 200;
  3949.   margin: 0 0 20px;
  3950.   line-height: 45px;
  3951.   text-transform: uppercase;
  3952. }
  3953.  
  3954. .news-v3 .news-v3-in-sm h2 {
  3955.   font-size: 22px;
  3956.   margin: 0 0 15px;
  3957.   line-height: 30px;
  3958.   text-transform: inherit;
  3959. }
  3960.  
  3961. @media (max-width: 768px) {
  3962.   .news-v3 h2 {
  3963.     font-size: 22px;
  3964.     line-height: 30px;
  3965.   }
  3966. }
  3967.  
  3968. .news-v3 h2 a {
  3969.   color: #555;
  3970. }
  3971.  
  3972. .news-v3 h2 a:hover {
  3973.   color: #72c02c;
  3974.   text-decoration: none;
  3975. }
  3976.  
  3977. .news-v3 p {
  3978.   color: #555;
  3979.   margin-bottom: /*News Info*/ws Info*/
  3980. .news-v3 .posted-info li {
  3981.   color: #555;
  3982.   font-style: italic;
  3983. }
  3984.  
  3985. .news-v3 .news-v3-in-sm .posted-info li {
  3986.   padding: 0;
  3987.   font-size: 12px;
  3988.   padding-left: 5px;
  3989. }
  3990.  
  3991. .news-v3 .posted-info li:before,
  3992. .news-v3 .news-v3-in-sm .posted-info li:before {
  3993.   content: '/';
  3994. }
  3995.  
  3996. .news-v3 .posted-info li:before {
  3997.   font-size: 12px;
  3998.   line-height: 12px;
  3999.   margin-right: 13px;
  4000. }
  4001.  
  4002. .news-v3 .news-v3-in-sm .posted-info li:before {
  4003.   font-size: 11px;
  4004.   line-height: 11px;
  4005.   margin-right: 9px;
  4006. }
  4007.  
  4008. .news-v3 .posted-info li:first-child:before,
  4009. .news-v3 .news-v3-in-sm .posted-info li:first-child:before {
  4010.   content: " ";
  4011.   margin-right: 0;
  4012. }
  4013.  
  4014. .news-v3 .posted-info li a {
  4015.   color: #555;
  4016. }
  4017.  
  4018. .news-v3 .posted-info li a:hover {
  4019.   color: #72/*News Shares*/ Shares*/
  4020. .news-v3 .post-shares {
  4021.   padding-left: 0;
  4022.   list-style: none;
  4023.   margin: 40px 0 0 -5px;
  4024. }
  4025.  
  4026. .news-v3 .news-v3-in-sm .post-shares {
  4027.   margin: 20px 0 0 -5px;
  4028. }
  4029.  
  4030. .news-v3 .post-shares li {
  4031.   position: relative;
  4032.   padding: 0 10px 0 5px;
  4033.   display: inline-block;
  4034. }
  4035.  
  4036. .news-v3 .post-shares li i {
  4037.   color: #555;
  4038.   width: 40px;
  4039.   height: 40px;
  4040.   padding: 13px;
  4041.   font-size: 16px;
  4042.   background: #eee;
  4043.   text-align: center;
  4044.   display: inline-block;
  4045. }
  4046.  
  4047. .news-v3 .post-shares li i:hover {
  4048.   background: #ddd;
  4049. }
  4050.  
  4051. .news-v3 .post-shares li span {
  4052.   top: -5px;
  4053.   right: 6px;
  4054.   color: #fff;
  4055.   width: 22px;
  4056.   height: 22px;
  4057.   padding: 4px;
  4058.   font-size: 10px;
  4059.   line-height: 10px;
  4060.   position: absolute;
  4061.   text-align: center;
  4062.   background: #72c02c;
  4063.   border: 2px solid #fff;
  4064.   border-radius: 50% !important;
  4065. }
  4066.  
  4067. .news-v3 .post-shares-lg li span {
  4068.   top: -10px;
  4069.   right: 0px;
  4070.   width: 29px;
  4071.   height: 29px;
  4072.   padding: 4px;
  4073.   font-size: 10px;
  4074.   line-height: /*--------------------------------------------------
  4075.     [34. Blog Grid]
  4076. ----------------------------------------------------*/-------*/
  4077. .blog-grid img {
  4078.   margin-bottom: 15px;
  4079. }
  4080.  
  4081. .blog-grid h3 {
  4082.   font-size: 22px;
  4083.   margin: 0 0 10px;
  4084.   line-height: 1.4;
  4085. }
  4086.  
  4087. .blog-grid h2.blog-grid-title-lg {
  4088.   font-size: 28px;
  4089.   line-height: 1.4;
  4090.   margin: 0 0 10px;
  4091. }
  4092.  
  4093. .blog-grid h3.blog-grid-title-sm {
  4094.   font-size: 15px;
  4095.   line-height: 1.4;
  4096. }
  4097.  
  4098. .blog-grid h3 a {
  4099.   color: #333;
  4100. }
  4101.  
  4102. .blog-grid p {
  4103.   margin-bottom: 15px;
  4104. }
  4105.  
  4106. .blog-grid-inner {
  4107.   padding: 20px;
  4108.   background: #fff;
  4109.   margin: -70px 40px 0;
  4110.   position: rela/*Blog Grid Gradient*/radient*/
  4111. .blog-grid .blog-grid-grad {
  4112.   position: relative;
  4113. }
  4114.  
  4115. .blog-grid .blog-grid-grad i {
  4116.   top: 10px;
  4117.   left: 10px;
  4118.   z-index: 1;
  4119.   color: #fff;
  4120.   width: 30px;
  4121.   height: 30px;
  4122.   font-size: 18px;
  4123.   line-height: 30px;
  4124.   text-align: center;
  4125.   position: absolute;
  4126.   display: inline-block;
  4127.   background: rgba(0,0,0,/*Blog Grid Info*/id Info*/
  4128. .blog-grid .blog-grid-info {
  4129.   padding-left: 0;
  4130.   list-style: none;
  4131. }
  4132.  
  4133. .blog-grid .blog-grid-info li {
  4134.   color: #888;
  4135.   padding: 0 2px;
  4136.   font-size: 12px;
  4137.   display: inline-block;
  4138. }
  4139.  
  4140. .blog-grid .blog-grid-info li:before {
  4141.   content: '/';
  4142.   font-size: 12px;
  4143.   line-height: 1.4;
  4144.   margin-right: 9px;
  4145. }
  4146.  
  4147. .blog-grid .blog-grid-info li:first-child:before {
  4148.   content: " ";
  4149.   margin-right: 0;
  4150. }
  4151.  
  4152. .blog-grid .blog-grid-info li a {
  4153.   color: #888;
  4154. }
  4155.  
  4156. .blog-grid .blog-grid-info li a:hover {
  4157.   text-decoration: /*Read More Link*/re Link*/
  4158. .blog-grid a.r-more {
  4159.   font-size: 13px;
  4160.   font-weight: 400;
  4161.   font-style: italic;
  4162.   display: inline-block;
  4163. }
  4164.  
  4165. .blog-grid a.r-more:hover {
  4166.   text-decoration: /*--------------------------------------------------
  4167.   [35. Blog Thumb]
  4168. ----------------------------------------------------*/-------*/
  4169. .blog-thumb {
  4170.   overflow: hi/*Blog Grid Hover*/d Hover*/
  4171. .blog-thumb .blog-thumb-hover {
  4172.   float: left;
  4173.   position: relative;
  4174.   margin-right: 15px;
  4175. }
  4176.  
  4177. .blog-thumb .blog-thumb-hover:after {
  4178.   top: 0;
  4179.   left: 0;
  4180.   width: 100%;
  4181.   height: 100%;
  4182.   content: " ";
  4183.   position: absolute;
  4184.   transition: all 0.35s, transform 0.35s;
  4185. }
  4186.  
  4187. .blog-thumb .blog-thumb-hover img {
  4188.   width: 120px;
  4189.   height: auto;
  4190. }
  4191.  
  4192. .blog-thumb .blog-thumb-hover img.video-play-btn {
  4193.   width: 30px;
  4194.   height: /*Icon Hover Gradient*/radient*/
  4195. .blog-thumb .blog-thumb-hover .hover-grad {
  4196.   left: 0;
  4197.   top: 50%;
  4198.   z-index: 1;
  4199.   opacity: 0;
  4200.   width: 100%;
  4201.   color: #fff;
  4202.   font-size: 20px;
  4203.   margin-top: -14px;
  4204.   text-align: center;
  4205.   position: absolute;
  4206.   display: inline-block;
  4207.   transition: all 0.65s, transform 0.65s;
  4208. }
  4209.  
  4210. .blog-thumb .blog-thumb-hover:hover .hover-grad {
  4211.   opacity: 1;
  4212.   transform 0.55s;
  4213.   transition: opacity 0/*Blog Thumb Description*/ription*/
  4214. .blog-thumb .blog-thumb-desc {
  4215.   overflow: hidden;
  4216. }
  4217.  
  4218. .blog-thumb .blog-thumb-desc h3 {
  4219.   font-size: 14px;
  4220.   margin: 0 0 5px;
  4221.   font-weight: 400;
  4222.   line-height: 1.4;
  4223. }
  4224.  
  4225. .blog-thumb .blog-thumb-desc h3 a {
  4226.   color: /*Blog Grid Info*/id Info*/
  4227. .blog-thumb .blog-thumb-info {
  4228.   padding-left: 0;
  4229.   list-style: none;
  4230. }
  4231.  
  4232. .blog-thumb .blog-thumb-info li {
  4233.   color: #888;
  4234.   padding: 0 2px;
  4235.   font-size: 12px;
  4236.   display: inline-block;
  4237. }
  4238.  
  4239. .blog-thumb .blog-thumb-info li:before {
  4240.   content: '/';
  4241.   font-size: 12px;
  4242.   line-height: 1.4;
  4243.   margin-right: 9px;
  4244. }
  4245.  
  4246. .blog-thumb .blog-thumb-info li:first-child:before {
  4247.   content: " ";
  4248.   margin-right: 0;
  4249. }
  4250.  
  4251. .blog-thumb .blog-thumb-info li a {
  4252.   color: #888;
  4253. }
  4254.  
  4255. .blog-thumb .blog-thumb-info li a:hover {
  4256.   color: #e7/*Blog Thumb Circle
  4257. ------------------------------------*/-------*/
  4258. .blog-thumb.blog-thumb-circle .blog-thumb-hover:after {
  4259.   border-radius: 50% !important;
  4260. }
  4261.  
  4262. .blog-thumb.blog-thumb-circle .blog-thumb-hover img {
  4263.   width: 50px;
  4264.   height: 50px;
  4265. }
  4266.  
  4267. .blog-thumb.blog-thumb-circle .blog-thumb-hover .hover-grad {
  4268.   font-size: 15px;
  4269.   margin-top: -/*Blog Thumb Colors
  4270. ------------------------------------*/-------*/
  4271. .blog-thumb .blog-thumb-hover:hover:after {
  4272.   background: rgba(114,192,44,0.9);
  4273. }
  4274. .blog-grid .blog-grid-grad i:hover {
  4275.   background: rgba(114,192,4/*--------------------------------------------------
  4276.   [36. Shop Subscribe]
  4277. ----------------------------------------------------*/-------*/
  4278. .shop-subscribe {
  4279.   padding: 25px 0;
  4280. }
  4281.  
  4282. .shop-subscribe h2 {
  4283.   margin: 0;
  4284.   color: #fff;
  4285.   font-size: 24px;
  4286.   font-weight: 200;
  4287.   text-transform: upper/*Input Form Control*/Control*/
  4288. .shop-subscribe input {
  4289.   border-color: #fff;
  4290.   border-right: none;
  4291.   background: transparent;
  4292. }
  4293.  
  4294. .shop-subscribe .form-control {
  4295.   color: #fff;
  4296.   font-size: 14px;
  4297.   font-weight: 200;
  4298. }
  4299.  
  4300. .shop-subscribe .form-control:focus {
  4301.   box-shadow: none;
  4302.   border-color: #fff;
  4303. }
  4304.  
  4305. .shop-subscribe .form-control::-moz-placeholder {
  4306.   color: #fff;
  4307. }
  4308. .shop-subscribe .form-control:-ms-input-placeholder {
  4309.   color: #fff;
  4310. }
  4311. .shop-subscribe .form-control::-webkit-input-placeholder {
  4312.   color: #fff;
  4313. }
  4314.  
  4315. .shop-subscribe .input-group-btn {
  4316.   border-color: #fff;
  4317.   background: transparent;
  4318. }
  4319.  
  4320. .shop-subscribe .input-group-btn .btn {
  4321.   border: 1px solid #fff;
  4322.   background: transparent;
  4323. }
  4324.  
  4325. .shop-subscribe .input-group-btn i {
  4326.   color: #fff;
  4327.   font-size: 16px;
  4328.   font-weight:/*--------------------------------------------------
  4329.   [37. Parallax Slider (Main)]
  4330. ----------------------------------------------------*/-------*/
  4331. .slider-inner .da-slider {
  4332.  box-shadow: none;
  4333.  border-bottom: 2px solid #ddd;
  4334. }
  4335.  
  4336. .slider-inner .da-dots {
  4337.   z-index: 10;
  4338. }
  4339.  
  4340. @media (max-width: 450px) {
  4341.  .da-slide p {
  4342.     display:none;
  4343.  }
  4344. }
  4345.  
  4346. @media (max-width: 9/*Slider Parallax*/arallax*/
  4347.  .da-slide .da-img {
  4348.     display:non/*--------------------------------------------------
  4349.     [38. Master Slider]
  4350. ----------------------------------------------------*/-------*/
  4351. .ms-promo-info {
  4352.     font-size: 45px;
  4353.     font-weight: 300;
  4354.     line-height: 1.5;
  4355.     text-transform: uppercase;
  4356.     font-family: "Open Sans", Arial, sans-serif;
  4357. }
  4358.  
  4359. .ms-promo-info-in {
  4360.     font-size: 60px;
  4361.     font-weight: 600;
  4362. }
  4363.  
  4364. .ms-promo-sub {
  4365.     font-size: 18px;
  4366.     font-weight: 400;
  4367.     line-height: 1.4;
  4368.     font-family: "Open Sans", Arial, sans-serif;
  4369. }
  4370.  
  4371. .ms-promo-sub-in {
  4372.     font-size: 15px;
  4373. }
  4374.  
  4375. .ms-img-bordered {
  4376.     background: #fff;
  4377.     padding:/*--------------------------------------------------
  4378.   [39. Revolution Slider]
  4379. ----------------------------------------------------*/-------*/
  4380. .tp-dottedoverlay {
  4381.   z-index: 1 !important;
  4382. }
  4383.  
  4384. .tp-bullets.preview4 .bullet {
  4385.   border-radius: 10px !important;
  4386. }
  4387.  
  4388. .tp-banner-container ul li,
  4389. .fullscreenbanner-container ul li {
  4390.   list-style: none;
  4391.   visibility: hidden;
  4392. }
  4393.  
  4394. .tp-banner-container a.btn-u,
  4395. .tp-banner-container a.btn-u:hover {
  4396.   color: #fff;
  4397.   border: solid 1px transparent;
  4398. }
  4399.  
  4400. .tp-banner-container a.re-btn-brd {
  4401.   background: none;
  4402.   border: solid 1px #fff;
  4403. }
  4404.  
  4405. .tp-banner-container a.re-btn-brd:hover {
  4406.   color: #555;
  4407.   background: /*Fullwidth*/llwidth*/
  4408. .tp-banner-container .btn-u.btn-brd {
  4409.   font-weight: 400;
  4410. }
  4411.  
  4412. .tp-banner-container {
  4413.   position: rela/*Fullscreen*/lscreen*/
  4414. .fullscreen-container {
  4415.   padding:0;
  4416.   width:100%;
  4417.   position:rela/*Slider Contents v1*/ents v1*/
  4418. .revolution-mch-1:after {
  4419.   top: 0;
  4420.   left: 0;
  4421.   right: 0;
  4422.   width: 100%;
  4423.   height: 100%;
  4424.   content: ' ';
  4425.   position: abs/*background: rgba(0,0,0,0.3);*/0,0.3);*/
  4426. }
  4427.  
  4428. .revolution-ch1 {
  4429.   color: #fff;
  4430.   font-size: 40px;
  4431.   font-weight: 400;
  4432.   line-height: 60px;
  4433.   text-transform: uppercase;
  4434.   font-family: "Open Sans", Arial, sans-serif;
  4435. }
  4436.  
  4437. .revolution-ch2 {
  4438.   color: #fff;
  4439.   font-size: 20px;
  4440.   max-width: 470px;
  4441.   line-height: 32px;
  4442.   position: relative;
  4443.   text-align: center;
  4444.   font-weight: normal;
  4445.   font-family: "Open Sans", Arial, sans-serif;
  4446. }
  4447.  
  4448. .revolution-ch2:after {
  4449.   left: 50%;
  4450.   width: 70px;
  4451.   height: 2px;
  4452.   content: ' ';
  4453.   bottom: /*background: #fff;*/: #fff;*/
  4454.   margin-left: -35px;
  4455.   position: abso/*Slider Contents v2*/ents v2*/
  4456. .re-title-v1 {
  4457.     color: #fff;
  4458.     font-size: 75px;
  4459.     font-weight: 600;
  4460.     line-height: 60px;
  4461.     text-transform: uppercase;
  4462.     font-family: "Open Sans", Arial, sans-serif;
  4463. }
  4464.  
  4465. .re-title-v2 {
  4466.   color: #fff;
  4467.   font-size: 40px;
  4468.   font-weight: 600;
  4469.   line-height: 45px;
  4470.   text-align: center;
  4471.   text-transform: uppercase;
  4472.   font-family: "Open Sans", Arial, sans-serif;
  4473. }
  4474.  
  4475. .re-text-v1 {
  4476.   color: #fff;
  4477.   font-size: 24px;
  4478.   text-align: center;
  4479.   font-family: "Open Sans", Arial, sans-serif;
  4480. }
  4481.  
  4482. .re-text-v2 {
  4483.   color: #fff;
  4484.   font-size: 24px;
  4485.   font-family: "Open Sans", Arial, sans-s/*Slides*/*Slides*/
  4486. .rs-caption-1 {
  4487.   color: #fff;
  4488.   font-size: 32px;
  4489.   font-weight: 200;
  4490.   padding: 6px 75px;
  4491.   position: relative;
  4492.   border-top: solid 1px #fff;
  4493.   border-bottom: solid 1px #fff;
  4494. }
  4495.  
  4496. .rs-caption-1:after,
  4497. .rs-caption-1:before {
  4498.   font-size: 16px;
  4499.   content: "\f005";
  4500.   position: absolute;
  4501.   font-family: FontAwesome;
  4502. }
  4503.  
  4504. @media (max-width: 768px) {
  4505.   .rs-caption-1:after,
  4506.   .rs-caption-1:before {
  4507.     content: "";
  4508.   }
  4509. }
  4510.  
  4511. .rs-caption-1:after {
  4512.   right: 4%;
  4513. }
  4514.  
  4515. .rs-caption-1:before {
  4516.   left: 4%;
  4517. }
  4518.  
  4519. .rs-caption-2 {
  4520.   color: #fff;
  4521.   position: relative;
  4522.   font-size: 26px;
  4523.   font-weight: 200;
  4524.   line-height: 40px;
  4525.   padding: 10px 50px;
  4526.   text-align: center;
  4527. }
  4528.  
  4529. .rs-caption-2:after {
  4530.   left: 50%;
  4531.   content: "";
  4532.   height: 1px;
  4533.   width: 100px;
  4534.   bottom: -10px;
  4535.   background: #fff;
  4536.   margin-left: -50px;
  4537.   position: absolute;
  4538. }
  4539.  
  4540. .rs-caption-3 a {
  4541.   margin: 0 5px;
  4542.   padding: 7px 20px;
  4543.   text-transform: uppercase;
  4544. }
  4545.  
  4546. @media (max-width: 768px) {
  4547.   .rs-caption-1,
  4548.   .rs-caption-2,
  4549.   .rs-caption-3 {
  4550.     font-weight: normal/*--------------------------------------------------
  4551.   [40. Layer Slider]
  4552. ----------------------------------------------------*/-------*/
  4553. .layer_slider {
  4554.  overflow: hidden;
  4555. }
  4556.  
  4557. .ls-ct-half, .ls-ct-center {
  4558.  border-radius: 100px !impor/*--------------------------------------------------
  4559.   [41. Clients Carousel]
  4560. ----------------------------------------------------*/-------*/
  4561. .clients {
  4562.   border: 0;
  4563.   overflow: hidden;
  4564.   margin-top: 10px;
  4565.   margin-bottom: 30px;
  4566.   box-shadow:none !important;
  4567.   margin-bottom: 0 !important;
  4568. }
  4569. .clients li {
  4570.   overflow: hidden;
  4571.   margin-left: 1px;
  4572.   position: relative;
  4573.   background: #fafafa;
  4574. }
  4575. .clients li:hover {
  4576.   background: #f6f6f6;
  4577. }
  4578. .clients li img.color-img {
  4579.   top: 0;
  4580.   left: 0;
  4581.   display: none;
  4582.   position: absolute;
  4583. }
  4584. .clients li:hover img.color-img {
  4585.   display: block;
  4586. }
  4587. .clients li img {
  4588.   filte/* IE6-9 */ IE6-9 */
  4589.   float: none !important;
  4590.   margin: 0 auto !important;
  4591. }
  4592. .clients li img:hover {
  4593.   filter: /*--------------------------------------------------
  4594.   [42. Pie Chart]
  4595. ----------------------------------------------------*/-------*/
  4596. .pie-progress-charts .inner-pchart {
  4597.   text-align: center;
  4598. }
  4599.  
  4600. .pie-progress-charts .circle {
  4601.   color: #555;
  4602.   font-weight: 200;
  4603.   margin-bottom: 20px;
  4604. }
  4605.  
  4606. .pie-progress-charts .circle-title {
  4607.   font-size: 22px;
  4608. }
  4609.  
  4610. @media (max-width: 767px) {
  4611.   .pie-progress-charts .inner-pchart {
  4612.     margin-bottom: 40px/*--------------------------------------------------
  4613.   [43. Counter]
  4614. ----------------------------------------------------*/-------*/
  4615. .counters {
  4616.   color: #555;
  4617.   text-align: center;
  4618. }
  4619.  
  4620. @media (max-width: 767px) {
  4621.     .counters {
  4622.         margin-bottom: 30px;
  4623.     }
  4624.     .counters:last-child {
  4625.         margin-bottom: inherit;
  4626.     }
  4627. }
  4628.  
  4629. .counters span {
  4630.     font-size: 35px;
  4631. }
  4632.  
  4633. .counters span.counter-icon {
  4634.     display: block;
  4635.     margin-bottom: 10px;
  4636. }
  4637.  
  4638. .counters span.counter-icon i {
  4639.     color: #fff;
  4640.     padding: 16px;
  4641.     min-width: 65px;
  4642.     font-size: 30px;
  4643.     position: relative;
  4644.     background: #72c02c;
  4645. }
  4646.  
  4647. .counters span.counter-icon i:after {
  4648.     width: 0;
  4649.     height: 0;
  4650.     left: 38%;
  4651.     content: " ";
  4652.     bottom: -7px;
  4653.     display: block;
  4654.     position: absolute;
  4655.     border-top: 7px solid #72c02c;
  4656.     border-left: 7px solid transparent;
  4657.     border-right: 7px solid transparent;
  4658.     border-left-style/*FF fixes*/F fixes*/
  4659.     border-right-style/*FF fixes*/F fixes*/
  4660. }
  4661.  
  4662. .counters:hover span.counter-icon i {
  4663.     border-color: /*--------------------------------------------------
  4664.     [44. Back To Top]
  4665. ----------------------------------------------------*/-------*/
  4666. #topcontrol {
  4667.   color: #fff;
  4668.   z-index: 99;
  4669.   width: 30px;
  4670.   height: 30px;
  4671.   font-size: 20px;
  4672.   background: #222;
  4673.   position: relative;
  4674.   right: 14px !important;
  4675.   bottom: 11px !important;
  4676.   border-radius: 3px !important;
  4677. }
  4678.  
  4679. #topcontrol:after {
  4680.   top: -2px;
  4681.   left: 8.5px;
  4682.   content: "\f106";
  4683.   position: absolute;
  4684.   text-align: center;
  4685.   font-family: FontAwesome;
  4686. }
  4687.  
  4688. #topcontrol:hover {
  4689.   color: #fff;
  4690.   background: #72c02c;
  4691.   transition: all 0.3s ease-in/*--------------------------------------------------
  4692.     [45. Owl Carousel]
  4693. ----------------------------------------------------*/-------*/
  4694. .owl-btn {
  4695.   color: #777;
  4696.   cursor: pointer;
  4697.   font-size: 18px;
  4698.   padding: 2px 9px;
  4699.   text-align: center;
  4700.   background: #f5f5f5;
  4701. }
  4702.  
  4703. .owl-btn:hover {
  4704.   color: #fff;
  4705.   background: #72/*Owl Carousel v1*/usel v1*/
  4706. .owl-carousel-v1 .owl-navigation {
  4707.   text-align: right;
  4708.   margin-bottom: 20px;
  4709. }
  4710.  
  4711. .owl-carousel-v1 .item {
  4712.   margin: 0 5px;
  4713. }
  4714.  
  4715. .owl-carousel-v1 .item img {
  4716.   text-align: center;
  4717. }
  4718.  
  4719. .owl-carousel-v1 .owl-pagination {
  4720.   display: /*Owl Carousel v2*/usel v2*/
  4721. .owl-carousel-v2 .owl-slider-v2 {
  4722.   margin-bottom: 20px;
  4723. }
  4724.  
  4725. .owl-carousel-v2 .item {
  4726.   margin: 0 15px;
  4727. }
  4728.  
  4729. .owl-carousel-v2 .item img {
  4730.   text-align: center;
  4731. }
  4732.  
  4733. .owl-carousel-v2 .owl-navigation {
  4734.   text-align: center;
  4735. }
  4736.  
  4737. .owl-carousel-v2 .owl-pagination {
  4738.   display: /*Owl Carousel v3*/usel v3*/
  4739. .owl-carousel-v3 .item {
  4740.   margin: 0 15px;
  4741. }
  4742.  
  4743. .owl-carousel-v3 .item img {
  4744.   text-align: center;
  4745. }
  4746.  
  4747. .owl-carousel-v3 .owl-pagination {
  4748.   display: /*Owl Carousel v4*/usel v4*/
  4749. .owl-carousel-v4 .owl-wrapper-outer {
  4750.   margin-bottom: 20px;
  4751. }
  4752.  
  4753. .owl-carousel-v4 .item {
  4754.   margin: 0 3px;
  4755. }
  4756.  
  4757. .owl-carousel-v4 .item img {
  4758.   width: /*Owl Carousel v5*/usel v5*/
  4759. .owl-carousel-v5 .owl-wrapper-outer {
  4760.   margin-bottom: 20px;
  4761. }
  4762.  
  4763. .owl-carousel-v5 .owl-controls .owl-page.active span,
  4764. .owl-carousel-v5 .owl-controls.clickable .owl-page:hover span {
  4765.   background: #72c02c;
  4766. }
  4767.  
  4768. .owl-carousel-v5 .owl-controls .owl-page span {
  4769.   margin: 5px 3px !impor/*Owl Slider v6*/ider v6*/
  4770. .owl-carousel-v6 .owl-carousel-item {
  4771.     margin: 0 10px;
  4772.     padding: 7px 0;
  4773.     text-align: center;
  4774.     position: relative;
  4775.     border: 1px solid #e4e2e2;
  4776. }
  4777.  
  4778. .owl-carousel-v6 .owl-carousel-item img {
  4779.     width: 150px;
  4780.     height: auto;
  4781. }
  4782.  
  4783. .owl-carousel-v6 .owl-wrapper-outer {
  4784.     margin-bottom: 20px;
  4785. }
  4786.  
  4787. .owl-carousel-v6 .owl-controls .owl-page span {
  4788.     margin: 5px 3px !impor/*Owl Pagination*/ination*/
  4789. .owl-pagination {
  4790.   text-align: center !important;
  4791. }
  4792.  
  4793. .owl-theme .owl-controls .owl-page.active span,
  4794. .owl-theme .owl-controls.clickable .owl-page:hover span {
  4795.   opacity: 1;
  4796.   filter: Alpha(Opac/*IE7 fix*/IE7 fix*/
  4797. }
  4798.  
  4799. .owl-theme .owl-controls .owl-page {
  4800.   zoom: 1;
  4801.   display: inline-block;
  4802.   *display/*IE7 life-saver */-saver */
  4803. }
  4804.  
  4805. .owl-theme .owl-controls .owl-page span {
  4806.   width: 12px;
  4807.   height: 12px;
  4808.   opacity: 0.3;
  4809.   display: block;
  4810.   margin: 5px 7px;
  4811.   background: #bbb;
  4812.   filter: Alpha(Opa/*IE7 fix*/IE7 fix*/
  4813.   border-radius: 50% !impor/*Owl Carousel Style v1*/tyle v1*/
  4814. .owl-carousel-style-v1 img {
  4815.   width: 120px;
  4816.   height: /*Owl Carousel Style v2*/tyle v2*/
  4817. .owl-carousel-style-v2 .item {
  4818.   margin: 0 3px;
  4819.   background: #fafafa;
  4820.   text-align: center;
  4821.   border: solid 1px #eee;
  4822. }
  4823.  
  4824. .owl-carousel-style-v2 .item img {
  4825.   padding: 0 3px;
  4826.   display: inline-block;
  4827. }
  4828.  
  4829. .owl-carousel-style-v2 .item:hover {
  4830.   background: #f7f7f7;
  4831.   border-color: #e5e5e5;
  4832.   transition: all 0.4s ease-in-out;
  4833. }
  4834.  
  4835. .owl-carousel-style-v2 .owl-pagination {
  4836.   display: /*Owl Clients v2
  4837. ------------------------------------*/-------*/
  4838. .owl-clients-v1 img {
  4839.   width: 120px;
  4840.   height: auto;
  4841. }
  4842.  
  4843. .owl-clients-v1 .owl-pagination {
  4844.     display: /*Owl Carousel - Testimonials v3
  4845. ------------------------------------*/-/*Testimonials Section*/Section*/
  4846. .testimonials-v3 {
  4847.   padding: 100px 0;
  4848.   font-family: "Open Sans", Arial, sans-serif;
  4849. }
  4850.  
  4851. .testimonials-v3 ul {
  4852.   margin: 0;
  4853.   padding: 0;
  4854.   text-align: center;
  4855.   position: relative;
  4856. }
  4857.  
  4858. .testimonials-v3 li img {
  4859.   width: 150px;
  4860.   height: 150px;
  4861.   margin-bottom: 10px;
  4862. }
  4863.  
  4864. .testimonials-v3 li > p {
  4865.   font-size: 14px;
  4866. }
  4867.  
  4868. .testimonials-v3 .testimonials-v3-title {
  4869.   font-size: 22px;
  4870.   font-weight: 200;
  4871.   margin-bottom: 20px;
  4872. }
  4873.  
  4874. .testimonials-v3 .testimonials-v3-title p {
  4875.   color: #72c02c;
  4876.   margin-bottom: 0;
  4877. }
  4878.  
  4879. .testimonials-v3 .testimonials-v3-title span {
  4880.   color: #777;
  4881.   display: block;
  4882.   font-size: /*Testimonials Owl Navigation*/igation*/
  4883. .testimonials-v3 .owl-pagination {
  4884.   display: none;
  4885. }
  4886.  
  4887. .testimonials-v3 .owl-buttons .owl-prev,
  4888. .testimonials-v3 .owl-buttons .owl-next {
  4889.   padding: 13px;
  4890.   position: relative;
  4891.   margin: 15px 2px 0;
  4892.   background: #f5f5f5;
  4893.   display: inline-block;
  4894. }
  4895.  
  4896. .testimonials-v3 .owl-buttons .owl-prev:after,
  4897. .testimonials-v3 .owl-buttons .owl-next:after {
  4898.     top: 0;
  4899.     color: #bbb;
  4900.     font-size: 16px;
  4901.     position: absolute;
  4902.     font-weight: normal;
  4903.     display: inline-block;
  4904.     font-family: FontAwesome;
  4905. }
  4906.  
  4907. .testimonials-v3 .owl-buttons .owl-prev:after {
  4908.   left: 10px;
  4909.   content: "\f104";
  4910. }
  4911.  
  4912. .testimonials-v3 .owl-buttons .owl-next:after {
  4913.   right: 10px;
  4914.   content: "\f105";
  4915. }
  4916.  
  4917. .testimonials-v3 .owl-buttons .owl-prev:hover:after,
  4918. .testimonials-v3 .owl-buttons .owl-next:hover:after {
  4919.   color: #fff;
  4920. }
  4921.  
  4922. .testimonials-v3 .owl-buttons .owl-prev:hover,
  4923. .testimonials-v3 .owl-buttons .owl-next:hover {
  4924.   background: #72c02c;
  4925.   transition: background 0.4s ease-in/*Recent Works (Owl Carousel)
  4926. ------------------------------------*/-------*/
  4927. .owl-work-v1 .owl-navigation {
  4928.   top: 3px;
  4929.   position: relative;
  4930. }
  4931.  
  4932. .owl-work-v1 .owl-navigation {
  4933.   margin-bottom: 10px;
  4934. }
  4935.  
  4936. .owl-work-v1 .item a {
  4937.   text-align: center;
  4938. }
  4939.  
  4940. .owl-work-v1 .item a:hover {
  4941.   text-decoration: none;
  4942. }
  4943.  
  4944. .owl-work-v1 .item a:hover strong {
  4945.   color: #555;
  4946. }
  4947.  
  4948. .owl-work-v1 .item em.overflow-hidden {
  4949.   display: block;
  4950. }
  4951.  
  4952. .owl-work-v1 .item a span {
  4953.   display: block;
  4954.   padding: 10px;
  4955.   border-bottom: solid 2px #eee;
  4956. }
  4957.  
  4958. .owl-work-v1 .item a strong {
  4959.   color: #555;
  4960.   display: block;
  4961. }
  4962.  
  4963. .owl-work-v1 .item a i {
  4964.   color: #777;
  4965. }
  4966.  
  4967. .owl-work-v1 .item a img {
  4968.     transition: all 0.8s ease-in-out;
  4969. }
  4970.  
  4971. .owl-work-v1 .item a:hover img {
  4972.     opacity: 0.8;
  4973.     transform: scale(1.2) rotate(3deg);
  4974. }
  4975.  
  4976. .owl-work-v1 .item a:hover span {
  4977.     border-bottom: solid 2px #72c02c;
  4978.     transition: all 0.3s ease-in/*Parallax Twitter (Owl Carousel)
  4979. ------------------------------------*/-------*/
  4980. .parallax-twitter {
  4981.   color: #fff;
  4982.   padding: 100px 0;
  4983.   position: relative;
  4984.   text-align: center;
  4985.   background: #333 url(../img/bg/19.jpg) 50% 0 fixed;
  4986.   background-size: cover;
  4987.   background-position: center center;
  4988. }
  4989.  
  4990. .parallax-twitter:after {
  4991.   top: 0;
  4992.   left: 0;
  4993.   width: 100%;
  4994.   height: 100%;
  4995.   content: " ";
  4996.   position: absolute;
  4997.   background: rgba(0,0,0,0.5);
  4998. }
  4999.  
  5000. .parallax-twitter:before {
  5001.   top: 0;
  5002.   left: 0;
  5003.   width: 100%;
  5004.   height: 100%;
  5005.   content: " ";
  5006.   position: absolute;
  5007.   background: url(tterns/gridtile.png) repeat;) repeat;
  5008. }
  5009.  
  5010. .parallax-twitter-in {
  5011.   z-index: 1;
  5012.   position: rela/*Twitter Block (owl-controls)*/ntrols)*/
  5013. .parallax-twitter-in ul {
  5014.   margin: 0;
  5015. }
  5016.  
  5017. .parallax-twitter-in li {
  5018.   color: #fff;
  5019. }
  5020.  
  5021. .parallax-twitter-in li p {
  5022.   color: #fff;
  5023.   font-size: 18px;
  5024.   font-weight: 200;
  5025. }
  5026.  
  5027. .parallax-twitter-in li a {
  5028.   color: #eee;
  5029.   text-decoration: underline;
  5030. }
  5031.  
  5032. .parallax-twitter-in li a:hover {
  5033.   text-decoration: none;
  5034. }
  5035.  
  5036. .parallax-twitter-in li span {
  5037.   color: #ddd;
  5038.   display: block;
  5039.   font-size: 14px;
  5040.   font-weight: 400;
  5041.   margin-bottom: 20px;
  5042. }
  5043.  
  5044. .parallax-twitter-in .owl-page {
  5045.   width: /*Clients Section (Owl Carousel)
  5046. ------------------------------------*/-------*/
  5047. .clients-section {
  5048.   padding: 60px 0;
  5049.   position: relative;
  5050.   background: #333 url(../img/bg/7.jpg) 50% fixed;
  5051.   background-size: cover;
  5052.   background-position: center center;
  5053. }
  5054.  
  5055. .clients-section:after {
  5056.   top: 0;
  5057.   left: 0;
  5058.   width: 100%;
  5059.   height: 100%;
  5060.   content: " ";
  5061.   position: absolute;
  5062.   background: rgba(0,0,0,0.8);
  5063. }
  5064.  
  5065. .clients-section:before {
  5066.   top: 0;
  5067.   left: 0;
  5068.   width: 100%;
  5069.   height: 100%;
  5070.   content: " ";
  5071.   position: absolute;
  5072.   background: url(tterns/gridtile.png) repeat;) repeat;
  5073. }
  5074.  
  5075. .clients-section .title-v1 p,
  5076. .clients-section .title-v1 h2 {
  5077.   color: #fff;
  5078. }
  5079.  
  5080. .clients-section ul {
  5081.   padding: 0;
  5082.   z-index: 1;
  5083.   list-style: none;
  5084. }
  5085.  
  5086. .clients-section li {
  5087.   margin: 0 3px;
  5088.   background: #fff;
  5089. }
  5090.  
  5091. .clients-section li a {
  5092.   padding: 10px;
  5093.   display: block;
  5094.   overflow: hidden;
  5095.   text-align: center;
  5096.   transition: all 0.3s ease-in-out;
  5097. }
  5098.  
  5099. .clients-section li a:hover {
  5100.   -transform: scale(1.2);
  5101. }
  5102.  
  5103. .clients-section img {
  5104.   width: 100px;
  5105.   height: 100px;
  5106. }
  5107.  
  5108. .clients-section .owl-pagination {
  5109.   display: /* Owl Video
  5110. ------------------------------------*/-------*/
  5111. .owl-video img {
  5112.   position: relative;
  5113.   text-align: center;
  5114.   margin: 0 auto 20px;
  5115. }
  5116.  
  5117. .owl-video img.video-play {
  5118.   top: 50%;
  5119.   left: 50%;
  5120.   margin-top: -52px;
  5121.   margin-left: -52px;
  5122.   position: absolute;
  5123. }
  5124.  
  5125. .owl-video .owl-controls .owl-page span {
  5126.   margin: 5px/*--------------------------------------------------
  5127.     [46. Bootstrap Carousels]
  5128. ----------------------------------------------------*/-/* Bootstrap Carousel v1
  5129. ------------------------------------*/-------*/
  5130. .carousel-v1 .carousel-caption {
  5131.     left: 0;
  5132.     right: 0;
  5133.     bottom: 0;
  5134.     padding: 7px 15px;
  5135.     background: rgba(0, 0, 0, 0.7);
  5136. }
  5137.  
  5138. .carousel-v1 .carousel-caption p {
  5139.     color: #fff;
  5140.     margin-bottom: 0;
  5141. }
  5142.  
  5143. .carousel-v1 .carousel-arrow a.carousel-control {
  5144.     opacity: 1;
  5145.     font-size:30px;
  5146.     height:inherit;
  5147.     width: inherit;
  5148.     background: none;
  5149.     text-shadow: none;
  5150.     position: inherit;
  5151. }
  5152.  
  5153. .carousel-v1 .carousel-arrow a i {
  5154.     top: 50%;
  5155.     opacity: 0.6;
  5156.     background: #000;
  5157.     margin-top: -18px;
  5158.     padding: 2px 12px;
  5159.     position: absolute;
  5160. }
  5161. .carousel-v1 .carousel-arrow a i:hover {
  5162.     opacity: 0.8;
  5163. }
  5164.  
  5165. .carousel-v1 .carousel-arrow a.left i {
  5166.     left: 0;
  5167. }
  5168. .carousel-v1 .carousel-arrow a.right i {
  5169.     righ/* Bootstrap Carousel v2
  5170. ------------------------------------*/-------*/
  5171. .carousel-v2 .carousel-control,
  5172. .carousel-v2 .carousel-control:hover {
  5173.     opacity: 1;
  5174.     text-shadow: none;
  5175. }
  5176.  
  5177. .carousel-v2 .carousel-control.left,
  5178. .carousel-v2 .carousel-control.right {
  5179.     top: 50%;
  5180.     z-index: 5;
  5181.     color: #eee;
  5182.     width: 45px;
  5183.     height: 45px;
  5184.     font-size: 30px;
  5185.     margin-top: -22px;
  5186.     position: absolute;
  5187.     text-align: center;
  5188.     display: inline-block;
  5189.     border: 2px solid #eee;
  5190.     background: rgba(0,0,0,0.1);
  5191. }
  5192.  
  5193. .carousel-v2 .carousel-control:hover {
  5194.     background: rgba(0,0,0,0.3);
  5195.     transition: all 0.4s ease-in-out;
  5196. }
  5197.  
  5198. .carousel-v2 .carousel-control.left {
  5199.     left: 20px;
  5200. }
  5201.  
  5202. .carousel-v2 .carousel-control.right {
  5203.     right: 20px;
  5204. }
  5205.  
  5206. .carousel-v2 .carousel-control .arrow-prev,
  5207. .carousel-v2 .carousel-control .arrow-next {
  5208.     top: -5px;
  5209.     position: relative;
  5210. }
  5211.  
  5212. .carousel-v2 .carousel-control .arrow-next {
  5213.     right: -2px;
  5214. }
  5215.  
  5216.  
  5217. @media (min-width: 768px) {
  5218.     .carousel-indicators {
  5219.         bottom: 10p/*--------------------------------------------------
  5220.     [47. Tabs]
  5221. ----------------------------------------------------*/-/*Tabs*/
  5222. /*Tabs*/
  5223. .nav-tabs > li > a,
  5224. .nav-pills > li > a,
  5225. .nav-tabs.nav-justified > li > a {
  5226.     border-radiu/*Tabs v1
  5227. ------------------------------------*/-------*/
  5228. .tab-v1 .nav-tabs {
  5229.     border: none;
  5230.     background: none;
  5231.     border-bottom: solid 2px #72c02c;
  5232. }
  5233.  
  5234. .tab-v1 .nav-tabs a {
  5235.     font-size: 14px;
  5236.     padding: 5px 15px;
  5237. }
  5238.  
  5239. .tab-v1 .nav-tabs > .active > a,
  5240. .tab-v1 .nav-tabs > .active > a:hover,
  5241. .tab-v1 .nav-tabs > .active > a:focus {
  5242.     color: #fff;
  5243.     border: none;
  5244.     background: #72c02c;
  5245. }
  5246.  
  5247. .tab-v1 .nav-tabs > li > a {
  5248.     border: none;
  5249. }
  5250. .tab-v1 .nav-tabs > li > a:hover {
  5251.     color: #fff;
  5252.     background: #72c02c;
  5253. }
  5254.  
  5255. .tab-v1 .tab-content {
  5256.     padding: 10px 0;
  5257. }
  5258.  
  5259. .tab-v1 .tab-content img {
  5260.     margin-top: 4px;
  5261.     margin-bottom: 15px;
  5262. }
  5263.  
  5264. .tab-v1 .tab-content img.img-tab-space {
  5265.     margin-top:/*Tabs v2
  5266. ------------------------------------*/-------*/
  5267. .tab-v2 .nav-tabs {
  5268.     border-bottom: none;
  5269. }
  5270.  
  5271. .tab-v2 .nav-tabs li a {
  5272.     padding: 9px 16px;
  5273.     background: none;
  5274.     border: none;
  5275. }
  5276.  
  5277. .tab-v2 .nav-tabs li.active a {
  5278.     background: #fff;
  5279.     padding: 7px 15px 9px;
  5280.     border: solid 1px #eee;
  5281.     border-top: solid 2px #72c02c;
  5282.     border-bottom: none !important;
  5283. }
  5284.  
  5285. .tab-v2 .tab-content {
  5286.     padding: 10px 16px;
  5287.     border: solid 1px /*Tabs v3
  5288. ------------------------------------*/-------*/
  5289. .tab-v3 .nav-pills li a {
  5290.     color: #777;
  5291.     font-size: 17px;
  5292.     padding: 4px 8px;
  5293.     margin-bottom: 3px;
  5294.     background: #fafafa;
  5295.     border: solid 1px #eee;
  5296. }
  5297.  
  5298. .tab-v3 .nav-pills li a:hover,
  5299. .tab-v3 .nav-pills li.active a {
  5300.     color: #fff;
  5301.     background: #72c02c;
  5302.     border: solid 1px #68af28;
  5303. }
  5304.  
  5305. .tab-v3 .nav-pills li i {
  5306.     width: 1.25em;
  5307.     margin-right: 5px;
  5308.     text-align: center;
  5309.     display: inline-block;
  5310. }
  5311.  
  5312. .tab-v3 .tab-content {
  5313.     padding: 15px;
  5314.     background: #fafafa;
  5315.     border: solid 1px /*Tab v4
  5316. ------------------------------------*/-------*/
  5317. .tab-v4 .tab-heading {
  5318.     width: 100%;
  5319.     overflow: hidden;
  5320.     position: relative;
  5321.     display: inline-block;
  5322.     text-transform: uppercase;
  5323.     border-bottom: 3px solid #333;
  5324. }
  5325.  
  5326. .tab-v4 .tab-heading h2 {
  5327.     margin: 0;
  5328.     float: left;
  5329.     font-size: 18px;
  5330.     font-weight: /*Nav Tabs*/av Tabs*/
  5331. .tab-v4 .nav-tabs {
  5332.     top: 3px;
  5333.     border: none;
  5334.     float: right;
  5335.     overflow: hidden;
  5336.     position: relative;
  5337. }
  5338.  
  5339. .tab-v4 .nav-tabs a {
  5340.     color: #555;
  5341.     font-size: 12px;
  5342.     padding: 6px 15px;
  5343.     text-transform: uppercase;
  5344. }
  5345.  
  5346. .tab-v4 .nav-tabs > .active > a,
  5347. .tab-v4 .nav-tabs > .active > a:hover,
  5348. .tab-v4 .nav-tabs > .active > a:focus {
  5349.     border: none;
  5350.     background: inherit;
  5351. }
  5352.  
  5353. .tab-v4 .nav-tabs > li > a {
  5354.     border: none;
  5355. }
  5356. .tab-v4 .nav-tabs > li > a:hover {
  5357.     background: inherit;
  5358. }
  5359.  
  5360. .tab-v4 .tab-content {
  5361.     padding: 20px 0 /*Tab v5
  5362. ------------------------------------*/-------*/
  5363. .tab-v5 .nav-tabs {
  5364.     border-bottom: none;
  5365. }
  5366.  
  5367. .tab-v5 .nav-tabs li a {
  5368.     border: none;
  5369.     font-size: 14px;
  5370.     background: none;
  5371.     padding: 9px 16px;
  5372. }
  5373.  
  5374. .tab-v5 .nav-tabs li.active a {
  5375.     background: #fff;
  5376.     padding: 7px 15px 9px;
  5377.     border: solid 1px #eee;
  5378.     border-top: solid 3px #222;
  5379.     border-bottom: none !important;
  5380. }
  5381.  
  5382. .tab-v5 .tab-content {
  5383.     padding: 13px;
  5384.     border: solid 1px /*Tab v6
  5385. ------------------------------------*/-------*/
  5386. .tab-v6 .nav-tabs {
  5387.   border-bottom-color: #dedede;
  5388. }
  5389.  
  5390. .tab-v6 .nav-tabs > li {
  5391.   margin-right: 30px;
  5392. }
  5393.  
  5394. .tab-v6 .nav-tabs > li > a {
  5395.   border: none;
  5396.   color: #687074;
  5397.   padding: 6px 0;
  5398.   font-size: 18px;
  5399.   margin-right: 0;
  5400.   background: none;
  5401.   text-transform: uppercase;
  5402.   border-bottom: solid 1px transparent;
  5403. }
  5404.  
  5405. .tab-v6 .nav-tabs > li.active > a,
  5406. .tab-v6 .nav-tabs > li.active > a:hover,
  5407. .tab-v6 .nav-tabs > li.active > a:focus {
  5408.   border-top: none;
  5409.   border-left: none;
  5410.   border-right: none;
  5411.   border-bottom: 1px solid #18ba9b;
  5412. }
  5413.  
  5414. .tab-v6 .nav-tabs > li > a:hover {
  5415.   border-bottom: 1px solid #18ba9b;
  5416. }
  5417.  
  5418. .tab-v6 .nav-tabs > li > a:focus {
  5419.   border: none;
  5420. }
  5421.  
  5422. .tab-v6 .tab-content {
  5423.   padding: 30/*--------------------------------------------------
  5424.     [48. Accordions]
  5425. ----------------------------------------------------*/-/*Accordion v1
  5426. ------------------------------------*/-------*/
  5427. .acc-v1 .panel-heading {
  5428.     padding: 0;
  5429.     box-shadow: none;
  5430. }
  5431.  
  5432. .acc-v1 .panel-heading a {
  5433.     display: block;
  5434.     font-size: 14px;
  5435.     padding: 5px 15px;
  5436.     background: #fefefe;
  5437. }
  5438.  
  5439. .acc-icon a.accordion-toggle i {
  5440.     color: #555;
  5441.     margin-right: 8px;
  5442. }
  5443. .acc-icon a.accordion-toggle:hover i {
  5444.     color: #39/*--------------------------------------------------
  5445.     [49. Paginations]
  5446. ----------------------------------------------------*/--/*Pegination*/ination*/
  5447. .pagination > li:first-child > a,
  5448. .pagination > li:first-child > span,
  5449. .pagination-lg > li:first-child > a,
  5450. .pagination-lg > li:first-child > span,
  5451. .pagination-lg > li:last-child > a,
  5452. .pagination-lg > li:last-child > span,
  5453. .pagination > li:last-child > a,
  5454. .pagination > li:last-child > span {
  5455.     border-radius: 0;
  5456. }
  5457.  
  5458. .pagination li a {
  5459.     color: #777;
  5460.     padding: 5px 15px;
  5461. }
  5462.  
  5463. .pagination li a:hover {
  5464.     color: #fff;
  5465.     background: #5fb611;
  5466.     border-color: #5fb611;
  5467. }
  5468.  
  5469. .pagination > .active > a,
  5470. .pagination > .active > span,
  5471. .pagination > .active > a:hover,
  5472. .pagination > .active > span:hover,
  5473. .pagination > .active > a:focus,
  5474. .pagination > .active > span:focus {
  5475.     border-color: #72c02c;
  5476.     background-color: #72/*Pagination Without Space*/t Space*/
  5477. .pagination-no-space .pagination {
  5478.     margi/*--------------------------------------------------
  5479.     [50. Pagers]
  5480. ----------------------------------------------------*/-/*Pager*//*Pager*/
  5481. .pager li > a,
  5482. .pager li > span {
  5483.     border-radius: 0;
  5484. }
  5485.  
  5486. .pager li > a:hover,
  5487. .pager li > a:focus {
  5488.     color: #fff;
  5489.     background: #5fb611;
  5490.     border-color: #5f/*Pager v2 and v3
  5491. ------------------------------------*/-------*/
  5492. .pager.pager-v2 li > a {
  5493.     border: none;
  5494. }
  5495.  
  5496. .pager.pager-v2 li > a,
  5497. .pager.pager-v3 li > a {
  5498.     transition: all 0.1s ease-in-out;
  5499. }
  5500.  
  5501. .pager.pager-v2 li > a:hover,
  5502. .pager.pager-v2 li > a:focus,
  5503. .pager.pager-v3 li > a:hover,
  5504. .pager.pager-v3 li > a:focus {
  5505.     color: #fff;
  5506.     background: #72/*Pager Amount*/ Amount*/
  5507. .pager.pager-v2 li.page-amount,
  5508. .pager.pager-v3 li.page-amount {
  5509.     font-size: 16px;
  5510.     font-style: italic;
  5511. }
  5512.  
  5513. .pager.pager-v2 li.page-amount,
  5514. .pager.pager-v2 li.page-amount:hover,
  5515. .pager.pager-v2 li.page-amount:focus,
  5516. .pager.pager-v3 li.page-amount,
  5517. .pager.pager-v3 li.page-amount:hover,
  5518. .pager.pager-v3 li.page-amount:focus {
  5519.     top: 7px;
  5520.     color: #777;
  5521.     position: rela/*Pager Size*/er Size*/
  5522. .pager.pager-v2.pager-md li a,
  5523. .pager.pager-v3.pager-md li a {
  5524.     font-size: 16px;
  5525.     padding: 8px /*Pager v4
  5526. ------------------------------------*/-------*/
  5527. .pager.pager-v4 li > a {
  5528.     line-height: normal;
  5529.     transition: all 0.1s ease-in-out;
  5530. }
  5531.  
  5532. .pager.pager-v4 li > a:hover,
  5533. .pager.pager-v4 li > a:focus {
  5534.     color: #fff;
  5535.     background: #222;
  5536.     border-color: /*Pager Amount*/ Amount*/
  5537. .pager.pager-v4 li.page-amount {
  5538.     font-size: 14px;
  5539.     font-style: italic;
  5540. }
  5541.  
  5542. .pager.pager-v4 li.page-amount,
  5543. .pager.pager-v4 li.page-amount:hover,
  5544. .pager.pager-v4 li.page-amount:focus {
  5545.     top: 7px;
  5546.     color: #777;
  5547.     position: rela/*--------------------------------------------------
  5548.     [51. Sidebar Menu]
  5549. ----------------------------------------------------*/-/* Sidebar Menu v1
  5550. ------------------------------------*/-------*/
  5551. .sidebar-nav-v1 li {
  5552.     padding: 0;
  5553. }
  5554.  
  5555. .sidebar-nav-v1 li a {
  5556.     display: block;
  5557.     padding: 8px 30px 8px 10px;
  5558. }
  5559.  
  5560. .sidebar-nav-v1 li a:hover {
  5561.     text-decoration: none;
  5562. }
  5563.  
  5564. .sidebar-nav-v1 > li.active,
  5565. .sidebar-nav-v1 > li.active:hover {
  5566.     background: #717984;
  5567. }
  5568.  
  5569. .sidebar-nav-v1 > li.active,
  5570. .sidebar-nav-v1 > li.active:hover,
  5571. .sidebar-nav-v1 > li.active:focus {
  5572.     border-color: #ddd;
  5573. }
  5574.  
  5575. .sidebar-nav-v1 > li.active > a {
  5576.     color: /*Sidebar Sub Navigation*/igation*/
  5577. .sidebar-nav-v1 li ul {
  5578.     padding: 0;
  5579.     list-style: none;
  5580. }
  5581.  
  5582. .sidebar-nav-v1 li ul,
  5583. .sidebar-nav-v1 li.active ul a {
  5584.     background: #f8f8f8;
  5585. }
  5586.  
  5587. .sidebar-nav-v1 li ul a {
  5588.     color: #555;
  5589.     font-size: 12px;
  5590.     border-top: solid 1px #ddd;
  5591.     padding: 6px 30px 6px 17px;
  5592. }
  5593.  
  5594. .sidebar-nav-v1 ul li:hover a,
  5595. .sidebar-nav-v1 ul li.active a {
  5596.     color: #72/*Sidebar Badges*/ Badges*/
  5597. .list-group-item li > .badge {
  5598.     float: right;
  5599. }
  5600.  
  5601. .sidebar-nav-v1 span.badge {
  5602.     margin-top: 8px;
  5603.     margin-right: 10px;
  5604. }
  5605.  
  5606. .sidebar-nav-v1 .list-toggle > span.badge {
  5607.     margin-right: 25px;
  5608. }
  5609.  
  5610. .sidebar-nav-v1 ul li span.badge {
  5611.     margin-top: 8px;
  5612.     font-size: 11px;
  5613.     padding: 3px 5px;
  5614.     margin-right: /* Sidebar List Toggle
  5615. ------------------------------------*/-------*/
  5616. .list-group-item:first-child,
  5617. .list-group-item:last-child {
  5618.     border-radius: 0;
  5619. }
  5620.  
  5621. .list-toggle:after {
  5622.     top: 7px;
  5623.     right: 10px;
  5624.     color: #777;
  5625.     font-size: 14px;
  5626.     content: "\f105";
  5627.     position: absolute;
  5628.     font-weight: normal;
  5629.     display: inline-block;
  5630.     font-family: FontAwesome;
  5631. }
  5632.  
  5633. .list-toggle.active:after {
  5634.     color: #fff;
  5635.     content: "\f/*--------------------------------------------------
  5636.     [52. Content Boxes]
  5637. ----------------------------------------------------*/-/*Content Boxes v1*/oxes v1*/
  5638. .content-boxes-v1 {
  5639.     text-align: center;
  5640. }
  5641.  
  5642. .content-boxes-v1 span {
  5643.     display: block;
  5644.     margin-top:/*Content Boxes v2*/oxes v2*/
  5645. .content-boxes-v2-o span {
  5646.     display: block;
  5647.     overflow: hidden;
  5648. }
  5649.  
  5650. .content-boxes-v2-o small {
  5651.     display: block;
  5652.     line-height: 1.6;
  5653. }
  5654.  
  5655. .content-boxes-v2-o .icon-md + span {
  5656.     margin-top: 9px;
  5657. }
  5658.  
  5659. .content-boxes-v2-o .icon-lg + span {
  5660.     margin-top: 11px;
  5661. }
  5662.  
  5663. .content-boxes-v2-o .icon-custom {
  5664.     float: left;
  5665.     margin-top: 3px;
  5666.     margin-right: 15px;
  5667. }
  5668.  
  5669. @media (max-width: 992px) {
  5670.     .content-boxes-v2,
  5671.     .content-boxes-v2 .text-justify {
  5672.         text-align: center;
  5673.     }
  5674.  
  5675.     .content-boxes-v2 span {
  5676.         display: block;
  5677.         margin-top: 5p/*Content Boxes v3*/oxes v3*/
  5678. .content-boxes-v3 i.icon-custom {
  5679.     top: 8px;
  5680.     float: left;
  5681.     position: relative;
  5682. }
  5683.  
  5684. .content-boxes-v3 .content-boxes-in-v3 {
  5685.     padding: 0 20px;
  5686.     overflow: hidden;
  5687. }
  5688.  
  5689. .content-boxes-v3 .content-boxes-in-v3 h3 {
  5690.     font-size: 14px;
  5691.     line-height: 15px;
  5692.     margin-bottom: 3px;
  5693.     text-transform: capitalize;
  5694. }
  5695.  
  5696. .content-boxes-v3 .content-boxes-in-v3 h3 a {
  5697.     color: /*Content Boxes Right v3*/ight v3*/
  5698. .content-boxes-v3.content-boxes-v3-right {
  5699.     text-align: right;
  5700. }
  5701.  
  5702. .content-boxes-v3.content-boxes-v3-right i.icon-custom {
  5703.     float: right;
  5704. }
  5705.  
  5706. @media (max-width: 768px){
  5707.     .content-boxes-v3.content-boxes-v3-right {
  5708.         text-align: inherit;
  5709.     }
  5710.  
  5711.     .content-boxes-v3.content-boxes-v3-right i.icon-custom {
  5712.         float: left;
  5713.         margin-left: /*Content Boxes v4*/oxes v4*/
  5714. .content-boxes-v4 h2 {
  5715.     color: #555;
  5716.     font-size: 18px;
  5717.     font-weight: bold;
  5718.     text-transform: uppercase;
  5719. }
  5720.  
  5721. .content-boxes-v4 a {
  5722.     color: #777;
  5723.     font-size: 11px;
  5724.     font-weight: bold;
  5725.     text-transform: uppercase;
  5726. }
  5727.  
  5728. .content-boxes/*width: 25px;*/: /*color: #72c02c;*/72/*font-size: 35px;*/: /*margin-top: 10px;*/: 10px;*/
  5729. }
  5730.  
  5731. .content-boxes-in-v4 {
  5732.     padding: 0 10px;
  5733.     overflow: hidden;
  5734. }
  5735.  
  5736. .content-boxes-v4-sm i {
  5737.     font-size: 26px;
  5738.     margin-top: 10px;
  5739.     margin-right:/*Content Boxes v5*/oxes v5*/
  5740. .content-boxes-v5 i {
  5741.     float: none;
  5742.     color: #fff;
  5743.     width: 66px;
  5744.     height: 66px;
  5745.     padding: 11px;
  5746.     font-size: 25px;
  5747.     background: #f2a900;
  5748.     line-height: 45px;
  5749.     text-align: center;
  5750.     margin-right: 15px;
  5751.     display: inline-block;
  5752. }
  5753.  
  5754. .content-boxes-v5:hover i {
  5755.     color: #fff;
  5756.     background: #72/*Content Boxes v6*/oxes v6*/
  5757. .content-boxes-v6 {
  5758.     padding-top: 25px;
  5759.     text-align: center;
  5760. }
  5761.  
  5762. .content-boxes-v6 i {
  5763.     color: #fff;
  5764.     width: 90px;
  5765.     height: 90px;
  5766.     padding: 30px;
  5767.     font-size: 30px;
  5768.     line-height: 30px;
  5769.     position: relative;
  5770.     text-align: center;
  5771.     background: #dedede;
  5772.     margin-bottom: 25px;
  5773.     display: inline-block;
  5774. }
  5775.  
  5776. .content-boxes-v6 i:after {
  5777.     top: -8px;
  5778.     left: -8px;
  5779.     right: -8px;
  5780.     bottom: -8px;
  5781.     content: " ";
  5782.     position: absolute;
  5783.     border: 1px solid #dedede;
  5784.     border-radius: 50% !important;
  5785. }
  5786.  
  5787. .content-boxes-v6:hover i,
  5788. .content-boxes-v6:hover i:after {
  5789.     transition: all 0.3s ease-in-out;
  5790. }
  5791.  
  5792. .content-boxes-v6:hover i {
  5793.     background: #72c02c;
  5794. }
  5795.  
  5796. .content-boxes-v6:hover i:after {
  5797.     border-color: #72/*--------------------------------------------------
  5798.     [53. Tagline Boxes]
  5799. ----------------------------------------------------*/-/*Tagline Boxes*/e Boxes*/
  5800. .tag-box  {
  5801.     padding: 20px;
  5802.     background: #fff;
  5803.     margin-bottom: 30px;
  5804. }
  5805.  
  5806. .tag-box h2 {
  5807.     font-size: 20px;
  5808.     line-height: 25px;
  5809. }
  5810.  
  5811. .tag-box p {
  5812.     margin-bottom: 0;
  5813. }
  5814.  
  5815. .tag-box.tag-text-space p {
  5816.     margin-bottom: /*Tagline Boxes v1*/oxes v1*/
  5817. .tag-box-v1 {
  5818.     border: solid 1px #eee;
  5819.     border-top: solid 2px #72/*Tagline Boxes v2*/oxes v2*/
  5820. .tag-box-v2 {
  5821.     background: #fafafa;
  5822.     border: solid 1px #eee;
  5823.     border-left: solid 2px #72/*Tagline Boxes v3*/oxes v3*/
  5824. .tag-box-v3 {
  5825.     border: solid 2px /*Tagline Boxes v4*/oxes v4*/
  5826. .tag-box-v4 {
  5827.     border: dashed 1px /*Tagline Boxes v5*/oxes v5*/
  5828. .tag-box-v5 {
  5829.     margin: 20px 0;
  5830.     text-align: center;
  5831.     border: dashed 1px #ccc;
  5832. }
  5833.  
  5834. .tag-box-v5 span {
  5835.     color: #555;
  5836.     font-size: 28px;
  5837.     margin-botto/*Tagline Boxes v6*/oxes v6*/
  5838. .tag-box-v6 {
  5839.     background: #fafafa;
  5840.     border: solid 1px /*Tagline Boxes v7*/oxes v7*/
  5841. .tag-box-v7 {
  5842.     border: solid 1px #eee;
  5843.     border-bottom: solid 2px #72/*--------------------------------------------------
  5844.     [54. Tags]
  5845. ----------------------------------------------------*/-/*Tags v1
  5846. ------------------------------------*/-------*/
  5847. .tags-v1 li {
  5848.     margin: 0;
  5849.     padding: 0;
  5850. }
  5851.  
  5852. .tags-v1 li a {
  5853.     font-size: 13px;
  5854.     padding: 4px 8px;
  5855.     line-height: 32px;
  5856.     border: solid 2px #eee;
  5857.     border-radius: 20px !important;
  5858.     transition: all 0.2s ease-in-out;
  5859. }
  5860.  
  5861. .tags-v1 li a:hover {
  5862.     text-decoration: none;
  5863.     border-color: #e0/*Tags v2
  5864. ------------------------------------*/-------*/
  5865. .tags-v2 li {
  5866.     padding: 7px 0 7px 4px;
  5867. }
  5868.  
  5869. .tags-v2 li a {
  5870.     color: #555;
  5871.     font-size: 13px;
  5872.     padding: 5px 10px;
  5873.     border: solid 1px #bbb;
  5874. }
  5875.  
  5876. .tags-v2 li a:hover {
  5877.     color: #fff;
  5878.     background: #555;
  5879.     border-color: #555;
  5880.     text-decoration: none;
  5881.     transition: all 0.2s ease-in/*Tags v3
  5882. ------------------------------------*/-------*/
  5883. .tags-v3 li {
  5884.     padding: 7px 0 7px 4px;
  5885. }
  5886.  
  5887. .tags-v3 li a {
  5888.     color: #555;
  5889.     font-size: 12px;
  5890.     padding: 4px 12px;
  5891.     border: solid 1px #eee;
  5892. }
  5893.  
  5894. .tags-v3 li a:hover {
  5895.     color: #fff;
  5896.     background: #222;
  5897.     border-color: #222;
  5898.     text-decoration: none;
  5899.     transition: all 0.2s ease-in/*Tags v4
  5900. ------------------------------------*/-------*/
  5901. .tags-v4 {
  5902.     padding-left: 0;
  5903.     list-style: none;
  5904. }
  5905.  
  5906. .tags-v4 li {
  5907.     padding: 3px 2px;
  5908.     line-height: 28px;
  5909.     display: inline-block;
  5910. }
  5911.  
  5912. .tags-v4 a {
  5913.     color: #bbb;
  5914.     font-size: 13px;
  5915.     font-weight: 400;
  5916.     padding: 4px 10px;
  5917.     border: 1px solid #bbb;
  5918. }
  5919.  
  5920. .tags-v4 a:hover {
  5921.     color: #fff;
  5922.     background: #e74c3c;
  5923.     border-color: #e74c3c;
  5924.     text-decoration: none;
  5925.     transition: all 0.25s,
  5926.     transform 0/*--------------------------------------------------
  5927.     [##. Main Page Styles]
  5928. ----------------------------------------------------*/-/* Purchase Block
  5929. ------------------------------------*/-------*/
  5930. .purchase {
  5931.     padding: 25px 0 30px;
  5932.     border-top: solid 1px #eee;
  5933.     border-bottom: solid 1px #eee;
  5934.     background: url(tterns/breadcrumbs.png) repeat;) repeat;
  5935. }
  5936.  
  5937. .purchase p {
  5938.     margin-bottom: 0;
  5939. }
  5940.  
  5941. .purchase span {
  5942.     color: #666;
  5943.     display: block;
  5944.     font-size: 24px;
  5945.     line-height: 35px;
  5946.     font-weight: normal;
  5947.     margin-bottom: 12px;
  5948.     font-family: "Open Sans", Arial, sans-serif;
  5949. }
  5950.  
  5951. .purchase .btn-buy {
  5952.     text-align: center;
  5953. }
  5954.  
  5955. .purchase .btn-buy a {
  5956.     margin-top: 27px;
  5957. }
  5958.  
  5959. .purchase .btn-buy a i {
  5960.     margin-right: 5px;
  5961. }
  5962.  
  5963. @media (max-width: 992px) {
  5964.     .purchase {
  5965.         text-align: center;
  5966.     }
  5967.  
  5968.     .purchase span {
  5969.         font-size: 22px;
  5970.         line-height: 29px;
  5971.     }
  5972.  
  5973.     .purchase .btn-buy a {
  5974.         margin-top: 25px;
  5975.         font-size: 16p/* Service Block
  5976. ------------------------------------*/-------*/
  5977. .service {
  5978.     overflow: hidden;
  5979.     margin-bottom: 10px;
  5980.     padding: 15px 15px 10px;
  5981. }
  5982. .service:hover {
  5983.     background: #fcfcfc;
  5984.     box-shadow: 0 0 5px #ddd;
  5985.     transition: box-shadow 0.2s ease-in-out;
  5986. }
  5987. .service:hover i {
  5988.     color: #656565;
  5989. }
  5990.  
  5991. .service .desc {
  5992.     padding: 0 15px;
  5993.     overflow: hidden;
  5994. }
  5995. .service .desc h4 {
  5996.     font-size: 22px;
  5997.     line-height: 25px;
  5998. }
  5999.  
  6000. .service .service-icon {
  6001.     float: left;
  6002.     padding: 10px;
  6003.     color: #72c02c;
  6004.     font-size: 35px;
  6005.     text-align: center;
  6006.   transition: all 0.4s ease-in-out;
  6007. }
  6008. .service .service-icon.icon-cogs {
  6009.     font-size: 37px;
  6010. }
  6011. .service .service-icon.icon-plane {
  6012.     font-size: /* Recent Work
  6013. ------------------------------------*/-------*/
  6014. .recent-work a {
  6015.     text-align: center;
  6016.     background: #fcfcfc;
  6017.     display: inline-block;
  6018. }
  6019.  
  6020. .recent-work a:hover {
  6021.     text-decoration: none;
  6022. }
  6023.  
  6024. .recent-work a:hover strong {
  6025.     color: #555;
  6026. }
  6027.  
  6028. .recent-work em.overflow-hidden {
  6029.     display: block;
  6030. }
  6031.  
  6032. .recent-work a span {
  6033.     display: block;
  6034.     padding: 10px;
  6035.     border-bottom: solid 2px #eee;
  6036. }
  6037.  
  6038. .recent-work a strong {
  6039.     color: #555;
  6040.     display: block;
  6041. }
  6042.  
  6043. .recent-work a i {
  6044.     color: #777;
  6045. }
  6046.  
  6047. .recent-work a img {
  6048.  transition: all 0.8s ease-in-out;
  6049. }
  6050.  
  6051. .recent-work a:hover img {
  6052.     opacity: 0.8;
  6053.     transform: scale(1.2) rotate(3deg);
  6054. }
  6055.  
  6056. .recent-work a:hover span {
  6057.     border-bottom: solid 2px #72c02c;
  6058.   transition: all 0.3s ease-in/* Work */* Work */
  6059. .work {
  6060.     margin-top: 6px;
  6061. }
  6062. .work .details {
  6063.     padding: 10px;
  6064. }
  6065. .work .caption {
  6066.     display: block;
  6067.     padding-top: 5px;
  6068.     color: #585f69 !important;
  6069.     font-size: 18px !important;
  6070. }
  6071. .work .caption:hover {
  6072.     cursor: pointer;
  6073.     color: #444 !important;
  6074.     text-decoration: under/*Other Footer Common Classes
  6075. ------------------------------------*/-/*Thumb Headline*/eadline*/
  6076. .thumb-headline h2 {
  6077.     color: #eee;
  6078.     font-size: /*Footer Logo*/er Logo*/
  6079. .footer-logo {
  6080.     margin: 17px 0 /*Latest List*/st List*/
  6081. .latest-list li {
  6082.     padding: 8px 0;
  6083.     border-top: 1px solid #353535;
  6084. }
  6085.  
  6086. .latest-list li:first-child {
  6087.     padding-top: 0;
  6088.     border-top: none;
  6089. }
  6090.  
  6091. .latest-list li a {
  6092.     color: #eee;
  6093. }
  6094.  
  6095. .latest-list small {
  6096.     color: #999;
  6097.     display: b/*Link List*/nk List*/
  6098. .link-list li {
  6099.     border-top: solid 1px #353535;
  6100. }
  6101.  
  6102. .link-list li:first-child {
  6103.     border-top: none !important;
  6104. }
  6105.  
  6106. .link-list a {
  6107.     color: #eee;
  6108.     font-size: 11px;
  6109.     padding: 6px 0px;
  6110.     display: inline-block;
  6111.     text-transform: uppercase;
  6112. }
  6113.  
  6114. .link-list li i {
  6115.     color: #bbb;
  6116.     float: right;
  6117.     margin-top: /*Latest Tweets*/ Tweets*/
  6118. .latest-tweets .latest-tweets-inner p {
  6119.     color: #555;
  6120.     font-size: 13px;
  6121. }
  6122.  
  6123. .latest-tweets .latest-tweets-in/*color: #3498db;*/3498db;*/
  6124.     text-decoration: none;
  6125. }
  6126. .latest-tweets .latest-tweets-inner a:hover {
  6127.     text-decoration: underline;
  6128. }
  6129.  
  6130. .latest-tweets .latest-tweets-inner i.fa {
  6131.     top: 2px;
  6132.     float: left;
  6133.     color: #bbb;
  6134.     color: #55acee;
  6135.     font-size: 18px;
  6136.     margin-right: 5px;
  6137.     position: relative;
  6138. }
  6139.  
  6140. .latest-tweets .latest-tweets-inner small {
  6141.     color: #777;
  6142.     display: b/*Social Icons*/l Icons*/
  6143. .social-icons {
  6144.     margin-top: 5px;
  6145. }
  6146.  
  6147. .social-icons li {
  6148.     margin: 0;
  6149. }
  6150.  
  6151. .social-icons li a {
  6152.     margin: 0/*Thumbnails
  6153. ------------------------------------*/-------*/
  6154. a.thumbnail {
  6155.     padding: 0;
  6156.     border: none;
  6157.     margin-bottom: 15px;
  6158. }
  6159.  
  6160. .thumbnail-/*padding: 7px;*/g: 7px;*/
  6161.     margin-bottom: 20px;
  6162. }
  6163. .thumbnail-style:h/*box-shadow: 0 0 8px #ddd;*/x #/*transition: box-shadow 0.2s ease-in-out;*/in-out;*/
  6164.  
  6165.  
  6166. }
  6167.  
  6168. .thumbnail h3,
  6169. .thumbnail-style h3 {
  6170.     margin: 6px 0 8px 0;
  6171. }
  6172.  
  6173. .thumbnail h3 a,
  6174. .thumbnail-style h3 a {
  6175.     color: #585f69;
  6176.     font-size: 18px;
  6177. }
  6178.  
  6179. .thumbnail h3 a:hover,
  6180. .thumbnail-style h3 a:hover {
  6181.     color: #72c02c;
  6182.     text-decoration: none;
  6183. }
  6184.  
  6185. .thumbnail-style .thumbnail-img > div {
  6186.     position: relative;
  6187.     margin-bottom: 11px;
  6188.     background-color: #d5d0c6;
  6189. }
  6190.  
  6191. .thumbnail-style .thumbnail-img:hover > div {
  6192.   background-color: #f2a900;
  6193.   -webkit-transition: background-color 500ms linear;
  6194.   -ms-transition: background-color 500ms linear;
  6195.   transition: background-color 500ms linear;
  6196.  
  6197. }
  6198.  
  6199. .thumbnail-style a.btn-more {
  6200.     right: -10px;
  6201.     bottom: 10px;
  6202.     color: #fff;
  6203.     padding: 1px 6px;
  6204.     position: absolute;
  6205.     background: #72c02c;
  6206.     display: inline-block;
  6207. }
  6208. .thumbnail-style a.btn-more:hover {
  6209.     text-decoration: none;
  6210.     box-shadow: 0 0 0 2px #5fb611;
  6211. }
  6212. .thumbnail-style:hover a.btn-more {
  6213.     right: 10px;
  6214. }
  6215.  
  6216. .thumbnail-kenburn img {
  6217.     left: 10px;
  6218.     margin-left: -10px;
  6219.     position: relative;
  6220.     transition: all 0.8s ease-in-out;
  6221. }
  6222. .thumbnail-kenburn:hove/*transform: scale(1.2) rotate(2deg);*/(2de/*Servive Blocks
  6223. ------------------------------------*/-/*Service Alternative Block*/e Block*/
  6224. .service-alternative .service:hover {
  6225.     background: #76ca2c;
  6226.     transition: all 0.4s ease-in-out;
  6227. }
  6228. .service-alternative .service:hover i,
  6229. .service-alternative .service:hover p,
  6230. .service-alternative .service:hover h4 {
  6231.     color: /*Servive Block Versions*/ersions*/
  6232. .service-v1 h2 {
  6233.     margin: 15px 0 10px;
  6234.     font-size: 20px;
  6235.     line-height: 28px;
  6236. }
  6237.  
  6238. .service-v1 p {
  6239.     text-align: jus/*Blog Posts
  6240. ------------------------------------*/-------*/
  6241. .posts .dl-horizontal a {
  6242.     color: #555;
  6243. }
  6244.  
  6245. .posts .dl-horizontal {
  6246.     margin-bottom: 15px;
  6247.     overflow: hidden;
  6248. }
  6249.  
  6250. .posts .dl-horizontal dt {
  6251.     width: 60px;
  6252.     float: left;
  6253. }
  6254.  
  6255. .posts .dl-horizontal dt img {
  6256.     width: 60px;
  6257.     height: 60px;
  6258.     padding: 2px;
  6259.     margin-top: 2px;
  6260.     border: solid 1px #ddd;
  6261. }
  6262.  
  6263. .posts .dl-horizontal dd {
  6264.     margin-left: 70px;
  6265. }
  6266.  
  6267. .posts .dl-horizontal dd p {
  6268.     margin: 0;
  6269. }
  6270.  
  6271. .posts .dl-horizontal dd a {
  6272.     font-size: 14px;
  6273.     line-height: 16px !important;
  6274. }
  6275.  
  6276. .posts .dl-horizontal dd a:hover {
  6277.     color: #72c02c;
  6278.     text-decoration: none;
  6279. }
  6280.  
  6281. .posts .dl-horizontal:hover dt img,
  6282. .posts .dl-horizontal:hover dd a {
  6283.     color: #72c02c;
  6284.     border-color: #72c02c !important;
  6285.     transition: all 0.2s ease-in/*About Page
  6286. ------------------------------------*/-------*/
  6287. .team ul.team-socail {
  6288.     text-align: right;
  6289. }
  6290.  
  6291. .team ul.team-socail li {
  6292.     margin: 0 !important;
  6293.     padding: 0 !important;
  6294. }
  6295.  
  6296. .team ul.team-socail li a,
  6297. .team ul.team-socail li a:hover {
  6298.     text-decoration: none;
  6299. }
  6300.  
  6301. .team ul.team-socail li i {
  6302.     color: #aaa;
  6303.     padding: 6px 7px;
  6304.     min-width: 30px;
  6305.     font-size: 18px;
  6306.     text-align: center;
  6307.     background: #f7f7f7;
  6308.     display: inline-block;
  6309. }
  6310.  
  6311. .team ul.team-socail li i:hover {
  6312.     color: #fff;
  6313.     background: #72c02c;
  6314.     transition: all 0.2s ease-in-out;
  6315. }
  6316.  
  6317. .team .thumbnail-style {
  6318.     padding: 12px;
  6319. }
  6320.  
  6321. .team .thumbnail-style img {
  6322.     margin-bottom: 7px;
  6323. }
  6324.  
  6325. .team .thumbnail-style h3 {
  6326.     margin-bottom: 5px;
  6327. }
  6328.  
  6329. .team .thumbnail-style:hover h3 a {
  6330.     color: #72c02c !important;
  6331. }
  6332.  
  6333. .team .thumbnail-style small {
  6334.     display: block;
  6335.     margin-top: 5px;
  6336.     font-size: /*About Me Page
  6337. ------------------------------------*/-------*/
  6338. .about-me {
  6339.     overflow: hidden;
  6340. }
  6341.  
  6342. .about-me h2 {
  6343.     margin: 0;
  6344.     font-size: 20px;
  6345.     text-transform: uppercase;
  6346. }
  6347.  
  6348. .about-me span {
  6349.     color: #999;
  6350.     display: block;
  6351.     font-size: 14px;
  6352.     margin-bottom: 10px;
  6353. }
  6354.  
  6355. .about-me .social-icons {
  6356.     margin-top:/*About My Goals*/y Goals*/
  6357. .about-my-goals h2 {
  6358.     text-transform: upper/*About Skills*/ Skills*/
  6359. .about-skills {
  6360.     padding: 40px 0;
  6361.     border-top: 1px solid #eee;
  6362.     border-bottom: 1px solid #eee;
  6363.     background: url(eadcrumbs.png) repeat;) re/*Gallery Page
  6364. ------------------------------------*/-------*/
  6365. .gallery-page .thumbnail,
  6366. .gallery-page .thumbnail:hover {
  6367.     padding: 0;
  6368.     border: none;
  6369.     box-shadow: none;
  6370. }
  6371. .gallery-page .thumbnails {
  6372.     margin-bottom/*Privacy Page
  6373. ------------------------------------*/-------*/
  6374. .privacy a {
  6375.     text-decoration: underline;
  6376. }
  6377. .privacy a:hover {
  6378.     color: #72c02c;
  6379.     text-decoration: /*Portfolio Item Page v1
  6380. ------------------------------------*/-------*/
  6381. .portfolio-item h2 {
  6382.     color: #555;
  6383.     font-size: 24px;
  6384.     margin: 0 0 15px;
  6385. }
  6386. .portfolio-item li {
  6387.     padding: 3px 0;
  6388. }
  6389. .portfolio-item p a {
  6390.     text-decoration: underline;
  6391. }
  6392. .portfolio-item p a:hover {
  6393.     text-decoration: /*Portfolio Item v1*/Item v1*/
  6394. .portfolio-item1 ul {
  6395.     margin: 10px 0 20px;
  6396. }
  6397.  
  6398. .portfolio-item1 li {
  6399.     font-size: 16px;
  6400.     margin-bottom: 3px;
  6401. }
  6402.  
  6403. .portfolio-item1 li i {
  6404.     font-size: 18px;
  6405.     margin-right:/*Sidebar Features
  6406. ------------------------------------*/-/*Blog Tags*/og Tags*/
  6407. ul.blog-tags li {
  6408.     display: inline-block;
  6409. }
  6410.  
  6411. ul.blog-tags a {
  6412.     font-size :13px;
  6413.     padding: 2px 7px;
  6414.     background: #f7f7f7;
  6415.     margin: 0 3px 6px 0;
  6416.     display: inline-block;
  6417. }
  6418.  
  6419. ul.blog-tags a i {
  6420.     color: #666;
  6421. }
  6422.  
  6423. ul.blog-tags a:hover {
  6424.     background: #72c02c;
  6425. }
  6426.  
  6427. ul.blog-tags a:hover,
  6428. ul.blog-tags a:hover i {
  6429.     color: #fff !important;
  6430.     text-decoration: none;
  6431.     transition: all 0.2s ease-in/*Blog Photo Stream*/ Stream*/
  6432. .blog-photos li {
  6433.     display: inline;
  6434. }
  6435.  
  6436. .blog-photos li img {
  6437.     width: 58px;
  6438.     height: 58px;
  6439.     margin: 0 2px 8px;
  6440. }
  6441.  
  6442. .blog-photos li img:hover {
  6443.     box-shadow: 0 0 0 2px #72/*Blog Latest Tweets*/ Tweets*/
  6444. .blog-twitter .blog-twitter-inner {
  6445.     padding: 10px;
  6446.     position: relative;
  6447.     background: #f7f7f7;
  6448.     margin-bottom: 10px;
  6449. }
  6450.  
  6451. .blog-twitter .blog-twitter-inner,
  6452. .blog-twitter .blog-twitter-inner:after,
  6453. .blog-twitter .blog-twitter-inner:before {
  6454.     transition: all 0.3s ease-in-out;
  6455. }
  6456.  
  6457. .blog-twitter .blog-twitter-inner:after,
  6458. .blog-twitter .blog-twitter-inner:before {
  6459.     width: 0;
  6460.     height: 0;
  6461.     right: 0px;
  6462.     bottom: 0px;
  6463.     content: " ";
  6464.     display: block;
  6465.     position: absolute;
  6466. }
  6467.  
  6468. .blog-twitter .blog-twitter-inner:after {
  6469.     border-top: 15px solid #eee;
  6470.     border-right: 15px solid transparent;
  6471.     border-left: 0px solid transparent;
  6472.     border-left-style/*FF fixes*/F fixes*/
  6473.     border-right-style/*FF fixes*/F fixes*/
  6474. }
  6475. .blog-twitter .blog-twitter-inner:before {
  6476.     border-bottom: 15px solid #fff;
  6477.     border-right: 0 solid transparent;
  6478.     border-left: 15px solid transparent;
  6479.     border-left-style/*FF fixes*/F fixes*/
  6480.     border-bottom-style/*FF fixes*/F fixes*/
  6481. }
  6482.  
  6483. .blog-twitter .blog-twitter-inner:hover {
  6484.     border-color: #72c02c;
  6485.     border-top-color: #72c02c;
  6486. }
  6487. .blog-twitter .blog-twitter-inner:hover:after {
  6488.     border-top-color: #72c02c;
  6489. }
  6490.  
  6491. .blog-twitter .blog-twitter-inner span.twitter-time {
  6492.     color: #777;
  6493.     display: block;
  6494.     font-size: 11px;
  6495. }
  6496.  
  6497. .blog-twitter .blog-twitter-inner a {
  6498.     color: #72c02c;
  6499.     text-decoration: none;
  6500. }
  6501. .blog-twitter .blog-twitter-inner a:hover {
  6502.     text-decoration: underline;
  6503. }
  6504.  
  6505. .blog-twitter .blog-twitter-inner i.fa {
  6506.     top: 2px;
  6507.     color: #bbb;
  6508.     font-size: 18px;
  6509.     position: rela/*Choose Block*/e Block*/
  6510. .who li {
  6511.     margin-bottom: 6px;
  6512. }
  6513. .who li i {
  6514.     color: #72c02c;
  6515.     font-size: 13px;
  6516.     min-width: 15px;
  6517.     margin-right: 8px;
  6518.     text-align: center;
  6519.     position: relative;
  6520. }
  6521. .who li:hover i,
  6522. .who li:hover a {
  6523.     color: #777;
  6524. }
  6525. .who li:hover a:hover {
  6526.     text-decoration: /*Promo Page
  6527. ------------------------------------*/-/*Slider Part*/er Part*/
  6528. .fullwidthbanner-container.slider-promo {
  6529.     max-height: 460px !important;
  6530. }
  6531.  
  6532. .slider-promo-info-bg {
  6533.     padding: 25px 20px 20px;
  6534.     background: url(-black.png) repeat;) repeat;
  6535. }
  6536.  
  6537. .slider-promo-info span.big-size {
  6538.     color: #fff;
  6539.     display: block;
  6540.     font-size: 30px;
  6541.     margin-bottom: 25px;
  6542.     text-shadow: none !important;
  6543. }
  6544.  
  6545. .slider-promo-info p {
  6546.     color: #fff;
  6547.     font-size: 16px;
  6548.     margin-botto/*Promo Box*/omo Box*/
  6549. .promo-box {
  6550.     padding: 20px;
  6551.     margin: 25px 0 20px;
  6552.     text-align: center;
  6553. }
  6554.  
  6555. .promo-box i {
  6556.     display: block;
  6557.     font-size: 50px;
  6558. }
  6559.  
  6560. .promo-box p {
  6561.     font-size: 14px;
  6562.     margin-bottom: 0;
  6563. }
  6564.  
  6565. .promo-box strong,
  6566. .promo-box strong a {
  6567.     color: #555;
  6568.     display: block;
  6569.     font-size: 20px;
  6570.     font-weight: 200;
  6571.     margin: 20px 0 15px;
  6572. }
  6573.  
  6574. .promo-box:hover strong,
  6575. .promo-box:hover strong a {
  6576.     color: #72/*Promo Service*/Service*/
  6577. .promo-service {
  6578.     margin-bottom: 20px;
  6579. }
  6580.  
  6581. .promo-service li {
  6582.     margin-bottom: 5px;
  6583. }
  6584.  
  6585. .promo-service a.btn-u {
  6586.     margin: 0 20px 10/*Promo Elements*/lements*/
  6587. .title-box {
  6588.     font-size: 16px;
  6589.     text-align: center;
  6590.     padding: 10px 0 30px;
  6591.     border-bottom: solid 1px #eee;
  6592. }
  6593.  
  6594. .title-box .title-box-text {
  6595.     color: #555;
  6596.     display: block;
  6597.     font-size: 35px;
  6598.     font-weight: 200;
  6599. }
  6600.  
  6601. @media (max-width: 768px) {
  6602.     .title-box .title-box-text {
  6603.         font-size: 26px;
  6604.         line-height: 34px;
  6605.         margin-bottom: 10px;
  6606.     }
  6607.     .title-box p {
  6608.         font-size: 15px;
  6609.     }
  6610. }
  6611.  
  6612. .block-blockquote {
  6613.     margin: 20px 0;
  6614.     text-align: center;
  6615.     border: dashed 1px #ccc;
  6616. }
  6617.  
  6618. .block-blockquote-inner {
  6619.     padding: 15px;
  6620. }
  6621.  
  6622. .block-blockquote p {
  6623.     font-size: 26px;
  6624.     margin-botto/*Info Blocks*/ Blocks*/
  6625. .info-blocks {
  6626.     margin-bottom: 15px;
  6627. }
  6628.  
  6629. .info-blocks:hover i.icon-info-blocks {
  6630.     color: #72c02c;
  6631.   transition:all 0.2s ease-in-out;
  6632. }
  6633.  
  6634. .info-blocks i.icon-info-blocks {
  6635.     float: left;
  6636.     color: #777;
  6637.     font-size: 30px;
  6638.     min-width: 50px;
  6639.     margin-top: 10px;
  6640.     text-align: center;
  6641. }
  6642.  
  6643. .info-blocks .info-blocks-in {
  6644.     padding: 0 10px;
  6645.     overflow: hidden;
  6646. }
  6647.  
  6648. .info-blocks .info-blocks-in h3 {
  6649.     color: #555;
  6650.     font-size: 20px;
  6651.     line-height: 28px;
  6652. }
  6653.  
  6654. .info-blocks .info-blocks-in p {
  6655.     font-size: /*Brand Page
  6656. ------------------------------------*/-------*/
  6657. .brand-page .btn {
  6658.     margin-bottom: /*Form Pages
  6659. ------------------------------------*/-------*/
  6660. .form-page input,
  6661. .form-page select {
  6662.     margin-bottom: /*Labels and Badges Page
  6663. ------------------------------------*/-------*/
  6664. ul.labels-demo {
  6665.   margin: 5px 0;
  6666. }
  6667.  
  6668. ul.labels-demo li {
  6669.   list-style: none;
  6670.   display: inline-block;
  6671.   margin: 0 5px 2px 0;
  6672. }
  6673.  
  6674. .badge-sidebar {
  6675.     border-left: solid 1px #eee;
  6676. }
  6677.  
  6678. @media (max-width: 991px) {
  6679.     .badge-sidebar {
  6680.         border-left: non/*Line Icon Page
  6681. ------------------------------------*/-------*/
  6682. .line-icon-page .item-box {
  6683.     width: 25%;
  6684.     float: left;
  6685.     height: 90px;
  6686.     text-align: center;
  6687.     padding: 20px 10px;
  6688.     margin: 0 -1px -1px 0;
  6689.     word-wrap: break-word;
  6690.     border: 1px solid #ddd;
  6691. }
  6692. .line-icon-page .item-box--higher {
  6693.     height: 120px;
  6694. }
  6695.  
  6696. @media (max-width: 768px) {
  6697.     .line-icon-page .item-box {
  6698.         height: 115px;
  6699.     }
  6700. }
  6701.  
  6702. @media (max-width: 450px) {
  6703.     .line-icon-page .item-box {
  6704.         height: 130px;
  6705.     }
  6706. }
  6707.  
  6708. .line-icon-page .item-box:hover {
  6709.     background: #fafafa;
  6710. }
  6711.  
  6712. .line-icon-page .item span {
  6713.     display: block;
  6714.     font-size: 28px;
  6715.     margin-bottom: 10px;
  6716. }
  6717.  
  6718. .line-icon-page .item:hover {
  6719.     color: #72/*Line Icon Page
  6720. ------------------------------------*/-------*/
  6721. .icon-page-fa {
  6722.     margin-bottom: 20px;
  6723. }
  6724.  
  6725. .icon-page-fa .item-box {
  6726.     float: left;
  6727.     height: 100px;
  6728.     width: 16% !important;
  6729. }
  6730.  
  6731. .icon-page-fa .item {
  6732.     font-size: 12px;
  6733. }
  6734.  
  6735. .icon-page-fa .item i {
  6736.     color: #555;
  6737.     display: block;
  6738.     font-size: 24px;
  6739.     margin-bottom: 10px;
  6740. }
  6741.  
  6742. @media (max-width: 767px) {
  6743.     .icon-page-fa .item-box {
  6744.         width: 20% !important;
  6745.     }
  6746. }
  6747.  
  6748. @media (max-width: 600px) {
  6749.  .icon-page-fa .item-box {
  6750.   width: 30% !important;
  6751.  }
  6752. }
  6753.  
  6754. @media (max-width: 400px) {
  6755.  .icon-page-fa .item-box {
  6756.   width: 50% !importan/*GLYPHICONS Icons Page
  6757. ------------------------------------*/-/*Special styles for displaying the icons and their classes*/classes*/
  6758. .bs-glyphicons {
  6759.     padding-left: 0;
  6760.     list-style: none;
  6761.     overflow: hidden;
  6762.     padding-bottom: 1px;
  6763.     margin-bottom: 20px;
  6764. }
  6765.  
  6766. .bs-glyphicons li {
  6767.     width: 25%;
  6768.     float: left;
  6769.     height: 115px;
  6770.     padding: 10px;
  6771.     font-size: 11px;
  6772.     line-height: 1.4;
  6773.     text-align: center;
  6774.     margin: 0 -1px -1px 0;
  6775.     border: 1px solid #ddd;
  6776. }
  6777.  
  6778. .bs-glyphicons .glyphicon {
  6779.     display: block;
  6780.     font-size: 18px;
  6781.     margin: 5px auto 10px;
  6782. }
  6783.  
  6784. .bs-glyphicons li:hover {
  6785.     color: #72c02c;
  6786.     background-color: #fafafa;
  6787. }
  6788.  
  6789. @media (min-width: 768px) {
  6790.     .bs-glyphicons li {
  6791.       width: 12.5/*Glyphicons Pro*/ons Pro*/
  6792. .demo-pro-glyphicons li {
  6793.     width: 170px;
  6794.     height: 100px;
  6795.     padding: 20px 10px 30px;
  6796. }
  6797.  
  6798. .demo-pro-glyphicons span {
  6799.     height: 40px;
  6800.     display: block;
  6801. }
  6802.  
  6803. .demo-pro-glyphicons span:before {
  6804.     color: #555;
  6805.     padding: 10px 62px;
  6806. }
  6807.  
  6808. .demo-pro-glyphicons span.glyphicons:before {
  6809.     font-size: /*Glyphicons Pro Halflings*/lflings*/
  6810. .demo-pro-glyphicons span.halflings {
  6811.     height: 30px;
  6812. }
  6813.  
  6814. .demo-pro-glyphicons span.halflings:before {
  6815.     padding: 10px /*Contact Pages
  6816. ------------------------------------*/-------*/
  6817. .map {
  6818.     width: 100%;
  6819.     height: 350px;
  6820.     border-top: solid 1px #eee;
  6821.     border-bottom: solid 1px #eee;
  6822. }
  6823.  
  6824. .map-box {
  6825.     height: 250px;
  6826. }
  6827.  
  6828. .map-box-space {
  6829.     margin-top: 15px;
  6830. }
  6831.  
  6832. .map-box-space1 {
  6833.     margin-top:/*Background Opacity
  6834. ------------------------------------*/-------*/
  6835. .service-or {
  6836.     overflow: hidden;
  6837.     position: relative;
  6838. }
  6839.  
  6840. .service-bg {
  6841.     width: 250px;
  6842.     padding: 60px;
  6843.     position: absolute;
  6844.     top: -10px;
  6845.     right: -100px;
  6846.     background-color: rgba(255,255,255,0.1);
  6847.     transform: rotate(55/*Easy Block (used for image badges)
  6848. ------------------------------------*/-------*/
  6849. .easy-block-v1 {
  6850.     position: relative;
  6851. }
  6852.  
  6853. .easy-block-v1 img {
  6854.     width: 100%;
  6855. }
  6856.  
  6857. .easy-block-v1 .overflow-h h3 {
  6858.     width: 60%;
  6859.     float: left;
  6860.     font-size: 18px;
  6861.     line-height: 24px;
  6862.     margin-bottom: 5px;
  6863. }
  6864.  
  6865. .easy-block-v1 .easy-block-v1-badge {
  6866.     left: 0px;
  6867.     top: 10px;
  6868.     z-index: 1;
  6869.     color: #fff;
  6870.     padding: 4px 10px;
  6871.     position: abso/*Easy Block v2 (used for image badges)
  6872. ------------------------------------*/-------*/
  6873. .easy-block-v2 {
  6874.     overflow: hidden;
  6875.     position: relative;
  6876.     margin-bottom: 20px;
  6877. }
  6878.  
  6879. .easy-block-v2 img {
  6880.     width: 100%;
  6881. }
  6882.  
  6883. .easy-block-v2 .easy-bg-v2 {
  6884.     top: 5px;
  6885.     color: #fff;
  6886.     width: 100px;
  6887.     padding: 5px;
  6888.     right: -32px;
  6889.     font-size: 13px;
  6890.     position: absolute;
  6891.     text-align: center;
  6892.     letter-spacing: 2px;
  6893.     transform: rotate(45/*Easy Block v3 (used for image badges)
  6894. ------------------------------------*/-------*/
  6895. .easy-block-v3 {
  6896.     text-align: left;
  6897.     background: #585f69;
  6898.     padding: 30px 20px 20px;
  6899. }
  6900.  
  6901. .easy-block-v3.first {
  6902.     background: #696f77;
  6903. }
  6904. .easy-block-v3.second {
  6905.     background: #707780;
  6906. }
  6907. .easy-block-v3.third {
  6908.     background: #787f88;
  6909. }
  6910.  
  6911. .easy-block-v3 i {
  6912.     color: #fff;
  6913.     float: left;
  6914.     font-size: 30px;
  6915.     min-width: 45px;
  6916.     padding-top: 10px;
  6917. }
  6918.  
  6919. .easy-block-v3 .inner-faq-b {
  6920.     overflow: hidden;
  6921. }
  6922.  
  6923. .easy-block-v3 .inner-faq-b h2,
  6924. .easy-block-v3 .inner-faq-b h3 {
  6925.     font-size: 21px;
  6926.     margin-bottom: 8px;
  6927. }
  6928.  
  6929. .easy-block-v3 .inner-faq-b h4 {
  6930.     color: #fff;
  6931.     font-size: 17px;
  6932.     margin-bottom: 2px;
  6933. }
  6934.  
  6935. .easy-block-v3 .inner-faq-b h2,
  6936. .easy-block-v3 .inner-faq-b h3,
  6937. .easy-block-v3 .inner-faq-b p {
  6938.     color: /*Full Width Block
  6939. ------------------------------------*/-------*/
  6940. .full-w-block {
  6941.     padding: 30px 0;
  6942.     background: #282828;
  6943. }
  6944.  
  6945. .full-w-block .info-blocks i,
  6946. .full-w-block .info-blocks-in h3 {
  6947.     color: #fff;
  6948. }
  6949.  
  6950. .full-w-block .info-blocks-in p {
  6951.     color: #ccc;
  6952. }
  6953.  
  6954. .full-w-block .info-blocks:hover i.icon-info-blocks {
  6955.     color: /*Simple Block
  6956. ------------------------------------*/-------*/
  6957. .simple-block {
  6958.     margin-bottom: 20px;
  6959. }
  6960.  
  6961. .simple-block img {
  6962.     width: 100%;
  6963. }
  6964.  
  6965. .simple-block p {
  6966.     text-align: center;
  6967. }
  6968.  
  6969. .simple-block .carousel-indicators {
  6970.     top: 10px;
  6971.     left: 65%;
  6972.     text-align: right;
  6973. }
  6974.  
  6975. .simple-block .carousel-indicators .active {
  6976.     background: #555;
  6977. }
  6978.  
  6979. .simple-block .carousel-indicators li {
  6980.     border-color: #555;
  6981. }
  6982.  
  6983. .simple-block .carousel-inner > .item {
  6984.     margin: 0;
  6985. }
  6986.  
  6987. .simple-block .responsive-video {
  6988.     margin-bottom:/*Two Blocks
  6989. ------------------------------------*/-------*/
  6990. .two-blocks {
  6991.     text-align: center;
  6992. }
  6993.  
  6994. .two-blocks-in {
  6995.     margin-bottom: 30px;
  6996. }
  6997.  
  6998. .two-blocks-in i {
  6999.     color: #fff;
  7000.     padding: 11px;
  7001.     font-size: 30px;
  7002.     min-width: 50px;
  7003.     text-align: center;
  7004.     background: #585f69;
  7005.     margin-bottom: 10px;
  7006.     display: inline-b/*Three Blocks
  7007. ------------------------------------*/-------*/
  7008. .three-blocks {
  7009.     text-align: center;
  7010. }
  7011.  
  7012. .three-blocks-in {
  7013.     margin-bottom: 30px;
  7014. }
  7015.  
  7016. .three-blocks-in i {
  7017.     color: #777;
  7018.     padding: 9px 6px;
  7019.     font-size: 20px;
  7020.     min-width: 40px;
  7021.     margin-bottom: 10px;
  7022.     border: 1px solid #777;
  7023. }
  7024.  
  7025. .three-blocks-in h3 {
  7026.     font-size: 20px;
  7027.     margin-bottom:/*Temperory Classes
  7028. ------------------------------------*/-/*Banner-info*/er-info*/
  7029. .banner-info {
  7030.     margin-bottom: 10px;
  7031. }
  7032.  
  7033. .banner-info i {
  7034.     float: left;
  7035.     color: #fff;
  7036.     padding/*min-width works with line-icon*/ne-icon*/
  7037.     min-width: 40px;
  7038.     font-size: 22px;
  7039.     text-align: center;
  7040.     margin: 7px 20px/*min-width works with FontAwesome*/Awesome*/
  7041. .banner-info i.fa {
  7042.     min-width: 46px;
  7043. }
  7044.  
  7045. .banner-info.light i {
  7046.     border: 1px solid #fff;
  7047. }
  7048.  
  7049. .banner-info.dark i {
  7050.     background: #555;
  7051. }
  7052.  
  7053. .banner-info h3 {
  7054.     font-size: 19px;
  7055.     margin-bottom: 5px;
  7056. }
  7057.  
  7058. .banner-info.light h3 { color: #fff;}
  7059. .banner-info.light p { color:/*Title-Box-V2*/-Box-V2*/
  7060. .title-box-v2 {
  7061.     text-align: center;
  7062.     margin-bottom: 40px;
  7063. }
  7064.  
  7065. .title-box-v2 h2 {
  7066.     font-size: 25px;
  7067.     text-transform: uppercase;
  7068.     font-weight: bold;
  7069. }
  7070.  
  7071. .title-box-v2 p {
  7072.     font-size: /*remove padding from "Col-"*/ "Col-"*/
  7073. .no-space {
  7074.     padding: 0;
  7075. }
  7076.  
  7077. .no-space-left {
  7078.     padding-left: 0;
  7079.     padding-right: 15px !important;
  7080. }
  7081.  
  7082. .no-space-right {
  7083.     padding-right: 0;
  7084.     padding-left: 15px !impor/*List Style v1*/tyle v1*/
  7085. .list-style-v1 li {
  7086.     margin-bottom: 7px;
  7087. }
  7088.  
  7089. .list-style-v1 i {
  7090.     margin-right:/*Social Contacts
  7091. ------------------------------------*/-------*/
  7092. .social-contacts li {
  7093.     padding: 5px 0;
  7094.     border-top: 1px solid #ddd;
  7095. }
  7096.  
  7097. .social-contacts li:first-child {
  7098.     border-top: none;
  7099. }
  7100.  
  7101. .social-contacts li i {
  7102.     color: #777;
  7103.     font-size: 13px;
  7104.     min-width: 13px;
  7105.     margin-right: 12px;
  7106.     text-align: ce/*Status Bar
  7107. ------------------------------------*/-------*/
  7108. .status-bar li {
  7109.     padding-left: 9px;
  7110.     border-left: 1px solid #eee;
  7111. }
  7112.  
  7113. .status-bar li:first-child {
  7114.     border-left: none;
  7115. }
  7116.  
  7117. .status-bar li i {
  7118.     color: #72c02c;
  7119.     margin-right: 5px;
  7120. }
  7121.  
  7122. .status-bar li a:hover {
  7123.     text-decoration: none;
  7124. }
  7125.  
  7126. .status-bar-in {
  7127.     padding: 10px;
  7128.     position: relative;
  7129.     background: #f0f0f0;
  7130. }
  7131.  
  7132. .status-bar-in:after {
  7133.     width: 0;
  7134.     height: 0;
  7135.     top: -10px;
  7136.     left: 50px;
  7137.     content: " ";
  7138.     display: block;
  7139.     position: absolute;
  7140.     border-bottom: 11px solid #f0f0f0;
  7141.     border-left: 11px solid transparent;
  7142.     border-right: 11px solid transparent;
  7143.     border-left-style/*FF fixes*/F fixes*/
  7144.     border-right-style/*FF fixes*/F fi/*Share List*/re List*/
  7145. .share-list {
  7146.     margin-bottom: 0;
  7147. }
  7148.  
  7149. .share-list li {
  7150.     padding-left: 20px;
  7151. }
  7152.  
  7153. .share-list li:first-child {
  7154.     padding-left: 0;
  7155. }
  7156.  
  7157. .share-list li i {
  7158.     color: #72c02c;
  7159.     margin-right:/*People Say
  7160. ------------------------------------*/-------*/
  7161. .people-say img {
  7162.     float: left;
  7163.     width: 40px;
  7164.     height: auto;
  7165.     margin: 6px 10px 0 0;
  7166. }
  7167.  
  7168. .people-say .overflow-h span {
  7169.     font-weight: 700;
  7170. }
  7171.  
  7172. .people-say .overflow-h p {
  7173.     font-style: italic;
  7174.     line-height: 1.3;
  7175. }
  7176.  
  7177. .people-say .overflow-h small {
  7178.     text-align: right;
  7179.     font-style: it/*Inspire Page
  7180. ------------------------------------*/-------*/
  7181. img.img-mouse {
  7182.     width: 150px;
  7183.     height: auto;
  7184.     margin: 0 auto /*Desire Page
  7185. ------------------------------------*/-/*Service Info*/ce Info*/
  7186. .service-info {
  7187.     position: relative;
  7188.     padding: 40px 0 50px;
  7189.     background: url(../img/patterns/17.png) repeat;
  7190. }
  7191.  
  7192. .service-info .info-description {
  7193.     overflow: hidden;
  7194. }
  7195.  
  7196. .service-info i.service-info-icon {
  7197.     color: #777;
  7198.     float: left;
  7199.     width: 50px;
  7200.     height: 50px;
  7201.     padding: 15px;
  7202.     font-size: 20px;
  7203.     line-height: 17px;
  7204.     margin-right: 20px;
  7205.     text-align: center;
  7206.     display: inline-block;
  7207.     border: 1px solid #777;
  7208. }
  7209.  
  7210. .service-info .info-description h3 {
  7211.     margin: 0 0 10px;
  7212. }
  7213.  
  7214. .service-info .info-description p {
  7215.     color: /*Portfolio Single Item Page
  7216. ------------------------------------*/-/*Project Details*/Details*/
  7217. .project-details li {
  7218.   color: #555;
  7219.   font-weight: 200;
  7220.   margin-bottom: 5px;
  7221. }
  7222.  
  7223. .project-details strong {
  7224.   min-width: 100px;
  7225.   display: inline-block;
  7226. }
  7227.  
  7228. .project-details a {
  7229.   text-decoration: under/*Bootstrap Testimonials
  7230. ------------------------------------*/-------*/
  7231. .testimonials-bs {
  7232.   padding: 50px 0;
  7233.   background: url(../img/bg/16.jpg) 50% 0 repeat fixed;
  7234. }
  7235.  
  7236. .testimonials-bs .headline-center-v2 span.author {
  7237.   color: #777;
  7238.   font-size: /*Removes Bootstrap carousel background images*/ images*/
  7239. .testimonials-bs .item {
  7240.   margin-bottom: 30px;
  7241. }
  7242.  
  7243. .testimonials-bs .carousel-arrow {
  7244.   text-align: center;
  7245. }
  7246.  
  7247. .testimonials-bs .carousel-control-v2 i {
  7248.     color: #888;
  7249.     width: 30px;
  7250.     height: 30px;
  7251.     padding: 2px;
  7252.     font-size: 22px;
  7253.     display: inline-block;
  7254.     border: 2px solid #888;
  7255. }
  7256.  
  7257. .testimonials-bs .carousel-control-v2 i:hover {
  7258.   color: #72c02c;
  7259.   border-color: #72c02c;
  7260.   text-decoration: none;
  7261.   transition: all 0.3s ease-in-out;
  7262. }
  7263.  
  7264. .testimonials-bs .carousel-control-v2.left,
  7265. .testimonials-bs .carousel-control-v2.right {
  7266.     text-decoration: none;
  7267.     background-image: /*Team v1*/Team v1*/
  7268. .team-v1 li > h3 {
  7269.     color

Raw Paste