Facebook
From Nikodem, 2 Years ago, written in Plain Text.
Embed
Download Paste or View Raw
Hits: 380
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html b:version='2' expr:class='&quot;v2 &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4.   <head>
  5.    
  6.           <meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
  7.     <meta content='text/html;charset=UTF-8' http-equiv='Content-Type'/>
  8.     <meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
  9.     <b:include data='blog' name='all-head-content'/>
  10.     <!-- SEO Meta Tag -->
  11.     <b:if cond='data:blog.homepageUrl == data:blog.url'>
  12.       <meta expr:content='data:blog.title' name='keywords'/>
  13.     </b:if>
  14.  
  15.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  16.       <meta expr:content='data:blog.pageName' name='keywords'/>
  17.     </b:if>
  18.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  19.       <b:if cond='data:blog.searchLabel'>
  20.         <meta content='noindex,nofollow' name='robots'/>
  21.       </b:if>
  22.     </b:if>
  23.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  24.       <meta content='noindex,nofollow' name='robots'/>
  25.     </b:if>
  26.     <b:if cond='data:blog.isMobile'>
  27.       <meta content='noindex,nofollow' name='robots'/>
  28.     </b:if>
  29.     <!-- SEO Title Tag -->
  30.     <b:if cond='data:blog.url == data:blog.homepageUrl'>
  31.       <title>
  32.         <data:blog.title/>
  33.       </title>
  34.     </b:if>
  35.     <b:if cond='data:blog.pageType == &quot;item&quot;'>
  36.       <title>
  37.         <data:blog.pageName/>
  38.         |
  39.         <data:blog.title/>
  40.       </title>
  41.     </b:if>
  42.     <b:if cond='data:blog.pageType == &quot;archive&quot;'>
  43.       <title>
  44.         Archive for
  45.         <data:blog.pageName/>
  46.       </title>
  47.     </b:if>
  48.     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  49.       <title>
  50.         <data:blog.pageName/>
  51.       </title>
  52.     </b:if>
  53.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  54.       <b:if cond='data:blog.searchLabel'>
  55.         <title>
  56.           <data:blog.title/>
  57.           -
  58.           <data:blog.pageName/>
  59.         </title>
  60.       </b:if>
  61.     </b:if>
  62.     <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  63.       <title>
  64.         Page Not Found
  65.       </title>
  66.     </b:if>
  67.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  68.       <b:if cond='data:blog.url != data:blog.homepageUrl'>
  69.         <title>
  70.           <data:blog.pageTitle/>
  71.           - All Post
  72.         </title>
  73.       </b:if>
  74.     </b:if>
  75.     <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'/>
  76.     <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'/>
  77.         <link href='http://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/>
  78.         <link href='//fonts.googleapis.com/css?family=Muli:300,300italic,regular,italic&amp;subsets=latin&amp;subset=latin,latin-ext' media='all' type='text/css'/>
  79. <link href='https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700' rel='stylesheet' type='text/css'/>
  80.     <b:skin><![CDATA[/*
  81. -----------------------------------------------
  82. Blogger Template Style
  83. Name:     Minimalist Clean & Responsive Blogger Template
  84. Designer: ThemeXpose
  85. URL:      http://www.themexpose.com
  86. Version:  Full Version
  87. -----------------------------------------------
  88.     */]]></b:skin>
  89.     <b:template-skin><![CDATA[
  90.       body#layout .pi-navigation{display:}
  91.       body#layout .pi-navigation li {list-style: none;}
  92.       body#layout #header{width:300px;margin:0 auto 30px;    clear: both;}
  93.       body#layout #topnav{width:44%;float:left;}
  94.       body#layout #Social_Icons_Top{width:44%;float:right; }
  95.       body#layout #featured{width:756px;margin:0 auto 30px}
  96.       body#layout .blog-grid .container{margin:0 20px}
  97.       body#layout .blog-grid .col-md-9{width:440px;float:left}
  98.       body#layout .blog-grid .col-md-3{width:300px;float:right}
  99.       body#layout footer{margin:30px 20px 0}
  100.       body#layout footer .col-md-4{float:left;width:33.3333%;}
  101.       body#layout footer .col-md-3{float:left;width:25%}
  102.       body#layout footer .col-md-2{float:left;width:16.6667%}
  103.         ]]></b:template-skin>
  104.     <style type='text/css'>
  105.       /* Global
  106.       ----------------------------------------------- */
  107. #Attribution1 {height:0px;visibility:hidden;display:none;}
  108. #b-navbar {height:0px;visibility:hidden;display:none;}    
  109.  
  110.         html {
  111.         font-size: 10px;
  112.         font-family: sans-serif;
  113.       }
  114.       * {
  115.         -webkit-box-sizing:border-box;
  116.         -moz-box-sizing:border-box;
  117.         -o-box-sizing:border-box;
  118.         box-sizing:border-box;
  119.       }
  120.       :before,
  121.       :after {
  122.         -webkit-box-sizing:border-box;
  123.         -moz-box-sizing:border-box;
  124.         box-sizing:border-box
  125.       }
  126.       a,
  127.       input,
  128.       textarea,
  129.       button,
  130.       select {
  131.         outline: none;
  132.       }
  133.       h1, .h1, h2, .h2, h3, .h3 {
  134.         margin-top: 20px;
  135.         margin-bottom: 10px;
  136.       }
  137.       h4, .h4, h5, .h5, h6, .h6 {
  138.         margin-top: 10px;
  139.         margin-bottom: 10px;
  140.       }
  141.       a:hover,
  142.       h1:focus,
  143.       h2:focus,
  144.       h3:focus,
  145.       h4:focus,
  146.       h5:focus,
  147.       h6:focus {
  148.         text-decoration: none;
  149.       }
  150.       a:focus,
  151.       input:focus,
  152.       textarea:focus,
  153.       button:focus,
  154.       select:focus {
  155.         outline: none !important;
  156.         text-decoration: none;
  157.       }
  158.       hr{
  159.         margin-top: 20px;
  160.         margin-bottom: 20px;
  161.         border: 0;
  162.         border-top: 1px solid #eee;
  163.         height: 0;
  164.         -webkit-box-sizing: content-box;
  165.         -moz-box-sizing: content-box;
  166.         box-sizing: content-box;
  167.       }
  168.       body {
  169.         position: relative;
  170.         font-family: sans-serif;
  171.         font-size: 15px;
  172.         color: #7b7b7b;
  173.         background-color: #fff;
  174.         background-repeat: no-repeat;
  175.         padding: 0;
  176.         margin: 0;
  177.         letter-spacing: 0.014em;
  178.         line-height: 1.42857;
  179.       }
  180.       input, textarea {
  181.         -webkit-border-radius: 0;
  182.         -moz-border-radius: 0;
  183.         -ms-border-radius: 0;
  184.         -o-border-radius: 0;
  185.         border-radius: 0;
  186.       }
  187.       input[type=&quot;search&quot;],
  188.       input[type=&quot;text&quot;],
  189.       input[type=&quot;url&quot;],
  190.       input[type=&quot;number&quot;],
  191.       input[type=&quot;password&quot;],
  192.       input[type=&quot;email&quot;],
  193.       input[type=&quot;file&quot;] {
  194.         background: none;
  195.         border: 0;
  196.         background-color: #f7f8f8;
  197.         height: 42px;
  198.         line-height: 42px;
  199.         padding: 0 15px;
  200.         color: #888888;
  201.         font-family: &quot;Montserrat&quot;, sans-serif !important;
  202.         font-size: 14px;
  203.         -webkit-appearance: none;
  204.         -moz-appearance: none;
  205.         appearance: none;
  206.       }
  207.       input[type=number]::-webkit-outer-spin-button,
  208.       input[type=number]::-webkit-inner-spin-button {
  209.         -webkit-appearance: none;
  210.         margin: 0;
  211.       }
  212.       input[type=number] {
  213.         -moz-appearance: textfield;
  214.       }
  215.       select {
  216.         border: 1px solid #eee;
  217.         height: 42px;
  218.         line-height: 42px;
  219.         padding: 0 10px;
  220.         color: #888888;
  221.         font-family: &quot;Montserrat&quot;, sans-serif;
  222.         font-size: 14px;
  223.       }
  224.       textarea {
  225.         background: none;
  226.         border: 0;
  227.         background-color: #f7f8f8;
  228.         resize: none;
  229.         padding: 15px;
  230.         height: 100px;
  231.         color: #888888;
  232.         font-family: &quot;Montserrat&quot;, sans-serif;
  233.         font-size: 14px;
  234.         vertical-align: middle;
  235.       }
  236.       input::-webkit-input-placeholder {
  237.         color: #888888;
  238.       }
  239.       input:-moz-placeholder {
  240.         color: #888888;
  241.       }
  242.       input::-moz-placeholder {
  243.         color: #888888;
  244.       }
  245.       input:-ms-input-placeholder {
  246.         color: #888888;
  247.       }
  248.       textarea::-webkit-input-placeholder {
  249.         color: #888888;
  250.       }
  251.       textarea:-moz-placeholder {
  252.         color: #888888;
  253.       }
  254.       textarea::-moz-placeholder {
  255.         color: #888888;
  256.       }
  257.       textarea:-ms-input-placeholder {
  258.         color: #888888;
  259.       }
  260.       a {
  261.         color: #484848;
  262.         text-decoration: none;
  263.         -webkit-transition: all 0.3s ease;
  264.         -moz-transition: all 0.3s ease;
  265.         -ms-transition: all 0.3s ease;
  266.         -o-transition: all 0.3s ease;
  267.         transition: all 0.3s ease;
  268.         letter-spacing: 0.02em;
  269.       }
  270.       a:hover {
  271.         color: #000;
  272.       }
  273.       code, kbd, pre, samp {
  274.         font-family: &quot;Montserrat&quot;, sans-serif;
  275.         font-size: inherit;
  276.         -webkit-border-radius: 0;
  277.         -moz-border-radius: 0;
  278.         -ms-border-radius: 0;
  279.         -o-border-radius: 0;
  280.         border-radius: 0;
  281.         letter-spacing: 0.015em;
  282.       }
  283.       code {
  284.         background-color: #eee;
  285.         letter-spacing: 0.015em;
  286.       }
  287.       img {
  288.         max-width: 100%;
  289.         height: auto;
  290.         vertical-align: middle;
  291.         border: 0;
  292.       }
  293.       p {
  294.         line-height: 1.8em;
  295.         letter-spacing: 0.02em;
  296.       }
  297.       ol li, ul li {
  298.         letter-spacing: 0.02em;
  299.       }
  300.       ::-moz-selection {
  301.         color: #fff;
  302.         background-color: #f09a75;
  303.       }
  304.       ::selection {
  305.         color: #fff;
  306.         background-color: #f09a75;
  307.       }
  308.       #page-wrap {
  309.         position: relative;
  310.         overflow: hidden;
  311.         background-color: #fff;
  312.         z-index: 9;
  313.         -webkit-transition: all 0.3s ease;
  314.         -moz-transition: all 0.3s ease;
  315.         -ms-transition: all 0.3s ease;
  316.         -o-transition: all 0.3s ease;
  317.         transition: all 0.3s ease;
  318.  
  319.       }
  320.       .container {
  321.         width: 1150px;
  322.         position: relative;
  323.         padding-right: 15px;
  324.         padding-left: 15px;
  325.         margin-right: auto;
  326.         margin-left: auto;
  327.       }
  328.       .row {
  329.         margin-right: -15px;
  330.         margin-left: -15px;
  331.       }
  332.       .tb {
  333.         display: table;
  334.         width: 100%;
  335.       }
  336.       .tb-cell {
  337.         display: table-cell;
  338.         vertical-align: middle;
  339.       }
  340. div#header h1 {
  341.     color: #000;
  342. }
  343.  
  344.       .h1, h1 {
  345.         font-family: &quot;Montserrat&quot;, sans-serif;
  346.         font-weight: 700;
  347.         font-size: 40px;
  348.         color: #484848;
  349.         line-height: 1.4em;
  350.         letter-spacing: 0.01em;
  351.       }
  352.       .h1 a, h1 a {
  353.         color: inherit;
  354.       }
  355.       .h2, h2 {
  356.         font-family: &quot;Montserrat&quot;, sans-serif;
  357.         font-weight: 700;
  358.         font-size: 30px;
  359.         color: #484848;
  360.         line-height: 1.4em;
  361.         letter-spacing: 0.02em;
  362.       }
  363.       .h2 a, h2 a {
  364.         color: inherit;
  365.       }
  366.       .h3, h3 {
  367.         font-family: &quot;Montserrat&quot;, sans-serif;
  368.         font-weight: 700;
  369.         font-size: 22px;
  370.         color: #484848;
  371.         line-height: 1.5em;
  372.         letter-spacing: 0.01em;
  373.       }
  374.       .h3 a, h3 a {
  375.         color: inherit;
  376.       }
  377.       .h4, h4 {
  378.         font-family: &quot;Montserrat&quot;, sans-serif;
  379.         font-weight: 700;
  380.         font-size: 16px;
  381.         color: #484848;
  382.         line-height: 1.5em;
  383.         letter-spacing: 0.01em;
  384.       }
  385.       .h4 a, h4 a {
  386.         color: inherit;
  387.       }
  388.       .h5, h5 {
  389.         font-family: &quot;Montserrat&quot;, sans-serif;
  390.         font-weight: 700;
  391.         font-size: 14px;
  392.         color: #484848;
  393.         line-height: 1.5em;
  394.         letter-spacing: 0.01em;
  395.       }
  396.       .h5 a, h5 a {
  397.         color: inherit;
  398.       }
  399.       .h6, h6 {
  400.         font-family: &quot;Montserrat&quot;, sans-serif;
  401.         font-weight: 700;
  402.         font-size: 12px;
  403.         color: #484848;
  404.         line-height: 1.5em;
  405.         letter-spacing: 0.01em;
  406.       }
  407.       .h6 a, h6 a {
  408.         color: inherit;
  409.       }
  410.       .pi-btn {
  411.         display: inline-block;
  412.         background: none;
  413.         box-shadow: none;
  414.         outline: none;
  415.         cursor: pointer;
  416.         font-family: &quot;Montserrat&quot;, sans-serif;
  417.         font-size: 10px;
  418.         font-weight: 400;
  419.         color: #535353;
  420.          border: 4px double #D8D8D8;
  421.         text-align: center;
  422.         text-transform: uppercase;
  423.         padding: 13px 22px;
  424.       }
  425.       .pi-btn:hover {
  426.         border-color: #f09a75;
  427.         color: #f09a75;
  428.       }
  429.       .fl {
  430.         float: left;
  431.       }
  432.       .fr {
  433.         float: right;
  434.       }
  435.       blockquote, .blockquote {
  436.         padding: 10px 20px;
  437.         margin: 0 0 20px;
  438.       }
  439.       blockquote, .blockquote {
  440.         border: 0;
  441.         font-size: 14px;
  442.         font-style: italic;
  443.         padding-left: 30px;
  444.         margin-top: 15px;
  445.         margin-bottom: 20px;
  446.         border-left: 3px solid #f09a75;
  447.       }
  448.       blockquote cite, .blockquote cite {
  449.         display: inline-block;
  450.         font-family: &quot;Montserrat&quot;, sans-serif;
  451.         font-size: 10px;
  452.         font-style: normal;
  453.         margin-top: 5px;
  454.         text-transform: uppercase;
  455.         text-decoration: underline;
  456.       }
  457.       abbr {
  458.         color: #A1D71A;
  459.         border-width: 2px;
  460.       }
  461.       mark, .mark {
  462.         background-color: #f09a75;
  463.       }
  464.       .icon {
  465.         display: inline-block;
  466.         font-style: normal;
  467.       }
  468.       .autoHeight {
  469.         -webkit-transition: all 0.3s ease;
  470.         -moz-transition: all 0.3s ease;
  471.         -ms-transition: all 0.3s ease;
  472.         -o-transition: all 0.3s ease;
  473.         transition: all 0.3s ease;
  474.       }
  475.       .text-center {
  476.         text-align: center;
  477.       }
  478.       article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  479.         display: block;
  480.       }
  481.       .section, .widget {
  482.         margin: 0;
  483.         padding: 0;
  484.       }
  485.       .col-md-2, .col-md-3, .col-md-4, .col-md-6, .col-md-9 {
  486.         float:left;
  487.         position: relative;
  488.         min-height: 1px;
  489.  
  490.       }
  491.  
  492.       .col-md-9 {
  493.         width:67%;
  494.       }
  495.       .col-md-6 {
  496.         width:50%;
  497.       }
  498.       .col-md-4 {
  499.         width:33.33333333%;
  500.       }
  501.       .col-md-3 {
  502.         width:33%;
  503.     padding-left: 16px;
  504.       }
  505.       .col-md-2 {
  506.         width:16.66666667%;
  507.       }
  508.       .clearfix::after, .dl-horizontal dd::after, .container::after, .container-fluid::after, .row::after, .form-horizontal .form-group::after, .btn-toolbar::after, .btn-group-vertical &gt; .btn-group::after, .nav::after, .navbar::after, .navbar-header::after, .navbar-collapse::after, .pager::after, .panel-body::after, .modal-footer::after {
  509.         clear: both;
  510.       }
  511.       .clearfix::before, .clearfix::after, .dl-horizontal dd::before, .dl-horizontal dd::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .btn-toolbar::before, .btn-toolbar::after, .btn-group-vertical &gt; .btn-group::before, .btn-group-vertical &gt; .btn-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after, .pager::before, .pager::after, .panel-body::before, .panel-body::after, .modal-footer::before, .modal-footer::after {
  512.         display: table;
  513.         content: &quot; &quot;;
  514.       }
  515.  
  516.       /* Preloader
  517.       ----------------------------------------------- */
  518.       #preloader {
  519.         position: fixed;
  520.         display: table;
  521.         text-align: center;
  522.         width: 100%;
  523.         height: 100%;
  524.         top: 0;
  525.         left: 0;
  526.         background-color: rgba(255, 255, 255, 0.85);
  527.         z-index: 999999999;
  528.       }
  529.       #preloader .page-loading .item-icon {
  530.         width: 40px;
  531.         height: 40px;
  532.         margin: auto;
  533.         opacity: .9;
  534.         border-right: 3px solid #f09a75;
  535.         border-bottom: 3px solid transparent;
  536.         border-radius: 100%;
  537.         -webkit-animation: spin 1s linear infinite;
  538.         -moz-animation: spin 1s linear infinite;
  539.         -o-animation: spin 1s linear infinite;
  540.         animation: spin 1s linear infinite;
  541.       }
  542.       @keyframes spin {
  543.         0% {
  544.           transform: rotate(0deg);
  545.         }
  546.         50% {
  547.           transform: rotate(180deg);
  548.         }
  549.         100% {
  550.           transform: rotate(359deg);
  551.         }
  552.       }
  553.       @-webkit-keyframes spin {
  554.         0% {
  555.           -webkit-transform: rotate(0deg);
  556.         }
  557.         50% {
  558.           -webkit-transform: rotate(180deg);
  559.         }
  560.         100% {
  561.           -webkit-transform: rotate(359deg);
  562.         }
  563.       }
  564.       @-moz-keyframes spin {
  565.         0% {
  566.           -moz-transform: rotate(0deg);
  567.         }
  568.         50% {
  569.           -moz-transform: rotate(180deg);
  570.         }
  571.         100% {
  572.           -moz-transform: rotate(359deg);
  573.         }
  574.       }
  575.       @-o-keyframes spin {
  576.         0% {
  577.           -o-transform: rotate(0deg);
  578.         }
  579.         50% {
  580.           -o-transform: rotate(180deg);
  581.         }
  582.         100% {
  583.           -o-transform: rotate(359deg);
  584.         }
  585.       }
  586.  
  587.       /* Header
  588.       ----------------------------------------------- */
  589. .needo {
  590.   height: 58px;
  591. }
  592.       .header {
  593.         position: relative;
  594.  
  595.       }
  596.       .header .logo {
  597.         padding: 35px 20px;
  598.       }
  599.       .header .logo a {
  600.         display: inline-block !important;
  601.         margin: 0 auto;
  602.       }
  603.       .header .logo img {
  604.        
  605.       }
  606.       .header.header-responsive .logo {
  607.         margin-bottom: 0;
  608.         margin-top: 52px;
  609.       }
  610.       .header.header-responsive .pi-navigation {
  611.         position: fixed;
  612.         top: 0;
  613.         bottom: auto;
  614.         border-top: 0;
  615.       }
  616. div#topnav h2 {
  617.   display: none;
  618. }
  619. .zoom-gallery {
  620.     position: relative;
  621. }
  622.  
  623. .vw-post-share &gt; i:hover {
  624.     color: #F09A75;
  625. }
  626.  
  627. .vw-post-shares i {
  628.     color: #fff;
  629. }
  630.  
  631. .vw-post-share &gt; i {
  632.     font-size: 13px;
  633.     margin: 0 4px;
  634. }
  635. .vw-post-shares {
  636.     background-color: rgba(255, 255, 255, 0.2);
  637.     padding: 3px 5px;
  638.     border-radius: 2px;
  639.     display: inline-block;
  640.     -webkit-transition: background-color 0.2s ease-out;
  641.     -moz-transition: background-color 0.2s ease-out;
  642.     transition: background-color 0.2s ease-out;
  643.     position: absolute;
  644.     bottom: 5px;
  645.     right: 5px;
  646.     z-index: 999;
  647. }
  648. .pi-navigation .navlist{text-align:center}
  649.  .pi-navigation {
  650.  
  651.     position: relative;
  652.     z-index: 9;
  653.     z-index: 1;
  654.     height: 61px;
  655.     width: 100%;
  656.     text-align: center;
  657.     background: #fff;
  658.     border-bottom: 1px solid #f2f2f2;
  659.     border-top: 1px solid #f2f2f2;
  660.     -webkit-backface-visibility: hidden;
  661.     backface-visibility: hidden;
  662. z-index:99999;
  663.       }
  664.       .pi-navigation.nav-fixed {
  665.         position: fixed;
  666.         top: 0;
  667.         bottom: auto;
  668.       }
  669.       .pi-navigation .container {
  670.         height: 100%;
  671.       }
  672.      
  673.       .pi-navigation .search-box {
  674.         position: absolute;
  675.         top: 50%;
  676.         right: -12px;
  677.         -webkit-transform: translateY(-50%);
  678.         -moz-transform: translateY(-50%);
  679.         -ms-transform: translateY(-50%);
  680.         -o-transform: translateY(-50%);
  681.         transform: translateY(-50%);
  682.       }
  683.       .pi-navigation .search-box input[type=&quot;search&quot;] {
  684.         position: absolute;
  685.         height: 40px;
  686.         line-height: 40px;
  687.         background-color: #fff;
  688.         border: 1px solid #eee;
  689.         top: 30px;
  690.         right: 25px;
  691.         width: 50%;
  692.         opacity: 0;
  693.         visibility: hidden;
  694.         -webkit-transition: all 0.3s ease;
  695.         -moz-transition: all 0.3s ease;
  696.         -ms-transition: all 0.3s ease;
  697.         -o-transition: all 0.3s ease;
  698.         transition: all 0.3s ease;
  699.       }
  700.       .pi-navigation .search-box input[type=&quot;search&quot;].fadein {
  701.         width: 200px;
  702.         opacity: 1;
  703.         visibility: visible;
  704.       }
  705.  
  706. .pi-navigation .navlist li a {
  707.     display: inline-block;
  708.  
  709.     font-size: 10px;
  710.  
  711.     text-transform: uppercase;
  712.     line-height: 61px;
  713.     color: #28292e;
  714.     font-size: 11px;
  715.     letter-spacing: 2px;
  716.     font-weight: 600;
  717.     font-family: &#39;Muli&#39;,sans-serif;
  718. }
  719.       .pi-navigation .search-box .icon-search {
  720.         display: block;
  721.         position: absolute;
  722.         width: 40px;
  723.         height: 20px;
  724.         text-align: center;
  725.         cursor: pointer;
  726.         color: #aaa;
  727.         right: 15px;
  728.         top: 50%;
  729.         -webkit-transform: translateY(-50%);
  730.         -moz-transform: translateY(-50%);
  731.         -ms-transform: translateY(-50%);
  732.         -o-transform: translateY(-50%);
  733.         transform: translateY(-50%);
  734.         -webkit-transition: all 0.3s ease;
  735.         -moz-transition: all 0.3s ease;
  736.         -ms-transition: all 0.3s ease;
  737.         -o-transition: all 0.3s ease;
  738.         transition: all 0.3s ease;
  739.       }
  740.       .pi-navigation .search-box .icon-search .fa {
  741.         line-height: 18px;
  742.       }
  743.       .pi-navigation .search-box .icon-search.active, .pi-navigation .search-box .icon-search:hover {
  744.         color: #f09a75;
  745.       }
  746.       .pi-navigation .search-box .icon-search:before {
  747.         content: &#39;&#39;;
  748.         display: block;
  749.         position: absolute;
  750.         border-left: 1px solid #999;
  751.         height: 16px;
  752.         width: 0;
  753.         margin: auto;
  754.         top: 0;
  755.         bottom: 0;
  756.         left: 0;
  757.       }
  758.       .pi-navigation .share-box {
  759.         position: absolute;
  760.         top: 47%;
  761.         right: 60px;
  762.         -webkit-transform: translateY(-50%);
  763.         -moz-transform: translateY(-50%);
  764.         -ms-transform: translateY(-50%);
  765.         -o-transform: translateY(-50%);
  766.         transform: translateY(-50%);
  767.       }
  768.    
  769.  
  770.  
  771.  
  772.  .pi-navigation1{
  773.         position: relative;
  774.         bottom: 0;
  775.         left: 0;
  776.         width: 100%;
  777.        
  778.         background-color: #fbfbfb;
  779.         z-index: 9999;
  780.         height: 50px;
  781.         -webkit-transform: translateZ(0);
  782.         -moz-transform: translateZ(0);
  783.         -ms-transform: translateZ(0);
  784.         -o-transform: translateZ(0);
  785.         transform: translateZ(0);
  786.  
  787.     border-bottom: 1px solid #f7f7f7;
  788.       }
  789.       .pi-navigation1.nav-fixed {
  790.         position: fixed;
  791.         top: 0;
  792.         bottom: auto;
  793.       }
  794.       .pi-navigation1 .container {
  795.         height: 100%;
  796.       }
  797.  
  798. div#topnav {
  799.     width: 50%;
  800.     float: left;
  801. }
  802.  
  803. div#Social_Icons_Top {
  804.     width: 50%;
  805.     float: right;
  806. }
  807.       .pi-navigation1 .share-box {
  808.        float:right;
  809.       }
  810.       .pi-navigation1 .share-box a {
  811.         display: inline-block;
  812.         margin: 0 5px;
  813.         color: #484848;
  814.     line-height: 50px;
  815.       }
  816.       .pi-navigation1 .share-box a:hover {
  817.         color: #e15d5d;
  818.       }
  819.  
  820.  
  821.  
  822.       .navlist {
  823.         position: relative;
  824.         font-size: 0;
  825.         list-style: none;
  826.         padding: 0;
  827.         margin-bottom: 0;
  828.       }
  829.       .navlist &gt; li.menu-item-has-children.item-plus &gt; a {
  830.         position: relative;
  831.       }
  832.       .navlist &gt; li.menu-item-has-children.item-plus &gt; a:after,
  833.       .navlist &gt; li &gt; ul &gt; li.menu-item-has-children.item-plus &gt; a:after {
  834.         content: &#39;+&#39;;
  835.         display: inline-block;
  836.         margin-left: 4px;
  837.       }
  838.       .navlist &gt; li &gt; .sub-menu {
  839.         -webkit-transform: translateY(10px);
  840.         -moz-transform: translateY(10px);
  841.         -ms-transform: translateY(10px);
  842.         -o-transform: translateY(10px);
  843.         transform: translateY(10px);
  844.       }
  845.       .navlist li {
  846.         position: relative;
  847.         display: inline-block;
  848.         margin-left: 20px;
  849.         margin-right: 20px;
  850.       }
  851.       .navlist li a {
  852.         display: inline-block;
  853.         font-family: &quot;Montserrat&quot;, sans-serif;
  854.         font-size: 11px;
  855.         color: #aaa;
  856.         text-transform: uppercase;
  857.         line-height: 51px;
  858.       }
  859.       .navlist li:first-child {
  860.         margin-left: 0;
  861.       }
  862.       .navlist li .sub-menu {
  863.         position: absolute;
  864.         background-color: #fefefe;
  865.         width: 205px;
  866.         padding: 0;
  867.         list-style: none;
  868.         left: -15px;
  869.         top: 97%;
  870.         border: 1px solid #f3f3f3;
  871.         opacity: 0;
  872.         visibility: hidden;
  873.         -webkit-transition: all 0.3s ease;
  874.         -moz-transition: all 0.3s ease;
  875.         -ms-transition: all 0.3s ease;
  876.         -o-transition: all 0.3s ease;
  877.         transition: all 0.3s ease;
  878.       }
  879.       .navlist li .sub-menu li {
  880.         display: block;
  881.         margin: 0;
  882.       }
  883.       .navlist li .sub-menu li a {
  884.         display: block;
  885.         padding: 0 15px;
  886.         border-bottom: 1px solid #f3f3f3;
  887.         line-height: 40px;
  888.   text-align: left;
  889.       }
  890.       .navlist &gt; li &gt; .sub-menu &gt; li:last-child &gt; a,
  891.       .navlist &gt; li &gt; .sub-menu &gt; li &gt; .sub-menu &gt; li:last-child &gt; a {
  892.         border: 0;
  893.       }
  894.       .navlist li .sub-menu .sub-menu {
  895.         left: 100%;
  896.         top: -1px;
  897.       }
  898.       .navlist li.current-menu-parent &gt; a,
  899.       .navlist li.current-menu-item &gt; a, .navlist li:hover &gt; a {
  900.         color: #758faf;
  901.       }
  902.       .navlist li:hover &gt; .sub-menu {
  903.         opacity: 1;
  904.         visibility: visible;
  905.         -webkit-transform: translateY(0);
  906.         -moz-transform: translateY(0);
  907.         -ms-transform: translateY(0);
  908.         -o-transform: translateY(0);
  909.         transform: translateY(0);
  910.       }
  911.       .navlist li.megamenu {
  912.         position: static;
  913.       }
  914.       .navlist li.megamenu:after {
  915.         content: &#39;&#39;;
  916.         display: block;
  917.         clear: both;
  918.       }
  919.       .navlist li.megamenu .sub-menu {
  920.         width: 100%;
  921.         padding: 15px;
  922.         left: 0;
  923.         background-color: #fff;
  924.         -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  925.         -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  926.         box-shadow: 0 2px 2px rgba(0, 0, 0, 0.08);
  927.       }
  928.       .navlist li.megamenu .sub-menu li {
  929.         float: left;
  930.         padding: 10px;
  931.         background: none;
  932.       }
  933.       .navlist li.megamenu .sub-menu li a {
  934.         border: 0;
  935.         line-height: 2em;
  936.         font-size: 12px;
  937.       }
  938.       .navlist li.megamenu .post {
  939.         text-align: center;
  940.         background-color: #fff;
  941.         padding: 10px 10px 20px 10px;
  942.       }
  943.       .navlist li.megamenu .post .post-media img {
  944.         width: 100%;
  945.       }
  946.       .navlist li.megamenu .post h2 {
  947.         font-size: 12px;
  948.         color: #484848;
  949.         text-transform: uppercase;
  950.         margin-top: 9px;
  951.         margin-bottom: 5px;
  952.       }
  953.       .navlist li.megamenu .post h2 a {
  954.         color: inherit;
  955.         text-overflow: ellipsis;
  956.         overflow: hidden;
  957.         white-space: nowrap;
  958.       }
  959.       .navlist li.megamenu .post h2 a:hover {
  960.         color: #f09a75;
  961.       }
  962.       .navlist li.megamenu .post .post-date {
  963.         font-size: 12px;
  964.       }
  965.       .navlist li.megamenu.col-5 .sub-menu li {
  966.         width: 20%;
  967.       }
  968.       .navlist li.megamenu.col-4 .sub-menu li {
  969.         width: 25%;
  970.       }
  971.       .navlist li.megamenu.col-3 .sub-menu li {
  972.         width: 33.3333333333%;
  973.       }
  974.       .navlist li.megamenu.col-2 .sub-menu li {
  975.         width: 50%;
  976.       }
  977.       .navlist li.megamenu.col-1 .sub-menu li {
  978.         width: 100%;
  979.       }
  980.       .navlist.off-canvas {
  981.         position: fixed;
  982.         width: 250px;
  983.         top: 50px;
  984.         left: 0;
  985.         padding: 0;
  986.         overflow-x: hidden;
  987.         overflow-y: auto;
  988.         background-color: #f7f9f9;
  989.         -webkit-box-shadow: 0 100px 0 0 #f7f9f9;
  990.         -moz-box-shadow: 0 100px 0 0 #f7f9f9;
  991.         box-shadow: 0 100px 0 0 #f7f9f9;
  992.         z-index: 99999;
  993.         -webkit-transform: translateX(-100%);
  994.         -moz-transform: translateX(-100%);
  995.         -ms-transform: translateX(-100%);
  996.         -o-transform: translateX(-100%);
  997.         transform: translateX(-100%);
  998.         -webkit-transition: all 0.3s ease;
  999.         -moz-transition: all 0.3s ease;
  1000.         -ms-transition: all 0.3s ease;
  1001.         -o-transition: all 0.3s ease;
  1002.         transition: all 0.3s ease;
  1003.       }
  1004.       .navlist.off-canvas li {
  1005.         position: static;
  1006.         display: block;
  1007.         margin: 0;
  1008.       }
  1009.       .navlist.off-canvas li a {
  1010.         display: block;
  1011.         border-bottom: 1px solid #eee;
  1012.         line-height: 42px;
  1013.         padding: 0 15px;
  1014.   text-align: left;
  1015.       }
  1016.       .navlist.off-canvas li .sub-menu {
  1017.         opacity: 1;
  1018.         visibility: visible;
  1019.         position: absolute;
  1020.         border: 0;
  1021.         width: 100%;
  1022.         min-height: 100%;
  1023.         top: 0;
  1024.         left: 0;
  1025.         background-color: #f7f9f9;
  1026.         -webkit-transform: translateX(-100%);
  1027.         -moz-transform: translateX(-100%);
  1028.         -ms-transform: translateX(-100%);
  1029.         -o-transform: translateX(-100%);
  1030.         transform: translateX(-100%);
  1031.       }
  1032.       .navlist.off-canvas li .sub-menu li a {
  1033.         border-bottom: 1px solid #eee;
  1034.       }
  1035.       .navlist.off-canvas li .sub-menu.sub-menu-active {
  1036.         -webkit-transform: translateX(0);
  1037.         -moz-transform: translateX(0);
  1038.         -ms-transform: translateX(0);
  1039.         -o-transform: translateX(0);
  1040.         transform: translateX(0);
  1041.         z-index: 999;
  1042.       }
  1043.       .navlist.off-canvas li.megamenu .sub-menu {
  1044.         padding: 0 15px;
  1045.         -webkit-box-shadow: 0;
  1046.         -moz-box-shadow: 0;
  1047.         box-shadow: 0;
  1048.       }
  1049.       .navlist.off-canvas li.megamenu .sub-menu li {
  1050.         width: 100% !important;
  1051.         float: none;
  1052.         padding: 10px 0;
  1053.       }
  1054.       .navlist.off-canvas li.megamenu .sub-menu li a {
  1055.         border: 0;
  1056.       }
  1057.       .navlist.off-canvas li.megamenu .sub-menu li.back-mb {
  1058.         width: auto !important;
  1059.         background-color: #f3f3f3;
  1060.         margin-left: -15px;
  1061.         margin-right: -15px;
  1062.         margin-bottom: 10px;
  1063.       }
  1064.       .navlist.off-canvas li.megamenu .sub-menu li.back-mb a {
  1065.         font-size: 11px;
  1066.       }
  1067.       .navlist.off-canvas li.megamenu .sub-menu li:last-child {
  1068.         padding-bottom: 30px;
  1069.       }
  1070.       .navlist.off-canvas li.back-mb {
  1071.         background-color: rgba(0, 0, 0, 0.02);
  1072.       }
  1073.       .navlist.off-canvas.off-canvas-active {
  1074.         -webkit-transform: translateX(0);
  1075.         -moz-transform: translateX(0);
  1076.         -ms-transform: translateX(0);
  1077.         -o-transform: translateX(0);
  1078.         transform: translateX(0);
  1079.       }
  1080.       .navlist.off-canvas .submenu-toggle {
  1081.         position: absolute;
  1082.         right: 0;
  1083.         width: 42px;
  1084.         height: 42px;
  1085.         text-align: center;
  1086.         cursor: pointer;
  1087.         background-color: #eff1f1;
  1088.         background-color: rgba(0, 0, 0, 0.02);
  1089.         border-left: 1px solid #f2f2f2;
  1090.         color: #383838;
  1091.         -webkit-transform: translateY(-43px);
  1092.         -moz-transform: translateY(-43px);
  1093.         -ms-transform: translateY(-43px);
  1094.         -o-transform: translateY(-43px);
  1095.         transform: translateY(-43px);
  1096.       }
  1097.       .navlist.off-canvas .submenu-toggle .fa {
  1098.         font-size: 14px;
  1099.         line-height: 42px;
  1100.       }
  1101.       .open-menu {
  1102.         display: none;
  1103.         position: absolute;
  1104.         width: 50px;
  1105.         height: 14px;
  1106.         cursor: pointer;
  1107.         margin: auto;
  1108.         top: 0;
  1109.         left: 0;
  1110.         bottom: 0;
  1111.         z-index: 999;
  1112.       }
  1113.       .open-menu .item {
  1114.         position: absolute;
  1115.         display: block;
  1116.         font-size: 0;
  1117.         width: 20px;
  1118.         height: 2px;
  1119.         background-color: #333;
  1120.         margin: auto;
  1121.         left: 0;
  1122.         right: 0;
  1123.         overflow: hidden;
  1124.         z-index: 1;
  1125.         -webkit-transition: all 0.3s ease;
  1126.         -moz-transition: all 0.3s ease;
  1127.         -ms-transition: all 0.3s ease;
  1128.         -o-transition: all 0.3s ease;
  1129.         transition: all 0.3s ease;
  1130.       }
  1131.       .open-menu .item-1 {
  1132.         top: 0;
  1133.       }
  1134.       .open-menu .item-2 {
  1135.         top: 0;
  1136.         bottom: 0;
  1137.       }
  1138.       .open-menu .item-3 {
  1139.         bottom: 0;
  1140.       }
  1141.       .open-menu.toggle-active .item {
  1142.         background-color: #f09a75;
  1143.       }
  1144.       .close-menu {
  1145.         position: absolute;
  1146.         width: 50px;
  1147.         height: 14px;
  1148.         cursor: pointer;
  1149.         margin: auto;
  1150.         top: 0;
  1151.         left: 0;
  1152.         bottom: 0;
  1153.         z-index: 99999;
  1154.         display: none;
  1155.       }
  1156.  
  1157.  
  1158.  
  1159.       /* Main content
  1160.       ----------------------------------------------- */
  1161.       .blog-content {
  1162.         background-color: #ffffff;
  1163.        padding-bottom: 50px;
  1164.        }
  1165.       .blog-content .content {
  1166.         margin-bottom: 30px;
  1167.       }
  1168.       .blog-content .content .post-wrapper:after {
  1169.         content: &#39;&#39;;
  1170.         display: table;
  1171.         clear: both;
  1172.       }
  1173.       .blog-content .post {
  1174.         position: relative;
  1175.         background-color: #fff;
  1176.         margin-bottom: 10px;
  1177.       }
  1178.       .blog-content .post:after {
  1179.         content: &#39;&#39;;
  1180.         display: table;
  1181.         clear: both;
  1182.       }
  1183.       .blog-content .post .post-media {
  1184.         position: relative;
  1185.         overflow: hidden;
  1186.       }
  1187.       .blog-content .post .post-media .image-wrap {
  1188.         display: block;
  1189.       }
  1190.       .blog-content .post .post-media img {
  1191.         width: 100%;
  1192.       }
  1193.  
  1194.      
  1195.       .blog-content .post .post-cat {
  1196.         position: absolute;
  1197.         display: block;
  1198.         font-family: &quot;Montserrat&quot;, sans-serif;
  1199.         font-size: 10px;
  1200.         text-transform: uppercase;
  1201.         top: 36px;
  1202.         left: 5px;
  1203.    
  1204.         -webkit-transform: translateY(-100%);
  1205.         -moz-transform: translateY(-100%);
  1206.         -ms-transform: translateY(-100%);
  1207.         -o-transform: translateY(-100%);
  1208.         transform: translateY(-100%);
  1209.         -webkit-transition: all 0.3s ease;
  1210.         -moz-transition: all 0.3s ease;
  1211.         -ms-transition: all 0.3s ease;
  1212.         -o-transition: all 0.3s ease;
  1213.         transition: all 0.3s ease;
  1214.       }
  1215.       .blog-content .post .post-cat a {
  1216.         display: inline-block;
  1217.         color: #fff;
  1218.         padding: 4px 8px;
  1219.         background-color:#f09a75;
  1220.         margin: 5px;
  1221.       }
  1222.       .blog-content .post .post-cat a:hover {
  1223.         background-color: #444;
  1224.       }
  1225.       .blog-content .post .post-body {
  1226.         position: relative;
  1227.         padding: 40px 30px 0 30px;
  1228.         margin-bottom: 40px;
  1229.       }
  1230.       .blog-content .post .post-body:after {
  1231.         content: &#39;&#39;;
  1232.         display: table;
  1233.         clear: both;
  1234.       }
  1235.       .blog-content .post .post-body .post-author {
  1236.         margin-bottom: 35px;
  1237.   padding: 0 25px;
  1238.       }
  1239.       .blog-content .post .post-body .post-author .image-thumb {
  1240.         width: 32px;
  1241.         height: 32px;
  1242.         overflow: hidden;
  1243.         -webkit-border-radius: 50%;
  1244.         -moz-border-radius: 50%;
  1245.         -ms-border-radius: 50%;
  1246.         -o-border-radius: 50%;
  1247.         border-radius: 50%;
  1248.         display: inline-block;
  1249.         vertical-align: middle;
  1250.         margin-right: 5px;
  1251.       }
  1252.       .blog-content .post .post-body .post-author .image-thumb img {
  1253.         width: 100%;
  1254.       }
  1255.       .blog-content .post .post-body .post-author .name-author {
  1256.         display: inline-block;
  1257.         vertical-align: middle;
  1258.         font-family: &quot;Montserrat&quot;, sans-serif;
  1259.         font-size: 10px;
  1260.         color: #484848;
  1261.         text-transform: uppercase;
  1262.       }
  1263.       .blog-content .post .post-body .post-author .name-author cite {
  1264.         -webkit-transition: all 0.3s ease;
  1265.         -moz-transition: all 0.3s ease;
  1266.         -ms-transition: all 0.3s ease;
  1267.         -o-transition: all 0.3s ease;
  1268.         transition: all 0.3s ease;
  1269.       }
  1270.       .blog-content .post .post-body .post-author .name-author:before {
  1271.         content: &#39;// &#39;;
  1272.       }
  1273.       .blog-content .post .post-body .post-author a:hover * {
  1274.         color: #f09a75;
  1275.       }
  1276.       .blog-content .post .post-body .post-title h1 {
  1277.         font-size: 18px;
  1278.         color: #484848;
  1279.         text-transform: uppercase;
  1280.         margin-top: 0;
  1281.       }
  1282.       .blog-content .post .post-body .post-title h2 {
  1283.         margin-top: 0;
  1284.     font-size: 16px;
  1285.     font-family: &#39;Poppins&#39;;
  1286.     font-style: normal;
  1287.     font-weight: bold;
  1288.     line-height: 1.7em;
  1289.     position: relative;
  1290.     text-transform: uppercase;
  1291.     color: #1a1a1a;
  1292.     letter-spacing: 1px;
  1293.       }
  1294.  
  1295. .pi-navigation .navlist li:after {
  1296.     content: &quot;&quot;;
  1297.     display: inline-block;
  1298.     position: absolute;
  1299.     right: -20px;
  1300.     top: 50%;
  1301.     font-size: 25px;
  1302.     border-right: 1px solid #28292e;
  1303.     height: 12px;
  1304.     line-height: 12px;
  1305.     width: 1px;
  1306.     margin-top: -7px;
  1307.     opacity: .2;
  1308. }
  1309.  
  1310. li.megamenu.col-5.menu-item-has-children.item-plus:after {
  1311.     content: &quot;&quot;;
  1312.     position: relative;
  1313.     top: 2px;
  1314.  
  1315. }
  1316. .pi-navigation .navlist li ul li:after,.pi-navigation .navlist li:last-child:after {
  1317. display:none
  1318. }
  1319.  
  1320.       .blog-content .post .post-body .post-title h2 a {
  1321.         display: block;
  1322.         color: inherit;
  1323.    
  1324.       }
  1325.       .blog-content .post .post-body .post-title h2 a:hover {
  1326.         color: #f09a75;
  1327.       }
  1328.       .blog-content .post .post-body .post-entry {
  1329.         margin-top: 0px;
  1330.         line-height: 1.8em;
  1331.         letter-spacing: 0.02em;
  1332.  
  1333.       }
  1334.       .blog-content .post .post-body .post-link {
  1335.         display: inline-block;
  1336.         margin-top: 30px;
  1337.       }
  1338.       .blog-content .post .post-body .post-share {
  1339.         position: absolute;
  1340.         display: inline-block;
  1341.         min-height: 42px;
  1342.         right: 30px;
  1343.         bottom: 0;
  1344.         padding-right: 25px;
  1345.         -webkit-user-select: none;
  1346.         -moz-user-select: none;
  1347.         -ms-user-select: none;
  1348.       }
  1349.       .blog-content .post .post-body .post-share .share-toggle {
  1350.         position: absolute;
  1351.         right: 0;
  1352.         top: 0;
  1353.         font-size: 14px;
  1354.         height: 42px;
  1355.         line-height: 40px;
  1356.         padding: 0;
  1357.         border: 0;
  1358.         color: #f09a75;
  1359.       }
  1360.       .blog-content .post .post-body .post-share .share {
  1361.         -webkit-transform: translateX(20px);
  1362.         -moz-transform: translateX(20px);
  1363.         -ms-transform: translateX(20px);
  1364.         -o-transform: translateX(20px);
  1365.         transform: translateX(20px);
  1366.         opacity: 0;
  1367.         padding: 10px 0 0;
  1368.         visibility: hidden;
  1369.         -webkit-transition: all 0.3s ease;
  1370.         -moz-transition: all 0.3s ease;
  1371.         -ms-transition: all 0.3s ease;
  1372.         -o-transition: all 0.3s ease;
  1373.         transition: all 0.3s ease;
  1374.       }
  1375.       .blog-content .post .post-body .post-share .share a {
  1376.           display: inline-block;
  1377.           color: #535353;
  1378.           line-height: 36px;
  1379.           line-height: 5px;
  1380.           border: 1px solid #ddd;
  1381.           padding: 8px;
  1382.           width: 34px;
  1383.           text-align: center;
  1384.       }
  1385.       .blog-content .post .post-body .post-share .share a:hover {
  1386.         color: #f09a75;
  1387.       }
  1388.       .blog-content .post .post-body .post-share .share.share-active {
  1389.         -webkit-transform: translateX(5px);
  1390.         -moz-transform: translateX(5px);
  1391.         -ms-transform: translateX(5px);
  1392.         -o-transform: translateX(5px);
  1393.         transform: translateX(5px);
  1394.         opacity: 1;
  1395.         visibility: visible;
  1396.       }
  1397.       .blog-content .post:hover .post-meta .post-format {
  1398.         color: #f09a75;
  1399.       }
  1400.  
  1401.       .ismobile .blog-content .post .post-cat {
  1402.         -webkit-transform: translateY(0);
  1403.         -moz-transform: translateY(0);
  1404.         -ms-transform: translateY(0);
  1405.         -o-transform: translateY(0);
  1406.         transform: translateY(0);
  1407.       }
  1408.       .blog-heading {
  1409.         position: relative;
  1410.         padding: 30px 0;
  1411.         background-color: #f3f5f5;
  1412.         border-bottom: 1px solid #eee;
  1413.         z-index: 9;
  1414.       }
  1415.       .blog-heading h1 {
  1416.         margin: 0;
  1417.         font-size: 30px;
  1418.         letter-spacing: 0.03em;
  1419.       }
  1420.       .blog-heading p {
  1421.         margin: 0;
  1422.         letter-spacing: 0.03em;
  1423.         color: #666;
  1424.       }
  1425.       .post-slider .owl-controls .owl-buttons {
  1426.         position: static;
  1427.         margin: 0;
  1428.         padding: 0;
  1429.         height: 0;
  1430.         opacity: 1;
  1431.         visibility: visible;
  1432.       }
  1433.       .post-slider .owl-controls .owl-buttons &gt; div {
  1434.         position: absolute;
  1435.         margin: auto;
  1436.         top: 50%;
  1437.         -webkit-transform: translateY(-50%);
  1438.         -moz-transform: translateY(-50%);
  1439.         -ms-transform: translateY(-50%);
  1440.         -o-transform: translateY(-50%);
  1441.         transform: translateY(-50%);
  1442.         z-index: 9;
  1443.         opacity: .8;
  1444.         -webkit-transition: all 0.3s ease;
  1445.         -moz-transition: all 0.3s ease;
  1446.         -ms-transition: all 0.3s ease;
  1447.         -o-transition: all 0.3s ease;
  1448.         transition: all 0.3s ease;
  1449.       }
  1450.       .post-slider .owl-controls .owl-buttons &gt; div .fa {
  1451.         border: 0;
  1452.         background-color: #fff;
  1453.         color: #333;
  1454.       }
  1455.       .post-slider .owl-controls .owl-buttons &gt; div.owl-prev {
  1456.         left: 10px;
  1457.       }
  1458.       .post-slider .owl-controls .owl-buttons &gt; div.owl-next {
  1459.         right: 10px;
  1460.       }
  1461.       .post-slider .owl-controls .owl-pagination {
  1462.         margin-top: 0;
  1463.         position: absolute;
  1464.         width: 100%;
  1465.         left: 0;
  1466.         bottom: 10px;
  1467.         z-index: 9;
  1468.       }
  1469.       .post-slider .owl-controls .owl-pagination .owl-page {
  1470.         position: relative;
  1471.       }
  1472.       .post-slider .owl-controls .owl-pagination .owl-page &gt; span {
  1473.         border: 0;
  1474.         background-color: #fff;
  1475.       }
  1476.       .post-slider .owl-controls .owl-pagination .owl-page.active &gt; span {
  1477.         border-color: #f09a75;
  1478.         background-color: #f09a75;
  1479.       }
  1480.       .post-slider:hover .owl-controls .owl-buttons &gt; div {
  1481.         opacity: 1;
  1482.       }
  1483.  
  1484.       body.single-post .blog-content .post .post-body {
  1485.         margin-bottom: 30px;
  1486.       }
  1487.       body.single-post .blog-content .post .post-body .post-share {
  1488.         position: relative;
  1489.         float: right;
  1490.         width: 100%;
  1491.         text-align: right;
  1492.         right: 0;
  1493.         padding-top: 30px;
  1494.       }
  1495.       body.single-post .blog-content .post .post-body .post-share .share-toggle {
  1496.         top: 30px;
  1497.       }
  1498.       .post .wp-caption {
  1499.         display: inline-block;
  1500.       }
  1501.       .post .wp-caption,
  1502.       .post .wp-caption img {
  1503.         width: auto !important;
  1504.       }
  1505.       .post .wp-caption img {
  1506.         position: relative;
  1507.         margin-bottom: 10px;
  1508.         top: 5px;
  1509.       }
  1510.       .post .wp-caption .wp-caption-text {
  1511.         font-size: 12px;
  1512.         font-style: italic;
  1513.         text-align: center;
  1514.         margin-bottom: 10px;
  1515.       }
  1516.       .alignleft {
  1517.         float: left;
  1518.         margin-right: 30px;
  1519.       }
  1520.       .aligncenter {
  1521.         display: block;
  1522.         margin-left: auto;
  1523.         margin-right: auto;
  1524.       }
  1525.       .alignright {
  1526.         float: right;
  1527.         margin-left: 30px;
  1528.       }
  1529.    
  1530.       }
  1531.       .blog-standard .content {
  1532.         margin-top: 50px;
  1533.       }
  1534.       .blog-grid .content {
  1535.         margin-top: 50px;
  1536.       }
  1537.       .blog-grid .post-wrapper {
  1538.         margin-left: -15px;
  1539.         margin-right: -15px;
  1540.       }
  1541.       .blog-grid .post {
  1542.     margin-bottom: -1px;
  1543.  
  1544.     padding: 30px;
  1545.     box-shadow: 1px -1px 0 0 #f2f2f2, inset 1px -1px 0 0 #f2f2f2;
  1546.       }
  1547.      
  1548.       .blog-grid .post .post-body {
  1549.          padding: 20px 0px 0 0px;
  1550.     font-size: 14px;
  1551.     margin-bottom: 20px;
  1552.     line-height: 1.7em;
  1553.     color: #666666;
  1554.     letter-spacing: 0.9px;
  1555.     font-family: sans-serif;
  1556. text-align: justify;
  1557.       }
  1558.       .blog-grid .post .post-body .post-share {
  1559.         right: 25px;
  1560.       }
  1561.  
  1562.       .status-msg-wrap {
  1563.         font-size: 100%;
  1564.         width: 100%;
  1565.         background-color: #fff;
  1566.         margin: 0 auto 30px;
  1567.         padding: 19px;
  1568.       }
  1569.       .status-msg-body {
  1570.         position: relative;
  1571.         text-align: left;
  1572.         padding: 0px;
  1573.       }
  1574.       .status-msg-body b {
  1575.         color: #fff;
  1576.         padding: 3px;
  1577.         margin: 0 5px 0 0;
  1578.         background-color: #f09a75;
  1579.         border-radius: 2px;
  1580.       }
  1581.       .status-msg-border {
  1582.         display: none;
  1583.       }
  1584.  
  1585. #footer .Label .cloud-label-widget-content .label-size a:hover {
  1586.     color: #fff;
  1587. }
  1588.  
  1589. .meta-post {
  1590.     display: block;
  1591.     width: 100%;
  1592.     padding: 15px 0;
  1593.     font-size: 11px;
  1594.     font-family: &#39;Poppins&#39;,arial;
  1595. }
  1596.  
  1597. .meta-post &gt; div {
  1598.     margin-right: 15px;
  1599.     display: inline-block;
  1600. }
  1601.  
  1602. .meta-post .share .caption {
  1603.     display: inline-block;
  1604.     margin-right: 10px;
  1605.     color: #939393;
  1606.     font-size: 11px;
  1607.     font-family: &#39;Poppins&#39;,arial;
  1608.     text-transform: uppercase;
  1609.     letter-spacing: 1px;
  1610. }
  1611.  
  1612. .meta-post .share ul {
  1613.     margin: 0;
  1614.     padding: 0;
  1615.     display: inline-block;
  1616. }
  1617.  
  1618. .meta-post .share li {
  1619.     margin: 0 5px;
  1620.     padding: 0;
  1621.     list-style: none;
  1622.     display: inline-block;
  1623. }
  1624.  
  1625. .meta-post .share li a {
  1626.     text-decoration: none;
  1627.     color: #1a1a1a;
  1628.     font-size: 12px;
  1629. }
  1630. .meta-post .likes-count a .fa {
  1631.     color: #ff0b0b;
  1632.     margin-right: 5px;
  1633. }
  1634.  
  1635. .meta-post a {
  1636.     color: #000;
  1637. }
  1638.  
  1639.  
  1640.  
  1641. .mint-social-media {
  1642.     text-align: center;
  1643. }
  1644.  
  1645. .mint-social-media {
  1646.     display: block;
  1647.  
  1648.     padding: 0;
  1649. }
  1650.  
  1651. .mint-social-media li {
  1652.     margin: 0;
  1653.     padding: 0;
  1654.     display: inline-block;
  1655.     list-style: none;
  1656. }
  1657.  
  1658. .mint-social-media li {
  1659.     margin: 0 5px;
  1660.     padding: 10px 0px;
  1661. }
  1662.  
  1663.  
  1664.  
  1665. .mint-social-media li a {
  1666.     font-size: 14px;
  1667.     font-family: &#39;Poppins&#39;;
  1668.     color: #1a1a1a;
  1669.     text-decoration: none;
  1670.     margin-right: 5px;
  1671.     display: block;
  1672.     padding: 10px 0;
  1673. }
  1674.  
  1675.  .mint-social-media li a {
  1676.     color: #1a1a1a;
  1677.     margin: 0;
  1678.     padding: 15px 5px;
  1679.     border-radius: 100%;
  1680.     background: #fbfbfb;
  1681.     width: 50px;
  1682.     height: 50px;
  1683. }
  1684.  
  1685.  
  1686. .mint-social-media li a {
  1687.     font-size: 20px;
  1688. }
  1689.  
  1690.  
  1691. .photo-profile {
  1692.     display: block;
  1693.     width: 200px;
  1694.     height: 200px;
  1695.     overflow: hidden;
  1696.     margin: 30px auto;
  1697.     border-radius: 100px;
  1698.     text-align: center;
  1699. }
  1700.  
  1701. .bio-profile {
  1702.     display: block;
  1703.     width: 100%;
  1704. }
  1705.  
  1706. .bio-profile .profile-name {
  1707.     display: block;
  1708.     margin-bottom: 5px;
  1709.     font-family: &#39;Poppins&#39;,serif;
  1710.     font-size: 18px;
  1711.     font-style: normal;
  1712.     font-weight: bold;
  1713.     letter-spacing: 1px;
  1714.     color: #010101;
  1715.     text-align: center;
  1716.     text-transform: uppercase;
  1717. }
  1718.  
  1719.  .bio-profile .profile-job {
  1720.     display: block;
  1721.     margin-bottom: 20px;
  1722.     text-align: center;
  1723.     font-family: &#39;Poppins&#39;,arial;
  1724.     font-size: 13px;
  1725.     color: #939393;
  1726.     letter-spacing: 1px;
  1727.     font-style: normal;
  1728. }
  1729.  
  1730.  .bio-profile p {
  1731.     font-size: 12px;
  1732.     text-align: center;
  1733. }
  1734.  
  1735.  
  1736. div#topnav .widget {
  1737.     margin-bottom: 0px!important;
  1738. }
  1739.  
  1740. /* Zoom Icon */
  1741. .zoom-mail {
  1742. -webkit-border-radius: 500px;
  1743.   -moz-border-radius: 500px;
  1744.   border-radius: 500px;
  1745.   opacity: 0; display:block;position:absolute;left:0;top:0%;width:100%;height:100%;cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out; background: rgba(40, 160, 255, 0.7);
  1746. }
  1747.  
  1748. .zoom-icon,
  1749. .zoom-insta,
  1750. .zoom-icon-video  { opacity: 0; display:block;position:absolute;left:0;top:0%;width:100%; height:100%;
  1751. cursor:pointer;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out; }
  1752.  
  1753.  
  1754. .caption h3 {
  1755. text-transform:uppercase;
  1756. }
  1757.  
  1758.  
  1759.  
  1760. .zoom-icon{
  1761.   font-family: hercules-fonts;
  1762.   font-weight: normal;
  1763.   font-style: normal;
  1764.   text-decoration: inherit;
  1765.   -webkit-font-smoothing: antialiased;
  1766.   color:#ffffff;
  1767.   }
  1768. .zoom-icon:before {
  1769. -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;
  1770.   position: absolute;
  1771.   top: 50%;
  1772.   left: 50%;
  1773.   display: block;
  1774.   margin: 0px 0 0 -25px;
  1775.   width: 50px;
  1776.   height: 50px;
  1777.   font-size:3.5em;
  1778.  
  1779. }
  1780. a:hover .zoom-icon:before {margin: -10px 0 0 -25px;}
  1781.  
  1782.  
  1783. a:hover .zoom-insta {top:0%; opacity: 1;}
  1784.  
  1785.  
  1786. .zoom-icon .fa-search {
  1787.     display: block;
  1788.     font-size: 3em;
  1789.     height: 50px;
  1790.     left: 50%;
  1791.     margin: -20px 0 0 -20px;
  1792.     position: absolute;
  1793.     top: 50%;
  1794.     width: 50px;
  1795. }
  1796.  
  1797. .zoom-icon, .zoom-insta, .zoom-icon-video, .image-mail:hover .zoom-mail {
  1798.     background: #000;
  1799. }
  1800.  
  1801.  
  1802.     .post-media:hover .zoom-icon{    opacity: 0.8;
  1803.     filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
  1804.     cursor: pointer;
  1805.     -moz-opacity: 0.8;}
  1806.  
  1807. #Instagram .widget {
  1808.     margin-bottom: 0px;
  1809. }
  1810. #Instagram h2 {
  1811.    display:none;
  1812. }
  1813.  
  1814. #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0}
  1815. #instafeed img{height:auto;width:100%}
  1816. #instafeed a{padding:0;margin:0;display:inline-block;position:relative}
  1817. #instafeed li{width:12.5%;display:inline-block;margin:0!important;padding:0!important}
  1818. #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out}
  1819. #instafeed a:hover .insta-likes{opacity:1}
  1820.  
  1821.       /* Sidebar
  1822.       ----------------------------------------------- */
  1823.       .sidebar {
  1824.         margin-top: 49px;
  1825.         max-width: 480px;
  1826.         margin-left: auto;
  1827.         margin-right: auto;
  1828.       }
  1829.  
  1830. #sidebar .widget {
  1831.     background: #fff;
  1832.    
  1833.  
  1834.         padding: 10px 30px 0px;
  1835.     border-top: 1px solid #f2f2f2;
  1836.       }
  1837.  
  1838.  
  1839. #sidebar .PopularPosts .item-title {
  1840.    padding-bottom: .2em;
  1841.     font-family: &quot;poppins&quot;;
  1842.     font-weight: 500;
  1843. }
  1844.       .widget {
  1845.         margin-bottom: 50px;
  1846.       }
  1847.       .widget &gt; h2 {
  1848.            font-family: &#39;Poppins&#39;,arial;
  1849.     font-size: 18px;
  1850.     letter-spacing: 2px;
  1851.     display: block;
  1852.     margin-bottom: 20px;
  1853.     padding: 10px 0px;
  1854.     text-transform: uppercase;
  1855.     text-align: center;
  1856.     position: relative;
  1857.       }
  1858.  
  1859.       .widget ul {
  1860.         list-style: none;
  1861.         padding: 0;
  1862.       }
  1863.       .widget select {
  1864.         width: 100%;
  1865.       }
  1866.       .Label .list-label-widget-content ul li {
  1867.         font-size: 14px;
  1868.         color: #848484;
  1869.         border-bottom: 1px solid #EDEDED;
  1870.         padding: 0;
  1871.       }
  1872.       .Label .list-label-widget-content ul li a {
  1873.         display: inline-block;
  1874.         color: inherit;
  1875.         padding-top: 15px;
  1876.         padding-bottom: 15px;
  1877.       }
  1878.       .Label .list-label-widget-content ul li span {
  1879.         float: right;
  1880.         padding-top: 15px;
  1881.         padding-bottom: 15px;
  1882.       }
  1883.       .Label .list-label-widget-content ul li span {
  1884.         padding-top: 10px;
  1885.         padding-bottom: 10px;
  1886.       }
  1887.       .Label .list-label-widget-content ul li &gt; span:first-child {
  1888.         float: none;
  1889.         display: inline-block;
  1890.         padding-top: 15px;
  1891.         padding-bottom: 15px;
  1892.         color: #f09a75;
  1893.         border-top: 1px dashed #f09a75;
  1894.         border-bottom: 1px dashed #f09a75;
  1895.       }
  1896.       .Label .cloud-label-widget-content .label-size {
  1897.         font-size: 100%;
  1898.         float: left;
  1899.       }
  1900.      #sidebar .Label .cloud-label-widget-content .label-size a {
  1901.     display: inline-block;
  1902.     margin: 2px;
  1903.     font-family: &quot;Montserrat&quot;,sans-serif;
  1904.     font-size: 10px;
  1905.     text-transform: uppercase;
  1906.     color: #888;
  1907.     background-color: #F5F5F5;
  1908.     padding: 7px 10px;
  1909.     letter-spacing: 0.03em;
  1910.       }
  1911.  
  1912. #footer .Label .cloud-label-widget-content .label-size a {
  1913.  
  1914.     margin-right: 1px;
  1915.     margin-bottom: 3px;
  1916.  
  1917.     font-weight: 300;
  1918.     font-family: &#39;Lato&#39;;
  1919.     display: block;
  1920.     float: left;
  1921.     color: #727272;
  1922.     font-size: inherit !important;
  1923.     line-height: 28px;
  1924.     height: 28px;
  1925.     margin: 0 5px 5px 0px;
  1926.     padding: 0px 14px 0px 14px;
  1927.     text-decoration: none;
  1928.     -webkit-border-radius: 2px;
  1929.     -moz-border-radius: 2px;
  1930.     border-radius: 2px;
  1931.     border: 1px solid #f1f1f1;
  1932. }
  1933.  
  1934. #footer .Label .cloud-label-widget-content .label-size a:hover {
  1935.     background-color: #f09a75;
  1936. }
  1937.  
  1938.  
  1939.       .Label .cloud-label-widget-content .label-size a:hover {
  1940.         border-color: #f09a75;
  1941.         background-color: #f09a75;
  1942.         color: #FFF;
  1943.       }
  1944.       .Label .cloud-label-widget-content .label-size .label-count,
  1945.       .Label .cloud-label-widget-content .label-size &gt; span {
  1946.         display: inline-block;
  1947.         font-family: &quot;Montserrat&quot;,sans-serif;
  1948.         font-size: 10px;
  1949.         text-transform: uppercase;
  1950.         color: #888;
  1951.         background-color: #FFF;
  1952.         padding: 5px 8px;
  1953.         letter-spacing: 0.03em;
  1954.         margin: 2px 2px 2px -5px;
  1955.       }
  1956.       .Label .cloud-label-widget-content .label-size &gt; span {
  1957.         margin: 2px;
  1958.         border-color: #f09a75;
  1959.         background-color: #f09a75;
  1960.         color: #FFF;
  1961.       }
  1962.  
  1963.       /* Footer
  1964.       ----------------------------------------------- */
  1965.       #footer {
  1966.           background-color: #fff;
  1967.   padding-top: 20px;
  1968. color: #484848;
  1969.       }
  1970.  
  1971. #footer .container {
  1972.     padding: 0 45px;
  1973.     width: 1250px;
  1974. }
  1975.       #footer .widget {
  1976.         padding-top: 20px;
  1977.         margin-bottom: 10px;
  1978.       }
  1979.       #footer .widget &gt; h2 {
  1980.           position: relative;
  1981.      padding: 0 0px;
  1982.     line-height: 40px;
  1983.     margin-top: 0;
  1984.     margin-bottom: 13px;
  1985.     text-align: left;
  1986.     color: #484848;
  1987.     font-weight: 800;
  1988.     font-size: 13px;
  1989.     letter-spacing: 1px;
  1990.     text-transform: uppercase;
  1991.     font-family: &#39;Lato&#39;;
  1992.     text-align: center;
  1993.       }
  1994.       #footer .widget &gt; h2:after {
  1995.         display: none;
  1996.       }
  1997.       #footer .widget .widget-content ul li {
  1998.         font-size: 14px;
  1999.         border: 0;
  2000.         padding: 0;
  2001.         color: #484848;
  2002.       }
  2003.       #footer .widget .widget-content ul li a {
  2004.             padding-top: 10px;
  2005.     padding-bottom: 10px;
  2006.     color: inherit;
  2007.     display: inline-block;
  2008.     line-height: 1.7;
  2009.     font-size: 14px;
  2010.     font-family: &#39;Lato&#39;;
  2011.     font-weight: 700;
  2012.     color: #484848;
  2013.       }
  2014.       #footer .widget .widget-content ul li a:hover {
  2015.         color: #bbb;
  2016.       }
  2017.       #footer .row {
  2018.         margin-left: -25px;
  2019.         margin-right: -25px;
  2020.       }
  2021.       #footer [class*=&quot;col-&quot;] {
  2022.         padding-left: 25px;
  2023.         padding-right: 25px;
  2024.       }
  2025.  
  2026. .PopularPosts img {
  2027.     padding-right: .4em;
  2028.    
  2029. }
  2030.  
  2031. .separator a {
  2032.   margin-left: 0px!important;
  2033. }
  2034.       .totop {
  2035.         display: none;
  2036.       }
  2037.       .totop-inner {
  2038.         z-index: 299;
  2039.         position: fixed;
  2040.         width: 40px;
  2041.         height: 40px;
  2042.         background-color: rgb(240, 154, 117);
  2043.         font-size: 20px;
  2044.         line-height: 36px;
  2045.         text-align: center;
  2046.         color: #FFF;
  2047.         top: auto;
  2048.         left: auto;
  2049.         right: 30px;
  2050.         bottom: 50px;
  2051.         cursor: pointer;
  2052.         border-radius: 2px;
  2053.         -webkit-transition: all 0.4s ease 0s;
  2054.         -moz-transition: all 0.4s ease 0s;
  2055.         -o-transition: all 0.4s ease 0s;
  2056.         transition: all 0.4s ease 0s;
  2057.       }
  2058.       .totop-inner:hover {
  2059.         background-color: #f09a75;
  2060.       }
  2061.       .copyright {
  2062.            margin-top: 20px;
  2063.     padding: 15px 0 12px;
  2064.     background-color: #f6f6f6;
  2065.     font-size: 13px;
  2066.     color: #484848;
  2067.     font-family: &#39;Lato&#39;;
  2068.       }
  2069.       .copyright p {
  2070.         margin: 0;
  2071.       }
  2072.  
  2073.       .footer-left{float:left;padding: 2px 0 0;}
  2074.       .footer-right{float:right}
  2075.  
  2076.       .FollowByEmail .widget-content .desc {
  2077.         margin-top: 20px;
  2078.       }
  2079.       .FollowByEmail .widget-content form {
  2080.         position: relative;
  2081.         margin-top: 15px;
  2082.       }
  2083.       .FollowByEmail .widget-content .form-item input {
  2084.         width: 100%;
  2085.         height: auto;
  2086.         padding-right: 77px;
  2087.         font-size: inherit;
  2088.         border-width: 0;
  2089.       }
  2090.       .FollowByEmail .widget-content .form-actions {
  2091.         position: absolute;
  2092.         top: 0;
  2093.         right: 0;
  2094.       }
  2095.       .FollowByEmail .widget-content .form-actions input {
  2096.         background-color: #111;
  2097.         border: 0;
  2098.         height: 42px;
  2099.         width: auto;
  2100.         line-height: 42px;
  2101.         font-size: 11px;
  2102.         font-family: &quot;Montserrat&quot;, sans-serif;
  2103.         text-transform: uppercase;
  2104.         color: #555;
  2105.         padding: 0 15px;
  2106.         margin: 0;
  2107.         border-radius: 0;
  2108.         -webkit-transition: all 0.3s ease;
  2109.         -moz-transition: all 0.3s ease;
  2110.         -ms-transition: all 0.3s ease;
  2111.         -o-transition: all 0.3s ease;
  2112.         transition: all 0.3s ease;
  2113.       }
  2114.       .FollowByEmail .widget-content .form-actions input:hover {
  2115.         color: #f09a75;
  2116.       }
  2117.       .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus {
  2118.         border-color: #111;
  2119.       }
  2120.       .contact-form-button {
  2121.         line-height: 18px;
  2122.       }
  2123.  
  2124.       .contact-form-name, .contact-form-email, .contact-form-email-message {
  2125.         max-width: 365px;
  2126.         width: 100%;
  2127.       }
  2128.       .contact-form-widget {
  2129.         height: 320;
  2130.         margin-left: 0;
  2131.         max-width: 365px;
  2132.         padding: 0;
  2133.         padding-top: 0;
  2134.         width: 100%;
  2135.       }
  2136.  
  2137.         .contact-form-widget input[type=&quot;search&quot;],.contact-form-widget input[type=&quot;text&quot;],.contact-form-widget input[type=&quot;url&quot;], .contact-form-widget input[type=&quot;number&quot;],.contact-form-widget input[type=&quot;password&quot;],.contact-form-widget input[type=&quot;email&quot;], .contact-form-widgetinput[type=&quot;file&quot;] {
  2138.           background: none;
  2139.           border: 0;
  2140.           background-color: #111;
  2141.           height: 42px;
  2142.           line-height: 42px;
  2143.           padding: 0 15px;
  2144.           color: #888888;
  2145.           font-family: &quot;Lato&quot;, sans-serif !important;
  2146.           font-size: 14px;
  2147.           -webkit-appearance: none;
  2148.           -moz-appearance: none;
  2149.           appearance: none;
  2150.         }
  2151.  
  2152.  
  2153.           .contact-form-email-message {
  2154.             background: #111;
  2155.             background-color: #111;
  2156.             border: 1px solid #111;
  2157.             border-top: 1px solid #111;
  2158.             box-sizing: border-box;
  2159.             color: #333;
  2160.             display: inline-block;
  2161.             font-family: Arial,sans-serif;
  2162.             font-size: 13px;
  2163.             margin: 0;
  2164.             margin-top: 5px;
  2165.             padding: 0;
  2166.             vertical-align: top;
  2167.             padding: 10px;
  2168.           }
  2169.  
  2170.  
  2171.           .contact-form-button-submit {
  2172.             border: 0;
  2173.             background-image: none;
  2174.             background-color: none;
  2175.             cursor: pointer;
  2176.             font: $(body.font);
  2177.             font-style: normal;
  2178.             font-weight: 400;
  2179.             display: block;
  2180.             padding: 20px 20px;
  2181.             margin-top: 12px;
  2182.             border-radius: 20px;
  2183.             -moz-border-radius: 20px;
  2184.             -webkit-border-radius: 20px;
  2185.             float: right;
  2186.             color: #b0b0b0;
  2187.             font-size: 12px;
  2188.             line-height: 1px;
  2189.             text-transform: uppercase;
  2190.             background-color: #111;
  2191.             border-radius: 30px;
  2192.             -moz-border-radius: 30px;
  2193.             -webkit-border-radius: 30px;
  2194.           }
  2195.           .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover {
  2196.             border: 1px solid #111;
  2197.             border-top: 1px solid #111;
  2198.             box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
  2199.           }
  2200.  
  2201.  
  2202.       /* Posts and Pages
  2203.       ----------------------------------------------- */
  2204.  
  2205.       .item .post, .static_page .post {
  2206.         overflow: visible !important;
  2207.    
  2208.       }
  2209.       .item .entry-content, .static_page .entry-content {
  2210.         position: relative;
  2211.         padding: 20px 20px 0;
  2212.         margin-bottom: 30px;
  2213.       }
  2214.       .item .entry-title, .static_page .entry-title {
  2215.  
  2216.     padding: 20px 0 10px;
  2217.     margin: 0 20px;
  2218.     margin-top: 0;
  2219.     font-weight: 600;
  2220.     line-height: 0.5;
  2221.     color: #28292e;
  2222.     margin-bottom: 14px;
  2223.     font-family: &#39;Poppins&#39;,arial;
  2224.     font-size: 25px;
  2225.     letter-spacing: 2px;
  2226.  
  2227.        
  2228.       }
  2229.       .item .entry-title i, .static_page .entry-title i {
  2230.         margin-right: 5px;
  2231.       }
  2232.       .item .entry-content ul, .static_page .entry-content ul {
  2233.         list-style-type: disc;
  2234.         padding: 0 30px;
  2235.         margin-top: 0;
  2236.         margin-bottom: 10px;
  2237.       }
  2238.       .item .entry-content ol, .static_page .entry-content ol {
  2239.         list-style-type: decimal;
  2240.         padding: 0 30px;
  2241.         margin-top: 0;
  2242.         margin-bottom: 10px;
  2243.       }
  2244.       .item .post-share, .static_page .post-share {
  2245.         position: relative;
  2246.         float: right;
  2247.         width: 100%;
  2248.         right: 0;
  2249.         padding: 30px;
  2250.       }
  2251.       .item .post-share .pi-btn, .static_page .post-share .pi-btn {
  2252.         display: none;
  2253.       }
  2254.       .item .post-share .share, .static_page .post-share .share {
  2255.         -webkit-transform: translateX(5px);
  2256.         -moz-transform: translateX(5px);
  2257.         -ms-transform: translateX(5px);
  2258.         -o-transform: translateX(5px);
  2259.         transform: translateX(5px);
  2260.         opacity: 1;
  2261.         visibility: visible;
  2262.         float: right;
  2263.         -webkit-transition: all 0.3s ease;
  2264.         -moz-transition: all 0.3s ease;
  2265.         -ms-transition: all 0.3s ease;
  2266.         -o-transition: all 0.3s ease;
  2267.         transition: all 0.3s ease;
  2268.       }
  2269.       .item .post-share .share.share-active, .static_page .post-share .share.share-active {
  2270.         -webkit-transform: translateX(5px);
  2271.         -moz-transform: translateX(5px);
  2272.         -ms-transform: translateX(5px);
  2273.         -o-transform: translateX(5px);
  2274.         transform: translateX(5px);
  2275.         opacity: 1;
  2276.         visibility: visible;
  2277.       }
  2278.       .item .post-share .share a, .static_page .post-share .share a {
  2279.           display: inline-block;
  2280.           color: #535353;
  2281.           line-height: 36px;
  2282.           line-height: 5px;
  2283.           border: 1px solid #ddd;
  2284.           padding: 8px;
  2285.           width: 34px;
  2286.           text-align: center;
  2287.       }
  2288.       .related-post {
  2289.         background-color: #fff;
  2290.         padding: 50px 30px;
  2291.      
  2292.                   background: #fff;
  2293.     box-shadow: 1px -1px 0 0 #f2f2f2, inset 1px -1px 0 0 #f2f2f2;
  2294.       }
  2295.       .related-post h4 {
  2296.         margin-top: 0;
  2297.         font-size: 16px;
  2298.         color: #484848;
  2299.         text-transform: uppercase;
  2300.       }
  2301.       .col-md-4 {
  2302.         padding: 0 !important;
  2303.         padding-right: 15px !important;
  2304.         padding-left: 15px !important;
  2305.       }
  2306.       .related-post .related-post-item {
  2307.         text-align: center;
  2308.         margin-top: 35px;
  2309.       }
  2310.       .related-post .related-post-item .post-media img {
  2311.         width: 100%;
  2312.       }
  2313.       .related-post .related-post-item h2 {
  2314.         font-size: 12px;
  2315.         color: #484848;
  2316.         text-transform: uppercase;
  2317.         margin-top: 20px;
  2318.         margin-bottom: 5px;
  2319.       }
  2320.       .related-post .related-post-item h2 a {
  2321.         color: inherit;
  2322.         text-overflow: ellipsis;
  2323.         overflow: hidden;
  2324.       }
  2325.       .related-post .related-post-item h2 a:hover {
  2326.         color: #f09a75;
  2327.       }
  2328.       .signature {
  2329.         padding: 30px 20px 40px 20px;
  2330.       }
  2331.       .signature .inner {
  2332.         display: inline-block;
  2333.         text-align: center;
  2334.       }
  2335.       .signature img {
  2336.         width: 135px;
  2337.       }
  2338.       .signature .name {
  2339.         display: block;
  2340.         margin-top: 5px;
  2341.         font-family: &#39;Montserrat&#39;, sans-serif;
  2342.         font-size: 12px;
  2343.         text-transform: uppercase;
  2344.         color: #555;
  2345.       }
  2346.       .about-author {
  2347.            position: relative;
  2348.     margin-bottom: -1px;
  2349.     padding: 30px;
  2350.     background-color: #fff;
  2351.     background: #fff;
  2352.        box-shadow: 1px -1px 0 0 #f2f2f2, inset 1px -1px 0 0 #f2f2f2;
  2353.       }
  2354.       .about-author .image-thumb {
  2355.         width: 120px;
  2356.      
  2357.       }
  2358.       .about-author .author-name h4 {
  2359.         font-size: 14px;
  2360.         margin-top: 0;
  2361.       }
  2362.       .about-author .author-info {
  2363.         margin-left: 150px;
  2364.       }
  2365.       .about-author .author-social {
  2366.         margin-left: -6px;
  2367.         margin-right: -6px;
  2368.       }
  2369.       .about-author .author-social a {
  2370.         display: inline-block;
  2371.         font-size: 14px;
  2372.         color: #161616;
  2373.         margin: 4px 6px;
  2374.       }
  2375.       .about-author .author-social a:hover {
  2376.         color: #f09a75;
  2377.       }
  2378.  
  2379.  
  2380. .comments {
  2381.     clear: both;
  2382.     margin-top: 0px!important;
  2383.     margin-bottom: 0;
  2384. }
  2385.       #comments {
  2386.      
  2387.         background-color: #fff;
  2388.         padding: 0px 20px;
  2389.         display: inline-block;
  2390.         width: 100%;
  2391.         border-bottom-width: 0;
  2392.   background: #fff;
  2393.      box-shadow: 1px -1px 0 0 #f2f2f2, inset 1px -1px 0 0 #f2f2f2;
  2394.       }
  2395.       #comments &gt; h4 {
  2396.         color: #7B7B7B;
  2397.         padding: 20px;
  2398.         text-align: left;
  2399.         border-bottom: 1px solid #eee;
  2400.         font-size: 18px;
  2401.         font-weight: 300;
  2402.         letter-spacing: 1px;
  2403.       }
  2404.       #comments &gt; h4 i {
  2405.         float: right;
  2406.         line-height: 1.5em;
  2407.       }
  2408.       #comments #comment-post-message {
  2409.         padding-left: 20px;
  2410.         color: #7B7B7B;
  2411.       }
  2412.       #comments .user a {
  2413.         color: #555;
  2414.         font-style: normal;
  2415.         font-size: 16px;
  2416.         line-height: 26px;
  2417.         font-weight: 400;
  2418.         letter-spacing: 1px;
  2419.       }
  2420.       #comments .datetime,
  2421.       #comments .datetime a {
  2422.         color: #999;
  2423.         text-decoration: none;
  2424.         margin: 0 0px 0px;
  2425.         font-size: 14px;
  2426.         display: inline-block;
  2427.         float: right;
  2428.       }
  2429.       .comments .comments-content .comment-content {
  2430.         margin: 0 0 20px;
  2431.         color: #7B7B7B;
  2432.       }
  2433.       #comments .datetime a {
  2434.         margin:auto;
  2435.       }
  2436.       #comments .comment-actions a {
  2437.         background-color: #f09a75;
  2438.         border: 1px solid #f09a75;
  2439.         border-radius: 2px;
  2440.         color: #FFF;
  2441.         font-size: 11px;
  2442.         line-height: 1.2em;
  2443.         padding: 3px 9px 2px;
  2444.         text-transform: uppercase;
  2445.         text-decoration: none;
  2446.         margin-right: 10px;
  2447.       }
  2448.       #comments .comment-actions a:hover {
  2449.         color: #fff;
  2450.         background-color: #555;
  2451.         border: 1px solid #555;
  2452.       }
  2453.       #comments .comment {
  2454.         border-bottom: 1px solid #eee;
  2455.         padding: 0;
  2456.       }
  2457.       #comments .loadmore {
  2458.         margin-top: 0;
  2459.       }
  2460.       .comment-replies .inline-thread {
  2461.         background: #F7F7F7;
  2462.         border-width: 1px 1px 1px 3px;
  2463.         border-style: solid;
  2464.         border-color: #ddd #ddd #ddd #f09a75;
  2465.         margin: 20px 0 20px !important;
  2466.       }
  2467.       #comment-editor {
  2468.         height: 235px;
  2469.       }
  2470.       .comments .comments-content .avatar-image-container {
  2471.         max-height: 76px;
  2472.         width: 76px;
  2473.       }
  2474.       #comments .comments-content .avatar-image-container img {
  2475.         max-width: 76px;
  2476.         border: 1px solid #eee;
  2477.         -webkit-box-sizing: border-box;
  2478.         -moz-box-sizing: border-box;
  2479.         -ms-box-sizing: border-box;
  2480.         -o-box-sizing: border-box;
  2481.         box-sizing: border-box;
  2482.       }
  2483.       .comments .comment-block {
  2484.         margin-left: 98px;
  2485.       }
  2486.       span.icon.user.blog-author:after {
  2487.         background-color: #999;
  2488.         color: #eee;
  2489.         padding: 2px 5px;
  2490.         border-radius: 3px;
  2491.         font-weight: normal;
  2492.         font-size: 13px;
  2493.         content: &quot;Admin&quot;;
  2494.         display: inline-block;
  2495.       }
  2496.       .thread-toggle {
  2497.         display: block !important;
  2498.       }
  2499.       .thread-toggle.thread-expanded {
  2500.         border-bottom: 1px solid #ddd;
  2501.         width: 100%;
  2502.         padding: 0px 0 10px;
  2503.         margin-bottom: 10px;
  2504.       }
  2505.       .comments .thread-toggle .thread-arrow {
  2506.         margin: 0px 10px 1px 0;
  2507.       }
  2508.       #comments .thread-chrome .comment {
  2509.         border-bottom-color: #ddd !important;
  2510.       }
  2511.  
  2512. div#top-banner .widget {
  2513.     /* margin-top: 20px; */
  2514.     width: 728px;
  2515.     height: 90px;
  2516.     text-align: center;
  2517.     margin: 25px auto 0;
  2518. }
  2519.       /*---Flicker Image Gallery-----*/
  2520.       .flickr_plugin {
  2521.       width: 100%;
  2522.       }
  2523.       .flickr_badge_image {
  2524.       float: left;
  2525.       height: 68px;
  2526.       margin: 8px 5px 0px 5px;
  2527.       width: 68px;
  2528.       }
  2529.       .flickr_badge_image a {
  2530.       display: block;
  2531.       }
  2532.       .flickr_badge_image a img {
  2533.       display: block;
  2534.       width: 100%;
  2535.       height: auto;
  2536.       -webkit-transition: opacity 100ms linear;
  2537.       -moz-transition: opacity 100ms linear;
  2538.       -ms-transition: opacity 100ms linear;
  2539.       -o-transition: opacity 100ms linear;
  2540.       transition: opacity 100ms linear;
  2541.       }
  2542.       .flickr_badge_image a img:hover {
  2543.       opacity: .5;
  2544.       }
  2545.  
  2546.  
  2547.         #blog-pager {
  2548.         margin: 20px 0;
  2549.         }
  2550.         .showpageArea {
  2551.         display: inline-block;
  2552.         padding: 0 10px;
  2553.         position: relative;
  2554.         z-index: 2;
  2555.        
  2556.         }
  2557.         .showpageArea span {
  2558.         margin-bottom: 10px;
  2559.         }
  2560.         .blog-feeds {
  2561.         display: none;
  2562.         }
  2563.         .divider {
  2564.         position: relative;
  2565.         z-index: 1;
  2566.         margin: -60px 0 98px;
  2567.         text-align: center;
  2568.         border-bottom: 3px solid rgba(0, 0, 0, 0.05);
  2569.         border-color: rgba(0, 0, 0, 0.05);
  2570.         height: 6px;
  2571.         }
  2572.         .showpageOf {
  2573.         display: none;
  2574.         }
  2575.         .showpagePoint {
  2576.                  font-weight: bold;
  2577.     text-decoration: none;
  2578.     display: inline-block;
  2579.     background: #fff;
  2580.     border: 1px solid #222;
  2581.     background-color: #222;
  2582.     color: #fff;
  2583.     line-height: 1;
  2584.     padding: 10px 14px;
  2585.     margin: 3px 4px;
  2586.     transition: all 0.3s ease;
  2587.     border-radius: 2px;
  2588.     box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  2589.        
  2590.         }
  2591.         .showpageNum a {
  2592.           font-weight: bold;
  2593.         text-decoration: none;
  2594.         display: inline-block;
  2595.         background: #fff;
  2596.         color: #919394;
  2597.         border: 1px solid #d1d7dc;
  2598.         line-height: 1;
  2599.         padding: 10px 14px;
  2600.         margin: 3px 4px;
  2601.         transition: all 0.3s ease;
  2602.  
  2603.      
  2604.         }
  2605.         .showpage a {
  2606.           font-weight: bold;
  2607.           text-decoration: none;
  2608.           display: inline-block;
  2609.           background: #fff;
  2610.           color: #919394;
  2611.           border: 1px solid #d1d7dc;
  2612.           line-height: 1;
  2613.           padding: 10px 14px;
  2614.           margin: 3px 4px;
  2615.           transition: all 0.3s ease;
  2616.    
  2617.        
  2618.         }
  2619.         .showpage a:hover, .showpageNum a:hover {
  2620.         border-color: #a4a4a4;;
  2621.         }
  2622.        
  2623.         padding: 5px;
  2624.         overflow: hidden;
  2625.         background: none repeat scroll 0% 0% #000;
  2626.         color: #fff;
  2627.         z-index: 5;
  2628.         position: relative;
  2629.         }
  2630.  
  2631. .postfooter {
  2632.         padding: 20px;
  2633.         font-size: 18px;
  2634.         background: #F7F8F9;
  2635.         padding-top: 0px;
  2636. }
  2637. .traingle {
  2638.         content: &#39;&#39;;
  2639.         position: relative;
  2640.         z-index: 7;
  2641.         -webkit-transition: all .3s ease;
  2642.         -moz-transition: all .3s ease;
  2643.         -ms-transition: all .3s ease;
  2644.         -o-transition: all .3s ease;
  2645.         transition: all .3s ease;
  2646.         width: 0;
  2647.         margin-top: -19px;
  2648.         border-style: solid;
  2649.         border-width: 0 0 20px 250px;
  2650.         float: right;
  2651.         margin-bottom: -1px;
  2652.         border-color: transparent transparent #F7F8F9 transparent;
  2653. }
  2654. .postfooter .read {
  2655.         position: relative;
  2656.         z-index: 9;
  2657.         float: right;
  2658.         font-size: 12px;
  2659.         padding: 10px 26px;
  2660.         padding-left: 32px;
  2661.         color: #F2F2F2;
  2662.   margin-top: 5px;
  2663.         background: #555657;
  2664.         /* background: #DB3D3E; */
  2665.         font-weight: 700;
  2666.         text-transform: uppercase;
  2667.         -webkit-transition: all .3s ease;
  2668.         -moz-transition: all .3s ease;
  2669.         -ms-transition: all .3s ease;
  2670.         -o-transition: all .3s ease;
  2671.         transition: all .3s ease;
  2672.         letter-spacing: 1px;
  2673.         font-family: Arial, sans-serif;
  2674.         margin-right: -29px;
  2675.         border-right: 8px solid rgba(0,0,0,.15);
  2676.         border-radius: 0 3px 0 0;
  2677.         -webkit-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  2678.         -moz-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  2679.         -o-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  2680.         -ms-transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  2681.         transform: perspective(0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  2682. }
  2683.  
  2684. .postfooter .read:hover {
  2685.         margin-right: -27px;
  2686.         -webkit-transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
  2687.         -moz-transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
  2688.         -o-transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
  2689.         -ms-transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
  2690.         transform: perspective(120px) rotateX(0deg) rotateY(-32deg) rotateZ(0deg);
  2691. }
  2692. .postfooter .read:before {
  2693.         content: &#39;&#39;;
  2694.         position: absolute;
  2695.         margin-left: -33px;
  2696.         margin-top: -14px;
  2697.         width: 0;
  2698.         height: 0;
  2699.         border-style: solid;
  2700.         border-width: 44px 0 0 15px;
  2701.         border-color: transparent transparent transparent #F7F8F9;
  2702. }
  2703.  .postfooter .read:after {
  2704.         content: &#39;&#39;;
  2705.         position: absolute;
  2706.         right: 0;
  2707.         bottom: 0;
  2708.         margin-right: -7px;
  2709.         margin-bottom: -12px;
  2710.         width: 0;
  2711.         height: 0;
  2712.         border-style: solid;
  2713.         border-width: 12px 8px 0 0;
  2714.         border-color: #AFAFAF transparent transparent transparent;
  2715. }
  2716.  .postfooter .read:hover {
  2717.         opacity: .6;
  2718. }
  2719.  
  2720. .socialpost .icons {
  2721.   display: inline-block;
  2722.   padding-top: 4px;
  2723. }
  2724.  
  2725. .socialpost a .texts {
  2726.   width: 62px;
  2727.   display: inline-block;
  2728.   -webkit-transition: all 200ms ease-out;
  2729.   -moz-transition: all 200ms ease-out;
  2730.   -o-transition: all 200ms ease-out;
  2731.   -ms-transition: all 200ms ease-out;
  2732.   transition: all 200ms ease-out;
  2733.   position: absolute;
  2734.   text-align: center;
  2735.   margin-left: -47px;
  2736.   margin-top: -35px;
  2737.   font-size: 12px;
  2738.   background: #E1382D;
  2739.   border-radius: 2px;
  2740.   color: #FFFFFF;
  2741.   opacity: 0;
  2742. }
  2743.  
  2744. .socialpost a:hover .texts {
  2745.   z-index: 999;
  2746.   opacity: 1;
  2747. }
  2748. .linker {
  2749.         background: #FFFFFF;
  2750.         color: #aaa;
  2751.         padding: 8px 20px;
  2752.         padding-right: 10px;
  2753.         margin-top: 0;
  2754.         border-radius: 0 0 4px 4px;
  2755.         position: relative;
  2756. }
  2757. .linker:before {
  2758.         content: &#39;&#39;;
  2759.         position: absolute;
  2760.         z-index: 99;
  2761.         border-style: solid;
  2762.         border-width: 0 0 10px 15px;
  2763.         margin-left: -20px;
  2764.         margin-top: -28px;
  2765.         width: 0;
  2766.         height: 0;
  2767.         border-style: solid;
  2768.         border-width: 20px 0 0 240px;
  2769.         border-color: transparent transparent transparent #FFFFFF;
  2770. }
  2771.  
  2772. .linker a {
  2773.         color: #FFFFFF;
  2774. }
  2775.  
  2776. .linker .buttonlightbox {
  2777.         border: 1px solid #E7E7E7;
  2778.         line-height: 14px;
  2779.         margin-right: 10px;
  2780.         font-family: Verdana, Arial, sans-serif;
  2781.         text-transform: capitalize;
  2782.         border-radius: 70px;
  2783.         float: right;
  2784.         top: 8px;
  2785.         right: 72px;
  2786.         padding: 2px;
  2787.         width: 28px;
  2788.         height: 28px;
  2789.         padding: 6px;
  2790.         background: #FEFEFE;
  2791.         color: #656565;
  2792.   text-align: center;
  2793. }
  2794. .linker .buttonlightbox:hover {
  2795.         background: #F2F2F2;
  2796.         color: #989898;
  2797. }
  2798.  
  2799. .linker .forwards {
  2800.           float: right;
  2801.   padding: 0 5px;
  2802.   padding-left: 8px;
  2803.   background: #E1382D;
  2804.   color: #FFFFFF;
  2805.   border-radius: 100%;
  2806.   line-height: 28px;
  2807.   font-family: Verdana, Arial, sans-serif;
  2808.   font-size: 13px;
  2809.   width: 28px;
  2810. }
  2811. .linker .forwards a:hover {
  2812.         opacity: .7;
  2813.         color: #FFFFFF;
  2814. }
  2815. .linker .mcate {
  2816.         color: #BFBFBF;
  2817.         border: 1px solid #E7E7E7;
  2818.         line-height: 16px;
  2819.         margin-right: 10px;
  2820.         font-family: Verdana, Arial, sans-serif;
  2821.         text-transform: capitalize;
  2822.         border-radius: 70px;
  2823.         float: right;
  2824.         top: 8px;
  2825.         right: 36px;
  2826.         padding: 2px;
  2827.         width: 28px;
  2828.         height: 28px;
  2829.         padding: 5px;
  2830.         background: #FEFEFE;
  2831. }
  2832. .linker .mcate img {
  2833.         width: 24px;
  2834.         height: 24px;
  2835.         opacity: .55;
  2836. }
  2837. .linker .mcate a {
  2838.         color: #DFDFDF;
  2839. }
  2840. .linker .mcate .catepopup {
  2841.         position: absolute;
  2842.         z-index: 99;
  2843.         background: #FFFFFF;
  2844.         color: #C5C5C5;
  2845.         border: 1px solid #EAEAEA;
  2846.         padding: 4px 15px;
  2847.         border-radius: 3px;
  2848.         top: 9px;
  2849.         opacity: 0;
  2850.         width: 0px;
  2851.         right: 34px;
  2852.         overflow: hidden;
  2853.         -webkit-transition: all .3s ease;
  2854.         -moz-transition: all .3s ease;
  2855.         -ms-transition: all .3s ease;
  2856.         -o-transition: all .3s ease;
  2857.         transition: all .3s ease;
  2858. }
  2859. .linker .mcate:hover .catepopup {
  2860.         opacity: 1;
  2861.         width: auto;
  2862.         right: 78px;
  2863. }
  2864. .edit {
  2865. }
  2866. .edit .icon-comment-alt2 {
  2867.         color: #FFFFFF;
  2868. }
  2869. .colorlinks {
  2870.         color: #E1382D;
  2871. }
  2872.  
  2873.  
  2874. .socialpost a i {
  2875.   color: #a0a0a0 !important;
  2876. }
  2877.  
  2878. .socialpost i {
  2879.  
  2880.  
  2881.  
  2882.   margin-right: 12px;
  2883.   font-style: normal;
  2884.   font-weight: normal;
  2885.   speak: none;
  2886.   display: inline-block;
  2887.   text-decoration: inherit;
  2888.   width: 1em;
  2889.   margin-right: .2em;
  2890.   text-align: center;
  2891.   opacity: .8;
  2892.   font-variant: normal;
  2893.   text-transform: none;
  2894.   line-height: 1em;
  2895.   margin-left: .2em;
  2896.  
  2897. }
  2898.  
  2899.  
  2900.  
  2901. .postfooter .read:after {
  2902.   content: &#39;&#39;;
  2903.   position: absolute;
  2904.   right: 0;
  2905.   bottom: 0;
  2906.   margin-right: -7px;
  2907.   margin-bottom: -12px;
  2908.   width: 0;
  2909.   height: 0;
  2910.   border-style: solid;
  2911.   border-width: 12px 8px 0 0;
  2912.   border-color: #AFAFAF transparent transparent transparent;
  2913. }
  2914.      
  2915.  
  2916.        
  2917.  
  2918. .socialpost {
  2919.  
  2920.   line-height: 28px;
  2921.   color: #000000;
  2922.   float: left;
  2923.   margin-top: 4px;
  2924. }
  2925.              
  2926. .linker i.fa.fa-comment {
  2927.   margin-right: 5px;
  2928.   color: #aaa;
  2929. }
  2930.  
  2931.  
  2932. .justified-gallery {
  2933.   width: 100%;
  2934.   position: relative;
  2935.   overflow: hidden;
  2936.  
  2937. }
  2938. .justified-gallery a {
  2939.   position: absolute;
  2940.   display: inline-block;
  2941.   overflow: hidden;
  2942.   opacity: 0;
  2943.   filter: alpha(opacity=0);
  2944.   /* IE8 or Earlier */
  2945. }
  2946. .justified-gallery a img {
  2947.   position: absolute;
  2948.   top: 50%;
  2949.   left: 50%;
  2950.   margin: 0;
  2951.   padding: 0;
  2952.   border: none;
  2953. }
  2954. .justified-gallery a .caption {
  2955.   display: none;
  2956.   position: absolute;
  2957.   bottom: 0;
  2958.   padding: 5px;
  2959.  background-color:rgba(0,0,0,0.50);
  2960.   left: 0;
  2961.   right: 0;
  2962.   margin: 0;
  2963.   color: white;
  2964.   font-size: 14px;
  2965.   line-height: 16px;
  2966. }
  2967. .justified-gallery .spinner {
  2968.   position: absolute;
  2969.   bottom: 0;
  2970.   margin-left: -24px;
  2971.   padding: 5px 0 5px 0;
  2972.   left: 50%;
  2973. }
  2974. .justified-gallery .spinner span {
  2975.   display: inline-block;
  2976.   opacity: 0;
  2977.   filter: alpha(opacity=0);
  2978.   /* IE8 or Earlier */
  2979.   width: 8px;
  2980.   height: 8px;
  2981.   margin: 0 4px 0 4px;
  2982.   background-color: #000;
  2983.   border-top-left-radius: 6px;
  2984.   border-top-right-radius: 6px;
  2985.   border-bottom-right-radius: 6px;
  2986.   border-bottom-left-radius: 6px;
  2987. }
  2988.  
  2989.       /* Responsive
  2990.       ----------------------------------------------- */
  2991.       @media only screen and (min-width:992px) and (max-width:1199px) {
  2992.         #footer .container,.container {
  2993.           width: 970px;
  2994.         }
  2995.         .blog-content .col-md-9 {
  2996.           width: 69.8%;
  2997.         }
  2998.         .blog-content .col-md-3 {
  2999.           width: 30.2%;
  3000.         }
  3001.       }
  3002.       @media only screen and (max-width:991px) {
  3003.         .blog-content .col-md-9, .blog-content .col-md-3, #footer [class*=&quot;col-&quot;] {
  3004.           width: 100%;
  3005.         }
  3006.         .post-inner {
  3007.           margin-left: 70px !important;
  3008.         }
  3009.       }
  3010.       @media only screen and (min-width:768px) and (max-width:991px) {
  3011.        #footer .container, .container {
  3012.           width: 750px;
  3013.         }
  3014. .col-md-4 {
  3015.           width: 50%;
  3016.         }
  3017.       }
  3018.       @media only screen and (max-width:767px) {
  3019.       #footer .container,  .container {
  3020.           width: 100%;
  3021.         }
  3022. div#Social_Icons_Top {
  3023.     width: 100%;
  3024.     float: right;
  3025. }
  3026. .col-md-4 {
  3027.           width: 50%;
  3028.         }
  3029.         .post-inner {
  3030.           margin-left: 0 !important;
  3031.         }
  3032.         .item .blog-content .post .post-meta,
  3033.         .static_page .blog-content .post .post-meta {
  3034.           position: relative;
  3035.           left: 0px !important;
  3036.           transform: none !important;
  3037.           display: inline-block;
  3038.           width: 100%;
  3039.           text-align: center;
  3040.           background-color: #F7F9F9;
  3041.           padding-bottom: 20px;
  3042.         }
  3043.         .item .post-meta .post-date,
  3044.         .static_page .post-meta .post-date,
  3045.         .item .post-meta .post-comment,
  3046.         .static_page .post-meta .post-comment
  3047.         {
  3048.           display: inline-block;
  3049.           margin: 0 auto;
  3050.           vertical-align: top;
  3051.         }
  3052.         .item .post-meta .post-comment .fa,
  3053.         .static_page .post-meta .post-comment .fa {
  3054.           padding: 8px 0 !important;
  3055.         }
  3056.         .item .post-meta,
  3057.         .static_page .post-meta {
  3058.  
  3059.         }
  3060.         #footer [class*=&quot;col-&quot;] {
  3061.           padding-left: 25px !important;
  3062.           padding-right: 25px !important;
  3063.         }
  3064.       }
  3065.       @media only screen and (max-width:660px) {
  3066.         .col-md-6 {
  3067.           width: 100%;
  3068.         }
  3069.        .col-md-4 {
  3070.           width: 100%;
  3071.         }
  3072.         div#topnav {
  3073.           display: none;
  3074.         }
  3075.       }
  3076.       @media only screen and (max-width:491px) {
  3077.         .col-md-4 {
  3078.           width: 100%;
  3079.         }
  3080.         div#topnav {
  3081.           display: none;
  3082.         }
  3083.       }
  3084.  
  3085.     .share a {
  3086.       display: inline-block;
  3087.       margin: -7px 1px;
  3088.       color: #535353;
  3089.     }
  3090.  
  3091.  
  3092.  
  3093.  
  3094. /*** FEATURED AREA STYLES ***/
  3095. /*********************************************************/
  3096.  
  3097. .featured-area {
  3098.         margin-bottom:40px;
  3099.         overflow:hidden;
  3100.         height:400px;
  3101. }
  3102. .featured-area.tabs-wrapper img {
  3103.         float:left;
  3104.         margin-right:20px;
  3105.         width:620px;
  3106.         height:400px;
  3107. }
  3108. .featured-area ul.featured-tab {
  3109.         overflow:hidden;
  3110. }
  3111. .featured-area ul.featured-tab li {
  3112.         border-left:1px solid #e5e5e5;
  3113.         padding-left:18px;
  3114.         height:85px;
  3115.         margin-bottom:20px;
  3116. }
  3117. .featured-area ul.featured-tab li:last-child {
  3118.         margin-bottom:0;
  3119. }
  3120. .featured-area ul.featured-tab li.active {
  3121.         border-left:1px solid #000;
  3122. }
  3123. .featured-area ul.featured-tab li:hover {
  3124.         border-left:1px solid #000;
  3125.         -o-transition:.5s;
  3126.         -ms-transition:.5s;
  3127.         -moz-transition:.5s;
  3128.         -webkit-transition:.5s;
  3129.         transition:.5s;
  3130. }
  3131.  
  3132. .featured-area ul.featured-tab li .featured-text {
  3133.        
  3134. }
  3135. .featured-area ul.featured-tab li .featured-text h3 a {
  3136.         font-size:18px;
  3137.         color:#000;
  3138.         letter-spacing:1px;
  3139.         margin-bottom:2px;
  3140.         display:block;
  3141. }
  3142. .featured-area ul.featured-tab li .featured-text span.featured-meta {
  3143.         font-size:10px;
  3144.         font-family:&quot;Playfair Display&quot;;
  3145.         text-transform:uppercase;
  3146.         letter-spacing:1px;
  3147.         color:#999;
  3148. }
  3149.  
  3150. /** slider **/
  3151. .flexslider ul.slides li .overlay {
  3152.         background:rgba(0,0,0,.2);
  3153.         height:540px;
  3154.         width:1030px;
  3155.         position:absolute;
  3156.         bottom:0;
  3157.         -o-transition:.3s;
  3158.         -ms-transition:.3s;
  3159.         -moz-transition:.3s;
  3160.         -webkit-transition:.3s;
  3161.         transition:.3s;
  3162.         text-align: center;
  3163.         z-index:1;
  3164. }
  3165. .flexslider ul.slides li .overlay:before {
  3166.         content: &#39;&#39;;
  3167.         display: inline-block;
  3168.         height: 100%;
  3169.         vertical-align: middle;
  3170. }
  3171.  
  3172. .flexslider ul.slides li:hover &gt; .overlay {
  3173.         background:rgba(0,0,0,.6);
  3174. }
  3175.  
  3176. .flexslider ul.slides li .feature_text {
  3177.         width:80%;
  3178.         vertical-align: middle;
  3179.         display: inline-block;
  3180.         z-index:100;
  3181. }
  3182.  
  3183. .flexslider ul.slides li .feature_text .feature-line {
  3184.         margin-bottom:14px;
  3185. }
  3186. .flexslider ul.slides li .feature_text .feature-line span.line {
  3187.         height:3px;
  3188.         width:60px;
  3189.         background:#FFF;
  3190.         display:inline-block;
  3191. }
  3192.  
  3193. .flexslider ul.slides li .feature_text h2 a {
  3194.           color: #fff;
  3195.   line-height: 1.2em;
  3196.   margin-bottom: 12px;
  3197.   display: block;
  3198.   font-family: Raleway;
  3199.   font-size: 35px;
  3200.   font-weight: 400;
  3201.   font-style: normal;
  3202.   line-height: 1.25;
  3203.   letter-spacing: 3px;
  3204.   text-transform: uppercase;
  3205. }
  3206. .flexslider ul.slides li .feature_text p {
  3207.         color:#fff;
  3208.         font-size:15px;
  3209.         padding:1px 8px;
  3210.         display:inline-block;
  3211.         margin-bottom:40px;
  3212. }
  3213. .flexslider ul.slides li .feature_text span.feature_button {
  3214.         display:block;
  3215. }
  3216. .flexslider ul.slides li .feature_text span.feature_button a {
  3217.         border:3px solid #FFF;
  3218.         color:#FFF;
  3219.         padding:11px;
  3220.         text-transform:uppercase;
  3221.         font-size:14px;
  3222.         font-weight:700;
  3223.         letter-spacing:2px;
  3224.         font-family:Sans-serif;
  3225.         -o-transition:.3s;
  3226.         -ms-transition:.3s;
  3227.         -moz-transition:.3s;
  3228.         -webkit-transition:.3s;
  3229.         transition:.3s;
  3230. }
  3231. .flexslider ul.slides li .feature_text span.feature_button a:hover {
  3232.         background:#000;
  3233.         color:#fff;
  3234.         border:3px solid #FFF;
  3235. }
  3236. .flexslider ul.slides li .feature_text span.feature_button a i.fa {
  3237.         margin-left:1px;
  3238.         font-size:14px;
  3239. }
  3240.  
  3241. /*** flexslider gallery **/
  3242. .flexslider.gallery {
  3243.         margin-bottom:20px;
  3244. }
  3245.  
  3246. .flexslider .slides a.thumb {
  3247. display:block;
  3248. height:540px;
  3249. overflow:hidden;
  3250. position: relative;
  3251. }
  3252.  
  3253.  
  3254.  
  3255.  
  3256.  
  3257.  
  3258. .single-cat {
  3259.     background: #fff;
  3260.     display: inline-block;
  3261.     width: 100%;
  3262.     padding: 0 0 0 10%;
  3263.     line-height: 2.4;
  3264.     border-bottom: solid 1px #ECECEC;
  3265. }
  3266.  
  3267.  
  3268.  
  3269.       .related-header1{  padding: 30px 40px;}
  3270.  
  3271.  
  3272. .single-cat a {
  3273.     display: inline-block;
  3274.     font-size: 13px;
  3275.     font-weight: bold;
  3276.     text-transform: uppercase;
  3277.     letter-spacing: 2px;
  3278.     font-family: &quot;poppins&quot;;
  3279. }
  3280.  
  3281.  
  3282.  
  3283.  .related-header {
  3284.     right: 40px;
  3285.     position: absolute;
  3286.  
  3287.     bottom: 40px;
  3288.     width: 276px;
  3289.     height: 330px;
  3290.     background: #fff;
  3291.    
  3292.     border: 1px solid #eee;
  3293.     z-index: 9999;
  3294. }
  3295.  
  3296. .tile-layout{
  3297.         display:none;
  3298.         opacity:0;
  3299. }
  3300.  
  3301.  
  3302. .tile-layout .brick:hover .related-header, #featured-carousel_list .featured-post:hover .related-header{
  3303.         background:#fff;
  3304.         color:#333333 !important;
  3305. }
  3306. .related-header a,.related-header .meta-info,
  3307.  #featured-carousel_list .featured-post:hover .related-header .single-author,
  3308.  #featured-carousel_list .featured-post:hover .related-header .single-cat,
  3309.  .tile-layout .brick:hover .related-header a,
  3310.  .tile-layout .brick:hover .related-header .meta-info,
  3311.  .tile-layout .brick:hover .related-header .single-author,
  3312.  .tile-layout .brick:hover .related-header .single-cat
  3313.  {
  3314.         color:#333333;
  3315. }
  3316.  
  3317. .featured-post .related-header {
  3318.     right: 50px;
  3319.     position: absolute;
  3320.  
  3321.     top: 60px;
  3322.     width: 370px;
  3323.     height: 400px;
  3324.    background: rgba(255, 255, 255, 0.9);
  3325.    
  3326.     border: 1px solid #eee;
  3327.     z-index: 9999;
  3328.     overflow: hidden;
  3329. }
  3330.  
  3331. .single-cat{
  3332.     font-size: 13px;
  3333.     text-transform: uppercase;
  3334.         margin-bottom:20px;
  3335. }
  3336. .single-header .single-cat{    
  3337.         margin-bottom:0px;
  3338. }
  3339. .single-cat a{
  3340.     display: inline-block;
  3341.     font-size: 13px;
  3342.     font-weight: bold;
  3343.     text-transform: uppercase;
  3344.     letter-spacing: 2px;
  3345.     font-family: &quot;poppins&quot;;
  3346. }
  3347. .related-header h2{
  3348.        
  3349.  
  3350.     margin-bottom: 16px;
  3351.     text-transform: uppercase;
  3352.     letter-spacing: 1px;
  3353.     margin-top: 10px;
  3354.     font-size: 23px;
  3355.     font-family: &#39;Poppins&#39;;
  3356.     font-style: normal;
  3357.     font-weight: bold;
  3358.     line-height: 1.7em;
  3359.     position: relative;
  3360.     text-transform: uppercase;
  3361.     color: #1a1a1a;
  3362. }
  3363. .related-header h2 a:hover{
  3364.         color:rgba(51,51,51, .7) !important;
  3365. }
  3366. .featured-post .related-header .meta-info{
  3367.         color:#999;
  3368.         font-size:12px;
  3369. }
  3370.  .related-header .more-button {
  3371.             padding: 10px 20px 11px;
  3372.     margin-top: 30px;
  3373.     font-size: 11px;
  3374.     padding-bottom: 5px;
  3375.     display: inline-block;
  3376.     margin-top: 0px;
  3377.     margin-bottom: 5px;
  3378.     font-family: &quot;Montserrat&quot;, sans-serif;
  3379.     text-transform: uppercase;
  3380.     position: relative;
  3381.     font-weight: 600;
  3382.     letter-spacing: 2px;
  3383. }
  3384.  
  3385. .related-header p{
  3386.          margin-top: 15px;
  3387.        font-family: &quot;Lato&quot;, sans-serif;
  3388.     color: #555;
  3389.     font-size: 14px;
  3390.     line-height: 24px;
  3391.     margin-bottom: 25px;
  3392. }
  3393.  
  3394. .related-header .single-author{
  3395.         margin-bottom:0px;
  3396. }
  3397. .related-header .single-cat{
  3398.     display: inline-block;
  3399. }
  3400. .single-cat{
  3401.     padding: 5px 20px;
  3402. }
  3403. .related-header .single-cat{
  3404.         margin-bottom:20px;
  3405. }
  3406. .featured-post .related-header .single-cat{
  3407.         margin-bottom:0px;
  3408. }
  3409.  
  3410.  
  3411.     </style>
  3412.  
  3413.  
  3414.  
  3415. <b:if cond='data:blog.pageType in {&quot;item&quot;, &quot;static_page&quot;}'>
  3416.       <style>
  3417.  
  3418.  .post-meta {
  3419.         display: block;
  3420.     font-family: &quot;poppins&quot;;
  3421.     font-size: 14px;
  3422. }
  3423.  
  3424. .post-date {
  3425.     padding: 5px 20px;
  3426.     display: inline-block;
  3427. }
  3428. .post-comment {
  3429.     display: inline-block;
  3430. }
  3431.    
  3432. .post-comment a {
  3433.     color: #7B7B7B;
  3434. }  
  3435.  
  3436. .col-md-3 {
  3437.     padding-left: 1px;
  3438. }
  3439. </style>
  3440. </b:if>
  3441.  
  3442.     <b:if cond='data:blog.pageType == &quot;index&quot;'>
  3443. <style>
  3444.  body {font-size: 14px;}
  3445.  
  3446.  
  3447.  
  3448. .col-md-9 {
  3449.   width: 67%;
  3450. }
  3451.  
  3452.  
  3453.  
  3454. .post-media :hover .mask {
  3455.   right: -600px;
  3456. }
  3457.  
  3458. .blog-content .post .post-media .image-wrap {
  3459.   display: block;
  3460.   position: relative;
  3461. }
  3462.  
  3463. .image-wrap .mask {
  3464.   width: 600px;
  3465.   height: 303px;
  3466.   background: rgba(255, 255, 255, .1);
  3467.   display: inline-block;
  3468.   position: absolute;
  3469.   right: 350px;
  3470.   top: 0;
  3471.   -moz-transform: skew(-45deg);
  3472.   -webkit-transform: skew(-45deg);
  3473.   -webkit-transition: all .6s ease-in-out;
  3474.   -moz-transition: all .6s ease-in-out;
  3475.   -ms-transition: all .6s ease-in-out;
  3476.   -o-transition: all .6s ease-in-out;
  3477.   transition: all .6s ease-in-out;
  3478. }
  3479.  
  3480.  
  3481.    .blog-content .post .post-meta .post-comment {
  3482.          background-color: rgba(0, 0, 0, 0.08);
  3483.   border: 1px solid rgba(0, 0, 0, 0.08);
  3484.       }
  3485.          
  3486.             .blog-content .post .post-meta .post-comment .fa {
  3487.   color: #fff;
  3488.   border-bottom: 2px solid #fff;
  3489.       }
  3490.          
  3491.            .blog-content .post .post-meta .post-comment a {
  3492.   color: #fff;
  3493.       }
  3494.          
  3495.           .blog-content .post .post-meta .post-date {
  3496.   background-color: rgba(0, 0, 0, 0.08);
  3497.  border: 1px solid rgba(0, 0, 0, 0.08);
  3498. }
  3499.  
  3500. .blog-content .post .post-meta .post-date .year {
  3501. color: #fff;
  3502. border-bottom: 2px solid #fff;
  3503. }
  3504.  
  3505. .blog-content .post .post-meta .post-date .month, .blog-content .post .post-meta .post-date .day {
  3506. color: #fff;
  3507. }
  3508.  
  3509.  
  3510.   .blog-grid .post:hover .post-meta {
  3511.         right: 10px!important;
  3512.         -webkit-transform: translateX(0);
  3513.         -moz-transform: translateX(0);
  3514.         -ms-transform: translateX(0);
  3515.         -o-transform: translateX(0);
  3516.         transform: translateX(0);
  3517. opacity: 1;
  3518.       }
  3519.          
  3520. .blog-content .post .post-meta {
  3521.   position: absolute;
  3522.   top: 0;
  3523.   right: -10px!important;
  3524.   -webkit-transform: translateX(100%);
  3525.   -moz-transform: translateX(100%);
  3526.   -ms-transform: translateX(100%);
  3527.   -o-transform: translateX(100%);
  3528.   transform: translateX(100%);
  3529.   z-index: 99;
  3530. }
  3531.          
  3532. .blog-content .post .post-meta {
  3533.   position: absolute;
  3534.   top: 10px;
  3535.   right: -10px!important;
  3536.   -webkit-transform: translateX(100%);
  3537.   -moz-transform: translateX(100%);
  3538.   -ms-transform: translateX(100%);
  3539.   -o-transform: translateX(100%);
  3540.   transform: translateX(100%);
  3541.   z-index: 99;
  3542. }
  3543.  
  3544. .blog-grid .post:hover .post-meta {
  3545.   right: 10px!important;
  3546.   -webkit-transform: translateX(0);
  3547.   -moz-transform: translateX(0);
  3548.   -ms-transform: translateX(0);
  3549.   -o-transform: translateX(0);
  3550.   transform: translateX(0);
  3551.   opacity: 1;
  3552. }
  3553. a.more-link {
  3554.     background-color: #28292e;
  3555.     padding: 0px 9px 0px;
  3556.     color: #fff;
  3557.     display: table;
  3558.     color: #FFFFFF;
  3559.     float: left;
  3560. }
  3561. .more-link:after {
  3562. position: relative;
  3563. display: inline-block;
  3564. font-family: &quot;FontAwesome&quot;;
  3565. content: &quot;\f178&quot;;
  3566. color: #fff;
  3567. font-size: 10px;
  3568. font-style: normal;
  3569. margin-left: 2px;
  3570. opacity: 0;
  3571. margin-left: -10px;
  3572. -o-transition: all.3s;
  3573. -ms-transition: all .3s;
  3574. -moz-transition: all .3s;
  3575. -webkit-transition: all .3s;
  3576. }
  3577. .more-link:hover:after {
  3578. opacity: 1;
  3579. padding-left: 5px;
  3580. margin-left: 6px;
  3581. }
  3582. .more-link:hover{
  3583. background: #f09a75;
  3584. }
  3585.  
  3586. .comment-o a {
  3587.     float: right;
  3588.     color: #28292E;
  3589. }
  3590.  
  3591.  
  3592. .comment-o i {
  3593.     color: #28292E;
  3594.     margin-right: 5px;
  3595. }
  3596.  
  3597.  @media only screen and (min-width:992px) and (max-width:1199px) {
  3598.        #footer .container, .container {
  3599.           width: 970px;
  3600.         }
  3601.         .blog-content .col-md-9 {
  3602.           width: 100%;
  3603.         }
  3604.       }
  3605.  
  3606. /*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
  3607. .fancybox-wrap,
  3608. .fancybox-skin,
  3609. .fancybox-outer,
  3610. .fancybox-inner,
  3611. .fancybox-image,
  3612. .fancybox-wrap iframe,
  3613. .fancybox-wrap object,
  3614. .fancybox-nav,
  3615. .fancybox-nav span,
  3616. .fancybox-tmp
  3617. {
  3618.         padding: 0;
  3619.         margin: 0;
  3620.         border: 0;
  3621.         outline: none;
  3622.         vertical-align: top;
  3623. }
  3624.  
  3625. .fancybox-wrap {
  3626.         position: absolute;
  3627.         top: 0;
  3628.         left: 0;
  3629.         z-index: 8020;
  3630. }
  3631.  
  3632. .fancybox-skin {
  3633.         position: relative;
  3634.         background: #f9f9f9;
  3635.         color: #444;
  3636.         text-shadow: none;
  3637.         -webkit-border-radius: 4px;
  3638.            -moz-border-radius: 4px;
  3639.                 border-radius: 4px;
  3640. }
  3641.  
  3642. .fancybox-opened {
  3643.         z-index: 8030;
  3644. }
  3645.  
  3646. .fancybox-opened .fancybox-skin {
  3647.         -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  3648.            -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  3649.                 box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  3650. }
  3651.  
  3652. .fancybox-outer, .fancybox-inner {
  3653.         position: relative;
  3654. }
  3655.  
  3656. .fancybox-inner {
  3657.         overflow: hidden;
  3658. }
  3659.  
  3660. .fancybox-type-iframe .fancybox-inner {
  3661.         -webkit-overflow-scrolling: touch;
  3662. }
  3663.  
  3664. .fancybox-error {
  3665.         color: #444;
  3666.         font: 14px/20px &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;
  3667.         margin: 0;
  3668.         padding: 15px;
  3669.         white-space: nowrap;
  3670. }
  3671.  
  3672. .fancybox-image, .fancybox-iframe {
  3673.         display: block;
  3674.         width: 100%;
  3675.         height: 100%;
  3676. }
  3677.  
  3678. .fancybox-image {
  3679.         max-width: 100%;
  3680.         max-height: 100%;
  3681. }
  3682.  
  3683. #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  3684.         background-image: url(http://3.bp.blogspot.com/-th8ud8cTu-A/VZEJtPqU86I/AAAAAAAAF98/OCCrKEzh73E/s1600/fancybox_sprite.png);
  3685. }
  3686.  
  3687. #fancybox-loading {
  3688.         position: fixed;
  3689.         top: 50%;
  3690.         left: 50%;
  3691.         margin-top: -22px;
  3692.         margin-left: -22px;
  3693.         background-position: 0 -108px;
  3694.         opacity: 0.8;
  3695.         cursor: pointer;
  3696.         z-index: 8060;
  3697. }
  3698.  
  3699. #fancybox-loading div {
  3700.         width: 44px;
  3701.         height: 44px;
  3702.         background: url(ttp://3.bp.blogspot.com/-okEcm3h39X4/VZEKPmAR6QI/AAAAAAAAF-M/bUxvlD5I7gI/s1600/fancybox_loading.gif) center center no-repeat;
  3703. }
  3704.  
  3705. .fancybox-close {
  3706.         position: absolute;
  3707.         top: -18px;
  3708.         right: -18px;
  3709.         width: 36px;
  3710.         height: 36px;
  3711.         cursor: pointer;
  3712.         z-index: 8040;
  3713. }
  3714.  
  3715. .fancybox-nav {
  3716.         position: absolute;
  3717.         top: 0;
  3718.         width: 40%;
  3719.         height: 100%;
  3720.         cursor: pointer;
  3721.         text-decoration: none;
  3722.         background: transparent url(blank.gif); /* helps IE */
  3723.         -webkit-tap-highlight-color: rgba(0,0,0,0);
  3724.         z-index: 8040;
  3725. }
  3726.  
  3727. .fancybox-prev {
  3728.         left: 0;
  3729. }
  3730.  
  3731. .fancybox-next {
  3732.         right: 0;
  3733. }
  3734.  
  3735. .fancybox-nav span {
  3736.         position: absolute;
  3737.         top: 50%;
  3738.         width: 36px;
  3739.         height: 34px;
  3740.         margin-top: -18px;
  3741.         cursor: pointer;
  3742.         z-index: 8040;
  3743.         visibility: hidden;
  3744. }
  3745.  
  3746. .fancybox-prev span {
  3747.         left: 10px;
  3748.         background-position: 0 -36px;
  3749. }
  3750.  
  3751. .fancybox-next span {
  3752.         right: 10px;
  3753.         background-position: 0 -72px;
  3754. }
  3755.  
  3756. .fancybox-nav:hover span {
  3757.         visibility: visible;
  3758. }
  3759.  
  3760. .fancybox-tmp {
  3761.         position: absolute;
  3762.         top: -99999px;
  3763.         left: -99999px;
  3764.         max-width: 99999px;
  3765.         max-height: 99999px;
  3766.         overflow: visible !important;
  3767. }
  3768.  
  3769. /* Overlay helper */
  3770.  
  3771. .fancybox-lock {
  3772.     overflow: visible !important;
  3773.     width: auto;
  3774. }
  3775.  
  3776. .fancybox-lock body {
  3777.     overflow: hidden !important;
  3778. }
  3779.  
  3780. .fancybox-lock-test {
  3781.     overflow-y: hidden !important;
  3782. }
  3783.  
  3784. .fancybox-overlay {
  3785.         position: absolute;
  3786.         top: 0;
  3787.         left: 0;
  3788.         overflow: hidden;
  3789.         display: none;
  3790.         z-index: 8010;
  3791.         background: url(http://1.bp.blogspot.com/-i1eHHBrnFNs/VZEKNyEdhpI/AAAAAAAAF-E/OpFoVgeuG44/s1600/fancybox_overlay.png);
  3792. }
  3793.  
  3794. .fancybox-overlay-fixed {
  3795.         position: fixed;
  3796.         bottom: 0;
  3797.         right: 0;
  3798. }
  3799.  
  3800. .fancybox-lock .fancybox-overlay {
  3801.         overflow: auto;
  3802.         overflow-y: scroll;
  3803. }
  3804.  
  3805. /* Title helper */
  3806.  
  3807. .fancybox-title {
  3808.         visibility: hidden;
  3809.         font: normal 13px/20px &quot;Helvetica Neue&quot;,Helvetica,Arial,sans-serif;
  3810.         position: relative;
  3811.         text-shadow: none;
  3812.         z-index: 8050;
  3813. }
  3814.  
  3815. .fancybox-opened .fancybox-title {
  3816.         visibility: visible;
  3817. }
  3818.  
  3819. .fancybox-title-float-wrap {
  3820.         position: absolute;
  3821.         bottom: 0;
  3822.         right: 50%;
  3823.         margin-bottom: -35px;
  3824.         z-index: 8050;
  3825.         text-align: center;
  3826. }
  3827.  
  3828. .fancybox-title-float-wrap .child {
  3829.         display: inline-block;
  3830.         margin-right: -100%;
  3831.         padding: 2px 20px;
  3832.         background: transparent; /* Fallback for web browsers that doesn&#39;t support RGBa */
  3833.         background: rgba(0, 0, 0, 0.8);
  3834.         -webkit-border-radius: 15px;
  3835.            -moz-border-radius: 15px;
  3836.                 border-radius: 15px;
  3837.         text-shadow: 0 1px 2px #222;
  3838.         color: #FFF;
  3839.         font-weight: bold;
  3840.         line-height: 24px;
  3841.         white-space: nowrap;
  3842. }
  3843.  
  3844. .fancybox-title-outside-wrap {
  3845.         position: relative;
  3846.         margin-top: 10px;
  3847.         color: #fff;
  3848. }
  3849.  
  3850. .fancybox-title-inside-wrap {
  3851.         padding-top: 10px;
  3852. }
  3853.  
  3854. .fancybox-title-over-wrap {
  3855.         position: absolute;
  3856.         bottom: 0;
  3857.         left: 0;
  3858.         color: #fff;
  3859.         padding: 10px;
  3860.         background: #000;
  3861.         background: rgba(0, 0, 0, .8);
  3862. }
  3863.  
  3864. /*Retina graphics!*/
  3865. @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  3866.            only screen and (min--moz-device-pixel-ratio: 1.5),
  3867.            only screen and (min-device-pixel-ratio: 1.5){
  3868.  
  3869.         #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  3870.                 background-image: url(fancybox_sprite@2x.png);
  3871.                 background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
  3872.         }
  3873.  
  3874.         #fancybox-loading div {
  3875.                 background-image: url(fancybox_loading@2x.gif);
  3876.                 background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
  3877.         }
  3878. }
  3879.  
  3880. a.fancybox i{
  3881.   color: #aaa;
  3882. }
  3883.  
  3884.  
  3885. /* Magnific Popup CSS */
  3886. .mfp-bg {
  3887.   top: 0;
  3888.   left: 0;
  3889.   width: 100%;
  3890.   height: 100%;
  3891.   z-index: 1042;
  3892.   overflow: hidden;
  3893.   position: fixed;
  3894.   background: #0b0b0b;
  3895.   opacity: 0.8;
  3896.   filter: alpha(opacity=80); }
  3897.  
  3898. .mfp-wrap {
  3899.   top: 0;
  3900.   left: 0;
  3901.   width: 100%;
  3902.   height: 100%;
  3903.   z-index: 1043;
  3904.   position: fixed;
  3905.   outline: none !important;
  3906.   -webkit-backface-visibility: hidden; }
  3907.  
  3908. .mfp-container {
  3909.   text-align: center;
  3910.   position: absolute;
  3911.   width: 100%;
  3912.   height: 100%;
  3913.   left: 0;
  3914.   top: 0;
  3915.   padding: 0 8px;
  3916.   -webkit-box-sizing: border-box;
  3917.   -moz-box-sizing: border-box;
  3918.   box-sizing: border-box; }
  3919.  
  3920. .mfp-container:before {
  3921.   content: &#39;&#39;;
  3922.   display: inline-block;
  3923.   height: 100%;
  3924.   vertical-align: middle; }
  3925.  
  3926. .mfp-align-top .mfp-container:before {
  3927.   display: none; }
  3928.  
  3929. .mfp-content {
  3930.   position: relative;
  3931.   display: inline-block;
  3932.   vertical-align: middle;
  3933.   margin: 0 auto;
  3934.   text-align: left;
  3935.   z-index: 1045; }
  3936.  
  3937. .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  3938.   width: 100%;
  3939.   cursor: auto; }
  3940.  
  3941. .mfp-ajax-cur {
  3942.   cursor: progress; }
  3943.  
  3944. .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  3945.   cursor: -moz-zoom-out;
  3946.   cursor: -webkit-zoom-out;
  3947.   cursor: zoom-out; }
  3948.  
  3949. .mfp-zoom {
  3950.   cursor: pointer;
  3951.   cursor: -webkit-zoom-in;
  3952.   cursor: -moz-zoom-in;
  3953.   cursor: zoom-in; }
  3954.  
  3955. .mfp-auto-cursor .mfp-content {
  3956.   cursor: auto; }
  3957.  
  3958. .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  3959.   -webkit-user-select: none;
  3960.   -moz-user-select: none;
  3961.   user-select: none; }
  3962.  
  3963. .mfp-loading.mfp-figure {
  3964.   display: none; }
  3965.  
  3966. .mfp-hide {
  3967.   display: none !important; }
  3968.  
  3969. .mfp-preloader {
  3970.   color: #cccccc;
  3971.   position: absolute;
  3972.   top: 50%;
  3973.   width: auto;
  3974.   text-align: center;
  3975.   margin-top: -0.8em;
  3976.   left: 8px;
  3977.   right: 8px;
  3978.   z-index: 1044; }
  3979.   .mfp-preloader a {
  3980.     color: #cccccc; }
  3981.     .mfp-preloader a:hover {
  3982.       color: white; }
  3983.  
  3984. .mfp-s-ready .mfp-preloader {
  3985.   display: none; }
  3986.  
  3987. .mfp-s-error .mfp-content {
  3988.   display: none; }
  3989.  
  3990. button.mfp-close, button.mfp-arrow {
  3991.   overflow: visible;
  3992.   cursor: pointer;
  3993.   background: transparent;
  3994.   border: 0;
  3995.   -webkit-appearance: none;
  3996.   display: block;
  3997.   outline: none;
  3998.   padding: 0;
  3999.   z-index: 1046;
  4000.   -webkit-box-shadow: none;
  4001.   box-shadow: none; }
  4002. button::-moz-focus-inner {
  4003.   padding: 0;
  4004.   border: 0; }
  4005.  
  4006. .mfp-close {
  4007.   width: 44px;
  4008.   height: 44px;
  4009.   line-height: 44px;
  4010.   position: absolute;
  4011.   right: 0;
  4012.   top: 0;
  4013.   text-decoration: none;
  4014.   text-align: center;
  4015.   opacity: 0.65;
  4016.   filter: alpha(opacity=65);
  4017.   padding: 0 0 18px 10px;
  4018.   color: white;
  4019.   font-style: normal;
  4020.   font-size: 28px;
  4021. }
  4022.   .mfp-close:hover, .mfp-close:focus {
  4023.     opacity: 1;
  4024.     filter: alpha(opacity=100); }
  4025.   .mfp-close:active {
  4026.     top: 1px; }
  4027.  
  4028. .mfp-close-btn-in .mfp-close {
  4029.   color: #333333; }
  4030.  
  4031. .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  4032.   color: white;
  4033.   right: -6px;
  4034.   text-align: right;
  4035.   padding-right: 6px;
  4036.   width: 100%; }
  4037.  
  4038. .mfp-counter {
  4039.   position: absolute;
  4040.   top: 0;
  4041.   right: 0;
  4042.   color: #cccccc;
  4043.   font-size: 12px;
  4044.   line-height: 18px; }
  4045.  
  4046. .mfp-arrow {
  4047.   position: absolute;
  4048.   opacity: 0.65;
  4049.   filter: alpha(opacity=65);
  4050.   margin: 0;
  4051.   top: 50%;
  4052.   margin-top: -55px;
  4053.   padding: 0;
  4054.   width: 90px;
  4055.   height: 110px;
  4056.   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  4057.   .mfp-arrow:active {
  4058.     margin-top: -54px; }
  4059.   .mfp-arrow:hover, .mfp-arrow:focus {
  4060.     opacity: 1;
  4061.     filter: alpha(opacity=100); }
  4062.   .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
  4063.     content: &#39;&#39;;
  4064.     display: block;
  4065.     width: 0;
  4066.     height: 0;
  4067.     position: absolute;
  4068.     left: 0;
  4069.     top: 0;
  4070.     margin-top: 35px;
  4071.     margin-left: 35px;
  4072.     border: medium inset transparent; }
  4073.   .mfp-arrow:after, .mfp-arrow .mfp-a {
  4074.     border-top-width: 13px;
  4075.     border-bottom-width: 13px;
  4076.     top: 8px; }
  4077.   .mfp-arrow:before, .mfp-arrow .mfp-b {
  4078.     border-top-width: 21px;
  4079.     border-bottom-width: 21px;
  4080.     opacity: 0.7; }
  4081.  
  4082. .mfp-arrow-left {
  4083.   left: 0; }
  4084.   .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
  4085.     border-right: 17px solid white;
  4086.     margin-left: 31px; }
  4087.   .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
  4088.     margin-left: 25px;
  4089.     border-right: 27px solid #3f3f3f; }
  4090.  
  4091. .mfp-arrow-right {
  4092.   right: 0; }
  4093.   .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
  4094.     border-left: 17px solid white;
  4095.     margin-left: 39px; }
  4096.   .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
  4097.     border-left: 27px solid #3f3f3f; }
  4098.  
  4099. .mfp-iframe-holder {
  4100.   padding-top: 40px;
  4101.   padding-bottom: 40px; }
  4102.   .mfp-iframe-holder .mfp-content {
  4103.     line-height: 0;
  4104.     width: 100%;
  4105.     max-width: 900px; }
  4106.   .mfp-iframe-holder .mfp-close {
  4107.     top: -40px; }
  4108.  
  4109. .mfp-iframe-scaler {
  4110.   width: 100%;
  4111.   height: 0;
  4112.   overflow: hidden;
  4113.   padding-top: 56.25%; }
  4114.   .mfp-iframe-scaler iframe {
  4115.     position: absolute;
  4116.     display: block;
  4117.     top: 0;
  4118.     left: 0;
  4119.     width: 100%;
  4120.     height: 100%;
  4121.     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  4122.     background: black; }
  4123.  
  4124. /* Main image in popup */
  4125. img.mfp-img {
  4126.   width: auto;
  4127.   max-width: 100%;
  4128.   height: auto;
  4129.   display: block;
  4130.   line-height: 0;
  4131.   -webkit-box-sizing: border-box;
  4132.   -moz-box-sizing: border-box;
  4133.   box-sizing: border-box;
  4134.   padding: 40px 0 40px;
  4135.   margin: 0 auto; }
  4136.  
  4137. /* The shadow behind the image */
  4138. .mfp-figure {
  4139.   line-height: 0; }
  4140.   .mfp-figure:after {
  4141.     content: &#39;&#39;;
  4142.     position: absolute;
  4143.     left: 0;
  4144.     top: 40px;
  4145.     bottom: 40px;
  4146.     display: block;
  4147.     right: 0;
  4148.     width: auto;
  4149.     height: auto;
  4150.     z-index: -1;
  4151.     box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  4152.     background: #444444; }
  4153.   .mfp-figure small {
  4154.     color: #bdbdbd;
  4155.     display: block;
  4156.     font-size: 12px;
  4157.     line-height: 14px; }
  4158.   .mfp-figure figure {
  4159.     margin: 0; }
  4160.  
  4161. .mfp-bottom-bar {
  4162.   margin-top: -36px;
  4163.   position: absolute;
  4164.   top: 100%;
  4165.   left: 0;
  4166.   width: 100%;
  4167.   cursor: auto; }
  4168.  
  4169. .mfp-title {
  4170.   text-align: left;
  4171.   line-height: 18px;
  4172.   color: #f3f3f3;
  4173.   word-wrap: break-word;
  4174.   padding-right: 36px; }
  4175.  
  4176. .mfp-image-holder .mfp-content {
  4177.   max-width: 100%; }
  4178.  
  4179. .mfp-gallery .mfp-image-holder .mfp-figure {
  4180.   cursor: pointer; }
  4181.  
  4182. @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  4183.   /**
  4184.        * Remove all paddings around the image on small screen
  4185.        */
  4186.   .mfp-img-mobile .mfp-image-holder {
  4187.     padding-left: 0;
  4188.     padding-right: 0; }
  4189.   .mfp-img-mobile img.mfp-img {
  4190.     padding: 0; }
  4191.   .mfp-img-mobile .mfp-figure:after {
  4192.     top: 0;
  4193.     bottom: 0; }
  4194.   .mfp-img-mobile .mfp-figure small {
  4195.     display: inline;
  4196.     margin-left: 5px; }
  4197.   .mfp-img-mobile .mfp-bottom-bar {
  4198.     background: rgba(0, 0, 0, 0.6);
  4199.     bottom: 0;
  4200.     margin: 0;
  4201.     top: auto;
  4202.     padding: 3px 5px;
  4203.     position: fixed;
  4204.     -webkit-box-sizing: border-box;
  4205.     -moz-box-sizing: border-box;
  4206.     box-sizing: border-box; }
  4207.     .mfp-img-mobile .mfp-bottom-bar:empty {
  4208.       padding: 0; }
  4209.   .mfp-img-mobile .mfp-counter {
  4210.     right: 5px;
  4211.     top: 3px; }
  4212.   .mfp-img-mobile .mfp-close {
  4213.     top: 0;
  4214.     right: 0;
  4215.     width: 35px;
  4216.     height: 35px;
  4217.     line-height: 35px;
  4218.     background: rgba(0, 0, 0, 0.6);
  4219.     position: fixed;
  4220.     text-align: center;
  4221.     padding: 0; } }
  4222.  
  4223. @media all and (max-width: 900px) {
  4224.   .mfp-arrow {
  4225.     -webkit-transform: scale(0.75);
  4226.     transform: scale(0.75); }
  4227.   .mfp-arrow-left {
  4228.     -webkit-transform-origin: 0;
  4229.     transform-origin: 0; }
  4230.   .mfp-arrow-right {
  4231.     -webkit-transform-origin: 100%;
  4232.     transform-origin: 100%; }
  4233.   .mfp-container {
  4234.     padding-left: 6px;
  4235.     padding-right: 6px; } }
  4236.  
  4237. .mfp-ie7 .mfp-img {
  4238.   padding: 0; }
  4239. .mfp-ie7 .mfp-bottom-bar {
  4240.   width: 600px;
  4241.   left: 50%;
  4242.   margin-left: -300px;
  4243.   margin-top: 5px;
  4244.   padding-bottom: 5px; }
  4245. .mfp-ie7 .mfp-container {
  4246.   padding: 0; }
  4247. .mfp-ie7 .mfp-content {
  4248.   padding-top: 44px; }
  4249. .mfp-ie7 .mfp-close {
  4250.   top: 0;
  4251.   right: 0;
  4252.   padding-top: 0; }
  4253. /* Styles for dialog window */
  4254. #small-dialog, #small-dialogs {
  4255.         border-bottom:1px solid #eee;
  4256.         padding: 30px 30px;
  4257.         text-align: left;
  4258.         max-width: 1000px;
  4259.         margin: 40px auto;
  4260.         position: relative;
  4261. }
  4262.  
  4263.  
  4264. /**
  4265.  * Fade-zoom animation for first dialog
  4266.  */
  4267.  
  4268. /* start state */
  4269. .my-mfp-zoom-in .zoom-anim-dialog {
  4270.         opacity: 0;
  4271.  
  4272.         -webkit-transition: all 0.2s ease-in-out;
  4273.         -moz-transition: all 0.2s ease-in-out;
  4274.         -o-transition: all 0.2s ease-in-out;
  4275.         transition: all 0.2s ease-in-out;
  4276.  
  4277.  
  4278.  
  4279.         -webkit-transform: scale(0.8);
  4280.         -moz-transform: scale(0.8);
  4281.         -ms-transform: scale(0.8);
  4282.         -o-transform: scale(0.8);
  4283.         transform: scale(0.8);
  4284. }
  4285.  
  4286. /* animate in */
  4287. .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
  4288.         opacity: 1;
  4289.  
  4290.         -webkit-transform: scale(1);
  4291.         -moz-transform: scale(1);
  4292.         -ms-transform: scale(1);
  4293.         -o-transform: scale(1);
  4294.         transform: scale(1);
  4295. }
  4296.  
  4297. /* animate out */
  4298. .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
  4299.         -webkit-transform: scale(0.8);
  4300.         -moz-transform: scale(0.8);
  4301.         -ms-transform: scale(0.8);
  4302.         -o-transform: scale(0.8);
  4303.         transform: scale(0.8);
  4304.  
  4305.         opacity: 0;
  4306. }
  4307.  
  4308. /* Dark overlay, start state */
  4309. .my-mfp-zoom-in.mfp-bg {
  4310.         opacity: 0;
  4311.         -webkit-transition: opacity 0.3s ease-out;
  4312.         -moz-transition: opacity 0.3s ease-out;
  4313.         -o-transition: opacity 0.3s ease-out;
  4314.         transition: opacity 0.3s ease-out;
  4315.         background:#ffffff;
  4316. }
  4317. /* animate in */
  4318. .my-mfp-zoom-in.mfp-ready.mfp-bg {
  4319.         opacity: 0.97;
  4320. }
  4321. /* animate out */
  4322. .my-mfp-zoom-in.mfp-removing.mfp-bg {
  4323.         opacity: 0;
  4324. }
  4325.  
  4326.  
  4327.  
  4328. </style>
  4329.  
  4330.  
  4331.  
  4332.  
  4333.  
  4334. <style>
  4335. /*
  4336.  * jQuery FlexSlider v2.2.0
  4337.  * http://www.woothemes.com/flexslider/
  4338.  *
  4339.  * Copyright 2012 WooThemes
  4340.  * Free to use under the GPLv2 license.
  4341.  * http://www.gnu.org/licenses/gpl-2.0.html
  4342.  *
  4343.  * Contributing author: Tyler Smith (@mbmufffin)
  4344.  */
  4345.  
  4346.  
  4347. /* Browser Resets
  4348. *********************************/
  4349. .flex-container a:active,
  4350. .flexslider a:active,
  4351. .flex-container a:focus,
  4352. .flexslider a:focus  {outline: none;}
  4353. .slides,
  4354. .flex-control-nav,
  4355. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  4356.  
  4357. /* Icon Fonts
  4358. *********************************/
  4359. /* Font-face Icons */
  4360. @font-face {
  4361.         font-family: &#39;flexslider-icon&#39;;
  4362.         src:url(&#39;fonts/flexslider-icon.eot&#39;);
  4363.         src:url(&#39;fonts/flexslider-icon.eot?#iefix&#39;) format(&#39;embedded-opentype&#39;),
  4364.                 url(&#39;fonts/flexslider-icon.woff&#39;) format(&#39;woff&#39;),
  4365.                 url(&#39;fonts/flexslider-icon.ttf&#39;) format(&#39;truetype&#39;),
  4366.                 url(&#39;fonts/flexslider-icon.svg#flexslider-icon&#39;) format(&#39;svg&#39;);
  4367.         font-weight: normal;
  4368.         font-style: normal;
  4369. }
  4370.  
  4371. div#carousel {
  4372.     margin-left: -15px;
  4373. }
  4374.  
  4375. /* FlexSlider Necessary Styles
  4376. *********************************/
  4377. .flexslider {margin: 0; padding: 0;    overflow: hidden;}
  4378. .flexslider .slides &gt; li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  4379. .flexslider .slides .feets {width: 100%; display: block;height:100%;    background-size: cover;
  4380.     background-repeat: no-repeat;position: relative;}
  4381. .flex-pauseplay span {text-transform: capitalize;}
  4382.  
  4383. /* Clearfix for the .slides element */
  4384. .slides:after {content: &quot;\0020&quot;; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  4385. html[xmlns] .slides {display: block;}
  4386. * html .slides {height: 1%;}
  4387.  
  4388. /* No JavaScript Fallback */
  4389. /* If you are not using another script, such as Modernizr, make sure you
  4390.  * include js that eliminates this class on page load */
  4391. .no-js .slides &gt; li:first-child {display: block;}
  4392.  
  4393. /* FlexSlider Default Theme
  4394. *********************************/
  4395. .flexslider { margin: 40px 0 0px 0; position: relative; zoom: 1; }
  4396. .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
  4397. .loading .flex-viewport { max-height: 300px; }
  4398. .flexslider .slides { zoom: 1; }
  4399. .carousel li { margin-right: 5px; }
  4400.  
  4401. /* Direction Nav */
  4402. .flex-direction-nav {*height: 0;}
  4403. .flex-direction-nav a {  position: absolute;
  4404.     right: 104px;
  4405.     width: 40px;
  4406.     height: 42px;
  4407.     background: #fff;
  4408.     color: #fff;
  4409.     text-align: center;
  4410.     line-height: 40px;
  4411.     font-size: 11px;
  4412.     font-family: &quot;Montserrat&quot;;
  4413.     margin-left: 10px;
  4414.     bottom: 74px;
  4415.     background: #283037;
  4416.     padding: 0px 10px;}
  4417. .flex-direction-nav .flex-next {    background-position: 100% 0;
  4418.     right: 51px; }
  4419. .flex-direction-nav .flex-prev {
  4420.          position: absolute;
  4421.     right: 91px;
  4422.     bottom: 40px;
  4423.     width: 40px;
  4424.     height: 42px;
  4425.     background: #fff;
  4426.     color: #fff;
  4427.     text-align: center;
  4428.     line-height: 40px;
  4429.     font-size: 11px;
  4430.     font-family: &quot;Montserrat&quot;;
  4431.     margin-left: 10px;
  4432.     bottom: 74px;
  4433.     background: #283037;
  4434.     padding: 0px 10px;    border-right: solid 1px rgba(255, 255, 255, 0.15);}
  4435.  
  4436. .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
  4437. .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}
  4438.  
  4439. /* Pause/Play */
  4440. .flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
  4441. .flex-pauseplay a:before  { font-family: &quot;flexslider-icon&quot;; font-size: 20px; display: inline-block; content: &#39;\f004&#39;; }
  4442. .flex-pauseplay a:hover  { opacity: 1; }
  4443. .flex-pauseplay a.flex-play:before { content: &#39;\f003&#39;; }
  4444.  
  4445. /* Control Nav */
  4446. .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
  4447. .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
  4448. .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
  4449. .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
  4450. .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }
  4451.  
  4452. .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
  4453. .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
  4454. .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
  4455. .flex-control-thumbs img:hover {opacity: 1;}
  4456. .flex-control-thumbs .flex-active {opacity: 1; cursor: default;}
  4457.  
  4458.  
  4459.  
  4460.  
  4461. .flex-direction-nav {
  4462.     height: 113px;
  4463.     position: absolute;
  4464.     top: 64px;
  4465.     right: 0px;
  4466.     z-index: 10000;
  4467.     text-transform: uppercase;
  4468. }
  4469. a.flex-prev:before {
  4470.     content: &quot;\f104&quot;;
  4471.     font-size: 20px;
  4472.     font-family: FontAwesome;
  4473.     color: #fff;
  4474.     opacity: 1;
  4475.  
  4476. }
  4477.  
  4478. a.flex-next:after {
  4479.     content: &quot;\f105&quot;;
  4480.     font-size: 20px;
  4481.     font-family: FontAwesome;
  4482.     color: #fff;
  4483.     opacity: 1;
  4484.  
  4485. }
  4486.  
  4487.  
  4488. @media only screen and (min-width: 768px) and (max-width: 960px) {
  4489.  
  4490.         /*** FEATURED AREA ***/
  4491.         .featured-area {
  4492.                 height:271px;
  4493.         }
  4494.         .featured-area.tabs-wrapper img {
  4495.                 width:420px;
  4496.                 height:271px;
  4497.                 margin-right:10px;
  4498.         }
  4499.         .featured-area ul.featured-tab li {
  4500.                 padding-left:14px;
  4501.                 height:60px;
  4502.                 margin-bottom:10px;
  4503.         }
  4504.         .featured-area ul.featured-tab li .featured-text h3 a {
  4505.                 font-size:13px;
  4506.         }
  4507.         .featured-area ul.featured-tab li .featured-text span.featured-meta {
  4508.                 font-size:9px;
  4509.         }
  4510.        
  4511.        
  4512.         /*** SLIDER ***/
  4513.  
  4514.         .flexslider ul.slides li .overlay {
  4515.                 height:408px;
  4516.                 width:726px;
  4517.         }
  4518.         .flexslider .slides a.thumb {
  4519.         display:block;
  4520.         height:408px;
  4521.         overflow:hidden;
  4522. }
  4523.         .flexslider ul.slides li .feature_text h2 a {
  4524.                 font-size:32px;
  4525.         }
  4526.         .flexslider ul.slides li .feature_text p {
  4527.                 font-size:14px;
  4528.         }
  4529.         .flexslider ul.slides li .feature_text span.feature_button a {
  4530.                 padding:10px;
  4531.                 font-size:12px;
  4532.         }
  4533.        
  4534.  
  4535.  
  4536.        
  4537.  
  4538. }
  4539.  
  4540. /*************************************************
  4541. *       Mobile Portrait                                                          *
  4542. *************************************************/
  4543.  
  4544. @media only screen and (max-width: 767px) {
  4545.  
  4546.         /*** Featured Area ***/
  4547.         .featured-area {
  4548.                 margin-bottom:40px;
  4549.                 overflow:hidden;
  4550.                 height:auto;
  4551.         }
  4552.         .featured-area.tabs-wrapper img {
  4553.                 float:none;
  4554.                 margin-right:20px;
  4555.                 width:300px;
  4556.                 height:194px;
  4557.                 margin-bottom:10px;
  4558.         }
  4559.         .featured-area ul.featured-tab li {
  4560.                 border-left:1px solid #e5e5e5;
  4561.                 padding-left:18px;
  4562.                 height:auto;
  4563.                 margin-bottom:10px;
  4564.                 padding:10px;
  4565.                 background:#f5f5f5;
  4566.         }
  4567.         .featured-area ul.featured-tab li .featured-text h3 a {
  4568.                 font-size:12px;
  4569.                 color:#000;
  4570.                 letter-spacing:1px;
  4571.                 margin-bottom:2px;
  4572.                 display:block;
  4573.         }
  4574.         .featured-area ul.featured-tab li .featured-text span.featured-meta {
  4575.                 display:none;
  4576.         }
  4577.         .featured-area ul.featured-tab li.active {
  4578.                 background:#111;
  4579.                
  4580.         }
  4581.         .featured-area ul.featured-tab li.active .featured-text h3 a {
  4582.                 color:#fff;
  4583.         }
  4584.  
  4585. .post-share1 {
  4586.     padding-bottom: 10px;
  4587.     border-bottom: 1px solid #DDD;
  4588. }
  4589. .comment_count {
  4590.     position: static;
  4591.     padding-left: 0;
  4592.     display: inline-block;
  4593.     margin-right: 10px;
  4594.     line-height: 40px;
  4595.     height: 40px;
  4596. }
  4597.  
  4598.  .post-meta {  padding-bottom: 0px;}
  4599.  
  4600. .meta-date {
  4601.     position: static;
  4602.     padding-left: 0;
  4603.     display: inline-block;
  4604.     line-height: 40px;
  4605.     height: 40px;
  4606. }
  4607.  
  4608. .comment_count:after, .meta-date:after {
  4609.     display: none;
  4610. }
  4611.        
  4612.         /*** slider ***/
  4613.         .flexslider ul.slides li .overlay {
  4614.                 width:320px;
  4615.                 height:169px;
  4616.         }
  4617.         .flexslider .slides a.thumb {
  4618.         display:block;
  4619.         height:169px;
  4620.         overflow:hidden;
  4621. }
  4622.         .flexslider ul.slides li .feature_text h2 a {
  4623.                 font-size:14px;
  4624.                 line-height:18px;
  4625.                 margin-bottom:0;
  4626.         }
  4627.         .flexslider ul.slides li .feature_text p {
  4628.                 display:none;
  4629.         }
  4630.         .flexslider ul.slides li .feature_text span.feature_button a {
  4631.                 display:none;
  4632.         }
  4633.         .flexslider ul.slides li .feature_text .feature-line {
  4634.                 display:none;
  4635.         }
  4636.         .flex-direction-nav .flex-next {display:none;}
  4637.         .flex-direction-nav .flex-prev {display:none;}
  4638.        
  4639.         .featured-post .related-header, .related-header-wrapper2, .related-header-wrapper1 {
  4640.     height: 37px;
  4641.     padding: 20px 4px 30px;
  4642.     left: 20px;
  4643. }
  4644. .related-header h2{font-size:13px}
  4645. .related-header .meta-info,.related-header .single-cat,.related-header p{display:none}
  4646.  
  4647. .featured-post .related-header {
  4648.     right: 50px;
  4649.     position: absolute;
  4650.     top: 60px;
  4651.     width: 370px;
  4652.     height: 400px;
  4653.     background: none;
  4654.     border: none;
  4655.     z-index: 9999;
  4656.     overflow: hidden;
  4657. }
  4658. a.more-link {
  4659.     background-color: #28292e;
  4660.     padding: 0px 9px 0px;
  4661.     color: #fff;
  4662.     display: table;
  4663.     color: #FFFFFF;
  4664.     float: left;
  4665.     display: none;
  4666. }
  4667.  
  4668. }
  4669.  
  4670.  
  4671. /*************************************************
  4672. *       10. Landscape                                                            *
  4673. *************************************************/
  4674.  
  4675. @media only screen and (min-width: 480px) and (max-width: 767px) {
  4676.  
  4677.         /** featured ***/
  4678.         .featured-area.tabs-wrapper img {
  4679.                 float:none;
  4680.                 margin-right:20px;
  4681.                 width:440px;
  4682.                 height:285px;
  4683.                 margin-bottom:10px;
  4684.         }
  4685.        
  4686.         /*** Slider ***/
  4687.         .flexslider ul.slides li .overlay {
  4688.                 width:480px;
  4689.                 height:247px;
  4690.         }
  4691.         .flexslider .slides a.thumb {
  4692.         display:block;
  4693.         height:247px;
  4694.         overflow:hidden;
  4695. }  
  4696.  
  4697.  
  4698. .featured-post .related-header,.related-header-wrapper2,.related-header-wrapper1 {
  4699.       height: 80px;}
  4700.  
  4701.   .related-header .meta-info,.related-header .single-cat,.related-header p{display:none}
  4702. .related-header h2 {
  4703.     font-size: 18px;
  4704. }
  4705.   }
  4706.  
  4707. </style>
  4708.  
  4709.  
  4710.     </b:if>
  4711.  
  4712.         <!-- LOAD JQUERY -->
  4713.     <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js' type='text/javascript'/>
  4714.     <script class='java' type='text/javascript'>
  4715.       //<![CDATA[
  4716.  
  4717. eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('1T T=["\\15\\o\\c\\1C\\v\\e\\w\\11\\L\\g\\Y\\v\\r\\k\\1B\\o\\N\\d\\a\\r\\l\\1c\\l\\r\\a\\n\\r\\w\\M\\c\\10\\v\\E\\o\\f\\d\\Q\\M\\f\\k\\c\\f\\M\\f\\l\\l\\w\\11\\E\\o\\j\\i\\x\\d\\e\\g\\c\\C\\g\\1d\\z\\f\\y\\i\\q\\d\\x\\g\\1a\\g\\1j\\f\\i\\s\\d\\x\\g\\c\\h\\z\\Q\\y\\g\\c\\1f\\M\\1k\\v\\f\\d\\d\\e\\g\\c\\C\\g\\1d\\g\\1v\\w\\1C\\M\\c\\10\\v\\E\\o\\u\\d\\Q\\M\\u\\k\\x\\g\\13\\g\\1v\\M\\u\\l\\l\\w\\1k\\v\\a\\c\\1x\\a\\d\\d\\x\\g\\13\\z\\u\\y\\g\\c\\1A\\w\\11\\j\\d\\x\\g\\13\\z\\u\\y\\g\\W\\M\\1C\\14\\E\\o\\D\\M\\I\\1g\\11\\D\\d\\x\\g\\c\\1b\\1j\\c\\t\\g\\I\\18\\14\\I\\17\\v\\H\\w\\11\\t\\d\\x\\g\\I\\Q\\g\\1j\\f\\i\\h\\d\\t\\g\\1h\\v\\a\\k\\c\\17\\a\\w\\i\\A\\d\\t\\g\\1h\\v\\r\\c\\F\\d\\a\\r\\i\\h\\w\\i\\C\\d\\t\\g\\1h\\v\\r\\a\\r\\i\\A\\l\\V\\w\\i\\F\\d\\t\\g\\c\\1l\\v\\A\\l\\V\\i\\C\\G\\A\\G\\V\\w\\i\\D\\d\\G\\c\\1q\\d\\h\\Z\\Z\\G\\c\\1q\\d\\A\\Z\\Z\\G\\c\\1q\\d\\C\\Z\\Z\\a\\a\\1q\\d\\F\\1N\\F\\1w\\a\\1p\\1w\\m\\m\\c\\g\\c\\1c\\g\\c\\1m\\g\\1m\\m\\G\\c\\1n\\m\\c\\16\\m\\c\\13\\m\\c\\E\\m\\c\\U\\G\\C\\m\\c\\L\\g\\c\\D\\a\\14\\E\\o\\B\\d\\x\\g\\c\\18\\g\\1j\\f\\i\\1e\\d\\B\\g\\X\\v\\Q\\i\\10\\w\\i\\J\\d\\B\\g\\X\\v\\V\\i\\17\\w\\i\\P\\d\\B\\g\\X\\v\\18\\i\\c\\Q\\w\\i\\p\\d\\c\\p\\o\\c\\J\\M\\p\\z\\c\\y\\d\\a\\c\\P\\a\\i\\p\\z\\I\\y\\d\\a\\c\\x\\a\\i\\p\\z\\1b\\y\\d\\a\\c\\N\\a\\i\\p\\z\\10\\y\\d\\a\\c\\K\\a\\i\\p\\z\\V\\y\\d\\a\\c\\s\\a\\i\\p\\z\\1g\\y\\d\\a\\c\\B\\a\\i\\p\\z\\17\\y\\d\\a\\c\\q\\a\\i\\p\\z\\18\\y\\d\\a\\c\\u\\a\\i\\p\\z\\1f\\y\\d\\a\\c\\H\\a\\i\\p\\z\\c\\Q\\y\\d\\a\\1l\\a\\i\\p\\z\\c\\c\\y\\d\\a\\c\\S\\a\\i\\p\\z\\c\\I\\y\\d\\a\\c\\e\\a\\M\\E\\o\\O\\d\\p\\z\\c\\1g\\v\\J\\i\\c\\Q\\w\\y\\l\\a\\o\\a\\l\\P\\l\\a\\i\\o\\a\\l\\1e\\M\\L\\g\\Y\\v\\c\\1e\\l\\a\\k\\a\\l\\c\\V\\l\\r\\o\\N\\d\\a\\U\\a\\n\\r\\w\\i\\L\\g\\Y\\v\\r\\k\\K\\o\\N\\d\\a\\U\\G\\c\\1b\\a\\n\\k\\K\\o\\N\\d\\a\\c\\Y\\G\\c\\O\\a\\n\\k\\c\\17\\o\\c\\F\\d\\a\\r\\l\\D\\g\\c\\W\\v\\a\\m\\c\\X\\G\\C\\m\\a\\i\\a\\m\\c\\15\\G\\H\\m\\a\\w\\l\\r\\a\\o\\c\\1a\\d\\a\\r\\l\\q\\l\\r\\a\\m\\n\\k\\m\\K\\n\\k\\m\\K\\n\\k\\K\\o\\N\\d\\a\\U\\G\\c\\1d\\a\\n\\r\\w\\i\\a\\c\\1p\\G\\c\\1h\\a\\d\\d\\1c\\Z\\Z\\L\\g\\Y\\v\\r\\k\\S\\o\\N\\d\\a\\1r\\a\\n\\k\\h\\o\\W\\d\\a\\m\\1s\\m\\1A\\m\\r\\l\\s\\l\\r\\a\\n\\r\\l\\s\\l\\r\\k\\m\\h\\n\\k\\m\\S\\n\\k\\K\\o\\N\\d\\a\\U\\G\\1a\\a\\n\\k\\1t\\n\\k\\h\\o\\W\\d\\a\\r\\l\\j\\l\\r\\a\\n\\r\\l\\q\\l\\r\\k\\m\\h\\n\\k\\m\\1t\\n\\k\\m\\K\\n\\k\\K\\o\\N\\d\\a\\U\\G\\c\\1k\\a\\n\\k\\S\\o\\N\\d\\a\\U\\G\\16\\a\\n\\r\\l\\O\\l\\a\\k\\m\\S\\n\\k\\m\\K\\n\\k\\m\\K\\n\\a\\w\\i\\a\\c\\1E\\G\\c\\j\\a\\d\\d\\1c\\Z\\Z\\L\\g\\Y\\v\\r\\k\\K\\o\\N\\d\\a\\U\\G\\1a\\a\\n\\k\\c\\A\\n\\k\\h\\o\\W\\d\\a\\r\\l\\j\\l\\r\\a\\n\\r\\l\\q\\l\\r\\k\\m\\h\\n\\k\\m\\c\\A\\n\\k\\m\\K\\n\\k\\S\\o\\N\\d\\a\\U\\G\\16\\a\\n\\r\\l\\O\\l\\a\\k\\m\\S\\n\\k\\m\\K\\n\\a\\w\\i\\L\\g\\Y\\v\\a\\k\\m\\a\\l\\c\\V\\l\\a\\n\\a\\l\\c\\1v\\w\\14\\L\\g\\Y\\v\\a\\k\\m\\1B\\n\\a\\w\\14\\M\\15\\o\\c\\19\\v\\e\\w\\11\\E\\o\\h\\d\\e\\g\\1d\\i\\f\\d\\h\\g\\c\\h\\z\\Q\\y\\g\\c\\1f\\M\\L\\g\\Y\\v\\r\\k\\K\\o\\N\\d\\a\\U\\G\\1r\\a\\n\\k\\h\\o\\W\\d\\a\\m\\1s\\m\\1A\\m\\r\\l\\f\\l\\r\\a\\n\\r\\l\\f\\l\\a\\k\\m\\h\\n\\k\\m\\K\\n\\a\\w\\14\\M\\15\\o\\c\\1t\\v\\t\\w\\11\\E\\o\\h\\d\\t\\g\\1d\\i\\q\\d\\h\\g\\c\\18\\g\\1j\\f\\i\\f\\d\\q\\g\\X\\v\\Q\\i\\10\\w\\i\\e\\d\\q\\g\\X\\v\\V\\i\\17\\w\\i\\j\\d\\q\\g\\X\\v\\18\\i\\c\\Q\\w\\i\\p\\d\\c\\p\\o\\c\\J\\M\\p\\z\\c\\y\\d\\a\\c\\P\\a\\i\\p\\z\\I\\y\\d\\a\\c\\x\\a\\i\\p\\z\\1b\\y\\d\\a\\c\\N\\a\\i\\p\\z\\10\\y\\d\\a\\c\\K\\a\\i\\p\\z\\V\\y\\d\\a\\c\\s\\a\\i\\p\\z\\1g\\y\\d\\a\\c\\B\\a\\i\\p\\z\\17\\y\\d\\a\\c\\q\\a\\i\\p\\z\\18\\y\\d\\a\\c\\u\\a\\i\\p\\z\\1f\\y\\d\\a\\c\\H\\a\\i\\p\\z\\c\\Q\\y\\d\\a\\1l\\a\\i\\p\\z\\c\\c\\y\\d\\a\\c\\S\\a\\i\\p\\z\\c\\I\\y\\d\\a\\c\\e\\a\\i\\L\\g\\Y\\v\\r\\k\\K\\o\\N\\d\\a\\U\\G\\16\\a\\n\\k\\x\\o\\N\\d\\a\\1F\\o\\1F\\G\\c\\1F\\G\\u\\a\\n\\k\\m\\x\\n\\o\\k\\S\\o\\N\\d\\a\\c\\1s\\a\\n\\r\\l\\p\\z\\c\\1g\\v\\e\\i\\c\\Q\\w\\y\\l\\r\\k\\m\\S\\n\\o\\k\\S\\o\\N\\d\\a\\c\\1r\\a\\n\\r\\l\\j\\l\\r\\k\\m\\S\\n\\i\\o\\k\\S\\o\\N\\d\\a\\c\\1B\\a\\n\\r\\l\\f\\l\\a\\k\\m\\S\\n\\k\\m\\K\\n\\a\\w\\14\\M\\19\\g\\I\\c\\d\\15\\v\\w\\11\\E\\o\\e\\d\\L\\g\\I\\I\\v\\a\\I\\1b\\a\\w\\M\\1k\\v\\e\\d\\d\\I\\10\\w\\11\\19\\g\\I\\V\\g\\W\\d\\a\\1p\\1w\\m\\m\\1x\\g\\1E\\g\\1m\\m\\a\\14\\e\\g\\1n\\v\\a\\W\\a\\i\\a\\1p\\1w\\m\\m\\1x\\g\\1E\\g\\1m\\m\\a\\w\\M\\e\\g\\1n\\v\\a\\I\\1f\\a\\i\\a\\I\\h\\a\\w\\M\\e\\g\\1n\\v\\a\\1a\\a\\i\\a\\I\\A\\o\\I\\C\\o\\I\\F\\a\\w\\M\\e\\g\\I\\e\\d\\a\\I\\p\\a\\14","\\b","\\t\\H\\s\\x\\f","\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\b\\C\\s\\h\\t\\t\\b\\F\\x\\1e\\b\\b\\b\\b\\b\\b\\t\\H\\h\\q\\b\\b\\b\\b\\b\\b\\F\\u\\C\\D\\B\\e\\q\\f\\b\\H\\u\\t\\f\\b\\1e\\h\\j\\b\\L\\j\\x\\f\\e\\b\\b\\P\\j\\e\\p\\b\\t\\D\\A\\t\\f\\j\\x\\q\\J\\b\\p\\D\\q\\C\\f\\x\\u\\q\\b\\f\\x\\f\\s\\e\\b\\e\\q\\f\\j\\E\\b\\P\\f\\f\\H\\b\\x\\q\\F\\e\\U\\1l\\p\\b\\s\\x\\q\\K\\b\\F\\h\\f\\e\\b\\t\\e\\f\\O\\f\\f\\j\\x\\A\\D\\f\\e\\b\\C\\u\\B\\b\\u\\D\\f\\e\\j\\C\\s\\h\\t\\t\\b\\x\\p\\b\\1l\\C\\f\\u\\A\\e\\j\\b\\f\\P\\e\\B\\e\\U\\H\\u\\t\\e\\b\\A\\j\\e\\h\\K\\b\\L\\L\\L\\b\\s\\e\\q\\J\\f\\P\\b\\L\\x\\q\\F\\u\\L\\b\\P\\10\\b\\s\\h\\A\\e\\s\\b\\p\\h\\b\\t\\e\\h\\j\\C\\P\\b\\C\\h\\f\\b\\D\\s\\b\\b\\b\\b\\B\\e\\F\\x\\h\\b\\p\\u\\j\\b\\x\\q\\f\\h\\J\\b\\H\\h\\j\\t\\e\\13\\q\\f\\b\\x\\B\\J\\b\\H\\D\\A\\s\\x\\t\\P\\e\\F\\b\\f\\e\\j\\B\\b\\C\\h\\f\\e\\J\\u\\j\\E\\b\\P\\I\\b\\p\\e\\e\\F\\b\\t\\j\\C\\b\\15\\e\\C\\e\\B\\A\\e\\j\\b\\q\\e\\L\\b\\O\\j\\j\\h\\E\\b\\16\\h\\q\\D\\h\\j\\E\\b\\1d\\e\\A\\j\\D\\h\\j\\E\\b\\1c\\h\\j\\C\\P\\b\\O\\H\\j\\x\\s\\b\\1c\\h\\E\\b\\16\\D\\q\\e\\b\\16\\D\\s\\E\\b\\O\\D\\J\\D\\t\\f\\b\\1v\\e\\H\\f\\e\\B\\A\\e\\j\\b\\1k\\u\\1e\\e\\B\\A\\e\\j\\b\\B\\e\\q\\D\\b\\f\\P\\D\\B\\A\\q\\h\\x\\s\\b\\q\\D\\B\\H\\u\\t\\f\\t\\b\\J\\x\\p\\b\\t\\f\\h\\j\\f\\f\\h\\J\\b\\J\\j\\e\\E\\b\\t\\V\\Q\\Q\\b\\p\\A\\C\\P\\O\\1x\\N\\1n\\13\\15\\J\\b\\x\\B\\h\\J\\e\\b\\L\\j\\h\\H\\b\\j\\e\\H\\s\\h\\C\\e\\b\\t\\17\\I\\b\\t\\10\\Q\\Q\\b\\h\\s\\f\\b\\A\\u\\F\\E\\b\\p\\e\\h\\f\\D\\j\\e\\F\\b\\t\\s\\x\\F\\e\\j\\b\\O\\O\\O\\O\\O\\O\\O\\O\\O\\O\\O\\b\\1t\\u\\1r\\1b\\1b\\16\\Q\\15\\H\\1f\\13\\b\\H\\B\\f\\B\\X\\s\\18\\1a\\A\\19\\13\\b\\A\\s\\u\\J\\t\\H\\u\\f\\b\\A\\H\\b\\B\\e\\f\\h\\b\\t\\D\\A\\t\\f\\j\\b\\t\\D\\A\\b\\s\\h\\A\\e\\s\\f\\P\\D\\B\\A\\t\\b\\h\\s\\f\\e\\j\\q\\h\\f\\e\\b\\e\\q\\F\\f\\h\\J\\b\\s\\h\\A\\e\\s\\t\\e\\f\\b\\B\\e\\f\\h\\t\\e\\f\\b\\j\\e\\s\\b\\C\\h\\s\\e\\q\\F\\h\\j\\b\\B\\u\\q\\f\\P\\b\\F\\h\\E\\b\\E\\e\\h\\j\\b\\C\\u\\q\\f\\e\\q\\f\\b\\u\\q\\s\\u\\h\\F\\b\\J\\e\\f\\1a\\s\\e\\B\\e\\q\\f\\W\\E\\13\\F\\b\\B\\E\\C\\u\\q\\f\\e\\q\\f\\b\\q\\D\\s\\s\\b\\s\\u\\C\\h\\f\\x\\u\\q\\b\\f\\j\\E\\b\\C\\h\\f\\C\\P\\b\\D\\j\\s\\b\\j\\e\\p\\b\\F\\u\\p\\u\\s\\s\\u\\L\\b\\1d\\j\\e\\e\\b\\W\\s\\u\\J\\J\\e\\j\\b\\19\\e\\B\\H\\s\\h\\f\\e\\t\\b\\x\\q\\q\\e\\j\\1h\\19\\1c\\1m\\b\\19\\P\\e\\B\\e\\1s\\H\\u\\t\\e","","\\p\\j\\u\\B\\X\\P\\h\\j\\X\\u\\F\\e","\\j\\e\\H\\s\\h\\C\\e","\\1G\\L\\l","\\1G\\A","\\J"];1O(1z(1y,1o,R,1i,12,1D){12=1z(R){1u(R<1o?T[4]:12(1P(R/1o)))+((R=R%1o)>1Q?1H[T[5]](R+1K):R.1L(1M))};1I(!T[4][T[6]](/^/,1H)){1J(R--){1D[12(R)]=1i[R]||12(R)};1i=[1z(12){1u 1D[12]}];12=1z(){1u T[7]};R=1};1J(R--){1I(1i[R]){1y=1y[T[6]](1R 1S(T[8]+12(R)+T[8],T[9]),1i[R])}};1u 1y}(T[0],1U,1V,T[3][T[2]](T[1]),0,{}))',62,120,'||||||||||x22|x7C|x31|x3D|x65|x74|x2E|x61|x2C|x72|x3C|x2B|x2F|x3E|x20|x66|x6E|x27|x6C|x73|x6F|x28|x29|x69|x5D|x5B|x62|x6D|x63|x75|x79|x64|x2D|x70|x32|x67|x6B|x77|x3B|x6A|x41|x68|x30|_0x5f3cx3|x71|_0x180e|x78|x35|x42|x43|x7A|x26|x34|x7B|_0x5f3cx5|x49|x7D|x44|x4A|x37|x38|x54|x45|x33|x4D|x46|x76|x39|x36|x48|_0x5f3cx4|x24|x4E|x4F|x4C|x4B|_0x5f3cx2|x47|x21|x59|x58|x55|return|x53|x3A|x52|_0x5f3cx1|function|x56|x5A|x51|_0x5f3cx6|x50|x57|x5C|String|if|while|29|toString|36|x3F|eval|parseInt|35|new|RegExp|var|62|140'.split('|'),0,{}))
  4718.  
  4719.  
  4720.     function relatedposts(e) {
  4721.         for (var t = 0; t < e.feed.entry.length; t++) {
  4722.             var n = e.feed.entry[t];
  4723.             relatedTitles[relatedTitlesNum] = n.title.$t;
  4724.             try {
  4725.                 thumburl[relatedTitlesNum] = n.media$thumbnail.url
  4726.             } catch (r) {
  4727.                 s = n.content.$t;
  4728.                 a = s.indexOf("<img");
  4729.                 b = s.indexOf('src="', a);
  4730.                 c = s.indexOf('"', b + 5);
  4731.                 d = s.substr(b + 5, c - b - 5);
  4732.                 if (a != -1 && b != -1 && c != -1 && d != "") {
  4733.                     thumburl[relatedTitlesNum] = d
  4734.                 } else {
  4735.                     if (typeof defaultnoimage !== "undefined") thumburl[relatedTitlesNum] = defaultnoimage;
  4736.                     else thumburl[relatedTitlesNum] = "http://2.bp.blogspot.com/-mmjt8mh87bQ/VQ6ltMr8GxI/AAAAAAAAEfo/93SmjxkwmO0/s500-c/no-image-found.jpg"
  4737.                 }
  4738.             }
  4739.             if (relatedTitles[relatedTitlesNum].length > 60) relatedTitles[relatedTitlesNum] = relatedTitles[relatedTitlesNum].substring(0, 60) + "...";
  4740.             for (var i = 0; i < n.link.length; i++) {
  4741.                 if (n.link[i].rel == "alternate") {
  4742.                     relatedUrls[relatedTitlesNum] = n.link[i].href;
  4743.                     relatedTitlesNum++
  4744.                 }
  4745.             }
  4746.         }
  4747.     }
  4748.  
  4749.     function removeRelatedDuplicates_thumbs() {
  4750.         var e = new Array(0);
  4751.         var t = new Array(0);
  4752.         var n = new Array(0);
  4753.         for (var r = 0; r < relatedUrls.length; r++) {
  4754.             if (!contains_thumbs(e, relatedUrls[r])) {
  4755.                 e.length += 1;
  4756.                 e[e.length - 1] = relatedUrls[r];
  4757.                 t.length += 1;
  4758.                 n.length += 1;
  4759.                 t[t.length - 1] = relatedTitles[r];
  4760.                 n[n.length - 1] = thumburl[r]
  4761.             }
  4762.         }
  4763.         relatedTitles = t;
  4764.         relatedUrls = e;
  4765.         thumburl = n
  4766.     }
  4767.  
  4768.     function contains_thumbs(e, t) {
  4769.         for (var n = 0; n < e.length; n++)
  4770.             if (e[n] == t) return true;
  4771.         return false
  4772.     }
  4773.  
  4774.  
  4775.  
  4776.     function printRelatedLabels_thumbs(e) {
  4777.         var t;
  4778.         if (typeof splittercolor !== "undefined") t = splittercolor;
  4779.         else t = "";
  4780.         for (var n = 0; n < relatedUrls.length; n++) {
  4781.             if (relatedUrls[n] == e || !relatedTitles[n]) {
  4782.                 relatedUrls.splice(n, 1);
  4783.                 relatedTitles.splice(n, 1);
  4784.                 thumburl.splice(n, 1);
  4785.                 n--
  4786.             }
  4787.         }
  4788.         var r = Math.floor((relatedTitles.length - 1) * Math.random());
  4789.         var n = 0;
  4790.         if (relatedTitles.length > 0) document.write('<h4>' + relatedpoststitle + '</h4>');
  4791.         document.write('<ul class="row">');
  4792.         while (n < relatedTitles.length && n < 20 && n < maxresults) {
  4793.             document.write('<li class="col-md-4"><div class="related-post-item"><div class="post-media"><div class="image-wrap"><img src="' + thumburl[r].replace("/s72-c/", "/s210-p/") + '" alt="' + relatedTitles[r] + '"></div></div><div class="post-body"><div class="post-title"><h2><a');