API tools faq
paste
Advertisement
JosueCR

main-ccs.css

JosueCR
Jun 21st, 2013
103
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 70.52 KB | None | 0 0
raw download clone embed print report
  1. /* ----CONTENT LIST-----
  2.  
  3.  
  4.  
  5. 01- CLERFIX
  6.  
  7. 02- TYPOGRAPHY
  8.  
  9. 03- PRE HEADER CONTENT (lists, tooltip, social icons)
  10.  
  11. 04- HEADER CSS + GRID (container,logo,navigation,columns)
  12.  
  13. 05- CALL TO ACTION PANEL CSS
  14.  
  15. 06- FOOTER & COPYRIGHTS CSS
  16.  
  17. 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT
  18.  
  19. 08- BUTTONS
  20.  
  21. 09- ELASTIC SLIDER
  22.  
  23. 10- PRICING TABLE
  24.  
  25. 11- LISTS
  26.  
  27. 12- DROPCAPS
  28.  
  29. 13- ALERTS
  30.  
  31. 14- CONTACT FORM
  32.  
  33. 15- PORTFOLIO LAYOUTS
  34.  
  35. 16- TABS & ACCORDIONS
  36.  
  37. 17- BLOG LAYOUT
  38.  
  39. 18- OTHER FEATURES LAYOUT (google maps,404 error style,pre style,blockquote style,team members,inner page intro...)
  40.  
  41. */
  42.  
  43.  
  44.  
  45.  
  46.  
  47.  
  48.  
  49.  
  50.  
  51. /* ---------------------------------------------------------------------- */
  52.  
  53. /* 01- CLEARFIX
  54.  
  55. /* ---------------------------------------------------------------------- */
  56.  
  57.  
  58.  
  59. /* Clearfix */
  60.  
  61. .clear{clear:both;display:block;height:0;overflow:hidden;visibility:hidden;width:0}.clearfix:after{clear:both;content:' ';display:block;font-size:0;height:0;line-height:0;visibility:hidden;width:0}* html .clearfix,:first-child+html .clearfix{zoom:1}
  62.  
  63.  
  64.  
  65. iframe {
  66.  
  67. border: none;
  68.  
  69. }
  70.  
  71. /* ---------------------------------------------------------------------- */
  72.  
  73. /* 02- TYPOGRAPHY
  74.  
  75. /* ---------------------------------------------------------------------- */
  76.  
  77. body {
  78.  
  79. background:#FFF;
  80.  
  81. color: #898989;
  82.  
  83. font-size: 12px;
  84.  
  85. font-family:'Arial', 'Verdana', sans-serif;
  86.  
  87. -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
  88.  
  89. -webkit-text-size-adjust: 100%;
  90.  
  91. overflow-x: hidden;
  92.  
  93. }
  94.  
  95. p,ul,ol,pre,code {margin-bottom:1em;}
  96.  
  97. ::-moz-selection { background: #ff4629; color: #fff; text-shadow: none; }
  98.  
  99. .::selection { background: #ff4629; color: #fff; text-shadow: none; }
  100.  
  101. a, a > * {
  102.  
  103. color: #898989;
  104.  
  105. text-decoration: none;
  106.  
  107. -webkit-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  108.  
  109. -moz-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  110.  
  111. -ms-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  112.  
  113. -o-transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  114.  
  115. transition: background-color .2s ease, border .2s ease, color .2s ease, opacity .2s ease-in-out;
  116.  
  117. }
  118.  
  119.  
  120.  
  121. a:hover, a > *:hover { color: #9dcedf; }
  122.  
  123. .colored{color:#9dcedf;}
  124.  
  125. a.colored:hover{color:#9dcedf;text-decoration:underline;}
  126.  
  127.  
  128.  
  129. h1,h2,h3,h4,h5,h6 {
  130.  
  131. font-weight:normal;
  132.  
  133. font-variant:normal;
  134.  
  135. white-space:normal;
  136.  
  137. color:#898989;
  138.  
  139. margin-bottom:15px;
  140.  
  141. font-family:'Dosis',Arial,Verdana,serif;
  142.  
  143.  
  144.  
  145. }
  146.  
  147. h1 {
  148.  
  149. font-size:34px;
  150.  
  151. line-height:36px;
  152.  
  153. }
  154.  
  155. h2 {
  156.  
  157. font-size:26px;
  158.  
  159. line-height:34px;
  160.  
  161. }
  162.  
  163. h3 {
  164.  
  165. font-size:24px;
  166.  
  167. line-height:32px;
  168.  
  169. }
  170.  
  171. h4 {
  172.  
  173. font-size:18px;
  174.  
  175. line-height:24px;
  176.  
  177. }
  178.  
  179. h5 {
  180.  
  181. font-size:16px;
  182.  
  183. line-height:20px;
  184.  
  185. }
  186.  
  187. h6 {
  188.  
  189. font-size:16px;
  190.  
  191. line-height:17px;
  192.  
  193. }
  194.  
  195. h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
  196.  
  197. color:#303031;
  198.  
  199. font-size:100%;
  200.  
  201. }
  202.  
  203. h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover {
  204.  
  205. font-size:100%;
  206.  
  207. text-decoration:none;
  208.  
  209. }
  210.  
  211. a h1:hover,a h2:hover,a h3:hover,a h4:hover,a h5:hover,a h6:hover{color:#9dcedf;}
  212.  
  213. .text-align-center{text-align:center;}
  214.  
  215. .text-align-left {text-align:left;}
  216.  
  217. .text-align-right {text-align:right;}
  218.  
  219. .img-align-left {margin:0px 10px 10px 0;float:left;}
  220.  
  221.  
  222.  
  223. /* ---------------------------------------------------------------------- */
  224.  
  225. /* 03- PRE HEADER CONTENT
  226.  
  227. /* ---------------------------------------------------------------------- */
  228.  
  229. .pre-header{
  230.  
  231. margin-bottom:13px;
  232.  
  233. }
  234.  
  235.  
  236.  
  237. #pre-header{
  238.  
  239. background:#9dcedf;
  240.  
  241. float:left;
  242.  
  243. width:940px;
  244.  
  245. padding:0 40px 0 40px;
  246.  
  247. margin:0px 0 30px -40px;
  248.  
  249. border-bottom:1pt solid #d8d5cd;
  250.  
  251. height:50px;
  252.  
  253. }
  254.  
  255. ul#pre-header-links{
  256.  
  257. float:left;
  258.  
  259. margin:0px ;
  260.  
  261. }
  262.  
  263. ul#pre-header-links li{
  264.  
  265. list-style:none;
  266.  
  267. float:left;
  268.  
  269. cursor:pointer;
  270.  
  271. color:#898989;
  272.  
  273. margin-right:12px;
  274.  
  275. margin-top:17px;
  276.  
  277. }
  278.  
  279. ul#pre-header-links li a{color:#FFF;padding:10px 2px 14px 2px;}
  280.  
  281. ul#pre-header-links li a:hover{color:#FFF;border-bottom:3pt solid #FFF;background:url("../images/top-nav-bg.png") bottom center no-repeat;}
  282.  
  283. .tipsy {
  284.  
  285. padding:5px;
  286.  
  287. font-size:11px;
  288.  
  289. opacity:0.7;
  290.  
  291. filter:alpha(opacity=70);
  292.  
  293. background-repeat:no-repeat;
  294.  
  295. background-image:url(../images/tipsy.gif);
  296.  
  297. margin-top:5px;
  298.  
  299.  
  300.  
  301. }
  302.  
  303. .tipsy-inner {
  304.  
  305. padding:5px 8px 4px 8px;
  306.  
  307. background-color:black;
  308.  
  309. color:#FFF;
  310.  
  311. max-width:200px;
  312.  
  313. text-align:center;
  314.  
  315. }
  316.  
  317. .tipsy-inner {
  318.  
  319. -moz-border-radius:3px;
  320.  
  321. -webkit-border-radius:3px;
  322.  
  323. }
  324.  
  325. .tipsy-north {
  326.  
  327. background-position:top center;
  328.  
  329. }
  330.  
  331. .tipsy-south {
  332.  
  333. background-position:bottom center;
  334.  
  335. }
  336.  
  337. .tipsy-east {
  338.  
  339. background-position:right center;
  340.  
  341. }
  342.  
  343. .tipsy-west {
  344.  
  345. background-position: left center;
  346.  
  347. }
  348.  
  349. /*-----------------------------------------------------------*/
  350.  
  351. /*-------------------- SOCIAL ICONS --------------------------*/
  352.  
  353. /*-----------------------------------------------------------*/
  354.  
  355. #social-icons {
  356.  
  357. position:relative;
  358.  
  359. }
  360.  
  361. ul#social-links {
  362.  
  363. z-index: 1202;
  364.  
  365. position: absolute;
  366.  
  367. margin: 10px 0 0 0px;
  368.  
  369. right: 0px;
  370.  
  371. list-style: none;
  372.  
  373. }
  374.  
  375. ul#social-links li { float: left }
  376.  
  377. ul#social-links li {
  378.  
  379. float: left;
  380.  
  381. font-size: 12px;
  382.  
  383. list-style: none;
  384.  
  385. width: 32px;
  386.  
  387. height: 32px;
  388.  
  389. background: #8dc1d3;
  390.  
  391. background: -moz-linear-gradient(top, #8dc1d3 0%, #67a7bd 100%);
  392.  
  393. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8dc1d3), color-stop(100%,#67a7bd));
  394.  
  395. background: -webkit-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
  396.  
  397. background: -o-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
  398.  
  399. background: -ms-linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
  400.  
  401. background: linear-gradient(top, #8dc1d3 0%,#67a7bd 100%);
  402.  
  403. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8dc1d3', endColorstr='#67a7bd',GradientType=0 );
  404.  
  405. text-indent: -9999px;
  406.  
  407. border-radius: 2px;
  408.  
  409. -moz-border-radius: 2px;
  410.  
  411. -webkit-border-radius: 2px;
  412.  
  413. margin: 0 5px 0 0;
  414.  
  415. box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
  416.  
  417. -moz-box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
  418.  
  419. -webkit-box-shadow: 0px 1px 1px #a7dcef,inset 0px 2px 5px #67a7bd;
  420.  
  421. }
  422.  
  423. ul#social-links li a.facebook { background: url("../images/icons/facebook.png") 50% 50% no-repeat }
  424.  
  425. ul#social-links li a.twitter { background: url("../images/icons/twitter.png") 50% 50% no-repeat }
  426.  
  427. ul#social-links li a.google { background: url("../images/icons/google.png") 50% 50% no-repeat }
  428.  
  429. ul#social-links li a.dribbble { background: url("../images/icons/dribbble.png") 50% 50% no-repeat }
  430.  
  431. ul#social-links li a.vimeo { background: url("../images/icons/vimeo.png") 50% 50% no-repeat }
  432.  
  433. ul#social-links li a.skype { background: url("../images/icons/skype.png") 50% 50% no-repeat }
  434.  
  435. ul#social-links li a.rss { background: url("../images/icons/rss.png") 50% 50% no-repeat }
  436.  
  437. ul#social-links li a.linkedin { background: url("../images/icons/linkedin.png") 50% 50% no-repeat }
  438.  
  439. ul#social-links li a.pinterest { background: url("../images/icons/pinterest.png") 50% 50% no-repeat }
  440.  
  441. ul#social-links > li.facebook-link:hover {
  442.  
  443. float: left;
  444.  
  445. font-size: 12px;
  446.  
  447. width: 32px;
  448.  
  449. height: 32px;
  450.  
  451. background: #415b92;
  452.  
  453. background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
  454.  
  455. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
  456.  
  457. background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
  458.  
  459. background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
  460.  
  461. background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
  462.  
  463. background: linear-gradient(top, #415b92 0%,#33487b 100%);
  464.  
  465. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
  466.  
  467. text-indent: -9999px;
  468.  
  469. box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  470.  
  471. -moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  472.  
  473. -webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  474.  
  475. }
  476.  
  477. ul#social-links > li.twitter-link:hover {
  478.  
  479. float: left;
  480.  
  481. font-size: 12px;
  482.  
  483. width: 32px;
  484.  
  485. height: 32px;
  486.  
  487. background: #aad5e3;
  488.  
  489. background: -moz-linear-gradient(top, #aad5e3 0%, #90c7db 100%);
  490.  
  491. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aad5e3), color-stop(100%,#90c7db));
  492.  
  493. background: -webkit-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
  494.  
  495. background: -o-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
  496.  
  497. background: -ms-linear-gradient(top, #aad5e3 0%,#90c7db 100%);
  498.  
  499. background: linear-gradient(top, #aad5e3 0%,#90c7db 100%);
  500.  
  501. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#90c7db',GradientType=0 );
  502.  
  503. text-indent: -9999px;
  504.  
  505. box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
  506.  
  507. -moz-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
  508.  
  509. -webkit-box-shadow: 0px 1px 1px #6cb6cf,inset 0px 2px 5px #7fc9e2;
  510.  
  511. }
  512.  
  513. ul#social-links > li.google-link:hover {
  514.  
  515. float: left;
  516.  
  517. font-size: 12px;
  518.  
  519. width: 32px;
  520.  
  521. height: 32px;
  522.  
  523. background: #f54a35;
  524.  
  525. background: -moz-linear-gradient(top, #f54a35 0%, #c83e2d 100%);
  526.  
  527. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f54a35), color-stop(100%,#c83e2d));
  528.  
  529. background: -webkit-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
  530.  
  531. background: -o-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
  532.  
  533. background: -ms-linear-gradient(top, #f54a35 0%,#c83e2d 100%);
  534.  
  535. background: linear-gradient(top, #f54a35 0%,#c83e2d 100%);
  536.  
  537. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f54a35', endColorstr='#c83e2d',GradientType=0 );
  538.  
  539. text-indent: -9999px;
  540.  
  541. box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
  542.  
  543. -moz-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
  544.  
  545. -webkit-box-shadow: 0px 1px 1px #bf3928,inset 0px 2px 5px #ff6957;
  546.  
  547. }
  548.  
  549. ul#social-links > li.facebook-link:hover {
  550.  
  551. float: left;
  552.  
  553. font-size: 12px;
  554.  
  555. width: 32px;
  556.  
  557. height: 32px;
  558.  
  559. background: #415b92;
  560.  
  561. background: -moz-linear-gradient(top, #415b92 0%, #33487b 100%);
  562.  
  563. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#415b92), color-stop(100%,#33487b));
  564.  
  565. background: -webkit-linear-gradient(top, #415b92 0%,#33487b 100%);
  566.  
  567. background: -o-linear-gradient(top, #415b92 0%,#33487b 100%);
  568.  
  569. background: -ms-linear-gradient(top, #415b92 0%,#33487b 100%);
  570.  
  571. background: linear-gradient(top, #415b92 0%,#33487b 100%);
  572.  
  573. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#415b92', endColorstr='#33487b',GradientType=0 );
  574.  
  575. text-indent: -9999px;
  576.  
  577. box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  578.  
  579. -moz-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  580.  
  581. -webkit-box-shadow: 0px 1px 1px #2a4782,inset 0px 2px 5px #4a67a0;
  582.  
  583. }
  584.  
  585. ul#social-links > li.dribbble-link:hover {
  586.  
  587. float: left;
  588.  
  589. font-size: 12px;
  590.  
  591. width: 32px;
  592.  
  593. height: 32px;
  594.  
  595. background: #fd83af;
  596.  
  597. background: -moz-linear-gradient(top, #fd83af 0%, #e46191 100%);
  598.  
  599. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fd83af), color-stop(100%,#e46191));
  600.  
  601. background: -webkit-linear-gradient(top, #fd83af 0%,#e46191 100%);
  602.  
  603. background: -o-linear-gradient(top, #fd83af 0%,#e46191 100%);
  604.  
  605. background: -ms-linear-gradient(top, #fd83af 0%,#e46191 100%);
  606.  
  607. background: linear-gradient(top, #fd83af 0%,#e46191 100%);
  608.  
  609. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd83af', endColorstr='#e46191',GradientType=0 );
  610.  
  611. text-indent: -9999px;
  612.  
  613. box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
  614.  
  615. -moz-box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
  616.  
  617. -webkit-box-shadow: 0px 1px 1px #da447c,inset 0px 2px 5px #fc97bb;
  618.  
  619. }
  620.  
  621. ul#social-links > li.vimeo-link:hover {
  622.  
  623. float: left;
  624.  
  625. font-size: 12px;
  626.  
  627. width: 32px;
  628.  
  629. height: 32px;
  630.  
  631. background: #1ab7ea;
  632.  
  633. background: -moz-linear-gradient(top, #1ab7ea 0%, #0a9ece 100%);
  634.  
  635. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ab7ea), color-stop(100%,#0a9ece));
  636.  
  637. background: -webkit-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
  638.  
  639. background: -o-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
  640.  
  641. background: -ms-linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
  642.  
  643. background: linear-gradient(top, #1ab7ea 0%,#0a9ece 100%);
  644.  
  645. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ab7ea', endColorstr='#0a9ece',GradientType=0 );
  646.  
  647. text-indent: -9999px;
  648.  
  649. box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
  650.  
  651. -moz-box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
  652.  
  653. -webkit-box-shadow: 0px 1px 1px #0b9ac8,inset 0px 2px 5px #31c6f6;
  654.  
  655. }
  656.  
  657. ul#social-links > li.skype-link:hover {
  658.  
  659. float: left;
  660.  
  661. font-size: 12px;
  662.  
  663. width: 32px;
  664.  
  665. height: 32px;
  666.  
  667. background: #56cbf7;
  668.  
  669. background: -moz-linear-gradient(top, #56cbf7 0%, #09b2f1 100%);
  670.  
  671. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#56cbf7), color-stop(100%,#09b2f1));
  672.  
  673. background: -webkit-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
  674.  
  675. background: -o-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
  676.  
  677. background: -ms-linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
  678.  
  679. background: linear-gradient(top, #56cbf7 0%,#09b2f1 100%);
  680.  
  681. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56cbf7', endColorstr='#09b2f1',GradientType=0 );
  682.  
  683. text-indent: -9999px;
  684.  
  685. box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
  686.  
  687. -moz-box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
  688.  
  689. -webkit-box-shadow: 0px 1px 1px #0281ae,inset 0px 2px 5px #b5ebff;
  690.  
  691. }
  692.  
  693. ul#social-links li a {
  694.  
  695. width: 32px;
  696.  
  697. height: 32px;
  698.  
  699. display: block;
  700.  
  701. }
  702.  
  703. ul#social-links > li.rss-link:hover {
  704.  
  705. float: left;
  706.  
  707. font-size: 12px;
  708.  
  709. width: 32px;
  710.  
  711. height: 32px;
  712.  
  713. background: #ff8500;
  714.  
  715. background: -moz-linear-gradient(top, #ff8500 0%, #ff6a00 100%);
  716.  
  717. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8500), color-stop(100%,#ff6a00));
  718.  
  719. background: -webkit-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
  720.  
  721. background: -o-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
  722.  
  723. background: -ms-linear-gradient(top, #ff8500 0%,#ff6a00 100%);
  724.  
  725. background: linear-gradient(top, #ff8500 0%,#ff6a00 100%);
  726.  
  727. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8500', endColorstr='#ff6a00',GradientType=0 );
  728.  
  729. text-indent: -9999px;
  730.  
  731. box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
  732.  
  733. -moz-box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
  734.  
  735. -webkit-box-shadow: 0px 1px 1px #df5d00,inset 0px 2px 5px #ffb140;
  736.  
  737. }
  738.  
  739. ul#social-links > li.linkedin-link:hover {
  740.  
  741. float: left;
  742.  
  743. font-size: 12px;
  744.  
  745. width: 32px;
  746.  
  747. height: 32px;
  748.  
  749. background: #007fc5;
  750.  
  751. background: -moz-linear-gradient(top, #007fc5 0%, #0061b6 100%);
  752.  
  753. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007fc5), color-stop(100%,#0061b6));
  754.  
  755. background: -webkit-linear-gradient(top, #007fc5 0%,#0061b6 100%);
  756.  
  757. background: -o-linear-gradient(top, #007fc5 0%,#0061b6 100%);
  758.  
  759. background: -ms-linear-gradient(top, #007fc5 0%,#0061b6 100%);
  760.  
  761. background: linear-gradient(top, #007fc5 0%,#0061b6 100%);
  762.  
  763. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007fc5', endColorstr='#0061b6',GradientType=0 );
  764.  
  765. text-indent: -9999px;
  766.  
  767. box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
  768.  
  769. -moz-box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
  770.  
  771. -webkit-box-shadow: 0px 1px 1px #004d90,inset 0px 2px 5px #16a7e8;
  772.  
  773. }
  774.  
  775. ul#social-links > li.pinterest-link:hover {
  776.  
  777. float: left;
  778.  
  779. font-size: 12px;
  780.  
  781. width: 32px;
  782.  
  783. height: 32px;
  784.  
  785. background: #e63037;
  786.  
  787. background: -moz-linear-gradient(top, #e63037 0%, #bf1018 100%);
  788.  
  789. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e63037), color-stop(100%,#bf1018));
  790.  
  791. background: -webkit-linear-gradient(top, #e63037 0%,#bf1018 100%);
  792.  
  793. background: -o-linear-gradient(top, #e63037 0%,#bf1018 100%);
  794.  
  795. background: -ms-linear-gradient(top, #e63037 0%,#bf1018 100%);
  796.  
  797. background: linear-gradient(top, #e63037 0%,#bf1018 100%);
  798.  
  799. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e63037', endColorstr='#bf1018',GradientType=0 );
  800.  
  801. text-indent: -9999px;
  802.  
  803. box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
  804.  
  805. -moz-box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
  806.  
  807. -webkit-box-shadow: 0px 1px 1px #ae0d13,inset 0px 2px 5px #fc545b;
  808.  
  809. }
  810.  
  811. /* ---------------------------------------------------------------------- */
  812.  
  813. /* 04- HEADER CSS
  814.  
  815. /* ---------------------------------------------------------------------- */
  816.  
  817.  
  818.  
  819. /* -------------------------------------------------- */
  820.  
  821. /* HEADER,CONTAINER,LOGO, RESPONSIVE NAVIGATION
  822.  
  823. /* -------------------------------------------------- */
  824.  
  825. #page {
  826.  
  827. height:auto;
  828.  
  829. width:1020px;
  830.  
  831. background:#FFF;
  832.  
  833. -webkit-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
  834.  
  835. -moz-box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
  836.  
  837. box-shadow: 0 10px 80px 0 rgba(0, 0, 0, 0.20);
  838.  
  839. padding:0px;
  840.  
  841. margin:50px 0 100px 0;
  842.  
  843. }
  844.  
  845. #header {
  846.  
  847. height:68px;
  848.  
  849. padding:0px 0 20px 0;
  850.  
  851. float:left;
  852.  
  853. width:100%;
  854.  
  855. }
  856.  
  857. #navigation-wrapper{float:right;}
  858.  
  859. #content {padding-bottom: 30px; font-size: 14px;}
  860.  
  861. #logo{
  862.  
  863. float: none;
  864.  
  865. /*height: 55px;
  866.  
  867. width:230px;
  868.  
  869. background:url("../images/logo.png") no-repeat;
  870.  
  871. text-indent:-9999px;*/
  872.  
  873. }
  874.  
  875. #logo-wrapper {
  876.  
  877. float:left;
  878.  
  879. width:240px;
  880.  
  881. height:200px;
  882.  
  883. }
  884.  
  885. #logo-wrapper h1 {
  886.  
  887. margin-bottom: 0;
  888.  
  889. }
  890.  
  891. #tagline {
  892.  
  893. margin:0;
  894.  
  895. white-space: nowrap;
  896.  
  897. }
  898.  
  899. #responsive-social-menu{
  900.  
  901. display: none;
  902.  
  903. width: 100%;
  904.  
  905. padding: 6px;
  906.  
  907. font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
  908.  
  909. border: 1px solid #ccc;
  910.  
  911. color: #666;
  912.  
  913. background:#fff;
  914.  
  915. }
  916.  
  917. #responsive-main-nav-menu{
  918.  
  919. display: none;
  920.  
  921. width: 100%;
  922.  
  923. padding: 6px;
  924.  
  925. font: normal normal 12px/1em 'Open Sans', Arial, Tahoma, sans-serif;
  926.  
  927. border: 1px solid #ccc;
  928.  
  929. color: #666;
  930.  
  931. }
  932.  
  933. #page {
  934.  
  935. height: auto;
  936.  
  937. width: 1020px;
  938.  
  939. margin:50px auto 100px;
  940.  
  941. padding: 0px;
  942.  
  943. }
  944.  
  945. /* -------------------------------------------------- */
  946.  
  947. /* Columns
  948.  
  949. /* -------------------------------------------------- */
  950.  
  951. .container {margin: 0 auto;position: relative;width: 940px;}
  952.  
  953. .one-half,.one-third,.two-third,.one-fourth,.three-fourth,.one-column {float: left;margin-right: 20px;margin-bottom: 20px;}
  954.  
  955. .one-half.last,.one-third.last,.two-third.last,.one-fourth.last,.three-fourth.last, .one-fourth.widget-4, .one-fourth.widget-8, .one-fourth.widget-12{ margin-right: 0px }
  956.  
  957. .one-half { width: 460px }
  958.  
  959. .one-third { width: 300px }
  960.  
  961. .two-third { width: 620px }
  962.  
  963. .one-fourth { width: 220px }
  964.  
  965. .three-fourth { width: 700px }
  966.  
  967. .horizontal-line {width:100%;margin:30px 0;float:left;border-top:1px solid #e1e1e1; }
  968.  
  969.  
  970.  
  971. .one-fourth.widget-1, .one-fourth.widget-5 , .one-fourth.widget-9 { clear:both; }
  972.  
  973.  
  974.  
  975. /* -------------------------------------------------- */
  976.  
  977. /* MAVIGATION
  978.  
  979. /* -------------------------------------------------- */
  980.  
  981. .downarrowclass {
  982.  
  983. position: absolute;
  984.  
  985. top: 53px;
  986.  
  987. right: 5px;
  988.  
  989. }
  990.  
  991. .rightarrowclass {
  992.  
  993. position: absolute;
  994.  
  995. top: 10px;
  996.  
  997. right: 10px;
  998.  
  999. }
  1000.  
  1001. #main-navigation select { display: none }
  1002.  
  1003. #main-navigation { float: right }
  1004.  
  1005. #main-navigation > ul { margin: -30px 0 0 0px }
  1006.  
  1007. #main-navigation ul li {
  1008.  
  1009. list-style: none;
  1010.  
  1011. float: left;
  1012.  
  1013. position: relative;
  1014.  
  1015. }
  1016.  
  1017. #main-navigation li a {
  1018.  
  1019. color: #898989;
  1020.  
  1021. font-family: 'Dosis', 'Verdana', sans-serif;
  1022.  
  1023. font-size: 16px;
  1024.  
  1025. font-weight: normal;
  1026.  
  1027. padding: 47px 12px 50px 12px;
  1028.  
  1029. margin: 0px 0px 10px 0;
  1030.  
  1031. position: relative;
  1032.  
  1033. text-align: center;
  1034.  
  1035. text-transform: uppercase;
  1036.  
  1037. float: left;
  1038.  
  1039. overflow: hidden;
  1040.  
  1041. line-height: 20px;
  1042.  
  1043. }
  1044.  
  1045. #main-navigation ul li a:hover,
  1046.  
  1047. #main-navigation ul li.current-menu-ancestor > a,
  1048.  
  1049. #main-navigation ul li.current-menu-item > a {
  1050.  
  1051. color: #9dcedf;
  1052.  
  1053. background: #f8f8f8;
  1054.  
  1055. border-bottom: 1pt solid #9dcedf;
  1056.  
  1057. }
  1058.  
  1059. #main-navigation ul ul li a {
  1060.  
  1061. display: block;
  1062.  
  1063. float: none;
  1064.  
  1065. }
  1066.  
  1067. #main-navigation ul ul {
  1068.  
  1069. background: url("../images/menu-drop-bg.png") 20% 0% no-repeat;
  1070.  
  1071. padding-top: 8px;
  1072.  
  1073. display: none;
  1074.  
  1075. left: 0;
  1076.  
  1077. margin-top: -18px;
  1078.  
  1079. position: absolute;
  1080.  
  1081. width: 175px;
  1082.  
  1083. z-index: 99;
  1084.  
  1085. border-radius: 2px;
  1086.  
  1087. -moz-border-radius: 2px;
  1088.  
  1089. -webkit-border-radius: 2px;
  1090.  
  1091. }
  1092.  
  1093. #main-navigation ul ul ul {
  1094.  
  1095. background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
  1096.  
  1097. padding-left: 8px;
  1098.  
  1099. display: none;
  1100.  
  1101. left: 0;
  1102.  
  1103. position: absolute;
  1104.  
  1105. width: 175px;
  1106.  
  1107. z-index: 99;
  1108.  
  1109. border-radius: 2px;
  1110.  
  1111. -moz-border-radius: 2px;
  1112.  
  1113. -webkit-border-radius: 2px;
  1114.  
  1115. }
  1116.  
  1117. #main-navigation ul ul ul ul {
  1118.  
  1119. background: url("../images/menu-drop-bg-2.png") 0% 50% no-repeat;
  1120.  
  1121. padding-left: 8px;
  1122.  
  1123. display: none;
  1124.  
  1125. margin-left: 10px;
  1126.  
  1127. left: 0;
  1128.  
  1129. position: absolute;
  1130.  
  1131. width: 175px;
  1132.  
  1133. z-index: 99;
  1134.  
  1135. border-radius: 2px;
  1136.  
  1137. -moz-border-radius: 2px;
  1138.  
  1139. -webkit-border-radius: 2px;
  1140.  
  1141. }
  1142.  
  1143. #main-navigation ul ul li,
  1144.  
  1145. #main-navigation ul ul li a {
  1146.  
  1147. padding: 0px 0 0 0px;
  1148.  
  1149. margin: 0px;
  1150.  
  1151. color: #FFF;
  1152.  
  1153. background: #615951;
  1154.  
  1155. font-family: "Arial", "Verdana";
  1156.  
  1157. }
  1158.  
  1159. #main-navigation ul ul li { }
  1160.  
  1161. #main-navigation ul ul li { float: none }
  1162.  
  1163. #main-navigation ul li {
  1164.  
  1165. padding: 0;
  1166.  
  1167. margin: 0 0 0 20px;
  1168.  
  1169. }
  1170.  
  1171. #main-navigation ul ul a {
  1172.  
  1173. border: 0;
  1174.  
  1175. color: #fff;
  1176.  
  1177. display: block;
  1178.  
  1179. font-size: 11px;
  1180.  
  1181. font-weight: 400;
  1182.  
  1183. padding: 5px 10px !important;
  1184.  
  1185. text-align: left;
  1186.  
  1187. margin: 0;
  1188.  
  1189. text-transform: none;
  1190.  
  1191. }
  1192.  
  1193. #main-navigation ul ul a:hover,
  1194.  
  1195. #main-navigation ul ul .hover > a,
  1196.  
  1197. #main-navigation ul ul .current-menu-item > a,
  1198.  
  1199. #main-navigation ul ul .current-menu-item > a:hover {
  1200.  
  1201. background: #9dcedf ;
  1202.  
  1203. color: #fff !important;
  1204.  
  1205. border: 0 !important;
  1206.  
  1207. }
  1208.  
  1209. #main-navigation ul li ul {
  1210.  
  1211. position: absolute;
  1212.  
  1213. left: 0px;
  1214.  
  1215. display: block;
  1216.  
  1217. visibility: hidden;
  1218.  
  1219. margin-left: 0px;
  1220.  
  1221. top: 0;
  1222.  
  1223. }
  1224.  
  1225. .downarrowclass,
  1226.  
  1227. .rightarrowclass {
  1228.  
  1229. width:8px;
  1230.  
  1231. height:8px;
  1232.  
  1233. background:url(../images/plus.png) top left no-repeat;
  1234.  
  1235. display:inline-block;
  1236.  
  1237. position: absolute;
  1238.  
  1239. right: 5px;
  1240.  
  1241. top: 53px
  1242.  
  1243. }
  1244.  
  1245. .rightarrowclass {
  1246.  
  1247. background-image:url(../images/plus-white.png);
  1248.  
  1249. }
  1250.  
  1251. /* ---------------------------------------------------------------------- */
  1252.  
  1253. /* 05- CALL TO ACTION PANEL CSS
  1254.  
  1255. /* ---------------------------------------------------------------------- */
  1256.  
  1257. #call-to-action-panel{
  1258.  
  1259. height:90px;
  1260.  
  1261. padding:45px 0px 25px 0px;
  1262.  
  1263. width:1020px;
  1264.  
  1265. margin:30px 0 0 0;
  1266.  
  1267. background:#f0ede4;
  1268.  
  1269. border-top:1pt solid #d8d5cd;
  1270.  
  1271.  
  1272.  
  1273. }
  1274.  
  1275. #call-to-action-panel h1 {
  1276.  
  1277. color:#9dcedf;
  1278.  
  1279. font-size:38px;
  1280.  
  1281. }
  1282.  
  1283. #call-to-action-panel .button-align-right{float:right;}
  1284.  
  1285. #call-to-action-panel span {font-size:14px;}
  1286.  
  1287. .view-portfolio-button{
  1288.  
  1289. background:#aad5e3 ;
  1290.  
  1291. background: -moz-linear-gradient(top, #aad5e3 1%, #93c9dc 50%, #83c0d4 100%);
  1292.  
  1293. background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#aad5e3), color-stop(50%,#93c9dc), color-stop(100%,#83c0d4));
  1294.  
  1295. background: -webkit-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%);
  1296.  
  1297. background: -o-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%);
  1298.  
  1299. background: -ms-linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%);
  1300.  
  1301. background: linear-gradient(top, #aad5e3 1%,#93c9dc 50%,#83c0d4 100%);
  1302.  
  1303. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aad5e3', endColorstr='#83c0d4',GradientType=0 );
  1304.  
  1305. padding:15px 25px;
  1306.  
  1307. font-size:14px;
  1308.  
  1309. border-radius:4px;
  1310.  
  1311. -moz-border-radius:4px;
  1312.  
  1313. -webkit-border-radius:4px;
  1314.  
  1315. color:#FFF;
  1316.  
  1317. text-shadow:0px 1px #88c4d8;
  1318.  
  1319. float:left;
  1320.  
  1321. margin:0;
  1322.  
  1323. position:relative;
  1324.  
  1325. -webkit-box-shadow:0px 4px #388fad;
  1326.  
  1327. -moz-box-shadow:0px 4px #388fad;
  1328.  
  1329. box-shadow:0px 4px #388fad;
  1330.  
  1331. }
  1332.  
  1333. .view-portfolio-button:hover{
  1334.  
  1335. margin-top:-1px;
  1336.  
  1337. text-decoration:none;
  1338.  
  1339. color:#FFF;
  1340.  
  1341. -webkit-box-shadow:0px 5px #388fad;
  1342.  
  1343. -moz-box-shadow:0px 5px #388fad;
  1344.  
  1345. box-shadow:0px 5px #388fad;}
  1346.  
  1347.  
  1348.  
  1349. .view-portfolio-button:active{
  1350.  
  1351. margin-top:1px;
  1352.  
  1353. text-decoration:none;
  1354.  
  1355. color:#FFF;
  1356.  
  1357. -webkit-box-shadow:0px 2px #388fad;
  1358.  
  1359. -moz-box-shadow:0px 2px #388fad;
  1360.  
  1361. box-shadow:0px 2px #388fad;}
  1362.  
  1363. .user{
  1364.  
  1365. width:20px;
  1366.  
  1367. height:20px;
  1368.  
  1369. display:block;
  1370.  
  1371. background:url("../images/icons/user.png") center no-repeat;
  1372.  
  1373. text-indent:-9999px;
  1374.  
  1375. float:right;
  1376.  
  1377. margin:0 -5px 0 10px;
  1378.  
  1379. }
  1380.  
  1381.  
  1382.  
  1383. /* ---------------------------------------------------------------------- */
  1384.  
  1385. /* 06- FOOTER & COPYRIGHTS CSS
  1386.  
  1387. /* ---------------------------------------------------------------------- */
  1388.  
  1389. #footer{
  1390.  
  1391. width: 1020px;
  1392.  
  1393. padding: 30px 0px 0;
  1394.  
  1395. margin:0px;
  1396.  
  1397. height: auto;
  1398.  
  1399. background: #222222;
  1400.  
  1401.  
  1402.  
  1403. }
  1404.  
  1405. #footer h4 {
  1406.  
  1407. color: #9dcedf;
  1408.  
  1409. font-size: 18px;
  1410.  
  1411. line-height: 24px;
  1412.  
  1413. }
  1414.  
  1415. #copyrights{
  1416.  
  1417. width: 1020px;
  1418.  
  1419. padding: 30px 0px;
  1420.  
  1421. margin-left: 0px;
  1422.  
  1423. background: #111;
  1424.  
  1425. float:none;
  1426.  
  1427. }
  1428.  
  1429. #copyrights .right { float: right }
  1430.  
  1431. #copyrights a { color: #9dcedf }
  1432.  
  1433. #copyrights a:hover { text-decoration: underline }
  1434.  
  1435. .backtotop{
  1436.  
  1437. float:right;
  1438.  
  1439. text-align:center;
  1440.  
  1441. background:#2e2e2e;
  1442.  
  1443. height:20px;
  1444.  
  1445. width:20px;
  1446.  
  1447. border-radius:2px;
  1448.  
  1449. -moz-border-radius:2px;
  1450.  
  1451. webkit-border-radius:2px;
  1452.  
  1453. margin-right:-10px;
  1454.  
  1455. margin-left:10px;
  1456.  
  1457.  
  1458.  
  1459. }
  1460.  
  1461. .backtotop:hover{background:#222222;}
  1462.  
  1463. /* ---------------------------------------------------------------------- */
  1464.  
  1465. /* FOOTER LIST
  1466.  
  1467. /* ---------------------------------------------------------------------- */
  1468.  
  1469. #footer .widget-container ul {
  1470.  
  1471. list-style-type: none;
  1472.  
  1473. list-style-position: outside;
  1474.  
  1475. width: 100%;
  1476.  
  1477. }
  1478.  
  1479. #footer .widget-container li {
  1480.  
  1481. color: #898989;
  1482.  
  1483. display: block;
  1484.  
  1485. padding: 5px 0;
  1486.  
  1487. border-bottom: 1pt solid #333;
  1488.  
  1489. }
  1490.  
  1491. #footer .widget-container li a { color: #aaa }
  1492.  
  1493. #footer .widget-container li a:hover {
  1494.  
  1495. color: #9dcedf;
  1496.  
  1497. text-decoration: underline;
  1498.  
  1499. }
  1500.  
  1501. #footer .widget-container li:first-child { border-top: 1pt solid #333; }
  1502.  
  1503. #footer .widget-container li:last-child { border-bottom: none; }
  1504.  
  1505.  
  1506.  
  1507. #footer .widget-container ul ul {
  1508.  
  1509. margin: 5px 0 0 0px;
  1510.  
  1511. }
  1512.  
  1513. /* --------------------------------------------------------------------- */
  1514.  
  1515. /* NEWSLETTER FORM
  1516.  
  1517. /* ---------------------------------------------------------------------- */
  1518.  
  1519. #footer-form form { margin-bottom: 0px }
  1520.  
  1521. #footer-form fieldset { margin-bottom: 20px }
  1522.  
  1523. #footer-form label,
  1524.  
  1525. #footer-form legend {
  1526.  
  1527. display: block;
  1528.  
  1529. font-weight: bold;
  1530.  
  1531. font-size: 13px;
  1532.  
  1533. }
  1534.  
  1535. #footer-form input[type="checkbox"] { display: inline }
  1536.  
  1537. #footer-form label span,
  1538.  
  1539. #footer-form legend span {
  1540.  
  1541. font-weight: normal;
  1542.  
  1543. font-size: 13px;
  1544.  
  1545. color: #444;
  1546.  
  1547. }
  1548.  
  1549. #footer-form input[type="text"],
  1550.  
  1551. #footer-form input[type="password"],
  1552.  
  1553. #footer-form input[type="email"],
  1554.  
  1555. #footer-form textarea,
  1556.  
  1557. #footer-form select {
  1558.  
  1559. padding: 7px 10px;
  1560.  
  1561. outline: none;
  1562.  
  1563. overflow: hidden;
  1564.  
  1565. font-size: 11px;
  1566.  
  1567. color: #898989;
  1568.  
  1569. margin: 0;
  1570.  
  1571. width: 200px;
  1572.  
  1573. max-width: 100%;
  1574.  
  1575. display: block;
  1576.  
  1577. margin-bottom: 10px;
  1578.  
  1579. background: #111111;
  1580.  
  1581. border-radius: 4px;
  1582.  
  1583. -moz-border-radius: 4px;
  1584.  
  1585. -webkit-border-radius: 4px;
  1586.  
  1587. box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f;
  1588.  
  1589. -moz-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f;
  1590.  
  1591. -webkit-box-shadow: 0px 1px 1px #333,inset 0px 2px 2px #0f0f0f;
  1592.  
  1593. resize: none;
  1594.  
  1595. }
  1596.  
  1597. #footer-form select { padding: 0 }
  1598.  
  1599. #footer-form input[type="text"]:focus,
  1600.  
  1601. #footer-form input[type="password"]:focus,
  1602.  
  1603. #footer-form input[type="email"]:focus,
  1604.  
  1605. #footer-form textarea:focus { color: #555 }
  1606.  
  1607. #footer-form textarea { min-height: 100px }
  1608.  
  1609. #footer-form select { width: 300px }
  1610.  
  1611. /* ---------------------------------------------------------------------- */
  1612.  
  1613. /* FOOTER TWITTER FIELD
  1614.  
  1615. /* ---------------------------------------------------------------------- */
  1616.  
  1617. #footer .tweet { width: auto }
  1618.  
  1619. #footer .tweet ul {
  1620.  
  1621. list-style-type: none;
  1622.  
  1623. padding: 0;
  1624.  
  1625. margin: 0px;
  1626.  
  1627. }
  1628.  
  1629. #footer .tweet li .tweet_text,
  1630.  
  1631. .block .tweet li .tweet_text {
  1632.  
  1633. float: left;
  1634.  
  1635. margin-bottom: 10px;
  1636.  
  1637. }
  1638.  
  1639. #footer .tweet a,
  1640.  
  1641. .block .tweet a {
  1642.  
  1643. text-transform: none;
  1644.  
  1645. display: inline;
  1646.  
  1647. padding: 0px;
  1648.  
  1649. font-style: italic;
  1650.  
  1651. font: 12px Arial,Verdana, sans-serif;
  1652.  
  1653. }
  1654.  
  1655. #footer .tweet .tweet_time a,
  1656.  
  1657. .block .tweet .tweet_time a {
  1658.  
  1659. text-transform: none;
  1660.  
  1661. display: block;
  1662.  
  1663. font-style: italic;
  1664.  
  1665. font-size: 12px;
  1666.  
  1667. padding: 10px 0 0 25px;
  1668.  
  1669. color: #9dcedf;
  1670.  
  1671. background: url("../images/twitter-feed.png") left bottom no-repeat;
  1672.  
  1673. }
  1674.  
  1675. #footer .tweet .tweet_time a:hover,
  1676.  
  1677. .block .tweet .tweet_time a :hover { text-decoration: underline }
  1678.  
  1679. /* ---------------------------------------------------------------------- */
  1680.  
  1681. /* FOOTER CONTACT INFO
  1682.  
  1683. /* ---------------------------------------------------------------------- */
  1684.  
  1685. .widget_site5framework_contact_widget {
  1686.  
  1687.  
  1688.  
  1689. }
  1690.  
  1691.  
  1692.  
  1693. .widget_site5framework_contact_widget span {
  1694.  
  1695. padding: 5px 0px 5px 30px;
  1696.  
  1697. width: 100%;
  1698.  
  1699. display: block;
  1700.  
  1701. font-style: normal;
  1702.  
  1703. }
  1704.  
  1705.  
  1706.  
  1707. .widget_site5framework_contact_widget span.address { background: url("../images/icons/adress.png") left no-repeat }
  1708.  
  1709. .widget_site5framework_contact_widget span.phone { background: url("../images/icons/phone-number.png") left no-repeat }
  1710.  
  1711. .widget_site5framework_contact_widget span.email { background: url("../images/icons/mail-adress.png") left no-repeat }
  1712.  
  1713.  
  1714.  
  1715. /* ---------------------------------------------------------------------- */
  1716.  
  1717. /* 07- HOMEPAGE PORTFOLIO CAROUSEL & PORTFOLIO ITEM LAYOUT
  1718.  
  1719. /* ---------------------------------------------------------------------- */
  1720.  
  1721. ul#projects-carousel {
  1722.  
  1723. overflow: hidden;
  1724.  
  1725. position: relative;
  1726.  
  1727. list-style: none;
  1728.  
  1729. margin: 0;
  1730.  
  1731. padding: 25px 0 0 0;
  1732.  
  1733. }
  1734.  
  1735. ul#projects-carousel li {
  1736.  
  1737. float: left;
  1738.  
  1739. background: #f8f9f9;
  1740.  
  1741. width: 220px;
  1742.  
  1743. height: auto;
  1744.  
  1745. margin-right: 20px;
  1746.  
  1747. padding: 0;
  1748.  
  1749. }
  1750.  
  1751. ul#projects-carousel li .item-content {
  1752.  
  1753. background: #615951;
  1754.  
  1755. float: left;
  1756.  
  1757. width: 220px;
  1758.  
  1759. text-align: center;
  1760.  
  1761. padding: 0px 0 15px 0;
  1762.  
  1763. height: auto;
  1764.  
  1765. }
  1766.  
  1767.  
  1768.  
  1769. .description { padding: 15px; font-size: 12px; height: 50px;}
  1770.  
  1771. ul#projects-carousel li .item-content:hover { background: #9dcedf }
  1772.  
  1773. ul#projects-carousel li .item-content p {
  1774.  
  1775. margin: 0;
  1776.  
  1777. padding: 0;
  1778.  
  1779. font-weight: 800;
  1780.  
  1781. color: #FFF;
  1782.  
  1783. }
  1784.  
  1785. ul#projects-carousel li .item-content p a {
  1786.  
  1787. margin: 0;
  1788.  
  1789. padding: 0;
  1790.  
  1791. font-weight: 800;
  1792.  
  1793. color: #FFF;
  1794.  
  1795. }
  1796.  
  1797. ul#projects-carousel li .item-content span {
  1798.  
  1799. font-style: italic;
  1800.  
  1801. color: #FFF;
  1802.  
  1803. }
  1804.  
  1805.  
  1806.  
  1807. ul#projects-carousel li img {
  1808.  
  1809. width: 100%;
  1810.  
  1811. height: auto;
  1812.  
  1813. padding: 0;
  1814.  
  1815. margin: 0;
  1816.  
  1817. }
  1818.  
  1819. .jcarousel-container {
  1820.  
  1821. margin: 0px -20px 0px 0;
  1822.  
  1823. max-width: 100%;
  1824.  
  1825. padding: 0px 0 0 0;
  1826.  
  1827.  
  1828.  
  1829. }
  1830.  
  1831. .jcarousel-clip {
  1832.  
  1833. overflow: hidden;
  1834.  
  1835. width: 100%;
  1836.  
  1837. }
  1838.  
  1839. .jcarousel-item {
  1840.  
  1841. margin: 0 0px 30px 0;
  1842.  
  1843. width: 220px;
  1844.  
  1845. }
  1846.  
  1847. .jcarousel-next,
  1848.  
  1849. .jcarousel-prev {
  1850.  
  1851. background: #9dcedf url("../images/carousel-prev-next.png") 105% 50% no-repeat;
  1852.  
  1853. cursor: pointer;
  1854.  
  1855. height: 20px;
  1856.  
  1857. position: absolute;
  1858.  
  1859. right: 0;
  1860.  
  1861. bottom: -25px;
  1862.  
  1863. width: 20px;
  1864.  
  1865. }
  1866.  
  1867. .jcarousel-prev {
  1868.  
  1869. background: #9dcedf url("../images/carousel-prev-next.png") -5% 50% no-repeat;
  1870.  
  1871. right: 25px;
  1872.  
  1873. }
  1874.  
  1875. .jcarousel-next:hover,
  1876.  
  1877. .jcarousel-next:focus,
  1878.  
  1879. .jcarousel-next:active,
  1880.  
  1881. .jcarousel-prev:hover,
  1882.  
  1883. .jcarousel-prev:focus,
  1884.  
  1885. .jcarousel-prev:active { background-color: #9dcedf }
  1886.  
  1887. .jcarousel-clip {
  1888.  
  1889. overflow: hidden;
  1890.  
  1891. width: 100%;
  1892.  
  1893. }
  1894.  
  1895. .jcarousel-next-disabled,
  1896.  
  1897. .jcarousel-next-disabled:hover,
  1898.  
  1899. .jcarousel-next-disabled:focus,
  1900.  
  1901. .jcarousel-next-disabled:active,
  1902.  
  1903. .jcarousel-prev-disabled,
  1904.  
  1905. .jcarousel-prev-disabled:hover,
  1906.  
  1907. .jcarousel-prev-disabled:focus,
  1908.  
  1909. .jcarousel-prev-disabled:active {
  1910.  
  1911. background-color: #615951;
  1912.  
  1913. cursor: auto;
  1914.  
  1915. box-shadow: inset0 0 7px #46403a;
  1916.  
  1917. -moz-box-shadow: inset 0 0 7px #46403a;
  1918.  
  1919. -webkit-box-shadow: inset 0 0 7px #46403a;
  1920.  
  1921. }
  1922.  
  1923. .portfolio-item-hover-content,
  1924.  
  1925. .proj-img1 {
  1926.  
  1927. position: relative;
  1928.  
  1929. overflow: hidden;
  1930.  
  1931. }
  1932.  
  1933. .portfolio-item-hover-content a.zoom {
  1934.  
  1935. background: url(../images/zoom-plus.png) no-repeat;
  1936.  
  1937. margin-left: -15px;
  1938.  
  1939. display: inline-block;
  1940.  
  1941. width: 52px;
  1942.  
  1943. height: 52px;
  1944.  
  1945. position: absolute;
  1946.  
  1947. top: 0px;
  1948.  
  1949. left: 45%;
  1950.  
  1951. margin-top: -55px;
  1952.  
  1953. z-index: 10;
  1954.  
  1955. text-indent: -9999px;
  1956.  
  1957. }
  1958.  
  1959. .portfolio-item-hover-content {
  1960.  
  1961. line-height: 0;
  1962.  
  1963. display: block;
  1964.  
  1965. background: transparent;
  1966.  
  1967. z-index: 99;
  1968.  
  1969. }
  1970.  
  1971. .portfolio-item-holder {
  1972.  
  1973. position: relative;
  1974.  
  1975. overflow: hidden;
  1976.  
  1977. height: auto;
  1978.  
  1979. margin-bottom: 0px;
  1980.  
  1981. }
  1982.  
  1983. .portfolio-item-hover-content,
  1984.  
  1985. .proj-img1 {
  1986.  
  1987. position: relative;
  1988.  
  1989. overflow: hidden;
  1990.  
  1991. }
  1992.  
  1993. .portfolio-item-hover-content .hover-options {
  1994.  
  1995. display: block;
  1996.  
  1997. font-style: normal;
  1998.  
  1999. position: absolute;
  2000.  
  2001. width: 100%;
  2002.  
  2003. height: 100%;
  2004.  
  2005. z-index: 9;
  2006.  
  2007. top: 0;
  2008.  
  2009. left: 0;
  2010.  
  2011. background: #fff url("../images/portfolio-hover-bg.png") repeat;
  2012.  
  2013. opacity: 0;
  2014.  
  2015. filter: alpha(opacity:0);
  2016.  
  2017. cursor: pointer;
  2018.  
  2019. }
  2020.  
  2021.  
  2022.  
  2023. #slider_container {
  2024.  
  2025. border-bottom:1px solid #E1E1E1;
  2026.  
  2027. margin-bottom:30px;
  2028.  
  2029. padding-bottom:30px;
  2030.  
  2031. }
  2032.  
  2033.  
  2034.  
  2035. .flexslider.loading {min-height: 350px; background: url('../images/loading.gif') no-repeat center center;}
  2036.  
  2037. .loading {background: url('../images/loading.gif') no-repeat center center;}
  2038.  
  2039.  
  2040.  
  2041.  
  2042.  
  2043. /* ---------------------------------------------------------------------- */
  2044.  
  2045. /* 08- BUTTONS
  2046.  
  2047. /* ---------------------------------------------------------------------- */
  2048.  
  2049. .button {
  2050.  
  2051. cursor: pointer;
  2052.  
  2053. font-family: Arial,Helvetica,sans-serif;
  2054.  
  2055. font-size: 11px;
  2056.  
  2057. color: #ffffff;
  2058.  
  2059. text-decoration: none!important;
  2060.  
  2061. border: none;
  2062.  
  2063. position: relative;
  2064.  
  2065. }
  2066.  
  2067. .button:active {
  2068.  
  2069. text-decoration: none;
  2070.  
  2071. top: 1px;
  2072.  
  2073. }
  2074.  
  2075. .button.round {
  2076.  
  2077. border-radius: 4px;
  2078.  
  2079. -moz-border-radius: 4px;
  2080.  
  2081. -webkit-border-radius: 4px;
  2082.  
  2083. }
  2084.  
  2085. .button.cube {
  2086.  
  2087. border-radius: 0px;
  2088.  
  2089. -moz-border-radius: 0px;
  2090.  
  2091. -webkit-border-radius: 0px;
  2092.  
  2093. }
  2094.  
  2095. .button.small { padding: 7px 12px }
  2096.  
  2097. .button.big { padding: 8px 20px }
  2098.  
  2099. .button.huge {
  2100.  
  2101. padding: 15px 30px;
  2102.  
  2103. font-size: 18px;
  2104.  
  2105. color: #FFF!important;
  2106.  
  2107. font-weight: bold;
  2108.  
  2109. }
  2110.  
  2111.  
  2112.  
  2113.  
  2114.  
  2115. .button.darkgreen {
  2116.  
  2117. background: #59a839;
  2118.  
  2119. background: -moz-linear-gradient(top, #59a839 0%, #3e8720 100%);
  2120.  
  2121. background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#59a839), color-stop(100%,#3e8720));
  2122.  
  2123. background: -webkit-linear-gradient(top, #59a839 0%,#3e8720 100%);
  2124.  
  2125. background: -o-linear-gradient(top, #59a839 0%,#3e8720 100%);
  2126.  
  2127. background: -ms-linear-gradient(top, #59a839 0%,#3e8720 100%);
  2128.  
  2129. background: linear-gradient(top, #59a839 0%,#3e8720 100%);
  2130.  
  2131. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#59a839', endColorstr='#3e8720',GradientType=0 );
  2132.  
  2133. color: #FFF;
  2134.  
  2135. text-shadow: 0px 1px #1f6b00;
  2136.  
  2137. -webkit-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
  2138.  
  2139. -moz-box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
  2140.  
  2141. box-shadow: inset 0 0 7px #6fc84c,0px 3px #307215;
  2142.  
  2143. }
  2144.  
  2145. .button.darkgreen:hover {
  2146.  
  2147. -webkit-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
  2148.  
  2149. -moz-box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
  2150.  
  2151. box-shadow: inset 0 0 10px #77e74a,0px 3px #307215;
  2152.  
  2153. }
  2154.  
  2155. .button.darkgreen:active {
  2156.  
  2157. -webkit-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
  2158.  
  2159. -moz-box-shadow: inset 0 0 15px #195700,0px 1px #307215;
  2160.  
  2161. box-shadow: inset 0 0 15px #195700,0px 1px #307215;
  2162.  
  2163. }
  2164.  
  2165.  
  2166.  
  2167. /* ---------------------------------------------------------------------- */
  2168.  
  2169. /* 09- ELASTIC SLIDER
  2170.  
  2171. /* ---------------------------------------------------------------------- */
  2172.  
  2173. .ei-slider {
  2174.  
  2175. position: relative;
  2176.  
  2177. width: 100%;
  2178.  
  2179. max-width: 940px;
  2180.  
  2181. height: 350px;
  2182.  
  2183. margin: 0 auto;
  2184.  
  2185. }
  2186.  
  2187. .ei-slider-loading {
  2188.  
  2189. width: 100%;
  2190.  
  2191. height: 100%;
  2192.  
  2193. position: absolute;
  2194.  
  2195. top: 0px;
  2196.  
  2197. left: 0px;
  2198.  
  2199. z-index: 999;
  2200.  
  2201. background: rgba(0,0,0,0.9);
  2202.  
  2203. color: #fff;
  2204.  
  2205. text-align: center;
  2206.  
  2207. line-height: 400px;
  2208.  
  2209. }
  2210.  
  2211. .ei-slider-large {
  2212.  
  2213. height: 100%;
  2214.  
  2215. width: 100%;
  2216.  
  2217. position: relative;
  2218.  
  2219. overflow: hidden;
  2220.  
  2221. }
  2222.  
  2223. .ei-slider-large li {
  2224.  
  2225. position: absolute;
  2226.  
  2227. top: 0px;
  2228.  
  2229. left: 0px;
  2230.  
  2231. overflow: hidden;
  2232.  
  2233. height: 100%;
  2234.  
  2235. width: 100%;
  2236.  
  2237. }
  2238.  
  2239. .ei-slider-large li img { width: 100% }
  2240.  
  2241. .ei-title {
  2242.  
  2243. position: absolute;
  2244.  
  2245. left: 0%;
  2246.  
  2247. bottom: 0%;
  2248.  
  2249. background: url("../images/caption-bg.png") repeat;
  2250.  
  2251. width: 96%;
  2252.  
  2253. padding: 2%;
  2254.  
  2255. }
  2256.  
  2257. .ei-title h3 {
  2258.  
  2259. color: #9dcedf;
  2260.  
  2261. text-align: left;
  2262.  
  2263. }
  2264.  
  2265. .ei-slider-thumbs {
  2266.  
  2267. height: 5px;
  2268.  
  2269. margin: -10px auto 0 auto;
  2270.  
  2271. position: relative;
  2272.  
  2273. }
  2274.  
  2275. .ei-slider-thumbs li {
  2276.  
  2277. position: relative;
  2278.  
  2279. float: left;
  2280.  
  2281. height: 100%;
  2282.  
  2283. }
  2284.  
  2285. .ei-slider-thumbs li.ei-slider-element {
  2286.  
  2287. top: 0px;
  2288.  
  2289. left: 0px;
  2290.  
  2291. position: absolute;
  2292.  
  2293. height: 100%;
  2294.  
  2295. z-index: 10;
  2296.  
  2297. text-indent: -9000px;
  2298.  
  2299. background: #9dcedf;
  2300.  
  2301. }
  2302.  
  2303. .ei-slider-thumbs li a {
  2304.  
  2305. display: block;
  2306.  
  2307. text-indent: -9000px;
  2308.  
  2309. background: #d0d0d0;
  2310.  
  2311. height: 5px;
  2312.  
  2313. }
  2314.  
  2315. .ei-slider-thumbs li a:hover { background: #d0d0d0 }
  2316.  
  2317. .ei-slider-thumbs li img {
  2318.  
  2319. position: absolute;
  2320.  
  2321. bottom: 50px;
  2322.  
  2323. opacity: 0;
  2324.  
  2325. z-index: 999;
  2326.  
  2327. width: 135px;
  2328.  
  2329. -webkit-transition: all 0.4s ease;
  2330.  
  2331. -moz-transition: all 0.4s ease;
  2332.  
  2333. -o-transition: all 0.4s ease;
  2334.  
  2335. -ms-transition: all 0.4s ease;
  2336.  
  2337. transition: all 0.4s ease;
  2338.  
  2339. border-radius: 5px;
  2340.  
  2341. -moz-border-radius: 5px;
  2342.  
  2343. -webkit-border-radius: 5px;
  2344.  
  2345. }
  2346.  
  2347. .ei-slider-thumbs li:hover img {
  2348.  
  2349. opacity: 1;
  2350.  
  2351. bottom: 10px;
  2352.  
  2353. -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2354.  
  2355. }
  2356.  
  2357. /* ---------------------------------------------------------------------- */
  2358.  
  2359. /* 10- PRICING TABLE
  2360.  
  2361. /* ---------------------------------------------------------------------- */
  2362.  
  2363. ul.pricing-box-list-box {
  2364.  
  2365. margin: 0;
  2366.  
  2367. padding: 0;
  2368.  
  2369. list-style-type: none;
  2370.  
  2371. }
  2372.  
  2373. ul.pricing-box-list-box>li {
  2374.  
  2375. background: #FFF;
  2376.  
  2377. float: left;
  2378.  
  2379. border-radius: 6px;
  2380.  
  2381. -moz-border-radius: 6px;
  2382.  
  2383. -webkit-border-radius: 6px;
  2384.  
  2385. }
  2386.  
  2387. ul.pricing-box-list-box li:hover {
  2388.  
  2389. position: relative;
  2390.  
  2391. z-index: 100;
  2392.  
  2393. box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2394.  
  2395. -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2396.  
  2397. -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2398.  
  2399. cursor: pointer;
  2400.  
  2401. -webkit-transition: all 0.15s ease;
  2402.  
  2403. -moz-transition: all 0.15s ease;
  2404.  
  2405. -o-transition: all 0.15s ease;
  2406.  
  2407. -ms-transition: all 0.15s ease;
  2408.  
  2409. transition: all 0.15s ease;
  2410.  
  2411. }
  2412.  
  2413. .best-plan {
  2414.  
  2415. position: relative;
  2416.  
  2417. z-index: 100;
  2418.  
  2419. top: -15px;
  2420.  
  2421. cursor: pointer;
  2422.  
  2423. box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important;
  2424.  
  2425. -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important;
  2426.  
  2427. -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3)!important;
  2428.  
  2429. }
  2430.  
  2431. .pricing-box-list-box .one-fourth {
  2432.  
  2433. width: 235px;
  2434.  
  2435. margin: 0px;
  2436.  
  2437. box-shadow: none;
  2438.  
  2439. -moz-box-shadow: none;
  2440.  
  2441. webkit-box-shadow: none;
  2442.  
  2443. }
  2444.  
  2445. .one-fourth .pricing-table-list-box-content ul li {
  2446.  
  2447. margin: 0 0 0 -25px;
  2448.  
  2449. padding: 7px 0 7px 55px;
  2450.  
  2451. list-style-type: none;
  2452.  
  2453. text-align: left;
  2454.  
  2455. width: 180px;
  2456.  
  2457. }
  2458.  
  2459. .pricing-box-list-box .one-fifth:hover,
  2460.  
  2461. .pricing-box-list-box .one-fourth:hover,
  2462.  
  2463. .pricing-box-list-box .one-third:hover {
  2464.  
  2465. box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2466.  
  2467. -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2468.  
  2469. -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
  2470.  
  2471. }
  2472.  
  2473. .title-box { text-align: center }
  2474.  
  2475. .box-header {
  2476.  
  2477. padding-top: 5px;
  2478.  
  2479. border-radius: 4px 4px 0 0;
  2480.  
  2481. -moz-border-radius: 4px 4px 0 0;
  2482.  
  2483. -webkit-border-radius: 4px 4px 0 0;
  2484.  
  2485. }
  2486.  
  2487. .box-header h2,
  2488.  
  2489. .pricing-box-footer h2 {
  2490.  
  2491. color: #FFF;
  2492.  
  2493. text-shadow: 0px 1px 0px #005826;
  2494.  
  2495. margin-top: 7px;
  2496.  
  2497. }
  2498.  
  2499. .pricing-box-footer {
  2500.  
  2501. padding-top: 5px;
  2502.  
  2503. border-radius: 0 0 4px 4px;
  2504.  
  2505. -moz-border-radius: 0 0 4px 4px;
  2506.  
  2507. -webkit-border-radius: 0 0 4px 4px;
  2508.  
  2509. }
  2510.  
  2511. .box-des { text-align: left }
  2512.  
  2513. /*LIST STYLES*/
  2514.  
  2515. .pricing-box-container {
  2516.  
  2517. background: #FFF;
  2518.  
  2519. text-align: left;
  2520.  
  2521. }
  2522.  
  2523. .pricing-table-list-box-content {
  2524.  
  2525. margin: 0px 0px;
  2526.  
  2527. padding: 10px 25px 25px 25px;
  2528.  
  2529. text-align: center;
  2530.  
  2531. }
  2532.  
  2533. .pricing-table-list-box-content ul {
  2534.  
  2535. margin: 0px auto;
  2536.  
  2537. padding: 0;
  2538.  
  2539. list-style-type: none;
  2540.  
  2541. }
  2542.  
  2543. .pricing-table-list-box-content ul li {
  2544.  
  2545. margin: 0 0 0 -25px;
  2546.  
  2547. padding: 7px 0 7px 55px;
  2548.  
  2549. list-style-type: none;
  2550.  
  2551. text-align: left;
  2552.  
  2553. width: 137px;
  2554.  
  2555. }
  2556.  
  2557. .included { background: url(../images/checklist-icon.png) no-repeat 30px 8px }
  2558.  
  2559. .not-included { background: url(../images/checklist-icon-no.png) no-repeat 30px 8px }
  2560.  
  2561. .star-included { background: url(../images/checklist-star.png) no-repeat 30px 8px }
  2562.  
  2563. .pricing-table-list-box-content ul li {
  2564.  
  2565. margin: 0 0 0 -25px;
  2566.  
  2567. padding: 7px 0 7px 51px;
  2568.  
  2569. list-style-type: none;
  2570.  
  2571. text-align: left;
  2572.  
  2573. width: 137px;
  2574.  
  2575. }
  2576.  
  2577. /*LIST STYLES*/
  2578.  
  2579. /*COLUMNS SIZE (DEFAULT IS FIVE COLUMNS)*/
  2580.  
  2581. .one-fourth .pricing-table-list-box-content ul li {
  2582.  
  2583. margin: 0 0 0 -25px;
  2584.  
  2585. padding: 7px 0 7px 55px;
  2586.  
  2587. list-style-type: none;
  2588.  
  2589. text-align: left;
  2590.  
  2591. width: 180px;
  2592.  
  2593. }
  2594.  
  2595. .one-third .pricing-table-list-box-content ul li {
  2596.  
  2597. margin: 0 0 0 -25px;
  2598.  
  2599. padding: 7px 0 7px 55px;
  2600.  
  2601. list-style-type: none;
  2602.  
  2603. text-align: left;
  2604.  
  2605. width: 260px;
  2606.  
  2607. }
  2608.  
  2609. .pricing-table-list-box-content ul li:hover {
  2610.  
  2611. box-shadow: none!important;
  2612.  
  2613. -moz-box-shadow: none!important;
  2614.  
  2615. webkit-box-shadow: none!important;
  2616.  
  2617. left: 0px!important;
  2618.  
  2619. top: 0px!important;
  2620.  
  2621. }
  2622.  
  2623. .pricing-table-list-box-content ul li.zebra-pricing { background-color: #f3f3f3 }
  2624.  
  2625. .text-price {
  2626.  
  2627. text-align: center;
  2628.  
  2629. padding: 10px 0 5px 0;
  2630.  
  2631. }
  2632.  
  2633. .text-price h2 {
  2634.  
  2635. color: #FFF;
  2636.  
  2637. text-shadow: 0px 1px 0px #005826;
  2638.  
  2639. margin-top: 7px;
  2640.  
  2641. font-size: 24px;
  2642.  
  2643. }
  2644.  
  2645. /*PRICING TABLES COLORS*/
  2646.  
  2647. /*RED*/
  2648.  
  2649. .text-price.red {
  2650.  
  2651. background-color: #e64135;
  2652.  
  2653. border-top: 1px solid #f26c4f;
  2654.  
  2655. }
  2656.  
  2657. .box-header.red,
  2658.  
  2659. .pricing-box-footer.red {
  2660.  
  2661. border-bottom: 1px solid #d4271b;
  2662.  
  2663. background-color: #e64135;
  2664.  
  2665. }
  2666.  
  2667. .pricing-box-footer.red { border-bottom: 4pt solid #d4271b }
  2668.  
  2669. /*GREEN*/
  2670.  
  2671. .text-price.green {
  2672.  
  2673. background-color: #59a839;
  2674.  
  2675. border-top: 1px solid #69bf46;
  2676.  
  2677. }
  2678.  
  2679. .box-header.green,
  2680.  
  2681. .pricing-box-footer.green {
  2682.  
  2683. border-bottom: 4px solid #3a831c;
  2684.  
  2685. background-color: #59a839;
  2686.  
  2687. }
  2688.  
  2689. .pricing-box-footer.green { border-bottom: 4pt solid #3a831c }
  2690.  
  2691. /*GREEN*/
  2692.  
  2693. /*BLUE*/
  2694.  
  2695. .text-price.blue {
  2696.  
  2697. background-color: #898989;
  2698.  
  2699. border-top: 1px solid #a4a3a3;
  2700.  
  2701. }
  2702.  
  2703. .box-header.blue,
  2704.  
  2705. .pricing-box-footer.blue {
  2706.  
  2707. border-bottom: 4px solid #706d6d;
  2708.  
  2709. background-color: #898989;
  2710.  
  2711. }
  2712.  
  2713. /*BLUE*/
  2714.  
  2715. /*DARK*/
  2716.  
  2717. .text-price.orange {
  2718.  
  2719. background-color: #9dcedf;
  2720.  
  2721. border-top: 1px solid #7ccae4;
  2722.  
  2723. }
  2724.  
  2725. .box-header.orange,
  2726.  
  2727. .pricing-box-footer.orange {
  2728.  
  2729. border-bottom: 4px solid #7ab0c3;
  2730.  
  2731. background-color: #9dcedf;
  2732.  
  2733. }
  2734.  
  2735.  
  2736.  
  2737. /* ---------------------------------------------------------------------- */
  2738.  
  2739. /* 11- LISTS
  2740.  
  2741. /* ---------------------------------------------------------------------- */
  2742.  
  2743. .simple-list-2,
  2744.  
  2745. .hentry ul {
  2746.  
  2747. margin-left: 20px;
  2748.  
  2749. list-style: disc outside;
  2750.  
  2751. }
  2752.  
  2753. .hentry ol {
  2754.  
  2755. list-style: decimal outside;
  2756.  
  2757. margin-left: 20px;
  2758.  
  2759. }
  2760.  
  2761. .simple-list-2 li,
  2762.  
  2763. .hentry li {
  2764.  
  2765.  
  2766.  
  2767. }
  2768.  
  2769. .hentry ul,
  2770.  
  2771. .simple-list-2 li a { color: #898989 }
  2772.  
  2773. .simple-list-2 li a:hover { color: #9dcedf;text-decoration: underline;}
  2774.  
  2775. ul.center-list { text-align: center }
  2776.  
  2777. ul.center-list li { text-align: center;display: inline;}
  2778.  
  2779. ul.center-list li a {text-align: center; padding: 5px 5px;}
  2780.  
  2781. ul.center-list li a:hover { text-decoration: underline }
  2782.  
  2783. ul.dotted-list li { border-bottom: 1px dotted #bdbdbd }
  2784.  
  2785. ul.dotted-list li { padding: 0px 0 5px 20px }
  2786.  
  2787. .arrow li,.arrow-2 li,.circle li,.check li,.check-2 li,.star li,.plus li,.dash li {list-style: none; margin: 0;}
  2788.  
  2789. ul.dotted-list li { padding: 5px 0 5px 20px;border-bottom: 1px dotted #bdbdbd;}
  2790.  
  2791. li.simple-check-list { background: url(../images/list-check-2.png) no-repeat 0 7px }
  2792.  
  2793. li.simple-plus-list { background: url(../images/list-plus.png) no-repeat 0 9px }
  2794.  
  2795. li.simple-star-list { background: url(../images/list-star.png) no-repeat 0 6px }
  2796.  
  2797. li.simple-dott-list { background: url(../images/list-circle.png) no-repeat 0 10px }
  2798.  
  2799. li.simple-dash-list { background: url(../images/list-dash.png) no-repeat 0 10px }
  2800.  
  2801. li.simple-check-list-2 { background: url(../images/list-check.png) no-repeat 0 10px }
  2802.  
  2803. li.simple-arrow-list { background: url(../images/list-arrow.png) no-repeat 0 11px }
  2804.  
  2805. li.simple-heart-list { background: url(../images/list-heart.png) no-repeat 0 7px }
  2806.  
  2807. li.simple-info-list { background: url(../images/list-info.png) no-repeat 0 7px }
  2808.  
  2809. li.simple-settings-list { background: url(../images/list-settings.png) no-repeat 0 7px }
  2810.  
  2811.  
  2812.  
  2813.  
  2814.  
  2815. /* ---------------------------------------------------------------------- */
  2816.  
  2817. /* 12- DROPCAPS
  2818.  
  2819. /* ---------------------------------------------------------------------- */
  2820.  
  2821. .dropcapsimple, .dropcapsquare, .dropcapfancy {
  2822.  
  2823. float:left;
  2824.  
  2825. display:inline-block;
  2826.  
  2827. margin:0 10px 0 0;
  2828.  
  2829. text-align:center;
  2830.  
  2831. }
  2832.  
  2833.  
  2834.  
  2835.  
  2836.  
  2837. .dropcapsimple {
  2838.  
  2839. font-size:34px;
  2840.  
  2841. height:34px;
  2842.  
  2843. line-height:38px;
  2844.  
  2845. width:30px;
  2846.  
  2847. text-align:left;
  2848.  
  2849. margin:0;
  2850.  
  2851. }
  2852.  
  2853.  
  2854.  
  2855. .dropcapsquare {
  2856.  
  2857. font-size:28px;
  2858.  
  2859. height:38px;
  2860.  
  2861. line-height:38px;
  2862.  
  2863. width:38px;
  2864.  
  2865. margin-right:7px;
  2866.  
  2867. color:#fefefe;
  2868.  
  2869. background:#111;
  2870.  
  2871. text-shadow:none;
  2872.  
  2873. -moz-border-radius:4px;
  2874.  
  2875. -webkit-border-radius:4px;
  2876.  
  2877. }
  2878.  
  2879.  
  2880.  
  2881. .dropcapfancy {
  2882.  
  2883. background:#ee802a;
  2884.  
  2885. color:#FFF;
  2886.  
  2887. font-family:'Terminal Dosis','Arial',sans-serif;
  2888.  
  2889. font-size:22px;
  2890.  
  2891. line-height:35px;
  2892.  
  2893. height:35px;
  2894.  
  2895. width:35px;
  2896.  
  2897. border-radius:100px;
  2898.  
  2899. -moz-border-radius:100px;
  2900.  
  2901. -webkit-border-radius:100px;
  2902.  
  2903. border: 2pt solid #FFF;
  2904.  
  2905. -moz-box-shadow: 0 0px 3px #b7b7b7;
  2906.  
  2907. -webkit-box-shadow: 0 0px 3px #b7b7b7;
  2908.  
  2909. box-shadow: 0 0px 3px #b7b7b7;
  2910.  
  2911. }
  2912.  
  2913.  
  2914.  
  2915. .dropcap.dark {background:#3a3a3a;color:#fff;}
  2916.  
  2917. .dropcap.green {background:#59a839;color:#fff;}
  2918.  
  2919. .dropcap.red {background:#e64135;color:#fff;}
  2920.  
  2921. .dropcap.blue {background:#72c2e7; color:#fff;}
  2922.  
  2923. .dropcap.purple {background:#954eae;color:#fff;}
  2924.  
  2925. .dropcap.grey {background:#898989;color:#fff;}
  2926.  
  2927. .dropcap.pink {background:#f26d7d;color: #fff;}
  2928.  
  2929. /* ---------------------------------------------------------------------- */
  2930.  
  2931. /* 13- ALERTS
  2932.  
  2933. /* ---------------------------------------------------------------------- */
  2934.  
  2935. .simple-error,.simple-alert,.simple-notice,.simple-success,.simple-info {
  2936.  
  2937. padding:0.8em;
  2938.  
  2939. margin-bottom:1em;
  2940.  
  2941. border:1px solid #ddd;
  2942.  
  2943. }
  2944.  
  2945. .simple-error,.simple-alert {
  2946.  
  2947. background:#fbe3e4;
  2948.  
  2949. border-color:#fbc2c4;
  2950.  
  2951. color:#e64135;
  2952.  
  2953. }
  2954.  
  2955. .simple-notice {
  2956.  
  2957. background:#fff6bf;
  2958.  
  2959. color:#514721;
  2960.  
  2961. border-color:#ffd324;
  2962.  
  2963. }
  2964.  
  2965. .simple-success {
  2966.  
  2967. background:#e6efc2;
  2968.  
  2969. color:#264409;
  2970.  
  2971. border-color:#c6d880;
  2972.  
  2973. }
  2974.  
  2975. .simple-info {
  2976.  
  2977. background:#d5edf8;
  2978.  
  2979. color:#205791;
  2980.  
  2981. border-color:#92cae4;
  2982.  
  2983. }
  2984.  
  2985. .simple-error a,.simple-alert a {color:#8a1f11;}
  2986.  
  2987. .simple-notice a {color:#514721;}
  2988.  
  2989. .simple-success a {color:#264409;}
  2990.  
  2991. .simple-info a {color:#205791;}
  2992.  
  2993. .required {color:#e64135;}
  2994.  
  2995. .required {color:#ed1c24;}
  2996.  
  2997. .error {
  2998.  
  2999. color:#e64135;
  3000.  
  3001. text-align:left;
  3002.  
  3003. font-size:11px;
  3004.  
  3005. font-style:italic;
  3006.  
  3007. font-family:"Georgia", Verdana;
  3008.  
  3009. }
  3010.  
  3011. .success {
  3012.  
  3013. color:#acd373;
  3014.  
  3015. text-align:left;
  3016.  
  3017. font-size:11px;
  3018.  
  3019. font-style:italic;
  3020.  
  3021. font-family:"Georgia", Verdana;
  3022.  
  3023. }
  3024.  
  3025. /* ---------------------------------------------------------------------- */
  3026.  
  3027. /* 14- CONTACT FORM
  3028.  
  3029. /* ---------------------------------------------------------------------- */
  3030.  
  3031. #contactForm .error {
  3032.  
  3033. margin: 5px 0 0 0 ;
  3034.  
  3035. display: none;
  3036.  
  3037. }
  3038.  
  3039. #messages .simple-success,
  3040.  
  3041. #messages .simple-error {
  3042.  
  3043. display: none;
  3044.  
  3045. }
  3046.  
  3047. #contactForm form { margin-bottom: 0px }
  3048.  
  3049. #contactForm fieldset { margin-bottom: 0px }
  3050.  
  3051. #contactForm label,
  3052.  
  3053. #contactForm legend,
  3054.  
  3055. #contactForm strong {
  3056.  
  3057. font-weight: bold;
  3058.  
  3059. font-size: 13px;
  3060.  
  3061. color: #898989;
  3062.  
  3063. }
  3064.  
  3065. #contactForm input[type="checkbox"] { display: inline }
  3066.  
  3067. #contactForm label span,
  3068.  
  3069. #contactForm legend span {
  3070.  
  3071. font-weight: normal;
  3072.  
  3073. font-size: 13px;
  3074.  
  3075. color: #444;
  3076.  
  3077. line-height: 34px;
  3078.  
  3079. }
  3080.  
  3081. #contactForm input[type="text"],
  3082.  
  3083. #contactForm input[type="password"],
  3084.  
  3085. #contactForm input[type="email"],
  3086.  
  3087. #contactForm textarea,
  3088.  
  3089. #contactForm select {
  3090.  
  3091. border: 1px solid #dddddd;
  3092.  
  3093. padding: 5px 10px;
  3094.  
  3095. outline: none;
  3096.  
  3097. overflow: hidden;
  3098.  
  3099. font: 12px "Helvetica", Arial, sans-serif;
  3100.  
  3101. color: #777;
  3102.  
  3103. box-shadow: inset 0px 2px 4px #f3f3f3;
  3104.  
  3105. -moz-box-shadow: inset 0px 2px 4px #f3f3f3;
  3106.  
  3107. -webkit-box-shadow: inset 0px 2px 4px #f3f3f3;
  3108.  
  3109. width: 278px;
  3110.  
  3111. max-width: 99%;
  3112.  
  3113. display: block;
  3114.  
  3115. margin-bottom: 10px;
  3116.  
  3117. background: #FFF;
  3118.  
  3119. border-radius: 2px;
  3120.  
  3121. -moz-border-radius: 2px;
  3122.  
  3123. -webkit-border-radius: 2px;
  3124.  
  3125. }
  3126.  
  3127. #contactForm select { padding: 0 }
  3128.  
  3129. #contactForm textarea {
  3130.  
  3131. width: 598px;
  3132.  
  3133. height: 200px;
  3134.  
  3135. resize: vertical;
  3136.  
  3137. }
  3138.  
  3139. #contactForm input[type="text"]:focus,
  3140.  
  3141. #contactForm input[type="password"]:focus,
  3142.  
  3143. #contactForm input[type="email"]:focus,
  3144.  
  3145. #contactForm textarea:focus {
  3146.  
  3147. border: 1px solid #bbbbbb;
  3148.  
  3149. color: #555;
  3150.  
  3151. box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
  3152.  
  3153. -moz-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
  3154.  
  3155. -webkit-box-shadow: 0px 0px 5px #CCC,inset 0px 2px 4px #f3f3f3;
  3156.  
  3157. }
  3158.  
  3159. .caddress,
  3160.  
  3161. .cphone,
  3162.  
  3163. .cemail{
  3164.  
  3165. margin-bottom: 10px;
  3166.  
  3167. }
  3168.  
  3169. .caddress strong,
  3170.  
  3171. .cphone strong,
  3172.  
  3173. .cemail strong{
  3174.  
  3175.  
  3176.  
  3177. }
  3178.  
  3179. /* ---------------------------------------------------------------------- */
  3180.  
  3181. /* 15- PORTFOLIO LAYOUTS
  3182.  
  3183. /* ---------------------------------------------------------------------- */
  3184.  
  3185. .project-pagination{
  3186.  
  3187. float:right;
  3188.  
  3189. margin-top:10px;
  3190.  
  3191. }
  3192.  
  3193. .project-pagination a {
  3194.  
  3195. font-family:"Georgia",Arial,Verdana;
  3196.  
  3197. font-size:14px;
  3198.  
  3199. color:#d7d7d7;
  3200.  
  3201. font-style:italic;
  3202.  
  3203. margin:0px 5px 0 0;
  3204.  
  3205. }
  3206.  
  3207. .project-pagination a:hover{color:#9dcedf;}
  3208.  
  3209. ul#portfolio-items-one-fourth {width: 100%;
  3210.  
  3211. min-height: 300px;
  3212.  
  3213. overflow: hidden;}
  3214.  
  3215. ul#portfolio-items-one-fourth li { width: 220px;
  3216.  
  3217. margin: 0 20px 20px 0;
  3218.  
  3219. float: left;
  3220.  
  3221. height: 300px;
  3222.  
  3223. overflow: hidden;}
  3224.  
  3225. ul#portfolio-items-one-fourth li .portfolio-item{ float:left; background:#f8f9f9;width:220px;height:auto;padding:0;}
  3226.  
  3227. ul#portfolio-items-one-fourth li .item-content{background:#615951;float:left;width:220px;text-align:center;padding:0px 0 15px 0;height:auto; }
  3228.  
  3229. #portfolio-items-one-fourth .description{padding-top:15px; font-size: 12px;}
  3230.  
  3231. ul#portfolio-items-one-fourth li .item-content:hover{ background:#9dcedf;}
  3232.  
  3233. ul#portfolio-items-one-fourth li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;}
  3234.  
  3235. ul#portfolio-items-one-fourth li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;}
  3236.  
  3237. ul#portfolio-items-one-fourth li .item-content span{font-style:italic;color:#FFF;}
  3238.  
  3239. ul#portfolio-items-one-fourth li img{ width:100%;height:auto;padding:0;margin:0; }
  3240.  
  3241.  
  3242.  
  3243. ul#portfolio-items-one-third {overflow: hidden;position: relative;list-style: none;margin: 0;padding: 0px 0 0 0 ;}
  3244.  
  3245. ul#portfolio-items-one-third li { width:300px;min-height:310px;}
  3246.  
  3247. ul#portfolio-items-one-third li .portfolio-item{ float:left; background:#f8f9f9;width:300px;height:auto;padding:0;}
  3248.  
  3249. ul#portfolio-items-one-third li .item-content{background:#615951;float:left;width:300px;text-align:center;padding:0px 0 15px 0;height:auto; }
  3250.  
  3251. #portfolio-items-one-third .description{padding-top:15px; }
  3252.  
  3253. ul#portfolio-items-one-third li .item-content:hover{ background:#9dcedf;}
  3254.  
  3255. ul#portfolio-items-one-third li .item-content p{margin:0;padding:0;font-weight:800;color:#FFF;}
  3256.  
  3257. ul#portfolio-items-one-third li .item-content p a{margin:0;padding:0;font-weight:800;color:#FFF;}
  3258.  
  3259. ul#portfolio-items-one-third li .item-content span{font-style:italic;color:#FFF;}
  3260.  
  3261. ul#portfolio-items-one-third li img{ width:100%;height:auto;padding:0;margin:0; }
  3262.  
  3263. .portfolio-container{width:960px;margin-right:-20px;float:left; clear: both;}
  3264.  
  3265. .portfolio-items {
  3266.  
  3267. width: 960px;
  3268.  
  3269. margin: 0;
  3270.  
  3271. }
  3272.  
  3273. .portfolio-items:after {
  3274.  
  3275. content: "";
  3276.  
  3277. display: block;
  3278.  
  3279. height: 0;
  3280.  
  3281. overflow: hidden;
  3282.  
  3283. clear: both;
  3284.  
  3285. }
  3286.  
  3287.  
  3288.  
  3289. .portfolio-items li {
  3290.  
  3291. width: 220px;
  3292.  
  3293. margin: 0 20px 20px 0;
  3294.  
  3295. float: left;
  3296.  
  3297. height: 300px;
  3298.  
  3299. overflow: hidden;
  3300.  
  3301. }
  3302.  
  3303.  
  3304.  
  3305.  
  3306.  
  3307. .portfolio-items-not-filterable {
  3308.  
  3309. width: 960px;
  3310.  
  3311. margin: 0;
  3312.  
  3313. }
  3314.  
  3315. .portfolio-items-not-filterable:after {
  3316.  
  3317. content: "";
  3318.  
  3319. display: block;
  3320.  
  3321. height: 0;
  3322.  
  3323. overflow: hidden;
  3324.  
  3325. clear: both;
  3326.  
  3327. }
  3328.  
  3329.  
  3330.  
  3331. .portfolio-items-not-filterable li {
  3332.  
  3333. width: 300px;
  3334.  
  3335. margin: 0 20px 20px 0;
  3336.  
  3337. float: left;
  3338.  
  3339. height: 310px;
  3340.  
  3341. overflow: hidden;
  3342.  
  3343. }
  3344.  
  3345.  
  3346.  
  3347. .three-fourth .portfolio-container {
  3348.  
  3349. width:auto;
  3350.  
  3351. }
  3352.  
  3353.  
  3354.  
  3355. .filterable {
  3356.  
  3357. display: inline;
  3358.  
  3359. float: right;
  3360.  
  3361. margin-bottom: 20px;
  3362.  
  3363. margin-right:20px;
  3364.  
  3365. list-style: none;
  3366.  
  3367. }
  3368.  
  3369. .filterable li {
  3370.  
  3371. float: left;
  3372.  
  3373. margin-left: 25px;
  3374.  
  3375. list-style: none;
  3376.  
  3377. }
  3378.  
  3379. .filterable li a {
  3380.  
  3381. display: block;
  3382.  
  3383. color: #FFF;
  3384.  
  3385. font: bold 11px arial;
  3386.  
  3387. text-decoration: none;
  3388.  
  3389. text-align: center;
  3390.  
  3391. width: 100%;
  3392.  
  3393. height: auto;
  3394.  
  3395. padding:5px 5px;
  3396.  
  3397. margin:5px;
  3398.  
  3399. background: #615951;
  3400.  
  3401. -moz-border-radius: 4px;
  3402.  
  3403. -webkit-border-radius: 4px;
  3404.  
  3405. border-radius: 4px;
  3406.  
  3407. }
  3408.  
  3409. .filterable li.active a {
  3410.  
  3411. color: #FFF;
  3412.  
  3413. background: #9dcedf;
  3414.  
  3415. }
  3416.  
  3417.  
  3418.  
  3419. .portfolio-image {
  3420.  
  3421. margin-bottom: 20px;
  3422.  
  3423. }
  3424.  
  3425.  
  3426.  
  3427.  
  3428.  
  3429. /* ---------------------------------------------------------------------- */
  3430.  
  3431. /* 16- TABS & ACCORDIONS
  3432.  
  3433. /* ---------------------------------------------------------------------- */
  3434.  
  3435. ul.accordion {
  3436.  
  3437. display: inline;
  3438.  
  3439. float: left;
  3440.  
  3441. width: 100%;
  3442.  
  3443. margin-bottom: 30px;
  3444.  
  3445. }
  3446.  
  3447. ul.accordion li.accordion-item {
  3448.  
  3449. float: left;
  3450.  
  3451. width: 100%;
  3452.  
  3453. background: #FFF;
  3454.  
  3455. border-bottom: 1px solid #f0f0f0;
  3456.  
  3457. }
  3458.  
  3459. ul.accordion li.accordion-item:hover { background: #f9f9f9 }
  3460.  
  3461. ul.accordion li.accordion-item.selected { background: #f9f9f9 }
  3462.  
  3463. ul.accordion li.accordion-item.selected .accordion-switch {
  3464.  
  3465. color: #9dcedf;
  3466.  
  3467. font-weight: bold;
  3468.  
  3469. }
  3470.  
  3471. ul.accordion li.accordion-item .accordion-switch {
  3472.  
  3473. cursor: pointer;
  3474.  
  3475. padding-top: 15px;
  3476.  
  3477. padding-left: 20px;
  3478.  
  3479. padding-right: 20px;
  3480.  
  3481. padding-bottom: 14px;
  3482.  
  3483. font-size: 12px;
  3484.  
  3485. color: #777;
  3486.  
  3487. line-height: 22px;
  3488.  
  3489. }
  3490.  
  3491. ul.accordion li.accordion-item .togglegfx {
  3492.  
  3493. float: left;
  3494.  
  3495. height: 22px;
  3496.  
  3497. width: 22px;
  3498.  
  3499. background: url('../images/accordion-toggle.png') no-repeat left top;
  3500.  
  3501. padding-right: 15px;
  3502.  
  3503. margin-bottom: 11px;
  3504.  
  3505. margin-top: 1px;
  3506.  
  3507. }
  3508.  
  3509. ul.accordion li.accordion-item.selected .accordion-switch .togglegfx { background-position: left bottom }
  3510.  
  3511. ul.accordion li.accordion-item .accordion-content {
  3512.  
  3513. padding-left: 25px;
  3514.  
  3515. padding-right: 25px;
  3516.  
  3517. }
  3518.  
  3519. .tabs-nav {
  3520.  
  3521. list-style: none;
  3522.  
  3523. margin: 0;
  3524.  
  3525. overflow: hidden;
  3526.  
  3527. padding: 0;
  3528.  
  3529. width: 100%;
  3530.  
  3531. }
  3532.  
  3533. .tabs-nav li {
  3534.  
  3535. float: left;
  3536.  
  3537. line-height: 32px;
  3538.  
  3539. margin: 0;
  3540.  
  3541. overflow: hidden;
  3542.  
  3543. padding: 0;
  3544.  
  3545. position: relative;
  3546.  
  3547. }
  3548.  
  3549. .tabs-nav li.active { line-height: 31px }
  3550.  
  3551. .tabs-nav li a {
  3552.  
  3553. background: #f8f8f8;
  3554.  
  3555. border: 1px solid #eaeaea;
  3556.  
  3557. border-bottom: 1px solid #eaeaea;
  3558.  
  3559. border-left: none;
  3560.  
  3561. color: #959393;
  3562.  
  3563. display: block;
  3564.  
  3565. letter-spacing: 0;
  3566.  
  3567. outline: none;
  3568.  
  3569. padding: 0 16px;
  3570.  
  3571. text-decoration: none;
  3572.  
  3573. text-shadow: 0 1px 0 #fff;
  3574.  
  3575. }
  3576.  
  3577. .tabs-nav li:first-child a { border-left: 1px solid #eaeaea }
  3578.  
  3579. .tabs-nav li a:hover { background: #f0f0f0 }
  3580.  
  3581. .tabs-nav li.active a { color: #9dcedf }
  3582.  
  3583. .tabs-nav li.active a {
  3584.  
  3585. background: #fff;
  3586.  
  3587. border-bottom: 2px solid #fff;
  3588.  
  3589. border-top: 1px solid #9dcedf;
  3590.  
  3591. }
  3592.  
  3593. .tabs-container {
  3594.  
  3595. border: 1px solid #eaeaea;
  3596.  
  3597. margin: -1px 0 20px;
  3598.  
  3599. overflow: hidden;
  3600.  
  3601. width: 100%;
  3602.  
  3603. }
  3604.  
  3605. .tab-content { padding: 20px }
  3606.  
  3607. /* ---------------------------------------------------------------------- */
  3608.  
  3609. /* 17- BLOG LAYOUT
  3610.  
  3611. /* ---------------------------------------------------------------------- */
  3612.  
  3613.  
  3614.  
  3615. #content h1 {
  3616.  
  3617. margin-bottom: 30px;
  3618.  
  3619. }
  3620.  
  3621. .hentry {
  3622.  
  3623. margin: 0 0 0px 0;
  3624.  
  3625. padding: 0;
  3626.  
  3627.  
  3628.  
  3629. padding: 0 0 30px 0;
  3630.  
  3631. margin:0 0 30px 0;
  3632.  
  3633. }
  3634.  
  3635. .single .hentry {
  3636.  
  3637. margin-bottom: 0;
  3638.  
  3639. }
  3640.  
  3641. .archive .hentry, .page-template-template-blog-php .hentry, .search .hentry {
  3642.  
  3643. border-bottom: 1px solid #E1E1E1;
  3644.  
  3645. }
  3646.  
  3647. .entry-body {
  3648.  
  3649. float: left;
  3650.  
  3651. margin: 10px 0 0 0;
  3652.  
  3653. width: 555px;
  3654.  
  3655. }
  3656.  
  3657. .page-body {
  3658.  
  3659. width: 100%;
  3660.  
  3661. float: left;
  3662.  
  3663. }
  3664.  
  3665. .readmore a {
  3666.  
  3667. font-size: 14px;
  3668.  
  3669. font-family: "Georgia",Verdana;
  3670.  
  3671. font-style: italic;
  3672.  
  3673. background: url("../images/blog-permalink.png") left bottom no-repeat;
  3674.  
  3675. padding-left: 15px;
  3676.  
  3677. -webkit-transition: all 0.2s ease,top 0ms linear;
  3678.  
  3679. -moz-transition: all 0.2s ease;
  3680.  
  3681. -o-transition: all 0.2s ease;
  3682.  
  3683. -ms-transition: all 0.2s ease;
  3684.  
  3685. transition: all 0.2s ease;
  3686.  
  3687. }
  3688.  
  3689. .readmore a:hover { background: url("../images/blog-permalink.png") left top no-repeat }
  3690.  
  3691. .entry-meta {
  3692.  
  3693. color: #878787;
  3694.  
  3695. float: left;
  3696.  
  3697. margin: 10px 20px 0 0;
  3698.  
  3699. text-align: center;
  3700.  
  3701. width: 125px;
  3702.  
  3703. font-size: 12px;
  3704.  
  3705. line-height: 20px;
  3706.  
  3707. }
  3708.  
  3709. .entry-meta ul { margin: 0 }
  3710.  
  3711. .entry-meta li {
  3712.  
  3713. list-style: none;
  3714.  
  3715. margin: 0;
  3716.  
  3717. }
  3718.  
  3719. .entry-meta .title { font-weight: bold }
  3720.  
  3721. .post-format {
  3722.  
  3723. background-color: #ddd;
  3724.  
  3725. background-image: url(../images/blog-icons/icon-post-format-standard.png);
  3726.  
  3727. background-repeat: no-repeat;
  3728.  
  3729. background-position: 50% 50%;
  3730.  
  3731. color: #959393;
  3732.  
  3733. display: inline-block;
  3734.  
  3735. height: 40px;
  3736.  
  3737. margin: 0 0 10px 0;
  3738.  
  3739. text-align: left;
  3740.  
  3741. text-indent: -9999px;
  3742.  
  3743. width: 40px;
  3744.  
  3745. border-radius: 2px;
  3746.  
  3747. -moz-border-radius: 2px;
  3748.  
  3749. -webkit-border-radius: 2px;
  3750.  
  3751. }
  3752.  
  3753. .post-date {
  3754.  
  3755. width: 56px;
  3756.  
  3757. height: auto;
  3758.  
  3759. float: left;
  3760.  
  3761. text-align: center;
  3762.  
  3763. margin-right: 20px;
  3764.  
  3765. margin-bottom: 15px;
  3766.  
  3767. display: block;
  3768.  
  3769. background: #9dcedf;
  3770.  
  3771. text-shadow: 0px 1px #81bcd1;
  3772.  
  3773. border-radius: 100px;
  3774.  
  3775. -moz-border-radius: 100px;
  3776.  
  3777. -webkit-border-radius: 100px;
  3778.  
  3779. padding: 10px 30px;
  3780.  
  3781. border: 4pt solid #FFF;
  3782.  
  3783. -moz-box-shadow: 0 0px 3px #b7b7b7;
  3784.  
  3785. -webkit-box-shadow: 0 0px 3px #b7b7b7;
  3786.  
  3787. box-shadow: 0 0px 3px #b7b7b7;
  3788.  
  3789. }
  3790.  
  3791. .post-month {
  3792.  
  3793. display: block;
  3794.  
  3795. color: #FFF;
  3796.  
  3797. }
  3798.  
  3799. .post-day,
  3800.  
  3801. .post-year { display: block }
  3802.  
  3803. .post-day {
  3804.  
  3805. font-size: 36px;
  3806.  
  3807. color: #FFF;
  3808.  
  3809. margin: 10px 0 15px 0;
  3810.  
  3811. }
  3812.  
  3813. .post-year {
  3814.  
  3815. background: url("../images/post-meta-divider.png") top repeat-x;
  3816.  
  3817. color: #FFF;
  3818.  
  3819. padding: 10px 0 0 0;
  3820.  
  3821. }
  3822.  
  3823. .post-intro {
  3824.  
  3825. float: left;
  3826.  
  3827. width: 615px;
  3828.  
  3829. }
  3830.  
  3831.  
  3832.  
  3833. .hentry blockquote {
  3834.  
  3835. background: #f8f8f8 url(../images/quote.png) no-repeat 17px 21px;
  3836.  
  3837. font: italic 15px/1.6 "Georgia", Times, 'Times New Roman', serif;
  3838.  
  3839. padding: 20px 20px 20px 55px;
  3840.  
  3841. border-bottom: 1pt solid #e1e1e1;
  3842.  
  3843. margin: 0px 0 20px 0;
  3844.  
  3845. float: left;
  3846.  
  3847. border-radius: 2px;
  3848.  
  3849. -moz-border-radius: 2px;
  3850.  
  3851. -webkit-border-radius: 2px;
  3852.  
  3853. }
  3854.  
  3855.  
  3856.  
  3857.  
  3858.  
  3859. blockquote.alignleft {
  3860.  
  3861. float:left;
  3862.  
  3863. margin:10px 10px 10px 0;
  3864.  
  3865. width:300px;
  3866.  
  3867. }
  3868.  
  3869.  
  3870.  
  3871. blockquote.alignright {
  3872.  
  3873. float:right;
  3874.  
  3875. margin:10px 0 10px 10px;
  3876.  
  3877. width:300px;
  3878.  
  3879. }
  3880.  
  3881.  
  3882.  
  3883. .mediaitem { margin: 0 0 20px 0 }
  3884.  
  3885.  
  3886.  
  3887. .sidebarBox {
  3888.  
  3889. border-bottom: nonr;
  3890.  
  3891. margin: 0 0 30px 0;
  3892.  
  3893. padding: 0 0 0 0;
  3894.  
  3895. font-size: 12px;
  3896.  
  3897. }
  3898.  
  3899. .sidebarBox.last {
  3900.  
  3901. border-bottom: none;
  3902.  
  3903. }
  3904.  
  3905. .sidebarBox li {
  3906.  
  3907. background: url(../images/simple-nav-arrow.png) no-repeat 0 11px;
  3908.  
  3909. border-bottom: 1px dotted #ced8df;
  3910.  
  3911. list-style: none;
  3912.  
  3913. margin: 0;
  3914.  
  3915. display: block;
  3916.  
  3917. padding: 5px 0 5px 15px;
  3918.  
  3919. }
  3920.  
  3921. .sidebarBox li:first-child { border-top: 1px dotted #ced8df }
  3922.  
  3923. .sidebarBox a {
  3924.  
  3925. color: #868686;
  3926.  
  3927.  
  3928.  
  3929. }
  3930.  
  3931. .sidebarBox a:hover { }
  3932.  
  3933.  
  3934.  
  3935.  
  3936.  
  3937. img.fb_share_link {
  3938.  
  3939. padding: 0px 0 0 0px;
  3940.  
  3941. margin: 0px 5px -10px 0px;
  3942.  
  3943. }
  3944.  
  3945. #pagination { list-style: none }
  3946.  
  3947. #pagination li { display: inline }
  3948.  
  3949. #pagination span,
  3950.  
  3951. #pagination a {
  3952.  
  3953. display: block;
  3954.  
  3955. float: left;
  3956.  
  3957. padding: 4px 10px;
  3958.  
  3959. margin-right: 7px;
  3960.  
  3961. border: 1px solid #e1e1e1;
  3962.  
  3963. -webkit-box-shadow: inset 0 0 10px #f5f5f5;
  3964.  
  3965. -moz-box-shadow: inset 0 0 10px #f5f5f5;
  3966.  
  3967. box-shadow: inset 0 0 10px #f5f5f5;
  3968.  
  3969. border-radius: 2px;
  3970.  
  3971. -moz-border-radius: 2px;
  3972.  
  3973. -webkit-border-radius: 2px;
  3974.  
  3975. color: #898989;
  3976.  
  3977. }
  3978.  
  3979. #pagination .current { background-color: #f5f5f5 }
  3980.  
  3981. #pagination .current:hover { border: 1pt solid #c2c2c2 }
  3982.  
  3983.  
  3984.  
  3985. .widget_search {
  3986.  
  3987. border-bottom: none;
  3988.  
  3989. }
  3990.  
  3991. #s {
  3992.  
  3993. background: #FFF url("../images/search-bg.png") right no-repeat;
  3994.  
  3995. border:none;
  3996.  
  3997. border-radius: 3px;
  3998.  
  3999. -moz-border-radius: 3px;
  4000.  
  4001. -webkit-border-radius: 3px;
  4002.  
  4003. width: 96%;
  4004.  
  4005. padding: 8px 5px;
  4006.  
  4007. color: #acacac;
  4008.  
  4009. border-color: #88bbc8;
  4010.  
  4011. -moz-box-shadow: 0 0px 3px #b7b7b7;
  4012.  
  4013. -webkit-box-shadow: 0 0px 3px #b7b7b7;
  4014.  
  4015. box-shadow: 0 0px 3px #b7b7b7;
  4016.  
  4017. }
  4018.  
  4019. #s:focus {
  4020.  
  4021. -moz-box-shadow: 0 0px 3px #909090;
  4022.  
  4023. -webkit-box-shadow: 0 0px 3px #909090;
  4024.  
  4025. box-shadow: 0 0px 3px #909090;
  4026.  
  4027. }
  4028.  
  4029. #searchsubmit {
  4030.  
  4031. position: absolute; left: -1000em;
  4032.  
  4033. }
  4034.  
  4035. .screen-reader-text {
  4036.  
  4037. position: absolute; left: -1000em;
  4038.  
  4039. }
  4040.  
  4041. .search-place { margin: 30px 0 }
  4042.  
  4043.  
  4044.  
  4045.  
  4046.  
  4047.  
  4048.  
  4049. .author {
  4050.  
  4051. border-bottom: 1px solid #E1E1E1;
  4052.  
  4053. padding:20px;
  4054.  
  4055. margin-bottom: 30px;
  4056.  
  4057. clear: both;
  4058.  
  4059. background: #f0f0f0;
  4060.  
  4061. }
  4062.  
  4063. .author .author-gravatar {
  4064.  
  4065. float:left;
  4066.  
  4067. margin:0 20px 20px 0;
  4068.  
  4069. }
  4070.  
  4071. .author .author-description {
  4072.  
  4073. font-style: italic;
  4074.  
  4075. }
  4076.  
  4077.  
  4078.  
  4079.  
  4080.  
  4081.  
  4082.  
  4083. #comments {clear: both; margin: 30px 0;}
  4084.  
  4085.  
  4086.  
  4087. .inner-comment { margin-left: 75px }
  4088.  
  4089.  
  4090.  
  4091. .comment {
  4092.  
  4093. margin-bottom: 10px;
  4094.  
  4095. overflow: hidden;
  4096.  
  4097.  
  4098.  
  4099. }
  4100.  
  4101. .comment article {
  4102.  
  4103. position: relative;
  4104.  
  4105. }
  4106.  
  4107. .comment-author {
  4108.  
  4109. float: left;
  4110.  
  4111. margin-right: 10px;
  4112.  
  4113. padding-bottom: 10px;
  4114.  
  4115. }
  4116.  
  4117. .commentlist ul.children {
  4118.  
  4119. padding-left: 40px;
  4120.  
  4121. }
  4122.  
  4123. .commentlist .authormeta {
  4124.  
  4125. float: left;
  4126.  
  4127. }
  4128.  
  4129.  
  4130.  
  4131. .commentlist .comment-author img, .commentlist .comment-author h3, .commentlist .comment-author .datetime {
  4132.  
  4133. float: left;
  4134.  
  4135. line-height: 38px;
  4136.  
  4137. margin: 0 10px 0 0;
  4138.  
  4139. padding: 0;
  4140.  
  4141. }
  4142.  
  4143.  
  4144.  
  4145. .commentlist .comment-author .datetime {
  4146.  
  4147. clear: none;
  4148.  
  4149. color: #EBEBEB;
  4150.  
  4151. float: left;
  4152.  
  4153. margin-right: 0;
  4154.  
  4155. margin-top: 4px;
  4156.  
  4157. }
  4158.  
  4159.  
  4160.  
  4161. .comment-text {
  4162.  
  4163. background: #f5f5f5;
  4164.  
  4165. padding: 0 20px;
  4166.  
  4167. border: 1pt solid #ebebeb;
  4168.  
  4169. clear: left;
  4170.  
  4171. float: none;
  4172.  
  4173. margin-bottom: 10px;
  4174.  
  4175. white-space: pre-line;
  4176.  
  4177. word-wrap: break-word;
  4178.  
  4179. }
  4180.  
  4181. .comment-text p {
  4182.  
  4183. margin-bottom: 0;
  4184.  
  4185. }
  4186.  
  4187.  
  4188.  
  4189. img.avatar {
  4190.  
  4191. border-radius: 100px;
  4192.  
  4193. -moz-border-radius: 100px;
  4194.  
  4195. -webkit-border-radius: 100px;
  4196.  
  4197. vertical-align: middle;
  4198.  
  4199.  
  4200.  
  4201. }
  4202.  
  4203.  
  4204.  
  4205. .comment cite {
  4206.  
  4207. font-size: 18px;
  4208.  
  4209. line-height: 24px;
  4210.  
  4211. font-style: normal;
  4212.  
  4213. }
  4214.  
  4215.  
  4216.  
  4217.  
  4218.  
  4219. .comment-reply-link {
  4220.  
  4221. display: block;
  4222.  
  4223. clear: both;
  4224.  
  4225. float: right;
  4226.  
  4227.  
  4228.  
  4229. }
  4230.  
  4231. #commentform label {
  4232.  
  4233. font-weight: bold;
  4234.  
  4235. display: block;
  4236.  
  4237. color: #7f7f7f;
  4238.  
  4239. }
  4240.  
  4241. #commentform input[type=text],
  4242.  
  4243. #commentform input[type=password],
  4244.  
  4245. #commentform input[type=email],
  4246.  
  4247. #commentform input[type=url],
  4248.  
  4249. #commentform input.text,
  4250.  
  4251. #commentform input.title,
  4252.  
  4253. #commentform textarea,
  4254.  
  4255. #commentform select {
  4256.  
  4257. background-color: #f8f8f8;
  4258.  
  4259. border: 1px solid #e8e8e8;
  4260.  
  4261. border-radius: 3px 3px 3px 3px;
  4262.  
  4263. font-size: 12px;
  4264.  
  4265. padding: 4% 0;
  4266.  
  4267. width: 96%;
  4268.  
  4269. }
  4270.  
  4271. #commentform input[type=text]:focus,
  4272.  
  4273. #commentform input[type=password]:focus,
  4274.  
  4275. #commentform input[type=email]:focus,
  4276.  
  4277. #commentform input[type=url]:focus,
  4278.  
  4279. #commentform input.text:focus,
  4280.  
  4281. #commentform input.title:focus,
  4282.  
  4283. #commentform textarea:focus,
  4284.  
  4285. #commentform select:focus {
  4286.  
  4287. border-color: #c2c2c2;
  4288.  
  4289. outline: 0;
  4290.  
  4291. }
  4292.  
  4293. #commentform input[type=text],
  4294.  
  4295. #commentform input[type=password],
  4296.  
  4297. #commentform input[type=email],
  4298.  
  4299. #commentform input.text,
  4300.  
  4301. #commentform input.title,
  4302.  
  4303. #commentform textarea,
  4304.  
  4305. #commentform select { margin: 5px 0 }
  4306.  
  4307. #commentform textarea {
  4308.  
  4309. width: 99%;
  4310.  
  4311. height: 180px;
  4312.  
  4313. padding: 4% 0;
  4314.  
  4315. resize: none;
  4316.  
  4317. }
  4318.  
  4319. #commentform input[type=submit] {
  4320.  
  4321.  
  4322.  
  4323. }
  4324.  
  4325.  
  4326.  
  4327. /* alignments */
  4328.  
  4329. .alignleft, img.alignleft { margin:0 24px 24px 0; display: inline; float: left; }
  4330.  
  4331. .alignright, img.alignright { margin-left: 24px; display: inline; float: right; }
  4332.  
  4333. .aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
  4334.  
  4335.  
  4336.  
  4337.  
  4338.  
  4339. /* ---------------------------------------------------------------------- */
  4340.  
  4341. /* 18- OTHER FEATURES LAYOUT
  4342.  
  4343. /* ---------------------------------------------------------------------- */
  4344.  
  4345. .not-found-text {
  4346.  
  4347. text-align: center;
  4348.  
  4349. font-size: 100px;
  4350.  
  4351. line-height: 100px;
  4352.  
  4353. border-bottom: 1pt solid #E1E1E1;
  4354.  
  4355. margin-bottom: 100px;
  4356.  
  4357. padding-bottom: 30px;
  4358.  
  4359. }
  4360.  
  4361. .intro-page h2 { text-align: center }
  4362.  
  4363. .intro-page h2 strong { color: #9DCEDF; font-weight:normal }
  4364.  
  4365. .intro-page {
  4366.  
  4367. margin: 0 0 0px 0;
  4368.  
  4369. border-top: 1pt solid #d8d5cd;
  4370.  
  4371. padding: 30px 0;
  4372.  
  4373. }
  4374.  
  4375. .resize img {
  4376.  
  4377. max-width: 100%;
  4378.  
  4379. max-height: 100%;
  4380.  
  4381. }
  4382.  
  4383. video {
  4384.  
  4385. width: 100%;
  4386.  
  4387. height: auto;
  4388.  
  4389. }
  4390.  
  4391. ul.team-memebers li {
  4392.  
  4393. text-align: center;
  4394.  
  4395. float: left;
  4396.  
  4397. margin-right: 20px;
  4398.  
  4399. }
  4400.  
  4401.  
  4402.  
  4403. ul.team-memebers li.last { margin-right: 0px }
  4404.  
  4405.  
  4406.  
  4407. #contact-map {
  4408.  
  4409. margin-left: -40px;
  4410.  
  4411. width: 1020px;
  4412.  
  4413. max-height: 100%;
  4414.  
  4415. margin-bottom: 30px;
  4416.  
  4417. }
  4418.  
  4419. #contact-map iframe {
  4420.  
  4421. width:100%;
  4422.  
  4423. }
  4424.  
  4425.  
  4426.  
  4427. img.intro-img {
  4428.  
  4429. margin-left: -40px;
  4430.  
  4431. max-width: 1020px;
  4432.  
  4433. max-height: 100%;
  4434.  
  4435. margin-bottom: 30px;
  4436.  
  4437. border-bottom: 1pt solid #d8d5cd;
  4438.  
  4439. }
  4440.  
  4441.  
  4442.  
  4443.  
  4444.  
  4445. img.team-member {
  4446.  
  4447. width: 70px;
  4448.  
  4449. height: 70px;
  4450.  
  4451. border-radius: 2px;
  4452.  
  4453. -moz-border-radius: 2px;
  4454.  
  4455. -webkit-border-radius: 2px;
  4456.  
  4457. box-shadow: 0px 1px 1px #615951;
  4458.  
  4459. -moz-box-shadow: 0px 1px 1px #615951;
  4460.  
  4461. -webkit-box-shadow: 0px 1px 1px #615951;
  4462.  
  4463. }
  4464.  
  4465. blockquote,
  4466.  
  4467. q { quotes: none }
  4468.  
  4469. blockquote:before,
  4470.  
  4471. blockquote:after,
  4472.  
  4473. q:before,
  4474.  
  4475. q:after {
  4476.  
  4477. content: '';
  4478.  
  4479. content: none;
  4480.  
  4481. }
  4482.  
  4483. blockquote {
  4484.  
  4485. padding: 0px 10px 0px 35px;
  4486.  
  4487. line-height: 24px;
  4488.  
  4489. background-image: url(../images/quote.png);
  4490.  
  4491. background-position: 0% 10% ;
  4492.  
  4493. background-repeat: no-repeat;
  4494.  
  4495. color: #999999;
  4496.  
  4497. }
  4498.  
  4499.  
  4500.  
  4501.  
  4502.  
  4503. blockquote span { color: #666666 }
  4504.  
  4505. .button-holder-2 {
  4506.  
  4507. float: right;
  4508.  
  4509. margin-top: 5px;
  4510.  
  4511. }
  4512.  
  4513. pre,
  4514.  
  4515. code {
  4516.  
  4517. border: 1px solid #e1e1e1;
  4518.  
  4519. border-left: 5px solid #e1e1e1;
  4520.  
  4521. width: 96%;
  4522.  
  4523. margin-bottom: 20px;
  4524.  
  4525. padding: 2%;
  4526.  
  4527. font-size: 11px;
  4528.  
  4529. display: inline-block;
  4530.  
  4531. background-color: #f5f5f5;
  4532.  
  4533. }
  4534.  
  4535. .pdf {
  4536.  
  4537. background: url(../images/icons/pdf-icon.png) no-repeat 5px 12px;
  4538.  
  4539. padding: 15px 10px 10px 65px;
  4540.  
  4541. width: 125px;
  4542.  
  4543. min-height: 48px;
  4544.  
  4545. }
  4546.  
  4547. .skype-call {
  4548.  
  4549. background: url(../images/icons/skype-icon.png) no-repeat 5px 12px;
  4550.  
  4551. padding: 15px 10px 10px 65px;
  4552.  
  4553. width: 125px;
  4554.  
  4555. min-height: 48px;
  4556.  
  4557. }
  4558.  
  4559. #map {
  4560.  
  4561. height: 275px;
  4562.  
  4563. margin: 0px 0 30px -40px;
  4564.  
  4565. position: relative;
  4566.  
  4567. width: 1020px;
  4568.  
  4569. }
  4570.  
  4571. #map:before,
  4572.  
  4573. #map:after {
  4574.  
  4575. background: none;
  4576.  
  4577. -webkit-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
  4578.  
  4579. -moz-box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
  4580.  
  4581. box-shadow: 0 0 5px 2px rgba(54, 55, 54, 0.1);
  4582.  
  4583. content: '';
  4584.  
  4585. left: 0;
  4586.  
  4587. position: absolute;
  4588.  
  4589. top: 0;
  4590.  
  4591. width: 100%;
  4592.  
  4593. }
  4594.  
  4595. #map:after {
  4596.  
  4597. bottom: 0;
  4598.  
  4599. top: auto;
  4600.  
  4601. }
  4602.  
  4603. ul.buttons li {
  4604.  
  4605. display: list;
  4606.  
  4607. margin: 25px 0;
  4608.  
  4609. }
  4610.  
  4611. ul.buttons-huge li {
  4612.  
  4613. display: list;
  4614.  
  4615. margin: 45px 0;
  4616.  
  4617. }
  4618.  
  4619. .inner-page-intro {
  4620.  
  4621. width: 100%;
  4622.  
  4623. height: auto;
  4624.  
  4625. float: left;
  4626.  
  4627. padding: 0px 0;
  4628.  
  4629. margin-bottom: 30px;
  4630.  
  4631. border-bottom: 1pt solid #e1e1e1;
  4632.  
  4633. }
  4634.  
  4635.  
  4636.  
  4637.  
  4638.  
  4639.  
  4640.  
  4641. .add-widget {
  4642.  
  4643. sssbackground: url("../../lib/shortcodes/images/lists/addlist.png")left center no-repeat;
  4644.  
  4645. background:url("../images/plus.png") left center no-repeat;
  4646.  
  4647. padding: 2px 2px 2px 13px;
  4648.  
  4649. font-weight: bold;
  4650.  
  4651. display: block;
  4652.  
  4653. margin-top: 20px;
  4654.  
  4655. }
  4656.  
  4657.  
  4658.  
  4659. .help {
  4660.  
  4661. border-radius: 5px;
  4662.  
  4663. -moz-border-radius: 5px;
  4664.  
  4665. -webkit-border-radius: 5px;
  4666.  
  4667. background: #eee;
  4668.  
  4669. padding:20px;
  4670.  
  4671. }
  4672.  
  4673. .help p {
  4674.  
  4675. margin-bottom: 0;
  4676.  
  4677. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!