API tools faq
paste
DizaBlah

Studio 8 Theme CSS

DizaBlah
Mar 23rd, 2023
19
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 152.04 KB | Source Code | 0 0
raw download clone embed print report
  1. /*
  2. Theme Name: Studio8 WPL
  3. Theme URI:  https://wplook.com/product/themes/business/studio-8-agency-wordpress-theme/
  4. Description: A super flexible premium WordPress theme for creative professionals, agencies, content creators & businesses.
  5. Author: WPlook Studio
  6. Author URI: https://wplook.com
  7. Version: 5.2
  8. Requires at least: 5.0
  9. Tested up to: 5.6
  10. Requires PHP: 7.0
  11. Tags: full-width-template, theme-options, threaded-comments, translation-ready, custom-menu, featured-image-header, featured-images
  12. License: GPLv2 or later
  13. License URI: http://www.gnu.org/licenses/gpl-2.0.html
  14. Text Domain: studio8-wpl
  15. Domain Path: /languages
  16. */
  17. /******************************************************************
  18.  
  19. Stylesheet: Main Stylesheet
  20. Note: This is the compiled stylesheet from your SaSS compiler.
  21.  
  22. [Table of contents]
  23.  
  24. 0. Vendor imports
  25. 1. SaSS Functions
  26.     1.1. Color Functions
  27.     1.2. Responsive Helper Function
  28. 2. SaSS Mixins
  29.     2.1. Font Smoothing
  30.     2.2. Links
  31.     2.3. Transition
  32.     2.4. CSS3 Gradients
  33.     2.5. Box Sizing
  34.     2.6. Vertical & Horizontal Alignment
  35. 3. SaSS Variables
  36.     3.1. Colors
  37. 5. The Grid
  38.     5.0. Useful classes and mixins
  39.     5.1. Mobile Grid Styles
  40.     5.2. Portrait tablet to landscape
  41.     5.3. Landscape to small desktop
  42. 6. Typography
  43.     6.1. Font Stack
  44. 7. Shortcodes
  45.     7.1. Row
  46.     7.2. Helper Classes
  47.     7.3. Google Map
  48.     7.4. Highlight
  49.     7.5. Line
  50.     7.6. Heading Block
  51.     7.7. Text Block
  52.     7.8. Divider
  53.     7.9. Text Column
  54.     7.10. Lists
  55.     7.11. List Images
  56.     7.12. Icon with Title
  57.     7.13. Team member
  58.     7.14. Social Icons
  59.     7.15. Service Tables
  60.     7.16. Pricing Tables
  61.     7.17. Padding
  62. 8. Modules
  63.     8.1. Alerts
  64.     8.2. Buttons
  65.     8.3. Forms
  66.     8.4. Animations
  67. 9. Base
  68.     9.1. Body
  69.     9.2. Body Classes
  70.     9.3. Structure
  71.     9.4. Columns
  72.     9.5. Links
  73.     9.6. Headings
  74.     9.7. Header
  75.     9.8. Navigation
  76.         9.8.1. Dropdown Navigation
  77.         9.8.2. Secondary Navigation
  78.         9.8.3. Mobile Navigation
  79.         9.8.4. Inverted Header Navigation
  80.     9.9. Posts & Content Styles
  81.         9.9.1. Hentry
  82.         9.9.2. Page Header
  83.         9.9.3. Entry Content
  84.         9.9.4. Gallery
  85.         9.9.5. Pages
  86.         9.9.6. 404 page
  87.     9.10 Blog
  88.         9.10.1. Post Header
  89.         9.10.2. Featured Posts
  90.         9.10.3. Normal Posts
  91.         9.10.4. Shortcode Posts
  92.         9.10.5. Post Meta
  93.         9.10.6. Author Description
  94.         9.10.7. Single Post
  95.     9.11. Projects
  96.         9.11.1. Project Grid
  97.     9.12. Search
  98.     9.13. Pagination
  99.         9.13.1. Project Pagination
  100.     9.14. Comments
  101.         9.14.1. Comment Reply
  102.     9.15. Sidebar
  103.         9.15.1. Widget
  104.     9.16. Footer
  105.         9.16.1. Footer Widget
  106.     9.17. Syntax Highlighter
  107.     9.18. MaxCycle
  108.     9.19. Sliding Panel
  109. 10. Media Queries
  110.     10.1. max-width : 1280px
  111.     10.2. max-width : 1024px
  112.     10.3. max-width : 768px
  113.     10.4. max-width : 480px
  114.     10.5. max-width : 420px
  115. 11. WooCommerce
  116. 12. Print
  117.  
  118. ******************************************************************/
  119. /* = 0. Vendor files
  120. -------------------------------------------------------------- */
  121. /* = 1. SaSS Functions
  122. -------------------------------------------------------------- */
  123. /* = 1.1 Color Functions
  124.  
  125. These are helpful when you're working
  126. with shadows and such things. It's essentially
  127. a quicker way to write RGBA.
  128.  
  129. Example:
  130. box-shadow: 0 0 4px black(0.3);
  131. compiles to:
  132. box-shadow: 0 0 4px rgba(0,0,0,0.3);
  133.  
  134. -------------------------------------------------------------- */
  135. /* = 1.2 Responsive Helper Function
  136.  
  137. If you're creating a responsive site, then
  138. you've probably already read
  139. Responsive Web Design: http://www.abookapart.com/products/responsive-web-design
  140.  
  141. Here's a nice little helper function for calculating
  142. target / context as mentioned in that book.
  143.  
  144. Example:
  145. width: cp(650px, 1000px);
  146. or
  147. width: calc-percent(650px, 1000px);
  148. both compile to:
  149. width: 65%;
  150.  
  151. -------------------------------------------------------------- */
  152. /* = 2. SaSS Mixins
  153. -------------------------------------------------------------- */
  154. /* = 2.1 Font Smoothing
  155.  
  156. -------------------------------------------------------------- */
  157. /* = 2.2 Links
  158.  
  159. -------------------------------------------------------------- */
  160. /* = 2.3 Transition
  161.  
  162. I totally rewrote this to be cleaner and easier to use.
  163. You'll need to be using Sass 3.2+ for these to work.
  164. Thanks to @anthonyshort for the inspiration on these.
  165. USAGE: @include transition(all 0.2s ease-in-out);
  166.  
  167. -------------------------------------------------------------- */
  168. /* = 2.4 CSS3 Gradients
  169.  
  170. Be careful with these since they can
  171. really slow down your CSS. Don't overdo it.
  172.  
  173. -------------------------------------------------------------- */
  174. /* @include css-gradient(#dfdfdf,#f8f8f8); */
  175. /* = 2.5 Box Sizing
  176.  
  177. NOTE: value of "padding-box" is only supported in Gecko. So
  178. probably best not to use it. I mean, were you going to anyway?
  179.  
  180. -------------------------------------------------------------- */
  181. /* @include box-sizing(border-box); */
  182. /* = 2.6 Vertical & Horizontal Alignment
  183.  
  184. -------------------------------------------------------------- */
  185. /* @include vertical-align(); */
  186. /* @include horizontal-align(); */
  187. /* = 3. SaSS Variables
  188. -------------------------------------------------------------- */
  189. /* = 3.1 Colors
  190.  
  191. -------------------------------------------------------------- */
  192. /* = 5. The Grid
  193. -------------------------------------------------------------- */
  194. /* = 5.0 Useful classes and mixins
  195.  
  196. -------------------------------------------------------------- */
  197. .clear {
  198.   clear: both; }
  199.  
  200. .last-col {
  201.   float: right;
  202.   padding-right: 0 !important; }
  203.  
  204. .columns {
  205.   -webkit-column-count: 2;
  206.   -webkit-column-gap: 24px;
  207.   -webkit-column-fill: auto;
  208.   -moz-column-count: 2;
  209.   -moz-column-gap: 24px;
  210.   -moz-column-fill: auto;
  211.   column-count: 2;
  212.   column-gap: 24px;
  213.   column-fill: auto; }
  214.  
  215. .cf,
  216. .clearfix {
  217.   zoom: 1; }
  218.  
  219. .cf:after,
  220. .cf:before,
  221. .clearfix:after,
  222. .clearfix:before {
  223.   content: "";
  224.   display: table; }
  225.  
  226. .cf:after,
  227. .clearfix:after {
  228.   clear: both; }
  229.  
  230. /* = 5.1 Mobile Grid Styles
  231.  
  232. These are the widths for the mobile grid.
  233. There are four types, but you can add or customize
  234. them however you see fit.
  235.  
  236. -------------------------------------------------------------- */
  237. @media (max-width: 767px) {
  238.   .m-all {
  239.     float: left;
  240.     padding-right: 0.75em;
  241.     width: 100%;
  242.     padding-right: 0; }
  243.   .m-1of2 {
  244.     float: left;
  245.     padding-right: 0.75em;
  246.     width: 50%; }
  247.   .m-1of3 {
  248.     float: left;
  249.     padding-right: 0.75em;
  250.     width: 33.33%; }
  251.   .m-2of3 {
  252.     float: left;
  253.     padding-right: 0.75em;
  254.     width: 66.66%; }
  255.   .m-1of4 {
  256.     float: left;
  257.     padding-right: 0.75em;
  258.     width: 25%; }
  259.   .m-3of4 {
  260.     float: left;
  261.     padding-right: 0.75em;
  262.     width: 75%; } }
  263.  
  264. /* = 5.2 Portrait tablet to landscape
  265.  
  266. -------------------------------------------------------------- */
  267. @media (min-width: 768px) and (max-width: 1029px) {
  268.   .t-all {
  269.     float: left;
  270.     padding-right: 0.75em;
  271.     width: 100%;
  272.     padding-right: 0; }
  273.   .t-1of2 {
  274.     float: left;
  275.     padding-right: 0.75em;
  276.     width: 50%; }
  277.   .t-1of3 {
  278.     float: left;
  279.     padding-right: 0.75em;
  280.     width: 33.33%; }
  281.   .t-2of3 {
  282.     float: left;
  283.     padding-right: 0.75em;
  284.     width: 66.66%; }
  285.   .t-1of4 {
  286.     float: left;
  287.     padding-right: 0.75em;
  288.     width: 25%; }
  289.   .t-3of4 {
  290.     float: left;
  291.     padding-right: 0.75em;
  292.     width: 75%; }
  293.   .t-1of5 {
  294.     float: left;
  295.     padding-right: 0.75em;
  296.     width: 20%; }
  297.   .t-2of5 {
  298.     float: left;
  299.     padding-right: 0.75em;
  300.     width: 40%; }
  301.   .t-3of5 {
  302.     float: left;
  303.     padding-right: 0.75em;
  304.     width: 60%; }
  305.   .t-4of5 {
  306.     float: left;
  307.     padding-right: 0.75em;
  308.     width: 80%; } }
  309.  
  310. /* = 5.3 Landscape to small desktop
  311.  
  312. -------------------------------------------------------------- */
  313. @media (min-width: 1030px) {
  314.   .d-all {
  315.     float: left;
  316.     padding-right: 0.75em;
  317.     width: 100%;
  318.     padding-right: 0; }
  319.   .d-1of2 {
  320.     float: left;
  321.     padding-right: 0.75em;
  322.     width: 50%; }
  323.   .d-1of3 {
  324.     float: left;
  325.     padding-right: 0.75em;
  326.     width: 33.33%; }
  327.   .d-2of3 {
  328.     float: left;
  329.     padding-right: 0.75em;
  330.     width: 66.66%; }
  331.   .d-1of4 {
  332.     float: left;
  333.     padding-right: 0.75em;
  334.     width: 25%; }
  335.   .d-3of4 {
  336.     float: left;
  337.     padding-right: 0.75em;
  338.     width: 75%; }
  339.   .d-1of5 {
  340.     float: left;
  341.     padding-right: 0.75em;
  342.     width: 20%; }
  343.   .d-2of5 {
  344.     float: left;
  345.     padding-right: 0.75em;
  346.     width: 40%; }
  347.   .d-3of5 {
  348.     float: left;
  349.     padding-right: 0.75em;
  350.     width: 60%; }
  351.   .d-4of5 {
  352.     float: left;
  353.     padding-right: 0.75em;
  354.     width: 80%; }
  355.   .d-1of6 {
  356.     float: left;
  357.     padding-right: 0.75em;
  358.     width: 16.6666666667%; }
  359.   .d-1of7 {
  360.     float: left;
  361.     padding-right: 0.75em;
  362.     width: 14.2857142857%; }
  363.   .d-2of7 {
  364.     float: left;
  365.     padding-right: 0.75em;
  366.     width: 28.5714286%; }
  367.   .d-3of7 {
  368.     float: left;
  369.     padding-right: 0.75em;
  370.     width: 42.8571429%; }
  371.   .d-4of7 {
  372.     float: left;
  373.     padding-right: 0.75em;
  374.     width: 57.1428572%; }
  375.   .d-5of7 {
  376.     float: left;
  377.     padding-right: 0.75em;
  378.     width: 71.4285715%; }
  379.   .d-6of7 {
  380.     float: left;
  381.     padding-right: 0.75em;
  382.     width: 85.7142857%; }
  383.   .d-1of8 {
  384.     float: left;
  385.     padding-right: 0.75em;
  386.     width: 12.5%; }
  387.   .d-1of9 {
  388.     float: left;
  389.     padding-right: 0.75em;
  390.     width: 11.1111111111%; }
  391.   .d-1of10 {
  392.     float: left;
  393.     padding-right: 0.75em;
  394.     width: 10%; }
  395.   .d-1of11 {
  396.     float: left;
  397.     padding-right: 0.75em;
  398.     width: 9.09090909091%; }
  399.   .d-1of12 {
  400.     float: left;
  401.     padding-right: 0.75em;
  402.     width: 8.33%; } }
  403.  
  404. /* = 6. Typography
  405. -------------------------------------------------------------- */
  406. /* = 6.1 Font Stack
  407.  
  408. -------------------------------------------------------------- */
  409. /*
  410. some nice typographical defaults
  411. more here: http://www.newnet-soft.com/blog/csstypography
  412. */
  413. p {
  414.   color: #8c8c8c;
  415.   -webkit-hyphens: none; }
  416.  
  417. .font-smoothing {
  418.   -webkit-font-smoothing: antialiased;
  419.   -moz-osx-font-smoothing: grayscale; }
  420.  
  421. /* = 7. Shortcodes
  422. -------------------------------------------------------------- */
  423. /* = 7.1 Row
  424.  
  425. -------------------------------------------------------------- */
  426. .row {
  427.   width: 100%;
  428.   height: auto;
  429.   margin: 0;
  430.   padding: 0;
  431.   zoom: 1; }
  432.   .row:after, .row:before {
  433.     content: '\0020';
  434.     display: block;
  435.     overflow: hidden;
  436.     visibility: hidden;
  437.     width: 0;
  438.     height: 0; }
  439.   .row:after {
  440.     clear: both; }
  441.   .row.pattern {
  442.     background: url("../images/pattern.png") repeat 0 0; }
  443.   .row.parallax {
  444.     background-attachment: fixed;
  445.     background-size: auto; }
  446.  
  447. /* = 7.2 Helper Classes
  448.  
  449. -------------------------------------------------------------- */
  450. .lead {
  451.   display: block;
  452.   color: #8c8c8c;
  453.   font-size: 24px;
  454.   font-weight: 400;
  455.   line-height: 150%;
  456.   margin: 0;
  457.   -webkit-hyphens: none !important;
  458.       -ms-hyphens: none !important;
  459.           hyphens: none !important;
  460.   -webkit-font-smoothing: antialiased;
  461.   -moz-osx-font-smoothing: grayscale; }
  462.  
  463. .white {
  464.   color: #ffffff; }
  465.  
  466. .gray {
  467.   color: #8c8c8c; }
  468.  
  469. .black {
  470.   color: #000000; }
  471.  
  472. .light-gray {
  473.   color: #f9f9f9; }
  474.  
  475. .medium-gray {
  476.   color: #d7d7d7; }
  477.  
  478. .dark-gray {
  479.   color: #272727; }
  480.  
  481. .text-color {
  482.   color: #8c8c8c; }
  483.  
  484. .accent {
  485.   color: #fcf751; }
  486.  
  487. .page-title {
  488.   width: 100%;
  489.   margin: 0;
  490.   padding: 0 0 2em;
  491.   max-width: 960px; }
  492.  
  493. .hard-start,
  494. .hard-top {
  495.   padding-top: 0 !important;
  496.   margin-top: 0 !important; }
  497.  
  498. .hard-bottom,
  499. .hard-end {
  500.   padding-bottom: 0 !important;
  501.   margin-bottom: 0 !important; }
  502.  
  503. /* = 7.3 Google Map
  504.  
  505. -------------------------------------------------------------- */
  506. .shortcode_google-map {
  507.   margin: 20px 0; }
  508.  
  509. /* = 7.4 Highlight
  510.  
  511. -------------------------------------------------------------- */
  512. .shortcode_highlight {
  513.   background-color: #fcfca8;
  514.   padding: 4px; }
  515.  
  516. /* = 7.5 Line
  517.  
  518. -------------------------------------------------------------- */
  519. .line {
  520.   position: relative;
  521.   display: block;
  522.   margin: 24px 0;
  523.   width: 30px;
  524.   height: 3px; }
  525.   .line.white {
  526.     border-top: 3px solid #ffffff; }
  527.   .line.black {
  528.     border-top: 3px solid #000000; }
  529.   .line.gray {
  530.     border-top: 3px solid #8c8c8c; }
  531.   .line.light-gray {
  532.     border-top: 3px solid #f9f9f9; }
  533.   .line.accent {
  534.     border-top: 3px solid #fcf751; }
  535.   .line.center {
  536.     margin: 12px auto; }
  537.   .line.small {
  538.     width: 30px;
  539.     height: 3px; }
  540.   .line.medium {
  541.     width: 125px;
  542.     height: 3px; }
  543.   .line.full {
  544.     width: 100%;
  545.     height: 3px; }
  546.  
  547. /* = 7.6 Heading Block
  548.  
  549. -------------------------------------------------------------- */
  550. .shortcode_heading_block {
  551.   width: 100%;
  552.   height: auto;
  553.   padding: 8%;
  554.   text-align: center;
  555.   background-size: cover !important;
  556.   background-position: center center !important;
  557.   background-repeat: no-repeat !important; }
  558.   .shortcode_heading_block h1 {
  559.     margin: 0;
  560.     font-size: 400%;
  561.     line-height: 130%; }
  562.  
  563. /* = 7.7 Text Block
  564.  
  565. -------------------------------------------------------------- */
  566. .shortcode_text_block {
  567.   position: relative;
  568.   width: 100%;
  569.   height: auto;
  570.   padding: 72px 0;
  571.   margin: 0 auto;
  572.   text-align: center;
  573.   background-size: cover !important;
  574.   background-position: center center !important;
  575.   background-repeat: no-repeat !important; }
  576.   .shortcode_text_block .subtitle {
  577.     padding: 0;
  578.     margin: 0;
  579.     letter-spacing: 2px;
  580.     font-size: 24px;
  581.     font-weight: 300;
  582.     line-height: 150%;
  583.     font-style: italic; }
  584.   .shortcode_text_block .sep {
  585.     display: block;
  586.     width: 25%;
  587.     padding: 0 0 12px;
  588.     margin: 0 auto 12px;
  589.     border-bottom: 1px solid #d7d7d7; }
  590.   .shortcode_text_block .title {
  591.     padding: 0;
  592.     letter-spacing: 2px;
  593.     margin: 0 0 24px; }
  594.   .shortcode_text_block p.lead {
  595.     margin: 0;
  596.     padding: 0; }
  597.  
  598. /* = 7.8 Divider
  599.  
  600. -------------------------------------------------------------- */
  601. .shortcode_divider {
  602.   height: 30px;
  603.   margin: 72px auto 42px;
  604.   width: 100%;
  605.   border-top: 2px solid #d7d7d7; }
  606.   .shortcode_divider h3 {
  607.     display: block;
  608.     font-size: 22px !important;
  609.     text-align: center;
  610.     letter-spacing: 1px;
  611.     text-transform: uppercase;
  612.     margin: -15px auto auto;
  613.     padding: 0 5px;
  614.     width: 30%;
  615.     background: #ffffff; }
  616.   .shortcode_divider:after {
  617.     content: "\0020";
  618.     display: block;
  619.     height: 0;
  620.     clear: both;
  621.     visibility: hidden; }
  622.  
  623. /* = 7.9 Text Column
  624.  
  625. -------------------------------------------------------------- */
  626. .shortcode_text_columns {
  627.   -webkit-column-gap: 32px;
  628.   -moz-column-gap: 32px;
  629.   column-gap: 32px;
  630.   margin-bottom: 2em; }
  631.   .shortcode_text_columns.two-cols {
  632.     -webkit-column-count: 2;
  633.     -moz-column-count: 2;
  634.     column-count: 2; }
  635.   .shortcode_text_columns.three-cols {
  636.     -webkit-column-count: 3;
  637.     -moz-column-count: 3;
  638.     column-count: 3; }
  639.   .shortcode_text_columns.four-cols {
  640.     -webkit-column-count: 4;
  641.     -moz-column-count: 4;
  642.     column-count: 4; }
  643.  
  644. /* = 7.10 Lists
  645.  
  646. -------------------------------------------------------------- */
  647. ul.border,
  648. ul.ordered,
  649. ul.plain,
  650. ul.unordered {
  651.   margin: 0;
  652.   padding: 0 0 0 24px; }
  653.   ul.border li > ul,
  654.   ul.ordered li > ul,
  655.   ul.plain li > ul,
  656.   ul.unordered li > ul {
  657.     margin-top: 12px; }
  658.  
  659. ul.plain li {
  660.   list-style: none; }
  661.  
  662. ul.ordered li {
  663.   list-style: decimal !important; }
  664.  
  665. ul.unordered li {
  666.   list-style: circle !important; }
  667.  
  668. ul.border {
  669.   margin: 0;
  670.   padding: 0; }
  671.   ul.border li {
  672.     width: 100%;
  673.     padding: 0 5%;
  674.     line-height: 2em;
  675.     font-size: 100%;
  676.     border-bottom: 1px solid rgba(64, 64, 64, 0.15); }
  677.     ul.border li:last-child {
  678.       border-bottom: none; }
  679.  
  680. /* = 7.11 List Images
  681.  
  682. -------------------------------------------------------------- */
  683. .shortcode_list_images {
  684.   width: 100%; }
  685.   .shortcode_list_images ul {
  686.     display: inline-block;
  687.     margin: 0;
  688.     padding: 0;
  689.     width: 100%; }
  690.     .shortcode_list_images ul li {
  691.       list-style-type: none !important;
  692.       float: left;
  693.       display: list-item;
  694.       text-align: center;
  695.       margin: 0 !important; }
  696.       .shortcode_list_images ul li img {
  697.         vertical-align: top;
  698.         display: block;
  699.         width: auto;
  700.         height: auto;
  701.         margin: 0 auto; }
  702.     .shortcode_list_images ul.two_col li {
  703.       width: 50%; }
  704.     .shortcode_list_images ul.three_col li {
  705.       width: 33.33%; }
  706.     .shortcode_list_images ul.four_col li {
  707.       width: 25%; }
  708.  
  709. /* = 7.12 Icon with Title
  710.  
  711. -------------------------------------------------------------- */
  712. .shortcode_icon_with_title {
  713.   display: block;
  714.   position: relative; }
  715.   .shortcode_icon_with_title .icon_holder {
  716.     float: left;
  717.     display: inline-block;
  718.     position: relative;
  719.     z-index: 2; }
  720.   .shortcode_icon_with_title .icon_text_holder {
  721.     position: relative; }
  722.     .shortcode_icon_with_title .icon_text_holder .icon_title {
  723.       display: block;
  724.       margin: 0 0 1.08em; }
  725.   .shortcode_icon_with_title.large .icon_text_holder .icon_title {
  726.     margin-bottom: 0.35em; }
  727.   .shortcode_icon_with_title .icon_with_title_link {
  728.     display: inline-block;
  729.     margin: 13px 0 0;
  730.     color: #fcf751; }
  731.     .shortcode_icon_with_title .icon_with_title_link:hover {
  732.       color: #8c8c8c; }
  733.   .shortcode_icon_with_title.circle .icon_holder .fa-stack {
  734.     border-radius: 2em; }
  735.   .shortcode_icon_with_title .icon_holder .fa-stack {
  736.     border: 2px solid #f9f9f9;
  737.     -webkit-transition: all 0.1s linear;
  738.     transition: all 0.1s linear;
  739.     -webkit-backface-visibility: hidden; }
  740.   .shortcode_icon_with_title span.fa-stack i:last-child {
  741.     font-size: 0.8em;
  742.     color: #8c8c8c; }
  743.   .shortcode_icon_with_title .icon_text_inner {
  744.     padding: 0 0 18px; }
  745.   .shortcode_icon_with_title .icon_title_holder {
  746.     display: table;
  747.     width: 100%;
  748.     height: 100%;
  749.     margin: 0 0 12px; }
  750.     .shortcode_icon_with_title .icon_title_holder .icon_holder {
  751.       display: table-cell;
  752.       text-align: left;
  753.       height: 100%;
  754.       vertical-align: middle;
  755.       float: none;
  756.       padding: 0 15px 0 0; }
  757.     .shortcode_icon_with_title .icon_title_holder .icon_holder span {
  758.       position: relative;
  759.       top: 2px; }
  760.   .shortcode_icon_with_title .icon_text_holder .icon_title_holder .icon_title {
  761.     display: table-cell;
  762.     margin: 0;
  763.     vertical-align: middle;
  764.     width: 100%; }
  765.  
  766. .fa_icon_square i {
  767.   color: #fff; }
  768.  
  769. .fa_icon_stack i:last-child {
  770.   color: #fff; }
  771.  
  772. /* Icon center styles */
  773. .shortcode_icon_with_title.center {
  774.   text-align: center; }
  775.  
  776. .shortcode_icon_with_title.center.center .icon_holder {
  777.   float: none;
  778.   display: block;
  779.   margin: 0 0 20px; }
  780.  
  781. .shortcode_icon_with_title.icon_image.center .icon_holder {
  782.   margin: 0 0 13px; }
  783.  
  784. .shortcode_icon_with_title.center .icon_holder {
  785.   width: 100% !important; }
  786.  
  787. .shortcode_icon_with_title.center .icon_holder .font_awsome_icon i {
  788.   color: #7b7b7b;
  789.   -webkit-transition: color 0.3s ease-in-out;
  790.   transition: color 0.3s ease-in-out; }
  791.  
  792. .shortcode_icon_with_title.center .icon_holder .font_awsome_icon i:hover {
  793.   color: #1abc9c; }
  794.  
  795. /* Generic icon styles */
  796. .fa_icon_square,
  797. .shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  798.   background-color: #fcf751;
  799.   border-radius: 4px;
  800.   text-align: center;
  801.   -webkit-transition: all 0.3s ease-in-out;
  802.   transition: all 0.3s ease-in-out;
  803.   -webkit-backface-visibility: hidden; }
  804.  
  805. .fa_icon_square,
  806. .shortcode_icon_with_title.square .icon_holder .fa-stack {
  807.   border-radius: 4px;
  808.   line-height: 1.7em; }
  809.  
  810. .circle .icon_holder .fa-stack:hover,
  811. .shortcode_icon_with_title.square .icon_holder .fa-stack:hover {
  812.   background-color: #fcf751;
  813.   border-color: transparent; }
  814.  
  815. .fa_icon_stack .fa-circle,
  816. .shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  817.   color: #fcf751;
  818.   -webkit-transition: color 0.4s ease-in-out;
  819.   transition: color 0.4s ease-in-out; }
  820.  
  821. .shortcode_icon_with_title.boxed .icon_holder .fa-stack {
  822.   -webkit-transition: background-color 0.2s ease-in-out;
  823.   transition: background-color 0.2s ease-in-out; }
  824.  
  825. .fa_icon_square:hover i,
  826. .fa_icon_stack:hover i:last-child,
  827. .shortcode_icon_with_title.boxed .icon_holder .fa-stack:hover i,
  828. .shortcode_icon_with_title.circle .icon_holder .fa-stack:hover i:last-child,
  829. .shortcode_icon_with_title.square .icon_holder .fa-stack:hover i {
  830.   color: #ffffff; }
  831.  
  832. .shortcode_icon_with_title.tiny .icon_text_holder {
  833.   padding: 0 0 0 44px; }
  834.  
  835. .shortcode_icon_with_title.small .icon_text_holder {
  836.   padding: 0 0 0 46px; }
  837.  
  838. .shortcode_icon_with_title.left_from_title .icon_text_holder {
  839.   padding: 0; }
  840.  
  841. .shortcode_icon_with_title.medium .icon_holder,
  842. .shortcode_icon_with_title.small.square .icon_holder,
  843. .shortcode_icon_with_title.tiny.square .icon_holder {
  844.   text-align: center; }
  845.  
  846. .shortcode_icon_with_title.medium .icon_text_holder,
  847. .shortcode_icon_with_title.tiny.square .icon_text_holder {
  848.   padding: 0 0 0 56px; }
  849.  
  850. .shortcode_icon_with_title.large .icon_text_holder {
  851.   padding: 0 0 0 65px; }
  852.  
  853. .shortcode_icon_with_title.large .icon_holder {
  854.   text-align: center; }
  855.  
  856. .shortcode_icon_with_title.very_large .icon_text_holder {
  857.   padding: 0 0 0 84px; }
  858.  
  859. .shortcode_icon_with_title.tiny.boxed .icon_text_holder,
  860. .shortcode_icon_with_title.tiny.circle .icon_text_holder,
  861. .shortcode_icon_with_title.tiny.icon_image .icon_text_holder {
  862.   padding: 0 0 0 55px; }
  863.  
  864. .shortcode_icon_with_title.small.boxed .icon_text_holder,
  865. .shortcode_icon_with_title.small.circle .icon_text_holder,
  866. .shortcode_icon_with_title.small.icon_image .icon_text_holder,
  867. .shortcode_icon_with_title.small.square .icon_text_holder {
  868.   padding: 0 0 0 72px; }
  869.  
  870. .shortcode_icon_with_title.medium.circle .icon_text_holder,
  871. .shortcode_icon_with_title.medium.square .icon_text_holder {
  872.   padding: 0 0 0 119px; }
  873.  
  874. .shortcode_icon_with_title.medium.boxed .icon_text_holder,
  875. .shortcode_icon_with_title.medium.icon_image .icon_text_holder {
  876.   padding: 0 0 0 95px; }
  877.  
  878. .shortcode_icon_with_title.large.boxed .icon_text_holder,
  879. .shortcode_icon_with_title.large.circle .icon_text_holder,
  880. .shortcode_icon_with_title.large.icon_image .icon_text_holder,
  881. .shortcode_icon_with_title.large.square .icon_text_holder {
  882.   padding: 0 0 0 122px; }
  883.  
  884. .shortcode_icon_with_title.very_large.boxed .icon_text_holder,
  885. .shortcode_icon_with_title.very_large.circle .icon_text_holder,
  886. .shortcode_icon_with_title.very_large.icon_image .icon_text_holder,
  887. .shortcode_icon_with_title.very_large.square .icon_text_holder {
  888.   padding: 0 0 0 150px; }
  889.  
  890. .shortcode_icon_with_title.left_from_title .icon_text_holder {
  891.   padding: 0 0 0 0 !important; }
  892.  
  893. .shortcode_icon_with_title.large.boxed.center .icon_text_holder,
  894. .shortcode_icon_with_title.large.center .icon_text_holder,
  895. .shortcode_icon_with_title.large.circle.center .icon_text_holder,
  896. .shortcode_icon_with_title.large.icon_image.center .icon_text_holder,
  897. .shortcode_icon_with_title.medium.boxed.center .icon_text_holder,
  898. .shortcode_icon_with_title.medium.center .icon_text_holder,
  899. .shortcode_icon_with_title.medium.circle.center .icon_text_holder,
  900. .shortcode_icon_with_title.medium.icon_image.center .icon_text_holder,
  901. .shortcode_icon_with_title.small.boxed.center .icon_text_holder,
  902. .shortcode_icon_with_title.small.center .icon_text_holder,
  903. .shortcode_icon_with_title.small.circle.center .icon_text_holder,
  904. .shortcode_icon_with_title.small.icon_image.center .icon_text_holder,
  905. .shortcode_icon_with_title.tiny.boxed.center .icon_text_holder,
  906. .shortcode_icon_with_title.tiny.center .icon_text_holder,
  907. .shortcode_icon_with_title.tiny.circle.center .icon_text_holder,
  908. .shortcode_icon_with_title.tiny.icon_image.center .icon_text_holder,
  909. .shortcode_icon_with_title.very_large.boxed.center .icon_text_holder,
  910. .shortcode_icon_with_title.very_large.center .icon_text_holder,
  911. .shortcode_icon_with_title.very_large.circle.center .icon_text_holder,
  912. .shortcode_icon_with_title.very_large.icon_image.center .icon_text_holder {
  913.   padding: 0; }
  914.  
  915. .shortcode_icon_with_title.left_from_title .icon_holder {
  916.   display: block; }
  917.  
  918. .shortcode_icon_with_title.left_from_title.tiny .icon_holder,
  919. .shortcode_icon_with_title.tiny .icon_holder img {
  920.   width: 35px; }
  921.  
  922. .shortcode_icon_with_title.left_from_title.large.normal_icon .icon_holder,
  923. .shortcode_icon_with_title.left_from_title.small .icon_holder,
  924. .shortcode_icon_with_title.small .icon_holder img {
  925.   width: 48px; }
  926.  
  927. .shortcode_icon_with_title.left_from_title.medium .icon_holder,
  928. .shortcode_icon_with_title.left_from_title.very_large.normal_icon .icon_holder,
  929. .shortcode_icon_with_title.medium .icon_holder img {
  930.   width: 78px; }
  931.  
  932. .shortcode_icon_with_title.large .icon_holder img,
  933. .shortcode_icon_with_title.left_from_title.large .icon_holder {
  934.   width: 104px; }
  935.  
  936. .shortcode_icon_with_title.left_from_title.very_large .icon_holder,
  937. .shortcode_icon_with_title.very_large .icon_holder img {
  938.   width: 130px; }
  939.  
  940. .shortcode_icon_with_title.left_from_title.tiny.normal_icon .icon_holder {
  941.   width: 25px; }
  942.  
  943. .shortcode_icon_with_title.left_from_title.medium.normal_icon .icon_holder {
  944.   width: 75px; }
  945.  
  946. .fa_icon {
  947.   display: inline-block; }
  948.  
  949. .fa_icon i {
  950.   color: #000000;
  951.   -webkit-transition: color 0.3s ease-in-out;
  952.   transition: color 0.3s ease-in-out;
  953.   -webkit-backface-visibility: hidden; }
  954.  
  955. .fa_icon i:hover {
  956.   color: #000000; }
  957.  
  958. .fa_icon.pull-center {
  959.   display: block;
  960.   text-align: center; }
  961.  
  962. .fa_icon_square.pull-center,
  963. .fa_icon_stack.pull-center {
  964.   display: block;
  965.   margin: 0 auto !important; }
  966.  
  967. .box_holder_icon_inner.square .fa-stack,
  968. .shortcode_icon_with_title.square .icon_holder .fa-stack {
  969.   text-align: center; }
  970.  
  971. /* = 7.13 Team member
  972.  
  973. -------------------------------------------------------------- */
  974. .shortcode_team {
  975.   overflow: hidden; }
  976.   .shortcode_team .team_inner {
  977.     overflow: hidden;
  978.     width: 100%; }
  979.     .shortcode_team .team_inner.small {
  980.       width: 85%;
  981.       margin: 0 auto; }
  982.   .shortcode_team .team_image {
  983.     position: relative;
  984.     overflow: hidden; }
  985.     .shortcode_team .team_image img {
  986.       width: 100%;
  987.       margin: 0 0 -6px; }
  988.       .shortcode_team .team_image img.rounded {
  989.         border-radius: 50%; }
  990.   .shortcode_team .team_text {
  991.     padding: 0; }
  992.     .shortcode_team .team_text .team_title_holder {
  993.       padding: 12px 0;
  994.       text-align: center; }
  995.       .shortcode_team .team_text .team_title_holder .team_name {
  996.         margin: 0; }
  997.  
  998. /* = 7.14 Social Icons
  999.  
  1000. -------------------------------------------------------------- */
  1001. .shortcode_social_icon_holder {
  1002.   display: inline-block;
  1003.   position: relative; }
  1004.  
  1005. .shortcode_social_icon_holder.normal_social {
  1006.   margin: 0 6px; }
  1007.  
  1008. .shortcode_social_icon_holder i.simple_social {
  1009.   color: #8c8c8c; }
  1010.  
  1011. .shortcode_social_icon_holder:hover i.simple_social {
  1012.   color: #000000; }
  1013.  
  1014. .shortcode_social_icon_holder .fa-stack {
  1015.   background-color: #8c8c8c;
  1016.   border: 0 solid #f0f0f0;
  1017.   border-radius: 2em;
  1018.   margin: 0.2307692307692308em; }
  1019.  
  1020. .shortcode_social_icon_holder .fa-stack {
  1021.   background: transparent;
  1022.   border: 0;
  1023.   padding: 0;
  1024.   margin: 0;
  1025.   -webkit-box-shadow: none;
  1026.           box-shadow: none;
  1027.   border-radius: 0;
  1028.   font-size: 13px; }
  1029.  
  1030. .shortcode_social_icon_holder .fa-stack i {
  1031.   color: #8c8c8c; }
  1032.  
  1033. .shortcode_social_icon_holder.circle_social .fa-stack:hover {
  1034.   background-color: #fcf751;
  1035.   border-color: transparent; }
  1036.  
  1037. .shortcode_social_icon_holder.circle_social .fa-stack:hover i {
  1038.   color: #fff; }
  1039.  
  1040. .shortcode_social_icon_holder .fa-stack i.fa-circle {
  1041.   color: #fbfbfb; }
  1042.  
  1043. .shortcode_social_icon_holder .fa-stack.fa-2x {
  1044.   width: 36px;
  1045.   height: 36px;
  1046.   line-height: 31px; }
  1047.  
  1048. .shortcode_social_icon_holder .fa-stack.fa-lg i:last-child {
  1049.   font-size: 1em; }
  1050.  
  1051. /* = 7.15 Service Tables
  1052.  
  1053. -------------------------------------------------------------- */
  1054. .shortcode_service_table_holder {
  1055.   display: block;
  1056.   position: relative;
  1057.   border-radius: 4px; }
  1058.  
  1059. .shortcode_service_table_inner {
  1060.   display: block;
  1061.   position: relative;
  1062.   list-style: none;
  1063.   margin: 0;
  1064.   padding: 24px 48px; }
  1065.  
  1066. .shortcode_service_table_inner ul {
  1067.   padding: 0 !important; }
  1068.  
  1069. .shortcode_service_table_inner li {
  1070.   display: block;
  1071.   margin: 0;
  1072.   padding: 0;
  1073.   list-style: none;
  1074.   text-align: center; }
  1075.  
  1076. .shortcode_service_table_inner li:last-child {
  1077.   border-bottom: 0; }
  1078.  
  1079. .shortcode_service_table_inner div.title_holder {
  1080.   display: block;
  1081.   position: relative;
  1082.   border: none; }
  1083.  
  1084. .shortcode_service_table_inner div.title_holder i {
  1085.   color: #000000; }
  1086.  
  1087. .shortcode_service_table_holder .title_inner {
  1088.   position: relative;
  1089.   display: table;
  1090.   width: 100%;
  1091.   height: 100%;
  1092.   text-align: center; }
  1093.  
  1094. .shortcode_service_table_holder .service_title {
  1095.   display: block;
  1096.   margin: 24px 0;
  1097.   padding: 0; }
  1098.  
  1099. .shortcode_service_table_holder .title_holder i {
  1100.   display: block;
  1101.   line-height: 1em;
  1102.   padding: 24px 0 0; }
  1103.  
  1104. .shortcode_service_table_holder .service_table_content {
  1105.   text-align: center;
  1106.   padding: 0 2% 24px; }
  1107.  
  1108. /* = 7.16 Pricing Tables
  1109.  
  1110. -------------------------------------------------------------- */
  1111. .shortcode_price_table_holder {
  1112.   position: relative;
  1113.   display: inline-block;
  1114.   width: 100%; }
  1115.  
  1116. .shortcode_price_table_holder .shortcode_price_table {
  1117.   position: relative;
  1118.   display: block;
  1119.   float: left; }
  1120.  
  1121. .price_table_inner,
  1122. .shortcode_price_table .active_price_table {
  1123.   position: relative;
  1124.   display: block;
  1125.   margin: 0 12px;
  1126.   border-radius: 4px; }
  1127.  
  1128. .shortcode_price_table .active_price_table {
  1129.   position: absolute;
  1130.   top: -54px;
  1131.   right: 22px;
  1132.   z-index: 2;
  1133.   border-radius: 100%;
  1134.   width: 110px;
  1135.   height: 110px;
  1136.   line-height: 110px;
  1137.   font-size: 19px;
  1138.   text-transform: uppercase;
  1139.   text-align: center;
  1140.   display: table;
  1141.   color: #fff;
  1142.   background-color: #000000; }
  1143.  
  1144. .shortcode_price_table_holder .active_price_table span {
  1145.   display: table-cell;
  1146.   vertical-align: middle;
  1147.   position: static;
  1148.   font-size: 16px;
  1149.   padding: 0 12px;
  1150.   margin: 0;
  1151.   color: #ffffff;
  1152.   line-height: 18px; }
  1153.  
  1154. .price_table_inner {
  1155.   padding: 24px 0;
  1156.   background: #f9f9f9;
  1157.   text-align: center; }
  1158.  
  1159. .price_table_inner ul,
  1160. .price_table_inner ul ul {
  1161.   list-style: none;
  1162.   margin: 0;
  1163.   padding: 0; }
  1164.  
  1165. .price_table_inner ul li {
  1166.   text-align: center;
  1167.   margin: 0;
  1168.   padding: 0 24px; }
  1169.  
  1170. .price_table_inner ul div.pricing_table_content {
  1171.   padding: 0 24px 24px; }
  1172.  
  1173. .price_table_inner ul div.pricing_table_content > ul {
  1174.   padding: 0; }
  1175.  
  1176. .price_table_inner ul div.pricing_table_content > ul > li {
  1177.   line-height: 24px;
  1178.   padding: 12px 0;
  1179.   margin: 0 24px;
  1180.   border-bottom: 1px solid #d7d7d7; }
  1181.  
  1182. .price_table_inner ul div.pricing_table_content > ul > li:last-child,
  1183. .shortcode_price_table_holder .shortcode_price_table.active_price .price_table_inner ul div.pricing_table_content > ul > li:last-child {
  1184.   border-bottom: none; }
  1185.  
  1186. .price_table_inner ul li.prices {
  1187.   padding: 0 12px; }
  1188.  
  1189. .price_table_inner .title {
  1190.   text-transform: uppercase;
  1191.   margin: 0;
  1192.   padding: 32px 0 0; }
  1193.  
  1194. .price_table_inner .subtitle {
  1195.   font-size: 16px;
  1196.   padding: 0; }
  1197.  
  1198. .price_table_inner .line {
  1199.   padding: 36px 0 0;
  1200.   margin-top: 36px; }
  1201.  
  1202. .price_table_inner .price_in_table,
  1203. .price_table_inner .title {
  1204.   display: block; }
  1205.  
  1206. .price_table_inner .price_in_table {
  1207.   padding: 18px 0 12px;
  1208.   color: #000000; }
  1209.  
  1210. .price_in_table .mark,
  1211. .price_in_table .value {
  1212.   font-size: 16px;
  1213.   line-height: 32px;
  1214.   vertical-align: top;
  1215.   display: inline-block; }
  1216.  
  1217. .price_in_table .mark {
  1218.   position: relative;
  1219.   font-size: 21px;
  1220.   letter-spacing: 1px;
  1221.   vertical-align: bottom; }
  1222.  
  1223. .price_in_table .price {
  1224.   position: relative;
  1225.   display: inline-block;
  1226.   font-size: 72px;
  1227.   line-height: 36px; }
  1228.  
  1229. .price_table_inner ul li .button {
  1230.   margin: 8px auto; }
  1231.  
  1232. .shortcode_price_table_holder.one_column .shortcode_price_table {
  1233.   float: none; }
  1234.  
  1235. .shortcode_price_table_holder.two_columns .shortcode_price_table {
  1236.   width: 50%; }
  1237.  
  1238. .shortcode_price_table_holder.three_columns .shortcode_price_table {
  1239.   width: 33.3%; }
  1240.  
  1241. .shortcode_price_table_holder.four_columns .shortcode_price_table {
  1242.   width: 25%; }
  1243.  
  1244. .shortcode_price_table_holder.five_columns .shortcode_price_table {
  1245.   width: 20%; }
  1246.  
  1247. /* = 7.17 Padding
  1248.  
  1249. -------------------------------------------------------------- */
  1250. .shortcode_padding {
  1251.   position: relative;
  1252.   padding: 8%; }
  1253.  
  1254. /* = 7.18 Accordion
  1255.  
  1256. -------------------------------------------------------------- */
  1257. .shortcode_accordion .shortcode_accordion_item .expand-item {
  1258.   -webkit-appearance: none;
  1259.   width: 100%;
  1260.   border: none;
  1261.   text-align: left;
  1262.   padding: 10px;
  1263.   background: #d7d7d7;
  1264.   color: #111111;
  1265.   -webkit-transition: background 0.2s;
  1266.   transition: background 0.2s; }
  1267.   .shortcode_accordion .shortcode_accordion_item .expand-item:after {
  1268.     content: '+';
  1269.     float: right;
  1270.     font-weight: bold; }
  1271.  
  1272. .shortcode_accordion .shortcode_accordion_item .content {
  1273.   display: none;
  1274.   padding: 10px; }
  1275.  
  1276. .shortcode_accordion .shortcode_accordion_item.expanded .expand-item:after {
  1277.   content: '- '; }
  1278.  
  1279. /* = 9. Base
  1280. -------------------------------------------------------------- */
  1281. /* = 9.1 Body
  1282.  
  1283. -------------------------------------------------------------- */
  1284. body {
  1285.   line-height: 1.7em;
  1286.   height: 100%;
  1287.   color: #8c8c8c;
  1288.   overflow-x: hidden;
  1289.   background-color: #f9f9f9;
  1290.   position: relative;
  1291.   width: 100%; }
  1292.   body * {
  1293.     -webkit-box-sizing: border-box;
  1294.             box-sizing: border-box; }
  1295.  
  1296. .loader {
  1297.   position: absolute;
  1298.   width: 100%;
  1299.   height: 100%;
  1300.   top: 0;
  1301.   left: 0;
  1302.   background: #000000; }
  1303.   .loader img {
  1304.     position: absolute;
  1305.     left: 50%;
  1306.     -webkit-transform: translateX(-50%);
  1307.     transform: translateX(-50%);
  1308.     top: 50%;
  1309.     -webkit-transform: translateY(-50%);
  1310.     transform: translateY(-50%); }
  1311.  
  1312. .test {
  1313.   text-transform: uppercase;
  1314.   margin: 10px 20px; }
  1315.  
  1316. @media screen and (max-width: 600px) {
  1317.   #wpadminbar {
  1318.     position: fixed; } }
  1319.  
  1320. /* = 9.2 Body Classes
  1321.  
  1322. -------------------------------------------------------------- */
  1323. /* for sites that are read right to left (i.e. hebrew) */
  1324. /* home page */
  1325. /* blog template page */
  1326. /* archive page */
  1327. /* date archive page */
  1328. /* replace the number to the corresponding page number */
  1329. /* search page */
  1330. /* search result page */
  1331. /* no results search page */
  1332. /* individual paged search (i.e. body.search-paged-3) */
  1333. /* 404 page */
  1334. /* single post page */
  1335. /* individual post page by id (i.e. body.postid-73) */
  1336. /* individual paged single (i.e. body.single-paged-3) */
  1337. /* attatchment page */
  1338. /* individual attatchment page (i.e. body.attachmentid-763) */
  1339. /* style mime type pages */
  1340. /* author page */
  1341. /* user nicename (i.e. body.author-samueladams) */
  1342. /* paged author archives (i.e. body.author-paged-4) for page 4 */
  1343. /* category page */
  1344. /* individual category page (i.e. body.category-6) */
  1345. /* replace the number to the corresponding page number */
  1346. /* tag page */
  1347. /* individual tag page (i.e. body.tag-news) */
  1348. /* replace the number to the corresponding page number */
  1349. /* custom page template page */
  1350. /* individual page template (i.e. body.page-template-contact-php */
  1351. /* replace the number to the corresponding page number */
  1352. /* parent page template */
  1353. /* child page template */
  1354. /* replace the number to the corresponding page number */
  1355. /* if user is logged in */
  1356. /* paged items like search results or archives */
  1357. /* individual paged (i.e. body.paged-3) */
  1358. body.pace-done #container {
  1359.   visibility: visible;
  1360.   animation: fadeIn 2s;
  1361.   -webkit-animation: fadeIn 2s; }
  1362.  
  1363. .data-lazy-ready {
  1364.   animation: fadeIn 2s;
  1365.   -webkit-animation: fadeIn 2s; }
  1366.  
  1367. /* = 9.3 Structure
  1368.  
  1369. -------------------------------------------------------------- */
  1370. .wrap {
  1371.   width: 100%;
  1372.   margin: 0 auto;
  1373.   padding: 0 48px; }
  1374.  
  1375. #container {
  1376.   visibility: hidden; }
  1377.  
  1378. .curtain-bottom,
  1379. .curtain-left,
  1380. .curtain-right,
  1381. .curtain-top {
  1382.   position: fixed;
  1383.   z-index: 10000;
  1384.   -webkit-transform: translateZ(0); }
  1385.  
  1386. .curtain-bottom,
  1387. .curtain-top {
  1388.   width: 100%;
  1389.   top: 0;
  1390.   left: 0; }
  1391.  
  1392. .curtain-bottom {
  1393.   top: auto;
  1394.   bottom: 0; }
  1395.  
  1396. .curtain-left,
  1397. .curtain-right {
  1398.   height: 100%;
  1399.   top: 0;
  1400.   right: 0; }
  1401.  
  1402. .curtain-left {
  1403.   right: auto;
  1404.   left: 0; }
  1405.  
  1406. body.admin-bar .curtain-top {
  1407.   top: 32px; }
  1408.   @media screen and (max-width: 782px) {
  1409.     body.admin-bar .curtain-top {
  1410.       top: 46px; } }
  1411.  
  1412. /* = 9.4 Columns
  1413.  
  1414. -------------------------------------------------------------- */
  1415. .one_fourth,
  1416. .one_half,
  1417. .one_third,
  1418. .three_fourth,
  1419. .two_third {
  1420.   float: left;
  1421.   position: relative;
  1422.   margin: 0; }
  1423.  
  1424. .full_col {
  1425.   width: 100%;
  1426.   position: relative; }
  1427.  
  1428. .one_half {
  1429.   width: 48%;
  1430.   margin-right: 4%; }
  1431.  
  1432. .one_third {
  1433.   width: 30%;
  1434.   margin-right: 5%; }
  1435.  
  1436. .two_third {
  1437.   width: 65%;
  1438.   margin-right: 5%; }
  1439.  
  1440. .one_fourth {
  1441.   width: 22%;
  1442.   margin-right: 4%; }
  1443.  
  1444. .three_fourth {
  1445.   width: 74%;
  1446.   margin-right: 4%; }
  1447.  
  1448. .last {
  1449.   margin-right: 0 !important; }
  1450.  
  1451. .last:after {
  1452.   content: "\0020";
  1453.   display: block;
  1454.   height: 0;
  1455.   clear: both;
  1456.   visibility: hidden; }
  1457.  
  1458. .right {
  1459.   text-align: right;
  1460.   float: right; }
  1461.  
  1462. .left {
  1463.   text-align: left;
  1464.   float: left; }
  1465.  
  1466. .center {
  1467.   text-align: center;
  1468.   margin: 0 auto; }
  1469.  
  1470. /* = 9.5 Links
  1471.  
  1472. -------------------------------------------------------------- */
  1473. a,
  1474. a:visited {
  1475.   color: #000000;
  1476.   text-decoration: none;
  1477.   transition: color 0.2s;
  1478.   -moz-transition: color 0.2s;
  1479.   -webkit-transition: color 0.2s;
  1480.   -o-transition: color 0.2s;
  1481.   /* on hover */
  1482.   /* on click */
  1483.   /* mobile tap color */ }
  1484.   a:focus, a:hover,
  1485.   a:visited:focus,
  1486.   a:visited:hover {
  1487.     color: #8c8c8c; }
  1488.   a:link,
  1489.   a:visited:link {
  1490.     /*
  1491.         this highlights links on iPhones/iPads.
  1492.         so it basically works like the :hover selector
  1493.         for mobile devices.
  1494.         */
  1495.     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3); }
  1496.  
  1497. /* = 9.6 Headings
  1498.  
  1499. -------------------------------------------------------------- */
  1500. .h1,
  1501. .h2,
  1502. .h3,
  1503. .h4,
  1504. .h5,
  1505. .h6,
  1506. h1,
  1507. h2,
  1508. h3,
  1509. h4,
  1510. h5,
  1511. h6 {
  1512.   text-rendering: optimizelegibility;
  1513.   color: #000000;
  1514.   line-height: 1.333em; }
  1515.   .h1 a,
  1516.   .h2 a,
  1517.   .h3 a,
  1518.   .h4 a,
  1519.   .h5 a,
  1520.   .h6 a,
  1521.   h1 a,
  1522.   h2 a,
  1523.   h3 a,
  1524.   h4 a,
  1525.   h5 a,
  1526.   h6 a {
  1527.     text-decoration: none; }
  1528.  
  1529. .h1,
  1530. h1 {
  1531.   font-size: 4em; }
  1532.  
  1533. .h2,
  1534. h2 {
  1535.   font-size: 3em; }
  1536.  
  1537. .h3,
  1538. h3 {
  1539.   font-size: 2.4em; }
  1540.  
  1541. .h4,
  1542. h4 {
  1543.   font-size: 1.8em; }
  1544.  
  1545. .h5,
  1546. h5 {
  1547.   font-size: 1.5em; }
  1548.  
  1549. .h6,
  1550. h6 {
  1551.   font-size: 1.1em;
  1552.   letter-spacing: 2px;
  1553.   text-transform: uppercase; }
  1554.  
  1555. .intro {
  1556.   position: relative;
  1557.   z-index: 9999; }
  1558.   .intro h1 {
  1559.     font-size: 82px;
  1560.     font-weight: 700;
  1561.     text-transform: uppercase;
  1562.     letter-spacing: 0.1em;
  1563.     color: #ffffff;
  1564.     margin: 0;
  1565.     text-shadow: 0 0 1px gray; }
  1566.   .intro h2 {
  1567.     font-size: 18px;
  1568.     text-transform: uppercase;
  1569.     letter-spacing: 0.2em;
  1570.     color: #ffffff;
  1571.     margin-bottom: -5px;
  1572.     text-shadow: 0 0 1px gray; }
  1573.   .intro h3 {
  1574.     color: #ffffff;
  1575.     text-transform: uppercase;
  1576.     font-weight: normal;
  1577.     font-size: 2em; }
  1578.   .intro img {
  1579.     margin: 22px 0 0; }
  1580.   .intro .readmore {
  1581.     display: block;
  1582.     color: #ffffff;
  1583.     font-size: 12px;
  1584.     text-transform: uppercase;
  1585.     padding: 12px;
  1586.     width: 185px;
  1587.     border: 4px solid #ffffff;
  1588.     letter-spacing: 0.2em;
  1589.     font-weight: 600;
  1590.     margin: 36px auto 0;
  1591.     -webkit-transition: all 0.2s ease-in-out;
  1592.     transition: all 0.2s ease-in-out;
  1593.     -webkit-font-smoothing: antialiased;
  1594.     -moz-osx-font-smoothing: grayscale; }
  1595.     .intro .readmore:hover {
  1596.       color: #ffffff;
  1597.       border-color: #000000;
  1598.       background: #000000; }
  1599.  
  1600. /* = 9.7 Header
  1601.  
  1602. -------------------------------------------------------------- */
  1603. header.header {
  1604.   position: relative;
  1605.   width: 100%;
  1606.   background: #ffffff;
  1607.   z-index: 9998;
  1608.   -webkit-transition: all 0.6s ease-in-out;
  1609.   -moz-transition: all 0.6s ease-in-out;
  1610.   -o-transition: all 0.6s ease-in-out;
  1611.   -ms-transition: all 0.6s ease-in-out; }
  1612.   header.header .brand {
  1613.     float: left;
  1614.     position: relative;
  1615.     min-width: 225px; }
  1616.     header.header .brand a {
  1617.       display: block; }
  1618.     header.header .brand img {
  1619.       display: block;
  1620.       opacity: 1;
  1621.       max-height: 100%;
  1622.       -webkit-transition: opacity 0.6s ease-in-out;
  1623.       -moz-transition: opacity 0.6s ease-in-out;
  1624.       -o-transition: opacity 0.6s ease-in-out;
  1625.       -ms-transition: opacity 0.6s ease-in-out;
  1626.       position: absolute;
  1627.       top: 0;
  1628.       left: 0; }
  1629.       header.header .brand img.inverted {
  1630.         opacity: 0; }
  1631.     header.header .brand h1.site-title {
  1632.       font-size: 2em;
  1633.       color: #000000;
  1634.       margin: 0;
  1635.       -webkit-transition: color 0.6s ease-in-out;
  1636.       -moz-transition: color 0.6s ease-in-out;
  1637.       -o-transition: color 0.6s ease-in-out;
  1638.       -ms-transition: color 0.6s ease-in-out; }
  1639.  
  1640. header.scroll {
  1641.   position: fixed;
  1642.   left: 0; }
  1643.  
  1644. body.admin-bar header.scroll {
  1645.   top: 32px; }
  1646.   @media screen and (max-width: 782px) {
  1647.     body.admin-bar header.scroll {
  1648.       top: 46px; } }
  1649.  
  1650. .top-header {
  1651.   background-repeat: no-repeat;
  1652.   background-size: cover; }
  1653.  
  1654. /* = 9.8.0 Text meant only for screen readers.
  1655.  
  1656. -------------------------------------------------------------- */
  1657. .screen-reader-text {
  1658.   clip: rect(1px, 1px, 1px, 1px);
  1659.   position: absolute !important;
  1660.   height: 1px;
  1661.   width: 1px;
  1662.   overflow: hidden; }
  1663.  
  1664. .screen-reader-text:focus {
  1665.   background-color: #f1f1f1;
  1666.   border-radius: 3px;
  1667.   -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1668.           box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  1669.   clip: auto !important;
  1670.   color: #21759b;
  1671.   display: block;
  1672.   font-size: 14px;
  1673.   font-size: 0.875rem;
  1674.   font-weight: bold;
  1675.   height: auto;
  1676.   left: 5px;
  1677.   line-height: normal;
  1678.   padding: 15px 23px 14px;
  1679.   text-decoration: none;
  1680.   top: 5px;
  1681.   width: auto;
  1682.   z-index: 100000;
  1683.   /* Above WP toolbar. */ }
  1684.  
  1685. .comment.bypostauthor {
  1686.   border-left: 4px solid #ec3642; }
  1687.  
  1688. /* = 9.8 Navigation
  1689.  
  1690. -------------------------------------------------------------- */
  1691. nav {
  1692.   position: relative; }
  1693.  
  1694. /* Normal Logo Navigation */
  1695. .nav > li:hover > .sub-menu {
  1696.   display: block; }
  1697.  
  1698. .nav > li ul.children li:hover .sub-menu,
  1699. .nav > li ul.sub-menu li:hover .sub-menu {
  1700.   display: block;
  1701.   position: absolute;
  1702.   top: 0;
  1703.   left: 200px; }
  1704.  
  1705. .nav {
  1706.   float: right;
  1707.   display: block;
  1708.   margin: 0;
  1709.   padding: 0;
  1710.   list-style-type: none; }
  1711.   .nav > li {
  1712.     float: left;
  1713.     text-transform: uppercase;
  1714.     color: #000000;
  1715.     font-size: 16px;
  1716.     position: relative;
  1717.     letter-spacing: 0.2em;
  1718.     margin-right: 50px;
  1719.     /* = 9.8.1 Dropdown Navigation
  1720.  
  1721.         -------------------------------------------------------------- */ }
  1722.     .nav > li > a {
  1723.       display: inline-block;
  1724.       padding: 0;
  1725.       margin: 0;
  1726.       font-size: 14px;
  1727.       color: #8c8c8c;
  1728.       -webkit-transition: all 0.2s ease-in-out;
  1729.       transition: all 0.2s ease-in-out; }
  1730.       .nav > li > a.active, .nav > li > a:hover {
  1731.         color: #000000;
  1732.         cursor: pointer; }
  1733.       .nav > li > a:after {
  1734.         position: absolute;
  1735.         left: 0;
  1736.         width: 100%;
  1737.         height: 3px;
  1738.         background: #000000;
  1739.         content: '';
  1740.         margin-top: -2px;
  1741.         opacity: 0;
  1742.         -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  1743.         transition: opacity 0.3s, -webkit-transform 0.3s;
  1744.         transition: opacity 0.3s, transform 0.3s;
  1745.         transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  1746.         -webkit-transform: translateY(10px);
  1747.         transform: translateY(10px); }
  1748.     .nav > li:focus a:after,
  1749.     .nav > li:hover a:after {
  1750.       opacity: 1;
  1751.       -webkit-transform: translateY(0px);
  1752.       transform: translateY(0px); }
  1753.     .nav > li:last-child {
  1754.       margin-right: 0; }
  1755.     .nav > li ul.children,
  1756.     .nav > li ul.sub-menu {
  1757.       position: absolute;
  1758.       left: 0;
  1759.       display: none;
  1760.       padding: 24px;
  1761.       margin: 0;
  1762.       width: 100%;
  1763.       min-width: 225px;
  1764.       z-index: 9999;
  1765.       background: #000000; }
  1766.       .nav > li ul.children li,
  1767.       .nav > li ul.sub-menu li {
  1768.         float: left;
  1769.         clear: left;
  1770.         line-height: 16px;
  1771.         padding: 5px 0;
  1772.         display: block;
  1773.         width: 100%; }
  1774.         .nav > li ul.children li a,
  1775.         .nav > li ul.sub-menu li a {
  1776.           display: inline-block;
  1777.           font-size: 14px;
  1778.           color: #ffffff;
  1779.           -moz-osx-font-smoothing: grayscale;
  1780.           letter-spacing: 0;
  1781.           text-transform: none; }
  1782.           .nav > li ul.children li a:hover,
  1783.           .nav > li ul.sub-menu li a:hover {
  1784.             color: #8c8c8c !important; }
  1785.  
  1786. /* = 9.8.2 Secondary Navigation
  1787.  
  1788. -------------------------------------------------------------- */
  1789. nav.secondary {
  1790.   float: right;
  1791.   margin-left: 50px; }
  1792.   nav.secondary ul > li {
  1793.     padding: 0;
  1794.     margin-right: 25px; }
  1795.     nav.secondary ul > li > a {
  1796.       color: #8c8c8c;
  1797.       font-size: 16px;
  1798.       letter-spacing: 0;
  1799.       padding: 0; }
  1800.       nav.secondary ul > li > a.active, nav.secondary ul > li > a:hover {
  1801.         color: #000000;
  1802.         border-bottom: none; }
  1803.       nav.secondary ul > li > a:focus::after, nav.secondary ul > li > a:hover::after {
  1804.         opacity: 0; }
  1805.     nav.secondary ul > li:last-child {
  1806.       margin-right: 0; }
  1807.   nav.secondary .search-button .close-icon,
  1808.   nav.secondary .search-button .search-icon {
  1809.     -webkit-transition: opacity 0.5s;
  1810.     transition: opacity 0.5s; }
  1811.   nav.secondary .search-button .close-icon {
  1812.     opacity: 0;
  1813.     font-size: 18px; }
  1814.   nav.secondary .search-button .search-icon {
  1815.     opacity: 1;
  1816.     margin-right: -18px; }
  1817.   nav.secondary .search-button.open .search-icon {
  1818.     opacity: 0; }
  1819.   nav.secondary .search-button.open .close-icon {
  1820.     opacity: 1; }
  1821.  
  1822. /* = 9.8.3 Mobile Navigation
  1823.  
  1824. -------------------------------------------------------------- */
  1825. nav.mobile {
  1826.   display: none;
  1827.   position: absolute;
  1828.   left: 0;
  1829.   opacity: 0;
  1830.   visibility: hidden;
  1831.   width: 100%;
  1832.   height: 100%;
  1833.   height: auto;
  1834.   z-index: 9999;
  1835.   text-align: left;
  1836.   line-height: 140%;
  1837.   overflow-y: scroll;
  1838.   padding-top: 5px;
  1839.   padding-bottom: 32px;
  1840.   background: rgba(0, 0, 0, 0.95);
  1841.   -webkit-transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  1842.   transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out; }
  1843.   @media screen and (max-width: 782px) {
  1844.     nav.mobile {
  1845.       padding-bottom: 46px; } }
  1846.   nav.mobile.open {
  1847.     opacity: 1;
  1848.     visibility: visible; }
  1849.   nav.mobile ul {
  1850.     position: relative;
  1851.     width: 100%;
  1852.     height: auto;
  1853.     list-style: none;
  1854.     padding: 0;
  1855.     margin: 0 0 30px; }
  1856.     nav.mobile ul li {
  1857.       margin: 0;
  1858.       padding: 8px 0;
  1859.       line-height: 1.7em;
  1860.       border-bottom: 1px solid #272727; }
  1861.       nav.mobile ul li:last-child ul.sub-menu {
  1862.         padding-bottom: 0; }
  1863.       nav.mobile ul li a {
  1864.         color: #ffffff;
  1865.         text-align: left;
  1866.         padding: 0 24px;
  1867.         display: block;
  1868.         position: relative;
  1869.         text-transform: none;
  1870.         letter-spacing: 0; }
  1871.         nav.mobile ul li a:hover {
  1872.           color: #8c8c8c; }
  1873.       nav.mobile ul li.active > a {
  1874.         color: #ffffff; }
  1875.       nav.mobile ul li:last-child {
  1876.         border-bottom: none; }
  1877.       nav.mobile ul li ul.sub-menu {
  1878.         margin: 0;
  1879.         padding: 12px 0;
  1880.         top: 0;
  1881.         line-height: 140%; }
  1882.         nav.mobile ul li ul.sub-menu li {
  1883.           border-bottom: none;
  1884.           text-indent: 24px;
  1885.           padding: 0;
  1886.           height: auto; }
  1887.           nav.mobile ul li ul.sub-menu li a {
  1888.             font-size: 13px;
  1889.             color: #ffffff; }
  1890.             nav.mobile ul li ul.sub-menu li a:hover {
  1891.               color: #8c8c8c; }
  1892.  
  1893. html.mobile-menu-open {
  1894.   overflow-y: hidden;
  1895.   height: 100%;
  1896.   position: fixed; }
  1897.   html.mobile-menu-open body {
  1898.     position: fixed; }
  1899.  
  1900. .mobile-trigger {
  1901.   display: none;
  1902.   float: right; }
  1903.   .mobile-trigger span {
  1904.     display: block;
  1905.     position: relative;
  1906.     cursor: pointer;
  1907.     vertical-align: middle; }
  1908.     .mobile-trigger span i {
  1909.       color: #8c8c8c; }
  1910.  
  1911. /* = 9.8.4 Inverted Header Navigation
  1912.  
  1913. -------------------------------------------------------------- */
  1914. header.inverted {
  1915.   background: transparent; }
  1916.   header.inverted .brand img.normal {
  1917.     opacity: 0; }
  1918.   header.inverted .brand img.inverted {
  1919.     opacity: 1; }
  1920.   header.inverted .brand h1.site-title {
  1921.     color: #ffffff !important; }
  1922.   header.inverted .nav > li {
  1923.     color: #ffffff;
  1924.     /*
  1925.             drop down
  1926.             */ }
  1927.     header.inverted .nav > li > a {
  1928.       color: #ffffff; }
  1929.       header.inverted .nav > li > a.active, header.inverted .nav > li > a:hover {
  1930.         color: #ffffff; }
  1931.       header.inverted .nav > li > a:after {
  1932.         background: white; }
  1933.     header.inverted .nav > li ul.children,
  1934.     header.inverted .nav > li ul.sub-menu {
  1935.       background: #ffffff; }
  1936.       header.inverted .nav > li ul.children li a,
  1937.       header.inverted .nav > li ul.sub-menu li a {
  1938.         color: #000000; }
  1939.         header.inverted .nav > li ul.children li a:hover,
  1940.         header.inverted .nav > li ul.sub-menu li a:hover {
  1941.           color: #8c8c8c !important; }
  1942.   header.inverted .nav.secondary > li > a {
  1943.     color: #ffffff; }
  1944.     header.inverted .nav.secondary > li > a.active, header.inverted .nav.secondary > li > a:hover {
  1945.       color: #8c8c8c; }
  1946.   header.inverted .mobile-trigger span i {
  1947.     color: #ffffff; }
  1948.   header.inverted.headroom--not-top {
  1949.     background: #ffffff; }
  1950.     header.inverted.headroom--not-top .brand img.normal {
  1951.       opacity: 1; }
  1952.     header.inverted.headroom--not-top .brand img.inverted {
  1953.       opacity: 0; }
  1954.     header.inverted.headroom--not-top .brand h1.site-title {
  1955.       color: #000000; }
  1956.     header.inverted.headroom--not-top .nav {
  1957.       /*
  1958.             drop down
  1959.             */ }
  1960.       header.inverted.headroom--not-top .nav > li {
  1961.         color: #8c8c8c; }
  1962.         header.inverted.headroom--not-top .nav > li > a {
  1963.           color: #8c8c8c; }
  1964.           header.inverted.headroom--not-top .nav > li > a.active, header.inverted.headroom--not-top .nav > li > a:hover {
  1965.             color: #000000; }
  1966.           header.inverted.headroom--not-top .nav > li > a:after {
  1967.             background: #000000; }
  1968.       header.inverted.headroom--not-top .nav ul.children,
  1969.       header.inverted.headroom--not-top .nav ul.sub-menu {
  1970.         background: #000000; }
  1971.         header.inverted.headroom--not-top .nav ul.children li a,
  1972.         header.inverted.headroom--not-top .nav ul.sub-menu li a {
  1973.           color: #ffffff; }
  1974.     header.inverted.headroom--not-top .mobile-trigger span i {
  1975.       color: #8c8c8c; }
  1976.  
  1977. /* = 9.8.5 Hidden Header Navigation
  1978.  
  1979. -------------------------------------------------------------- */
  1980. header.header.hidden {
  1981.   display: none; }
  1982.  
  1983. /* = 9.9 Posts & Content Styles
  1984.  
  1985. -------------------------------------------------------------- */
  1986. /* = 9.9.1 Hentry
  1987.  
  1988. -------------------------------------------------------------- */
  1989. .hentry footer {
  1990.   padding: 1.5em 0; }
  1991.   .hentry footer p {
  1992.     margin: 0; }
  1993.  
  1994. .hentry section.content {
  1995.   padding: 72px 0 0;
  1996.   background: #ffffff; }
  1997.  
  1998. .none-found .title {
  1999.   margin-top: 0; }
  2000.  
  2001. .none-found .subtitle {
  2002.   color: #272727;
  2003.   margin-bottom: 0;
  2004.   font-size: 1.7em; }
  2005.  
  2006. .none-found a {
  2007.   border-bottom: solid 3px #d7d7d7; }
  2008.  
  2009. /* = 9.9.2 Page Header
  2010.  
  2011. -------------------------------------------------------------- */
  2012. .page-header h6 {
  2013.   margin: 0;
  2014.   padding: 4em 0; }
  2015.  
  2016. .entry-header {
  2017.   width: 100%;
  2018.   background-size: cover;
  2019.   background-position: center; }
  2020.   .entry-header #contactMapHolder {
  2021.     position: relative;
  2022.     display: block;
  2023.     width: 100%;
  2024.     height: 100%;
  2025.     margin: 0; }
  2026.     .entry-header #contactMapHolder .wplook-google-map {
  2027.       width: 100%;
  2028.       height: 100%; }
  2029.  
  2030. .entry-header-search {
  2031.   height: 100%;
  2032.   width: 100%;
  2033.   display: table; }
  2034.   .entry-header-search .inner-content {
  2035.     display: table-cell;
  2036.     vertical-align: middle;
  2037.     background: transparent;
  2038.     margin: 0 auto; }
  2039.     .entry-header-search .inner-content h1,
  2040.     .entry-header-search .inner-content p {
  2041.       margin: 0;
  2042.       padding: 0;
  2043.       color: #8c8c8c; }
  2044.     .entry-header-search .inner-content h1 {
  2045.       color: #ffffff;
  2046.       line-height: 100%; }
  2047.     .entry-header-search .inner-content strong {
  2048.       color: #ffffff; }
  2049.  
  2050. /* = 9.9.3 Entry Content
  2051.  
  2052. -------------------------------------------------------------- */
  2053. .main {
  2054.   position: relative;
  2055.   /* image alignment */ }
  2056.   .main img {
  2057.     max-width: 100%;
  2058.     height: auto; }
  2059.   .main time {
  2060.     color: #8c8c8c;
  2061.     margin: 0;
  2062.     padding: 0; }
  2063.   .main h1 {
  2064.     margin: 0;
  2065.     padding: 0; }
  2066.     .main h1 a {
  2067.       color: #000000; }
  2068.   .main p {
  2069.     margin: 0 0 1.5em; }
  2070.   .main ol li,
  2071.   .main ul li {
  2072.     margin-left: 24px; }
  2073.   .main ul li {
  2074.     margin-left: 0; }
  2075.   .main ol li {
  2076.     list-style-type: decimal; }
  2077.   .main li > ol,
  2078.   .main li > ul {
  2079.     margin: 0 0 0 20px; }
  2080.   .main sub,
  2081.   .main sup {
  2082.     font-size: 75%;
  2083.     height: 0;
  2084.     line-height: 0;
  2085.     position: relative;
  2086.     vertical-align: baseline; }
  2087.   .main sup {
  2088.     bottom: 1ex; }
  2089.   .main sub {
  2090.     top: 0.5ex; }
  2091.   .main small {
  2092.     font-size: smaller; }
  2093.   .main big {
  2094.     font-size: 125%; }
  2095.   .main table {
  2096.     width: 100%;
  2097.     border: 1px solid #d7d7d7;
  2098.     margin-bottom: 1.5em; }
  2099.     .main table caption {
  2100.       margin: 0 0 7px;
  2101.       font-size: 0.75em;
  2102.       color: #f9f9f9;
  2103.       text-transform: uppercase;
  2104.       letter-spacing: 1px; }
  2105.   .main tr {
  2106.     border-bottom: 1px solid #d7d7d7; }
  2107.     .main tr:nth-child(even) {
  2108.       background-color: #f9f9f9; }
  2109.   .main td {
  2110.     padding: 7px;
  2111.     border-right: 1px solid #d7d7d7; }
  2112.     .main td:last-child {
  2113.       border-right: 0; }
  2114.   .main thead th {
  2115.     background-color: #000000;
  2116.     color: #ffffff;
  2117.     padding: 0.75em;
  2118.     border: 1px solid #000000; }
  2119.   .main th {
  2120.     color: #000000;
  2121.     padding: 0.75em;
  2122.     border-right: 1px solid #d7d7d7; }
  2123.   .main code,
  2124.   .main kbd,
  2125.   .main pre,
  2126.   .main samp,
  2127.   .main tt,
  2128.   .main var {
  2129.     font-family: monospace, serif;
  2130.     font-size: 14px;
  2131.     -webkit-hyphens: none;
  2132.     -ms-hyphens: none;
  2133.     hyphens: none;
  2134.     line-height: 1.6; }
  2135.   .main blockquote {
  2136.     position: relative;
  2137.     margin: 2em 0;
  2138.     width: 100%;
  2139.     padding: 0 0 0 72px;
  2140.     font-size: 150%;
  2141.     line-height: 130%;
  2142.     text-align: left; }
  2143.     .main blockquote:before {
  2144.       content: "\201C";
  2145.       /*Unicode for Left Double Quote*/
  2146.       /*Font*/
  2147.       font-size: 84px;
  2148.       font-weight: 600;
  2149.       color: #000000;
  2150.       /*Positioning*/
  2151.       position: absolute;
  2152.       left: 8px;
  2153.       top: 12px; }
  2154.     .main blockquote p {
  2155.       color: #000000;
  2156.       margin: 0;
  2157.       padding: 0; }
  2158.     .main blockquote cite {
  2159.       margin-top: 1%;
  2160.       display: block;
  2161.       font-size: 18px;
  2162.       text-align: left;
  2163.       font-style: italic;
  2164.       color: #8c8c8c; }
  2165.       .main blockquote cite:before {
  2166.         padding-right: 8px;
  2167.         content: "\2014 "; }
  2168.   .main dd {
  2169.     margin-left: 0;
  2170.     font-size: 0.9em;
  2171.     color: #787878;
  2172.     margin-bottom: 1.5em; }
  2173.   .main .alignleft,
  2174.   .main img.alignleft {
  2175.     margin-right: 1.5em;
  2176.     display: inline;
  2177.     float: left; }
  2178.   .main .alignright,
  2179.   .main img.alignright {
  2180.     margin-left: 1.5em;
  2181.     display: inline;
  2182.     float: right; }
  2183.   .main .aligncenter,
  2184.   .main img.aligncenter {
  2185.     margin-right: auto;
  2186.     margin-left: auto;
  2187.     display: block;
  2188.     clear: both; }
  2189.   .main .size-auto,
  2190.   .main .size-full,
  2191.   .main .size-large,
  2192.   .main .size-medium,
  2193.   .main .size-thumbnail {
  2194.     max-width: 100%;
  2195.     height: auto; }
  2196.   .main .post-password-form {
  2197.     max-width: 960px;
  2198.     margin: 0 auto;
  2199.     padding: 72px 0; }
  2200.     .main .post-password-form input[type="password"] {
  2201.       max-width: 100%; }
  2202.  
  2203. /* end .entry-content */
  2204. .wp-caption {
  2205.   position: relative;
  2206.   max-width: 100%;
  2207.   /* images inside wp-caption */ }
  2208.   .wp-caption img {
  2209.     max-width: 100%;
  2210.     margin-bottom: 0;
  2211.     width: 100%; }
  2212.   .wp-caption p.wp-caption-text {
  2213.     position: absolute;
  2214.     color: #ffffff;
  2215.     font-size: 14px;
  2216.     margin: 0 0 5px;
  2217.     bottom: 16px;
  2218.     left: 32px;
  2219.     padding: 5px;
  2220.     background: rgba(0, 0, 0, 0.7);
  2221.     display: block;
  2222.     opacity: 0;
  2223.     transition: opacity 0.25s ease-in-out;
  2224.     -moz-transition: opacity 0.25s ease-in-out;
  2225.     -webkit-transition: opacity 0.25s ease-in-out; }
  2226.   .wp-caption:hover p.wp-caption-text {
  2227.     opacity: 1; }
  2228.  
  2229. /* end .wp-caption */
  2230. /* = 9.9.4 Gallery
  2231.  
  2232. -------------------------------------------------------------- */
  2233. .gallery-item {
  2234.   position: relative;
  2235.   float: left;
  2236.   margin: 0;
  2237.   padding: 0;
  2238.   overflow: hidden;
  2239.   min-width: 100%;
  2240.   white-space: nowrap; }
  2241.   .gallery-item img {
  2242.     width: 100%;
  2243.     height: auto; }
  2244.   .gallery-item .gallery-icon {
  2245.     position: relative;
  2246.     line-height: 0; }
  2247.     .gallery-item .gallery-icon a.fresco {
  2248.       display: inline-block;
  2249.       white-space: nowrap;
  2250.       line-height: 0; }
  2251.  
  2252. .wordpress-gallery .gallery-item {
  2253.   margin-bottom: 24px; }
  2254.  
  2255. .gallery-columns-2 .gallery-item {
  2256.   max-width: 49%;
  2257.   min-width: 49%; }
  2258.  
  2259. .gallery-columns-2 .gallery-item:nth-of-type(2n) {
  2260.   margin-left: 2%; }
  2261.  
  2262. .gallery-columns-3 .gallery-item {
  2263.   max-width: 32%;
  2264.   min-width: 32%; }
  2265.  
  2266. .gallery-columns-3 .gallery-item:nth-of-type(3n-1) {
  2267.   margin: 0 2%; }
  2268.  
  2269. .gallery-columns-4 .gallery-item {
  2270.   max-width: 23.5%;
  2271.   min-width: 23.5%; }
  2272.  
  2273. .gallery-columns-4 .gallery-item:nth-of-type(4n-2) {
  2274.   margin: 0 1% 0 2%; }
  2275.  
  2276. .gallery-columns-4 .gallery-item:nth-of-type(4n-1) {
  2277.   margin: 0 2% 0 1%; }
  2278.  
  2279. .gallery-columns-5 .gallery-item {
  2280.   max-width: 19%;
  2281.   min-width: 19%; }
  2282.  
  2283. .gallery-columns-5 .gallery-item:nth-of-type(5n-3) {
  2284.   margin: 0 0.6% 0 1.25%; }
  2285.  
  2286. .gallery-columns-5 .gallery-item:nth-of-type(5n-2) {
  2287.   margin: 0 0.6%; }
  2288.  
  2289. .gallery-columns-5 .gallery-item:nth-of-type(5n-1) {
  2290.   margin: 0 1.25% 0 0.6%; }
  2291.  
  2292. .gallery-columns-6 .gallery-item {
  2293.   max-width: 15.5%;
  2294.   min-width: 15.5%;
  2295.   margin: 0 0.7%; }
  2296.  
  2297. .gallery-columns-6 .gallery-item:nth-of-type(6n-5) {
  2298.   margin-left: 0; }
  2299.  
  2300. .gallery-columns-6 .gallery-item:nth-of-type(6n) {
  2301.   margin-right: 0; }
  2302.  
  2303. .gallery-columns-7 .gallery-item {
  2304.   max-width: 13.5%;
  2305.   min-width: 13.5%;
  2306.   margin: 0 0.45%; }
  2307.  
  2308. .gallery-columns-7 .gallery-item:nth-of-type(7n-6) {
  2309.   margin-left: 0; }
  2310.  
  2311. .gallery-columns-7 .gallery-item:nth-of-type(7n) {
  2312.   margin-right: 0; }
  2313.  
  2314. .gallery-columns-8 .gallery-item {
  2315.   max-width: 12%;
  2316.   min-width: 12%;
  2317.   margin: 0 0.28%; }
  2318.  
  2319. .gallery-columns-8 .gallery-item:nth-of-type(8n-7) {
  2320.   margin-left: 0; }
  2321.  
  2322. .gallery-columns-8 .gallery-item:nth-of-type(8n) {
  2323.   margin-right: 0; }
  2324.  
  2325. .gallery-columns-9 .gallery-item {
  2326.   max-width: 10.5%;
  2327.   min-width: 10.5%;
  2328.   margin: 0 0.34%; }
  2329.  
  2330. .gallery-columns-9 .gallery-item:nth-of-type(9n-8) {
  2331.   margin-left: 0; }
  2332.  
  2333. .gallery-columns-9 .gallery-item:nth-of-type(9n) {
  2334.   margin-right: 0; }
  2335.  
  2336. .gallery-columns-5:hover .gallery-caption,
  2337. .gallery-columns-6:hover .gallery-caption,
  2338. .gallery-columns-7:hover .gallery-caption,
  2339. .gallery-columns-8:hover .gallery-caption,
  2340. .gallery-columns-9:hover .gallery-caption {
  2341.   display: none; }
  2342.  
  2343. .gallery-caption {
  2344.   display: inline-block;
  2345.   color: #fff !important;
  2346.   font-size: 14px !important;
  2347.   margin: 0;
  2348.   opacity: 0;
  2349.   padding: 0 8px;
  2350.   position: absolute;
  2351.   bottom: 0;
  2352.   left: 24px;
  2353.   text-align: center;
  2354.   width: auto;
  2355.   background: rgba(0, 0, 0, 0.7);
  2356.   transition: opacity 0.25s ease-in-out;
  2357.   -moz-transition: opacity 0.25s ease-in-out;
  2358.   -webkit-transition: opacity 0.25s ease-in-out; }
  2359.  
  2360. .gallery-item:hover .gallery-caption {
  2361.   opacity: 1; }
  2362.  
  2363. .wp-video {
  2364.   margin: 0 auto 48px; }
  2365.  
  2366. .mejs-container {
  2367.   width: 100% !important;
  2368.   height: auto !important;
  2369.   padding-top: 57%; }
  2370.  
  2371. .mejs-overlay,
  2372. .mejs-poster {
  2373.   width: 100% !important;
  2374.   height: 100% !important; }
  2375.  
  2376. .mejs-mediaelement video {
  2377.   position: absolute;
  2378.   top: 0;
  2379.   left: 0;
  2380.   right: 0;
  2381.   bottom: 0;
  2382.   width: 100% !important;
  2383.   height: 100% !important; }
  2384.  
  2385. .tags {
  2386.   margin: 0; }
  2387.  
  2388. /* = 9.9.5 Pages
  2389.  
  2390. -------------------------------------------------------------- */
  2391. .content-left {
  2392.   float: left; }
  2393.  
  2394. .content-right {
  2395.   float: right; }
  2396.  
  2397. /* = 9.9.6 404 page
  2398.  
  2399. -------------------------------------------------------------- */
  2400. .not-found-page {
  2401.   height: 700px;
  2402.   background: transparent url("assets/images/pattern.png") repeat 0 0;
  2403.   display: -webkit-box;
  2404.   display: -ms-flexbox;
  2405.   display: flex;
  2406.   -webkit-box-align: center;
  2407.       -ms-flex-align: center;
  2408.           align-items: center;
  2409.   -ms-flex-pack: distribute;
  2410.       justify-content: space-around;
  2411.   -webkit-box-orient: vertical;
  2412.   -webkit-box-direction: normal;
  2413.       -ms-flex-direction: column;
  2414.           flex-direction: column;
  2415.   padding: 200px 0; }
  2416.   .not-found-page h2 {
  2417.     color: white;
  2418.     text-transform: uppercase; }
  2419.   .not-found-page p {
  2420.     width: 50%;
  2421.     text-align: center; }
  2422.   .not-found-page h2,
  2423.   .not-found-page p {
  2424.     margin: 0; }
  2425.  
  2426. /* = 9.10 Blog
  2427.  
  2428. -------------------------------------------------------------- */
  2429. .blog .sidebar {
  2430.   margin-top: 48px; }
  2431.   .blog .sidebar #s {
  2432.     max-width: 100%; }
  2433.  
  2434. .posts {
  2435.   position: relative;
  2436.   width: 100%;
  2437.   margin-top: 48px;
  2438.   /* = 9.10.1 Post Header
  2439.  
  2440.     -------------------------------------------------------------- */
  2441.   /* = 9.10.2 Featured Posts
  2442.  
  2443.     -------------------------------------------------------------- */
  2444.   /* = 9.10.3 Normal Posts
  2445.  
  2446.     -------------------------------------------------------------- */
  2447.   /* = 9.10.4 Shortcode Posts
  2448.  
  2449.     -------------------------------------------------------------- */
  2450.   /* = 9.10.5 Post Meta
  2451.  
  2452.     -------------------------------------------------------------- */
  2453.   /* = 9.10.6 Author Description
  2454.  
  2455.     -------------------------------------------------------------- */ }
  2456.   .posts .post-header {
  2457.     position: relative;
  2458.     z-index: 3;
  2459.     padding-top: 72px; }
  2460.     .posts .post-header div {
  2461.       text-transform: uppercase;
  2462.       font-size: 14px; }
  2463.     .posts .post-header span.sticky {
  2464.       display: inline-block;
  2465.       margin: 0;
  2466.       padding: 0 12px 0 0;
  2467.       color: #8c8c8c;
  2468.       text-transform: uppercase;
  2469.       border-right: 1px solid #d7d7d7; }
  2470.     .posts .post-header span.sep {
  2471.       margin: 0 8px; }
  2472.     .posts .post-header .post-title {
  2473.       width: 60%;
  2474.       margin: 0;
  2475.       line-height: 1.2; }
  2476.       .posts .post-header .post-title a {
  2477.         font-weight: 500; }
  2478.     .posts .post-header ul.social {
  2479.       list-style: none;
  2480.       display: inline-block;
  2481.       margin: 0;
  2482.       padding: 0;
  2483.       vertical-align: bottom; }
  2484.       .posts .post-header ul.social li {
  2485.         float: left;
  2486.         padding-right: 8px; }
  2487.         .posts .post-header ul.social li a {
  2488.           cursor: pointer;
  2489.           color: #8c8c8c; }
  2490.           .posts .post-header ul.social li a:hover {
  2491.             color: #000000; }
  2492.   .posts.featured {
  2493.     margin-top: 0; }
  2494.     .posts.featured > .hentry {
  2495.       position: relative;
  2496.       width: 33.33%;
  2497.       float: left;
  2498.       background-size: cover;
  2499.       background-position: center; }
  2500.       .posts.featured > .hentry:before {
  2501.         position: absolute;
  2502.         top: 0;
  2503.         bottom: 0;
  2504.         left: 0;
  2505.         right: 0;
  2506.         content: "";
  2507.         z-index: 2;
  2508.         pointer-events: none;
  2509.         /* "all" disables mouse access to image */
  2510.         background: radial-gradient(ellipse at center, rgba(76, 76, 76, 0.05) 0%, rgba(89, 89, 89, 0.05) 0%, rgba(17, 17, 17, 0.4) 100%);
  2511.         /* W3C */ }
  2512.       .posts.featured > .hentry .over {
  2513.         position: absolute;
  2514.         top: 24px;
  2515.         left: 24px;
  2516.         bottom: 24px;
  2517.         right: 24px;
  2518.         width: auto;
  2519.         height: auto;
  2520.         z-index: 2;
  2521.         opacity: 0;
  2522.         background-color: rgba(0, 0, 0, 0.5);
  2523.         -webkit-transition: all 0.2s ease-in-out 0.1s;
  2524.         transition: all 0.2s ease-in-out 0.1s;
  2525.         -webkit-backface-visibility: hidden;
  2526.         -webkit-transform: translateZ(0); }
  2527.       .posts.featured > .hentry .post-image {
  2528.         position: relative;
  2529.         display: table;
  2530.         width: 100%;
  2531.         height: 100%;
  2532.         background-size: cover;
  2533.         background-position: center; }
  2534.         .posts.featured > .hentry .post-image .post-header {
  2535.           padding: 48px;
  2536.           display: table-cell;
  2537.           vertical-align: bottom;
  2538.           width: 100%;
  2539.           height: 100%; }
  2540.           .posts.featured > .hentry .post-image .post-header a,
  2541.           .posts.featured > .hentry .post-image .post-header div,
  2542.           .posts.featured > .hentry .post-image .post-header time {
  2543.             color: #ffffff !important; }
  2544.           .posts.featured > .hentry .post-image .post-header span.sticky {
  2545.             color: #ffffff; }
  2546.           .posts.featured > .hentry .post-image .post-header span.sep {
  2547.             color: #8c8c8c; }
  2548.           .posts.featured > .hentry .post-image .post-header .post-title {
  2549.             width: 80%;
  2550.             font-size: 2.2em; }
  2551.             .posts.featured > .hentry .post-image .post-header .post-title a {
  2552.               color: #ffffff; }
  2553.       .posts.featured > .hentry.post-title a {
  2554.         color: #ffffff; }
  2555.       .posts.featured > .hentry:hover .over {
  2556.         top: 0;
  2557.         left: 0;
  2558.         bottom: 0;
  2559.         right: 0;
  2560.         opacity: 1;
  2561.         -webkit-transition: all 0.3s ease-in-out;
  2562.         transition: all 0.3s ease-in-out;
  2563.         -moz-transition: all 0.3s ease-in-out;
  2564.         -o-transition: all 0.3s ease-in-out; }
  2565.     .posts.featured .post-image {
  2566.       margin: 0;
  2567.       height: auto;
  2568.       overflow: hidden; }
  2569.   .posts.normal {
  2570.     margin-bottom: 48px; }
  2571.     .posts.normal > .hentry {
  2572.       width: 100%;
  2573.       padding: 0;
  2574.       margin-bottom: 48px;
  2575.       background: #ffffff;
  2576.       background-size: cover; }
  2577.       .posts.normal > .hentry .post-content,
  2578.       .posts.normal > .hentry .post-header {
  2579.         max-width: 80%; }
  2580.       .posts.normal > .hentry .post-excerpt {
  2581.         padding: 72px 0 72px 72px;
  2582.         background: rgba(255, 255, 255, 0.9); }
  2583.       .posts.normal > .hentry .post-header {
  2584.         padding-top: 0; }
  2585.         .posts.normal > .hentry .post-header div time {
  2586.           color: #8c8c8c; }
  2587.         .posts.normal > .hentry .post-header div a {
  2588.           color: #000000; }
  2589.         .posts.normal > .hentry .post-header span.sep {
  2590.           color: #8c8c8c; }
  2591.         .posts.normal > .hentry .post-header .post-title {
  2592.           width: 100%;
  2593.           margin: 0 0 36px; }
  2594.           .posts.normal > .hentry .post-header .post-title a {
  2595.             color: #000000; }
  2596.       .posts.normal > .hentry .post-thumbnail {
  2597.         display: block;
  2598.         height: 100%;
  2599.         min-height: 100%; }
  2600.   .posts.shortcode {
  2601.     margin-top: 0; }
  2602.     .posts.shortcode > .hentry {
  2603.       display: inline-block;
  2604.       width: 100%;
  2605.       padding: 48px;
  2606.       margin-top: 0;
  2607.       margin-bottom: 12px;
  2608.       background: #ffffff;
  2609.       background-size: cover;
  2610.       background-position: center; }
  2611.       .posts.shortcode > .hentry .post-content,
  2612.       .posts.shortcode > .hentry .post-header {
  2613.         max-width: 100%; }
  2614.         .posts.shortcode > .hentry .post-content .read-more,
  2615.         .posts.shortcode > .hentry .post-header .read-more {
  2616.           display: block;
  2617.           margin-top: 12px; }
  2618.       .posts.shortcode > .hentry .post-header {
  2619.         padding-top: 0; }
  2620.         .posts.shortcode > .hentry .post-header div time {
  2621.           color: #8c8c8c; }
  2622.         .posts.shortcode > .hentry .post-header div a {
  2623.           color: #000000; }
  2624.         .posts.shortcode > .hentry .post-header span.sticky {
  2625.           color: #ffffff; }
  2626.         .posts.shortcode > .hentry .post-header span.sep {
  2627.           color: #8c8c8c; }
  2628.         .posts.shortcode > .hentry .post-header .post-title {
  2629.           width: 100%;
  2630.           margin: 0 0 24px; }
  2631.           .posts.shortcode > .hentry .post-header .post-title a {
  2632.             color: #000000; }
  2633.       .posts.shortcode > .hentry .post-featured-image .wp-post-image {
  2634.         margin: 0 0 24px; }
  2635.     .posts.shortcode.col-2 > .hentry {
  2636.       width: 49%;
  2637.       padding: 48px; }
  2638.       .posts.shortcode.col-2 > .hentry .post-header .post-title {
  2639.         font-size: 2em; }
  2640.     .posts.shortcode.col-3 > .hentry {
  2641.       padding: 24px;
  2642.       width: 32%; }
  2643.       .posts.shortcode.col-3 > .hentry .post-header .post-title {
  2644.         font-size: 1.5em; }
  2645.     .posts.shortcode.featured.col-2 > .hentry {
  2646.       padding: 0;
  2647.       margin: 0;
  2648.       width: 50%; }
  2649.       .posts.shortcode.featured.col-2 > .hentry .post-header {
  2650.         padding: 24px 48px; }
  2651.         .posts.shortcode.featured.col-2 > .hentry .post-header .post-title {
  2652.           font-size: 2.2em; }
  2653.     .posts.shortcode.featured.col-3 > .hentry {
  2654.       padding: 0;
  2655.       margin: 0;
  2656.       width: 33.33%; }
  2657.       .posts.shortcode.featured.col-3 > .hentry .post-header {
  2658.         padding: 24px 48px; }
  2659.         .posts.shortcode.featured.col-3 > .hentry .post-header .post-title {
  2660.           font-size: 2.2em; }
  2661.     .posts.shortcode.featured.col-4 > .hentry {
  2662.       padding: 0;
  2663.       margin: 0;
  2664.       width: 25%; }
  2665.       .posts.shortcode.featured.col-4 > .hentry .post-header {
  2666.         padding: 24px 48px; }
  2667.         .posts.shortcode.featured.col-4 > .hentry .post-header .post-title {
  2668.           font-size: 1.8em; }
  2669.   .posts .post-meta {
  2670.     width: 100%;
  2671.     line-height: 32px; }
  2672.     .posts .post-meta span {
  2673.       display: inline-block;
  2674.       line-height: 32px;
  2675.       margin: 0;
  2676.       font-size: 14px;
  2677.       color: #8c8c8c; }
  2678.       .posts .post-meta span a {
  2679.         color: #8c8c8c;
  2680.         text-decoration: none; }
  2681.         .posts .post-meta span a:hover {
  2682.           color: #fcf751; }
  2683.   .posts .author_description {
  2684.     margin: 52px auto;
  2685.     padding: 0;
  2686.     width: 100%;
  2687.     max-width: 100%;
  2688.     background: #ffffff; }
  2689.     .posts .author_description .author_description_inner {
  2690.       padding: 60px 60px 48px;
  2691.       display: inline-block; }
  2692.       .posts .author_description .author_description_inner .image {
  2693.         display: inline-block;
  2694.         float: left;
  2695.         width: 100px; }
  2696.         .posts .author_description .author_description_inner .image img {
  2697.           border-radius: 50%; }
  2698.       .posts .author_description .author_description_inner .author_text_holder {
  2699.         margin-left: 100px; }
  2700.         .posts .author_description .author_description_inner .author_text_holder h4 {
  2701.           margin: 0; }
  2702.   .posts:after {
  2703.     content: '';
  2704.     display: block;
  2705.     clear: both; }
  2706.  
  2707. /* = 9.10.7 Single Post
  2708.  
  2709. -------------------------------------------------------------- */
  2710. .single-post .sidebar {
  2711.   margin-top: 70px; }
  2712.  
  2713. .single-post .main-right-sidebar {
  2714.   max-width: 1320px !important; }
  2715.  
  2716. .single-post .main-right-sidebar #respond-container {
  2717.   max-width: 100% !important; }
  2718.  
  2719. .single-post .posts {
  2720.   margin-top: 0; }
  2721.  
  2722. .single-post .main {
  2723.   width: 100%;
  2724.   max-width: 960px; }
  2725.  
  2726. .single-post .post-header {
  2727.   margin: 0 0 24px; }
  2728.   .single-post .post-header .post-title {
  2729.     width: 100%;
  2730.     margin: 0;
  2731.     line-height: 1.1; }
  2732.   .single-post .post-header div a {
  2733.     color: #000000; }
  2734.  
  2735. /* = 9.11 Projects
  2736.  
  2737. -------------------------------------------------------------- */
  2738. body.single-projects .entry-content {
  2739.   padding: 0; }
  2740.  
  2741. /* = 9.11.1 Project Grid
  2742.  
  2743. -------------------------------------------------------------- */
  2744. .block-grid {
  2745.   position: relative;
  2746.   z-index: 100;
  2747.   width: 100%;
  2748.   margin: 0;
  2749.   overflow: hidden; }
  2750.   .block-grid .block-item {
  2751.     float: left;
  2752.     overflow: hidden;
  2753.     -webkit-box-sizing: border-box;
  2754.     -ms-box-sizing: border-box;
  2755.     box-sizing: border-box;
  2756.     background: gray;
  2757.     background: radial-gradient(ellipse at center, rgba(76, 76, 76, 0.05) 0%, rgba(89, 89, 89, 0.05) 0%, rgba(17, 17, 17, 0.4) 100%);
  2758.     background-size: cover;
  2759.     background-position: center center; }
  2760.     .block-grid .block-item a {
  2761.       position: relative;
  2762.       display: block;
  2763.       height: 100%;
  2764.       width: 100%;
  2765.       outline: 0;
  2766.       -moz-outline-style: none;
  2767.       -webkit-box-sizing: border-box;
  2768.       -ms-box-sizing: border-box;
  2769.       box-sizing: border-box;
  2770.       background-size: cover;
  2771.       background-position: center center; }
  2772.       .block-grid .block-item a .over {
  2773.         position: absolute;
  2774.         width: auto;
  2775.         height: auto;
  2776.         z-index: 2;
  2777.         opacity: 0;
  2778.         background-color: rgba(0, 0, 0, 0.7);
  2779.         -webkit-transition: all 0.2s ease-in-out 0.1s;
  2780.         transition: all 0.2s ease-in-out 0.1s;
  2781.         -webkit-backface-visibility: hidden;
  2782.         -webkit-transform: translateZ(0); }
  2783.       .block-grid .block-item a .content {
  2784.         position: absolute;
  2785.         height: 100%;
  2786.         width: 100%;
  2787.         opacity: 0;
  2788.         z-index: 3;
  2789.         display: -webkit-box;
  2790.         display: -ms-flexbox;
  2791.         display: flex;
  2792.         -webkit-box-orient: vertical;
  2793.         -webkit-box-direction: normal;
  2794.             -ms-flex-direction: column;
  2795.                 flex-direction: column;
  2796.         -webkit-box-pack: center;
  2797.             -ms-flex-pack: center;
  2798.                 justify-content: center;
  2799.         -webkit-box-align: center;
  2800.             -ms-flex-align: center;
  2801.                 align-items: center;
  2802.         padding: 10px;
  2803.         -webkit-backface-visibility: hidden;
  2804.         -webkit-transition: opacity 0.3s, -webkit-transform 0.4s;
  2805.         transition: opacity 0.3s, -webkit-transform 0.4s;
  2806.         transition: opacity 0.3s, transform 0.4s;
  2807.         transition: opacity 0.3s, transform 0.4s, -webkit-transform 0.4s;
  2808.         -webkit-transform: translateY(12px);
  2809.                 transform: translateY(12px);
  2810.         text-align: center;
  2811.         text-transform: uppercase; }
  2812.         .block-grid .block-item a .content h5 {
  2813.           margin: 0;
  2814.           color: #ffffff;
  2815.           line-height: 30px;
  2816.           letter-spacing: 1px;
  2817.           width: 100%; }
  2818.         .block-grid .block-item a .content i {
  2819.           font-style: normal;
  2820.           font-size: 12px;
  2821.           font-weight: 700;
  2822.           line-height: 1.5;
  2823.           padding: 0 10%;
  2824.           color: #8c8c8c;
  2825.           letter-spacing: 1px;
  2826.           -webkit-transition: all 0.3s, -webkit-transform 0.4s;
  2827.           transition: all 0.3s, -webkit-transform 0.4s;
  2828.           transition: all 0.3s, transform 0.4s;
  2829.           transition: all 0.3s, transform 0.4s, -webkit-transform 0.4s;
  2830.           -webkit-transform: translateY(24px);
  2831.                   transform: translateY(24px); }
  2832.     .block-grid .block-item:hover .content {
  2833.       opacity: 1;
  2834.       -webkit-transition: all 0.3s ease-in 0.1s;
  2835.       transition: all 0.3s ease-in 0.1s;
  2836.       -webkit-transform: translateY(0px);
  2837.               transform: translateY(0px); }
  2838.       .block-grid .block-item:hover .content i {
  2839.         -webkit-transform: translateY(0px);
  2840.                 transform: translateY(0px); }
  2841.     .block-grid .block-item.overlay-expand .over {
  2842.       top: 24px;
  2843.       left: 24px;
  2844.       bottom: 24px;
  2845.       right: 24px; }
  2846.     .block-grid .block-item.overlay-expand:hover .over {
  2847.       top: 0;
  2848.       left: 0;
  2849.       bottom: 0;
  2850.       right: 0;
  2851.       opacity: 1;
  2852.       -webkit-transition: all 0.3s ease-in-out;
  2853.       transition: all 0.3s ease-in-out;
  2854.       -moz-transition: all 0.3s ease-in-out;
  2855.       -o-transition: all 0.3s ease-in-out; }
  2856.     .block-grid .block-item.overlay-simple .over {
  2857.       top: 0;
  2858.       left: 0;
  2859.       bottom: 0;
  2860.       right: 0; }
  2861.     .block-grid .block-item.overlay-simple:hover .over {
  2862.       opacity: 1; }
  2863.   .block-grid .error {
  2864.     text-align: center;
  2865.     color: #cc0000; }
  2866.  
  2867. .quarter-width {
  2868.   width: 25%; }
  2869.  
  2870. .third-width {
  2871.   width: 33.33%; }
  2872.  
  2873. .half-width {
  2874.   width: 50%; }
  2875.  
  2876. .full-width {
  2877.   width: 100%; }
  2878.  
  2879. /* = 9.12 Search
  2880.  
  2881. -------------------------------------------------------------- */
  2882. body.archive .top-header h2.page-title,
  2883. body.search .top-header h2.page-title {
  2884.   padding-bottom: 72px; }
  2885.   body.archive .top-header h2.page-title span,
  2886.   body.search .top-header h2.page-title span {
  2887.     color: #000000; }
  2888.  
  2889. body.archive section.content,
  2890. body.search section.content {
  2891.   padding: 72px 0 0;
  2892.   background: #ffffff; }
  2893.   body.archive section.content .wrap,
  2894.   body.search section.content .wrap {
  2895.     max-width: 960px;
  2896.     margin: 0 auto; }
  2897.     body.archive section.content .wrap .hentry,
  2898.     body.search section.content .wrap .hentry {
  2899.       padding: 24px 0; }
  2900.       body.archive section.content .wrap .hentry .entry-header-search,
  2901.       body.search section.content .wrap .hentry .entry-header-search {
  2902.         margin: 0 0 12px; }
  2903.         body.archive section.content .wrap .hentry .entry-header-search span.type,
  2904.         body.search section.content .wrap .hentry .entry-header-search span.type {
  2905.           display: table-cell;
  2906.           padding: 0 12px 0 0;
  2907.           line-height: 48px;
  2908.           color: #8c8c8c;
  2909.           font-size: 14px;
  2910.           text-transform: uppercase;
  2911.           vertical-align: middle;
  2912.           border-right: 1px solid #d7d7d7; }
  2913.         body.archive section.content .wrap .hentry .entry-header-search h3.title,
  2914.         body.search section.content .wrap .hentry .entry-header-search h3.title {
  2915.           display: table-cell;
  2916.           width: 100%;
  2917.           margin: 0;
  2918.           padding: 0;
  2919.           line-height: 48px;
  2920.           padding-left: 12px;
  2921.           font-size: 32px;
  2922.           vertical-align: middle; }
  2923.           body.archive section.content .wrap .hentry .entry-header-search h3.title sup,
  2924.           body.search section.content .wrap .hentry .entry-header-search h3.title sup {
  2925.             font-size: 14px;
  2926.             vertical-align: super; }
  2927.       body.archive section.content .wrap .hentry .post-content,
  2928.       body.search section.content .wrap .hentry .post-content {
  2929.         padding: 12px 0 0; }
  2930.         body.archive section.content .wrap .hentry .post-content .post-thumbnail,
  2931.         body.search section.content .wrap .hentry .post-content .post-thumbnail {
  2932.           margin-right: 24px;
  2933.           display: inline-block;
  2934.           float: left;
  2935.           width: auto;
  2936.           height: auto; }
  2937.     body.archive section.content .wrap .pagination,
  2938.     body.search section.content .wrap .pagination {
  2939.       margin-top: 48px; }
  2940.  
  2941. #full-search {
  2942.   position: fixed;
  2943.   top: 0;
  2944.   left: 0;
  2945.   width: 100%;
  2946.   height: 100%;
  2947.   z-index: 99999;
  2948.   background-color: rgba(255, 255, 255, 0.95);
  2949.   -webkit-transition: all 0.5s ease-in-out;
  2950.   transition: all 0.5s ease-in-out;
  2951.   -webkit-transform: translate(0px, -100%) scale(0, 0);
  2952.           transform: translate(0px, -100%) scale(0, 0);
  2953.   opacity: 0; }
  2954.   #full-search.open {
  2955.     -webkit-transform: translate(0px, 0px) scale(1, 1);
  2956.             transform: translate(0px, 0px) scale(1, 1);
  2957.     opacity: 1; }
  2958.   #full-search .close-button {
  2959.     position: absolute;
  2960.     font-size: 1.6em;
  2961.     right: 20px;
  2962.     top: 20px;
  2963.     -webkit-transition: all 0.2s ease-in-out;
  2964.     transition: all 0.2s ease-in-out;
  2965.     cursor: pointer; }
  2966.     #full-search .close-button:hover {
  2967.       color: #000000; }
  2968.   #full-search form {
  2969.     height: 100%;
  2970.     display: -webkit-box;
  2971.     display: -ms-flexbox;
  2972.     display: flex;
  2973.     -webkit-box-orient: vertical;
  2974.     -webkit-box-direction: normal;
  2975.         -ms-flex-direction: column;
  2976.             flex-direction: column;
  2977.     -webkit-box-align: center;
  2978.         -ms-flex-align: center;
  2979.             align-items: center;
  2980.     -webkit-box-pack: center;
  2981.         -ms-flex-pack: center;
  2982.             justify-content: center; }
  2983.   #full-search input[type="search"] {
  2984.     width: 100%;
  2985.     max-width: 100%;
  2986.     height: 150px;
  2987.     line-height: 100px;
  2988.     color: #000000;
  2989.     background: transparent;
  2990.     font-size: 92px;
  2991.     text-align: center;
  2992.     padding: 16px;
  2993.     outline: none;
  2994.     border: none; }
  2995.  
  2996. body.admin-bar #full-search .close-button {
  2997.   top: 48px; }
  2998.   @media screen and (max-width: 782px) {
  2999.     body.admin-bar #full-search .close-button {
  3000.       top: 62px; } }
  3001.  
  3002. /* = 9.13 Pagination
  3003.  
  3004. -------------------------------------------------------------- */
  3005. .pagination {
  3006.   /* fallback previous & next links */
  3007.   /* end .wp-prev-next */ }
  3008.   .pagination .wp-prev-next ul {
  3009.     width: 100%; }
  3010.   .pagination .wp-prev-next .prev-link {
  3011.     float: left; }
  3012.   .pagination .wp-prev-next .next-link {
  3013.     float: right; }
  3014.  
  3015. /* = 9.13.1 Project Pagination
  3016.  
  3017.     -------------------------------------------------------------- */
  3018. .project-pagination,
  3019. .woocommerce nav.woocommerce-pagination {
  3020.   display: block;
  3021.   text-align: center; }
  3022.   .project-pagination ul,
  3023.   .woocommerce nav.woocommerce-pagination ul {
  3024.     display: inline-block;
  3025.     white-space: nowrap;
  3026.     padding: 0;
  3027.     clear: both;
  3028.     border-radius: 3px;
  3029.     border: none; }
  3030.   .project-pagination li,
  3031.   .woocommerce nav.woocommerce-pagination li {
  3032.     padding: 0;
  3033.     margin: 0;
  3034.     float: left;
  3035.     display: inline;
  3036.     overflow: hidden;
  3037.     border: none; }
  3038.   .project-pagination a,
  3039.   .project-pagination span,
  3040.   .woocommerce nav.woocommerce-pagination a,
  3041.   .woocommerce nav.woocommerce-pagination span {
  3042.     margin: 0;
  3043.     text-decoration: none;
  3044.     line-height: 1em;
  3045.     font-size: 1em;
  3046.     padding: 0.75em;
  3047.     min-width: 1em;
  3048.     display: block;
  3049.     color: #8c8c8c; }
  3050.     .project-pagination a:focus, .project-pagination a:hover,
  3051.     .project-pagination span:focus,
  3052.     .project-pagination span:hover,
  3053.     .woocommerce nav.woocommerce-pagination a:focus,
  3054.     .woocommerce nav.woocommerce-pagination a:hover,
  3055.     .woocommerce nav.woocommerce-pagination span:focus,
  3056.     .woocommerce nav.woocommerce-pagination span:hover {
  3057.       color: #8c8c8c; }
  3058.   .project-pagination .current,
  3059.   .woocommerce nav.woocommerce-pagination .current {
  3060.     cursor: default;
  3061.     color: #8c8c8c;
  3062.     font-weight: bold; }
  3063.     .project-pagination .current:focus, .project-pagination .current:hover,
  3064.     .woocommerce nav.woocommerce-pagination .current:focus,
  3065.     .woocommerce nav.woocommerce-pagination .current:hover {
  3066.       color: #8c8c8c; }
  3067.  
  3068. /* = 9.14 Comments
  3069.  
  3070. -------------------------------------------------------------- */
  3071. div#respond-container {
  3072.   width: 100%;
  3073.   max-width: 960px;
  3074.   margin: 0 auto 48px;
  3075.   padding: 48px;
  3076.   background: #ffffff;
  3077.   /* h3 comment title */ }
  3078.   div#respond-container #comments-title {
  3079.     margin: 0 0 48px;
  3080.     padding: 0 0 24px;
  3081.     font-size: 32px;
  3082.     border-bottom: 1px solid #f9f9f9;
  3083.     /* number of comments span */ }
  3084.  
  3085. .commentlist {
  3086.   margin: 24px 0;
  3087.   list-style-type: none;
  3088.   border-bottom: 1px solid #f9f9f9; }
  3089.  
  3090. .comment {
  3091.   position: relative;
  3092.   clear: both;
  3093.   overflow: hidden;
  3094.   padding: 0;
  3095.   /* vcard */
  3096.   /* end .commentlist .vcard */
  3097.   /* end children */
  3098.   /* general comment classes */ }
  3099.   .comment .comment-author {
  3100.     padding: 0;
  3101.     border: 0; }
  3102.   .comment .vcard {
  3103.     margin-left: 90px; }
  3104.     .comment .vcard h4 {
  3105.       margin: 0;
  3106.       font-size: 24px;
  3107.       padding: 8px 0 0; }
  3108.     .comment .vcard time {
  3109.       font-size: 14px;
  3110.       margin-top: -5px;
  3111.       display: block; }
  3112.       .comment .vcard time a {
  3113.         color: #8c8c8c;
  3114.         text-decoration: none; }
  3115.         .comment .vcard time a:hover {
  3116.           text-decoration: underline; }
  3117.     .comment .vcard .avatar {
  3118.       position: absolute;
  3119.       left: 0;
  3120.       border-radius: 50%; }
  3121.   .comment:last-child {
  3122.     margin-bottom: 0; }
  3123.   .comment .alert-info {
  3124.     margin: 42px 0 0;
  3125.     padding: 12px; }
  3126.     .comment .alert-info p {
  3127.       margin: 0;
  3128.       font-size: 14px; }
  3129.   .comment .children {
  3130.     margin: 0;
  3131.     /* variations */
  3132.     /* change number for different depth */ }
  3133.   .comment[class*=depth-] {
  3134.     margin-top: 1.1em; }
  3135.   .comment.depth-1 {
  3136.     margin-left: 0;
  3137.     margin-top: 0; }
  3138.   .comment:not(.depth-1) {
  3139.     margin: 0 0 24px 90px; }
  3140.  
  3141. /* comment meta */
  3142. /* comment content */
  3143. .comment_content {
  3144.   margin: 24px 0 24px 90px; }
  3145.   .comment_content p {
  3146.     margin: 0;
  3147.     line-height: 1.7; }
  3148.  
  3149. /* end .commentlist .comment_content */
  3150. /* comment reply link */
  3151. .comment-reply-link {
  3152.   display: block;
  3153.   padding: 12px 0 0;
  3154.   font-size: 12px;
  3155.   text-transform: uppercase; }
  3156.  
  3157. /* end .commentlist .comment-reply-link */
  3158. /* edit comment link */
  3159. .comment-edit-link {
  3160.   font-style: italic;
  3161.   margin: 0 7px;
  3162.   text-decoration: none;
  3163.   font-size: 0.9em; }
  3164.  
  3165. /* = 9.14.1 Comment Reply
  3166.  
  3167. -------------------------------------------------------------- */
  3168. .comment-respond {
  3169.   /* comment submit button */
  3170.   /* comment form title */
  3171.   /* cancel comment reply link */
  3172.   /* logged in comments */
  3173.   /* allowed tags */
  3174.   /* no comments */ }
  3175.   .comment-respond #reply-title {
  3176.     margin: 0;
  3177.     padding: 0; }
  3178.   .comment-respond .logged-in-as {
  3179.     color: #8c8c8c;
  3180.     margin: 0;
  3181.     font-size: 13px; }
  3182.   .comment-respond .comment-notes {
  3183.     margin: 0;
  3184.     padding-bottom: 12px;
  3185.     font-size: 14px; }
  3186.   .comment-respond .comment-form-comment {
  3187.     margin: 1.5em 0 0.75em; }
  3188.   .comment-respond .form-submit {
  3189.     margin: 0; }
  3190.   .comment-respond .form-allowed-tags {
  3191.     padding: 0;
  3192.     font-size: 14px;
  3193.     color: #8c8c8c; }
  3194.     .comment-respond .form-allowed-tags code {
  3195.       font-size: 13px; }
  3196.   .comment-respond #comment-form-title {
  3197.     margin: 0 0 1.1em; }
  3198.   .comment-respond .nocomments {
  3199.     margin: 0 20px 1.1em; }
  3200.  
  3201. /* = 9.15 Sidebar
  3202.  
  3203. -------------------------------------------------------------- */
  3204. .sidebar {
  3205.   padding: 0;
  3206.   margin: 0; }
  3207.   .sidebar#sidebar-right {
  3208.     padding-left: 62px; }
  3209.   .sidebar#sidebar-left {
  3210.     padding-right: 62px; }
  3211.  
  3212. /* = 9.15.1 Widget
  3213.  
  3214.     -------------------------------------------------------------- */
  3215. .widgettitle {
  3216.   padding: 0;
  3217.   margin: 0 0 4%; }
  3218.  
  3219. .widget {
  3220.   margin-bottom: 24px; }
  3221.   .widget img {
  3222.     width: 100%;
  3223.     height: auto; }
  3224.   .widget ul {
  3225.     clear: both;
  3226.     width: 100%;
  3227.     padding-left: 0; }
  3228.     .widget ul li {
  3229.       display: block;
  3230.       width: 100%;
  3231.       padding: 0.25em 0;
  3232.       border-bottom: 1px solid #d7d7d7;
  3233.       /* deep nesting */ }
  3234.       .widget ul li:first-child {
  3235.         border-top: none; }
  3236.       .widget ul li:last-child {
  3237.         border-bottom: none; }
  3238.       .widget ul li a,
  3239.       .widget ul li a:visited {
  3240.         color: #8c8c8c;
  3241.         font-size: 0.9em; }
  3242.       .widget ul li a:hover {
  3243.         color: #000000; }
  3244.       .widget ul li.current-menu-item > a {
  3245.         color: #000000; }
  3246.       .widget ul li ul {
  3247.         margin: 0;
  3248.         padding: 0; }
  3249.         .widget ul li ul > li {
  3250.           text-indent: 24px; }
  3251.  
  3252. .no-widgets {
  3253.   background-color: #ffffff;
  3254.   padding: 1.5em;
  3255.   text-align: center;
  3256.   border: 1px solid #ccc;
  3257.   border-radius: 2px;
  3258.   margin-bottom: 1.5em; }
  3259.  
  3260. .widget_sbwp_text_widget h2 {
  3261.   margin-top: 0; }
  3262.  
  3263. .block-title {
  3264.   padding: 48px 24px; }
  3265.   .block-title p {
  3266.     margin: 24px 0 0;
  3267.     font-size: 0.9em; }
  3268.  
  3269. /* links widget */
  3270. /* meta widget */
  3271. /* pages widget */
  3272. /* recent-posts widget */
  3273. /* archives widget */
  3274. /* tag-cloud widget */
  3275. /* RSS Widget */
  3276. .widget_rss .rss-date {
  3277.   display: block;
  3278.   margin-bottom: 12px; }
  3279.  
  3280. .widget_rss .rss-date,
  3281. .widget_rss li > cite {
  3282.   color: #8c8c8c; }
  3283.  
  3284. .widget_rss li > cite {
  3285.   display: block;
  3286.   color: #8c8c8c;
  3287.   margin: 12px 0; }
  3288.  
  3289. /* Calendar Widget */
  3290. .widget_calendar table {
  3291.   width: 100%; }
  3292.  
  3293. .widget_calendar table,
  3294. .widget_calendar td {
  3295.   border: 0; }
  3296.  
  3297. .widget_calendar caption {
  3298.   font-size: 14px;
  3299.   font-weight: bold;
  3300.   margin: 0 0 12px; }
  3301.  
  3302. .widget_calendar th {
  3303.   background: #000000;
  3304.   color: #ffffff;
  3305.   text-align: center; }
  3306.  
  3307. .widget_calendar td,
  3308. .widget_calendar th {
  3309.   padding: 0;
  3310.   text-align: center; }
  3311.  
  3312. .widget_calendar tfoot td#prev {
  3313.   text-align: left; }
  3314.  
  3315. .widget_calendar tfoot td#next {
  3316.   text-align: right; }
  3317.  
  3318. /* category widget */
  3319. /* recent-comments widget */
  3320. /* search widget */
  3321. .widget_search #searchform {
  3322.   width: 100%; }
  3323.  
  3324. /* text widget */
  3325. /* = 9.16 Footer
  3326.  
  3327. -------------------------------------------------------------- */
  3328. .footer {
  3329.   position: relative;
  3330.   padding: 36px 0 16px;
  3331.   color: #8c8c8c;
  3332.   background: #ffffff;
  3333.   /* = 9.16.0 Footer Icons
  3334.  
  3335.     -------------------------------------------------------------- */
  3336.   /* = 9.16.01 Footer Menu
  3337.  
  3338.     -------------------------------------------------------------- */
  3339.   /* = 9.16.1 Footer Widget
  3340.  
  3341.     -------------------------------------------------------------- */ }
  3342.   .footer a.by span {
  3343.     color: #70bee0; }
  3344.   .footer #footer-social-icons {
  3345.     margin-bottom: 10px;
  3346.     text-align: center;
  3347.     font-size: 24px;
  3348.     color: #8c8c8c; }
  3349.     .footer #footer-social-icons ul {
  3350.       list-style: none;
  3351.       margin: 0;
  3352.       padding: 0; }
  3353.       .footer #footer-social-icons ul li {
  3354.         display: inline;
  3355.         margin-left: 10px; }
  3356.         .footer #footer-social-icons ul li a {
  3357.           color: #8c8c8c; }
  3358.         .footer #footer-social-icons ul li a:hover {
  3359.           color: #000; }
  3360.   .footer .footer-navigation {
  3361.     margin-bottom: 10px;
  3362.     /* list */ }
  3363.     .footer .footer-navigation ul {
  3364.       clear: both;
  3365.       text-align: center; }
  3366.       .footer .footer-navigation ul li {
  3367.         display: inline;
  3368.         width: 100%;
  3369.         padding: 0;
  3370.         border-bottom: none;
  3371.         /* deep nesting */ }
  3372.         .footer .footer-navigation ul li a {
  3373.           color: #8c8c8c;
  3374.           font-size: 16px; }
  3375.           .footer .footer-navigation ul li a:hover {
  3376.             color: #000000; }
  3377.         .footer .footer-navigation ul li:last-child {
  3378.           border-bottom: none; }
  3379.         .footer .footer-navigation ul li ul {
  3380.           display: none; }
  3381.       .footer .footer-navigation ul.menu {
  3382.         padding: 0;
  3383.         margin: 0; }
  3384.         .footer .footer-navigation ul.menu li {
  3385.           padding: 0 8px; }
  3386.   .footer #copy {
  3387.     text-align: center;
  3388.     margin-bottom: 10px; }
  3389.   .footer .widget {
  3390.     display: inline-block;
  3391.     width: 33.33%;
  3392.     padding: 0;
  3393.     margin: 40px 0;
  3394.     font-size: 16px;
  3395.     text-align: left;
  3396.     /* widget title */
  3397.     /* rss */
  3398.     /* tag cloud */
  3399.     /* text widget */ }
  3400.     .footer .widget .widgettitle {
  3401.       color: #000000; }
  3402.     .footer .widget ul {
  3403.       margin: 0;
  3404.       padding: 0; }
  3405.     .footer .widget a.rsswidget,
  3406.     .footer .widget a.rsswidget:visited {
  3407.       color: #ffffff; }
  3408.       .footer .widget a.rsswidget:hover,
  3409.       .footer .widget a.rsswidget:visited:hover {
  3410.         color: #8c8c8c; }
  3411.     .footer .widget .tagcloud {
  3412.       margin-top: 12px; }
  3413.       .footer .widget .tagcloud a,
  3414.       .footer .widget .tagcloud a:visited {
  3415.         color: #ffffff; }
  3416.         .footer .widget .tagcloud a:hover,
  3417.         .footer .widget .tagcloud a:visited:hover {
  3418.           color: #8c8c8c; }
  3419.     .footer .widget .textwidget {
  3420.       color: #8c8c8c;
  3421.       text-align: center; }
  3422.       .footer .widget .textwidget p {
  3423.         margin: 0 0 10px;
  3424.         color: #8c8c8c;
  3425.         line-height: 140%; }
  3426.       .footer .widget .textwidget a {
  3427.         color: #000000;
  3428.         -webkit-transition: all 0.2s ease-in-out;
  3429.         transition: all 0.2s ease-in-out; }
  3430.         .footer .widget .textwidget a:hover {
  3431.           color: #8c8c8c; }
  3432.     .footer .widget form {
  3433.       margin: 1em 0 0; }
  3434.  
  3435. /* = 9.18 MaxCycle (Fullscreen Slideshow for use with jQuery Cycle Plugin)
  3436.  
  3437. Demo at: http://www.aaronvanderzwan.com/maxcycle/
  3438. Download and Info at: http://github.com/akv2/MaxCycle---jQuery-Plugin/
  3439. Copyright (c) 2007-2011 Aaron Vanderzwan
  3440. Dual licensed under the MIT and GPL licenses.
  3441. Version: 2.0.73 (12-Oct-2012)
  3442.  
  3443. -------------------------------------------------------------- */
  3444. .mc-hide-scrolls {
  3445.   overflow: hidden; }
  3446.  
  3447. body .mc-cycle {
  3448.   height: 100%;
  3449.   left: 0;
  3450.   overflow: hidden !important;
  3451.   position: fixed;
  3452.   top: 0;
  3453.   width: 100%;
  3454.   z-index: -1;
  3455.   max-height: 95vh; }
  3456.  
  3457. div.mc-image {
  3458.   /*NOTE: Mozilla flickers when fading and using 'all', so we have to be specific with what property we want to transition:
  3459.     If you are using fading transitions, use 'opacity: */
  3460. -webkit-transition: opacity 1s ease-in-out;
  3461.   transition: opacity 1s ease-in-out;
  3462.   /*If you are using horizontal slide transitions, use the following CSS:
  3463.     -webkit-transition: left 1s ease-in-out;
  3464.     -moz-transition: left 1s ease-in-out;
  3465.     -o-transition: left 1s ease-in-out;
  3466.     transition: left 1s ease-in-out;*/
  3467.   background-size: cover;
  3468.   background-position: center center;
  3469.   background-repeat: no-repeat;
  3470.   height: 100%;
  3471.   overflow: hidden;
  3472.   width: 100%;
  3473. }
  3474.  
  3475. .mc-old-browser .mc-image {
  3476. overflow: hidden;
  3477. }
  3478.  
  3479. #loader {
  3480. position: absolute;
  3481. width: 100%;
  3482. height: 100%;
  3483. left: 0;
  3484. top: 0;
  3485. z-index: 9999;
  3486. background: #000000;
  3487. }
  3488.  
  3489. #maxproject {
  3490. position: absolute;
  3491. }
  3492.  
  3493. #maximage {
  3494. position: absolute;
  3495. overflow: hidden;
  3496. z-index: 100;
  3497. display: none;
  3498. }
  3499.  
  3500. #maximage .mc-image:before {
  3501. content: "";
  3502. position: absolute;
  3503. width: 100%;
  3504. height: 100%;
  3505. z-index: 101;
  3506. background: radial-gradient(ellipse at center, rgba(76, 76, 76, 0.05) 0%, rgba(89, 89, 89, 0.05) 0%, rgba(17, 17, 17, 0.3) 100%);
  3507.     /* W3C */
  3508. }
  3509.  
  3510. #maximage object,
  3511.   #maximage video {
  3512. width: 100%;
  3513. height: 100%;
  3514. }
  3515.  
  3516. #maximage video#video {
  3517. position: absolute;
  3518. top: 0;
  3519. left: 0;
  3520. min-width: 100%;
  3521. min-height: 100%;
  3522. height: auto;
  3523. width: auto;
  3524. }
  3525.  
  3526. #maximage #skip {
  3527. position: absolute;
  3528. bottom: 80px;
  3529. width: auto;
  3530. height: auto;
  3531. z-index: 1000;
  3532. left: 50%;
  3533. -webkit-transform: translateX(-50%);
  3534. transform: translateX(-50%);
  3535. }
  3536.  
  3537. #maximage #skip a {
  3538. color: #ffffff;
  3539. outline: 0;
  3540. }
  3541.  
  3542. #arrow_left,
  3543. #arrow_right {
  3544. position: absolute;
  3545. top: 47vh;
  3546. padding: 24px;
  3547. font-size: 24px;
  3548. color: #ffffff;
  3549. z-index: 200;
  3550. outline: 0;
  3551. -webkit-transition: all 0.2s ease-in-out;
  3552. transition: all 0.2s ease-in-out;
  3553. }
  3554.  
  3555. #arrow_left:hover,
  3556.   #arrow_right:hover {
  3557. color: #8c8c8c;
  3558. }
  3559.  
  3560. #arrow_left:active,
  3561.   #arrow_right:active {
  3562. text-decoration: none;
  3563. }
  3564.  
  3565. #arrow_left {
  3566. left: 30px;
  3567. }
  3568.  
  3569. #arrow_right {
  3570. right: 30px;
  3571. }
  3572.  
  3573. .in-slide-content {
  3574. position: relative;
  3575. text-align: center;
  3576. z-index: 9999;
  3577. -webkit-transition: all 0.5s ease-in-out;
  3578. transition: all 0.5s ease-in-out;
  3579. }
  3580.  
  3581. .in-slide-content img {
  3582. margin: 24px 0 0;
  3583. padding: 0;
  3584. }
  3585.  
  3586. /* = 9.19 Sliding Panel
  3587.  
  3588. -------------------------------------------------------------- */
  3589. .overlay ::-webkit-scrollbar {
  3590. display: none;
  3591. }
  3592.  
  3593. /* Wrap */
  3594. .overlay-wrap {
  3595. position: fixed;
  3596. top: 0;
  3597. left: 0;
  3598. right: 0;
  3599. bottom: 0;
  3600. height: 0;
  3601. width: 100%;
  3602. overflow-x: hidden;
  3603. overflow-y: scroll;
  3604. z-index: 99998;
  3605. -webkit-transition: width 0.5s;
  3606. transition: width 0.5s;
  3607. }
  3608.  
  3609. .overlay-wrap.open {
  3610. height: 100%;
  3611. width: 102%;
  3612. background-color: rgba(255, 255, 255, 0.7);
  3613. -webkit-transition: background 0.5s ease-out;
  3614. transition: background 0.5s ease-out;
  3615. -webkit-transition: opacity 0.2s;
  3616. transition: opacity 0.2s;
  3617. }
  3618.  
  3619. .overlay-wrap.closing {
  3620. width: 105%;
  3621. background-color: rgba(255, 255, 255, 0);
  3622. -webkit-transition: background 0.5s ease-out;
  3623. transition: background 0.5s ease-out;
  3624. }
  3625.  
  3626. /* Overlay */
  3627. .overlay {
  3628. width: 50%;
  3629. z-index: 9998;
  3630. background: #000000;
  3631. height: 100%;
  3632. -webkit-transform: translateX(-100%);
  3633. transform: translateX(-100%);
  3634. -webkit-transition: -webkit-transform 0.5s;
  3635. transition: -webkit-transform 0.5s;
  3636. transition: transform 0.5s;
  3637. transition: transform 0.5s, -webkit-transform 0.5s;
  3638. }
  3639.  
  3640. .overlay-wrap.open .overlay {
  3641. -webkit-transform: translateX(0%);
  3642. transform: translateX(0%);
  3643. }
  3644.  
  3645. .overlay-wrap.closing .overlay {
  3646. -webkit-transform: translateX(-100%);
  3647. transform: translateX(-100%);
  3648. }
  3649.  
  3650. /* Overlay closing Cross */
  3651. .overlay-close {
  3652. width: 57px;
  3653. height: 57px;
  3654. position: fixed;
  3655. left: 51%;
  3656. overflow: hidden;
  3657. border: none;
  3658. display: none;
  3659. opacity: 0;
  3660. background: black;
  3661. cursor: pointer;
  3662. -webkit-transition: opacity 0.4s;
  3663. transition: opacity 0.4s;
  3664. }
  3665.  
  3666. .overlay-close i {
  3667. font-size: 32px;
  3668. color: white;
  3669. margin-top: 4px;
  3670. }
  3671.  
  3672. .overlay-wrap.open .overlay-close {
  3673. opacity: 1;
  3674. display: block;
  3675. }
  3676.  
  3677. .overlay-wrap.closing .overlay-close {
  3678. opacity: 0;
  3679. }
  3680.  
  3681. /* Menu style */
  3682. .overlay nav {
  3683. text-align: center;
  3684. position: relative;
  3685. margin: 0;
  3686. padding: 0;
  3687. }
  3688.  
  3689. .overlay nav ul {
  3690. list-style: none;
  3691. padding: 0;
  3692. margin: 0 auto;
  3693. display: inline-block;
  3694. position: relative;
  3695. width: 100%;
  3696. overflow: hidden;
  3697. overflow-y: scroll;
  3698. padding-bottom: 10px;
  3699. }
  3700.  
  3701. .overlay nav ul li {
  3702. position: relative;
  3703. display: block;
  3704. width: 100%;
  3705. min-height: 54px;
  3706. -webkit-backface-visibility: hidden;
  3707. border-bottom: 1px solid #272727;
  3708. }
  3709.  
  3710. .overlay nav ul li:last-child {
  3711. border-bottom: none;
  3712. }
  3713.  
  3714. .overlay nav ul li a {
  3715. position: relative;
  3716. z-index: 100;
  3717. text-transform: uppercase;
  3718. font-weight: 700;
  3719. font-size: 22px;
  3720. letter-spacing: 4px;
  3721. padding: 27px 0 20px;
  3722. display: block;
  3723. color: #ffffff;
  3724. background: #000000;
  3725. -webkit-font-smoothing: antialiased;
  3726. -moz-osx-font-smoothing: grayscale;
  3727. -webkit-transition: color 0.2s;
  3728. transition: color 0.2s;
  3729. -webkit-transition: background 0.3s ease-in-out;
  3730. transition: background 0.3s ease-in-out;
  3731. }
  3732.  
  3733. .overlay nav ul li a span {
  3734. display: block;
  3735. font-size: 12px;
  3736. font-weight: 700;
  3737. color: #8c8c8c;
  3738. letter-spacing: 2px;
  3739. }
  3740.  
  3741. .overlay nav ul li a:focus,
  3742. .overlay nav ul li a:hover {
  3743. color: #ffffff;
  3744. background: rgba(0, 0, 0, 0.6);
  3745. text-decoration: none;
  3746. }
  3747.  
  3748. /* Not found message */
  3749. .overlay .not-found {
  3750. text-transform: uppercase;
  3751. font-weight: 700;
  3752. font-size: 22px;
  3753. letter-spacing: 4px;
  3754. margin-top: 40px;
  3755. }
  3756.  
  3757. /* Target */
  3758. .overlay-target {
  3759. height: 100%;
  3760. overflow-x: hidden;
  3761. width: 100%;
  3762. z-index: 9997;
  3763. -webkit-transition: -webkit-transform 0.5s;
  3764. transition: -webkit-transform 0.5s;
  3765. transition: transform 0.5s;
  3766. transition: transform 0.5s, -webkit-transform 0.5s;
  3767. }
  3768.  
  3769. .overlay-target.overlay-open {
  3770. overflow: hidden;
  3771. position: fixed;
  3772. height: 100%;
  3773. width: 100%;
  3774. -webkit-transform: translateX(20%);
  3775. transform: translateX(20%);
  3776. }
  3777.  
  3778. body.admin-bar .overlay-close,
  3779. body.admin-bar .overlay-wrap {
  3780. top: 32px;
  3781. }
  3782.  
  3783. @media screen and (max-width: 782px) {
  3784. body.admin-bar .overlay-close,
  3785.     body.admin-bar .overlay-wrap {
  3786.     top: 46px;
  3787. } }
  3788.  
  3789. /* Owl Carousel fix */
  3790. .owl-item.loading {
  3791.     background-image: url("assets/images/AjaxLoader.gif");
  3792. }
  3793.  
  3794. .grabbing {
  3795.     cursor: url("assets/images/grabbing.png") 8 8, move;
  3796. }
  3797.  
  3798. /* Google Maps fix */
  3799. .wplook-google-map {
  3800.     min-height: 400px;
  3801. }
  3802.  
  3803. /* = 10. Media Queries
  3804. -------------------------------------------------------------- */
  3805. /* = 10.1 max-width : 1280px
  3806.  
  3807. -------------------------------------------------------------- */
  3808. @media only screen and (max-width: 1280px) {
  3809.   /* = BLOG
  3810.     -------------------------------------------------------------- */
  3811.     .posts.featured > .hentry .post-image .post-header {
  3812.         padding: 36px;
  3813.     }
  3814.  
  3815.     .posts.featured > .hentry .post-image .post-header .post-title {
  3816.         width: 100%;
  3817.         font-size: 2em;
  3818.     }
  3819. }
  3820.  
  3821. /* = 10.2 max-width : 1024px
  3822.  
  3823. -------------------------------------------------------------- */
  3824. @media only screen and (max-width: 1024px) {
  3825.   /* = Row shortcode */
  3826.     .row.parallax {
  3827.         background-position: center center !important;
  3828.         background-attachment: scroll !important;
  3829.         background-size: cover !important;
  3830.     }
  3831.   /* = Navigation */
  3832.     .header .wrap {
  3833.         display: -webkit-box;
  3834.         display: -ms-flexbox;
  3835.         display: flex;
  3836.         -webkit-box-pack: justify;
  3837.         -ms-flex-pack: justify;
  3838.         justify-content: space-between;
  3839.     }
  3840.  
  3841.     .header nav.primary {
  3842.         display: none;
  3843.     }
  3844.  
  3845.     .header .brand {
  3846.         -ms-flex-item-align: start;
  3847.         align-self: flex-start;
  3848.         -webkit-box-flex: 1;
  3849.         -ms-flex: 1;
  3850.         flex: 1;
  3851.     }
  3852.  
  3853.     .header nav.secondary {
  3854.         margin-right: 50px;
  3855.         -ms-flex-item-align: end;
  3856.         align-self: flex-end;
  3857.     }
  3858.  
  3859.     .header nav.secondary ul {
  3860.         float: none;
  3861.     }
  3862.  
  3863.     .header .mobile-trigger {
  3864.         display: block;
  3865.         float: none;
  3866.         -ms-flex-item-align: end;
  3867.         align-self: flex-end;
  3868.     }
  3869.  
  3870.     nav.mobile {
  3871.         display: block;
  3872.     }
  3873.   /* = Typography */
  3874.     p.lead {
  3875.         font-size: 1.1em;
  3876.     }
  3877.  
  3878.     .page-title {
  3879.         font-size: 44px;
  3880.     }
  3881.   /* Columns  */
  3882.     .one_fourth,
  3883.   .one_half,
  3884.   .one_third,
  3885.   .three_fourth,
  3886.   .two_third {
  3887.         width: 48%;
  3888.         margin-bottom: 2%;
  3889.     }
  3890.  
  3891.     .one_third,
  3892.   .two_third {
  3893.         margin-right: 4%;
  3894.     }
  3895.  
  3896.     .half-width,
  3897.   .quarter-width,
  3898.   .third-width {
  3899.         width: 50%;
  3900.     }
  3901.   /* = Slider */
  3902.     #maximage video {
  3903.         display: none;
  3904.     }
  3905.  
  3906.     .intro {
  3907.         position: relative;
  3908.         z-index: 9999;
  3909.     }
  3910.  
  3911.     .intro h1 {
  3912.         letter-spacing: 0.2em;
  3913.         margin-bottom: 12px;
  3914.         font-size: 72px;
  3915.     }
  3916.  
  3917.     .intro h2 {
  3918.         margin: 0 auto;
  3919.         padding: 0 10%;
  3920.         line-height: 100%;
  3921.         letter-spacing: 0.1em;
  3922.     }
  3923.   /* = Projects */
  3924.     .block-grid .block-item a .content {
  3925.         opacity: 1;
  3926.     }
  3927.  
  3928.     .block-grid .block-item a h5 {
  3929.         margin-top: -34px;
  3930.         opacity: 1;
  3931.     }
  3932.  
  3933.     .block-grid .block-item a h5 i {
  3934.         margin-top: -28px;
  3935.     }
  3936.  
  3937.     .block-grid .block-item.overlay-expand .over {
  3938.         opacity: 1;
  3939.         top: 0;
  3940.         left: 0;
  3941.         right: 0;
  3942.         bottom: 0;
  3943.     }
  3944.  
  3945.     .block-grid .block-item:hover h5 {
  3946.         -webkit-transform: translateY(0px);
  3947.         transform: translateY(0px);
  3948.     }
  3949.  
  3950.     .block-grid .block-item:hover h5 i {
  3951.         -webkit-transform: translateY(20px);
  3952.         transform: translateY(20px);
  3953.         color: #8c8c8c;
  3954.     }
  3955.  
  3956.     .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
  3957.         padding-right: 0;
  3958.     }
  3959.   /* = Blog */
  3960.     .single-post .hentry .post-header .post-title {
  3961.         font-size: 2.5em;
  3962.     }
  3963.  
  3964.     .posts.featured > .hentry .post-image .post-header {
  3965.         padding: 24px;
  3966.     }
  3967.  
  3968.     .posts.featured > .hentry .post-image .post-header div {
  3969.         font-size: 12px;
  3970.     }
  3971.  
  3972.     .posts.featured > .hentry .post-image .post-header span.sep {
  3973.         margin: 0 4px;
  3974.     }
  3975.  
  3976.     .posts.featured > .hentry .post-image .post-header .post-title {
  3977.         width: 100%;
  3978.         font-size: 1.5em;
  3979.     }
  3980.  
  3981.     .posts.shortcode.col-2 > .hentry, .posts.shortcode.col-3 > .hentry {
  3982.         width: 48%;
  3983.     }
  3984.  
  3985.     .posts.shortcode.col-2 > .hentry .post-header, .posts.shortcode.col-3 > .hentry .post-header {
  3986.         padding: 24px 48px;
  3987.     }
  3988.  
  3989.     .posts.shortcode.col-2 > .hentry .post-header .post-title, .posts.shortcode.col-3 > .hentry .post-header .post-title {
  3990.         font-size: 2em;
  3991.     }
  3992.  
  3993.     .posts.shortcode.featured.col-2 > .hentry, .posts.shortcode.featured.col-3 > .hentry, .posts.shortcode.featured.col-4 > .hentry {
  3994.         width: 50%;
  3995.         margin: 0;
  3996.     }
  3997.  
  3998.     .posts.shortcode.featured.col-2 > .hentry .post-header, .posts.shortcode.featured.col-3 > .hentry .post-header, .posts.shortcode.featured.col-4 > .hentry .post-header {
  3999.         padding: 24px 48px;
  4000.     }
  4001.  
  4002.     .posts.shortcode.featured.col-2 > .hentry .post-header .post-title, .posts.shortcode.featured.col-3 > .hentry .post-header .post-title, .posts.shortcode.featured.col-4 > .hentry .post-header .post-title {
  4003.         font-size: 2em;
  4004.     }
  4005. }
  4006.  
  4007. @media only screen and (max-width: 1024px) and (max-width: 460px) {
  4008.     .posts.shortcode.col-2 > .hentry, .posts.shortcode.col-3 > .hentry {
  4009.         width: 48%;
  4010.     }
  4011.  
  4012.     .posts.shortcode.col-2 > .hentry .post-header, .posts.shortcode.col-3 > .hentry .post-header {
  4013.         padding: 24px 0;
  4014.     }
  4015.  
  4016.     .posts.shortcode.col-2 > .hentry .post-header .post-title, .posts.shortcode.col-3 > .hentry .post-header .post-title {
  4017.         font-size: 1.2em !important;
  4018.         margin-bottom: 0;
  4019.     }
  4020. }
  4021.  
  4022. @media only screen and (max-width: 1024px) {
  4023.   /* = Shortcodes */
  4024.     .shortcode_team .team_description {
  4025.         padding: 12px 0;
  4026.     }
  4027.  
  4028.     .shortcode_price_table_holder.five_columns .shortcode_price_table,
  4029.   .shortcode_price_table_holder.four_columns .shortcode_price_table,
  4030.   .shortcode_price_table_holder.three_columns .shortcode_price_table,
  4031.   .shortcode_price_table_holder.two_columns .shortcode_price_table {
  4032.         width: 50%;
  4033.     }
  4034.  
  4035.     .shortcode_text_columns.four-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.two-cols {
  4036.         -webkit-column-count: 1;
  4037.         -moz-column-count: 1;
  4038.         column-count: 1;
  4039.     }
  4040.   /* = Search */
  4041.     #full-search input[type="search"] {
  4042.         font-size: 76px;
  4043.     }
  4044. }
  4045.  
  4046. /* = 10.3 max-width : 768px
  4047.  
  4048. -------------------------------------------------------------- */
  4049. @media only screen and (max-width: 768px) {
  4050.   /* = Slider */
  4051.     .intro {
  4052.         position: relative;
  4053.         z-index: 9999;
  4054.     }
  4055.  
  4056.     .intro h1 {
  4057.         letter-spacing: 0.1em;
  4058.         margin-bottom: 0;
  4059.         font-size: 60px;
  4060.     }
  4061.  
  4062.     .intro h2 {
  4063.         font-size: 20px;
  4064.         margin: 0 auto;
  4065.         padding: 12px 48px;
  4066.         letter-spacing: 2px;
  4067.         line-height: 110%;
  4068.     }
  4069.  
  4070.     #skip {
  4071.         display: none;
  4072.     }
  4073.   /* = Sidebar */
  4074.     .sidebar {
  4075.         padding-left: 0 !important;
  4076.         padding-right: 0 !important;
  4077.     }
  4078.   /* Columns  */
  4079.     .one_fourth,
  4080.   .one_half,
  4081.   .one_third,
  4082.   .three_fourth,
  4083.   .two_third {
  4084.         width: 100%;
  4085.         margin-bottom: 2%;
  4086.     }
  4087.   /* = Typography */
  4088.     p.lead {
  4089.         font-size: 1em;
  4090.     }
  4091.  
  4092.     .page-title {
  4093.         font-size: 32px;
  4094.     }
  4095.   /* = Blog */
  4096.     .posts {
  4097.         position: relative;
  4098.         width: 100%;
  4099.         margin-top: 48px;
  4100.     }
  4101.  
  4102.     .posts.normal > .hentry {
  4103.         padding: 48px;
  4104.     }
  4105.  
  4106.     .posts.normal > .hentry .post-content,
  4107.       .posts.normal > .hentry .post-header {
  4108.         max-width: 100%;
  4109.     }
  4110.  
  4111.     .posts.normal > .hentry .post-header .post-title {
  4112.         font-size: 2.2em;
  4113.         margin-bottom: 36px;
  4114.     }
  4115.  
  4116.     .posts.normal > .hentry .post-excerpt {
  4117.         padding: 72px;
  4118.     }
  4119.  
  4120.     .posts.normal > .hentry .post-thumbnail {
  4121.         display: none;
  4122.     }
  4123.  
  4124.     .posts.featured > .hentry {
  4125.         width: 100%;
  4126.     }
  4127.  
  4128.     .posts.featured > .hentry .post-image .post-header {
  4129.         padding: 24px;
  4130.     }
  4131.  
  4132.     .posts.featured > .hentry .post-image .post-header div {
  4133.         font-size: 12px;
  4134.     }
  4135.  
  4136.     .posts.featured > .hentry .post-image .post-header span.sep {
  4137.         margin: 0 4px;
  4138.     }
  4139.  
  4140.     .posts.featured > .hentry .post-image .post-header .post-title {
  4141.         width: 100%;
  4142.         font-size: 1.5em;
  4143.     }
  4144.  
  4145.     .posts.shortcode.col-2 > .hentry, .posts.shortcode.col-3 > .hentry {
  4146.         width: 100%;
  4147.     }
  4148.  
  4149.     .posts.shortcode.col-2 > .hentry .post-header .post-title, .posts.shortcode.col-3 > .hentry .post-header .post-title {
  4150.         font-size: 2em;
  4151.     }
  4152.  
  4153.     .posts.shortcode.featured.col-2 > .hentry, .posts.shortcode.featured.col-3 > .hentry, .posts.shortcode.featured.col-4 > .hentry {
  4154.         width: 100%;
  4155.         margin: 0;
  4156.     }
  4157.  
  4158.     .posts.shortcode.featured.col-2 > .hentry .post-header, .posts.shortcode.featured.col-3 > .hentry .post-header, .posts.shortcode.featured.col-4 > .hentry .post-header {
  4159.         padding: 24px 48px;
  4160.     }
  4161.  
  4162.     .posts.shortcode.featured.col-2 > .hentry .post-header .post-title, .posts.shortcode.featured.col-3 > .hentry .post-header .post-title, .posts.shortcode.featured.col-4 > .hentry .post-header .post-title {
  4163.         font-size: 2.2em;
  4164.         max-width: 85%;
  4165.     }
  4166.  
  4167.     .posts .author_description {
  4168.         margin: 52px auto;
  4169.         padding: 0;
  4170.         width: 100%;
  4171.         max-width: 100%;
  4172.         background: #ffffff;
  4173.     }
  4174.  
  4175.     .posts .author_description .author_description_inner {
  4176.         padding: 36px;
  4177.     }
  4178.  
  4179.     .posts .author_description .author_description_inner .image {
  4180.         display: inline-block;
  4181.         float: none;
  4182.         text-align: center;
  4183.         width: 100%;
  4184.     }
  4185.  
  4186.     .posts .author_description .author_description_inner .author_text_holder {
  4187.         margin-left: 0;
  4188.         text-align: center;
  4189.     }
  4190.  
  4191.     .posts .author_description .author_description_inner .author_text_holder h4 {
  4192.         margin: 0 0 12px;
  4193.     }
  4194.  
  4195.     div#respond-container {
  4196.         padding: 36px;
  4197.     /* h3 comment title */
  4198.     }
  4199.  
  4200.     div#respond-container #comments-title {
  4201.         margin: 0 0 48px;
  4202.         padding: 0 0 24px;
  4203.         font-size: 32px;
  4204.         border-bottom: 1px solid #f9f9f9;
  4205.       /* number of comments span */
  4206.     }
  4207.  
  4208.     div#respond-container input[type="text"],
  4209.     div#respond-container input[type="password"],
  4210.     div#respond-container input[type="datetime"],
  4211.     div#respond-container input[type="datetime-local"],
  4212.     div#respond-container input[type="date"],
  4213.     div#respond-container input[type="month"],
  4214.     div#respond-container input[type="time"],
  4215.     div#respond-container input[type="week"],
  4216.     div#respond-container input[type="number"],
  4217.     div#respond-container input[type="email"],
  4218.     div#respond-container input[type="url"],
  4219.     div#respond-container input[type="search"],
  4220.     div#respond-container input[type="tel"],
  4221.     div#respond-container input[type="color"],
  4222.     div#respond-container select,
  4223.     div#respond-container textarea,
  4224.     div#respond-container .field {
  4225.         padding: 8px;
  4226.         max-width: 100%;
  4227.     }
  4228.  
  4229.     .comment {
  4230.     /* vcard */
  4231.     /* end .commentlist .vcard */
  4232.     /* end children */
  4233.     /* general comment classes */
  4234.     /* end .commentlist .comment_content */
  4235.     /* comment reply link */
  4236.     /* end .commentlist .comment-reply-link */
  4237.     }
  4238.  
  4239.     .comment .comment-author {
  4240.         padding: 0;
  4241.         border: 0;
  4242.         text-align: center;
  4243.     }
  4244.  
  4245.     .comment .vcard {
  4246.         margin-left: 0;
  4247.     }
  4248.  
  4249.     .comment .vcard .avatar {
  4250.         position: relative;
  4251.         display: inline-block;
  4252.         border-radius: 50%;
  4253.         float: none;
  4254.     }
  4255.  
  4256.     .comment .vcard h4 {
  4257.         display: block;
  4258.         margin: 0;
  4259.         font-size: 24px;
  4260.         padding: 8px 0 0;
  4261.     }
  4262.  
  4263.     .comment .vcard time {
  4264.         font-size: 14px;
  4265.         margin-top: -5px;
  4266.         display: block;
  4267.     }
  4268.  
  4269.     .comment .vcard time a {
  4270.         color: #8c8c8c;
  4271.         text-decoration: none;
  4272.     }
  4273.  
  4274.     .comment .vcard time a:hover {
  4275.         text-decoration: underline;
  4276.     }
  4277.  
  4278.     .comment:last-child {
  4279.         margin-bottom: 0;
  4280.     }
  4281.  
  4282.     .comment .alert-info {
  4283.         margin: 42px 0 0;
  4284.         padding: 12px;
  4285.     }
  4286.  
  4287.     .comment .alert-info p {
  4288.         margin: 0;
  4289.         font-size: 14px;
  4290.     }
  4291.  
  4292.     .comment .children {
  4293.         margin: 0;
  4294.       /* variations */
  4295.       /* change number for different depth */
  4296.     }
  4297.  
  4298.     .comment[class*=depth-] {
  4299.         margin-top: 1.1em;
  4300.     }
  4301.  
  4302.     .comment.depth-1 {
  4303.         margin-left: 0;
  4304.         margin-top: 0;
  4305.     }
  4306.  
  4307.     .comment:not(.depth-1) {
  4308.         margin: 0 0 24px;
  4309.     }
  4310.  
  4311.     .comment .comment_content {
  4312.         margin: 24px 0;
  4313.     }
  4314.  
  4315.     .comment .comment_content p {
  4316.         margin: 0;
  4317.         text-align: center;
  4318.         line-height: 1.5;
  4319.     }
  4320.  
  4321.     .comment .comment-reply-link {
  4322.         text-align: center;
  4323.     }
  4324.   /* = Projects */
  4325.     .block-grid .block-item a h5 {
  4326.         margin-top: -34px;
  4327.         opacity: 1;
  4328.     }
  4329.  
  4330.     .block-grid .block-item a h5 i {
  4331.         margin-top: -28px;
  4332.     }
  4333.  
  4334.     .block-grid.columns-2 .block-item, .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
  4335.         padding-right: 0 !important;
  4336.     }
  4337.  
  4338.     .block-grid.columns-2 .block-item h1, .block-grid.columns-3 .block-item h1, .block-grid.columns-4 .block-item h1 {
  4339.         font-size: 350%;
  4340.         max-width: 300px;
  4341.     }
  4342.  
  4343.     .half-width,
  4344.   .quarter-width,
  4345.   .third-width {
  4346.         width: 100%;
  4347.     }
  4348.   /* = Pagination */
  4349.     .projects-pagination .prev-nav {
  4350.         width: 45%;
  4351.     }
  4352.  
  4353.     .projects-pagination .back-nav {
  4354.         width: 10%;
  4355.     }
  4356.  
  4357.     .projects-pagination .back-nav i {
  4358.         padding-top: 8px;
  4359.         font-size: 32px;
  4360.     }
  4361.  
  4362.     .projects-pagination .next-nav {
  4363.         width: 45%;
  4364.     }
  4365.   /* = Footer */
  4366.     .footer .widget {
  4367.         width: 100%;
  4368.         padding: 4px 0;
  4369.     }
  4370.   /* = Shortcodes */
  4371.     .shortcode_list_images ul.four_col li,
  4372.   .shortcode_list_images ul.three_col li,
  4373.   .shortcode_list_images ul.two_col li {
  4374.         width: 50%;
  4375.     }
  4376.  
  4377.     .shortcode_team .team_description {
  4378.         padding: 12px 0;
  4379.     }
  4380.  
  4381.     .shortcode_price_table_holder.five_columns .shortcode_price_table,
  4382.   .shortcode_price_table_holder.four_columns .shortcode_price_table,
  4383.   .shortcode_price_table_holder.three_columns .shortcode_price_table,
  4384.   .shortcode_price_table_holder.two_columns .shortcode_price_table {
  4385.         width: 100%;
  4386.         margin-bottom: 24px;
  4387.     }
  4388.  
  4389.     .shortcode_text_columns.four-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.two-cols {
  4390.         -webkit-column-count: 1;
  4391.         -moz-column-count: 1;
  4392.         column-count: 1;
  4393.     }
  4394.   /* = 404 page */
  4395.     .not-found-page {
  4396.         padding: 50px 0;
  4397.     }
  4398.  
  4399.     .not-found-page p {
  4400.         width: 70%;
  4401.     }
  4402.   /* = Gallery */
  4403.     .gallery-columns-4:hover .gallery-caption {
  4404.         display: none;
  4405.     }
  4406.   /* = Search */
  4407.     #full-search input[type="search"] {
  4408.         font-size: 52px;
  4409.     }
  4410.   /* = Projects overlay */
  4411.     .overlay {
  4412.         width: 70%;
  4413.     }
  4414.  
  4415.     .overlay-close {
  4416.         left: 71%;
  4417.     }
  4418. }
  4419.  
  4420. /* = 10.4 max-width : 480px
  4421.  
  4422. -------------------------------------------------------------- */
  4423. @media only screen and (max-width: 480px) {
  4424.   /* = Typography */
  4425.     .h1,
  4426.   h1 {
  4427.         font-size: 2em;
  4428.     }
  4429.  
  4430.     .h2,
  4431.   h2 {
  4432.         font-size: 1.8em;
  4433.     }
  4434.  
  4435.     .h3,
  4436.   h3 {
  4437.         font-size: 1.2em;
  4438.     }
  4439.  
  4440.     .h4,
  4441.   h4 {
  4442.         font-size: 1.1em;
  4443.     }
  4444.  
  4445.     .h5,
  4446.   .h6,
  4447.   h5,
  4448.   h6 {
  4449.         font-size: 1em;
  4450.     }
  4451.  
  4452.     .curtain-bottom,
  4453.   .curtain-top {
  4454.         height: 0 !important;
  4455.     }
  4456.  
  4457.     .curtain-left,
  4458.   .curtain-right {
  4459.         width: 0 !important;
  4460.     }
  4461.  
  4462.     .page-header h6 {
  4463.         padding: 1.4em 0;
  4464.         font-size: 14px;
  4465.     }
  4466.  
  4467.     .page-header h2 {
  4468.         font-size: 1.2em;
  4469.     }
  4470.  
  4471.     body:not(.admin-bar) .header {
  4472.         top: 0 !important;
  4473.     }
  4474.   /* = Blog */
  4475.     .single-post .hentry .post-header div {
  4476.         font-size: 12px;
  4477.     }
  4478.  
  4479.     .single-post .hentry .post-header span.sep {
  4480.         margin: 0 2px;
  4481.     }
  4482.  
  4483.     .single-post .hentry .post-header .post-title {
  4484.         font-size: 1.5em;
  4485.     }
  4486.  
  4487.     .posts.normal > .hentry {
  4488.         padding: 24px;
  4489.     }
  4490.  
  4491.     .posts.normal > .hentry .post-content,
  4492.     .posts.normal > .hentry .post-header {
  4493.         max-width: 100%;
  4494.     }
  4495.  
  4496.     .posts.normal > .hentry .post-header div {
  4497.         font-size: 12px;
  4498.     }
  4499.  
  4500.     .posts.normal > .hentry .post-header .post-title {
  4501.         font-size: 1.5em;
  4502.         margin-bottom: 24px;
  4503.     }
  4504.  
  4505.     .posts.normal > .hentry .post-excerpt {
  4506.         padding: 36px;
  4507.     }
  4508.  
  4509.     .posts.normal > .hentry .post-content {
  4510.         font-size: 12px;
  4511.         line-height: 1.6;
  4512.     }
  4513.  
  4514.     .posts.normal > .hentry .post-thumbnail {
  4515.         display: none;
  4516.     }
  4517.  
  4518.     .posts.featured > .hentry .post-image .post-header {
  4519.         padding: 36px;
  4520.     }
  4521.  
  4522.     .posts.featured > .hentry .post-image .post-header .post-title {
  4523.         width: 100%;
  4524.         font-size: 2em;
  4525.     }
  4526.  
  4527.     .posts.shortcode.featured.col-2 > .hentry, .posts.shortcode.featured.col-3 > .hentry, .posts.shortcode.featured.col-4 > .hentry {
  4528.         width: 100%;
  4529.         margin: 0;
  4530.     }
  4531.  
  4532.     .posts.shortcode.featured.col-2 > .hentry .post-header, .posts.shortcode.featured.col-3 > .hentry .post-header, .posts.shortcode.featured.col-4 > .hentry .post-header {
  4533.         padding: 12px 36px;
  4534.     }
  4535.  
  4536.     .posts.shortcode.featured.col-2 > .hentry .post-header .post-title, .posts.shortcode.featured.col-3 > .hentry .post-header .post-title, .posts.shortcode.featured.col-4 > .hentry .post-header .post-title {
  4537.         font-size: 1.8em;
  4538.         max-width: 85%;
  4539.     }
  4540.   /* = Project */
  4541.     .block-grid.columns-2 .block-item, .block-grid.columns-3 .block-item, .block-grid.columns-4 .block-item {
  4542.         padding-right: 0 !important;
  4543.     }
  4544.  
  4545.     .block-grid.columns-2 .block-item .over, .block-grid.columns-3 .block-item .over, .block-grid.columns-4 .block-item .over {
  4546.         top: 0;
  4547.         left: 0;
  4548.         right: 0;
  4549.         bottom: 0;
  4550.         opacity: 1;
  4551.         background-color: rgba(0, 0, 0, 0.4);
  4552.     }
  4553.  
  4554.     .block-grid.columns-2 .block-item h1, .block-grid.columns-3 .block-item h1, .block-grid.columns-4 .block-item h1 {
  4555.         font-size: 200%;
  4556.         max-width: 90%;
  4557.     }
  4558.  
  4559.     body.single-projects #maximage #video-inner {
  4560.         display: none;
  4561.     }
  4562.  
  4563.     body.single-projects #maximage .in-slide-content .intro {
  4564.         margin: 0;
  4565.         padding: 0;
  4566.     }
  4567.  
  4568.     body.single-projects #maximage .in-slide-content .intro h1 {
  4569.         font-size: 14px;
  4570.         letter-spacing: 0.1em;
  4571.         padding: 0 24px;
  4572.     }
  4573.  
  4574.     body.single-projects #maximage .in-slide-content .intro h2 {
  4575.         font-size: 42px;
  4576.         text-align: center;
  4577.         text-transform: uppercase;
  4578.         letter-spacing: 0.1em;
  4579.         color: #ffffff;
  4580.         margin: 0 auto;
  4581.         display: inline-block;
  4582.     }
  4583.   /* = Pagination */
  4584.     .projects-pagination .prev-nav {
  4585.         width: 40%;
  4586.     }
  4587.  
  4588.     .projects-pagination .prev-nav a {
  4589.         font-size: 12px;
  4590.     }
  4591.  
  4592.     .projects-pagination .back-nav {
  4593.         width: 20%;
  4594.     }
  4595.  
  4596.     .projects-pagination .back-nav i {
  4597.         padding-top: 8px;
  4598.         font-size: 28px;
  4599.     }
  4600.  
  4601.     .projects-pagination .next-nav {
  4602.         width: 40%;
  4603.     }
  4604.  
  4605.     .projects-pagination .next-nav a {
  4606.         font-size: 12px;
  4607.     }
  4608.   /* = Shortcodes */
  4609.     .shortcode_list_images ul.four_col li,
  4610.   .shortcode_list_images ul.three_col li,
  4611.   .shortcode_list_images ul.two_col li {
  4612.         width: 100%;
  4613.     }
  4614.  
  4615.     .shortcode_price_table_holder.five_columns .shortcode_price_table,
  4616.   .shortcode_price_table_holder.four_columns .shortcode_price_table,
  4617.   .shortcode_price_table_holder.three_columns .shortcode_price_table,
  4618.   .shortcode_price_table_holder.two_columns .shortcode_price_table {
  4619.         width: 100%;
  4620.         margin-bottom: 24px;
  4621.     }
  4622.  
  4623.     .shortcode_text_columns.four-cols, .shortcode_text_columns.three-cols, .shortcode_text_columns.two-cols {
  4624.         -webkit-column-count: 1;
  4625.         -moz-column-count: 1;
  4626.         column-count: 1;
  4627.     }
  4628.   /* = Gallery */
  4629.     .gallery-columns-3:hover .gallery-caption {
  4630.         display: none;
  4631.     }
  4632.   /* = Search */
  4633.     #full-search input[type="search"] {
  4634.         font-size: 36px;
  4635.     }
  4636.   /* = Projects overlay */
  4637.     .overlay {
  4638.         width: 85%;
  4639.     }
  4640.  
  4641.     .overlay-close {
  4642.         left: 86%;
  4643.     }
  4644. }
  4645.  
  4646. /* = 10.5 max-width : 420px
  4647.  
  4648. -------------------------------------------------------------- */
  4649. @media only screen and (max-width: 420px) {
  4650.   /* = Layout */
  4651.     .header .wrap {
  4652.         padding: 0 24px;
  4653.     }
  4654.  
  4655.     .wrap {
  4656.         padding-left: 24px;
  4657.         padding-right: 24px;
  4658.     }
  4659.  
  4660.     .wrap .secondary {
  4661.         display: none;
  4662.     }
  4663.   /* = Typography */
  4664.     body {
  4665.         line-height: 1.5em;
  4666.     }
  4667.   /* = Slider */
  4668.     .in-slide-content h1 {
  4669.         font-size: 17px;
  4670.     }
  4671.  
  4672.     .in-slide-content h2 {
  4673.         font-size: 14px;
  4674.     }
  4675.  
  4676.     .in-slide-content .readmore {
  4677.         padding: 6px;
  4678.     }
  4679.  
  4680.     #arrow_left {
  4681.         left: 4px;
  4682.     }
  4683.  
  4684.     #arrow_right {
  4685.         right: 4px;
  4686.     }
  4687.   /* = Projects */
  4688.     .project-cover .hero-title {
  4689.         bottom: 124px !important;
  4690.         left: 0 !important;
  4691.     }
  4692.  
  4693.     .project-cover .hero-title h1 {
  4694.         font-size: 300% !important;
  4695.         max-width: 90% !important;
  4696.     }
  4697.   /* = Shortcodes */
  4698.     .blog_content .entry-header h3 {
  4699.         font-size: 2em;
  4700.         line-height: 1.2;
  4701.     }
  4702.  
  4703.     .blog_content .entry-header .entry-title {
  4704.         width: 90%;
  4705.     }
  4706.  
  4707.     .service_table_content {
  4708.         padding: 0 12px 12px !important;
  4709.     }
  4710.   /* = Search */
  4711.     #full-search input[type="search"] {
  4712.         font-size: 24px;
  4713.     }
  4714. }
  4715.  
  4716. /* = 8. Modules
  4717. -------------------------------------------------------------- */
  4718. /* 8.1 Alerts */
  4719. /******************************************************************
  4720.  
  4721. Stylesheet: Alert Styles
  4722.  
  4723. ******************************************************************/
  4724. .alert-help, .alert-info, .alert-error, .alert-success {
  4725.     padding: 12px;
  4726.     border: 1px solid;
  4727. }
  4728.  
  4729. .alert-help {
  4730.     border-color: #fff68e;
  4731.     background: #fffcda;
  4732. }
  4733.  
  4734. .alert-info {
  4735.     border-color: #bfe4f4;
  4736.     background: #d5edf8;
  4737. }
  4738.  
  4739. .alert-error {
  4740.     border-color: #f8cdce;
  4741.     background: #fbe3e4;
  4742. }
  4743.  
  4744. .alert-success {
  4745.     border-color: #deeaae;
  4746.     background: #e6efc2;
  4747. }
  4748.  
  4749. /* 8.2 Buttons */
  4750. /******************************************************************
  4751.  
  4752. Stylesheet: Button Styles
  4753.  
  4754. ******************************************************************/
  4755. /*********************
  4756. BUTTON DEFAULTS
  4757. We're gonna use a placeholder selector here
  4758. so we can use common styles. We then use this
  4759. to load up the defaults in all our buttons.
  4760.  
  4761. Here's a quick video to show how it works:
  4762. http://www.youtube.com/watch?v=hwdVpKiJzac
  4763.  
  4764. *********************/
  4765. .pagination .alignleft a,
  4766. .pagination .alignright a, .comment-respond #submit, input[type="submit"], .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce-product-search input[type=submit],
  4767. .btn {
  4768.     position: relative;
  4769.     display: inline-block;
  4770.     width: auto;
  4771.     color: #8c8c8c;
  4772.     font-size: 12px;
  4773.     text-transform: uppercase;
  4774.     padding: 16px 24px;
  4775.     margin: 0;
  4776.     border: 4px solid #8c8c8c;
  4777.     border-radius: 0;
  4778.     background: #ffffff;
  4779.     letter-spacing: 0.2em;
  4780.     font-weight: 600;
  4781.     font-style: normal;
  4782.     cursor: pointer;
  4783.     white-space: nowrap;
  4784.     outline: none;
  4785.     -webkit-font-smoothing: antialiased;
  4786.     -moz-osx-font-smoothing: grayscale;
  4787.     -webkit-transition: all 0.2s ease-in-out;
  4788.     transition: all 0.2s ease-in-out;
  4789. }
  4790.  
  4791. .pagination .alignleft a:focus,
  4792.   .pagination .alignright a:focus, .comment-respond #submit:focus, input:focus[type="submit"], .woocommerce #respond input#submit:focus, .woocommerce a.button:focus, .woocommerce button.button:focus, .woocommerce input.button:focus, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:focus, .woocommerce-product-search input:focus[type=submit], .pagination .alignleft a:hover,
  4793.   .pagination .alignright a:hover, .comment-respond #submit:hover, input:hover[type="submit"], .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-product-search input:hover[type=submit],
  4794.   .btn:focus,
  4795.   .btn:hover {
  4796.     color: #ffffff;
  4797.     background-color: #000000;
  4798.     border-color: #000000;
  4799.     text-decoration: none;
  4800. }
  4801.  
  4802. .pagination .alignleft a.left,
  4803.   .pagination .alignright a.left, .comment-respond .left#submit, input.left[type="submit"], .woocommerce #respond input.left#submit, .woocommerce a.left.button, .woocommerce button.left.button, .woocommerce input.left.button, .woocommerce-cart .wc-proceed-to-checkout a.left.checkout-button, .woocommerce-product-search input.left[type=submit],
  4804.   .btn.left {
  4805.     float: left;
  4806. }
  4807.  
  4808. .pagination .alignleft a.right,
  4809.   .pagination .alignright a.right, .comment-respond .right#submit, input.right[type="submit"], .woocommerce #respond input.right#submit, .woocommerce a.right.button, .woocommerce button.right.button, .woocommerce input.right.button, .woocommerce-cart .wc-proceed-to-checkout a.right.checkout-button, .woocommerce-product-search input.right[type=submit],
  4810.   .btn.right {
  4811.     float: right;
  4812. }
  4813.  
  4814. .pagination .alignleft a.center,
  4815.   .pagination .alignright a.center, .comment-respond .center#submit, input.center[type="submit"], .woocommerce #respond input.center#submit, .woocommerce a.center.button, .woocommerce button.center.button, .woocommerce input.center.button, .woocommerce-cart .wc-proceed-to-checkout a.center.checkout-button, .woocommerce-product-search input.center[type=submit],
  4816.   .btn.center {
  4817.     display: block;
  4818.     max-width: 250px;
  4819.     margin: 0 auto;
  4820. }
  4821.  
  4822. .pagination .alignleft a.small,
  4823.   .pagination .alignright a.small, .comment-respond .small#submit, input.small[type="submit"], .woocommerce #respond input.small#submit, .woocommerce a.small.button, .woocommerce button.small.button, .woocommerce input.small.button, .woocommerce-cart .wc-proceed-to-checkout a.small.checkout-button, .woocommerce-product-search input.small[type=submit],
  4824.   .btn.small {
  4825.     padding: 6px 12px;
  4826. }
  4827.  
  4828. .pagination .alignleft a.medium,
  4829.   .pagination .alignright a.medium, .comment-respond .medium#submit, input.medium[type="submit"], .woocommerce #respond input.medium#submit, .woocommerce a.medium.button, .woocommerce button.medium.button, .woocommerce input.medium.button, .woocommerce-cart .wc-proceed-to-checkout a.medium.checkout-button, .woocommerce-product-search input.medium[type=submit],
  4830.   .btn.medium {
  4831.     padding: 16px 24px;
  4832. }
  4833.  
  4834. .pagination .alignleft a.large,
  4835.   .pagination .alignright a.large, .comment-respond .large#submit, input.large[type="submit"], .woocommerce #respond input.large#submit, .woocommerce a.large.button, .woocommerce button.large.button, .woocommerce input.large.button, .woocommerce-cart .wc-proceed-to-checkout a.large.checkout-button, .woocommerce-product-search input.large[type=submit],
  4836.   .btn.large {
  4837.     font-size: 18px;
  4838.     padding: 24px 36px;
  4839. }
  4840.  
  4841. .pagination .alignleft a.full_width,
  4842.   .pagination .alignright a.full_width, .comment-respond .full_width#submit, input.full_width[type="submit"], .woocommerce #respond input.full_width#submit, .woocommerce a.full_width.button, .woocommerce button.full_width.button, .woocommerce input.full_width.button, .woocommerce-cart .wc-proceed-to-checkout a.full_width.checkout-button, .woocommerce-product-search input.full_width[type=submit],
  4843.   .btn.full_width {
  4844.     width: 100%;
  4845.     text-align: center;
  4846.     -webkit-box-sizing: border-box;
  4847.     -moz-box-sizing: border-box;
  4848.     -ms-box-sizing: border-box;
  4849.     -o-box-sizing: border-box;
  4850. }
  4851.  
  4852. .pagination .alignleft a.white,
  4853.   .pagination .alignright a.white, .comment-respond .white#submit, input.white[type="submit"], .woocommerce #respond input.white#submit, .woocommerce a.white.button, .woocommerce button.white.button, .woocommerce input.white.button, .woocommerce-cart .wc-proceed-to-checkout a.white.checkout-button, .woocommerce-product-search input.white[type=submit],
  4854.   .btn.white {
  4855.     color: #ffffff;
  4856.     border-color: #ffffff;
  4857.     background: transparent;
  4858. }
  4859.  
  4860. .pagination .alignleft a.white:hover,
  4861.     .pagination .alignright a.white:hover, .comment-respond .white#submit:hover, input.white:hover[type="submit"], .woocommerce #respond input.white#submit:hover, .woocommerce a.white.button:hover, .woocommerce button.white.button:hover, .woocommerce input.white.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.white.checkout-button:hover, .woocommerce-product-search input.white:hover[type=submit],
  4862.     .btn.white:hover {
  4863.     color: #000000;
  4864.     border-color: #ffffff;
  4865.     background-color: #ffffff;
  4866. }
  4867.  
  4868. .pagination .alignleft a.black,
  4869.   .pagination .alignright a.black, .comment-respond .black#submit, input.black[type="submit"], .woocommerce #respond input.black#submit, .woocommerce a.black.button, .woocommerce button.black.button, .woocommerce input.black.button, .woocommerce-cart .wc-proceed-to-checkout a.black.checkout-button, .woocommerce-product-search input.black[type=submit],
  4870.   .btn.black {
  4871.     color: #ffffff;
  4872.     border-color: #000000;
  4873.     background-color: #000000;
  4874. }
  4875.  
  4876. .pagination .alignleft a.black:hover,
  4877.     .pagination .alignright a.black:hover, .comment-respond .black#submit:hover, input.black:hover[type="submit"], .woocommerce #respond input.black#submit:hover, .woocommerce a.black.button:hover, .woocommerce button.black.button:hover, .woocommerce input.black.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.black.checkout-button:hover, .woocommerce-product-search input.black:hover[type=submit],
  4878.     .btn.black:hover {
  4879.     color: #ffffff;
  4880.     border-color: #8c8c8c;
  4881.     background-color: #8c8c8c;
  4882. }
  4883.  
  4884. .pagination .alignleft a i, .pagination .alignright a i, .comment-respond #submit i, input[type="submit"] i, .woocommerce #respond input#submit i, .woocommerce a.button i, .woocommerce button.button i, .woocommerce input.button i, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button i, .woocommerce button.button.alt i, .woocommerce #respond input#submit.alt i, .woocommerce a.button.alt i, .woocommerce input.button.alt i, .woocommerce-product-search input[type=submit] i,
  4885.   .btn i {
  4886.     margin: 0 0 0 10px;
  4887. }
  4888.  
  4889. .pagination .alignleft a.small i, .pagination .alignright a.small i, .comment-respond .small#submit i, input.small[type="submit"] i, .woocommerce #respond input.small#submit i, .woocommerce a.small.button i, .woocommerce button.small.button i, .woocommerce input.small.button i, .woocommerce-cart .wc-proceed-to-checkout a.small.checkout-button i, .woocommerce-product-search input.small[type=submit] i,
  4890.   .btn.small i {
  4891.     margin: 0 0 0 10px;
  4892. }
  4893.  
  4894. .pagination .alignleft a.large i, .pagination .alignright a.large i, .comment-respond .large#submit i, input.large[type="submit"] i, .woocommerce #respond input.large#submit i, .woocommerce a.large.button i, .woocommerce button.large.button i, .woocommerce input.large.button i, .woocommerce-cart .wc-proceed-to-checkout a.large.checkout-button i, .woocommerce-product-search input.large[type=submit] i,
  4895.   .btn.large i {
  4896.     margin: 0 0 0 17px;
  4897. }
  4898.  
  4899. a.link {
  4900.     position: relative;
  4901.     overflow: hidden;
  4902.     letter-spacing: 1px;
  4903.     -webkit-transition: color 0.2s ease-in-out;
  4904.     transition: color 0.2s ease-in-out;
  4905. }
  4906.  
  4907. a.link:after {
  4908.     content: '';
  4909.     width: 100%;
  4910.     height: 1px;
  4911.     position: absolute;
  4912.     left: 0;
  4913.     bottom: -4px;
  4914.     background: #8c8c8c;
  4915.     background: -webkit-gradient(linear, left top, right top, color-stop(50%, #000000), color-stop(50%, #d7d7d7));
  4916.     background: linear-gradient(to right, #000000 50%, #d7d7d7 50%);
  4917.     background-size: 204% 100%;
  4918.     background-position: 99% 0;
  4919.     -webkit-transition: background-position 0.2s ease-in-out;
  4920.     transition: background-position 0.2s ease-in-out;
  4921. }
  4922.  
  4923. a.link.white {
  4924.     color: #ffffff;
  4925. }
  4926.  
  4927. a.link.white:after {
  4928.     background: #000000;
  4929.     background: -webkit-gradient(linear, left top, right top, color-stop(50%, #8c8c8c), color-stop(50%, #d7d7d7));
  4930.     background: linear-gradient(to right, #8c8c8c 50%, #d7d7d7 50%);
  4931.     background-size: 204% 100%;
  4932.     background-position: 99% 0;
  4933. }
  4934.  
  4935. a.link.white:hover {
  4936.     color: #ffffff;
  4937. }
  4938.  
  4939. a.link:hover {
  4940.     color: #000000;
  4941. }
  4942.  
  4943. a.link:hover:after {
  4944.     background-position: 1% 0;
  4945. }
  4946.  
  4947. /* 8.3 Forms */
  4948. /******************************************************************
  4949.  
  4950. Stylesheet: Form Styles
  4951.  
  4952. ******************************************************************/
  4953. /*********************
  4954. INPUTS
  4955. *********************/
  4956. input[type="text"],
  4957. input[type="password"],
  4958. input[type="datetime"],
  4959. input[type="datetime-local"],
  4960. input[type="date"],
  4961. input[type="month"],
  4962. input[type="time"],
  4963. input[type="week"],
  4964. input[type="number"],
  4965. input[type="email"],
  4966. input[type="url"],
  4967. input[type="search"],
  4968. input[type="tel"],
  4969. input[type="color"],
  4970. select,
  4971. textarea,
  4972. .field {
  4973.     display: block;
  4974.     height: 48px;
  4975.     padding: 16px;
  4976.     margin-bottom: 14px;
  4977.     color: #8c8c8c;
  4978.     border-radius: 3px;
  4979.     vertical-align: middle;
  4980.     -webkit-box-shadow: none;
  4981.     box-shadow: none;
  4982.     border: 0;
  4983.     width: 100%;
  4984.     font-size: 16px;
  4985.     background-color: #ffffff;
  4986.     border: 2px solid #d7d7d7;
  4987.     -webkit-transition: all 0.24s ease-in-out;
  4988.     transition: all 0.24s ease-in-out;
  4989.     -webkit-transition: border-color 0.24s ease-in-out;
  4990.     transition: border-color 0.24s ease-in-out;
  4991.     -webkit-box-sizing: border-box;
  4992.     box-sizing: border-box;
  4993. }
  4994.  
  4995. input[type="text"]:active, input[type="text"]:focus,
  4996.   input[type="password"]:active,
  4997.   input[type="password"]:focus,
  4998.   input[type="datetime"]:active,
  4999.   input[type="datetime"]:focus,
  5000.   input[type="datetime-local"]:active,
  5001.   input[type="datetime-local"]:focus,
  5002.   input[type="date"]:active,
  5003.   input[type="date"]:focus,
  5004.   input[type="month"]:active,
  5005.   input[type="month"]:focus,
  5006.   input[type="time"]:active,
  5007.   input[type="time"]:focus,
  5008.   input[type="week"]:active,
  5009.   input[type="week"]:focus,
  5010.   input[type="number"]:active,
  5011.   input[type="number"]:focus,
  5012.   input[type="email"]:active,
  5013.   input[type="email"]:focus,
  5014.   input[type="url"]:active,
  5015.   input[type="url"]:focus,
  5016.   input[type="search"]:active,
  5017.   input[type="search"]:focus,
  5018.   input[type="tel"]:active,
  5019.   input[type="tel"]:focus,
  5020.   input[type="color"]:active,
  5021.   input[type="color"]:focus,
  5022.   select:active,
  5023.   select:focus,
  5024.   textarea:active,
  5025.   textarea:focus,
  5026.   .field:active,
  5027.   .field:focus {
  5028.     outline: 0;
  5029.     border: 2px solid #979797;
  5030. }
  5031.  
  5032. input[type="text"].error, input[type="text"].is-invalid,
  5033.   input[type="password"].error,
  5034.   input[type="password"].is-invalid,
  5035.   input[type="datetime"].error,
  5036.   input[type="datetime"].is-invalid,
  5037.   input[type="datetime-local"].error,
  5038.   input[type="datetime-local"].is-invalid,
  5039.   input[type="date"].error,
  5040.   input[type="date"].is-invalid,
  5041.   input[type="month"].error,
  5042.   input[type="month"].is-invalid,
  5043.   input[type="time"].error,
  5044.   input[type="time"].is-invalid,
  5045.   input[type="week"].error,
  5046.   input[type="week"].is-invalid,
  5047.   input[type="number"].error,
  5048.   input[type="number"].is-invalid,
  5049.   input[type="email"].error,
  5050.   input[type="email"].is-invalid,
  5051.   input[type="url"].error,
  5052.   input[type="url"].is-invalid,
  5053.   input[type="search"].error,
  5054.   input[type="search"].is-invalid,
  5055.   input[type="tel"].error,
  5056.   input[type="tel"].is-invalid,
  5057.   input[type="color"].error,
  5058.   input[type="color"].is-invalid,
  5059.   select.error,
  5060.   select.is-invalid,
  5061.   textarea.error,
  5062.   textarea.is-invalid,
  5063.   .field.error,
  5064.   .field.is-invalid {
  5065.     color: #fbe3e4;
  5066.     border-color: #fbe3e4;
  5067.     background-color: #ffffff;
  5068.     background-position: 99% center;
  5069.     background-repeat: no-repeat;
  5070.     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=");
  5071.     outline-color: #fbe3e4;
  5072. }
  5073.  
  5074. input[type="text"].is-valid, input[type="text"].success,
  5075.   input[type="password"].is-valid,
  5076.   input[type="password"].success,
  5077.   input[type="datetime"].is-valid,
  5078.   input[type="datetime"].success,
  5079.   input[type="datetime-local"].is-valid,
  5080.   input[type="datetime-local"].success,
  5081.   input[type="date"].is-valid,
  5082.   input[type="date"].success,
  5083.   input[type="month"].is-valid,
  5084.   input[type="month"].success,
  5085.   input[type="time"].is-valid,
  5086.   input[type="time"].success,
  5087.   input[type="week"].is-valid,
  5088.   input[type="week"].success,
  5089.   input[type="number"].is-valid,
  5090.   input[type="number"].success,
  5091.   input[type="email"].is-valid,
  5092.   input[type="email"].success,
  5093.   input[type="url"].is-valid,
  5094.   input[type="url"].success,
  5095.   input[type="search"].is-valid,
  5096.   input[type="search"].success,
  5097.   input[type="tel"].is-valid,
  5098.   input[type="tel"].success,
  5099.   input[type="color"].is-valid,
  5100.   input[type="color"].success,
  5101.   select.is-valid,
  5102.   select.success,
  5103.   textarea.is-valid,
  5104.   textarea.success,
  5105.   .field.is-valid,
  5106.   .field.success {
  5107.     color: #e6efc2;
  5108.     border-color: #e6efc2;
  5109.     background-color: #ffffff;
  5110.     background-position: 99% center;
  5111.     background-repeat: no-repeat;
  5112.     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDRERkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDRFMEYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjY0MzQ0NERERjA0QjExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERFRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7olkTQAAAfhJREFUeNqklU9oE0EUhzdroWjw0tBeWlDxkEaIp55TsCU9VKIgCrHBelA8CQ1Kr1WPbZrQ3gqtQqvGqxpQc2jBk6BIIaAGD4qNCKURpDSKiPi98gLDsJt//uBjsztvfnk7895sIPAw6/joGMThFJyAXn2+A+9gA57/TaY/eU0OeBgfhGm4DiGnsb7DAszxBz/NAdcKjMJLuNWCqagHbsscN5+L+hmH4QkMOe1L5jzFfNA2PgT34ajTuY7AGuZB0/hmh5m+gS0r8xv1zRvg+gGCHZiOwnF4DP3iB3sQkYxPd2C6CWfhB9Xwlus5+K1j4jXuaq3a+gM1H9OPcAa+7q9lPidZJqHbiIm7Wg22rsEI7FrPSzAMX/T+ADyAKSsu7Fr1KplehLvwCs5DvfBf65p+MypqRbO1FXK9utH4/QKuaqYTsG3E3INJv00Q46px3+XxanJ/Ute2/vqP4FKDza2KcdljIKdnhS0xXYULTaqmLMZFn8FFSFtvt6x70ExFCS5oUXspq2ssa7oEl1swFa+CGFdgtkHgPDyDKy02zyxNU6lXRUZb1EuHYayNNs+Yh5B0WQo+/8fpJnNTZFuzz2OpjoQ2QruSOQlMy35fEGmEGMxY9e1brxobw7TkWA1h6xfckUPb+JhGoE/Hpfvew7qUld/H9J8AAwDpw3WYrxcZ3QAAAABJRU5ErkJggg==");
  5113.     outline-color: #e6efc2;
  5114. }
  5115.  
  5116. input[type="text"].is-disabled, input[type="text"][disabled],
  5117.   input[type="password"].is-disabled,
  5118.   input[type="password"][disabled],
  5119.   input[type="datetime"].is-disabled,
  5120.   input[type="datetime"][disabled],
  5121.   input[type="datetime-local"].is-disabled,
  5122.   input[type="datetime-local"][disabled],
  5123.   input[type="date"].is-disabled,
  5124.   input[type="date"][disabled],
  5125.   input[type="month"].is-disabled,
  5126.   input[type="month"][disabled],
  5127.   input[type="time"].is-disabled,
  5128.   input[type="time"][disabled],
  5129.   input[type="week"].is-disabled,
  5130.   input[type="week"][disabled],
  5131.   input[type="number"].is-disabled,
  5132.   input[type="number"][disabled],
  5133.   input[type="email"].is-disabled,
  5134.   input[type="email"][disabled],
  5135.   input[type="url"].is-disabled,
  5136.   input[type="url"][disabled],
  5137.   input[type="search"].is-disabled,
  5138.   input[type="search"][disabled],
  5139.   input[type="tel"].is-disabled,
  5140.   input[type="tel"][disabled],
  5141.   input[type="color"].is-disabled,
  5142.   input[type="color"][disabled],
  5143.   select.is-disabled,
  5144.   select[disabled],
  5145.   textarea.is-disabled,
  5146.   textarea[disabled],
  5147.   .field.is-disabled,
  5148.   .field[disabled] {
  5149.     cursor: not-allowed;
  5150.     border-color: #cfcfcf;
  5151.     opacity: 0.6;
  5152. }
  5153.  
  5154. input[type="text"].is-disabled:active, input[type="text"].is-disabled:focus, input[type="text"][disabled]:active, input[type="text"][disabled]:focus,
  5155.     input[type="password"].is-disabled:active,
  5156.     input[type="password"].is-disabled:focus,
  5157.     input[type="password"][disabled]:active,
  5158.     input[type="password"][disabled]:focus,
  5159.     input[type="datetime"].is-disabled:active,
  5160.     input[type="datetime"].is-disabled:focus,
  5161.     input[type="datetime"][disabled]:active,
  5162.     input[type="datetime"][disabled]:focus,
  5163.     input[type="datetime-local"].is-disabled:active,
  5164.     input[type="datetime-local"].is-disabled:focus,
  5165.     input[type="datetime-local"][disabled]:active,
  5166.     input[type="datetime-local"][disabled]:focus,
  5167.     input[type="date"].is-disabled:active,
  5168.     input[type="date"].is-disabled:focus,
  5169.     input[type="date"][disabled]:active,
  5170.     input[type="date"][disabled]:focus,
  5171.     input[type="month"].is-disabled:active,
  5172.     input[type="month"].is-disabled:focus,
  5173.     input[type="month"][disabled]:active,
  5174.     input[type="month"][disabled]:focus,
  5175.     input[type="time"].is-disabled:active,
  5176.     input[type="time"].is-disabled:focus,
  5177.     input[type="time"][disabled]:active,
  5178.     input[type="time"][disabled]:focus,
  5179.     input[type="week"].is-disabled:active,
  5180.     input[type="week"].is-disabled:focus,
  5181.     input[type="week"][disabled]:active,
  5182.     input[type="week"][disabled]:focus,
  5183.     input[type="number"].is-disabled:active,
  5184.     input[type="number"].is-disabled:focus,
  5185.     input[type="number"][disabled]:active,
  5186.     input[type="number"][disabled]:focus,
  5187.     input[type="email"].is-disabled:active,
  5188.     input[type="email"].is-disabled:focus,
  5189.     input[type="email"][disabled]:active,
  5190.     input[type="email"][disabled]:focus,
  5191.     input[type="url"].is-disabled:active,
  5192.     input[type="url"].is-disabled:focus,
  5193.     input[type="url"][disabled]:active,
  5194.     input[type="url"][disabled]:focus,
  5195.     input[type="search"].is-disabled:active,
  5196.     input[type="search"].is-disabled:focus,
  5197.     input[type="search"][disabled]:active,
  5198.     input[type="search"][disabled]:focus,
  5199.     input[type="tel"].is-disabled:active,
  5200.     input[type="tel"].is-disabled:focus,
  5201.     input[type="tel"][disabled]:active,
  5202.     input[type="tel"][disabled]:focus,
  5203.     input[type="color"].is-disabled:active,
  5204.     input[type="color"].is-disabled:focus,
  5205.     input[type="color"][disabled]:active,
  5206.     input[type="color"][disabled]:focus,
  5207.     select.is-disabled:active,
  5208.     select.is-disabled:focus,
  5209.     select[disabled]:active,
  5210.     select[disabled]:focus,
  5211.     textarea.is-disabled:active,
  5212.     textarea.is-disabled:focus,
  5213.     textarea[disabled]:active,
  5214.     textarea[disabled]:focus,
  5215.     .field.is-disabled:active,
  5216.     .field.is-disabled:focus,
  5217.     .field[disabled]:active,
  5218.     .field[disabled]:focus {
  5219.     background-color: #d5edf8;
  5220. }
  5221.  
  5222. input[type="number"] {
  5223.     padding: 0;
  5224. }
  5225.  
  5226. textarea {
  5227.     min-height: 140px;
  5228.     line-height: 1.5em;
  5229. }
  5230.  
  5231. select {
  5232.     -webkit-appearance: none;
  5233.   /* 1 */
  5234.     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAHCAYAAADXhRcnAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpEOEZCMjYxMEYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpEOEZCMjYxMUYwNUUxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkQ4RkIyNjBFRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkQ4RkIyNjBGRjA1RTExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Vxkp9gAAAI9JREFUeNpidHFxucHAwKAOxE+AmJmBMPgLxDJAfJMFSKwD4kqoAClgA+P///8ZXF1dPaCGcBKh6QcQB+3evXs7WDMIAA2QB1I7gFgDj0aQFz2BGh+AOEwwUaDAQyBlCMR7cGjcC5KHaQQBuM3IAOiKTiBVhiTUDdRUhq4Oq2aoAelAahIQ5wM1zsCmBiDAADhYMJXVZ9u9AAAAAElFTkSuQmCC");
  5235.     background-repeat: no-repeat;
  5236.     background-position: 97.5% center;
  5237.     padding: 0 16px;
  5238. }
  5239.  
  5240. select::-ms-expand {
  5241.     display: none;
  5242. }
  5243.  
  5244. label {
  5245.     font-size: 14px;
  5246.     text-transform: uppercase;
  5247.     color: #8c8c8c;
  5248. }
  5249.  
  5250. form.wpcf7-form p {
  5251.     text-transform: uppercase;
  5252.     color: #8c8c8c;
  5253.     font-size: 14px;
  5254. }
  5255.  
  5256. form.wpcf7-form div.wpcf7-validation-errors {
  5257.     padding: 24px 24px 24px 52px;
  5258.     color: #d55d62;
  5259.     font-size: 14px;
  5260.     border-color: #d55d62;
  5261.     margin: 0;
  5262.     background-color: #fbe3e4;
  5263.     background-position: 5% 47%;
  5264.     background-repeat: no-repeat;
  5265.     background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2NDM0NDREQkYwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2NDM0NDREQ0YwNEIxMUUyOTI4REZGQTEzMzA2MDcyNiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjQ3ODRGRkE2RjA0QTExRTI5MjhERkZBMTMzMDYwNzI2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjY0MzQ0NERBRjA0QjExRTI5MjhERkZBMTMzMDYwNzI2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+U8iT5wAAAedJREFUeNqk1U9I02Ecx/HtV3aIFAc1hcRDUoGXRAq0oNLA2CrsEFmHbikZu0iQYIFGYAiegkCpLipBxPpDEBMUzB0EhSG2LhG7hMR2GviPgUTvB57Bw8P3+U23B16HPX8+e/b8nt93wezZSMCnhXETF3AcB5BDCnH8Dq98ExcGHcFn8Ah3cdDni+fxnPDv9oAnTB7CKu6VCFXtChZy56LxUjt+jfuB8toSOth9wd7xWAWhqrUjYR/FRTwWJm+iIPT/w7bQf5ljiZnBg45dtKFX6H+LU8gIY8OEV6vgTkStwXWE8BPTGDHGPqNPz2mCfSOOYkA99TvCt1bhGPL68zMcwmncMuape10jrI+q4BbHi/FLn31S9z2x5tRhTc+1W506ipM+T3oRD4X+8+qtc4SqFvL0z/Fr14S+Szjis8bz9Lvvaq8cwS/wwGfdlqfPSWqTiFlX77o13u9Ym1PBs8JAytpRoy44X9Ft9E/gvbA+rYKn8NcaaMVc8UHgBw4b9/iqUQZ6hOAJFbyDcUflmsEX4a6+wTtHGfhAIUqa1U29Zc2BytouThD8x6xuN5CtMPi2CrXLZkZf/HyZoRFCP7n+QVR4PV7uI/AjGghN7OU/r1ilnqILtfpNC+o6vIFljBKYlhb/F2AAgaBsWR5wRiIAAAAASUVORK5CYII=");
  5266.     outline-color: #fbe3e4;
  5267.     border-radius: 2px;
  5268. }
  5269.  
  5270. form.wpcf7-form span.wpcf7-not-valid-tip {
  5271.     color: #d55d62;
  5272.     text-transform: none;
  5273.     font-weight: normal;
  5274. }
  5275.  
  5276. fieldset {
  5277.     margin: 0 0 14px;
  5278. }
  5279.  
  5280. fieldset legend {
  5281.     text-transform: uppercase;
  5282. }
  5283.  
  5284. /* 8.4 Animations */
  5285. /******************************************************************
  5286.  
  5287. Stylesheet: Animations Styles
  5288.  
  5289. ******************************************************************/
  5290. .animated {
  5291.     -webkit-animation-duration: 0.5s;
  5292.     animation-duration: 0.5s;
  5293.     -webkit-animation-fill-mode: both;
  5294.     animation-fill-mode: both;
  5295. }
  5296.  
  5297. .pulse:hover,
  5298. .pulsing {
  5299.     animation-name: pulse;
  5300.     -webkit-animation-name: pulse;
  5301.     animation-duration: 1.5s;
  5302.     -webkit-animation-duration: 1.5s;
  5303.     animation-iteration-count: infinite;
  5304.     -webkit-animation-iteration-count: infinite;
  5305.     cursor: pointer;
  5306. }
  5307.  
  5308. @keyframes pulse {
  5309.     0% {
  5310.         -webkit-transform: scale(1);
  5311.         transform: scale(1);
  5312.         opacity: 1;
  5313.     }
  5314.  
  5315.     50% {
  5316.         -webkit-transform: scale(1.2);
  5317.         transform: scale(1.2);
  5318.         opacity: 0,7;
  5319.     }
  5320.  
  5321.     100% {
  5322.         -webkit-transform: scale(1);
  5323.         transform: scale(1);
  5324.         opacity: 1;
  5325.     }
  5326. }
  5327.  
  5328. @-webkit-keyframes pulse {
  5329.     0% {
  5330.         -webkit-transform: scale(1);
  5331.         opacity: 1;
  5332.     }
  5333.  
  5334.     50% {
  5335.         -webkit-transform: scale(1.2);
  5336.         opacity: 0,7;
  5337.     }
  5338.  
  5339.     100% {
  5340.         -webkit-transform: scale(1);
  5341.         opacity: 1;
  5342.     }
  5343. }
  5344.  
  5345. @-webkit-keyframes slideDown {
  5346.     0% {
  5347.         -webkit-transform: translateY(-8em);
  5348.     }
  5349.  
  5350.     100% {
  5351.         -webkit-transform: translateY(0);
  5352.     }
  5353. }
  5354.  
  5355. @keyframes slideDown {
  5356.     0% {
  5357.         -webkit-transform: translateY(-8em);
  5358.         transform: translateY(-8em);
  5359.     }
  5360.  
  5361.     100% {
  5362.         -webkit-transform: translateY(0);
  5363.         transform: translateY(0);
  5364.     }
  5365. }
  5366.  
  5367. .animated.slideDown {
  5368.     -webkit-animation-name: slideDown;
  5369.     animation-name: slideDown;
  5370. }
  5371.  
  5372. @-webkit-keyframes slideUp {
  5373.     0% {
  5374.         -webkit-transform: translateY(0);
  5375.     }
  5376.  
  5377.     100% {
  5378.         -webkit-transform: translateY(-8em);
  5379.     }
  5380. }
  5381.  
  5382. @keyframes slideUp {
  5383.     0% {
  5384.         -webkit-transform: translateY(0);
  5385.         transform: translateY(0);
  5386.     }
  5387.  
  5388.     100% {
  5389.         -webkit-transform: translateY(-8em);
  5390.         transform: translateY(-8em);
  5391.     }
  5392. }
  5393.  
  5394. .animated.slideUp {
  5395.     -webkit-animation-name: slideUp;
  5396.     animation-name: slideUp;
  5397. }
  5398.  
  5399. @-webkit-keyframes fadeIn {
  5400.     0% {
  5401.         opacity: 0;
  5402.     }
  5403.  
  5404.     100% {
  5405.         opacity: 1;
  5406.     }
  5407. }
  5408.  
  5409. @keyframes fadeIn {
  5410.     0% {
  5411.         opacity: 0;
  5412.     }
  5413.  
  5414.     100% {
  5415.         opacity: 1;
  5416.     }
  5417. }
  5418.  
  5419. .fadeIn {
  5420.     -webkit-animation-name: fadeIn;
  5421.     animation-name: fadeIn;
  5422. }
  5423.  
  5424. @-webkit-keyframes fadeOut {
  5425.     0% {
  5426.         opacity: 1;
  5427.     }
  5428.  
  5429.     100% {
  5430.         opacity: 0;
  5431.     }
  5432. }
  5433.  
  5434. @keyframes fadeOut {
  5435.     0% {
  5436.         opacity: 1;
  5437.     }
  5438.  
  5439.     100% {
  5440.         opacity: 0;
  5441.     }
  5442. }
  5443.  
  5444. .fadeOut {
  5445.     -webkit-animation-name: fadeOut;
  5446.     animation-name: fadeOut;
  5447. }
  5448.  
  5449. .kenburns {
  5450.     -webkit-animation-name: kenburns;
  5451.     animation-name: kenburns;
  5452. }
  5453.  
  5454. .kenburnsreverse {
  5455.     -webkit-animation-name: kenburnsreverse;
  5456.     animation-name: kenburnsreverse;
  5457. }
  5458.  
  5459. .kanimate {
  5460.     -webkit-animation-fill-mode: both;
  5461.     animation-fill-mode: both;
  5462.     -webkit-animation-duration: 30s;
  5463.     animation-duration: 30s;
  5464.     animation-timing-function: ease-out;
  5465.     -webkit-animation-timing-function: ease-out;
  5466.   /* Safari and Chrome */
  5467.     -webkit-transform-origin: 100% 100%;
  5468.     transform-origin: 100% 100%;
  5469.     -moz-animation-iteration-count: 1;
  5470.     -moz-animation-fill-mode: forwards;
  5471.     -webkit-animation-iteration-count: 1;
  5472.     -webkit-animation-fill-mode: forwards;
  5473. }
  5474.  
  5475. @-webkit-keyframes kenburns {
  5476.     0% {
  5477.         -webkit-transform: scale(1.2);
  5478.     }
  5479.  
  5480.     100% {
  5481.         -webkit-transform: scale(1);
  5482.     }
  5483. }
  5484.  
  5485. @keyframes kenburns {
  5486.     0% {
  5487.         -webkit-transform: scale(1.2);
  5488.         transform: scale(1.2);
  5489.     }
  5490.  
  5491.     100% {
  5492.         -webkit-transform: scale(1);
  5493.     }
  5494. }
  5495.  
  5496. /**
  5497.  * kenburns Reverse
  5498.  */
  5499. @-webkit-keyframes kenburnsreverse {
  5500.     0% {
  5501.         -webkit-transform: scale(1);
  5502.     }
  5503.  
  5504.     100% {
  5505.         -webkit-transform: scale(1.2);
  5506.     }
  5507. }
  5508.  
  5509. @keyframes kenburnsreverse {
  5510.     0% {
  5511.         -webkit-transform: scale(1);
  5512.         transform: scale(1);
  5513.     }
  5514.  
  5515.     100% {
  5516.         -webkit-transform: scale(1.2);
  5517.         transform: scale(1.2);
  5518.     }
  5519. }
  5520.  
  5521. /* = 11. WooCommerce
  5522. -------------------------------------------------------------- */
  5523. body.archive.archive.post-type-archive .wrap {
  5524.     max-width: 1320px;
  5525. }
  5526.  
  5527. .woocommerce span.onsale {
  5528.     top: 0;
  5529.     left: 0;
  5530.     border-radius: 0%;
  5531. }
  5532.  
  5533. .woocommerce ul.products li.product .onsale {
  5534.     margin: 0px;
  5535. }
  5536.  
  5537. .woocommerce div.product .product_title, .woocommerce .checkout h3 {
  5538.     font-size: 2em;
  5539. }
  5540.  
  5541. .woocommerce h2 {
  5542.     font-size: 1.5em;
  5543. }
  5544.  
  5545. .woocommerce h3 {
  5546.     font-size: 1.5em;
  5547. }
  5548.  
  5549. .woocommerce #reviews #comments ol.commentlist li img.avatar {
  5550.     position: relative;
  5551.     padding: 0px;
  5552. }
  5553.  
  5554. .cart-status {
  5555.     position: relative;
  5556.     text-align: right;
  5557.     background: #ffffff;
  5558.     display: inline;
  5559.     float: right;
  5560.     padding: 10px 20px;
  5561.     margin-top: 65px;
  5562.     border: 2px solid #000;
  5563. }
  5564.  
  5565. .cart-status i {
  5566.     color: #000000;
  5567.     font-size: 20px;
  5568.     margin-right: 10px;
  5569. }
  5570.  
  5571. .cart-status a {
  5572.     color: #000000;
  5573.     font-size: 14px;
  5574. }
  5575.  
  5576. .cart-status:hover {
  5577.     background: #000;
  5578. }
  5579.  
  5580. .cart-status:hover i {
  5581.     color: #ffffff;
  5582. }
  5583.  
  5584. .cart-status:hover a {
  5585.     color: #ffffff;
  5586. }
  5587.  
  5588. .woocommerce-LoopProduct-link {
  5589.     -webkit-transition: none;
  5590.     transition: none;
  5591. }
  5592.  
  5593. .woocommerce-LoopProduct-link:hover .star-rating {
  5594.     color: black;
  5595. }
  5596.  
  5597. .woocommerce form .form-row {
  5598.     padding: 3px 0;
  5599. }
  5600.  
  5601. .woocommerce .quantity .qty {
  5602.     line-height: 30px;
  5603.     padding: 9px 0;
  5604.     border-radius: 0;
  5605.     height: 54px;
  5606. }
  5607.  
  5608. a.added_to_cart.wc-forward {
  5609.     text-decoration: underline;
  5610.     margin: 0 5px;
  5611. }
  5612.  
  5613. .woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
  5614.     padding: 16px 24px;
  5615. }
  5616.  
  5617. .woocommerce table.cart td.actions .input-text#coupon_code {
  5618.     width: 160px;
  5619.     border-radius: 0;
  5620.     line-height: 2;
  5621.     padding: 23px 7px;
  5622. }
  5623.  
  5624. .woocommerce-cart table.cart img {
  5625.     width: 90px;
  5626. }
  5627.  
  5628. ul.woocommerce-thankyou-order-details.order_details {
  5629.     padding: 0;
  5630. }
  5631.  
  5632. .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce button.button.alt, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce-product-search input[type=submit] {
  5633.     white-space: normal;
  5634.     line-height: 150%;
  5635.     text-align: center;
  5636.     padding: 16px 14px;
  5637.     border-width: 2px;
  5638. }
  5639.  
  5640. .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
  5641.     background-color: #000000;
  5642. }
  5643.  
  5644. .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce div.product .stock, .woocommerce ul.products li.product .price {
  5645.     color: #77a464;
  5646. }
  5647.  
  5648. .woocommerce span.onsale {
  5649.     background-color: #77a464;
  5650. }
  5651.  
  5652. .woocommerce #respond input#submit.loading:after, .woocommerce a.button.loading:after, .woocommerce button.button.loading:after, .woocommerce input.button.loading:after {
  5653.     top: 1.2em;
  5654. }
  5655.  
  5656. .woocommerce ul.products li.product .price del {
  5657.     display: inline-block;
  5658. }
  5659.  
  5660. .woocommerce .widget_price_filter .price_slider_amount .button {
  5661.     font-size: 1em;
  5662. }
  5663.  
  5664. .woocommerce a.remove {
  5665.     text-indent: 0;
  5666. }
  5667.  
  5668. .woocommerce-product-search {
  5669.     overflow: auto;
  5670. }
  5671.  
  5672. .woocommerce-product-search input[type="submit"] {
  5673.     float: right;
  5674. }
  5675.  
  5676. .widget.woocommerce p {
  5677.     color: black;
  5678. }
  5679.  
  5680. .widget.woocommerce .button + .button {
  5681.     margin-top: 5px;
  5682. }
  5683.  
  5684. .widget.woocommerce ul.product-categories {
  5685.     padding: 0;
  5686. }
  5687.  
  5688. .woocommerce #reviews #comments ol.commentlist .description {
  5689.     padding-bottom: 1em;
  5690. }
  5691.  
  5692. .woocommerce .brand img, .woocommerce-page .brand img {
  5693.     max-width: none;
  5694. }
  5695.  
  5696. @media only screen and (max-width: 768px) {
  5697.     .cart-status {
  5698.         text-align: left;
  5699.         float: left;
  5700.         margin-top: 0px;
  5701.         margin-bottom: 60px;
  5702.     }
  5703. }
  5704.  
  5705. /* = 12. Print
  5706. -------------------------------------------------------------- */
  5707. @media print {
  5708.   /******************************************************************
  5709.  
  5710. Stylesheet: Print Stylesheet
  5711.  
  5712. ******************************************************************/
  5713.     * {
  5714.         background: transparent !important;
  5715.         color: black !important;
  5716.         text-shadow: none !important;
  5717.         -webkit-filter: none !important;
  5718.         filter: none !important;
  5719.         -ms-filter: none !important;
  5720.     }
  5721.  
  5722.     a,
  5723.   a:visited {
  5724.         color: #444 !important;
  5725.         text-decoration: underline;
  5726.     }
  5727.  
  5728.     a:after,
  5729.     a:visited:after {
  5730.         content: " (" attr(href) ")";
  5731.     }
  5732.  
  5733.     a abbr[title]:after,
  5734.     a:visited abbr[title]:after {
  5735.         content: " (" attr(title) ")";
  5736.     }
  5737.  
  5738.     .ir a:after,
  5739.   a[href^="javascript:"]:after,
  5740.   a[href^="#"]:after {
  5741.         content: "";
  5742.     }
  5743.  
  5744.     blockquote,
  5745.   pre {
  5746.         border: 1px solid #999;
  5747.         page-break-inside: avoid;
  5748.     }
  5749.  
  5750.     thead {
  5751.         display: table-header-group;
  5752.     }
  5753.  
  5754.     img,
  5755.   tr {
  5756.         page-break-inside: avoid;
  5757.     }
  5758.  
  5759.     img {
  5760.         max-width: 100% !important;
  5761.     }
  5762.   @ page {
  5763.         margin: 0.5cm;
  5764.     }
  5765.  
  5766.     h2,
  5767.   h3,
  5768.   p {
  5769.         orphans: 3;
  5770.         widows: 3;
  5771.     }
  5772.  
  5773.     h2,
  5774.   h3 {
  5775.         page-break-after: avoid;
  5776.     }
  5777.  
  5778.     .page-navigation,
  5779.   .respond-form,
  5780.   .sidebar,
  5781.   .wp-prev-next,
  5782.   nav {
  5783.         display: none;
  5784.     }
  5785. }
  5786.  
Tags: CSS wordpress
Add Comment
Please, Sign In to add comment
Public Pastes
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!