Advertisement
Guest User

Untitled

a guest
Jul 9th, 2015
327
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 64.29 KB | None | 0 0
  1. /*
  2. /*
  3. Theme Name: Hapy
  4. Theme URI:
  5. Author: Imonthemes
  6. Author URI: http://www.imonthemes.com
  7. License: GNU General Public License, v3
  8. License URI: URI: http://www.gnu.org/licenses/gpl-3.0.html
  9. Template: hathor
  10.  
  11. Description: Hapy is a child theme of hathor. it easy to fully customize the Layout, Colors and Style within minutes.The theme allows you to upload your logo.The Theme also has a 2 header style , 2 Service Block Style , 2 Latest Post layout , Full width and Box option ,translation ready. The theme is SEO Friendly and has plenty of user-friendly options. Due to its superb flexibility of its framework, it allows you to create unique Websites for many purposes like Magazine, Blog, Portfolio, Creative or Business. Fits all popular mobile devices and tablets.
  12.  
  13. Version: 1.0.7
  14.  
  15.  
  16. Tags: fixed-layout,fluid-layout,theme-options, one-column, dark, black, white, right-sidebar, custom-background, theme-options, translation-ready, featured-images, full-width-template,sticky-post, post-formats
  17.  
  18. Hapy WordPress Theme, Copyright 2014 imonthemes.com
  19. Hapy is distributed under the terms of the GNU GPL
  20. */
  21.  
  22.  
  23.  
  24.  
  25.  
  26.  
  27. /* Body Start */
  28.  
  29. body {
  30. font-family: 'Arimo', sans-serif;
  31. background: #f7f7f7;
  32. }
  33. #header {
  34. background: #353535;
  35. }
  36. p {
  37. font-size: 12px;
  38. line-height: 18px;
  39. font-weight: 400;
  40. color: #353535;
  41. }
  42. .no-padding {
  43. padding: 0px;
  44.  
  45. }
  46. .warp{ background-color:#FFF;}
  47. /* Header
  48. ================================================================================ */
  49.  
  50.  
  51.  
  52.  
  53. /*-----------------------------------------------------------------------------------*/
  54. /* STRUCTURE
  55. /*-----------------------------------------------------------------------------------*/
  56.  
  57.  
  58. /* Header */
  59. #branding {
  60. /*border-bottom: 1px solid #dddddd;*/
  61. background-color: #ffffff;
  62. position: relative;
  63. z-index: 102;
  64. -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  65. -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06);
  66. box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.06); }
  67.  
  68.  
  69. #branding2 {
  70. z-index: 9999;
  71. background-color: #E1E1E1;
  72. position: relative;
  73. background-position: bottom;
  74. }
  75. /* logo*/
  76. .desc {
  77. text-align: left;
  78. color: #000;
  79. font-size: 14px;
  80. text-align: center;
  81. padding-bottom: 20px;
  82. padding-top:10px;
  83. }
  84. #site-title {
  85. padding-top:20px;
  86. float:left;
  87. padding-bottom:20px;
  88. }
  89.  
  90. #site-title2{padding-top:20px;
  91. text-align:center;
  92. }
  93. #site-title2 a {
  94. color: #000;
  95. font-size: 30px;
  96. line-height: 36px;
  97. text-decoration: none;
  98. text-align: center;
  99. }
  100. #site-title a {
  101. color: #000;
  102. font-size: 40px;
  103. line-height: 36px;
  104. text-decoration: none;
  105. text-align: center;
  106. }
  107.  
  108. /*MENU*/
  109. #menu_wrap {
  110. padding-top:10px;
  111.  
  112. float: right;
  113.  
  114. }
  115. #menu_wrap2 {
  116. float: none;
  117. text-align: center;
  118. background-color: rgb(204,204,204);
  119. border-top: 3px solid rgb(204,204,204);
  120. }
  121. .tinynav, .tinynav1 {
  122. display: none;
  123. }
  124. #navmenu {
  125.  
  126. }
  127. .nav-header {
  128. margin: auto;
  129. padding: 0;
  130. display: block;
  131. }
  132. #navmenu ul {
  133. margin: 0px;
  134. padding: 0px;
  135. padding-left: 5px;
  136. }
  137. #navmenu ul li {
  138. list-style-type: none;
  139. display: inline-block;
  140. position: relative;
  141. margin-top: 0px;
  142. padding-top: 15px;
  143. height:60px;
  144. padding-left:10px;
  145. padding-right:10px;
  146.  
  147.  
  148.  
  149. }
  150.  
  151. #navmenu li a {
  152. font-size: 14px;
  153. color: #000;
  154. font-weight: 500;
  155.  
  156. }
  157.  
  158. #menu_wrap2 #navmenu li a {
  159. font-size: 14px;
  160. color: #000;
  161. font-weight: 500;
  162. }
  163.  
  164.  
  165.  
  166. /* Effect 4: bottom border enlarge */
  167. #navmenu ul {
  168. padding: 0 0 0px;
  169. }
  170.  
  171. #navmenu ul > li::after {
  172. position: absolute;
  173. bottom:100%;
  174. left: 0;
  175. width: 100%;
  176. height: 0.5px;
  177. content: '';
  178. opacity: 0;
  179. -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  180. -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
  181. transition: height 0.3s, opacity 0.3s, transform 0.3s;
  182. -webkit-transform: translateY(-10px);
  183. -moz-transform: translateY(-10px);
  184. transform: translateY(-10px);
  185. background-color: #09C;
  186. }
  187.  
  188. #navmenu ul > li:hover::after,
  189. #navmenu ul > li:focus::after {
  190. height: 2px;
  191. opacity: 1;
  192. -webkit-transform: translateY(0px);
  193. -moz-transform: translateY(0px);
  194. transform: translateY(0px);
  195. }
  196.  
  197.  
  198. #navmenu ul >li ul li::after{ display:none;}
  199.  
  200.  
  201.  
  202. #menu-icon {
  203. display: none;
  204. }
  205. /*SUBMENU*/
  206. #navmenu ul li ul {
  207. position:absolute;width:210px; z-index:999999; padding-left:0; margin-left:0px; margin-top:18px; display:none;left: -60px; }
  208.  
  209.  
  210. #menu_wrap2 #navmenu ul li ul li {
  211. float: none;
  212. margin: 0;
  213. text-align: center;
  214. display: block;
  215. border-bottom: 1px solid #333;
  216. height: auto;
  217. padding-top: 10px;
  218. padding-right: 0px;
  219. padding-bottom: 10px;
  220. padding-left: 0px;
  221. background-color: #CCC;
  222. }
  223. #navmenu ul li ul li {
  224. float: none;
  225. margin: 0;
  226. text-align: center;
  227. background: #333;
  228. display: block;
  229. height: auto;
  230. padding-top: 10px;
  231. padding-right: 0px;
  232. padding-bottom: 10px;
  233. padding-left: 0px;
  234. border-bottom-width: 1px;
  235. border-bottom-style: solid;
  236. border-bottom-color: #000;
  237. }
  238.  
  239. #navmenu ul li ul li:hover {
  240. background-color: #0099CC;
  241. }
  242. #navmenu ul > li ul li:hover {
  243. color: white; /* Old browsers */
  244. background-color: #0099CC ;
  245. }
  246. #navmenu ul li ul li a
  247. { width:100%; margin:0px; display:block;
  248. color:#CCC;
  249. }
  250. #navmenu ul li ul li ul {
  251. left: 100%;
  252. margin-top: -28px;
  253. float: none;
  254. border-left-width: 1px;
  255. border-left-style: solid;
  256. border-left-color: #CCC;
  257. background-color:#333;
  258.  
  259. }
  260.  
  261. @media only screen and (max-width: 768px) {
  262. /*MENU*/
  263. body #menu_wrap {
  264. width: 100%;
  265. }
  266. body #navmenu {
  267. width: 100%;
  268. text-align: center
  269. }
  270.  
  271. #navmenu ul li {
  272. list-style-type: none;
  273. display: inline-block;
  274. position: relative;
  275. margin-top: 0px;
  276. padding-top: 15px;
  277. height: auto;
  278. padding-left:10px;
  279. padding-right:10px;
  280.  
  281.  
  282.  
  283. }
  284. /* nav-wrap */
  285. #menu_wrap {
  286. position: relative;
  287. }
  288. /* menu icon */
  289. #menu-icon {
  290. padding: 10px 0px;
  291. cursor: pointer;
  292. font-size: 20px;
  293. display: block!important; /* show menu icon */
  294. }
  295. #menu-icon:hover {
  296. }
  297. /* main nav */
  298. body #navmenu ul.menu {
  299. clear: both;
  300. position: absolute;
  301. top: 50px;
  302. width: 100%;
  303. z-index: 10000;
  304. border: solid 1px #999;
  305. display: none;
  306. margin-top: 5px;
  307. background-color: rgb(51,51,51);
  308. }
  309. body #navmenu ul.menu li {
  310. width: 100%;
  311. clear: both;
  312. float: none;
  313. text-align: center;
  314. padding-top: 6px;
  315. padding-right: 30px;
  316. padding-bottom: 6px;
  317. padding-left: 0px;
  318. border-top-width: 2px;
  319. border-right-width: 2px;
  320. border-bottom-width: 2px;
  321. border-left-width: 2px;
  322. border-top-style: solid;
  323. border-right-style: solid;
  324. border-bottom-style: solid;
  325. border-left-style: solid;
  326. }
  327. body #navmenu ul > li:hover {
  328. background: none!important;
  329. }
  330. body #navmenu ul.menu li ul li {
  331. background: none!important;
  332. width: 100%;
  333. border: none;
  334. }
  335. body #navmenu ul.menu li ul li:hover {
  336. background: none!important;
  337. }
  338. body #navmenu ul.menu a, body #topmenu ul.menu ul a {
  339. background: none;
  340. display: inline;
  341. padding: 0;
  342. border: none;
  343. }
  344. body #navmenu ul.menu a:hover, body #topmenu ul.menu ul a:hover {
  345. background: none;
  346. }
  347. /* dropdown */
  348. body #navmenu ul.menu ul {
  349. width: auto;
  350. position: static;
  351. display: block;
  352. border: none;
  353. background: inherit;
  354. margin-top: 0px;
  355. }
  356. body #navmenu ul.menu ul li {
  357. }
  358. }
  359. /*SLIDER*/
  360. #slider {
  361. width: 100%;
  362. float: left;
  363. max-height: 500px;
  364. position: relative;
  365. overflow: hidden;
  366. border-bottom: 1px solid rgb(213, 213, 213);
  367. background-color: rgb(255, 255, 255);
  368. box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.1);
  369. }
  370. .slider_shadow {
  371. height: 49px;
  372. position: relative;
  373. top: -1px;
  374. background-image: url(images/shadow.png);
  375. background-repeat: no-repeat;
  376. background-position: center top;
  377. }
  378.  
  379. .slider_shadow2 {
  380. height: 49px;
  381. position: relative;
  382. top: -1px;
  383. background-image: url(images/slider_shadow.png);
  384. background-repeat: no-repeat;
  385. background-position: center top;
  386. }
  387. /* The Nivo Slider styles */
  388.  
  389. .nivoSlider {
  390. position: relative;
  391. -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
  392. -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
  393. box-shadow: 0px 1px 5px 0px #4a4a4a;
  394. background-color: #fff;
  395. background-image: url(css/default/loading.gif);
  396. background-repeat: no-repeat;
  397. background-position: 50% 50%;
  398. margin-bottom:5px;
  399. }
  400. .nivoSlider img {
  401. position:absolute;
  402. top:0px;
  403. left:0px;
  404. display:none;
  405. }
  406. .nivoSlider a {
  407. border:0;
  408. display:block;
  409. }
  410.  
  411. .nivo-controlNav {text-align: center;padding: 15px 0;bottom: 10px;position: absolute;z-index: 99;left: 48%;}
  412. .nivo-controlNav a {cursor: pointer;background: #444;width: 15px;height: 10px;display: inline-block;margin-right: 5px;
  413. border: 3px solid #222;text-indent: -999999px;}
  414. .nivo-controlNav a.active {background:#26ae90;}
  415.  
  416. .nivo-directionNav a {
  417. display: block;
  418. width: 30px;
  419. height: 30px;
  420. text-indent: -9999px;
  421. border: 0;
  422. opacity: 0;
  423. -webkit-transition: all 200ms ease-in-out;
  424. -moz-transition: all 200ms ease-in-out;
  425. -o-transition: all 200ms ease-in-out;
  426. transition: all 200ms ease-in-out;
  427. background-image: url(css/default/arrows.png);
  428. background-repeat: no-repeat;
  429.  
  430. }
  431. .nivo-directionNav a { opacity: 0.15; }
  432.  
  433. .nivo-directionNav a:hover{ opacity:1;}
  434. a.nivo-nextNav {
  435. background-position:-30px 0;
  436. right:15px;
  437. }
  438. a.nivo-prevNav {
  439. left:15px;
  440. }
  441.  
  442. .nivo-caption {
  443. font-family: Helvetica, Arial, sans-serif;
  444. }
  445. .nivo-caption a {
  446. color:#fff;
  447. border-bottom:1px dotted #fff;
  448. }
  449. .nivo-caption a:hover {
  450. color:#fff;
  451. }
  452.  
  453. .nivo-controlNav.nivo-thumbs-enabled {
  454. width: 100%;
  455. }
  456. .nivo-controlNav.nivo-thumbs-enabled a {
  457. width: auto;
  458. height: auto;
  459. background: none;
  460. margin-bottom: 5px;
  461. }
  462. .nivo-controlNav.nivo-thumbs-enabled img {
  463. display: block;
  464. width: 120px;
  465. height: auto;
  466. }
  467.  
  468.  
  469.  
  470.  
  471.  
  472. /* welcome */
  473. #callout {
  474. width: 100%;
  475. background-color: #F0F0F0;
  476. text-align: center;
  477. box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  478. -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  479. -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  480. position: relative;
  481. padding:1.5%;
  482.  
  483. margin-bottom: 20px;
  484.  
  485. }
  486.  
  487.  
  488.  
  489. /* welcome */
  490.  
  491.  
  492. /* services-wrap */
  493.  
  494.  
  495. .services-wrap {
  496. background-color: #FFF;
  497. }
  498.  
  499.  
  500.  
  501. /* services-wrap */
  502.  
  503. /*......................flexslider..............*/
  504. .title h2.blue1 {
  505.  
  506. color:#313131;
  507. font-size:28px;
  508. padding:0 0 0 10px;
  509. }
  510. .caroufredsel_wrapper{
  511. margin-left:0px !important}
  512. .title span.blue {
  513. color: rgb(13, 162, 205);
  514. }
  515. .our_work {
  516. margin-top: 50px;
  517. margin-right: 0px;
  518. margin-bottom: 0;
  519. margin-left: 0;
  520. }
  521. .our_work .title {
  522.  
  523. padding:0 0 15px 0;
  524. text-align:center;
  525.  
  526. }
  527. .our_work .title p {}
  528.  
  529. .our_work li {
  530. margin:0 19px 0 0 !important;
  531. }
  532. .our_work li.last {
  533. margin:0 19px 0 0px !important;
  534. }
  535. .our_work .work {
  536. float: left;
  537. width: 335px;
  538. margin-right: 9px;
  539. margin-top: 14px;
  540. margin-left:8px;
  541. }
  542.  
  543.  
  544. .our_work .work.last {
  545. margin:25px 0 0 0;
  546. }
  547. .our_work p.port {
  548. text-align: center;
  549. width: 330px;
  550. padding: 15px;
  551. background: none repeat scroll 0% 0% #FAFAFA;
  552. position: relative;
  553. border-right: 1px solid #DDD;
  554. border-width: medium 1px 1px;
  555.  
  556. border-color: -moz-use-text-color #DDD #DDD;
  557. -moz-border-top-colors: none;
  558. -moz-border-right-colors: none;
  559. -moz-border-bottom-colors: none;
  560. -moz-border-left-colors: none;
  561. border-image: none;
  562. float: left;
  563. clear: both;
  564. border-radius: 0px 0px 4px 4px;
  565. box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
  566. -moz-box-sizing: border-box;
  567. }
  568.  
  569. .our_work p.port a { color:#333;}
  570.  
  571. .work-carousel{ background-color:#FFF;}
  572. .tf-work-carousel .flex-direction-nav {
  573. *height: 0;
  574. }
  575.  
  576. .work-carousel-head {
  577. position: relative;
  578. margin-right:10px;}
  579.  
  580. .work-carousel-head a {
  581. display: block;
  582. cursor: pointer;
  583. position: absolute;
  584. top: 0px;
  585. right: 0px;
  586. z-index: 1;
  587. cursor: pointer;
  588. background-repeat: no-repeat;
  589. background-position: 0 0;
  590. width: 19px;
  591. height: 19px;
  592. text-indent: -9999px;
  593. background-color: #D8D8D8;
  594. background-image: url('images/rps_arrows.png');
  595. background-repeat: no-repeat;
  596. border-radius: 2px;
  597. margin-top: -36px;
  598. margin-right: 10px;
  599. margin-bottom: 0;
  600. margin-left: 0;
  601. }
  602.  
  603. .work-carousel-head a:hover{ background-color:#F30}
  604. .work-carousel-head .next {
  605. background-position: -30px 0;
  606. }
  607.  
  608. .work-carousel-head .prev {
  609. margin-right: 30px;
  610. }
  611.  
  612. .work-carousel-head .next2 {
  613. background-position: -30px 0;
  614. }
  615.  
  616. .work-carousel-head .prev2 {
  617. margin-right: 30px;
  618. }
  619.  
  620. .work-carousel li {
  621. display: block;
  622. float: left;
  623. position: relative;
  624. background: #fff;
  625. margin:0 0px 0 0px !important;
  626. }
  627.  
  628.  
  629.  
  630. .view {
  631. width: 330px;
  632. height:222px;
  633. float: left;
  634. overflow: hidden;
  635. position: relative;
  636. text-align: center;
  637. cursor: default;
  638. }
  639. .view .mask,.view .content {
  640. width: 330px;
  641. height:222px;
  642. position: absolute;
  643. overflow: hidden;
  644. top: 0;
  645. left: 0;
  646. }
  647. .view img {
  648. display: block;
  649. position: relative;
  650. }
  651. .view h2 {
  652. font-family: 'MuseoSlab300Regular';color: #fff;
  653. text-align: center;
  654. position: relative;
  655. font-size: 17px;
  656. padding: 10px;
  657. background: rgba(0, 0, 0, 0.8);
  658. margin: 5px 0 0 0;
  659. text-transform:uppercase;
  660. }
  661. .view p {
  662. font-size: 12px;
  663. position: relative;
  664. color: #fff;
  665. padding: 10px 20px 20px;
  666. text-align: center;
  667. height: 73px;
  668. overflow: hidden;
  669. margin-bottom:0px;
  670. }
  671. .view a.info {
  672. padding:7px 15px;
  673. text-decoration: none;
  674. font-size:12px;
  675. background: #000;
  676. margin:15px 0 0 112px;
  677. float:left;
  678. color: #fff;
  679. text-transform: uppercase;
  680. }
  681. .view a.info:hover {
  682. background: #f9f9f9;
  683. color: #000 ;
  684. }
  685.  
  686. .view-second img {
  687. -webkit-transition: all 0.2s ease-in;
  688. -moz-transition: all 0.2s ease-in;
  689. -o-transition: all 0.2s ease-in;
  690. -ms-transition: all 0.2s ease-in;
  691. transition: all 0.2s ease-in;
  692. }
  693. .view-second .mask {
  694. background-color: rgba(115,146,184, 0.7);
  695. width: 400px;
  696. padding: 60px;
  697. height: 550px;
  698. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
  699. filter: alpha(opacity=0);
  700. opacity: 0;
  701. -webkit-transform: translate(265px, 145px) rotate(45deg);
  702. -moz-transform: translate(265px, 145px) rotate(45deg);
  703. -o-transform: translate(265px, 145px) rotate(45deg);
  704. -ms-transform: translate(265px, 145px) rotate(45deg);
  705. transform: translate(265px, 145px) rotate(45deg);
  706. -webkit-transition: all 0.2s ease-in-out;
  707. -moz-transition: all 0.2s ease-in-out;
  708. -o-transition: all 0.2s ease-in-out;
  709. -ms-transition: all 0.2s ease-in-out;
  710. transition: all 0.2s ease-in-out;
  711. }
  712. .view-second h2 {
  713. border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  714. background: transparent;
  715. -webkit-transform: translate(200px, -200px);
  716. -moz-transform: translate(200px, -200px);
  717. -o-transform: translate(200px, -200px);
  718. -ms-transform: translate(200px, -200px);
  719. transform: translate(200px, -200px);
  720. -webkit-transition: all 0.2s ease-in-out;
  721. -moz-transition: all 0.2s ease-in-out;
  722. -o-transition: all 0.2s ease-in-out;
  723. -ms-transition: all 0.2s ease-in-out;
  724. transition: all 0.2s ease-in-out;
  725. margin-top: 5px;
  726. margin-right: 40px;
  727. margin-bottom: 0px;
  728. margin-left: 40px;
  729. }
  730. .view-second p {
  731. -webkit-transform: translate(-200px, 200px);
  732. -moz-transform: translate(-200px, 200px);
  733. -o-transform: translate(-200px, 200px);
  734. -ms-transform: translate(-200px, 200px);
  735. transform: translate(-200px, 200px);
  736. -webkit-transition: all 0.2s ease-in-out;
  737. -moz-transition: all 0.2s ease-in-out;
  738. -o-transition: all 0.2s ease-in-out;
  739. -ms-transition: all 0.2s ease-in-out;
  740. transition: all 0.2s ease-in-out;
  741. }
  742. .view-second a.info {
  743. -webkit-transform: translate(0px, 100px);
  744. -moz-transform: translate(0px, 100px);
  745. -o-transform: translate(0px, 100px);
  746. -ms-transform: translate(0px, 100px);
  747. transform: translate(0px, 100px);
  748. -webkit-transition: all 0.2s 0.1s ease-in-out;
  749. -moz-transition: all 0.2s 0.1s ease-in-out;
  750. -o-transition: all 0.2s 0.1s ease-in-out;
  751. -ms-transition: all 0.2s 0.1s ease-in-out;
  752. transition: all 0.2s 0.1s ease-in-out;
  753. }
  754. .view-second:hover .mask {
  755. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  756. filter: alpha(opacity=100);
  757. opacity: 1;
  758. -webkit-transform: translate(-80px, -125px) rotate(45deg);
  759. -moz-transform: translate(-80px, -125px) rotate(45deg);
  760. -o-transform: translate(-80px, -125px) rotate(45deg);
  761. -ms-transform: translate(-80px, -125px) rotate(45deg);
  762. transform: translate(-80px, -125px) rotate(45deg);
  763. }
  764. .view-second:hover h2 {
  765. -webkit-transform: translate(0px,0px);
  766. -moz-transform: translate(0px,0px);
  767. -o-transform: translate(0px,0px);
  768. -ms-transform: translate(0px,0px);
  769. transform: translate(0px,0px);
  770. -webkit-transition-delay: 0.3s;
  771. -moz-transition-delay: 0.3s;
  772. -o-transition-delay: 0.3s;
  773. -ms-transition-delay: 0.3s;
  774. transition-delay: 0.3s;
  775. }
  776. .view-second:hover p {
  777. -webkit-transform: translate(0px,0px);
  778. -moz-transform: translate(0px,0px);
  779. -o-transform: translate(0px,0px);
  780. -ms-transform: translate(0px,0px);
  781. transform: translate(0px,0px);
  782. -webkit-transition-delay: 0.4s;
  783. -moz-transition-delay: 0.4s;
  784. -o-transition-delay: 0.4s;
  785. -ms-transition-delay: 0.4s;
  786. transition-delay: 0.4s;
  787. }
  788. .view-second:hover a.info {
  789. -webkit-transform: translate(0px,0px);
  790. -moz-transform: translate(0px,0px);
  791. -o-transform: translate(0px,0px);
  792. -ms-transform: translate(0px,0px);
  793. transform: translate(0px,0px);
  794. -webkit-transition-delay: 0.5s;
  795. -moz-transition-delay: 0.5s;
  796. -o-transition-delay: 0.5s;
  797. -ms-transition-delay: 0.5s;
  798. transition-delay: 0.5s;
  799. }
  800.  
  801.  
  802.  
  803.  
  804. /*Midrow Blocks*/
  805. /*MIDROW*/
  806.  
  807. .icon_warp{ width:100%; height:100px; overflow: hidden; }
  808.  
  809. .icon{
  810.  
  811. margin-top: 15px;
  812. margin-bottom: 5px;
  813. display: inline-block;
  814. text-align:center;
  815.  
  816. }
  817.  
  818. .icon_img {
  819. width: 80px;
  820. height: 80px;
  821. border-radius: 50%;
  822. margin-left: 34%;
  823. border: 2px solid rgba(0,153,153,0.5);
  824.  
  825.  
  826. }
  827.  
  828.  
  829.  
  830. .midrow{
  831. width: 100%;
  832. float: left;
  833. margin-bottom: 30px;
  834. margin-top: 40px;
  835. margin-left:8px;
  836.  
  837. }
  838. .midrow_wrap{ }
  839.  
  840.  
  841.  
  842. .midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; }
  843. .link { text-align:center;}
  844.  
  845. .midbutton { display: inline-block;
  846. *display: inline;
  847. padding: 5px 15px;
  848. margin-bottom: 0;
  849. *margin-left: .3em;
  850. font-size: 13px;
  851. line-height: 20px;
  852. text-align: center;
  853. vertical-align: middle;
  854. cursor: pointer;
  855. color:#FFF;
  856. border:1px solid;
  857. *border: 0;
  858. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  859.  
  860. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  861. -webkit-border-radius: 4px;
  862. -moz-border-radius: 4px;
  863. border-radius: 4px;
  864. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  865. filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  866. *zoom: 1;
  867. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  868. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  869. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  870.  
  871. -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  872. -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  873. -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  874. -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  875. transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  876.  
  877. background-color:#26ae90}
  878.  
  879. .midbutton:hover{ color:#FFF; background-color:#ff4533
  880. }
  881.  
  882.  
  883.  
  884.  
  885. .shadow{
  886. background-image: url(images/service_shadow.png);
  887. background-repeat: no-repeat;
  888. }
  889.  
  890. .midrow_block h3{ text-align:center; font-size:20px; color:#333;}
  891. .midrow_block p{ text-align:center; font-size:12px;}
  892. .midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden;
  893. box-shadow: 0px 0px 1px 1px #888888; }
  894.  
  895.  
  896.  
  897.  
  898.  
  899. .mid_block_content {
  900. margin-top: -35px;
  901. height: 180px !important;
  902. overflow: hidden;
  903. padding-top: 23px;
  904. padding-right: 10px;
  905. padding-bottom: 0;
  906. padding-left: 10px;
  907.  
  908.  
  909. }
  910. .midrow_block:last-child .mid_block_content{ border:none;}
  911. .mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;}
  912.  
  913.  
  914. .midrow_block {
  915. overflow: hidden;
  916. border-top-width: 2px;
  917. border-top-style: solid;
  918. border-top-color: rgba(0,153,153,0.5);
  919.  
  920. }
  921. .midrow_block:hover{
  922. color: #000;
  923. }
  924.  
  925.  
  926.  
  927. .midrow_block:hover h3{
  928. color: #000;
  929. }
  930.  
  931. .blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
  932. .blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;}
  933.  
  934. .imgholder1 {
  935.  
  936. height: 99px;
  937. width: 99px;
  938. margin-left: 75px;
  939. }
  940.  
  941. /*MIDROW style2*/
  942. .style2 {}
  943. .style2.icon_warp{ width:100%; height:100px; overflow: hidden; padding-top:5px;}
  944.  
  945. .style2.icon{
  946. margin-left: 14%;
  947. margin-top: 15px;
  948. margin-bottom: 5px;
  949. display: inline-block;
  950.  
  951. }
  952.  
  953. .style2.icon_img {
  954. width: 80px;
  955. height: 80px;
  956. border-radius: 50%;
  957. margin-left: 32%;
  958. border: 2px solid rgba(0,153,153,0.5);
  959. text-align:center;
  960.  
  961.  
  962.  
  963. }
  964.  
  965.  
  966.  
  967. .style2.midrow{
  968. width: 100%;
  969. float: left;
  970. margin-bottom: 30px;
  971. margin-top: 40px;
  972.  
  973. }
  974. .style2.midrow_wrap{ }
  975.  
  976.  
  977.  
  978. .style2.midrow_blocks{ width:23.5%; padding: 0px; float:left; position:relative;height: 300px; margin-left:6px; margin-right:6px; }
  979.  
  980.  
  981. .style2.midbutton { color: #ffffff;
  982. border-color: #AF4040;
  983. border-bottom-color: #9A2020;
  984. background: -moz-linear-gradient(center top,#E85252 20%, #CF2E2E 100%);
  985. background: -webkit-gradient(linear,left top,left bottom,color-stop(.2, #E85252),color-stop(1, #CF2E2E));
  986. background: -webkit-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Chrome10+,Safari5.1+ */
  987. background: -o-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* Opera11.10+ */
  988. background: -ms-linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* IE10+ */
  989. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E85252', endColorstr='#CF2E2E',GradientType=0 ); /* IE6-9 */
  990. background: linear-gradient(top, #E85252 20%, #CF2E2E 100%); /* W3C */
  991. text-shadow: 0 -1px 0 rgba(0, 0, 0, .3);
  992. border-color: #AF4040;
  993. border-bottom-color: #9A2020;
  994. margin-left:22%;
  995. border-width: 1px;
  996. border-style: solid;border-image: none;
  997. border-radius: 3px;
  998. font-size: 13px;
  999. display: inline-block;
  1000. text-decoration: none;
  1001. cursor: pointer;
  1002.  
  1003. line-height: normal;
  1004. padding: 4px 16px;}
  1005.  
  1006. .style2.midbutton:hover{ color:#FFF;}
  1007.  
  1008.  
  1009.  
  1010.  
  1011. .style2.shadow{
  1012. background-image: url(images/service_shadow.png);
  1013. background-repeat: no-repeat;
  1014. }
  1015.  
  1016. .style2.midrow_block h3{ text-align:center; font-size:20px; color:#333;}
  1017. .style2.midrow_block p{ text-align:center; font-size:12px;}
  1018. .style2.midrow_blocks_wrap{ width:100%; float:left; background-color:#FFF; height:300px;overflow:hidden;
  1019. box-shadow: 0px 0px 1px 1px #888888; }
  1020.  
  1021.  
  1022.  
  1023.  
  1024.  
  1025. .style2.mid_block_content {
  1026. margin-top: -35px;
  1027. height: 180px !important;
  1028. overflow: hidden;
  1029. padding-top: 23px;
  1030. padding-right: 10px;
  1031. padding-bottom: 0;
  1032. padding-left: 10px;
  1033.  
  1034.  
  1035. }
  1036. .style2.midrow_block:last-child .mid_block_content{ border:none;}
  1037. .style2.mid_block_content h3{text-align:center; font-size:20px; color:#333; padding-top:15px;}
  1038.  
  1039.  
  1040. .style2.midrow_block {
  1041. overflow: hidden;
  1042. border-top-width: 2px;
  1043. border-top-style: solid;
  1044. border-top-color: rgba(0,153,153,0.5);
  1045.  
  1046. }
  1047. .style2.midrow_block:hover{
  1048. color: #000;
  1049. }
  1050.  
  1051.  
  1052.  
  1053. .style2.midrow_block:hover h3{
  1054. color: #000;
  1055. }
  1056.  
  1057. .style2.blocklink{ display:block; width:1px; height:32px; margin:0 auto; text-indent:-999999px;}
  1058. .blocklink{ display:block; width:36px; height:32px; background:url(images/blocklink.png) no-repeat;}
  1059.  
  1060. .style2.imgholder1 {
  1061.  
  1062. height: 99px;
  1063. width: 99px;
  1064. margin-left: 75px;
  1065. }
  1066. /*LAYOUT child*/
  1067. .laych {
  1068. width: 69%;
  1069. float: left;
  1070. margin-top: 30px;
  1071. padding-top: 10px;
  1072. margin-left:50px;}
  1073. .laych .hentry {
  1074. width: 300px;
  1075. height:380px;
  1076.  
  1077. background: #fff;
  1078. margin-right: 15px;
  1079. margin-left: 15px;
  1080. float: left;
  1081. padding-left: 10px;
  1082. overflow: hidden;
  1083. margin-bottom:30px;
  1084.  
  1085.  
  1086. }
  1087.  
  1088.  
  1089. /*LAYOUT 1*/
  1090.  
  1091. .lay1 {
  1092. width: 100%;
  1093. float: left;
  1094. margin-top: 30px;
  1095. padding-top: 10px;
  1096. margin-left:50px;}
  1097. .lay1 .hentry {
  1098. width: 300px;
  1099. height:380px;
  1100.  
  1101. background: #fff;
  1102. margin-right: 15px;
  1103. margin-left: 15px;
  1104. float: left;
  1105. padding-left: 10px;
  1106. overflow: hidden;
  1107. margin-bottom:30px;
  1108.  
  1109.  
  1110. }
  1111.  
  1112. .imgwrap{width: 100%;
  1113. max-height:190px;
  1114. border-radius: 4px 4px 0px 0px;
  1115. overflow:hidden;}
  1116.  
  1117. .imgwrap:hover {
  1118. opacity: 0.75;
  1119.  
  1120.  
  1121. }
  1122. .postitle_lay{ text-align: left; font-size:18px;}
  1123. .post_content2 {
  1124. width: 100%;
  1125. margin-bottom: 3px;
  1126. float: left;
  1127. clear: both;
  1128. border-radius: 0px 0px 4px 4px;
  1129. box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
  1130. -moz-box-sizing: border-box;
  1131. height: 170px;
  1132. overflow: hidden;
  1133. border-top-width: medium;
  1134. border-left-width: 1px;
  1135. border-top-style: none;
  1136. border-right-style: solid;
  1137. border-left-style: solid;
  1138. border-left-color: #CCC;
  1139. border-right-width: 1px;
  1140. border-right-color: #CCC;
  1141. padding:4px;
  1142. }
  1143. .post_content3{height: 155px; overflow:hidden;}
  1144.  
  1145. .post_content2 p{ padding-bottom:5px;}
  1146.  
  1147. .bottom_holder_2 {
  1148. width: 100%;
  1149. margin-bottom: 3px;
  1150. border-top: medium none;
  1151. float: left;
  1152. clear: both;
  1153. border-radius: 0px 0px 4px 4px;
  1154. box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
  1155. -moz-box-sizing: border-box;
  1156. }
  1157.  
  1158. /*Our team*/
  1159.  
  1160. .caroufredsel_wrapper{
  1161. margin-left:0px !important}
  1162.  
  1163. .our_team {
  1164. margin-top: 20px;
  1165. margin-right: 0px;
  1166. margin-bottom: 0px;
  1167. margin-left: 0;
  1168. }
  1169. .our_team .title {
  1170.  
  1171. padding:0 0 15px 0;
  1172. text-align:center;
  1173.  
  1174. }
  1175. .our_team .title p {}
  1176.  
  1177. .our_team li {
  1178. margin:0 19px 0 0 !important;
  1179. }
  1180. .our_team li.last {
  1181. margin:0 19px 0 0px !important;
  1182. }
  1183. .our_team .work {
  1184. float: left;
  1185. width: 300px;
  1186. margin-right:22px;
  1187. margin-top: 14px;
  1188. margin-left:20px;
  1189. }
  1190.  
  1191.  
  1192. .our_team .work.last {
  1193. margin:25px 0 0 0;
  1194. }
  1195. .our_team p.port_team {
  1196. text-align: center;
  1197. width: 300px;
  1198. padding: 15px;
  1199. background: none repeat scroll 0% 0% #FAFAFA;
  1200. position: relative;
  1201. border-right: 1px solid #DDD;
  1202. border-width: medium 1px 1px;
  1203.  
  1204. border-color: -moz-use-text-color #DDD #DDD;
  1205. -moz-border-top-colors: none;
  1206. -moz-border-right-colors: none;
  1207. -moz-border-bottom-colors: none;
  1208. -moz-border-left-colors: none;
  1209. border-image: none;
  1210. float: left;
  1211. clear: both;
  1212. border-radius: 0px 0px 4px 4px;
  1213. box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.2);
  1214. -moz-box-sizing: border-box;
  1215. }
  1216.  
  1217. .our_team p.port_team a{ color:#333 !important;}
  1218.  
  1219. .work-carousel{ background-color:#FFF;}
  1220. .tf-work-carousel .flex-direction-nav {
  1221. *height: 0;
  1222. }
  1223.  
  1224.  
  1225.  
  1226.  
  1227. .work-carousel-head {
  1228. position: relative;
  1229. margin-right:10px;}
  1230.  
  1231. .work-carousel-head a {
  1232. display: block;
  1233. cursor: pointer;
  1234. position: absolute;
  1235. top: 0px;
  1236. right: 0px;
  1237. z-index: 1;
  1238. cursor: pointer;
  1239. background-repeat: no-repeat;
  1240. background-position: 0 0;
  1241. width: 19px;
  1242. height: 19px;
  1243. text-indent: -9999px;
  1244. background-color: #D8D8D8;
  1245. background-image: url('images/rps_arrows.png');
  1246. background-repeat: no-repeat;
  1247. border-radius: 2px;
  1248. margin-top: -36px;
  1249. margin-right: 10px;
  1250. margin-bottom: 0;
  1251. margin-left: 0;
  1252. }
  1253.  
  1254. .work-carousel-head a:hover{ background-color:#F30}
  1255. .work-carousel-head .next {
  1256. background-position: -30px 0;
  1257. }
  1258.  
  1259. .work-carousel-head .prev {
  1260. margin-right: 30px;
  1261. }
  1262.  
  1263. .work-carousel-head .next3 {
  1264. background-position: -30px 0;
  1265. }
  1266.  
  1267. .work-carousel-head .prev3 {
  1268. margin-right: 30px;
  1269. }
  1270.  
  1271. .work-carousel li {
  1272. display: block;
  1273. float: left;
  1274. position: relative;
  1275. background: #fff;
  1276. margin:0 0px 0 0px !important;
  1277. }
  1278.  
  1279.  
  1280.  
  1281. .view_team {
  1282. width: 300px;
  1283. height:300px;
  1284. float: left;
  1285. overflow: hidden;
  1286. position: relative;
  1287. text-align: center;
  1288. cursor: default;
  1289. }
  1290. .view_team .mask,.view_team .content {
  1291. width: 300px;
  1292. height:300px;
  1293. position: absolute;
  1294. overflow: hidden;
  1295. top: 0;
  1296. left: 0;
  1297.  
  1298. }
  1299. .view_team img {
  1300. display: block;
  1301. position: relative;
  1302. }
  1303. .view_team h2 {
  1304. font-family: 'MuseoSlab300Regular';color: #fff;
  1305. text-align: center;
  1306. position: relative;
  1307. font-size: 17px;
  1308. padding: 10px;
  1309.  
  1310. margin: 5px 0 0 0;
  1311. text-transform:uppercase;
  1312. }
  1313. .view_team p {
  1314. font-size: 12px;
  1315. position: relative;
  1316. color: #fff;
  1317. padding: 10px 20px 20px;
  1318. text-align: center;
  1319. height: 83px;
  1320. overflow: hidden;
  1321. }
  1322. .view_team a.info {
  1323. padding:7px 15px;
  1324. text-decoration: none;
  1325. font-size:12px;
  1326. background: #000;
  1327. margin:15px 0 0 112px;
  1328. float:left;
  1329. color: #fff;
  1330. text-transform: uppercase;
  1331. }
  1332. .view_team a.info:hover {
  1333. background: #f9f9f9;
  1334. color: #000 ;
  1335. }
  1336.  
  1337.  
  1338. .view-fifth img {
  1339. -webkit-transition: all 0.3s ease-in-out;
  1340. -moz-transition: all 0.3s ease-in-out;
  1341. -o-transition: all 0.3s ease-in-out;
  1342. -ms-transition: all 0.3s ease-in-out;
  1343. transition: all 0.3s ease-in-out;
  1344. display: block;
  1345. }
  1346. .view-fifth .mask {
  1347. background-color: rgba(51,51,51,0.6);
  1348. -webkit-transform: translateX(-300px);
  1349. -moz-transform: translateX(-300px);
  1350. -o-transform: translateX(-300px);
  1351. -ms-transform: translateX(-300px);
  1352. transform: translateX(-300px);
  1353. -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
  1354. filter: alpha(opacity=100);
  1355. opacity: 1;
  1356. -webkit-transition: all 0.3s ease-in-out;
  1357. -moz-transition: all 0.3s ease-in-out;
  1358. -o-transition: all 0.3s ease-in-out;
  1359. -ms-transition: all 0.3s ease-in-out;
  1360. transition: all 0.3s ease-in-out;
  1361. }
  1362. .view-fifth h2 {
  1363. color: #fff;
  1364. }
  1365. .view-fifth p {
  1366. color: #fff;
  1367. -webkit-transition: all 0.2s linear;
  1368. -moz-transition: all 0.2s linear;
  1369. -o-transition: all 0.2s linear;
  1370. -ms-transition: all 0.2s linear;
  1371. transition: all 0.2s linear;
  1372. }
  1373. .view-fifth:hover .mask {
  1374. -webkit-transform: translateX(0px);
  1375. -moz-transform: translateX(0px);
  1376. -o-transform: translateX(0px);
  1377. -ms-transform: translateX(0px);
  1378. transform: translateX(0px);
  1379. }
  1380.  
  1381. /*single post*/
  1382.  
  1383. #content{ width:100%; float:left; background-color:#FFF; padding-bottom:20px;
  1384.  
  1385.  
  1386.  
  1387. }
  1388.  
  1389. .sep-20 {
  1390. margin-top: 20px;
  1391. height: 15px;
  1392. }
  1393.  
  1394. #content .top-content {
  1395. width:70%;
  1396. position: relative;
  1397. float: left;
  1398. background-color: #FFF;
  1399. padding: 40px ;
  1400.  
  1401. }
  1402.  
  1403.  
  1404.  
  1405.  
  1406. #content .top-content2 {
  1407. width:100%;
  1408. position: relative;
  1409. float: left;
  1410. background-color: #FFF;
  1411. padding: 20px 20px;
  1412.  
  1413. }
  1414. .post_content {
  1415. width: 100%;
  1416. background: #fff;
  1417.  
  1418. }
  1419.  
  1420. .post_content a:link {
  1421.  
  1422.  
  1423. }
  1424.  
  1425. .commentlist {
  1426. background: #fff;
  1427. box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
  1428. -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
  1429. -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.10);
  1430. }
  1431. .postitle {
  1432. width: 100%;
  1433. text-align: center;
  1434. font-size: 18px;
  1435. }
  1436. .postimg {
  1437. width: 100%;
  1438. position: relative;
  1439. float: left;
  1440. padding-left: 10px;
  1441. padding-bottom: 10px;
  1442. cursor: default;
  1443. }
  1444. .metainfo {
  1445. width: 100%;
  1446. position: relative;
  1447.  
  1448. }
  1449. .metadate {
  1450. float: left;
  1451. padding: 4px;
  1452. opacity: 1;
  1453. position: relative;
  1454. font-size: 14px;
  1455. }
  1456. .metaauth {
  1457. float: right;
  1458. padding: 4px;
  1459. position: relative;
  1460. font-size: 14px;
  1461. }
  1462. .post_info_wrap {
  1463. width: 100%;
  1464. background-color: #FFF;
  1465. text-align: left;
  1466. font-size: 14px;
  1467. margin-top: 5px;
  1468. -ms-word-wrap: break-word;
  1469. word-wrap: break-word;
  1470. }
  1471. .post_info_wrap ul {margin-left: 30px;}
  1472. .post_info_wrap ol {margin-left: 30px;}
  1473.  
  1474. .left_link {
  1475. float: left;
  1476. position: relative;
  1477. height: 20px
  1478. }
  1479. .right_link {
  1480. float: right;
  1481. position: relative;
  1482. height: 20px;
  1483. }
  1484. .post_cat {
  1485. padding: 10px;
  1486. float: right;
  1487. position: relative;
  1488. font-size: 12px;
  1489. background-color: #EEEEEE;
  1490. margin-top: 5px;
  1491.  
  1492. }
  1493. .post_tag {
  1494. float: none;
  1495. position: relative;
  1496. font-size: 12px;
  1497. background-color: #EEEEEE;
  1498. color: #000;
  1499. padding-top: 11px;
  1500. padding-right: 11px;
  1501. padding-bottom: 15px;
  1502. padding-left: 25px;
  1503. background-image: url(images/tag.png);
  1504. background-repeat: no-repeat;
  1505. width: 100%;
  1506.  
  1507.  
  1508. }
  1509. .post_tag a:hover{
  1510. color:#09C;
  1511. text-decoration:underline;}
  1512. .post_tag a{
  1513. padding-left:8px;
  1514. float:left;
  1515. position:relative;
  1516. background-color:#EEEEEE;
  1517. }
  1518. .post_cat a{
  1519. margin-left: 5px;
  1520. }
  1521.  
  1522. .post_cat a:hover{text-decoration:underline;}
  1523.  
  1524. #submit,#searchsubmit {
  1525. display: inline-block;
  1526. padding: 5px 15px;
  1527. margin-bottom: 0px;
  1528. font-size: 13px;
  1529. line-height: 20px;
  1530. text-align: center;
  1531. vertical-align: middle;
  1532. cursor: pointer;
  1533. color: #FFF;
  1534. border-width: 1px;
  1535. border-style: solid;
  1536. -moz-border-top-colors: none;
  1537. -moz-border-right-colors: none;
  1538. -moz-border-bottom-colors: none;
  1539. -moz-border-left-colors: none;
  1540. border-image: none;
  1541. text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);
  1542. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  1543. border-radius: 4px;
  1544. box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.3) inset, 0px 1px 3px rgba(0, 0, 0, 0.1);
  1545. transition: background-color 0.3s ease 0s, border 0.3s ease 0s, color 0.3s ease 0s, opacity 0.3s ease-in-out 0s;
  1546. background-color:#26ae90;
  1547.  
  1548. }
  1549.  
  1550. #submit:hover{
  1551. background:#ff4533;
  1552. color:#fff;
  1553. -webkit-transition: all 0.6s ease-out;
  1554. -moz-transition: all 0.5s ease-out;
  1555. -ms-transition: all 0.5s ease-out;
  1556. -o-transition: all 0.5s ease-out;
  1557. transition: all 0.6s ease-out;
  1558. cursor:pointer;
  1559. }
  1560.  
  1561.  
  1562. .post_info_wrap pre{
  1563. overflow: auto;
  1564. background: none repeat scroll 0% 0% rgb(245, 245, 245);
  1565. border-width: 1px 1px 1px 3px;
  1566. border-style: solid;
  1567. border-color: rgb(240, 240, 240) rgb(240, 240, 240) rgb(240, 240, 240) rgb(224, 224, 224);
  1568. -moz-border-top-colors: none;
  1569. -moz-border-right-colors: none;
  1570. -moz-border-bottom-colors: none;
  1571. -moz-border-left-colors: none;
  1572. border-image: none;
  1573. padding-left: 2.5rem;}
  1574.  
  1575. .label{width:40% !important;}
  1576.  
  1577. /*FULL WIDTH PAGE*/
  1578.  
  1579. .hathor_fullwdth_body #content .top-content{ width:100%;}
  1580.  
  1581.  
  1582.  
  1583. /*FOOTER*/
  1584. #footer {
  1585. width: 100%;
  1586. float: left;
  1587.  
  1588. border-bottom: 1px solid rgb(63, 63, 63);
  1589. background-color: rgb(55, 55, 55);
  1590. overflow: hidden;
  1591. }
  1592. #footer .widgets {
  1593. padding: 10px;
  1594. }
  1595. #footer .widgets .widget a {
  1596. }
  1597. #footer .widgets ul {
  1598. margin: 0;
  1599. padding: 0;
  1600. }
  1601. .widget_wrap {
  1602. width: 100%
  1603. }
  1604. #calendar-2{ width:200px !important; margin-right:75px !important;}
  1605. #footer .widgets .widget {
  1606. width: 221px;
  1607. float: left;
  1608. margin-right: 4%;
  1609. list-style-type: none;
  1610. margin-bottom: 25px;
  1611. }
  1612. #footer .widgets .widgettitle, #midrow .widgets .widgettitle a {
  1613. color: #2bb975;
  1614. font-size: 20px;
  1615. margin-top: 10px;
  1616. }
  1617. #footer .widgets .widget ul {
  1618. margin: 0;
  1619. padding: 0;
  1620. }
  1621. #footer .widgets .widget ul li {
  1622. list-style-type: none;
  1623. padding: 6px 0;
  1624. }
  1625. #footer .widgets .widget ul li a {
  1626. text-decoration: none;
  1627. color: #888;
  1628. }
  1629. #footer .widgets .widget ul li .thn_wgt_tt {
  1630. color: #888;
  1631. }
  1632. #footer .thn_wgt_thumb img {
  1633. width: 50px;
  1634. height: 50px;
  1635. }
  1636. #footer .widgets .widget:nth-child(4), #footer .widgets .widget:nth-child(8), #footer .widgets .widget:nth-child(12) {
  1637. margin-right: 0;
  1638. }
  1639. #footer .thn_ad250x250_widget img {
  1640. width: 212px;
  1641. height: 212px;
  1642. }
  1643. #footer .thn_ad125x125_widget img {
  1644. width: 100px;
  1645. height: 100px;
  1646. }
  1647. .thn_feat ul p, .thn_pop ul p, .thn_rand ul p {
  1648. margin: 5px 0;
  1649. }
  1650. #footer .widgets .widget .thn_feat ul li, #footer .widgets .widget .thn_pop ul li, #footer .widgets .widget .thn_rand ul li {
  1651. min-height: 55px;
  1652. padding: 10px 0px;
  1653. }
  1654. #footer #searchform {
  1655. margin-top: 20px;
  1656. }
  1657. #footer #searchform #s {
  1658. width: 90%;
  1659. }
  1660. #footer #wp-calendar #today {
  1661. background: #2BB975;
  1662. }
  1663. #footer #wp-calendar caption {
  1664. }
  1665. #footer .widgets .widget {
  1666. list-style-type: none;
  1667. color: #fff;
  1668. font-size: 14px;
  1669. line-height: 1.6em;
  1670. text-align: left;
  1671. }
  1672. #calendar_wrap {
  1673. width: 200px;
  1674. }
  1675. #wp-calendar {
  1676. margin-right: 5px;
  1677. }
  1678. #copyright {
  1679. width: 100%;
  1680. padding: 15px;
  1681. float: left;
  1682. background-color: rgb(39, 39, 39);
  1683. }
  1684. #copyright a {
  1685. color: #666;
  1686. }
  1687. .copytext {
  1688. float: left;
  1689. padding: 5px 10px;
  1690. width: 70%;
  1691. color:#CCC;
  1692. }
  1693. /*Footer Menu*/
  1694. #footmenu {
  1695. width: 50%;
  1696. float: right;
  1697. }
  1698. #footmenu ul {
  1699. float: right;
  1700. padding: 5px 10px;
  1701. margin: 0;
  1702. }
  1703. #footmenu ul li {
  1704. list-style-type: none;
  1705. display: inline-block;
  1706. margin-left: 15px;
  1707. }
  1708. #footmenu ul li a {
  1709. color: #FFF;
  1710. }
  1711. #footmenu ul li a:hover {
  1712. color: #EEE;
  1713. }
  1714.  
  1715. .title h2.green1 {
  1716.  
  1717. color:#313131;
  1718. font-size:28px;
  1719. padding:0 0 0 10px;
  1720. margin-bottom:40px;
  1721. }
  1722.  
  1723. .title span.green {
  1724. color:#93b72b;
  1725. }
  1726.  
  1727. .client {
  1728. width:250px;
  1729. height:120px;
  1730. float: left;
  1731. overflow:hidden;
  1732.  
  1733. margin-bottom: 21px;
  1734. margin-left:14px;
  1735.  
  1736. }
  1737. .view_team {
  1738.  
  1739. }
  1740.  
  1741. .clients {
  1742. position:relative;
  1743. margin-top:40px;
  1744.  
  1745. }
  1746. .client:hover{ opacity:.75}
  1747.  
  1748. /*WIDGETS
  1749. -------------
  1750. */
  1751.  
  1752. .thn_wgt_thumb {
  1753. }
  1754. .thn_wgt_thumb img {
  1755. width: 65px;
  1756. float: left;
  1757. height: 65px;
  1758. margin-right: 10px;
  1759. }
  1760. #sidebar .widgets .widget ul li .thn_wgt_tt, #midrow .widgets .widget ul li .thn_wgt_tt {
  1761. color: #333;
  1762. }
  1763. body #sidebar .widgets .thn_feat_widget ul, body #sidebar .widgets .thn_rand_widget ul, body #sidebar .widgets .thn_pop_widget ul {
  1764. margin-left: 0px;
  1765. }
  1766. #footer .widget_content p {
  1767. font-size: 12px;
  1768. }
  1769. .thn_ad125x125_widget {
  1770. float: left;
  1771. display: block;
  1772. width: 283px;
  1773. }
  1774. .ads-125x125 img {
  1775. width: 120px;
  1776. height: 120px;
  1777. float: left;
  1778. margin-right: 15px;
  1779. margin-bottom: 10px;
  1780. margin-top: 10px;
  1781. }
  1782. .ads-125x125 a:nth-child(2) img, .ads-125x125 a:nth-child(4) img {
  1783. margin-right: 0;
  1784. }
  1785. .ads-160x600 {
  1786. float: left;
  1787. margin-left: 50px;
  1788. margin-top: 30px;
  1789. margin-bottom: 30px;
  1790. }
  1791. .ads-250x250 {
  1792. float: left;
  1793. }
  1794. .thn_twitter .tweet_text a, .widget_tag_cloud a:hover, .textwidget a {
  1795. color: #2BB975;
  1796. }
  1797. .thn_twitter .tweet_avatar {
  1798. width: 60px;
  1799. float: left;
  1800. }
  1801. .thn_flckr_widget img {
  1802. padding: 9px;
  1803. display: inline;
  1804. width: 67px;
  1805. height: auto;
  1806. }
  1807. .flickr_badge_image {
  1808. display: inline-block;
  1809. }
  1810. #sidebar .widgets .widget_nav_menu ul li ul li, #midrow .widgets .widget_nav_menu ul li ul li, #footer .widgets .widget_nav_menu ul li ul li {
  1811. background: none;
  1812. padding-left: 15px;
  1813. border-bottom: none;
  1814. }
  1815. #sidebar .thn_feat ul, #sidebar .thn_pop ul, #sidebar .thn_rand ul {
  1816. margin-left: 0;
  1817. }
  1818. .thn_feat ul li, .thn_pop ul li, .thn_rand ul li {
  1819. list-style-type: none;
  1820. min-height: 75px;
  1821. }
  1822. #searchform .screen-reader-text {
  1823. display: none;
  1824. }
  1825. #sidebar #searchform #s {
  1826. width: 90%;
  1827. padding: 5px;
  1828. border: 1px solid #ececec;
  1829. color: #888;
  1830. }
  1831. #wp-calendar {
  1832. width: 100%;
  1833. }
  1834. #wp-calendar caption {
  1835. padding-bottom: 5px;
  1836. border-bottom: 1px solid #e5e5e5;
  1837. margin-bottom: 10px;
  1838. }
  1839. #wp-calendar tbody td {
  1840. text-align: center;
  1841. }
  1842. #wp-calendar #today {
  1843. background: #2BB975;
  1844. color: #FFF;
  1845. }
  1846. #wp-calendar #today a {
  1847. color: #FFF;
  1848. }
  1849. #wp-calendar #prev {
  1850. padding-top: 10px;
  1851. }
  1852.  
  1853. .rsswidget img{ margin-left:10%;}
  1854. /*SIDEBAR*/
  1855. #sidebar {
  1856. float: left;
  1857. width: 285px;
  1858. margin-top: 30px;
  1859. border-left: 1px solid rgba(0, 0, 0, 0.05);
  1860.  
  1861. }
  1862.  
  1863. #sidebar .widgets {
  1864. }
  1865. #sidebar .widgets ul {
  1866. margin: 0;
  1867. padding: 0;
  1868. }
  1869. #sidebar .widgets ul li {
  1870. list-style-type: none;
  1871. }
  1872. #sidebar .widgets .widget {
  1873. padding: 0px;
  1874. width: 285px;
  1875. float: left;
  1876. background: #fff;
  1877.  
  1878. margin-bottom: 30px;
  1879. }
  1880. #sidebar .widgets .widget_wrap {
  1881. padding: 15px;
  1882. float: left;
  1883. width: 255px;
  1884. line-height:1.6em;
  1885. }
  1886. #sidebar .widgettitle, #sidebar .widgettitle a {
  1887. color: #333;
  1888. margin: 0;
  1889. text-align: left;
  1890. padding-bottom: 10px;
  1891. padding-right: 15px;
  1892. padding-top: 5px;
  1893. font-size: 24px;
  1894. margin-left: -15px;
  1895. width: 270px;
  1896. margin-bottom: 7px;
  1897. padding-left:5px;
  1898.  
  1899. }
  1900.  
  1901. #sidebar .widgets .widget ul {
  1902. margin: 0px;
  1903. padding: 0px;
  1904. margin-left: 15px;
  1905. }
  1906. #sidebar .widgets .widget li {
  1907. padding: 7px 0;
  1908. margin: 7px 0;
  1909. border-bottom: 1px solid #f5f5f5;
  1910. color: #666;
  1911. }
  1912. #sidebar .widgets .widget li a {
  1913. color: #888;
  1914. -ms-word-wrap: break-word;
  1915. word-wrap: break-word;
  1916. }
  1917.  
  1918. #sidebar .widget_archive ul, #sidebar .widget_meta ul, #sidebar .widget_recent_entries ul, #sidebar .widget_nav_menu ul, #sidebar .widget_recent_comments ul, #sidebar .widget_pages ul, #sidebar .widget_links ul, #sidebar .widget_categories ul {
  1919. margin: 0px;
  1920. padding: 0px;
  1921. padding-left: 15px;
  1922. }
  1923. #sidebar .widget_archive li, #sidebar .widget_meta li, #sidebar .widget_recent_entries li, #sidebar .widget_nav_menu li, #sidebar .widget_recent_comments li, #sidebar .widget_pages li, #sidebar .widget_links li, #sidebar .widget_categories li {
  1924. list-style-image: url(images/list_type.png);
  1925. }
  1926. #sidebar .widgets .widget li:last-child {
  1927. border: none;
  1928. -ms-word-wrap: break-word;
  1929. word-wrap: break-word;
  1930. }
  1931. /*WordPress Core*/
  1932. .alignnone {
  1933. margin: 5px 20px 20px 0;
  1934. }
  1935. .aligncenter, div.aligncenter {
  1936. display: block;
  1937. margin: 5px auto 5px auto;
  1938. }
  1939. .alignright {
  1940. float: right;
  1941. margin: 5px 0 20px 20px;
  1942. }
  1943. .alignleft {
  1944. float: left;
  1945. margin: 5px 20px 20px 0;
  1946. }
  1947. .aligncenter {
  1948. display: block;
  1949. margin: 5px auto 5px auto;
  1950. }
  1951. a img.alignright {
  1952. float: right;
  1953. margin: 5px 0 20px 20px;
  1954. }
  1955. a img.alignnone {
  1956. margin: 5px 20px 20px 0;
  1957. }
  1958. a img.alignleft {
  1959. float: left;
  1960. margin: 5px 20px 20px 0;
  1961. }
  1962. a img.aligncenter {
  1963. display: block;
  1964. margin-left: auto;
  1965. margin-right: auto
  1966. }
  1967. .wp-caption {
  1968. background: url(images/transblack.png) repeat;
  1969. border: 1px solid #ececec;
  1970. max-width: 96%; /* Image does not overflow the content area */
  1971. padding: 10px 3px 10px;
  1972. text-align: center;
  1973. }
  1974. .wp-caption img {
  1975. max-width: 98%!important;
  1976. }
  1977. .wp-caption.alignnone {
  1978. margin: 5px 20px 20px 0;
  1979. }
  1980. .wp-caption.alignleft {
  1981. margin: 5px 20px 20px 0;
  1982. }
  1983. .wp-caption.alignright {
  1984. margin: 5px 0 20px 20px;
  1985. }
  1986. .wp-caption img {
  1987. border: 0 none !important;
  1988. margin: 0 !important;
  1989. max-width: 570px;
  1990. padding: 0 !important;
  1991. }
  1992. .wp-caption p.wp-caption-text {
  1993. font-size: 11px;
  1994. line-height: 17px;
  1995. margin: 0;
  1996. padding: 0 4px 5px;
  1997. }
  1998. .sticky {
  1999. }
  2000. .gallery-caption {
  2001. }
  2002. /* =Comments
  2003. -------------------------------------------------------------- */
  2004. #commentform {
  2005. margin: 0;
  2006. }
  2007. #commentform a { color:#333;}
  2008. .commentlist {
  2009. border-bottom: 1px solid #e5e5e5;
  2010. list-style: none;
  2011. margin: 0;
  2012. padding: 0;
  2013. }
  2014. .commentlist ol {
  2015. list-style: decimal;
  2016. }
  2017. .commentlist li {
  2018. -webkit-border-radius: 4px;
  2019. -moz-border-radius: 4px;
  2020. background-color: #ffffff;
  2021. border-radius: 4px;
  2022. margin: 0;
  2023. }
  2024. .commentlist .bypostauthor {
  2025. }
  2026. .commentlist li cite {
  2027. color: #111111;
  2028. font-size: 1.1em;
  2029. font-style: normal;
  2030. font-weight: 400;
  2031. }
  2032. .commentlist li.alt {
  2033. background: #f9f9f9;
  2034. }
  2035. .commentlist .children {
  2036. list-style: none;
  2037. margin-left: 10px;
  2038. padding: 10px;
  2039. }
  2040. .commentlist .avatar {
  2041. -webkit-border-radius: 2px;
  2042. -moz-border-radius: 2px;
  2043. border-radius: 2px;
  2044. float: left;
  2045. margin-right: 10px;
  2046. padding: 0;
  2047. vertical-align: middle;
  2048. }
  2049. .comment-author .fn {
  2050. }
  2051. .comment-author .says {
  2052. color: #999999;
  2053. }
  2054. .comment-body .comment-meta {
  2055. color: #999999;
  2056. display: inline-block;
  2057. margin: 0;
  2058. padding: 0;
  2059. text-align: left;
  2060. }
  2061. .comment-body .comment-meta a {
  2062. font-size: 11px;
  2063. color:#333;
  2064. }
  2065. .comment-body {
  2066. clear: both;
  2067. padding: 10px;
  2068. }
  2069. .comment-body p {
  2070. clear: both;
  2071. margin-left: 20px;
  2072. margin-top: 30px;
  2073. }
  2074. .comment-body .reply {
  2075. }
  2076.  
  2077. .comment-body .reply a { color:#666;}
  2078. .pingback, .trackback {
  2079. list-style: none;
  2080. margin: 20px 0;
  2081. }
  2082. .pingback cite, .trackback cite {
  2083. font-style: normal;
  2084. }
  2085. #pings, #comments {
  2086. text-align: center;
  2087. -ms-word-wrap: break-word;
  2088. word-wrap: break-word;
  2089. }
  2090. #respond {
  2091. -moz-border-radius: 4px;
  2092. -webkit-border-radius: 4px;
  2093. background: #fff;
  2094. margin-left:10px;
  2095. margin-top:20px;
  2096. }
  2097. #respond label {
  2098. display: inline;
  2099. }
  2100.  
  2101. .reply {
  2102. margin: 10px 0;
  2103. }
  2104. .comment-form-url input, .comment-form-email input, .comment-form-author input, .comment-form-comment textarea {
  2105. display: block;
  2106. width: 100%;
  2107. }
  2108. .nocomments {
  2109. color: #999999;
  2110. font-size: .9em;
  2111. text-align: center;
  2112. }
  2113. #comment {
  2114. width:100%;
  2115. min-height: 250px;
  2116. float:left;
  2117. }
  2118. #author {
  2119. width: 100%
  2120. }
  2121. #email {
  2122. width: 100%
  2123. }
  2124. #url {
  2125. width: 100%
  2126. }
  2127. .navigation{
  2128. margin-top: 5px;
  2129. padding-bottom:5px;
  2130.  
  2131. }
  2132.  
  2133. .next{
  2134. float:right}
  2135. .previous{
  2136. float:left}
  2137.  
  2138. .previous a,.next a { color:#333;}
  2139.  
  2140. .comment-form-author {
  2141. width: 180px;
  2142. margin-right: 15px;
  2143. float:left;}
  2144. .comment-form-email {
  2145. width: 180px;
  2146. margin-right: 15px;
  2147. float:left;}
  2148. .comment-form-url{
  2149. width: 180px;
  2150. margin-right: 15px;
  2151. float:left;}
  2152.  
  2153. .comment-form-comment{clear: both;margin-bottom: 10px; float:left; width:100%; }
  2154.  
  2155. .form-submit{
  2156. padding-bottom: 10px;
  2157. padding-left: 10px;
  2158. float:left;
  2159. }
  2160. .form-allowed-tags{ float:left; width:100%; display:none;}
  2161. /* Pagination */
  2162. .wp-pagenavi {
  2163. overflow: hidden;
  2164. text-align: center;
  2165. display: block;
  2166. font-size: 12px;
  2167. margin: 18px 0;
  2168. width: 90%;
  2169. }
  2170. .wp-pagenavi .pages {
  2171. text-transform: uppercase;
  2172. font-size: 11px;
  2173. width: 100px;
  2174. color: #999999;
  2175. }
  2176. .wp-pagenavi .alignleft a, .wp-pagenavi .alignright a {
  2177. width: auto;
  2178. height: auto;
  2179. padding: 4px 8px;
  2180. color:#666;
  2181. }
  2182. .wp-pagenavi a, .wp-pagenavi span {
  2183. display: inline-block;
  2184. margin-right: 3px;
  2185. padding: 0 8px;
  2186. line-height: 24px;
  2187. text-align: center;
  2188. }
  2189. .wp-pagenavi .current, .wp-pagenavi a:hover {
  2190.  
  2191. color: #33CCFF;
  2192. }
  2193. .wp-pagenavi a {
  2194. border: 1px solid #CCCCCC;
  2195. word-break: break-all;
  2196. }
  2197. /* blog */
  2198.  
  2199. #sub_banner {
  2200. text-align: center;
  2201. background-color: #26AE90;
  2202. box-shadow: 0px -3px 0px rgba(0, 0, 0, 0.1) inset;
  2203. min-height: 10px;
  2204. padding-top: 5px;
  2205. padding-right: 5px;
  2206. padding-bottom: 5px;
  2207. padding-left: 30px;color:#CCC;
  2208. }
  2209. #sub_banner h1 {
  2210. font-size:32px;
  2211. color:#CCC;
  2212. }
  2213.  
  2214. #sub_banner a {font-size:32px;
  2215. color:#CCC;}
  2216.  
  2217. .post_info {
  2218. font-size:12px;
  2219. color:#ababab;
  2220. }
  2221. .post_info a {
  2222. font-style:italic;
  2223. color:#6f6f6f ;
  2224. }
  2225. .post_info a:hover {
  2226. color:#ff5555 ;
  2227. }
  2228. .post_info_delimiter {
  2229. display: inline-block;
  2230. height:10px;
  2231. margin-left:10px;
  2232. border-left:1px solid #6f6f6f;
  2233. padding-left:10px;
  2234. }
  2235. .post_info .post_views,
  2236. .post_info .post_comments {
  2237. position:relative;
  2238. display:inline-block;
  2239. padding-left:5px;
  2240. }
  2241. .post_info .post_views [class^="icon-"]:before,
  2242. .post_info .post_views [class*=" icon-"]:before,
  2243. .post_info .post_comments [class^="icon-"]:before,
  2244. .post_info .post_comments [class*=" icon-"]:before {
  2245. font-size: 15px;
  2246. left: 0;
  2247. top: 4px;
  2248. color:#d7d7d7;
  2249. }
  2250. .post_views a,
  2251. .post_comments a {
  2252. color:#ababab ;
  2253. font-weight:normal !important;
  2254. font-style:normal !important;
  2255. }
  2256. .post_views a:hover,
  2257. .post_comments a:hover {
  2258. color:#ff5555 ;
  2259. font-weight:normal !important;
  2260. font-style:normal !important;
  2261. }
  2262. .post_comments a:hover .comments_number {
  2263. color:#ff5555 ;
  2264. }
  2265. .post_views a:hover [class^="icon-"]:before,
  2266. .post_views a:hover [class*=" icon-"]:before,
  2267. .post_comments a:hover [class^="icon-"]:before,
  2268. .post_comments a:hover [class*=" icon-"]:before {
  2269. color:#ff5555 ;
  2270. }
  2271.  
  2272.  
  2273. /* ----------- Blog style 1 -------------------- */
  2274.  
  2275. .b1_pic_wrapper{padding-left:70px; margin-top:60px; }
  2276.  
  2277. .content_blog.blog_style_b1 article {
  2278. padding-left:70px;
  2279. min-height:150px;
  2280. }
  2281. .content_blog2.blog_style_b2 article {
  2282. padding-left:70px;
  2283. min-height:150px;
  2284. }
  2285. .left_sidebar .content_blog.blog_style_b1 article {
  2286. padding-left:0;
  2287. padding-right:70px;
  2288. }
  2289.  
  2290. .blog_style_b1 .post_info_1 {
  2291. position: absolute;
  2292. left: 0px;
  2293. top: 0px;
  2294. width:50px;
  2295. height:150px;
  2296. color:#ffffff;
  2297. }
  2298. .left_sidebar .blog_style_b1 .post_info_1 {
  2299. left: auto;
  2300. right: 0px;
  2301. }
  2302. .post_info_1 .post_format,
  2303. .post_info_1 .post_comments,
  2304. .post_info_1 .post_date {
  2305. width:50px;
  2306. height:50px;
  2307. position:relative;
  2308. }
  2309.  
  2310.  
  2311. .post_info_1 .post_date a{ color:#FFF;}
  2312. .post_info_1 .post_format { background-color:#ff5555; color:#ffffff; }
  2313. .post_info_1 .post_format [class^="icon-"]:before,
  2314. .post_info_1 .post_format [class*=" icon-"]:before {
  2315. font-size: 20px;
  2316. display:block;
  2317. margin:0;
  2318. padding:0;
  2319. line-height:50px;
  2320. width:50px;
  2321. height:50px;
  2322. text-align:center;
  2323. }
  2324.  
  2325. .post_info_1 .post_date {
  2326. background-color: #999999;
  2327. }
  2328. .post_info_1 .post_date span {
  2329. display:block;
  2330. text-align:center;
  2331. }
  2332. .post_info_1 .post_date .day { font-size:18px; font-weight:bold; padding-top: 6px; }
  2333. .post_info_1 .post_date .month { font-size:13px; }
  2334. .post_info_1 .post_comments span {
  2335. display:block;
  2336. text-align:center;
  2337. }
  2338. .post_info_1 .post_comments .comments_number { font-size:14px; font-weight:bold; padding-top: 4px; color: #6f6f6f; }
  2339. .post_info_1 .post_comments [class^="icon-"]:before,
  2340. .post_info_1 .post_comments [class*=" icon-"]:before {
  2341. left: 17px;
  2342. top: 24px;
  2343. color:#c9c9c9;
  2344. }
  2345.  
  2346. .blog_style_b1 .pic_wrapper,
  2347. .blog_style_b1 .sc_slider {
  2348. margin-bottom:22px;
  2349. }
  2350. .blog_style_b1 .title_area {
  2351. margin-bottom: 22px;
  2352. }
  2353. .blog_style_b1 .post_info_2 {
  2354. margin-bottom:22px;
  2355. }
  2356. .blog_style_b1 .post_content {
  2357. margin-bottom:4px;
  2358. width:100%;
  2359. -ms-word-wrap: break-word;
  2360. word-wrap: break-word;
  2361. }
  2362.  
  2363. .blog_style_b1 .post_content ul { margin-left:15px}
  2364. .blog_style_b1 .post_content ol { margin-left:15px}
  2365. .blog_style_b1 .post_content pre{ overflow:auto;}
  2366. .blog_style_b1 .post_info_3 {
  2367. padding-top:4px;
  2368. }
  2369.  
  2370. .blog_style_b1 .sc_slider ul.slides {
  2371. height: 391px;
  2372. }
  2373. .blog_style_b1 .readmore {
  2374. max-width:100px;
  2375. float:right;
  2376. padding-right:5px;
  2377. }
  2378.  
  2379.  
  2380. .icon-pencil{background-image: url(images/Untitled-1.png);
  2381. background-repeat: no-repeat;
  2382. display:block;
  2383. background-position:center;
  2384. padding-top:35px;}
  2385.  
  2386. .post-edit-link{ opacity:1;
  2387.  
  2388. font-size:12px;
  2389. line-height:normal;
  2390. }
  2391.  
  2392. /* --------------------- Blog section ------------------------ */
  2393.  
  2394. .share{ right:40%; position:relative;}
  2395. .content_blog article {
  2396. width: 100%;
  2397. -webkit-box-sizing: border-box;
  2398. -moz-box-sizing: border-box;
  2399. box-sizing: border-box;
  2400. margin-top: 30px;
  2401. padding-bottom: 20px;
  2402. position:relative;
  2403. overflow:hidden;
  2404. }
  2405. #content .readmore {
  2406. text-align:right;
  2407. }
  2408. #content .readmore a { color:#FFF !important;}
  2409. #content .sc_slider {
  2410. margin-bottom:30px;
  2411. }
  2412. #content .sc_slider_revo {
  2413. height:auto !important;
  2414. }
  2415. #content .video_container {
  2416. margin-bottom:20px;
  2417. }
  2418.  
  2419. #content .more-link {
  2420. color: #FFF;
  2421. padding: 7px 15px;
  2422. border-radius: 3px;
  2423. position: relative;
  2424. float: left;
  2425. margin: 0px 0px 20px;
  2426. background-color:#26ae90;
  2427. font-size:12px;
  2428. font-weight:500;
  2429.  
  2430. }
  2431.  
  2432.  
  2433. .content_blog .post_title {
  2434. margin: 0;
  2435. width:100%;
  2436. overflow:auto;
  2437. -ms-word-wrap: break-word;
  2438. word-wrap: break-word;
  2439.  
  2440. }
  2441. .content_blog .post_title a {
  2442. color: #191919;
  2443. font-size:21px;
  2444.  
  2445. }
  2446. .content_blog .post_title a:hover {
  2447. color: #ff5555;
  2448. }
  2449. .content_blog .post_format_quote blockquote {
  2450. margin:0;
  2451. }
  2452. .content_blog .post_format_quote .post_content {
  2453. position:relative;
  2454. padding: 16px 16px 1px 40px;
  2455. background-color:#fafafa;
  2456. font-size:18px;
  2457. margin-top:0;
  2458. margin-bottom:20px;
  2459. }
  2460. .content_blog .post_format_quote .pic_wrapper {
  2461. margin-top:0;
  2462. }
  2463. .content_blog .post_format_quote .post_content:before {
  2464. content: "\e81d";
  2465. position:absolute;
  2466. display:block;
  2467. font-family: 'fontello';
  2468. font-size:18px;
  2469. color:#ff5555;
  2470. left: 18px;
  2471. top:18px;;
  2472. }
  2473. .content_blog .post_format_quote .post_content a {
  2474. color:#191919;
  2475. font-weight:bold;
  2476. font-style:normal;
  2477. font-size:14px;
  2478. }
  2479. .content_blog .post_format_quote .post_content a:hover {
  2480. color:#ff5555;
  2481. }
  2482. .content_blog .post_format_quote .post_content .readmore {
  2483. margin: 16px -16px 0 0;
  2484. }
  2485.  
  2486. .content_blog #portfolio_iso_filters {
  2487. margin-top:30px;
  2488. border-radius: 2px;
  2489. border: 1px solid #dcdcdc;
  2490. background: #ffffff;
  2491. background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f3f3f3));
  2492. background: -webkit-linear-gradient(#ffffff 0%, #f3f3f3 100%);
  2493. background: -moz-linear-gradient(#ffffff 0%, #f3f3f3 100%);
  2494. background: -ms-linear-gradient(#ffffff 0%, #f3f3f3 100%);
  2495. background: -o-linear-gradient(#ffffff 0%, #f3f3f3 100%);
  2496. background: linear-gradient(#ffffff 0%, #f3f3f3 100%);
  2497. filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
  2498. -webkit-box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75);
  2499. -moz-box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75);
  2500. box-shadow: inset -1px 1px 1px rgba(255, 255, 255, 0.75);
  2501. }
  2502. .content_blog #portfolio_iso_filters a {
  2503. display:inline-block;
  2504. height:40px;
  2505. line-height:40px;
  2506. color:#191919;
  2507. font-weight:bold;
  2508. padding:0 20px;
  2509. border-right:1px solid #dcdcdc;
  2510. }
  2511. .content_blog #portfolio_iso_filters a.current,
  2512. .content_blog #portfolio_iso_filters a:hover {
  2513. color:#ff5555;
  2514. background: #ffffff;
  2515. }
  2516.  
  2517. /*social*/
  2518.  
  2519. /* Social Profiles */
  2520. .social-profiles {
  2521. float: right;
  2522. }
  2523. .social-profiles ul {
  2524. margin: -10px 0 0;
  2525. float:right;list-style: none;
  2526. }
  2527. .social-profiles ul li {
  2528. margin-top:10px;
  2529. float:left;
  2530. }
  2531. .social-profiles ul li a {
  2532. display: block;
  2533. width: 30px;
  2534. height: 30px;
  2535. text-indent: -99999px;
  2536. background-image: url(images/social-icons.png);
  2537. background-position: right bottom;
  2538. -moz-transition: all 0.2s linear;
  2539. -o-transition: all 0.2s linear;
  2540. -ms-transition: all 0.2s linear;
  2541. transition: all 0.2s linear;
  2542. -webkit-transition: all 0.2s linear;
  2543. }
  2544. .social-profiles ul li.facebook a {
  2545. background-position: 0 0;
  2546. }
  2547. .social-profiles ul li.facebook a:hover {
  2548. background-position: 0 -40px;
  2549. }
  2550. .social-profiles ul li.twitter a {
  2551. background-position: -40px 0;
  2552. }
  2553. .social-profiles ul li.twitter a:hover {
  2554. background-position: -40px -40px;
  2555. }
  2556. .social-profiles ul li.google-plus a {
  2557. background-position: -80px 0;
  2558. }
  2559. .social-profiles ul li.google-plus a:hover {
  2560. background-position: -80px -40px;
  2561. }
  2562. .social-profiles ul li.pinterest a {
  2563. background-position: -120px 0 ;
  2564. }
  2565. .social-profiles ul li.pinterest a:hover {
  2566. background-position: -120px -40px ;
  2567. }
  2568. .social-profiles ul li.linked a {
  2569. background-position: -160px 0;
  2570. }
  2571. .social-profiles ul li.linked a:hover {
  2572. background-position: -160px -40px;
  2573. }
  2574. .social-profiles ul li.tumblr a {
  2575. background-position: -200px 0 ;
  2576. }
  2577. .social-profiles ul li.tumblr a:hover {
  2578. background-position: -200px -40px;
  2579. }
  2580. .social-profiles ul li.vimeo a {
  2581. background-position: -240px 0;
  2582. }
  2583. .social-profiles ul li.vimeo a:hover {
  2584. background-position: -240px -40px;
  2585. }
  2586. .social-profiles ul li.my-space a {
  2587. background-position: -280px 0;
  2588. }
  2589. .social-profiles ul li.my-space a:hover {
  2590. background-position: -280px -40px;
  2591. }
  2592. .social-profiles ul li.flickr a {
  2593. background-position: -320px 0;
  2594. }
  2595. .social-profiles ul li.flickr a:hover {
  2596. background-position: -320px -40px;
  2597. }
  2598. .social-profiles ul li.you-tube a {
  2599. background-position: -360px 0;
  2600. }
  2601. .social-profiles ul li.you-tube a:hover {
  2602. background-position: -360px -40px;
  2603. }
  2604. .social-profiles ul li.rss a {
  2605. background-position: -400px 0;
  2606. }
  2607. .social-profiles ul li.rss a:hover {
  2608. background-position: -400px -40px;
  2609. }
  2610. .space35 {
  2611. margin-bottom: 35px;
  2612. }
  2613. /*lay2*/
  2614.  
  2615. .lay2 {
  2616. width: 100%;
  2617. }
  2618. .lay2 h2 {
  2619. text-align: center;
  2620. margin-top: 20px;
  2621. }
  2622. .box {
  2623. position: relative;
  2624. width: 230px;
  2625. height: 0px;
  2626. padding-bottom: 353px;
  2627. float: left;
  2628. opacity: 0.85;
  2629. }
  2630. .flip, .bar {
  2631. position: absolute;
  2632. }
  2633. .flip {
  2634. top: 0px;
  2635. left: 0px;
  2636. width: 230px;
  2637. height: 100%;
  2638. overflow: hidden;
  2639. background: rgba(255,255,255,0.5);
  2640. cursor: pointer;
  2641. -webkit-animation: flipout 0.5s ease forwards;
  2642. -moz-animation: flipout 0.5s ease forwards;
  2643. -o-animation: flipout 0.5s ease forwards;
  2644. animation: flipout 0.5s ease forwards;
  2645. box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  2646. -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  2647. -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.6);
  2648. }
  2649. .bar {
  2650. bottom: 0px;
  2651. left: 0px;
  2652. width: 100%;
  2653. background: white;
  2654. }
  2655. .bar h3 {
  2656. font-size: 1.5rem;
  2657. font-weight: 300;
  2658. text-transform: uppercase;
  2659. letter-spacing: 3px;
  2660. }
  2661. .box:hover {
  2662. opacity: 1;
  2663. }
  2664. .box:hover > .flip {
  2665. background: rgba(255,255,255,0.8);
  2666. -webkit-animation: flipin 0.5s ease forwards;
  2667. -moz-animation: flipin 0.5s ease forwards;
  2668. -o-animation: flipin 0.5s ease forwards;
  2669. animation: flipin 0.5s ease forwards;
  2670. }
  2671. @-webkit-keyframes flipout {
  2672. 0% {
  2673. -webkit-transform: translate(0px, 0px) scale(1);
  2674. }
  2675. 30% {
  2676. -webkit-transform: translate(0px, -30px) scale(0.98);
  2677. }
  2678. 100% {
  2679. -webkit-transform: translate(0px, 0px) scale(0.9);
  2680. }
  2681. }
  2682. @-o-keyframes flipout {
  2683. 0% {
  2684. -o-transform: translate(0px, 0px) scale(1);
  2685. }
  2686. 30% {
  2687. -o-transform: translate(0px, -30px) scale(0.98);
  2688. }
  2689. 100% {
  2690. -o-transform: translate(0px, 0px) scale(0.9);
  2691. }
  2692. }
  2693. @-moz-keyframes flipout {
  2694. 0% {
  2695. -moz-transform: translate(0px, 0px) scale(1);
  2696. }
  2697. 30% {
  2698. -moz-transform: translate(0px, -30px) scale(0.98);
  2699. }
  2700. 100% {
  2701. -moz-transform: translate(0px, 0px) scale(0.9);
  2702. }
  2703. }
  2704. @keyframes flipout {
  2705. 0% {
  2706. transform: translate(0px, 0px) scale(1);
  2707. }
  2708. 30% {
  2709. transform: translate(0px, -30px) scale(0.98);
  2710. }
  2711. 100% {
  2712. transform: translate(0px, 0px) scale(0.9);
  2713. }
  2714. }
  2715. @-webkit-keyframes flipin {
  2716. 0% {
  2717. -webkit-transform: translate(0px, 0px) scale(0.9);
  2718. }
  2719. 30% {
  2720. -webkit-transform: translate(0px, -30px) scale(0.98);
  2721. }
  2722. 100% {
  2723. -webkit-transform: translate(0px, 0px) scale(1);
  2724. }
  2725. }
  2726. @-o-keyframes flipin {
  2727. 0% {
  2728. -o-transform: translate(0px, 0px) scale(0.9);
  2729. }
  2730. 30% {
  2731. -o-transform: translate(0px, -30px) scale(0.98);
  2732. }
  2733. 100% {
  2734. -o-transform: translate(0px, 0px) scale(1);
  2735. }
  2736. }
  2737. @-moz-keyframes flipin {
  2738. 0% {
  2739. -moz-transform: translate(0px, 0px) scale(0.9);
  2740. }
  2741. 30% {
  2742. -moz-transform: translate(0px, -30px) scale(0.98);
  2743. }
  2744. 100% {
  2745. -moz-transform: translate(0px, 0px) scale(1);
  2746. }
  2747. }
  2748. @keyframes flipin {
  2749. 0% {
  2750. transform: translate(0px, 0px) scale(0.9);
  2751. }
  2752. 30% {
  2753. transform: translate(0px, -30px) scale(0.98);
  2754. }
  2755. 100% {
  2756. transform: translate(0px, 0px) scale(1);
  2757. }
  2758. }
  2759.  
  2760.  
  2761. /* Error 404*/
  2762.  
  2763.  
  2764. .error1 {
  2765. text-align: center;
  2766. margin-top: 0;
  2767. margin-right: 0;
  2768. margin-bottom: 100px;
  2769. margin-left: 0;
  2770. }
  2771. .error2{ font-size:150px;}
  2772. .error1 h4 {
  2773. font-size:60px;
  2774.  
  2775.  
  2776. }
  2777. .error1 a {
  2778. float:none;
  2779. }
  2780.  
  2781. .gray_btn {
  2782. background: #1f1f1f;
  2783. float: left;
  2784. color: #fff !important;
  2785. font-size: 13px;
  2786. text-transform: uppercase;
  2787. border: solid 1px #0c0c0c;
  2788. -moz-box-shadow: inset -0px 1px #0c0c0c;
  2789. -webkit-box-shadow: inset -0px 1px #0c0c0c;
  2790. box-shadow: inset -0px 1px #7b7b7b;
  2791. margin-top: 15px;
  2792. margin-right: 0;
  2793. margin-bottom: 0;
  2794. margin-left: 0;
  2795. padding-top: 6px;
  2796. padding-right: 22px;
  2797. padding-bottom: 6px;
  2798. padding-left: 22px;
  2799. }
  2800.  
  2801. #error3 .searchform {
  2802. margin:14px auto 30px;
  2803. width:220px;
  2804. text-align:left;
  2805. }
  2806. #error3 .searchform input {
  2807. border: none;
  2808. width:220px;
  2809. padding:5px;
  2810.  
  2811.  
  2812. }
  2813. #error3 input { font-size:16px; }
  2814. #error3 .search_form_link {
  2815. position:relative;
  2816. }
  2817. #error3 .search_form_link .icon-search:before {
  2818. color:#c9c9c9;
  2819. font-size:18px;
  2820. }
  2821. #error3 .search_form_link:hover .icon-search:before {
  2822. color: #000000 !important;
  2823. }
  2824.  
  2825. .scrollup {
  2826. display: block;
  2827. text-decoration: none;
  2828. position: relative;
  2829. bottom: 10px;
  2830. right: -32%;
  2831. overflow: hidden;
  2832. width: 35px;
  2833. height: 35px;
  2834. border: none;
  2835. text-indent: 100%;
  2836. z-index: 99999999999;
  2837. border: 1px solid;
  2838. *border: 0;
  2839. border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  2840. -webkit-border-radius: 4px;
  2841. -moz-border-radius: 4px;
  2842. border-radius: 4px;
  2843. -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  2844. -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  2845. box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.1);
  2846. -webkit-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  2847. -moz-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  2848. -ms-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  2849. -o-transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  2850. transition: background-color .3s ease, border .3s ease, color .3s ease, opacity .3s ease-in-out;
  2851. background-color: #099;
  2852. background-image: url(images/ui.totop.png);
  2853. background-repeat: no-repeat;
  2854. background-position: center;
  2855. }
  2856.  
  2857. .scrollup:hover{
  2858. opacity:0.7;
  2859. }
  2860.  
  2861. /*mobile css */
  2862.  
  2863. @media only screen and (max-width:1024px) {
  2864. .our_work .work {
  2865. float: left;
  2866. width: 335px;
  2867. margin-right:65px;
  2868. margin-top: 14px;
  2869. margin-left: 50px;
  2870. }
  2871.  
  2872. .lay1 {
  2873. width: 100%;
  2874. float: left;
  2875. margin-top: 30px;
  2876. padding-top: 10px;
  2877. margin-left: 0px;
  2878. }
  2879.  
  2880. .our_team .work {
  2881. float: left;
  2882. width: 300px;
  2883. margin-right: 70px;
  2884. margin-top: 14px;
  2885. margin-left: 65px;
  2886. }
  2887. #footer .widgets .widget {
  2888. margin-right:0px;
  2889. margin-left:10px;}
  2890. .client {
  2891. float: left;
  2892. margin-right: 40px;
  2893. margin-bottom: 21px;
  2894. margin-left: 40px;}
  2895. }
  2896.  
  2897. /*ipad 768*1024 */
  2898. @media only screen and (max-width:768px) {
  2899.  
  2900. .style2.midrow_blocks { width:300px; margin-bottom:20px; margin-left:50px;}
  2901. .icon { margin-left:20%}
  2902. .our_work .work{float: left;
  2903. width: 335px;
  2904. margin-right: 12px;
  2905. margin-top: 14px;
  2906. margin-left: 12px;}
  2907.  
  2908. .client {
  2909. float: left;
  2910. margin-right: 37px;
  2911. margin-bottom: 21px;
  2912. margin-left: 38px;}
  2913.  
  2914. .our_team .work {
  2915. float: left;
  2916. width: 300px;
  2917. margin-right: 25px;
  2918. margin-top: 14px;
  2919. margin-left: 22px;
  2920. }
  2921.  
  2922. .midrow_blocks{ width:300px; margin-bottom:20px; margin-left:50px;}
  2923.  
  2924.  
  2925. .lay1 {
  2926. width: 100%;
  2927. float: left;
  2928. margin-top: 30px;
  2929. padding-top: 10px;
  2930. margin-left: 40px;
  2931. }
  2932. .style2.icon_img {
  2933. width: 80px;
  2934. height: 80px;
  2935. border-radius: 50%;
  2936. margin-left: 36%;
  2937. border: 2px solid rgba(0, 153, 153, 0.5);
  2938. }
  2939. .scrollup {right: -25%;}
  2940.  
  2941. #footer .widgets .widget {
  2942. margin-right:0px;
  2943. margin-left:20px;}
  2944.  
  2945.  
  2946. body #menu_wrap2 #navmenu ul.menu{
  2947.  
  2948. clear: both;
  2949. position: absolute;
  2950. top: 120px;
  2951. width: 100%;
  2952. z-index: 10000;
  2953. border: solid 1px #999;
  2954. display: none;
  2955. margin-top: 22px;
  2956. background-color: rgb(51,51,51);
  2957. width: 60%;
  2958. margin-left: 18%; }
  2959.  
  2960. body #menu_wrap #navmenu ul.menu{
  2961.  
  2962. clear: both;
  2963. position: absolute;
  2964. top: 120px;
  2965. width: 100%;
  2966. z-index: 10000;
  2967. border: solid 1px #999;
  2968. display: none;
  2969. margin-top: -70px;
  2970. background-color: rgb(51,51,51);
  2971. width: 60%;
  2972. margin-left: 18%; }
  2973.  
  2974. #content .top-content {
  2975. width: 62%;
  2976. position: relative;
  2977. float: left;
  2978. background-color: #FFF;
  2979. padding: 40px;
  2980. }
  2981.  
  2982. }
  2983.  
  2984.  
  2985. /*iphone 320*480 */
  2986. @media only screen and (max-width:480px) {
  2987.  
  2988. .style2.midrow_blocks { width:280px; margin-bottom:20px; margin-left:10px;}
  2989.  
  2990. .midrow_blocks { width:280px; margin-bottom:20px; margin-left:10px;}
  2991. .social-profiles {
  2992. float: left;
  2993. margin-left: 10px;
  2994. margin-right: 20px;
  2995. }
  2996. #site-title {
  2997. padding-top: 20px;
  2998. float: left;
  2999. width:90%;
  3000. margin-top:40px;
  3001. margin-left:10%;
  3002. }
  3003.  
  3004. #menu-icon {
  3005. padding: 0px;
  3006. cursor: pointer;
  3007. font-size: 20px;
  3008. display: block!important;
  3009. border: 1px solid #CCC;
  3010. width: 60%;
  3011. margin-left: 18%;
  3012. }
  3013.  
  3014. body #menu_wrap #navmenu ul.menu {
  3015. clear: both;
  3016. position: absolute;
  3017. top: 42px;
  3018. width: 100%;
  3019. z-index: 10000;
  3020. border: solid 1px #999;
  3021. display: none;
  3022. margin-top: -10px;
  3023. background-color: rgb(51,51,51);
  3024. width: 60%;
  3025. margin-left: 18%;
  3026.  
  3027. }
  3028.  
  3029. body #menu_wrap2 #navmenu ul.menu{
  3030.  
  3031. clear: both;
  3032. position: absolute;
  3033. top: 120px;
  3034. width: 100%;
  3035. z-index: 10000;
  3036. border: solid 1px #999;
  3037. display: none;
  3038. margin-top: 5px;
  3039. background-color: rgb(51,51,51);
  3040. width: 60%;
  3041. margin-left: 18%; }
  3042. .entry-title {width:100%; }
  3043. .entry-title a {
  3044. font-size:12px !important;
  3045. padding:0px;}
  3046. .nivo-caption h3 { padding:5px;}
  3047.  
  3048. .lay1 .hentry {
  3049. width: 220px;
  3050. background: #fff;
  3051. height: 350px;
  3052. margin-right: 22px;
  3053. float: left;
  3054. margin-bottom: 40px;
  3055.  
  3056. margin-left: 10px;
  3057.  
  3058.  
  3059. }
  3060.  
  3061. .blog_style_b1 .post_content {
  3062. margin-bottom: 4px;
  3063. width: 260px;
  3064. -ms-word-wrap: break-word;
  3065. word-wrap: break-word;
  3066. margin-left: -60px;
  3067. }
  3068. .share {
  3069. right: 0px;
  3070. position: relative;}
  3071. .blog_style_b1 .pic_wrapper, .blog_style_b1 .sc_slider {
  3072. margin-left: -80px;
  3073. }
  3074.  
  3075.  
  3076. .clients{ text-align:center;}
  3077. .client { margin-left:15%;}
  3078.  
  3079. .nivo-caption h3 { font-size:20px !important;}
  3080. .nivo-controlNav{ display:none !important;}
  3081. #navmenu ul > li::before { display:none !important;}
  3082.  
  3083. #content .top-content {
  3084. width: 100%;
  3085. position: relative;
  3086. float: left;
  3087. background-color: #FFF;
  3088. padding: 20px;
  3089. }
  3090. .b1_pic_wrapper {
  3091. width:350px;
  3092. margin-left: -60px;
  3093. margin-top: 60px;
  3094. }
  3095.  
  3096. #sub_banner h1 { font-size:16px;}
  3097.  
  3098. .style2.icon_imgg {
  3099. width: 80px;
  3100. height: 80px;
  3101. border-radius: 50%;
  3102. margin-left: 34%;
  3103. border: 2px solid rgba(0, 153, 153, 0.5);
  3104. }
  3105.  
  3106. #footer .widgets .widget {
  3107. margin-right:0px;
  3108. margin-left:8%;}
  3109. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement