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

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

  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4.    <head>
  5.        <meta charset="utf-8">
  6.        <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7.        <meta name="viewport" content="width=device-width, initial-scale=1"/>
  8.        <link rel="shortcut icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon" />
  9.        <link rel="icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon" />
  10. <link rel="canonical" href="https://click4r.com/posts/g/14574335/montreenbois" />
  11.        <title>montreenbois | Click4R</title>
  12.        <meta name="description" content="montre avec bracelet en bois D&eacute;couvrez l&eacute;l&eacute;gance intemporelle avec Horlowood.fr, votre destination exclusive pour des montres en bois exquises. Chaque pi&egrave;ce est une fusion de pr&eacute;cision artisanale et de beaut&eacute; naturelle, capturant lessence unique du bois. Nos montres allient style moderne et respect de lenvironnement, cr&eacute;ant une harmonie parfaite entre le design contemporain et la durabilit&eacute;. Explorez notre collection diversifi&eacute;e,&#8230;" />
  13.        <meta name="keywords" content="montre avec bracelet en bois" />
  14.                <meta name="robots" content="index, follow" />
  15.        <!-- yandex webmaster tools verification code -->
  16.        <meta name="yandex-verification" content="c568f150f1aa8b6f" />
  17. <!-- Local Business Structured Data -->
  18.        <script type="application/ld+json">{"@context": "http://schema.org","@type": "LocalBusiness","name": "Click4r Solutions Private Limited","url": "https://click4r.com/","image": "https://c2c.fp.guinfra.com/file/65a9d8ec927d6ef7609db8ecr52HRY3I03","description": "Join Click4r, the best blogging platform to create your own blogs for free in India! Publish anonymous, auto & private blogs on the top blogspot site. Start now!","pricerange":"INR", "email" : "click4rcom@gmail.com","address": {"@type": "PostalAddress","streetAddress": "Plot No:170, 5th Line, N.G.G.O.S COLONY","addressLocality": "Guntur","addressRegion": "Andhra Pradesh","postalCode": "522004","addressCountry": "IN"},"aggregateRating": {"@type": "AggregateRating","ratingValue": "4.9","reviewCount": "43"},"review": {"@type": "Review","reviewRating": {"@type": "Rating","ratingValue": "4.9","bestRating": "5"},"author": {"@type": "Person","name": "Click4r Solutions Private Limited"}},"geo": {"@type": "GeoCoordinates","latitude": "16.292250","longitude": "80.435410"},"openingHoursSpecification": {"@type": "OpeningHoursSpecification","dayOfWeek": ["Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday"],"opens": "00:00","closes": "23:59"},"sameAs": ["https://www.facebook.com/click4rcom/","https://twitter.com/click4rcom","https://www.instagram.com/click4rcom/","https://click4r.quora.com/","https://click4r.com/"]}</script>
  19.        <!-- End-Local Business Structured Data -->
  20.        <!-- Breadcrumb Structured Data -->
  21.        <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>
  22.        <!-- End Breadcrumb Structured Data -->
  23.  
  24.        <!-- GEO Tag -->
  25.        <meta name="DC.title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
  26.        <meta name="geo.region" content="IN-AP" />
  27.        <meta name="geo.placename" content="Guntur" />
  28.        <meta name="geo.position" content="16.292250;80.435410" />
  29.        <meta name="ICBM" content="16.292250, 80.435410" />
  30.        <!-- End GEO Tag -->
  31.  
  32.        <meta property="og:locale" content="en_US" />
  33.        <meta property="og:type" content="website">
  34.        <meta property="og:title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers"/>
  35.        <meta property="og:url" content="https://click4r.com/" />
  36.        <meta property="og:site_name" content="Click4r Solutions Private Limited" />
  37.        <meta property="og:image" content="https://c2c.fp.guinfra.com/file/65a9d8ec927d6ef7609db8ecr52HRY3I03" />
  38.        <meta property="og:description" content="Join Click4r, the best blogging platform to create your own blogs for free in India! Publish anonymous, auto & private blogs on the top blogspot site. Start now!" />
  39.  
  40.        <meta name="twitter:card" content="summary_large_image" />
  41.        <meta name="twitter:site" content="@click4rcom" />
  42.        <meta name="twitter:creator" content="Click4r Solutions Private Limited" />
  43.        <meta name="twitter:title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
  44.        <meta name="twitter:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03" />
  45.        <meta name="twitter:description" content="Join Click4r, the best blogging platform to create your own blogs for free in India! Publish anonymous, auto & private blogs on the top blogspot site. Start now!" />
  46.  
  47.        <!--Google fonts-->
  48.        
  49.        
  50.        <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="adc79cf176546abd2abf94dd-|49"></script><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'">
  51.        <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"></noscript>
  52.  
  53.        <style id="nd-styles">
  54.             /* Content from header.css */
  55.            * {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;}        
  56.            /* Content from header.css */
  57.            .Gtranslate {
  58.    text-align: left;
  59. }
  60. div#google_translate_element {
  61.    display: inline-block;
  62. }
  63.  
  64.  
  65. #google_translate_element .goog-te-gadget {font-size: 0px !important;}
  66. #google_translate_element .goog-te-gadget span {display: none;}
  67. #google_translate_element .goog-te-gadget .goog-te-combo {
  68.    height: 24px;
  69.    font-size: 12px;
  70.    margin: 0 !important;
  71.    border: 1px solid #ccc;
  72.    border-radius: 4px;
  73.    padding-left: 3px;
  74. }
  75. .main-header .user-menu a {
  76.    font-size: 13px;
  77.    font-weight: 600;
  78.    color: #000;        
  79. }
  80. .main-header .user-menu a:hover {
  81.    color:#2f88e3;
  82. }
  83.  
  84. .main-nav {
  85.    background-color: #fff;
  86.    border: 1px solid #cdd7e4;
  87.    border-radius: 20px;
  88.    justify-content: space-between;
  89.    align-items: center;
  90.    padding: 15px 20px;
  91.    display: flex;
  92.    box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
  93.    position:relative;
  94.    /* 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 */
  95. 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+ */
  96.  
  97. }
  98.  
  99. .main-header li.dropdown {position: relative;}
  100. .main-header a.dropdown-toggle {display:block;}
  101. .main-header a.dropdown-toggle img {
  102.    width: 30px;
  103.    height: 30px;
  104.    border-radius: 50%;
  105.    margin-right: 5px;
  106. }
  107. .main-header .user-nav ul.dropdown-menu {
  108.    padding: 10px 10px 15px;
  109.    position: absolute;
  110.    background: #fff;
  111.    z-index: 1111;
  112.    right: 0;
  113.    min-width: 180px;
  114.    text-align: center;
  115.    opacity: 0;
  116.    visibility: hidden;
  117. }
  118. .main-header .user-nav li.dropdown:hover ul.dropdown-menu {
  119.    visibility: visible;
  120.    opacity: 1;
  121. }
  122. .main-header .user-nav a:hover {
  123. background: transparent;
  124. }
  125. .main-header .user-nav li.user-body {
  126.    display: block;
  127.    margin: 5px 0;
  128. }
  129. .main-header .user-nav .user-header p {
  130.    font-weight: 500;
  131.    text-transform: capitalize;
  132.    margin: 5px 0 0;
  133. }
  134. .main-header .user-nav .user-menu .btn {
  135.    padding: 5px 10px;
  136.    border-radius: 4px;
  137.    background: var(--primary);
  138.    color: #fff;
  139.    font-size: 12px;
  140. }
  141. .main-header .user-nav .user-menu .btn:hover {color: #000;}
  142.  
  143. .main-header .user-nav .user-menu li.user-footer {
  144.    text-align: center;
  145.    display: block;
  146.    margin: 0;
  147. }
  148. .main-header .user-nav .user-menu li.user-footer > div {
  149.    display: inline-block;
  150.    margin: 0 3px;
  151. }
  152. .navbar-custom-menu.user-menu {
  153.    grid-template-columns: 140px auto;
  154.    grid-gap: 10px;
  155.    align-items: center;
  156. }
  157. @media (min-width:768px){
  158.  
  159.  
  160. }
  161.  
  162. @media (min-width:1024px){
  163.    .main-nav img.header-logo {
  164.    width: 160px;
  165. }
  166.    .main-nav .navbar {
  167.        display: grid;
  168.        grid-template-columns: auto 170px;
  169.    grid-gap: 20px;
  170.    align-items: center;
  171.    float: right;
  172.    justify-items: end;
  173.    }
  174.    .main-nav .nav > li {
  175.    float: left;
  176.    margin: 0 8px;
  177. }
  178. }
  179.  
  180. .main-nav .nav li.dropdown {position: relative;}
  181. .main-nav .nav li a {
  182.    color: #fff;
  183.    text-transform: uppercase;
  184.    font-size: 15px;
  185.    font-weight: 700;
  186.    display: inline-block;
  187.    
  188. }
  189. .main-nav .nav li a:hover {
  190.    color:#2f88e3;
  191.    background:transparent;
  192. }
  193. .main-nav .nav li > a {
  194.    padding-bottom: 2px;
  195.    border-bottom: 1px solid transparent;
  196. }
  197. .main-nav .nav li > a:hover,
  198. .main-nav .nav li.active > a {
  199.    color:#2f88e3;
  200.    border-color:#fff;
  201.    border-color:transparent;
  202.    background: transparent;
  203. }
  204. .main-nav .nav li span.caret {
  205.    border: solid #fff;
  206.    border-width: 0 2px 2px 0;
  207.    display: inline-block;
  208.    padding: 4px;
  209.    transform: rotate(45deg);
  210. }
  211. @media (min-width:1024px) {
  212. .main-nav .nav .dropdown-menu {
  213.    position: absolute;
  214.    right: 0;
  215.    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+ */
  216.    padding: 10px 25px 5px;
  217.    visibility: hidden;
  218.    opacity: 0;
  219.    transition: all 0.2s ease-in;
  220.    z-index: 111;
  221. }
  222. .main-nav .nav > li:hover .dropdown-menu {
  223.    visibility: visible;
  224.    opacity: 1;
  225. }
  226. .main-nav .nav li span.caret {
  227.    float: right;
  228.    margin-left: 5px;
  229.    margin-top: 5px;
  230. }
  231. }
  232. .main-nav .nav .dropdown-menu li {
  233.    display: block;
  234.    margin: 0 0 5px;
  235.        text-align: left;
  236. }
  237. .main-nav .nav .dropdown-menu li a {
  238.    font-size:14px;
  239. }
  240. #navbar-search-input {
  241. background-color: #f5f7fa;
  242.    border: 1px solid #ddd1ec;
  243.    border-radius: 20px;
  244.    padding: 7px 15px;
  245.    font-size: 13px;
  246.    font-weight: 600;
  247.    color: #000;
  248.        
  249. }
  250. #navbar-search-input::placeholder {
  251.    color: #000;    
  252. }
  253. @media (max-width:1023px){
  254.        
  255.    .main-nav ul.dropdown-menu {
  256.    background: rgba(255, 255, 255, 0.05);
  257.    padding: 5px 20px;
  258.    display: none;
  259. }
  260.    span.navicon {
  261.    border: 1px solid #fff;
  262.    padding: 8px;
  263.    float: right;
  264.    position: absolute;
  265.    right: 20px;
  266.    top: 50%;
  267.    transform: translateY(-50%);
  268.    font-size: 21px;
  269.    display: block;
  270.    line-height:1;
  271. }
  272. span.navicon svg {
  273.    fill: #fff;
  274.    width: 20px;
  275. }
  276. .main-header .navbar {
  277.    /*background-color: #000;*/
  278.    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%);
  279.    border-radius: 10px;
  280.    position: absolute;
  281.    top: 100%;
  282.    z-index: 99999;
  283.    left: 0;
  284.    right: 0;
  285.    padding: 10px 0;
  286.    display:none;
  287. }
  288. .main-nav .nav li {
  289.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  290. }
  291. .main-nav .nav li a {
  292.    color: #fff;
  293.    padding: 10px 15px;
  294.    display:block;
  295. }
  296. .main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
  297. .main-nav .nav li span.caret {
  298.    position: absolute;
  299.    right: 10px;
  300.    top: 15px;
  301. }
  302. .header-form {margin-right:50px;}
  303. }
  304. @media (max-width:767px){
  305.    .main-header {
  306.    padding-top: 15px 20px 20px;
  307. }
  308. .main-nav img.header-logo {
  309.    width: 125px;
  310. }
  311.    .main-nav {
  312.        padding:15px 20px 20px;
  313.    }
  314.    #google_translate_element .goog-te-gadget .goog-te-combo,
  315.    .main-header .user-menu a {
  316.    font-size: 11px;
  317.    }
  318.    .main-header a.dropdown-toggle img {
  319.    width: 24px;
  320.    height: 24px;
  321.    }
  322.  
  323. }
  324. @media (max-width:567px){
  325.    .main-nav {
  326.        padding:15px 20px 70px;
  327.    }
  328.    .main-nav > .header-form {
  329.    position: absolute;
  330.    bottom: 20px;
  331.    left: 20px;
  332.    right: 20px;
  333.    margin:0;
  334. }
  335. .main-nav > .header-form #navbar-search-input {
  336. width:100%;
  337. }
  338. span.navicon {top:31%;}
  339. .navbar-custom-menu.user-menu {
  340.    grid-template-columns: 130px auto;
  341.    grid-gap: 5px;
  342.    align-items: center;
  343. }
  344. }
  345.  
  346. @media (max-width:414px){
  347.    .navbar-custom-menu.user-menu {
  348.    grid-template-columns: 105px auto;
  349.    }
  350.    #google_translate_element .goog-te-gadget .goog-te-combo {
  351.        padding-left: 2px;
  352.    width: 110px;
  353.    }
  354. #google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
  355.        font-size: 11px;
  356.    }
  357. }
  358.  
  359.  
  360.            /* Content from theme.css */
  361.            
  362. .small-box {
  363.    border-radius: 2px;
  364.    position: relative;
  365.    display: block;
  366.    margin-bottom: 20px;
  367.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  368. }
  369.  
  370. .small-box>.inner {
  371.    padding: 10px
  372. }
  373.  
  374. .small-box>.small-box-footer {
  375.    position: relative;
  376.    text-align: center;
  377.    padding: 3px 0;
  378.    color: #fff;
  379.    color: rgba(255, 255, 255, 0.8);
  380.    display: block;
  381.    z-index: 10;
  382.    background: rgba(0, 0, 0, 0.1);
  383.    text-decoration: none
  384. }
  385.  
  386. .small-box>.small-box-footer:hover {
  387.    color: #fff;
  388.    background: rgba(0, 0, 0, 0.15)
  389. }
  390.  
  391. .small-box h3 {
  392.    font-size: 38px;
  393.    font-weight: bold;
  394.    margin: 0 0 10px 0;
  395.    white-space: nowrap;
  396.    padding: 0
  397. }
  398.  
  399. .small-box p {
  400.    font-size: 15px
  401. }
  402.  
  403. .small-box p>small {
  404.    display: block;
  405.    color: #f9f9f9;
  406.    font-size: 13px;
  407.    margin-top: 5px
  408. }
  409.  
  410. .small-box h3,
  411. .small-box p {
  412.    z-index: 5
  413. }
  414.  
  415. .small-box .icon {
  416.    -webkit-transition: all .3s linear;
  417.    -o-transition: all .3s linear;
  418.    transition: all .3s linear;
  419.    position: absolute;
  420.    top: -10px;
  421.    right: 10px;
  422.    z-index: 0;
  423.    font-size: 90px;
  424.    color: rgba(0, 0, 0, 0.15)
  425. }
  426.  
  427. .small-box:hover {
  428.    text-decoration: none;
  429.    color: #f9f9f9
  430. }
  431.  
  432. .small-box:hover .icon {
  433.    font-size: 95px
  434. }
  435.  
  436. @media (max-width:767px) {
  437.    .small-box {
  438.        text-align: center
  439.    }
  440.    .small-box .icon {
  441.        display: none
  442.    }
  443.    .small-box p {
  444.        font-size: 12px
  445.    }
  446. }
  447.  
  448. .box {
  449.    position: relative;
  450.    border-radius: 3px;
  451.    background: #ffffff;
  452.    border-top: 3px solid #d2d6de;
  453.    margin-bottom: 20px;
  454.    width: 100%;
  455.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
  456. }
  457.  
  458. .box.box-primary {
  459.    border-top-color: #3c8dbc
  460. }
  461.  
  462. .box.box-info {
  463.    border-top-color: #00c0ef
  464. }
  465.  
  466. .box.box-danger {
  467.    border-top-color: #dd4b39
  468. }
  469.  
  470. .box.box-warning {
  471.    border-top-color: #f39c12
  472. }
  473.  
  474. .box.box-success {
  475.    border-top-color: #00a65a
  476. }
  477.  
  478. .box.box-default {
  479.    border-top-color: #d2d6de
  480. }
  481.  
  482. .box.collapsed-box .box-body,
  483. .box.collapsed-box .box-footer {
  484.    display: none
  485. }
  486.  
  487. .box .nav-stacked>li {
  488.    border-bottom: 1px solid #f4f4f4;
  489.    margin: 0
  490. }
  491.  
  492. .box .nav-stacked>li:last-of-type {
  493.    border-bottom: none
  494. }
  495.  
  496. .box.height-control .box-body {
  497.    max-height: 300px;
  498.    overflow: auto
  499. }
  500.  
  501. .box .border-right {
  502.    border-right: 1px solid #f4f4f4
  503. }
  504.  
  505. .box .border-left {
  506.    border-left: 1px solid #f4f4f4
  507. }
  508.  
  509. .box.box-solid {
  510.    border-top: 0
  511. }
  512.  
  513. .box.box-solid>.box-header .btn.btn-default {
  514.    background: transparent
  515. }
  516.  
  517. .box.box-solid>.box-header .btn:hover,
  518. .box.box-solid>.box-header a:hover {
  519.    background: rgba(0, 0, 0, 0.1)
  520. }
  521.  
  522. .box.box-solid.box-default {
  523.    border: 1px solid #d2d6de
  524. }
  525.  
  526. .box.box-solid.box-default>.box-header {
  527.    color: #444;
  528.    background: #d2d6de;
  529.    background-color: #d2d6de
  530. }
  531.  
  532. .box.box-solid.box-default>.box-header a,
  533. .box.box-solid.box-default>.box-header .btn {
  534.    color: #444
  535. }
  536.  
  537. .box.box-solid.box-primary {
  538.    border: 1px solid #3c8dbc
  539. }
  540.  
  541. .box.box-solid.box-primary>.box-header {
  542.    color: #fff;
  543.    background: #3c8dbc;
  544.    background-color: #3c8dbc
  545. }
  546.  
  547. .box.box-solid.box-primary>.box-header a,
  548. .box.box-solid.box-primary>.box-header .btn {
  549.    color: #fff
  550. }
  551.  
  552. .box.box-solid.box-info {
  553.    border: 1px solid #00c0ef
  554. }
  555.  
  556. .box.box-solid.box-info>.box-header {
  557.    color: #fff;
  558.    background: #00c0ef;
  559.    background-color: #00c0ef
  560. }
  561.  
  562. .box.box-solid.box-info>.box-header a,
  563. .box.box-solid.box-info>.box-header .btn {
  564.    color: #fff
  565. }
  566.  
  567. .box.box-solid.box-danger {
  568.    border: 1px solid #dd4b39
  569. }
  570.  
  571. .box.box-solid.box-danger>.box-header {
  572.    color: #fff;
  573.    background: #dd4b39;
  574.    background-color: #dd4b39
  575. }
  576.  
  577. .box.box-solid.box-danger>.box-header a,
  578. .box.box-solid.box-danger>.box-header .btn {
  579.    color: #fff
  580. }
  581.  
  582. .box.box-solid.box-warning {
  583.    border: 1px solid #f39c12
  584. }
  585.  
  586. .box.box-solid.box-warning>.box-header {
  587.    color: #fff;
  588.    background: #f39c12;
  589.    background-color: #f39c12
  590. }
  591.  
  592. .box.box-solid.box-warning>.box-header a,
  593. .box.box-solid.box-warning>.box-header .btn {
  594.    color: #fff
  595. }
  596.  
  597. .box.box-solid.box-success {
  598.    border: 1px solid #00a65a
  599. }
  600.  
  601. .box.box-solid.box-success>.box-header {
  602.    color: #fff;
  603.    background: #00a65a;
  604.    background-color: #00a65a
  605. }
  606.  
  607. .box.box-solid.box-success>.box-header a,
  608. .box.box-solid.box-success>.box-header .btn {
  609.    color: #fff
  610. }
  611.  
  612. .box.box-solid>.box-header>.box-tools .btn {
  613.    border: 0;
  614.    box-shadow: none
  615. }
  616.  
  617. .box.box-solid[class*='bg']>.box-header {
  618.    color: #fff
  619. }
  620.  
  621. .box .box-group>.box {
  622.    margin-bottom: 5px
  623. }
  624.  
  625. .box .knob-label {
  626.    text-align: center;
  627.    color: #333;
  628.    font-weight: 100;
  629.    font-size: 12px;
  630.    margin-bottom: 0.3em
  631. }
  632.  
  633. .box>.overlay,
  634. .overlay-wrapper>.overlay,
  635. .box>.loading-img,
  636. .overlay-wrapper>.loading-img {
  637.    position: absolute;
  638.    top: 0;
  639.    left: 0;
  640.    width: 100%;
  641.    height: 100%
  642. }
  643.  
  644. .box .overlay,
  645. .overlay-wrapper .overlay {
  646.    z-index: 50;
  647.    background: rgba(255, 255, 255, 0.7);
  648.    border-radius: 3px
  649. }
  650.  
  651. .box .overlay>.fa,
  652. .overlay-wrapper .overlay>.fa {
  653.    position: absolute;
  654.    top: 50%;
  655.    left: 50%;
  656.    margin-left: -15px;
  657.    margin-top: -15px;
  658.    color: #000;
  659.    font-size: 30px
  660. }
  661.  
  662. .box .overlay.dark,
  663. .overlay-wrapper .overlay.dark {
  664.    background: rgba(0, 0, 0, 0.5)
  665. }
  666.  
  667. .box-header:before,
  668. .box-body:before,
  669. .box-footer:before,
  670. .box-header:after,
  671. .box-body:after,
  672. .box-footer:after {
  673.    content: " ";
  674.    display: table
  675. }
  676.  
  677. .box-header:after,
  678. .box-body:after,
  679. .box-footer:after {
  680.    clear: both
  681. }
  682.  
  683. .box-header {
  684.    color: #444;
  685.    display: block;
  686.    padding: 10px;
  687.    position: relative
  688. }
  689.  
  690. .box-header.with-border {
  691.    border-bottom: 1px solid #f4f4f4
  692. }
  693.  
  694. .collapsed-box .box-header.with-border {
  695.    border-bottom: none
  696. }
  697.  
  698. .box-header>.fa,
  699. .box-header>.glyphicon,
  700. .box-header>.ion,
  701. .box-header .box-title {
  702.    display: inline-block;
  703.    font-size: 18px;
  704.    margin: 0;
  705.    line-height: 1
  706. }
  707.  
  708. .box-header>.fa,
  709. .box-header>.glyphicon,
  710. .box-header>.ion {
  711.    margin-right: 5px
  712. }
  713.  
  714. .box-header>.box-tools {
  715.    position: absolute;
  716.    right: 10px;
  717.    top: 5px
  718. }
  719.  
  720. .box-header>.box-tools [data-toggle="tooltip"] {
  721.    position: relative
  722. }
  723.  
  724. .box-header>.box-tools.pull-right .dropdown-menu {
  725.    right: 0;
  726.    left: auto
  727. }
  728.  
  729. .btn-box-tool {
  730.    padding: 5px;
  731.    font-size: 12px;
  732.    background: transparent;
  733.    color: #97a0b3
  734. }
  735.  
  736. .open .btn-box-tool,
  737. .btn-box-tool:hover {
  738.    color: #606c84
  739. }
  740.  
  741. .btn-box-tool.btn:active {
  742.    box-shadow: none
  743. }
  744.  
  745. .box-body {
  746.    border-top-left-radius: 0;
  747.    border-top-right-radius: 0;
  748.    border-bottom-right-radius: 3px;
  749.    border-bottom-left-radius: 3px;
  750.    padding: 10px
  751. }
  752.  
  753. .no-header .box-body {
  754.    border-top-right-radius: 3px;
  755.    border-top-left-radius: 3px
  756. }
  757.  
  758. .box-body>.table {
  759.    margin-bottom: 0
  760. }
  761.  
  762. .box-body .fc {
  763.    margin-top: 5px
  764. }
  765.  
  766. .box-body .full-width-chart {
  767.    margin: -19px
  768. }
  769.  
  770. .box-body.no-padding .full-width-chart {
  771.    margin: -9px
  772. }
  773.  
  774. .box-body .box-pane {
  775.    border-top-left-radius: 0;
  776.    border-top-right-radius: 0;
  777.    border-bottom-right-radius: 0;
  778.    border-bottom-left-radius: 3px
  779. }
  780.  
  781. .box-body .box-pane-right {
  782.    border-top-left-radius: 0;
  783.    border-top-right-radius: 0;
  784.    border-bottom-right-radius: 3px;
  785.    border-bottom-left-radius: 0
  786. }
  787.  
  788. .box-footer {
  789.    border-top-left-radius: 0;
  790.    border-top-right-radius: 0;
  791.    border-bottom-right-radius: 3px;
  792.    border-bottom-left-radius: 3px;
  793.    border-top: 1px solid #f4f4f4;
  794.    padding: 10px;
  795.    background-color: #fff
  796. }
  797.  
  798. .chart-legend {
  799.    margin: 10px 0
  800. }
  801.  
  802. @media (max-width:991px) {
  803.    .chart-legend>li {
  804.        float: left;
  805.        margin-right: 10px
  806.    }
  807. }
  808.  
  809. .box-comments {
  810.    background: #f7f7f7
  811. }
  812.  
  813. .box-comments .box-comment {
  814.    padding: 8px 0;
  815.    border-bottom: 1px solid #eee
  816. }
  817.  
  818. .box-comments .box-comment:before,
  819. .box-comments .box-comment:after {
  820.    content: " ";
  821.    display: table
  822. }
  823.  
  824. .box-comments .box-comment:after {
  825.    clear: both
  826. }
  827.  
  828. .box-comments .box-comment:last-of-type {
  829.    border-bottom: 0
  830. }
  831.  
  832. .box-comments .box-comment:first-of-type {
  833.    padding-top: 0
  834. }
  835.  
  836. .box-comments .box-comment img {
  837.    float: left
  838. }
  839.  
  840. .box-comments .comment-text {
  841.    margin-left: 40px;
  842.    color: #555
  843. }
  844.  
  845. .box-comments .username {
  846.    color: #444;
  847.    display: block;
  848.    font-weight: 600
  849. }
  850.  
  851. .box-comments .text-muted {
  852.    font-weight: 400;
  853.    font-size: 12px
  854. }
  855.  
  856. .todo-list {
  857.    margin: 0;
  858.    padding: 0;
  859.    list-style: none;
  860.    overflow: auto
  861. }
  862.  
  863. .todo-list>li {
  864.    border-radius: 2px;
  865.    padding: 10px;
  866.    background: #f4f4f4;
  867.    margin-bottom: 2px;
  868.    border-left: 2px solid #e6e7e8;
  869.    color: #444
  870. }
  871.  
  872. .todo-list>li:last-of-type {
  873.    margin-bottom: 0
  874. }
  875.  
  876. .todo-list>li>input[type='checkbox'] {
  877.    margin: 0 10px 0 5px
  878. }
  879.  
  880. .todo-list>li .text {
  881.    display: inline-block;
  882.    margin-left: 5px;
  883.    font-weight: 600
  884. }
  885.  
  886. .todo-list>li .label {
  887.    margin-left: 10px;
  888.    font-size: 9px
  889. }
  890.  
  891. .todo-list>li .tools {
  892.    display: none;
  893.    float: right;
  894.    color: #dd4b39
  895. }
  896.  
  897. .todo-list>li .tools>.fa,
  898. .todo-list>li .tools>.glyphicon,
  899. .todo-list>li .tools>.ion {
  900.    margin-right: 5px;
  901.    cursor: pointer
  902. }
  903.  
  904. .todo-list>li:hover .tools {
  905.    display: inline-block
  906. }
  907.  
  908. .todo-list>li.done {
  909.    color: #999
  910. }
  911.  
  912. .todo-list>li.done .text {
  913.    text-decoration: line-through;
  914.    font-weight: 500
  915. }
  916.  
  917. .todo-list>li.done .label {
  918.    background: #d2d6de !important
  919. }
  920.  
  921. .todo-list .danger {
  922.    border-left-color: #dd4b39
  923. }
  924.  
  925. .todo-list .warning {
  926.    border-left-color: #f39c12
  927. }
  928.  
  929. .todo-list .info {
  930.    border-left-color: #00c0ef
  931. }
  932.  
  933. .todo-list .success {
  934.    border-left-color: #00a65a
  935. }
  936.  
  937. .todo-list .primary {
  938.    border-left-color: #3c8dbc
  939. }
  940.  
  941. .todo-list .handle {
  942.    display: inline-block;
  943.    cursor: move;
  944.    margin: 0 5px
  945. }
  946.  
  947. .chat {
  948.    padding: 5px 20px 5px 10px
  949. }
  950.  
  951. .chat .item {
  952.    margin-bottom: 10px
  953. }
  954.  
  955. .chat .item:before,
  956. .chat .item:after {
  957.    content: " ";
  958.    display: table
  959. }
  960.  
  961. .chat .item:after {
  962.    clear: both
  963. }
  964.  
  965. .chat .item>img {
  966.    width: 40px;
  967.    height: 40px;
  968.    border: 2px solid transparent;
  969.    border-radius: 50%
  970. }
  971.  
  972. .chat .item>.online {
  973.    border: 2px solid #00a65a
  974. }
  975.  
  976. .chat .item>.offline {
  977.    border: 2px solid #dd4b39
  978. }
  979.  
  980. .chat .item>.message {
  981.    margin-left: 55px;
  982.    margin-top: -40px
  983. }
  984.  
  985. .chat .item>.message>.name {
  986.    display: block;
  987.    font-weight: 600
  988. }
  989.  
  990. .chat .item>.attachment {
  991.    border-radius: 3px;
  992.    background: #f4f4f4;
  993.    margin-left: 65px;
  994.    margin-right: 15px;
  995.    padding: 10px
  996. }
  997.  
  998. .chat .item>.attachment>h4 {
  999.    margin: 0 0 5px 0;
  1000.    font-weight: 600;
  1001.    font-size: 14px
  1002. }
  1003.  
  1004. .chat .item>.attachment>p,
  1005. .chat .item>.attachment>.filename {
  1006.    font-weight: 600;
  1007.    font-size: 13px;
  1008.    font-style: italic;
  1009.    margin: 0
  1010. }
  1011.  
  1012. .chat .item>.attachment:before,
  1013. .chat .item>.attachment:after {
  1014.    content: " ";
  1015.    display: table
  1016. }
  1017.  
  1018. .chat .item>.attachment:after {
  1019.    clear: both
  1020. }
  1021.  
  1022. .box-input {
  1023.    max-width: 200px
  1024. }
  1025.  
  1026. .modal .panel-body {
  1027.    color: #444
  1028. }
  1029.  
  1030. .info-box {
  1031.    display: block;
  1032.    min-height: 90px;
  1033.    background: #fff;
  1034.    width: 100%;
  1035.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1036.    border-radius: 2px;
  1037.    margin-bottom: 15px
  1038. }
  1039.  
  1040. .info-box small {
  1041.    font-size: 14px
  1042. }
  1043.  
  1044. .info-box .progress {
  1045.    background: rgba(0, 0, 0, 0.2);
  1046.    margin: 5px -10px 5px -10px;
  1047.    height: 2px
  1048. }
  1049.  
  1050. .info-box .progress,
  1051. .info-box .progress .progress-bar {
  1052.    border-radius: 0
  1053. }
  1054.  
  1055. .info-box .progress .progress-bar {
  1056.    background: #fff
  1057. }
  1058.  
  1059. .info-box-icon {
  1060.    border-top-left-radius: 2px;
  1061.    border-top-right-radius: 0;
  1062.    border-bottom-right-radius: 0;
  1063.    border-bottom-left-radius: 2px;
  1064.    display: block;
  1065.    float: left;
  1066.    height: 90px;
  1067.    width: 90px;
  1068.    text-align: center;
  1069.    font-size: 45px;
  1070.    line-height: 90px;
  1071.    background: rgba(0, 0, 0, 0.2)
  1072. }
  1073.  
  1074. .info-box-icon>img {
  1075.    max-width: 100%
  1076. }
  1077.  
  1078. .info-box-content {
  1079.    padding: 5px 10px;
  1080.    margin-left: 90px
  1081. }
  1082.  
  1083. .info-box-number {
  1084.    display: block;
  1085.    font-weight: bold;
  1086.    font-size: 18px
  1087. }
  1088.  
  1089. .progress-description,
  1090. .info-box-text {
  1091.    display: block;
  1092.    font-size: 14px;
  1093.    white-space: nowrap;
  1094.    overflow: hidden;
  1095.    text-overflow: ellipsis
  1096. }
  1097.  
  1098. .info-box-text {
  1099.    text-transform: uppercase
  1100. }
  1101.  
  1102. .info-box-more {
  1103.    display: block
  1104. }
  1105.  
  1106. .progress-description {
  1107.    margin: 0
  1108. }
  1109.  
  1110. .timeline {
  1111.    position: relative;
  1112.    margin: 0 0 30px 0;
  1113.    padding: 0;
  1114.    list-style: none
  1115. }
  1116.  
  1117. .timeline:before {
  1118.    content: '';
  1119.    position: absolute;
  1120.    top: 0;
  1121.    bottom: 0;
  1122.    width: 4px;
  1123.    background: #ddd;
  1124.    left: 31px;
  1125.    margin: 0;
  1126.    border-radius: 2px
  1127. }
  1128.  
  1129. .timeline>li {
  1130.    position: relative;
  1131.    margin-right: 10px;
  1132.    margin-bottom: 15px
  1133. }
  1134.  
  1135. .timeline>li:before,
  1136. .timeline>li:after {
  1137.    content: " ";
  1138.    display: table
  1139. }
  1140.  
  1141. .timeline>li:after {
  1142.    clear: both
  1143. }
  1144.  
  1145. .timeline>li>.timeline-item {
  1146.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1147.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1148.    border-radius: 3px;
  1149.    margin-top: 0;
  1150.    background: #fff;
  1151.    color: #444;
  1152.    margin-left: 60px;
  1153.    margin-right: 15px;
  1154.    padding: 0;
  1155.    position: relative
  1156. }
  1157.  
  1158. .timeline>li>.timeline-item>.time {
  1159.    color: #999;
  1160.    float: right;
  1161.    padding: 10px;
  1162.    font-size: 12px
  1163. }
  1164.  
  1165. .timeline>li>.timeline-item>.timeline-header {
  1166.    margin: 0;
  1167.    color: #555;
  1168.    border-bottom: 1px solid #f4f4f4;
  1169.    padding: 10px;
  1170.    font-size: 16px;
  1171.    line-height: 1.1
  1172. }
  1173.  
  1174. .timeline>li>.timeline-item>.timeline-header>a {
  1175.    font-weight: 600
  1176. }
  1177.  
  1178. .timeline>li>.timeline-item>.timeline-body,
  1179. .timeline>li>.timeline-item>.timeline-footer {
  1180.    padding: 10px
  1181. }
  1182.  
  1183. .timeline>li>.fa,
  1184. .timeline>li>.glyphicon,
  1185. .timeline>li>.ion {
  1186.    width: 30px;
  1187.    height: 30px;
  1188.    font-size: 15px;
  1189.    line-height: 30px;
  1190.    position: absolute;
  1191.    color: #666;
  1192.    background: #d2d6de;
  1193.    border-radius: 50%;
  1194.    text-align: center;
  1195.    left: 18px;
  1196.    top: 0
  1197. }
  1198.  
  1199. .timeline>.time-label>span {
  1200.    font-weight: 600;
  1201.    padding: 5px;
  1202.    display: inline-block;
  1203.    background-color: #fff;
  1204.    border-radius: 4px
  1205. }
  1206.  
  1207. .timeline-inverse>li>.timeline-item {
  1208.    background: #f0f0f0;
  1209.    border: 1px solid #ddd;
  1210.    -webkit-box-shadow: none;
  1211.    box-shadow: none
  1212. }
  1213.  
  1214. .timeline-inverse>li>.timeline-item>.timeline-header {
  1215.    border-bottom-color: #ddd
  1216. }
  1217.  
  1218.  
  1219. .btn.btn-file {
  1220.    position: relative;
  1221.    overflow: hidden
  1222. }
  1223.  
  1224. .btn.btn-file>input[type='file'] {
  1225.    position: absolute;
  1226.    top: 0;
  1227.    right: 0;
  1228.    min-width: 100%;
  1229.    min-height: 100%;
  1230.    font-size: 100px;
  1231.    text-align: right;
  1232.    opacity: 0;
  1233.    filter: alpha(opacity=0);
  1234.    outline: none;
  1235.    background: white;
  1236.    cursor: inherit;
  1237.    display: block
  1238. }
  1239.  
  1240. .callout a {
  1241.    color: #fff;
  1242.    text-decoration: underline
  1243. }
  1244.  
  1245. .callout a:hover {
  1246.    color: #eee
  1247. }
  1248.  
  1249. .callout h4 {
  1250.    margin-top: 0;
  1251.    font-weight: 600
  1252. }
  1253.  
  1254. .callout p:last-child {
  1255.    margin-bottom: 0
  1256. }
  1257.  
  1258. .callout code,
  1259. .callout .highlight {
  1260.    background-color: #fff
  1261. }
  1262.  
  1263. .callout.callout-danger {
  1264.    border-color: #c23321
  1265. }
  1266.  
  1267. .callout.callout-warning {
  1268.    border-color: #c87f0a
  1269. }
  1270.  
  1271. .callout.callout-info {
  1272.    border-color: #0097bc
  1273. }
  1274.  
  1275. .callout.callout-success {
  1276.    border-color: #00733e
  1277. }
  1278.  
  1279. .alert {
  1280.    border-radius: 3px
  1281. }
  1282.  
  1283. .alert h4 {
  1284.    font-weight: 600
  1285. }
  1286.  
  1287. .alert .icon {
  1288.    margin-right: 10px
  1289. }
  1290.  
  1291. .alert .close {
  1292.    color: #000;
  1293.    opacity: .2;
  1294.    filter: alpha(opacity=20)
  1295. }
  1296.  
  1297. .alert .close:hover {
  1298.    opacity: .5;
  1299.    filter: alpha(opacity=50)
  1300. }
  1301.  
  1302. .alert a {
  1303.    color: #fff;
  1304.    text-decoration: underline
  1305. }
  1306.  
  1307. .alert-success {
  1308.    border-color: #008d4c
  1309. }
  1310.  
  1311. .alert-danger,
  1312. .alert-error {
  1313.    border-color: #d73925
  1314. }
  1315.  
  1316. .alert-warning {
  1317.    border-color: #e08e0b
  1318. }
  1319.  
  1320. .alert-info {
  1321.    border-color: #00acd6
  1322. }
  1323.  
  1324. .nav>li>a:hover,
  1325. .nav>li>a:active,
  1326. .nav>li>a:focus {
  1327.    color: #444;
  1328.    background: #f7f7f7
  1329. }
  1330.  
  1331. .nav-pills>li>a {
  1332.    border-radius: 0;
  1333.    border-top: 3px solid transparent;
  1334.    color: #444
  1335. }
  1336.  
  1337. .nav-pills>li>a>.fa,
  1338. .nav-pills>li>a>.glyphicon,
  1339. .nav-pills>li>a>.ion {
  1340.    margin-right: 5px
  1341. }
  1342.  
  1343. .nav-pills>li.active>a,
  1344. .nav-pills>li.active>a:hover,
  1345. .nav-pills>li.active>a:focus {
  1346.    border-top-color: #3c8dbc
  1347. }
  1348.  
  1349. .nav-pills>li.active>a {
  1350.    font-weight: 600
  1351. }
  1352.  
  1353. .nav-stacked>li>a {
  1354.    border-radius: 0;
  1355.    border-top: 0;
  1356.    border-left: 3px solid transparent;
  1357.    color: #444
  1358. }
  1359.  
  1360. .nav-stacked>li.active>a,
  1361. .nav-stacked>li.active>a:hover {
  1362.    background: transparent;
  1363.    color: #444;
  1364.    border-top: 0;
  1365.    border-left-color: #3c8dbc
  1366. }
  1367.  
  1368. .nav-stacked>li.header {
  1369.    border-bottom: 1px solid #ddd;
  1370.    color: #777;
  1371.    margin-bottom: 10px;
  1372.    padding: 5px 10px;
  1373.    text-transform: uppercase
  1374. }
  1375.  
  1376. .nav-tabs-custom {
  1377.    margin-bottom: 20px;
  1378.    background: #fff;
  1379.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1380.    border-radius: 3px
  1381. }
  1382.  
  1383. .nav-tabs-custom>.nav-tabs {
  1384.    margin: 0;
  1385.    border-bottom-color: #f4f4f4;
  1386.    border-top-right-radius: 3px;
  1387.    border-top-left-radius: 3px
  1388. }
  1389.  
  1390. .nav-tabs-custom>.nav-tabs>li {
  1391.    border-top: 3px solid transparent;
  1392.    margin-bottom: -2px;
  1393.    margin-right: 5px
  1394. }
  1395.  
  1396. .nav-tabs-custom>.nav-tabs>li>a {
  1397.    color: #444;
  1398.    border-radius: 0
  1399. }
  1400.  
  1401. .nav-tabs-custom>.nav-tabs>li>a.text-muted {
  1402.    color: #999
  1403. }
  1404.  
  1405. .nav-tabs-custom>.nav-tabs>li>a,
  1406. .nav-tabs-custom>.nav-tabs>li>a:hover {
  1407.    background: transparent;
  1408.    margin: 0
  1409. }
  1410.  
  1411. .nav-tabs-custom>.nav-tabs>li>a:hover {
  1412.    color: #999
  1413. }
  1414.  
  1415. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
  1416. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
  1417. .nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
  1418.    border-color: transparent
  1419. }
  1420.  
  1421. .nav-tabs-custom>.nav-tabs>li.active {
  1422.    border-top-color: #3c8dbc
  1423. }
  1424.  
  1425. .nav-tabs-custom>.nav-tabs>li.active>a,
  1426. .nav-tabs-custom>.nav-tabs>li.active:hover>a {
  1427.    background-color: #fff;
  1428.    color: #444
  1429. }
  1430.  
  1431. .nav-tabs-custom>.nav-tabs>li.active>a {
  1432.    border-top-color: transparent;
  1433.    border-left-color: #f4f4f4;
  1434.    border-right-color: #f4f4f4
  1435. }
  1436.  
  1437. .nav-tabs-custom>.nav-tabs>li:first-of-type {
  1438.    margin-left: 0
  1439. }
  1440.  
  1441. .nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
  1442.    border-left-color: transparent
  1443. }
  1444.  
  1445. .nav-tabs-custom>.nav-tabs.pull-right {
  1446.    float: none !important
  1447. }
  1448.  
  1449. .nav-tabs-custom>.nav-tabs.pull-right>li {
  1450.    float: right
  1451. }
  1452.  
  1453. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
  1454.    margin-right: 0
  1455. }
  1456.  
  1457. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
  1458.    border-left-width: 1px
  1459. }
  1460.  
  1461. .nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
  1462.    border-left-color: #f4f4f4;
  1463.    border-right-color: transparent
  1464. }
  1465.  
  1466. .nav-tabs-custom>.nav-tabs>li.header {
  1467.    line-height: 35px;
  1468.    padding: 0 10px;
  1469.    font-size: 20px;
  1470.    color: #444
  1471. }
  1472.  
  1473. .nav-tabs-custom>.nav-tabs>li.header>.fa,
  1474. .nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
  1475. .nav-tabs-custom>.nav-tabs>li.header>.ion {
  1476.    margin-right: 5px
  1477. }
  1478.  
  1479. .nav-tabs-custom>.tab-content {
  1480.    background: #fff;
  1481.    padding: 10px;
  1482.    border-bottom-right-radius: 3px;
  1483.    border-bottom-left-radius: 3px
  1484. }
  1485.  
  1486. .nav-tabs-custom .dropdown.open>a:active,
  1487. .nav-tabs-custom .dropdown.open>a:focus {
  1488.    background: transparent;
  1489.    color: #999
  1490. }
  1491.  
  1492. .nav-tabs-custom.tab-primary>.nav-tabs>li.active {
  1493.    border-top-color: #3c8dbc
  1494. }
  1495.  
  1496. .nav-tabs-custom.tab-info>.nav-tabs>li.active {
  1497.    border-top-color: #00c0ef
  1498. }
  1499.  
  1500. .nav-tabs-custom.tab-danger>.nav-tabs>li.active {
  1501.    border-top-color: #dd4b39
  1502. }
  1503.  
  1504. .nav-tabs-custom.tab-warning>.nav-tabs>li.active {
  1505.    border-top-color: #f39c12
  1506. }
  1507.  
  1508. .nav-tabs-custom.tab-success>.nav-tabs>li.active {
  1509.    border-top-color: #00a65a
  1510. }
  1511.  
  1512. .nav-tabs-custom.tab-default>.nav-tabs>li.active {
  1513.    border-top-color: #d2d6de
  1514. }
  1515.  
  1516. .pagination>li>a {
  1517.    background: #fafafa;
  1518.    color: #666
  1519. }
  1520.  
  1521. .pagination.pagination-flat>li>a {
  1522.    border-radius: 0 !important
  1523. }
  1524.  
  1525. .products-list {
  1526.    list-style: none;
  1527.    margin: 0;
  1528.    padding: 0
  1529. }
  1530.  
  1531. .products-list>.item {
  1532.    border-radius: 3px;
  1533.    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1534.    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  1535.    padding: 10px 0;
  1536.    background: #fff
  1537. }
  1538.  
  1539. .products-list>.item:before,
  1540. .products-list>.item:after {
  1541.    content: " ";
  1542.    display: table
  1543. }
  1544.  
  1545. .products-list>.item:after {
  1546.    clear: both
  1547. }
  1548.  
  1549. .products-list .product-img {
  1550.    float: left
  1551. }
  1552.  
  1553. .products-list .product-img img {
  1554.    width: 50px;
  1555.    height: 50px
  1556. }
  1557.  
  1558. .products-list .product-info {
  1559.    margin-left: 60px
  1560. }
  1561.  
  1562. .products-list .product-title {
  1563.    font-weight: 600
  1564. }
  1565.  
  1566. .products-list .product-description {
  1567.    display: block;
  1568.    color: #999;
  1569.    overflow: hidden;
  1570.    white-space: nowrap;
  1571.    text-overflow: ellipsis
  1572. }
  1573.  
  1574. .product-list-in-box>.item {
  1575.    -webkit-box-shadow: none;
  1576.    box-shadow: none;
  1577.    border-radius: 0;
  1578.    border-bottom: 1px solid #f4f4f4
  1579. }
  1580.  
  1581. .product-list-in-box>.item:last-of-type {
  1582.    border-bottom-width: 0
  1583. }
  1584.  
  1585. .table>thead>tr>th,
  1586. .table>tbody>tr>th,
  1587. .table>tfoot>tr>th,
  1588. .table>thead>tr>td,
  1589. .table>tbody>tr>td,
  1590. .table>tfoot>tr>td {
  1591.    border-top: 1px solid #f4f4f4
  1592. }
  1593.  
  1594. .table>thead>tr>th {
  1595.    border-bottom: 2px solid #f4f4f4
  1596. }
  1597.  
  1598. .table tr td .progress {
  1599.    margin-top: 5px
  1600. }
  1601.  
  1602. .table-bordered {
  1603.    border: 1px solid #f4f4f4
  1604. }
  1605.  
  1606. .table-bordered>thead>tr>th,
  1607. .table-bordered>tbody>tr>th,
  1608. .table-bordered>tfoot>tr>th,
  1609. .table-bordered>thead>tr>td,
  1610. .table-bordered>tbody>tr>td,
  1611. .table-bordered>tfoot>tr>td {
  1612.    border: 1px solid #f4f4f4
  1613. }
  1614.  
  1615. .table-bordered>thead>tr>th,
  1616. .table-bordered>thead>tr>td {
  1617.    border-bottom-width: 2px
  1618. }
  1619.  
  1620. .table.no-border,
  1621. .table.no-border td,
  1622. .table.no-border th {
  1623.    border: 0
  1624. }
  1625.  
  1626. table.text-center,
  1627. table.text-center td,
  1628. table.text-center th {
  1629.    text-align: center
  1630. }
  1631.  
  1632. .table.align th {
  1633.    text-align: left
  1634. }
  1635.  
  1636. .table.align td {
  1637.    text-align: right
  1638. }
  1639.  
  1640. .label-default {
  1641.    background-color: #d2d6de;
  1642.    color: #444
  1643. }
  1644.  
  1645. .direct-chat .box-body {
  1646.    border-bottom-right-radius: 0;
  1647.    border-bottom-left-radius: 0;
  1648.    position: relative;
  1649.    overflow-x: hidden;
  1650.    padding: 0
  1651. }
  1652.  
  1653. .direct-chat.chat-pane-open .direct-chat-contacts {
  1654.    -webkit-transform: translate(0, 0);
  1655.    -ms-transform: translate(0, 0);
  1656.    -o-transform: translate(0, 0);
  1657.    transform: translate(0, 0)
  1658. }
  1659.  
  1660. .direct-chat-messages {
  1661.    -webkit-transform: translate(0, 0);
  1662.    -ms-transform: translate(0, 0);
  1663.    -o-transform: translate(0, 0);
  1664.    transform: translate(0, 0);
  1665.    padding: 10px;
  1666.    height: 250px;
  1667.    overflow: auto
  1668. }
  1669.  
  1670. .direct-chat-msg,
  1671. .direct-chat-text {
  1672.    display: block
  1673. }
  1674.  
  1675. .direct-chat-msg {
  1676.    margin-bottom: 10px
  1677. }
  1678.  
  1679. .direct-chat-msg:before,
  1680. .direct-chat-msg:after {
  1681.    content: " ";
  1682.    display: table
  1683. }
  1684.  
  1685. .direct-chat-msg:after {
  1686.    clear: both
  1687. }
  1688.  
  1689. .direct-chat-messages,
  1690. .direct-chat-contacts {
  1691.    -webkit-transition: -webkit-transform .5s ease-in-out;
  1692.    -moz-transition: -moz-transform .5s ease-in-out;
  1693.    -o-transition: -o-transform .5s ease-in-out;
  1694.    transition: transform .5s ease-in-out
  1695. }
  1696.  
  1697. .direct-chat-text {
  1698.    border-radius: 5px;
  1699.    position: relative;
  1700.    padding: 5px 10px;
  1701.    background: #d2d6de;
  1702.    border: 1px solid #d2d6de;
  1703.    margin: 5px 0 0 50px;
  1704.    color: #444
  1705. }
  1706.  
  1707. .direct-chat-text:after,
  1708. .direct-chat-text:before {
  1709.    position: absolute;
  1710.    right: 100%;
  1711.    top: 15px;
  1712.    border: solid transparent;
  1713.    border-right-color: #d2d6de;
  1714.    content: ' ';
  1715.    height: 0;
  1716.    width: 0;
  1717.    pointer-events: none
  1718. }
  1719.  
  1720. .direct-chat-text:after {
  1721.    border-width: 5px;
  1722.    margin-top: -5px
  1723. }
  1724.  
  1725. .direct-chat-text:before {
  1726.    border-width: 6px;
  1727.    margin-top: -6px
  1728. }
  1729.  
  1730. .right .direct-chat-text {
  1731.    margin-right: 50px;
  1732.    margin-left: 0
  1733. }
  1734.  
  1735. .right .direct-chat-text:after,
  1736. .right .direct-chat-text:before {
  1737.    right: auto;
  1738.    left: 100%;
  1739.    border-right-color: transparent;
  1740.    border-left-color: #d2d6de
  1741. }
  1742.  
  1743. .direct-chat-img {
  1744.    border-radius: 50%;
  1745.    float: left;
  1746.    width: 40px;
  1747.    height: 40px
  1748. }
  1749.  
  1750. .right .direct-chat-img {
  1751.    float: right
  1752. }
  1753.  
  1754. .direct-chat-info {
  1755.    display: block;
  1756.    margin-bottom: 2px;
  1757.    font-size: 12px
  1758. }
  1759.  
  1760. .direct-chat-name {
  1761.    font-weight: 600
  1762. }
  1763.  
  1764. .direct-chat-timestamp {
  1765.    color: #999
  1766. }
  1767.  
  1768. .direct-chat-contacts-open .direct-chat-contacts {
  1769.    -webkit-transform: translate(0, 0);
  1770.    -ms-transform: translate(0, 0);
  1771.    -o-transform: translate(0, 0);
  1772.    transform: translate(0, 0)
  1773. }
  1774.  
  1775. .direct-chat-contacts {
  1776.    -webkit-transform: translate(101%, 0);
  1777.    -ms-transform: translate(101%, 0);
  1778.    -o-transform: translate(101%, 0);
  1779.    transform: translate(101%, 0);
  1780.    position: absolute;
  1781.    top: 0;
  1782.    bottom: 0;
  1783.    height: 250px;
  1784.    width: 100%;
  1785.    background: #222d32;
  1786.    color: #fff;
  1787.    overflow: auto
  1788. }
  1789.  
  1790. .contacts-list>li {
  1791.    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  1792.    padding: 10px;
  1793.    margin: 0
  1794. }
  1795.  
  1796. .contacts-list>li:before,
  1797. .contacts-list>li:after {
  1798.    content: " ";
  1799.    display: table
  1800. }
  1801.  
  1802. .contacts-list>li:after {
  1803.    clear: both
  1804. }
  1805.  
  1806. .contacts-list>li:last-of-type {
  1807.    border-bottom: none
  1808. }
  1809.  
  1810. .contacts-list-img {
  1811.    border-radius: 50%;
  1812.    width: 40px;
  1813.    float: left
  1814. }
  1815.  
  1816. .contacts-list-info {
  1817.    margin-left: 45px;
  1818.    color: #fff
  1819. }
  1820.  
  1821. .contacts-list-name,
  1822. .contacts-list-status {
  1823.    display: block
  1824. }
  1825.  
  1826. .contacts-list-name {
  1827.    font-weight: 600
  1828. }
  1829.  
  1830. .contacts-list-status {
  1831.    font-size: 12px
  1832. }
  1833.  
  1834. .contacts-list-date {
  1835.    color: #aaa;
  1836.    font-weight: normal
  1837. }
  1838.  
  1839. .contacts-list-msg {
  1840.    color: #999
  1841. }
  1842.  
  1843. .direct-chat-danger .right>.direct-chat-text {
  1844.    background: #dd4b39;
  1845.    border-color: #dd4b39;
  1846.    color: #fff
  1847. }
  1848.  
  1849. .direct-chat-danger .right>.direct-chat-text:after,
  1850. .direct-chat-danger .right>.direct-chat-text:before {
  1851.    border-left-color: #dd4b39
  1852. }
  1853.  
  1854. .direct-chat-primary .right>.direct-chat-text {
  1855.    background: #3c8dbc;
  1856.    border-color: #3c8dbc;
  1857.    color: #fff
  1858. }
  1859.  
  1860. .direct-chat-primary .right>.direct-chat-text:after,
  1861. .direct-chat-primary .right>.direct-chat-text:before {
  1862.    border-left-color: #3c8dbc
  1863. }
  1864.  
  1865. .direct-chat-warning .right>.direct-chat-text {
  1866.    background: #f39c12;
  1867.    border-color: #f39c12;
  1868.    color: #fff
  1869. }
  1870.  
  1871. .direct-chat-warning .right>.direct-chat-text:after,
  1872. .direct-chat-warning .right>.direct-chat-text:before {
  1873.    border-left-color: #f39c12
  1874. }
  1875.  
  1876. .direct-chat-info .right>.direct-chat-text {
  1877.    background: #00c0ef;
  1878.    border-color: #00c0ef;
  1879.    color: #fff
  1880. }
  1881.  
  1882. .direct-chat-info .right>.direct-chat-text:after,
  1883. .direct-chat-info .right>.direct-chat-text:before {
  1884.    border-left-color: #00c0ef
  1885. }
  1886.  
  1887. .direct-chat-success .right>.direct-chat-text {
  1888.    background: #00a65a;
  1889.    border-color: #00a65a;
  1890.    color: #fff
  1891. }
  1892.  
  1893. .direct-chat-success .right>.direct-chat-text:after,
  1894. .direct-chat-success .right>.direct-chat-text:before {
  1895.    border-left-color: #00a65a
  1896. }
  1897.  
  1898. .users-list>li {
  1899.    width: 25%;
  1900.    float: left;
  1901.    padding: 10px;
  1902.    text-align: center
  1903. }
  1904.  
  1905. .users-list>li img {
  1906.    border-radius: 50%;
  1907.    max-width: 100%;
  1908.    height: auto
  1909. }
  1910.  
  1911. .users-list>li>a:hover,
  1912. .users-list>li>a:hover .users-list-name {
  1913.    color: #999
  1914. }
  1915.  
  1916. .users-list-name,
  1917. .users-list-date {
  1918.    display: block
  1919. }
  1920.  
  1921. .users-list-name {
  1922.    font-weight: 600;
  1923.    color: #444;
  1924.    overflow: hidden;
  1925.    white-space: nowrap;
  1926.    text-overflow: ellipsis
  1927. }
  1928.  
  1929. .users-list-date {
  1930.    color: #999;
  1931.    font-size: 12px
  1932. }
  1933.  
  1934. .carousel-control.left,
  1935. .carousel-control.right {
  1936.    background-image: none
  1937. }
  1938.  
  1939. .carousel-control>.fa {
  1940.    font-size: 40px;
  1941.    position: absolute;
  1942.    top: 50%;
  1943.    z-index: 5;
  1944.    display: inline-block;
  1945.    margin-top: -20px
  1946. }
  1947.  
  1948. .modal {
  1949.    background: rgba(0, 0, 0, 0.3)
  1950. }
  1951.  
  1952. .modal-content {
  1953.    border-radius: 0;
  1954.    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  1955.    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  1956.    border: 0
  1957. }
  1958.  
  1959. @media (min-width:768px) {
  1960.    .modal-content {
  1961.        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
  1962.        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
  1963.    }
  1964. }
  1965.  
  1966. .modal-header {
  1967.    border-bottom-color: #f4f4f4
  1968. }
  1969.  
  1970. .modal-footer {
  1971.    border-top-color: #f4f4f4
  1972. }
  1973.  
  1974. .modal-primary .modal-header,
  1975. .modal-primary .modal-footer {
  1976.    border-color: #307095
  1977. }
  1978.  
  1979. .modal-warning .modal-header,
  1980. .modal-warning .modal-footer {
  1981.    border-color: #c87f0a
  1982. }
  1983.  
  1984. .modal-info .modal-header,
  1985. .modal-info .modal-footer {
  1986.    border-color: #0097bc
  1987. }
  1988.  
  1989. .modal-success .modal-header,
  1990. .modal-success .modal-footer {
  1991.    border-color: #00733e
  1992. }
  1993.  
  1994. .modal-danger .modal-header,
  1995. .modal-danger .modal-footer {
  1996.    border-color: #c23321
  1997. }
  1998.  
  1999. .box-widget {
  2000.    border: none;
  2001.    position: relative
  2002. }
  2003.  
  2004. .widget-user .widget-user-header {
  2005.    padding: 20px;
  2006.    height: 120px;
  2007.    border-top-right-radius: 3px;
  2008.    border-top-left-radius: 3px
  2009. }
  2010.  
  2011. .widget-user .widget-user-username {
  2012.    margin-top: 0;
  2013.    margin-bottom: 5px;
  2014.    font-size: 25px;
  2015.    font-weight: 300;
  2016.    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
  2017. }
  2018.  
  2019. .widget-user .widget-user-desc {
  2020.    margin-top: 0
  2021. }
  2022.  
  2023. .widget-user .widget-user-image {
  2024.    position: absolute;
  2025.    top: 65px;
  2026.    left: 50%;
  2027.    margin-left: -45px
  2028. }
  2029.  
  2030. .widget-user .widget-user-image>img {
  2031.    width: 90px;
  2032.    height: auto;
  2033.    border: 3px solid #fff
  2034. }
  2035.  
  2036. .widget-user .box-footer {
  2037.    padding-top: 30px
  2038. }
  2039.  
  2040. .widget-user-2 .widget-user-header {
  2041.    padding: 20px;
  2042.    border-top-right-radius: 3px;
  2043.    border-top-left-radius: 3px
  2044. }
  2045.  
  2046. .widget-user-2 .widget-user-username {
  2047.    margin-top: 5px;
  2048.    margin-bottom: 5px;
  2049.    font-size: 25px;
  2050.    font-weight: 300
  2051. }
  2052.  
  2053. .widget-user-2 .widget-user-desc {
  2054.    margin-top: 0
  2055. }
  2056.  
  2057. .widget-user-2 .widget-user-username,
  2058. .widget-user-2 .widget-user-desc {
  2059.    margin-left: 75px
  2060. }
  2061.  
  2062. .widget-user-2 .widget-user-image>img {
  2063.    width: 65px;
  2064.    height: auto;
  2065.    float: left
  2066. }
  2067.  
  2068. .mailbox-messages>.table {
  2069.    margin: 0
  2070. }
  2071.  
  2072. .mailbox-controls {
  2073.    padding: 5px
  2074. }
  2075.  
  2076. .mailbox-controls.with-border {
  2077.    border-bottom: 1px solid #f4f4f4
  2078. }
  2079.  
  2080. .mailbox-read-info {
  2081.    border-bottom: 1px solid #f4f4f4;
  2082.    padding: 10px
  2083. }
  2084.  
  2085. .mailbox-read-info h3 {
  2086.    font-size: 20px;
  2087.    margin: 0
  2088. }
  2089.  
  2090. .mailbox-read-info h5 {
  2091.    margin: 0;
  2092.    padding: 5px 0 0 0
  2093. }
  2094.  
  2095. .mailbox-read-time {
  2096.    color: #999;
  2097.    font-size: 13px
  2098. }
  2099.  
  2100. .mailbox-read-message {
  2101.    padding: 10px
  2102. }
  2103.  
  2104. .mailbox-attachments li {
  2105.    float: left;
  2106.    width: 200px;
  2107.    border: 1px solid #eee;
  2108.    margin-bottom: 10px;
  2109.    margin-right: 10px
  2110. }
  2111.  
  2112. .mailbox-attachment-name {
  2113.    font-weight: bold;
  2114.    color: #666
  2115. }
  2116.  
  2117. .mailbox-attachment-icon,
  2118. .mailbox-attachment-info,
  2119. .mailbox-attachment-size {
  2120.    display: block
  2121. }
  2122.  
  2123. .mailbox-attachment-info {
  2124.    padding: 10px;
  2125.    background: #f4f4f4
  2126. }
  2127.  
  2128. .mailbox-attachment-size {
  2129.    color: #999;
  2130.    font-size: 12px
  2131. }
  2132.  
  2133. .mailbox-attachment-icon {
  2134.    text-align: center;
  2135.    font-size: 65px;
  2136.    color: #666;
  2137.    padding: 20px 10px
  2138. }
  2139.  
  2140. .mailbox-attachment-icon.has-img {
  2141.    padding: 0
  2142. }
  2143.  
  2144. .mailbox-attachment-icon.has-img>img {
  2145.    max-width: 100%;
  2146.    height: auto
  2147. }
  2148.  
  2149. .lockscreen {
  2150.    background: #d2d6de
  2151. }
  2152.  
  2153. .lockscreen-logo {
  2154.    font-size: 35px;
  2155.    text-align: center;
  2156.    margin-bottom: 25px;
  2157.    font-weight: 300
  2158. }
  2159.  
  2160. .lockscreen-logo a {
  2161.    color: #444
  2162. }
  2163.  
  2164. .lockscreen-wrapper {
  2165.    max-width: 400px;
  2166.    margin: 0 auto;
  2167.    margin-top: 10%
  2168. }
  2169.  
  2170. .lockscreen .lockscreen-name {
  2171.    text-align: center;
  2172.    font-weight: 600
  2173. }
  2174.  
  2175. .lockscreen-item {
  2176.    border-radius: 4px;
  2177.    padding: 0;
  2178.    background: #fff;
  2179.    position: relative;
  2180.    margin: 10px auto 30px auto;
  2181.    width: 290px
  2182. }
  2183.  
  2184. .lockscreen-image {
  2185.    border-radius: 50%;
  2186.    position: absolute;
  2187.    left: -10px;
  2188.    top: -25px;
  2189.    background: #fff;
  2190.    padding: 5px;
  2191.    z-index: 10
  2192. }
  2193.  
  2194. .lockscreen-image>img {
  2195.    border-radius: 50%;
  2196.    width: 70px;
  2197.    height: 70px
  2198. }
  2199.  
  2200. .lockscreen-credentials {
  2201.    margin-left: 70px
  2202. }
  2203.  
  2204. .lockscreen-credentials .form-control {
  2205.    border: 0
  2206. }
  2207.  
  2208. .lockscreen-credentials .btn {
  2209.    background-color: #fff;
  2210.    border: 0;
  2211.    padding: 0 10px
  2212. }
  2213.  
  2214. .lockscreen-footer {
  2215.    margin-top: 10px
  2216. }
  2217.  
  2218. .login-logo,
  2219. .register-logo {
  2220.    font-size: 35px;
  2221.    text-align: center;
  2222.    margin-bottom: 25px;
  2223.    font-weight: 300
  2224. }
  2225.  
  2226. .login-logo a,
  2227. .register-logo a {
  2228.    color: #444
  2229. }
  2230.  
  2231. .login-page,
  2232. .register-page {
  2233.    background: #d2d6de
  2234. }
  2235.  
  2236. .login-box,
  2237. .register-box {
  2238.    width: 360px;
  2239.    margin: 7% auto
  2240. }
  2241.  
  2242. @media (max-width:768px) {
  2243.    .login-box,
  2244.    .register-box {
  2245.        width: 90%;
  2246.        margin-top: 20px
  2247.    }
  2248. }
  2249.  
  2250. .login-box-body,
  2251. .register-box-body {
  2252.    background: #fff;
  2253.    padding: 20px;
  2254.    border-top: 0;
  2255.    color: #666
  2256. }
  2257.  
  2258. .login-box-body .form-control-feedback,
  2259. .register-box-body .form-control-feedback {
  2260.    color: #777
  2261. }
  2262.  
  2263. .login-box-msg,
  2264. .register-box-msg {
  2265.    margin: 0;
  2266.    text-align: center;
  2267.    padding: 0 20px 20px 20px
  2268. }
  2269.  
  2270. .social-auth-links {
  2271.    margin: 10px 0
  2272. }
  2273.  
  2274. .error-page {
  2275.    width: 600px;
  2276.    margin: 20px auto 0 auto
  2277. }
  2278.  
  2279. @media (max-width:991px) {
  2280.    .error-page {
  2281.        width: 100%
  2282.    }
  2283. }
  2284.  
  2285. .error-page>.headline {
  2286.    float: left;
  2287.    font-size: 100px;
  2288.    font-weight: 300
  2289. }
  2290.  
  2291. @media (max-width:991px) {
  2292.    .error-page>.headline {
  2293.        float: none;
  2294.        text-align: center
  2295.    }
  2296. }
  2297.  
  2298. .error-page>.error-content {
  2299.    margin-left: 190px;
  2300.    display: block
  2301. }
  2302.  
  2303. @media (max-width:991px) {
  2304.    .error-page>.error-content {
  2305.        margin-left: 0
  2306.    }
  2307. }
  2308.  
  2309. .error-page>.error-content>h3 {
  2310.    font-weight: 300;
  2311.    font-size: 25px
  2312. }
  2313.  
  2314. @media (max-width:991px) {
  2315.    .error-page>.error-content>h3 {
  2316.        text-align: center
  2317.    }
  2318. }
  2319.  
  2320. .invoice {
  2321.    position: relative;
  2322.    background: #fff;
  2323.    border: 1px solid #f4f4f4;
  2324.    padding: 20px;
  2325.    margin: 10px 25px
  2326. }
  2327.  
  2328. .invoice-title {
  2329.    margin-top: 0
  2330. }
  2331.  
  2332. .profile-user-img {
  2333.    margin: 0 auto;
  2334.    width: 100px;
  2335.    padding: 3px;
  2336.    border: 3px solid #d2d6de
  2337. }
  2338.  
  2339. .profile-username {
  2340.    font-size: 21px;
  2341.    margin-top: 5px
  2342. }
  2343.  
  2344. .post {
  2345.    border-bottom: 1px solid #d2d6de;
  2346.    margin-bottom: 15px;
  2347.    padding-bottom: 15px;
  2348.    color: #666
  2349. }
  2350.  
  2351. .post:last-of-type {
  2352.    border-bottom: 0;
  2353.    margin-bottom: 0;
  2354.    padding-bottom: 0
  2355. }
  2356.  
  2357. .post .user-block {
  2358.    margin-bottom: 15px
  2359. }
  2360.  
  2361. .bg-gray {
  2362.    color: #000;
  2363.    background-color: #d2d6de !important
  2364. }
  2365.  
  2366. .bg-gray-light {
  2367.    background-color: #f7f7f7
  2368. }
  2369.  
  2370. .bg-black {
  2371.    background-color: #111 !important
  2372. }
  2373.  
  2374. .bg-red,
  2375. .callout.callout-danger,
  2376. .alert-danger,
  2377. .alert-error,
  2378. .label-danger,
  2379. .modal-danger .modal-body {
  2380.    background-color: #dd4b39 !important
  2381. }
  2382.  
  2383. .bg-yellow,
  2384. .callout.callout-warning,
  2385. .alert-warning,
  2386. .label-warning,
  2387. .modal-warning .modal-body {
  2388.    background-color: #f39c12 !important
  2389. }
  2390.  
  2391. .bg-aqua,
  2392. .callout.callout-info,
  2393. .alert-info,
  2394. .label-info,
  2395. .modal-info .modal-body {
  2396.    background-color: #00c0ef !important
  2397. }
  2398.  
  2399. .bg-blue {
  2400.    background-color: #0073b7 !important
  2401. }
  2402.  
  2403. .bg-light-blue,
  2404. .label-primary,
  2405. .modal-primary .modal-body {
  2406.    background-color: #3c8dbc !important
  2407. }
  2408.  
  2409. .bg-green,
  2410. .callout.callout-success,
  2411. .alert-success,
  2412. .label-success,
  2413. .modal-success .modal-body {
  2414.    background-color: #00a65a !important
  2415. }
  2416.  
  2417. .bg-navy {
  2418.    background-color: #001f3f !important
  2419. }
  2420.  
  2421. .bg-teal {
  2422.    background-color: #39cccc !important
  2423. }
  2424.  
  2425. .bg-olive {
  2426.    background-color: #3d9970 !important
  2427. }
  2428.  
  2429. .bg-lime {
  2430.    background-color: #01ff70 !important
  2431. }
  2432.  
  2433. .bg-orange {
  2434.    background-color: #ff851b !important
  2435. }
  2436.  
  2437. .bg-fuchsia {
  2438.    background-color: #f012be !important
  2439. }
  2440.  
  2441. .bg-purple {
  2442.    background-color: #605ca8 !important
  2443. }
  2444.  
  2445. .bg-maroon {
  2446.    background-color: #d81b60 !important
  2447. }
  2448.  
  2449. .bg-gray-active {
  2450.    color: #000;
  2451.    background-color: #b5bbc8 !important
  2452. }
  2453.  
  2454. .bg-black-active {
  2455.    background-color: #000 !important
  2456. }
  2457.  
  2458. .bg-red-active,
  2459. .modal-danger .modal-header,
  2460. .modal-danger .modal-footer {
  2461.    background-color: #d33724 !important
  2462. }
  2463.  
  2464. .bg-yellow-active,
  2465. .modal-warning .modal-header,
  2466. .modal-warning .modal-footer {
  2467.    background-color: #db8b0b !important
  2468. }
  2469.  
  2470. .bg-aqua-active,
  2471. .modal-info .modal-header,
  2472. .modal-info .modal-footer {
  2473.    background-color: #00a7d0 !important
  2474. }
  2475.  
  2476. .bg-blue-active {
  2477.    background-color: #005384 !important
  2478. }
  2479.  
  2480. .bg-light-blue-active,
  2481. .modal-primary .modal-header,
  2482. .modal-primary .modal-footer {
  2483.    background-color: #357ca5 !important
  2484. }
  2485.  
  2486. .bg-green-active,
  2487. .modal-success .modal-header,
  2488. .modal-success .modal-footer {
  2489.    background-color: #008d4c !important
  2490. }
  2491.  
  2492. .bg-navy-active {
  2493.    background-color: #001a35 !important
  2494. }
  2495.  
  2496. .bg-teal-active {
  2497.    background-color: #30bbbb !important
  2498. }
  2499.  
  2500. .bg-olive-active {
  2501.    background-color: #368763 !important
  2502. }
  2503.  
  2504. .bg-lime-active {
  2505.    background-color: #00e765 !important
  2506. }
  2507.  
  2508. .bg-orange-active {
  2509.    background-color: #ff7701 !important
  2510. }
  2511.  
  2512. .bg-fuchsia-active {
  2513.    background-color: #db0ead !important
  2514. }
  2515.  
  2516. .bg-purple-active {
  2517.    background-color: #555299 !important
  2518. }
  2519.  
  2520. .bg-maroon-active {
  2521.    background-color: #ca195a !important
  2522. }
  2523.  
  2524. [class^="bg-"].disabled {
  2525.    opacity: .65;
  2526.    filter: alpha(opacity=65)
  2527. }
  2528.  
  2529. .text-red {
  2530.    color: #dd4b39 !important
  2531. }
  2532.  
  2533. .text-yellow {
  2534.    color: #f39c12 !important
  2535. }
  2536.  
  2537. .text-aqua {
  2538.    color: #00c0ef !important
  2539. }
  2540.  
  2541. .text-blue {
  2542.    color: #0073b7 !important
  2543. }
  2544.  
  2545. .text-black {
  2546.    color: #111 !important
  2547. }
  2548.  
  2549. .text-light-blue {
  2550.    color: #3c8dbc !important
  2551. }
  2552.  
  2553. .text-green {
  2554.    color: #00a65a !important
  2555. }
  2556.  
  2557. .text-gray {
  2558.    color: #d2d6de !important
  2559. }
  2560.  
  2561. .text-navy {
  2562.    color: #001f3f !important
  2563. }
  2564.  
  2565. .text-teal {
  2566.    color: #39cccc !important
  2567. }
  2568.  
  2569. .text-olive {
  2570.    color: #3d9970 !important
  2571. }
  2572.  
  2573. .text-lime {
  2574.    color: #01ff70 !important
  2575. }
  2576.  
  2577. .text-orange {
  2578.    color: #ff851b !important
  2579. }
  2580.  
  2581. .text-fuchsia {
  2582.    color: #f012be !important
  2583. }
  2584.  
  2585. .text-purple {
  2586.    color: #605ca8 !important
  2587. }
  2588.  
  2589. .text-maroon {
  2590.    color: #d81b60 !important
  2591. }
  2592.  
  2593. .link-muted {
  2594.    color: #7a869d
  2595. }
  2596.  
  2597. .link-muted:hover,
  2598. .link-muted:focus {
  2599.    color: #606c84
  2600. }
  2601.  
  2602. .link-black {
  2603.    color: #666
  2604. }
  2605.  
  2606. .link-black:hover,
  2607. .link-black:focus {
  2608.    color: #999
  2609. }
  2610.  
  2611. .list-header {
  2612.    font-size: 15px;
  2613.    padding: 10px 4px;
  2614.    font-weight: bold;
  2615.    color: #666
  2616. }
  2617.  
  2618. .list-seperator {
  2619.    height: 1px;
  2620.    background: #f4f4f4;
  2621.    margin: 15px 0 9px 0
  2622. }
  2623.  
  2624. .list-link>a {
  2625.    padding: 4px;
  2626.    color: #777
  2627. }
  2628.  
  2629. .list-link>a:hover {
  2630.    color: #222
  2631. }
  2632.  
  2633.  
  2634. .user-block:before,
  2635. .user-block:after {
  2636.    content: " ";
  2637.    display: table
  2638. }
  2639.  
  2640. .user-block:after {
  2641.    clear: both
  2642. }
  2643.  
  2644. .user-block img {
  2645.    width: 40px;
  2646.    height: 40px;
  2647.    float: left
  2648. }
  2649.  
  2650. .user-block .username,
  2651. .user-block .description,
  2652. .user-block .comment {
  2653.    display: block;
  2654.    margin-left: 50px
  2655. }
  2656.  
  2657. .user-block .username {
  2658.    font-size: 16px;
  2659.    font-weight: 600
  2660. }
  2661.  
  2662. .user-block .description {
  2663.    color: #999;
  2664.    font-size: 13px
  2665. }
  2666.  
  2667. .user-block.user-block-sm .username,
  2668. .user-block.user-block-sm .description,
  2669. .user-block.user-block-sm .comment {
  2670.    margin-left: 40px
  2671. }
  2672.  
  2673. .user-block.user-block-sm .username {
  2674.    font-size: 14px
  2675. }
  2676.  
  2677. .img-sm,
  2678. .img-md,
  2679. .img-lg,
  2680. .box-comments .box-comment img,
  2681. .user-block.user-block-sm img {
  2682.    float: left
  2683. }
  2684.  
  2685. .img-sm,
  2686. .box-comments .box-comment img,
  2687. .user-block.user-block-sm img {
  2688.    width: 30px !important;
  2689.    height: 30px !important
  2690. }
  2691.  
  2692. .img-sm+.img-push {
  2693.    margin-left: 40px
  2694. }
  2695.  
  2696. .img-md {
  2697.    width: 60px;
  2698.    height: 60px
  2699. }
  2700.  
  2701. .img-md+.img-push {
  2702.    margin-left: 70px
  2703. }
  2704.  
  2705. .img-lg {
  2706.    width: 100px;
  2707.    height: 100px
  2708. }
  2709.  
  2710. .img-lg+.img-push {
  2711.    margin-left: 110px
  2712. }
  2713.  
  2714. .img-bordered {
  2715.    border: 3px solid #d2d6de;
  2716.    padding: 3px
  2717. }
  2718.  
  2719. .img-bordered-sm {
  2720.    border: 2px solid #d2d6de;
  2721.    padding: 2px
  2722. }
  2723.  
  2724. .attachment-block {
  2725.    border: 1px solid #f4f4f4;
  2726.    padding: 5px;
  2727.    margin-bottom: 10px;
  2728.    background: #f7f7f7
  2729. }
  2730.  
  2731. .attachment-block .attachment-img {
  2732.    max-width: 100px;
  2733.    max-height: 100px;
  2734.    height: auto;
  2735.    float: left
  2736. }
  2737.  
  2738. .attachment-block .attachment-pushed {
  2739.    margin-left: 110px
  2740. }
  2741.  
  2742. .attachment-block .attachment-heading {
  2743.    margin: 0
  2744. }
  2745.  
  2746. .attachment-block .attachment-text {
  2747.    color: #555
  2748. }
  2749.  
  2750. .connectedSortable {
  2751.    min-height: 100px
  2752. }
  2753.  
  2754. .ui-helper-hidden-accessible {
  2755.    border: 0;
  2756.    clip: rect(0 0 0 0);
  2757.    height: 1px;
  2758.    margin: -1px;
  2759.    overflow: hidden;
  2760.    padding: 0;
  2761.    position: absolute;
  2762.    width: 1px
  2763. }
  2764.  
  2765. .sort-highlight {
  2766.    background: #f4f4f4;
  2767.    border: 1px dashed #ddd;
  2768.    margin-bottom: 10px
  2769. }
  2770.  
  2771. .full-opacity-hover {
  2772.    opacity: .65;
  2773.    filter: alpha(opacity=65)
  2774. }
  2775.  
  2776. .full-opacity-hover:hover {
  2777.    opacity: 1;
  2778.    filter: alpha(opacity=100)
  2779. }
  2780.  
  2781. .chart {
  2782.    position: relative;
  2783.    overflow: hidden;
  2784.    width: 100%
  2785. }
  2786.  
  2787. .chart svg,
  2788. .chart canvas {
  2789.    width: 100% !important
  2790. }
  2791.  
  2792. @media print {
  2793.    .no-print,
  2794.    .main-sidebar,
  2795.    .left-side,
  2796.    .main-header,
  2797.    .content-header {
  2798.        display: none !important
  2799.    }
  2800.    .content-wrapper,
  2801.    .right-side,
  2802.    .main-footer {
  2803.        margin-left: 0 !important;
  2804.        min-height: 0 !important;
  2805.        -webkit-transform: translate(0, 0) !important;
  2806.        -ms-transform: translate(0, 0) !important;
  2807.        -o-transform: translate(0, 0) !important;
  2808.        transform: translate(0, 0) !important
  2809.    }
  2810.    .fixed .content-wrapper,
  2811.    .fixed .right-side {
  2812.        padding-top: 0 !important
  2813.    }
  2814.    .invoice {
  2815.        width: 100%;
  2816.        border: 0;
  2817.        margin: 0;
  2818.        padding: 0
  2819.    }
  2820.    .invoice-col {
  2821.        float: left;
  2822.        width: 33.3333333%
  2823.    }
  2824.    .table-responsive {
  2825.        overflow: auto
  2826.    }
  2827.    .table-responsive>.table tr th,
  2828.    .table-responsive>.table tr td {
  2829.        white-space: normal !important
  2830.    }
  2831. }            :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;} }
  2832. .single-tech > .post-item {
  2833.    max-height: 550px;
  2834.    overflow: hidden;
  2835. }
  2836. @media (min-width:1024px) and (max-width:1300px){
  2837.    .latest-1 .latest-grid-1 {
  2838.        grid-template-columns: repeat(3, 1fr);
  2839.    }
  2840. }
  2841.            /* Content from footer.css */
  2842.            .main-footer {/* background-image:url(https://clickforublog.com/new/assets/img/click4u-footer-bg.avif);*/background-repeat: no-repeat;background-position: bottom center;background-size: contain;background-color: #212121;background-color: rgb(23 49 80 / 100%);}.main-footer a {color:#fff;}.main-footer a:hover {color:var(--primary);}.main-footer .footer-grid .col {display: flex;flex-direction: column;justify-content: flex-start;align-items: stretch;}.main-footer .footer-title {font-size: 26px;text-decoration: underline;text-transform: uppercase;letter-spacing: 0.5px;}.main-footer .contact svg {background: #000;color: #fff;padding: 10px;width: 40px;text-align: center;border-radius: 10px;font-size: 18px;margin-right: 10px}.main-footer .contact a:hover svg {background: var(--primary);fill: #fff;}.main-footer .social-links {}.main-footer .social-links a {display: inline-block;text-align: center;background-color: #000;border-radius: 10px;padding: 10px 10px;color: #fff;font-size: 12px;margin:0 5px;}.main-footer .social-links a.facebook {background-color:#1877f2;}.main-footer .social-links a.twitter {background-color:#000000;}.main-footer .social-links a.instagram {background-color:#c32aa3;}.main-footer .social-links a.linkedin {background-color:#0a66c2;}.main-footer .social-links a:hover {background: #838383;color: #fff;}.main-footer .social-links a svg {width: 20px;height: 20px}.main-footer ul.footer-menu {list-style: none;display: inline-block;margin: 0;}.main-footer ul.footer-menu li {float: left;margin: 0 10px 10px;}.copyright, .copyright a {color: #9b9b9b;}.copyright {font-size:15px;}.copyright strong {font-weight:500;}            
  2843.        </style>
  2844.        
  2845.        
  2846. <!-- Google tag (gtag.js) -->
  2847. <script async src="https://www.googletagmanager.com/gtag/js?id=G-LTET9EFL41" type="adc79cf176546abd2abf94dd-text/javascript"></script>
  2848. <script type="adc79cf176546abd2abf94dd-text/javascript">
  2849.  window.dataLayer = window.dataLayer || [];
  2850.  function gtag(){dataLayer.push(arguments);}
  2851.  gtag('js', new Date());
  2852.  
  2853.  gtag('config', 'G-LTET9EFL41');
  2854. </script>
  2855.  
  2856.        <!-- Google Adsense Code -->
  2857.        <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163" crossorigin="anonymous" type="adc79cf176546abd2abf94dd-text/javascript"></script>
  2858.        <script type="adc79cf176546abd2abf94dd-text/javascript">
  2859.  
  2860. </script>
  2861.  
  2862.    </head>
  2863.    <!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
  2864.    <body class="">
  2865.        <div class="page-wrapper" id="#page">
  2866.            <header class="main-header pt25 pb30">
  2867.                <div class="container">
  2868.                    <div class="navbar-custom-menu user-menu align-right grid columns-2">
  2869.                          <div class="Gtranslate">
  2870.                           <div id="google_translate_element"></div>
  2871.                           </div>
  2872.                            
  2873.                                                            <ul class="nav navbar-nav inline-list user-nav mb5">
  2874.                                    <li><a title="Sign In" href="https://click4r.com/user/login">Sign In</a></li>
  2875.                                    <li><a title="Register" href="https://click4r.com/user/register">Register</a></li>
  2876.                                </ul>
  2877.                            
  2878.                        </div>
  2879.                <nav class="main-nav nav bg-white">
  2880.                        <div class="header-logo">
  2881.                            <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>
  2882.                            <span type="button" class="navicon dt-hide tb-block" data-toggle="collapse" data-target="#navbar-collapse">
  2883.                                <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>
  2884.                            </span>
  2885.                        </div>
  2886.                        <div class="navbar-form header-form dt-hide tb-block" role="search">
  2887.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  2888.                            </div>
  2889.                        
  2890.                        <!-- Collect the nav links, forms, and other content for toggling -->
  2891.                        <div class="navbar collapse navbar-collapse pull-left" id="navbar-collapse">
  2892.                            <ul class="nav navbar-nav">
  2893.                                <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">
  2894.                          <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">
  2895.                           <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>            
  2896.                          </ul>                            </ul>
  2897.                            <div class="navbar-form header-form mb-hide tb-hide" role="search">
  2898.                                <input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
  2899.                            </div>
  2900.                        </div>
  2901.                        <!-- /.navbar-collapse -->
  2902.                </nav>
  2903.                </div>
  2904.            </header><main id="main" class="single-main pt30">
  2905.    <section class="single-content-section pb50 mb-pt0">
  2906.        <div class="container">
  2907.            <div class="single-post-content">
  2908.                <div class="single-post-meta grid v-align-center columns-5-7 fs-14 mb20 grid-gap-10">
  2909.                    <div class="author align-left capitalize">
  2910.                        <a href="https://click4r.com/posts/u/6167459/Author-montre">
  2911.                        <img src="https://click4r.com/images/profile/default.png" class="user-profile-img circle" alt="Author Image" width="20" height="30"> montre</a></div>
  2912.                    <div class="post-date align-right">
  2913.                        <i class="fa fa-calendar mr5"></i>February 6, 2024                    </div>
  2914.                </div>
  2915.                <h1 class="single-post-title capitalize">montreenbois</h1>
  2916.                
  2917.                <div class="ad-block mb20">
  2918.                    <div id='div-gpt-ad-1688652074561-0'>
  2919.                     <script type="adc79cf176546abd2abf94dd-text/javascript">googletag.cmd.push(function() { googletag.display('div-gpt-ad-1688652074561-0'); });</script>
  2920.                    </div>
  2921.                </div>
  2922.                <!-- Google ad ends here -->
  2923.                <div class="single-content-body">
  2924.                    <p><a href="https://horlowood.fr/">montre avec bracelet en bois</a></p>
  2925. <p>D&eacute;couvrez l'&eacute;l&eacute;gance intemporelle avec Horlowood.fr, votre destination exclusive pour des montres en bois exquises. Chaque pi&egrave;ce est une fusion de pr&eacute;cision artisanale et de beaut&eacute; naturelle, capturant l'essence unique du bois. Nos montres allient style moderne et respect de l'environnement, cr&eacute;ant une harmonie parfaite entre le design contemporain et la durabilit&eacute;. Explorez notre collection diversifi&eacute;e, mettant en valeur la richesse des essences de bois et des finitions raffin&eacute;es. Horlowood.fr incarne le mariage parfait entre le luxe et la nature, vous offrant une exp&eacute;rience unique au poignet. Red&eacute;couvrez le temps avec nos montres en bois, synonymes de sophistication et d'authenticit&eacute;.</p>                         </div>
  2926.                         <div class="post-tags">
  2927.                            <strong>Tags:</strong> montre avec bracelet en bois                        </div>
  2928.                    
  2929.                    </div>
  2930.            
  2931.            </div>
  2932.        </div>
  2933.    </section>
  2934. </main><footer class="main-footer pt50 pb30 align-center">
  2935.    <div class="container">
  2936.        <div class="social-links mb30">
  2937.            <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>
  2938.            <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>
  2939.            <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>
  2940.            <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>
  2941.        </div>
  2942.        <div class="footer-links mb20">
  2943.            <ul class="footer-menu grid grid-gap-10 mb0">
  2944.             <li><a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="navbar-link">Home</a></li>
  2945.             <li><a title="About Click4r Solutions Pvt. Ltd." href="https://click4r.com/aboutus" class="navbar-link">About Us</a></li>
  2946.             <li><a title="Jobs and Employment Opportunities" href="https://click4r.com/Jobs" class="navbar-link">Jobs</a></li>
  2947.             <li><a title="Privacy Policy" href="https://click4r.com/privacy" class="navbar-link">Privacy Policy</a></li>
  2948.             <li><a title="Terms and Conditions" href="https://click4r.com/terms" class="navbar-link">Terms</a></li>
  2949.             <li><a title="Media" href="https://click4r.com/Media" class="navbar-link">Media</a></li>
  2950. <li><a title="Sitemap" href="https://click4r.com/sitemap" class="navbar-link">Sitemap</a></li>
  2951.        </ul>
  2952.        </div>
  2953.      
  2954.        <div class="copyright">
  2955.            <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
  2956.    reserved.</div>
  2957.            
  2958.        </div>
  2959.        
  2960.    </div>
  2961.    <!-- /.container -->
  2962. </footer>
  2963. </div>
  2964. <!-- ./wrapper -->
  2965. <script type="adc79cf176546abd2abf94dd-text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.VERTICAL}, 'google_translate_element');}</script>
  2966. <script type="adc79cf176546abd2abf94dd-text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
  2967. <!--scripts-->
  2968.  
  2969. <!-- jQuery 2.2.3 -->
  2970. <script src="https://click4r.com/assets/plugins/jQuery/jquery-2.2.3.min.js" type="adc79cf176546abd2abf94dd-text/javascript"></script>
  2971. <script src="https://click4r.com/assets/js/theme.js" type="adc79cf176546abd2abf94dd-text/javascript"></script>
  2972. <script type="adc79cf176546abd2abf94dd-text/javascript">
  2973.    jQuery(document).ready(function($) {
  2974.        $(document).on('keydown', '#navbar-search-input', function(event) {
  2975.            console.log('Keydown event triggered. Key code:', event.keyCode);
  2976.            if (event.keyCode === 13) {  // Check for Enter key
  2977.                event.preventDefault();
  2978.                var search = encodeURI($(this).val());
  2979.                window.location.href = "https://click4r.com/posts/search/" + search;
  2980.                return false;
  2981.            }
  2982.        });
  2983.    });
  2984. </script>
  2985. <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="adc79cf176546abd2abf94dd-|49" defer></script></body>
  2986. </html>
  2987.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda