Advertisement
patrickc

Untitled

Jul 4th, 2014
209
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 119.37 KB | None | 0 0
  1. /*
  2. Theme Name:         Magma
  3. Support URI:        http://www.themeskingdom.com/support/
  4. Description:        Great and Modern looking responsive WordPress Theme that offers a lot of styles for your Magazine. By using Magma, you will make your site look better, cleaner and more modern.
  5. Author:             Themeskingdom
  6. Author URI:         http://www.themeskingdom.com/support/
  7. Version:            1.0.2
  8. License:            GNU General Public License v2.0
  9. License URI:        http://www.gnu.org/licenses/gpl-2.0.html
  10. Theme URI:          http://www.themeskingdom.com/
  11. Tags: white, light, one-column, two-columns, right-sidebar, fluid-layout, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
  12. */
  13.  
  14.  
  15. /************************************************************/
  16. /*                                                          */
  17. /*  Theme CSS Start                                         */
  18. /*                                                          */
  19. /************************************************************/
  20.  
  21. body {
  22.     background-color: #eeeeee;
  23.     font-size: 100%;
  24.     -webkit-text-size-adjust: 100%;
  25.     -ms-text-size-adjust: 100%;
  26.     position: relative;
  27. }
  28.  
  29. #container {}
  30.  
  31. .clearfloat:before,
  32. .clearfloat:after {
  33.   display: table;
  34.   content: " ";
  35. }
  36.  
  37. .clearfloat:after {
  38.   clear: both;
  39. }
  40.  
  41. #container textarea:focus,
  42. #container input[type="text"]:focus,
  43. #container input[type="password"]:focus,
  44. #container input[type="datetime"]:focus,
  45. #container input[type="datetime-local"]:focus,
  46. #container input[type="date"]:focus,
  47. #container input[type="month"]:focus,
  48. #container input[type="time"]:focus,
  49. #container input[type="week"]:focus,
  50. #container input[type="number"]:focus,
  51. #container input[type="email"]:focus,
  52. #container input[type="url"]:focus,
  53. #container input[type="search"]:focus,
  54. #container input[type="tel"]:focus,
  55. #container input[type="color"]:focus,
  56. #container .uneditable-input:focus {
  57.     outline: none;
  58.   -webkit-box-shadow: none;
  59.      -moz-box-shadow: none;
  60.           box-shadow: none;
  61. }
  62.  
  63. a {
  64.     color: #fe4445;
  65. }
  66.  
  67. a:hover {
  68.     color: #000;
  69. }
  70.  
  71. a,li, button, input, textarea {
  72.     outline: none;
  73.     text-decoration: none;
  74. }
  75.  
  76. p {
  77.     color: #666666;
  78.     font-size: 1.5em;
  79.     line-height: 1.5333em;
  80.     font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  81.     font-weight: 400;
  82.     margin: 0;
  83. }
  84.  
  85. blockquote p, blockquote, q {
  86.     font-family: 'Roboto Slab', serif;
  87.     color: #000;
  88. }
  89.  
  90.  
  91. /* =WordPress Core
  92. -------------------------------------------------------------- */
  93. .alignnone {
  94.     margin: 5px 20px 20px 0;
  95. }
  96.  
  97. .aligncenter,
  98. div.aligncenter {
  99.     display: block;
  100.     margin: 5px auto 5px auto;
  101. }
  102.  
  103. .alignright {
  104.     float:right;
  105.     margin: 5px 0 20px 20px;
  106. }
  107.  
  108. .alignleft {
  109.     float: left;
  110.     margin: 5px 20px 20px 0;
  111. }
  112.  
  113. .aligncenter {
  114.     display: block;
  115.     margin: 5px auto 5px auto;
  116. }
  117.  
  118. a img.alignright {
  119.     float: right;
  120.     margin: 5px 0 20px 20px;
  121. }
  122.  
  123. a img.alignnone {
  124.     margin: 5px 20px 20px 0;
  125. }
  126.  
  127. a img.alignleft {
  128.     float: left;
  129.     margin: 5px 20px 20px 0;
  130. }
  131.  
  132. a img.aligncenter {
  133.     display: block;
  134.     margin-left: auto;
  135.     margin-right: auto
  136. }
  137.  
  138. .wp-caption {
  139.     background: #fff;
  140.     border: 1px solid #f0f0f0;
  141.     max-width: 100%; /* Image does not overflow the content area */
  142.     padding: 5px 3px 10px;
  143.     text-align: center;
  144. }
  145.  
  146. .wp-caption.alignnone {
  147.     margin: 5px 20px 20px 0;
  148. }
  149.  
  150. .wp-caption.alignleft {
  151.     margin: 5px 20px 20px 0;
  152. }
  153.  
  154. .wp-caption.alignright {
  155.     margin: 5px 0 20px 20px;
  156. }
  157.  
  158. .wp-caption img {
  159.     border: 0 none;
  160.     height: auto;
  161.     margin: 0;
  162.     max-width: 98.5%;
  163.     padding: 0;
  164.     width: auto;
  165. }
  166.  
  167. .wp-caption p.wp-caption-text {
  168.     font-size: 11px;
  169.     line-height: 17px;
  170.     margin: 0;
  171.     padding: 0 4px 5px;
  172. }
  173.  
  174. /*----------//// GENERAL \\\\-------------*/
  175.  
  176. .wp-caption p.wp-caption-text {
  177.     padding: 10px 4px 0px;
  178. }
  179.  
  180. textarea {
  181.     resize: none;
  182.     -webkit-border-radius: 0;
  183.     -moz-border-radius: 0;
  184.     border-radius: 0;
  185. }
  186.  
  187. h1, h2, h3, h4, h5, h6, p, a, span, table, td, th, tr, input {
  188.     -webkit-font-smoothing:antialiased;
  189. }
  190.  
  191. h1 {
  192.     color: #000000;
  193.     font-size: 3.5em;
  194.     line-height: 1.334em;
  195.     font-family: 'Roboto Slab', serif;
  196.     font-weight: 400;
  197.     margin: 0;
  198. }
  199.  
  200. h2 {
  201.     color: #000000;
  202.     font-size: 2.6em;
  203.     line-height: 1.334em;
  204.     font-family: 'Roboto Slab', serif;
  205.     font-weight: 400;
  206.     margin: 0;
  207. }
  208.  
  209. h3 {
  210.     color: #000000;
  211.     font-size: 2.3em;
  212.     line-height: 1.334em;
  213.     font-family: 'Roboto Slab', serif;
  214.     font-weight: 400;
  215.     margin: 0;
  216. }
  217.  
  218. h4 {
  219.     color: #000000;
  220.     font-size: 1.7em;
  221.     line-height: 1.334em;
  222.     font-family: 'Roboto Slab', serif;
  223.     font-weight: 400;
  224.     margin: 0;
  225. }
  226.  
  227. h5 {
  228.     color: #000000;
  229.     font-size: 1.5em;
  230.     line-height: 1.334em;
  231.     font-family: 'Roboto Slab', serif;
  232.     font-weight: 400;
  233.     margin: 0;
  234. }
  235.  
  236. h6 {
  237.     color: #000000;
  238.     font-size: 1.3em;
  239.     line-height: 1.334em;
  240.     font-family: 'Roboto Slab', serif;
  241.     font-weight: 400;
  242.     margin: 0;
  243. }
  244.  
  245.  
  246. h1, h2, h3, h4, h5, h6 {
  247.     margin: 0 0 0.8em 0;
  248. }
  249.  
  250.  
  251. /*----------//// HEADER \\\\-------------*/
  252. #container > header {
  253.     background: #000000;
  254. }
  255.  
  256. #container > header a.brand {
  257.     margin: 28px 0;
  258.     display: inline-block;
  259. }
  260.  
  261. #container > header a.brand img {
  262.     max-width: 100%;
  263. }
  264.  
  265.  
  266. /*-- MENU --*/
  267.  
  268. .navbar-nav {
  269.     width: 70%;
  270. }
  271.  
  272. .header-style-2 .navbar-nav {
  273.     width: auto;
  274.     margin-left: -15px;
  275. }
  276.  
  277. #container .navbar-default {
  278.     width: 100%;
  279.     box-shadow: none;
  280.     margin: 0;
  281.     background: transparent;
  282.     border: none;
  283.     -webkit-border-radius: 0;
  284.     -moz-border-radius: 0;
  285.     border-radius: 0;
  286. }
  287.  
  288. #container .navbar-collapse {
  289.     padding: 0;
  290.     width: 69%;
  291.     float: right;
  292.     box-shadow: none;
  293. }
  294.  
  295. .navbar-collapse.in {
  296.     overflow-y: inherit !important;
  297. }
  298.  
  299. #container .navbar-nav > li > a {
  300.     font-family: 'Roboto Slab', serif;
  301.     font-size: 1.5em;
  302.     color: #979797;
  303.     font-weight: 400;
  304.     background: transparent;
  305.     border-top: 1px solid transparent;
  306.     border-bottom: 1px solid transparent;
  307.     transition: .5s;
  308.     -webkit-transition: .5s;
  309.     -moz-transition: .5s;
  310.     box-shadow: none;
  311.     padding: 40px 15px 10px;
  312.     margin-right: 10px;
  313.     text-shadow: none;
  314. }
  315.  
  316. #container .navbar-nav > li > a:hover,
  317. #container .navbar-nav > li > a:focus,
  318. #container .navbar-default .navbar-nav > .active > a {
  319.     border-top: 1px solid #fe4445;
  320.     color: #fff;
  321. }
  322.  
  323. #container .navbar-default #menu-sec > .active > a {
  324.     border-top: none;
  325. }
  326.  
  327. #container .navbar-default .navbar-toggle {
  328.     transition: .5s;
  329.     -webkit-transition: .5s;
  330.     -moz-transition: .5s;
  331.     opacity: 1;
  332.     filter: alpha(opacity= 100);
  333. }
  334.  
  335. #container .navbar-default .navbar-toggle:hover,
  336. #container .navbar-default .navbar-toggle:focus {
  337.     background-color: transparent;
  338.     opacity:0.5;
  339.     filter: alpha(opacity= 50);
  340. }
  341.  
  342.  
  343. /*-dropdown-menu-*/
  344. #container .dropdown-menu {
  345.     background: #000;
  346.     border-left: medium none;
  347.     border-right: medium none;
  348.     border-bottom: medium none;
  349.     border-top: 1px solid #fe4445;
  350.     box-shadow: none;
  351.     padding: 0;
  352.     border-radius: 0;
  353.     text-align: left;
  354. }
  355.  
  356. #container .dropdown-menu > li > a {
  357.     font-family: 'Roboto Slab', serif;
  358.     font-size: 1.08em;
  359.     color: #979797;
  360.     background: transparent;
  361.     transition: .5s;
  362.     -webkit-transition: .5s;
  363.     -moz-transition: .5s;
  364.     padding: 15px 20px;
  365.     border-top: 1px solid rgba(255, 255, 255, 0.1);
  366. }
  367.  
  368. .baners-header {
  369.     float: right;
  370. }
  371.  
  372. #container .dropdown-menu > li > a:hover,
  373. #container .dropdown-menu > li > a:focus {
  374.     color: #fff;
  375. }
  376.  
  377. #container .dropdown-submenu {
  378.     position: relative;
  379.     padding-right: 1px;
  380. }
  381.  
  382. .dropdown-submenu > .dropdown-menu {
  383.     top: 0;
  384.     left: 100%;
  385.     margin-top: -6px;
  386.     margin-left: 0;
  387. }
  388.  
  389. /*-- content-search-category --*/
  390. .content-search-category {
  391.     float: right;
  392.     width: auto;
  393.     margin: 23px 0;
  394. }
  395.  
  396. /*-navbar-form-*/
  397. #container .navbar-form {
  398.     float: left;
  399.     position: relative;
  400.     padding: 0;
  401.     margin: 0;
  402. }
  403.  
  404. #container .navbar-form .button-search {
  405.     width: 60px;
  406.     height: 60px;
  407.     background-color: rgba(255, 255, 255, 0.18);
  408.     margin: 0;
  409.     float: left;
  410.     position: relative;
  411.     cursor: pointer;
  412. }
  413.  
  414. #container .navbar-form .button-search:hover {
  415.     opacity: 1;
  416.     filter: alpha(opacity= 100);
  417. }
  418.  
  419. #container .navbar-form .button-search:after {
  420.     content: "";
  421.     position: absolute;
  422.     background: url("theme-images/search-image.png") no-repeat center center;
  423.     width: 14px;
  424.     height: 14px;
  425.     top:50%;
  426.     left: 50%;
  427.     margin-left: -7px;
  428.     margin-top: -7px;
  429.     z-index: 1;
  430.     opacity:0.6;
  431.     filter: alpha(opacity= 60);
  432.     -webkit-transition: all .3s ease;
  433.     -moz-transition: all .3s ease;
  434.     -ms-transition: all .3s ease;
  435.     -o-transition: all .3s ease;
  436.     transition: all .3s ease;
  437.  
  438. }
  439.  
  440. #container .navbar-form .button-search:hover:after {
  441.     opacity:1;
  442.     filter: alpha(opacity= 100);
  443. }
  444.  
  445. #container .navbar-form button {
  446.     width: 60px;
  447.     height: 60px;
  448.     background: url("theme-images/search-image.png") no-repeat center center;
  449.     border: none;
  450.     opacity:0.7;
  451.     filter: alpha(opacity= 70);
  452.     transition: .5s;
  453.     -webkit-transition: .5s;
  454.     -moz-transition: .5s;
  455.     padding: 0;
  456. }
  457.  
  458. #container .navbar-form button:hover {
  459.     opacity: 1;
  460.     filter: alpha(opacity= 100);
  461. }
  462.  
  463. #container .navbar-form .details-search {
  464.     position: absolute;
  465.     right: 0;
  466.     width: 200px;
  467.     z-index: 10;
  468. }
  469.  
  470. #container .navbar-form .details-search input {
  471.     background: rgba(255, 255, 255, 0.18);
  472.     border: none;
  473.     height: 60px;
  474.     padding: 0 20px;
  475.     font-size: 1.5em;
  476.     color: #fff;
  477.     font-weight: 400;
  478.     margin-bottom: 0;
  479. }
  480.  
  481. /*-- category-menu-header --*/
  482. #container .clearfix {
  483.     width: 60px;
  484.     height: 60px;
  485.     background: rgba(255, 255, 255, 0.18);
  486.     margin: 0 0 0 2px;
  487.     float: left;
  488. }
  489.  
  490. #container .clearfix button {
  491.     width: 60px;
  492.     height: 60px;
  493.     background: url("theme-images/category-menu-header.png") no-repeat center center;
  494.     border: none;
  495.     opacity:0.4;
  496.     filter: alpha(opacity= 70);
  497.     transition: .5s;
  498.     -webkit-transition: .5s;
  499.     -moz-transition: .5s;
  500.     padding: 0;
  501. }
  502.  
  503. #container .clearfix button:hover {
  504.     opacity: 1;
  505.     filter: alpha(opacity= 100);
  506. }
  507.  
  508.  
  509.  
  510. /*--- ANIMATION FOR DROPDOWN ---*/
  511. .dropdown-menu {
  512.     opacity:0;
  513.     transition: opacity .2s;
  514.     -moz-transition: opacity .2s;
  515.     -webkit-transition: opacity .2s;
  516.     opacity: 1 \9;
  517. }
  518.  
  519. .open .dropdown-menu {
  520.   animation-name: slidenavAnimation;
  521.   animation-duration:.5s;
  522.   animation-iteration-count: 1;
  523.   animation-timing-function: ease;
  524.   animation-fill-mode: forwards;
  525.  
  526.   -webkit-animation-name: slidenavAnimation;
  527.   -webkit-animation-duration:.5s;
  528.   -webkit-animation-iteration-count: 1;
  529.   -webkit-animation-timing-function: ease;
  530.   -webkit-animation-fill-mode: forwards;
  531.  
  532.   -moz-animation-name: slidenavAnimation;
  533.   -moz-animation-duration:.5s;
  534.   -moz-animation-iteration-count: 1;
  535.   -moz-animation-timing-function: ease;
  536.   -moz-animation-fill-mode: forwards;
  537. }
  538.  
  539. @keyframes slidenavAnimation {
  540.   from {
  541.     opacity: 0;
  542.     margin-top: 15px;
  543.   }
  544.   to {
  545.     opacity: 1;
  546.     margin-top: 0;
  547.   }
  548. }
  549. @-webkit-keyframes slidenavAnimation {
  550.   from {
  551.     opacity: 0;
  552.     margin-top: 15px;
  553.   }
  554.   to {
  555.     opacity: 1;
  556.     margin-top: 0;
  557.   }
  558. }
  559.  
  560.  
  561.  
  562. /*----------//// SIDEBAR \\\\-------------*/
  563. #sidebar {
  564.     display: inline-block;
  565.     text-align: center;
  566.     background: #f5f5f5;
  567.     background-clip: content-box;
  568. }
  569.  
  570. #sidebar .sidebar-content {
  571.     display: inline-block;
  572.     text-align: left;
  573.     float: none;
  574.     margin: 0 auto 0;
  575.     padding: 70px 27px 0;
  576.     width: 100%;
  577. }
  578.  
  579. #sidebar select,
  580. .footer-widgets select {
  581.     height: 40px;
  582.     -webkit-appearance: none;
  583.     border: 1px solid rgba(0, 0, 0, 0.1);
  584.     font-size: 14px;
  585.     border-radius: 2px;
  586.     background: url('theme-images/woo-ordering.png') no-repeat center right 11px;
  587.     padding-left: 14px;
  588.     width: 100%;
  589.     background-color: #fff;
  590.     font-family: 'Roboto Slab', serif;
  591. }
  592.  
  593. #sidebar .block {
  594.     margin: 0 0 70px;
  595. }
  596.  
  597. #sidebar h3 {
  598.     font-size: 2.3em;
  599.     margin: 0 0 50px;
  600.     background: url("theme-images/title-square.jpg") no-repeat left center;
  601.     padding: 0 0 0 25px;
  602. }
  603.  
  604. .advertisement-widget {
  605.     display: inline-block;
  606.     margin-bottom: 10px;
  607. }
  608.  
  609. .advertisement-widget img {
  610.     width: 100%;
  611.     height: auto;
  612. }
  613.  
  614. #sidebar ::-webkit-input-placeholder { /* WebKit browsers */
  615.     color:    #999898;
  616. }
  617. #sidebar :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  618.     color:    #999898;
  619. }
  620. #sidebar ::-moz-placeholder { /* Mozilla Firefox 19+ */
  621.     color:    #999898;
  622. }
  623. #sidebar :-ms-input-placeholder { /* Internet Explorer 10+ */
  624.     color:    #999898;
  625. }
  626. #sidebar input::-webkit-input-placeholder, #sidebar textarea::-webkit-input-placeholder {
  627.     color: #999898;
  628. }
  629. #sidebar input:-moz-placeholder, #sidebar textarea:-moz-placeholder {
  630.     color: #999898;
  631. }
  632.  
  633. /*-- search widget --*/
  634. .search-widget form {
  635.     background: #fff;
  636.     border: none;
  637.     width: 100%;
  638.     margin: 0;
  639.     display: inline-block;
  640. }
  641.  
  642. .search-widget .row-fluid {
  643.     border: 1px solid #e5e5e5;
  644.     height: 45px;
  645.     margin: 9px;
  646.     position: relative;
  647. }
  648.  
  649. .search-widget .input-search {
  650.     float: left;
  651.     display: inline-block;
  652.     width: 75%;
  653.     padding: 0;
  654.     margin: 0;
  655.     height: 45px;
  656.     padding: 0 0 0 10px;
  657.     background: none;
  658.     border: 1px solid transparent;
  659.     color: #999898;
  660.     font-size: 1.5em;
  661.     font-family: 'Roboto Slab', serif;
  662.     font-weight: 400;
  663.     box-shadow: none;
  664.     vertical-align: middle;
  665. }
  666.  
  667. .search-widget .submit-search {
  668.     position: absolute;
  669.     background: url("theme-images/search-button.png") no-repeat center center;
  670.     width: 45px;
  671.     height: 45px;
  672.     margin: 0;
  673.     border: none;
  674.     padding: 0;
  675.     transition: .5s;
  676.     -webkit-transition: .5s;
  677.     -moz-transition: .5s;
  678.     cursor: pointer;
  679.     opacity: 1;
  680.     filter: alpha(opacity= 100);
  681.     right: 0;
  682.     top: 0;
  683. }
  684.  
  685. .search-widget .submit-search:hover,
  686. .search-widget .submit-search:focus {
  687.     opacity: 0.7;
  688.     filter: alpha(opacity= 70);
  689. }
  690.  
  691. /*-- tag widget --*/
  692. #container .tag-widget a {
  693.     padding: 6px 12px;
  694.     transition: .5s;
  695.     -webkit-transition: .5s;
  696.     -moz-transition: .5s;
  697.     background: #000;
  698.     margin: 0 1px 4px 0;
  699.     display: inline-block;
  700.     text-decoration: none;
  701.     font-family: 'Bitter', serif;
  702.     font-size: 1.3em;
  703.     line-height: 1em;
  704.     color: #fff;
  705.     font-weight: 400;
  706. }
  707.  
  708. #container .tag-widget a:hover {
  709.     background: #fe4445;
  710. }
  711.  
  712. /*-- text-widget --*/
  713. .text-widget .full-width {
  714.     padding: 30px 30px 10px;
  715. }
  716.  
  717. .text-widget p {
  718.     margin: 0 0 20px;
  719. }
  720.  
  721. .text-widget span {
  722.     font-weight: 600;
  723. }
  724.  
  725. /*-- newsleter widget --*/
  726. .newsleter-widget p {
  727.     margin: 0 0 25px;
  728. }
  729.  
  730. .newsleter-widget form {
  731.     background: #fff;
  732.     border: none;
  733.     width: 100%;
  734.     margin: 0;
  735.     display: inline-block;
  736. }
  737.  
  738. .newsleter-widget .row-fluid {
  739.     border: 1px solid #e5e5e5;
  740.     height: 45px;
  741.     margin: 9px;
  742.     position: relative;
  743. }
  744.  
  745. .newsleter-widget .input-newsletter {
  746.     float: left;
  747.     display: inline-block;
  748.     width: 82%;
  749.     padding: 0;
  750.     margin: 0;
  751.     height: 45px;
  752.     padding: 0 0 0 10px;
  753.     background: none;
  754.     border: none;
  755.     color: #999898;
  756.     font-size: 1.5em;
  757.     font-family: 'Roboto Slab', serif;
  758.     font-weight: 400;
  759.     box-shadow: none;
  760.     vertical-align: middle;
  761. }
  762.  
  763. .newsleter-widget .submit-newsletter {
  764.     background: url("theme-images/newsleater-widget-button.png") no-repeat center center;
  765.     width: 45px;
  766.     height: 45px;
  767.     margin: 0;
  768.     border: none;
  769.     padding: 0;
  770.     transition: .5s;
  771.     -webkit-transition: .5s;
  772.     -moz-transition: .5s;
  773.     cursor: pointer;
  774.     opacity: 1;
  775.     filter: alpha(opacity= 100);
  776.     position: absolute;
  777.     right: 0;
  778. }
  779.  
  780. .newsleter-widget .submit-newsletter:hover,
  781. .newsleter-widget .submit-newsletter:focus {
  782.     opacity: 0.7;
  783.     filter: alpha(opacity= 70);
  784. }
  785.  
  786. /*-- 250x250 --*/
  787. .image250x250-widget img {
  788.     margin: 0;
  789.     padding: 11px;
  790.     background: #fff;
  791.     width: 100%;
  792.     display: block;
  793. }
  794.  
  795. /*-- calendar-widget --*/
  796. .calendar-widget {
  797.     width: 100%;
  798. }
  799.  
  800. .calendar-widget .calendar-content {
  801.     display: block;
  802.     position: relative;
  803. }
  804.  
  805. .calendar-widget span {
  806.     text-align: left;
  807.     margin: 0 0 17px 0;
  808.     font-family: 'Roboto Slab', serif;
  809.     font-size: 1.7em;
  810.     line-height: 1em;
  811.     color: #000000;
  812.     font-weight: 700;
  813.     display: inline-block;
  814. }
  815.  
  816. .calendar-widget caption {
  817.     text-align: left;
  818.     margin: 0 0 17px 0;
  819.     font-family: 'Roboto Slab', serif;
  820.     font-size: 1.7em;
  821.     line-height: 1em;
  822.     color: #000000;
  823.     font-weight: 700;
  824. }
  825.  
  826. .calendar-widget #wp-calendar {
  827.     table-layout:fixed;
  828.     margin: 0;
  829. }
  830.  
  831. .calendar-widget #wp-calendar tr td,
  832. .calendar-widget #wp-calendar tr th {
  833.     vertical-align:middle;
  834.     font-family: 'Roboto Slab', serif;
  835.     font-size: 1.5em;
  836.     line-height: 1em;
  837.     color: #8e8e8e;
  838.     font-weight: 400;
  839.     text-align: center;
  840.     padding: 9px 8px 8px;
  841.     border: none;
  842. }
  843.  
  844. .calendar-widget #wp-calendar tr td#today {
  845.     color: #fff;
  846.     background: #fe4445;
  847. }
  848.  
  849. .calendar-widget #wp-calendar thead tr th {
  850.     font-family: 'Roboto Slab', serif;
  851.     font-size: 1.7em;
  852.     line-height: 1em;
  853.     color: #000;
  854.     font-weight: 400;
  855.     background: #fff;
  856.     text-align: center;
  857.     border: 1px solid #e6e6e6;
  858. }
  859.  
  860. .calendar-widget #wp-calendar tbody td {
  861.     border: 1px solid #e6e6e6;
  862. }
  863.  
  864. .calendar-widget #wp-calendar tfoot {
  865.     width: 100%;
  866. }
  867.  
  868. .calendar-widget #wp-calendar thead,
  869. .calendar-widget #wp-calendar tbody {
  870.     padding: 10px;
  871. }
  872.  
  873. .calendar-widget #wp-calendar tfoot td {
  874.     background: transparent;
  875.     text-align: left;
  876.     padding: 15px 3px 0;
  877. }
  878.  
  879. #container .calendar-widget #wp-calendar tfoot a {
  880.     font-family: 'Roboto Slab', serif;
  881.     font-size: 1em;
  882.     line-height: 1.5em;
  883.     color: #000;
  884.     font-weight: 400;
  885.     text-decoration: none;
  886.     transition: .5s;
  887.     -webkit-transition: .5s;
  888.     -moz-transition: .5s;
  889.     opacity: 0.5;
  890.     filter: alpha(opacity= 50);
  891. }
  892.  
  893. #container .calendar-widget #wp-calendar tfoot #prev a {
  894.     background: url(theme-images/widget-calendar.png) no-repeat left center;
  895.     padding: 0 0 0 25px;
  896. }
  897.  
  898. #container .calendar-widget #wp-calendar tfoot a:hover {
  899.     opacity: 1;
  900.     filter: alpha(opacity= 100);
  901. }
  902.  
  903. .calendar-widget #wp-calendar tfoot a span {
  904.     margin: 3px 0 0 10px;
  905. }
  906.  
  907. .calendar-widget #wp-calendar tbody {
  908.     margin-bottom: 20px;
  909. }
  910.  
  911. /*-- pages-widget --*/
  912. .category-widget ul {
  913.     list-style: none;
  914.     margin: 0;
  915.     padding: 0;
  916. }
  917.  
  918. .category-widget ul li {
  919.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  920.     padding: 15px 0;
  921. }
  922.  
  923. .category-widget .block ul li a {
  924.     display: block;
  925.     color: #000;
  926.     font-size: 1.5em;
  927.     font-family: 'Roboto Slab', serif;
  928.     font-weight: 400;
  929.     line-height: 1em;
  930.     text-decoration: none;
  931.     transition: .5s;
  932.     -webkit-transition: .5s;
  933.     -moz-transition: .5s;
  934. }
  935.  
  936. .category-widget a:hover {
  937.     color: #fe4445;
  938. }
  939.  
  940. /*-- latest-news-widget --*/
  941. .latest-news-widget {
  942.     display: inline-block;
  943. }
  944.  
  945. .footer-widgets .block ul.tk-latest-posts-widget,
  946. .sidebar-content .block ul.tk-latest-posts-widget {
  947.     list-style: none;
  948.     margin: 0;
  949.     padding: 0;
  950.     float: left;
  951. }
  952.  
  953. .footer-widgets .block ul.tk-latest-posts-widget li,
  954. .sidebar-content .block ul.tk-latest-posts-widget li {
  955.     border: 1px solid rgba(0, 0, 0, 0.1);
  956.     border-top: 1px solid #000;
  957.     padding: 27px 20px;
  958.     margin-bottom: 15px;
  959.     background: #fff;
  960.     display: block;
  961.     float: left;
  962.     transition: .5s;
  963.     -webkit-transition: .5s;
  964.     -moz-transition: .5s;
  965.     -webkit-transition: border-color 0.5s ease;
  966.          -moz-transition: border-color 0.5s ease;
  967.            -o-transition: border-color 0.5s ease;
  968.           -ms-transition: border-color 0.5s ease;
  969.               transition: border-color 0.5s ease;
  970. }
  971.  
  972. .footer-widgets .block ul.tk-latest-posts-widget li:hover,
  973. .sidebar-content .block ul.tk-latest-posts-widget li:hover {
  974.     border-top: 1px solid #fe4445;
  975. }
  976.  
  977. .footer-widgets .block .tk-latest-posts-widget img,
  978. .sidebar-content .block .tk-latest-posts-widget img {
  979.     padding: 5px;
  980.     border: 1px solid #dadada;
  981.     width: 25%;
  982.     float: left;
  983. }
  984.  
  985. .footer-widgets .block .tk-latest-posts-widget a,
  986. .sidebar-content .block .tk-latest-posts-widget a {
  987.     float: right;
  988.     width: 70%;
  989.     color: #000;
  990.     font-family: 'Roboto Slab', serif;
  991.     font-weight: 400;
  992.     line-height: 1.6em;
  993.     text-decoration: none;
  994.     transition: .5s;
  995.     -webkit-transition: .5s;
  996.     -moz-transition: .5s;
  997.     margin: -5px 0 6px;
  998. }
  999.  
  1000. .footer-widgets .block .tk-latest-posts-widget a.full-link,
  1001. .sidebar-content .block .tk-latest-posts-widget a.full-link {width: 100%;}
  1002.  
  1003. .footer-widgets .block .tk-latest-posts-widget a:hover,
  1004. .sidebar-content .block .tk-latest-posts-widget a:hover {
  1005.     color: #fe4445;
  1006. }
  1007.  
  1008. .footer-widgets .block .tk-latest-posts-widget time,
  1009. .sidebar-content .block .tk-latest-posts-widget time {
  1010.     float: right;
  1011.     width: 70%;
  1012.     color: #999898;
  1013.     font-size: 0.9em;
  1014.     font-family: 'Roboto Slab', serif;
  1015.     font-weight: 400;
  1016.     line-height: 1em;
  1017.     margin: 0;
  1018. }
  1019.  
  1020. .footer-widgets .block .tk-latest-posts-widget time.full-time,
  1021. .sidebar-content .block .tk-latest-posts-widget time.full-time {width: 100%;}
  1022.  
  1023. .footer-widgets .block .box-twitter-center a,
  1024. #sidebar .block .box-twitter-center a {
  1025.     float: none;
  1026.     display: inline;
  1027.     line-height: 1.5em;
  1028. }
  1029.  
  1030. .clear {clear: both;}
  1031.  
  1032. .box-twitter-center {
  1033.     line-height: 1.5em;
  1034.     color: #000;
  1035. }
  1036.  
  1037.  
  1038. .twitter-links {
  1039.     color: #fe4445;
  1040.     font-size: 12px;
  1041.     margin-top: 13px;
  1042.     float: left;
  1043. }
  1044.  
  1045. /*-- flickr-widget --*/
  1046. .flickr-widget img {
  1047.     width: 23%;
  1048.     margin: 0 0.5% 2%;
  1049. }
  1050.  
  1051. /*-- slider-widget --*/
  1052. .slider-widget {
  1053.     display: inline-block;
  1054.     width: 100%;
  1055. }
  1056.  
  1057. .slider-widget .flexslider {
  1058.     display: inline-block;
  1059.     width: 100%;
  1060. }
  1061.  
  1062. #container .slider-widget .flexslider img {
  1063.     display: inline-block;
  1064.     width: 100%;
  1065.     padding: 0;
  1066.     border: none;
  1067.     margin: 0;
  1068. }
  1069.  
  1070. .slider-widget .flexslider .flex-direction-nav {
  1071.     display: none;
  1072. }
  1073.  
  1074. .slider-widget .flex-control-nav li a:hover {
  1075.     background: #fe4445;
  1076. }
  1077.  
  1078. .flex-control-nav li a.active {
  1079.     background: #fe4445;
  1080.     cursor: default;
  1081. }
  1082.  
  1083. #container .slider-widget .flexslider p {
  1084.     background: rgba(0, 0, 0, 0.6);
  1085.     color: #fff;
  1086.     font-size: 1.5em;
  1087.     font-family: 'Roboto Slab', serif;
  1088.     font-weight: 400;
  1089.     line-height: 2em;
  1090.     padding: 7px 15px;
  1091.     position: absolute;
  1092.     top: 20%;
  1093.     width: 80%;
  1094.     left: 10%;
  1095.     text-align: center;
  1096. }
  1097.  
  1098. #container .slider-widget .flexslider .flex-control-nav {
  1099.     display: block;
  1100. }
  1101.  
  1102. #container .slider-widget .flexslider .flex-control-nav a {
  1103.     margin: 0;
  1104.     font-size: 1em;
  1105. }
  1106.  
  1107. /*-- latest-reciews-widget --*/
  1108. .latest-reciews-widget {
  1109.     display: inline-block;
  1110. }
  1111.  
  1112. .latest-reciews-widget ul {
  1113.     list-style: none;
  1114.     margin: 0;
  1115.     padding: 0;
  1116.     float: left;
  1117. }
  1118.  
  1119. .latest-reciews-widget ul li {
  1120.     border-top: 1px solid #000;
  1121.     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  1122.     padding: 18px 20px;
  1123.     margin-bottom: 15px;
  1124.     background: #fff;
  1125.     display: block;
  1126.     float: left;
  1127.     transition: .5s;
  1128.     -webkit-transition: .5s;
  1129.     -moz-transition: .5s;
  1130.     -webkit-transition: border-color 0.5s ease;
  1131.          -moz-transition: border-color 0.5s ease;
  1132.            -o-transition: border-color 0.5s ease;
  1133.           -ms-transition: border-color 0.5s ease;
  1134.               transition: border-color 0.5s ease;
  1135.     width: 100%;
  1136. }
  1137.  
  1138. .latest-reciews-widget ul li:hover {
  1139.     border-top: 1px solid #fe4445;
  1140. }
  1141.  
  1142. .latest-reciews-widget a {
  1143.     color: #000;
  1144.     font-size: 1.5em;
  1145.     font-family: 'Roboto Slab', serif;
  1146.     font-weight: 400;
  1147.     line-height: 2em;
  1148.     text-decoration: none;
  1149.     transition: .5s;
  1150.     -webkit-transition: .5s;
  1151.     -moz-transition: .5s;
  1152.     margin: -6px 0 6px;
  1153. }
  1154.  
  1155. .latest-reciews-widget a:hover {
  1156.     color: #fe4445;
  1157. }
  1158.  
  1159. .latest-reciews-widget p {
  1160.     color: #000;
  1161.     font-size: 1.5em;
  1162.     font-family: 'Roboto Slab', serif;
  1163.     font-weight: 400;
  1164.     line-height: 1em;
  1165.     margin: 0 13px 4px 0;
  1166.     border: 1px solid #000;
  1167.     transition: .5s;
  1168.     -webkit-transition: .5s;
  1169.     -moz-transition: .5s;
  1170.     -webkit-transition: border-color 0.5s ease;
  1171.          -moz-transition: border-color 0.5s ease;
  1172.            -o-transition: border-color 0.5s ease;
  1173.           -ms-transition: border-color 0.5s ease;
  1174.               transition: border-color 0.5s ease;
  1175.     width: auto;
  1176.     display: inline-block;
  1177.     padding: 5px 10px;
  1178. }
  1179.  
  1180. .latest-reciews-widget ul li:hover p {
  1181.     border: 1px solid #fe4445;
  1182. }
  1183.  
  1184.  
  1185.  
  1186.  
  1187.  
  1188. /*----------//// CONTENT \\\\-------------*/
  1189. /*-- BG CONTENT --*/
  1190. .bg-content {
  1191.     -webkit-background-size: cover;
  1192.     -moz-background-size: cover;
  1193.     -o-background-size: cover;
  1194.     background-size: cover;
  1195. }
  1196.  
  1197. .white-bg {
  1198.     background: #fff;
  1199.     /*margin: 10px auto 0;*/
  1200.     display: inline-block;
  1201.     padding: 0 54px;
  1202.     width: 100%;
  1203.     margin-top: 10px;
  1204.     overflow: hidden;
  1205. }
  1206.  
  1207. .single-post .white-bg-no-margin {
  1208.     margin-top: 0;
  1209. }
  1210. .single-post .white-bg-margin {
  1211.     margin-top: 65px;
  1212. }
  1213.  
  1214. .single-post .white-bg {overflow: visible;}
  1215.  
  1216. .single-post .post-without-image .white-bg-margin {
  1217.     margin-top: 35px;
  1218. }
  1219.  
  1220. .single-featured-image {
  1221.     /*margin-top: 10px;*/
  1222.     opacity:0;
  1223. }
  1224.  
  1225. .single-featured-image img {
  1226.     width: 66.4%;
  1227.     height: auto;
  1228. }
  1229.  
  1230. .single-post-page {
  1231.     position: relative;
  1232. }
  1233.  
  1234. .single-post-page img {
  1235.     max-width: 100%;
  1236.     height: auto;
  1237. }
  1238.  
  1239. .single-post-featured {
  1240.     margin-top: 10px;
  1241.     width: 100%;
  1242. }
  1243.  
  1244. .content-with-sidebar {
  1245.     margin: 70px 0 100px;
  1246. }
  1247.  
  1248. .single-post .content-with-sidebar {
  1249.     margin: 0 0 100px;
  1250.     padding-right: 23px;
  1251.     padding-top: 70px;
  1252.     position: relative;
  1253.     top: -53px;
  1254.     background-color: #fff;
  1255.     z-index: 1;
  1256. }
  1257.  
  1258. .single-post .content-with-sidebar.col-xs-12 {top: 0; float: left;}
  1259.  
  1260. .single-post .post-without-image .content-with-sidebar {
  1261.     top: -20px;
  1262. }
  1263.  
  1264. .single-post .content-with-sidebar:before {
  1265.     content: "";
  1266.     position: absolute;
  1267.     left: -55px;
  1268.     background-color: #fff;
  1269.     height: 53px;
  1270.     width: 100%;
  1271.     top: 0;
  1272. }
  1273.  
  1274. .single-post .content-with-sidebar.pull-right:before {
  1275.     content: "";
  1276.     position: absolute;
  1277.     right: -55px;
  1278.     left: auto!important;
  1279.     background-color: #fff;
  1280.     height: 53px;
  1281.     width: 100%;
  1282.     top: 0;
  1283. }
  1284.  
  1285. .single-post .pull-right.content-with-sidebar:before {
  1286.     left: -15px;
  1287. }
  1288.  
  1289. .single-post .tag-widget {
  1290.     margin-top: 21px;
  1291. }
  1292.  
  1293. .content-with-sidebar > p {
  1294.     margin-bottom: 15px;
  1295. }
  1296.  
  1297. .shadow-box {
  1298.     position: absolute;
  1299.     top: 0;
  1300.     right: -15px;
  1301.     height: 180px;
  1302.     width: 100%;
  1303.     background: #fff;
  1304. }
  1305.  
  1306. .shadow-box-left {
  1307.     position: absolute;
  1308.     top: 0;
  1309.     left: -15px;
  1310.     height: 180px;
  1311.     width: 100%;
  1312.     background: #fff;
  1313. }
  1314.  
  1315. .shadow-box:after {
  1316.     z-index: -1;
  1317.     position: absolute;
  1318.     content: "";
  1319.     top: 10px;
  1320.     right: 16px;
  1321.     height: 150px;
  1322.     width: 30px;
  1323.     background: #777;
  1324.     -webkit-box-shadow: 15px 0 10px #777;
  1325.     -moz-box-shadow: 15px 0 10px #777;
  1326.     box-shadow: 15px 0 10px rgba(0,0,0,.3);
  1327.     -webkit-transform: rotate(3deg);
  1328.     -moz-transform: rotate(3deg);
  1329.     -o-transform: rotate(3deg);
  1330.     -ms-transform: rotate(3deg);
  1331.     transform: rotate(3deg);
  1332. }
  1333.  
  1334. .shadow-box-left:after {
  1335.     z-index: -1;
  1336.     position: absolute;
  1337.     content: "";
  1338.     top: 10px;
  1339.     right: auto;
  1340.     height: 150px;
  1341.     width: 30px;
  1342.     background: #777;
  1343.     -webkit-box-shadow: -15px 0 10px #777;
  1344.     -moz-box-shadow: -15px 0 10px #777;
  1345.     box-shadow: -15px 0 10px rgba(0,0,0,.3);
  1346.     -webkit-transform: rotate(-3deg);
  1347.     -moz-transform: rotate(-3deg);
  1348.     -o-transform: rotate(-3deg);
  1349.     -ms-transform: rotate(-3deg);
  1350.     transform: rotate(-3deg);
  1351.     left: 14px
  1352. }
  1353.  
  1354. /*-- HOME TITLE --*/
  1355. .title-section h1 {
  1356.     display: inline-block;
  1357.     width: auto;
  1358.     background: url("theme-images/title-square.jpg") no-repeat scroll left center;
  1359.     margin: 0 0 50px;
  1360.     padding: 0 0 0 25px;
  1361. }
  1362.  
  1363. /*-- HOME SLIDER --*/
  1364. .sly-wrapper .nav-arrows-wrapper {
  1365.     float: right;
  1366. }
  1367.  
  1368. .sly-wrapper .nav-arrows-wrapper .next,
  1369. .sly-wrapper .nav-arrows-wrapper .prev {
  1370.     background-color: transparent;
  1371.     background-image: url("theme-images/next.png");
  1372.     background-position: center 13px;
  1373.     background-repeat: no-repeat;
  1374.     margin: 10px 6px;
  1375.     width: 40px;
  1376.     height: 40px;
  1377.     margin: 0;
  1378.     display: inline-block;
  1379.     position: relative;
  1380.     top: 0;
  1381.     cursor: pointer;
  1382.     text-indent: -999em;
  1383.     transition: .2s;
  1384.     -webkit-transition: .2s;
  1385.     -moz-transition: .2s;
  1386.     border-radius: 0;
  1387.     border: 1px solid;
  1388.     color: rgba(0, 0, 0, 0);
  1389.     border-color: #000;
  1390.     text-shadow: none;
  1391. }
  1392.  
  1393. .sly-wrapper .nav-arrows-wrapper .next:hover,
  1394. .sly-wrapper .nav-arrows-wrapper .prev:hover {
  1395.     background-color: #000;
  1396.     background-position: center -16px;
  1397. }
  1398.  
  1399. .sly-wrapper .nav-arrows-wrapper .prev {
  1400.     background-image: url("theme-images/prev.png");
  1401. }
  1402.  
  1403. .sly-wrapper .nav-arrows-wrapper .disabled {
  1404.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  1405.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  1406.     opacity: .5;
  1407.     cursor: not-allowed;
  1408.     pointer-events: none;
  1409. }
  1410.  
  1411. .sly {
  1412.     clear: both;
  1413.     padding-top: 20px;
  1414. }
  1415.  
  1416. .sly ul {
  1417.     padding: 0 !important;
  1418. }
  1419.  
  1420. .sly li {
  1421.     display: block;
  1422.     float: left;
  1423.     vertical-align: top;
  1424. }
  1425.  
  1426. .sly .img-post figure {
  1427.     position: relative;
  1428. }
  1429.  
  1430. .sly .img-post img {
  1431.     width: 100%;
  1432.     height: auto;
  1433.     padding: 5px;
  1434.     border: 1px solid #d8d8d8;
  1435.     border: 1px solid rgba(0, 0, 0, 0.15);
  1436.     transition: .5s;
  1437.     -webkit-transition: .5s;
  1438.     -moz-transition: .5s;
  1439. }
  1440.  
  1441. .sly .img-post img:hover {
  1442.     border: 1px solid #fe4445;
  1443. }
  1444.  
  1445. .sly .img-post h6 {
  1446.     margin: 10px 0 0.8em 0px;
  1447. }
  1448.  
  1449. .sly .img-post h6 a {
  1450.     color: #000;
  1451.     font-size: 1.5em;
  1452.     font-family: 'Roboto Slab', serif;
  1453.     font-weight: 400;
  1454.     line-height: 1.5em;
  1455.     margin: 0 0 12px;
  1456.     transition: .5s;
  1457.     -webkit-transition: .5s;
  1458.     -moz-transition: .5s;
  1459.     text-decoration: none;
  1460.     display: inline-block;
  1461. }
  1462.  
  1463. .sly .img-post h6 a:hover {
  1464.     color: #fe4445;
  1465. }
  1466.  
  1467. .sly .img-post p {
  1468.     color: #666666;
  1469.     font-size: 1.5em;
  1470.     line-height: 1.5333em;
  1471.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  1472.     font-weight: 400;
  1473.     margin: 0 0 12px;
  1474.     display: inline-block;
  1475.     width: 100%;
  1476. }
  1477.  
  1478. .sly .date {
  1479.     display: none;
  1480. }
  1481.  
  1482. .sly .meta-data {
  1483.     display: inline-block;
  1484.     font-size: 1.3em;
  1485.     font-family: 'Roboto Slab', serif;
  1486.     line-height: 1.9em;
  1487.     border-top: 1px solid #d8d8d8;
  1488.     border-top: 1px solid rgba(0, 0, 0, 0.15);
  1489.     padding-top: 8px;
  1490.     width: 100%;
  1491. }
  1492.  
  1493. .sly .meta-data span {
  1494.     margin: 0;
  1495.     color: #999898;
  1496.     font-weight: 400;
  1497. }
  1498.  
  1499. .sly .meta-data a {
  1500.     margin: 0 1px 5px 3px;
  1501.     text-decoration: none;
  1502.     transition: .5s;
  1503.     -webkit-transition: .5s;
  1504.     -moz-transition: .5s;
  1505.     color: #000;
  1506.     font-size: 1em;
  1507. }
  1508.  
  1509. .sly .meta-data a:hover {
  1510.     color: #fe4445;
  1511. }
  1512.  
  1513. #container .flexslider .flex-control-nav {
  1514.     display: none;
  1515. }
  1516.  
  1517. #container .flexslider a.link-home-images {
  1518.     transition: .5s;
  1519.     -webkit-transition: .5s;
  1520.     -moz-transition: .5s;
  1521.     opacity: 1;
  1522.     filter: alpha(opacity= 100);
  1523.     margin: 0 0 15px;
  1524.     padding: 5px;
  1525.     border: 1px solid #e8e8e8;
  1526.     display: inline-block;
  1527.     width: 100%;
  1528. }
  1529.  
  1530. #container .flexslider img {
  1531.     width: 100%;
  1532.     height: auto;
  1533.     padding: 0;
  1534.     padding: 0;
  1535.     transition: .5s;
  1536.     -webkit-transition: .5s;
  1537.     -moz-transition: .5s;
  1538. }
  1539.  
  1540. #container .flexslider a.link-home-images:hover {
  1541.     border-color: #fe4445;
  1542. }
  1543.  
  1544. #container .flexslider a.link-home-title {
  1545.     color: #000;
  1546.     font-size: 1.7em;
  1547.     font-family: 'Roboto Slab', serif;
  1548.     font-weight: 400;
  1549.     line-height: 1.35em;
  1550.     margin: 0 0 12px;
  1551.     transition: .5s;
  1552.     -webkit-transition: .5s;
  1553.     -moz-transition: .5s;
  1554.     text-decoration: none;
  1555.     display: inline-block;
  1556. }
  1557.  
  1558. #container .flexslider a:hover {
  1559.     color: #fe4445;
  1560. }
  1561.  
  1562. #container .flexslider p {
  1563.     margin: 0 0 12px;
  1564.     display: inline-block;
  1565.     width: 100%;
  1566. }
  1567.  
  1568. #container .flexslider strong {
  1569.     border-top: 1px solid #dadada;
  1570.     font-size: 1.3em;
  1571.     font-family: 'Roboto Slab', serif;
  1572.     font-weight: 400;
  1573.     line-height: 1.9em;
  1574.     text-transform: uppercase;
  1575.     padding: 12px 0 0;
  1576.     display: inline-block;
  1577. }
  1578.  
  1579. #container .flexslider strong span {
  1580.     margin: 0 5px 0 0;
  1581.     color: #999898;
  1582. }
  1583.  
  1584. #container .flexslider strong a {
  1585.     font-size: 1em;
  1586.     margin: 0 0 5px;
  1587.     color: #000;
  1588.     text-decoration: none;
  1589.     transition: .5s;
  1590.     -webkit-transition: .5s;
  1591.     -moz-transition: .5s;
  1592. }
  1593.  
  1594. #container .flexslider .col-xs-1,
  1595. #container .flexslider .col-xs-2,
  1596. #container .flexslider .col-xs-3,
  1597. #container .flexslider .col-xs-4,
  1598. #container .flexslider .col-xs-5,
  1599. #container .flexslider .col-xs-6,
  1600. #container .flexslider .col-xs-7,
  1601. #container .flexslider .col-xs-8,
  1602. #container .flexslider .col-xs-9,
  1603. #container .flexslider .col-xs-10,
  1604. #container .flexslider .col-xs-11,
  1605. #container .flexslider .col-xs-12 {
  1606.     margin: 0 0 90px;
  1607. }
  1608.  
  1609. /*-- RATING --*/
  1610. #container .container .rating {
  1611.     margin: 18px 0 -10px 0;
  1612.     padding: 0;
  1613.     list-style: none;
  1614.     display: inline-block;
  1615.     width: 100%;
  1616. }
  1617.  
  1618. #container .container .rating li {
  1619.     display: inline-block;
  1620.     margin: 0 16px 10px 0;
  1621.     vertical-align: top;
  1622.     margin-top: 6px;
  1623. }
  1624.  
  1625. #container .container .rating li p {
  1626.     background-color: #fe4445;
  1627.     color: #fff;
  1628.     display: inline;
  1629.     font-family: 'Roboto Slab', serif;
  1630.     font-size: 1.5em;
  1631.     font-weight: 400;
  1632.     line-height: 1em;
  1633.     margin: 0;
  1634.     padding: 6px 10px;
  1635.     transition: border-color 0.5s ease 0s;
  1636.     width: auto;
  1637.     display: inline-block;
  1638. }
  1639.  
  1640. .rating-value {
  1641.     background-color: #fe4445;
  1642.     color: #fff;
  1643.     display: inline;
  1644.     font-family: 'Roboto Slab', serif;
  1645.     font-size: 0.8em;
  1646.     line-height: 1em;
  1647.     padding: 6px 10px !important;
  1648.     transition: border-color 0.5s ease 0s;
  1649.     width: auto;
  1650.     display: inline-block;
  1651.     position: absolute;
  1652.     right: 0;
  1653.     bottom: 0;
  1654.     margin: 0 !important;
  1655. }
  1656.  
  1657. .rating-value-meta {
  1658.     background-color: #fe4445;
  1659.     color: #fff;
  1660.     font-family: 'Roboto Slab', serif;
  1661.     font-size: 1.3em;
  1662.     line-height: 1em;
  1663.     padding: 6px 10px !important;
  1664.     width: auto;
  1665.     display: inline-block;
  1666.     position: relative;
  1667.     margin-right: 10px;
  1668. }
  1669.  
  1670. #container .container .rating li span {
  1671.     color: #000;
  1672.     display: inline;
  1673.     font-family: 'Roboto Slab', serif;
  1674.     font-size: 1.3em;
  1675.     font-weight: 400;
  1676.     line-height: 1em;
  1677.     margin: 0;
  1678.     transition: border-color 0.5s ease 0s;
  1679.     width: auto;
  1680.     display: inline-block;
  1681. }
  1682.  
  1683. #container .container .rating li a {
  1684.     color: #000;
  1685.     font-family: 'Roboto Slab', serif;
  1686.     font-size: 1.3em;
  1687.     font-weight: 400;
  1688.     line-height: 1em;
  1689.     transition: .5s;
  1690.     -webkit-transition: .5s;
  1691.     -moz-transition: .5s;
  1692.     margin: 0;
  1693.     display: inline-block;
  1694.     text-decoration: none;
  1695.     width: 36px;
  1696.     position: relative;
  1697. }
  1698.  
  1699. #container .container .rating li a span.number {
  1700.     font-size: 1.1em;
  1701. }
  1702.  
  1703. #container .container .rating li a .like {
  1704.     display: none;
  1705.     position: absolute;
  1706.     top: 3px;
  1707. }
  1708.  
  1709. #container .container .rating li a .like-0 {
  1710.     display: inline-block;
  1711.     -webkit-transition: all .5s ease;
  1712.     -moz-transition: all .5s ease;
  1713.     -ms-transition: all .5s ease;
  1714.     -o-transition: all .5s ease;
  1715.     transition: all .5s ease;
  1716.     position: absolute;
  1717.     top: 3px;
  1718. }
  1719.  
  1720. #container .container .rating li a.liked .like-0 {
  1721.     -webkit-transform: scale(2.5);
  1722.     -moz-transform: scale(2.5);
  1723.     -ms-transform: scale(2.5);
  1724.     -o-transform: scale(2.5);
  1725.     transform: scale(2.5);
  1726.     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  1727.     filter: alpha(opacity=0);
  1728.     opacity: 0;
  1729. }
  1730.  
  1731. #container .container .rating li a.liked .like {
  1732.     display: inline-block;
  1733. }
  1734.  
  1735. #container .container .rating li img {
  1736.     width: auto;
  1737.     margin: -3px 5px 0 0;
  1738.     padding: 0;
  1739.     border: none;
  1740.     transition: .5s;
  1741.     -webkit-transition: .5s;
  1742.     -moz-transition: .5s;
  1743. }
  1744.  
  1745. #container .container .rating li img ~ span.number {
  1746.     float: right;
  1747. }
  1748.  
  1749. #container .container .rating li a:hover {
  1750.     color: rgba(0,0,0,0.4);
  1751. }
  1752.  
  1753. #container .container .rating li strong {
  1754.     border: none;
  1755.     background: none;
  1756.     font-family: 'Roboto Slab', serif;
  1757.     font-size: 1.3em;
  1758.     font-weight: 400;
  1759.     line-height: 1em;
  1760.     margin: 0;
  1761.     padding: 0;
  1762. }
  1763.  
  1764. #container .container .rating li strong span {
  1765.     margin: 0;
  1766.     padding: 0;
  1767.     border: none;
  1768.     background: none;
  1769.     font-size: 1em;
  1770.     color: #999898;
  1771.     display: inline;
  1772.     text-transform: uppercase;
  1773. }
  1774.  
  1775. #container .container .rating li strong a {
  1776.     margin: 0;
  1777.     padding: 0;
  1778.     border: none;
  1779.     background: none;
  1780.     font-size: 1em;
  1781.     color: #000;
  1782.     display: inline;
  1783.     opacity: 1;
  1784.     filter: alpha(opacity= 100);
  1785. }
  1786.  
  1787. #container .container .rating li strong a:hover {
  1788.     color: #fe4445;
  1789. }
  1790.  
  1791. /*-- FULL WIDTH POSTS --*/
  1792. .full-width-posts {
  1793.     margin: 0 0 50px;
  1794.     display: inline-block;
  1795.     width: 100%;
  1796. }
  1797.  
  1798. .full-width-posts .post-with-image,
  1799. .full-width-posts .post-no-image {
  1800.     margin: 0 0 40px;
  1801. }
  1802.  
  1803. .full-width-posts .post-no-image {
  1804.     padding: 30px;
  1805.     border: 1px solid #dadada;
  1806.     width: 100%;
  1807.     display: inline-block;
  1808. }
  1809.  
  1810. .full-width-posts .post-no-image.featured-post {
  1811.     border: 0;
  1812. }
  1813.  
  1814. .full-width-posts .rating {
  1815.     border-bottom: 1px solid rgba(0,0,0,.1);
  1816. }
  1817.  
  1818. a.full-post-title {
  1819.     color: #000;
  1820.     font-family: 'Roboto Slab', serif;
  1821.     font-size: 2em;
  1822.     font-weight: 400;
  1823.     line-height: 1.53em;
  1824.     transition: .5s;
  1825.     -webkit-transition: .5s;
  1826.     -moz-transition: .5s;
  1827.     text-decoration: none;
  1828.     display: inline-block;
  1829.     width: 100%;
  1830.     margin: -6px 0 20px;
  1831. }
  1832.  
  1833.  
  1834.  
  1835. a.full-post-title:hover {
  1836.     color: #fe4445;
  1837. }
  1838.  
  1839. a.link-home-images {
  1840.     position: relative;
  1841. }
  1842.  
  1843. .full-width-posts a.link-home-images {
  1844.     transition: .5s;
  1845.     -webkit-transition: .5s;
  1846.     -moz-transition: .5s;
  1847.     opacity: 1;
  1848.     filter: alpha(opacity= 100);
  1849.     margin: 0 0 25px;
  1850.     padding: 5px;
  1851.     border: 1px solid #dadada;
  1852.     display: inline-block;
  1853.     width: 100%;
  1854. }
  1855.  
  1856. .full-width-posts a.link-home-images img {
  1857.     max-width: 100%;
  1858. }
  1859.  
  1860. .full-width-posts img {
  1861.     height: auto;
  1862.     padding: 0;
  1863.     padding: 0;
  1864.     transition: .5s;
  1865.     -webkit-transition: .5s;
  1866.     -moz-transition: .5s;
  1867. }
  1868.  
  1869. .full-width-posts a.link-home-images:hover {
  1870.     border-color: #fe4445;
  1871. }
  1872.  
  1873. #container .container .full-width-posts .rating {
  1874.     margin: 0 0 5px 0;
  1875. }
  1876.  
  1877. /* Wordpress TK*/
  1878.  
  1879. .shortcodes ol {
  1880.     list-style-type: decimal;
  1881.     padding: 0 20px;
  1882.     color: #666666;
  1883.     font-size: 1.5rem;
  1884. }
  1885.  
  1886. .shortcodes ol ol {
  1887.     font-size: 1em;
  1888. }
  1889.  
  1890.  
  1891. .shortcodes ul {
  1892.     list-style-type: square;
  1893.     padding: 0 20px;
  1894.     color: #666666;
  1895.     font-size: 1.5rem;
  1896. }
  1897.  
  1898. .shortcodes ul ul {
  1899.     font-size: 1em;
  1900. }
  1901.  
  1902. .shortcodes img {max-width: 100%; height: auto;}
  1903.  
  1904. .shortcodes .sticky.featured-banner {
  1905.     background-color: #fe4445;
  1906.     width: 144px;
  1907.     height: 27px;
  1908.     text-align: center;
  1909.     padding-top: 5px;
  1910.     font-family: 'Roboto Slab', serif;
  1911.     color: #fff;
  1912.     font-size: 13px;
  1913.     text-transform: uppercase;
  1914.     font-weight: 700;
  1915.     margin-bottom: 30px;
  1916.     -webkit-font-smoothing:antialiased;
  1917. }
  1918.  
  1919. #container .container .single-post-page .rating {
  1920.     font-size: 1em;
  1921. }
  1922.  
  1923. .shortcodes table {
  1924.     border-bottom: 1px solid #ededed;
  1925.     border-collapse: collapse;
  1926.     border-spacing: 0;
  1927.     font-size: 14px;
  1928.     line-height: 2;
  1929.     margin: 0 0 20px;
  1930.     width: 100%;
  1931.     color: #666666;
  1932. }
  1933.  
  1934. .shortcodes thead {
  1935.     display: table-header-group;
  1936.     vertical-align: middle;
  1937.     border-color: inherit;
  1938. }
  1939.  
  1940. .shortcodes tbody {
  1941.     display: table-row-group;
  1942.     vertical-align: middle;
  1943.     border-color: inherit;
  1944. }
  1945.  
  1946. .shortcodes tr {
  1947.     display: table-row;
  1948.     vertical-align: inherit;
  1949.     border-color: inherit;
  1950. }
  1951.  
  1952. .shortcodes th {
  1953.     display: table-cell;
  1954.     vertical-align: inherit;
  1955. }
  1956.  
  1957. .shortcodes dl {
  1958.     margin: 0 20px;
  1959.     font-size: 1.5em;
  1960.     color: #666666;
  1961. }
  1962.  
  1963. .shortcodes dl.gallery-item {
  1964.     margin-left: 0;
  1965.     margin-right: 0;
  1966. }
  1967.  
  1968. .gallery-caption {
  1969.     font-style: italic;
  1970. }
  1971.  
  1972. .shortcodes dl dt {
  1973.     font-weight: bold;
  1974. }
  1975.  
  1976. .shortcodes dl dd {
  1977.     margin: 0 0 20px;
  1978. }
  1979.  
  1980. .shortcodes pre {
  1981.     border-radius: 0;
  1982. }
  1983.  
  1984. /*-- HALF WIDTH POSTS --*/
  1985. .half-width-posts {
  1986.     margin: 0 0 50px;
  1987.     display: inline-block;
  1988.     width: 100%;
  1989. }
  1990.  
  1991. .half-width-posts .post-with-image,
  1992. .half-width-posts .post-no-image {
  1993.     margin: 0 0 40px;
  1994. }
  1995.  
  1996. .half-width-posts .post-no-image {
  1997.     padding: 25px 25px 0;
  1998.     border: 1px solid #dadada;
  1999.     width: 100%;
  2000.     display: inline-block;
  2001. }
  2002.  
  2003.  
  2004. a.half-post-title {
  2005.     color: #000;
  2006.     font-weight: 400;
  2007.     line-height: 1.53em;
  2008.     transition: .5s;
  2009.     -webkit-transition: .5s;
  2010.     -moz-transition: .5s;
  2011.     text-decoration: none;
  2012.     display: inline-block;
  2013.     width: 100%;
  2014.     margin: -6px 0 13px;
  2015.     font-size: 2em;
  2016. }
  2017.  
  2018. .half-post-title a:hover {
  2019.     color: #fe4445;
  2020. }
  2021.  
  2022. .half-width-posts p {
  2023.     padding-bottom: 20px;
  2024. }
  2025.  
  2026. #container .container .half-width-posts .rating.meta-border {
  2027.     padding: 10px 0 0;
  2028.     border-top: 1px solid rgba(0,0,0,.1);
  2029.     margin-top: -10px;
  2030. }
  2031.  
  2032. .half-width-posts a.link-home-images {
  2033.     transition: .5s;
  2034.     -webkit-transition: .5s;
  2035.     -moz-transition: .5s;
  2036.     opacity: 1;
  2037.     filter: alpha(opacity= 100);
  2038.     margin: 0 0 25px;
  2039.     padding: 5px;
  2040.     border: 1px solid #d8d8d8;
  2041.     border: 1px solid rgba(0, 0, 0, 0.15);
  2042.     display: inline-block;
  2043.     width: 100%;
  2044. }
  2045.  
  2046. .half-width-featured-image {
  2047.     width: 100%;
  2048.     padding: 0;
  2049.     padding: 0;
  2050.     transition: .5s;
  2051.     -webkit-transition: .5s;
  2052.     -moz-transition: .5s;
  2053. }
  2054.  
  2055. .half-width-posts .isotope-item img {
  2056.     max-width: 100%;
  2057.     height: auto;
  2058. }
  2059.  
  2060. .half-width-posts a.link-home-images:hover {
  2061.     border-color: #fe4445;
  2062. }
  2063.  
  2064. #container .container .half-width-posts .rating {
  2065.     margin: 0 0 15px 0;
  2066. }
  2067.  
  2068. /*-- BANER-CONTENT --*/
  2069. .baner-content {
  2070.     margin: 0 0 90px;
  2071.     text-align: center;
  2072. }
  2073.  
  2074.  
  2075. /*----------//// $video post big \\\\-------------*/
  2076.  
  2077. #container .video {
  2078.     margin-bottom: 25px;
  2079. }
  2080.  
  2081. #container .video.scalable-wrapper {
  2082.     padding-bottom: 56.3%;
  2083. }
  2084.  
  2085. #container .video iframe {
  2086.     height: 100%;
  2087.     left: 0;
  2088.     position: absolute;
  2089.     right: 0;
  2090.     width: 100%;
  2091. }
  2092.  
  2093.  
  2094. .block iframe {
  2095.     width: 100%;
  2096. }
  2097.  
  2098.  
  2099. /*----------//// FOOTER \\\\-------------*/
  2100. footer .white-bg {
  2101.     padding: 60px 55px 20px;
  2102. }
  2103.  
  2104. footer .col-xs-4 h3 {
  2105.     background: url("theme-images/title-square.jpg") no-repeat scroll left center;
  2106.     font-size: 2.3em;
  2107.     margin: 0 0 50px;
  2108.     padding: 0 0 0 25px;
  2109. }
  2110.  
  2111. footer .col-xs-4 .block {
  2112.     margin: 0 0 85px;
  2113. }
  2114.  
  2115. footer ::-webkit-input-placeholder { /* WebKit browsers */
  2116.     color:    #999898;
  2117. }
  2118. :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  2119.     color:    #999898;
  2120. }
  2121. footer ::-moz-placeholder { /* Mozilla Firefox 19+ */
  2122.     color:    #999898;
  2123. }
  2124. footer :-ms-input-placeholder { /* Internet Explorer 10+ */
  2125.     color:    #999898;
  2126. }
  2127. footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder {
  2128.     color: #999898;
  2129. }
  2130. footer input:-moz-placeholder, footer textarea:-moz-placeholder {
  2131.     color: #999898;
  2132. }
  2133.  
  2134. /*-- search widget --*/
  2135. footer .search-widget .row-fluid {
  2136.     margin: 0;
  2137. }
  2138.  
  2139. /*-- Newsleter widget --*/
  2140. footer .newsleter-widget .row-fluid {
  2141.     margin: 0;
  2142. }
  2143.  
  2144. /*-- Newsleter widget --*/
  2145. footer .latest-news-widget ul li {
  2146.     background: #f5f5f5;
  2147. }
  2148.  
  2149. /*-- Latest Reciews --*/
  2150. footer .latest-reciews-widget ul li {
  2151.     background: #f5f5f5;
  2152. }
  2153.  
  2154. /*-- category --*/
  2155. footer .category-widget ul li {
  2156.     /*background: #f5f5f5;*/
  2157. }
  2158.  
  2159. .half-width-posts .col-xs-6 {
  2160.     margin: 30px 0;
  2161. }
  2162.  
  2163. /*-- FOOTER NEWSLETTER --*/
  2164. .footer-newsletter {
  2165.     display: inline-block;
  2166.     width: 100%;
  2167.     background: #fff;
  2168.     position: relative;
  2169.     top: -3px;
  2170.     border-top: 1px solid #dadada;
  2171.     padding: 0;
  2172.     overflow:hidden;
  2173. }
  2174.  
  2175. .footer-newsletter img {
  2176.     width: 82px;
  2177.     height: 82px;
  2178.     position: absolute;
  2179. }
  2180.  
  2181. .footer-newsletter #newsleter-form-footer {
  2182.     display: block;
  2183.     height: 82px;
  2184. }
  2185.  
  2186. .footer-newsletter .submit-newsletter {
  2187.     float: right;
  2188.     width: 90px;
  2189.     height: 82px;
  2190.     border: none;
  2191.     border-left: 1px solid #dadada;
  2192.     background-color: #fff;
  2193.     background-image: url("theme-images/submit-footer-newsletter.png");
  2194.     background-position: center center;
  2195.     background-repeat: no-repeat;
  2196.     opacity: 0.3;
  2197.     filter: alpha(opacity= 30);
  2198.     transition: .5s;
  2199.     -webkit-transition: .5s;
  2200.     -moz-transition: .5s;
  2201.     padding: 0;
  2202.     margin: 0;
  2203.     -webkit-border-radius: 0;
  2204.     -moz-border-radius: 0;
  2205.     border-radius: 0;
  2206. }
  2207.  
  2208. .footer-newsletter .submit-newsletter:hover {
  2209.     opacity: 1;
  2210.     filter: alpha(opacity= 100);
  2211. }
  2212.  
  2213. .footer-newsletter .input-newsletter {
  2214.     display: inline;
  2215.     width: 82%;
  2216.     height: 82px;
  2217.     padding: 0 0 0 22px;
  2218.     border: 1px solid transparent;
  2219.     background: transparent;
  2220.     font-family: 'Roboto Slab', serif;
  2221.     font-size: 2em;
  2222.     font-weight: 400;
  2223.     line-height: 1em;
  2224. }
  2225.  
  2226. .footer-newsletter .input-newsletter:focus {
  2227.     border-color: transparent !important;
  2228. }
  2229.  
  2230. /*-- COPYRIGHT --*/
  2231. .footer-copyright {
  2232.     background: transparent;
  2233. }
  2234.  
  2235. .footer-copyright .container {
  2236.     margin-top: 0;
  2237.     padding: 35px 0;
  2238.     width: 100%;
  2239. }
  2240.  
  2241. .footer-copyright p {
  2242.     display: inline-block;
  2243.     width: auto;
  2244.     color: #aaa;
  2245.     color: rgba(0,0,0,0.5);
  2246.     font-family: 'Roboto Slab', serif;
  2247.     font-size: 1.4em;
  2248.     font-weight: 400;
  2249.     line-height: 1.67em;
  2250.     margin: 10px 0;
  2251. }
  2252.  
  2253. .footer-copyright a {
  2254.     font-size: 1em;
  2255.     color: #fff;
  2256.     transition: .5s;
  2257.     -webkit-transition: .5s;
  2258.     -moz-transition: .5s;
  2259.     text-decoration: none;
  2260. }
  2261.  
  2262. .footer-copyright a:hover {
  2263.     color: #FE4445;
  2264. }
  2265.  
  2266. /*--- SOC. IKONS ---*/
  2267. .soc-icon {
  2268.     width: auto;
  2269.     display: inline-block;
  2270.     margin: 0;
  2271. }
  2272.  
  2273. .soc-icon li {
  2274.     margin: 0;
  2275.     padding: 0;
  2276.     display: inline-block;
  2277. }
  2278.  
  2279. .soc-icon li a {
  2280.     transition: .5s;
  2281.     -webkit-transition: .5s;
  2282.     -moz-transition: .5s;
  2283.     float: left;
  2284.     width: 40px;
  2285.     height: 40px;
  2286.     overflow: hidden;
  2287. }
  2288.  
  2289. .soc-icon li a img {
  2290.     transition: .5s;
  2291.     -webkit-transition: .5s;
  2292.     -moz-transition: .5s;
  2293.     position: relative;
  2294.     top: 0;
  2295.     float: left;
  2296.     width: 40px;
  2297.     height: 80px;
  2298. }
  2299.  
  2300. .soc-icon li a:hover img {
  2301.     top: -40px;
  2302. }
  2303.  
  2304.  
  2305.  
  2306.  
  2307.  
  2308. /*----------//// TITLE ON PAGE \\\\-------------*/
  2309. .title-divider {
  2310.     margin: 0 0 90px;
  2311. }
  2312.  
  2313. .title-divider span {
  2314.     background: url("theme-images/title-square.jpg") no-repeat scroll left center;
  2315.     padding: 0 0 0 25px;
  2316. }
  2317.  
  2318. #container .title-divider nav {
  2319.     width: auto;
  2320. }
  2321.  
  2322. #container .title-divider .navbar-collapse {
  2323.     width: 100%;
  2324. }
  2325.  
  2326. #container .title-divider .navbar-nav > li > a {
  2327.     margin: 0 0 -1px;
  2328.     padding: 2px 15px 8px;
  2329.     border: 1px solid #e1e1e1;
  2330.     font-size: 1em;
  2331.     line-height: 1em;
  2332. }
  2333.  
  2334. #container .title-divider .navbar-nav > li > a {
  2335.     border: 1px solid #E1E1E1;
  2336.     font-size: 1em;
  2337.     line-height: 1em;
  2338.     margin: 0 0 -1px;
  2339.     padding: 2px 15px 8px;
  2340. }
  2341.  
  2342. #container .title-divider .navbar-nav > li > a {
  2343.     padding: 15px 15px 14px;
  2344. }
  2345.  
  2346.  
  2347. #container .title-divider .navbar-nav > li > a.dropdown-toggle {
  2348.     padding: 2px 15px 8px;  
  2349.     border-top: 1px solid #E1E1E1;
  2350. }
  2351.  
  2352. #container .title-divider .navbar-default button.navbar-toggle {
  2353.     border: 1px solid #E1E1E1;
  2354.     font-size: 1em;
  2355.     line-height: 1em;
  2356.     margin: 0 0 -1px;
  2357.     padding: 15px 15px 14px;
  2358.     margin: 0;
  2359.     border-radius: 0;
  2360. }
  2361.  
  2362. #container .title-divider .navbar-nav > li > a img {
  2363.     transition: .5s;
  2364.     -webkit-transition: .5s;
  2365.     -moz-transition: .5s;
  2366.     opacity:0.5;
  2367.     filter: alpha(opacity= 50);
  2368. }
  2369.  
  2370. #container .title-divider .navbar-nav li.open img,
  2371. #container .title-divider .navbar-nav > li > a:hover img {
  2372.     opacity: 1;
  2373.     filter: alpha(opacity= 100);
  2374. }
  2375.  
  2376. #container .title-divider .navbar-nav li.dropdown {
  2377.     padding-bottom: 6px;
  2378.     margin-bottom: -6px;
  2379. }
  2380.  
  2381. #container .title-divider .dropdown-menu {
  2382.     right: 0;
  2383.     left: auto;
  2384.     background: #fff;
  2385.     border: 1px solid #e1e1e1;
  2386. }
  2387.  
  2388. #container .title-divider .dropdown-menu li {
  2389.     border-top: 1px solid #e1e1e1;
  2390.     padding: 18px 20px;
  2391.     display: block;
  2392.     float: left;
  2393.     width: 100%;
  2394.     position: relative;
  2395. }
  2396.  
  2397. #container .title-divider .dropdown-menu li:first-child {
  2398.     border: none;
  2399.     display: inline-block;
  2400. }
  2401.  
  2402. #container .title-divider .dropdown-menu > li > a {
  2403.     padding: 0 23px 0 0;
  2404.     position: relative;
  2405.     color: #000;
  2406.     float: left;
  2407.     display: block;
  2408. }
  2409.  
  2410. #container .title-divider .dropdown-menu > li > a:hover {
  2411.     color: #fe4445;
  2412. }
  2413.  
  2414. #container .title-divider .dropdown-menu li strong {
  2415.     position: absolute;
  2416.     right: 0;
  2417.     top: 0;
  2418.     width: 23px;
  2419.     height: 23px;
  2420.     background: rgba(0, 0, 0, 0.4);
  2421.     text-align: center;
  2422.     color: #fff;
  2423.     font-size: 0.9em;
  2424.     padding: 2px 0;
  2425. }
  2426.  
  2427. #container .title-divider .dropdown-menu li.cat-item:after {
  2428.     clear: both;
  2429. }
  2430.  
  2431. /*----------//// ABOUT PAGE \\\\-------------*/
  2432. .shortcode-section {
  2433.     margin: 0 0 60px;
  2434. }
  2435.  
  2436.  
  2437.  
  2438.  
  2439.  
  2440. /*----------//// ARCHIVE PAGE \\\\-------------*/
  2441. .archive-page ul {
  2442.     margin: 0 0 65px;
  2443.     padding: 0;
  2444.     list-style: none;
  2445. }
  2446.  
  2447. .archive-page ul li {
  2448.     padding: 0 0 0 25px;
  2449.     margin: 0 0 7px;
  2450. }
  2451.  
  2452. .archive-page ul li.archive-title {
  2453.     padding: 0 0 15px;
  2454.     margin: 0 0 25px;
  2455.     border-bottom: 1px solid #f1f1f1;
  2456. }
  2457.  
  2458. .archive-page ul li h4 {
  2459.     background: url("theme-images/list-style-title.png") no-repeat scroll left 14px;
  2460.     padding: 0 0 0 25px;
  2461.     margin: 0;
  2462. }
  2463.  
  2464. .archive-page ul li a {
  2465.     transition: .5s;
  2466.     -webkit-transition: .5s;
  2467.     -moz-transition: .5s;
  2468.     color: #8a8989;
  2469.     font-family: 'Roboto Slab', serif;
  2470.     font-size: inherit;
  2471.     font-weight: 400;
  2472.     line-height: 1.67em;
  2473.     text-decoration: none;
  2474.     background: url("theme-images/list-style-content.png") no-repeat scroll left 8px;
  2475.     padding: 0 0 0 22px;
  2476. }
  2477.  
  2478. .archive-page ul li a:hover {
  2479.     color: #fe4445;
  2480. }
  2481.  
  2482. .archive-page ul.children {
  2483.     margin: 4px 0 0;
  2484. }
  2485.  
  2486. .cat-item .cat-number {
  2487.     position: absolute;
  2488.     right: 14px;
  2489.     background: none;
  2490.     line-height: 1.7em;
  2491. }
  2492.  
  2493. .st-menu .cat-item .cat-number {
  2494.     right: 28px
  2495. }
  2496.  
  2497. #sidebar .cat-item .cat-number {
  2498.     right: auto;
  2499. }
  2500.  
  2501. #container .content-with-sidebar .title-divider .dropdown-menu .children li.cat-item {
  2502.     padding: 0 0 0 10px;
  2503.     border: none;
  2504. }
  2505.  
  2506. #container .content-with-sidebar .title-divider .dropdown-menu .children li.cat-item:last-child {
  2507.     margin-bottom: -20px;
  2508. }
  2509.  
  2510. #container .content-with-sidebar .title-divider .dropdown-menu .children {
  2511.     padding-top: 10px;
  2512.     display: inline-block;
  2513.     margin-bottom: -10px;
  2514. }
  2515.  
  2516. #container .content-with-sidebar .title-divider .navbar .dropdown-menu .children {
  2517.     width: 100%;
  2518. }
  2519.  
  2520. #container .content-with-sidebar .title-divider .dropdown-menu .children li.cat-item span {line-height: 3.3em; right: -6px;}
  2521. #container .content-with-sidebar .title-divider .dropdown-menu .children li.cat-item a {
  2522.     color: #000;
  2523.     text-decoration: none;
  2524.     transition: .5s;
  2525.     -webkit-transition: .5s;
  2526.     -moz-transition: .5s;
  2527. }
  2528. #container .content-with-sidebar .title-divider .dropdown-menu .children li.cat-item a:hover {color: #fe4445;}
  2529.  
  2530.  
  2531. /*----------//// CATEGORY PAGE \\\\-------------*/
  2532. .category-page .full-width-posts .block.featured-post {
  2533.     background-color: #efefef;
  2534.     position: relative;
  2535.     padding: 30px 30px 55px;
  2536. }
  2537.  
  2538. .category-page .full-width-posts .block.featured-post .featured-banner {
  2539.     content: "FEATURED POST";
  2540.     position: absolute;
  2541.     bottom: 0;
  2542.     right: 0;
  2543.     background-color: #fe4445;
  2544.     width: 144px;
  2545.     height: 27px;
  2546.     text-align: center;
  2547.     padding-top: 5px;
  2548.     font-family: 'Roboto Slab', serif;
  2549.     color: #fff;
  2550.     font-size: 13px;
  2551.     text-transform: uppercase;
  2552.     font-weight: 700;
  2553. }
  2554.  
  2555. .category-page .full-width-posts {
  2556.     margin: 0 0 60px;
  2557. }
  2558.  
  2559. .category-page .full-width-posts .post-with-image {
  2560.     margin: 0;
  2561. }
  2562.  
  2563. .category-page .half-width-posts {
  2564.     margin: 0 0 60px;
  2565. }
  2566.  
  2567. .category-page .half-width-posts .post-with-image {
  2568.     margin: 0;
  2569. }
  2570.  
  2571.  
  2572.  
  2573.  
  2574.  
  2575. /*----------//// PAGINATION \\\\-------------*/
  2576. #container .pagination {
  2577.     margin: 0 0 20px;
  2578.     padding: 20px 0 0;
  2579.     width: 100%;
  2580.     display: inline-block;
  2581.     text-align: center;
  2582. }
  2583.  
  2584. #container .pagination li {
  2585.     text-align: center;
  2586.     display: inline-block;
  2587.     margin: 0 3px;
  2588. }
  2589.  
  2590. #container .pagination li a,
  2591. #container .pagination .page-numbers {
  2592.     text-align: center;
  2593.     display: inline-block;
  2594.     border: 1px solid #000;
  2595.     color: #000;
  2596.     font-size: 1.5em;
  2597.     line-height: 1em;
  2598.     font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  2599.     font-weight: 400;
  2600.     -webkit-transition: border-color 0.5s ease;
  2601.          -moz-transition: border-color 0.5s ease;
  2602.            -o-transition: border-color 0.5s ease;
  2603.           -ms-transition: border-color 0.5s ease;
  2604.               transition: border-color 0.5s ease;
  2605.     transition: .5s;
  2606.     -webkit-transition: .5s;
  2607.     -moz-transition: .5s;
  2608.     background: #fff;
  2609.     padding: 12px 14px 10px;
  2610.     width: auto;
  2611.     vertical-align: top;
  2612.     margin: 0 3px;
  2613. }
  2614.  
  2615. #container .pagination .page-numbers.current {
  2616.     background: #000;
  2617.     color: #fff;
  2618.     border-color: #000;
  2619.     pointer-events: none;
  2620. }
  2621.  
  2622. #container .pagination .prev.page-numbers,
  2623. #container .pagination .next.page-numbers {
  2624.     width: 39px;
  2625.     height: 39px;
  2626.     text-indent: -9999px;
  2627.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  2628.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  2629.     opacity: .5;
  2630.     border: none;
  2631. }
  2632.  
  2633. #container .pagination .prev.page-numbers:hover,
  2634. #container .pagination .next.page-numbers:hover {
  2635.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2636.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  2637.     opacity: 1;
  2638.     border: none;
  2639. }
  2640.  
  2641. #container .pagination .prev.page-numbers {
  2642.     background: #fff url(theme-images/prev-pagination.png) no-repeat center center;
  2643. }
  2644.  
  2645. #container .pagination .next.page-numbers {
  2646.     background: #fff url(theme-images/next-pagination.png) no-repeat center center;
  2647. }
  2648.  
  2649. #container .pagination li a:hover,
  2650. #container .pagination .page-numbers:hover {
  2651.     color: #fe4445;
  2652.     border: 1px solid #fe4445;
  2653. }
  2654.  
  2655. #container .pagination li a img {
  2656.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  2657.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  2658.     opacity: .5;
  2659.     transition: .5s;
  2660.     -webkit-transition: .5s;
  2661.     -moz-transition: .5s;
  2662. }
  2663.  
  2664. #container .pagination li a:hover img {
  2665.     -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  2666.     filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  2667.     opacity: 1;
  2668. }
  2669.  
  2670. #container .pagination li.prev-pagination {
  2671.     margin: 0 25px 0 0;
  2672. }
  2673.  
  2674. #container .pagination li.next-pagination {
  2675.     margin: 0 0 0 25px;
  2676. }
  2677.  
  2678. #container .pagination li.prev-pagination a,
  2679. #container .pagination li.next-pagination a {
  2680.     border: none;
  2681. }
  2682.  
  2683.  
  2684.  
  2685.  
  2686.  
  2687. /*----------//// CONTACT PAGE \\\\-------------*/
  2688. .contact-map {
  2689.     overflow: hidden;
  2690.     -webkit-border-radius: 4px;
  2691.     -moz-border-radius: 4px;
  2692.     -o-border-radius: 4px;
  2693.     -ms-border-radius: 4px;
  2694.     -khtml-border-radius: 4px;
  2695.     border-radius: 4px;
  2696.     height: 400px;
  2697.     margin: 0;
  2698. }
  2699.  
  2700.  
  2701.  
  2702.  
  2703.  
  2704.  
  2705. /*----------//// CONTACT FORM \\\\-------------*/
  2706. .contact-form .control-group {
  2707.     float: left;
  2708.     width: 100%;
  2709.     margin: 6px 0 80px;
  2710. }
  2711. .contact-form .captcha-holder .control-group {
  2712.     width: 50%;
  2713.     margin: 6px 0 0;
  2714.     padding-right: 15px;
  2715.     float: none;
  2716. }
  2717. .contact-form .captcha-holder .control-group .input-prepend {
  2718.     width: 100%;
  2719. }
  2720.  
  2721. .contact-form .captcha-holder .control-group #captcha-form {
  2722.     margin-bottom: 0;
  2723. }
  2724. .contact-form .captcha-holder .refresh-text {
  2725.     margin-top: 10px;
  2726.     font-size: 1.5em;
  2727. }
  2728.  
  2729. .contact-form .captcha-holder .refresh-text a {
  2730.     color: #000;
  2731.     cursor: pointer;
  2732.     transition: .5s;
  2733.     -webkit-transition: .5s;
  2734.     -moz-transition: .5s;
  2735. }
  2736.  
  2737. .contact-form .captcha-holder .refresh-text a:hover {color: #FE4445;}
  2738.  
  2739. .contact-form .control-group .input-prepend {width: 50%;}
  2740. .contact-form .control-group .input-prepend.texteria-holder {width: 100%;}
  2741.  
  2742. .comment-form .comment-reply-title,
  2743. .contact-form h3 {
  2744.     background: url("theme-images/title-square.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
  2745.     display: inline-block;
  2746.     margin: 0 0 50px;
  2747.     padding: 0 0 0 25px;
  2748.     width: 100%;
  2749. }
  2750.  
  2751. input[type="text"],
  2752. input[type="email"],
  2753. input[type="password"] {
  2754.     height: 48px;
  2755.     width: 100%;
  2756.     padding: 1px 17px 0;
  2757.     font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  2758.     font-size: 1.5em;
  2759.     color: #000;
  2760.     font-weight: 400;
  2761.     background: none;
  2762.     border: 1px solid #e5e5e5;
  2763.     -webkit-appearance: none;
  2764.     -moz-appearance: none;
  2765.     margin: 0 0 30px;
  2766.     box-shadow: none;
  2767.     transition: .5s;
  2768.     -webkit-transition: .5s;
  2769.     -moz-transition: .5s;
  2770.     box-shadow: none;
  2771.     text-shadow: none;
  2772.     -webkit-border-radius: 0;
  2773.     -moz-border-radius: 0;
  2774.     border-radius: 0;
  2775. }
  2776.  
  2777. .woocommerce form .form-row input.input-text {
  2778.     margin: 0 0 10px;
  2779. }
  2780.  
  2781. #ship-to-different-address {position: relative;}
  2782.  
  2783. #ship-to-different-address .input-checkbox {
  2784.     position: absolute;
  2785.     top: 4px;
  2786.     font-size: 0.6em;
  2787. }
  2788.  
  2789. .woocommerce #ship-to-different-address .checkbox {
  2790.     font-size: 0.6em;
  2791. }
  2792.  
  2793. input[type="text"]:hover,
  2794. input[type="email"]:hover,
  2795. input[type="password"]:hover,
  2796. input[type="text"]:focus,
  2797. input[type="email"]:focus,
  2798. input[type="password"]:focus {
  2799.     background: #f5f5f5;
  2800.     border: 1px solid #f5f5f5;
  2801. }
  2802.  
  2803. .contact-form textarea {
  2804.     width: 100%;
  2805.     height: 200px;
  2806.     padding: 17px;
  2807.     font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
  2808.     font-size: 1.5em;
  2809.     color: #000;
  2810.     font-weight: 400;
  2811.     border: 1px solid #e1e1e1;
  2812.     -webkit-appearance: none;
  2813.     -moz-appearance: none;
  2814.     margin: 0;
  2815.     box-shadow: none;
  2816.     transition: .5s;
  2817.     -webkit-transition: .5s;
  2818.     -moz-transition: .5s;
  2819.     box-shadow: none;
  2820.     text-shadow: none;
  2821. }
  2822.  
  2823. .contact-form textarea:hover,
  2824. .contact-form textarea:focus {
  2825.     background: #f5f5f5;
  2826.     border: 1px solid #f5f5f5;
  2827. }
  2828.  
  2829. #container .contact-form button {
  2830.     width: auto;
  2831.     height: 45px;
  2832.     border: none;
  2833.     cursor: pointer;
  2834.     background: #000;
  2835.     padding: 0 23px 0;
  2836.     font-family: 'Roboto Slab', serif;
  2837.     color: #fff;
  2838.     font-size: 1.5em;
  2839.     line-height: 1em;
  2840.     font-weight: bold;
  2841.     margin: 30px 0 0;
  2842.     -webkit-appearance: none;
  2843.     -moz-appearance: none;
  2844.     transition: .5s;
  2845.     -webkit-transition: .5s;
  2846.     -moz-transition: .5s;
  2847.     box-shadow: none;
  2848.     text-shadow: none;
  2849.     border-radius: 0;
  2850. }
  2851.  
  2852. #container .contact-form button:hover,
  2853. #container .contact-form button:focus {
  2854.     background: #FE4445;
  2855. }
  2856.  
  2857. #container .contact-form::-webkit-input-placeholder { /* WebKit browsers */
  2858.     color:    #000;
  2859. }
  2860. #container .contact-form:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  2861.     color:    #000;
  2862. }
  2863. #container contact-form::-moz-placeholder { /* Mozilla Firefox 19+ */
  2864.     color:    #000;
  2865. }
  2866. #container .contact-form:-ms-input-placeholder { /* Internet Explorer 10+ */
  2867.     color:    #000;
  2868. }
  2869. #container .contact-form input::-webkit-input-placeholder, #container .contact-form textarea::-webkit-input-placeholder {
  2870.     color: #000;
  2871. }
  2872. #container .contact-form input:-moz-placeholder, #container .contact-form textarea:-moz-placeholder {
  2873.     color: #000;
  2874. }
  2875.  
  2876.  
  2877.  
  2878.  
  2879.  
  2880.  
  2881. /*----------//// SINGLE POST PAGE \\\\-------------*/
  2882. .single-post-page h1 {
  2883.     color: #000;
  2884.     font-family: 'Roboto Slab', serif;
  2885.     font-size: 3.3em;
  2886.     font-weight: 400;
  2887.     line-height: 1.45em;
  2888.     display: inline-block;
  2889.     width: 100%;
  2890.     margin: -6px 0 25px;
  2891. }
  2892.  
  2893. #container .container .single-post-page .rating {
  2894.     margin: 0;
  2895.     position: relative;
  2896.     top: -28px;
  2897. }
  2898.  
  2899. .single-post-page .single-featured-image img {
  2900.     margin: 0 0 15px;
  2901.     padding: 5px;
  2902.     border: 1px solid #e8e8e8;
  2903.     display: inline-block;
  2904.     width: 100%;
  2905.     height: auto;
  2906.     margin: 0 0 25px;
  2907. }
  2908.  
  2909. /*-- single-review --*/
  2910. .single-review {
  2911.     margin: 0 0 25px;
  2912.     background: #000;
  2913. }
  2914.  
  2915. .single-review .block {
  2916.     display: inline-block;
  2917.     width: 100%;
  2918.     position: relative;
  2919. }
  2920.  
  2921. .single-review .single-review-top {
  2922.     border-top: 1px solid #fe4445;
  2923.     margin-bottom: -3px;
  2924. }
  2925.  
  2926. .single-review .single-review-top span {
  2927.     height: 89px;
  2928.     width: 90px;
  2929.     background: #fe4445;
  2930.     margin: 0;
  2931.     text-align: center;
  2932.     font-family: 'Roboto Slab', serif;
  2933.     color: #fff;
  2934.     font-size: 3em;
  2935.     line-height: 1em;
  2936.     font-weight: 400;
  2937.     padding: 29px 0 0;
  2938.     float: right;
  2939. }
  2940.  
  2941. .single-review .single-review-top p {
  2942.     float: left;
  2943.     width: 85%;
  2944.     padding: 0 12px 0 20px;
  2945.     color: #fff;
  2946.     position: absolute;
  2947.     top: 50%;
  2948.     -webkit-transform: translateY(-50%);
  2949.     -moz-transform: translateY(-50%);
  2950.     -ms-transform: translateY(-50%);
  2951.     -o-transform: translateY(-50%);
  2952.     transform: translateY(-50%);
  2953. }
  2954.  
  2955. .single-review .single-review-down {
  2956.     padding: 27px 12px 19px;
  2957. }
  2958.  
  2959. .single-review .single-review-down strong {
  2960.     background: #fff;
  2961.     border-radius: 0;
  2962.     padding: 0;
  2963.     margin: 0 0 10px 0;
  2964.     width: 100%;
  2965.     display: inline-block;
  2966.     position: relative;
  2967. }
  2968.  
  2969. .single-review .single-review-down strong p {
  2970.     font-family: 'Roboto Slab', serif;
  2971.     color: #000;
  2972.     font-size: 1.4em;
  2973.     line-height: 1em;
  2974.     font-weight: 400;
  2975.     padding: 11px 0 11px 15px;
  2976.     float: left;
  2977.     margin: 0;
  2978.     position: relative;
  2979. }
  2980.  
  2981. .single-review .single-review-down strong span {
  2982.     margin: 0;
  2983.     padding: 11px 10px;
  2984.     float: right;
  2985.     width: auto;
  2986.     font-family: 'Roboto Slab', serif;
  2987.     color: #000;
  2988.     font-size: 1.5em;
  2989.     line-height: 1em;
  2990.     font-weight: 400;
  2991.     position: absolute;
  2992.     right: 15px;
  2993. }
  2994.  
  2995. /*-- p --*/
  2996. .single-post-page p {
  2997.     margin: 0 0 15px;
  2998. }
  2999.  
  3000. .single-post-page .tk-shortcode-tabs p {margin: 0;}
  3001.  
  3002. /*-- tags --*/
  3003. .single-post-page .tag-widget {
  3004.     margin: 15px 0;
  3005.     display: inline-block;
  3006.     width: 100%;
  3007. }
  3008.  
  3009. /*-- SHARES --*/
  3010.  
  3011. .shares-content {
  3012.     width: 100%;
  3013.     display: inline-block;
  3014.     margin: 15px 0 25px;
  3015. }
  3016.  
  3017. .shares-content span {
  3018.     font-family: 'Roboto Slab', serif;
  3019.     color: #000;
  3020.     font-size: 3em;
  3021.     line-height: 1em;
  3022.     font-weight: 400;
  3023.     display: inline-block;
  3024.     width: auto;
  3025.     margin: 0 20px 0 0;
  3026.     padding: 0;
  3027.     position: relative;
  3028.     top: -13px;
  3029. }
  3030.  
  3031. .shares-content ul {
  3032.     margin: 0;
  3033.     padding: 0;
  3034.     border: 1px solid #f5f5f5;
  3035.     list-style: none;
  3036.     border-left: none;
  3037.     display: inline-block;
  3038. }
  3039.  
  3040. .shares-content ul li {
  3041.     border-left: 1px solid #f5f5f5;
  3042.     float: left;
  3043.     text-align: center;
  3044.     overflow: hidden;
  3045.     width: 44px;
  3046.     height: 45px;
  3047.     -webkit-transition: width .3s ease;
  3048.     -moz-transition: width .3s ease;
  3049.     -ms-transition: width .3s ease;
  3050.     -o-transition: width .3s ease;
  3051.     transition: width .3s ease;
  3052. }
  3053.  
  3054. .shares-content ul li:hover {
  3055.     width: 134px;
  3056. }
  3057.  
  3058. .shares-content ul li a {
  3059.     float: left;
  3060.     width: 134px;
  3061.     height: 45px;
  3062. }
  3063.  
  3064. .shares-content ul li a strong {
  3065.     float: left;
  3066.     width: 44px;
  3067.     height: 45px;
  3068. }
  3069.  
  3070. .shares-content ul li a p {
  3071.     float: left;
  3072.     width: 90px;
  3073.     height: 45px;
  3074.     margin: 12px 0 0;
  3075.     padding: 0;
  3076.     text-align: center;
  3077.     font-family: 'Roboto Slab', serif;
  3078.     font-size: 1.4em;
  3079.     line-height: 1em;
  3080.     font-weight: 400;
  3081. }
  3082.  
  3083. .shares-content ul li.share-twitter a strong {
  3084.     background: url("theme-images/share-twitter.png") no-repeat left top;
  3085. }
  3086.  
  3087. .shares-content ul li.share-twitter a p {
  3088.     color: #29c5f6;
  3089. }
  3090.  
  3091. .shares-content ul li.share-fb a strong {
  3092.     background: url("theme-images/share-fb.png") no-repeat left top;
  3093. }
  3094.  
  3095. .shares-content ul li.share-fb a p {
  3096.     color: #6788ce;
  3097. }
  3098.  
  3099. .shares-content ul li.share-pinterest a strong {
  3100.     background: url("theme-images/share-pinterest.png") no-repeat left top;
  3101. }
  3102.  
  3103. .shares-content ul li.share-pinterest a p {
  3104.     color: #fe4445;
  3105. }
  3106.  
  3107. .shares-content ul li.share-google a strong {
  3108.     background: url("theme-images/share-google.png") no-repeat left top;
  3109. }
  3110.  
  3111. .shares-content ul li.share-google a p {
  3112.     color: #e75c3c;
  3113. }
  3114.  
  3115. .shares-content ul li a:hover strong {
  3116.     background-position: bottom;
  3117. }
  3118.  
  3119. /*-- posts-single --*/
  3120. .posts-single {
  3121.     display: inline-block;
  3122.     border: 1px solid #e1e1e1;
  3123.     border-top: 1px solid #000;
  3124.     padding: 40px 30px 15px;
  3125.     width: 100%;
  3126.     margin: 0 0 80px;
  3127. }
  3128.  
  3129. .posts-single .slides {
  3130.     text-align: right;
  3131. }
  3132.  
  3133. #container .posts-single .slides .col-xs-6 {
  3134.     margin: 0;
  3135. }
  3136.  
  3137. .posts-single .slides .col-xs-6:first-child {
  3138.     text-align: left;
  3139. }
  3140.  
  3141. #container .posts-single .slides li {
  3142.     color: #8a8a8a;
  3143.     font-family: 'Roboto Slab', serif;
  3144.     font-size: 1.5em;
  3145.     line-height: 2em;
  3146.     font-weight: 400;
  3147. }
  3148.  
  3149. .posts-single .flex-direction-nav {
  3150.     width: 100%;
  3151.     top: -53px;
  3152. }
  3153.  
  3154. .posts-single .flex-direction-nav li {
  3155.     width: auto;
  3156.     display: inline-block;
  3157.     float: right;
  3158. }
  3159.  
  3160. .posts-single .flex-direction-nav li:first-child {
  3161.     float: left;
  3162. }
  3163.  
  3164. .posts-single .flex-direction-nav li a {
  3165.     width: 210px;;
  3166.     background: none;
  3167. }
  3168.  
  3169. .posts-single .flex-direction-nav li a:hover {
  3170.     background: none!important;
  3171. }
  3172.  
  3173. .posts-single .flex-direction-nav li a.prev {
  3174.     position: relative;
  3175.     display: inline-block;
  3176.     float: left;
  3177.     margin-right: 20px;
  3178. }
  3179. .posts-single .gallery-single-prev a .box-previous,
  3180. .posts-single .flex-direction-nav li a.prev h6 {
  3181.     background-color: transparent;
  3182.     background-image: url("script/flexslider/theme/prev.png");
  3183.     background-position: center 14px;
  3184.     background-repeat: no-repeat;
  3185.     float: left;
  3186.     height: 39px;
  3187.     width: 40px;
  3188.     display: inline-block;
  3189.     transition: .2s;
  3190.     -webkit-transition: .2s;
  3191.     -moz-transition: .2s;
  3192.     border-right: 1px solid #000;
  3193.     position: absolute;
  3194. }
  3195. .posts-single .gallery-single-prev {width: 48%; float: left;}
  3196. .posts-single .gallery-single-next {width: 48%; float: right; text-align: right;}
  3197.  
  3198. .posts-single .gallery-single-next a,
  3199. .posts-single .gallery-single-prev a {
  3200.     width: 100%;
  3201.     color: #000;
  3202.     text-transform: uppercase;
  3203.     font-size: 1.4em;
  3204.     font-family: 'Roboto Slab', serif;
  3205.     display: inline-block;
  3206.     transition: .5s;
  3207.     -webkit-transition: .5s;
  3208.     -moz-transition: .5s;
  3209.     width: 100%;
  3210.     height: 40px;
  3211.     border: 1px solid;
  3212.     border-color: #000;
  3213.     position: relative;
  3214. }
  3215.  
  3216. .posts-single .gallery-single-prev a span,
  3217. .posts-single .gallery-single-next a span {
  3218.     margin-top: 10px;
  3219.     display: inline-block;
  3220.     width: 100%;
  3221.     text-align: center;
  3222. }
  3223.  
  3224. .posts-single .gallery-single-prev a span {
  3225.     padding-left: 40px;
  3226. }
  3227.  
  3228. .posts-single .gallery-single-next a span {
  3229.     padding-right: 40px;
  3230. }
  3231.  
  3232. .posts-single .gallery-single-next a:hover,
  3233. .posts-single .gallery-single-prev a:hover {
  3234.     text-decoration: none;
  3235. }
  3236.  
  3237. .posts-single .gallery-single-next a:hover .box-next,
  3238. .posts-single .gallery-single-prev a:hover .box-previous {
  3239.     background-color: #000;
  3240.     background-position: center -15px;
  3241. }
  3242.  
  3243. .posts-single .flex-direction-nav li a.next {
  3244.     width: 175px;
  3245. }
  3246.  
  3247. .posts-single .gallery-single-next a .box-next,
  3248. .posts-single .flex-direction-nav li a.next h6 {
  3249.     background-color: transparent;
  3250.     background-image: url("script/flexslider/theme/next.png");
  3251.     background-position: center 14px;
  3252.     background-repeat: no-repeat;
  3253.     float: right;
  3254.     height: 39px;
  3255.     width: 40px;
  3256.     display: inline-block;
  3257.     transition: .2s;
  3258.     -webkit-transition: .2s;
  3259.     -moz-transition: .2s;
  3260.     border-left: 1px solid #000;
  3261.     position: absolute;
  3262.     right: 0;
  3263. }
  3264.  
  3265. .gallery-single-prev p,
  3266. .gallery-single-next p {
  3267.     font-size: 1.5em;
  3268.     font-family: 'Roboto Slab', serif;
  3269.     color: #8a8a8a;
  3270.     margin-top: 10px;
  3271. }
  3272.  
  3273. .posts-single .flex-direction-nav li a.next {
  3274.     position: relative;
  3275.     display: inline-block;
  3276.     float: right;
  3277.     margin-left: 20px;
  3278. }
  3279.  
  3280. .posts-single .flex-direction-nav li span {
  3281.     display: inline-block;
  3282.     width: auto;
  3283.     float: left;
  3284.     font-size: 1.4em;
  3285.     color: #000;
  3286.     text-transform: uppercase;
  3287.     margin: 10px 0 0;
  3288.     transition: .5s;
  3289.     -webkit-transition: .5s;
  3290.     -moz-transition: .5s;
  3291.     text-indent: 1em;
  3292.     padding-left: 9px;
  3293. }
  3294.  
  3295. .posts-single .flex-direction-nav li span:first-child {
  3296.     float: left;
  3297. }
  3298.  
  3299. .posts-single .flex-direction-nav li a:hover h6 {
  3300.     background-position: center -15;
  3301.     background-color: #000;
  3302. }
  3303.  
  3304. /*-- BANERS --*/
  3305. .baners {
  3306.     width: 100%;
  3307.     text-align: center;
  3308.     display: inline-block;
  3309.     margin: 0 0 55px;
  3310. }
  3311.  
  3312. .single-post-page .baners {
  3313.     margin-bottom: 80px;
  3314. }
  3315.  
  3316. .baners img {
  3317.     padding: 0;
  3318.     border: 0;
  3319.     width: auto;
  3320.     text-align: center;
  3321.     display: inline-block;
  3322.     max-width: 100%;
  3323. }
  3324.  
  3325.  
  3326. /*-- author-single --*/
  3327. .author-single {
  3328.     display: inline-block;
  3329.     border: 1px solid #e1e1e1;
  3330.     border-top: 1px solid #000;
  3331.     padding: 30px 15px 15px;
  3332.     margin: 0 0 90px;
  3333.     width: 100%;
  3334. }
  3335.  
  3336. .author-single img {
  3337.     padding: 0;
  3338.     border: none;
  3339. }
  3340.  
  3341. .author-single h3 {
  3342.     font-size: 1.9em;
  3343.     margin: -6px 0 10px;
  3344.     font-weight: 400;
  3345. }
  3346.  
  3347. .author-single p {
  3348.     margin: 0 0 8px;
  3349. }
  3350.  
  3351. .author-single .soc-icon {
  3352.     float: left;
  3353.     padding: 0;
  3354.     margin: 0 0 0 -9px;
  3355. }
  3356.  
  3357.  
  3358. /*-- RELATED POSTS --*/
  3359. .related-posts {
  3360.     margin: 0 0 90px;
  3361. }
  3362.  
  3363. .related-posts .title-section h2 {
  3364.     background: url("theme-images/title-square.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
  3365.     display: inline-block;
  3366.     margin: 0 0 50px;
  3367.     padding: 0 0 0 25px;
  3368.     width: auto;
  3369. }
  3370.  
  3371. #container .related-posts img {
  3372.     width: 100%;
  3373.     transition: .5s;
  3374.     -webkit-transition: .5s;
  3375.     -moz-transition: .5s;
  3376.     margin: 0 0 15px;
  3377. }
  3378.  
  3379. #container .related-posts a.link-home-images:hover {
  3380.     border-color: #fe4445;
  3381. }
  3382.  
  3383. #container .related-posts a.link-home-title {
  3384.     color: #000;
  3385.     font-size: 1.7em;
  3386.     font-family: 'Roboto Slab', serif;
  3387.     font-weight: 400;
  3388.     line-height: 1.35em;
  3389.     margin: 0 0 12px;
  3390.     transition: .5s;
  3391.     -webkit-transition: .5s;
  3392.     -moz-transition: .5s;
  3393.     text-decoration: none;
  3394.     display: inline-block;
  3395. }
  3396.  
  3397. #container .related-posts a:hover {
  3398.     color: #fe4445;
  3399. }
  3400.  
  3401. /*-- COMMENTS SINGLE --*/
  3402. #comments {
  3403.     float: left;
  3404.     width: 100%;
  3405.     margin-bottom: 90px;
  3406. }
  3407.  
  3408. #comments .comments-title {
  3409.     background: url("theme-images/title-square.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
  3410.     display: inline-block;
  3411.     margin: 0 0 25px;
  3412.     padding: 0 0 0 25px;
  3413.     width: auto;
  3414. }
  3415.  
  3416. #comments .media-list {
  3417.     font-size: 1em !important;
  3418.     list-style: none;
  3419. }
  3420.  
  3421. #comments .media-list li.comment {
  3422.     padding: 30px;
  3423.     border: 1px solid #e1e1e1;
  3424.     border-top: 1px solid #000;
  3425.     margin-top: 30px;
  3426. }
  3427.  
  3428. #comments .media-list li article {
  3429.     padding-left: 78px;
  3430.     position: relative;
  3431. }
  3432.  
  3433. #comments .media-list li p {
  3434.     margin: 0;
  3435. }
  3436.  
  3437. #comments article header {
  3438.     overflow: hidden;
  3439.     opacity:1;
  3440.     filter: alpha(opacity= 100);
  3441.     transition: .5s;
  3442.     -webkit-transition: .5s;
  3443.     -moz-transition: .5s;
  3444.     background: #fff;
  3445. }
  3446.  
  3447. #comments article header img {
  3448.     width: 100%;
  3449.     transition: .5s;
  3450.     -webkit-transition: .5s;
  3451.     -moz-transition: .5s;
  3452.     margin: 0;
  3453.     padding: 4px;
  3454.     width: 50px;
  3455.     height: auto;
  3456.     border: 1px solid #e8e8e8;
  3457.     position: absolute;
  3458.     left: 0;
  3459. }
  3460.  
  3461. #comments article header img:hover {
  3462.     opacity:0.8;
  3463.     filter: alpha(opacity= 80);
  3464. }
  3465.  
  3466. #comments .comment-heading {
  3467.     color: #000;
  3468.     font-size: 1.9em;
  3469.     font-family: 'Roboto Slab', serif;
  3470.     font-weight: 400;
  3471.     line-height: 1.35em;
  3472.     margin: 0;
  3473.     width: 65%;
  3474.     float: left;
  3475.     text-decoration: none;
  3476.     transition: .5s;
  3477.     -webkit-transition: .5s;
  3478.     -moz-transition: .5s;
  3479. }
  3480.  
  3481. #comments .media-heading:hover {
  3482.     color: #FE4445;
  3483. }
  3484.  
  3485. #comments .media p {
  3486.     display: inline-block;
  3487. }
  3488.  
  3489. #comments .meta-data {
  3490.     float: left;
  3491.     width: 100%;
  3492.     list-style: none;
  3493.     margin: 3px 0 14px;
  3494.     padding: 0;
  3495.     font-size: .9em;
  3496. }
  3497.  
  3498. #comments .meta-data time {
  3499.     float: left;
  3500.     width: auto;
  3501.     margin: 0;
  3502.     font-size: 1em;
  3503.     color: #8a8989;
  3504.     font-weight: 400;
  3505. }
  3506.  
  3507. #comments .meta-data time a {color: #8a8989;}
  3508.  
  3509. #comments .meta-data span {display: none;}
  3510.  
  3511. #comments .meta-data a {
  3512.     text-transform: uppercase;
  3513.     text-decoration: none;
  3514.     font-family: 'Roboto Slab', serif;
  3515.     margin: 0 0 0 8px;
  3516.     transition: .5s;
  3517.     -webkit-transition: .5s;
  3518.     -moz-transition: .5s;
  3519.     color: #000;
  3520.     font-size: 1.4em;
  3521. }
  3522.  
  3523. #comments .meta-data a:first-child {
  3524.     margin-left: 0;
  3525. }
  3526.  
  3527. #comments .meta-data a:hover {
  3528.     color: #FE4445;
  3529. }
  3530.  
  3531. #comments .comments-title span {
  3532.     font-size: 1em;
  3533.     font-weight: 400;
  3534.     color: #000;
  3535.     padding: 0 10px;
  3536.     width: auto;
  3537.     display: inline;
  3538.     margin: 0;
  3539. }
  3540.  
  3541. #comments .comment-content {
  3542.     position: relative;
  3543. }
  3544.  
  3545. #comments .children li {
  3546.     width: 100%;/**/
  3547.     display: inline-block;
  3548. }
  3549.  
  3550. #comments .alert {
  3551.     font-size: 1.5em;
  3552. }
  3553.  
  3554.  
  3555. .comment-form .contact-form input {margin-bottom: 0;}
  3556.  
  3557. #container .comment-form .contact-form button {margin-top: 0;}
  3558.  
  3559.  
  3560. /*----------//// HEADER 2 \\\\-------------*/
  3561. #container .header-style-2 .navbar-collapse {
  3562.     width: 100%;
  3563.     text-align: left;
  3564. }
  3565.  
  3566. #container .header-style-2 nav {
  3567.     width: 100%;
  3568.     border-bottom: 1px solid rgba(255, 255, 255, 0.18);
  3569. }
  3570.  
  3571. #container .header-style-2 .navbar-nav > li > a {
  3572.     margin-right: 0;
  3573.     padding-top: 20px;
  3574.     padding-bottom: 18px;
  3575. }
  3576.  
  3577. #container > .header-style-2 a.brand {
  3578.     margin: 55px 20px 50px 0;
  3579.     float: left;
  3580. }
  3581.  
  3582. #container .header-style-2 .navbar-form .button-search {
  3583.     margin: 0;
  3584. }
  3585.  
  3586. .header-style-2 .container {
  3587.     text-align: center;
  3588. }
  3589.  
  3590. .header-style-2 .container .baners-header img {
  3591.     margin: 50px auto;
  3592.     max-width: 100%;
  3593. }
  3594.  
  3595. .header-style-2 .content-search-category {
  3596.     margin: 0;
  3597. }
  3598.  
  3599.  
  3600.  
  3601.  
  3602.  
  3603. /*----------//// HEADER 3 \\\\-------------*/
  3604. #container .header-style-2 .category-header {
  3605.     width: 100%;
  3606.     float: none;
  3607.     background: rgba(255, 255, 255, 0.18);
  3608.     border-radius: 0;
  3609.     border: none;
  3610. }
  3611.  
  3612. #container .header-style-2 .category-header .navbar-nav > li > a {
  3613.     color: #fff;
  3614.     padding: 20px 15px;
  3615.     position: relative;
  3616. }
  3617.  
  3618. #container .header-style-2 .category-header .navbar-nav > li > a:hover,
  3619. #container .header-style-2 .category-header .navbar-nav > li > a:focus,
  3620. #container .header-style-2 .category-header .navbar-default .navbar-nav > .active > a {
  3621.     border-top: 1px solid transparent;
  3622.     color: #fe4445;
  3623. }
  3624.  
  3625. #container .header-style-2 .category-header .navbar-nav > li > a strong {
  3626.     width: 23px;
  3627.     height: 23px;
  3628.     background: #000;
  3629.     border: 1px solid rgba(255, 255, 255, 0.4);
  3630.     text-align: center;
  3631.     font-size: 0.8em;
  3632.     padding: 0;
  3633.     display: inline-block;
  3634.     margin-left: 7px;
  3635. }
  3636.  
  3637. #container .header-style-2 .category-header .dropdown-menu {
  3638.     background: #2e2e2e;
  3639. }
  3640.  
  3641. #container .header-style-2 .category-header .dropdown-menu > li > a {
  3642.     border-top: 1px solid rgba(255, 255, 255, 0.08);
  3643. }
  3644.  
  3645. #container .header-style-2 .dropdown-menu > li > a {
  3646.     padding: 18px 45px 18px 20px;;
  3647.     position: relative;
  3648.     min-width: 200px;
  3649.     color: #fff;
  3650. }
  3651.  
  3652. #container .header-style-2 .dropdown-menu > li > a:hover,
  3653. #container .header-style-2 .dropdown-menu > li > a:focus {
  3654.     color: #fe4445;
  3655. }
  3656.  
  3657. #container .header-style-2 .category-header .dropdown-menu strong {
  3658.     width: 23px;
  3659.     height: 23px;
  3660.     background: #000;
  3661.     border: 1px solid rgba(255, 255, 255, 0.4);
  3662.     position: absolute;
  3663.     right: 20px;
  3664.     text-align: center;
  3665.     font-size: 0.8em;
  3666.     padding: 2px 0 0;
  3667. }
  3668.  
  3669. .rating-grey-bar {
  3670.     background: rgb(222, 222, 222);
  3671.     height: 36px;
  3672.     position: absolute;
  3673.     z-index: 0;
  3674. }
  3675.  
  3676. .left .star-rating-control .star-rating {
  3677.     margin: 0;
  3678.     width: 10%;
  3679.     height: 36px;
  3680.     z-index: 9999;
  3681.     position: relative;
  3682. }
  3683. .left .star-rating-control .star-rating.star-rating-on,
  3684. .left .star-rating-control .star-rating.star-rating-hover {
  3685.     background: rgba(0, 0, 0, 0.4)!important;
  3686.     z-index: 9999;
  3687.     position: relative;
  3688. }
  3689.  
  3690. .rating-cancel {display: none!important;}
  3691.  
  3692. .single-rating-one {position: relative;}
  3693.  
  3694. .single-rating-one .single-user-rate {
  3695.     margin:0;
  3696.     padding: 0;
  3697.     position: absolute;
  3698.     z-index: 99;
  3699.     font-family: 'Roboto Slab', serif;
  3700.     color: #000;
  3701.     font-size: 1.4em;
  3702.     line-height: 1em;
  3703.     font-weight: 400;
  3704.     float: left;
  3705.     top: 11px;
  3706.     left: 15px;
  3707. }
  3708.  
  3709. .single-rating-one .single-user-rate.right-part {
  3710.     left: auto;
  3711.     right: 26px;
  3712. }
  3713.  
  3714. .single-rating-one .stars-rater {
  3715.     position: absolute;
  3716.     width: 100%;
  3717.     top: 0;
  3718.     z-index: 9;
  3719.     background: rgb(255, 255, 255)!important;
  3720. }
  3721.  
  3722. .single-rating-one .stars-rater .star-rating a {
  3723.     text-indent: -999px;
  3724. }
  3725.  
  3726. .single-rating-one .stars-rater .star-rating:before {
  3727.     display: none;
  3728. }
  3729.  
  3730. .push-rating {
  3731.     width: 100%;
  3732.     height: 44px;
  3733. }
  3734.  
  3735.  
  3736. .single-post .full-single-no-image .white-bg-margin {
  3737.     margin-top: 25px;
  3738. }
  3739.  
  3740. hr {
  3741.     clear: both;
  3742.     width: 100%;
  3743. }
  3744.  
  3745.  
  3746. /*----------//// SLIDER ON PAGE \\\\-------------*/
  3747. .slider-page {
  3748.     width: 100%;
  3749. }
  3750.  
  3751.  
  3752. /*--------------///Shortcodes\\\-------------*/
  3753.  
  3754. .sc-fullwidth-holder {
  3755.     overflow: hidden; /*Holds the fullwidth shortcode inside page*/
  3756. }
  3757.  
  3758. .aq_block_toggle .close:hover {
  3759.     opacity: 1!important;
  3760.     cursor: default!important;
  3761. }
  3762.  
  3763. .container .aq_block_toggle div.arrow {
  3764.     cursor: pointer!important;
  3765.     top: 9px!important;
  3766. }
  3767.  
  3768. .block.tk-shortcode-tabs h5 {
  3769.     margin: 5px!important;
  3770.     font-size: 1em;
  3771. }
  3772.  
  3773. .tk-shortcode-tabs .nav-tabs > li {
  3774.     margin-bottom: -2px!important;
  3775. }
  3776.  
  3777. .tk-shortcode-tabs .nav-tabs > li.active {
  3778.     opacity: 0.85;
  3779.     filter: alpha(opacity= 85);
  3780. }
  3781.  
  3782. .dropcap-background {
  3783.     padding: 0 7px;
  3784.     margin: 4px 8px 0px 0!important;
  3785. }
  3786.  
  3787. .progress .bar {
  3788.     height: 20px;
  3789. }
  3790.  
  3791. body .progress {float: none}
  3792.  
  3793. .col-xs-3 .pricing-table-one-center,
  3794. .col-xs-4 .pricing-table-one-center,
  3795. .col-xs-6 .pricing-table-one-center,
  3796. .col-xs-12 .pricing-table-one-center {
  3797.     width: 100%!important;
  3798. }
  3799.  
  3800. .pricing-table-one-center span {
  3801.     font-size: 1.5em;
  3802. }
  3803.  
  3804. .pricing-button a.price_btn {
  3805.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  3806. }
  3807.  
  3808. .aq_block_toggle {
  3809.     border-radius: 0;
  3810.     -webkit-border-radius: 0;
  3811.     -moz-border-radius: 0;
  3812. }
  3813.  
  3814. .alert {
  3815.     border-radius: 0;
  3816.     -webkit-border-radius: 0;
  3817.     -moz-border-radius: 0;
  3818.     text-shadow: none;
  3819.     -webkit-box-shadow: none;
  3820.     box-shadow: none;
  3821. }
  3822.  
  3823. .alert-info,
  3824. .alert-success {
  3825.     border: none;
  3826.     background-image: none;
  3827. }
  3828.  
  3829. .shortcodes .tk-infobox.alert-error p {color: #B16B6B;}
  3830. .shortcodes .tk-infobox.alert-success p {color: #468847;}
  3831. .shortcodes .tk-infobox.alert-block p {color: #bca272;}
  3832. .shortcodes .tk-infobox.alert-info p {color: #3a87ad;}
  3833.  
  3834. .alert-error {
  3835.     background: #FCB2B2!important;
  3836. }
  3837.  
  3838.  
  3839. body .progress .bar {
  3840.     background: #fe4445;
  3841.     -webkit-border-radius: 0!important;
  3842.     -moz-border-radius: 0!important;
  3843.     border-radius: 0!important;
  3844.     height: 15px;
  3845. }
  3846.  
  3847. body .progress {
  3848.     -webkit-border-radius: 0!important;
  3849.     -moz-border-radius: 0!important;
  3850.     border-radius: 0!important;
  3851.     height: 15px;
  3852. }
  3853.  
  3854. .aq_block_accordion_wrapper {
  3855.     -webkit-border-radius: 0;
  3856.     -moz-border-radius: 0;
  3857.     border-radius: 0;
  3858. }
  3859.  
  3860. a.btn {
  3861.     -webkit-border-radius: 0!important;
  3862.     -moz-border-radius: 0!important;
  3863.     border-radius: 0!important;
  3864. }
  3865.  
  3866. a.btn-large {
  3867.     padding: 12px 25px 12px!important;
  3868. }
  3869.  
  3870. .nav-tabs > li > a {
  3871.     -webkit-border-radius: 0!important;
  3872.     -moz-border-radius: 0!important;
  3873.     border-radius: 0!important;
  3874. }
  3875.  
  3876. .tab-content > .tab-pane {
  3877.     -webkit-border-radius: 0;
  3878.     -moz-border-radius: 0;
  3879.     border-radius: 0;
  3880. }
  3881.  
  3882. .tk-shortcode-tabs .nav-tabs li a {
  3883.     border: 1px solid #dfdfdf;
  3884. }
  3885.  
  3886. .tk-shortcode-tabs .nav-tabs {
  3887.     border-bottom: 1px solid rgba(221, 221, 221, 0);
  3888.     padding-left: 0;
  3889. }
  3890.  
  3891. .pricing-table-one-border {
  3892.     -webkit-border-radius: 0;
  3893.     -moz-border-radius: 0;
  3894.     border-radius: 0;
  3895. }
  3896.  
  3897. div[class*="col-xs"] > .pricing-table-one.col-xs-12 {
  3898.     padding: 0;
  3899. }
  3900.  
  3901.  
  3902. /*-------Page Builder-------*/
  3903. .aq-block-aq_buttons_block.col-xs-1,
  3904. .aq-block-aq_buttons_block.col-xs-2,
  3905. .aq-block-aq_buttons_block.col-xs-3,
  3906. .aq-block-aq_buttons_block.col-xs-4,
  3907. .aq-block-aq_buttons_block.col-xs-5,
  3908. .aq-block-aq_buttons_block.col-xs-6,
  3909. .aq-block-aq_buttons_block.col-xs-7,
  3910. .aq-block-aq_buttons_block.col-xs-8,
  3911. .aq-block-aq_buttons_block.col-xs-9,
  3912. .aq-block-aq_buttons_block.col-xs-10,
  3913. .aq-block-aq_buttons_block.col-xs-11,
  3914. .aq-block-aq_buttons_block.col-xs-12 {padding: 0}
  3915.  
  3916. .aq-block-aq_widgets_block ul {font-size: 1em;}
  3917.  
  3918. .aq-block-aq_widgets_block #calendar_wrap caption {font-size: 1.2em;}
  3919. .aq-block-aq_widgets_block #calendar_wrap #wp-calendar tr td, .aq-block-aq_widgets_block #calendar_wrap #wp-calendar tr th,
  3920. .aq-block-aq_widgets_block #calendar_wrap #calendar_wrap #wp-calendar thead tr th {font-size: 1em;}
  3921. .aq-block-aq_widgets_block #calendar_wrap #wp-calendar tr td, .aq-block-aq_widgets_block #calendar_wrap #wp-calendar tr th {padding: 9px 0 8px;}
  3922.  
  3923.  
  3924. .aq-block-aq_allslider_block .flexslider {
  3925.     margin: 0;
  3926.     border: none;
  3927.     -webkit-border-radius: 0px;
  3928.     -moz-border-radius: 0px;
  3929.     -o-border-radius: 0px;
  3930.     border-radius: 0px;
  3931.     -webkit-box-shadow: none;
  3932.     -moz-box-shadow: none;
  3933.     -o-box-shadow: none;
  3934.     box-shadow:none;
  3935. }
  3936.  
  3937. .container .aq_block_tabs ul.aq-nav li {
  3938.     margin: 0 -1px 0 0!important;
  3939. }
  3940.  
  3941. .aq_block_tabs ul.aq-nav li a {
  3942.     -webkit-border-radius: 0;
  3943.     -moz-border-radius: 0;
  3944.     border-radius: 0;
  3945. }
  3946.  
  3947. .aq_block_tabs ul.aq-nav li a,
  3948. .aq_block_toggle {
  3949.     -webkit-border-radius: 0!important;
  3950.     -moz-border-radius: 0!important;
  3951.     border-radius: 0!important;
  3952. }
  3953.  
  3954. .aq_block_accordion {
  3955.     -webkit-border-radius: 0!important;
  3956.     -moz-border-radius: 0!important;
  3957.     border-radius: 0!important;
  3958. }
  3959.  
  3960. .aq-block-aq_image_block a img {
  3961.     max-width: 100%;
  3962. }
  3963.  
  3964. .aq-block-aq_allslider_block .flex-direction-nav .flex-next,
  3965. .aq-block-aq_allslider_block .flex-direction-nav .flex-prev {
  3966.     right: 0;
  3967.     background-color: transparent;
  3968.     background-image: url("theme-images/next.png");
  3969.     background-position: center 13px;
  3970.     background-repeat: no-repeat;
  3971. }
  3972.  
  3973. .aq-block-aq_allslider_block .flex-direction-nav .flex-prev {
  3974.     background-image: url("theme-images/prev.png");
  3975. }
  3976.  
  3977. .aq-block-aq_allslider_block .flex-direction-nav .flex-next .fa-chevron-right,
  3978. .aq-block-aq_allslider_block .flex-direction-nav .flex-prev .fa-chevron-left {
  3979.     display: none;
  3980. }
  3981.  
  3982. .aq-block-aq_allslider_block .flex-direction-nav {
  3983.     position: initial;
  3984.     padding-right: 0;
  3985.     margin-bottom: 30px;
  3986. }
  3987.  
  3988. .aq-block-aq_allslider_block .flex-direction-nav li {
  3989.     width: 40px;
  3990.     height: 40px;
  3991. }
  3992.  
  3993. .aq-block-aq_allslider_block .flex-direction-nav li:hover .flex-next,
  3994. .aq-block-aq_allslider_block .flex-direction-nav li:hover .flex-prev {
  3995.     background-color: #000;
  3996.     background-position: center -17px;
  3997. }
  3998.  
  3999. .aq-block-aq_allslider_block .flex-direction-nav li:hover .flex-next.flex-disabled,
  4000. .aq-block-aq_allslider_block .flex-direction-nav li:hover .flex-prev.flex-disabled,
  4001. .aq-block-aq_allslider_block .flex-direction-nav .flex-next.flex-disabled,
  4002. .aq-block-aq_allslider_block .flex-direction-nav .flex-prev.flex-disabled {
  4003.     background-color: #D3D3D3!important;
  4004. }
  4005.  
  4006. .aq-block-aq_allslider_block .flex-direction-nav li a {
  4007.     margin: 10px 6px;
  4008.     width: 40px;
  4009.     height: 40px;
  4010.     margin: 0;
  4011.     display: block;
  4012.     position: absolute;
  4013.     top: 0;
  4014.     cursor: pointer;
  4015.     text-indent: -999em;
  4016.     transition: .2s;
  4017.     -webkit-transition: .2s;
  4018.     -moz-transition: .2s;
  4019.     border-radius: 0;
  4020.     border: 1px solid;
  4021.     color: rgba(0, 0, 0, 0);
  4022.     border-color: #000;
  4023.     text-shadow: none;
  4024. }
  4025.  
  4026. .aq-block-aq_allslider_block h2 {
  4027.     margin-top: 0;
  4028.     display: inline-block;
  4029. }
  4030.  
  4031. .aq-block-aq_widgets_block .sidebar-content {
  4032.     padding-top: 40px;
  4033. }
  4034.  
  4035. #container .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .clearfix,
  4036. #container .aq-block-aq_allslider_block .nav-arrow-devider.clearfix {
  4037.     float: right;
  4038.     width: auto;
  4039.     height: auto;
  4040.     background: none;
  4041. }
  4042.  
  4043. #container .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .clearfix {
  4044.     float: left;
  4045.     border-top: none;
  4046.     margin-right: 15px;
  4047. }
  4048.  
  4049. .aq-block-aq_allslider_block .flexslider-3 {
  4050.     width: 100%;
  4051.     display: inline-block;
  4052. }
  4053.  
  4054. .aq-block-aq_allslider_block .flexslider-3 .slides {
  4055.     padding: 0;
  4056. }
  4057.  
  4058. .aq-block-aq_allslider_block .flexslider-3 .slides img {
  4059.     padding: 5px!important;
  4060.     border:1px solid #d8d8d8;
  4061.     border:1px solid rgba(0, 0, 0, 0.15);
  4062. }
  4063.  
  4064. .aq-block-aq_allslider_block .flexslider-3 .slides img:hover {
  4065.     border: 1px solid #fe4445;
  4066. }
  4067.  
  4068. .shortcodes .aq-block-aq_allslider_block .block-wrap-aq_block_1 h2 {
  4069.     display: inline-block;
  4070.     width: auto;
  4071.     background: url("theme-images/title-square.jpg") no-repeat scroll left center;
  4072.     margin: 0 0 50px;
  4073.     padding: 0 0 0 25px;
  4074. }
  4075.  
  4076. .img-posts-wrapper h2 {
  4077.     background: none !important;
  4078.     padding: 0 !important;
  4079.     font-size: 2.6em!important;
  4080. }
  4081.  
  4082. #container .aq-block-aq_allslider_block .flexslider img {width: 99.99%}
  4083.  
  4084. #container .aq-block-aq_allslider_block .posts-6 .flexslider img {width: 99.9%}
  4085.  
  4086. .aq-block-aq_allslider_block .flexslider-3 .img-post figure .post-opt-wrapper .post-options { display: none;}
  4087.  
  4088. .aq-block-aq_allslider_block .flexslider-3 .img-post .post h6 a {
  4089.     color: #000;
  4090.     font-size: 1.5em;
  4091.     font-family: 'Roboto Slab', serif;
  4092.     font-weight: 400;
  4093.     line-height: 1.5em;
  4094.     margin: 0 0 12px;
  4095.     transition: .5s;
  4096.     -webkit-transition: .5s;
  4097.     -moz-transition: .5s;
  4098.     text-decoration: none;
  4099.     display: inline-block;
  4100. }
  4101.  
  4102. .aq-block-aq_allslider_block .flexslider-3 .img-post .post p {
  4103.     color: #666666;
  4104.     font-size: 1.5em;
  4105.     line-height: 1.5333em;
  4106.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  4107.     font-weight: 400;
  4108. }
  4109.  
  4110. .aq-block-aq_allslider_block .flexslider-3 .img-post .post .date {
  4111.     display: none;
  4112. }
  4113.  
  4114.  
  4115. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data span,
  4116. .aq-block-aq_allslider_block .flexslider-3 .img-post .post .meta-data span {
  4117.     margin: 0;
  4118.     color: #999898;
  4119.     font-weight: 400;
  4120. }
  4121.  
  4122. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data span.meta-date {
  4123.     color: #000;
  4124. }
  4125.  
  4126. #container .container .aq-block-aq_allposttypes_block .rating li a {
  4127. }
  4128.  
  4129. #container .container .aq-block-aq_allposttypes_block .rating li {margin-top: 3px;}
  4130.  
  4131. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .page-builder-date,
  4132. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .page-builder-author {
  4133.     float: left;
  4134.     font-size: 1.1em;
  4135.     line-height: 1.9em;
  4136. }
  4137.  
  4138. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data,
  4139. .aq-block-aq_allslider_block .flexslider-3 .img-post .post .meta-data {
  4140.     display: inline-block;
  4141.     font-size: 1.3em;
  4142.     font-family: 'Roboto Slab', serif;
  4143.     line-height: 1.9em;
  4144.     border-top: 1px solid #d8d8d8;
  4145.     border-top: 1px solid rgba(0, 0, 0, 0.15);
  4146.     padding-top: 8px;
  4147.     width: 100%;
  4148. }
  4149.  
  4150. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data a,
  4151. .aq-block-aq_allslider_block .flexslider-3 .img-post .post .meta-data a {
  4152.     margin: 0 1px 5px 3px;
  4153.     text-decoration: none;
  4154.     transition: .5s;
  4155.     -webkit-transition: .5s;
  4156.     -moz-transition: .5s;
  4157.     color: #000;
  4158. }
  4159.  
  4160. .aq-block-aq_allslider_block .flexslider-3 .img-post .post .meta-data a {font-size: 1em;}
  4161.  
  4162. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data {
  4163.     font-size: 0.7em;
  4164.     padding: 15px 0 0 0;
  4165. }
  4166.  
  4167. #container .container .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .rating li a span.number {
  4168.     font-size: 1.1em;
  4169. }
  4170.  
  4171. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post {
  4172.     border-bottom: 1px solid #d8d8d8;
  4173.     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  4174.     min-height: 93px!important;
  4175. }
  4176.  
  4177.  
  4178. .aq-block-aq_allposttypes_block .news-wrap:first-of-type .small_type .img-post {
  4179.     padding-top: 0;
  4180. }
  4181.  
  4182. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post figure {
  4183.     width: 92px!important;
  4184.     position: absolute;
  4185. }
  4186.  
  4187. .aq-block-aq_allposttypes_block .news-wrap .small_type .post p {
  4188.     display: none;
  4189. }
  4190.  
  4191. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post {
  4192.     padding-left: 105px!important;
  4193.     width: 100%!important;
  4194. }
  4195.  
  4196. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post.set-fullwidth {
  4197.     width: 100%!important;
  4198.     padding-left: 0!important;
  4199. }
  4200.  
  4201. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post h6 a {
  4202.     margin-top: 0;
  4203. }
  4204.  
  4205. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post .meta-data {
  4206.     border-top: none!important;
  4207.     padding-top: 0;
  4208.     font-size: 1em;
  4209.     margin-bottom: 15px;
  4210. }
  4211.  
  4212. .aq-block-aq_allposttypes_block.aq-block .small-type-date {
  4213.     font-size: 1.3em;
  4214.     margin-top: 3px;
  4215. }
  4216.  
  4217. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post .meta-data .page-builder-author,
  4218. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post .meta-data .categories,
  4219. .aq-block-aq_allposttypes_block.aq-block .news-wrap .small_type .post .meta-data .rating {
  4220.     display: none!important;
  4221. }
  4222.  
  4223. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data ul.categories {
  4224.     padding: 0;
  4225.     margin-left: 10px!important;
  4226. }
  4227.  
  4228. #container .container .aq-block-aq_allposttypes_block .news-wrap .post .meta-data .rating {
  4229.     margin: 2px 0 0 0;
  4230.     width: auto;
  4231. }
  4232.  
  4233. .aq-block-aq_allposttypes_block .news-wrap .img-post figure img,
  4234. .aq-block-aq_allposttypes_block .news-wrap .img-post figure,
  4235. .aq-block-aq_allposttypes_block .news-wrap .img-post {
  4236.     display: inline-block;
  4237.     width: 100%;
  4238. }
  4239.  
  4240. .aq-block-aq_allposttypes_block .news-wrap .img-post figure .post-options {
  4241.     display: none;
  4242. }
  4243.  
  4244. .aq-block-aq_allposttypes_block .news-wrap .img-post .post h6 a {
  4245.     font-size: 1.7em;
  4246. }
  4247.  
  4248.  
  4249. .aq-block.col-xs-12 .news-wrap .col-xs-12.small_type .img-post {padding-top: 0;}
  4250.  
  4251. .aq-block-aq_allposttypes_block .news-wrap:last-child .small_type .img-post.no-image-padding {
  4252.     border-bottom: none!important;
  4253. }
  4254.  
  4255. .aq-block-aq_allposttypes_block .news-wrap .img-post figure {
  4256.     padding: 5px;
  4257.     border: 1px solid #d8d8d8;
  4258.     border: 1px solid rgba(0, 0, 0, 0.15);
  4259.     -webkit-border-radius: 0;
  4260.     -moz-border-radius: 0;
  4261.     border-radius: 0;
  4262.     transition: .5s;
  4263.     -webkit-transition: .5s;
  4264.     -moz-transition: .5s;
  4265.     position: relative;
  4266.     margin-bottom: 15px;
  4267. }
  4268.  
  4269. .aq-block-aq_allposttypes_block .news-wrap .img-post figure:hover {
  4270.     border: 1px solid #fe4445;
  4271. }
  4272.  
  4273. .pb-rating-value {
  4274.     background-color: #fe4445;
  4275.     color: #fff!important;
  4276.     display: inline;
  4277.     font-family: 'Roboto Slab', serif;
  4278.     font-size: 1.3em;
  4279.     line-height: 1em;
  4280.     padding: 6px 10px !important;
  4281.     transition: border-color 0.5s ease 0s;
  4282.     width: auto;
  4283.     display: inline-block;
  4284.     position: absolute;
  4285.     right: 0;
  4286.     bottom: 0;
  4287.     margin: 0 !important;
  4288. }
  4289.  
  4290. .aq-block-aq_column_block {
  4291.     padding: 0;
  4292.     margin: 0;
  4293. }
  4294.  
  4295. .margin-0 {margin:0;}
  4296.  
  4297. .pb-rating-value-no-img {
  4298.     background-color: #fe4445;
  4299.     color: #fff!important;
  4300.     font-family: 'Roboto Slab', serif;
  4301.     font-size: 1.3em;
  4302.     line-height: 1em;
  4303.     padding: 6px 10px !important;
  4304.     width: auto;
  4305.     display: inline-block;
  4306.     position: relative;
  4307. }
  4308.  
  4309. .small_type .pb-rating-value-no-img {display: none;}
  4310.  
  4311. .large_type .pb-rating-value-small-no-image {
  4312.     display: none!important;
  4313. }
  4314.  
  4315. .pb-rating-value-small-no-image {
  4316.     background-color: #fe4445;
  4317.     color: #fff!important;
  4318.     font-family: 'Roboto Slab', serif;
  4319.     font-size: 1.3em;
  4320.     line-height: 1em;
  4321.     padding: 6px 10px !important;
  4322.     width: auto;
  4323.     display: inline-block!important;
  4324.     position: relative;
  4325.     margin: 0 10px 0 0!important;
  4326.     float: left;
  4327. }
  4328.  
  4329.  
  4330. .aq-block-aq_allposttypes_block .news-wrap .img-post {
  4331.     margin-bottom: 40px;
  4332. }
  4333.  
  4334. .aq-block-aq_allposttypes_block .news-wrap .img-post.no-image-padding {
  4335.     border: 1px solid #d8d8d8;
  4336.     border: 1px solid rgba(0, 0, 0, 0.15);
  4337.     padding: 20px!important;
  4338.     transition: .5s;
  4339.     -webkit-transition: .5s;
  4340.     -moz-transition: .5s;
  4341. }
  4342.  
  4343. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post.no-image-padding {
  4344.     padding: 0!important;
  4345.     border: none;
  4346.     border-bottom: 1px solid #d8d8d8;
  4347.     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  4348. }
  4349.  
  4350. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post {
  4351.     margin-bottom: 20px;
  4352. }
  4353. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post.no-image-padding {
  4354.     min-height: 73px!important;
  4355. }
  4356.  
  4357. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post.no-image-padding:hover {
  4358.     border-right: none;
  4359.     border-top: none;
  4360.     border-left: none;
  4361.     border-bottom: 1px solid #d8d8d8;
  4362.     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  4363. }
  4364.  
  4365. .aq-block-aq_allposttypes_block .news-wrap .img-post.no-image-padding:hover {
  4366.     border: 1px solid #fe4445;
  4367. }
  4368.  
  4369. .aq-block-aq_allposttypes_block .news-wrap .img-post figure img {
  4370.     height: auto;
  4371. }
  4372.  
  4373. .aq-block-aq_allposttypes_block .news-wrap .post .meta-data a:hover {color: #fe4445;}
  4374.  
  4375. .aq-block-aq_allslider_block .posts-3 .flexslider-3 .img-post .no-image-spacing,
  4376. .aq-block-aq_allslider_block .posts-3 .flexslider-3 .img-post figure {
  4377.     position: relative;
  4378. }
  4379.  
  4380. .aq-block-aq_allslider_block .posts-6 .flexslider-3 .img-post .no-image-spacing,
  4381. .aq-block-aq_allslider_block .posts-6 .flexslider-3 .img-post figure {
  4382.     position: relative;
  4383. }
  4384.  
  4385. .aq-block-aq_allslider_block .posts-4 .flexslider-3 .img-post .no-image-spacing,
  4386. .aq-block-aq_allslider_block .posts-4 .flexslider-3 .img-post figure {
  4387.     position: relative;
  4388. }
  4389.  
  4390. .aq-block-aq_allslider_block .flexslider-3 .img-post .no-image-spacing {
  4391.     border-bottom: 1px solid #d8d8d8;
  4392.     border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  4393. }
  4394.  
  4395. .aq-block-aq_allposttypes_block .title-holder {
  4396.     border-bottom: none;
  4397. }
  4398.  
  4399. .aq-block-aq_allposttypes_block .title-holder .title-divider {
  4400.     padding: 0 15px;
  4401. }
  4402.  
  4403. .aq-block-aq_allposttypes_block .title-holder .title-divider span {
  4404.     font-size: 1.34em;
  4405. }
  4406.  
  4407. .aq-block-aq_allposttypes_block .news-wrap .img-post .post h6 a {
  4408.     /*font-size: 1.3em;*/
  4409.     font-family: 'Roboto Slab', serif;
  4410.     font-weight: 400;
  4411.     line-height: 1.35em;
  4412.     margin: 0 0 0;
  4413.     transition: .5s;
  4414.     -webkit-transition: .5s;
  4415.     -moz-transition: .5s;
  4416.     text-decoration: none;
  4417.     display: inline-block;
  4418. }
  4419.  
  4420. .aq-block-aq_allposttypes_block .news-wrap .small_type .img-post .post h6 a {
  4421.     font-size: 1.3em;
  4422. }
  4423.  
  4424.  
  4425. .aq-block-aq_allposttypes_block .news-wrap .img-post .post h6 a:hover {
  4426.     color: #fe4445;
  4427. }
  4428.  
  4429. .aq-block-aq_alert_block .aq_alert.tips,
  4430. .aq-block-aq_alert_block .aq_alert.warn,
  4431. .aq-block-aq_alert_block .aq_alert.info,
  4432. .aq-block-aq_alert_block .aq_alert.default,
  4433. .aq-block-aq_alert_block .aq_alert.note {
  4434.     border: 1px solid transparent;
  4435.     font-size: 1.5em;
  4436. }
  4437.  
  4438. .aq-block-aq_allposttypes_block .news-wrap .img-post figure img {
  4439.     -webkit-border-radius: 0!important;
  4440.     -moz-border-radius: 0!important;
  4441.     border-radius: 0!important;
  4442. }
  4443.  
  4444. .aq-block-aq_allslider_block .post {
  4445.     font-size: 0.6em;
  4446. }
  4447.  
  4448. .aq-block-aq_allslider_block .post h6 {
  4449.     margin-top: 10px;
  4450. }
  4451.  
  4452. .aq-block-aq_alert_block .aq_alert.note {background: #fdfbdd;}
  4453. .aq-block-aq_alert_block .aq_alert.default {background: #F7F5F5;}
  4454. .aq-block-aq_alert_block .aq_alert.info {background: #d9edf7;}
  4455. .aq-block-aq_alert_block .aq_alert.warn {background: #ffcaca;}
  4456. .aq-block-aq_alert_block .aq_alert.tips {background: #dff0d8;}
  4457.  
  4458. #container .flexslider-part7 .flexslider .flex-control-nav {
  4459.     display: inline-block;
  4460.     width: auto;
  4461. }
  4462.  
  4463. #ship-to-different-address {position: relative;}
  4464.  
  4465. #ship-to-different-address .input-checkbox {
  4466.     position: absolute;
  4467.     top: 4px;
  4468.     font-size: 0.6em;
  4469. }
  4470.  
  4471. .woocommerce #ship-to-different-address .checkbox {
  4472.     font-size: 0.6em;
  4473. }
  4474.  
  4475. #container .flexslider-part7 .flexslider img {
  4476.     width: 60px;
  4477.     padding: 5px;
  4478.     border: 1px solid #d8d8d8;
  4479.     border: 1px solid rgba(0, 0, 0, 0.15);
  4480.     transition: .5s;
  4481.     -webkit-transition: .5s;
  4482.     -moz-transition: .5s;
  4483. }
  4484.  
  4485. #container .flexslider-part7 .flexslider img:hover {
  4486.     border: 1px solid #fe4445;
  4487. }
  4488.  
  4489. .flexslider-part7 .flexslider {
  4490.     -webkit-box-shadow: none;
  4491.     -moz-box-shadow: none;
  4492.     -o-box-shadow: none;
  4493.     box-shadow: none;
  4494.     text-align: center;
  4495. }
  4496.  
  4497. .flexslider-part7 .flexslider blockquote {
  4498.     padding: 0;
  4499.     margin: 0;
  4500.     border-left: none;
  4501. }
  4502.  
  4503. #container .flexslider-part7 .flexslider p {
  4504.     font-size: 1.3em;
  4505.     font-weight: 400;
  4506.     text-align: center;
  4507.     line-height: 1.4em;
  4508. }
  4509.  
  4510. .flexslider-part7 blockquote small {
  4511.     text-align: center;
  4512.     font-family: 'Roboto Slab', serif;
  4513.     font-size: 1.1em;
  4514.     color: #000;
  4515. }
  4516.  
  4517. .flexslider-part7 blockquote small:before {
  4518.     content: none;
  4519. }
  4520.  
  4521. .aq-block {
  4522.     float: left;
  4523. }
  4524.  
  4525. .pricing-table-one-top h4 {
  4526.     font-size: 1.8em;
  4527.     margin: 0;
  4528. }
  4529.  
  4530. .pricing-table-one-top p {
  4531.     font-size: 1.2em;
  4532. }
  4533. /*----------------------------------------------------*/
  4534.  
  4535. /* Small dot with stroke */
  4536.  
  4537. @import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
  4538. @font-face {
  4539.     font-weight: normal;
  4540.     font-style: normal;
  4541.     font-family: 'codropsicons';
  4542.     src:url('../fonts/codropsicons/codropsicons.eot');
  4543.     src:url('../fonts/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
  4544.         url('../fonts/codropsicons/codropsicons.woff') format('woff'),
  4545.         url('../fonts/codropsicons/codropsicons.ttf') format('truetype'),
  4546.         url('../fonts/codropsicons/codropsicons.svg#codropsicons') format('svg');
  4547. }
  4548.  
  4549. .flexslider-part7 ol.flex-control-nav {
  4550.     position: relative;
  4551.     display: inline-block;
  4552.     margin: 0;
  4553.     padding: 0;
  4554.     list-style: none;
  4555.     cursor: default;
  4556.     -webkit-touch-callout: none;
  4557.     -webkit-user-select: none;
  4558.     -khtml-user-select: none;
  4559.     -moz-user-select: none;
  4560.     -ms-user-select: none;
  4561.     user-select: none;
  4562.     bottom: -15px;
  4563. }
  4564.  
  4565. .flexslider-part7 .flex-control-nav li {
  4566.     position: relative;
  4567.     display: block;
  4568.     float: left;
  4569.     margin: 0 2px;
  4570.     width: 11px;
  4571.     height: 11px;
  4572.     cursor: default;
  4573. }
  4574.  
  4575. .flexslider-part7 .flex-control-nav li a {
  4576.     top: 0;
  4577.     left: 0;
  4578.     width: 100%;
  4579.     height: 100%;
  4580.     background-color: transparent;
  4581.     outline: none;
  4582.     border-radius: 50%;
  4583.     text-indent: -999em; /* make the text accessible to screen readers */
  4584.     cursor: pointer;
  4585.     position: absolute;
  4586.     box-shadow: 0 0 0 8px rgba(133,133,133,.5) inset;
  4587.     -webkit-transition: all .5s ease;
  4588.     -moz-transition: all .5s ease;
  4589.     -ms-transition: all .5s ease;
  4590.     -o-transition: all .5s ease;
  4591.     transition: all .5s ease;
  4592. }
  4593.  
  4594. .flexslider-part7 .flex-control-nav li a:focus {
  4595.     outline: none;
  4596. }
  4597.  
  4598. .flex-control-paging li a:hover {
  4599.     background-color: transparent;
  4600. }
  4601.  
  4602. .flexslider-part7 .flex-control-nav li a.flex-active {
  4603.     box-shadow: 0 0 0 2px rgba(133,133,133,.2) inset;
  4604.     background-color: transparent;
  4605. }
  4606.  
  4607. .content-holder {overflow: hidden;}
  4608.  
  4609. .sb-modern-skin .showbiz-title a:hover {
  4610.     opacity: 1;
  4611.     filter: alpha(opacity=100);
  4612. }
  4613.  
  4614. .half-width-posts a.more-link,
  4615. .full-width-posts a.more-link {
  4616.     font-size: 1em;
  4617.     margin: 10px 0 0;
  4618. }
  4619.  
  4620. .half-width-posts .isotope-item {overflow: hidden;}
  4621.  
  4622.  
  4623. #comments .media-list li.bypostauthor {border-top: 1px solid #fe4445;}
  4624.  
  4625. /*Video Holder*/
  4626. #container .video {
  4627.     margin-bottom: 0;
  4628. }
  4629.  
  4630. #container .video.scalable-wrapper {
  4631.     padding-bottom: 56.3%;
  4632. }
  4633.  
  4634. #container .post-with-video .video.scalable-wrapper {margin-top: 10px;}
  4635.  
  4636. #container .video iframe {
  4637.     height: 100%;
  4638.     left: 0;
  4639.     position: absolute;
  4640.     right: 0;
  4641.     width: 100%;
  4642. }
  4643.  
  4644. .tk-video-holder {
  4645.     width: 100%;
  4646.     height: 100%;
  4647. }
  4648.  
  4649.  
  4650. /* ==========================================================================
  4651.    Scalable Elements - dedicate padding bottom to .scalable-wrapper in percents (%), which will be the height of scalable element. Precentage will keep aspect ratio with width.
  4652.    width(100%) : padding-bottom(50%) = 2:1;
  4653.    ========================================================================== */
  4654.  
  4655. .scalable-wrapper {
  4656.     position: relative;
  4657.     height: 0;
  4658. }
  4659. .scalable-element {
  4660.     position: absolute;
  4661.     top: 0;
  4662.     left: 0;
  4663.     width: 100%;
  4664.     height: 100%;
  4665. }
  4666.  
  4667. .single-post .post-with-video .content-with-sidebar {top: 0;}
  4668. .single-post .post-with-video .white-bg-margin {margin-top: 0;}
  4669.  
  4670. .full-width-posts blockquote p,
  4671. .half-width-posts blockquote p {
  4672.     padding-bottom: 0;
  4673.     font-family: 'Roboto Slab', serif;
  4674.     line-height: 1.5em;    
  4675. }  
  4676.  
  4677. .showbiz-title .fa {margin-right: 10px;}
  4678.  
  4679. .aq-block.aq-block-aq_tabs_block h5 {
  4680.     font-size: 1em;
  4681. }
  4682.  
  4683. .textwidget {
  4684.     color: #666666;
  4685.     font-size: 1.5em;
  4686.     line-height: 1.5333em;
  4687.     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  4688.     font-weight: 400;
  4689.     margin: 0;
  4690. }
  4691.  
  4692. .textwidget p {font-size: inherit;}
  4693.  
  4694. .half-width-posts .isotope-item:first-child,
  4695. .half-width-posts .isotope-item:nth-child(2) {margin-top: 0;}
  4696.  
  4697. .aq-block-aq_widgets_block #sidebar {
  4698.     height: auto!important;
  4699.     width: 100%;
  4700. }
  4701.  
  4702.  
  4703. .aq-block-aq_widgets_block.col-xs-3 .facebook-widget iframe {
  4704.     width: 92%!important;
  4705.     margin-left: 8px;
  4706.     height: 359px!important;
  4707. }
  4708.  
  4709. .aq-block-aq_widgets_block.col-xs-3 .newsleter-widget .input-newsletter {
  4710.     font-size: 1.4em;
  4711. }
  4712.  
  4713. .aq-block-aq_widgets_block.col-xs-3 .block ul li a {
  4714.     width: 86%;
  4715. }
  4716.  
  4717. .aq-block-aq_widgets_block.col-xs-3 .block ul.tk-latest-posts-widget li .time,
  4718. .aq-block-aq_widgets_block.col-xs-3 .block ul.tk-latest-posts-widget li a {width: 100%;}
  4719. .aq-block-aq_widgets_block.col-xs-3 .block ul.tk-latest-posts-widget li img {display: none;}
  4720.  
  4721.  
  4722. .category-page .half-width-posts {
  4723.     /*margin-left: -15px;
  4724.     margin-right: -15px;*/
  4725. }
  4726.  
  4727. .sb-readmore a {display: block;}
  4728.  
  4729. #customer_login .login .form-row-wide {
  4730.     margin-left: 0;
  4731.     width: 50%;
  4732. }
  4733.  
  4734. .single-post-page .contact-form .control-group {margin-bottom: 20px;}
  4735.  
  4736. .image-attachment .attachment a img {
  4737.     width: 100%;
  4738.     height: auto;
  4739.     padding: 20px 0 70px;
  4740. }
  4741.  
  4742. #image-navigation .nav-previous,
  4743. #image-navigation .nav-next {font-size: 1.5em;}
  4744.  
  4745. .newsletter-icon {
  4746.     width: 82px;
  4747.     height: 82px;
  4748.     float: left;
  4749.     background-color: #fe4445;
  4750. }
  4751.  
  4752. .comment-date {
  4753.     text-transform: uppercase;
  4754.     text-decoration: none;
  4755.     font-family: 'Roboto Slab', serif;
  4756.     color: #8a8989;
  4757.     font-size: 1.4em;
  4758.     display: block;
  4759. }
  4760.  
  4761. .aq-block-aq_allposttypes_block .news-wrap.last_post .small_type .img-post {
  4762.     border-bottom: none;
  4763. }
  4764.  
  4765. .flex-direction-nav .flex-disabled {
  4766.     display: none!important;
  4767. }
  4768.  
  4769. /*----------//// RESPONSIVE \\\\-------------*/
  4770. @media screen and (max-width: 1220px) {
  4771.  
  4772.     /*#container { overflow-x: hidden; }*/
  4773.  
  4774.     #container .navbar-collapse { width: 70%; }
  4775.  
  4776.     .footer-newsletter .input-newsletter { width: 79%; }
  4777.  
  4778.     .footer-newsletter { top: -5px; }
  4779.  
  4780.     .single-review .single-review-top p { width: 75%; }
  4781.  
  4782. }
  4783.  
  4784. @media screen and (max-width: 1200px) {
  4785.  
  4786.     #container .navbar-collapse { width: 70%; }
  4787.     #container .navbar-nav > li > a {padding: 40px 9px 10px}
  4788.  
  4789.     .navbar-nav {
  4790.         width: 60%;
  4791.     }
  4792.  
  4793.     .flickr-widget img { width: 11%; }
  4794.  
  4795.     .footer-newsletter .input-newsletter { width: 71%; }
  4796.     .footer-copyright { display: inline-block; text-align: center; }
  4797.     .footer-copyright p { width: 100%; display: inline-block; text-align: center; margin-top: 0; }
  4798.     #container .footer-copyright .soc-icon { display: inline-block; text-align: center; float: none!important; padding: 20px 0 0; }
  4799.  
  4800.     .header-style-2 .container { text-align: center; }
  4801.     .header-style-2 a.brand { display: inline-block; text-align: center; float: none; margin: 40px 0 0; }
  4802.  
  4803.     .single-post .content-with-sidebar {
  4804.         top: 0;
  4805.     }
  4806.  
  4807.     .shadow-box {
  4808.         display: none;
  4809.     }
  4810.  
  4811.     .single-post .content-with-sidebar:before {
  4812.         display: none;
  4813.     }
  4814.  
  4815.     .footer-widgets .block ul.tk-latest-posts-widget img, .sidebar-content .block ul.tk-latest-posts-widget img {display: none;}
  4816.     .footer-widgets .block .tk-latest-posts-widget time, .sidebar-content .block .tk-latest-posts-widget time,
  4817.     .footer-widgets .block .tk-latest-posts-widget a, .sidebar-content .block .tk-latest-posts-widget a {width: 100%;}
  4818.  
  4819.     .facebook-widget iframe {height: 360px!important;}
  4820.  
  4821.     .aq-block-aq_allposttypes_block.col-sm-3 .news-wrap .small_type .img-post figure {width: 60px!important;}
  4822.     .aq-block-aq_allposttypes_block.aq-block.col-sm-3 .news-wrap .small_type .post {padding-left: 75px!important;}
  4823.  
  4824. }
  4825.  
  4826. @media (min-width: 1001px){
  4827.     .navbar-toggle {
  4828.         display: none;
  4829.     }
  4830.     .navbar-collapse.collapse {
  4831.         display: block !important;
  4832.         height: auto !important;
  4833.         padding-bottom: 0;
  4834.         overflow: visible !important;
  4835.     }
  4836. }
  4837.  
  4838. @media screen and (max-width: 1000px) {
  4839.  
  4840.     .navbar-toggle {
  4841.         padding: 12px 10px;
  4842.         margin: 34px 0 30px;
  4843.         -webkit-border-radius: 0;
  4844.         -moz-border-radius: 0;
  4845.         border-radius: 0;
  4846.     }
  4847.  
  4848.     #container .navbar-header { float: right; width: auto; margin: 0; }
  4849.     #container .navbar-collapse {
  4850.         width: 100%;
  4851.         max-height: 100%;
  4852.         margin: 0;
  4853.     }
  4854.     #container .navbar-collapse.in, #container .navbar-collapse.collapsing {
  4855.         border-top: 1px solid rgba(255, 255, 255, 0.3);
  4856.     }
  4857.     #container .navbar-nav { margin: 0; float: left;}
  4858.     .navbar-nav,
  4859.     .header-style-2 .navbar-nav {
  4860.         width: 55%;
  4861.     }
  4862.     #container .navbar-form { margin: 0; border: none; box-shadow: none;}
  4863.     #container .navbar-form button { float: right; }
  4864.     #container .dropdown-menu {
  4865.         position: relative;
  4866.         display: block;
  4867.         opacity: 1;
  4868.         filter: alpha(opacity= 100);
  4869.         width: 100%;
  4870.         padding: 0 0 0 30px;
  4871.         left: 0;
  4872.         -webkit-transition: none;
  4873.         -moz-transition: none;
  4874.         -ms-transition: none;
  4875.         -o-transition: none;
  4876.         transition: none;
  4877.     }
  4878.     #container .collapse .dropdown-menu {opacity: 0; filter: alpha(opacity= 0);}
  4879.     #container .navbar-nav > li > a { margin: 0; padding: 20px 0; }
  4880.     #container .dropdown-menu > li > a {
  4881.         padding: 10px 0;
  4882.         white-space: inherit;
  4883.     }
  4884.     .navbar-nav .open .dropdown-menu > li > a {
  4885.         line-height: inherit;
  4886.     }
  4887.     #container .navbar-nav > li > a:hover,
  4888.     #container .navbar-nav > li > a:focus,
  4889.     #container .navbar-default .navbar-nav > .active > a { margin: 0; }
  4890.     #container .nav > li { border-top: 1px solid rgba(255, 255, 255, 0.1); display: inline-block; width: 100%; }
  4891.     #container .navbar-nav > li > a:hover, #container .navbar-nav > li > a:focus, #container .navbar-default .navbar-nav > .active > a { border-top: 1px solid rgba(255, 255, 255, 0.1); }
  4892.     #container .header-style-2 .navbar-toggle { margin: 19px 0; }
  4893.  
  4894.     #container .header-style-2 .navbar-header { float: right; }
  4895.     #container .header-style-2 .category-header .navbar-nav > li > a { padding: 15px 40px 15px 0; }
  4896.     #container .header-style-2 .dropdown-menu > li > a { padding: 10px 25px 10px 0; }
  4897.     #container .header-style-2 .category-header .dropdown-menu strong { right: 0; }
  4898.     #container .title-divider nav { display: block; width: 100%; margin-top: 15px; }
  4899.     #container .title-divider .navbar-default button.navbar-toggle { float: left; padding: 2px 15px 8px; }
  4900.     #container .title-divider .navbar-default .dropdown a.dropdown-toggle { display: none; }
  4901.     #container .title-divider .navbar-default .navbar-collapse { border: none; margin: 10px 0; }
  4902.     #container .title-divider .navbar-default .dropdown-menu { float: left; height: auto; margin: 0; padding: 0; width: 100%; }
  4903.     #container .title-divider .dropdown-menu { margin: 0!important; padding: 0; top: 0; }
  4904.     #container .title-divider .navbar-nav li.dropdown { float: left; height: auto; margin: 0; padding: 0; width: 100%; }
  4905.     #container .title-divider .dropdown-menu li { float: left; height: auto; margin: 0; width: 100%; }
  4906.     #container .title-divider .dropdown-menu > li > a { float: left; height: 23px; margin: 0; padding: 0; width: 100%; font-size: 1.08em; line-height: 1.42857; }
  4907.     .navbar-collapse:before, .navbar-collapse:after {
  4908.         display: none;
  4909.     }
  4910.     .navbar-collapse {
  4911.         width: auto;
  4912.         border-top: 0;
  4913.         box-shadow: none;
  4914.     }
  4915.       .navbar-collapse.collapse {
  4916.         display: block;
  4917.         height: auto;
  4918.         padding-bottom: 0;
  4919.         overflow: hidden;
  4920.         height: 0;
  4921.     }
  4922.       .navbar-collapse.in {
  4923.         overflow-y: inherit;
  4924.     }
  4925.       .navbar-collapse .navbar-nav.navbar-left:first-child {
  4926.         margin-left: -15px;
  4927.     }
  4928.       .navbar-collapse .navbar-nav.navbar-right:last-child {
  4929.         margin-right: -15px;
  4930.     }
  4931.       .navbar-collapse .navbar-text:last-child {
  4932.         margin-right: 0;
  4933.     }
  4934.  
  4935.     .navbar-toggle {
  4936.         display: block;
  4937.     }
  4938.  
  4939.     .open .dropdown-menu {
  4940.       animation-name: slidenavAnimation;
  4941.       animation-duration:0s;
  4942.       animation-iteration-count: 1;
  4943.       animation-timing-function: ease;
  4944.       animation-fill-mode: forwards;
  4945.  
  4946.       -webkit-animation-name: slidenavAnimation;
  4947.       -webkit-animation-duration:0s;
  4948.       -webkit-animation-iteration-count: 1;
  4949.       -webkit-animation-timing-function: ease;
  4950.       -webkit-animation-fill-mode: forwards;
  4951.  
  4952.       -moz-animation-name: slidenavAnimation;
  4953.       -moz-animation-duration:0s;
  4954.       -moz-animation-iteration-count: 1;
  4955.       -moz-animation-timing-function: ease;
  4956.       -moz-animation-fill-mode: forwards;
  4957.     }
  4958.  
  4959.     @keyframes slidenavAnimation {
  4960.       from {
  4961.         opacity: 0;
  4962.         margin-top: 0;
  4963.       }
  4964.       to {
  4965.         opacity: 1;
  4966.         margin-top: 0;
  4967.       }
  4968.     }
  4969.     @-webkit-keyframes slidenavAnimation {
  4970.       from {
  4971.         opacity: 0;
  4972.         margin-top: 0;
  4973.       }
  4974.       to {
  4975.         opacity: 1;
  4976.         margin-top: 0;
  4977.       }
  4978.     }
  4979.  
  4980.     #container .navbar-default .navbar-nav > .active > a {border-top: none!important;}
  4981.  
  4982. }
  4983.  
  4984. @media screen and (max-width: 991px) {
  4985.  
  4986.     #container .content-with-sidebar { width: 100%; }
  4987.     #sidebar { width: 100%; height: auto!important; }
  4988.  
  4989.     .baners-header {
  4990.         float: left;
  4991.     }
  4992.  
  4993.     .footer-widgets .block ul.tk-latest-posts-widget img {display: none;}
  4994.     .footer-widgets .block .tk-latest-posts-widget a, .footer-widgets .block .tk-latest-posts-widget time {width: 100%;}
  4995.     .sidebar-content .block ul.tk-latest-posts-widget img {display: block; width: 15%;}
  4996.     .sidebar-content .block .tk-latest-posts-widget time,
  4997.     .sidebar-content .block .tk-latest-posts-widget a {width: 80%;}
  4998.  
  4999.     .facebook-widget iframe {
  5000.         margin: 15px 0 0 25px;
  5001.         height: 250px!important;
  5002.     }
  5003.  
  5004.     .footer-widgets .facebook-widget {padding: 0;}
  5005.     .footer-widgets .facebook-widget iframe {
  5006.         margin: 0!important;
  5007.         height: 370px!important;
  5008.         width: 180px!important;
  5009.     }
  5010.  
  5011. }
  5012.  
  5013. @media screen and (max-width: 768px) {
  5014.  
  5015.     footer .col-xs-4 { width: 100%; }
  5016.  
  5017.     .white-bg { padding: 0 30px; }
  5018.  
  5019.     footer .white-bg { padding: 60px 30px 20px; }
  5020.  
  5021.     #container > .header-style-2 a.brand {
  5022.         margin: 35px 20px 35px 0;
  5023.     }
  5024.  
  5025.     .header-style-2 .container .baners-header {
  5026.         float: left;
  5027.         width: 100%;
  5028.         display: block;
  5029.         text-align: left;
  5030.     }
  5031.  
  5032.     .header-style-2 .container .baners-header img {
  5033.         margin: 0 0 35px;
  5034.     }
  5035.  
  5036.     .single-post .content-with-sidebar:before {
  5037.         left: -30px;
  5038.     }
  5039.  
  5040.     .footer-widgets .block ul.tk-latest-posts-widget img, .sidebar-content .block ul.tk-latest-posts-widget img {display: block; width: 12%;}
  5041.     .footer-widgets .block .tk-latest-posts-widget time, .sidebar-content .block .tk-latest-posts-widget time,
  5042.     .footer-widgets .block .tk-latest-posts-widget a, .sidebar-content .block .tk-latest-posts-widget a {width: 83%;}
  5043.  
  5044.     .footer-widgets .facebook-widget iframe {
  5045.         margin: 0!important;
  5046.         height: 230px!important;
  5047.         width: 100%!important;
  5048.     }
  5049.  
  5050. }
  5051.  
  5052.  
  5053. @media screen and (max-width: 670px) {
  5054.  
  5055.     .title-section h1 { font-size: 3em; }
  5056.     #container .flex-direction-nav { top: -90px; }
  5057.  
  5058.     .col-xs-3 {
  5059.         width: 100%;
  5060.         margin-bottom: 20px;
  5061.     }
  5062.     .col-xs-2 {
  5063.         width: 100%;
  5064.         margin-bottom: 20px;
  5065.     }
  5066.     .post-with-image .col-xs-9 { width: 100%; }
  5067.  
  5068.     .flickr-widget img { width: 23%; }
  5069.  
  5070.     .contact-map { height: 300px; }
  5071.  
  5072.     #container .posts-single .flex-direction-nav { top: -53px; }
  5073.  
  5074.     .footer-newsletter .input-newsletter { width: 62% !important; }
  5075.  
  5076.     #comments .media ul { float: left; margin-left: 0; padding: 0; display: block; width: 100%; }
  5077.  
  5078. }
  5079.  
  5080.  
  5081. @media screen and (max-width: 600px) {
  5082.  
  5083.     body {
  5084.         position: static;
  5085.     }
  5086.  
  5087. }
  5088.  
  5089. @media screen and (max-width: 600px) {
  5090.  
  5091.     .posts-single .flex-direction-nav li span { display: none; }
  5092.     .posts-single .flex-direction-nav li a.prev,
  5093.     .posts-single .flex-direction-nav li a.next { width: 40px; }
  5094.  
  5095. }
  5096.  
  5097.  
  5098. @media screen and (max-width: 590px) {
  5099.  
  5100.     .col-xs-4 { width: 100%; }
  5101.     .half-width-posts .col-xs-6 { width: 100%; }
  5102.  
  5103.     .footer-newsletter .input-newsletter { width: 60%; }
  5104.  
  5105.     .contact-form .col-xs-6 { width: 100%; }
  5106.  
  5107.     .single-review .single-review-top p { width: 72%; }
  5108.  
  5109.     .posts-single .gallery-single-next a,
  5110.     .posts-single .gallery-single-prev a {
  5111.         font-size: 1.1em;
  5112.     }
  5113.  
  5114.     .posts-single .gallery-single-prev a span,
  5115.     .posts-single .gallery-single-next a span {
  5116.         margin-top: 12px;
  5117.     }
  5118.  
  5119.     .gallery-single-prev p,
  5120.     .gallery-single-next p {
  5121.         font-size: 1.1em;
  5122.     }
  5123.  
  5124.     .shares-content {
  5125.         text-align: center;
  5126.         margin-bottom: 15px;
  5127.     }
  5128.  
  5129.     .shares-content span {
  5130.         display: block;
  5131.         text-align: center;
  5132.         margin: 0;
  5133.     }
  5134. }
  5135.  
  5136.  
  5137. @media screen and (max-width: 520px) {
  5138.  
  5139.     .col-xs-6 {
  5140.         width: 100%;
  5141.         margin-bottom: 20px;
  5142.     }
  5143.  
  5144.  
  5145.     .title-section h1 { font-size: 2.5em; }
  5146.     #container .flex-direction-nav { top: -88px; }
  5147.  
  5148.     .title-divider { font-size: 3em; }
  5149.     .full-width-posts a { font-size: 2em; }
  5150.     .half-width-posts a { font-size: 2em; }
  5151.  
  5152.     .posts-single .slides { text-align: left; }
  5153.     #container .posts-single .slides .col-xs-6 { margin: 25px 0 0; }
  5154.  
  5155.     .footer-newsletter .input-newsletter { width: 58%!important; }
  5156.  
  5157.     .single-review .single-review-top p { width: 66%; }
  5158.  
  5159.     .posts-single .gallery-single-prev,
  5160.     .posts-single .gallery-single-next {
  5161.         width: 100%;
  5162.         text-align: left;
  5163.     }
  5164.  
  5165.     .posts-single .gallery-single-prev {
  5166.         margin-bottom: 20px;
  5167.     }
  5168.  
  5169.     #container .pagination li a,
  5170.     #container .pagination .page-numbers {
  5171.         padding-right: 6px;
  5172.         padding-left: 6px;
  5173.         margin: 0;
  5174.     }
  5175.  
  5176.     #container .pagination .prev.page-numbers,
  5177.     #container .pagination .next.page-numbers {
  5178.         width: 25px;
  5179.     }
  5180.  
  5181.     .contact-form .captcha-holder .control-group {
  5182.         width: 100%;
  5183.         padding-right: 0;
  5184.     }
  5185.  
  5186.     #comments .media-list li article {
  5187.         padding-left: 0;
  5188.     }
  5189.  
  5190.     #comments article header img {
  5191.         float: none !important;
  5192.         margin-bottom: 10px;
  5193.         position: static;
  5194.         display: block;
  5195.     }
  5196.  
  5197.     .pricing-table-one.last {
  5198.         margin-top: 20px;
  5199.     }
  5200.  
  5201.     .facebook-widget iframe {
  5202.         margin: 15px 0 0 15px;
  5203.         height: 300px!important;
  5204.     }
  5205.  
  5206. }
  5207.  
  5208.  
  5209. @media screen and (max-width: 470px) {
  5210.  
  5211.     .white-bg { padding: 0 20px; }
  5212.     footer .white-bg { padding: 60px 20px 20px; }
  5213.  
  5214.     .footer-newsletter .input-newsletter { width: 55%; }
  5215.  
  5216.     .single-review .single-review-top p {
  5217.         position: static;
  5218.         padding-left: 20px;
  5219.         padding-right: 20px;
  5220.         padding-top: 10px;
  5221.         display: block;
  5222.         -webkit-transform: translateY(0);
  5223.         -moz-transform: translateY(0);
  5224.         -ms-transform: translateY(0);
  5225.         -o-transform: translateY(0);
  5226.         transform: translateY(0);
  5227.     }
  5228.  
  5229.     .author-single .col-xs-2 {
  5230.         width: auto;
  5231.         margin-bottom: 17px;
  5232.     }
  5233.     .author-single .col-xs-10 { width: 100%; }
  5234.  
  5235.     #comments .media > .pull-left { width: auto; margin-bottom: 20px; }
  5236.     .media-body { width: 100%; }
  5237.  
  5238.     .footer-newsletter .input-newsletter { width: 51%!important; }
  5239.  
  5240.     .single-post .content-with-sidebar:before {
  5241.         left: -20px;
  5242.     }
  5243.  
  5244.     .shares-content ul li:hover {
  5245.         width: 44px;
  5246.     }
  5247.  
  5248.     .contact-form .control-group .input-prepend {
  5249.         width: 100%;
  5250.     }
  5251.  
  5252.     .footer-widgets .block ul.tk-latest-posts-widget img, .sidebar-content .block ul.tk-latest-posts-widget img {display: none;}
  5253.     .footer-widgets .block .tk-latest-posts-widget time, .sidebar-content .block .tk-latest-posts-widget time,
  5254.     .footer-widgets .block .tk-latest-posts-widget a, .sidebar-content .block .tk-latest-posts-widget a {width: 100%;}
  5255.  
  5256.     .footer-widgets .facebook-widget iframe {
  5257.         height: 290px!important;
  5258.     }
  5259.  
  5260.  
  5261. }
  5262.  
  5263.  
  5264. @media screen and (max-width: 400px) {
  5265.  
  5266.     .navbar-toggle {
  5267.         margin: 0px 0 28px;
  5268.         display: inline-block;
  5269.         float: none;
  5270.     }
  5271.  
  5272.     #container .navbar-collapse {
  5273.         text-align: left;
  5274.     }
  5275.  
  5276.     .title-section h1 { font-size: 2em; margin: 0 0 60px; }
  5277.  
  5278.     #container .flex-direction-nav { top: -50px; }
  5279.  
  5280.     .contact-map { height: 200px; }
  5281.  
  5282.     #container .navbar-default { text-align: center; }
  5283.     #container .navbar-header { display: bloc; width: 100%; }
  5284.     header a.brand { text-align: center; }
  5285.  
  5286.     .footer-newsletter .input-newsletter { width: 48%; font-size: 1.5em; }
  5287.  
  5288. }
  5289.  
  5290.  
  5291. @media screen and (max-width: 370px) {
  5292.  
  5293.     .footer-newsletter .input-newsletter {
  5294.         width: 40%;
  5295.         padding-left: 10px;
  5296.         font-size: 1.3em;
  5297.     }
  5298.  
  5299.     .facebook-widget iframe {
  5300.         margin: 15px 0 15px 10px!important;
  5301.         width: 93%!important;
  5302.         height: 370px!important;
  5303.     }
  5304.  
  5305. }
  5306.  
  5307.  
  5308. @media screen and (max-width: 320px) {
  5309.  
  5310.     .footer-newsletter .input-newsletter { width: 30%; }
  5311.     .footer-newsletter .submit-newsletter { width: 50px; }
  5312.  
  5313. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement