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://www.click4r.com/posts/g/4273810/de-goede-kant-van-gratis-pornosites

  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/4273810/de-goede-kant-van-gratis-pornosites">
  17.  
  18. <title>De goede kant van gratis pornosites
  19. | Click4R</title>
  20. <meta name="description" content="Gratis is het nieuwe zwart. En gratis pornovideosites zijn de nieuwste trend in de wereld van online video-inhoud. Er is een overvloed aan gratis inhoud&amp;#8230;">
  21. <meta name="keywords" content="gratis porno, 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">
  22. <meta name="robots" content="index, follow">
  23.  
  24. <!-- yandex webmaster tools verification code -->
  25.        <meta name="yandex-verification" content="c568f150f1aa8b6f" />
  26.  
  27. <!-- Open Graph Meta Tags -->
  28. <meta property="og:locale" content="en_US">
  29. <meta property="og:type" content="website">
  30. <meta property="og:title" content="De goede kant van gratis pornosites
  31. | Click4R">
  32. <meta property="og:description" content="Gratis is het nieuwe zwart. En gratis pornovideosites zijn de nieuwste trend in de wereld van online video-inhoud. Er is een overvloed aan gratis inhoud&amp;#8230;">
  33. <meta property="og:url" content="https://click4r.com/posts/g/4273810/de-goede-kant-van-gratis-pornosites">
  34. <meta property="og:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03">
  35.  
  36. <!-- Twitter Meta Tags -->
  37. <meta name="twitter:card" content="summary_large_image">
  38. <meta name="twitter:site" content="@click4rcom">
  39. <meta name="twitter:title" content="De goede kant van gratis pornosites
  40. | Click4R">
  41. <meta name="twitter:description" content="Gratis is het nieuwe zwart. En gratis pornovideosites zijn de nieuwste trend in de wereld van online video-inhoud. Er is een overvloed aan gratis inhoud&amp;#8230;">
  42. <meta name="twitter:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03">
  43.        
  44.    <!-- Local Business Structured Data -->
  45.    <script type="application/ld+json">
  46.    {
  47.        "@context": "http://schema.org",
  48.        "@type": "LocalBusiness",
  49.        "name": "Click4R Blogging Platform",
  50.        "url": "https://click4r.com/",
  51.        "image": "https://c2c.fp.guinfra.com/file/65a9d8ec927d6ef7609db8ecr52HRY3I03",
  52.        "description": "Gratis is het nieuwe zwart. En gratis pornovideosites zijn de nieuwste trend in de wereld van online video-inhoud. Er is een overvloed aan gratis inhoud&amp;amp;#8230;",
  53.        "email": "click4rcom@gmail.com",
  54.        "address": {
  55.            "@type": "PostalAddress",
  56.            "streetAddress": "Plot No:170, 5th Line, N.G.G.O.S COLONY",
  57.            "addressLocality": "Guntur",
  58.            "addressRegion": "Andhra Pradesh",
  59.            "postalCode": "522004",
  60.            "addressCountry": "IN"
  61.        },
  62.        "geo": {
  63.            "@type": "GeoCoordinates",
  64.            "latitude": "16.292250",
  65.            "longitude": "80.435410"
  66.        },
  67.        "aggregateRating": {
  68.            "@type": "AggregateRating",
  69.            "ratingValue": "4.9",
  70.            "reviewCount": "43"
  71.        },
  72.        "sameAs": [
  73.            "https://www.facebook.com/click4rcom/",
  74.            "https://twitter.com/click4rcom",
  75.            "https://www.instagram.com/click4rcom/",
  76.            "https://click4r.quora.com/",
  77.            "https://click4r.com/"
  78.        ]
  79.    }
  80.    </script>
  81.  
  82.    <!-- Fonts and Styles -->
  83.    
  84.    <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/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;}@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/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;}</style>
  85.    <style id="nd-styles">
  86.        * {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 {
  87.    text-align: left;
  88. }
  89. div#google_translate_element {
  90.    display: inline-block;
  91. }
  92.  
  93.  
  94. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  95. #google_translate_element .goog-te-gadget span {display: none;}
  96. #google_translate_element .goog-te-gadget .goog-te-combo {
  97.    height: 24px;
  98.    font-size: 12px;
  99.    margin: 0 !important;
  100.    border: 1px solid #ccc;
  101.    border-radius: 4px;
  102.    padding-left: 3px;
  103. }
  104. .main-header .user-menu a {
  105.    font-size: 13px;
  106.    font-weight: 600;
  107.    color: #000;        
  108. }
  109. .main-header .user-menu a:hover {
  110.    color:#2f88e3;
  111. }
  112.  
  113. .main-nav {
  114.    background-color: #fff;
  115.    border: 1px solid #cdd7e4;
  116.    border-radius: 20px;
  117.    justify-content: space-between;
  118.    align-items: center;
  119.    padding: 15px 20px;
  120.    display: flex;
  121.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  122.    position:relative;
  123.    /* 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 */
  124. 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+ */
  125.  
  126. }
  127.  
  128. .main-header li.dropdown {position: relative;}
  129. .main-header a.dropdown-toggle {display:block;}
  130. .main-header a.dropdown-toggle img {
  131.    width: 30px;
  132.    height: 30px;
  133.    border-radius: 50%;
  134.    margin-right: 5px;
  135. }
  136. .main-header .user-nav ul.dropdown-menu {
  137.    padding: 10px 10px 15px;
  138.    position: absolute;
  139.    background: #fff;
  140.    z-index: 1111;
  141.    right: 0;
  142.    min-width: 180px;
  143.    text-align: center;
  144.    opacity: 0;
  145.    visibility: hidden;
  146. }
  147. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  148.    visibility: visible;
  149.    opacity: 1;
  150. }
  151. .main-header .user-nav a:hover {
  152. background: transparent;
  153. }
  154. .main-header .user-nav li.user-body {
  155.    display: block;
  156.    margin: 5px 0;
  157. }
  158. .main-header .user-nav .user-header p {
  159.    font-weight: 500;
  160.    text-transform: capitalize;
  161.    margin: 5px 0 0;
  162. }
  163. .main-header .user-nav .user-menu .btn {
  164.    padding: 5px 10px;
  165.    border-radius: 4px;
  166.    background: var(--primary);
  167.    color: #fff;
  168.    font-size: 12px;
  169. }
  170. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  171.  
  172. .main-header .user-nav .user-menu li.user-footer {
  173.    text-align: center;
  174.    display: block;
  175.    margin: 0;
  176. }
  177. .main-header .user-nav .user-menu li.user-footer > div {
  178.    display: inline-block;
  179.    margin: 0 3px;
  180. }
  181. .navbar-custom-menu.user-menu {
  182.    grid-template-columns: 140px auto;
  183.    grid-gap: 10px;
  184.    align-items: center;
  185. }
  186. @media (min-width:768px){
  187.  
  188.  
  189. }
  190.  
  191. @media (min-width:1024px){
  192.    .main-nav img.header-logo {
  193.    width: 160px;
  194. }
  195.    .main-nav .navbar {
  196.        display: grid;
  197.        grid-template-columns: auto 170px;
  198.    grid-gap: 20px;
  199.    align-items: center;
  200.    float: right;
  201.    justify-items: end;
  202.    }
  203.    .main-nav .nav > li {
  204.    float: left;
  205.    margin: 0 8px;
  206. }
  207. }
  208.  
  209. .main-nav .nav li.dropdown {position: relative;}
  210. .main-nav .nav li a {
  211.    color: #fff;
  212.    text-transform: uppercase;
  213.    font-size: 15px;
  214.    font-weight: 700;
  215.    display: inline-block;
  216.    
  217. }
  218. .main-nav .nav li a:hover {
  219.    color:#2f88e3;
  220.    background:transparent;
  221. }
  222. .main-nav .nav li > a {
  223.    padding-bottom: 2px;
  224.    border-bottom: 1px solid transparent;
  225. }
  226. .main-nav .nav li > a:hover,
  227. .main-nav .nav li.active > a {
  228.    color:#2f88e3;
  229.    border-color:#fff;
  230.    border-color:transparent;
  231.    background: transparent;
  232. }
  233. .main-nav .nav li span.caret {
  234.    border: solid #fff;
  235.    border-width: 0 2px 2px 0;
  236.    display: inline-block;
  237.    padding: 4px;
  238.    transform: rotate(45deg);
  239. }
  240. @media (min-width:1024px) {
  241. .main-nav .nav .dropdown-menu {
  242.    position: absolute;
  243.    right: 0;
  244.    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+ */
  245.    padding: 10px 25px 5px;
  246.    visibility: hidden;
  247.    opacity: 0;
  248.    transition: all 0.2s ease-in;
  249.    z-index: 111;
  250. }
  251. .main-nav .nav > li:hover .dropdown-menu {
  252.    visibility: visible;
  253.    opacity: 1;
  254. }
  255. .main-nav .nav li span.caret {
  256.    float: right;
  257.    margin-left: 5px;
  258.    margin-top: 5px;
  259. }
  260. }
  261. .main-nav .nav .dropdown-menu li {
  262.    display: block;
  263.    margin: 0 0 5px;
  264.        text-align: left;
  265. }
  266. .main-nav .nav .dropdown-menu li a {
  267.    font-size:14px;
  268. }
  269. #navbar-search-input {
  270. background-color: #f5f7fa;
  271.    border: 1px solid #ddd1ec;
  272.    border-radius: 20px;
  273.    padding: 7px 15px;
  274.    font-size: 13px;
  275.    font-weight: 600;
  276.    color: #000;
  277.        
  278. }
  279. #navbar-search-input::placeholder {
  280.    color: #000;    
  281. }
  282. @media (max-width:1023px){
  283.        
  284.    .main-nav ul.dropdown-menu {
  285.    background: rgba(255, 255, 255, 0.05);
  286.    padding: 5px 20px;
  287.    display: none;
  288. }
  289.    span.navicon {
  290.    border: 1px solid #fff;
  291.    padding: 8px;
  292.    float: right;
  293.    position: absolute;
  294.    right: 20px;
  295.    top: 50%;
  296.    transform: translateY(-50%);
  297.    font-size: 21px;
  298.    display: block;
  299.    line-height:1;
  300. }
  301. span.navicon svg {
  302.    fill: #fff;
  303.    width: 20px;
  304. }
  305. .main-header .navbar {
  306.    /*background-color: #000;*/
  307.    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%);
  308.    border-radius: 10px;
  309.    position: absolute;
  310.    top: 100%;
  311.    z-index: 99999;
  312.    left: 0;
  313.    right: 0;
  314.    padding: 10px 0;
  315.    display:none;
  316. }
  317. .main-nav .nav li {
  318.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  319. }
  320. .main-nav .nav li a {
  321.    color: #fff;
  322.    padding: 10px 15px;
  323.    display:block;
  324. }
  325. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  326. .main-nav .nav li span.caret {
  327.    position: absolute;
  328.    right: 10px;
  329.    top: 15px;
  330. }
  331. .header-form {margin-right:50px;}
  332. }
  333. @media (max-width:767px){
  334.    .main-header {
  335.    padding-top: 15px 20px 20px;
  336. }
  337. .main-nav img.header-logo {
  338.    width: 125px;
  339. }
  340.    .main-nav {
  341.        padding:15px 20px 20px;
  342.    }
  343.    #google_translate_element .goog-te-gadget .goog-te-combo,
  344.    .main-header .user-menu a {
  345.    font-size: 11px;
  346.    }
  347.    .main-header a.dropdown-toggle img {
  348.    width: 24px;
  349.    height: 24px;
  350.    }
  351.  
  352. }
  353. @media (max-width:567px){
  354.    .main-nav {
  355.        padding:15px 20px 70px;
  356.    }
  357.    .main-nav > .header-form {
  358.    position: absolute;
  359.    bottom: 20px;
  360.    left: 20px;
  361.    right: 20px;
  362.    margin:0;
  363. }
  364. .main-nav > .header-form #navbar-search-input {
  365. width:100%;
  366. }
  367. span.navicon {top:31%;}
  368. .navbar-custom-menu.user-menu {
  369.    grid-template-columns: 130px auto;
  370.    grid-gap: 5px;
  371.    align-items: center;
  372. }
  373. }
  374.  
  375. @media (max-width:414px){
  376.    .navbar-custom-menu.user-menu {
  377.    grid-template-columns: 105px auto;
  378.    }
  379.    #google_translate_element .goog-te-gadget .goog-te-combo {
  380.        padding-left: 2px;
  381.    width: 110px;
  382.    }
  383. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  384.        font-size: 11px;
  385.    }
  386. }
  387.  
  388.        :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;} }
  389. .single-tech > .post-item {
  390.    max-height: 550px;
  391.    overflow: hidden;
  392. }
  393. @media (min-width:1024px) and (max-width:1300px){
  394.    .latest-1 .latest-grid-1 {
  395.        grid-template-columns: repeat(3, 1fr);
  396.    }
  397. }
  398.  
  399.        .main-footer {
  400.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  401.    background-repeat: no-repeat;
  402.    background-position: bottom center;
  403.    background-size: contain;
  404.    background-color: rgba(23, 49, 80, 1);
  405. }
  406.  
  407. .main-footer a {
  408.    color: #fff;
  409. }
  410.  
  411. .main-footer a:hover {
  412.    color: var(--primary);
  413. }
  414.  
  415. .main-footer .footer-grid .col {
  416.    display: flex;
  417.    flex-direction: column;
  418.    justify-content: flex-start;
  419.    align-items: stretch;
  420. }
  421.  
  422. .main-footer .footer-title {
  423.    font-size: 26px;
  424.    text-decoration: underline;
  425.    text-transform: uppercase;
  426.    letter-spacing: 0.5px;
  427. }
  428.  
  429. .main-footer .contact svg {
  430.    background: #000;
  431.    color: #fff;
  432.    padding: 10px;
  433.    width: 40px;
  434.    text-align: center;
  435.    border-radius: 10px;
  436.    font-size: 18px;
  437.    margin-right: 10px;
  438. }
  439.  
  440. .main-footer .contact a:hover svg {
  441.    background: var(--primary);
  442.    fill: #fff;
  443. }
  444.  
  445. .main-footer .social-links {}
  446.  
  447. .main-footer .social-links .facebook {
  448.    background-color: #1877f2;
  449. }
  450.  
  451. .main-footer .social-links .twitter {
  452.    background-color: #000000;
  453. }
  454.  
  455. .main-footer .social-links .instagram {
  456.    background-color: #c32aa3;
  457. }
  458.  
  459. .main-footer .social-links .linkedin {
  460.    background-color: #0a66c2;
  461. }
  462.  
  463. .main-footer .social-links a {
  464.    display: inline-block;
  465.    text-align: center;
  466.    background-color: #000;
  467.    border-radius: 10px;
  468.    padding: 10px;
  469.    color: #fff;
  470.    font-size: 12px;
  471.    margin: 0 5px;
  472. }
  473.  
  474. .main-footer .social-links a:hover {
  475.    background: #838383;
  476.    color: #fff;
  477. }
  478.  
  479. .main-footer .social-links svg {
  480.    width: 20px;
  481.    height: 20px;
  482. }
  483.  
  484. .main-footer ul.footer-menu {
  485.    list-style: none;
  486.    display: inline-block;
  487.    margin: 0;
  488. }
  489.  
  490. .main-footer ul.footer-menu li {
  491.    float: left;
  492.    margin: 0 10px 10px;
  493. }
  494.  
  495. .copyright,
  496. .copyright a {
  497.    color: #9b9b9b;
  498. }
  499.  
  500. copyright {
  501.    font-size: 15px;
  502. }
  503.  
  504. copyright strong {
  505.    font-weight: 500;
  506. }
  507.    </style>
  508.  
  509.      
  510.        <!-- Breadcrumb Structured Data -->
  511.     <!--  <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> -->
  512.        <!-- End Breadcrumb Structured Data -->
  513.        
  514.        <!-- Breadcrumb Structured Data -->
  515. <script type="application/ld+json">
  516. {
  517.    "@context": "https://schema.org",
  518.    "@type": "BreadcrumbList",
  519.    "itemListElement": [
  520.        {
  521.            "@type": "ListItem",
  522.            "position": 1,
  523.            "name": "Home",
  524.            "item": "https://click4r.com/"
  525.        },
  526.        {
  527.            "@type": "ListItem",
  528.            "position": 2,
  529.            "name": "Unknown Category",
  530.            "item": "https://click4r.com/posts/c//"
  531.        },
  532.        {
  533.            "@type": "ListItem",
  534.            "position": 3,
  535.            "name": "De goede kant van gratis pornosites
  536. ",
  537.            "item": "https://click4r.com/posts/g/4273810/de-goede-kant-van-gratis-pornosites"
  538.        }
  539.    ]
  540. }
  541. </script>
  542.  
  543. <!-- End Breadcrumb Structured Data -->
  544.  
  545.  
  546.        <!-- GEO Tag -->
  547.        <meta name="DC.title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
  548.        <meta name="geo.region" content="IN-AP" />
  549.        <meta name="geo.placename" content="Guntur" />
  550.        <meta name="geo.position" content="16.292250;80.435410" />
  551.        <meta name="ICBM" content="16.292250, 80.435410" />
  552.        <!-- End GEO Tag -->
  553.  
  554.      
  555.        <!--Google fonts-->
  556.        
  557.        
  558.        <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'">
  559.        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"></noscript>
  560.  
  561.        <style id="nd-styles">
  562.             /* Content from header.css */
  563.            * {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;}        
  564.            /* Content from header.css */
  565.            .Gtranslate {
  566.    text-align: left;
  567. }
  568. div#google_translate_element {
  569.    display: inline-block;
  570. }
  571.  
  572.  
  573. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  574. #google_translate_element .goog-te-gadget span {display: none;}
  575. #google_translate_element .goog-te-gadget .goog-te-combo {
  576.    height: 24px;
  577.    font-size: 12px;
  578.    margin: 0 !important;
  579.    border: 1px solid #ccc;
  580.    border-radius: 4px;
  581.    padding-left: 3px;
  582. }
  583. .main-header .user-menu a {
  584.    font-size: 13px;
  585.    font-weight: 600;
  586.    color: #000;        
  587. }
  588. .main-header .user-menu a:hover {
  589.    color:#2f88e3;
  590. }
  591.  
  592. .main-nav {
  593.    background-color: #fff;
  594.    border: 1px solid #cdd7e4;
  595.    border-radius: 20px;
  596.    justify-content: space-between;
  597.    align-items: center;
  598.    padding: 15px 20px;
  599.    display: flex;
  600.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  601.    position:relative;
  602.    /* 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 */
  603. 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+ */
  604.  
  605. }
  606.  
  607. .main-header li.dropdown {position: relative;}
  608. .main-header a.dropdown-toggle {display:block;}
  609. .main-header a.dropdown-toggle img {
  610.    width: 30px;
  611.    height: 30px;
  612.    border-radius: 50%;
  613.    margin-right: 5px;
  614. }
  615. .main-header .user-nav ul.dropdown-menu {
  616.    padding: 10px 10px 15px;
  617.    position: absolute;
  618.    background: #fff;
  619.    z-index: 1111;
  620.    right: 0;
  621.    min-width: 180px;
  622.    text-align: center;
  623.    opacity: 0;
  624.    visibility: hidden;
  625. }
  626. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  627.    visibility: visible;
  628.    opacity: 1;
  629. }
  630. .main-header .user-nav a:hover {
  631. background: transparent;
  632. }
  633. .main-header .user-nav li.user-body {
  634.    display: block;
  635.    margin: 5px 0;
  636. }
  637. .main-header .user-nav .user-header p {
  638.    font-weight: 500;
  639.    text-transform: capitalize;
  640.    margin: 5px 0 0;
  641. }
  642. .main-header .user-nav .user-menu .btn {
  643.    padding: 5px 10px;
  644.    border-radius: 4px;
  645.    background: var(--primary);
  646.    color: #fff;
  647.    font-size: 12px;
  648. }
  649. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  650.  
  651. .main-header .user-nav .user-menu li.user-footer {
  652.    text-align: center;
  653.    display: block;
  654.    margin: 0;
  655. }
  656. .main-header .user-nav .user-menu li.user-footer > div {
  657.    display: inline-block;
  658.    margin: 0 3px;
  659. }
  660. .navbar-custom-menu.user-menu {
  661.    grid-template-columns: 140px auto;
  662.    grid-gap: 10px;
  663.    align-items: center;
  664. }
  665. @media (min-width:768px){
  666.  
  667.  
  668. }
  669.  
  670. @media (min-width:1024px){
  671.    .main-nav img.header-logo {
  672.    width: 160px;
  673. }
  674.    .main-nav .navbar {
  675.        display: grid;
  676.        grid-template-columns: auto 170px;
  677.    grid-gap: 20px;
  678.    align-items: center;
  679.    float: right;
  680.    justify-items: end;
  681.    }
  682.    .main-nav .nav > li {
  683.    float: left;
  684.    margin: 0 8px;
  685. }
  686. }
  687.  
  688. .main-nav .nav li.dropdown {position: relative;}
  689. .main-nav .nav li a {
  690.    color: #fff;
  691.    text-transform: uppercase;
  692.    font-size: 15px;
  693.    font-weight: 700;
  694.    display: inline-block;
  695.    
  696. }
  697. .main-nav .nav li a:hover {
  698.    color:#2f88e3;
  699.    background:transparent;
  700. }
  701. .main-nav .nav li > a {
  702.    padding-bottom: 2px;
  703.    border-bottom: 1px solid transparent;
  704. }
  705. .main-nav .nav li > a:hover,
  706. .main-nav .nav li.active > a {
  707.    color:#2f88e3;
  708.    border-color:#fff;
  709.    border-color:transparent;
  710.    background: transparent;
  711. }
  712. .main-nav .nav li span.caret {
  713.    border: solid #fff;
  714.    border-width: 0 2px 2px 0;
  715.    display: inline-block;
  716.    padding: 4px;
  717.    transform: rotate(45deg);
  718. }
  719. @media (min-width:1024px) {
  720. .main-nav .nav .dropdown-menu {
  721.    position: absolute;
  722.    right: 0;
  723.    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+ */
  724.    padding: 10px 25px 5px;
  725.    visibility: hidden;
  726.    opacity: 0;
  727.    transition: all 0.2s ease-in;
  728.    z-index: 111;
  729. }
  730. .main-nav .nav > li:hover .dropdown-menu {
  731.    visibility: visible;
  732.    opacity: 1;
  733. }
  734. .main-nav .nav li span.caret {
  735.    float: right;
  736.    margin-left: 5px;
  737.    margin-top: 5px;
  738. }
  739. }
  740. .main-nav .nav .dropdown-menu li {
  741.    display: block;
  742.    margin: 0 0 5px;
  743.        text-align: left;
  744. }
  745. .main-nav .nav .dropdown-menu li a {
  746.    font-size:14px;
  747. }
  748. #navbar-search-input {
  749. background-color: #f5f7fa;
  750.    border: 1px solid #ddd1ec;
  751.    border-radius: 20px;
  752.    padding: 7px 15px;
  753.    font-size: 13px;
  754.    font-weight: 600;
  755.    color: #000;
  756.        
  757. }
  758. #navbar-search-input::placeholder {
  759.    color: #000;    
  760. }
  761. @media (max-width:1023px){
  762.        
  763.    .main-nav ul.dropdown-menu {
  764.    background: rgba(255, 255, 255, 0.05);
  765.    padding: 5px 20px;
  766.    display: none;
  767. }
  768.    span.navicon {
  769.    border: 1px solid #fff;
  770.    padding: 8px;
  771.    float: right;
  772.    position: absolute;
  773.    right: 20px;
  774.    top: 50%;
  775.    transform: translateY(-50%);
  776.    font-size: 21px;
  777.    display: block;
  778.    line-height:1;
  779. }
  780. span.navicon svg {
  781.    fill: #fff;
  782.    width: 20px;
  783. }
  784. .main-header .navbar {
  785.    /*background-color: #000;*/
  786.    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%);
  787.    border-radius: 10px;
  788.    position: absolute;
  789.    top: 100%;
  790.    z-index: 99999;
  791.    left: 0;
  792.    right: 0;
  793.    padding: 10px 0;
  794.    display:none;
  795. }
  796. .main-nav .nav li {
  797.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  798. }
  799. .main-nav .nav li a {
  800.    color: #fff;
  801.    padding: 10px 15px;
  802.    display:block;
  803. }
  804. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  805. .main-nav .nav li span.caret {
  806.    position: absolute;
  807.    right: 10px;
  808.    top: 15px;
  809. }
  810. .header-form {margin-right:50px;}
  811. }
  812. @media (max-width:767px){
  813.    .main-header {
  814.    padding-top: 15px 20px 20px;
  815. }
  816. .main-nav img.header-logo {
  817.    width: 125px;
  818. }
  819.    .main-nav {
  820.        padding:15px 20px 20px;
  821.    }
  822.    #google_translate_element .goog-te-gadget .goog-te-combo,
  823.    .main-header .user-menu a {
  824.    font-size: 11px;
  825.    }
  826.    .main-header a.dropdown-toggle img {
  827.    width: 24px;
  828.    height: 24px;
  829.    }
  830.  
  831. }
  832. @media (max-width:567px){
  833.    .main-nav {
  834.        padding:15px 20px 70px;
  835.    }
  836.    .main-nav > .header-form {
  837.    position: absolute;
  838.    bottom: 20px;
  839.    left: 20px;
  840.    right: 20px;
  841.    margin:0;
  842. }
  843. .main-nav > .header-form #navbar-search-input {
  844. width:100%;
  845. }
  846. span.navicon {top:31%;}
  847. .navbar-custom-menu.user-menu {
  848.    grid-template-columns: 130px auto;
  849.    grid-gap: 5px;
  850.    align-items: center;
  851. }
  852. }
  853.  
  854. @media (max-width:414px){
  855.    .navbar-custom-menu.user-menu {
  856.    grid-template-columns: 105px auto;
  857.    }
  858.    #google_translate_element .goog-te-gadget .goog-te-combo {
  859.        padding-left: 2px;
  860.    width: 110px;
  861.    }
  862. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  863.        font-size: 11px;
  864.    }
  865. }
  866.  
  867.  
  868.            /* Content from theme.css */
  869.            
  870. .small-box {
  871.    border-radius: 2px;
  872.    position: relative;
  873.    display: block;
  874.    margin-bottom: 20px;
  875.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  876. }
  877.  
  878. .small-box>.inner {
  879.    padding: 10px
  880. }
  881.  
  882. .small-box>.small-box-footer {
  883.    position: relative;
  884.    text-align: center;
  885.    padding: 3px 0;
  886.    color: #fff;
  887.    color: rgba(255, 255, 255, 0.8);
  888.    display: block;
  889.    z-index: 10;
  890.    background: rgba(0, 0, 0, 0.1);
  891.    text-decoration: none
  892. }
  893.  
  894. .small-box>.small-box-footer:hover {
  895.    color: #fff;
  896.    background: rgba(0, 0, 0, 0.15)
  897. }
  898.  
  899. .small-box h3 {
  900.    font-size: 38px;
  901.    font-weight: bold;
  902.    margin: 0 0 10px 0;
  903.    white-space: nowrap;
  904.    padding: 0
  905. }
  906.  
  907. .small-box p {
  908.    font-size: 15px
  909. }
  910.  
  911. .small-box p>small {
  912.    display: block;
  913.    color: #f9f9f9;
  914.    font-size: 13px;
  915.    margin-top: 5px
  916. }
  917.  
  918. .small-box h3,
  919. .small-box p {
  920.    z-index: 5
  921. }
  922.  
  923. .small-box .icon {
  924.    -webkit-transition: all .3s linear;
  925.    -o-transition: all .3s linear;
  926.    transition: all .3s linear;
  927.    position: absolute;
  928.    top: -10px;
  929.    right: 10px;
  930.    z-index: 0;
  931.    font-size: 90px;
  932.    color: rgba(0, 0, 0, 0.15)
  933. }
  934.  
  935. .small-box:hover {
  936.    text-decoration: none;
  937.    color: #f9f9f9
  938. }
  939.  
  940. .small-box:hover .icon {
  941.    font-size: 95px
  942. }
  943.  
  944. @media (max-width:767px) {
  945.    .small-box {
  946.        text-align: center
  947.    }
  948.    .small-box .icon {
  949.        display: none
  950.    }
  951.    .small-box p {
  952.        font-size: 12px
  953.    }
  954. }
  955.  
  956. .box {
  957.    position: relative;
  958.    border-radius: 3px;
  959.    background: #ffffff;
  960.    border-top: 3px solid #d2d6de;
  961.    margin-bottom: 20px;
  962.    width: 100%;
  963.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  964. }
  965.  
  966. .box.box-primary {
  967.    border-top-color: #3c8dbc
  968. }
  969.  
  970. .box.box-info {
  971.    border-top-color: #00c0ef
  972. }
  973.  
  974. .box.box-danger {
  975.    border-top-color: #dd4b39
  976. }
  977.  
  978. .box.box-warning {
  979.    border-top-color: #f39c12
  980. }
  981.  
  982. .box.box-success {
  983.    border-top-color: #00a65a
  984. }
  985.  
  986. .box.box-default {
  987.    border-top-color: #d2d6de
  988. }
  989.  
  990. .box.collapsed-box .box-body,
  991. .box.collapsed-box .box-footer {
  992.    display: none
  993. }
  994.  
  995. .box .nav-stacked>li {
  996.    border-bottom: 1px solid #f4f4f4;
  997.    margin: 0
  998. }
  999.  
  1000. .box .nav-stacked>li:last-of-type {
  1001.    border-bottom: none
  1002. }
  1003.  
  1004. .box.height-control .box-body {
  1005.    max-height: 300px;
  1006.    overflow: auto
  1007. }
  1008.  
  1009. .box .border-right {
  1010.    border-right: 1px solid #f4f4f4
  1011. }
  1012.  
  1013. .box .border-left {
  1014.    border-left: 1px solid #f4f4f4
  1015. }
  1016.  
  1017. .box.box-solid {
  1018.    border-top: 0
  1019. }
  1020.  
  1021. .box.box-solid>.box-header .btn.btn-default {
  1022.    background: transparent
  1023. }
  1024.  
  1025. .box.box-solid>.box-header .btn:hover,
  1026. .box.box-solid>.box-header a:hover {
  1027.    background: rgba(0, 0, 0, 0.1)
  1028. }
  1029.  
  1030. .box.box-solid.box-default {
  1031.    border: 1px solid #d2d6de
  1032. }
  1033.  
  1034. .box.box-solid.box-default>.box-header {
  1035.    color: #444;
  1036.    background: #d2d6de;
  1037.    background-color: #d2d6de
  1038. }
  1039.  
  1040. .box.box-solid.box-default>.box-header a,
  1041. .box.box-solid.box-default>.box-header .btn {
  1042.    color: #444
  1043. }
  1044.  
  1045. .box.box-solid.box-primary {
  1046.    border: 1px solid #3c8dbc
  1047. }
  1048.  
  1049. .box.box-solid.box-primary>.box-header {
  1050.    color: #fff;
  1051.    background: #3c8dbc;
  1052.    background-color: #3c8dbc
  1053. }
  1054.  
  1055. .box.box-solid.box-primary>.box-header a,
  1056. .box.box-solid.box-primary>.box-header .btn {
  1057.    color: #fff
  1058. }
  1059.  
  1060. .box.box-solid.box-info {
  1061.    border: 1px solid #00c0ef
  1062. }
  1063.  
  1064. .box.box-solid.box-info>.box-header {
  1065.    color: #fff;
  1066.    background: #00c0ef;
  1067.    background-color: #00c0ef
  1068. }
  1069.  
  1070. .box.box-solid.box-info>.box-header a,
  1071. .box.box-solid.box-info>.box-header .btn {
  1072.    color: #fff
  1073. }
  1074.  
  1075. .box.box-solid.box-danger {
  1076.    border: 1px solid #dd4b39
  1077. }
  1078.  
  1079. .box.box-solid.box-danger>.box-header {
  1080.    color: #fff;
  1081.    background: #dd4b39;
  1082.    background-color: #dd4b39
  1083. }
  1084.  
  1085. .box.box-solid.box-danger>.box-header a,
  1086. .box.box-solid.box-danger>.box-header .btn {
  1087.    color: #fff
  1088. }
  1089.  
  1090. .box.box-solid.box-warning {
  1091.    border: 1px solid #f39c12
  1092. }
  1093.  
  1094. .box.box-solid.box-warning>.box-header {
  1095.    color: #fff;
  1096.    background: #f39c12;
  1097.    background-color: #f39c12
  1098. }
  1099.  
  1100. .box.box-solid.box-warning>.box-header a,
  1101. .box.box-solid.box-warning>.box-header .btn {
  1102.    color: #fff
  1103. }
  1104.  
  1105. .box.box-solid.box-success {
  1106.    border: 1px solid #00a65a
  1107. }
  1108.  
  1109. .box.box-solid.box-success>.box-header {
  1110.    color: #fff;
  1111.    background: #00a65a;
  1112.    background-color: #00a65a
  1113. }
  1114.  
  1115. .box.box-solid.box-success>.box-header a,
  1116. .box.box-solid.box-success>.box-header .btn {
  1117.    color: #fff
  1118. }
  1119.  
  1120. .box.box-solid>.box-header>.box-tools .btn {
  1121.    border: 0;
  1122.    box-shadow: none
  1123. }
  1124.  
  1125. .box.box-solid[class*='bg']>.box-header {
  1126.    color: #fff
  1127. }
  1128.  
  1129. .box .box-group>.box {
  1130.    margin-bottom: 5px
  1131. }
  1132.  
  1133. .box .knob-label {
  1134.    text-align: center;
  1135.    color: #333;
  1136.    font-weight: 100;
  1137.    font-size: 12px;
  1138.    margin-bottom: 0.3em
  1139. }
  1140.  
  1141. .box>.overlay,
  1142. .overlay-wrapper>.overlay,
  1143. .box>.loading-img,
  1144. .overlay-wrapper>.loading-img {
  1145.    position: absolute;
  1146.    top: 0;
  1147.    left: 0;
  1148.    width: 100%;
  1149.    height: 100%
  1150. }
  1151.  
  1152. .box .overlay,
  1153. .overlay-wrapper .overlay {
  1154.    z-index: 50;
  1155.    background: rgba(255, 255, 255, 0.7);
  1156.    border-radius: 3px
  1157. }
  1158.  
  1159. .box .overlay>.fa,
  1160. .overlay-wrapper .overlay>.fa {
  1161.    position: absolute;
  1162.    top: 50%;
  1163.    left: 50%;
  1164.    margin-left: -15px;
  1165.    margin-top: -15px;
  1166.    color: #000;
  1167.    font-size: 30px
  1168. }
  1169.  
  1170. .box .overlay.dark,
  1171. .overlay-wrapper .overlay.dark {
  1172.    background: rgba(0, 0, 0, 0.5)
  1173. }
  1174.  
  1175. .box-header:before,
  1176. .box-body:before,
  1177. .box-footer:before,
  1178. .box-header:after,
  1179. .box-body:after,
  1180. .box-footer:after {
  1181.    content: " ";
  1182.    display: table
  1183. }
  1184.  
  1185. .box-header:after,
  1186. .box-body:after,
  1187. .box-footer:after {
  1188.    clear: both
  1189. }
  1190.  
  1191. .box-header {
  1192.    color: #444;
  1193.    display: block;
  1194.    padding: 10px;
  1195.    position: relative
  1196. }
  1197.  
  1198. .box-header.with-border {
  1199.    border-bottom: 1px solid #f4f4f4
  1200. }
  1201.  
  1202. .collapsed-box .box-header.with-border {
  1203.    border-bottom: none
  1204. }
  1205.  
  1206. .box-header>.fa,
  1207. .box-header>.glyphicon,
  1208. .box-header>.ion,
  1209. .box-header .box-title {
  1210.    display: inline-block;
  1211.    font-size: 18px;
  1212.    margin: 0;
  1213.    line-height: 1
  1214. }
  1215.  
  1216. .box-header>.fa,
  1217. .box-header>.glyphicon,
  1218. .box-header>.ion {
  1219.    margin-right: 5px
  1220. }
  1221.  
  1222. .box-header>.box-tools {
  1223.    position: absolute;
  1224.    right: 10px;
  1225.    top: 5px
  1226. }
  1227.  
  1228. .box-header>.box-tools [data-toggle="tooltip"] {
  1229.    position: relative
  1230. }
  1231.  
  1232. .box-header>.box-tools.pull-right .dropdown-menu {
  1233.    right: 0;
  1234.    left: auto
  1235. }
  1236.  
  1237. .btn-box-tool {
  1238.    padding: 5px;
  1239.    font-size: 12px;
  1240.    background: transparent;
  1241.    color: #97a0b3
  1242. }
  1243.  
  1244. .open .btn-box-tool,
  1245. .btn-box-tool:hover {
  1246.    color: #606c84
  1247. }
  1248.  
  1249. .btn-box-tool.btn:active {
  1250.    box-shadow: none
  1251. }
  1252.  
  1253. .box-body {
  1254.    border-top-left-radius: 0;
  1255.    border-top-right-radius: 0;
  1256.    border-bottom-right-radius: 3px;
  1257.    border-bottom-left-radius: 3px;
  1258.    padding: 10px
  1259. }
  1260.  
  1261. .no-header .box-body {
  1262.    border-top-right-radius: 3px;
  1263.    border-top-left-radius: 3px
  1264. }
  1265.  
  1266. .box-body>.table {
  1267.    margin-bottom: 0
  1268. }
  1269.  
  1270. .box-body .fc {
  1271.    margin-top: 5px
  1272. }
  1273.  
  1274. .box-body .full-width-chart {
  1275.    margin: -19px
  1276. }
  1277.  
  1278. .box-body.no-padding .full-width-chart {
  1279.    margin: -9px
  1280. }
  1281.  
  1282. .box-body .box-pane {
  1283.    border-top-left-radius: 0;
  1284.    border-top-right-radius: 0;
  1285.    border-bottom-right-radius: 0;
  1286.    border-bottom-left-radius: 3px
  1287. }
  1288.  
  1289. .box-body .box-pane-right {
  1290.    border-top-left-radius: 0;
  1291.    border-top-right-radius: 0;
  1292.    border-bottom-right-radius: 3px;
  1293.    border-bottom-left-radius: 0
  1294. }
  1295.  
  1296. .box-footer {
  1297.    border-top-left-radius: 0;
  1298.    border-top-right-radius: 0;
  1299.    border-bottom-right-radius: 3px;
  1300.    border-bottom-left-radius: 3px;
  1301.    border-top: 1px solid #f4f4f4;
  1302.    padding: 10px;
  1303.    background-color: #fff
  1304. }
  1305.  
  1306. .chart-legend {
  1307.    margin: 10px 0
  1308. }
  1309.  
  1310. @media (max-width:991px) {
  1311.    .chart-legend>li {
  1312.        float: left;
  1313.        margin-right: 10px
  1314.    }
  1315. }
  1316.  
  1317. .box-comments {
  1318.    background: #f7f7f7
  1319. }
  1320.  
  1321. .box-comments .box-comment {
  1322.    padding: 8px 0;
  1323.    border-bottom: 1px solid #eee
  1324. }
  1325.  
  1326. .box-comments .box-comment:before,
  1327. .box-comments .box-comment:after {
  1328.    content: " ";
  1329.    display: table
  1330. }
  1331.  
  1332. .box-comments .box-comment:after {
  1333.    clear: both
  1334. }
  1335.  
  1336. .box-comments .box-comment:last-of-type {
  1337.    border-bottom: 0
  1338. }
  1339.  
  1340. .box-comments .box-comment:first-of-type {
  1341.    padding-top: 0
  1342. }
  1343.  
  1344. .box-comments .box-comment img {
  1345.    float: left
  1346. }
  1347.  
  1348. .box-comments .comment-text {
  1349.    margin-left: 40px;
  1350.    color: #555
  1351. }
  1352.  
  1353. .box-comments .username {
  1354.    color: #444;
  1355.    display: block;
  1356.    font-weight: 600
  1357. }
  1358.  
  1359. .box-comments .text-muted {
  1360.    font-weight: 400;
  1361.    font-size: 12px
  1362. }
  1363.  
  1364. .todo-list {
  1365.    margin: 0;
  1366.    padding: 0;
  1367.    list-style: none;
  1368.    overflow: auto
  1369. }
  1370.  
  1371. .todo-list>li {
  1372.    border-radius: 2px;
  1373.    padding: 10px;
  1374.    background: #f4f4f4;
  1375.    margin-bottom: 2px;
  1376.    border-left: 2px solid #e6e7e8;
  1377.    color: #444
  1378. }
  1379.  
  1380. .todo-list>li:last-of-type {
  1381.    margin-bottom: 0
  1382. }
  1383.  
  1384. .todo-list>li>input[type='checkbox'] {
  1385.    margin: 0 10px 0 5px
  1386. }
  1387.  
  1388. .todo-list>li .text {
  1389.    display: inline-block;
  1390.    margin-left: 5px;
  1391.    font-weight: 600
  1392. }
  1393.  
  1394. .todo-list>li .label {
  1395.    margin-left: 10px;
  1396.    font-size: 9px
  1397. }
  1398.  
  1399. .todo-list>li .tools {
  1400.    display: none;
  1401.    float: right;
  1402.    color: #dd4b39
  1403. }
  1404.  
  1405. .todo-list>li .tools>.fa,
  1406. .todo-list>li .tools>.glyphicon,
  1407. .todo-list>li .tools>.ion {
  1408.    margin-right: 5px;
  1409.    cursor: pointer
  1410. }
  1411.  
  1412. .todo-list>li:hover .tools {
  1413.    display: inline-block
  1414. }
  1415.  
  1416. .todo-list>li.done {
  1417.    color: #999
  1418. }
  1419.  
  1420. .todo-list>li.done .text {
  1421.    text-decoration: line-through;
  1422.    font-weight: 500
  1423. }
  1424.  
  1425. .todo-list>li.done .label {
  1426.    background: #d2d6de !important
  1427. }
  1428.  
  1429. .todo-list .danger {
  1430.    border-left-color: #dd4b39
  1431. }
  1432.  
  1433. .todo-list .warning {
  1434.    border-left-color: #f39c12
  1435. }
  1436.  
  1437. .todo-list .info {
  1438.    border-left-color: #00c0ef
  1439. }
  1440.  
  1441. .todo-list .success {
  1442.    border-left-color: #00a65a
  1443. }
  1444.  
  1445. .todo-list .primary {
  1446.    border-left-color: #3c8dbc
  1447. }
  1448.  
  1449. .todo-list .handle {
  1450.    display: inline-block;
  1451.    cursor: move;
  1452.    margin: 0 5px
  1453. }
  1454.  
  1455. .chat {
  1456.    padding: 5px 20px 5px 10px
  1457. }
  1458.  
  1459. .chat .item {
  1460.    margin-bottom: 10px
  1461. }
  1462.  
  1463. .chat .item:before,
  1464. .chat .item:after {
  1465.    content: " ";
  1466.    display: table
  1467. }
  1468.  
  1469. .chat .item:after {
  1470.    clear: both
  1471. }
  1472.  
  1473. .chat .item>img {
  1474.    width: 40px;
  1475.    height: 40px;
  1476.    border: 2px solid transparent;
  1477.    border-radius: 50%
  1478. }
  1479.  
  1480. .chat .item>.online {
  1481.    border: 2px solid #00a65a
  1482. }
  1483.  
  1484. .chat .item>.offline {
  1485.    border: 2px solid #dd4b39
  1486. }
  1487.  
  1488. .chat .item>.message {
  1489.    margin-left: 55px;
  1490.    margin-top: -40px
  1491. }
  1492.  
  1493. .chat .item>.message>.name {
  1494.    display: block;
  1495.    font-weight: 600
  1496. }
  1497.  
  1498. .chat .item>.attachment {
  1499.    border-radius: 3px;
  1500.    background: #f4f4f4;
  1501.    margin-left: 65px;
  1502.    margin-right: 15px;
  1503.    padding: 10px
  1504. }
  1505.  
  1506. .chat .item>.attachment>h4 {
  1507.    margin: 0 0 5px 0;
  1508.    font-weight: 600;
  1509.    font-size: 14px
  1510. }
  1511.  
  1512. .chat .item>.attachment>p,
  1513. .chat .item>.attachment>.filename {
  1514.    font-weight: 600;
  1515.    font-size: 13px;
  1516.    font-style: italic;
  1517.    margin: 0
  1518. }
  1519.  
  1520. .chat .item>.attachment:before,
  1521. .chat .item>.attachment:after {
  1522.    content: " ";
  1523.    display: table
  1524. }
  1525.  
  1526. .chat .item>.attachment:after {
  1527.    clear: both
  1528. }
  1529.  
  1530. .box-input {
  1531.    max-width: 200px
  1532. }
  1533.  
  1534. .modal .panel-body {
  1535.    color: #444
  1536. }
  1537.  
  1538. .info-box {
  1539.    display: block;
  1540.    min-height: 90px;
  1541.    background: #fff;
  1542.    width: 100%;
  1543.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1544.    border-radius: 2px;
  1545.    margin-bottom: 15px
  1546. }
  1547.  
  1548. .info-box small {
  1549.    font-size: 14px
  1550. }
  1551.  
  1552. .info-box .progress {
  1553.    background: rgba(0, 0, 0, 0.2);
  1554.    margin: 5px -10px 5px -10px;
  1555.    height: 2px
  1556. }
  1557.  
  1558. .info-box .progress,
  1559. .info-box .progress .progress-bar {
  1560.    border-radius: 0
  1561. }
  1562.  
  1563. .info-box .progress .progress-bar {
  1564.    background: #fff
  1565. }
  1566.  
  1567. .info-box-icon {
  1568.    border-top-left-radius: 2px;
  1569.    border-top-right-radius: 0;
  1570.    border-bottom-right-radius: 0;
  1571.    border-bottom-left-radius: 2px;
  1572.    display: block;
  1573.    float: left;
  1574.    height: 90px;
  1575.    width: 90px;
  1576.    text-align: center;
  1577.    font-size: 45px;
  1578.    line-height: 90px;
  1579.    background: rgba(0, 0, 0, 0.2)
  1580. }
  1581.  
  1582. .info-box-icon>img {
  1583.    max-width: 100%
  1584. }
  1585.  
  1586. .info-box-content {
  1587.    padding: 5px 10px;
  1588.    margin-left: 90px
  1589. }
  1590.  
  1591. .info-box-number {
  1592.    display: block;
  1593.    font-weight: bold;
  1594.    font-size: 18px
  1595. }
  1596.  
  1597. .progress-description,
  1598. .info-box-text {
  1599.    display: block;
  1600.    font-size: 14px;
  1601.    white-space: nowrap;
  1602.    overflow: hidden;
  1603.    text-overflow: ellipsis
  1604. }
  1605.  
  1606. .info-box-text {
  1607.    text-transform: uppercase
  1608. }
  1609.  
  1610. .info-box-more {
  1611.    display: block
  1612. }
  1613.  
  1614. .progress-description {
  1615.    margin: 0
  1616. }
  1617.  
  1618. .timeline {
  1619.    position: relative;
  1620.    margin: 0 0 30px 0;
  1621.    padding: 0;
  1622.    list-style: none
  1623. }
  1624.  
  1625. .timeline:before {
  1626.    content: '';
  1627.    position: absolute;
  1628.    top: 0;
  1629.    bottom: 0;
  1630.    width: 4px;
  1631.    background: #ddd;
  1632.    left: 31px;
  1633.    margin: 0;
  1634.    border-radius: 2px
  1635. }
  1636.  
  1637. .timeline>li {
  1638.    position: relative;
  1639.    margin-right: 10px;
  1640.    margin-bottom: 15px
  1641. }
  1642.  
  1643. .timeline>li:before,
  1644. .timeline>li:after {
  1645.    content: " ";
  1646.    display: table
  1647. }
  1648.  
  1649. .timeline>li:after {
  1650.    clear: both
  1651. }
  1652.  
  1653. .timeline>li>.timeline-item {
  1654.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1655.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1656.    border-radius: 3px;
  1657.    margin-top: 0;
  1658.    background: #fff;
  1659.    color: #444;
  1660.    margin-left: 60px;
  1661.    margin-right: 15px;
  1662.    padding: 0;
  1663.    position: relative
  1664. }
  1665.  
  1666. .timeline>li>.timeline-item>.time {
  1667.    color: #999;
  1668.    float: right;
  1669.    padding: 10px;
  1670.    font-size: 12px
  1671. }
  1672.  
  1673. .timeline>li>.timeline-item>.timeline-header {
  1674.    margin: 0;
  1675.    color: #555;
  1676.    border-bottom: 1px solid #f4f4f4;
  1677.    padding: 10px;
  1678.    font-size: 16px;
  1679.    line-height: 1.1
  1680. }
  1681.  
  1682. .timeline>li>.timeline-item>.timeline-header>a {
  1683.    font-weight: 600
  1684. }
  1685.  
  1686. .timeline>li>.timeline-item>.timeline-body,
  1687. .timeline>li>.timeline-item>.timeline-footer {
  1688.    padding: 10px
  1689. }
  1690.  
  1691. .timeline>li>.fa,
  1692. .timeline>li>.glyphicon,
  1693. .timeline>li>.ion {
  1694.    width: 30px;
  1695.    height: 30px;
  1696.    font-size: 15px;
  1697.    line-height: 30px;
  1698.    position: absolute;
  1699.    color: #666;
  1700.    background: #d2d6de;
  1701.    border-radius: 50%;
  1702.    text-align: center;
  1703.    left: 18px;
  1704.    top: 0
  1705. }
  1706.  
  1707. .timeline>.time-label>span {
  1708.    font-weight: 600;
  1709.    padding: 5px;
  1710.    display: inline-block;
  1711.    background-color: #fff;
  1712.    border-radius: 4px
  1713. }
  1714.  
  1715. .timeline-inverse>li>.timeline-item {
  1716.    background: #f0f0f0;
  1717.    border: 1px solid #ddd;
  1718.    -webkit-box-shadow: none;
  1719.    box-shadow: none
  1720. }
  1721.  
  1722. .timeline-inverse>li>.timeline-item>.timeline-header {
  1723.    border-bottom-color: #ddd
  1724. }
  1725.  
  1726.  
  1727. .btn.btn-file {
  1728.    position: relative;
  1729.    overflow: hidden
  1730. }
  1731.  
  1732. .btn.btn-file>input[type='file'] {
  1733.    position: absolute;
  1734.    top: 0;
  1735.    right: 0;
  1736.    min-width: 100%;
  1737.    min-height: 100%;
  1738.    font-size: 100px;
  1739.    text-align: right;
  1740.    opacity: 0;
  1741.    filter: alpha(opacity=0);
  1742.    outline: none;
  1743.    background: white;
  1744.    cursor: inherit;
  1745.    display: block
  1746. }
  1747.  
  1748. .callout a {
  1749.    color: #fff;
  1750.    text-decoration: underline
  1751. }
  1752.  
  1753. .callout a:hover {
  1754.    color: #eee
  1755. }
  1756.  
  1757. .callout h4 {
  1758.    margin-top: 0;
  1759.    font-weight: 600
  1760. }
  1761.  
  1762. .callout p:last-child {
  1763.    margin-bottom: 0
  1764. }
  1765.  
  1766. .callout code,
  1767. .callout .highlight {
  1768.    background-color: #fff
  1769. }
  1770.  
  1771. .callout.callout-danger {
  1772.    border-color: #c23321
  1773. }
  1774.  
  1775. .callout.callout-warning {
  1776.    border-color: #c87f0a
  1777. }
  1778.  
  1779. .callout.callout-info {
  1780.    border-color: #0097bc
  1781. }
  1782.  
  1783. .callout.callout-success {
  1784.    border-color: #00733e
  1785. }
  1786.  
  1787. .alert {
  1788.    border-radius: 3px
  1789. }
  1790.  
  1791. .alert h4 {
  1792.    font-weight: 600
  1793. }
  1794.  
  1795. .alert .icon {
  1796.    margin-right: 10px
  1797. }
  1798.  
  1799. .alert .close {
  1800.    color: #000;
  1801.    opacity: .2;
  1802.    filter: alpha(opacity=20)
  1803. }
  1804.  
  1805. .alert .close:hover {
  1806.    opacity: .5;
  1807.    filter: alpha(opacity=50)
  1808. }
  1809.  
  1810. .alert a {
  1811.    color: #fff;
  1812.    text-decoration: underline
  1813. }
  1814.  
  1815. .alert-success {
  1816.    border-color: #008d4c
  1817. }
  1818.  
  1819. .alert-danger,
  1820. .alert-error {
  1821.    border-color: #d73925
  1822. }
  1823.  
  1824. .alert-warning {
  1825.    border-color: #e08e0b
  1826. }
  1827.  
  1828. .alert-info {
  1829.    border-color: #00acd6
  1830. }
  1831.  
  1832. .nav>li>a:hover,
  1833. .nav>li>a:active,
  1834. .nav>li>a:focus {
  1835.    color: #444;
  1836.    background: #f7f7f7
  1837. }
  1838.  
  1839. .nav-pills>li>a {
  1840.    border-radius: 0;
  1841.    border-top: 3px solid transparent;
  1842.    color: #444
  1843. }
  1844.  
  1845. .nav-pills>li>a>.fa,
  1846. .nav-pills>li>a>.glyphicon,
  1847. .nav-pills>li>a>.ion {
  1848.    margin-right: 5px
  1849. }
  1850.  
  1851. .nav-pills>li.active>a,
  1852. .nav-pills>li.active>a:hover,
  1853. .nav-pills>li.active>a:focus {
  1854.    border-top-color: #3c8dbc
  1855. }
  1856.  
  1857. .nav-pills>li.active>a {
  1858.    font-weight: 600
  1859. }
  1860.  
  1861. .nav-stacked>li>a {
  1862.    border-radius: 0;
  1863.    border-top: 0;
  1864.    border-left: 3px solid transparent;
  1865.    color: #444
  1866. }
  1867.  
  1868. .nav-stacked>li.active>a,
  1869. .nav-stacked>li.active>a:hover {
  1870.    background: transparent;
  1871.    color: #444;
  1872.    border-top: 0;
  1873.    border-left-color: #3c8dbc
  1874. }
  1875.  
  1876. .nav-stacked>li.header {
  1877.    border-bottom: 1px solid #ddd;
  1878.    color: #777;
  1879.    margin-bottom: 10px;
  1880.    padding: 5px 10px;
  1881.    text-transform: uppercase
  1882. }
  1883.  
  1884. .nav-tabs-custom {
  1885.    margin-bottom: 20px;
  1886.    background: #fff;
  1887.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1888.    border-radius: 3px
  1889. }
  1890.  
  1891. .nav-tabs-custom>.nav-tabs {
  1892.    margin: 0;
  1893.    border-bottom-color: #f4f4f4;
  1894.    border-top-right-radius: 3px;
  1895.    border-top-left-radius: 3px
  1896. }
  1897.  
  1898. .nav-tabs-custom>.nav-tabs>li {
  1899.    border-top: 3px solid transparent;
  1900.    margin-bottom: -2px;
  1901.    margin-right: 5px
  1902. }
  1903.  
  1904. .nav-tabs-custom>.nav-tabs>li>a {
  1905.    color: #444;
  1906.    border-radius: 0
  1907. }
  1908.  
  1909. .nav-tabs-custom>.nav-tabs>li>a.text-muted {
  1910.    color: #999
  1911. }
  1912.  
  1913. .nav-tabs-custom>.nav-tabs>li>a,
  1914. .nav-tabs-custom>.nav-tabs>li>a:hover {
  1915.    background: transparent;
  1916.    margin: 0
  1917. }
  1918.  
  1919. .nav-tabs-custom>.nav-tabs>li>a:hover {
  1920.    color: #999
  1921. }
  1922.  
  1923. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
  1924. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
  1925. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  1926.    border-color: transparent
  1927. }
  1928.  
  1929. .nav-tabs-custom>.nav-tabs>li.active {
  1930.    border-top-color: #3c8dbc
  1931. }
  1932.  
  1933. .nav-tabs-custom>.nav-tabs>li.active>a,
  1934. .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  1935.    background-color: #fff;
  1936.    color: #444
  1937. }
  1938.  
  1939. .nav-tabs-custom>.nav-tabs>li.active>a {
  1940.    border-top-color: transparent;
  1941.    border-left-color: #f4f4f4;
  1942.    border-right-color: #f4f4f4
  1943. }
  1944.  
  1945. .nav-tabs-custom>.nav-tabs>li:first-of-type {
  1946.    margin-left: 0
  1947. }
  1948.  
  1949. .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  1950.    border-left-color: transparent
  1951. }
  1952.  
  1953. .nav-tabs-custom>.nav-tabs.pull-right {
  1954.    float: none !important
  1955. }
  1956.  
  1957. .nav-tabs-custom>.nav-tabs.pull-right>li {
  1958.    float: right
  1959. }
  1960.  
  1961. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  1962.    margin-right: 0
  1963. }
  1964.  
  1965. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
  1966.    border-left-width: 1px
  1967. }
  1968.  
  1969. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  1970.    border-left-color: #f4f4f4;
  1971.    border-right-color: transparent
  1972. }
  1973.  
  1974. .nav-tabs-custom>.nav-tabs>li.header {
  1975.    line-height: 35px;
  1976.    padding: 0 10px;
  1977.    font-size: 20px;
  1978.    color: #444
  1979. }
  1980.  
  1981. .nav-tabs-custom>.nav-tabs>li.header>.fa,
  1982. .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
  1983. .nav-tabs-custom>.nav-tabs>li.header>.ion {
  1984.    margin-right: 5px
  1985. }
  1986.  
  1987. .nav-tabs-custom>.tab-content {
  1988.    background: #fff;
  1989.    padding: 10px;
  1990.    border-bottom-right-radius: 3px;
  1991.    border-bottom-left-radius: 3px
  1992. }
  1993.  
  1994. .nav-tabs-custom .dropdown.open>a:active,
  1995. .nav-tabs-custom .dropdown.open>a:focus {
  1996.    background: transparent;
  1997.    color: #999
  1998. }
  1999.  
  2000. .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
  2001.    border-top-color: #3c8dbc
  2002. }
  2003.  
  2004. .nav-tabs-custom.tab-info>.nav-tabs>li.active {
  2005.    border-top-color: #00c0ef
  2006. }
  2007.  
  2008. .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
  2009.    border-top-color: #dd4b39
  2010. }
  2011.  
  2012. .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
  2013.    border-top-color: #f39c12
  2014. }
  2015.  
  2016. .nav-tabs-custom.tab-success>.nav-tabs>li.active {
  2017.    border-top-color: #00a65a
  2018. }
  2019.  
  2020. .nav-tabs-custom.tab-default>.nav-tabs>li.active {
  2021.    border-top-color: #d2d6de
  2022. }
  2023.  
  2024. .pagination>li>a {
  2025.    background: #fafafa;
  2026.    color: #666
  2027. }
  2028.  
  2029. .pagination.pagination-flat>li>a {
  2030.    border-radius: 0 !important
  2031. }
  2032.  
  2033. .products-list {
  2034.    list-style: none;
  2035.    margin: 0;
  2036.    padding: 0
  2037. }
  2038.  
  2039. .products-list>.item {
  2040.    border-radius: 3px;
  2041.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2042.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  2043.    padding: 10px 0;
  2044.    background: #fff
  2045. }
  2046.  
  2047. .products-list>.item:before,
  2048. .products-list>.item:after {
  2049.    content: " ";
  2050.    display: table
  2051. }
  2052.  
  2053. .products-list>.item:after {
  2054.    clear: both
  2055. }
  2056.  
  2057. .products-list .product-img {
  2058.    float: left
  2059. }
  2060.  
  2061. .products-list .product-img img {
  2062.    width: 50px;
  2063.    height: 50px
  2064. }
  2065.  
  2066. .products-list .product-info {
  2067.    margin-left: 60px
  2068. }
  2069.  
  2070. .products-list .product-title {
  2071.    font-weight: 600
  2072. }
  2073.  
  2074. .products-list .product-description {
  2075.    display: block;
  2076.    color: #999;
  2077.    overflow: hidden;
  2078.    white-space: nowrap;
  2079.    text-overflow: ellipsis
  2080. }
  2081.  
  2082. .product-list-in-box>.item {
  2083.    -webkit-box-shadow: none;
  2084.    box-shadow: none;
  2085.    border-radius: 0;
  2086.    border-bottom: 1px solid #f4f4f4
  2087. }
  2088.  
  2089. .product-list-in-box>.item:last-of-type {
  2090.    border-bottom-width: 0
  2091. }
  2092.  
  2093. .table>thead>tr>th,
  2094. .table>tbody>tr>th,
  2095. .table>tfoot>tr>th,
  2096. .table>thead>tr>td,
  2097. .table>tbody>tr>td,
  2098. .table>tfoot>tr>td {
  2099.    border-top: 1px solid #f4f4f4
  2100. }
  2101.  
  2102. .table>thead>tr>th {
  2103.    border-bottom: 2px solid #f4f4f4
  2104. }
  2105.  
  2106. .table tr td .progress {
  2107.    margin-top: 5px
  2108. }
  2109.  
  2110. .table-bordered {
  2111.    border: 1px solid #f4f4f4
  2112. }
  2113.  
  2114. .table-bordered>thead>tr>th,
  2115. .table-bordered>tbody>tr>th,
  2116. .table-bordered>tfoot>tr>th,
  2117. .table-bordered>thead>tr>td,
  2118. .table-bordered>tbody>tr>td,
  2119. .table-bordered>tfoot>tr>td {
  2120.    border: 1px solid #f4f4f4
  2121. }
  2122.  
  2123. .table-bordered>thead>tr>th,
  2124. .table-bordered>thead>tr>td {
  2125.    border-bottom-width: 2px
  2126. }
  2127.  
  2128. .table.no-border,
  2129. .table.no-border td,
  2130. .table.no-border th {
  2131.    border: 0
  2132. }
  2133.  
  2134. table.text-center,
  2135. table.text-center td,
  2136. table.text-center th {
  2137.    text-align: center
  2138. }
  2139.  
  2140. .table.align th {
  2141.    text-align: left
  2142. }
  2143.  
  2144. .table.align td {
  2145.    text-align: right
  2146. }
  2147.  
  2148. .label-default {
  2149.    background-color: #d2d6de;
  2150.    color: #444
  2151. }
  2152.  
  2153. .direct-chat .box-body {
  2154.    border-bottom-right-radius: 0;
  2155.    border-bottom-left-radius: 0;
  2156.    position: relative;
  2157.    overflow-x: hidden;
  2158.    padding: 0
  2159. }
  2160.  
  2161. .direct-chat.chat-pane-open .direct-chat-contacts {
  2162.    -webkit-transform: translate(0, 0);
  2163.    -ms-transform: translate(0, 0);
  2164.    -o-transform: translate(0, 0);
  2165.    transform: translate(0, 0)
  2166. }
  2167.  
  2168. .direct-chat-messages {
  2169.    -webkit-transform: translate(0, 0);
  2170.    -ms-transform: translate(0, 0);
  2171.    -o-transform: translate(0, 0);
  2172.    transform: translate(0, 0);
  2173.    padding: 10px;
  2174.    height: 250px;
  2175.    overflow: auto
  2176. }
  2177.  
  2178. .direct-chat-msg,
  2179. .direct-chat-text {
  2180.    display: block
  2181. }
  2182.  
  2183. .direct-chat-msg {
  2184.    margin-bottom: 10px
  2185. }
  2186.  
  2187. .direct-chat-msg:before,
  2188. .direct-chat-msg:after {
  2189.    content: " ";
  2190.    display: table
  2191. }
  2192.  
  2193. .direct-chat-msg:after {
  2194.    clear: both
  2195. }
  2196.  
  2197. .direct-chat-messages,
  2198. .direct-chat-contacts {
  2199.    -webkit-transition: -webkit-transform .5s ease-in-out;
  2200.    -moz-transition: -moz-transform .5s ease-in-out;
  2201.    -o-transition: -o-transform .5s ease-in-out;
  2202.    transition: transform .5s ease-in-out
  2203. }
  2204.  
  2205. .direct-chat-text {
  2206.    border-radius: 5px;
  2207.    position: relative;
  2208.    padding: 5px 10px;
  2209.    background: #d2d6de;
  2210.    border: 1px solid #d2d6de;
  2211.    margin: 5px 0 0 50px;
  2212.    color: #444
  2213. }
  2214.  
  2215. .direct-chat-text:after,
  2216. .direct-chat-text:before {
  2217.    position: absolute;
  2218.    right: 100%;
  2219.    top: 15px;
  2220.    border: solid transparent;
  2221.    border-right-color: #d2d6de;
  2222.    content: ' ';
  2223.    height: 0;
  2224.    width: 0;
  2225.    pointer-events: none
  2226. }
  2227.  
  2228. .direct-chat-text:after {
  2229.    border-width: 5px;
  2230.    margin-top: -5px
  2231. }
  2232.  
  2233. .direct-chat-text:before {
  2234.    border-width: 6px;
  2235.    margin-top: -6px
  2236. }
  2237.  
  2238. .right .direct-chat-text {
  2239.    margin-right: 50px;
  2240.    margin-left: 0
  2241. }
  2242.  
  2243. .right .direct-chat-text:after,
  2244. .right .direct-chat-text:before {
  2245.    right: auto;
  2246.    left: 100%;
  2247.    border-right-color: transparent;
  2248.    border-left-color: #d2d6de
  2249. }
  2250.  
  2251. .direct-chat-img {
  2252.    border-radius: 50%;
  2253.    float: left;
  2254.    width: 40px;
  2255.    height: 40px
  2256. }
  2257.  
  2258. .right .direct-chat-img {
  2259.    float: right
  2260. }
  2261.  
  2262. .direct-chat-info {
  2263.    display: block;
  2264.    margin-bottom: 2px;
  2265.    font-size: 12px
  2266. }
  2267.  
  2268. .direct-chat-name {
  2269.    font-weight: 600
  2270. }
  2271.  
  2272. .direct-chat-timestamp {
  2273.    color: #999
  2274. }
  2275.  
  2276. .direct-chat-contacts-open .direct-chat-contacts {
  2277.    -webkit-transform: translate(0, 0);
  2278.    -ms-transform: translate(0, 0);
  2279.    -o-transform: translate(0, 0);
  2280.    transform: translate(0, 0)
  2281. }
  2282.  
  2283. .direct-chat-contacts {
  2284.    -webkit-transform: translate(101%, 0);
  2285.    -ms-transform: translate(101%, 0);
  2286.    -o-transform: translate(101%, 0);
  2287.    transform: translate(101%, 0);
  2288.    position: absolute;
  2289.    top: 0;
  2290.    bottom: 0;
  2291.    height: 250px;
  2292.    width: 100%;
  2293.    background: #222d32;
  2294.    color: #fff;
  2295.    overflow: auto
  2296. }
  2297.  
  2298. .contacts-list>li {
  2299.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  2300.    padding: 10px;
  2301.    margin: 0
  2302. }
  2303.  
  2304. .contacts-list>li:before,
  2305. .contacts-list>li:after {
  2306.    content: " ";
  2307.    display: table
  2308. }
  2309.  
  2310. .contacts-list>li:after {
  2311.    clear: both
  2312. }
  2313.  
  2314. .contacts-list>li:last-of-type {
  2315.    border-bottom: none
  2316. }
  2317.  
  2318. .contacts-list-img {
  2319.    border-radius: 50%;
  2320.    width: 40px;
  2321.    float: left
  2322. }
  2323.  
  2324. .contacts-list-info {
  2325.    margin-left: 45px;
  2326.    color: #fff
  2327. }
  2328.  
  2329. .contacts-list-name,
  2330. .contacts-list-status {
  2331.    display: block
  2332. }
  2333.  
  2334. .contacts-list-name {
  2335.    font-weight: 600
  2336. }
  2337.  
  2338. .contacts-list-status {
  2339.    font-size: 12px
  2340. }
  2341.  
  2342. .contacts-list-date {
  2343.    color: #aaa;
  2344.    font-weight: normal
  2345. }
  2346.  
  2347. .contacts-list-msg {
  2348.    color: #999
  2349. }
  2350.  
  2351. .direct-chat-danger .right>.direct-chat-text {
  2352.    background: #dd4b39;
  2353.    border-color: #dd4b39;
  2354.    color: #fff
  2355. }
  2356.  
  2357. .direct-chat-danger .right>.direct-chat-text:after,
  2358. .direct-chat-danger .right>.direct-chat-text:before {
  2359.    border-left-color: #dd4b39
  2360. }
  2361.  
  2362. .direct-chat-primary .right>.direct-chat-text {
  2363.    background: #3c8dbc;
  2364.    border-color: #3c8dbc;
  2365.    color: #fff
  2366. }
  2367.  
  2368. .direct-chat-primary .right>.direct-chat-text:after,
  2369. .direct-chat-primary .right>.direct-chat-text:before {
  2370.    border-left-color: #3c8dbc
  2371. }
  2372.  
  2373. .direct-chat-warning .right>.direct-chat-text {
  2374.    background: #f39c12;
  2375.    border-color: #f39c12;
  2376.    color: #fff
  2377. }
  2378.  
  2379. .direct-chat-warning .right>.direct-chat-text:after,
  2380. .direct-chat-warning .right>.direct-chat-text:before {
  2381.    border-left-color: #f39c12
  2382. }
  2383.  
  2384. .direct-chat-info .right>.direct-chat-text {
  2385.    background: #00c0ef;
  2386.    border-color: #00c0ef;
  2387.    color: #fff
  2388. }
  2389.  
  2390. .direct-chat-info .right>.direct-chat-text:after,
  2391. .direct-chat-info .right>.direct-chat-text:before {
  2392.    border-left-color: #00c0ef
  2393. }
  2394.  
  2395. .direct-chat-success .right>.direct-chat-text {
  2396.    background: #00a65a;
  2397.    border-color: #00a65a;
  2398.    color: #fff
  2399. }
  2400.  
  2401. .direct-chat-success .right>.direct-chat-text:after,
  2402. .direct-chat-success .right>.direct-chat-text:before {
  2403.    border-left-color: #00a65a
  2404. }
  2405.  
  2406. .users-list>li {
  2407.    width: 25%;
  2408.    float: left;
  2409.    padding: 10px;
  2410.    text-align: center
  2411. }
  2412.  
  2413. .users-list>li img {
  2414.    border-radius: 50%;
  2415.    max-width: 100%;
  2416.    height: auto
  2417. }
  2418.  
  2419. .users-list>li>a:hover,
  2420. .users-list>li>a:hover .users-list-name {
  2421.    color: #999
  2422. }
  2423.  
  2424. .users-list-name,
  2425. .users-list-date {
  2426.    display: block
  2427. }
  2428.  
  2429. .users-list-name {
  2430.    font-weight: 600;
  2431.    color: #444;
  2432.    overflow: hidden;
  2433.    white-space: nowrap;
  2434.    text-overflow: ellipsis
  2435. }
  2436.  
  2437. .users-list-date {
  2438.    color: #999;
  2439.    font-size: 12px
  2440. }
  2441.  
  2442. .carousel-control.left,
  2443. .carousel-control.right {
  2444.    background-image: none
  2445. }
  2446.  
  2447. .carousel-control>.fa {
  2448.    font-size: 40px;
  2449.    position: absolute;
  2450.    top: 50%;
  2451.    z-index: 5;
  2452.    display: inline-block;
  2453.    margin-top: -20px
  2454. }
  2455.  
  2456. .modal {
  2457.    background: rgba(0, 0, 0, 0.3)
  2458. }
  2459.  
  2460. .modal-content {
  2461.    border-radius: 0;
  2462.    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2463.    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2464.    border: 0
  2465. }
  2466.  
  2467. @media (min-width:768px) {
  2468.    .modal-content {
  2469.        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  2470.        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
  2471.    }
  2472. }
  2473.  
  2474. .modal-header {
  2475.    border-bottom-color: #f4f4f4
  2476. }
  2477.  
  2478. .modal-footer {
  2479.    border-top-color: #f4f4f4
  2480. }
  2481.  
  2482. .modal-primary .modal-header,
  2483. .modal-primary .modal-footer {
  2484.    border-color: #307095
  2485. }
  2486.  
  2487. .modal-warning .modal-header,
  2488. .modal-warning .modal-footer {
  2489.    border-color: #c87f0a
  2490. }
  2491.  
  2492. .modal-info .modal-header,
  2493. .modal-info .modal-footer {
  2494.    border-color: #0097bc
  2495. }
  2496.  
  2497. .modal-success .modal-header,
  2498. .modal-success .modal-footer {
  2499.    border-color: #00733e
  2500. }
  2501.  
  2502. .modal-danger .modal-header,
  2503. .modal-danger .modal-footer {
  2504.    border-color: #c23321
  2505. }
  2506.  
  2507. .box-widget {
  2508.    border: none;
  2509.    position: relative
  2510. }
  2511.  
  2512. .widget-user .widget-user-header {
  2513.    padding: 20px;
  2514.    height: 120px;
  2515.    border-top-right-radius: 3px;
  2516.    border-top-left-radius: 3px
  2517. }
  2518.  
  2519. .widget-user .widget-user-username {
  2520.    margin-top: 0;
  2521.    margin-bottom: 5px;
  2522.    font-size: 25px;
  2523.    font-weight: 300;
  2524.    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
  2525. }
  2526.  
  2527. .widget-user .widget-user-desc {
  2528.    margin-top: 0
  2529. }
  2530.  
  2531. .widget-user .widget-user-image {
  2532.    position: absolute;
  2533.    top: 65px;
  2534.    left: 50%;
  2535.    margin-left: -45px
  2536. }
  2537.  
  2538. .widget-user .widget-user-image>img {
  2539.    width: 90px;
  2540.    height: auto;
  2541.    border: 3px solid #fff
  2542. }
  2543.  
  2544. .widget-user .box-footer {
  2545.    padding-top: 30px
  2546. }
  2547.  
  2548. .widget-user-2 .widget-user-header {
  2549.    padding: 20px;
  2550.    border-top-right-radius: 3px;
  2551.    border-top-left-radius: 3px
  2552. }
  2553.  
  2554. .widget-user-2 .widget-user-username {
  2555.    margin-top: 5px;
  2556.    margin-bottom: 5px;
  2557.    font-size: 25px;
  2558.    font-weight: 300
  2559. }
  2560.  
  2561. .widget-user-2 .widget-user-desc {
  2562.    margin-top: 0
  2563. }
  2564.  
  2565. .widget-user-2 .widget-user-username,
  2566. .widget-user-2 .widget-user-desc {
  2567.    margin-left: 75px
  2568. }
  2569.  
  2570. .widget-user-2 .widget-user-image>img {
  2571.    width: 65px;
  2572.    height: auto;
  2573.    float: left
  2574. }
  2575.  
  2576. .mailbox-messages>.table {
  2577.    margin: 0
  2578. }
  2579.  
  2580. .mailbox-controls {
  2581.    padding: 5px
  2582. }
  2583.  
  2584. .mailbox-controls.with-border {
  2585.    border-bottom: 1px solid #f4f4f4
  2586. }
  2587.  
  2588. .mailbox-read-info {
  2589.    border-bottom: 1px solid #f4f4f4;
  2590.    padding: 10px
  2591. }
  2592.  
  2593. .mailbox-read-info h3 {
  2594.    font-size: 20px;
  2595.    margin: 0
  2596. }
  2597.  
  2598. .mailbox-read-info h5 {
  2599.    margin: 0;
  2600.    padding: 5px 0 0 0
  2601. }
  2602.  
  2603. .mailbox-read-time {
  2604.    color: #999;
  2605.    font-size: 13px
  2606. }
  2607.  
  2608. .mailbox-read-message {
  2609.    padding: 10px
  2610. }
  2611.  
  2612. .mailbox-attachments li {
  2613.    float: left;
  2614.    width: 200px;
  2615.    border: 1px solid #eee;
  2616.    margin-bottom: 10px;
  2617.    margin-right: 10px
  2618. }
  2619.  
  2620. .mailbox-attachment-name {
  2621.    font-weight: bold;
  2622.    color: #666
  2623. }
  2624.  
  2625. .mailbox-attachment-icon,
  2626. .mailbox-attachment-info,
  2627. .mailbox-attachment-size {
  2628.    display: block
  2629. }
  2630.  
  2631. .mailbox-attachment-info {
  2632.    padding: 10px;
  2633.    background: #f4f4f4
  2634. }
  2635.  
  2636. .mailbox-attachment-size {
  2637.    color: #999;
  2638.    font-size: 12px
  2639. }
  2640.  
  2641. .mailbox-attachment-icon {
  2642.    text-align: center;
  2643.    font-size: 65px;
  2644.    color: #666;
  2645.    padding: 20px 10px
  2646. }
  2647.  
  2648. .mailbox-attachment-icon.has-img {
  2649.    padding: 0
  2650. }
  2651.  
  2652. .mailbox-attachment-icon.has-img>img {
  2653.    max-width: 100%;
  2654.    height: auto
  2655. }
  2656.  
  2657. .lockscreen {
  2658.    background: #d2d6de
  2659. }
  2660.  
  2661. .lockscreen-logo {
  2662.    font-size: 35px;
  2663.    text-align: center;
  2664.    margin-bottom: 25px;
  2665.    font-weight: 300
  2666. }
  2667.  
  2668. .lockscreen-logo a {
  2669.    color: #444
  2670. }
  2671.  
  2672. .lockscreen-wrapper {
  2673.    max-width: 400px;
  2674.    margin: 0 auto;
  2675.    margin-top: 10%
  2676. }
  2677.  
  2678. .lockscreen .lockscreen-name {
  2679.    text-align: center;
  2680.    font-weight: 600
  2681. }
  2682.  
  2683. .lockscreen-item {
  2684.    border-radius: 4px;
  2685.    padding: 0;
  2686.    background: #fff;
  2687.    position: relative;
  2688.    margin: 10px auto 30px auto;
  2689.    width: 290px
  2690. }
  2691.  
  2692. .lockscreen-image {
  2693.    border-radius: 50%;
  2694.    position: absolute;
  2695.    left: -10px;
  2696.    top: -25px;
  2697.    background: #fff;
  2698.    padding: 5px;
  2699.    z-index: 10
  2700. }
  2701.  
  2702. .lockscreen-image>img {
  2703.    border-radius: 50%;
  2704.    width: 70px;
  2705.    height: 70px
  2706. }
  2707.  
  2708. .lockscreen-credentials {
  2709.    margin-left: 70px
  2710. }
  2711.  
  2712. .lockscreen-credentials .form-control {
  2713.    border: 0
  2714. }
  2715.  
  2716. .lockscreen-credentials .btn {
  2717.    background-color: #fff;
  2718.    border: 0;
  2719.    padding: 0 10px
  2720. }
  2721.  
  2722. .lockscreen-footer {
  2723.    margin-top: 10px
  2724. }
  2725.  
  2726. .login-logo,
  2727. .register-logo {
  2728.    font-size: 35px;
  2729.    text-align: center;
  2730.    margin-bottom: 25px;
  2731.    font-weight: 300
  2732. }
  2733.  
  2734. .login-logo a,
  2735. .register-logo a {
  2736.    color: #444
  2737. }
  2738.  
  2739. .login-page,
  2740. .register-page {
  2741.    background: #d2d6de
  2742. }
  2743.  
  2744. .login-box,
  2745. .register-box {
  2746.    width: 360px;
  2747.    margin: 7% auto
  2748. }
  2749.  
  2750. @media (max-width:768px) {
  2751.    .login-box,
  2752.    .register-box {
  2753.        width: 90%;
  2754.        margin-top: 20px
  2755.    }
  2756. }
  2757.  
  2758. .login-box-body,
  2759. .register-box-body {
  2760.    background: #fff;
  2761.    padding: 20px;
  2762.    border-top: 0;
  2763.    color: #666
  2764. }
  2765.  
  2766. .login-box-body .form-control-feedback,
  2767. .register-box-body .form-control-feedback {
  2768.    color: #777
  2769. }
  2770.  
  2771. .login-box-msg,
  2772. .register-box-msg {
  2773.    margin: 0;
  2774.    text-align: center;
  2775.    padding: 0 20px 20px 20px
  2776. }
  2777.  
  2778. .social-auth-links {
  2779.    margin: 10px 0
  2780. }
  2781.  
  2782. .error-page {
  2783.    width: 600px;
  2784.    margin: 20px auto 0 auto
  2785. }
  2786.  
  2787. @media (max-width:991px) {
  2788.    .error-page {
  2789.        width: 100%
  2790.    }
  2791. }
  2792.  
  2793. .error-page>.headline {
  2794.    float: left;
  2795.    font-size: 100px;
  2796.    font-weight: 300
  2797. }
  2798.  
  2799. @media (max-width:991px) {
  2800.    .error-page>.headline {
  2801.        float: none;
  2802.        text-align: center
  2803.    }
  2804. }
  2805.  
  2806. .error-page>.error-content {
  2807.    margin-left: 190px;
  2808.    display: block
  2809. }
  2810.  
  2811. @media (max-width:991px) {
  2812.    .error-page>.error-content {
  2813.        margin-left: 0
  2814.    }
  2815. }
  2816.  
  2817. .error-page>.error-content>h3 {
  2818.    font-weight: 300;
  2819.    font-size: 25px
  2820. }
  2821.  
  2822. @media (max-width:991px) {
  2823.    .error-page>.error-content>h3 {
  2824.        text-align: center
  2825.    }
  2826. }
  2827.  
  2828. .invoice {
  2829.    position: relative;
  2830.    background: #fff;
  2831.    border: 1px solid #f4f4f4;
  2832.    padding: 20px;
  2833.    margin: 10px 25px
  2834. }
  2835.  
  2836. .invoice-title {
  2837.    margin-top: 0
  2838. }
  2839.  
  2840. .profile-user-img {
  2841.    margin: 0 auto;
  2842.    width: 100px;
  2843.    padding: 3px;
  2844.    border: 3px solid #d2d6de
  2845. }
  2846.  
  2847. .profile-username {
  2848.    font-size: 21px;
  2849.    margin-top: 5px
  2850. }
  2851.  
  2852. .post {
  2853.    border-bottom: 1px solid #d2d6de;
  2854.    margin-bottom: 15px;
  2855.    padding-bottom: 15px;
  2856.    color: #666
  2857. }
  2858.  
  2859. .post:last-of-type {
  2860.    border-bottom: 0;
  2861.    margin-bottom: 0;
  2862.    padding-bottom: 0
  2863. }
  2864.  
  2865. .post .user-block {
  2866.    margin-bottom: 15px
  2867. }
  2868.  
  2869. .bg-gray {
  2870.    color: #000;
  2871.    background-color: #d2d6de !important
  2872. }
  2873.  
  2874. .bg-gray-light {
  2875.    background-color: #f7f7f7
  2876. }
  2877.  
  2878. .bg-black {
  2879.    background-color: #111 !important
  2880. }
  2881.  
  2882. .bg-red,
  2883. .callout.callout-danger,
  2884. .alert-danger,
  2885. .alert-error,
  2886. .label-danger,
  2887. .modal-danger .modal-body {
  2888.    background-color: #dd4b39 !important
  2889. }
  2890.  
  2891. .bg-yellow,
  2892. .callout.callout-warning,
  2893. .alert-warning,
  2894. .label-warning,
  2895. .modal-warning .modal-body {
  2896.    background-color: #f39c12 !important
  2897. }
  2898.  
  2899. .bg-aqua,
  2900. .callout.callout-info,
  2901. .alert-info,
  2902. .label-info,
  2903. .modal-info .modal-body {
  2904.    background-color: #00c0ef !important
  2905. }
  2906.  
  2907. .bg-blue {
  2908.    background-color: #0073b7 !important
  2909. }
  2910.  
  2911. .bg-light-blue,
  2912. .label-primary,
  2913. .modal-primary .modal-body {
  2914.    background-color: #3c8dbc !important
  2915. }
  2916.  
  2917. .bg-green,
  2918. .callout.callout-success,
  2919. .alert-success,
  2920. .label-success,
  2921. .modal-success .modal-body {
  2922.    background-color: #00a65a !important
  2923. }
  2924.  
  2925. .bg-navy {
  2926.    background-color: #001f3f !important
  2927. }
  2928.  
  2929. .bg-teal {
  2930.    background-color: #39cccc !important
  2931. }
  2932.  
  2933. .bg-olive {
  2934.    background-color: #3d9970 !important
  2935. }
  2936.  
  2937. .bg-lime {
  2938.    background-color: #01ff70 !important
  2939. }
  2940.  
  2941. .bg-orange {
  2942.    background-color: #ff851b !important
  2943. }
  2944.  
  2945. .bg-fuchsia {
  2946.    background-color: #f012be !important
  2947. }
  2948.  
  2949. .bg-purple {
  2950.    background-color: #605ca8 !important
  2951. }
  2952.  
  2953. .bg-maroon {
  2954.    background-color: #d81b60 !important
  2955. }
  2956.  
  2957. .bg-gray-active {
  2958.    color: #000;
  2959.    background-color: #b5bbc8 !important
  2960. }
  2961.  
  2962. .bg-black-active {
  2963.    background-color: #000 !important
  2964. }
  2965.  
  2966. .bg-red-active,
  2967. .modal-danger .modal-header,
  2968. .modal-danger .modal-footer {
  2969.    background-color: #d33724 !important
  2970. }
  2971.  
  2972. .bg-yellow-active,
  2973. .modal-warning .modal-header,
  2974. .modal-warning .modal-footer {
  2975.    background-color: #db8b0b !important
  2976. }
  2977.  
  2978. .bg-aqua-active,
  2979. .modal-info .modal-header,
  2980. .modal-info .modal-footer {
  2981.    background-color: #00a7d0 !important
  2982. }
  2983.  
  2984. .bg-blue-active {
  2985.    background-color: #005384 !important
  2986. }
  2987.  
  2988. .bg-light-blue-active,
  2989. .modal-primary .modal-header,
  2990. .modal-primary .modal-footer {
  2991.    background-color: #357ca5 !important
  2992. }
  2993.  
  2994. .bg-green-active,
  2995. .modal-success .modal-header,
  2996. .modal-success .modal-footer {
  2997.    background-color: #008d4c !important
  2998. }
  2999.  
  3000. .bg-navy-active {
  3001.    background-color: #001a35 !important
  3002. }
  3003.  
  3004. .bg-teal-active {
  3005.    background-color: #30bbbb !important
  3006. }
  3007.  
  3008. .bg-olive-active {
  3009.    background-color: #368763 !important
  3010. }
  3011.  
  3012. .bg-lime-active {
  3013.    background-color: #00e765 !important
  3014. }
  3015.  
  3016. .bg-orange-active {
  3017.    background-color: #ff7701 !important
  3018. }
  3019.  
  3020. .bg-fuchsia-active {
  3021.    background-color: #db0ead !important
  3022. }
  3023.  
  3024. .bg-purple-active {
  3025.    background-color: #555299 !important
  3026. }
  3027.  
  3028. .bg-maroon-active {
  3029.    background-color: #ca195a !important
  3030. }
  3031.  
  3032. [class^="bg-"].disabled {
  3033.    opacity: .65;
  3034.    filter: alpha(opacity=65)
  3035. }
  3036.  
  3037. .text-red {
  3038.    color: #dd4b39 !important
  3039. }
  3040.  
  3041. .text-yellow {
  3042.    color: #f39c12 !important
  3043. }
  3044.  
  3045. .text-aqua {
  3046.    color: #00c0ef !important
  3047. }
  3048.  
  3049. .text-blue {
  3050.    color: #0073b7 !important
  3051. }
  3052.  
  3053. .text-black {
  3054.    color: #111 !important
  3055. }
  3056.  
  3057. .text-light-blue {
  3058.    color: #3c8dbc !important
  3059. }
  3060.  
  3061. .text-green {
  3062.    color: #00a65a !important
  3063. }
  3064.  
  3065. .text-gray {
  3066.    color: #d2d6de !important
  3067. }
  3068.  
  3069. .text-navy {
  3070.    color: #001f3f !important
  3071. }
  3072.  
  3073. .text-teal {
  3074.    color: #39cccc !important
  3075. }
  3076.  
  3077. .text-olive {
  3078.    color: #3d9970 !important
  3079. }
  3080.  
  3081. .text-lime {
  3082.    color: #01ff70 !important
  3083. }
  3084.  
  3085. .text-orange {
  3086.    color: #ff851b !important
  3087. }
  3088.  
  3089. .text-fuchsia {
  3090.    color: #f012be !important
  3091. }
  3092.  
  3093. .text-purple {
  3094.    color: #605ca8 !important
  3095. }
  3096.  
  3097. .text-maroon {
  3098.    color: #d81b60 !important
  3099. }
  3100.  
  3101. .link-muted {
  3102.    color: #7a869d
  3103. }
  3104.  
  3105. .link-muted:hover,
  3106. .link-muted:focus {
  3107.    color: #606c84
  3108. }
  3109.  
  3110. .link-black {
  3111.    color: #666
  3112. }
  3113.  
  3114. .link-black:hover,
  3115. .link-black:focus {
  3116.    color: #999
  3117. }
  3118.  
  3119. .list-header {
  3120.    font-size: 15px;
  3121.    padding: 10px 4px;
  3122.    font-weight: bold;
  3123.    color: #666
  3124. }
  3125.  
  3126. .list-seperator {
  3127.    height: 1px;
  3128.    background: #f4f4f4;
  3129.    margin: 15px 0 9px 0
  3130. }
  3131.  
  3132. .list-link>a {
  3133.    padding: 4px;
  3134.    color: #777
  3135. }
  3136.  
  3137. .list-link>a:hover {
  3138.    color: #222
  3139. }
  3140.  
  3141.  
  3142. .user-block:before,
  3143. .user-block:after {
  3144.    content: " ";
  3145.    display: table
  3146. }
  3147.  
  3148. .user-block:after {
  3149.    clear: both
  3150. }
  3151.  
  3152. .user-block img {
  3153.    width: 40px;
  3154.    height: 40px;
  3155.    float: left
  3156. }
  3157.  
  3158. .user-block .username,
  3159. .user-block .description,
  3160. .user-block .comment {
  3161.    display: block;
  3162.    margin-left: 50px
  3163. }
  3164.  
  3165. .user-block .username {
  3166.    font-size: 16px;
  3167.    font-weight: 600
  3168. }
  3169.  
  3170. .user-block .description {
  3171.    color: #999;
  3172.    font-size: 13px
  3173. }
  3174.  
  3175. .user-block.user-block-sm .username,
  3176. .user-block.user-block-sm .description,
  3177. .user-block.user-block-sm .comment {
  3178.    margin-left: 40px
  3179. }
  3180.  
  3181. .user-block.user-block-sm .username {
  3182.    font-size: 14px
  3183. }
  3184.  
  3185. .img-sm,
  3186. .img-md,
  3187. .img-lg,
  3188. .box-comments .box-comment img,
  3189. .user-block.user-block-sm img {
  3190.    float: left
  3191. }
  3192.  
  3193. .img-sm,
  3194. .box-comments .box-comment img,
  3195. .user-block.user-block-sm img {
  3196.    width: 30px !important;
  3197.    height: 30px !important
  3198. }
  3199.  
  3200. .img-sm+.img-push {
  3201.    margin-left: 40px
  3202. }
  3203.  
  3204. .img-md {
  3205.    width: 60px;
  3206.    height: 60px
  3207. }
  3208.  
  3209. .img-md+.img-push {
  3210.    margin-left: 70px
  3211. }
  3212.  
  3213. .img-lg {
  3214.    width: 100px;
  3215.    height: 100px
  3216. }
  3217.  
  3218. .img-lg+.img-push {
  3219.    margin-left: 110px
  3220. }
  3221.  
  3222. .img-bordered {
  3223.    border: 3px solid #d2d6de;
  3224.    padding: 3px
  3225. }
  3226.  
  3227. .img-bordered-sm {
  3228.    border: 2px solid #d2d6de;
  3229.    padding: 2px
  3230. }
  3231.  
  3232. .attachment-block {
  3233.    border: 1px solid #f4f4f4;
  3234.    padding: 5px;
  3235.    margin-bottom: 10px;
  3236.    background: #f7f7f7
  3237. }
  3238.  
  3239. .attachment-block .attachment-img {
  3240.    max-width: 100px;
  3241.    max-height: 100px;
  3242.    height: auto;
  3243.    float: left
  3244. }
  3245.  
  3246. .attachment-block .attachment-pushed {
  3247.    margin-left: 110px
  3248. }
  3249.  
  3250. .attachment-block .attachment-heading {
  3251.    margin: 0
  3252. }
  3253.  
  3254. .attachment-block .attachment-text {
  3255.    color: #555
  3256. }
  3257.  
  3258. .connectedSortable {
  3259.    min-height: 100px
  3260. }
  3261.  
  3262. .ui-helper-hidden-accessible {
  3263.    border: 0;
  3264.    clip: rect(0 0 0 0);
  3265.    height: 1px;
  3266.    margin: -1px;
  3267.    overflow: hidden;
  3268.    padding: 0;
  3269.    position: absolute;
  3270.    width: 1px
  3271. }
  3272.  
  3273. .sort-highlight {
  3274.    background: #f4f4f4;
  3275.    border: 1px dashed #ddd;
  3276.    margin-bottom: 10px
  3277. }
  3278.  
  3279. .full-opacity-hover {
  3280.    opacity: .65;
  3281.    filter: alpha(opacity=65)
  3282. }
  3283.  
  3284. .full-opacity-hover:hover {
  3285.    opacity: 1;
  3286.    filter: alpha(opacity=100)
  3287. }
  3288.  
  3289. .chart {
  3290.    position: relative;
  3291.    overflow: hidden;
  3292.    width: 100%
  3293. }
  3294.  
  3295. .chart svg,
  3296. .chart canvas {
  3297.    width: 100% !important
  3298. }
  3299.  
  3300. @media print {
  3301.    .no-print,
  3302.    .main-sidebar,
  3303.    .left-side,
  3304.    .main-header,
  3305.    .content-header {
  3306.        display: none !important
  3307.    }
  3308.    .content-wrapper,
  3309.    .right-side,
  3310.    .main-footer {
  3311.        margin-left: 0 !important;
  3312.        min-height: 0 !important;
  3313.        -webkit-transform: translate(0, 0) !important;
  3314.        -ms-transform: translate(0, 0) !important;
  3315.        -o-transform: translate(0, 0) !important;
  3316.        transform: translate(0, 0) !important
  3317.    }
  3318.    .fixed .content-wrapper,
  3319.    .fixed .right-side {
  3320.        padding-top: 0 !important
  3321.    }
  3322.    .invoice {
  3323.        width: 100%;
  3324.        border: 0;
  3325.        margin: 0;
  3326.        padding: 0
  3327.    }
  3328.    .invoice-col {
  3329.        float: left;
  3330.        width: 33.3333333%
  3331.    }
  3332.    .table-responsive {
  3333.        overflow: auto
  3334.    }
  3335.    .table-responsive>.table tr th,
  3336.    .table-responsive>.table tr td {
  3337.        white-space: normal !important
  3338.    }
  3339. }            :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;} }
  3340. .single-tech > .post-item {
  3341.    max-height: 550px;
  3342.    overflow: hidden;
  3343. }
  3344. @media (min-width:1024px) and (max-width:1300px){
  3345.    .latest-1 .latest-grid-1 {
  3346.        grid-template-columns: repeat(3, 1fr);
  3347.    }
  3348. }
  3349.  
  3350.  
  3351.            /* Content from footer.css */
  3352.            .main-footer {
  3353.    /* background-image: url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif); */
  3354.    background-repeat: no-repeat;
  3355.    background-position: bottom center;
  3356.    background-size: contain;
  3357.    background-color: rgba(23, 49, 80, 1);
  3358. }
  3359.  
  3360. .main-footer a {
  3361.    color: #fff;
  3362. }
  3363.  
  3364. .main-footer a:hover {
  3365.    color: var(--primary);
  3366. }
  3367.  
  3368. .main-footer .footer-grid .col {
  3369.    display: flex;
  3370.    flex-direction: column;
  3371.    justify-content: flex-start;
  3372.    align-items: stretch;
  3373. }
  3374.  
  3375. .main-footer .footer-title {
  3376.    font-size: 26px;
  3377.    text-decoration: underline;
  3378.    text-transform: uppercase;
  3379.    letter-spacing: 0.5px;
  3380. }
  3381.  
  3382. .main-footer .contact svg {
  3383.    background: #000;
  3384.    color: #fff;
  3385.    padding: 10px;
  3386.    width: 40px;
  3387.    text-align: center;
  3388.    border-radius: 10px;
  3389.    font-size: 18px;
  3390.    margin-right: 10px;
  3391. }
  3392.  
  3393. .main-footer .contact a:hover svg {
  3394.    background: var(--primary);
  3395.    fill: #fff;
  3396. }
  3397.  
  3398. .main-footer .social-links {}
  3399.  
  3400. .main-footer .social-links .facebook {
  3401.    background-color: #1877f2;
  3402. }
  3403.  
  3404. .main-footer .social-links .twitter {
  3405.    background-color: #000000;
  3406. }
  3407.  
  3408. .main-footer .social-links .instagram {
  3409.    background-color: #c32aa3;
  3410. }
  3411.  
  3412. .main-footer .social-links .linkedin {
  3413.    background-color: #0a66c2;
  3414. }
  3415.  
  3416. .main-footer .social-links a {
  3417.    display: inline-block;
  3418.    text-align: center;
  3419.    background-color: #000;
  3420.    border-radius: 10px;
  3421.    padding: 10px;
  3422.    color: #fff;
  3423.    font-size: 12px;
  3424.    margin: 0 5px;
  3425. }
  3426.  
  3427. .main-footer .social-links a:hover {
  3428.    background: #838383;
  3429.    color: #fff;
  3430. }
  3431.  
  3432. .main-footer .social-links svg {
  3433.    width: 20px;
  3434.    height: 20px;
  3435. }
  3436.  
  3437. .main-footer ul.footer-menu {
  3438.    list-style: none;
  3439.    display: inline-block;
  3440.    margin: 0;
  3441. }
  3442.  
  3443. .main-footer ul.footer-menu li {
  3444.    float: left;
  3445.    margin: 0 10px 10px;
  3446. }
  3447.  
  3448. .copyright,
  3449. .copyright a {
  3450.    color: #9b9b9b;
  3451. }
  3452.  
  3453. copyright {
  3454.    font-size: 15px;
  3455. }
  3456.  
  3457. copyright strong {
  3458.    font-weight: 500;
  3459. }
  3460.            
  3461.        </style>
  3462.        
  3463.        
  3464. <!-- Google tag (gtag.js) -->
  3465. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LTET9EFL41"></script>
  3466. <script>
  3467.  window.dataLayer = window.dataLayer || [];
  3468.  function gtag(){dataLayer.push(arguments);}
  3469.  gtag('js', new Date());
  3470.  
  3471.  gtag('config', 'G-LTET9EFL41');
  3472. </script>
  3473.  
  3474.        <!-- Google Adsense Code -->
  3475.        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163"
  3476.        crossorigin="anonymous"></script>
  3477.        <script>
  3478.  
  3479. </script>
  3480.  
  3481.    </head>
  3482.    <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
  3483.    <body class="">
  3484.        <div class="page-wrapper" id="#page">
  3485.            <header class="main-header pt25 pb30">
  3486.                <div class="container">
  3487.                     <!-- Dynamic Breadcrumb -->
  3488.                                        <nav class="breadcrumb">
  3489.                                                                                    <a href="https://click4r.com/">Home</a>
  3490.                                 >                                                                                                                 <a href="https://click4r.com/posts/c//">Unknown Category</a>
  3491.                                 >                                                                                                                 <a href="https://click4r.com/posts/g/4273810/de-goede-kant-van-gratis-pornosites">De goede kant van gratis pornosites
  3492. </a>
  3493.                                                                                                        </nav>
  3494.                                        <!-- End Dynamic Breadcrumb -->
  3495.                    <div class="navbar-custom-menu user-menu align-right grid columns-2">
  3496.                          <div class="Gtranslate">
  3497.                           <div id="google_translate_element"></div>
  3498.                           </div>
  3499.                            
  3500.                                                            <ul class="nav navbar-nav inline-list user-nav mb5">
  3501.                                    <li><a title="Sign In" href="https://click4r.com/user/login">Sign In</a></li>
  3502.                                    <li><a title="Register" href="https://click4r.com/user/register">Register</a></li>
  3503.                                </ul>
  3504.                            
  3505.                        </div>
  3506.                <nav class="main-nav nav bg-white">
  3507.                        <div class="header-logo">
  3508.                            <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>
  3509.                            <span type="button" class="navicon dt-hide tb-block" data-toggle="collapse" data-target="#navbar-collapse">
  3510.                                <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>
  3511.                            </span>
  3512.                        </div>
  3513.                        <div class="navbar-form header-form dt-hide tb-block" role="search">
  3514.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3515.                            </div>
  3516.                        
  3517.                        <!-- Collect the nav links, forms, and other content for toggling -->
  3518.                        <div class="navbar collapse navbar-collapse pull-left" id="navbar-collapse">
  3519.                            <ul class="nav navbar-nav">
  3520.                                <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">
  3521.                          <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">
  3522.                           <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>            
  3523.                          </ul>                            </ul>
  3524.                            <div class="navbar-form header-form mb-hide tb-hide" role="search">
  3525.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  3526.                            </div>
  3527.                        </div>
  3528.                        <!-- /.navbar-collapse -->
  3529.                </nav>
  3530.                </div>
  3531.            </header><main id="main" class="single-main pt30">
  3532.    <section class="single-content-section pb50 mb-pt0">
  3533.        <div class="container">
  3534.            <div class="single-post-content">
  3535.                <div class="single-post-meta grid v-align-center columns-5-7 fs-14 mb20 grid-gap-10">
  3536.                    <div class="author align-left capitalize">
  3537.                        <a href="https://click4r.com/posts/u/2035717/Author-rylanmanuel12">
  3538.                        <img src="https://click4r.com/images/profile/default.png" class="user-profile-img circle" alt="Author Image" width="20" height="30"> rylanmanuel12</a></div>
  3539.                    <div class="post-date align-right">
  3540.                        <i class="fa fa-calendar mr5"></i>May 13, 2022                    </div>
  3541.                </div>
  3542.                <h1 class="single-post-title capitalize">De goede kant van gratis pornosites
  3543. </h1>
  3544.                
  3545.                <div class="ad-block mb20">
  3546.                    <div id='div-gpt-ad-1688652074561-0'>
  3547.                     <script>googletag.cmd.push(function() { googletag.display('div-gpt-ad-1688652074561-0'); });</script>
  3548.                    </div>
  3549.                </div>
  3550.                <!-- Google ad ends here -->
  3551.                <div class="single-content-body">
  3552.                    Gratis is het nieuwe zwart. En gratis pornovideosites zijn de nieuwste trend in de wereld van online video-inhoud. Er is een overvloed aan gratis inhoud die erop wacht om van u te genieten. Maar hoe verdienen deze bedrijven geld? En wat is hun businessmodel? Die vragen ga ik vandaag voor je beantwoorden. Deze sites zijn nu populairder dan ooit, omdat ze een geweldige manier bieden om van gratis inhoud te genieten zonder ervoor te betalen.<br/><br/><img src="https://c4.wallpaperflare.com/wallpaper/520/985/185/candice-swanepoel-hot-for-victoria-s-wallpaper-preview.jpg" width="500" height="500" alt="Gratis Porno" /><br/><br/>Seksvideo's gaan helemaal over fantasie, en sommige zijn vreemd verrassend. Het volgende is een goed verhaal. Een goed gemaakt verhaal is altijd vermakelijk, ongeacht het medium. In een entertainmentvideo zorgt een goed verhaal ervoor dat kijkers geboeid blijven en meer willen zien. Het moet interessant zijn. Je kunt verschillende genres van seksvideo's vinden om uit te kiezen. Een van de meest bekeken seksvideo's is een rollenspel, waarbij mensen verschillende persona's aannemen, en er is meestal een verhaallijn bij betrokken. Vervolgens zijn de goede productiewaarden.<br/><br/>Als u streamt vanaf gerenommeerde sites, bent u veilig. Wees vervolgens voorzichtig bij het gebruik van gratis wifi. Gratis wifi is geweldig, maar het kan ook gevaarlijk zijn. Als je niet oppast, kun je verbinding maken met <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  3553.                                      <ins class="adsbygoogle"
  3554.                                           style="display:block"
  3555.                                           data-ad-client="4199043345186163"
  3556.                                           data-ad-slot="8758106589"
  3557.                                           data-ad-format="auto"
  3558.                                           data-full-width-responsive="true"></ins>
  3559.                                      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>een nep-hotspot die eigenlijk oplichterij is. Oplichters kunnen deze nep-hotspots gebruiken om uw persoonlijke gegevens te stelen. Maak dus alleen verbinding met wifi-netwerken die je vertrouwt. Gebruik ook altijd een VPN. Een VPN (een virtueel particulier netwerk) is een geweldige manier om uzelf te beschermen bij het streamen van video's of het downloaden van bestanden van internet.&nbsp;Om te genereren&nbsp;meer&nbsp; details gelieve&nbsp;ga naar&nbsp;<a href="https://hetepornoclips.com/">Hetepornoclips</a><br/><br/>Als je het groot wilt maken, moet je gepassioneerd zijn over wat je doet. Je moet een sterk verlangen hebben om te slagen. Je moet ook bereid zijn om de lange uren in te zetten. Deze industrie is niet voor degenen die op zoek zijn naar een gemakkelijke baan. Als je het in deze branche wilt maken, moet je mentaal en fysiek voorbereid zijn. De Video's XXX-industrie verandert voortdurend. Dingen kunnen in een oogwenk veranderen en je moet je snel kunnen aanpassen. Je moet flexibel zijn en je moeten kunnen aanpassen aan de veranderingen.<br/><br/>Het is ook een geweldige manier om op de hoogte te blijven van de nieuwste inhoud zonder dat u een abonnement hoeft te betalen. Of je nu een consument bent die geld wil besparen of een bedrijf dat meer bezoekers trekt, gratis porno-opties zijn het <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  3560.                                      <ins class="adsbygoogle"
  3561.                                           style="display:block"
  3562.                                           data-ad-client="4199043345186163"
  3563.                                           data-ad-slot="8758106589"
  3564.                                           data-ad-format="auto"
  3565.                                           data-full-width-responsive="true"></ins>
  3566.                                      <script>(adsbygoogle = window.adsbygoogle || []).push({});</script>ontdekken waard. Dus waarom worden gratis pornosites precies zo populair? Het komt neer op drie dingen: kwaliteit, variatie en gemak. Naarmate de kwaliteit van gratis inhoud blijft verbeteren en de verscheidenheid aan opties toeneemt, is het waarschijnlijk dat steeds meer mensen gratis zullen profiteren van wat er beschikbaar is.<br/><br/><img src="https://sevenwondersoftheworld.net/wp-content/uploads/2017/01/Tilde-Froling.jpg" width="500" height="500" alt="Gratis Porno" /><br/><br/>Dit is een van de belangrijkste dingen die u kunt doen om veilig online te blijven. Zorg ervoor dat alle software op uw computer up-to-date is, inclusief uw besturingssysteem, webbrowser en antivirusprogramma. Door uw software up-to-date te houden, kunt u ervoor zorgen dat u over de nieuwste beveiligingspatches en fixes beschikt. Let ten slotte op waar u op klikt. Veel malwareprogramma's worden verspreid via e-mail of kwaadaardige websites. Als u niet oppast, kunt u per ongeluk op een link klikken die een virus op uw computer installeert. Wees dus heel voorzichtig met waar u op klikt en klik alleen op links van bronnen die u vertrouwt.<br/>                         </div>
  3567.                         <div class="post-tags">
  3568.                            <strong>Tags:</strong> Gratis Porno                        </div>
  3569.                        
  3570.                    
  3571.                    </div>
  3572.            
  3573.            </div>
  3574.        </div>
  3575.        
  3576.    </section>
  3577.  
  3578. <section class="related-posts-section pt30 pb30">
  3579.    <div class="container">
  3580.        <h2 class="related-posts-title">You Might Also Like</h2>
  3581.        <div class="related-posts-grid grid grid-gap-20 columns-3">
  3582.                                                                    <div class="related-post-item">
  3583.                       <a href="https://click4r.com/posts/g/18871766/beijing-tour-3-points-to-consider-a-better-forbidden-city-tour">
  3584.  
  3585.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Beijing Tour - 3 Points To Consider A Better Forbidden City Tour" class="related-post-thumbnail" />
  3586.                                                            <h3 class="related-post-title">
  3587.                                Beijing Tour - 3 Points To&#8230;                            </h3>
  3588.                        </a>
  3589.                        <p class="related-post-date">
  3590.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3591.                    </div>
  3592.                                                        <div class="related-post-item">
  3593.                       <a href="https://click4r.com/posts/g/18872059/a-provocative-rant-about-automatic-bean-to-cup-coffee-machine">
  3594.  
  3595.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="A Provocative Rant About Automatic Bean To Cup Coffee Machine" class="related-post-thumbnail" />
  3596.                                                            <h3 class="related-post-title">
  3597.                                A Provocative Rant About&#8230;                            </h3>
  3598.                        </a>
  3599.                        <p class="related-post-date">
  3600.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3601.                    </div>
  3602.                                                        <div class="related-post-item">
  3603.                       <a href="https://click4r.com/posts/g/18871916/12304-12302-luck-12303-review-65306-the-first-offering-from-jo">
  3604.  
  3605.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="&amp;#12304;&amp;#12302;Luck&amp;#12303; Review&amp;#65306; The First Offering From Jo" class="related-post-thumbnail" />
  3606.                                                            <h3 class="related-post-title">
  3607.                                &#12304;&#12302;Luck&#12303;&#8230;                            </h3>
  3608.                        </a>
  3609.                        <p class="related-post-date">
  3610.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3611.                    </div>
  3612.                                                        <div class="related-post-item">
  3613.                       <a href="https://click4r.com/posts/g/18871141/15-things-you-didn-t-know-about-coffee-machine-from-beans">
  3614.  
  3615.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="15 Things You Didn&#039;t Know About Coffee Machine From Beans" class="related-post-thumbnail" />
  3616.                                                            <h3 class="related-post-title">
  3617.                                15 Things You Didn't Know&#8230;                            </h3>
  3618.                        </a>
  3619.                        <p class="related-post-date">
  3620.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3621.                    </div>
  3622.                                                        <div class="related-post-item">
  3623.                       <a href="https://click4r.com/posts/g/18871492/buy-verified-paxful-account">
  3624.  
  3625.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="Buy Verified Paxful Account " class="related-post-thumbnail" />
  3626.                                                            <h3 class="related-post-title">
  3627.                                Buy Verified Paxful Account&#8230;                            </h3>
  3628.                        </a>
  3629.                        <p class="related-post-date">
  3630.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3631.                    </div>
  3632.                                                        <div class="related-post-item">
  3633.                       <a href="https://click4r.com/posts/g/18872125/the-10-scariest-things-about-coffee-machines-bean-to-cup">
  3634.  
  3635.                                                                <img loading="lazy" src="https://click4r.com/assets/img/business-updates.avif" alt="The 10 Scariest Things About Coffee Machines Bean To Cup" class="related-post-thumbnail" />
  3636.                                                            <h3 class="related-post-title">
  3637.                                The 10 Scariest Things About&#8230;                            </h3>
  3638.                        </a>
  3639.                        <p class="related-post-date">
  3640.                            <i class="fa fa-calendar"></i> December 25, 2024                        </p>
  3641.                    </div>
  3642.                                    </div>
  3643.    </div>
  3644. </section>
  3645.  
  3646. </main><footer class="main-footer pt50 pb30 align-center">
  3647.    <div class="container">
  3648.        <div class="social-links mb30">
  3649.            <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>
  3650.            <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>
  3651.            <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>
  3652.            <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>
  3653.        </div>
  3654.        <div class="footer-links mb20">
  3655.            <ul class="footer-menu grid grid-gap-10 mb0">
  3656.             <li><a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="navbar-link">Home</a></li>
  3657.             <li><a title="About Click4r Solutions Pvt. Ltd." href="https://click4r.com/aboutus" class="navbar-link">About Us</a></li>
  3658.             <li><a title="Jobs and Employment Opportunities" href="https://click4r.com/Jobs" class="navbar-link">Jobs</a></li>
  3659.             <li><a title="Privacy Policy" href="https://click4r.com/privacy" class="navbar-link">Privacy Policy</a></li>
  3660.             <li><a title="Terms and Conditions" href="https://click4r.com/terms" class="navbar-link">Terms</a></li>
  3661.             <li><a title="Media" href="https://click4r.com/Media" class="navbar-link">Media</a></li>
  3662. <!--<li><a title="Sitemap" href="https://click4r.com/sitemap" class="navbar-link">Sitemap</a></li>-->
  3663.        </ul>
  3664.        </div>
  3665.      
  3666.        <div class="copyright">
  3667.            <div class="align-center">Copyright &copy; 2024 <a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="fw-500">CLICK4R SOLUTIONS Pvt. Ltd</a>.</strong> All rights
  3668.    reserved.</div>
  3669.            
  3670.        </div>
  3671.        
  3672.    </div>
  3673.    <!-- /.container -->
  3674. </footer>
  3675. </div>
  3676. <!-- ./wrapper -->
  3677. <script type="text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.VERTICAL}, 'google_translate_element');}</script>
  3678. <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  3679. <!--scripts-->
  3680.  
  3681. <!-- jQuery 2.2.3 -->
  3682. <script src="https://click4r.com/assets/plugins/jQuery/jquery-2.2.3.min.js"></script>
  3683. <script src="https://click4r.com/assets/js/theme.js"></script>
  3684. <script>
  3685.    jQuery(document).ready(function($) {
  3686.        $(document).on('keydown', '#navbar-search-input', function(event) {
  3687.            console.log('Keydown event triggered. Key code:', event.keyCode);
  3688.            if (event.keyCode === 13) {  // Check for Enter key
  3689.                event.preventDefault();
  3690.                var search = encodeURI($(this).val());
  3691.                window.location.href = "https://click4r.com/posts/search/" + search;
  3692.                return false;
  3693.            }
  3694.        });
  3695.    });
  3696. </script>
  3697. </body>
  3698. </html>
  3699.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda