It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://click4r.com/posts/g/14574335/montreenbois

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.    <head>
  5.  
  6.  
  7.  
  8.  
  9.  
  10.    <!-- Meta Tags -->
  11. <meta charset="utf-8">
  12. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  13. <meta name="viewport" content="width=device-width, initial-scale=1">
  14. <link rel="shortcut icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon">
  15. <link rel="icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon">
  16. <link rel="canonical" href="https://click4r.com/posts/g/14574335/montreenbois">
  17.  
  18. <title>montreenbois | Click4R</title>
  19. <meta name="description" content="montre avec bracelet en bois D&amp;eacute;couvrez l&#039;&amp;eacute;l&amp;eacute;gance intemporelle avec Horlowood.fr, votre&amp;#8230;">
  20. <meta name="keywords" content="montre avec bracelet en bois, 18 wheeler accident lawyer, offshore accident attorney, mesothelioma law firm, best motorcycle accident lawyer, flood damage restoration, online master's degree, hail car insurance, home refinancing, water damage repair, workers compensation, bitcoin investment, weight loss programs, sell house for cash, internet marketing services, personal injury lawyer, debt relief services, fitness center software, mortgage loans, seo services, tax credit programs">
  21. <meta name="robots" content="index, follow">
  22.  
  23. <!-- yandex webmaster tools verification code -->
  24.        <meta name="yandex-verification" content="c568f150f1aa8b6f" />
  25.  
  26. <!-- Open Graph Meta Tags -->
  27. <meta property="og:locale" content="en_US">
  28. <meta property="og:type" content="website">
  29. <meta property="og:title" content="montreenbois | Click4R">
  30. <meta property="og:description" content="montre avec bracelet en bois D&amp;eacute;couvrez l&#039;&amp;eacute;l&amp;eacute;gance intemporelle avec Horlowood.fr, votre&amp;#8230;">
  31. <meta property="og:url" content="https://click4r.com/posts/g/14574335/montreenbois">
  32. <meta property="og:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03">
  33.  
  34. <!-- Twitter Meta Tags -->
  35. <meta name="twitter:card" content="summary_large_image">
  36. <meta name="twitter:site" content="@click4rcom">
  37. <meta name="twitter:title" content="montreenbois | Click4R">
  38. <meta name="twitter:description" content="montre avec bracelet en bois D&amp;eacute;couvrez l&#039;&amp;eacute;l&amp;eacute;gance intemporelle avec Horlowood.fr, votre&amp;#8230;">
  39. <meta name="twitter:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03">
  40.        
  41.    <!-- Local Business Structured Data -->
  42.    <script type="application/ld+json">
  43.    {
  44.        "@context": "http://schema.org",
  45.        "@type": "LocalBusiness",
  46.        "name": "Click4R Blogging Platform",
  47.        "url": "https://click4r.com/",
  48.        "image": "https://c2c.fp.guinfra.com/file/65a9d8ec927d6ef7609db8ecr52HRY3I03",
  49.        "description": "montre avec bracelet en bois D&amp;amp;eacute;couvrez l&amp;#039;&amp;amp;eacute;l&amp;amp;eacute;gance intemporelle avec Horlowood.fr, votre&amp;amp;#8230;",
  50.        "email": "click4rcom@gmail.com",
  51.        "address": {
  52.            "@type": "PostalAddress",
  53.            "streetAddress": "Plot No:170, 5th Line, N.G.G.O.S COLONY",
  54.            "addressLocality": "Guntur",
  55.            "addressRegion": "Andhra Pradesh",
  56.            "postalCode": "522004",
  57.            "addressCountry": "IN"
  58.        },
  59.        "geo": {
  60.            "@type": "GeoCoordinates",
  61.            "latitude": "16.292250",
  62.            "longitude": "80.435410"
  63.        },
  64.        "aggregateRating": {
  65.            "@type": "AggregateRating",
  66.            "ratingValue": "4.9",
  67.            "reviewCount": "43"
  68.        },
  69.        "sameAs": [
  70.            "https://www.facebook.com/click4rcom/",
  71.            "https://twitter.com/click4rcom",
  72.            "https://www.instagram.com/click4rcom/",
  73.            "https://click4r.quora.com/",
  74.            "https://click4r.com/"
  75.        ]
  76.    }
  77.    </script>
  78.  
  79.    <!-- Fonts and Styles -->
  80.    
  81.    <style type="text/css">@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/cyrillic/wght/normal.woff2);unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;font-display:swap;}@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/cyrillic-ext/wght/normal.woff2);unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;font-display:swap;}@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Manrope;font-style:normal;font-weight:200 800;src:url(/cf-fonts/v/manrope/5.0.18/greek/wght/normal.woff2);unicode-range:U+0370-03FF;font-display:swap;}</style>
  82.    <style id="nd-styles">
  83.        * {box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;}*:before,*:after {box-sizing: border-box;}html {line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display: block;}body {background-color: var(--body-bg-color);color: var(--body-text-color);font-family: var(--sans-serif);font-size: var(--body-font-size);line-height: var(--body-line-height);margin: 0;}a {color: var(--anchor);text-decoration: none;transition: all 0.2s;outline: none;}a:hover,a:focus,a:active {color: var(--anchor-hover);}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: var(--headings-font);margin: var(--headings-margin);line-height: var(--headings-line-height);font-weight: var(--headings-font-weight);color: var(--headings-text-color);letter-spacing: var(--headings-letter-spacing);}h1,.h1 {font-size: var(--h1-size);}h2,.h2 {font-size: var(--h2-size);}h3,.h3 {font-size: var(--h3-size);}h4,.h4 {font-size: var(--h4-size);}h5,.h5 {font-size: var(--h5-size);}h6,.h6 {font-size: var(--h6-size);}p {margin: var(--p-margin)}main {padding: var(--main-padding);}main > section {padding: var(--section-padding);}hr {box-sizing: content-box;height: 0;overflow: visible;margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);}ol,ul,dl {margin-bottom: 15px;}ol ol,ul ul,ol ul,ul ol {margin-bottom: 5px;}dt {font-weight: 700;}dd {margin-bottom: .5rem;margin-left: 0;}blockquote {margin: 0 0 1rem;}b,strong {font-weight: bolder;}sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}sub {bottom: -.25em;}sup {top: -.5em;}mark,.mark {padding: 0.2em;background-color: var(--mark-color);}pre {white-space: pre-line;word-wrap: break-word;margin-bottom: 15px;overflow: auto;display: block;font-size: 85%;}img {max-width: 100%;height: auto;display: inline-block;vertical-align: middle;}svg {overflow: hidden;vertical-align: middle;}table {border-collapse: collapse;}th {text-align: inherit;}[hidden] {display: none;}label {display: inline-block;margin-bottom: 0.5rem;}input,button,select,optgroup,textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {cursor: pointer;}[disabled] {cursor: none;}textarea,select {border-radius: 0;}input[type="radio"],input[type="checkbox"] {border-radius: 0;padding: 0;width: auto;height: auto;}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {-webkit-appearance: listbox;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}input[type=number] {-moz-appearance: textfield;}input[type="number"]:hover,input[type="number"]:focus {-moz-appearance: number-input;}[type="search"] {outline-offset: -2px;-webkit-appearance: none;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}/*naren designs reset css*/.container:before,.container:after,.grid-row:before,.grid-row:after,.row:before,.row:after,.full-width:before,.full-width:after,.clear:before,.clear:after {content: " ";display: table;}.container:after,.full-width:after,.grid-row:after,.row:after,.clear:after {clear: both;}.container,.container-full {padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;}.container {max-width: var(--container-width);}.container-full,.container-full .container {max-width: 100%;}.container-full .container {padding-left: 0;padding-right: 0;}.full-width,.row,.clear,.grid,.grid-row {clear: both;}/* nd grid system*/.grid,.grid-row {display: grid;grid-gap: 30px;}.grid-inline,.inline-grid {display: inline-grid;}.grid-gap-0 {grid-gap: 0px;}.grid-gap-10 {grid-gap: 10px;}.grid-gap-15 {grid-gap: 15px;}.grid-gap-20 {grid-gap: 20px;}.grid-gap-25 {grid-gap: 25px;}.grid-gap-30 {grid-gap: 30px;}.grid-gap-40 {grid-gap: 40px;}.grid-gap-50 {grid-gap: 50px;}.grid-gap-60 {grid-gap: 60px;}.grid-gap-v-10 {grid-row-gap: 10px;}.grid-gap-v-15 {grid-row-gap: 15px;}.grid-gap-v-20 {grid-row-gap: 20px;}.grid-gap-v-25 {grid-row-gap: 25px;}.grid-gap-v-30 {grid-row-gap: 30px;}.grid-gap-v-40 {grid-row-gap: 40px;}.grid-gap-v-50 {grid-row-gap: 50px;}.column-gap-0 {grid-column-gap: 0px;}.column-gap-10 {grid-column-gap: 10px;}.column-gap-15 {grid-column-gap: 15px;}.column-gap-20 {grid-column-gap: 20px;}.column-gap-25 {grid-column-gap: 25px;}.column-gap-30 {grid-column-gap: 30px;}.column-gap-40 {grid-column-gap: 40px;}.column-gap-50 {grid-column-gap: 50px;}.columns-1 {grid-template-columns: repeat(1, 1fr);}.columns-2 {grid-template-columns: repeat(2, 1fr);}.columns-2-auto {grid-template-columns: auto auto;}.columns-3 {grid-template-columns: repeat(3, 1fr);}.columns-3-auto {grid-template-columns: auto auto auto;}.columns-4 {grid-template-columns: repeat(4, 1fr);}.columns-4-auto {grid-template-columns: auto auto auto auto;}.columns-5 {grid-template-columns: repeat(5, 1fr);}.columns-6 {grid-template-columns: repeat(6, 1fr);}.columns-6-3-3 {grid-template-columns: auto 24% 24%;}.columns-3-6-3 {grid-template-columns: 24% auto 24%;}.columns-3-3-6 {grid-template-columns: 24% 24% auto;}.columns-3-9 {grid-template-columns: 18% auto;}.columns-9-3 {grid-template-columns: auto 18%;}.columns-8-4 {grid-template-columns: 73% auto;}.columns-4-8 {grid-template-columns: auto 73%;}.columns-5-7 {grid-template-columns: 43% auto;}.columns-7-5 {grid-template-columns: 60% auto;}/*max-width*/[class*="max-w-"] {margin-left: auto;margin-right: auto;}.max-w-200 {max-width: 200px;}.max-w-250 {max-width: 250px;}.max-w-300 {max-width: 300px;}.max-w-350 {max-width: 350px;}.max-w-400 {max-width: 400px;}.max-w-450 {max-width: 450px;}.max-w-500 {max-width: 500px;}.max-w-550 {max-width: 550px;}.max-w-600 {max-width: 600px;}.max-w-650 {max-width: 650px;}.max-w-700 {max-width: 700px;}.max-w-750 {max-width: 750px;}.max-w-800 {max-width: 800px;}.max-w-850 {max-width: 850px;}.max-w-900 {max-width: 900px;}.max-w-950 {max-width: 950px;}.max-w-1000 {max-width: 1000px;}@media (min-width: 568px) {.mb-columns-1 {grid-template-columns: repeat(1, 1fr);}.mb-columns-2 {grid-template-columns: repeat(2, 1fr);}.mb-columns-3 {grid-template-columns: repeat(3, 1fr);}.mb-columns-4 {grid-template-columns: repeat(4, 1fr);}.mb-columns-8-4 {grid-template-columns: 73% auto;}.mb-columns-4-8 {grid-template-columns: auto 73%;}.mb-columns-5-7 {grid-template-columns: 43% auto;}.mb-columns-7-5 {grid-template-columns: 57% auto;}}@media (min-width: 768px) {.tb-columns-1 {grid-template-columns: repeat(1, 1fr);}.tb-columns-2 {grid-template-columns: repeat(2, 1fr);}.tb-columns-3 {grid-template-columns: repeat(3, 1fr);}.tb-columns-4 {grid-template-columns: repeat(4, 1fr);}.tb-columns-5 {grid-template-columns: repeat(5, 1fr);}.tb-columns-6 {grid-template-columns: repeat(6, 1fr);}.tb-columns-6-3-3 {grid-template-columns: auto 24% 24%;}.tb-columns-3-6-3 {grid-template-columns: 24% auto 24%;}.tb-columns-3-3-6 {grid-template-columns: 24% 24% auto;}.tb-columns-3-9 {grid-template-columns: 18% auto;}.tb-columns-9-3 {grid-template-columns: auto 18%;}.tb-columns-8-4 {grid-template-columns: 66.66% auto;}.tb-columns-4-8 {grid-template-columns: auto 66.66%;}.tb-columns-5-7 {grid-template-columns: 43% auto;}.tb-columns-7-5 {grid-template-columns: 60% auto;}.tb-column-gap-10 {grid-column-gap: 10px;}.tb-column-gap-15 {grid-column-gap: 15px;}.tb-column-gap-20 {grid-column-gap: 20px;}.tb-column-gap-30 {grid-column-gap: 30px;}.tb-column-gap-40 {grid-column-gap: 40px;}.tb-column-gap-50 {grid-column-gap: 50px;}.order-tb-last {order: 13;}.order-tb-0 {order: 0;}.order-tb-1 {order: 1;}.order-tb-2 {order: 2;}.order-tb-3 {order: 3;}.order-tb-4 {order: 4;}.order-tb-5 {order: 5;}.order-tb-6 {order: 6;}.order-tb-7 {order: 7;}.order-tb-8 {order: 8;}.order-tb-9 {order: 9;}.order-tb-10 {order: 10;}.order-tb-11 {order: 11;}.order-tb-12 {order: 12;}}@media (min-width: 1024px) {.dt-columns-1 {grid-template-columns: repeat(1, 1fr);}.dt-columns-2 {grid-template-columns: repeat(2, 1fr);}.dt-columns-3 {grid-template-columns: repeat(3, 1fr);}.dt-columns-4 {grid-template-columns: repeat(4, 1fr);}.dt-columns-5 {grid-template-columns: repeat(5, 1fr);}.dt-columns-6 {grid-template-columns: repeat(6, 1fr);}.dt-columns-6-3-3 {grid-template-columns: auto 24% 24%;}.dt-columns-3-6-3 {grid-template-columns: 24% auto 24%;}.dt-columns-3-3-6 {grid-template-columns: 24% 24% auto;}.dt-columns-3-9 {grid-template-columns: 18% auto;}.dt-columns-9-3 {grid-template-columns: auto 18%;}.dt-columns-8-4 {grid-template-columns: 66.66% auto;}.dt-columns-4-8 {grid-template-columns: auto 66.66%;}.dt-columns-5-7 {grid-template-columns: 43% auto;}.dt-columns-7-5 {grid-template-columns: 60% auto;}.dt-column-gap-10 {grid-column-gap: 10px;}.dt-column-gap-15 {grid-column-gap: 15px;}.dt-column-gap-20 {grid-column-gap: 20px;}.dt-column-gap-25 {grid-column-gap: 25px;}.dt-column-gap-30 {grid-column-gap: 30px;}.dt-column-gap-40 {grid-column-gap: 40px;}.dt-column-gap-50 {grid-column-gap: 50px;}.dt-grid-gap-10 {grid-gap: 10px;}.dt-grid-gap-15 {grid-gap: 15px;}.dt-grid-gap-20 {grid-gap: 20px;}.dt-grid-gap-20 {grid-gap: 20px;}.dt-grid-gap-30 {grid-gap: 30px;}.dt-grid-gap-40 {grid-gap: 40px;}.dt-grid-gap-50 {grid-gap: 50px;}.order-dt-last {order: 13;}.order-dt-0 {order: 0;}.order-dt-1 {order: 1;}.order-dt-2 {order: 2;}.order-dt-3 {order: 3;}.order-dt-4 {order: 4;}.order-dt-5 {order: 5;}.order-dt-6 {order: 6;}.order-dt-7 {order: 7;}.order-dt-8 {order: 8;}.order-dt-9 {order: 9;}.order-dt-10 {order: 10;}.order-dt-11 {order: 11;}.order-dt-12 {order: 12;}}@media (max-width:1023px) {.tb-grid-gap-10 {grid-gap: 10px;}.tb-grid-gap-15 {grid-gap: 15px;}.tb-grid-gap-20 {grid-gap: 20px;}.tb-grid-gap-30 {grid-gap: 30px;}.tb-grid-gap-40 {grid-gap: 40px;}.tb-grid-gap-50 {grid-gap: 50px;}/*vertical gap*/.tb-grid-gap-v-10 {grid-row-gap: 10px;}.tb-grid-gap-v-15 {grid-row-gap: 15px;}.tb-grid-gap-v-20 {grid-row-gap: 20px;}.tb-grid-gap-v-30 {grid-row-gap: 30px;}.tb-grid-gap-v-40 {grid-row-gap: 40px;}.tb-grid-gap-v-50 {grid-row-gap: 50px;}/*max width on tablet*/[class*="tb-max-w-"] {margin-left: auto;margin-right: auto;}.tb-max-w-300 {max-width: 300px;}.tb-max-w-400 {max-width: 400px;}.tb-max-w-500 {max-width: 500px;}.tb-max-w-600 {max-width: 600px;}.tb-max-w-700 {max-width: 700px;}}@media (max-width:767px) {.mb-grid-gap-10 {grid-gap: 10px;}.mb-grid-gap-15 {grid-gap: 15px;}.mb-grid-gap-20 {grid-gap: 20px;}.mb-grid-gap-30 {grid-gap: 30px;}.mb-grid-gap-40 {grid-gap: 40px;}.mb-grid-gap-50 {grid-gap: 50px;}/*vertical gap*/.mb-grid-gap-v-10 {grid-row-gap: 10px;}.mb-grid-gap-v-15 {grid-row-gap: 15px;}.mb-grid-gap-v-20 {grid-row-gap: 20px;}.mb-grid-gap-v-30 {grid-row-gap: 30px;}.mb-grid-gap-v-40 {grid-row-gap: 40px;}.mb-grid-gap-v-50 {grid-row-gap: 50px;}.mb-column-gap-10 {grid-column-gap: 10px;}.mb-column-gap-20 {grid-column-gap: 20px;}.mb-column-gap-30 {grid-column-gap: 30px;}.mb-column-gap-40 {grid-column-gap: 40px;}.mb-column-gap-50 {grid-column-gap: 50px;}[class*="mb-max-w-"] {margin-left: auto;margin-right: auto;}.mb-max-w-200 {max-width: 200px;}.mb-max-w-250 {max-width: 250px;}.mb-max-w-300 {max-width: 300px;}.mb-max-w-350 {max-width: 350px;}.mb-max-w-400 {max-width: 400px;}.mb-max-w-450 {max-width: 450px;}.mb-max-w-500 {max-width: 500px;}}@media (max-width:567px) {.mbv-grid-gap-10 {grid-gap: 10px;}.mbv-grid-gap-15 {grid-gap: 15px;}.mbv-grid-gap-20 {grid-gap: 20px;}.mbv-grid-gap-30 {grid-gap: 30px;}/*vertical gap*/.mbv-grid-gap-v-10 {grid-row-gap: 10px;}.mbv-grid-gap-v-15 {grid-row-gap: 15px;}.mbv-grid-gap-v-20 {grid-row-gap: 20px;}.mbv-grid-gap-v-30 {grid-row-gap: 30px;}}/*grid columns alignment*/.v-align-top {align-items: start;}.v-align-center {align-items: center;}.v-align-bottom {align-items: end;}.v-align-stretch {align-items: stretch;}.justify-content-start {justify-content: flex-start;}.justify-content-end {justify-content: flex-end;}.justify-content-center {justify-content: center;}.justify-content-between {justify-content: space-between;}.justify-content-around {justify-content: space-around;}.align-items-start {align-items: flex-start;}.align-items-end {align-items: flex-end;}.align-items-center {align-items: center;}.align-items-baseline {align-items: baseline;}.align-items-stretch {align-items: stretch;}.color-default {color: var(--body-text-color);}.color-primary {color: var(--primary);}.color-secondary {color: var(--secondary);}.color-black {color: #000;}.color-white {color: #fff;}.color-dark {color: var(--dark);}.bg-primary {background-color: var(--primary);}.bg-secondary {background-color: var(--secondary);}.bg-dark {background-color: var(--dark);}.bg-white {background-color: #fff;}.bg-black {background-color: #000;}.bg-gray {background-color: var(--bg-gray);}.bg-dark-gray {background-color: var(--bg-dark-gray);}.bg-light-gray {background-color: var(--bg-light-gray);}.bg-transparent {background-color: transparent;}.btn,button,input[type="button"],input[type="submit"] {font-size: 16px;height: auto;line-height: 1;padding: 10px 10px;display: inline-block;text-decoration: none;letter-spacing: 0.5px;border: none;background-color: #4a4848;color: #fff;font-weight: 600;cursor: pointer;transition: all 0.25s ease-in-out;}.btn:hover,.btn:focus {background-color: #000;color: #fff;}.btn.btn-too-small {padding: 5px 10px;font-size: 10px;}.btn.btn-small {padding: 7px 10px;font-size: 13px;}.btn.btn-large {font-size: 18px;padding: 15px 15px;}.btn.btn-rounded {border-radius: 50px;padding: 10px 20px;}.btn.btn-small-rounded {border-radius: 4px;}.btn.btn-black {background: #000;color: #fff;}.btn.btn-black:hover,.btn.btn-black:focus {background-color: rgba(0, 0, 0, 0.87);color: #fff;}.btn.btn-white {background: #fff;color: #000;}.btn.btn-white:hover,.btn.btn-white:focus {background-color: #646464;color: #fff;}.btn.btn-primary {background: var(--primary);color: #000;}.btn.btn-primary:hover,.btn.btn-primary:focus {background-color: var(--secondary);color: #fff;}.btn.btn-secondary {background: var(--secondary);color: #fff;}.btn.btn-secondary:hover,.btn.btn-secondary:focus {background: var(--primary);color: #fff;}.btn.btn-primary-bordered {background: none;border: 2px solid var(--primary);color: var(--primary);}.btn.btn-primary-bordered:hover {background: var(--primary);border-color: var(--primary);color: #fff;}.btn.btn-secondary-bordered {background: none;border: 2px solid var(--secondary);color: var(--secondary);}.btn.btn-secondary-bordered:hover {background: var(--secondary);border-color: var(--secondary);color: #fff;}.btn.btn-white-bordered {background: none;border: 2px solid CurrentColor;color: #fff;}.btn.btn-white-bordered:hover {background: #fff;border-color: #fff;color: var(--primary);}.btn.btn-black-bordered {background: none;border: 2px solid CurrentColor;color: #000;}.btn.btn-black-bordered:hover {background: #000;border-color: #000;color: #fff;}svg {fill: CurrentColor;}svg.color-white,svg .color-white {fill: #fff;}svg.color-black,svg .color-black {fill: #000;}svg.color-primary,svg .color-primary {fill: var(--primary);}svg.color-secondary,svg .color-secondary {fill: var(--secondary);}svg .stroke-white {stroke: #fff;}svg .stroke-black {stroke: #000;}svg .stroke-primary {stroke: var(--primary);}svg .stroke-secondary {stroke: var(--secondary);}/*overflows*/.overflow-hidden {overflow: hidden;}.overflow-y-hidden {overflow-y: hidden;}.overflow-x-hidden {overflow-x: hidden;}/* z-index */.z-index-1111 {z-index: 1111;}.z-index-111 {z-index: 111;}.z-index-11 {z-index: 11;}.z-index-0 {z-index: 0;}.z-index-1 {z-index: 1;}.z-index-2 {z-index: 2;}.z-index-3 {z-index: 3;}.z-index-4 {z-index: 4;}.z-index-5 {z-index: 5;}/*line-heights*/.lh-1 {line-height: 1;}.lh-11 {line-height: 1.1;}.lh-12 {line-height: 1.2;}.lh-13 {line-height: 1.3;}.lh-14 {line-height: 1.4;}.lh-15 {line-height: 1.5;}.lh-16 {line-height: 1.6;}.lh-17 {line-height: 1.7;}.lh-18 {line-height: 1.8;}.lh-19 {line-height: 1.9;}.lh-2 {line-height: 2;}/*transitions*/.transition-linear {transition: all 0.3s linear;}.transition-ease {transition: all 0.3s ease;}.transition-ease-in {transition: all 0.3s ease-in;}.transition-ease-in-out {transition: all 0.3s ease-in-out;}.transition-ease-out {transition: all 0.3s ease-out;}.animate-duration-1s {animation-duration: 1s;}.animate-duration-1-5s {animation-duration: 1.5s;}.animate-duration-2s {animation-duration: 2s;}.animate-duration-2-5s {animation-duration: 2.5s;}.animate-duration-3s {animation-duration: 3s;}.animate-duration-3-5s {animation-duration: 3.5s;}.animate-duration-4s {animation-duration: 4s;}.animate-duration-4-5s {animation-duration: 4.5s;}.animate-duration-5s {animation-duration: 5s;}.animate-delay-1s {animation-delay: 1s;}.animate-delay-1-5s {animation-delay: 1.5s;}.animate-delay-2s {animation-delay: 2s;}.animate-delay-2-5s {animation-delay: 2.5s;}.animate-delay-3s {animation-delay: 3s;}.animate-delay-3-5s {animation-delay: 3.5s;}.animate-delay-4s {animation-delay: 4s;}.animate-delay-4-5s {animation-delay: 4.5s;}.animate-delay-5s {animation-delay: 5s;}/*UTILITY CLASSES*/.no-display {display: none;}.block {display: block;}.inline-block {display: inline-block;}.inline {display: inline;}@media screen and (min-width:1024px) {.dt-hide {display: none;}}@media screen and (max-width:1023px) {.tb-block {display: block;}.tb-inline-block {display: inline-block;}.tb-hide {display: none;}}@media screen and (max-width:767px) {.mb-block {display: block;}.mb-inline-block {display: inline-block;}.mb-hide {display: none;}}@media screen and (max-width:567px) {.mbv-block {display: block;}.mbv-inline-block {display: inline-block;}.mbv-hide {display: none;}}/*font sizes 10px to 25px*/.fs-10 {font-size: 10px;}.fs-11 {font-size: 11px;}.fs-12 {font-size: 12px;}.fs-13 {font-size: 13px;}.fs-14 {font-size: 14px;}.fs-15 {font-size: 15px;}.fs-16 {font-size: 16px;}.fs-17 {font-size: 17px;}.fs-18 {font-size: 18px;}.fs-19 {font-size: 19px;}.fs-20 {font-size: 20px;}.fs-21 {font-size: 21px;}.fs-22 {font-size: 22px;}.fs-23 {font-size: 23px;}.fs-24 {font-size: 24px;}.fs-25 {font-size: 25px;}.fs-26 {font-size: 26px;}.fs-27 {font-size: 27px;}.fs-28 {font-size: 28px;}.fs-29 {font-size: 29px;}.fs-30 {font-size: 30px;}/*font weights*/.fw-100,.fw-thin {font-weight: 100;}.fw-300,.fw-light {font-weight: 300;}.fw-400,.fw-reg {font-weight: 400;}.fw-500,.fw-med {font-weight: 500;}.fw-600,.fw-semibold {font-weight: 600;}.fw-700,.fw-bold {font-weight: 700;}.fw-800,.fw-extrabold {font-weight: 800;}.fw-900,.fw-black {font-weight: 900;}.fw-normal {font-weight: normal;}.bold {font-weight: bold;}.italic {font-style: italic;}/*text Cases*/.uppercase {text-transform: uppercase;}.lowercase {text-transform: lowercase;}.capitalize {text-transform: capitalize;}/*text-decoration*/.decoration-none {text-decoration: none;}.underline {text-decoration: underline;}.cursor-pointer {cursor: pointer;}/*hide text*/.hide {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);}/*floats*/.f-left {float: left;}.f-right {float: right;}.no-float {float: none;}@media screen and (max-width:767px) {.mb-no-float {float: none;clear: both;}}@media screen and (max-width:567px) {.mbv-no-float {float: none;clear: both;}}/*Alignments*/.align-center {text-align: center;}.align-left {text-align: left;}.align-right {text-align: right;}.justify {text-align: justify;}@media screen and (max-width:1023px) {.tb-align-center {text-align: center;}.tb-align-left {text-align: left;}.tb-align-right {text-align: right;}}@media screen and (max-width:767px) {.mb-align-center {text-align: center;}.mb-align-left {text-align: left;}.mb-align-right {text-align: right;}}@media screen and (max-width:567px) {.mbv-align-center {text-align: center;}.mbv-align-left {text-align: left;}.mbv-align-right {text-align: right;}}/*align an element center*/.center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}@media screen and (max-width:767px) {.mb-center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}}@media screen and (max-width:567px) {.mbv-center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}}.circle,.rounded {border-radius: 50%;}/*absolute alignments*//*horizontal center*/.h-center {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;padding: 0 15px;z-index: 11;}/*vertical center*/.v-center {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;padding: 0 15px;z-index: 11;}/*Vertically and Horizontally center an element*/.vh-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;padding: 0 15px;z-index: 11;}/*positions*/.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.position-top-left {top: 0;left: 0;}.position-top-right {top: 0;right: 0;}.position-bottom-right {bottom: 0;right: 0;}.position-bottom-left {bottom: 0;left: 0;}.icon {margin-bottom: 15px;}.icon-rounded {border-radius: 50%;}.icon-center {margin-left: auto;margin-right: auto;}.icon-rounded-center {border-radius: 50%;margin-left: auto;margin-right: auto;}.icon-small {width: 50px;height: 50px;line-height: 50px;}.icon-medium {width: 80px;height: 80px;line-height: 80px;}.icon-large {width: 120px;height: 120px;line-height: 120px;}.icon-small svg {width: 28px;height: 100%;}.icon-medium svg {width: 40px;height: 100%;}.icon-large svg {width: 60px;height: 100%;}.icon-10 svg {width: 10px;height: 10px;}.icon-20 svg {width: 20px;height: 20px;}.icon-30 svg {width: 30px;height: 30px;}.icon-40 svg {width: 40px;height: 40px;}.icon-50 svg {width: 50px;height: 50px;}.icon-60 svg {width: 60px;height: 60px;}.icon-70 svg {width: 70px;height: 70px;}.icon-80 svg {width: 80px;height: 80px;}@media screen and (max-width: 1023px) {.tb-static {position: static;transform: translate(0%, 0%);}}@media screen and (max-width:767px) {.mb-static {position: static;transform: translate(0%, 0%);}}@media screen and (max-width:567px) {.mbv-static {position: static;transform: translate(0%, 0%);}}/*Lists*/ol,ul {margin: 0 0 20px 25px;}/*Menus*/.nav ul,.nav ol,nav ol,nav ul,.horizontal-nav ul,.vertical-nav ul {margin: 0;list-style: none;padding: 0;}.nav a,nav a {text-decoration: none;}.horizontal-nav li {display: block;float: left;}.vertical-nav li {display: block;float: none;margin: 0;padding: 0;}.inline-list li {float: none;display: inline-block;margin-right: 5px;}/*alphabetical list*/.styled-list {list-style: none;counter-reset: listStyle;margin-left: 10px;}.styled-list li {position: relative;counter-increment: listStyle;margin-bottom: 20px;padding-left: 20px;}.styled-list li:before {position: absolute;left: 0;color: var(--primary);display: inline-block;}.alpha-list li:before {content: counter(listStyle, lower-alpha) ".";top: 3px;}.number-list li:before {content: counter(listStyle, decimal) ".";top: 3px;}.bullet-list li:before {content: "";top: 4px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;border: none;}/*circle list*/.circle-list li:before {content: "";top: 4px;width: 6px;height: 6px;border-radius: 50%;border: 1px solid #666;background-color: transparent;}/*fa list*/.fa-icon-list li:before {top: 4px;font-family: 'FontAwesome';font-weight: normal;font-style: normal;}/*parallax background*/.bg-image,.bg-parallax {background-position: center center;background-size: cover;background-color: transparent;background-repeat: no-repeat;position: relative;}.bg-parallax {background-attachment: fixed;}.bg-top {background-position: center top;}.bg-bottom {background-position: center bottom;}.bg-left-top {background-position: left top;}.bg-left-center {background-position: left center;}.bg-left-bottom {background-position: left bottom;}.bg-right-top {background-position: right top;}.bg-right-center {background-position: right center;}.bg-right-bottom {background-position: right bottom;}/*widths & heights*/.w-auto {width: auto;}.w-25 {width: 25%;}.w-50 {width: 50%;}.w-75 {width: 75%;}.w-100 {width: 100%;}.h-auto {height: auto;}.h-100 {height: 100%;}/*background overlay colors*/[class*="bg-overlay"] {position: relative;z-index: 0;}[class*="bg-overlay"]:before {content: "";display: block;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;z-index: 1;}.bg-overlay-black:before {background-color: rgba(0, 0, 0, 0.6);}.bg-overlay-white:before {background-color: rgba(255, 255, 255, 0.6);}.bg-overlay-primary:before {background-color: var(--primary);opacity: 0.6;}.bg-overlay-secondary:before {background-color: var(--secondary);opacity: 0.6;}.opacity-1 {opacity: .1}.opacity-2 {opacity: .2}.opacity-3 {opacity: .3}.opacity-4 {opacity: .4}.opacity-5 {opacity: .5}.opacity-6 {opacity: .6}.opacity-7 {opacity: .7}.opacity-8 {opacity: .8}.opacity-9 {opacity: .9}.no-opacity {opacity: 1}/*box-shadows*/.box-shadow-1 {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}.box-shadow-2 {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}.box-shadow-3,.box-shadow {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}.box-shadow-4 {box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;}.box-shadow-5 {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}.box-shadow-6 {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}.box-shadow-6 {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}.box-shadow-7 {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}.box-shadow-8 {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}.box-shadow-9 {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}.box-shadow-10 {box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}.box-shadow-11,.box-shadow-large {box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}/* Custom Margins and Paddings*/.m0 {margin: 0;}.p0 {padding: 0;}.p5 {padding: 5px;}.p10 {padding: 10px;}.p15 {padding: 15px;}.p20 {padding: 20px;}.p25 {padding: 25px;}.p30 {padding: 30px;}.p35 {padding: 35px;}.p40 {padding: 40px;}.p45 {padding: 45px;}.p50 {padding: 50px;}/*padding top*/.pt0 {padding-top: 0px;}.pt5 {padding-top: 5px;}.pt10 {padding-top: 10px;}.pt15 {padding-top: 15px;}.pt20 {padding-top: 20px;}.pt25 {padding-top: 25px;}.pt30 {padding-top: 30px;}.pt35 {padding-top: 35px;}.pt40 {padding-top: 40px;}.pt45 {padding-top: 45px;}.pt50 {padding-top: 50px;}.pt55 {padding-top: 55px;}.pt60 {padding-top: 60px;}.pt65 {padding-top: 65px;}.pt70 {padding-top: 70px;}.pt75 {padding-top: 75px;}.pt80 {padding-top: 80px;}.pt85 {padding-top: 85px;}.pt90 {padding-top: 90px;}.pt95 {padding-top: 95px;}.pt100 {padding-top: 100px;}/*padding bottom*/.pb0 {padding-bottom: 0px;}.pb5 {padding-bottom: 5px;}.pb10 {padding-bottom: 10px;}.pb15 {padding-bottom: 15px;}.pb20 {padding-bottom: 20px;}.pb25 {padding-bottom: 25px;}.pb30 {padding-bottom: 30px;}.pb35 {padding-bottom: 35px;}.pb40 {padding-bottom: 40px;}.pb45 {padding-bottom: 45px;}.pb50 {padding-bottom: 50px;}.pb55 {padding-bottom: 55px;}.pb60 {padding-bottom: 60px;}.pb65 {padding-bottom: 65px;}.pb70 {padding-bottom: 70px;}.pb75 {padding-bottom: 75px;}.pb80 {padding-bottom: 80px;}.pb85 {padding-bottom: 85px;}.pb90 {padding-bottom: 90px;}.pb95 {padding-bottom: 95px;}.pb100 {padding-bottom: 100px;}/*padding left*/.pl0 {padding-left: 0px;}.pl5 {padding-left: 5px;}.pl10 {padding-left: 10px;}.pl15 {padding-left: 15px;}.pl20 {padding-left: 20px;}.pl25 {padding-left: 25px;}.pl30 {padding-left: 30px;}.pl35 {padding-left: 35px;}.pl40 {padding-left: 40px;}.pl45 {padding-left: 45px;}.pl50 {padding-left: 50px;}.pl55 {padding-left: 55px;}.pl60 {padding-left: 60px;}.pl65 {padding-left: 65px;}.pl70 {padding-left: 70px;}.pl75 {padding-left: 75px;}.pl80 {padding-left: 80px;}.pl85 {padding-left: 85px;}.pl90 {padding-left: 90px;}.pl95 {padding-left: 95px;}.pl100 {padding-left: 100px;}/*padding right*/.pr0 {padding-right: 0px;}.pr5 {padding-right: 5px;}.pr10 {padding-right: 10px;}.pr15 {padding-right: 15px;}.pr20 {padding-right: 20px;}.pr25 {padding-right: 25px;}.pr30 {padding-right: 30px;}.pr35 {padding-right: 35px;}.pr40 {padding-right: 40px;}.pr45 {padding-right: 45px;}.pr50 {padding-right: 50px;}.pr55 {padding-right: 55px;}.pr60 {padding-right: 60px;}.pr65 {padding-right: 65px;}.pr70 {padding-right: 70px;}.pr75 {padding-right: 75px;}.pr80 {padding-right: 80px;}.pr85 {padding-right: 85px;}.pr90 {padding-right: 90px;}.pr95 {padding-right: 95px;}.pr100 {padding-right: 100px;}/*padding top and bottom*/.py0 {padding-top: 0px;padding-bottom: 0px;}.py5 {padding-top: 5px;padding-bottom: 5px;}.py10 {padding-top: 10px;padding-bottom: 10px;}.py15 {padding-top: 15px;padding-bottom: 15px;}.py20 {padding-top: 20px;padding-bottom: 20px;}.py25 {padding-top: 25px;padding-bottom: 25px;}.py30 {padding-top: 30px;padding-bottom: 30px;}.py35 {padding-top: 35px;padding-bottom: 35px;}.py40 {padding-top: 40px;padding-bottom: 40px;}.py45 {padding-top: 45px;padding-bottom: 45px;}.py50 {padding-top: 50px;padding-bottom: 50px;}.py55 {padding-top: 55px;padding-bottom: 55px;}.py60 {padding-top: 60px;padding-bottom: 60px;}.py65 {padding-top: 65px;padding-bottom: 65px;}.py70 {padding-top: 70px;padding-bottom: 70px;}.py75 {padding-top: 75px;padding-bottom: 75px;}.py80 {padding-top: 80px;padding-bottom: 80px;}.py85 {padding-top: 85px;padding-bottom: 85px;}.py90 {padding-top: 90px;padding-bottom: 90px;}.py95 {padding-top: 95px;padding-bottom: 95px;}.py100 {padding-top: 100px;padding-bottom: 100px;}/*padding left and right*/.px0 {padding-left: 0px;padding-right: 0px;}.px5 {padding-left: 5px;padding-right: 5px;}.px10 {padding-left: 10px;padding-right: 10px;}.px15 {padding-left: 15px;padding-right: 15px;}.px20 {padding-left: 20px;padding-right: 20px;}.px25 {padding-left: 25px;padding-right: 25px;}.px30 {padding-left: 30px;padding-right: 30px;}.px35 {padding-left: 35px;padding-right: 35px;}.px40 {padding-left: 40px;padding-right: 40px;}.px45 {padding-left: 45px;padding-right: 45px;}.px50 {padding-left: 50px;padding-right: 50px;}/*Mobile paddings*/@media screen and (max-width: 767px) {/*padding top*/.mb-pt0 {padding-top: 0px;}.mb-pt5 {padding-top: 5px;}.mb-pt10 {padding-top: 10px;}.mb-pt15 {padding-top: 15px;}.mb-pt20 {padding-top: 20px;}.mb-pt25 {padding-top: 25px;}.mb-pt30 {padding-top: 30px;}.mb-pt35 {padding-top: 35px;}.mb-pt40 {padding-top: 40px;}.mb-pt45 {padding-top: 45px;}.mb-pt50 {padding-top: 50px;}/*padding bottom*/.mb-pb0 {padding-bottom: 0px;}.mb-pb5 {padding-bottom: 5px;}.mb-pb10 {padding-bottom: 10px;}.mb-pb15 {padding-bottom: 15px;}.mb-pb20 {padding-bottom: 20px;}.mb-pb25 {padding-bottom: 25px;}.mb-pb30 {padding-bottom: 30px;}.mb-pb35 {padding-bottom: 35px;}.mb-pb40 {padding-bottom: 40px;}.mb-pb45 {padding-bottom: 45px;}.mb-pb50 {padding-bottom: 50px;}/*padding top and bottom*/.mb-py0 {padding-top: 0px;padding-bottom: 0px;}.mb-py5 {padding-top: 5px;padding-bottom: 5px;}.mb-py10 {padding-top: 10px;padding-bottom: 10px;}.mb-py15 {padding-top: 15px;padding-bottom: 15px;}.mb-py20 {padding-top: 20px;padding-bottom: 20px;}.mb-py25 {padding-top: 25px;padding-bottom: 25px;}.mb-py30 {padding-top: 30px;padding-bottom: 30px;}.mb-py35 {padding-top: 35px;padding-bottom: 35px;}.mb-py40 {padding-top: 40px;padding-bottom: 40px;}.mb-py45 {padding-top: 45px;padding-bottom: 45px;}.mb-py50 {padding-top: 50px;padding-bottom: 50px;}/*padding left and right*/.mb-px0 {padding-left: 0px;padding-right: 0px;}.mb-px5 {padding-left: 5px;padding-right: 5px;}.mb-px10 {padding-left: 10px;padding-right: 10px;}.mb-px15 {padding-left: 15px;padding-right: 15px;}.mb-px20 {padding-left: 20px;padding-right: 20px;}.mb-px25 {padding-left: 25px;padding-right: 25px;}.mb-px30 {padding-left: 30px;padding-right: 30px;}.mb-px35 {padding-left: 35px;padding-right: 35px;}.mb-px40 {padding-left: 40px;padding-right: 40px;}.mb-px45 {padding-left: 45px;padding-right: 45px;}.mb-px50 {padding-left: 50px;padding-right: 50px;}}/*margin top*/.mt0 {margin-top: 0px;}.mt5 {margin-top: 5px;}.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mt30 {margin-top: 30px;}.mt35 {margin-top: 35px;}.mt40 {margin-top: 40px;}.mt45 {margin-top: 45px;}.mt50 {margin-top: 50px;}.mt55 {margin-top: 55px;}.mt60 {margin-top: 60px;}.mt65 {margin-top: 65px;}.mt70 {margin-top: 70px;}.mt75 {margin-top: 75px;}.mt80 {margin-top: 80px;}.mt85 {margin-top: 85px;}.mt90 {margin-top: 90px;}.mt95 {margin-top: 95px;}.mt100 {margin-top: 100px;}/*margin bottom*/.mb0 {margin-bottom: 0px;}.mb5 {margin-bottom: 5px;}.mb10 {margin-bottom: 10px;}.mb15 {margin-bottom: 15px;}.mb20 {margin-bottom: 20px;}.mb25 {margin-bottom: 25px;}.mb30 {margin-bottom: 30px;}.mb35 {margin-bottom: 35px;}.mb40 {margin-bottom: 40px;}.mb45 {margin-bottom: 45px;}.mb50 {margin-bottom: 50px;}.mb55 {margin-bottom: 55px;}.mb60 {margin-bottom: 60px;}.mb65 {margin-bottom: 65px;}.mb70 {margin-bottom: 70px;}.mb75 {margin-bottom: 75px;}.mb80 {margin-bottom: 80px;}.mb85 {margin-bottom: 85px;}.mb90 {margin-bottom: 90px;}.mb95 {margin-bottom: 95px;}.mb100 {margin-bottom: 100px;}/*margin left*/.ml0 {margin-left: 0px;}.ml5 {margin-left: 5px;}.ml10 {margin-left: 10px;}.ml15 {margin-left: 15px;}.ml20 {margin-left: 20px;}.ml25 {margin-left: 25px;}.ml30 {margin-left: 30px;}.ml35 {margin-left: 35px;}.ml40 {margin-left: 40px;}.ml45 {margin-left: 45px;}.ml50 {margin-left: 50px;}.ml55 {margin-left: 55px;}.ml60 {margin-left: 60px;}.ml65 {margin-left: 65px;}.ml70 {margin-left: 70px;}.ml75 {margin-left: 75px;}.ml80 {margin-left: 80px;}.ml85 {margin-left: 85px;}.ml90 {margin-left: 90px;}.ml95 {margin-left: 95px;}.ml100 {margin-left: 100px;}/*margin right*/.mr0 {margin-right: 0px;}.mr5 {margin-right: 5px;}.mr10 {margin-right: 10px;}.mr15 {margin-right: 15px;}.mr20 {margin-right: 20px;}.mr25 {margin-right: 25px;}.mr30 {margin-right: 30px;}.mr35 {margin-right: 35px;}.mr40 {margin-right: 40px;}.mr45 {margin-right: 45px;}.mr50 {margin-right: 50px;}.mr55 {margin-right: 55px;}.mr60 {margin-right: 60px;}.mr65 {margin-right: 65px;}.mr70 {margin-right: 70px;}.mr75 {margin-right: 75px;}.mr80 {margin-right: 80px;}.mr85 {margin-right: 85px;}.mr90 {margin-right: 90px;}.mr95 {margin-right: 95px;}.mr100 {margin-right: 100px;}/*margin top and bottom*/.my0 {margin-top: 0px;margin-bottom: 0px;}.my5 {margin-top: 5px;margin-bottom: 5px;}.my10 {margin-top: 10px;margin-bottom: 10px;}.my15 {margin-top: 15px;margin-bottom: 15px;}.my20 {margin-top: 20px;margin-bottom: 20px;}.my25 {margin-top: 25px;margin-bottom: 25px;}.my30 {margin-top: 30px;margin-bottom: 30px;}.my35 {margin-top: 35px;margin-bottom: 35px;}.my40 {margin-top: 40px;margin-bottom: 40px;}.my45 {margin-top: 45px;margin-bottom: 45px;}.my50 {margin-top: 50px;margin-bottom: 50px;}.my55 {margin-top: 55px;margin-bottom: 55px;}.my60 {margin-top: 60px;margin-bottom: 60px;}.my65 {margin-top: 65px;margin-bottom: 65px;}.my70 {margin-top: 70px;margin-bottom: 70px;}.my75 {margin-top: 75px;margin-bottom: 75px;}.my80 {margin-top: 80px;margin-bottom: 80px;}.my85 {margin-top: 85px;margin-bottom: 85px;}.my90 {margin-top: 90px;margin-bottom: 90px;}.my95 {margin-top: 95px;margin-bottom: 95px;}.my100 {margin-top: 100px;margin-bottom: 100px;}/*Mobile Margins*/@media screen and (max-width: 767px) {/*margin top*/.mb-mt0 {margin-top: 0px;}.mb-mt5 {margin-top: 5px;}.mb-mt10 {margin-top: 10px;}.mb-mt15 {margin-top: 15px;}.mb-mt20 {margin-top: 20px;}.mb-mt25 {margin-top: 25px;}.mb-mt30 {margin-top: 30px;}.mb-mt35 {margin-top: 35px;}.mb-mt40 {margin-top: 40px;}.mb-mt45 {margin-top: 45px;}.mb-mt50 {margin-top: 50px;}/*margin bottom*/.mb-mb0 {margin-bottom: 0px;}.mb-mb5 {margin-bottom: 5px;}.mb-mb10 {margin-bottom: 10px;}.mb-mb15 {margin-bottom: 15px;}.mb-mb20 {margin-bottom: 20px;}.mb-mb25 {margin-bottom: 25px;}.mb-mb30 {margin-bottom: 30px;}.mb-mb35 {margin-bottom: 35px;}.mb-mb40 {margin-bottom: 40px;}.mb-mb45 {margin-bottom: 45px;}.mb-mb50 {margin-bottom: 50px;}/*margin top and bottom*/.mb-my0 {margin-top: 0px;margin-bottom: 0px;}.mb-my5 {margin-top: 5px;margin-bottom: 5px;}.mb-my10 {margin-top: 10px;margin-bottom: 10px;}.mb-my15 {margin-top: 15px;margin-bottom: 15px;}.mb-my20 {margin-top: 20px;margin-bottom: 20px;}.mb-my25 {margin-top: 25px;margin-bottom: 25px;}.mb-my30 {margin-top: 30px;margin-bottom: 30px;}.mb-my35 {margin-top: 35px;margin-bottom: 35px;}.mb-my40 {margin-top: 40px;margin-bottom: 40px;}.mb-my45 {margin-top: 45px;margin-bottom: 45px;}.mb-my50 {margin-top: 50px;margin-bottom: 50px;}.order-mb-last {order: 13;}.order-mb-first {order: 0;}}p:empty {display: none;}        .Gtranslate {
  84.    text-align: left;
  85. }
  86. div#google_translate_element {
  87.    display: inline-block;
  88. }
  89.  
  90.  
  91. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  92. #google_translate_element .goog-te-gadget span {display: none;}
  93. #google_translate_element .goog-te-gadget .goog-te-combo {
  94.    height: 24px;
  95.    font-size: 12px;
  96.    margin: 0 !important;
  97.    border: 1px solid #ccc;
  98.    border-radius: 4px;
  99.    padding-left: 3px;
  100. }
  101. .main-header .user-menu a {
  102.    font-size: 13px;
  103.    font-weight: 600;
  104.    color: #000;        
  105. }
  106. .main-header .user-menu a:hover {
  107.    color:#2f88e3;
  108. }
  109.  
  110. .main-nav {
  111.    background-color: #fff;
  112.    border: 1px solid #cdd7e4;
  113.    border-radius: 20px;
  114.    justify-content: space-between;
  115.    align-items: center;
  116.    padding: 15px 20px;
  117.    display: flex;
  118.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  119.    position:relative;
  120.    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#173150+0,173150+66,0c2442+81,0c2442+100&0.9+0,1+1,0.95+1,0.95+99,1+99,0.9+100 */
  121. background: linear-gradient(to bottom,  rgba(23,49,80,0.9) 0%,rgba(23,49,80,0.95) 1%,rgba(23,49,80,0.98) 66%,rgba(12,36,66,0.99) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  122.  
  123. }
  124.  
  125. .main-header li.dropdown {position: relative;}
  126. .main-header a.dropdown-toggle {display:block;}
  127. .main-header a.dropdown-toggle img {
  128.    width: 30px;
  129.    height: 30px;
  130.    border-radius: 50%;
  131.    margin-right: 5px;
  132. }
  133. .main-header .user-nav ul.dropdown-menu {
  134.    padding: 10px 10px 15px;
  135.    position: absolute;
  136.    background: #fff;
  137.    z-index: 1111;
  138.    right: 0;
  139.    min-width: 180px;
  140.    text-align: center;
  141.    opacity: 0;
  142.    visibility: hidden;
  143. }
  144. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  145.    visibility: visible;
  146.    opacity: 1;
  147. }
  148. .main-header .user-nav a:hover {
  149. background: transparent;
  150. }
  151. .main-header .user-nav li.user-body {
  152.    display: block;
  153.    margin: 5px 0;
  154. }
  155. .main-header .user-nav .user-header p {
  156.    font-weight: 500;
  157.    text-transform: capitalize;
  158.    margin: 5px 0 0;
  159. }
  160. .main-header .user-nav .user-menu .btn {
  161.    padding: 5px 10px;
  162.    border-radius: 4px;
  163.    background: var(--primary);
  164.    color: #fff;
  165.    font-size: 12px;
  166. }
  167. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  168.  
  169. .main-header .user-nav .user-menu li.user-footer {
  170.    text-align: center;
  171.    display: block;
  172.    margin: 0;
  173. }
  174. .main-header .user-nav .user-menu li.user-footer > div {
  175.    display: inline-block;
  176.    margin: 0 3px;
  177. }
  178. .navbar-custom-menu.user-menu {
  179.    grid-template-columns: 140px auto;
  180.    grid-gap: 10px;
  181.    align-items: center;
  182. }
  183. @media (min-width:768px){
  184.  
  185.  
  186. }
  187.  
  188. @media (min-width:1024px){
  189.    .main-nav img.header-logo {
  190.    width: 160px;
  191. }
  192.    .main-nav .navbar {
  193.        display: grid;
  194.        grid-template-columns: auto 170px;
  195.    grid-gap: 20px;
  196.    align-items: center;
  197.    float: right;
  198.    justify-items: end;
  199.    }
  200.    .main-nav .nav > li {
  201.    float: left;
  202.    margin: 0 8px;
  203. }
  204. }
  205.  
  206. .main-nav .nav li.dropdown {position: relative;}
  207. .main-nav .nav li a {
  208.    color: #fff;
  209.    text-transform: uppercase;
  210.    font-size: 15px;
  211.    font-weight: 700;
  212.    display: inline-block;
  213.    
  214. }
  215. .main-nav .nav li a:hover {
  216.    color:#2f88e3;
  217.    background:transparent;
  218. }
  219. .main-nav .nav li > a {
  220.    padding-bottom: 2px;
  221.    border-bottom: 1px solid transparent;
  222. }
  223. .main-nav .nav li > a:hover,
  224. .main-nav .nav li.active > a {
  225.    color:#2f88e3;
  226.    border-color:#fff;
  227.    border-color:transparent;
  228.    background: transparent;
  229. }
  230. .main-nav .nav li span.caret {
  231.    border: solid #fff;
  232.    border-width: 0 2px 2px 0;
  233.    display: inline-block;
  234.    padding: 4px;
  235.    transform: rotate(45deg);
  236. }
  237. @media (min-width:1024px) {
  238. .main-nav .nav .dropdown-menu {
  239.    position: absolute;
  240.    right: 0;
  241.    background: linear-gradient(to bottom,  rgba(23,49,80,0.9) 0%,rgba(23,49,80,0.95) 1%,rgba(23,49,80,0.98) 66%,rgba(12,36,66,0.99) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  242.    padding: 10px 25px 5px;
  243.    visibility: hidden;
  244.    opacity: 0;
  245.    transition: all 0.2s ease-in;
  246.    z-index: 111;
  247. }
  248. .main-nav .nav > li:hover .dropdown-menu {
  249.    visibility: visible;
  250.    opacity: 1;
  251. }
  252. .main-nav .nav li span.caret {
  253.    float: right;
  254.    margin-left: 5px;
  255.    margin-top: 5px;
  256. }
  257. }
  258. .main-nav .nav .dropdown-menu li {
  259.    display: block;
  260.    margin: 0 0 5px;
  261.        text-align: left;
  262. }
  263. .main-nav .nav .dropdown-menu li a {
  264.    font-size:14px;
  265. }
  266. #navbar-search-input {
  267. background-color: #f5f7fa;
  268.    border: 1px solid #ddd1ec;
  269.    border-radius: 20px;
  270.    padding: 7px 15px;
  271.    font-size: 13px;
  272.    font-weight: 600;
  273.    color: #000;
  274.        
  275. }
  276. #navbar-search-input::placeholder {
  277.    color: #000;    
  278. }
  279. @media (max-width:1023px){
  280.        
  281.    .main-nav ul.dropdown-menu {
  282.    background: rgba(255, 255, 255, 0.05);
  283.    padding: 5px 20px;
  284.    display: none;
  285. }
  286.    span.navicon {
  287.    border: 1px solid #fff;
  288.    padding: 8px;
  289.    float: right;
  290.    position: absolute;
  291.    right: 20px;
  292.    top: 50%;
  293.    transform: translateY(-50%);
  294.    font-size: 21px;
  295.    display: block;
  296.    line-height:1;
  297. }
  298. span.navicon svg {
  299.    fill: #fff;
  300.    width: 20px;
  301. }
  302. .main-header .navbar {
  303.    /*background-color: #000;*/
  304.    background: linear-gradient(to bottom,  rgba(23,49,80,1) 0%,rgba(23,49,80,1) 1%,rgba(23,49,80,1) 66%,rgba(12,36,66,1) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%);
  305.    border-radius: 10px;
  306.    position: absolute;
  307.    top: 100%;
  308.    z-index: 99999;
  309.    left: 0;
  310.    right: 0;
  311.    padding: 10px 0;
  312.    display:none;
  313. }
  314. .main-nav .nav li {
  315.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  316. }
  317. .main-nav .nav li a {
  318.    color: #fff;
  319.    padding: 10px 15px;
  320.    display:block;
  321. }
  322. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  323. .main-nav .nav li span.caret {
  324.    position: absolute;
  325.    right: 10px;
  326.    top: 15px;
  327. }
  328. .header-form {margin-right:50px;}
  329. }
  330. @media (max-width:767px){
  331.    .main-header {
  332.    padding-top: 15px 20px 20px;
  333. }
  334. .main-nav img.header-logo {
  335.    width: 125px;
  336. }
  337.    .main-nav {
  338.        padding:15px 20px 20px;
  339.    }
  340.    #google_translate_element .goog-te-gadget .goog-te-combo,
  341.    .main-header .user-menu a {
  342.    font-size: 11px;
  343.    }
  344.    .main-header a.dropdown-toggle img {
  345.    width: 24px;
  346.    height: 24px;
  347.    }
  348.  
  349. }
  350. @media (max-width:567px){
  351.    .main-nav {
  352.        padding:15px 20px 70px;
  353.    }
  354.    .main-nav > .header-form {
  355.    position: absolute;
  356.    bottom: 20px;
  357.    left: 20px;
  358.    right: 20px;
  359.    margin:0;
  360. }
  361. .main-nav > .header-form #navbar-search-input {
  362. width:100%;
  363. }
  364. span.navicon {top:31%;}
  365. .navbar-custom-menu.user-menu {
  366.    grid-template-columns: 130px auto;
  367.    grid-gap: 5px;
  368.    align-items: center;
  369. }
  370. }
  371.  
  372. @media (max-width:414px){
  373.    .navbar-custom-menu.user-menu {
  374.    grid-template-columns: 105px auto;
  375.    }
  376.    #google_translate_element .goog-te-gadget .goog-te-combo {
  377.        padding-left: 2px;
  378.    width: 110px;
  379.    }
  380. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  381.        font-size: 11px;
  382.    }
  383. }
  384.  
  385.        :root {--p-margin: 0 0 20px;--body-line-height: 1.5;--headings-margin: 0 0 20px;--headings-font-weight: 600;--headings-line-height: 1.2;--headings-letter-spacing: -0.64px;--section-padding-mobile: 50px 0;--body-font: "Manrope", sans-serif;/*--body-bg-color: #dde7f5;*/--body-bg-color: #f1f2f5;--body-text-color: #000;--headings-font: "Manrope", sans-serif;--bg-gray: #F9FAFB;--bg-light-gray: #fafafa;--bg-dark-gray: #c1c1c1;--mark-color: yellow;--page-title: 50px;--section-title: 42px;--btn-size: 16px;--container-width: 1400px;--anchor: #000;--anchor-hover: #2f88e3;--primary:#2f88e3;--primary-hover:#5353e3;--h1-size: 36px;--h2-size: 27px;--h3-size: 22px;--h4-size: 18px;--h5-size: 16px;--h6-size: 14px;}@media (max-width:767px) {:root {--h1-size: 32px;--h2-size: 28px;--h3-size: 24px;--h4-size: 20px;--h5-size: 16px;--h6-size: 14px;}}body {font-family: var(--body-font);font-optical-sizing: auto;font-weight:400;}.heading-font {font-family: var(--headings-font);}.color-heading {color: var(--headings-text-color);}.btn {padding: 12px 30px;border-radius: 8px;font-weight: 600;font-size: 16px;line-height: 1;box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}.btn.btn-large {padding: 20px 40px;}.btn.btn-primary,.btn.btn-secondary {color: #fff;}.btn.btn-primary:hover,.btn.btn-primary:focus {background: var(--primary-hover);}.btn.btn-secondary:hover,.btn.btn-secondary:focus {background: var(--secondary-hover);}.btn.btn-bordered,.btn.btn-primary-bordered,.btn.btn-secondary-bordered,.btn.btn-white-bordered,.btn.btn-black-bordered {border-width: 1px;}.btn-primary-bordered {box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}.section-header {margin-bottom: 40px;}.no-list {list-style: none;margin: 0;padding: 0;}div#page {overflow-x: hidden;}/*home page styles start*/.cat-grid .cat-link {border: 5px solid #fff;border-radius: 20px;text-decoration: none;transition: opacity .5s;overflow: hidden;box-shadow: 0 2px 15px rgba(0, 0, 0, .07);}.cat-grid .cat-link:before {background: linear-gradient(rgba(255, 255, 255, 0), #000);}.cat-grid .cat-link img {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.5s;width: 100%;}.cat-grid .cat-link:hover img {transform: translate3d(0px, 0px, 0px) scale3d(1.2, 1.2, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;}.cat-grid .cat .cat-name {z-index: 2;color: #fff;text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 700;position: absolute;bottom: 5px;text-align: center;left: 0;right: 0;}.cat-grid .cat-link:after {display: block;position: absolute;left: 50%;top: 60%;transform: translate(-50%, 0);content:url(https://clickforublog.com/new/assets/img/read-more-icon.png);z-index: 3;opacity: 0;transition: all 0.5s ease-in;}.cat-grid .cat-link:hover:after {top: 50%;transform: translate(-50%, -50%);opacity: 1;}.latest-1 .latest-grid-1 {background-color: #fff;border-radius: 20px;padding: 30px;box-shadow: 0 2px 15px rgba(0, 0, 0, .07);}.latest-1 .latest-grid-1 .post-item {grid-template-columns: 100px auto;}.latest-1 .latest-grid-1 .post-img {object-fit: cover;border-radius: 50%;width: 100px;height: 100px;}.latest-1 .latest-grid-1 .post-info {padding-top: 10px}.latest-1 .latest-grid-1 .post-title {text-transform: capitalize;font-size:18px;margin-bottom: 7px;}/*latest 2*/.latest-2 div.post-item figure.post-img-wrapper > a,.latest-2 a.post-item figure.post-img-wrapper {position: relative;height: 200px;display: flex;border: 1px solid #efefef;border-radius: 20px;padding: 10px;align-items: center;text-align: center;}.latest-2 .post-item img.post-img {max-height: 100%;width: auto;display: block;margin: auto;object-fit: cover;width: 100%;}.latest-2 .post-item .post-meta {padding: 20px 0;border-bottom: 1px solid #e5e5e5;}.latest-2 .post-item .post-title {font-size: 21px;font-weight: 500;}.latest-2 .post-item .cat {color: #fff;background-color: #000;border-radius: 5px;padding: 5px 5px;font-weight: 700;display: inline-block;font-size:14px;line-height:1.2;}.latest-2 .post-item .post-meta {font-size:14px;}.section-title {align-items: center;display: flex;margin-bottom:50px;}.section-heading {text-transform: uppercase;margin: 0;font-size: 90px;font-weight: 500;}.section-subheading {margin-left: 20px;font-size: 20px;font-weight: 300;}.business {/*background-image: url(https://clickforublog.com/new/assets/img/business-bg.webp);*/}.business-grid .post-item {color: #000;background-color: #fff;border-radius: 100px;align-items: center;height: auto;min-height: 130px;padding: 20px;text-decoration: none;display: flex;position: relative;overflow: hidden;transform-style: preserve-3d;}.business-grid .post-item:before {object-fit: cover;background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0) 73%);opacity:0;transition: all 0.3s;background-color:transparent;}.business-grid .post-item:hover:before {opacity:1;}.business-grid .business-post-img {object-fit: cover;border-radius: 50%;width: 100px;height: 100px;position: absolute;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.3s;}.business-grid .post-item:hover .business-post-img {transform: translate3d(160%, 0px, 0px) scale3d(5, 5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}.business-grid .post-info {z-index: 2;align-self: center;margin-left: 120px;position: relative;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.3s;}.business-grid .post-item:hover .post-info {transform: translate3d(-100px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}.business-grid .post-title {margin-bottom: 10px;font-size: 16px;line-height: 18px;text-transform:capitalize;}.business-grid .post-meta {font-size: 14px;}.business-grid .post-item:hover .post-title,.business-grid .post-item:hover .post-meta,.business-grid .post-item:hover .post-date {color:#fff;}.post-title {text-transform: capitalize;}.single-tech .post-info {position: absolute;bottom: 20px;left: 20px;right: 20px;}.single-tech .post-title {font-size: 30px;font-weight: 500;}.multi-tech-list .post-item {display: flex;color: #000;background-color: #fff;align-items: center;margin-bottom: 10px;text-decoration: none;/*box-shadow: 0 2px 20px -5px rgba(0, 0, 0, .07);*/padding:10px;}.multi-tech-list .post-item + .post-item {margin-top: 20px;}.multi-tech-list figure.post-img-wrapper {width: 120px;height: 100px;position: relative;border: 1px solid #efefef;border-radius: 20px;padding: 10px;display: flex;align-items: center;}.multi-tech-list .post-item img {max-height: 100%;width: auto;display: block;margin: auto;}.multi-tech-list .post-info {margin-left: 20px;}.multi-tech-list .post-title {text-transform: uppercase;font-size: 20px;font-weight: 500;letter-spacing: 0.3px;}.multi-tech-list .post-item:hover .post-title {color: var(--primary);}.mixed-grid .post-item {display: flex;color: #000;background-color: #fff;align-items: center;text-decoration: none;box-shadow: 0 2px 20px -5px rgba(0, 0, 0, .07);}.mixed-grid .post-item:before {background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));transition: all .3s linear;background-color: transparent;}.mixed-grid .post-item:hover:before {background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))}.mixed-grid .post-item figure {height: 100%;width:100%;}.mixed-grid .post-item .post-img {width: 100%;transform: translate(0px, 0px);height: 100%;object-fit: cover;transition: all .2s;border-radius: 0;}.mixed-grid .post-title {color: #fff;padding: 0 15px;padding-right: 15px;font-size: 16px;font-weight: 400;line-height: 20px;position: absolute;bottom: 0px;z-index: 2}.mixed-grid .post-cat {color: #fff;background-color: #000;border-radius: 5px;padding: 5px 10px;position: absolute;top: 20px;bottom: auto;left: auto;right: 20px;z-index: 3;font-size: 15px;}@media (max-width:1023px){.section-heading {font-size: 50px;}.section-subheading {font-size: 17px;}}@media (max-width:767px){.section-title {display:block;}.section-heading {font-size:40px;}.section-subheading {margin-left: 0;font-size: 18px;}.latest-1 .latest-grid-1 {padding: 30px 20px;}.latest-2 .post-item .post-title {font-size: 24px;}.single-tech .post-info {padding:15px;}.single-tech .post-title {font-size: 21px;}.multi-tech-list .post-title {margin-left: 15px;padding-right: 5px;font-size: 18px;}.mixed-grid  .post-title {font-size:15px;}.mixed-grid .post-cat {top:10px;right:10px;font-size:13px;}}/*home page styles end*/.br4 {border-radius:4px;}.br8 {border-radius:8px;}.br10 {border-radius:10px;}.br16 {border-radius:16px;}.br20 {border-radius:20px;}.py150 {padding-top:150px;padding-bottom:150px;}@media (min-width:1024px) {.grid-gap-100 {grid-column-gap: 100px;}}.grid-gap-5 {grid-gap:5px;}video {display: block;}section.category-header {}h1.single-post-title,h1.page-title {font-size: 42px;}.cat-listing .post-item .post-meta {align-items: center;line-height:24px;}.cat-listing .post-item .post-meta img.user-profile-img.circle {width: 24px;height: 24px;object-fit: cover;margin-right: 2px;}.flex {display:flex;}/*single post*/.cms-page-content,.single-post-content {background-color: #fff;border-radius: 20px;max-width: 800px;margin:auto;padding: 20px;box-shadow: 0 2px 15px rgba(0, 0, 0, .2);}h1.single-post-title {text-align:center;margin-bottom:30px;}.single-content-body a {color: var(--primary);text-decoration: underline;}.single-content-body a {color: var(--primary-hover);}.cms-page-content {max-width: 1200px;}.cms-page-content ul li,.cms-page-content ol li {margin-bottom: 10px;}.single-post-content iframe,.single-post-content video {max-width:100%;display:block;margin: 0 auto 20px;}.single-post-content {line-height: 1.5;white-space: normal;word-wrap: break-word;}.single-post-content ul li,.single-post-content ol li {margin-bottom: 10px;}.single-content-body img {display: block !important;margin: 10px auto 15px !important;width: auto;float: none !important;}.disquis-wrapper {max-width: 800px;margin: 50px auto;}.container.small {max-width: 1200px;}#main .ad-block {display:block !important;}form#post_form label {display: block;font-size: 15px;font-weight: 600;margin: 0 0 5px;}form#post_form .form-group {margin-bottom: 20px;}form#post_form .form-control {display: block;width: 100%;height: 40px;padding: 0 10px;font-size: 15px;border: 1px solid #ddd;}/*modal*/.modal-dialog {position: relative;width: auto;margin: 10px;}.modal.in .modal-dialog {transform: translate(0, 0);}.modal-open .modal {overflow-x: hidden;overflow-y: auto;}.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}.modal-content {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);position: relative;background-color: #fff;background-clip: padding-box;}.modal-header {padding: 15px;border-bottom: 1px solid #f4f4f4;}.modal-body {position: relative;padding: 15px;}.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #f4f4f4;overflow: hidden}h4.modal-title {margin: 0;}.modal-footer button {border-radius: 4px;padding: 10px;font-size: 13px;font-weight: 400;}.modal-footer button.btn.btn-primary {float: right;}.modal button.close {position: absolute;right: 10px;top: 10px;background: none;color: #777;font-size: 25px;line-height: 1;display: block;padding: 0;}.modal button.close:hover {color: #000;}/*end modal*//*tabs panel*/.panel-default {border-color: #ddd;}.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;overflow: hidden;padding: 12px 0 0;}.box .nav {padding-left: 0;margin-bottom: 0;list-style: none;}.box .nav>li {position: relative;display: block;}.box .nav-tabs>li {float: left;margin-bottom: -1px;}.box .nav>li>a {position: relative;display: block;padding: 10px 15px;color: var(--primary);font-size: 14px;}.box .nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}.box .nav-tabs>li.active>a, .box .nav-tabs>li.active>a:focus, .box .nav-tabs>li.active>a:hover {color: #555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}.box .nav-tabs {border-bottom: 1px solid #ddd;}.box .panel-body {padding: 15px;}.tab-content>.tab-pane {display: none;}.tab-content>.active {display: block;}.my-posts ul.nav.nav-tabs {display: none;}.my-posts .table {width: 100%;border: 1px solid #f4f4f4;}.table th,.table td {padding: 5px 10px;border-right: 1px solid #f4f4f4;}.table th {background: var(--primary);color: #fff;}.table-responsive {overflow-x: auto;}.nav-tabs-custom {padding:30px;}.nav-tabs-custom .ads-block {display:block !important;}.tab-content table a {color: var(--primary);}.tab-content table a {color: var(--primary-hover);}section.content-header {padding: 0;}@media (max-width:767px){.nav-tabs-custom {padding:30px 20px;}.table th, .table td {font-size:14px;}}/*form*/form {max-width: 400px;margin: auto;padding: 15px;border: 1px solid #ddd;width:100%;}.add-post .tab-pane form {max-width:100%;   }.form-group {margin-bottom: 15px;clear: both;overflow: hidden;}.form-group label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.4;color: #555;background-color: #fff;background-image: none;border: 1px solid #d2d6de;border-radius: 0px;box-shadow: none;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.form-control:not(select) {-webkit-appearance: none;-moz-appearance: none;appearance: none;}@media (min-width:768px) {.modal-dialog {max-width: 900px;margin: 30px auto;width:100%;}}iframe {display: block;max-width: 100% !important;height:360px;}.mce-tinymce iframe {height:360px !important;}form.form-full-width {max-width: 100%;}.mce-content-body iframe {max-width: 100%;display: block;}.profile-box {border: 1px solid #ddd;padding: 30px;max-width: 450px;margin: auto;}.profile-box form {padding:0;border:none;}.box-body.box-profile {text-align: center;margin-bottom: 20px;}.my-account-content .box .panel-body {padding: 30px;}.form-group .checkbox label {font-size: 14px;margin-right: 10px;}.profile-box .progress {display: none;}#newsletter-form {border:none;padding:0;margin:0;}#newsletter-form input {border: 1px solid #ddd;padding: 0 10px;height: 40px;width: 100%;display: block;}div#mceu_33-t1 {display: none;}.author-header .profile-user-img {margin: 0 auto 15px;padding: 3px;border: 3px solid #d2d6de;object-fit: cover;border-radius: 50%;width: 100px;height: 100px;}.single-post-content .author{line-height:20px;}.single-post-content .author img {width: 20px;height: 20px;float: left;margin-right: 5px;}.single-content-body {line-height: 1.6;}.cat-listing .post-item .post-meta .author > a {display: flex;align-items: center;grid-gap: 3px;line-height: 1.2;}@media (min-width:1024px) {}@media (max-width:1199px) {}@media (min-width:768px) and (max-width:1023px) {}@media (max-width:1023px) {}@media (max-width:767px) {main > section {padding: var(--section-padding-mobile);}.mb-py70 {padding-top:70px;padding-bottom:70px;}h1.single-post-title, h1.page-title {font-size: 36px;}iframe {height: 240px;}.mce-tinymce iframe {height:200px !important;width:auto !important;}span.mce-preview-object.mce-object-iframe iframe {height:200px !important;}section.my-posts-content.content {padding-top: 20px;}.box-body {padding:0;}.latest-1 .latest-grid-1 {padding: 20px 15px;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;grid-row-gap: 20px;}.latest-1 .latest-grid-1 .post-info {padding-top: 0;}.section-title {margin-bottom:35px;}.latest-1 .latest-grid-1 .post-item {grid-template-columns: 50px auto;grid-gap: 10px;align-items: center;}.latest-1 .latest-grid-1 .post-img {width: 50px;height: 50px;}.latest-1 .latest-grid-1 .post-title {margin-bottom: 5px;font-size: 12px;}.latest-1 .latest-grid-1 .post-date {font-size:10px;}.latest-2 .grid {grid-gap: 20px;grid-template-columns: repeat(2, 1fr);}section.category-header {padding-top: 0;}.category-archive-page .latest-2 {padding-top:0;}.btn.btn-large {padding: 15px 40px;}}@media (max-width:567px) {iframe {height: 160px;}.mce-tinymce iframe {height:150px !important;}span.mce-preview-object.mce-object-iframe iframe {height:150px !important;}h1.single-post-title, h1.page-title {font-size: 30px;}.latest-2 .post-item .post-meta {grid-gap:5px;}.latest-2 .grid {grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}.latest-2 div.post-item {padding:12px;border-radius: 12px;}.latest-2 div.post-item figure.post-img-wrapper > a, .latest-2 a.post-item figure.post-img-wrapper {height: 100px;border-radius: 12px;}.latest-2 .post-item img.post-img {border-radius: 12px;}.latest-2 .post-item .cat {font-size:10px;}.latest-2 .post-item .date {font-size:10px;}.latest-2 .post-item .post-meta {font-size: 10px;margin-bottom: 10px;padding: 10px 0;}.latest-2 .post-item .post-title {font-size: 16px;padding: 5px 0;}.business-grid .post-item {min-height: 100px;padding: 15px;}.business-grid .post-info {margin-left: 95px;}.business-grid .business-post-img {width: 80px;height: 80px;}}@media (max-width:389px) {.latest-2 .post-item .date,.latest-2 .post-item .cat {font-size: 9px;} }
  386. .single-tech > .post-item {
  387.    max-height: 550px;
  388.    overflow: hidden;
  389. }
  390. @media (min-width:1024px) and (max-width:1300px){
  391.    .latest-1 .latest-grid-1 {
  392.        grid-template-columns: repeat(3, 1fr);
  393.    }
  394. }
  395. .ad-container {
  396.    min-height: 250px; /* Default height for ads */
  397.    margin: 20px 0; /* Spacing around ads */
  398.    transition: all 0.3s ease;
  399. }
  400.  
  401. .ad-container:empty {
  402.    display: none; /* Ensure empty containers are hidden */
  403. }
  404.  
  405. /* Fix the container to prevent affecting other sections */
  406. .container {
  407.    max-width: 1200px; /* Ensure consistent width */
  408.    margin: 0 auto; /* Center align */
  409.    padding: 0 15px; /* Add padding for inner spacing */
  410.    overflow: visible; /* Allow overflow for inner elements */
  411. }
  412. /* Styling for Ad Blocks */
  413. .ad-block {
  414.    text-align: center;
  415.    margin: 20px 0; /* Add spacing above and below ads */
  416.    min-height: 250px; /* Reserve space for ads to avoid layout shifting */
  417.    padding: 10px;
  418.    background-color: #f9f9f9; /* Optional: light background to differentiate ads */
  419.    border: 1px solid #ddd; /* Optional: subtle border for separation */
  420.    border-radius: 8px; /* Rounded corners for a modern look */
  421.    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for emphasis */
  422.    position: relative;
  423.    transition: all 0.3s ease; /* Smooth transition for visibility changes */
  424. }
  425.  
  426. /* Responsive Styling for Ads */
  427. @media (max-width: 768px) {
  428.    .ad-block {
  429.        min-height: 150px; /* Adjust height for smaller screens */
  430.    }
  431. }
  432.  
  433. /* Hide Empty Ad Blocks */
  434. .ad-block:empty {
  435.    display: none; /* Hide block if no content */
  436.    aria-hidden: true; /* Accessibility improvement */
  437. }
  438.  
  439. /* Fallback Message for Empty Ads */
  440. .ad-block:empty::after {
  441.    content: "Ad not available";
  442.    font-size: 14px;
  443.    color: #888;
  444.    display: block;
  445.    text-align: center;
  446. }
  447.  
  448. /* Loading Spinner for Ad Blocks */
  449. .ad-block.loading::after {
  450.    content: "";
  451.    display: block;
  452.    width: 30px;
  453.    height: 30px;
  454.    border: 4px solid #ddd;
  455.    border-top-color: #3498db;
  456.    border-radius: 50%;
  457.    animation: spin 1s linear infinite;
  458.    margin: 0 auto;
  459. }
  460.  
  461. @keyframes spin {
  462.    from {
  463.        transform: rotate(0deg);
  464.    }
  465.    to {
  466.        transform: rotate(360deg);
  467.    }
  468. }
  469.  
  470.  
  471.  
  472. /* Main Grid Layout for Related Posts */
  473. .related-posts-grid {
  474.    display: grid;
  475.    grid-template-columns: repeat(3, 1fr); /* Ensure 3 columns per row */
  476.    gap: 5px; /* Reduced gap for tighter spacing between posts */
  477.    justify-content: center; /* Center the grid */
  478.    margin-top: 20px; /* Consistent margin with blog content */
  479. }
  480.  
  481. /* Ensure mobile responsiveness */
  482. @media (max-width: 768px) {
  483.    .related-posts-grid {
  484.        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust for smaller screen */
  485.        gap: 2px; /* Further reduce gap on smaller screens */
  486.    }
  487.  
  488.    .related-post-item {
  489.        margin: 3px; /* Reduce margin for mobile screens */
  490.    }
  491. }
  492.  
  493. /* Styling for each post item */
  494. .related-post-item {
  495.    border: 1px solid #ddd;
  496.    border-radius: 8px; /* Slightly larger border radius */
  497.    overflow: hidden;
  498.    background: #fff;
  499.    padding: 8px; /* Reduced padding for more compact posts */
  500.    margin: 0px; /* Reduce margin to decrease space between posts */
  501.    transition: transform 0.2s ease-in-out;
  502.    text-align: center;
  503. }
  504.  
  505. /* Adjust the hover effect for mobile */
  506. @media (max-width: 768px) {
  507.    .related-post-item:hover {
  508.        transform: none; /* Remove hover effect on mobile */
  509.        box-shadow: none; /* Remove box shadow */
  510.    }
  511. }
  512.  
  513. /* Hover Effect for Post Item */
  514. .related-post-item:hover {
  515.    transform: translateY(-5px); /* Slight lift on hover */
  516.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  517. }
  518.  
  519. .related-posts-section {
  520.    padding-top: 10px; /* Ensure spacing above the related posts */
  521.    padding-bottom: 10px; /* Ensure spacing below */
  522.    background-color: #fff; /* Consistent background with the blog section */
  523. }
  524.  
  525. .related-post-title {
  526.    font-size: 18px; /* Slightly smaller title for better alignment */
  527.    font-weight: 700;
  528.    margin-bottom: 10px; /* Ensure title spacing */
  529.    color: #333;
  530.    text-align: center;
  531.    text-transform: capitalize; /* Capitalize title for consistency */
  532. }
  533.  
  534. .related-post-date {
  535.    font-size: 14px; /* Adjust date size */
  536.    color: #777;
  537.    margin-top: 5px;
  538. }
  539.  
  540. /* Image styles for related posts */
  541. .related-post-thumbnail {
  542.    width: 100%; /* Ensures the image takes the full width */
  543.    height: 180px; /* Fixed height for consistency */
  544.    object-fit: cover; /* Ensures image fits within the box without distortion */
  545.    border-radius: 10px; /* Consistent border radius */
  546.    margin-bottom: 10px;
  547. }
  548.  
  549. /* No Posts Message Styling */
  550. .no-posts-message {
  551.    text-align: center;
  552.    font-size: 16px;
  553.    color: #777;
  554.    margin: 20px 0;
  555. }
  556.        .main-footer {
  557.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  558.    background-repeat: no-repeat;
  559.    background-position: bottom center;
  560.    background-size: contain;
  561.    background-color: rgba(23, 49, 80, 1);
  562. }
  563.  
  564. .main-footer a {
  565.    color: #fff;
  566. }
  567.  
  568. .main-footer a:hover {
  569.    color: var(--primary);
  570. }
  571.  
  572. .main-footer .footer-grid .col {
  573.    display: flex;
  574.    flex-direction: column;
  575.    justify-content: flex-start;
  576.    align-items: stretch;
  577. }
  578.  
  579. .main-footer .footer-title {
  580.    font-size: 26px;
  581.    text-decoration: underline;
  582.    text-transform: uppercase;
  583.    letter-spacing: 0.5px;
  584. }
  585.  
  586. .main-footer .contact svg {
  587.    background: #000;
  588.    color: #fff;
  589.    padding: 10px;
  590.    width: 40px;
  591.    text-align: center;
  592.    border-radius: 10px;
  593.    font-size: 18px;
  594.    margin-right: 10px;
  595. }
  596.  
  597. .main-footer .contact a:hover svg {
  598.    background: var(--primary);
  599.    fill: #fff;
  600. }
  601.  
  602. .main-footer .social-links {}
  603.  
  604. .main-footer .social-links .facebook {
  605.    background-color: #1877f2;
  606. }
  607.  
  608. .main-footer .social-links .twitter {
  609.    background-color: #000000;
  610. }
  611.  
  612. .main-footer .social-links .instagram {
  613.    background-color: #c32aa3;
  614. }
  615.  
  616. .main-footer .social-links .linkedin {
  617.    background-color: #0a66c2;
  618. }
  619.  
  620. .main-footer .social-links a {
  621.    display: inline-block;
  622.    text-align: center;
  623.    background-color: #000;
  624.    border-radius: 10px;
  625.    padding: 10px;
  626.    color: #fff;
  627.    font-size: 12px;
  628.    margin: 0 5px;
  629. }
  630.  
  631. .main-footer .social-links a:hover {
  632.    background: #838383;
  633.    color: #fff;
  634. }
  635.  
  636. .main-footer .social-links svg {
  637.    width: 20px;
  638.    height: 20px;
  639. }
  640.  
  641. .main-footer ul.footer-menu {
  642.    list-style: none;
  643.    display: inline-block;
  644.    margin: 0;
  645. }
  646.  
  647. .main-footer ul.footer-menu li {
  648.    float: left;
  649.    margin: 0 10px 10px;
  650. }
  651.  
  652. .copyright,
  653. .copyright a {
  654.    color: #9b9b9b;
  655. }
  656.  
  657. copyright {
  658.    font-size: 15px;
  659. }
  660.  
  661. copyright strong {
  662.    font-weight: 500;
  663. }
  664.    </style>
  665.  
  666.      
  667.        <!-- Breadcrumb Structured Data -->
  668.     <!--  <script type="application/ld+json">{"@context": "https://schema.org","@type": "BreadcrumbList","itemListElement": [{"@type": "ListItem","position": 1,"item": {"@id": "https://click4r.com/","name": "Home"}},{"@type": "ListItem","position": 2,"item": {"@id": "https://click4r.com/posts/c/0/unlisted","name": "Unlisted"}},{"@type": "ListItem","position": 3,"item": {"@id": "https://click4r.com/posts/c/1/latest","name": "Latest"}}]}</script> -->
  669.        <!-- End Breadcrumb Structured Data -->
  670.        
  671.        <!-- Breadcrumb Structured Data -->
  672. <script type="application/ld+json">
  673. {
  674.    "@context": "https://schema.org",
  675.    "@type": "BreadcrumbList",
  676.    "itemListElement": [
  677.        {
  678.            "@type": "ListItem",
  679.            "position": 1,
  680.            "name": "Home",
  681.            "item": "https://click4r.com/"
  682.        },
  683.        {
  684.            "@type": "ListItem",
  685.            "position": 2,
  686.            "name": "Business",
  687.            "item": "https://click4r.com/posts/c/2/business"
  688.        },
  689.        {
  690.            "@type": "ListItem",
  691.            "position": 3,
  692.            "name": "montreenbois",
  693.            "item": "https://click4r.com/posts/g/14574335/montreenbois"
  694.        }
  695.    ]
  696. }
  697. </script>
  698.  
  699. <!-- End Breadcrumb Structured Data -->
  700.  
  701.  
  702.        <!-- GEO Tag -->
  703.        <meta name="DC.title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
  704.        <meta name="geo.region" content="IN-AP" />
  705.        <meta name="geo.placename" content="Guntur" />
  706.        <meta name="geo.position" content="16.292250;80.435410" />
  707.        <meta name="ICBM" content="16.292250, 80.435410" />
  708.        <!-- End GEO Tag -->
  709.  
  710.      
  711.        <!--Google fonts-->
  712.        
  713.        
  714.        <link rel="preload" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
  715.        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"></noscript>
  716.  
  717.        <style id="nd-styles">
  718.             /* Content from header.css */
  719.            * {box-sizing: border-box;margin: 0;padding: 0;border: none;outline: none;}*:before,*:after {box-sizing: border-box;}html {line-height: 1.15;-webkit-text-size-adjust: 100%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section {display: block;}body {background-color: var(--body-bg-color);color: var(--body-text-color);font-family: var(--sans-serif);font-size: var(--body-font-size);line-height: var(--body-line-height);margin: 0;}a {color: var(--anchor);text-decoration: none;transition: all 0.2s;outline: none;}a:hover,a:focus,a:active {color: var(--anchor-hover);}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {font-family: var(--headings-font);margin: var(--headings-margin);line-height: var(--headings-line-height);font-weight: var(--headings-font-weight);color: var(--headings-text-color);letter-spacing: var(--headings-letter-spacing);}h1,.h1 {font-size: var(--h1-size);}h2,.h2 {font-size: var(--h2-size);}h3,.h3 {font-size: var(--h3-size);}h4,.h4 {font-size: var(--h4-size);}h5,.h5 {font-size: var(--h5-size);}h6,.h6 {font-size: var(--h6-size);}p {margin: var(--p-margin)}main {padding: var(--main-padding);}main > section {padding: var(--section-padding);}hr {box-sizing: content-box;height: 0;overflow: visible;margin-top: 15px;margin-bottom: 15px;border: 0;border-top: 1px solid rgba(0, 0, 0, 0.1);}ol,ul,dl {margin-bottom: 15px;}ol ol,ul ul,ol ul,ul ol {margin-bottom: 5px;}dt {font-weight: 700;}dd {margin-bottom: .5rem;margin-left: 0;}blockquote {margin: 0 0 1rem;}b,strong {font-weight: bolder;}sub,sup {position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}sub {bottom: -.25em;}sup {top: -.5em;}mark,.mark {padding: 0.2em;background-color: var(--mark-color);}pre {white-space: pre-line;word-wrap: break-word;margin-bottom: 15px;overflow: auto;display: block;font-size: 85%;}img {max-width: 100%;height: auto;display: inline-block;vertical-align: middle;}svg {overflow: hidden;vertical-align: middle;}table {border-collapse: collapse;}th {text-align: inherit;}[hidden] {display: none;}label {display: inline-block;margin-bottom: 0.5rem;}input,button,select,optgroup,textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;}button,input {overflow: visible;}button,select {text-transform: none;}button,[type="button"],[type="reset"],[type="submit"] {cursor: pointer;}[disabled] {cursor: none;}textarea,select {border-radius: 0;}input[type="radio"],input[type="checkbox"] {border-radius: 0;padding: 0;width: auto;height: auto;}input[type="date"],input[type="time"],input[type="datetime-local"],input[type="month"] {-webkit-appearance: listbox;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}input[type=number] {-moz-appearance: textfield;}input[type="number"]:hover,input[type="number"]:focus {-moz-appearance: number-input;}[type="search"] {outline-offset: -2px;-webkit-appearance: none;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {font: inherit;-webkit-appearance: button;}/*naren designs reset css*/.container:before,.container:after,.grid-row:before,.grid-row:after,.row:before,.row:after,.full-width:before,.full-width:after,.clear:before,.clear:after {content: " ";display: table;}.container:after,.full-width:after,.grid-row:after,.row:after,.clear:after {clear: both;}.container,.container-full {padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;}.container {max-width: var(--container-width);}.container-full,.container-full .container {max-width: 100%;}.container-full .container {padding-left: 0;padding-right: 0;}.full-width,.row,.clear,.grid,.grid-row {clear: both;}/* nd grid system*/.grid,.grid-row {display: grid;grid-gap: 30px;}.grid-inline,.inline-grid {display: inline-grid;}.grid-gap-0 {grid-gap: 0px;}.grid-gap-10 {grid-gap: 10px;}.grid-gap-15 {grid-gap: 15px;}.grid-gap-20 {grid-gap: 20px;}.grid-gap-25 {grid-gap: 25px;}.grid-gap-30 {grid-gap: 30px;}.grid-gap-40 {grid-gap: 40px;}.grid-gap-50 {grid-gap: 50px;}.grid-gap-60 {grid-gap: 60px;}.grid-gap-v-10 {grid-row-gap: 10px;}.grid-gap-v-15 {grid-row-gap: 15px;}.grid-gap-v-20 {grid-row-gap: 20px;}.grid-gap-v-25 {grid-row-gap: 25px;}.grid-gap-v-30 {grid-row-gap: 30px;}.grid-gap-v-40 {grid-row-gap: 40px;}.grid-gap-v-50 {grid-row-gap: 50px;}.column-gap-0 {grid-column-gap: 0px;}.column-gap-10 {grid-column-gap: 10px;}.column-gap-15 {grid-column-gap: 15px;}.column-gap-20 {grid-column-gap: 20px;}.column-gap-25 {grid-column-gap: 25px;}.column-gap-30 {grid-column-gap: 30px;}.column-gap-40 {grid-column-gap: 40px;}.column-gap-50 {grid-column-gap: 50px;}.columns-1 {grid-template-columns: repeat(1, 1fr);}.columns-2 {grid-template-columns: repeat(2, 1fr);}.columns-2-auto {grid-template-columns: auto auto;}.columns-3 {grid-template-columns: repeat(3, 1fr);}.columns-3-auto {grid-template-columns: auto auto auto;}.columns-4 {grid-template-columns: repeat(4, 1fr);}.columns-4-auto {grid-template-columns: auto auto auto auto;}.columns-5 {grid-template-columns: repeat(5, 1fr);}.columns-6 {grid-template-columns: repeat(6, 1fr);}.columns-6-3-3 {grid-template-columns: auto 24% 24%;}.columns-3-6-3 {grid-template-columns: 24% auto 24%;}.columns-3-3-6 {grid-template-columns: 24% 24% auto;}.columns-3-9 {grid-template-columns: 18% auto;}.columns-9-3 {grid-template-columns: auto 18%;}.columns-8-4 {grid-template-columns: 73% auto;}.columns-4-8 {grid-template-columns: auto 73%;}.columns-5-7 {grid-template-columns: 43% auto;}.columns-7-5 {grid-template-columns: 60% auto;}/*max-width*/[class*="max-w-"] {margin-left: auto;margin-right: auto;}.max-w-200 {max-width: 200px;}.max-w-250 {max-width: 250px;}.max-w-300 {max-width: 300px;}.max-w-350 {max-width: 350px;}.max-w-400 {max-width: 400px;}.max-w-450 {max-width: 450px;}.max-w-500 {max-width: 500px;}.max-w-550 {max-width: 550px;}.max-w-600 {max-width: 600px;}.max-w-650 {max-width: 650px;}.max-w-700 {max-width: 700px;}.max-w-750 {max-width: 750px;}.max-w-800 {max-width: 800px;}.max-w-850 {max-width: 850px;}.max-w-900 {max-width: 900px;}.max-w-950 {max-width: 950px;}.max-w-1000 {max-width: 1000px;}@media (min-width: 568px) {.mb-columns-1 {grid-template-columns: repeat(1, 1fr);}.mb-columns-2 {grid-template-columns: repeat(2, 1fr);}.mb-columns-3 {grid-template-columns: repeat(3, 1fr);}.mb-columns-4 {grid-template-columns: repeat(4, 1fr);}.mb-columns-8-4 {grid-template-columns: 73% auto;}.mb-columns-4-8 {grid-template-columns: auto 73%;}.mb-columns-5-7 {grid-template-columns: 43% auto;}.mb-columns-7-5 {grid-template-columns: 57% auto;}}@media (min-width: 768px) {.tb-columns-1 {grid-template-columns: repeat(1, 1fr);}.tb-columns-2 {grid-template-columns: repeat(2, 1fr);}.tb-columns-3 {grid-template-columns: repeat(3, 1fr);}.tb-columns-4 {grid-template-columns: repeat(4, 1fr);}.tb-columns-5 {grid-template-columns: repeat(5, 1fr);}.tb-columns-6 {grid-template-columns: repeat(6, 1fr);}.tb-columns-6-3-3 {grid-template-columns: auto 24% 24%;}.tb-columns-3-6-3 {grid-template-columns: 24% auto 24%;}.tb-columns-3-3-6 {grid-template-columns: 24% 24% auto;}.tb-columns-3-9 {grid-template-columns: 18% auto;}.tb-columns-9-3 {grid-template-columns: auto 18%;}.tb-columns-8-4 {grid-template-columns: 66.66% auto;}.tb-columns-4-8 {grid-template-columns: auto 66.66%;}.tb-columns-5-7 {grid-template-columns: 43% auto;}.tb-columns-7-5 {grid-template-columns: 60% auto;}.tb-column-gap-10 {grid-column-gap: 10px;}.tb-column-gap-15 {grid-column-gap: 15px;}.tb-column-gap-20 {grid-column-gap: 20px;}.tb-column-gap-30 {grid-column-gap: 30px;}.tb-column-gap-40 {grid-column-gap: 40px;}.tb-column-gap-50 {grid-column-gap: 50px;}.order-tb-last {order: 13;}.order-tb-0 {order: 0;}.order-tb-1 {order: 1;}.order-tb-2 {order: 2;}.order-tb-3 {order: 3;}.order-tb-4 {order: 4;}.order-tb-5 {order: 5;}.order-tb-6 {order: 6;}.order-tb-7 {order: 7;}.order-tb-8 {order: 8;}.order-tb-9 {order: 9;}.order-tb-10 {order: 10;}.order-tb-11 {order: 11;}.order-tb-12 {order: 12;}}@media (min-width: 1024px) {.dt-columns-1 {grid-template-columns: repeat(1, 1fr);}.dt-columns-2 {grid-template-columns: repeat(2, 1fr);}.dt-columns-3 {grid-template-columns: repeat(3, 1fr);}.dt-columns-4 {grid-template-columns: repeat(4, 1fr);}.dt-columns-5 {grid-template-columns: repeat(5, 1fr);}.dt-columns-6 {grid-template-columns: repeat(6, 1fr);}.dt-columns-6-3-3 {grid-template-columns: auto 24% 24%;}.dt-columns-3-6-3 {grid-template-columns: 24% auto 24%;}.dt-columns-3-3-6 {grid-template-columns: 24% 24% auto;}.dt-columns-3-9 {grid-template-columns: 18% auto;}.dt-columns-9-3 {grid-template-columns: auto 18%;}.dt-columns-8-4 {grid-template-columns: 66.66% auto;}.dt-columns-4-8 {grid-template-columns: auto 66.66%;}.dt-columns-5-7 {grid-template-columns: 43% auto;}.dt-columns-7-5 {grid-template-columns: 60% auto;}.dt-column-gap-10 {grid-column-gap: 10px;}.dt-column-gap-15 {grid-column-gap: 15px;}.dt-column-gap-20 {grid-column-gap: 20px;}.dt-column-gap-25 {grid-column-gap: 25px;}.dt-column-gap-30 {grid-column-gap: 30px;}.dt-column-gap-40 {grid-column-gap: 40px;}.dt-column-gap-50 {grid-column-gap: 50px;}.dt-grid-gap-10 {grid-gap: 10px;}.dt-grid-gap-15 {grid-gap: 15px;}.dt-grid-gap-20 {grid-gap: 20px;}.dt-grid-gap-20 {grid-gap: 20px;}.dt-grid-gap-30 {grid-gap: 30px;}.dt-grid-gap-40 {grid-gap: 40px;}.dt-grid-gap-50 {grid-gap: 50px;}.order-dt-last {order: 13;}.order-dt-0 {order: 0;}.order-dt-1 {order: 1;}.order-dt-2 {order: 2;}.order-dt-3 {order: 3;}.order-dt-4 {order: 4;}.order-dt-5 {order: 5;}.order-dt-6 {order: 6;}.order-dt-7 {order: 7;}.order-dt-8 {order: 8;}.order-dt-9 {order: 9;}.order-dt-10 {order: 10;}.order-dt-11 {order: 11;}.order-dt-12 {order: 12;}}@media (max-width:1023px) {.tb-grid-gap-10 {grid-gap: 10px;}.tb-grid-gap-15 {grid-gap: 15px;}.tb-grid-gap-20 {grid-gap: 20px;}.tb-grid-gap-30 {grid-gap: 30px;}.tb-grid-gap-40 {grid-gap: 40px;}.tb-grid-gap-50 {grid-gap: 50px;}/*vertical gap*/.tb-grid-gap-v-10 {grid-row-gap: 10px;}.tb-grid-gap-v-15 {grid-row-gap: 15px;}.tb-grid-gap-v-20 {grid-row-gap: 20px;}.tb-grid-gap-v-30 {grid-row-gap: 30px;}.tb-grid-gap-v-40 {grid-row-gap: 40px;}.tb-grid-gap-v-50 {grid-row-gap: 50px;}/*max width on tablet*/[class*="tb-max-w-"] {margin-left: auto;margin-right: auto;}.tb-max-w-300 {max-width: 300px;}.tb-max-w-400 {max-width: 400px;}.tb-max-w-500 {max-width: 500px;}.tb-max-w-600 {max-width: 600px;}.tb-max-w-700 {max-width: 700px;}}@media (max-width:767px) {.mb-grid-gap-10 {grid-gap: 10px;}.mb-grid-gap-15 {grid-gap: 15px;}.mb-grid-gap-20 {grid-gap: 20px;}.mb-grid-gap-30 {grid-gap: 30px;}.mb-grid-gap-40 {grid-gap: 40px;}.mb-grid-gap-50 {grid-gap: 50px;}/*vertical gap*/.mb-grid-gap-v-10 {grid-row-gap: 10px;}.mb-grid-gap-v-15 {grid-row-gap: 15px;}.mb-grid-gap-v-20 {grid-row-gap: 20px;}.mb-grid-gap-v-30 {grid-row-gap: 30px;}.mb-grid-gap-v-40 {grid-row-gap: 40px;}.mb-grid-gap-v-50 {grid-row-gap: 50px;}.mb-column-gap-10 {grid-column-gap: 10px;}.mb-column-gap-20 {grid-column-gap: 20px;}.mb-column-gap-30 {grid-column-gap: 30px;}.mb-column-gap-40 {grid-column-gap: 40px;}.mb-column-gap-50 {grid-column-gap: 50px;}[class*="mb-max-w-"] {margin-left: auto;margin-right: auto;}.mb-max-w-200 {max-width: 200px;}.mb-max-w-250 {max-width: 250px;}.mb-max-w-300 {max-width: 300px;}.mb-max-w-350 {max-width: 350px;}.mb-max-w-400 {max-width: 400px;}.mb-max-w-450 {max-width: 450px;}.mb-max-w-500 {max-width: 500px;}}@media (max-width:567px) {.mbv-grid-gap-10 {grid-gap: 10px;}.mbv-grid-gap-15 {grid-gap: 15px;}.mbv-grid-gap-20 {grid-gap: 20px;}.mbv-grid-gap-30 {grid-gap: 30px;}/*vertical gap*/.mbv-grid-gap-v-10 {grid-row-gap: 10px;}.mbv-grid-gap-v-15 {grid-row-gap: 15px;}.mbv-grid-gap-v-20 {grid-row-gap: 20px;}.mbv-grid-gap-v-30 {grid-row-gap: 30px;}}/*grid columns alignment*/.v-align-top {align-items: start;}.v-align-center {align-items: center;}.v-align-bottom {align-items: end;}.v-align-stretch {align-items: stretch;}.justify-content-start {justify-content: flex-start;}.justify-content-end {justify-content: flex-end;}.justify-content-center {justify-content: center;}.justify-content-between {justify-content: space-between;}.justify-content-around {justify-content: space-around;}.align-items-start {align-items: flex-start;}.align-items-end {align-items: flex-end;}.align-items-center {align-items: center;}.align-items-baseline {align-items: baseline;}.align-items-stretch {align-items: stretch;}.color-default {color: var(--body-text-color);}.color-primary {color: var(--primary);}.color-secondary {color: var(--secondary);}.color-black {color: #000;}.color-white {color: #fff;}.color-dark {color: var(--dark);}.bg-primary {background-color: var(--primary);}.bg-secondary {background-color: var(--secondary);}.bg-dark {background-color: var(--dark);}.bg-white {background-color: #fff;}.bg-black {background-color: #000;}.bg-gray {background-color: var(--bg-gray);}.bg-dark-gray {background-color: var(--bg-dark-gray);}.bg-light-gray {background-color: var(--bg-light-gray);}.bg-transparent {background-color: transparent;}.btn,button,input[type="button"],input[type="submit"] {font-size: 16px;height: auto;line-height: 1;padding: 10px 10px;display: inline-block;text-decoration: none;letter-spacing: 0.5px;border: none;background-color: #4a4848;color: #fff;font-weight: 600;cursor: pointer;transition: all 0.25s ease-in-out;}.btn:hover,.btn:focus {background-color: #000;color: #fff;}.btn.btn-too-small {padding: 5px 10px;font-size: 10px;}.btn.btn-small {padding: 7px 10px;font-size: 13px;}.btn.btn-large {font-size: 18px;padding: 15px 15px;}.btn.btn-rounded {border-radius: 50px;padding: 10px 20px;}.btn.btn-small-rounded {border-radius: 4px;}.btn.btn-black {background: #000;color: #fff;}.btn.btn-black:hover,.btn.btn-black:focus {background-color: rgba(0, 0, 0, 0.87);color: #fff;}.btn.btn-white {background: #fff;color: #000;}.btn.btn-white:hover,.btn.btn-white:focus {background-color: #646464;color: #fff;}.btn.btn-primary {background: var(--primary);color: #000;}.btn.btn-primary:hover,.btn.btn-primary:focus {background-color: var(--secondary);color: #fff;}.btn.btn-secondary {background: var(--secondary);color: #fff;}.btn.btn-secondary:hover,.btn.btn-secondary:focus {background: var(--primary);color: #fff;}.btn.btn-primary-bordered {background: none;border: 2px solid var(--primary);color: var(--primary);}.btn.btn-primary-bordered:hover {background: var(--primary);border-color: var(--primary);color: #fff;}.btn.btn-secondary-bordered {background: none;border: 2px solid var(--secondary);color: var(--secondary);}.btn.btn-secondary-bordered:hover {background: var(--secondary);border-color: var(--secondary);color: #fff;}.btn.btn-white-bordered {background: none;border: 2px solid CurrentColor;color: #fff;}.btn.btn-white-bordered:hover {background: #fff;border-color: #fff;color: var(--primary);}.btn.btn-black-bordered {background: none;border: 2px solid CurrentColor;color: #000;}.btn.btn-black-bordered:hover {background: #000;border-color: #000;color: #fff;}svg {fill: CurrentColor;}svg.color-white,svg .color-white {fill: #fff;}svg.color-black,svg .color-black {fill: #000;}svg.color-primary,svg .color-primary {fill: var(--primary);}svg.color-secondary,svg .color-secondary {fill: var(--secondary);}svg .stroke-white {stroke: #fff;}svg .stroke-black {stroke: #000;}svg .stroke-primary {stroke: var(--primary);}svg .stroke-secondary {stroke: var(--secondary);}/*overflows*/.overflow-hidden {overflow: hidden;}.overflow-y-hidden {overflow-y: hidden;}.overflow-x-hidden {overflow-x: hidden;}/* z-index */.z-index-1111 {z-index: 1111;}.z-index-111 {z-index: 111;}.z-index-11 {z-index: 11;}.z-index-0 {z-index: 0;}.z-index-1 {z-index: 1;}.z-index-2 {z-index: 2;}.z-index-3 {z-index: 3;}.z-index-4 {z-index: 4;}.z-index-5 {z-index: 5;}/*line-heights*/.lh-1 {line-height: 1;}.lh-11 {line-height: 1.1;}.lh-12 {line-height: 1.2;}.lh-13 {line-height: 1.3;}.lh-14 {line-height: 1.4;}.lh-15 {line-height: 1.5;}.lh-16 {line-height: 1.6;}.lh-17 {line-height: 1.7;}.lh-18 {line-height: 1.8;}.lh-19 {line-height: 1.9;}.lh-2 {line-height: 2;}/*transitions*/.transition-linear {transition: all 0.3s linear;}.transition-ease {transition: all 0.3s ease;}.transition-ease-in {transition: all 0.3s ease-in;}.transition-ease-in-out {transition: all 0.3s ease-in-out;}.transition-ease-out {transition: all 0.3s ease-out;}.animate-duration-1s {animation-duration: 1s;}.animate-duration-1-5s {animation-duration: 1.5s;}.animate-duration-2s {animation-duration: 2s;}.animate-duration-2-5s {animation-duration: 2.5s;}.animate-duration-3s {animation-duration: 3s;}.animate-duration-3-5s {animation-duration: 3.5s;}.animate-duration-4s {animation-duration: 4s;}.animate-duration-4-5s {animation-duration: 4.5s;}.animate-duration-5s {animation-duration: 5s;}.animate-delay-1s {animation-delay: 1s;}.animate-delay-1-5s {animation-delay: 1.5s;}.animate-delay-2s {animation-delay: 2s;}.animate-delay-2-5s {animation-delay: 2.5s;}.animate-delay-3s {animation-delay: 3s;}.animate-delay-3-5s {animation-delay: 3.5s;}.animate-delay-4s {animation-delay: 4s;}.animate-delay-4-5s {animation-delay: 4.5s;}.animate-delay-5s {animation-delay: 5s;}/*UTILITY CLASSES*/.no-display {display: none;}.block {display: block;}.inline-block {display: inline-block;}.inline {display: inline;}@media screen and (min-width:1024px) {.dt-hide {display: none;}}@media screen and (max-width:1023px) {.tb-block {display: block;}.tb-inline-block {display: inline-block;}.tb-hide {display: none;}}@media screen and (max-width:767px) {.mb-block {display: block;}.mb-inline-block {display: inline-block;}.mb-hide {display: none;}}@media screen and (max-width:567px) {.mbv-block {display: block;}.mbv-inline-block {display: inline-block;}.mbv-hide {display: none;}}/*font sizes 10px to 25px*/.fs-10 {font-size: 10px;}.fs-11 {font-size: 11px;}.fs-12 {font-size: 12px;}.fs-13 {font-size: 13px;}.fs-14 {font-size: 14px;}.fs-15 {font-size: 15px;}.fs-16 {font-size: 16px;}.fs-17 {font-size: 17px;}.fs-18 {font-size: 18px;}.fs-19 {font-size: 19px;}.fs-20 {font-size: 20px;}.fs-21 {font-size: 21px;}.fs-22 {font-size: 22px;}.fs-23 {font-size: 23px;}.fs-24 {font-size: 24px;}.fs-25 {font-size: 25px;}.fs-26 {font-size: 26px;}.fs-27 {font-size: 27px;}.fs-28 {font-size: 28px;}.fs-29 {font-size: 29px;}.fs-30 {font-size: 30px;}/*font weights*/.fw-100,.fw-thin {font-weight: 100;}.fw-300,.fw-light {font-weight: 300;}.fw-400,.fw-reg {font-weight: 400;}.fw-500,.fw-med {font-weight: 500;}.fw-600,.fw-semibold {font-weight: 600;}.fw-700,.fw-bold {font-weight: 700;}.fw-800,.fw-extrabold {font-weight: 800;}.fw-900,.fw-black {font-weight: 900;}.fw-normal {font-weight: normal;}.bold {font-weight: bold;}.italic {font-style: italic;}/*text Cases*/.uppercase {text-transform: uppercase;}.lowercase {text-transform: lowercase;}.capitalize {text-transform: capitalize;}/*text-decoration*/.decoration-none {text-decoration: none;}.underline {text-decoration: underline;}.cursor-pointer {cursor: pointer;}/*hide text*/.hide {position: absolute;height: 1px;width: 1px;overflow: hidden;clip: rect(1px, 1px, 1px, 1px);}/*floats*/.f-left {float: left;}.f-right {float: right;}.no-float {float: none;}@media screen and (max-width:767px) {.mb-no-float {float: none;clear: both;}}@media screen and (max-width:567px) {.mbv-no-float {float: none;clear: both;}}/*Alignments*/.align-center {text-align: center;}.align-left {text-align: left;}.align-right {text-align: right;}.justify {text-align: justify;}@media screen and (max-width:1023px) {.tb-align-center {text-align: center;}.tb-align-left {text-align: left;}.tb-align-right {text-align: right;}}@media screen and (max-width:767px) {.mb-align-center {text-align: center;}.mb-align-left {text-align: left;}.mb-align-right {text-align: right;}}@media screen and (max-width:567px) {.mbv-align-center {text-align: center;}.mbv-align-left {text-align: left;}.mbv-align-right {text-align: right;}}/*align an element center*/.center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}@media screen and (max-width:767px) {.mb-center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}}@media screen and (max-width:567px) {.mbv-center {display: block;margin-left: auto;margin-right: auto;float: none;clear: both;}}.circle,.rounded {border-radius: 50%;}/*absolute alignments*//*horizontal center*/.h-center {position: absolute;top: 0;left: 50%;transform: translateX(-50%);width: 100%;padding: 0 15px;z-index: 11;}/*vertical center*/.v-center {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;padding: 0 15px;z-index: 11;}/*Vertically and Horizontally center an element*/.vh-center {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: auto;padding: 0 15px;z-index: 11;}/*positions*/.relative {position: relative;}.absolute {position: absolute;}.fixed {position: fixed;}.position-top-left {top: 0;left: 0;}.position-top-right {top: 0;right: 0;}.position-bottom-right {bottom: 0;right: 0;}.position-bottom-left {bottom: 0;left: 0;}.icon {margin-bottom: 15px;}.icon-rounded {border-radius: 50%;}.icon-center {margin-left: auto;margin-right: auto;}.icon-rounded-center {border-radius: 50%;margin-left: auto;margin-right: auto;}.icon-small {width: 50px;height: 50px;line-height: 50px;}.icon-medium {width: 80px;height: 80px;line-height: 80px;}.icon-large {width: 120px;height: 120px;line-height: 120px;}.icon-small svg {width: 28px;height: 100%;}.icon-medium svg {width: 40px;height: 100%;}.icon-large svg {width: 60px;height: 100%;}.icon-10 svg {width: 10px;height: 10px;}.icon-20 svg {width: 20px;height: 20px;}.icon-30 svg {width: 30px;height: 30px;}.icon-40 svg {width: 40px;height: 40px;}.icon-50 svg {width: 50px;height: 50px;}.icon-60 svg {width: 60px;height: 60px;}.icon-70 svg {width: 70px;height: 70px;}.icon-80 svg {width: 80px;height: 80px;}@media screen and (max-width: 1023px) {.tb-static {position: static;transform: translate(0%, 0%);}}@media screen and (max-width:767px) {.mb-static {position: static;transform: translate(0%, 0%);}}@media screen and (max-width:567px) {.mbv-static {position: static;transform: translate(0%, 0%);}}/*Lists*/ol,ul {margin: 0 0 20px 25px;}/*Menus*/.nav ul,.nav ol,nav ol,nav ul,.horizontal-nav ul,.vertical-nav ul {margin: 0;list-style: none;padding: 0;}.nav a,nav a {text-decoration: none;}.horizontal-nav li {display: block;float: left;}.vertical-nav li {display: block;float: none;margin: 0;padding: 0;}.inline-list li {float: none;display: inline-block;margin-right: 5px;}/*alphabetical list*/.styled-list {list-style: none;counter-reset: listStyle;margin-left: 10px;}.styled-list li {position: relative;counter-increment: listStyle;margin-bottom: 20px;padding-left: 20px;}.styled-list li:before {position: absolute;left: 0;color: var(--primary);display: inline-block;}.alpha-list li:before {content: counter(listStyle, lower-alpha) ".";top: 3px;}.number-list li:before {content: counter(listStyle, decimal) ".";top: 3px;}.bullet-list li:before {content: "";top: 4px;width: 6px;height: 6px;border-radius: 50%;background-color: #666;border: none;}/*circle list*/.circle-list li:before {content: "";top: 4px;width: 6px;height: 6px;border-radius: 50%;border: 1px solid #666;background-color: transparent;}/*fa list*/.fa-icon-list li:before {top: 4px;font-family: 'FontAwesome';font-weight: normal;font-style: normal;}/*parallax background*/.bg-image,.bg-parallax {background-position: center center;background-size: cover;background-color: transparent;background-repeat: no-repeat;position: relative;}.bg-parallax {background-attachment: fixed;}.bg-top {background-position: center top;}.bg-bottom {background-position: center bottom;}.bg-left-top {background-position: left top;}.bg-left-center {background-position: left center;}.bg-left-bottom {background-position: left bottom;}.bg-right-top {background-position: right top;}.bg-right-center {background-position: right center;}.bg-right-bottom {background-position: right bottom;}/*widths & heights*/.w-auto {width: auto;}.w-25 {width: 25%;}.w-50 {width: 50%;}.w-75 {width: 75%;}.w-100 {width: 100%;}.h-auto {height: auto;}.h-100 {height: 100%;}/*background overlay colors*/[class*="bg-overlay"] {position: relative;z-index: 0;}[class*="bg-overlay"]:before {content: "";display: block;position: absolute;top: 0px;left: 0;width: 100%;height: 100%;z-index: 1;}.bg-overlay-black:before {background-color: rgba(0, 0, 0, 0.6);}.bg-overlay-white:before {background-color: rgba(255, 255, 255, 0.6);}.bg-overlay-primary:before {background-color: var(--primary);opacity: 0.6;}.bg-overlay-secondary:before {background-color: var(--secondary);opacity: 0.6;}.opacity-1 {opacity: .1}.opacity-2 {opacity: .2}.opacity-3 {opacity: .3}.opacity-4 {opacity: .4}.opacity-5 {opacity: .5}.opacity-6 {opacity: .6}.opacity-7 {opacity: .7}.opacity-8 {opacity: .8}.opacity-9 {opacity: .9}.no-opacity {opacity: 1}/*box-shadows*/.box-shadow-1 {box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;}.box-shadow-2 {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}.box-shadow-3,.box-shadow {box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;}.box-shadow-4 {box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 30px;}.box-shadow-5 {box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}.box-shadow-6 {box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}.box-shadow-6 {box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;}.box-shadow-7 {box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 0px, rgba(0, 0, 0, 0.1) 0px 0px 1px 0px;}.box-shadow-8 {box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;}.box-shadow-9 {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}.box-shadow-10 {box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;}.box-shadow-11,.box-shadow-large {box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;}/* Custom Margins and Paddings*/.m0 {margin: 0;}.p0 {padding: 0;}.p5 {padding: 5px;}.p10 {padding: 10px;}.p15 {padding: 15px;}.p20 {padding: 20px;}.p25 {padding: 25px;}.p30 {padding: 30px;}.p35 {padding: 35px;}.p40 {padding: 40px;}.p45 {padding: 45px;}.p50 {padding: 50px;}/*padding top*/.pt0 {padding-top: 0px;}.pt5 {padding-top: 5px;}.pt10 {padding-top: 10px;}.pt15 {padding-top: 15px;}.pt20 {padding-top: 20px;}.pt25 {padding-top: 25px;}.pt30 {padding-top: 30px;}.pt35 {padding-top: 35px;}.pt40 {padding-top: 40px;}.pt45 {padding-top: 45px;}.pt50 {padding-top: 50px;}.pt55 {padding-top: 55px;}.pt60 {padding-top: 60px;}.pt65 {padding-top: 65px;}.pt70 {padding-top: 70px;}.pt75 {padding-top: 75px;}.pt80 {padding-top: 80px;}.pt85 {padding-top: 85px;}.pt90 {padding-top: 90px;}.pt95 {padding-top: 95px;}.pt100 {padding-top: 100px;}/*padding bottom*/.pb0 {padding-bottom: 0px;}.pb5 {padding-bottom: 5px;}.pb10 {padding-bottom: 10px;}.pb15 {padding-bottom: 15px;}.pb20 {padding-bottom: 20px;}.pb25 {padding-bottom: 25px;}.pb30 {padding-bottom: 30px;}.pb35 {padding-bottom: 35px;}.pb40 {padding-bottom: 40px;}.pb45 {padding-bottom: 45px;}.pb50 {padding-bottom: 50px;}.pb55 {padding-bottom: 55px;}.pb60 {padding-bottom: 60px;}.pb65 {padding-bottom: 65px;}.pb70 {padding-bottom: 70px;}.pb75 {padding-bottom: 75px;}.pb80 {padding-bottom: 80px;}.pb85 {padding-bottom: 85px;}.pb90 {padding-bottom: 90px;}.pb95 {padding-bottom: 95px;}.pb100 {padding-bottom: 100px;}/*padding left*/.pl0 {padding-left: 0px;}.pl5 {padding-left: 5px;}.pl10 {padding-left: 10px;}.pl15 {padding-left: 15px;}.pl20 {padding-left: 20px;}.pl25 {padding-left: 25px;}.pl30 {padding-left: 30px;}.pl35 {padding-left: 35px;}.pl40 {padding-left: 40px;}.pl45 {padding-left: 45px;}.pl50 {padding-left: 50px;}.pl55 {padding-left: 55px;}.pl60 {padding-left: 60px;}.pl65 {padding-left: 65px;}.pl70 {padding-left: 70px;}.pl75 {padding-left: 75px;}.pl80 {padding-left: 80px;}.pl85 {padding-left: 85px;}.pl90 {padding-left: 90px;}.pl95 {padding-left: 95px;}.pl100 {padding-left: 100px;}/*padding right*/.pr0 {padding-right: 0px;}.pr5 {padding-right: 5px;}.pr10 {padding-right: 10px;}.pr15 {padding-right: 15px;}.pr20 {padding-right: 20px;}.pr25 {padding-right: 25px;}.pr30 {padding-right: 30px;}.pr35 {padding-right: 35px;}.pr40 {padding-right: 40px;}.pr45 {padding-right: 45px;}.pr50 {padding-right: 50px;}.pr55 {padding-right: 55px;}.pr60 {padding-right: 60px;}.pr65 {padding-right: 65px;}.pr70 {padding-right: 70px;}.pr75 {padding-right: 75px;}.pr80 {padding-right: 80px;}.pr85 {padding-right: 85px;}.pr90 {padding-right: 90px;}.pr95 {padding-right: 95px;}.pr100 {padding-right: 100px;}/*padding top and bottom*/.py0 {padding-top: 0px;padding-bottom: 0px;}.py5 {padding-top: 5px;padding-bottom: 5px;}.py10 {padding-top: 10px;padding-bottom: 10px;}.py15 {padding-top: 15px;padding-bottom: 15px;}.py20 {padding-top: 20px;padding-bottom: 20px;}.py25 {padding-top: 25px;padding-bottom: 25px;}.py30 {padding-top: 30px;padding-bottom: 30px;}.py35 {padding-top: 35px;padding-bottom: 35px;}.py40 {padding-top: 40px;padding-bottom: 40px;}.py45 {padding-top: 45px;padding-bottom: 45px;}.py50 {padding-top: 50px;padding-bottom: 50px;}.py55 {padding-top: 55px;padding-bottom: 55px;}.py60 {padding-top: 60px;padding-bottom: 60px;}.py65 {padding-top: 65px;padding-bottom: 65px;}.py70 {padding-top: 70px;padding-bottom: 70px;}.py75 {padding-top: 75px;padding-bottom: 75px;}.py80 {padding-top: 80px;padding-bottom: 80px;}.py85 {padding-top: 85px;padding-bottom: 85px;}.py90 {padding-top: 90px;padding-bottom: 90px;}.py95 {padding-top: 95px;padding-bottom: 95px;}.py100 {padding-top: 100px;padding-bottom: 100px;}/*padding left and right*/.px0 {padding-left: 0px;padding-right: 0px;}.px5 {padding-left: 5px;padding-right: 5px;}.px10 {padding-left: 10px;padding-right: 10px;}.px15 {padding-left: 15px;padding-right: 15px;}.px20 {padding-left: 20px;padding-right: 20px;}.px25 {padding-left: 25px;padding-right: 25px;}.px30 {padding-left: 30px;padding-right: 30px;}.px35 {padding-left: 35px;padding-right: 35px;}.px40 {padding-left: 40px;padding-right: 40px;}.px45 {padding-left: 45px;padding-right: 45px;}.px50 {padding-left: 50px;padding-right: 50px;}/*Mobile paddings*/@media screen and (max-width: 767px) {/*padding top*/.mb-pt0 {padding-top: 0px;}.mb-pt5 {padding-top: 5px;}.mb-pt10 {padding-top: 10px;}.mb-pt15 {padding-top: 15px;}.mb-pt20 {padding-top: 20px;}.mb-pt25 {padding-top: 25px;}.mb-pt30 {padding-top: 30px;}.mb-pt35 {padding-top: 35px;}.mb-pt40 {padding-top: 40px;}.mb-pt45 {padding-top: 45px;}.mb-pt50 {padding-top: 50px;}/*padding bottom*/.mb-pb0 {padding-bottom: 0px;}.mb-pb5 {padding-bottom: 5px;}.mb-pb10 {padding-bottom: 10px;}.mb-pb15 {padding-bottom: 15px;}.mb-pb20 {padding-bottom: 20px;}.mb-pb25 {padding-bottom: 25px;}.mb-pb30 {padding-bottom: 30px;}.mb-pb35 {padding-bottom: 35px;}.mb-pb40 {padding-bottom: 40px;}.mb-pb45 {padding-bottom: 45px;}.mb-pb50 {padding-bottom: 50px;}/*padding top and bottom*/.mb-py0 {padding-top: 0px;padding-bottom: 0px;}.mb-py5 {padding-top: 5px;padding-bottom: 5px;}.mb-py10 {padding-top: 10px;padding-bottom: 10px;}.mb-py15 {padding-top: 15px;padding-bottom: 15px;}.mb-py20 {padding-top: 20px;padding-bottom: 20px;}.mb-py25 {padding-top: 25px;padding-bottom: 25px;}.mb-py30 {padding-top: 30px;padding-bottom: 30px;}.mb-py35 {padding-top: 35px;padding-bottom: 35px;}.mb-py40 {padding-top: 40px;padding-bottom: 40px;}.mb-py45 {padding-top: 45px;padding-bottom: 45px;}.mb-py50 {padding-top: 50px;padding-bottom: 50px;}/*padding left and right*/.mb-px0 {padding-left: 0px;padding-right: 0px;}.mb-px5 {padding-left: 5px;padding-right: 5px;}.mb-px10 {padding-left: 10px;padding-right: 10px;}.mb-px15 {padding-left: 15px;padding-right: 15px;}.mb-px20 {padding-left: 20px;padding-right: 20px;}.mb-px25 {padding-left: 25px;padding-right: 25px;}.mb-px30 {padding-left: 30px;padding-right: 30px;}.mb-px35 {padding-left: 35px;padding-right: 35px;}.mb-px40 {padding-left: 40px;padding-right: 40px;}.mb-px45 {padding-left: 45px;padding-right: 45px;}.mb-px50 {padding-left: 50px;padding-right: 50px;}}/*margin top*/.mt0 {margin-top: 0px;}.mt5 {margin-top: 5px;}.mt10 {margin-top: 10px;}.mt15 {margin-top: 15px;}.mt20 {margin-top: 20px;}.mt25 {margin-top: 25px;}.mt30 {margin-top: 30px;}.mt35 {margin-top: 35px;}.mt40 {margin-top: 40px;}.mt45 {margin-top: 45px;}.mt50 {margin-top: 50px;}.mt55 {margin-top: 55px;}.mt60 {margin-top: 60px;}.mt65 {margin-top: 65px;}.mt70 {margin-top: 70px;}.mt75 {margin-top: 75px;}.mt80 {margin-top: 80px;}.mt85 {margin-top: 85px;}.mt90 {margin-top: 90px;}.mt95 {margin-top: 95px;}.mt100 {margin-top: 100px;}/*margin bottom*/.mb0 {margin-bottom: 0px;}.mb5 {margin-bottom: 5px;}.mb10 {margin-bottom: 10px;}.mb15 {margin-bottom: 15px;}.mb20 {margin-bottom: 20px;}.mb25 {margin-bottom: 25px;}.mb30 {margin-bottom: 30px;}.mb35 {margin-bottom: 35px;}.mb40 {margin-bottom: 40px;}.mb45 {margin-bottom: 45px;}.mb50 {margin-bottom: 50px;}.mb55 {margin-bottom: 55px;}.mb60 {margin-bottom: 60px;}.mb65 {margin-bottom: 65px;}.mb70 {margin-bottom: 70px;}.mb75 {margin-bottom: 75px;}.mb80 {margin-bottom: 80px;}.mb85 {margin-bottom: 85px;}.mb90 {margin-bottom: 90px;}.mb95 {margin-bottom: 95px;}.mb100 {margin-bottom: 100px;}/*margin left*/.ml0 {margin-left: 0px;}.ml5 {margin-left: 5px;}.ml10 {margin-left: 10px;}.ml15 {margin-left: 15px;}.ml20 {margin-left: 20px;}.ml25 {margin-left: 25px;}.ml30 {margin-left: 30px;}.ml35 {margin-left: 35px;}.ml40 {margin-left: 40px;}.ml45 {margin-left: 45px;}.ml50 {margin-left: 50px;}.ml55 {margin-left: 55px;}.ml60 {margin-left: 60px;}.ml65 {margin-left: 65px;}.ml70 {margin-left: 70px;}.ml75 {margin-left: 75px;}.ml80 {margin-left: 80px;}.ml85 {margin-left: 85px;}.ml90 {margin-left: 90px;}.ml95 {margin-left: 95px;}.ml100 {margin-left: 100px;}/*margin right*/.mr0 {margin-right: 0px;}.mr5 {margin-right: 5px;}.mr10 {margin-right: 10px;}.mr15 {margin-right: 15px;}.mr20 {margin-right: 20px;}.mr25 {margin-right: 25px;}.mr30 {margin-right: 30px;}.mr35 {margin-right: 35px;}.mr40 {margin-right: 40px;}.mr45 {margin-right: 45px;}.mr50 {margin-right: 50px;}.mr55 {margin-right: 55px;}.mr60 {margin-right: 60px;}.mr65 {margin-right: 65px;}.mr70 {margin-right: 70px;}.mr75 {margin-right: 75px;}.mr80 {margin-right: 80px;}.mr85 {margin-right: 85px;}.mr90 {margin-right: 90px;}.mr95 {margin-right: 95px;}.mr100 {margin-right: 100px;}/*margin top and bottom*/.my0 {margin-top: 0px;margin-bottom: 0px;}.my5 {margin-top: 5px;margin-bottom: 5px;}.my10 {margin-top: 10px;margin-bottom: 10px;}.my15 {margin-top: 15px;margin-bottom: 15px;}.my20 {margin-top: 20px;margin-bottom: 20px;}.my25 {margin-top: 25px;margin-bottom: 25px;}.my30 {margin-top: 30px;margin-bottom: 30px;}.my35 {margin-top: 35px;margin-bottom: 35px;}.my40 {margin-top: 40px;margin-bottom: 40px;}.my45 {margin-top: 45px;margin-bottom: 45px;}.my50 {margin-top: 50px;margin-bottom: 50px;}.my55 {margin-top: 55px;margin-bottom: 55px;}.my60 {margin-top: 60px;margin-bottom: 60px;}.my65 {margin-top: 65px;margin-bottom: 65px;}.my70 {margin-top: 70px;margin-bottom: 70px;}.my75 {margin-top: 75px;margin-bottom: 75px;}.my80 {margin-top: 80px;margin-bottom: 80px;}.my85 {margin-top: 85px;margin-bottom: 85px;}.my90 {margin-top: 90px;margin-bottom: 90px;}.my95 {margin-top: 95px;margin-bottom: 95px;}.my100 {margin-top: 100px;margin-bottom: 100px;}/*Mobile Margins*/@media screen and (max-width: 767px) {/*margin top*/.mb-mt0 {margin-top: 0px;}.mb-mt5 {margin-top: 5px;}.mb-mt10 {margin-top: 10px;}.mb-mt15 {margin-top: 15px;}.mb-mt20 {margin-top: 20px;}.mb-mt25 {margin-top: 25px;}.mb-mt30 {margin-top: 30px;}.mb-mt35 {margin-top: 35px;}.mb-mt40 {margin-top: 40px;}.mb-mt45 {margin-top: 45px;}.mb-mt50 {margin-top: 50px;}/*margin bottom*/.mb-mb0 {margin-bottom: 0px;}.mb-mb5 {margin-bottom: 5px;}.mb-mb10 {margin-bottom: 10px;}.mb-mb15 {margin-bottom: 15px;}.mb-mb20 {margin-bottom: 20px;}.mb-mb25 {margin-bottom: 25px;}.mb-mb30 {margin-bottom: 30px;}.mb-mb35 {margin-bottom: 35px;}.mb-mb40 {margin-bottom: 40px;}.mb-mb45 {margin-bottom: 45px;}.mb-mb50 {margin-bottom: 50px;}/*margin top and bottom*/.mb-my0 {margin-top: 0px;margin-bottom: 0px;}.mb-my5 {margin-top: 5px;margin-bottom: 5px;}.mb-my10 {margin-top: 10px;margin-bottom: 10px;}.mb-my15 {margin-top: 15px;margin-bottom: 15px;}.mb-my20 {margin-top: 20px;margin-bottom: 20px;}.mb-my25 {margin-top: 25px;margin-bottom: 25px;}.mb-my30 {margin-top: 30px;margin-bottom: 30px;}.mb-my35 {margin-top: 35px;margin-bottom: 35px;}.mb-my40 {margin-top: 40px;margin-bottom: 40px;}.mb-my45 {margin-top: 45px;margin-bottom: 45px;}.mb-my50 {margin-top: 50px;margin-bottom: 50px;}.order-mb-last {order: 13;}.order-mb-first {order: 0;}}p:empty {display: none;}        
  720.            /* Content from header.css */
  721.            .Gtranslate {
  722.    text-align: left;
  723. }
  724. div#google_translate_element {
  725.    display: inline-block;
  726. }
  727.  
  728.  
  729. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  730. #google_translate_element .goog-te-gadget span {display: none;}
  731. #google_translate_element .goog-te-gadget .goog-te-combo {
  732.    height: 24px;
  733.    font-size: 12px;
  734.    margin: 0 !important;
  735.    border: 1px solid #ccc;
  736.    border-radius: 4px;
  737.    padding-left: 3px;
  738. }
  739. .main-header .user-menu a {
  740.    font-size: 13px;
  741.    font-weight: 600;
  742.    color: #000;        
  743. }
  744. .main-header .user-menu a:hover {
  745.    color:#2f88e3;
  746. }
  747.  
  748. .main-nav {
  749.    background-color: #fff;
  750.    border: 1px solid #cdd7e4;
  751.    border-radius: 20px;
  752.    justify-content: space-between;
  753.    align-items: center;
  754.    padding: 15px 20px;
  755.    display: flex;
  756.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  757.    position:relative;
  758.    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#173150+0,173150+66,0c2442+81,0c2442+100&0.9+0,1+1,0.95+1,0.95+99,1+99,0.9+100 */
  759. background: linear-gradient(to bottom,  rgba(23,49,80,0.9) 0%,rgba(23,49,80,0.95) 1%,rgba(23,49,80,0.98) 66%,rgba(12,36,66,0.99) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  760.  
  761. }
  762.  
  763. .main-header li.dropdown {position: relative;}
  764. .main-header a.dropdown-toggle {display:block;}
  765. .main-header a.dropdown-toggle img {
  766.    width: 30px;
  767.    height: 30px;
  768.    border-radius: 50%;
  769.    margin-right: 5px;
  770. }
  771. .main-header .user-nav ul.dropdown-menu {
  772.    padding: 10px 10px 15px;
  773.    position: absolute;
  774.    background: #fff;
  775.    z-index: 1111;
  776.    right: 0;
  777.    min-width: 180px;
  778.    text-align: center;
  779.    opacity: 0;
  780.    visibility: hidden;
  781. }
  782. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  783.    visibility: visible;
  784.    opacity: 1;
  785. }
  786. .main-header .user-nav a:hover {
  787. background: transparent;
  788. }
  789. .main-header .user-nav li.user-body {
  790.    display: block;
  791.    margin: 5px 0;
  792. }
  793. .main-header .user-nav .user-header p {
  794.    font-weight: 500;
  795.    text-transform: capitalize;
  796.    margin: 5px 0 0;
  797. }
  798. .main-header .user-nav .user-menu .btn {
  799.    padding: 5px 10px;
  800.    border-radius: 4px;
  801.    background: var(--primary);
  802.    color: #fff;
  803.    font-size: 12px;
  804. }
  805. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  806.  
  807. .main-header .user-nav .user-menu li.user-footer {
  808.    text-align: center;
  809.    display: block;
  810.    margin: 0;
  811. }
  812. .main-header .user-nav .user-menu li.user-footer > div {
  813.    display: inline-block;
  814.    margin: 0 3px;
  815. }
  816. .navbar-custom-menu.user-menu {
  817.    grid-template-columns: 140px auto;
  818.    grid-gap: 10px;
  819.    align-items: center;
  820. }
  821. @media (min-width:768px){
  822.  
  823.  
  824. }
  825.  
  826. @media (min-width:1024px){
  827.    .main-nav img.header-logo {
  828.    width: 160px;
  829. }
  830.    .main-nav .navbar {
  831.        display: grid;
  832.        grid-template-columns: auto 170px;
  833.    grid-gap: 20px;
  834.    align-items: center;
  835.    float: right;
  836.    justify-items: end;
  837.    }
  838.    .main-nav .nav > li {
  839.    float: left;
  840.    margin: 0 8px;
  841. }
  842. }
  843.  
  844. .main-nav .nav li.dropdown {position: relative;}
  845. .main-nav .nav li a {
  846.    color: #fff;
  847.    text-transform: uppercase;
  848.    font-size: 15px;
  849.    font-weight: 700;
  850.    display: inline-block;
  851.    
  852. }
  853. .main-nav .nav li a:hover {
  854.    color:#2f88e3;
  855.    background:transparent;
  856. }
  857. .main-nav .nav li > a {
  858.    padding-bottom: 2px;
  859.    border-bottom: 1px solid transparent;
  860. }
  861. .main-nav .nav li > a:hover,
  862. .main-nav .nav li.active > a {
  863.    color:#2f88e3;
  864.    border-color:#fff;
  865.    border-color:transparent;
  866.    background: transparent;
  867. }
  868. .main-nav .nav li span.caret {
  869.    border: solid #fff;
  870.    border-width: 0 2px 2px 0;
  871.    display: inline-block;
  872.    padding: 4px;
  873.    transform: rotate(45deg);
  874. }
  875. @media (min-width:1024px) {
  876. .main-nav .nav .dropdown-menu {
  877.    position: absolute;
  878.    right: 0;
  879.    background: linear-gradient(to bottom,  rgba(23,49,80,0.9) 0%,rgba(23,49,80,0.95) 1%,rgba(23,49,80,0.98) 66%,rgba(12,36,66,0.99) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  880.    padding: 10px 25px 5px;
  881.    visibility: hidden;
  882.    opacity: 0;
  883.    transition: all 0.2s ease-in;
  884.    z-index: 111;
  885. }
  886. .main-nav .nav > li:hover .dropdown-menu {
  887.    visibility: visible;
  888.    opacity: 1;
  889. }
  890. .main-nav .nav li span.caret {
  891.    float: right;
  892.    margin-left: 5px;
  893.    margin-top: 5px;
  894. }
  895. }
  896. .main-nav .nav .dropdown-menu li {
  897.    display: block;
  898.    margin: 0 0 5px;
  899.        text-align: left;
  900. }
  901. .main-nav .nav .dropdown-menu li a {
  902.    font-size:14px;
  903. }
  904. #navbar-search-input {
  905. background-color: #f5f7fa;
  906.    border: 1px solid #ddd1ec;
  907.    border-radius: 20px;
  908.    padding: 7px 15px;
  909.    font-size: 13px;
  910.    font-weight: 600;
  911.    color: #000;
  912.        
  913. }
  914. #navbar-search-input::placeholder {
  915.    color: #000;    
  916. }
  917. @media (max-width:1023px){
  918.        
  919.    .main-nav ul.dropdown-menu {
  920.    background: rgba(255, 255, 255, 0.05);
  921.    padding: 5px 20px;
  922.    display: none;
  923. }
  924.    span.navicon {
  925.    border: 1px solid #fff;
  926.    padding: 8px;
  927.    float: right;
  928.    position: absolute;
  929.    right: 20px;
  930.    top: 50%;
  931.    transform: translateY(-50%);
  932.    font-size: 21px;
  933.    display: block;
  934.    line-height:1;
  935. }
  936. span.navicon svg {
  937.    fill: #fff;
  938.    width: 20px;
  939. }
  940. .main-header .navbar {
  941.    /*background-color: #000;*/
  942.    background: linear-gradient(to bottom,  rgba(23,49,80,1) 0%,rgba(23,49,80,1) 1%,rgba(23,49,80,1) 66%,rgba(12,36,66,1) 81%,rgba(12,36,66,1) 99%,rgba(12,36,66,0.9) 100%);
  943.    border-radius: 10px;
  944.    position: absolute;
  945.    top: 100%;
  946.    z-index: 99999;
  947.    left: 0;
  948.    right: 0;
  949.    padding: 10px 0;
  950.    display:none;
  951. }
  952. .main-nav .nav li {
  953.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  954. }
  955. .main-nav .nav li a {
  956.    color: #fff;
  957.    padding: 10px 15px;
  958.    display:block;
  959. }
  960. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  961. .main-nav .nav li span.caret {
  962.    position: absolute;
  963.    right: 10px;
  964.    top: 15px;
  965. }
  966. .header-form {margin-right:50px;}
  967. }
  968. @media (max-width:767px){
  969.    .main-header {
  970.    padding-top: 15px 20px 20px;
  971. }
  972. .main-nav img.header-logo {
  973.    width: 125px;
  974. }
  975.    .main-nav {
  976.        padding:15px 20px 20px;
  977.    }
  978.    #google_translate_element .goog-te-gadget .goog-te-combo,
  979.    .main-header .user-menu a {
  980.    font-size: 11px;
  981.    }
  982.    .main-header a.dropdown-toggle img {
  983.    width: 24px;
  984.    height: 24px;
  985.    }
  986.  
  987. }
  988. @media (max-width:567px){
  989.    .main-nav {
  990.        padding:15px 20px 70px;
  991.    }
  992.    .main-nav > .header-form {
  993.    position: absolute;
  994.    bottom: 20px;
  995.    left: 20px;
  996.    right: 20px;
  997.    margin:0;
  998. }
  999. .main-nav > .header-form #navbar-search-input {
  1000. width:100%;
  1001. }
  1002. span.navicon {top:31%;}
  1003. .navbar-custom-menu.user-menu {
  1004.    grid-template-columns: 130px auto;
  1005.    grid-gap: 5px;
  1006.    align-items: center;
  1007. }
  1008. }
  1009.  
  1010. @media (max-width:414px){
  1011.    .navbar-custom-menu.user-menu {
  1012.    grid-template-columns: 105px auto;
  1013.    }
  1014.    #google_translate_element .goog-te-gadget .goog-te-combo {
  1015.        padding-left: 2px;
  1016.    width: 110px;
  1017.    }
  1018. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  1019.        font-size: 11px;
  1020.    }
  1021. }
  1022.  
  1023.  
  1024.            /* Content from theme.css */
  1025.            
  1026. .small-box {
  1027.    border-radius: 2px;
  1028.    position: relative;
  1029.    display: block;
  1030.    margin-bottom: 20px;
  1031.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  1032. }
  1033.  
  1034. .small-box>.inner {
  1035.    padding: 10px
  1036. }
  1037.  
  1038. .small-box>.small-box-footer {
  1039.    position: relative;
  1040.    text-align: center;
  1041.    padding: 3px 0;
  1042.    color: #fff;
  1043.    color: rgba(255, 255, 255, 0.8);
  1044.    display: block;
  1045.    z-index: 10;
  1046.    background: rgba(0, 0, 0, 0.1);
  1047.    text-decoration: none
  1048. }
  1049.  
  1050. .small-box>.small-box-footer:hover {
  1051.    color: #fff;
  1052.    background: rgba(0, 0, 0, 0.15)
  1053. }
  1054.  
  1055. .small-box h3 {
  1056.    font-size: 38px;
  1057.    font-weight: bold;
  1058.    margin: 0 0 10px 0;
  1059.    white-space: nowrap;
  1060.    padding: 0
  1061. }
  1062.  
  1063. .small-box p {
  1064.    font-size: 15px
  1065. }
  1066.  
  1067. .small-box p>small {
  1068.    display: block;
  1069.    color: #f9f9f9;
  1070.    font-size: 13px;
  1071.    margin-top: 5px
  1072. }
  1073.  
  1074. .small-box h3,
  1075. .small-box p {
  1076.    z-index: 5
  1077. }
  1078.  
  1079. .small-box .icon {
  1080.    -webkit-transition: all .3s linear;
  1081.    -o-transition: all .3s linear;
  1082.    transition: all .3s linear;
  1083.    position: absolute;
  1084.    top: -10px;
  1085.    right: 10px;
  1086.    z-index: 0;
  1087.    font-size: 90px;
  1088.    color: rgba(0, 0, 0, 0.15)
  1089. }
  1090.  
  1091. .small-box:hover {
  1092.    text-decoration: none;
  1093.    color: #f9f9f9
  1094. }
  1095.  
  1096. .small-box:hover .icon {
  1097.    font-size: 95px
  1098. }
  1099.  
  1100. @media (max-width:767px) {
  1101.    .small-box {
  1102.        text-align: center
  1103.    }
  1104.    .small-box .icon {
  1105.        display: none
  1106.    }
  1107.    .small-box p {
  1108.        font-size: 12px
  1109.    }
  1110. }
  1111.  
  1112. .box {
  1113.    position: relative;
  1114.    border-radius: 3px;
  1115.    background: #ffffff;
  1116.    border-top: 3px solid #d2d6de;
  1117.    margin-bottom: 20px;
  1118.    width: 100%;
  1119.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  1120. }
  1121.  
  1122. .box.box-primary {
  1123.    border-top-color: #3c8dbc
  1124. }
  1125.  
  1126. .box.box-info {
  1127.    border-top-color: #00c0ef
  1128. }
  1129.  
  1130. .box.box-danger {
  1131.    border-top-color: #dd4b39
  1132. }
  1133.  
  1134. .box.box-warning {
  1135.    border-top-color: #f39c12
  1136. }
  1137.  
  1138. .box.box-success {
  1139.    border-top-color: #00a65a
  1140. }
  1141.  
  1142. .box.box-default {
  1143.    border-top-color: #d2d6de
  1144. }
  1145.  
  1146. .box.collapsed-box .box-body,
  1147. .box.collapsed-box .box-footer {
  1148.    display: none
  1149. }
  1150.  
  1151. .box .nav-stacked>li {
  1152.    border-bottom: 1px solid #f4f4f4;
  1153.    margin: 0
  1154. }
  1155.  
  1156. .box .nav-stacked>li:last-of-type {
  1157.    border-bottom: none
  1158. }
  1159.  
  1160. .box.height-control .box-body {
  1161.    max-height: 300px;
  1162.    overflow: auto
  1163. }
  1164.  
  1165. .box .border-right {
  1166.    border-right: 1px solid #f4f4f4
  1167. }
  1168.  
  1169. .box .border-left {
  1170.    border-left: 1px solid #f4f4f4
  1171. }
  1172.  
  1173. .box.box-solid {
  1174.    border-top: 0
  1175. }
  1176.  
  1177. .box.box-solid>.box-header .btn.btn-default {
  1178.    background: transparent
  1179. }
  1180.  
  1181. .box.box-solid>.box-header .btn:hover,
  1182. .box.box-solid>.box-header a:hover {
  1183.    background: rgba(0, 0, 0, 0.1)
  1184. }
  1185.  
  1186. .box.box-solid.box-default {
  1187.    border: 1px solid #d2d6de
  1188. }
  1189.  
  1190. .box.box-solid.box-default>.box-header {
  1191.    color: #444;
  1192.    background: #d2d6de;
  1193.    background-color: #d2d6de
  1194. }
  1195.  
  1196. .box.box-solid.box-default>.box-header a,
  1197. .box.box-solid.box-default>.box-header .btn {
  1198.    color: #444
  1199. }
  1200.  
  1201. .box.box-solid.box-primary {
  1202.    border: 1px solid #3c8dbc
  1203. }
  1204.  
  1205. .box.box-solid.box-primary>.box-header {
  1206.    color: #fff;
  1207.    background: #3c8dbc;
  1208.    background-color: #3c8dbc
  1209. }
  1210.  
  1211. .box.box-solid.box-primary>.box-header a,
  1212. .box.box-solid.box-primary>.box-header .btn {
  1213.    color: #fff
  1214. }
  1215.  
  1216. .box.box-solid.box-info {
  1217.    border: 1px solid #00c0ef
  1218. }
  1219.  
  1220. .box.box-solid.box-info>.box-header {
  1221.    color: #fff;
  1222.    background: #00c0ef;
  1223.    background-color: #00c0ef
  1224. }
  1225.  
  1226. .box.box-solid.box-info>.box-header a,
  1227. .box.box-solid.box-info>.box-header .btn {
  1228.    color: #fff
  1229. }
  1230.  
  1231. .box.box-solid.box-danger {
  1232.    border: 1px solid #dd4b39
  1233. }
  1234.  
  1235. .box.box-solid.box-danger>.box-header {
  1236.    color: #fff;
  1237.    background: #dd4b39;
  1238.    background-color: #dd4b39
  1239. }
  1240.  
  1241. .box.box-solid.box-danger>.box-header a,
  1242. .box.box-solid.box-danger>.box-header .btn {
  1243.    color: #fff
  1244. }
  1245.  
  1246. .box.box-solid.box-warning {
  1247.    border: 1px solid #f39c12
  1248. }
  1249.  
  1250. .box.box-solid.box-warning>.box-header {
  1251.    color: #fff;
  1252.    background: #f39c12;
  1253.    background-color: #f39c12
  1254. }
  1255.  
  1256. .box.box-solid.box-warning>.box-header a,
  1257. .box.box-solid.box-warning>.box-header .btn {
  1258.    color: #fff
  1259. }
  1260.  
  1261. .box.box-solid.box-success {
  1262.    border: 1px solid #00a65a
  1263. }
  1264.  
  1265. .box.box-solid.box-success>.box-header {
  1266.    color: #fff;
  1267.    background: #00a65a;
  1268.    background-color: #00a65a
  1269. }
  1270.  
  1271. .box.box-solid.box-success>.box-header a,
  1272. .box.box-solid.box-success>.box-header .btn {
  1273.    color: #fff
  1274. }
  1275.  
  1276. .box.box-solid>.box-header>.box-tools .btn {
  1277.    border: 0;
  1278.    box-shadow: none
  1279. }
  1280.  
  1281. .box.box-solid[class*='bg']>.box-header {
  1282.    color: #fff
  1283. }
  1284.  
  1285. .box .box-group>.box {
  1286.    margin-bottom: 5px
  1287. }
  1288.  
  1289. .box .knob-label {
  1290.    text-align: center;
  1291.    color: #333;
  1292.    font-weight: 100;
  1293.    font-size: 12px;
  1294.    margin-bottom: 0.3em
  1295. }
  1296.  
  1297. .box>.overlay,
  1298. .overlay-wrapper>.overlay,
  1299. .box>.loading-img,
  1300. .overlay-wrapper>.loading-img {
  1301.    position: absolute;
  1302.    top: 0;
  1303.    left: 0;
  1304.    width: 100%;
  1305.    height: 100%
  1306. }
  1307.  
  1308. .box .overlay,
  1309. .overlay-wrapper .overlay {
  1310.    z-index: 50;
  1311.    background: rgba(255, 255, 255, 0.7);
  1312.    border-radius: 3px
  1313. }
  1314.  
  1315. .box .overlay>.fa,
  1316. .overlay-wrapper .overlay>.fa {
  1317.    position: absolute;
  1318.    top: 50%;
  1319.    left: 50%;
  1320.    margin-left: -15px;
  1321.    margin-top: -15px;
  1322.    color: #000;
  1323.    font-size: 30px
  1324. }
  1325.  
  1326. .box .overlay.dark,
  1327. .overlay-wrapper .overlay.dark {
  1328.    background: rgba(0, 0, 0, 0.5)
  1329. }
  1330.  
  1331. .box-header:before,
  1332. .box-body:before,
  1333. .box-footer:before,
  1334. .box-header:after,
  1335. .box-body:after,
  1336. .box-footer:after {
  1337.    content: " ";
  1338.    display: table
  1339. }
  1340.  
  1341. .box-header:after,
  1342. .box-body:after,
  1343. .box-footer:after {
  1344.    clear: both
  1345. }
  1346.  
  1347. .box-header {
  1348.    color: #444;
  1349.    display: block;
  1350.    padding: 10px;
  1351.    position: relative
  1352. }
  1353.  
  1354. .box-header.with-border {
  1355.    border-bottom: 1px solid #f4f4f4
  1356. }
  1357.  
  1358. .collapsed-box .box-header.with-border {
  1359.    border-bottom: none
  1360. }
  1361.  
  1362. .box-header>.fa,
  1363. .box-header>.glyphicon,
  1364. .box-header>.ion,
  1365. .box-header .box-title {
  1366.    display: inline-block;
  1367.    font-size: 18px;
  1368.    margin: 0;
  1369.    line-height: 1
  1370. }
  1371.  
  1372. .box-header>.fa,
  1373. .box-header>.glyphicon,
  1374. .box-header>.ion {
  1375.    margin-right: 5px
  1376. }
  1377.  
  1378. .box-header>.box-tools {
  1379.    position: absolute;
  1380.    right: 10px;
  1381.    top: 5px
  1382. }
  1383.  
  1384. .box-header>.box-tools [data-toggle="tooltip"] {
  1385.    position: relative
  1386. }
  1387.  
  1388. .box-header>.box-tools.pull-right .dropdown-menu {
  1389.    right: 0;
  1390.    left: auto
  1391. }
  1392.  
  1393. .btn-box-tool {
  1394.    padding: 5px;
  1395.    font-size: 12px;
  1396.    background: transparent;
  1397.    color: #97a0b3
  1398. }
  1399.  
  1400. .open .btn-box-tool,
  1401. .btn-box-tool:hover {
  1402.    color: #606c84
  1403. }
  1404.  
  1405. .btn-box-tool.btn:active {
  1406.    box-shadow: none
  1407. }
  1408.  
  1409. .box-body {
  1410.    border-top-left-radius: 0;
  1411.    border-top-right-radius: 0;
  1412.    border-bottom-right-radius: 3px;
  1413.    border-bottom-left-radius: 3px;
  1414.    padding: 10px
  1415. }
  1416.  
  1417. .no-header .box-body {
  1418.    border-top-right-radius: 3px;
  1419.    border-top-left-radius: 3px
  1420. }
  1421.  
  1422. .box-body>.table {
  1423.    margin-bottom: 0
  1424. }
  1425.  
  1426. .box-body .fc {
  1427.    margin-top: 5px
  1428. }
  1429.  
  1430. .box-body .full-width-chart {
  1431.    margin: -19px
  1432. }
  1433.  
  1434. .box-body.no-padding .full-width-chart {
  1435.    margin: -9px
  1436. }
  1437.  
  1438. .box-body .box-pane {
  1439.    border-top-left-radius: 0;
  1440.    border-top-right-radius: 0;
  1441.    border-bottom-right-radius: 0;
  1442.    border-bottom-left-radius: 3px
  1443. }
  1444.  
  1445. .box-body .box-pane-right {
  1446.    border-top-left-radius: 0;
  1447.    border-top-right-radius: 0;
  1448.    border-bottom-right-radius: 3px;
  1449.    border-bottom-left-radius: 0
  1450. }
  1451.  
  1452. .box-footer {
  1453.    border-top-left-radius: 0;
  1454.    border-top-right-radius: 0;
  1455.    border-bottom-right-radius: 3px;
  1456.    border-bottom-left-radius: 3px;
  1457.    border-top: 1px solid #f4f4f4;
  1458.    padding: 10px;
  1459.    background-color: #fff
  1460. }
  1461.  
  1462. .chart-legend {
  1463.    margin: 10px 0
  1464. }
  1465.  
  1466. @media (max-width:991px) {
  1467.    .chart-legend>li {
  1468.        float: left;
  1469.        margin-right: 10px
  1470.    }
  1471. }
  1472.  
  1473. .box-comments {
  1474.    background: #f7f7f7
  1475. }
  1476.  
  1477. .box-comments .box-comment {
  1478.    padding: 8px 0;
  1479.    border-bottom: 1px solid #eee
  1480. }
  1481.  
  1482. .box-comments .box-comment:before,
  1483. .box-comments .box-comment:after {
  1484.    content: " ";
  1485.    display: table
  1486. }
  1487.  
  1488. .box-comments .box-comment:after {
  1489.    clear: both
  1490. }
  1491.  
  1492. .box-comments .box-comment:last-of-type {
  1493.    border-bottom: 0
  1494. }
  1495.  
  1496. .box-comments .box-comment:first-of-type {
  1497.    padding-top: 0
  1498. }
  1499.  
  1500. .box-comments .box-comment img {
  1501.    float: left
  1502. }
  1503.  
  1504. .box-comments .comment-text {
  1505.    margin-left: 40px;
  1506.    color: #555
  1507. }
  1508.  
  1509. .box-comments .username {
  1510.    color: #444;
  1511.    display: block;
  1512.    font-weight: 600
  1513. }
  1514.  
  1515. .box-comments .text-muted {
  1516.    font-weight: 400;
  1517.    font-size: 12px
  1518. }
  1519.  
  1520. .todo-list {
  1521.    margin: 0;
  1522.    padding: 0;
  1523.    list-style: none;
  1524.    overflow: auto
  1525. }
  1526.  
  1527. .todo-list>li {
  1528.    border-radius: 2px;
  1529.    padding: 10px;
  1530.    background: #f4f4f4;
  1531.    margin-bottom: 2px;
  1532.    border-left: 2px solid #e6e7e8;
  1533.    color: #444
  1534. }
  1535.  
  1536. .todo-list>li:last-of-type {
  1537.    margin-bottom: 0
  1538. }
  1539.  
  1540. .todo-list>li>input[type='checkbox'] {
  1541.    margin: 0 10px 0 5px
  1542. }
  1543.  
  1544. .todo-list>li .text {
  1545.    display: inline-block;
  1546.    margin-left: 5px;
  1547.    font-weight: 600
  1548. }
  1549.  
  1550. .todo-list>li .label {
  1551.    margin-left: 10px;
  1552.    font-size: 9px
  1553. }
  1554.  
  1555. .todo-list>li .tools {
  1556.    display: none;
  1557.    float: right;
  1558.    color: #dd4b39
  1559. }
  1560.  
  1561. .todo-list>li .tools>.fa,
  1562. .todo-list>li .tools>.glyphicon,
  1563. .todo-list>li .tools>.ion {
  1564.    margin-right: 5px;
  1565.    cursor: pointer
  1566. }
  1567.  
  1568. .todo-list>li:hover .tools {
  1569.    display: inline-block
  1570. }
  1571.  
  1572. .todo-list>li.done {
  1573.    color: #999
  1574. }
  1575.  
  1576. .todo-list>li.done .text {
  1577.    text-decoration: line-through;
  1578.    font-weight: 500
  1579. }
  1580.  
  1581. .todo-list>li.done .label {
  1582.    background: #d2d6de !important
  1583. }
  1584.  
  1585. .todo-list .danger {
  1586.    border-left-color: #dd4b39
  1587. }
  1588.  
  1589. .todo-list .warning {
  1590.    border-left-color: #f39c12
  1591. }
  1592.  
  1593. .todo-list .info {
  1594.    border-left-color: #00c0ef
  1595. }
  1596.  
  1597. .todo-list .success {
  1598.    border-left-color: #00a65a
  1599. }
  1600.  
  1601. .todo-list .primary {
  1602.    border-left-color: #3c8dbc
  1603. }
  1604.  
  1605. .todo-list .handle {
  1606.    display: inline-block;
  1607.    cursor: move;
  1608.    margin: 0 5px
  1609. }
  1610.  
  1611. .chat {
  1612.    padding: 5px 20px 5px 10px
  1613. }
  1614.  
  1615. .chat .item {
  1616.    margin-bottom: 10px
  1617. }
  1618.  
  1619. .chat .item:before,
  1620. .chat .item:after {
  1621.    content: " ";
  1622.    display: table
  1623. }
  1624.  
  1625. .chat .item:after {
  1626.    clear: both
  1627. }
  1628.  
  1629. .chat .item>img {
  1630.    width: 40px;
  1631.    height: 40px;
  1632.    border: 2px solid transparent;
  1633.    border-radius: 50%
  1634. }
  1635.  
  1636. .chat .item>.online {
  1637.    border: 2px solid #00a65a
  1638. }
  1639.  
  1640. .chat .item>.offline {
  1641.    border: 2px solid #dd4b39
  1642. }
  1643.  
  1644. .chat .item>.message {
  1645.    margin-left: 55px;
  1646.    margin-top: -40px
  1647. }
  1648.  
  1649. .chat .item>.message>.name {
  1650.    display: block;
  1651.    font-weight: 600
  1652. }
  1653.  
  1654. .chat .item>.attachment {
  1655.    border-radius: 3px;
  1656.    background: #f4f4f4;
  1657.    margin-left: 65px;
  1658.    margin-right: 15px;
  1659.    padding: 10px
  1660. }
  1661.  
  1662. .chat .item>.attachment>h4 {
  1663.    margin: 0 0 5px 0;
  1664.    font-weight: 600;
  1665.    font-size: 14px
  1666. }
  1667.  
  1668. .chat .item>.attachment>p,
  1669. .chat .item>.attachment>.filename {
  1670.    font-weight: 600;
  1671.    font-size: 13px;
  1672.    font-style: italic;
  1673.    margin: 0
  1674. }
  1675.  
  1676. .chat .item>.attachment:before,
  1677. .chat .item>.attachment:after {
  1678.    content: " ";
  1679.    display: table
  1680. }
  1681.  
  1682. .chat .item>.attachment:after {
  1683.    clear: both
  1684. }
  1685.  
  1686. .box-input {
  1687.    max-width: 200px
  1688. }
  1689.  
  1690. .modal .panel-body {
  1691.    color: #444
  1692. }
  1693.  
  1694. .info-box {
  1695.    display: block;
  1696.    min-height: 90px;
  1697.    background: #fff;
  1698.    width: 100%;
  1699.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1700.    border-radius: 2px;
  1701.    margin-bottom: 15px
  1702. }
  1703.  
  1704. .info-box small {
  1705.    font-size: 14px
  1706. }
  1707.  
  1708. .info-box .progress {
  1709.    background: rgba(0, 0, 0, 0.2);
  1710.    margin: 5px -10px 5px -10px;
  1711.    height: 2px
  1712. }
  1713.  
  1714. .info-box .progress,
  1715. .info-box .progress .progress-bar {
  1716.    border-radius: 0
  1717. }
  1718.  
  1719. .info-box .progress .progress-bar {
  1720.    background: #fff
  1721. }
  1722.  
  1723. .info-box-icon {
  1724.    border-top-left-radius: 2px;
  1725.    border-top-right-radius: 0;
  1726.    border-bottom-right-radius: 0;
  1727.    border-bottom-left-radius: 2px;
  1728.    display: block;
  1729.    float: left;
  1730.    height: 90px;
  1731.    width: 90px;
  1732.    text-align: center;
  1733.    font-size: 45px;
  1734.    line-height: 90px;
  1735.    background: rgba(0, 0, 0, 0.2)
  1736. }
  1737.  
  1738. .info-box-icon>img {
  1739.    max-width: 100%
  1740. }
  1741.  
  1742. .info-box-content {
  1743.    padding: 5px 10px;
  1744.    margin-left: 90px
  1745. }
  1746.  
  1747. .info-box-number {
  1748.    display: block;
  1749.    font-weight: bold;
  1750.    font-size: 18px
  1751. }
  1752.  
  1753. .progress-description,
  1754. .info-box-text {
  1755.    display: block;
  1756.    font-size: 14px;
  1757.    white-space: nowrap;
  1758.    overflow: hidden;
  1759.    text-overflow: ellipsis
  1760. }
  1761.  
  1762. .info-box-text {
  1763.    text-transform: uppercase
  1764. }
  1765.  
  1766. .info-box-more {
  1767.    display: block
  1768. }
  1769.  
  1770. .progress-description {
  1771.    margin: 0
  1772. }
  1773.  
  1774. .timeline {
  1775.    position: relative;
  1776.    margin: 0 0 30px 0;
  1777.    padding: 0;
  1778.    list-style: none
  1779. }
  1780.  
  1781. .timeline:before {
  1782.    content: '';
  1783.    position: absolute;
  1784.    top: 0;
  1785.    bottom: 0;
  1786.    width: 4px;
  1787.    background: #ddd;
  1788.    left: 31px;
  1789.    margin: 0;
  1790.    border-radius: 2px
  1791. }
  1792.  
  1793. .timeline>li {
  1794.    position: relative;
  1795.    margin-right: 10px;
  1796.    margin-bottom: 15px
  1797. }
  1798.  
  1799. .timeline>li:before,
  1800. .timeline>li:after {
  1801.    content: " ";
  1802.    display: table
  1803. }
  1804.  
  1805. .timeline>li:after {
  1806.    clear: both
  1807. }
  1808.  
  1809. .timeline>li>.timeline-item {
  1810.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1811.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1812.    border-radius: 3px;
  1813.    margin-top: 0;
  1814.    background: #fff;
  1815.    color: #444;
  1816.    margin-left: 60px;
  1817.    margin-right: 15px;
  1818.    padding: 0;
  1819.    position: relative
  1820. }
  1821.  
  1822. .timeline>li>.timeline-item>.time {
  1823.    color: #999;
  1824.    float: right;
  1825.    padding: 10px;
  1826.    font-size: 12px
  1827. }
  1828.  
  1829. .timeline>li>.timeline-item>.timeline-header {
  1830.    margin: 0;
  1831.    color: #555;
  1832.    border-bottom: 1px solid #f4f4f4;
  1833.    padding: 10px;
  1834.    font-size: 16px;
  1835.    line-height: 1.1
  1836. }
  1837.  
  1838. .timeline>li>.timeline-item>.timeline-header>a {
  1839.    font-weight: 600
  1840. }
  1841.  
  1842. .timeline>li>.timeline-item>.timeline-body,
  1843. .timeline>li>.timeline-item>.timeline-footer {
  1844.    padding: 10px
  1845. }
  1846.  
  1847. .timeline>li>.fa,
  1848. .timeline>li>.glyphicon,
  1849. .timeline>li>.ion {
  1850.    width: 30px;
  1851.    height: 30px;
  1852.    font-size: 15px;
  1853.    line-height: 30px;
  1854.    position: absolute;
  1855.    color: #666;
  1856.    background: #d2d6de;
  1857.    border-radius: 50%;
  1858.    text-align: center;
  1859.    left: 18px;
  1860.    top: 0
  1861. }
  1862.  
  1863. .timeline>.time-label>span {
  1864.    font-weight: 600;
  1865.    padding: 5px;
  1866.    display: inline-block;
  1867.    background-color: #fff;
  1868.    border-radius: 4px
  1869. }
  1870.  
  1871. .timeline-inverse>li>.timeline-item {
  1872.    background: #f0f0f0;
  1873.    border: 1px solid #ddd;
  1874.    -webkit-box-shadow: none;
  1875.    box-shadow: none
  1876. }
  1877.  
  1878. .timeline-inverse>li>.timeline-item>.timeline-header {
  1879.    border-bottom-color: #ddd
  1880. }
  1881.  
  1882.  
  1883. .btn.btn-file {
  1884.    position: relative;
  1885.    overflow: hidden
  1886. }
  1887.  
  1888. .btn.btn-file>input[type='file'] {
  1889.    position: absolute;
  1890.    top: 0;
  1891.    right: 0;
  1892.    min-width: 100%;
  1893.    min-height: 100%;
  1894.    font-size: 100px;
  1895.    text-align: right;
  1896.    opacity: 0;
  1897.    filter: alpha(opacity=0);
  1898.    outline: none;
  1899.    background: white;
  1900.    cursor: inherit;
  1901.    display: block
  1902. }
  1903.  
  1904. .callout a {
  1905.    color: #fff;
  1906.    text-decoration: underline
  1907. }
  1908.  
  1909. .callout a:hover {
  1910.    color: #eee
  1911. }
  1912.  
  1913. .callout h4 {
  1914.    margin-top: 0;
  1915.    font-weight: 600
  1916. }
  1917.  
  1918. .callout p:last-child {
  1919.    margin-bottom: 0
  1920. }
  1921.  
  1922. .callout code,
  1923. .callout .highlight {
  1924.    background-color: #fff
  1925. }
  1926.  
  1927. .callout.callout-danger {
  1928.    border-color: #c23321
  1929. }
  1930.  
  1931. .callout.callout-warning {
  1932.    border-color: #c87f0a
  1933. }
  1934.  
  1935. .callout.callout-info {
  1936.    border-color: #0097bc
  1937. }
  1938.  
  1939. .callout.callout-success {
  1940.    border-color: #00733e
  1941. }
  1942.  
  1943. .alert {
  1944.    border-radius: 3px
  1945. }
  1946.  
  1947. .alert h4 {
  1948.    font-weight: 600
  1949. }
  1950.  
  1951. .alert .icon {
  1952.    margin-right: 10px
  1953. }
  1954.  
  1955. .alert .close {
  1956.    color: #000;
  1957.    opacity: .2;
  1958.    filter: alpha(opacity=20)
  1959. }
  1960.  
  1961. .alert .close:hover {
  1962.    opacity: .5;
  1963.    filter: alpha(opacity=50)
  1964. }
  1965.  
  1966. .alert a {
  1967.    color: #fff;
  1968.    text-decoration: underline
  1969. }
  1970.  
  1971. .alert-success {
  1972.    border-color: #008d4c
  1973. }
  1974.  
  1975. .alert-danger,
  1976. .alert-error {
  1977.    border-color: #d73925
  1978. }
  1979.  
  1980. .alert-warning {
  1981.    border-color: #e08e0b
  1982. }
  1983.  
  1984. .alert-info {
  1985.    border-color: #00acd6
  1986. }
  1987.  
  1988. .nav>li>a:hover,
  1989. .nav>li>a:active,
  1990. .nav>li>a:focus {
  1991.    color: #444;
  1992.    background: #f7f7f7
  1993. }
  1994.  
  1995. .nav-pills>li>a {
  1996.    border-radius: 0;
  1997.    border-top: 3px solid transparent;
  1998.    color: #444
  1999. }
  2000.  
  2001. .nav-pills>li>a>.fa,
  2002. .nav-pills>li>a>.glyphicon,
  2003. .nav-pills>li>a>.ion {
  2004.    margin-right: 5px
  2005. }
  2006.  
  2007. .nav-pills>li.active>a,
  2008. .nav-pills>li.active>a:hover,
  2009. .nav-pills>li.active>a:focus {
  2010.    border-top-color: #3c8dbc
  2011. }
  2012.  
  2013. .nav-pills>li.active>a {
  2014.    font-weight: 600
  2015. }
  2016.  
  2017. .nav-stacked>li>a {
  2018.    border-radius: 0;
  2019.    border-top: 0;
  2020.    border-left: 3px solid transparent;
  2021.    color: #444
  2022. }
  2023.  
  2024. .nav-stacked>li.active>a,
  2025. .nav-stacked>li.active>a:hover {
  2026.    background: transparent;
  2027.    color: #444;
  2028.    border-top: 0;
  2029.    border-left-color: #3c8dbc
  2030. }
  2031.  
  2032. .nav-stacked>li.header {
  2033.    border-bottom: 1px solid #ddd;
  2034.    color: #777;
  2035.    margin-bottom: 10px;
  2036.    padding: 5px 10px;
  2037.    text-transform: uppercase
  2038. }
  2039.  
  2040. .nav-tabs-custom {
  2041.    margin-bottom: 20px;
  2042.    background: #fff;
  2043.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2044.    border-radius: 3px
  2045. }
  2046.  
  2047. .nav-tabs-custom>.nav-tabs {
  2048.    margin: 0;
  2049.    border-bottom-color: #f4f4f4;
  2050.    border-top-right-radius: 3px;
  2051.    border-top-left-radius: 3px
  2052. }
  2053.  
  2054. .nav-tabs-custom>.nav-tabs>li {
  2055.    border-top: 3px solid transparent;
  2056.    margin-bottom: -2px;
  2057.    margin-right: 5px
  2058. }
  2059.  
  2060. .nav-tabs-custom>.nav-tabs>li>a {
  2061.    color: #444;
  2062.    border-radius: 0
  2063. }
  2064.  
  2065. .nav-tabs-custom>.nav-tabs>li>a.text-muted {
  2066.    color: #999
  2067. }
  2068.  
  2069. .nav-tabs-custom>.nav-tabs>li>a,
  2070. .nav-tabs-custom>.nav-tabs>li>a:hover {
  2071.    background: transparent;
  2072.    margin: 0
  2073. }
  2074.  
  2075. .nav-tabs-custom>.nav-tabs>li>a:hover {
  2076.    color: #999
  2077. }
  2078.  
  2079. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
  2080. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
  2081. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  2082.    border-color: transparent
  2083. }
  2084.  
  2085. .nav-tabs-custom>.nav-tabs>li.active {
  2086.    border-top-color: #3c8dbc
  2087. }
  2088.  
  2089. .nav-tabs-custom>.nav-tabs>li.active>a,
  2090. .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  2091.    background-color: #fff;
  2092.    color: #444
  2093. }
  2094.  
  2095. .nav-tabs-custom>.nav-tabs>li.active>a {
  2096.    border-top-color: transparent;
  2097.    border-left-color: #f4f4f4;
  2098.    border-right-color: #f4f4f4
  2099. }
  2100.  
  2101. .nav-tabs-custom>.nav-tabs>li:first-of-type {
  2102.    margin-left: 0
  2103. }
  2104.  
  2105. .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  2106.    border-left-color: transparent
  2107. }
  2108.  
  2109. .nav-tabs-custom>.nav-tabs.pull-right {
  2110.    float: none !important
  2111. }
  2112.  
  2113. .nav-tabs-custom>.nav-tabs.pull-right>li {
  2114.    float: right
  2115. }
  2116.  
  2117. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  2118.    margin-right: 0
  2119. }
  2120.  
  2121. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
  2122.    border-left-width: 1px
  2123. }
  2124.  
  2125. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  2126.    border-left-color: #f4f4f4;
  2127.    border-right-color: transparent
  2128. }
  2129.  
  2130. .nav-tabs-custom>.nav-tabs>li.header {
  2131.    line-height: 35px;
  2132.    padding: 0 10px;
  2133.    font-size: 20px;
  2134.    color: #444
  2135. }
  2136.  
  2137. .nav-tabs-custom>.nav-tabs>li.header>.fa,
  2138. .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
  2139. .nav-tabs-custom>.nav-tabs>li.header>.ion {
  2140.    margin-right: 5px
  2141. }
  2142.  
  2143. .nav-tabs-custom>.tab-content {
  2144.    background: #fff;
  2145.    padding: 10px;
  2146.    border-bottom-right-radius: 3px;
  2147.    border-bottom-left-radius: 3px
  2148. }
  2149.  
  2150. .nav-tabs-custom .dropdown.open>a:active,
  2151. .nav-tabs-custom .dropdown.open>a:focus {
  2152.    background: transparent;
  2153.    color: #999
  2154. }
  2155.  
  2156. .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
  2157.    border-top-color: #3c8dbc
  2158. }
  2159.  
  2160. .nav-tabs-custom.tab-info>.nav-tabs>li.active {
  2161.    border-top-color: #00c0ef
  2162. }
  2163.  
  2164. .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
  2165.    border-top-color: #dd4b39
  2166. }
  2167.  
  2168. .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
  2169.    border-top-color: #f39c12
  2170. }
  2171.  
  2172. .nav-tabs-custom.tab-success>.nav-tabs>li.active {
  2173.    border-top-color: #00a65a
  2174. }
  2175.  
  2176. .nav-tabs-custom.tab-default>.nav-tabs>li.active {
  2177.    border-top-color: #d2d6de
  2178. }
  2179.  
  2180. .pagination>li>a {
  2181.    background: #fafafa;
  2182.    color: #666
  2183. }
  2184.  
  2185. .pagination.pagination-flat>li>a {
  2186.    border-radius: 0 !important
  2187. }
  2188.  
  2189. .products-list {
  2190.    list-style: none;
  2191.    margin: 0;
  2192.    padding: 0
  2193. }
  2194.  
  2195. .products-list>.item {
  2196.    border-radius: 3px;
  2197.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2198.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2199.    padding: 10px 0;
  2200.    background: #fff
  2201. }
  2202.  
  2203. .products-list>.item:before,
  2204. .products-list>.item:after {
  2205.    content: " ";
  2206.    display: table
  2207. }
  2208.  
  2209. .products-list>.item:after {
  2210.    clear: both
  2211. }
  2212.  
  2213. .products-list .product-img {
  2214.    float: left
  2215. }
  2216.  
  2217. .products-list .product-img img {
  2218.    width: 50px;
  2219.    height: 50px
  2220. }
  2221.  
  2222. .products-list .product-info {
  2223.    margin-left: 60px
  2224. }
  2225.  
  2226. .products-list .product-title {
  2227.    font-weight: 600
  2228. }
  2229.  
  2230. .products-list .product-description {
  2231.    display: block;
  2232.    color: #999;
  2233.    overflow: hidden;
  2234.    white-space: nowrap;
  2235.    text-overflow: ellipsis
  2236. }
  2237.  
  2238. .product-list-in-box>.item {
  2239.    -webkit-box-shadow: none;
  2240.    box-shadow: none;
  2241.    border-radius: 0;
  2242.    border-bottom: 1px solid #f4f4f4
  2243. }
  2244.  
  2245. .product-list-in-box>.item:last-of-type {
  2246.    border-bottom-width: 0
  2247. }
  2248.  
  2249. .table>thead>tr>th,
  2250. .table>tbody>tr>th,
  2251. .table>tfoot>tr>th,
  2252. .table>thead>tr>td,
  2253. .table>tbody>tr>td,
  2254. .table>tfoot>tr>td {
  2255.    border-top: 1px solid #f4f4f4
  2256. }
  2257.  
  2258. .table>thead>tr>th {
  2259.    border-bottom: 2px solid #f4f4f4
  2260. }
  2261.  
  2262. .table tr td .progress {
  2263.    margin-top: 5px
  2264. }
  2265.  
  2266. .table-bordered {
  2267.    border: 1px solid #f4f4f4
  2268. }
  2269.  
  2270. .table-bordered>thead>tr>th,
  2271. .table-bordered>tbody>tr>th,
  2272. .table-bordered>tfoot>tr>th,
  2273. .table-bordered>thead>tr>td,
  2274. .table-bordered>tbody>tr>td,
  2275. .table-bordered>tfoot>tr>td {
  2276.    border: 1px solid #f4f4f4
  2277. }
  2278.  
  2279. .table-bordered>thead>tr>th,
  2280. .table-bordered>thead>tr>td {
  2281.    border-bottom-width: 2px
  2282. }
  2283.  
  2284. .table.no-border,
  2285. .table.no-border td,
  2286. .table.no-border th {
  2287.    border: 0
  2288. }
  2289.  
  2290. table.text-center,
  2291. table.text-center td,
  2292. table.text-center th {
  2293.    text-align: center
  2294. }
  2295.  
  2296. .table.align th {
  2297.    text-align: left
  2298. }
  2299.  
  2300. .table.align td {
  2301.    text-align: right
  2302. }
  2303.  
  2304. .label-default {
  2305.    background-color: #d2d6de;
  2306.    color: #444
  2307. }
  2308.  
  2309. .direct-chat .box-body {
  2310.    border-bottom-right-radius: 0;
  2311.    border-bottom-left-radius: 0;
  2312.    position: relative;
  2313.    overflow-x: hidden;
  2314.    padding: 0
  2315. }
  2316.  
  2317. .direct-chat.chat-pane-open .direct-chat-contacts {
  2318.    -webkit-transform: translate(0, 0);
  2319.    -ms-transform: translate(0, 0);
  2320.    -o-transform: translate(0, 0);
  2321.    transform: translate(0, 0)
  2322. }
  2323.  
  2324. .direct-chat-messages {
  2325.    -webkit-transform: translate(0, 0);
  2326.    -ms-transform: translate(0, 0);
  2327.    -o-transform: translate(0, 0);
  2328.    transform: translate(0, 0);
  2329.    padding: 10px;
  2330.    height: 250px;
  2331.    overflow: auto
  2332. }
  2333.  
  2334. .direct-chat-msg,
  2335. .direct-chat-text {
  2336.    display: block
  2337. }
  2338.  
  2339. .direct-chat-msg {
  2340.    margin-bottom: 10px
  2341. }
  2342.  
  2343. .direct-chat-msg:before,
  2344. .direct-chat-msg:after {
  2345.    content: " ";
  2346.    display: table
  2347. }
  2348.  
  2349. .direct-chat-msg:after {
  2350.    clear: both
  2351. }
  2352.  
  2353. .direct-chat-messages,
  2354. .direct-chat-contacts {
  2355.    -webkit-transition: -webkit-transform .5s ease-in-out;
  2356.    -moz-transition: -moz-transform .5s ease-in-out;
  2357.    -o-transition: -o-transform .5s ease-in-out;
  2358.    transition: transform .5s ease-in-out
  2359. }
  2360.  
  2361. .direct-chat-text {
  2362.    border-radius: 5px;
  2363.    position: relative;
  2364.    padding: 5px 10px;
  2365.    background: #d2d6de;
  2366.    border: 1px solid #d2d6de;
  2367.    margin: 5px 0 0 50px;
  2368.    color: #444
  2369. }
  2370.  
  2371. .direct-chat-text:after,
  2372. .direct-chat-text:before {
  2373.    position: absolute;
  2374.    right: 100%;
  2375.    top: 15px;
  2376.    border: solid transparent;
  2377.    border-right-color: #d2d6de;
  2378.    content: ' ';
  2379.    height: 0;
  2380.    width: 0;
  2381.    pointer-events: none
  2382. }
  2383.  
  2384. .direct-chat-text:after {
  2385.    border-width: 5px;
  2386.    margin-top: -5px
  2387. }
  2388.  
  2389. .direct-chat-text:before {
  2390.    border-width: 6px;
  2391.    margin-top: -6px
  2392. }
  2393.  
  2394. .right .direct-chat-text {
  2395.    margin-right: 50px;
  2396.    margin-left: 0
  2397. }
  2398.  
  2399. .right .direct-chat-text:after,
  2400. .right .direct-chat-text:before {
  2401.    right: auto;
  2402.    left: 100%;
  2403.    border-right-color: transparent;
  2404.    border-left-color: #d2d6de
  2405. }
  2406.  
  2407. .direct-chat-img {
  2408.    border-radius: 50%;
  2409.    float: left;
  2410.    width: 40px;
  2411.    height: 40px
  2412. }
  2413.  
  2414. .right .direct-chat-img {
  2415.    float: right
  2416. }
  2417.  
  2418. .direct-chat-info {
  2419.    display: block;
  2420.    margin-bottom: 2px;
  2421.    font-size: 12px
  2422. }
  2423.  
  2424. .direct-chat-name {
  2425.    font-weight: 600
  2426. }
  2427.  
  2428. .direct-chat-timestamp {
  2429.    color: #999
  2430. }
  2431.  
  2432. .direct-chat-contacts-open .direct-chat-contacts {
  2433.    -webkit-transform: translate(0, 0);
  2434.    -ms-transform: translate(0, 0);
  2435.    -o-transform: translate(0, 0);
  2436.    transform: translate(0, 0)
  2437. }
  2438.  
  2439. .direct-chat-contacts {
  2440.    -webkit-transform: translate(101%, 0);
  2441.    -ms-transform: translate(101%, 0);
  2442.    -o-transform: translate(101%, 0);
  2443.    transform: translate(101%, 0);
  2444.    position: absolute;
  2445.    top: 0;
  2446.    bottom: 0;
  2447.    height: 250px;
  2448.    width: 100%;
  2449.    background: #222d32;
  2450.    color: #fff;
  2451.    overflow: auto
  2452. }
  2453.  
  2454. .contacts-list>li {
  2455.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  2456.    padding: 10px;
  2457.    margin: 0
  2458. }
  2459.  
  2460. .contacts-list>li:before,
  2461. .contacts-list>li:after {
  2462.    content: " ";
  2463.    display: table
  2464. }
  2465.  
  2466. .contacts-list>li:after {
  2467.    clear: both
  2468. }
  2469.  
  2470. .contacts-list>li:last-of-type {
  2471.    border-bottom: none
  2472. }
  2473.  
  2474. .contacts-list-img {
  2475.    border-radius: 50%;
  2476.    width: 40px;
  2477.    float: left
  2478. }
  2479.  
  2480. .contacts-list-info {
  2481.    margin-left: 45px;
  2482.    color: #fff
  2483. }
  2484.  
  2485. .contacts-list-name,
  2486. .contacts-list-status {
  2487.    display: block
  2488. }
  2489.  
  2490. .contacts-list-name {
  2491.    font-weight: 600
  2492. }
  2493.  
  2494. .contacts-list-status {
  2495.    font-size: 12px
  2496. }
  2497.  
  2498. .contacts-list-date {
  2499.    color: #aaa;
  2500.    font-weight: normal
  2501. }
  2502.  
  2503. .contacts-list-msg {
  2504.    color: #999
  2505. }
  2506.  
  2507. .direct-chat-danger .right>.direct-chat-text {
  2508.    background: #dd4b39;
  2509.    border-color: #dd4b39;
  2510.    color: #fff
  2511. }
  2512.  
  2513. .direct-chat-danger .right>.direct-chat-text:after,
  2514. .direct-chat-danger .right>.direct-chat-text:before {
  2515.    border-left-color: #dd4b39
  2516. }
  2517.  
  2518. .direct-chat-primary .right>.direct-chat-text {
  2519.    background: #3c8dbc;
  2520.    border-color: #3c8dbc;
  2521.    color: #fff
  2522. }
  2523.  
  2524. .direct-chat-primary .right>.direct-chat-text:after,
  2525. .direct-chat-primary .right>.direct-chat-text:before {
  2526.    border-left-color: #3c8dbc
  2527. }
  2528.  
  2529. .direct-chat-warning .right>.direct-chat-text {
  2530.    background: #f39c12;
  2531.    border-color: #f39c12;
  2532.    color: #fff
  2533. }
  2534.  
  2535. .direct-chat-warning .right>.direct-chat-text:after,
  2536. .direct-chat-warning .right>.direct-chat-text:before {
  2537.    border-left-color: #f39c12
  2538. }
  2539.  
  2540. .direct-chat-info .right>.direct-chat-text {
  2541.    background: #00c0ef;
  2542.    border-color: #00c0ef;
  2543.    color: #fff
  2544. }
  2545.  
  2546. .direct-chat-info .right>.direct-chat-text:after,
  2547. .direct-chat-info .right>.direct-chat-text:before {
  2548.    border-left-color: #00c0ef
  2549. }
  2550.  
  2551. .direct-chat-success .right>.direct-chat-text {
  2552.    background: #00a65a;
  2553.    border-color: #00a65a;
  2554.    color: #fff
  2555. }
  2556.  
  2557. .direct-chat-success .right>.direct-chat-text:after,
  2558. .direct-chat-success .right>.direct-chat-text:before {
  2559.    border-left-color: #00a65a
  2560. }
  2561.  
  2562. .users-list>li {
  2563.    width: 25%;
  2564.    float: left;
  2565.    padding: 10px;
  2566.    text-align: center
  2567. }
  2568.  
  2569. .users-list>li img {
  2570.    border-radius: 50%;
  2571.    max-width: 100%;
  2572.    height: auto
  2573. }
  2574.  
  2575. .users-list>li>a:hover,
  2576. .users-list>li>a:hover .users-list-name {
  2577.    color: #999
  2578. }
  2579.  
  2580. .users-list-name,
  2581. .users-list-date {
  2582.    display: block
  2583. }
  2584.  
  2585. .users-list-name {
  2586.    font-weight: 600;
  2587.    color: #444;
  2588.    overflow: hidden;
  2589.    white-space: nowrap;
  2590.    text-overflow: ellipsis
  2591. }
  2592.  
  2593. .users-list-date {
  2594.    color: #999;
  2595.    font-size: 12px
  2596. }
  2597.  
  2598. .carousel-control.left,
  2599. .carousel-control.right {
  2600.    background-image: none
  2601. }
  2602.  
  2603. .carousel-control>.fa {
  2604.    font-size: 40px;
  2605.    position: absolute;
  2606.    top: 50%;
  2607.    z-index: 5;
  2608.    display: inline-block;
  2609.    margin-top: -20px
  2610. }
  2611.  
  2612. .modal {
  2613.    background: rgba(0, 0, 0, 0.3)
  2614. }
  2615.  
  2616. .modal-content {
  2617.    border-radius: 0;
  2618.    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2619.    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2620.    border: 0
  2621. }
  2622.  
  2623. @media (min-width:768px) {
  2624.    .modal-content {
  2625.        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2626.        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
  2627.    }
  2628. }
  2629.  
  2630. .modal-header {
  2631.    border-bottom-color: #f4f4f4
  2632. }
  2633.  
  2634. .modal-footer {
  2635.    border-top-color: #f4f4f4
  2636. }
  2637.  
  2638. .modal-primary .modal-header,
  2639. .modal-primary .modal-footer {
  2640.    border-color: #307095
  2641. }
  2642.  
  2643. .modal-warning .modal-header,
  2644. .modal-warning .modal-footer {
  2645.    border-color: #c87f0a
  2646. }
  2647.  
  2648. .modal-info .modal-header,
  2649. .modal-info .modal-footer {
  2650.    border-color: #0097bc
  2651. }
  2652.  
  2653. .modal-success .modal-header,
  2654. .modal-success .modal-footer {
  2655.    border-color: #00733e
  2656. }
  2657.  
  2658. .modal-danger .modal-header,
  2659. .modal-danger .modal-footer {
  2660.    border-color: #c23321
  2661. }
  2662.  
  2663. .box-widget {
  2664.    border: none;
  2665.    position: relative
  2666. }
  2667.  
  2668. .widget-user .widget-user-header {
  2669.    padding: 20px;
  2670.    height: 120px;
  2671.    border-top-right-radius: 3px;
  2672.    border-top-left-radius: 3px
  2673. }
  2674.  
  2675. .widget-user .widget-user-username {
  2676.    margin-top: 0;
  2677.    margin-bottom: 5px;
  2678.    font-size: 25px;
  2679.    font-weight: 300;
  2680.    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
  2681. }
  2682.  
  2683. .widget-user .widget-user-desc {
  2684.    margin-top: 0
  2685. }
  2686.  
  2687. .widget-user .widget-user-image {
  2688.    position: absolute;
  2689.    top: 65px;
  2690.    left: 50%;
  2691.    margin-left: -45px
  2692. }
  2693.  
  2694. .widget-user .widget-user-image>img {
  2695.    width: 90px;
  2696.    height: auto;
  2697.    border: 3px solid #fff
  2698. }
  2699.  
  2700. .widget-user .box-footer {
  2701.    padding-top: 30px
  2702. }
  2703.  
  2704. .widget-user-2 .widget-user-header {
  2705.    padding: 20px;
  2706.    border-top-right-radius: 3px;
  2707.    border-top-left-radius: 3px
  2708. }
  2709.  
  2710. .widget-user-2 .widget-user-username {
  2711.    margin-top: 5px;
  2712.    margin-bottom: 5px;
  2713.    font-size: 25px;
  2714.    font-weight: 300
  2715. }
  2716.  
  2717. .widget-user-2 .widget-user-desc {
  2718.    margin-top: 0
  2719. }
  2720.  
  2721. .widget-user-2 .widget-user-username,
  2722. .widget-user-2 .widget-user-desc {
  2723.    margin-left: 75px
  2724. }
  2725.  
  2726. .widget-user-2 .widget-user-image>img {
  2727.    width: 65px;
  2728.    height: auto;
  2729.    float: left
  2730. }
  2731.  
  2732. .mailbox-messages>.table {
  2733.    margin: 0
  2734. }
  2735.  
  2736. .mailbox-controls {
  2737.    padding: 5px
  2738. }
  2739.  
  2740. .mailbox-controls.with-border {
  2741.    border-bottom: 1px solid #f4f4f4
  2742. }
  2743.  
  2744. .mailbox-read-info {
  2745.    border-bottom: 1px solid #f4f4f4;
  2746.    padding: 10px
  2747. }
  2748.  
  2749. .mailbox-read-info h3 {
  2750.    font-size: 20px;
  2751.    margin: 0
  2752. }
  2753.  
  2754. .mailbox-read-info h5 {
  2755.    margin: 0;
  2756.    padding: 5px 0 0 0
  2757. }
  2758.  
  2759. .mailbox-read-time {
  2760.    color: #999;
  2761.    font-size: 13px
  2762. }
  2763.  
  2764. .mailbox-read-message {
  2765.    padding: 10px
  2766. }
  2767.  
  2768. .mailbox-attachments li {
  2769.    float: left;
  2770.    width: 200px;
  2771.    border: 1px solid #eee;
  2772.    margin-bottom: 10px;
  2773.    margin-right: 10px
  2774. }
  2775.  
  2776. .mailbox-attachment-name {
  2777.    font-weight: bold;
  2778.    color: #666
  2779. }
  2780.  
  2781. .mailbox-attachment-icon,
  2782. .mailbox-attachment-info,
  2783. .mailbox-attachment-size {
  2784.    display: block
  2785. }
  2786.  
  2787. .mailbox-attachment-info {
  2788.    padding: 10px;
  2789.    background: #f4f4f4
  2790. }
  2791.  
  2792. .mailbox-attachment-size {
  2793.    color: #999;
  2794.    font-size: 12px
  2795. }
  2796.  
  2797. .mailbox-attachment-icon {
  2798.    text-align: center;
  2799.    font-size: 65px;
  2800.    color: #666;
  2801.    padding: 20px 10px
  2802. }
  2803.  
  2804. .mailbox-attachment-icon.has-img {
  2805.    padding: 0
  2806. }
  2807.  
  2808. .mailbox-attachment-icon.has-img>img {
  2809.    max-width: 100%;
  2810.    height: auto
  2811. }
  2812.  
  2813. .lockscreen {
  2814.    background: #d2d6de
  2815. }
  2816.  
  2817. .lockscreen-logo {
  2818.    font-size: 35px;
  2819.    text-align: center;
  2820.    margin-bottom: 25px;
  2821.    font-weight: 300
  2822. }
  2823.  
  2824. .lockscreen-logo a {
  2825.    color: #444
  2826. }
  2827.  
  2828. .lockscreen-wrapper {
  2829.    max-width: 400px;
  2830.    margin: 0 auto;
  2831.    margin-top: 10%
  2832. }
  2833.  
  2834. .lockscreen .lockscreen-name {
  2835.    text-align: center;
  2836.    font-weight: 600
  2837. }
  2838.  
  2839. .lockscreen-item {
  2840.    border-radius: 4px;
  2841.    padding: 0;
  2842.    background: #fff;
  2843.    position: relative;
  2844.    margin: 10px auto 30px auto;
  2845.    width: 290px
  2846. }
  2847.  
  2848. .lockscreen-image {
  2849.    border-radius: 50%;
  2850.    position: absolute;
  2851.    left: -10px;
  2852.    top: -25px;
  2853.    background: #fff;
  2854.    padding: 5px;
  2855.    z-index: 10
  2856. }
  2857.  
  2858. .lockscreen-image>img {
  2859.    border-radius: 50%;
  2860.    width: 70px;
  2861.    height: 70px
  2862. }
  2863.  
  2864. .lockscreen-credentials {
  2865.    margin-left: 70px
  2866. }
  2867.  
  2868. .lockscreen-credentials .form-control {
  2869.    border: 0
  2870. }
  2871.  
  2872. .lockscreen-credentials .btn {
  2873.    background-color: #fff;
  2874.    border: 0;
  2875.    padding: 0 10px
  2876. }
  2877.  
  2878. .lockscreen-footer {
  2879.    margin-top: 10px
  2880. }
  2881.  
  2882. .login-logo,
  2883. .register-logo {
  2884.    font-size: 35px;
  2885.    text-align: center;
  2886.    margin-bottom: 25px;
  2887.    font-weight: 300
  2888. }
  2889.  
  2890. .login-logo a,
  2891. .register-logo a {
  2892.    color: #444
  2893. }
  2894.  
  2895. .login-page,
  2896. .register-page {
  2897.    background: #d2d6de
  2898. }
  2899.  
  2900. .login-box,
  2901. .register-box {
  2902.    width: 360px;
  2903.    margin: 7% auto
  2904. }
  2905.  
  2906. @media (max-width:768px) {
  2907.    .login-box,
  2908.    .register-box {
  2909.        width: 90%;
  2910.        margin-top: 20px
  2911.    }
  2912. }
  2913.  
  2914. .login-box-body,
  2915. .register-box-body {
  2916.    background: #fff;
  2917.    padding: 20px;
  2918.    border-top: 0;
  2919.    color: #666
  2920. }
  2921.  
  2922. .login-box-body .form-control-feedback,
  2923. .register-box-body .form-control-feedback {
  2924.    color: #777
  2925. }
  2926.  
  2927. .login-box-msg,
  2928. .register-box-msg {
  2929.    margin: 0;
  2930.    text-align: center;
  2931.    padding: 0 20px 20px 20px
  2932. }
  2933.  
  2934. .social-auth-links {
  2935.    margin: 10px 0
  2936. }
  2937.  
  2938. .error-page {
  2939.    width: 600px;
  2940.    margin: 20px auto 0 auto
  2941. }
  2942.  
  2943. @media (max-width:991px) {
  2944.    .error-page {
  2945.        width: 100%
  2946.    }
  2947. }
  2948.  
  2949. .error-page>.headline {
  2950.    float: left;
  2951.    font-size: 100px;
  2952.    font-weight: 300
  2953. }
  2954.  
  2955. @media (max-width:991px) {
  2956.    .error-page>.headline {
  2957.        float: none;
  2958.        text-align: center
  2959.    }
  2960. }
  2961.  
  2962. .error-page>.error-content {
  2963.    margin-left: 190px;
  2964.    display: block
  2965. }
  2966.  
  2967. @media (max-width:991px) {
  2968.    .error-page>.error-content {
  2969.        margin-left: 0
  2970.    }
  2971. }
  2972.  
  2973. .error-page>.error-content>h3 {
  2974.    font-weight: 300;
  2975.    font-size: 25px
  2976. }
  2977.  
  2978. @media (max-width:991px) {
  2979.    .error-page>.error-content>h3 {
  2980.        text-align: center
  2981.    }
  2982. }
  2983.  
  2984. .invoice {
  2985.    position: relative;
  2986.    background: #fff;
  2987.    border: 1px solid #f4f4f4;
  2988.    padding: 20px;
  2989.    margin: 10px 25px
  2990. }
  2991.  
  2992. .invoice-title {
  2993.    margin-top: 0
  2994. }
  2995.  
  2996. .profile-user-img {
  2997.    margin: 0 auto;
  2998.    width: 100px;
  2999.    padding: 3px;
  3000.    border: 3px solid #d2d6de
  3001. }
  3002.  
  3003. .profile-username {
  3004.    font-size: 21px;
  3005.    margin-top: 5px
  3006. }
  3007.  
  3008. .post {
  3009.    border-bottom: 1px solid #d2d6de;
  3010.    margin-bottom: 15px;
  3011.    padding-bottom: 15px;
  3012.    color: #666
  3013. }
  3014.  
  3015. .post:last-of-type {
  3016.    border-bottom: 0;
  3017.    margin-bottom: 0;
  3018.    padding-bottom: 0
  3019. }
  3020.  
  3021. .post .user-block {
  3022.    margin-bottom: 15px
  3023. }
  3024.  
  3025. .bg-gray {
  3026.    color: #000;
  3027.    background-color: #d2d6de !important
  3028. }
  3029.  
  3030. .bg-gray-light {
  3031.    background-color: #f7f7f7
  3032. }
  3033.  
  3034. .bg-black {
  3035.    background-color: #111 !important
  3036. }
  3037.  
  3038. .bg-red,
  3039. .callout.callout-danger,
  3040. .alert-danger,
  3041. .alert-error,
  3042. .label-danger,
  3043. .modal-danger .modal-body {
  3044.    background-color: #dd4b39 !important
  3045. }
  3046.  
  3047. .bg-yellow,
  3048. .callout.callout-warning,
  3049. .alert-warning,
  3050. .label-warning,
  3051. .modal-warning .modal-body {
  3052.    background-color: #f39c12 !important
  3053. }
  3054.  
  3055. .bg-aqua,
  3056. .callout.callout-info,
  3057. .alert-info,
  3058. .label-info,
  3059. .modal-info .modal-body {
  3060.    background-color: #00c0ef !important
  3061. }
  3062.  
  3063. .bg-blue {
  3064.    background-color: #0073b7 !important
  3065. }
  3066.  
  3067. .bg-light-blue,
  3068. .label-primary,
  3069. .modal-primary .modal-body {
  3070.    background-color: #3c8dbc !important
  3071. }
  3072.  
  3073. .bg-green,
  3074. .callout.callout-success,
  3075. .alert-success,
  3076. .label-success,
  3077. .modal-success .modal-body {
  3078.    background-color: #00a65a !important
  3079. }
  3080.  
  3081. .bg-navy {
  3082.    background-color: #001f3f !important
  3083. }
  3084.  
  3085. .bg-teal {
  3086.    background-color: #39cccc !important
  3087. }
  3088.  
  3089. .bg-olive {
  3090.    background-color: #3d9970 !important
  3091. }
  3092.  
  3093. .bg-lime {
  3094.    background-color: #01ff70 !important
  3095. }
  3096.  
  3097. .bg-orange {
  3098.    background-color: #ff851b !important
  3099. }
  3100.  
  3101. .bg-fuchsia {
  3102.    background-color: #f012be !important
  3103. }
  3104.  
  3105. .bg-purple {
  3106.    background-color: #605ca8 !important
  3107. }
  3108.  
  3109. .bg-maroon {
  3110.    background-color: #d81b60 !important
  3111. }
  3112.  
  3113. .bg-gray-active {
  3114.    color: #000;
  3115.    background-color: #b5bbc8 !important
  3116. }
  3117.  
  3118. .bg-black-active {
  3119.    background-color: #000 !important
  3120. }
  3121.  
  3122. .bg-red-active,
  3123. .modal-danger .modal-header,
  3124. .modal-danger .modal-footer {
  3125.    background-color: #d33724 !important
  3126. }
  3127.  
  3128. .bg-yellow-active,
  3129. .modal-warning .modal-header,
  3130. .modal-warning .modal-footer {
  3131.    background-color: #db8b0b !important
  3132. }
  3133.  
  3134. .bg-aqua-active,
  3135. .modal-info .modal-header,
  3136. .modal-info .modal-footer {
  3137.    background-color: #00a7d0 !important
  3138. }
  3139.  
  3140. .bg-blue-active {
  3141.    background-color: #005384 !important
  3142. }
  3143.  
  3144. .bg-light-blue-active,
  3145. .modal-primary .modal-header,
  3146. .modal-primary .modal-footer {
  3147.    background-color: #357ca5 !important
  3148. }
  3149.  
  3150. .bg-green-active,
  3151. .modal-success .modal-header,
  3152. .modal-success .modal-footer {
  3153.    background-color: #008d4c !important
  3154. }
  3155.  
  3156. .bg-navy-active {
  3157.    background-color: #001a35 !important
  3158. }
  3159.  
  3160. .bg-teal-active {
  3161.    background-color: #30bbbb !important
  3162. }
  3163.  
  3164. .bg-olive-active {
  3165.    background-color: #368763 !important
  3166. }
  3167.  
  3168. .bg-lime-active {
  3169.    background-color: #00e765 !important
  3170. }
  3171.  
  3172. .bg-orange-active {
  3173.    background-color: #ff7701 !important
  3174. }
  3175.  
  3176. .bg-fuchsia-active {
  3177.    background-color: #db0ead !important
  3178. }
  3179.  
  3180. .bg-purple-active {
  3181.    background-color: #555299 !important
  3182. }
  3183.  
  3184. .bg-maroon-active {
  3185.    background-color: #ca195a !important
  3186. }
  3187.  
  3188. [class^="bg-"].disabled {
  3189.    opacity: .65;
  3190.    filter: alpha(opacity=65)
  3191. }
  3192.  
  3193. .text-red {
  3194.    color: #dd4b39 !important
  3195. }
  3196.  
  3197. .text-yellow {
  3198.    color: #f39c12 !important
  3199. }
  3200.  
  3201. .text-aqua {
  3202.    color: #00c0ef !important
  3203. }
  3204.  
  3205. .text-blue {
  3206.    color: #0073b7 !important
  3207. }
  3208.  
  3209. .text-black {
  3210.    color: #111 !important
  3211. }
  3212.  
  3213. .text-light-blue {
  3214.    color: #3c8dbc !important
  3215. }
  3216.  
  3217. .text-green {
  3218.    color: #00a65a !important
  3219. }
  3220.  
  3221. .text-gray {
  3222.    color: #d2d6de !important
  3223. }
  3224.  
  3225. .text-navy {
  3226.    color: #001f3f !important
  3227. }
  3228.  
  3229. .text-teal {
  3230.    color: #39cccc !important
  3231. }
  3232.  
  3233. .text-olive {
  3234.    color: #3d9970 !important
  3235. }
  3236.  
  3237. .text-lime {
  3238.    color: #01ff70 !important
  3239. }
  3240.  
  3241. .text-orange {
  3242.    color: #ff851b !important
  3243. }
  3244.  
  3245. .text-fuchsia {
  3246.    color: #f012be !important
  3247. }
  3248.  
  3249. .text-purple {
  3250.    color: #605ca8 !important
  3251. }
  3252.  
  3253. .text-maroon {
  3254.    color: #d81b60 !important
  3255. }
  3256.  
  3257. .link-muted {
  3258.    color: #7a869d
  3259. }
  3260.  
  3261. .link-muted:hover,
  3262. .link-muted:focus {
  3263.    color: #606c84
  3264. }
  3265.  
  3266. .link-black {
  3267.    color: #666
  3268. }
  3269.  
  3270. .link-black:hover,
  3271. .link-black:focus {
  3272.    color: #999
  3273. }
  3274.  
  3275. .list-header {
  3276.    font-size: 15px;
  3277.    padding: 10px 4px;
  3278.    font-weight: bold;
  3279.    color: #666
  3280. }
  3281.  
  3282. .list-seperator {
  3283.    height: 1px;
  3284.    background: #f4f4f4;
  3285.    margin: 15px 0 9px 0
  3286. }
  3287.  
  3288. .list-link>a {
  3289.    padding: 4px;
  3290.    color: #777
  3291. }
  3292.  
  3293. .list-link>a:hover {
  3294.    color: #222
  3295. }
  3296.  
  3297.  
  3298. .user-block:before,
  3299. .user-block:after {
  3300.    content: " ";
  3301.    display: table
  3302. }
  3303.  
  3304. .user-block:after {
  3305.    clear: both
  3306. }
  3307.  
  3308. .user-block img {
  3309.    width: 40px;
  3310.    height: 40px;
  3311.    float: left
  3312. }
  3313.  
  3314. .user-block .username,
  3315. .user-block .description,
  3316. .user-block .comment {
  3317.    display: block;
  3318.    margin-left: 50px
  3319. }
  3320.  
  3321. .user-block .username {
  3322.    font-size: 16px;
  3323.    font-weight: 600
  3324. }
  3325.  
  3326. .user-block .description {
  3327.    color: #999;
  3328.    font-size: 13px
  3329. }
  3330.  
  3331. .user-block.user-block-sm .username,
  3332. .user-block.user-block-sm .description,
  3333. .user-block.user-block-sm .comment {
  3334.    margin-left: 40px
  3335. }
  3336.  
  3337. .user-block.user-block-sm .username {
  3338.    font-size: 14px
  3339. }
  3340.  
  3341. .img-sm,
  3342. .img-md,
  3343. .img-lg,
  3344. .box-comments .box-comment img,
  3345. .user-block.user-block-sm img {
  3346.    float: left
  3347. }
  3348.  
  3349. .img-sm,
  3350. .box-comments .box-comment img,
  3351. .user-block.user-block-sm img {
  3352.    width: 30px !important;
  3353.    height: 30px !important
  3354. }
  3355.  
  3356. .img-sm+.img-push {
  3357.    margin-left: 40px
  3358. }
  3359.  
  3360. .img-md {
  3361.    width: 60px;
  3362.    height: 60px
  3363. }
  3364.  
  3365. .img-md+.img-push {
  3366.    margin-left: 70px
  3367. }
  3368.  
  3369. .img-lg {
  3370.    width: 100px;
  3371.    height: 100px
  3372. }
  3373.  
  3374. .img-lg+.img-push {
  3375.    margin-left: 110px
  3376. }
  3377.  
  3378. .img-bordered {
  3379.    border: 3px solid #d2d6de;
  3380.    padding: 3px
  3381. }
  3382.  
  3383. .img-bordered-sm {
  3384.    border: 2px solid #d2d6de;
  3385.    padding: 2px
  3386. }
  3387.  
  3388. .attachment-block {
  3389.    border: 1px solid #f4f4f4;
  3390.    padding: 5px;
  3391.    margin-bottom: 10px;
  3392.    background: #f7f7f7
  3393. }
  3394.  
  3395. .attachment-block .attachment-img {
  3396.    max-width: 100px;
  3397.    max-height: 100px;
  3398.    height: auto;
  3399.    float: left
  3400. }
  3401.  
  3402. .attachment-block .attachment-pushed {
  3403.    margin-left: 110px
  3404. }
  3405.  
  3406. .attachment-block .attachment-heading {
  3407.    margin: 0
  3408. }
  3409.  
  3410. .attachment-block .attachment-text {
  3411.    color: #555
  3412. }
  3413.  
  3414. .connectedSortable {
  3415.    min-height: 100px
  3416. }
  3417.  
  3418. .ui-helper-hidden-accessible {
  3419.    border: 0;
  3420.    clip: rect(0 0 0 0);
  3421.    height: 1px;
  3422.    margin: -1px;
  3423.    overflow: hidden;
  3424.    padding: 0;
  3425.    position: absolute;
  3426.    width: 1px
  3427. }
  3428.  
  3429. .sort-highlight {
  3430.    background: #f4f4f4;
  3431.    border: 1px dashed #ddd;
  3432.    margin-bottom: 10px
  3433. }
  3434.  
  3435. .full-opacity-hover {
  3436.    opacity: .65;
  3437.    filter: alpha(opacity=65)
  3438. }
  3439.  
  3440. .full-opacity-hover:hover {
  3441.    opacity: 1;
  3442.    filter: alpha(opacity=100)
  3443. }
  3444.  
  3445. .chart {
  3446.    position: relative;
  3447.    overflow: hidden;
  3448.    width: 100%
  3449. }
  3450.  
  3451. .chart svg,
  3452. .chart canvas {
  3453.    width: 100% !important
  3454. }
  3455.  
  3456. @media print {
  3457.    .no-print,
  3458.    .main-sidebar,
  3459.    .left-side,
  3460.    .main-header,
  3461.    .content-header {
  3462.        display: none !important
  3463.    }
  3464.    .content-wrapper,
  3465.    .right-side,
  3466.    .main-footer {
  3467.        margin-left: 0 !important;
  3468.        min-height: 0 !important;
  3469.        -webkit-transform: translate(0, 0) !important;
  3470.        -ms-transform: translate(0, 0) !important;
  3471.        -o-transform: translate(0, 0) !important;
  3472.        transform: translate(0, 0) !important
  3473.    }
  3474.    .fixed .content-wrapper,
  3475.    .fixed .right-side {
  3476.        padding-top: 0 !important
  3477.    }
  3478.    .invoice {
  3479.        width: 100%;
  3480.        border: 0;
  3481.        margin: 0;
  3482.        padding: 0
  3483.    }
  3484.    .invoice-col {
  3485.        float: left;
  3486.        width: 33.3333333%
  3487.    }
  3488.    .table-responsive {
  3489.        overflow: auto
  3490.    }
  3491.    .table-responsive>.table tr th,
  3492.    .table-responsive>.table tr td {
  3493.        white-space: normal !important
  3494.    }
  3495. }            :root {--p-margin: 0 0 20px;--body-line-height: 1.5;--headings-margin: 0 0 20px;--headings-font-weight: 600;--headings-line-height: 1.2;--headings-letter-spacing: -0.64px;--section-padding-mobile: 50px 0;--body-font: "Manrope", sans-serif;/*--body-bg-color: #dde7f5;*/--body-bg-color: #f1f2f5;--body-text-color: #000;--headings-font: "Manrope", sans-serif;--bg-gray: #F9FAFB;--bg-light-gray: #fafafa;--bg-dark-gray: #c1c1c1;--mark-color: yellow;--page-title: 50px;--section-title: 42px;--btn-size: 16px;--container-width: 1400px;--anchor: #000;--anchor-hover: #2f88e3;--primary:#2f88e3;--primary-hover:#5353e3;--h1-size: 36px;--h2-size: 27px;--h3-size: 22px;--h4-size: 18px;--h5-size: 16px;--h6-size: 14px;}@media (max-width:767px) {:root {--h1-size: 32px;--h2-size: 28px;--h3-size: 24px;--h4-size: 20px;--h5-size: 16px;--h6-size: 14px;}}body {font-family: var(--body-font);font-optical-sizing: auto;font-weight:400;}.heading-font {font-family: var(--headings-font);}.color-heading {color: var(--headings-text-color);}.btn {padding: 12px 30px;border-radius: 8px;font-weight: 600;font-size: 16px;line-height: 1;box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}.btn.btn-large {padding: 20px 40px;}.btn.btn-primary,.btn.btn-secondary {color: #fff;}.btn.btn-primary:hover,.btn.btn-primary:focus {background: var(--primary-hover);}.btn.btn-secondary:hover,.btn.btn-secondary:focus {background: var(--secondary-hover);}.btn.btn-bordered,.btn.btn-primary-bordered,.btn.btn-secondary-bordered,.btn.btn-white-bordered,.btn.btn-black-bordered {border-width: 1px;}.btn-primary-bordered {box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);}.section-header {margin-bottom: 40px;}.no-list {list-style: none;margin: 0;padding: 0;}div#page {overflow-x: hidden;}/*home page styles start*/.cat-grid .cat-link {border: 5px solid #fff;border-radius: 20px;text-decoration: none;transition: opacity .5s;overflow: hidden;box-shadow: 0 2px 15px rgba(0, 0, 0, .07);}.cat-grid .cat-link:before {background: linear-gradient(rgba(255, 255, 255, 0), #000);}.cat-grid .cat-link img {transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.5s;width: 100%;}.cat-grid .cat-link:hover img {transform: translate3d(0px, 0px, 0px) scale3d(1.2, 1.2, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;}.cat-grid .cat .cat-name {z-index: 2;color: #fff;text-align: center;text-transform: uppercase;font-size: 15px;font-weight: 700;position: absolute;bottom: 5px;text-align: center;left: 0;right: 0;}.cat-grid .cat-link:after {display: block;position: absolute;left: 50%;top: 60%;transform: translate(-50%, 0);content:url(https://clickforublog.com/new/assets/img/read-more-icon.png);z-index: 3;opacity: 0;transition: all 0.5s ease-in;}.cat-grid .cat-link:hover:after {top: 50%;transform: translate(-50%, -50%);opacity: 1;}.latest-1 .latest-grid-1 {background-color: #fff;border-radius: 20px;padding: 30px;box-shadow: 0 2px 15px rgba(0, 0, 0, .07);}.latest-1 .latest-grid-1 .post-item {grid-template-columns: 100px auto;}.latest-1 .latest-grid-1 .post-img {object-fit: cover;border-radius: 50%;width: 100px;height: 100px;}.latest-1 .latest-grid-1 .post-info {padding-top: 10px}.latest-1 .latest-grid-1 .post-title {text-transform: capitalize;font-size:18px;margin-bottom: 7px;}/*latest 2*/.latest-2 div.post-item figure.post-img-wrapper > a,.latest-2 a.post-item figure.post-img-wrapper {position: relative;height: 200px;display: flex;border: 1px solid #efefef;border-radius: 20px;padding: 10px;align-items: center;text-align: center;}.latest-2 .post-item img.post-img {max-height: 100%;width: auto;display: block;margin: auto;object-fit: cover;width: 100%;}.latest-2 .post-item .post-meta {padding: 20px 0;border-bottom: 1px solid #e5e5e5;}.latest-2 .post-item .post-title {font-size: 21px;font-weight: 500;}.latest-2 .post-item .cat {color: #fff;background-color: #000;border-radius: 5px;padding: 5px 5px;font-weight: 700;display: inline-block;font-size:14px;line-height:1.2;}.latest-2 .post-item .post-meta {font-size:14px;}.section-title {align-items: center;display: flex;margin-bottom:50px;}.section-heading {text-transform: uppercase;margin: 0;font-size: 90px;font-weight: 500;}.section-subheading {margin-left: 20px;font-size: 20px;font-weight: 300;}.business {/*background-image: url(https://clickforublog.com/new/assets/img/business-bg.webp);*/}.business-grid .post-item {color: #000;background-color: #fff;border-radius: 100px;align-items: center;height: auto;min-height: 130px;padding: 20px;text-decoration: none;display: flex;position: relative;overflow: hidden;transform-style: preserve-3d;}.business-grid .post-item:before {object-fit: cover;background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0) 73%);opacity:0;transition: all 0.3s;background-color:transparent;}.business-grid .post-item:hover:before {opacity:1;}.business-grid .business-post-img {object-fit: cover;border-radius: 50%;width: 100px;height: 100px;position: absolute;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.3s;}.business-grid .post-item:hover .business-post-img {transform: translate3d(160%, 0px, 0px) scale3d(5, 5, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}.business-grid .post-info {z-index: 2;align-self: center;margin-left: 120px;position: relative;transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);transform-style: preserve-3d;transition: all 0.3s;}.business-grid .post-item:hover .post-info {transform: translate3d(-100px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);}.business-grid .post-title {margin-bottom: 10px;font-size: 16px;line-height: 18px;text-transform:capitalize;}.business-grid .post-meta {font-size: 14px;}.business-grid .post-item:hover .post-title,.business-grid .post-item:hover .post-meta,.business-grid .post-item:hover .post-date {color:#fff;}.post-title {text-transform: capitalize;}.single-tech .post-info {position: absolute;bottom: 20px;left: 20px;right: 20px;}.single-tech .post-title {font-size: 30px;font-weight: 500;}.multi-tech-list .post-item {display: flex;color: #000;background-color: #fff;align-items: center;margin-bottom: 10px;text-decoration: none;/*box-shadow: 0 2px 20px -5px rgba(0, 0, 0, .07);*/padding:10px;}.multi-tech-list .post-item + .post-item {margin-top: 20px;}.multi-tech-list figure.post-img-wrapper {width: 120px;height: 100px;position: relative;border: 1px solid #efefef;border-radius: 20px;padding: 10px;display: flex;align-items: center;}.multi-tech-list .post-item img {max-height: 100%;width: auto;display: block;margin: auto;}.multi-tech-list .post-info {margin-left: 20px;}.multi-tech-list .post-title {text-transform: uppercase;font-size: 20px;font-weight: 500;letter-spacing: 0.3px;}.multi-tech-list .post-item:hover .post-title {color: var(--primary);}.mixed-grid .post-item {display: flex;color: #000;background-color: #fff;align-items: center;text-decoration: none;box-shadow: 0 2px 20px -5px rgba(0, 0, 0, .07);}.mixed-grid .post-item:before {background-image: linear-gradient(to top, #000, rgba(255, 255, 255, 0));transition: all .3s linear;background-color: transparent;}.mixed-grid .post-item:hover:before {background-image: linear-gradient(rgba(0, 0, 0, .5), rgba(0, 0, 0, .5))}.mixed-grid .post-item figure {height: 100%;width:100%;}.mixed-grid .post-item .post-img {width: 100%;transform: translate(0px, 0px);height: 100%;object-fit: cover;transition: all .2s;border-radius: 0;}.mixed-grid .post-title {color: #fff;padding: 0 15px;padding-right: 15px;font-size: 16px;font-weight: 400;line-height: 20px;position: absolute;bottom: 0px;z-index: 2}.mixed-grid .post-cat {color: #fff;background-color: #000;border-radius: 5px;padding: 5px 10px;position: absolute;top: 20px;bottom: auto;left: auto;right: 20px;z-index: 3;font-size: 15px;}@media (max-width:1023px){.section-heading {font-size: 50px;}.section-subheading {font-size: 17px;}}@media (max-width:767px){.section-title {display:block;}.section-heading {font-size:40px;}.section-subheading {margin-left: 0;font-size: 18px;}.latest-1 .latest-grid-1 {padding: 30px 20px;}.latest-2 .post-item .post-title {font-size: 24px;}.single-tech .post-info {padding:15px;}.single-tech .post-title {font-size: 21px;}.multi-tech-list .post-title {margin-left: 15px;padding-right: 5px;font-size: 18px;}.mixed-grid  .post-title {font-size:15px;}.mixed-grid .post-cat {top:10px;right:10px;font-size:13px;}}/*home page styles end*/.br4 {border-radius:4px;}.br8 {border-radius:8px;}.br10 {border-radius:10px;}.br16 {border-radius:16px;}.br20 {border-radius:20px;}.py150 {padding-top:150px;padding-bottom:150px;}@media (min-width:1024px) {.grid-gap-100 {grid-column-gap: 100px;}}.grid-gap-5 {grid-gap:5px;}video {display: block;}section.category-header {}h1.single-post-title,h1.page-title {font-size: 42px;}.cat-listing .post-item .post-meta {align-items: center;line-height:24px;}.cat-listing .post-item .post-meta img.user-profile-img.circle {width: 24px;height: 24px;object-fit: cover;margin-right: 2px;}.flex {display:flex;}/*single post*/.cms-page-content,.single-post-content {background-color: #fff;border-radius: 20px;max-width: 800px;margin:auto;padding: 20px;box-shadow: 0 2px 15px rgba(0, 0, 0, .2);}h1.single-post-title {text-align:center;margin-bottom:30px;}.single-content-body a {color: var(--primary);text-decoration: underline;}.single-content-body a {color: var(--primary-hover);}.cms-page-content {max-width: 1200px;}.cms-page-content ul li,.cms-page-content ol li {margin-bottom: 10px;}.single-post-content iframe,.single-post-content video {max-width:100%;display:block;margin: 0 auto 20px;}.single-post-content {line-height: 1.5;white-space: normal;word-wrap: break-word;}.single-post-content ul li,.single-post-content ol li {margin-bottom: 10px;}.single-content-body img {display: block !important;margin: 10px auto 15px !important;width: auto;float: none !important;}.disquis-wrapper {max-width: 800px;margin: 50px auto;}.container.small {max-width: 1200px;}#main .ad-block {display:block !important;}form#post_form label {display: block;font-size: 15px;font-weight: 600;margin: 0 0 5px;}form#post_form .form-group {margin-bottom: 20px;}form#post_form .form-control {display: block;width: 100%;height: 40px;padding: 0 10px;font-size: 15px;border: 1px solid #ddd;}/*modal*/.modal-dialog {position: relative;width: auto;margin: 10px;}.modal.in .modal-dialog {transform: translate(0, 0);}.modal-open .modal {overflow-x: hidden;overflow-y: auto;}.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;z-index: 1050;display: none;overflow: hidden;-webkit-overflow-scrolling: touch;outline: 0;}.modal-content {box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);position: relative;background-color: #fff;background-clip: padding-box;}.modal-header {padding: 15px;border-bottom: 1px solid #f4f4f4;}.modal-body {position: relative;padding: 15px;}.modal-footer {padding: 15px;text-align: right;border-top: 1px solid #f4f4f4;overflow: hidden}h4.modal-title {margin: 0;}.modal-footer button {border-radius: 4px;padding: 10px;font-size: 13px;font-weight: 400;}.modal-footer button.btn.btn-primary {float: right;}.modal button.close {position: absolute;right: 10px;top: 10px;background: none;color: #777;font-size: 25px;line-height: 1;display: block;padding: 0;}.modal button.close:hover {color: #000;}/*end modal*//*tabs panel*/.panel-default {border-color: #ddd;}.panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}.panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;overflow: hidden;padding: 12px 0 0;}.box .nav {padding-left: 0;margin-bottom: 0;list-style: none;}.box .nav>li {position: relative;display: block;}.box .nav-tabs>li {float: left;margin-bottom: -1px;}.box .nav>li>a {position: relative;display: block;padding: 10px 15px;color: var(--primary);font-size: 14px;}.box .nav-tabs>li>a {margin-right: 2px;line-height: 1.42857143;border: 1px solid transparent;border-radius: 4px 4px 0 0;}.box .nav-tabs>li.active>a, .box .nav-tabs>li.active>a:focus, .box .nav-tabs>li.active>a:hover {color: #555;cursor: default;background-color: #fff;border: 1px solid #ddd;border-bottom-color: transparent;}.box .nav-tabs {border-bottom: 1px solid #ddd;}.box .panel-body {padding: 15px;}.tab-content>.tab-pane {display: none;}.tab-content>.active {display: block;}.my-posts ul.nav.nav-tabs {display: none;}.my-posts .table {width: 100%;border: 1px solid #f4f4f4;}.table th,.table td {padding: 5px 10px;border-right: 1px solid #f4f4f4;}.table th {background: var(--primary);color: #fff;}.table-responsive {overflow-x: auto;}.nav-tabs-custom {padding:30px;}.nav-tabs-custom .ads-block {display:block !important;}.tab-content table a {color: var(--primary);}.tab-content table a {color: var(--primary-hover);}section.content-header {padding: 0;}@media (max-width:767px){.nav-tabs-custom {padding:30px 20px;}.table th, .table td {font-size:14px;}}/*form*/form {max-width: 400px;margin: auto;padding: 15px;border: 1px solid #ddd;width:100%;}.add-post .tab-pane form {max-width:100%;   }.form-group {margin-bottom: 15px;clear: both;overflow: hidden;}.form-group label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight: 700;}.form-control {display: block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.4;color: #555;background-color: #fff;background-image: none;border: 1px solid #d2d6de;border-radius: 0px;box-shadow: none;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}.form-control:not(select) {-webkit-appearance: none;-moz-appearance: none;appearance: none;}@media (min-width:768px) {.modal-dialog {max-width: 900px;margin: 30px auto;width:100%;}}iframe {display: block;max-width: 100% !important;height:360px;}.mce-tinymce iframe {height:360px !important;}form.form-full-width {max-width: 100%;}.mce-content-body iframe {max-width: 100%;display: block;}.profile-box {border: 1px solid #ddd;padding: 30px;max-width: 450px;margin: auto;}.profile-box form {padding:0;border:none;}.box-body.box-profile {text-align: center;margin-bottom: 20px;}.my-account-content .box .panel-body {padding: 30px;}.form-group .checkbox label {font-size: 14px;margin-right: 10px;}.profile-box .progress {display: none;}#newsletter-form {border:none;padding:0;margin:0;}#newsletter-form input {border: 1px solid #ddd;padding: 0 10px;height: 40px;width: 100%;display: block;}div#mceu_33-t1 {display: none;}.author-header .profile-user-img {margin: 0 auto 15px;padding: 3px;border: 3px solid #d2d6de;object-fit: cover;border-radius: 50%;width: 100px;height: 100px;}.single-post-content .author{line-height:20px;}.single-post-content .author img {width: 20px;height: 20px;float: left;margin-right: 5px;}.single-content-body {line-height: 1.6;}.cat-listing .post-item .post-meta .author > a {display: flex;align-items: center;grid-gap: 3px;line-height: 1.2;}@media (min-width:1024px) {}@media (max-width:1199px) {}@media (min-width:768px) and (max-width:1023px) {}@media (max-width:1023px) {}@media (max-width:767px) {main > section {padding: var(--section-padding-mobile);}.mb-py70 {padding-top:70px;padding-bottom:70px;}h1.single-post-title, h1.page-title {font-size: 36px;}iframe {height: 240px;}.mce-tinymce iframe {height:200px !important;width:auto !important;}span.mce-preview-object.mce-object-iframe iframe {height:200px !important;}section.my-posts-content.content {padding-top: 20px;}.box-body {padding:0;}.latest-1 .latest-grid-1 {padding: 20px 15px;grid-template-columns: repeat(2, 1fr);grid-gap: 10px;grid-row-gap: 20px;}.latest-1 .latest-grid-1 .post-info {padding-top: 0;}.section-title {margin-bottom:35px;}.latest-1 .latest-grid-1 .post-item {grid-template-columns: 50px auto;grid-gap: 10px;align-items: center;}.latest-1 .latest-grid-1 .post-img {width: 50px;height: 50px;}.latest-1 .latest-grid-1 .post-title {margin-bottom: 5px;font-size: 12px;}.latest-1 .latest-grid-1 .post-date {font-size:10px;}.latest-2 .grid {grid-gap: 20px;grid-template-columns: repeat(2, 1fr);}section.category-header {padding-top: 0;}.category-archive-page .latest-2 {padding-top:0;}.btn.btn-large {padding: 15px 40px;}}@media (max-width:567px) {iframe {height: 160px;}.mce-tinymce iframe {height:150px !important;}span.mce-preview-object.mce-object-iframe iframe {height:150px !important;}h1.single-post-title, h1.page-title {font-size: 30px;}.latest-2 .post-item .post-meta {grid-gap:5px;}.latest-2 .grid {grid-gap: 10px;grid-template-columns: repeat(2, 1fr);}.latest-2 div.post-item {padding:12px;border-radius: 12px;}.latest-2 div.post-item figure.post-img-wrapper > a, .latest-2 a.post-item figure.post-img-wrapper {height: 100px;border-radius: 12px;}.latest-2 .post-item img.post-img {border-radius: 12px;}.latest-2 .post-item .cat {font-size:10px;}.latest-2 .post-item .date {font-size:10px;}.latest-2 .post-item .post-meta {font-size: 10px;margin-bottom: 10px;padding: 10px 0;}.latest-2 .post-item .post-title {font-size: 16px;padding: 5px 0;}.business-grid .post-item {min-height: 100px;padding: 15px;}.business-grid .post-info {margin-left: 95px;}.business-grid .business-post-img {width: 80px;height: 80px;}}@media (max-width:389px) {.latest-2 .post-item .date,.latest-2 .post-item .cat {font-size: 9px;} }
  3496. .single-tech > .post-item {
  3497.    max-height: 550px;
  3498.    overflow: hidden;
  3499. }
  3500. @media (min-width:1024px) and (max-width:1300px){
  3501.    .latest-1 .latest-grid-1 {
  3502.        grid-template-columns: repeat(3, 1fr);
  3503.    }
  3504. }
  3505. .ad-container {
  3506.    min-height: 250px; /* Default height for ads */
  3507.    margin: 20px 0; /* Spacing around ads */
  3508.    transition: all 0.3s ease;
  3509. }
  3510.  
  3511. .ad-container:empty {
  3512.    display: none; /* Ensure empty containers are hidden */
  3513. }
  3514.  
  3515. /* Fix the container to prevent affecting other sections */
  3516. .container {
  3517.    max-width: 1200px; /* Ensure consistent width */
  3518.    margin: 0 auto; /* Center align */
  3519.    padding: 0 15px; /* Add padding for inner spacing */
  3520.    overflow: visible; /* Allow overflow for inner elements */
  3521. }
  3522. /* Styling for Ad Blocks */
  3523. .ad-block {
  3524.    text-align: center;
  3525.    margin: 20px 0; /* Add spacing above and below ads */
  3526.    min-height: 250px; /* Reserve space for ads to avoid layout shifting */
  3527.    padding: 10px;
  3528.    background-color: #f9f9f9; /* Optional: light background to differentiate ads */
  3529.    border: 1px solid #ddd; /* Optional: subtle border for separation */
  3530.    border-radius: 8px; /* Rounded corners for a modern look */
  3531.    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for emphasis */
  3532.    position: relative;
  3533.    transition: all 0.3s ease; /* Smooth transition for visibility changes */
  3534. }
  3535.  
  3536. /* Responsive Styling for Ads */
  3537. @media (max-width: 768px) {
  3538.    .ad-block {
  3539.        min-height: 150px; /* Adjust height for smaller screens */
  3540.    }
  3541. }
  3542.  
  3543. /* Hide Empty Ad Blocks */
  3544. .ad-block:empty {
  3545.    display: none; /* Hide block if no content */
  3546.    aria-hidden: true; /* Accessibility improvement */
  3547. }
  3548.  
  3549. /* Fallback Message for Empty Ads */
  3550. .ad-block:empty::after {
  3551.    content: "Ad not available";
  3552.    font-size: 14px;
  3553.    color: #888;
  3554.    display: block;
  3555.    text-align: center;
  3556. }
  3557.  
  3558. /* Loading Spinner for Ad Blocks */
  3559. .ad-block.loading::after {
  3560.    content: "";
  3561.    display: block;
  3562.    width: 30px;
  3563.    height: 30px;
  3564.    border: 4px solid #ddd;
  3565.    border-top-color: #3498db;
  3566.    border-radius: 50%;
  3567.    animation: spin 1s linear infinite;
  3568.    margin: 0 auto;
  3569. }
  3570.  
  3571. @keyframes spin {
  3572.    from {
  3573.        transform: rotate(0deg);
  3574.    }
  3575.    to {
  3576.        transform: rotate(360deg);
  3577.    }
  3578. }
  3579.  
  3580.  
  3581.  
  3582. /* Main Grid Layout for Related Posts */
  3583. .related-posts-grid {
  3584.    display: grid;
  3585.    grid-template-columns: repeat(3, 1fr); /* Ensure 3 columns per row */
  3586.    gap: 5px; /* Reduced gap for tighter spacing between posts */
  3587.    justify-content: center; /* Center the grid */
  3588.    margin-top: 20px; /* Consistent margin with blog content */
  3589. }
  3590.  
  3591. /* Ensure mobile responsiveness */
  3592. @media (max-width: 768px) {
  3593.    .related-posts-grid {
  3594.        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust for smaller screen */
  3595.        gap: 2px; /* Further reduce gap on smaller screens */
  3596.    }
  3597.  
  3598.    .related-post-item {
  3599.        margin: 3px; /* Reduce margin for mobile screens */
  3600.    }
  3601. }
  3602.  
  3603. /* Styling for each post item */
  3604. .related-post-item {
  3605.    border: 1px solid #ddd;
  3606.    border-radius: 8px; /* Slightly larger border radius */
  3607.    overflow: hidden;
  3608.    background: #fff;
  3609.    padding: 8px; /* Reduced padding for more compact posts */
  3610.    margin: 0px; /* Reduce margin to decrease space between posts */
  3611.    transition: transform 0.2s ease-in-out;
  3612.    text-align: center;
  3613. }
  3614.  
  3615. /* Adjust the hover effect for mobile */
  3616. @media (max-width: 768px) {
  3617.    .related-post-item:hover {
  3618.        transform: none; /* Remove hover effect on mobile */
  3619.        box-shadow: none; /* Remove box shadow */
  3620.    }
  3621. }
  3622.  
  3623. /* Hover Effect for Post Item */
  3624. .related-post-item:hover {
  3625.    transform: translateY(-5px); /* Slight lift on hover */
  3626.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  3627. }
  3628.  
  3629. .related-posts-section {
  3630.    padding-top: 10px; /* Ensure spacing above the related posts */
  3631.    padding-bottom: 10px; /* Ensure spacing below */
  3632.    background-color: #fff; /* Consistent background with the blog section */
  3633. }
  3634.  
  3635. .related-post-title {
  3636.    font-size: 18px; /* Slightly smaller title for better alignment */
  3637.    font-weight: 700;
  3638.    margin-bottom: 10px; /* Ensure title spacing */
  3639.    color: #333;
  3640.    text-align: center;
  3641.    text-transform: capitalize; /* Capitalize title for consistency */
  3642. }
  3643.  
  3644. .related-post-date {
  3645.    font-size: 14px; /* Adjust date size */
  3646.    color: #777;
  3647.    margin-top: 5px;
  3648. }
  3649.  
  3650. /* Image styles for related posts */
  3651. .related-post-thumbnail {
  3652.    width: 100%; /* Ensures the image takes the full width */
  3653.    height: 180px; /* Fixed height for consistency */
  3654.    object-fit: cover; /* Ensures image fits within the box without distortion */
  3655.    border-radius: 10px; /* Consistent border radius */
  3656.    margin-bottom: 10px;
  3657. }
  3658.  
  3659. /* No Posts Message Styling */
  3660. .no-posts-message {
  3661.    text-align: center;
  3662.    font-size: 16px;
  3663.    color: #777;
  3664.    margin: 20px 0;
  3665. }
  3666.  
  3667.            /* Content from footer.css */
  3668.            .main-footer {
  3669.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  3670.    background-repeat: no-repeat;
  3671.    background-position: bottom center;
  3672.    background-size: contain;
  3673.    background-color: rgba(23, 49, 80, 1);
  3674. }
  3675.  
  3676. .main-footer a {
  3677.    color: #fff;
  3678. }
  3679.  
  3680. .main-footer a:hover {
  3681.    color: var(--primary);
  3682. }
  3683.  
  3684. .main-footer .footer-grid .col {
  3685.    display: flex;
  3686.    flex-direction: column;
  3687.    justify-content: flex-start;
  3688.    align-items: stretch;
  3689. }
  3690.  
  3691. .main-footer .footer-title {
  3692.    font-size: 26px;
  3693.    text-decoration: underline;
  3694.    text-transform: uppercase;
  3695.    letter-spacing: 0.5px;
  3696. }
  3697.  
  3698. .main-footer .contact svg {
  3699.    background: #000;
  3700.    color: #fff;
  3701.    padding: 10px;
  3702.    width: 40px;
  3703.    text-align: center;
  3704.    border-radius: 10px;
  3705.    font-size: 18px;
  3706.    margin-right: 10px;
  3707. }
  3708.  
  3709. .main-footer .contact a:hover svg {
  3710.    background: var(--primary);
  3711.    fill: #fff;
  3712. }
  3713.  
  3714. .main-footer .social-links {}
  3715.  
  3716. .main-footer .social-links .facebook {
  3717.    background-color: #1877f2;
  3718. }
  3719.  
  3720. .main-footer .social-links .twitter {
  3721.    background-color: #000000;
  3722. }
  3723.  
  3724. .main-footer .social-links .instagram {
  3725.    background-color: #c32aa3;
  3726. }
  3727.  
  3728. .main-footer .social-links .linkedin {
  3729.    background-color: #0a66c2;
  3730. }
  3731.  
  3732. .main-footer .social-links a {
  3733.    display: inline-block;
  3734.    text-align: center;
  3735.    background-color: #000;
  3736.    border-radius: 10px;
  3737.    padding: 10px;
  3738.    color: #fff;
  3739.    font-size: 12px;
  3740.    margin: 0 5px;
  3741. }
  3742.  
  3743. .main-footer .social-links a:hover {
  3744.    background: #838383;
  3745.    color: #fff;
  3746. }
  3747.  
  3748. .main-footer .social-links svg {
  3749.    width: 20px;
  3750.    height: 20px;
  3751. }
  3752.  
  3753. .main-footer ul.footer-menu {
  3754.    list-style: none;
  3755.    display: inline-block;
  3756.    margin: 0;
  3757. }
  3758.  
  3759. .main-footer ul.footer-menu li {
  3760.    float: left;
  3761.    margin: 0 10px 10px;
  3762. }
  3763.  
  3764. .copyright,
  3765. .copyright a {
  3766.    color: #9b9b9b;
  3767. }
  3768.  
  3769. copyright {
  3770.    font-size: 15px;
  3771. }
  3772.  
  3773. copyright strong {
  3774.    font-weight: 500;
  3775. }
  3776.            
  3777.        </style>
  3778.        
  3779.        
  3780. <!-- Google tag (gtag.js) -->
  3781. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LTET9EFL41"></script>
  3782. <script>
  3783.  window.dataLayer = window.dataLayer || [];
  3784.  function gtag(){dataLayer.push(arguments);}
  3785.  gtag('js', new Date());
  3786.  
  3787.  gtag('config', 'G-LTET9EFL41');
  3788. </script>
  3789.  
  3790.        <!-- Google Adsense Code -->
  3791.        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163"
  3792.        crossorigin="anonymous"></script>
  3793.        <script>
  3794.  
  3795. </script>
  3796. <script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
  3797. <script>
  3798.  window.googletag = window.googletag || {cmd: []};
  3799.  googletag.cmd.push(function() {
  3800.    googletag.defineSlot('/22870171142/click4r_homepage_second_ad', [[300, 250], [336, 280]], 'div-gpt-ad-1744088674170-0').addService(googletag.pubads());
  3801.    googletag.pubads().enableSingleRequest();
  3802.    googletag.enableServices();
  3803.  });
  3804. </script>
  3805.  
  3806.    </head>
  3807.    <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
  3808.    <body class="">
  3809.        <div class="page-wrapper" id="#page">
  3810.            <header class="main-header pt25 pb30">
  3811.                <div class="container">
  3812.                     <!-- Dynamic Breadcrumb -->
  3813.                                        <nav class="breadcrumb">
  3814.                                                                                    <a href="https://click4r.com/">Home</a>
  3815.                                 >                                                                                                                 <a href="https://click4r.com/posts/c/2/business">Business</a>
  3816.                                 >                                                                                                                 <a href="https://click4r.com/posts/g/14574335/montreenbois">montreenbois</a>
  3817.                                                                                                        </nav>
  3818.                                        <!-- End Dynamic Breadcrumb -->
  3819.                    <div class="navbar-custom-menu user-menu align-right grid columns-2">
  3820.                          <div class="Gtranslate">
  3821.                           <div id="google_translate_element"></div>
  3822.                           </div>
  3823.                            
  3824.                                                            <ul class="nav navbar-nav inline-list user-nav mb5">
  3825.                                    <li><a title="Sign In" href="https://click4r.com/user/login">Sign In</a></li>
  3826.                                    <li><a title="Register" href="https://click4r.com/user/register">Register</a></li>
  3827.                                </ul>
  3828.                            
  3829.                        </div>
  3830.                <nav class="main-nav nav bg-white">
  3831.                        <div class="header-logo">
  3832.                            <a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="logo-link h3 mb0"><img src="https://click4r.com/assets/img/c4r-logo-small.png" class="header-logo" alt="C4R Logo" width="110" height="43"></a>
  3833.                            <span type="button" class="navicon dt-hide tb-block" data-toggle="collapse" data-target="#navbar-collapse">
  3834.                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg>
  3835.                            </span>
  3836.                        </div>
  3837.                        <div class="navbar-form header-form dt-hide tb-block" role="search">
  3838.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3839.                            </div>
  3840.                        
  3841.                        <!-- Collect the nav links, forms, and other content for toggling -->
  3842.                        <div class="navbar collapse navbar-collapse pull-left" id="navbar-collapse">
  3843.                            <ul class="nav navbar-nav">
  3844.                                <li class=""><a title="Business" href="https://click4r.com/posts/c/2/business">Business</a></li><li class=""><a title="Shopping" href="https://click4r.com/posts/c/3/shopping">Shopping</a></li><li class=""><a title="Sports" href="https://click4r.com/posts/c/4/sports">Sports</a></li><li class=""><a title="Travel" href="https://click4r.com/posts/c/5/travel">Travel</a></li><li class=""><a title="Hotels" href="https://click4r.com/posts/c/6/hotels">Hotels</a></li><li class=""><a title="Technology" href="https://click4r.com/posts/c/7/technology">Technology</a></li><li class="dropdown">
  3845.                          <a title="More" href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">More <span class="caret"></span></a><ul class="dropdown-menu">
  3846.                           <li><a title="Society" href="https://click4r.com/posts/c/8/society">Society</a></li><li><a title="Health" href="https://click4r.com/posts/c/9/health">Health</a></li><li><a title="Education" href="https://click4r.com/posts/c/10/education">Education</a></li><li><a title="Entertainment" href="https://click4r.com/posts/c/11/entertainment">Entertainment</a></li><li><a title="DIY" href="https://click4r.com/posts/c/12/diy">DIY</a></li><li><a title="Viral" href="https://click4r.com/posts/c/13/viral">Viral</a></li><li><a title="Funny" href="https://click4r.com/posts/c/14/funny">Funny</a></li><li><a title="Books" href="https://click4r.com/posts/c/15/books">Books</a></li><li><a title="Celebrity" href="https://click4r.com/posts/c/16/celebrity">Celebrity</a></li><li><a title="World" href="https://click4r.com/posts/c/17/world">World</a></li><li><a title="Politics" href="https://click4r.com/posts/c/18/politics">Politics</a></li>            
  3847.                          </ul>                            </ul>
  3848.                            <div class="navbar-form header-form mb-hide tb-hide" role="search">
  3849.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3850.                            </div>
  3851.                        </div>
  3852.                        <!-- /.navbar-collapse -->
  3853.                </nav>
  3854.                </div>
  3855.            </header><main id="main" class="single-main pt30">
  3856.    <section class="single-content-section pb50 mb-pt0">
  3857.        <div class="container">
  3858.            <div class="single-post-content">
  3859.                <!-- Post Meta Section -->
  3860.                <div class="single-post-meta grid v-align-center columns-5-7 fs-14 mb20 grid-gap-10">
  3861.                    <div class="author align-left capitalize">
  3862.                        <a href="https://click4r.com/posts/u/6167459/Author-montre"
  3863.                           title="View posts by montre">
  3864.                            <img src="https://click4r.com/images/profile/default.png"
  3865.                                 class="user-profile-img circle"
  3866.                                 alt="montre" width="20" height="30">
  3867.                            montre                        </a>
  3868.                    </div>
  3869.                    <div class="post-date align-right">
  3870.                        <i class="fa fa-calendar mr5"></i>February 6, 2024                    </div>
  3871.                </div>
  3872.  
  3873.                <!-- Post Title -->
  3874.                <h1 class="single-post-title capitalize">montreenbois</h1>
  3875.  
  3876.                <!-- Ad Block (Above Content) -->
  3877.                <div class="ad-block mb20">
  3878.                    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163" crossorigin="anonymous"></script>
  3879.                    <ins class="adsbygoogle"
  3880.                         style="display:block; text-align:center;"
  3881.                         data-ad-client="ca-pub-4199043345186163"
  3882.                         data-ad-slot="8758106589"
  3883.                         data-ad-format="auto"
  3884.                         data-full-width-responsive="true"></ins>
  3885.                    <script>
  3886.                        (adsbygoogle = window.adsbygoogle || []).push({});
  3887.                    </script>
  3888.                    <script>
  3889.        document.addEventListener('DOMContentLoaded', function () {
  3890.            var adBlock = document.querySelector('.ad-block ins');
  3891.            if (adBlock.offsetHeight === 0) {
  3892.                adBlock.parentElement.style.display = 'none';
  3893.            }
  3894.        });
  3895.    </script>
  3896.                </div>
  3897.  
  3898.                <!-- Post Content with Inline Ads -->
  3899.                <div class="single-content-body">
  3900.                    <p><a href="https://horlowood.fr/">montre avec bracelet en bois</a></p>
  3901. <p>D&eacute;couvrez l'&eacute;l&eacute;gance intemporelle avec Horlowood.fr, votre destination exclusive pour des montres en bois exquises. Chaque pi&egrave;ce est une fusion de pr&eacute;cision artisanale et de beaut&eacute; naturelle, capturant l'essence unique du bois. Nos montres allient style moderne et respect de l'environnement, cr&eacute;ant une harmonie parfaite entre le design contemporain et la durabilit&eacute;. Explorez notre collection diversifi&eacute;e, mettant en valeur la richesse des essences de bois et des finitions raffin&eacute;es. Horlowood.fr incarne le mariage parfait entre le luxe et la nature, vous offrant une exp&eacute;rience unique au poignet. Red&eacute;couvrez le temps avec nos montres en bois, synonymes de sophistication et d'authenticit&eacute;.</p>                 </div>
  3902.  
  3903.                <!-- Tags -->
  3904.                <div class="post-tags">
  3905.                    <strong>Tags:</strong> montre avec bracelet en bois                </div>
  3906.            </div>
  3907.        </div>
  3908.    </section>
  3909. <section class="related-posts-section pt30 pb30">
  3910.    <div class="container">
  3911.        <h2 class="related-posts-title">You Might Also Like</h2>
  3912.        <div class="related-posts-grid grid grid-gap-20 columns-3">
  3913.                                                                    <div class="related-post-item">
  3914.                       <a href="https://click4r.com/posts/g/20851256/your-reproducibility-associated-with-strong-learning-based-division-in">
  3915.  
  3916.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Your Reproducibility associated with Strong Learning-Based Division in" class="related-post-thumbnail" />
  3917.                                                            <h3 class="related-post-title">
  3918.                                Your Reproducibility associated&#8230;                            </h3>
  3919.                        </a>
  3920.                        <p class="related-post-date">
  3921.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3922.                    </div>
  3923.                                                        <div class="related-post-item">
  3924.                       <a href="https://click4r.com/posts/g/20850941/languages-in-regulation-ai-powered-authorized-doc-translation">
  3925.  
  3926.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Languages In Regulation: Ai-powered Authorized Doc Translation" class="related-post-thumbnail" />
  3927.                                                            <h3 class="related-post-title">
  3928.                                Languages In Regulation:&#8230;                            </h3>
  3929.                        </a>
  3930.                        <p class="related-post-date">
  3931.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3932.                    </div>
  3933.                                                        <div class="related-post-item">
  3934.                       <a href="https://click4r.com/posts/g/20851759/periprosthetic-attacks-with-the-shoulder-complex-features-along-with">
  3935.  
  3936.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Periprosthetic Attacks with the Shoulder complex: Features along with " class="related-post-thumbnail" />
  3937.                                                            <h3 class="related-post-title">
  3938.                                Periprosthetic Attacks with&#8230;                            </h3>
  3939.                        </a>
  3940.                        <p class="related-post-date">
  3941.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3942.                    </div>
  3943.                                                        <div class="related-post-item">
  3944.                       <a href="https://click4r.com/posts/g/20850959/effective-translation-8-important-tricks-to-avoid-expensive-mistakes">
  3945.  
  3946.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Effective Translation: 8 Important Tricks To Avoid Expensive Mistakes" class="related-post-thumbnail" />
  3947.                                                            <h3 class="related-post-title">
  3948.                                Effective Translation: 8&#8230;                            </h3>
  3949.                        </a>
  3950.                        <p class="related-post-date">
  3951.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3952.                    </div>
  3953.                                                        <div class="related-post-item">
  3954.                       <a href="https://click4r.com/posts/g/20851581/credibility-as-well-as-longevity-of-the-the-german-language-version-of">
  3955.  
  3956.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Credibility as well as longevity of the The german language version of" class="related-post-thumbnail" />
  3957.                                                            <h3 class="related-post-title">
  3958.                                Credibility as well as longevity&#8230;                            </h3>
  3959.                        </a>
  3960.                        <p class="related-post-date">
  3961.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3962.                    </div>
  3963.                                                        <div class="related-post-item">
  3964.                       <a href="https://click4r.com/posts/g/20850948/prime-10-ai-pitch-deck-turbines-you-should-attempt-in-2025">
  3965.  
  3966.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Prime 10 Ai Pitch Deck Turbines You Should Attempt In 2025" class="related-post-thumbnail" />
  3967.                                                            <h3 class="related-post-title">
  3968.                                Prime 10 Ai Pitch Deck Turbines&#8230;                            </h3>
  3969.                        </a>
  3970.                        <p class="related-post-date">
  3971.                            <i class="fa fa-calendar"></i> May 9, 2025                        </p>
  3972.                    </div>
  3973.                                    </div>
  3974.    </div>
  3975. </section>
  3976.  
  3977. </main><footer class="main-footer pt50 pb30 align-center">
  3978.    <div class="container">
  3979.        <div class="social-links mb30">
  3980.            <a href="https://www.facebook.com/click4r" target="_blank" rel="nofollow" aria-label="Follow us on Facebook" class="icon facebook"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M80 299.3V512H196V299.3h86.5l18-97.8H196V166.9c0-51.7 20.3-71.5 72.7-71.5c16.3 0 29.4 .4 37 1.2V7.9C291.4 4 256.4 0 236.2 0C129.3 0 80 50.5 80 159.4v42.1H14v97.8H80z"/></svg></a>
  3981.            <a href="https://x.com/click4rcom" rel="nofollow" target="_blank" aria-label="Subscribe to Twitter" class="icon twitter"><svg viewBox="0 0 24 24" aria-hidden="true" class="r-18jsvk2 r-4qtqp9 r-yyyyoo r-rxcuwo r-1777fci r-m327ed r-dnmrzs r-494qqr r-bnwqim r-1plcrui r-lrvibr"><g><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></g></svg></a>
  3982.            <a href="https://www.instagram.com/click4rcom/" target="_blank" rel="nofollow" aria-label="Subscribe to Intstagram" class="icon instagram"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path></svg></a>
  3983.            <a href="https://www.linkedin.com/in/click4rcom/" target="_blank" rel="nofollow" aria-label="Subscribe to LinkedIn" class="icon linkedin"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448.1 512"><path d="M100.3 448H7.4V148.9h92.9V448zM53.8 108.1C24.1 108.1 0 83.5 0 53.8S24.1 0 53.8 0s53.8 24.1 53.8 53.8-24.1 54.3-53.8 54.3zM448 448h-92.7V302.4c0-34.7-.7-79.2-48.3-79.2-48.3 0-55.7 37.7-55.7 76.7V448h-92.8V148.9h89.1v40.8h1.3c12.4-23.5 42.7-48.3 87.9-48.3 94 0 111.3 61.9 111.3 142.3V448h-.1z"></path></svg></a>
  3984.        </div>
  3985.        <div class="footer-links mb20">
  3986.            <ul class="footer-menu grid grid-gap-10 mb0">
  3987.             <li><a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="navbar-link">Home</a></li>
  3988.             <li><a title="About Click4r Solutions Pvt. Ltd." href="https://click4r.com/aboutus" class="navbar-link">About Us</a></li>
  3989.             <li><a title="Jobs and Employment Opportunities" href="https://click4r.com/Jobs" class="navbar-link">Jobs</a></li>
  3990.             <li><a title="Privacy Policy" href="https://click4r.com/privacy" class="navbar-link">Privacy Policy</a></li>
  3991.             <li><a title="Terms and Conditions" href="https://click4r.com/terms" class="navbar-link">Terms</a></li>
  3992.             <li><a title="Media" href="https://click4r.com/Media" class="navbar-link">Media</a></li>
  3993. <!--<li><a title="Sitemap" href="https://click4r.com/sitemap" class="navbar-link">Sitemap</a></li>-->
  3994.        </ul>
  3995.        </div>
  3996.      
  3997.        <div class="copyright">
  3998.            <div class="align-center">Copyright &copy; 2025 <a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="fw-500">CLICK4R SOLUTIONS Pvt. Ltd</a>.</strong> All rights
  3999.    reserved.</div>
  4000.            
  4001.        </div>
  4002.        
  4003.    </div>
  4004.    <!-- /.container -->
  4005. </footer>
  4006. </div>
  4007. <!-- ./wrapper -->
  4008. <script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.VERTICAL}, 'google_translate_element');}</script>
  4009. <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  4010. <!--scripts-->
  4011. <!-- /22870171142/click4r_homepage_second_ad -->
  4012. <div id='div-gpt-ad-1744088674170-0' style='min-width: 300px; min-height: 250px;'>
  4013.  <script>
  4014.    googletag.cmd.push(function() { googletag.display('div-gpt-ad-1744088674170-0'); });
  4015.  </script>
  4016. </div>
  4017. <!-- jQuery 2.2.3 -->
  4018. <script src="https://click4r.com/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
  4019. <script src="https://click4r.com/assets/js/theme.js"></script>
  4020. <script>
  4021.    jQuery(document).ready(function($) {
  4022.        $(document).on('keydown', '#navbar-search-input', function(event) {
  4023.            console.log('Keydown event triggered. Key code:', event.keyCode);
  4024.            if (event.keyCode === 13) {  // Check for Enter key
  4025.                event.preventDefault();
  4026.                var search = encodeURI($(this).val());
  4027.                window.location.href = "https://click4r.com/posts/search/" + search;
  4028.                return false;
  4029.            }
  4030.        });
  4031.    });
  4032. </script>
  4033. </body>
  4034. </html>
  4035.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda