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/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;}@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/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;}</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.  
  396. /* Fix the container to prevent affecting other sections */
  397. .container {
  398.    max-width: 1200px; /* Ensure consistent width */
  399.    margin: 0 auto; /* Center align */
  400.    padding: 0 15px; /* Add padding for inner spacing */
  401.    overflow: visible; /* Allow overflow for inner elements */
  402. }
  403. /* Styling for Ad Blocks */
  404. .ad-block {
  405.    text-align: center;
  406.    margin: 20px 0; /* Add spacing above and below ads */
  407.    min-height: 250px; /* Reserve space for ads to avoid layout shifting */
  408.    padding: 10px;
  409.    background-color: #f9f9f9; /* Optional: light background to differentiate ads */
  410.    border: 1px solid #ddd; /* Optional: subtle border for separation */
  411.    border-radius: 8px; /* Rounded corners for a modern look */
  412.    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for emphasis */
  413.    position: relative;
  414.    transition: all 0.3s ease; /* Smooth transition for visibility changes */
  415. }
  416.  
  417. /* Responsive Styling for Ads */
  418. @media (max-width: 768px) {
  419.    .ad-block {
  420.        min-height: 150px; /* Adjust height for smaller screens */
  421.    }
  422. }
  423.  
  424. /* Hide Empty Ad Blocks */
  425. .ad-block:empty {
  426.    display: none; /* Hide block if no content */
  427.    aria-hidden: true; /* Accessibility improvement */
  428. }
  429.  
  430. /* Fallback Message for Empty Ads */
  431. .ad-block:empty::after {
  432.    content: "Ad not available";
  433.    font-size: 14px;
  434.    color: #888;
  435.    display: block;
  436.    text-align: center;
  437. }
  438.  
  439. /* Loading Spinner for Ad Blocks */
  440. .ad-block.loading::after {
  441.    content: "";
  442.    display: block;
  443.    width: 30px;
  444.    height: 30px;
  445.    border: 4px solid #ddd;
  446.    border-top-color: #3498db;
  447.    border-radius: 50%;
  448.    animation: spin 1s linear infinite;
  449.    margin: 0 auto;
  450. }
  451.  
  452. @keyframes spin {
  453.    from {
  454.        transform: rotate(0deg);
  455.    }
  456.    to {
  457.        transform: rotate(360deg);
  458.    }
  459. }
  460.  
  461.  
  462.  
  463. /* Main Grid Layout for Related Posts */
  464. .related-posts-grid {
  465.    display: grid;
  466.    grid-template-columns: repeat(3, 1fr); /* Ensure 3 columns per row */
  467.    gap: 5px; /* Reduced gap for tighter spacing between posts */
  468.    justify-content: center; /* Center the grid */
  469.    margin-top: 20px; /* Consistent margin with blog content */
  470. }
  471.  
  472. /* Ensure mobile responsiveness */
  473. @media (max-width: 768px) {
  474.    .related-posts-grid {
  475.        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust for smaller screen */
  476.        gap: 2px; /* Further reduce gap on smaller screens */
  477.    }
  478.  
  479.    .related-post-item {
  480.        margin: 3px; /* Reduce margin for mobile screens */
  481.    }
  482. }
  483.  
  484. /* Styling for each post item */
  485. .related-post-item {
  486.    border: 1px solid #ddd;
  487.    border-radius: 8px; /* Slightly larger border radius */
  488.    overflow: hidden;
  489.    background: #fff;
  490.    padding: 8px; /* Reduced padding for more compact posts */
  491.    margin: 0px; /* Reduce margin to decrease space between posts */
  492.    transition: transform 0.2s ease-in-out;
  493.    text-align: center;
  494. }
  495.  
  496. /* Adjust the hover effect for mobile */
  497. @media (max-width: 768px) {
  498.    .related-post-item:hover {
  499.        transform: none; /* Remove hover effect on mobile */
  500.        box-shadow: none; /* Remove box shadow */
  501.    }
  502. }
  503.  
  504. /* Hover Effect for Post Item */
  505. .related-post-item:hover {
  506.    transform: translateY(-5px); /* Slight lift on hover */
  507.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  508. }
  509.  
  510. .related-posts-section {
  511.    padding-top: 10px; /* Ensure spacing above the related posts */
  512.    padding-bottom: 10px; /* Ensure spacing below */
  513.    background-color: #fff; /* Consistent background with the blog section */
  514. }
  515.  
  516. .related-post-title {
  517.    font-size: 18px; /* Slightly smaller title for better alignment */
  518.    font-weight: 700;
  519.    margin-bottom: 10px; /* Ensure title spacing */
  520.    color: #333;
  521.    text-align: center;
  522.    text-transform: capitalize; /* Capitalize title for consistency */
  523. }
  524.  
  525. .related-post-date {
  526.    font-size: 14px; /* Adjust date size */
  527.    color: #777;
  528.    margin-top: 5px;
  529. }
  530.  
  531. /* Image styles for related posts */
  532. .related-post-thumbnail {
  533.    width: 100%; /* Ensures the image takes the full width */
  534.    height: 180px; /* Fixed height for consistency */
  535.    object-fit: cover; /* Ensures image fits within the box without distortion */
  536.    border-radius: 10px; /* Consistent border radius */
  537.    margin-bottom: 10px;
  538. }
  539.  
  540. /* No Posts Message Styling */
  541. .no-posts-message {
  542.    text-align: center;
  543.    font-size: 16px;
  544.    color: #777;
  545.    margin: 20px 0;
  546. }
  547.        .main-footer {
  548.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  549.    background-repeat: no-repeat;
  550.    background-position: bottom center;
  551.    background-size: contain;
  552.    background-color: rgba(23, 49, 80, 1);
  553. }
  554.  
  555. .main-footer a {
  556.    color: #fff;
  557. }
  558.  
  559. .main-footer a:hover {
  560.    color: var(--primary);
  561. }
  562.  
  563. .main-footer .footer-grid .col {
  564.    display: flex;
  565.    flex-direction: column;
  566.    justify-content: flex-start;
  567.    align-items: stretch;
  568. }
  569.  
  570. .main-footer .footer-title {
  571.    font-size: 26px;
  572.    text-decoration: underline;
  573.    text-transform: uppercase;
  574.    letter-spacing: 0.5px;
  575. }
  576.  
  577. .main-footer .contact svg {
  578.    background: #000;
  579.    color: #fff;
  580.    padding: 10px;
  581.    width: 40px;
  582.    text-align: center;
  583.    border-radius: 10px;
  584.    font-size: 18px;
  585.    margin-right: 10px;
  586. }
  587.  
  588. .main-footer .contact a:hover svg {
  589.    background: var(--primary);
  590.    fill: #fff;
  591. }
  592.  
  593. .main-footer .social-links {}
  594.  
  595. .main-footer .social-links .facebook {
  596.    background-color: #1877f2;
  597. }
  598.  
  599. .main-footer .social-links .twitter {
  600.    background-color: #000000;
  601. }
  602.  
  603. .main-footer .social-links .instagram {
  604.    background-color: #c32aa3;
  605. }
  606.  
  607. .main-footer .social-links .linkedin {
  608.    background-color: #0a66c2;
  609. }
  610.  
  611. .main-footer .social-links a {
  612.    display: inline-block;
  613.    text-align: center;
  614.    background-color: #000;
  615.    border-radius: 10px;
  616.    padding: 10px;
  617.    color: #fff;
  618.    font-size: 12px;
  619.    margin: 0 5px;
  620. }
  621.  
  622. .main-footer .social-links a:hover {
  623.    background: #838383;
  624.    color: #fff;
  625. }
  626.  
  627. .main-footer .social-links svg {
  628.    width: 20px;
  629.    height: 20px;
  630. }
  631.  
  632. .main-footer ul.footer-menu {
  633.    list-style: none;
  634.    display: inline-block;
  635.    margin: 0;
  636. }
  637.  
  638. .main-footer ul.footer-menu li {
  639.    float: left;
  640.    margin: 0 10px 10px;
  641. }
  642.  
  643. .copyright,
  644. .copyright a {
  645.    color: #9b9b9b;
  646. }
  647.  
  648. copyright {
  649.    font-size: 15px;
  650. }
  651.  
  652. copyright strong {
  653.    font-weight: 500;
  654. }
  655.    </style>
  656.  
  657.      
  658.        <!-- Breadcrumb Structured Data -->
  659.     <!--  <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> -->
  660.        <!-- End Breadcrumb Structured Data -->
  661.        
  662.        <!-- Breadcrumb Structured Data -->
  663. <script type="application/ld+json">
  664. {
  665.    "@context": "https://schema.org",
  666.    "@type": "BreadcrumbList",
  667.    "itemListElement": [
  668.        {
  669.            "@type": "ListItem",
  670.            "position": 1,
  671.            "name": "Home",
  672.            "item": "https://click4r.com/"
  673.        },
  674.        {
  675.            "@type": "ListItem",
  676.            "position": 2,
  677.            "name": "Business",
  678.            "item": "https://click4r.com/posts/c/2/business"
  679.        },
  680.        {
  681.            "@type": "ListItem",
  682.            "position": 3,
  683.            "name": "montreenbois",
  684.            "item": "https://click4r.com/posts/g/14574335/montreenbois"
  685.        }
  686.    ]
  687. }
  688. </script>
  689.  
  690. <!-- End Breadcrumb Structured Data -->
  691.  
  692.  
  693.        <!-- GEO Tag -->
  694.        <meta name="DC.title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
  695.        <meta name="geo.region" content="IN-AP" />
  696.        <meta name="geo.placename" content="Guntur" />
  697.        <meta name="geo.position" content="16.292250;80.435410" />
  698.        <meta name="ICBM" content="16.292250, 80.435410" />
  699.        <!-- End GEO Tag -->
  700.  
  701.      
  702.        <!--Google fonts-->
  703.        
  704.        
  705.        <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'">
  706.        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"></noscript>
  707.  
  708.        <style id="nd-styles">
  709.             /* Content from header.css */
  710.            * {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;}        
  711.            /* Content from header.css */
  712.            .Gtranslate {
  713.    text-align: left;
  714. }
  715. div#google_translate_element {
  716.    display: inline-block;
  717. }
  718.  
  719.  
  720. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  721. #google_translate_element .goog-te-gadget span {display: none;}
  722. #google_translate_element .goog-te-gadget .goog-te-combo {
  723.    height: 24px;
  724.    font-size: 12px;
  725.    margin: 0 !important;
  726.    border: 1px solid #ccc;
  727.    border-radius: 4px;
  728.    padding-left: 3px;
  729. }
  730. .main-header .user-menu a {
  731.    font-size: 13px;
  732.    font-weight: 600;
  733.    color: #000;        
  734. }
  735. .main-header .user-menu a:hover {
  736.    color:#2f88e3;
  737. }
  738.  
  739. .main-nav {
  740.    background-color: #fff;
  741.    border: 1px solid #cdd7e4;
  742.    border-radius: 20px;
  743.    justify-content: space-between;
  744.    align-items: center;
  745.    padding: 15px 20px;
  746.    display: flex;
  747.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  748.    position:relative;
  749.    /* 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 */
  750. 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+ */
  751.  
  752. }
  753.  
  754. .main-header li.dropdown {position: relative;}
  755. .main-header a.dropdown-toggle {display:block;}
  756. .main-header a.dropdown-toggle img {
  757.    width: 30px;
  758.    height: 30px;
  759.    border-radius: 50%;
  760.    margin-right: 5px;
  761. }
  762. .main-header .user-nav ul.dropdown-menu {
  763.    padding: 10px 10px 15px;
  764.    position: absolute;
  765.    background: #fff;
  766.    z-index: 1111;
  767.    right: 0;
  768.    min-width: 180px;
  769.    text-align: center;
  770.    opacity: 0;
  771.    visibility: hidden;
  772. }
  773. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  774.    visibility: visible;
  775.    opacity: 1;
  776. }
  777. .main-header .user-nav a:hover {
  778. background: transparent;
  779. }
  780. .main-header .user-nav li.user-body {
  781.    display: block;
  782.    margin: 5px 0;
  783. }
  784. .main-header .user-nav .user-header p {
  785.    font-weight: 500;
  786.    text-transform: capitalize;
  787.    margin: 5px 0 0;
  788. }
  789. .main-header .user-nav .user-menu .btn {
  790.    padding: 5px 10px;
  791.    border-radius: 4px;
  792.    background: var(--primary);
  793.    color: #fff;
  794.    font-size: 12px;
  795. }
  796. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  797.  
  798. .main-header .user-nav .user-menu li.user-footer {
  799.    text-align: center;
  800.    display: block;
  801.    margin: 0;
  802. }
  803. .main-header .user-nav .user-menu li.user-footer > div {
  804.    display: inline-block;
  805.    margin: 0 3px;
  806. }
  807. .navbar-custom-menu.user-menu {
  808.    grid-template-columns: 140px auto;
  809.    grid-gap: 10px;
  810.    align-items: center;
  811. }
  812. @media (min-width:768px){
  813.  
  814.  
  815. }
  816.  
  817. @media (min-width:1024px){
  818.    .main-nav img.header-logo {
  819.    width: 160px;
  820. }
  821.    .main-nav .navbar {
  822.        display: grid;
  823.        grid-template-columns: auto 170px;
  824.    grid-gap: 20px;
  825.    align-items: center;
  826.    float: right;
  827.    justify-items: end;
  828.    }
  829.    .main-nav .nav > li {
  830.    float: left;
  831.    margin: 0 8px;
  832. }
  833. }
  834.  
  835. .main-nav .nav li.dropdown {position: relative;}
  836. .main-nav .nav li a {
  837.    color: #fff;
  838.    text-transform: uppercase;
  839.    font-size: 15px;
  840.    font-weight: 700;
  841.    display: inline-block;
  842.    
  843. }
  844. .main-nav .nav li a:hover {
  845.    color:#2f88e3;
  846.    background:transparent;
  847. }
  848. .main-nav .nav li > a {
  849.    padding-bottom: 2px;
  850.    border-bottom: 1px solid transparent;
  851. }
  852. .main-nav .nav li > a:hover,
  853. .main-nav .nav li.active > a {
  854.    color:#2f88e3;
  855.    border-color:#fff;
  856.    border-color:transparent;
  857.    background: transparent;
  858. }
  859. .main-nav .nav li span.caret {
  860.    border: solid #fff;
  861.    border-width: 0 2px 2px 0;
  862.    display: inline-block;
  863.    padding: 4px;
  864.    transform: rotate(45deg);
  865. }
  866. @media (min-width:1024px) {
  867. .main-nav .nav .dropdown-menu {
  868.    position: absolute;
  869.    right: 0;
  870.    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+ */
  871.    padding: 10px 25px 5px;
  872.    visibility: hidden;
  873.    opacity: 0;
  874.    transition: all 0.2s ease-in;
  875.    z-index: 111;
  876. }
  877. .main-nav .nav > li:hover .dropdown-menu {
  878.    visibility: visible;
  879.    opacity: 1;
  880. }
  881. .main-nav .nav li span.caret {
  882.    float: right;
  883.    margin-left: 5px;
  884.    margin-top: 5px;
  885. }
  886. }
  887. .main-nav .nav .dropdown-menu li {
  888.    display: block;
  889.    margin: 0 0 5px;
  890.        text-align: left;
  891. }
  892. .main-nav .nav .dropdown-menu li a {
  893.    font-size:14px;
  894. }
  895. #navbar-search-input {
  896. background-color: #f5f7fa;
  897.    border: 1px solid #ddd1ec;
  898.    border-radius: 20px;
  899.    padding: 7px 15px;
  900.    font-size: 13px;
  901.    font-weight: 600;
  902.    color: #000;
  903.        
  904. }
  905. #navbar-search-input::placeholder {
  906.    color: #000;    
  907. }
  908. @media (max-width:1023px){
  909.        
  910.    .main-nav ul.dropdown-menu {
  911.    background: rgba(255, 255, 255, 0.05);
  912.    padding: 5px 20px;
  913.    display: none;
  914. }
  915.    span.navicon {
  916.    border: 1px solid #fff;
  917.    padding: 8px;
  918.    float: right;
  919.    position: absolute;
  920.    right: 20px;
  921.    top: 50%;
  922.    transform: translateY(-50%);
  923.    font-size: 21px;
  924.    display: block;
  925.    line-height:1;
  926. }
  927. span.navicon svg {
  928.    fill: #fff;
  929.    width: 20px;
  930. }
  931. .main-header .navbar {
  932.    /*background-color: #000;*/
  933.    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%);
  934.    border-radius: 10px;
  935.    position: absolute;
  936.    top: 100%;
  937.    z-index: 99999;
  938.    left: 0;
  939.    right: 0;
  940.    padding: 10px 0;
  941.    display:none;
  942. }
  943. .main-nav .nav li {
  944.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  945. }
  946. .main-nav .nav li a {
  947.    color: #fff;
  948.    padding: 10px 15px;
  949.    display:block;
  950. }
  951. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  952. .main-nav .nav li span.caret {
  953.    position: absolute;
  954.    right: 10px;
  955.    top: 15px;
  956. }
  957. .header-form {margin-right:50px;}
  958. }
  959. @media (max-width:767px){
  960.    .main-header {
  961.    padding-top: 15px 20px 20px;
  962. }
  963. .main-nav img.header-logo {
  964.    width: 125px;
  965. }
  966.    .main-nav {
  967.        padding:15px 20px 20px;
  968.    }
  969.    #google_translate_element .goog-te-gadget .goog-te-combo,
  970.    .main-header .user-menu a {
  971.    font-size: 11px;
  972.    }
  973.    .main-header a.dropdown-toggle img {
  974.    width: 24px;
  975.    height: 24px;
  976.    }
  977.  
  978. }
  979. @media (max-width:567px){
  980.    .main-nav {
  981.        padding:15px 20px 70px;
  982.    }
  983.    .main-nav > .header-form {
  984.    position: absolute;
  985.    bottom: 20px;
  986.    left: 20px;
  987.    right: 20px;
  988.    margin:0;
  989. }
  990. .main-nav > .header-form #navbar-search-input {
  991. width:100%;
  992. }
  993. span.navicon {top:31%;}
  994. .navbar-custom-menu.user-menu {
  995.    grid-template-columns: 130px auto;
  996.    grid-gap: 5px;
  997.    align-items: center;
  998. }
  999. }
  1000.  
  1001. @media (max-width:414px){
  1002.    .navbar-custom-menu.user-menu {
  1003.    grid-template-columns: 105px auto;
  1004.    }
  1005.    #google_translate_element .goog-te-gadget .goog-te-combo {
  1006.        padding-left: 2px;
  1007.    width: 110px;
  1008.    }
  1009. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  1010.        font-size: 11px;
  1011.    }
  1012. }
  1013.  
  1014.  
  1015.            /* Content from theme.css */
  1016.            
  1017. .small-box {
  1018.    border-radius: 2px;
  1019.    position: relative;
  1020.    display: block;
  1021.    margin-bottom: 20px;
  1022.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  1023. }
  1024.  
  1025. .small-box>.inner {
  1026.    padding: 10px
  1027. }
  1028.  
  1029. .small-box>.small-box-footer {
  1030.    position: relative;
  1031.    text-align: center;
  1032.    padding: 3px 0;
  1033.    color: #fff;
  1034.    color: rgba(255, 255, 255, 0.8);
  1035.    display: block;
  1036.    z-index: 10;
  1037.    background: rgba(0, 0, 0, 0.1);
  1038.    text-decoration: none
  1039. }
  1040.  
  1041. .small-box>.small-box-footer:hover {
  1042.    color: #fff;
  1043.    background: rgba(0, 0, 0, 0.15)
  1044. }
  1045.  
  1046. .small-box h3 {
  1047.    font-size: 38px;
  1048.    font-weight: bold;
  1049.    margin: 0 0 10px 0;
  1050.    white-space: nowrap;
  1051.    padding: 0
  1052. }
  1053.  
  1054. .small-box p {
  1055.    font-size: 15px
  1056. }
  1057.  
  1058. .small-box p>small {
  1059.    display: block;
  1060.    color: #f9f9f9;
  1061.    font-size: 13px;
  1062.    margin-top: 5px
  1063. }
  1064.  
  1065. .small-box h3,
  1066. .small-box p {
  1067.    z-index: 5
  1068. }
  1069.  
  1070. .small-box .icon {
  1071.    -webkit-transition: all .3s linear;
  1072.    -o-transition: all .3s linear;
  1073.    transition: all .3s linear;
  1074.    position: absolute;
  1075.    top: -10px;
  1076.    right: 10px;
  1077.    z-index: 0;
  1078.    font-size: 90px;
  1079.    color: rgba(0, 0, 0, 0.15)
  1080. }
  1081.  
  1082. .small-box:hover {
  1083.    text-decoration: none;
  1084.    color: #f9f9f9
  1085. }
  1086.  
  1087. .small-box:hover .icon {
  1088.    font-size: 95px
  1089. }
  1090.  
  1091. @media (max-width:767px) {
  1092.    .small-box {
  1093.        text-align: center
  1094.    }
  1095.    .small-box .icon {
  1096.        display: none
  1097.    }
  1098.    .small-box p {
  1099.        font-size: 12px
  1100.    }
  1101. }
  1102.  
  1103. .box {
  1104.    position: relative;
  1105.    border-radius: 3px;
  1106.    background: #ffffff;
  1107.    border-top: 3px solid #d2d6de;
  1108.    margin-bottom: 20px;
  1109.    width: 100%;
  1110.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  1111. }
  1112.  
  1113. .box.box-primary {
  1114.    border-top-color: #3c8dbc
  1115. }
  1116.  
  1117. .box.box-info {
  1118.    border-top-color: #00c0ef
  1119. }
  1120.  
  1121. .box.box-danger {
  1122.    border-top-color: #dd4b39
  1123. }
  1124.  
  1125. .box.box-warning {
  1126.    border-top-color: #f39c12
  1127. }
  1128.  
  1129. .box.box-success {
  1130.    border-top-color: #00a65a
  1131. }
  1132.  
  1133. .box.box-default {
  1134.    border-top-color: #d2d6de
  1135. }
  1136.  
  1137. .box.collapsed-box .box-body,
  1138. .box.collapsed-box .box-footer {
  1139.    display: none
  1140. }
  1141.  
  1142. .box .nav-stacked>li {
  1143.    border-bottom: 1px solid #f4f4f4;
  1144.    margin: 0
  1145. }
  1146.  
  1147. .box .nav-stacked>li:last-of-type {
  1148.    border-bottom: none
  1149. }
  1150.  
  1151. .box.height-control .box-body {
  1152.    max-height: 300px;
  1153.    overflow: auto
  1154. }
  1155.  
  1156. .box .border-right {
  1157.    border-right: 1px solid #f4f4f4
  1158. }
  1159.  
  1160. .box .border-left {
  1161.    border-left: 1px solid #f4f4f4
  1162. }
  1163.  
  1164. .box.box-solid {
  1165.    border-top: 0
  1166. }
  1167.  
  1168. .box.box-solid>.box-header .btn.btn-default {
  1169.    background: transparent
  1170. }
  1171.  
  1172. .box.box-solid>.box-header .btn:hover,
  1173. .box.box-solid>.box-header a:hover {
  1174.    background: rgba(0, 0, 0, 0.1)
  1175. }
  1176.  
  1177. .box.box-solid.box-default {
  1178.    border: 1px solid #d2d6de
  1179. }
  1180.  
  1181. .box.box-solid.box-default>.box-header {
  1182.    color: #444;
  1183.    background: #d2d6de;
  1184.    background-color: #d2d6de
  1185. }
  1186.  
  1187. .box.box-solid.box-default>.box-header a,
  1188. .box.box-solid.box-default>.box-header .btn {
  1189.    color: #444
  1190. }
  1191.  
  1192. .box.box-solid.box-primary {
  1193.    border: 1px solid #3c8dbc
  1194. }
  1195.  
  1196. .box.box-solid.box-primary>.box-header {
  1197.    color: #fff;
  1198.    background: #3c8dbc;
  1199.    background-color: #3c8dbc
  1200. }
  1201.  
  1202. .box.box-solid.box-primary>.box-header a,
  1203. .box.box-solid.box-primary>.box-header .btn {
  1204.    color: #fff
  1205. }
  1206.  
  1207. .box.box-solid.box-info {
  1208.    border: 1px solid #00c0ef
  1209. }
  1210.  
  1211. .box.box-solid.box-info>.box-header {
  1212.    color: #fff;
  1213.    background: #00c0ef;
  1214.    background-color: #00c0ef
  1215. }
  1216.  
  1217. .box.box-solid.box-info>.box-header a,
  1218. .box.box-solid.box-info>.box-header .btn {
  1219.    color: #fff
  1220. }
  1221.  
  1222. .box.box-solid.box-danger {
  1223.    border: 1px solid #dd4b39
  1224. }
  1225.  
  1226. .box.box-solid.box-danger>.box-header {
  1227.    color: #fff;
  1228.    background: #dd4b39;
  1229.    background-color: #dd4b39
  1230. }
  1231.  
  1232. .box.box-solid.box-danger>.box-header a,
  1233. .box.box-solid.box-danger>.box-header .btn {
  1234.    color: #fff
  1235. }
  1236.  
  1237. .box.box-solid.box-warning {
  1238.    border: 1px solid #f39c12
  1239. }
  1240.  
  1241. .box.box-solid.box-warning>.box-header {
  1242.    color: #fff;
  1243.    background: #f39c12;
  1244.    background-color: #f39c12
  1245. }
  1246.  
  1247. .box.box-solid.box-warning>.box-header a,
  1248. .box.box-solid.box-warning>.box-header .btn {
  1249.    color: #fff
  1250. }
  1251.  
  1252. .box.box-solid.box-success {
  1253.    border: 1px solid #00a65a
  1254. }
  1255.  
  1256. .box.box-solid.box-success>.box-header {
  1257.    color: #fff;
  1258.    background: #00a65a;
  1259.    background-color: #00a65a
  1260. }
  1261.  
  1262. .box.box-solid.box-success>.box-header a,
  1263. .box.box-solid.box-success>.box-header .btn {
  1264.    color: #fff
  1265. }
  1266.  
  1267. .box.box-solid>.box-header>.box-tools .btn {
  1268.    border: 0;
  1269.    box-shadow: none
  1270. }
  1271.  
  1272. .box.box-solid[class*='bg']>.box-header {
  1273.    color: #fff
  1274. }
  1275.  
  1276. .box .box-group>.box {
  1277.    margin-bottom: 5px
  1278. }
  1279.  
  1280. .box .knob-label {
  1281.    text-align: center;
  1282.    color: #333;
  1283.    font-weight: 100;
  1284.    font-size: 12px;
  1285.    margin-bottom: 0.3em
  1286. }
  1287.  
  1288. .box>.overlay,
  1289. .overlay-wrapper>.overlay,
  1290. .box>.loading-img,
  1291. .overlay-wrapper>.loading-img {
  1292.    position: absolute;
  1293.    top: 0;
  1294.    left: 0;
  1295.    width: 100%;
  1296.    height: 100%
  1297. }
  1298.  
  1299. .box .overlay,
  1300. .overlay-wrapper .overlay {
  1301.    z-index: 50;
  1302.    background: rgba(255, 255, 255, 0.7);
  1303.    border-radius: 3px
  1304. }
  1305.  
  1306. .box .overlay>.fa,
  1307. .overlay-wrapper .overlay>.fa {
  1308.    position: absolute;
  1309.    top: 50%;
  1310.    left: 50%;
  1311.    margin-left: -15px;
  1312.    margin-top: -15px;
  1313.    color: #000;
  1314.    font-size: 30px
  1315. }
  1316.  
  1317. .box .overlay.dark,
  1318. .overlay-wrapper .overlay.dark {
  1319.    background: rgba(0, 0, 0, 0.5)
  1320. }
  1321.  
  1322. .box-header:before,
  1323. .box-body:before,
  1324. .box-footer:before,
  1325. .box-header:after,
  1326. .box-body:after,
  1327. .box-footer:after {
  1328.    content: " ";
  1329.    display: table
  1330. }
  1331.  
  1332. .box-header:after,
  1333. .box-body:after,
  1334. .box-footer:after {
  1335.    clear: both
  1336. }
  1337.  
  1338. .box-header {
  1339.    color: #444;
  1340.    display: block;
  1341.    padding: 10px;
  1342.    position: relative
  1343. }
  1344.  
  1345. .box-header.with-border {
  1346.    border-bottom: 1px solid #f4f4f4
  1347. }
  1348.  
  1349. .collapsed-box .box-header.with-border {
  1350.    border-bottom: none
  1351. }
  1352.  
  1353. .box-header>.fa,
  1354. .box-header>.glyphicon,
  1355. .box-header>.ion,
  1356. .box-header .box-title {
  1357.    display: inline-block;
  1358.    font-size: 18px;
  1359.    margin: 0;
  1360.    line-height: 1
  1361. }
  1362.  
  1363. .box-header>.fa,
  1364. .box-header>.glyphicon,
  1365. .box-header>.ion {
  1366.    margin-right: 5px
  1367. }
  1368.  
  1369. .box-header>.box-tools {
  1370.    position: absolute;
  1371.    right: 10px;
  1372.    top: 5px
  1373. }
  1374.  
  1375. .box-header>.box-tools [data-toggle="tooltip"] {
  1376.    position: relative
  1377. }
  1378.  
  1379. .box-header>.box-tools.pull-right .dropdown-menu {
  1380.    right: 0;
  1381.    left: auto
  1382. }
  1383.  
  1384. .btn-box-tool {
  1385.    padding: 5px;
  1386.    font-size: 12px;
  1387.    background: transparent;
  1388.    color: #97a0b3
  1389. }
  1390.  
  1391. .open .btn-box-tool,
  1392. .btn-box-tool:hover {
  1393.    color: #606c84
  1394. }
  1395.  
  1396. .btn-box-tool.btn:active {
  1397.    box-shadow: none
  1398. }
  1399.  
  1400. .box-body {
  1401.    border-top-left-radius: 0;
  1402.    border-top-right-radius: 0;
  1403.    border-bottom-right-radius: 3px;
  1404.    border-bottom-left-radius: 3px;
  1405.    padding: 10px
  1406. }
  1407.  
  1408. .no-header .box-body {
  1409.    border-top-right-radius: 3px;
  1410.    border-top-left-radius: 3px
  1411. }
  1412.  
  1413. .box-body>.table {
  1414.    margin-bottom: 0
  1415. }
  1416.  
  1417. .box-body .fc {
  1418.    margin-top: 5px
  1419. }
  1420.  
  1421. .box-body .full-width-chart {
  1422.    margin: -19px
  1423. }
  1424.  
  1425. .box-body.no-padding .full-width-chart {
  1426.    margin: -9px
  1427. }
  1428.  
  1429. .box-body .box-pane {
  1430.    border-top-left-radius: 0;
  1431.    border-top-right-radius: 0;
  1432.    border-bottom-right-radius: 0;
  1433.    border-bottom-left-radius: 3px
  1434. }
  1435.  
  1436. .box-body .box-pane-right {
  1437.    border-top-left-radius: 0;
  1438.    border-top-right-radius: 0;
  1439.    border-bottom-right-radius: 3px;
  1440.    border-bottom-left-radius: 0
  1441. }
  1442.  
  1443. .box-footer {
  1444.    border-top-left-radius: 0;
  1445.    border-top-right-radius: 0;
  1446.    border-bottom-right-radius: 3px;
  1447.    border-bottom-left-radius: 3px;
  1448.    border-top: 1px solid #f4f4f4;
  1449.    padding: 10px;
  1450.    background-color: #fff
  1451. }
  1452.  
  1453. .chart-legend {
  1454.    margin: 10px 0
  1455. }
  1456.  
  1457. @media (max-width:991px) {
  1458.    .chart-legend>li {
  1459.        float: left;
  1460.        margin-right: 10px
  1461.    }
  1462. }
  1463.  
  1464. .box-comments {
  1465.    background: #f7f7f7
  1466. }
  1467.  
  1468. .box-comments .box-comment {
  1469.    padding: 8px 0;
  1470.    border-bottom: 1px solid #eee
  1471. }
  1472.  
  1473. .box-comments .box-comment:before,
  1474. .box-comments .box-comment:after {
  1475.    content: " ";
  1476.    display: table
  1477. }
  1478.  
  1479. .box-comments .box-comment:after {
  1480.    clear: both
  1481. }
  1482.  
  1483. .box-comments .box-comment:last-of-type {
  1484.    border-bottom: 0
  1485. }
  1486.  
  1487. .box-comments .box-comment:first-of-type {
  1488.    padding-top: 0
  1489. }
  1490.  
  1491. .box-comments .box-comment img {
  1492.    float: left
  1493. }
  1494.  
  1495. .box-comments .comment-text {
  1496.    margin-left: 40px;
  1497.    color: #555
  1498. }
  1499.  
  1500. .box-comments .username {
  1501.    color: #444;
  1502.    display: block;
  1503.    font-weight: 600
  1504. }
  1505.  
  1506. .box-comments .text-muted {
  1507.    font-weight: 400;
  1508.    font-size: 12px
  1509. }
  1510.  
  1511. .todo-list {
  1512.    margin: 0;
  1513.    padding: 0;
  1514.    list-style: none;
  1515.    overflow: auto
  1516. }
  1517.  
  1518. .todo-list>li {
  1519.    border-radius: 2px;
  1520.    padding: 10px;
  1521.    background: #f4f4f4;
  1522.    margin-bottom: 2px;
  1523.    border-left: 2px solid #e6e7e8;
  1524.    color: #444
  1525. }
  1526.  
  1527. .todo-list>li:last-of-type {
  1528.    margin-bottom: 0
  1529. }
  1530.  
  1531. .todo-list>li>input[type='checkbox'] {
  1532.    margin: 0 10px 0 5px
  1533. }
  1534.  
  1535. .todo-list>li .text {
  1536.    display: inline-block;
  1537.    margin-left: 5px;
  1538.    font-weight: 600
  1539. }
  1540.  
  1541. .todo-list>li .label {
  1542.    margin-left: 10px;
  1543.    font-size: 9px
  1544. }
  1545.  
  1546. .todo-list>li .tools {
  1547.    display: none;
  1548.    float: right;
  1549.    color: #dd4b39
  1550. }
  1551.  
  1552. .todo-list>li .tools>.fa,
  1553. .todo-list>li .tools>.glyphicon,
  1554. .todo-list>li .tools>.ion {
  1555.    margin-right: 5px;
  1556.    cursor: pointer
  1557. }
  1558.  
  1559. .todo-list>li:hover .tools {
  1560.    display: inline-block
  1561. }
  1562.  
  1563. .todo-list>li.done {
  1564.    color: #999
  1565. }
  1566.  
  1567. .todo-list>li.done .text {
  1568.    text-decoration: line-through;
  1569.    font-weight: 500
  1570. }
  1571.  
  1572. .todo-list>li.done .label {
  1573.    background: #d2d6de !important
  1574. }
  1575.  
  1576. .todo-list .danger {
  1577.    border-left-color: #dd4b39
  1578. }
  1579.  
  1580. .todo-list .warning {
  1581.    border-left-color: #f39c12
  1582. }
  1583.  
  1584. .todo-list .info {
  1585.    border-left-color: #00c0ef
  1586. }
  1587.  
  1588. .todo-list .success {
  1589.    border-left-color: #00a65a
  1590. }
  1591.  
  1592. .todo-list .primary {
  1593.    border-left-color: #3c8dbc
  1594. }
  1595.  
  1596. .todo-list .handle {
  1597.    display: inline-block;
  1598.    cursor: move;
  1599.    margin: 0 5px
  1600. }
  1601.  
  1602. .chat {
  1603.    padding: 5px 20px 5px 10px
  1604. }
  1605.  
  1606. .chat .item {
  1607.    margin-bottom: 10px
  1608. }
  1609.  
  1610. .chat .item:before,
  1611. .chat .item:after {
  1612.    content: " ";
  1613.    display: table
  1614. }
  1615.  
  1616. .chat .item:after {
  1617.    clear: both
  1618. }
  1619.  
  1620. .chat .item>img {
  1621.    width: 40px;
  1622.    height: 40px;
  1623.    border: 2px solid transparent;
  1624.    border-radius: 50%
  1625. }
  1626.  
  1627. .chat .item>.online {
  1628.    border: 2px solid #00a65a
  1629. }
  1630.  
  1631. .chat .item>.offline {
  1632.    border: 2px solid #dd4b39
  1633. }
  1634.  
  1635. .chat .item>.message {
  1636.    margin-left: 55px;
  1637.    margin-top: -40px
  1638. }
  1639.  
  1640. .chat .item>.message>.name {
  1641.    display: block;
  1642.    font-weight: 600
  1643. }
  1644.  
  1645. .chat .item>.attachment {
  1646.    border-radius: 3px;
  1647.    background: #f4f4f4;
  1648.    margin-left: 65px;
  1649.    margin-right: 15px;
  1650.    padding: 10px
  1651. }
  1652.  
  1653. .chat .item>.attachment>h4 {
  1654.    margin: 0 0 5px 0;
  1655.    font-weight: 600;
  1656.    font-size: 14px
  1657. }
  1658.  
  1659. .chat .item>.attachment>p,
  1660. .chat .item>.attachment>.filename {
  1661.    font-weight: 600;
  1662.    font-size: 13px;
  1663.    font-style: italic;
  1664.    margin: 0
  1665. }
  1666.  
  1667. .chat .item>.attachment:before,
  1668. .chat .item>.attachment:after {
  1669.    content: " ";
  1670.    display: table
  1671. }
  1672.  
  1673. .chat .item>.attachment:after {
  1674.    clear: both
  1675. }
  1676.  
  1677. .box-input {
  1678.    max-width: 200px
  1679. }
  1680.  
  1681. .modal .panel-body {
  1682.    color: #444
  1683. }
  1684.  
  1685. .info-box {
  1686.    display: block;
  1687.    min-height: 90px;
  1688.    background: #fff;
  1689.    width: 100%;
  1690.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1691.    border-radius: 2px;
  1692.    margin-bottom: 15px
  1693. }
  1694.  
  1695. .info-box small {
  1696.    font-size: 14px
  1697. }
  1698.  
  1699. .info-box .progress {
  1700.    background: rgba(0, 0, 0, 0.2);
  1701.    margin: 5px -10px 5px -10px;
  1702.    height: 2px
  1703. }
  1704.  
  1705. .info-box .progress,
  1706. .info-box .progress .progress-bar {
  1707.    border-radius: 0
  1708. }
  1709.  
  1710. .info-box .progress .progress-bar {
  1711.    background: #fff
  1712. }
  1713.  
  1714. .info-box-icon {
  1715.    border-top-left-radius: 2px;
  1716.    border-top-right-radius: 0;
  1717.    border-bottom-right-radius: 0;
  1718.    border-bottom-left-radius: 2px;
  1719.    display: block;
  1720.    float: left;
  1721.    height: 90px;
  1722.    width: 90px;
  1723.    text-align: center;
  1724.    font-size: 45px;
  1725.    line-height: 90px;
  1726.    background: rgba(0, 0, 0, 0.2)
  1727. }
  1728.  
  1729. .info-box-icon>img {
  1730.    max-width: 100%
  1731. }
  1732.  
  1733. .info-box-content {
  1734.    padding: 5px 10px;
  1735.    margin-left: 90px
  1736. }
  1737.  
  1738. .info-box-number {
  1739.    display: block;
  1740.    font-weight: bold;
  1741.    font-size: 18px
  1742. }
  1743.  
  1744. .progress-description,
  1745. .info-box-text {
  1746.    display: block;
  1747.    font-size: 14px;
  1748.    white-space: nowrap;
  1749.    overflow: hidden;
  1750.    text-overflow: ellipsis
  1751. }
  1752.  
  1753. .info-box-text {
  1754.    text-transform: uppercase
  1755. }
  1756.  
  1757. .info-box-more {
  1758.    display: block
  1759. }
  1760.  
  1761. .progress-description {
  1762.    margin: 0
  1763. }
  1764.  
  1765. .timeline {
  1766.    position: relative;
  1767.    margin: 0 0 30px 0;
  1768.    padding: 0;
  1769.    list-style: none
  1770. }
  1771.  
  1772. .timeline:before {
  1773.    content: '';
  1774.    position: absolute;
  1775.    top: 0;
  1776.    bottom: 0;
  1777.    width: 4px;
  1778.    background: #ddd;
  1779.    left: 31px;
  1780.    margin: 0;
  1781.    border-radius: 2px
  1782. }
  1783.  
  1784. .timeline>li {
  1785.    position: relative;
  1786.    margin-right: 10px;
  1787.    margin-bottom: 15px
  1788. }
  1789.  
  1790. .timeline>li:before,
  1791. .timeline>li:after {
  1792.    content: " ";
  1793.    display: table
  1794. }
  1795.  
  1796. .timeline>li:after {
  1797.    clear: both
  1798. }
  1799.  
  1800. .timeline>li>.timeline-item {
  1801.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1802.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1803.    border-radius: 3px;
  1804.    margin-top: 0;
  1805.    background: #fff;
  1806.    color: #444;
  1807.    margin-left: 60px;
  1808.    margin-right: 15px;
  1809.    padding: 0;
  1810.    position: relative
  1811. }
  1812.  
  1813. .timeline>li>.timeline-item>.time {
  1814.    color: #999;
  1815.    float: right;
  1816.    padding: 10px;
  1817.    font-size: 12px
  1818. }
  1819.  
  1820. .timeline>li>.timeline-item>.timeline-header {
  1821.    margin: 0;
  1822.    color: #555;
  1823.    border-bottom: 1px solid #f4f4f4;
  1824.    padding: 10px;
  1825.    font-size: 16px;
  1826.    line-height: 1.1
  1827. }
  1828.  
  1829. .timeline>li>.timeline-item>.timeline-header>a {
  1830.    font-weight: 600
  1831. }
  1832.  
  1833. .timeline>li>.timeline-item>.timeline-body,
  1834. .timeline>li>.timeline-item>.timeline-footer {
  1835.    padding: 10px
  1836. }
  1837.  
  1838. .timeline>li>.fa,
  1839. .timeline>li>.glyphicon,
  1840. .timeline>li>.ion {
  1841.    width: 30px;
  1842.    height: 30px;
  1843.    font-size: 15px;
  1844.    line-height: 30px;
  1845.    position: absolute;
  1846.    color: #666;
  1847.    background: #d2d6de;
  1848.    border-radius: 50%;
  1849.    text-align: center;
  1850.    left: 18px;
  1851.    top: 0
  1852. }
  1853.  
  1854. .timeline>.time-label>span {
  1855.    font-weight: 600;
  1856.    padding: 5px;
  1857.    display: inline-block;
  1858.    background-color: #fff;
  1859.    border-radius: 4px
  1860. }
  1861.  
  1862. .timeline-inverse>li>.timeline-item {
  1863.    background: #f0f0f0;
  1864.    border: 1px solid #ddd;
  1865.    -webkit-box-shadow: none;
  1866.    box-shadow: none
  1867. }
  1868.  
  1869. .timeline-inverse>li>.timeline-item>.timeline-header {
  1870.    border-bottom-color: #ddd
  1871. }
  1872.  
  1873.  
  1874. .btn.btn-file {
  1875.    position: relative;
  1876.    overflow: hidden
  1877. }
  1878.  
  1879. .btn.btn-file>input[type='file'] {
  1880.    position: absolute;
  1881.    top: 0;
  1882.    right: 0;
  1883.    min-width: 100%;
  1884.    min-height: 100%;
  1885.    font-size: 100px;
  1886.    text-align: right;
  1887.    opacity: 0;
  1888.    filter: alpha(opacity=0);
  1889.    outline: none;
  1890.    background: white;
  1891.    cursor: inherit;
  1892.    display: block
  1893. }
  1894.  
  1895. .callout a {
  1896.    color: #fff;
  1897.    text-decoration: underline
  1898. }
  1899.  
  1900. .callout a:hover {
  1901.    color: #eee
  1902. }
  1903.  
  1904. .callout h4 {
  1905.    margin-top: 0;
  1906.    font-weight: 600
  1907. }
  1908.  
  1909. .callout p:last-child {
  1910.    margin-bottom: 0
  1911. }
  1912.  
  1913. .callout code,
  1914. .callout .highlight {
  1915.    background-color: #fff
  1916. }
  1917.  
  1918. .callout.callout-danger {
  1919.    border-color: #c23321
  1920. }
  1921.  
  1922. .callout.callout-warning {
  1923.    border-color: #c87f0a
  1924. }
  1925.  
  1926. .callout.callout-info {
  1927.    border-color: #0097bc
  1928. }
  1929.  
  1930. .callout.callout-success {
  1931.    border-color: #00733e
  1932. }
  1933.  
  1934. .alert {
  1935.    border-radius: 3px
  1936. }
  1937.  
  1938. .alert h4 {
  1939.    font-weight: 600
  1940. }
  1941.  
  1942. .alert .icon {
  1943.    margin-right: 10px
  1944. }
  1945.  
  1946. .alert .close {
  1947.    color: #000;
  1948.    opacity: .2;
  1949.    filter: alpha(opacity=20)
  1950. }
  1951.  
  1952. .alert .close:hover {
  1953.    opacity: .5;
  1954.    filter: alpha(opacity=50)
  1955. }
  1956.  
  1957. .alert a {
  1958.    color: #fff;
  1959.    text-decoration: underline
  1960. }
  1961.  
  1962. .alert-success {
  1963.    border-color: #008d4c
  1964. }
  1965.  
  1966. .alert-danger,
  1967. .alert-error {
  1968.    border-color: #d73925
  1969. }
  1970.  
  1971. .alert-warning {
  1972.    border-color: #e08e0b
  1973. }
  1974.  
  1975. .alert-info {
  1976.    border-color: #00acd6
  1977. }
  1978.  
  1979. .nav>li>a:hover,
  1980. .nav>li>a:active,
  1981. .nav>li>a:focus {
  1982.    color: #444;
  1983.    background: #f7f7f7
  1984. }
  1985.  
  1986. .nav-pills>li>a {
  1987.    border-radius: 0;
  1988.    border-top: 3px solid transparent;
  1989.    color: #444
  1990. }
  1991.  
  1992. .nav-pills>li>a>.fa,
  1993. .nav-pills>li>a>.glyphicon,
  1994. .nav-pills>li>a>.ion {
  1995.    margin-right: 5px
  1996. }
  1997.  
  1998. .nav-pills>li.active>a,
  1999. .nav-pills>li.active>a:hover,
  2000. .nav-pills>li.active>a:focus {
  2001.    border-top-color: #3c8dbc
  2002. }
  2003.  
  2004. .nav-pills>li.active>a {
  2005.    font-weight: 600
  2006. }
  2007.  
  2008. .nav-stacked>li>a {
  2009.    border-radius: 0;
  2010.    border-top: 0;
  2011.    border-left: 3px solid transparent;
  2012.    color: #444
  2013. }
  2014.  
  2015. .nav-stacked>li.active>a,
  2016. .nav-stacked>li.active>a:hover {
  2017.    background: transparent;
  2018.    color: #444;
  2019.    border-top: 0;
  2020.    border-left-color: #3c8dbc
  2021. }
  2022.  
  2023. .nav-stacked>li.header {
  2024.    border-bottom: 1px solid #ddd;
  2025.    color: #777;
  2026.    margin-bottom: 10px;
  2027.    padding: 5px 10px;
  2028.    text-transform: uppercase
  2029. }
  2030.  
  2031. .nav-tabs-custom {
  2032.    margin-bottom: 20px;
  2033.    background: #fff;
  2034.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2035.    border-radius: 3px
  2036. }
  2037.  
  2038. .nav-tabs-custom>.nav-tabs {
  2039.    margin: 0;
  2040.    border-bottom-color: #f4f4f4;
  2041.    border-top-right-radius: 3px;
  2042.    border-top-left-radius: 3px
  2043. }
  2044.  
  2045. .nav-tabs-custom>.nav-tabs>li {
  2046.    border-top: 3px solid transparent;
  2047.    margin-bottom: -2px;
  2048.    margin-right: 5px
  2049. }
  2050.  
  2051. .nav-tabs-custom>.nav-tabs>li>a {
  2052.    color: #444;
  2053.    border-radius: 0
  2054. }
  2055.  
  2056. .nav-tabs-custom>.nav-tabs>li>a.text-muted {
  2057.    color: #999
  2058. }
  2059.  
  2060. .nav-tabs-custom>.nav-tabs>li>a,
  2061. .nav-tabs-custom>.nav-tabs>li>a:hover {
  2062.    background: transparent;
  2063.    margin: 0
  2064. }
  2065.  
  2066. .nav-tabs-custom>.nav-tabs>li>a:hover {
  2067.    color: #999
  2068. }
  2069.  
  2070. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
  2071. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
  2072. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  2073.    border-color: transparent
  2074. }
  2075.  
  2076. .nav-tabs-custom>.nav-tabs>li.active {
  2077.    border-top-color: #3c8dbc
  2078. }
  2079.  
  2080. .nav-tabs-custom>.nav-tabs>li.active>a,
  2081. .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  2082.    background-color: #fff;
  2083.    color: #444
  2084. }
  2085.  
  2086. .nav-tabs-custom>.nav-tabs>li.active>a {
  2087.    border-top-color: transparent;
  2088.    border-left-color: #f4f4f4;
  2089.    border-right-color: #f4f4f4
  2090. }
  2091.  
  2092. .nav-tabs-custom>.nav-tabs>li:first-of-type {
  2093.    margin-left: 0
  2094. }
  2095.  
  2096. .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  2097.    border-left-color: transparent
  2098. }
  2099.  
  2100. .nav-tabs-custom>.nav-tabs.pull-right {
  2101.    float: none !important
  2102. }
  2103.  
  2104. .nav-tabs-custom>.nav-tabs.pull-right>li {
  2105.    float: right
  2106. }
  2107.  
  2108. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  2109.    margin-right: 0
  2110. }
  2111.  
  2112. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
  2113.    border-left-width: 1px
  2114. }
  2115.  
  2116. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  2117.    border-left-color: #f4f4f4;
  2118.    border-right-color: transparent
  2119. }
  2120.  
  2121. .nav-tabs-custom>.nav-tabs>li.header {
  2122.    line-height: 35px;
  2123.    padding: 0 10px;
  2124.    font-size: 20px;
  2125.    color: #444
  2126. }
  2127.  
  2128. .nav-tabs-custom>.nav-tabs>li.header>.fa,
  2129. .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
  2130. .nav-tabs-custom>.nav-tabs>li.header>.ion {
  2131.    margin-right: 5px
  2132. }
  2133.  
  2134. .nav-tabs-custom>.tab-content {
  2135.    background: #fff;
  2136.    padding: 10px;
  2137.    border-bottom-right-radius: 3px;
  2138.    border-bottom-left-radius: 3px
  2139. }
  2140.  
  2141. .nav-tabs-custom .dropdown.open>a:active,
  2142. .nav-tabs-custom .dropdown.open>a:focus {
  2143.    background: transparent;
  2144.    color: #999
  2145. }
  2146.  
  2147. .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
  2148.    border-top-color: #3c8dbc
  2149. }
  2150.  
  2151. .nav-tabs-custom.tab-info>.nav-tabs>li.active {
  2152.    border-top-color: #00c0ef
  2153. }
  2154.  
  2155. .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
  2156.    border-top-color: #dd4b39
  2157. }
  2158.  
  2159. .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
  2160.    border-top-color: #f39c12
  2161. }
  2162.  
  2163. .nav-tabs-custom.tab-success>.nav-tabs>li.active {
  2164.    border-top-color: #00a65a
  2165. }
  2166.  
  2167. .nav-tabs-custom.tab-default>.nav-tabs>li.active {
  2168.    border-top-color: #d2d6de
  2169. }
  2170.  
  2171. .pagination>li>a {
  2172.    background: #fafafa;
  2173.    color: #666
  2174. }
  2175.  
  2176. .pagination.pagination-flat>li>a {
  2177.    border-radius: 0 !important
  2178. }
  2179.  
  2180. .products-list {
  2181.    list-style: none;
  2182.    margin: 0;
  2183.    padding: 0
  2184. }
  2185.  
  2186. .products-list>.item {
  2187.    border-radius: 3px;
  2188.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2189.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2190.    padding: 10px 0;
  2191.    background: #fff
  2192. }
  2193.  
  2194. .products-list>.item:before,
  2195. .products-list>.item:after {
  2196.    content: " ";
  2197.    display: table
  2198. }
  2199.  
  2200. .products-list>.item:after {
  2201.    clear: both
  2202. }
  2203.  
  2204. .products-list .product-img {
  2205.    float: left
  2206. }
  2207.  
  2208. .products-list .product-img img {
  2209.    width: 50px;
  2210.    height: 50px
  2211. }
  2212.  
  2213. .products-list .product-info {
  2214.    margin-left: 60px
  2215. }
  2216.  
  2217. .products-list .product-title {
  2218.    font-weight: 600
  2219. }
  2220.  
  2221. .products-list .product-description {
  2222.    display: block;
  2223.    color: #999;
  2224.    overflow: hidden;
  2225.    white-space: nowrap;
  2226.    text-overflow: ellipsis
  2227. }
  2228.  
  2229. .product-list-in-box>.item {
  2230.    -webkit-box-shadow: none;
  2231.    box-shadow: none;
  2232.    border-radius: 0;
  2233.    border-bottom: 1px solid #f4f4f4
  2234. }
  2235.  
  2236. .product-list-in-box>.item:last-of-type {
  2237.    border-bottom-width: 0
  2238. }
  2239.  
  2240. .table>thead>tr>th,
  2241. .table>tbody>tr>th,
  2242. .table>tfoot>tr>th,
  2243. .table>thead>tr>td,
  2244. .table>tbody>tr>td,
  2245. .table>tfoot>tr>td {
  2246.    border-top: 1px solid #f4f4f4
  2247. }
  2248.  
  2249. .table>thead>tr>th {
  2250.    border-bottom: 2px solid #f4f4f4
  2251. }
  2252.  
  2253. .table tr td .progress {
  2254.    margin-top: 5px
  2255. }
  2256.  
  2257. .table-bordered {
  2258.    border: 1px solid #f4f4f4
  2259. }
  2260.  
  2261. .table-bordered>thead>tr>th,
  2262. .table-bordered>tbody>tr>th,
  2263. .table-bordered>tfoot>tr>th,
  2264. .table-bordered>thead>tr>td,
  2265. .table-bordered>tbody>tr>td,
  2266. .table-bordered>tfoot>tr>td {
  2267.    border: 1px solid #f4f4f4
  2268. }
  2269.  
  2270. .table-bordered>thead>tr>th,
  2271. .table-bordered>thead>tr>td {
  2272.    border-bottom-width: 2px
  2273. }
  2274.  
  2275. .table.no-border,
  2276. .table.no-border td,
  2277. .table.no-border th {
  2278.    border: 0
  2279. }
  2280.  
  2281. table.text-center,
  2282. table.text-center td,
  2283. table.text-center th {
  2284.    text-align: center
  2285. }
  2286.  
  2287. .table.align th {
  2288.    text-align: left
  2289. }
  2290.  
  2291. .table.align td {
  2292.    text-align: right
  2293. }
  2294.  
  2295. .label-default {
  2296.    background-color: #d2d6de;
  2297.    color: #444
  2298. }
  2299.  
  2300. .direct-chat .box-body {
  2301.    border-bottom-right-radius: 0;
  2302.    border-bottom-left-radius: 0;
  2303.    position: relative;
  2304.    overflow-x: hidden;
  2305.    padding: 0
  2306. }
  2307.  
  2308. .direct-chat.chat-pane-open .direct-chat-contacts {
  2309.    -webkit-transform: translate(0, 0);
  2310.    -ms-transform: translate(0, 0);
  2311.    -o-transform: translate(0, 0);
  2312.    transform: translate(0, 0)
  2313. }
  2314.  
  2315. .direct-chat-messages {
  2316.    -webkit-transform: translate(0, 0);
  2317.    -ms-transform: translate(0, 0);
  2318.    -o-transform: translate(0, 0);
  2319.    transform: translate(0, 0);
  2320.    padding: 10px;
  2321.    height: 250px;
  2322.    overflow: auto
  2323. }
  2324.  
  2325. .direct-chat-msg,
  2326. .direct-chat-text {
  2327.    display: block
  2328. }
  2329.  
  2330. .direct-chat-msg {
  2331.    margin-bottom: 10px
  2332. }
  2333.  
  2334. .direct-chat-msg:before,
  2335. .direct-chat-msg:after {
  2336.    content: " ";
  2337.    display: table
  2338. }
  2339.  
  2340. .direct-chat-msg:after {
  2341.    clear: both
  2342. }
  2343.  
  2344. .direct-chat-messages,
  2345. .direct-chat-contacts {
  2346.    -webkit-transition: -webkit-transform .5s ease-in-out;
  2347.    -moz-transition: -moz-transform .5s ease-in-out;
  2348.    -o-transition: -o-transform .5s ease-in-out;
  2349.    transition: transform .5s ease-in-out
  2350. }
  2351.  
  2352. .direct-chat-text {
  2353.    border-radius: 5px;
  2354.    position: relative;
  2355.    padding: 5px 10px;
  2356.    background: #d2d6de;
  2357.    border: 1px solid #d2d6de;
  2358.    margin: 5px 0 0 50px;
  2359.    color: #444
  2360. }
  2361.  
  2362. .direct-chat-text:after,
  2363. .direct-chat-text:before {
  2364.    position: absolute;
  2365.    right: 100%;
  2366.    top: 15px;
  2367.    border: solid transparent;
  2368.    border-right-color: #d2d6de;
  2369.    content: ' ';
  2370.    height: 0;
  2371.    width: 0;
  2372.    pointer-events: none
  2373. }
  2374.  
  2375. .direct-chat-text:after {
  2376.    border-width: 5px;
  2377.    margin-top: -5px
  2378. }
  2379.  
  2380. .direct-chat-text:before {
  2381.    border-width: 6px;
  2382.    margin-top: -6px
  2383. }
  2384.  
  2385. .right .direct-chat-text {
  2386.    margin-right: 50px;
  2387.    margin-left: 0
  2388. }
  2389.  
  2390. .right .direct-chat-text:after,
  2391. .right .direct-chat-text:before {
  2392.    right: auto;
  2393.    left: 100%;
  2394.    border-right-color: transparent;
  2395.    border-left-color: #d2d6de
  2396. }
  2397.  
  2398. .direct-chat-img {
  2399.    border-radius: 50%;
  2400.    float: left;
  2401.    width: 40px;
  2402.    height: 40px
  2403. }
  2404.  
  2405. .right .direct-chat-img {
  2406.    float: right
  2407. }
  2408.  
  2409. .direct-chat-info {
  2410.    display: block;
  2411.    margin-bottom: 2px;
  2412.    font-size: 12px
  2413. }
  2414.  
  2415. .direct-chat-name {
  2416.    font-weight: 600
  2417. }
  2418.  
  2419. .direct-chat-timestamp {
  2420.    color: #999
  2421. }
  2422.  
  2423. .direct-chat-contacts-open .direct-chat-contacts {
  2424.    -webkit-transform: translate(0, 0);
  2425.    -ms-transform: translate(0, 0);
  2426.    -o-transform: translate(0, 0);
  2427.    transform: translate(0, 0)
  2428. }
  2429.  
  2430. .direct-chat-contacts {
  2431.    -webkit-transform: translate(101%, 0);
  2432.    -ms-transform: translate(101%, 0);
  2433.    -o-transform: translate(101%, 0);
  2434.    transform: translate(101%, 0);
  2435.    position: absolute;
  2436.    top: 0;
  2437.    bottom: 0;
  2438.    height: 250px;
  2439.    width: 100%;
  2440.    background: #222d32;
  2441.    color: #fff;
  2442.    overflow: auto
  2443. }
  2444.  
  2445. .contacts-list>li {
  2446.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  2447.    padding: 10px;
  2448.    margin: 0
  2449. }
  2450.  
  2451. .contacts-list>li:before,
  2452. .contacts-list>li:after {
  2453.    content: " ";
  2454.    display: table
  2455. }
  2456.  
  2457. .contacts-list>li:after {
  2458.    clear: both
  2459. }
  2460.  
  2461. .contacts-list>li:last-of-type {
  2462.    border-bottom: none
  2463. }
  2464.  
  2465. .contacts-list-img {
  2466.    border-radius: 50%;
  2467.    width: 40px;
  2468.    float: left
  2469. }
  2470.  
  2471. .contacts-list-info {
  2472.    margin-left: 45px;
  2473.    color: #fff
  2474. }
  2475.  
  2476. .contacts-list-name,
  2477. .contacts-list-status {
  2478.    display: block
  2479. }
  2480.  
  2481. .contacts-list-name {
  2482.    font-weight: 600
  2483. }
  2484.  
  2485. .contacts-list-status {
  2486.    font-size: 12px
  2487. }
  2488.  
  2489. .contacts-list-date {
  2490.    color: #aaa;
  2491.    font-weight: normal
  2492. }
  2493.  
  2494. .contacts-list-msg {
  2495.    color: #999
  2496. }
  2497.  
  2498. .direct-chat-danger .right>.direct-chat-text {
  2499.    background: #dd4b39;
  2500.    border-color: #dd4b39;
  2501.    color: #fff
  2502. }
  2503.  
  2504. .direct-chat-danger .right>.direct-chat-text:after,
  2505. .direct-chat-danger .right>.direct-chat-text:before {
  2506.    border-left-color: #dd4b39
  2507. }
  2508.  
  2509. .direct-chat-primary .right>.direct-chat-text {
  2510.    background: #3c8dbc;
  2511.    border-color: #3c8dbc;
  2512.    color: #fff
  2513. }
  2514.  
  2515. .direct-chat-primary .right>.direct-chat-text:after,
  2516. .direct-chat-primary .right>.direct-chat-text:before {
  2517.    border-left-color: #3c8dbc
  2518. }
  2519.  
  2520. .direct-chat-warning .right>.direct-chat-text {
  2521.    background: #f39c12;
  2522.    border-color: #f39c12;
  2523.    color: #fff
  2524. }
  2525.  
  2526. .direct-chat-warning .right>.direct-chat-text:after,
  2527. .direct-chat-warning .right>.direct-chat-text:before {
  2528.    border-left-color: #f39c12
  2529. }
  2530.  
  2531. .direct-chat-info .right>.direct-chat-text {
  2532.    background: #00c0ef;
  2533.    border-color: #00c0ef;
  2534.    color: #fff
  2535. }
  2536.  
  2537. .direct-chat-info .right>.direct-chat-text:after,
  2538. .direct-chat-info .right>.direct-chat-text:before {
  2539.    border-left-color: #00c0ef
  2540. }
  2541.  
  2542. .direct-chat-success .right>.direct-chat-text {
  2543.    background: #00a65a;
  2544.    border-color: #00a65a;
  2545.    color: #fff
  2546. }
  2547.  
  2548. .direct-chat-success .right>.direct-chat-text:after,
  2549. .direct-chat-success .right>.direct-chat-text:before {
  2550.    border-left-color: #00a65a
  2551. }
  2552.  
  2553. .users-list>li {
  2554.    width: 25%;
  2555.    float: left;
  2556.    padding: 10px;
  2557.    text-align: center
  2558. }
  2559.  
  2560. .users-list>li img {
  2561.    border-radius: 50%;
  2562.    max-width: 100%;
  2563.    height: auto
  2564. }
  2565.  
  2566. .users-list>li>a:hover,
  2567. .users-list>li>a:hover .users-list-name {
  2568.    color: #999
  2569. }
  2570.  
  2571. .users-list-name,
  2572. .users-list-date {
  2573.    display: block
  2574. }
  2575.  
  2576. .users-list-name {
  2577.    font-weight: 600;
  2578.    color: #444;
  2579.    overflow: hidden;
  2580.    white-space: nowrap;
  2581.    text-overflow: ellipsis
  2582. }
  2583.  
  2584. .users-list-date {
  2585.    color: #999;
  2586.    font-size: 12px
  2587. }
  2588.  
  2589. .carousel-control.left,
  2590. .carousel-control.right {
  2591.    background-image: none
  2592. }
  2593.  
  2594. .carousel-control>.fa {
  2595.    font-size: 40px;
  2596.    position: absolute;
  2597.    top: 50%;
  2598.    z-index: 5;
  2599.    display: inline-block;
  2600.    margin-top: -20px
  2601. }
  2602.  
  2603. .modal {
  2604.    background: rgba(0, 0, 0, 0.3)
  2605. }
  2606.  
  2607. .modal-content {
  2608.    border-radius: 0;
  2609.    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2610.    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2611.    border: 0
  2612. }
  2613.  
  2614. @media (min-width:768px) {
  2615.    .modal-content {
  2616.        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2617.        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
  2618.    }
  2619. }
  2620.  
  2621. .modal-header {
  2622.    border-bottom-color: #f4f4f4
  2623. }
  2624.  
  2625. .modal-footer {
  2626.    border-top-color: #f4f4f4
  2627. }
  2628.  
  2629. .modal-primary .modal-header,
  2630. .modal-primary .modal-footer {
  2631.    border-color: #307095
  2632. }
  2633.  
  2634. .modal-warning .modal-header,
  2635. .modal-warning .modal-footer {
  2636.    border-color: #c87f0a
  2637. }
  2638.  
  2639. .modal-info .modal-header,
  2640. .modal-info .modal-footer {
  2641.    border-color: #0097bc
  2642. }
  2643.  
  2644. .modal-success .modal-header,
  2645. .modal-success .modal-footer {
  2646.    border-color: #00733e
  2647. }
  2648.  
  2649. .modal-danger .modal-header,
  2650. .modal-danger .modal-footer {
  2651.    border-color: #c23321
  2652. }
  2653.  
  2654. .box-widget {
  2655.    border: none;
  2656.    position: relative
  2657. }
  2658.  
  2659. .widget-user .widget-user-header {
  2660.    padding: 20px;
  2661.    height: 120px;
  2662.    border-top-right-radius: 3px;
  2663.    border-top-left-radius: 3px
  2664. }
  2665.  
  2666. .widget-user .widget-user-username {
  2667.    margin-top: 0;
  2668.    margin-bottom: 5px;
  2669.    font-size: 25px;
  2670.    font-weight: 300;
  2671.    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
  2672. }
  2673.  
  2674. .widget-user .widget-user-desc {
  2675.    margin-top: 0
  2676. }
  2677.  
  2678. .widget-user .widget-user-image {
  2679.    position: absolute;
  2680.    top: 65px;
  2681.    left: 50%;
  2682.    margin-left: -45px
  2683. }
  2684.  
  2685. .widget-user .widget-user-image>img {
  2686.    width: 90px;
  2687.    height: auto;
  2688.    border: 3px solid #fff
  2689. }
  2690.  
  2691. .widget-user .box-footer {
  2692.    padding-top: 30px
  2693. }
  2694.  
  2695. .widget-user-2 .widget-user-header {
  2696.    padding: 20px;
  2697.    border-top-right-radius: 3px;
  2698.    border-top-left-radius: 3px
  2699. }
  2700.  
  2701. .widget-user-2 .widget-user-username {
  2702.    margin-top: 5px;
  2703.    margin-bottom: 5px;
  2704.    font-size: 25px;
  2705.    font-weight: 300
  2706. }
  2707.  
  2708. .widget-user-2 .widget-user-desc {
  2709.    margin-top: 0
  2710. }
  2711.  
  2712. .widget-user-2 .widget-user-username,
  2713. .widget-user-2 .widget-user-desc {
  2714.    margin-left: 75px
  2715. }
  2716.  
  2717. .widget-user-2 .widget-user-image>img {
  2718.    width: 65px;
  2719.    height: auto;
  2720.    float: left
  2721. }
  2722.  
  2723. .mailbox-messages>.table {
  2724.    margin: 0
  2725. }
  2726.  
  2727. .mailbox-controls {
  2728.    padding: 5px
  2729. }
  2730.  
  2731. .mailbox-controls.with-border {
  2732.    border-bottom: 1px solid #f4f4f4
  2733. }
  2734.  
  2735. .mailbox-read-info {
  2736.    border-bottom: 1px solid #f4f4f4;
  2737.    padding: 10px
  2738. }
  2739.  
  2740. .mailbox-read-info h3 {
  2741.    font-size: 20px;
  2742.    margin: 0
  2743. }
  2744.  
  2745. .mailbox-read-info h5 {
  2746.    margin: 0;
  2747.    padding: 5px 0 0 0
  2748. }
  2749.  
  2750. .mailbox-read-time {
  2751.    color: #999;
  2752.    font-size: 13px
  2753. }
  2754.  
  2755. .mailbox-read-message {
  2756.    padding: 10px
  2757. }
  2758.  
  2759. .mailbox-attachments li {
  2760.    float: left;
  2761.    width: 200px;
  2762.    border: 1px solid #eee;
  2763.    margin-bottom: 10px;
  2764.    margin-right: 10px
  2765. }
  2766.  
  2767. .mailbox-attachment-name {
  2768.    font-weight: bold;
  2769.    color: #666
  2770. }
  2771.  
  2772. .mailbox-attachment-icon,
  2773. .mailbox-attachment-info,
  2774. .mailbox-attachment-size {
  2775.    display: block
  2776. }
  2777.  
  2778. .mailbox-attachment-info {
  2779.    padding: 10px;
  2780.    background: #f4f4f4
  2781. }
  2782.  
  2783. .mailbox-attachment-size {
  2784.    color: #999;
  2785.    font-size: 12px
  2786. }
  2787.  
  2788. .mailbox-attachment-icon {
  2789.    text-align: center;
  2790.    font-size: 65px;
  2791.    color: #666;
  2792.    padding: 20px 10px
  2793. }
  2794.  
  2795. .mailbox-attachment-icon.has-img {
  2796.    padding: 0
  2797. }
  2798.  
  2799. .mailbox-attachment-icon.has-img>img {
  2800.    max-width: 100%;
  2801.    height: auto
  2802. }
  2803.  
  2804. .lockscreen {
  2805.    background: #d2d6de
  2806. }
  2807.  
  2808. .lockscreen-logo {
  2809.    font-size: 35px;
  2810.    text-align: center;
  2811.    margin-bottom: 25px;
  2812.    font-weight: 300
  2813. }
  2814.  
  2815. .lockscreen-logo a {
  2816.    color: #444
  2817. }
  2818.  
  2819. .lockscreen-wrapper {
  2820.    max-width: 400px;
  2821.    margin: 0 auto;
  2822.    margin-top: 10%
  2823. }
  2824.  
  2825. .lockscreen .lockscreen-name {
  2826.    text-align: center;
  2827.    font-weight: 600
  2828. }
  2829.  
  2830. .lockscreen-item {
  2831.    border-radius: 4px;
  2832.    padding: 0;
  2833.    background: #fff;
  2834.    position: relative;
  2835.    margin: 10px auto 30px auto;
  2836.    width: 290px
  2837. }
  2838.  
  2839. .lockscreen-image {
  2840.    border-radius: 50%;
  2841.    position: absolute;
  2842.    left: -10px;
  2843.    top: -25px;
  2844.    background: #fff;
  2845.    padding: 5px;
  2846.    z-index: 10
  2847. }
  2848.  
  2849. .lockscreen-image>img {
  2850.    border-radius: 50%;
  2851.    width: 70px;
  2852.    height: 70px
  2853. }
  2854.  
  2855. .lockscreen-credentials {
  2856.    margin-left: 70px
  2857. }
  2858.  
  2859. .lockscreen-credentials .form-control {
  2860.    border: 0
  2861. }
  2862.  
  2863. .lockscreen-credentials .btn {
  2864.    background-color: #fff;
  2865.    border: 0;
  2866.    padding: 0 10px
  2867. }
  2868.  
  2869. .lockscreen-footer {
  2870.    margin-top: 10px
  2871. }
  2872.  
  2873. .login-logo,
  2874. .register-logo {
  2875.    font-size: 35px;
  2876.    text-align: center;
  2877.    margin-bottom: 25px;
  2878.    font-weight: 300
  2879. }
  2880.  
  2881. .login-logo a,
  2882. .register-logo a {
  2883.    color: #444
  2884. }
  2885.  
  2886. .login-page,
  2887. .register-page {
  2888.    background: #d2d6de
  2889. }
  2890.  
  2891. .login-box,
  2892. .register-box {
  2893.    width: 360px;
  2894.    margin: 7% auto
  2895. }
  2896.  
  2897. @media (max-width:768px) {
  2898.    .login-box,
  2899.    .register-box {
  2900.        width: 90%;
  2901.        margin-top: 20px
  2902.    }
  2903. }
  2904.  
  2905. .login-box-body,
  2906. .register-box-body {
  2907.    background: #fff;
  2908.    padding: 20px;
  2909.    border-top: 0;
  2910.    color: #666
  2911. }
  2912.  
  2913. .login-box-body .form-control-feedback,
  2914. .register-box-body .form-control-feedback {
  2915.    color: #777
  2916. }
  2917.  
  2918. .login-box-msg,
  2919. .register-box-msg {
  2920.    margin: 0;
  2921.    text-align: center;
  2922.    padding: 0 20px 20px 20px
  2923. }
  2924.  
  2925. .social-auth-links {
  2926.    margin: 10px 0
  2927. }
  2928.  
  2929. .error-page {
  2930.    width: 600px;
  2931.    margin: 20px auto 0 auto
  2932. }
  2933.  
  2934. @media (max-width:991px) {
  2935.    .error-page {
  2936.        width: 100%
  2937.    }
  2938. }
  2939.  
  2940. .error-page>.headline {
  2941.    float: left;
  2942.    font-size: 100px;
  2943.    font-weight: 300
  2944. }
  2945.  
  2946. @media (max-width:991px) {
  2947.    .error-page>.headline {
  2948.        float: none;
  2949.        text-align: center
  2950.    }
  2951. }
  2952.  
  2953. .error-page>.error-content {
  2954.    margin-left: 190px;
  2955.    display: block
  2956. }
  2957.  
  2958. @media (max-width:991px) {
  2959.    .error-page>.error-content {
  2960.        margin-left: 0
  2961.    }
  2962. }
  2963.  
  2964. .error-page>.error-content>h3 {
  2965.    font-weight: 300;
  2966.    font-size: 25px
  2967. }
  2968.  
  2969. @media (max-width:991px) {
  2970.    .error-page>.error-content>h3 {
  2971.        text-align: center
  2972.    }
  2973. }
  2974.  
  2975. .invoice {
  2976.    position: relative;
  2977.    background: #fff;
  2978.    border: 1px solid #f4f4f4;
  2979.    padding: 20px;
  2980.    margin: 10px 25px
  2981. }
  2982.  
  2983. .invoice-title {
  2984.    margin-top: 0
  2985. }
  2986.  
  2987. .profile-user-img {
  2988.    margin: 0 auto;
  2989.    width: 100px;
  2990.    padding: 3px;
  2991.    border: 3px solid #d2d6de
  2992. }
  2993.  
  2994. .profile-username {
  2995.    font-size: 21px;
  2996.    margin-top: 5px
  2997. }
  2998.  
  2999. .post {
  3000.    border-bottom: 1px solid #d2d6de;
  3001.    margin-bottom: 15px;
  3002.    padding-bottom: 15px;
  3003.    color: #666
  3004. }
  3005.  
  3006. .post:last-of-type {
  3007.    border-bottom: 0;
  3008.    margin-bottom: 0;
  3009.    padding-bottom: 0
  3010. }
  3011.  
  3012. .post .user-block {
  3013.    margin-bottom: 15px
  3014. }
  3015.  
  3016. .bg-gray {
  3017.    color: #000;
  3018.    background-color: #d2d6de !important
  3019. }
  3020.  
  3021. .bg-gray-light {
  3022.    background-color: #f7f7f7
  3023. }
  3024.  
  3025. .bg-black {
  3026.    background-color: #111 !important
  3027. }
  3028.  
  3029. .bg-red,
  3030. .callout.callout-danger,
  3031. .alert-danger,
  3032. .alert-error,
  3033. .label-danger,
  3034. .modal-danger .modal-body {
  3035.    background-color: #dd4b39 !important
  3036. }
  3037.  
  3038. .bg-yellow,
  3039. .callout.callout-warning,
  3040. .alert-warning,
  3041. .label-warning,
  3042. .modal-warning .modal-body {
  3043.    background-color: #f39c12 !important
  3044. }
  3045.  
  3046. .bg-aqua,
  3047. .callout.callout-info,
  3048. .alert-info,
  3049. .label-info,
  3050. .modal-info .modal-body {
  3051.    background-color: #00c0ef !important
  3052. }
  3053.  
  3054. .bg-blue {
  3055.    background-color: #0073b7 !important
  3056. }
  3057.  
  3058. .bg-light-blue,
  3059. .label-primary,
  3060. .modal-primary .modal-body {
  3061.    background-color: #3c8dbc !important
  3062. }
  3063.  
  3064. .bg-green,
  3065. .callout.callout-success,
  3066. .alert-success,
  3067. .label-success,
  3068. .modal-success .modal-body {
  3069.    background-color: #00a65a !important
  3070. }
  3071.  
  3072. .bg-navy {
  3073.    background-color: #001f3f !important
  3074. }
  3075.  
  3076. .bg-teal {
  3077.    background-color: #39cccc !important
  3078. }
  3079.  
  3080. .bg-olive {
  3081.    background-color: #3d9970 !important
  3082. }
  3083.  
  3084. .bg-lime {
  3085.    background-color: #01ff70 !important
  3086. }
  3087.  
  3088. .bg-orange {
  3089.    background-color: #ff851b !important
  3090. }
  3091.  
  3092. .bg-fuchsia {
  3093.    background-color: #f012be !important
  3094. }
  3095.  
  3096. .bg-purple {
  3097.    background-color: #605ca8 !important
  3098. }
  3099.  
  3100. .bg-maroon {
  3101.    background-color: #d81b60 !important
  3102. }
  3103.  
  3104. .bg-gray-active {
  3105.    color: #000;
  3106.    background-color: #b5bbc8 !important
  3107. }
  3108.  
  3109. .bg-black-active {
  3110.    background-color: #000 !important
  3111. }
  3112.  
  3113. .bg-red-active,
  3114. .modal-danger .modal-header,
  3115. .modal-danger .modal-footer {
  3116.    background-color: #d33724 !important
  3117. }
  3118.  
  3119. .bg-yellow-active,
  3120. .modal-warning .modal-header,
  3121. .modal-warning .modal-footer {
  3122.    background-color: #db8b0b !important
  3123. }
  3124.  
  3125. .bg-aqua-active,
  3126. .modal-info .modal-header,
  3127. .modal-info .modal-footer {
  3128.    background-color: #00a7d0 !important
  3129. }
  3130.  
  3131. .bg-blue-active {
  3132.    background-color: #005384 !important
  3133. }
  3134.  
  3135. .bg-light-blue-active,
  3136. .modal-primary .modal-header,
  3137. .modal-primary .modal-footer {
  3138.    background-color: #357ca5 !important
  3139. }
  3140.  
  3141. .bg-green-active,
  3142. .modal-success .modal-header,
  3143. .modal-success .modal-footer {
  3144.    background-color: #008d4c !important
  3145. }
  3146.  
  3147. .bg-navy-active {
  3148.    background-color: #001a35 !important
  3149. }
  3150.  
  3151. .bg-teal-active {
  3152.    background-color: #30bbbb !important
  3153. }
  3154.  
  3155. .bg-olive-active {
  3156.    background-color: #368763 !important
  3157. }
  3158.  
  3159. .bg-lime-active {
  3160.    background-color: #00e765 !important
  3161. }
  3162.  
  3163. .bg-orange-active {
  3164.    background-color: #ff7701 !important
  3165. }
  3166.  
  3167. .bg-fuchsia-active {
  3168.    background-color: #db0ead !important
  3169. }
  3170.  
  3171. .bg-purple-active {
  3172.    background-color: #555299 !important
  3173. }
  3174.  
  3175. .bg-maroon-active {
  3176.    background-color: #ca195a !important
  3177. }
  3178.  
  3179. [class^="bg-"].disabled {
  3180.    opacity: .65;
  3181.    filter: alpha(opacity=65)
  3182. }
  3183.  
  3184. .text-red {
  3185.    color: #dd4b39 !important
  3186. }
  3187.  
  3188. .text-yellow {
  3189.    color: #f39c12 !important
  3190. }
  3191.  
  3192. .text-aqua {
  3193.    color: #00c0ef !important
  3194. }
  3195.  
  3196. .text-blue {
  3197.    color: #0073b7 !important
  3198. }
  3199.  
  3200. .text-black {
  3201.    color: #111 !important
  3202. }
  3203.  
  3204. .text-light-blue {
  3205.    color: #3c8dbc !important
  3206. }
  3207.  
  3208. .text-green {
  3209.    color: #00a65a !important
  3210. }
  3211.  
  3212. .text-gray {
  3213.    color: #d2d6de !important
  3214. }
  3215.  
  3216. .text-navy {
  3217.    color: #001f3f !important
  3218. }
  3219.  
  3220. .text-teal {
  3221.    color: #39cccc !important
  3222. }
  3223.  
  3224. .text-olive {
  3225.    color: #3d9970 !important
  3226. }
  3227.  
  3228. .text-lime {
  3229.    color: #01ff70 !important
  3230. }
  3231.  
  3232. .text-orange {
  3233.    color: #ff851b !important
  3234. }
  3235.  
  3236. .text-fuchsia {
  3237.    color: #f012be !important
  3238. }
  3239.  
  3240. .text-purple {
  3241.    color: #605ca8 !important
  3242. }
  3243.  
  3244. .text-maroon {
  3245.    color: #d81b60 !important
  3246. }
  3247.  
  3248. .link-muted {
  3249.    color: #7a869d
  3250. }
  3251.  
  3252. .link-muted:hover,
  3253. .link-muted:focus {
  3254.    color: #606c84
  3255. }
  3256.  
  3257. .link-black {
  3258.    color: #666
  3259. }
  3260.  
  3261. .link-black:hover,
  3262. .link-black:focus {
  3263.    color: #999
  3264. }
  3265.  
  3266. .list-header {
  3267.    font-size: 15px;
  3268.    padding: 10px 4px;
  3269.    font-weight: bold;
  3270.    color: #666
  3271. }
  3272.  
  3273. .list-seperator {
  3274.    height: 1px;
  3275.    background: #f4f4f4;
  3276.    margin: 15px 0 9px 0
  3277. }
  3278.  
  3279. .list-link>a {
  3280.    padding: 4px;
  3281.    color: #777
  3282. }
  3283.  
  3284. .list-link>a:hover {
  3285.    color: #222
  3286. }
  3287.  
  3288.  
  3289. .user-block:before,
  3290. .user-block:after {
  3291.    content: " ";
  3292.    display: table
  3293. }
  3294.  
  3295. .user-block:after {
  3296.    clear: both
  3297. }
  3298.  
  3299. .user-block img {
  3300.    width: 40px;
  3301.    height: 40px;
  3302.    float: left
  3303. }
  3304.  
  3305. .user-block .username,
  3306. .user-block .description,
  3307. .user-block .comment {
  3308.    display: block;
  3309.    margin-left: 50px
  3310. }
  3311.  
  3312. .user-block .username {
  3313.    font-size: 16px;
  3314.    font-weight: 600
  3315. }
  3316.  
  3317. .user-block .description {
  3318.    color: #999;
  3319.    font-size: 13px
  3320. }
  3321.  
  3322. .user-block.user-block-sm .username,
  3323. .user-block.user-block-sm .description,
  3324. .user-block.user-block-sm .comment {
  3325.    margin-left: 40px
  3326. }
  3327.  
  3328. .user-block.user-block-sm .username {
  3329.    font-size: 14px
  3330. }
  3331.  
  3332. .img-sm,
  3333. .img-md,
  3334. .img-lg,
  3335. .box-comments .box-comment img,
  3336. .user-block.user-block-sm img {
  3337.    float: left
  3338. }
  3339.  
  3340. .img-sm,
  3341. .box-comments .box-comment img,
  3342. .user-block.user-block-sm img {
  3343.    width: 30px !important;
  3344.    height: 30px !important
  3345. }
  3346.  
  3347. .img-sm+.img-push {
  3348.    margin-left: 40px
  3349. }
  3350.  
  3351. .img-md {
  3352.    width: 60px;
  3353.    height: 60px
  3354. }
  3355.  
  3356. .img-md+.img-push {
  3357.    margin-left: 70px
  3358. }
  3359.  
  3360. .img-lg {
  3361.    width: 100px;
  3362.    height: 100px
  3363. }
  3364.  
  3365. .img-lg+.img-push {
  3366.    margin-left: 110px
  3367. }
  3368.  
  3369. .img-bordered {
  3370.    border: 3px solid #d2d6de;
  3371.    padding: 3px
  3372. }
  3373.  
  3374. .img-bordered-sm {
  3375.    border: 2px solid #d2d6de;
  3376.    padding: 2px
  3377. }
  3378.  
  3379. .attachment-block {
  3380.    border: 1px solid #f4f4f4;
  3381.    padding: 5px;
  3382.    margin-bottom: 10px;
  3383.    background: #f7f7f7
  3384. }
  3385.  
  3386. .attachment-block .attachment-img {
  3387.    max-width: 100px;
  3388.    max-height: 100px;
  3389.    height: auto;
  3390.    float: left
  3391. }
  3392.  
  3393. .attachment-block .attachment-pushed {
  3394.    margin-left: 110px
  3395. }
  3396.  
  3397. .attachment-block .attachment-heading {
  3398.    margin: 0
  3399. }
  3400.  
  3401. .attachment-block .attachment-text {
  3402.    color: #555
  3403. }
  3404.  
  3405. .connectedSortable {
  3406.    min-height: 100px
  3407. }
  3408.  
  3409. .ui-helper-hidden-accessible {
  3410.    border: 0;
  3411.    clip: rect(0 0 0 0);
  3412.    height: 1px;
  3413.    margin: -1px;
  3414.    overflow: hidden;
  3415.    padding: 0;
  3416.    position: absolute;
  3417.    width: 1px
  3418. }
  3419.  
  3420. .sort-highlight {
  3421.    background: #f4f4f4;
  3422.    border: 1px dashed #ddd;
  3423.    margin-bottom: 10px
  3424. }
  3425.  
  3426. .full-opacity-hover {
  3427.    opacity: .65;
  3428.    filter: alpha(opacity=65)
  3429. }
  3430.  
  3431. .full-opacity-hover:hover {
  3432.    opacity: 1;
  3433.    filter: alpha(opacity=100)
  3434. }
  3435.  
  3436. .chart {
  3437.    position: relative;
  3438.    overflow: hidden;
  3439.    width: 100%
  3440. }
  3441.  
  3442. .chart svg,
  3443. .chart canvas {
  3444.    width: 100% !important
  3445. }
  3446.  
  3447. @media print {
  3448.    .no-print,
  3449.    .main-sidebar,
  3450.    .left-side,
  3451.    .main-header,
  3452.    .content-header {
  3453.        display: none !important
  3454.    }
  3455.    .content-wrapper,
  3456.    .right-side,
  3457.    .main-footer {
  3458.        margin-left: 0 !important;
  3459.        min-height: 0 !important;
  3460.        -webkit-transform: translate(0, 0) !important;
  3461.        -ms-transform: translate(0, 0) !important;
  3462.        -o-transform: translate(0, 0) !important;
  3463.        transform: translate(0, 0) !important
  3464.    }
  3465.    .fixed .content-wrapper,
  3466.    .fixed .right-side {
  3467.        padding-top: 0 !important
  3468.    }
  3469.    .invoice {
  3470.        width: 100%;
  3471.        border: 0;
  3472.        margin: 0;
  3473.        padding: 0
  3474.    }
  3475.    .invoice-col {
  3476.        float: left;
  3477.        width: 33.3333333%
  3478.    }
  3479.    .table-responsive {
  3480.        overflow: auto
  3481.    }
  3482.    .table-responsive>.table tr th,
  3483.    .table-responsive>.table tr td {
  3484.        white-space: normal !important
  3485.    }
  3486. }            :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;} }
  3487. .single-tech > .post-item {
  3488.    max-height: 550px;
  3489.    overflow: hidden;
  3490. }
  3491. @media (min-width:1024px) and (max-width:1300px){
  3492.    .latest-1 .latest-grid-1 {
  3493.        grid-template-columns: repeat(3, 1fr);
  3494.    }
  3495. }
  3496.  
  3497. /* Fix the container to prevent affecting other sections */
  3498. .container {
  3499.    max-width: 1200px; /* Ensure consistent width */
  3500.    margin: 0 auto; /* Center align */
  3501.    padding: 0 15px; /* Add padding for inner spacing */
  3502.    overflow: visible; /* Allow overflow for inner elements */
  3503. }
  3504. /* Styling for Ad Blocks */
  3505. .ad-block {
  3506.    text-align: center;
  3507.    margin: 20px 0; /* Add spacing above and below ads */
  3508.    min-height: 250px; /* Reserve space for ads to avoid layout shifting */
  3509.    padding: 10px;
  3510.    background-color: #f9f9f9; /* Optional: light background to differentiate ads */
  3511.    border: 1px solid #ddd; /* Optional: subtle border for separation */
  3512.    border-radius: 8px; /* Rounded corners for a modern look */
  3513.    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Subtle shadow for emphasis */
  3514.    position: relative;
  3515.    transition: all 0.3s ease; /* Smooth transition for visibility changes */
  3516. }
  3517.  
  3518. /* Responsive Styling for Ads */
  3519. @media (max-width: 768px) {
  3520.    .ad-block {
  3521.        min-height: 150px; /* Adjust height for smaller screens */
  3522.    }
  3523. }
  3524.  
  3525. /* Hide Empty Ad Blocks */
  3526. .ad-block:empty {
  3527.    display: none; /* Hide block if no content */
  3528.    aria-hidden: true; /* Accessibility improvement */
  3529. }
  3530.  
  3531. /* Fallback Message for Empty Ads */
  3532. .ad-block:empty::after {
  3533.    content: "Ad not available";
  3534.    font-size: 14px;
  3535.    color: #888;
  3536.    display: block;
  3537.    text-align: center;
  3538. }
  3539.  
  3540. /* Loading Spinner for Ad Blocks */
  3541. .ad-block.loading::after {
  3542.    content: "";
  3543.    display: block;
  3544.    width: 30px;
  3545.    height: 30px;
  3546.    border: 4px solid #ddd;
  3547.    border-top-color: #3498db;
  3548.    border-radius: 50%;
  3549.    animation: spin 1s linear infinite;
  3550.    margin: 0 auto;
  3551. }
  3552.  
  3553. @keyframes spin {
  3554.    from {
  3555.        transform: rotate(0deg);
  3556.    }
  3557.    to {
  3558.        transform: rotate(360deg);
  3559.    }
  3560. }
  3561.  
  3562.  
  3563.  
  3564. /* Main Grid Layout for Related Posts */
  3565. .related-posts-grid {
  3566.    display: grid;
  3567.    grid-template-columns: repeat(3, 1fr); /* Ensure 3 columns per row */
  3568.    gap: 5px; /* Reduced gap for tighter spacing between posts */
  3569.    justify-content: center; /* Center the grid */
  3570.    margin-top: 20px; /* Consistent margin with blog content */
  3571. }
  3572.  
  3573. /* Ensure mobile responsiveness */
  3574. @media (max-width: 768px) {
  3575.    .related-posts-grid {
  3576.        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Adjust for smaller screen */
  3577.        gap: 2px; /* Further reduce gap on smaller screens */
  3578.    }
  3579.  
  3580.    .related-post-item {
  3581.        margin: 3px; /* Reduce margin for mobile screens */
  3582.    }
  3583. }
  3584.  
  3585. /* Styling for each post item */
  3586. .related-post-item {
  3587.    border: 1px solid #ddd;
  3588.    border-radius: 8px; /* Slightly larger border radius */
  3589.    overflow: hidden;
  3590.    background: #fff;
  3591.    padding: 8px; /* Reduced padding for more compact posts */
  3592.    margin: 0px; /* Reduce margin to decrease space between posts */
  3593.    transition: transform 0.2s ease-in-out;
  3594.    text-align: center;
  3595. }
  3596.  
  3597. /* Adjust the hover effect for mobile */
  3598. @media (max-width: 768px) {
  3599.    .related-post-item:hover {
  3600.        transform: none; /* Remove hover effect on mobile */
  3601.        box-shadow: none; /* Remove box shadow */
  3602.    }
  3603. }
  3604.  
  3605. /* Hover Effect for Post Item */
  3606. .related-post-item:hover {
  3607.    transform: translateY(-5px); /* Slight lift on hover */
  3608.    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
  3609. }
  3610.  
  3611. .related-posts-section {
  3612.    padding-top: 10px; /* Ensure spacing above the related posts */
  3613.    padding-bottom: 10px; /* Ensure spacing below */
  3614.    background-color: #fff; /* Consistent background with the blog section */
  3615. }
  3616.  
  3617. .related-post-title {
  3618.    font-size: 18px; /* Slightly smaller title for better alignment */
  3619.    font-weight: 700;
  3620.    margin-bottom: 10px; /* Ensure title spacing */
  3621.    color: #333;
  3622.    text-align: center;
  3623.    text-transform: capitalize; /* Capitalize title for consistency */
  3624. }
  3625.  
  3626. .related-post-date {
  3627.    font-size: 14px; /* Adjust date size */
  3628.    color: #777;
  3629.    margin-top: 5px;
  3630. }
  3631.  
  3632. /* Image styles for related posts */
  3633. .related-post-thumbnail {
  3634.    width: 100%; /* Ensures the image takes the full width */
  3635.    height: 180px; /* Fixed height for consistency */
  3636.    object-fit: cover; /* Ensures image fits within the box without distortion */
  3637.    border-radius: 10px; /* Consistent border radius */
  3638.    margin-bottom: 10px;
  3639. }
  3640.  
  3641. /* No Posts Message Styling */
  3642. .no-posts-message {
  3643.    text-align: center;
  3644.    font-size: 16px;
  3645.    color: #777;
  3646.    margin: 20px 0;
  3647. }
  3648.  
  3649.            /* Content from footer.css */
  3650.            .main-footer {
  3651.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  3652.    background-repeat: no-repeat;
  3653.    background-position: bottom center;
  3654.    background-size: contain;
  3655.    background-color: rgba(23, 49, 80, 1);
  3656. }
  3657.  
  3658. .main-footer a {
  3659.    color: #fff;
  3660. }
  3661.  
  3662. .main-footer a:hover {
  3663.    color: var(--primary);
  3664. }
  3665.  
  3666. .main-footer .footer-grid .col {
  3667.    display: flex;
  3668.    flex-direction: column;
  3669.    justify-content: flex-start;
  3670.    align-items: stretch;
  3671. }
  3672.  
  3673. .main-footer .footer-title {
  3674.    font-size: 26px;
  3675.    text-decoration: underline;
  3676.    text-transform: uppercase;
  3677.    letter-spacing: 0.5px;
  3678. }
  3679.  
  3680. .main-footer .contact svg {
  3681.    background: #000;
  3682.    color: #fff;
  3683.    padding: 10px;
  3684.    width: 40px;
  3685.    text-align: center;
  3686.    border-radius: 10px;
  3687.    font-size: 18px;
  3688.    margin-right: 10px;
  3689. }
  3690.  
  3691. .main-footer .contact a:hover svg {
  3692.    background: var(--primary);
  3693.    fill: #fff;
  3694. }
  3695.  
  3696. .main-footer .social-links {}
  3697.  
  3698. .main-footer .social-links .facebook {
  3699.    background-color: #1877f2;
  3700. }
  3701.  
  3702. .main-footer .social-links .twitter {
  3703.    background-color: #000000;
  3704. }
  3705.  
  3706. .main-footer .social-links .instagram {
  3707.    background-color: #c32aa3;
  3708. }
  3709.  
  3710. .main-footer .social-links .linkedin {
  3711.    background-color: #0a66c2;
  3712. }
  3713.  
  3714. .main-footer .social-links a {
  3715.    display: inline-block;
  3716.    text-align: center;
  3717.    background-color: #000;
  3718.    border-radius: 10px;
  3719.    padding: 10px;
  3720.    color: #fff;
  3721.    font-size: 12px;
  3722.    margin: 0 5px;
  3723. }
  3724.  
  3725. .main-footer .social-links a:hover {
  3726.    background: #838383;
  3727.    color: #fff;
  3728. }
  3729.  
  3730. .main-footer .social-links svg {
  3731.    width: 20px;
  3732.    height: 20px;
  3733. }
  3734.  
  3735. .main-footer ul.footer-menu {
  3736.    list-style: none;
  3737.    display: inline-block;
  3738.    margin: 0;
  3739. }
  3740.  
  3741. .main-footer ul.footer-menu li {
  3742.    float: left;
  3743.    margin: 0 10px 10px;
  3744. }
  3745.  
  3746. .copyright,
  3747. .copyright a {
  3748.    color: #9b9b9b;
  3749. }
  3750.  
  3751. copyright {
  3752.    font-size: 15px;
  3753. }
  3754.  
  3755. copyright strong {
  3756.    font-weight: 500;
  3757. }
  3758.            
  3759.        </style>
  3760.        
  3761.        
  3762. <!-- Google tag (gtag.js) -->
  3763. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LTET9EFL41"></script>
  3764. <script>
  3765.  window.dataLayer = window.dataLayer || [];
  3766.  function gtag(){dataLayer.push(arguments);}
  3767.  gtag('js', new Date());
  3768.  
  3769.  gtag('config', 'G-LTET9EFL41');
  3770. </script>
  3771.  
  3772.        <!-- Google Adsense Code -->
  3773.        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163"
  3774.        crossorigin="anonymous"></script>
  3775.        <script>
  3776.  
  3777. </script>
  3778.  
  3779.    </head>
  3780.    <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
  3781.    <body class="">
  3782.        <div class="page-wrapper" id="#page">
  3783.            <header class="main-header pt25 pb30">
  3784.                <div class="container">
  3785.                     <!-- Dynamic Breadcrumb -->
  3786.                                        <nav class="breadcrumb">
  3787.                                                                                    <a href="https://click4r.com/">Home</a>
  3788.                                 >                                                                                                                 <a href="https://click4r.com/posts/c/2/business">Business</a>
  3789.                                 >                                                                                                                 <a href="https://click4r.com/posts/g/14574335/montreenbois">montreenbois</a>
  3790.                                                                                                        </nav>
  3791.                                        <!-- End Dynamic Breadcrumb -->
  3792.                    <div class="navbar-custom-menu user-menu align-right grid columns-2">
  3793.                          <div class="Gtranslate">
  3794.                           <div id="google_translate_element"></div>
  3795.                           </div>
  3796.                            
  3797.                                                            <ul class="nav navbar-nav inline-list user-nav mb5">
  3798.                                    <li><a title="Sign In" href="https://click4r.com/user/login">Sign In</a></li>
  3799.                                    <li><a title="Register" href="https://click4r.com/user/register">Register</a></li>
  3800.                                </ul>
  3801.                            
  3802.                        </div>
  3803.                <nav class="main-nav nav bg-white">
  3804.                        <div class="header-logo">
  3805.                            <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>
  3806.                            <span type="button" class="navicon dt-hide tb-block" data-toggle="collapse" data-target="#navbar-collapse">
  3807.                                <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>
  3808.                            </span>
  3809.                        </div>
  3810.                        <div class="navbar-form header-form dt-hide tb-block" role="search">
  3811.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3812.                            </div>
  3813.                        
  3814.                        <!-- Collect the nav links, forms, and other content for toggling -->
  3815.                        <div class="navbar collapse navbar-collapse pull-left" id="navbar-collapse">
  3816.                            <ul class="nav navbar-nav">
  3817.                                <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">
  3818.                          <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">
  3819.                           <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>            
  3820.                          </ul>                            </ul>
  3821.                            <div class="navbar-form header-form mb-hide tb-hide" role="search">
  3822.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3823.                            </div>
  3824.                        </div>
  3825.                        <!-- /.navbar-collapse -->
  3826.                </nav>
  3827.                </div>
  3828.            </header><main id="main" class="single-main pt30">
  3829.    <section class="single-content-section pb50 mb-pt0">
  3830.        <div class="container">
  3831.            <div class="single-post-content">
  3832.                <!-- Post Meta Section -->
  3833.                <div class="single-post-meta grid v-align-center columns-5-7 fs-14 mb20 grid-gap-10">
  3834.                    <div class="author align-left capitalize">
  3835.                        <a href="https://click4r.com/posts/u/6167459/Author-montre"
  3836.                           title="View posts by montre">
  3837.                            <img src="https://click4r.com/images/profile/default.png"
  3838.                                 class="user-profile-img circle"
  3839.                                 alt="montre" width="20" height="30">
  3840.                            montre                        </a>
  3841.                    </div>
  3842.                    <div class="post-date align-right">
  3843.                        <i class="fa fa-calendar mr5"></i>February 6, 2024                    </div>
  3844.                </div>
  3845.  
  3846.                <!-- Post Title -->
  3847.                <h1 class="single-post-title capitalize">montreenbois</h1>
  3848.  
  3849.                <!-- Ad Block (Above Content) -->
  3850.                <div class="ad-block mb20">
  3851.                    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163" crossorigin="anonymous"></script>
  3852.                    <ins class="adsbygoogle"
  3853.                         style="display:block; text-align:center;"
  3854.                         data-ad-client="ca-pub-4199043345186163"
  3855.                         data-ad-slot="8758106589"
  3856.                         data-ad-format="auto"
  3857.                         data-full-width-responsive="true"></ins>
  3858.                    <script>
  3859.                        (adsbygoogle = window.adsbygoogle || []).push({});
  3860.                    </script>
  3861.                    <script>
  3862.        document.addEventListener('DOMContentLoaded', function () {
  3863.            var adBlock = document.querySelector('.ad-block ins');
  3864.            if (adBlock.offsetHeight === 0) {
  3865.                adBlock.parentElement.style.display = 'none';
  3866.            }
  3867.        });
  3868.    </script>
  3869.                </div>
  3870.  
  3871.                <!-- Post Content with Inline Ads -->
  3872.                <div class="single-content-body">
  3873.                    <p><a href="https://horlowood.fr/">montre avec bracelet en bois</a></p>
  3874. <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>
  3875.  
  3876.                <!-- Tags -->
  3877.                <div class="post-tags">
  3878.                    <strong>Tags:</strong> montre avec bracelet en bois                </div>
  3879.            </div>
  3880.        </div>
  3881.    </section>
  3882. <section class="related-posts-section pt30 pb30">
  3883.    <div class="container">
  3884.        <h2 class="related-posts-title">You Might Also Like</h2>
  3885.        <div class="related-posts-grid grid grid-gap-20 columns-3">
  3886.                                                                    <div class="related-post-item">
  3887.                       <a href="https://click4r.com/posts/g/19121767/can-we-really-possess-property-e-monitoring-regarding-lung-function-in">
  3888.  
  3889.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Can we really Possess Property E-Monitoring regarding Lung Function in" class="related-post-thumbnail" />
  3890.                                                            <h3 class="related-post-title">
  3891.                                Can we really Possess Property&#8230;                            </h3>
  3892.                        </a>
  3893.                        <p class="related-post-date">
  3894.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3895.                    </div>
  3896.                                                        <div class="related-post-item">
  3897.                       <a href="https://click4r.com/posts/g/19121364/an-application-study-subjective-intellectual-decline-questionnaire9-in">
  3898.  
  3899.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="An application study-subjective intellectual decline Questionnaire9 in" class="related-post-thumbnail" />
  3900.                                                            <h3 class="related-post-title">
  3901.                                An application study-subjective&#8230;                            </h3>
  3902.                        </a>
  3903.                        <p class="related-post-date">
  3904.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3905.                    </div>
  3906.                                                        <div class="related-post-item">
  3907.                       <a href="https://click4r.com/posts/g/19121442/the-role-of-business-cleansing-in-environmental-conservation">
  3908.  
  3909.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="The Role Of Business Cleansing In Environmental Conservation" class="related-post-thumbnail" />
  3910.                                                            <h3 class="related-post-title">
  3911.                                The Role Of Business Cleansing&#8230;                            </h3>
  3912.                        </a>
  3913.                        <p class="related-post-date">
  3914.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3915.                    </div>
  3916.                                                        <div class="related-post-item">
  3917.                       <a href="https://click4r.com/posts/g/19121854/this-vital-aspect-both-amazingly-effective-and-generally-forgotten-h">
  3918.  
  3919.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="This Vital Aspect, Both Amazingly Effective And Generally Forgotten, H" class="related-post-thumbnail" />
  3920.                                                            <h3 class="related-post-title">
  3921.                                This Vital Aspect, Both Amazingly&#8230;                            </h3>
  3922.                        </a>
  3923.                        <p class="related-post-date">
  3924.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3925.                    </div>
  3926.                                                        <div class="related-post-item">
  3927.                       <a href="https://click4r.com/posts/g/19121287/a-detailed-guide-to-grasp-core-ideas">
  3928.  
  3929.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="A Detailed Guide to Grasp Core Ideas" class="related-post-thumbnail" />
  3930.                                                            <h3 class="related-post-title">
  3931.                                A Detailed Guide to Grasp&#8230;                            </h3>
  3932.                        </a>
  3933.                        <p class="related-post-date">
  3934.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3935.                    </div>
  3936.                                                        <div class="related-post-item">
  3937.                       <a href="https://click4r.com/posts/g/19122007/turn-your-online-shopping-into-online-savings">
  3938.  
  3939.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Turn Your Online Shopping Into Online Savings" class="related-post-thumbnail" />
  3940.                                                            <h3 class="related-post-title">
  3941.                                Turn Your Online Shopping&#8230;                            </h3>
  3942.                        </a>
  3943.                        <p class="related-post-date">
  3944.                            <i class="fa fa-calendar"></i> January 8, 2025                        </p>
  3945.                    </div>
  3946.                                    </div>
  3947.    </div>
  3948. </section>
  3949.  
  3950. </main><footer class="main-footer pt50 pb30 align-center">
  3951.    <div class="container">
  3952.        <div class="social-links mb30">
  3953.            <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>
  3954.            <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>
  3955.            <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>
  3956.            <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>
  3957.        </div>
  3958.        <div class="footer-links mb20">
  3959.            <ul class="footer-menu grid grid-gap-10 mb0">
  3960.             <li><a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="navbar-link">Home</a></li>
  3961.             <li><a title="About Click4r Solutions Pvt. Ltd." href="https://click4r.com/aboutus" class="navbar-link">About Us</a></li>
  3962.             <li><a title="Jobs and Employment Opportunities" href="https://click4r.com/Jobs" class="navbar-link">Jobs</a></li>
  3963.             <li><a title="Privacy Policy" href="https://click4r.com/privacy" class="navbar-link">Privacy Policy</a></li>
  3964.             <li><a title="Terms and Conditions" href="https://click4r.com/terms" class="navbar-link">Terms</a></li>
  3965.             <li><a title="Media" href="https://click4r.com/Media" class="navbar-link">Media</a></li>
  3966. <!--<li><a title="Sitemap" href="https://click4r.com/sitemap" class="navbar-link">Sitemap</a></li>-->
  3967.        </ul>
  3968.        </div>
  3969.      
  3970.        <div class="copyright">
  3971.            <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
  3972.    reserved.</div>
  3973.            
  3974.        </div>
  3975.        
  3976.    </div>
  3977.    <!-- /.container -->
  3978. </footer>
  3979. </div>
  3980. <!-- ./wrapper -->
  3981. <script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.VERTICAL}, 'google_translate_element');}</script>
  3982. <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  3983. <!--scripts-->
  3984.  
  3985. <!-- jQuery 2.2.3 -->
  3986. <script src="https://click4r.com/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
  3987. <script src="https://click4r.com/assets/js/theme.js"></script>
  3988. <script>
  3989.    jQuery(document).ready(function($) {
  3990.        $(document).on('keydown', '#navbar-search-input', function(event) {
  3991.            console.log('Keydown event triggered. Key code:', event.keyCode);
  3992.            if (event.keyCode === 13) {  // Check for Enter key
  3993.                event.preventDefault();
  3994.                var search = encodeURI($(this).val());
  3995.                window.location.href = "https://click4r.com/posts/search/" + search;
  3996.                return false;
  3997.            }
  3998.        });
  3999.    });
  4000. </script>
  4001. </body>
  4002. </html>
  4003.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda