<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="shortcut icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon" />
<link rel="icon" href="https://click4r.com/assets/img/c4u-favicon.png" type="image/x-icon" />
<link rel="canonical" href="https://click4r.com/posts/g/14574335/montreenbois" />
<title>montreenbois | Click4R</title>
<meta name="description" content="montre avec bracelet en bois Découvrez lélégance intemporelle avec Horlowood.fr, votre destination exclusive pour des montres en bois exquises. Chaque pièce est une fusion de précision artisanale et de beauté naturelle, capturant lessence unique du bois. Nos montres allient style moderne et respect de lenvironnement, créant une harmonie parfaite entre le design contemporain et la durabilité. Explorez notre collection diversifiée,…" />
<meta name="keywords" content="montre avec bracelet en bois" />
<meta name="robots" content="index, follow" />
<!-- yandex webmaster tools verification code -->
<meta name="yandex-verification" content="c568f150f1aa8b6f" />
<!-- Local Business Structured Data -->
<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>
<!-- End-Local Business Structured Data -->
<!-- Breadcrumb Structured Data -->
<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>
<!-- End Breadcrumb Structured Data -->
<!-- GEO Tag -->
<meta name="DC.title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
<meta name="geo.region" content="IN-AP" />
<meta name="geo.placename" content="Guntur" />
<meta name="geo.position" content="16.292250;80.435410" />
<meta name="ICBM" content="16.292250, 80.435410" />
<!-- End GEO Tag -->
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website">
<meta property="og:title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers"/>
<meta property="og:url" content="https://click4r.com/" />
<meta property="og:site_name" content="Click4r Solutions Private Limited" />
<meta property="og:image" content="https://c2c.fp.guinfra.com/file/65a9d8ec927d6ef7609db8ecr52HRY3I03" />
<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!" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@click4rcom" />
<meta name="twitter:creator" content="Click4r Solutions Private Limited" />
<meta name="twitter:title" content="Top Blog Submission Site In India, Best Free Blogging Platform for Beginners & Developers" />
<meta name="twitter:image" content="https://c2c.fp.guinfra.com/file/658f9ae1715795e157aadd8ddHllQDhF03" />
<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!" />
<!--Google fonts-->
<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'">
<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap"></noscript>
<style id="nd-styles">
/* Content from header.css */
* {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;}
/* Content from header.css */
.Gtranslate {
text-align: left;
}
div#google_translate_element {
display: inline-block;
}
#google_translate_element .goog-te-gadget {font-size: 0px !important;}
#google_translate_element .goog-te-gadget span {display: none;}
#google_translate_element .goog-te-gadget .goog-te-combo {
height: 24px;
font-size: 12px;
margin: 0 !important;
border: 1px solid #ccc;
border-radius: 4px;
padding-left: 3px;
}
.main-header .user-menu a {
font-size: 13px;
font-weight: 600;
color: #000;
}
.main-header .user-menu a:hover {
color:#2f88e3;
}
.main-nav {
background-color: #fff;
border: 1px solid #cdd7e4;
border-radius: 20px;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
display: flex;
box-shadow: 0 2px 15px rgba(0, 0, 0, .07);
position:relative;
/* 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 */
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+ */
}
.main-header li.dropdown {position: relative;}
.main-header a.dropdown-toggle {display:block;}
.main-header a.dropdown-toggle img {
width: 30px;
height: 30px;
border-radius: 50%;
margin-right: 5px;
}
.main-header .user-nav ul.dropdown-menu {
padding: 10px 10px 15px;
position: absolute;
background: #fff;
z-index: 1111;
right: 0;
min-width: 180px;
text-align: center;
opacity: 0;
visibility: hidden;
}
.main-header .user-nav li.dropdown:hover ul.dropdown-menu {
visibility: visible;
opacity: 1;
}
.main-header .user-nav a:hover {
background: transparent;
}
.main-header .user-nav li.user-body {
display: block;
margin: 5px 0;
}
.main-header .user-nav .user-header p {
font-weight: 500;
text-transform: capitalize;
margin: 5px 0 0;
}
.main-header .user-nav .user-menu .btn {
padding: 5px 10px;
border-radius: 4px;
background: var(--primary);
color: #fff;
font-size: 12px;
}
.main-header .user-nav .user-menu .btn:hover {color: #000;}
.main-header .user-nav .user-menu li.user-footer {
text-align: center;
display: block;
margin: 0;
}
.main-header .user-nav .user-menu li.user-footer > div {
display: inline-block;
margin: 0 3px;
}
.navbar-custom-menu.user-menu {
grid-template-columns: 140px auto;
grid-gap: 10px;
align-items: center;
}
@media (min-width:768px){
}
@media (min-width:1024px){
.main-nav img.header-logo {
width: 160px;
}
.main-nav .navbar {
display: grid;
grid-template-columns: auto 170px;
grid-gap: 20px;
align-items: center;
float: right;
justify-items: end;
}
.main-nav .nav > li {
float: left;
margin: 0 8px;
}
}
.main-nav .nav li.dropdown {position: relative;}
.main-nav .nav li a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
display: inline-block;
}
.main-nav .nav li a:hover {
color:#2f88e3;
background:transparent;
}
.main-nav .nav li > a {
padding-bottom: 2px;
border-bottom: 1px solid transparent;
}
.main-nav .nav li > a:hover,
.main-nav .nav li.active > a {
color:#2f88e3;
border-color:#fff;
border-color:transparent;
background: transparent;
}
.main-nav .nav li span.caret {
border: solid #fff;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 4px;
transform: rotate(45deg);
}
@media (min-width:1024px) {
.main-nav .nav .dropdown-menu {
position: absolute;
right: 0;
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+ */
padding: 10px 25px 5px;
visibility: hidden;
opacity: 0;
transition: all 0.2s ease-in;
z-index: 111;
}
.main-nav .nav > li:hover .dropdown-menu {
visibility: visible;
opacity: 1;
}
.main-nav .nav li span.caret {
float: right;
margin-left: 5px;
margin-top: 5px;
}
}
.main-nav .nav .dropdown-menu li {
display: block;
margin: 0 0 5px;
text-align: left;
}
.main-nav .nav .dropdown-menu li a {
font-size:14px;
}
#navbar-search-input {
background-color: #f5f7fa;
border: 1px solid #ddd1ec;
border-radius: 20px;
padding: 7px 15px;
font-size: 13px;
font-weight: 600;
color: #000;
}
#navbar-search-input::placeholder {
color: #000;
}
@media (max-width:1023px){
.main-nav ul.dropdown-menu {
background: rgba(255, 255, 255, 0.05);
padding: 5px 20px;
display: none;
}
span.navicon {
border: 1px solid #fff;
padding: 8px;
float: right;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 21px;
display: block;
line-height:1;
}
span.navicon svg {
fill: #fff;
width: 20px;
}
.main-header .navbar {
/*background-color: #000;*/
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%);
border-radius: 10px;
position: absolute;
top: 100%;
z-index: 99999;
left: 0;
right: 0;
padding: 10px 0;
display:none;
}
.main-nav .nav li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.main-nav .nav li a {
color: #fff;
padding: 10px 15px;
display:block;
}
.main-nav .nav li > a:hover, .main-nav .nav li.active > a {border-color:transparent;}
.main-nav .nav li span.caret {
position: absolute;
right: 10px;
top: 15px;
}
.header-form {margin-right:50px;}
}
@media (max-width:767px){
.main-header {
padding-top: 15px 20px 20px;
}
.main-nav img.header-logo {
width: 125px;
}
.main-nav {
padding:15px 20px 20px;
}
#google_translate_element .goog-te-gadget .goog-te-combo,
.main-header .user-menu a {
font-size: 11px;
}
.main-header a.dropdown-toggle img {
width: 24px;
height: 24px;
}
}
@media (max-width:567px){
.main-nav {
padding:15px 20px 70px;
}
.main-nav > .header-form {
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
margin:0;
}
.main-nav > .header-form #navbar-search-input {
width:100%;
}
span.navicon {top:31%;}
.navbar-custom-menu.user-menu {
grid-template-columns: 130px auto;
grid-gap: 5px;
align-items: center;
}
}
@media (max-width:414px){
.navbar-custom-menu.user-menu {
grid-template-columns: 105px auto;
}
#google_translate_element .goog-te-gadget .goog-te-combo {
padding-left: 2px;
width: 110px;
}
#google_translate_element .goog-te-gadget .goog-te-combo, .main-header .user-menu a {
font-size: 11px;
}
}
/* Content from theme.css */
.small-box {
border-radius: 2px;
position: relative;
display: block;
margin-bottom: 20px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.small-box>.inner {
padding: 10px
}
.small-box>.small-box-footer {
position: relative;
text-align: center;
padding: 3px 0;
color: #fff;
color: rgba(255, 255, 255, 0.8);
display: block;
z-index: 10;
background: rgba(0, 0, 0, 0.1);
text-decoration: none
}
.small-box>.small-box-footer:hover {
color: #fff;
background: rgba(0, 0, 0, 0.15)
}
.small-box h3 {
font-size: 38px;
font-weight: bold;
margin: 0 0 10px 0;
white-space: nowrap;
padding: 0
}
.small-box p {
font-size: 15px
}
.small-box p>small {
display: block;
color: #f9f9f9;
font-size: 13px;
margin-top: 5px
}
.small-box h3,
.small-box p {
z-index: 5
}
.small-box .icon {
-webkit-transition: all .3s linear;
-o-transition: all .3s linear;
transition: all .3s linear;
position: absolute;
top: -10px;
right: 10px;
z-index: 0;
font-size: 90px;
color: rgba(0, 0, 0, 0.15)
}
.small-box:hover {
text-decoration: none;
color: #f9f9f9
}
.small-box:hover .icon {
font-size: 95px
}
@media (max-width:767px) {
.small-box {
text-align: center
}
.small-box .icon {
display: none
}
.small-box p {
font-size: 12px
}
}
.box {
position: relative;
border-radius: 3px;
background: #ffffff;
border-top: 3px solid #d2d6de;
margin-bottom: 20px;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1)
}
.box.box-primary {
border-top-color: #3c8dbc
}
.box.box-info {
border-top-color: #00c0ef
}
.box.box-danger {
border-top-color: #dd4b39
}
.box.box-warning {
border-top-color: #f39c12
}
.box.box-success {
border-top-color: #00a65a
}
.box.box-default {
border-top-color: #d2d6de
}
.box.collapsed-box .box-body,
.box.collapsed-box .box-footer {
display: none
}
.box .nav-stacked>li {
border-bottom: 1px solid #f4f4f4;
margin: 0
}
.box .nav-stacked>li:last-of-type {
border-bottom: none
}
.box.height-control .box-body {
max-height: 300px;
overflow: auto
}
.box .border-right {
border-right: 1px solid #f4f4f4
}
.box .border-left {
border-left: 1px solid #f4f4f4
}
.box.box-solid {
border-top: 0
}
.box.box-solid>.box-header .btn.btn-default {
background: transparent
}
.box.box-solid>.box-header .btn:hover,
.box.box-solid>.box-header a:hover {
background: rgba(0, 0, 0, 0.1)
}
.box.box-solid.box-default {
border: 1px solid #d2d6de
}
.box.box-solid.box-default>.box-header {
color: #444;
background: #d2d6de;
background-color: #d2d6de
}
.box.box-solid.box-default>.box-header a,
.box.box-solid.box-default>.box-header .btn {
color: #444
}
.box.box-solid.box-primary {
border: 1px solid #3c8dbc
}
.box.box-solid.box-primary>.box-header {
color: #fff;
background: #3c8dbc;
background-color: #3c8dbc
}
.box.box-solid.box-primary>.box-header a,
.box.box-solid.box-primary>.box-header .btn {
color: #fff
}
.box.box-solid.box-info {
border: 1px solid #00c0ef
}
.box.box-solid.box-info>.box-header {
color: #fff;
background: #00c0ef;
background-color: #00c0ef
}
.box.box-solid.box-info>.box-header a,
.box.box-solid.box-info>.box-header .btn {
color: #fff
}
.box.box-solid.box-danger {
border: 1px solid #dd4b39
}
.box.box-solid.box-danger>.box-header {
color: #fff;
background: #dd4b39;
background-color: #dd4b39
}
.box.box-solid.box-danger>.box-header a,
.box.box-solid.box-danger>.box-header .btn {
color: #fff
}
.box.box-solid.box-warning {
border: 1px solid #f39c12
}
.box.box-solid.box-warning>.box-header {
color: #fff;
background: #f39c12;
background-color: #f39c12
}
.box.box-solid.box-warning>.box-header a,
.box.box-solid.box-warning>.box-header .btn {
color: #fff
}
.box.box-solid.box-success {
border: 1px solid #00a65a
}
.box.box-solid.box-success>.box-header {
color: #fff;
background: #00a65a;
background-color: #00a65a
}
.box.box-solid.box-success>.box-header a,
.box.box-solid.box-success>.box-header .btn {
color: #fff
}
.box.box-solid>.box-header>.box-tools .btn {
border: 0;
box-shadow: none
}
.box.box-solid[class*='bg']>.box-header {
color: #fff
}
.box .box-group>.box {
margin-bottom: 5px
}
.box .knob-label {
text-align: center;
color: #333;
font-weight: 100;
font-size: 12px;
margin-bottom: 0.3em
}
.box>.overlay,
.overlay-wrapper>.overlay,
.box>.loading-img,
.overlay-wrapper>.loading-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.box .overlay,
.overlay-wrapper .overlay {
z-index: 50;
background: rgba(255, 255, 255, 0.7);
border-radius: 3px
}
.box .overlay>.fa,
.overlay-wrapper .overlay>.fa {
position: absolute;
top: 50%;
left: 50%;
margin-left: -15px;
margin-top: -15px;
color: #000;
font-size: 30px
}
.box .overlay.dark,
.overlay-wrapper .overlay.dark {
background: rgba(0, 0, 0, 0.5)
}
.box-header:before,
.box-body:before,
.box-footer:before,
.box-header:after,
.box-body:after,
.box-footer:after {
content: " ";
display: table
}
.box-header:after,
.box-body:after,
.box-footer:after {
clear: both
}
.box-header {
color: #444;
display: block;
padding: 10px;
position: relative
}
.box-header.with-border {
border-bottom: 1px solid #f4f4f4
}
.collapsed-box .box-header.with-border {
border-bottom: none
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion,
.box-header .box-title {
display: inline-block;
font-size: 18px;
margin: 0;
line-height: 1
}
.box-header>.fa,
.box-header>.glyphicon,
.box-header>.ion {
margin-right: 5px
}
.box-header>.box-tools {
position: absolute;
right: 10px;
top: 5px
}
.box-header>.box-tools [data-toggle="tooltip"] {
position: relative
}
.box-header>.box-tools.pull-right .dropdown-menu {
right: 0;
left: auto
}
.btn-box-tool {
padding: 5px;
font-size: 12px;
background: transparent;
color: #97a0b3
}
.open .btn-box-tool,
.btn-box-tool:hover {
color: #606c84
}
.btn-box-tool.btn:active {
box-shadow: none
}
.box-body {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
padding: 10px
}
.no-header .box-body {
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.box-body>.table {
margin-bottom: 0
}
.box-body .fc {
margin-top: 5px
}
.box-body .full-width-chart {
margin: -19px
}
.box-body.no-padding .full-width-chart {
margin: -9px
}
.box-body .box-pane {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 3px
}
.box-body .box-pane-right {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 0
}
.box-footer {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
border-top: 1px solid #f4f4f4;
padding: 10px;
background-color: #fff
}
.chart-legend {
margin: 10px 0
}
@media (max-width:991px) {
.chart-legend>li {
float: left;
margin-right: 10px
}
}
.box-comments {
background: #f7f7f7
}
.box-comments .box-comment {
padding: 8px 0;
border-bottom: 1px solid #eee
}
.box-comments .box-comment:before,
.box-comments .box-comment:after {
content: " ";
display: table
}
.box-comments .box-comment:after {
clear: both
}
.box-comments .box-comment:last-of-type {
border-bottom: 0
}
.box-comments .box-comment:first-of-type {
padding-top: 0
}
.box-comments .box-comment img {
float: left
}
.box-comments .comment-text {
margin-left: 40px;
color: #555
}
.box-comments .username {
color: #444;
display: block;
font-weight: 600
}
.box-comments .text-muted {
font-weight: 400;
font-size: 12px
}
.todo-list {
margin: 0;
padding: 0;
list-style: none;
overflow: auto
}
.todo-list>li {
border-radius: 2px;
padding: 10px;
background: #f4f4f4;
margin-bottom: 2px;
border-left: 2px solid #e6e7e8;
color: #444
}
.todo-list>li:last-of-type {
margin-bottom: 0
}
.todo-list>li>input[type='checkbox'] {
margin: 0 10px 0 5px
}
.todo-list>li .text {
display: inline-block;
margin-left: 5px;
font-weight: 600
}
.todo-list>li .label {
margin-left: 10px;
font-size: 9px
}
.todo-list>li .tools {
display: none;
float: right;
color: #dd4b39
}
.todo-list>li .tools>.fa,
.todo-list>li .tools>.glyphicon,
.todo-list>li .tools>.ion {
margin-right: 5px;
cursor: pointer
}
.todo-list>li:hover .tools {
display: inline-block
}
.todo-list>li.done {
color: #999
}
.todo-list>li.done .text {
text-decoration: line-through;
font-weight: 500
}
.todo-list>li.done .label {
background: #d2d6de !important
}
.todo-list .danger {
border-left-color: #dd4b39
}
.todo-list .warning {
border-left-color: #f39c12
}
.todo-list .info {
border-left-color: #00c0ef
}
.todo-list .success {
border-left-color: #00a65a
}
.todo-list .primary {
border-left-color: #3c8dbc
}
.todo-list .handle {
display: inline-block;
cursor: move;
margin: 0 5px
}
.chat {
padding: 5px 20px 5px 10px
}
.chat .item {
margin-bottom: 10px
}
.chat .item:before,
.chat .item:after {
content: " ";
display: table
}
.chat .item:after {
clear: both
}
.chat .item>img {
width: 40px;
height: 40px;
border: 2px solid transparent;
border-radius: 50%
}
.chat .item>.online {
border: 2px solid #00a65a
}
.chat .item>.offline {
border: 2px solid #dd4b39
}
.chat .item>.message {
margin-left: 55px;
margin-top: -40px
}
.chat .item>.message>.name {
display: block;
font-weight: 600
}
.chat .item>.attachment {
border-radius: 3px;
background: #f4f4f4;
margin-left: 65px;
margin-right: 15px;
padding: 10px
}
.chat .item>.attachment>h4 {
margin: 0 0 5px 0;
font-weight: 600;
font-size: 14px
}
.chat .item>.attachment>p,
.chat .item>.attachment>.filename {
font-weight: 600;
font-size: 13px;
font-style: italic;
margin: 0
}
.chat .item>.attachment:before,
.chat .item>.attachment:after {
content: " ";
display: table
}
.chat .item>.attachment:after {
clear: both
}
.box-input {
max-width: 200px
}
.modal .panel-body {
color: #444
}
.info-box {
display: block;
min-height: 90px;
background: #fff;
width: 100%;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 2px;
margin-bottom: 15px
}
.info-box small {
font-size: 14px
}
.info-box .progress {
background: rgba(0, 0, 0, 0.2);
margin: 5px -10px 5px -10px;
height: 2px
}
.info-box .progress,
.info-box .progress .progress-bar {
border-radius: 0
}
.info-box .progress .progress-bar {
background: #fff
}
.info-box-icon {
border-top-left-radius: 2px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 2px;
display: block;
float: left;
height: 90px;
width: 90px;
text-align: center;
font-size: 45px;
line-height: 90px;
background: rgba(0, 0, 0, 0.2)
}
.info-box-icon>img {
max-width: 100%
}
.info-box-content {
padding: 5px 10px;
margin-left: 90px
}
.info-box-number {
display: block;
font-weight: bold;
font-size: 18px
}
.progress-description,
.info-box-text {
display: block;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.info-box-text {
text-transform: uppercase
}
.info-box-more {
display: block
}
.progress-description {
margin: 0
}
.timeline {
position: relative;
margin: 0 0 30px 0;
padding: 0;
list-style: none
}
.timeline:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 4px;
background: #ddd;
left: 31px;
margin: 0;
border-radius: 2px
}
.timeline>li {
position: relative;
margin-right: 10px;
margin-bottom: 15px
}
.timeline>li:before,
.timeline>li:after {
content: " ";
display: table
}
.timeline>li:after {
clear: both
}
.timeline>li>.timeline-item {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px;
margin-top: 0;
background: #fff;
color: #444;
margin-left: 60px;
margin-right: 15px;
padding: 0;
position: relative
}
.timeline>li>.timeline-item>.time {
color: #999;
float: right;
padding: 10px;
font-size: 12px
}
.timeline>li>.timeline-item>.timeline-header {
margin: 0;
color: #555;
border-bottom: 1px solid #f4f4f4;
padding: 10px;
font-size: 16px;
line-height: 1.1
}
.timeline>li>.timeline-item>.timeline-header>a {
font-weight: 600
}
.timeline>li>.timeline-item>.timeline-body,
.timeline>li>.timeline-item>.timeline-footer {
padding: 10px
}
.timeline>li>.fa,
.timeline>li>.glyphicon,
.timeline>li>.ion {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
position: absolute;
color: #666;
background: #d2d6de;
border-radius: 50%;
text-align: center;
left: 18px;
top: 0
}
.timeline>.time-label>span {
font-weight: 600;
padding: 5px;
display: inline-block;
background-color: #fff;
border-radius: 4px
}
.timeline-inverse>li>.timeline-item {
background: #f0f0f0;
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none
}
.timeline-inverse>li>.timeline-item>.timeline-header {
border-bottom-color: #ddd
}
.btn.btn-file {
position: relative;
overflow: hidden
}
.btn.btn-file>input[type='file'] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
opacity: 0;
filter: alpha(opacity=0);
outline: none;
background: white;
cursor: inherit;
display: block
}
.callout a {
color: #fff;
text-decoration: underline
}
.callout a:hover {
color: #eee
}
.callout h4 {
margin-top: 0;
font-weight: 600
}
.callout p:last-child {
margin-bottom: 0
}
.callout code,
.callout .highlight {
background-color: #fff
}
.callout.callout-danger {
border-color: #c23321
}
.callout.callout-warning {
border-color: #c87f0a
}
.callout.callout-info {
border-color: #0097bc
}
.callout.callout-success {
border-color: #00733e
}
.alert {
border-radius: 3px
}
.alert h4 {
font-weight: 600
}
.alert .icon {
margin-right: 10px
}
.alert .close {
color: #000;
opacity: .2;
filter: alpha(opacity=20)
}
.alert .close:hover {
opacity: .5;
filter: alpha(opacity=50)
}
.alert a {
color: #fff;
text-decoration: underline
}
.alert-success {
border-color: #008d4c
}
.alert-danger,
.alert-error {
border-color: #d73925
}
.alert-warning {
border-color: #e08e0b
}
.alert-info {
border-color: #00acd6
}
.nav>li>a:hover,
.nav>li>a:active,
.nav>li>a:focus {
color: #444;
background: #f7f7f7
}
.nav-pills>li>a {
border-radius: 0;
border-top: 3px solid transparent;
color: #444
}
.nav-pills>li>a>.fa,
.nav-pills>li>a>.glyphicon,
.nav-pills>li>a>.ion {
margin-right: 5px
}
.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
border-top-color: #3c8dbc
}
.nav-pills>li.active>a {
font-weight: 600
}
.nav-stacked>li>a {
border-radius: 0;
border-top: 0;
border-left: 3px solid transparent;
color: #444
}
.nav-stacked>li.active>a,
.nav-stacked>li.active>a:hover {
background: transparent;
color: #444;
border-top: 0;
border-left-color: #3c8dbc
}
.nav-stacked>li.header {
border-bottom: 1px solid #ddd;
color: #777;
margin-bottom: 10px;
padding: 5px 10px;
text-transform: uppercase
}
.nav-tabs-custom {
margin-bottom: 20px;
background: #fff;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
border-radius: 3px
}
.nav-tabs-custom>.nav-tabs {
margin: 0;
border-bottom-color: #f4f4f4;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.nav-tabs-custom>.nav-tabs>li {
border-top: 3px solid transparent;
margin-bottom: -2px;
margin-right: 5px
}
.nav-tabs-custom>.nav-tabs>li>a {
color: #444;
border-radius: 0
}
.nav-tabs-custom>.nav-tabs>li>a.text-muted {
color: #999
}
.nav-tabs-custom>.nav-tabs>li>a,
.nav-tabs-custom>.nav-tabs>li>a:hover {
background: transparent;
margin: 0
}
.nav-tabs-custom>.nav-tabs>li>a:hover {
color: #999
}
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:hover,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:focus,
.nav-tabs-custom>.nav-tabs>li:not(.active)>a:active {
border-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.active {
border-top-color: #3c8dbc
}
.nav-tabs-custom>.nav-tabs>li.active>a,
.nav-tabs-custom>.nav-tabs>li.active:hover>a {
background-color: #fff;
color: #444
}
.nav-tabs-custom>.nav-tabs>li.active>a {
border-top-color: transparent;
border-left-color: #f4f4f4;
border-right-color: #f4f4f4
}
.nav-tabs-custom>.nav-tabs>li:first-of-type {
margin-left: 0
}
.nav-tabs-custom>.nav-tabs>li:first-of-type.active>a {
border-left-color: transparent
}
.nav-tabs-custom>.nav-tabs.pull-right {
float: none !important
}
.nav-tabs-custom>.nav-tabs.pull-right>li {
float: right
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type {
margin-right: 0
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type>a {
border-left-width: 1px
}
.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
border-left-color: #f4f4f4;
border-right-color: transparent
}
.nav-tabs-custom>.nav-tabs>li.header {
line-height: 35px;
padding: 0 10px;
font-size: 20px;
color: #444
}
.nav-tabs-custom>.nav-tabs>li.header>.fa,
.nav-tabs-custom>.nav-tabs>li.header>.glyphicon,
.nav-tabs-custom>.nav-tabs>li.header>.ion {
margin-right: 5px
}
.nav-tabs-custom>.tab-content {
background: #fff;
padding: 10px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px
}
.nav-tabs-custom .dropdown.open>a:active,
.nav-tabs-custom .dropdown.open>a:focus {
background: transparent;
color: #999
}
.nav-tabs-custom.tab-primary>.nav-tabs>li.active {
border-top-color: #3c8dbc
}
.nav-tabs-custom.tab-info>.nav-tabs>li.active {
border-top-color: #00c0ef
}
.nav-tabs-custom.tab-danger>.nav-tabs>li.active {
border-top-color: #dd4b39
}
.nav-tabs-custom.tab-warning>.nav-tabs>li.active {
border-top-color: #f39c12
}
.nav-tabs-custom.tab-success>.nav-tabs>li.active {
border-top-color: #00a65a
}
.nav-tabs-custom.tab-default>.nav-tabs>li.active {
border-top-color: #d2d6de
}
.pagination>li>a {
background: #fafafa;
color: #666
}
.pagination.pagination-flat>li>a {
border-radius: 0 !important
}
.products-list {
list-style: none;
margin: 0;
padding: 0
}
.products-list>.item {
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
padding: 10px 0;
background: #fff
}
.products-list>.item:before,
.products-list>.item:after {
content: " ";
display: table
}
.products-list>.item:after {
clear: both
}
.products-list .product-img {
float: left
}
.products-list .product-img img {
width: 50px;
height: 50px
}
.products-list .product-info {
margin-left: 60px
}
.products-list .product-title {
font-weight: 600
}
.products-list .product-description {
display: block;
color: #999;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.product-list-in-box>.item {
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
border-bottom: 1px solid #f4f4f4
}
.product-list-in-box>.item:last-of-type {
border-bottom-width: 0
}
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
border-top: 1px solid #f4f4f4
}
.table>thead>tr>th {
border-bottom: 2px solid #f4f4f4
}
.table tr td .progress {
margin-top: 5px
}
.table-bordered {
border: 1px solid #f4f4f4
}
.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
border: 1px solid #f4f4f4
}
.table-bordered>thead>tr>th,
.table-bordered>thead>tr>td {
border-bottom-width: 2px
}
.table.no-border,
.table.no-border td,
.table.no-border th {
border: 0
}
table.text-center,
table.text-center td,
table.text-center th {
text-align: center
}
.table.align th {
text-align: left
}
.table.align td {
text-align: right
}
.label-default {
background-color: #d2d6de;
color: #444
}
.direct-chat .box-body {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
position: relative;
overflow-x: hidden;
padding: 0
}
.direct-chat.chat-pane-open .direct-chat-contacts {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.direct-chat-messages {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
padding: 10px;
height: 250px;
overflow: auto
}
.direct-chat-msg,
.direct-chat-text {
display: block
}
.direct-chat-msg {
margin-bottom: 10px
}
.direct-chat-msg:before,
.direct-chat-msg:after {
content: " ";
display: table
}
.direct-chat-msg:after {
clear: both
}
.direct-chat-messages,
.direct-chat-contacts {
-webkit-transition: -webkit-transform .5s ease-in-out;
-moz-transition: -moz-transform .5s ease-in-out;
-o-transition: -o-transform .5s ease-in-out;
transition: transform .5s ease-in-out
}
.direct-chat-text {
border-radius: 5px;
position: relative;
padding: 5px 10px;
background: #d2d6de;
border: 1px solid #d2d6de;
margin: 5px 0 0 50px;
color: #444
}
.direct-chat-text:after,
.direct-chat-text:before {
position: absolute;
right: 100%;
top: 15px;
border: solid transparent;
border-right-color: #d2d6de;
content: ' ';
height: 0;
width: 0;
pointer-events: none
}
.direct-chat-text:after {
border-width: 5px;
margin-top: -5px
}
.direct-chat-text:before {
border-width: 6px;
margin-top: -6px
}
.right .direct-chat-text {
margin-right: 50px;
margin-left: 0
}
.right .direct-chat-text:after,
.right .direct-chat-text:before {
right: auto;
left: 100%;
border-right-color: transparent;
border-left-color: #d2d6de
}
.direct-chat-img {
border-radius: 50%;
float: left;
width: 40px;
height: 40px
}
.right .direct-chat-img {
float: right
}
.direct-chat-info {
display: block;
margin-bottom: 2px;
font-size: 12px
}
.direct-chat-name {
font-weight: 600
}
.direct-chat-timestamp {
color: #999
}
.direct-chat-contacts-open .direct-chat-contacts {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0)
}
.direct-chat-contacts {
-webkit-transform: translate(101%, 0);
-ms-transform: translate(101%, 0);
-o-transform: translate(101%, 0);
transform: translate(101%, 0);
position: absolute;
top: 0;
bottom: 0;
height: 250px;
width: 100%;
background: #222d32;
color: #fff;
overflow: auto
}
.contacts-list>li {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px;
margin: 0
}
.contacts-list>li:before,
.contacts-list>li:after {
content: " ";
display: table
}
.contacts-list>li:after {
clear: both
}
.contacts-list>li:last-of-type {
border-bottom: none
}
.contacts-list-img {
border-radius: 50%;
width: 40px;
float: left
}
.contacts-list-info {
margin-left: 45px;
color: #fff
}
.contacts-list-name,
.contacts-list-status {
display: block
}
.contacts-list-name {
font-weight: 600
}
.contacts-list-status {
font-size: 12px
}
.contacts-list-date {
color: #aaa;
font-weight: normal
}
.contacts-list-msg {
color: #999
}
.direct-chat-danger .right>.direct-chat-text {
background: #dd4b39;
border-color: #dd4b39;
color: #fff
}
.direct-chat-danger .right>.direct-chat-text:after,
.direct-chat-danger .right>.direct-chat-text:before {
border-left-color: #dd4b39
}
.direct-chat-primary .right>.direct-chat-text {
background: #3c8dbc;
border-color: #3c8dbc;
color: #fff
}
.direct-chat-primary .right>.direct-chat-text:after,
.direct-chat-primary .right>.direct-chat-text:before {
border-left-color: #3c8dbc
}
.direct-chat-warning .right>.direct-chat-text {
background: #f39c12;
border-color: #f39c12;
color: #fff
}
.direct-chat-warning .right>.direct-chat-text:after,
.direct-chat-warning .right>.direct-chat-text:before {
border-left-color: #f39c12
}
.direct-chat-info .right>.direct-chat-text {
background: #00c0ef;
border-color: #00c0ef;
color: #fff
}
.direct-chat-info .right>.direct-chat-text:after,
.direct-chat-info .right>.direct-chat-text:before {
border-left-color: #00c0ef
}
.direct-chat-success .right>.direct-chat-text {
background: #00a65a;
border-color: #00a65a;
color: #fff
}
.direct-chat-success .right>.direct-chat-text:after,
.direct-chat-success .right>.direct-chat-text:before {
border-left-color: #00a65a
}
.users-list>li {
width: 25%;
float: left;
padding: 10px;
text-align: center
}
.users-list>li img {
border-radius: 50%;
max-width: 100%;
height: auto
}
.users-list>li>a:hover,
.users-list>li>a:hover .users-list-name {
color: #999
}
.users-list-name,
.users-list-date {
display: block
}
.users-list-name {
font-weight: 600;
color: #444;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
.users-list-date {
color: #999;
font-size: 12px
}
.carousel-control.left,
.carousel-control.right {
background-image: none
}
.carousel-control>.fa {
font-size: 40px;
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -20px
}
.modal {
background: rgba(0, 0, 0, 0.3)
}
.modal-content {
border-radius: 0;
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
border: 0
}
@media (min-width:768px) {
.modal-content {
-webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125)
}
}
.modal-header {
border-bottom-color: #f4f4f4
}
.modal-footer {
border-top-color: #f4f4f4
}
.modal-primary .modal-header,
.modal-primary .modal-footer {
border-color: #307095
}
.modal-warning .modal-header,
.modal-warning .modal-footer {
border-color: #c87f0a
}
.modal-info .modal-header,
.modal-info .modal-footer {
border-color: #0097bc
}
.modal-success .modal-header,
.modal-success .modal-footer {
border-color: #00733e
}
.modal-danger .modal-header,
.modal-danger .modal-footer {
border-color: #c23321
}
.box-widget {
border: none;
position: relative
}
.widget-user .widget-user-header {
padding: 20px;
height: 120px;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.widget-user .widget-user-username {
margin-top: 0;
margin-bottom: 5px;
font-size: 25px;
font-weight: 300;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)
}
.widget-user .widget-user-desc {
margin-top: 0
}
.widget-user .widget-user-image {
position: absolute;
top: 65px;
left: 50%;
margin-left: -45px
}
.widget-user .widget-user-image>img {
width: 90px;
height: auto;
border: 3px solid #fff
}
.widget-user .box-footer {
padding-top: 30px
}
.widget-user-2 .widget-user-header {
padding: 20px;
border-top-right-radius: 3px;
border-top-left-radius: 3px
}
.widget-user-2 .widget-user-username {
margin-top: 5px;
margin-bottom: 5px;
font-size: 25px;
font-weight: 300
}
.widget-user-2 .widget-user-desc {
margin-top: 0
}
.widget-user-2 .widget-user-username,
.widget-user-2 .widget-user-desc {
margin-left: 75px
}
.widget-user-2 .widget-user-image>img {
width: 65px;
height: auto;
float: left
}
.mailbox-messages>.table {
margin: 0
}
.mailbox-controls {
padding: 5px
}
.mailbox-controls.with-border {
border-bottom: 1px solid #f4f4f4
}
.mailbox-read-info {
border-bottom: 1px solid #f4f4f4;
padding: 10px
}
.mailbox-read-info h3 {
font-size: 20px;
margin: 0
}
.mailbox-read-info h5 {
margin: 0;
padding: 5px 0 0 0
}
.mailbox-read-time {
color: #999;
font-size: 13px
}
.mailbox-read-message {
padding: 10px
}
.mailbox-attachments li {
float: left;
width: 200px;
border: 1px solid #eee;
margin-bottom: 10px;
margin-right: 10px
}
.mailbox-attachment-name {
font-weight: bold;
color: #666
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
display: block
}
.mailbox-attachment-info {
padding: 10px;
background: #f4f4f4
}
.mailbox-attachment-size {
color: #999;
font-size: 12px
}
.mailbox-attachment-icon {
text-align: center;
font-size: 65px;
color: #666;
padding: 20px 10px
}
.mailbox-attachment-icon.has-img {
padding: 0
}
.mailbox-attachment-icon.has-img>img {
max-width: 100%;
height: auto
}
.lockscreen {
background: #d2d6de
}
.lockscreen-logo {
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300
}
.lockscreen-logo a {
color: #444
}
.lockscreen-wrapper {
max-width: 400px;
margin: 0 auto;
margin-top: 10%
}
.lockscreen .lockscreen-name {
text-align: center;
font-weight: 600
}
.lockscreen-item {
border-radius: 4px;
padding: 0;
background: #fff;
position: relative;
margin: 10px auto 30px auto;
width: 290px
}
.lockscreen-image {
border-radius: 50%;
position: absolute;
left: -10px;
top: -25px;
background: #fff;
padding: 5px;
z-index: 10
}
.lockscreen-image>img {
border-radius: 50%;
width: 70px;
height: 70px
}
.lockscreen-credentials {
margin-left: 70px
}
.lockscreen-credentials .form-control {
border: 0
}
.lockscreen-credentials .btn {
background-color: #fff;
border: 0;
padding: 0 10px
}
.lockscreen-footer {
margin-top: 10px
}
.login-logo,
.register-logo {
font-size: 35px;
text-align: center;
margin-bottom: 25px;
font-weight: 300
}
.login-logo a,
.register-logo a {
color: #444
}
.login-page,
.register-page {
background: #d2d6de
}
.login-box,
.register-box {
width: 360px;
margin: 7% auto
}
@media (max-width:768px) {
.login-box,
.register-box {
width: 90%;
margin-top: 20px
}
}
.login-box-body,
.register-box-body {
background: #fff;
padding: 20px;
border-top: 0;
color: #666
}
.login-box-body .form-control-feedback,
.register-box-body .form-control-feedback {
color: #777
}
.login-box-msg,
.register-box-msg {
margin: 0;
text-align: center;
padding: 0 20px 20px 20px
}
.social-auth-links {
margin: 10px 0
}
.error-page {
width: 600px;
margin: 20px auto 0 auto
}
@media (max-width:991px) {
.error-page {
width: 100%
}
}
.error-page>.headline {
float: left;
font-size: 100px;
font-weight: 300
}
@media (max-width:991px) {
.error-page>.headline {
float: none;
text-align: center
}
}
.error-page>.error-content {
margin-left: 190px;
display: block
}
@media (max-width:991px) {
.error-page>.error-content {
margin-left: 0
}
}
.error-page>.error-content>h3 {
font-weight: 300;
font-size: 25px
}
@media (max-width:991px) {
.error-page>.error-content>h3 {
text-align: center
}
}
.invoice {
position: relative;
background: #fff;
border: 1px solid #f4f4f4;
padding: 20px;
margin: 10px 25px
}
.invoice-title {
margin-top: 0
}
.profile-user-img {
margin: 0 auto;
width: 100px;
padding: 3px;
border: 3px solid #d2d6de
}
.profile-username {
font-size: 21px;
margin-top: 5px
}
.post {
border-bottom: 1px solid #d2d6de;
margin-bottom: 15px;
padding-bottom: 15px;
color: #666
}
.post:last-of-type {
border-bottom: 0;
margin-bottom: 0;
padding-bottom: 0
}
.post .user-block {
margin-bottom: 15px
}
.bg-gray {
color: #000;
background-color: #d2d6de !important
}
.bg-gray-light {
background-color: #f7f7f7
}
.bg-black {
background-color: #111 !important
}
.bg-red,
.callout.callout-danger,
.alert-danger,
.alert-error,
.label-danger,
.modal-danger .modal-body {
background-color: #dd4b39 !important
}
.bg-yellow,
.callout.callout-warning,
.alert-warning,
.label-warning,
.modal-warning .modal-body {
background-color: #f39c12 !important
}
.bg-aqua,
.callout.callout-info,
.alert-info,
.label-info,
.modal-info .modal-body {
background-color: #00c0ef !important
}
.bg-blue {
background-color: #0073b7 !important
}
.bg-light-blue,
.label-primary,
.modal-primary .modal-body {
background-color: #3c8dbc !important
}
.bg-green,
.callout.callout-success,
.alert-success,
.label-success,
.modal-success .modal-body {
background-color: #00a65a !important
}
.bg-navy {
background-color: #001f3f !important
}
.bg-teal {
background-color: #39cccc !important
}
.bg-olive {
background-color: #3d9970 !important
}
.bg-lime {
background-color: #01ff70 !important
}
.bg-orange {
background-color: #ff851b !important
}
.bg-fuchsia {
background-color: #f012be !important
}
.bg-purple {
background-color: #605ca8 !important
}
.bg-maroon {
background-color: #d81b60 !important
}
.bg-gray-active {
color: #000;
background-color: #b5bbc8 !important
}
.bg-black-active {
background-color: #000 !important
}
.bg-red-active,
.modal-danger .modal-header,
.modal-danger .modal-footer {
background-color: #d33724 !important
}
.bg-yellow-active,
.modal-warning .modal-header,
.modal-warning .modal-footer {
background-color: #db8b0b !important
}
.bg-aqua-active,
.modal-info .modal-header,
.modal-info .modal-footer {
background-color: #00a7d0 !important
}
.bg-blue-active {
background-color: #005384 !important
}
.bg-light-blue-active,
.modal-primary .modal-header,
.modal-primary .modal-footer {
background-color: #357ca5 !important
}
.bg-green-active,
.modal-success .modal-header,
.modal-success .modal-footer {
background-color: #008d4c !important
}
.bg-navy-active {
background-color: #001a35 !important
}
.bg-teal-active {
background-color: #30bbbb !important
}
.bg-olive-active {
background-color: #368763 !important
}
.bg-lime-active {
background-color: #00e765 !important
}
.bg-orange-active {
background-color: #ff7701 !important
}
.bg-fuchsia-active {
background-color: #db0ead !important
}
.bg-purple-active {
background-color: #555299 !important
}
.bg-maroon-active {
background-color: #ca195a !important
}
[class^="bg-"].disabled {
opacity: .65;
filter: alpha(opacity=65)
}
.text-red {
color: #dd4b39 !important
}
.text-yellow {
color: #f39c12 !important
}
.text-aqua {
color: #00c0ef !important
}
.text-blue {
color: #0073b7 !important
}
.text-black {
color: #111 !important
}
.text-light-blue {
color: #3c8dbc !important
}
.text-green {
color: #00a65a !important
}
.text-gray {
color: #d2d6de !important
}
.text-navy {
color: #001f3f !important
}
.text-teal {
color: #39cccc !important
}
.text-olive {
color: #3d9970 !important
}
.text-lime {
color: #01ff70 !important
}
.text-orange {
color: #ff851b !important
}
.text-fuchsia {
color: #f012be !important
}
.text-purple {
color: #605ca8 !important
}
.text-maroon {
color: #d81b60 !important
}
.link-muted {
color: #7a869d
}
.link-muted:hover,
.link-muted:focus {
color: #606c84
}
.link-black {
color: #666
}
.link-black:hover,
.link-black:focus {
color: #999
}
.list-header {
font-size: 15px;
padding: 10px 4px;
font-weight: bold;
color: #666
}
.list-seperator {
height: 1px;
background: #f4f4f4;
margin: 15px 0 9px 0
}
.list-link>a {
padding: 4px;
color: #777
}
.list-link>a:hover {
color: #222
}
.user-block:before,
.user-block:after {
content: " ";
display: table
}
.user-block:after {
clear: both
}
.user-block img {
width: 40px;
height: 40px;
float: left
}
.user-block .username,
.user-block .description,
.user-block .comment {
display: block;
margin-left: 50px
}
.user-block .username {
font-size: 16px;
font-weight: 600
}
.user-block .description {
color: #999;
font-size: 13px
}
.user-block.user-block-sm .username,
.user-block.user-block-sm .description,
.user-block.user-block-sm .comment {
margin-left: 40px
}
.user-block.user-block-sm .username {
font-size: 14px
}
.img-sm,
.img-md,
.img-lg,
.box-comments .box-comment img,
.user-block.user-block-sm img {
float: left
}
.img-sm,
.box-comments .box-comment img,
.user-block.user-block-sm img {
width: 30px !important;
height: 30px !important
}
.img-sm+.img-push {
margin-left: 40px
}
.img-md {
width: 60px;
height: 60px
}
.img-md+.img-push {
margin-left: 70px
}
.img-lg {
width: 100px;
height: 100px
}
.img-lg+.img-push {
margin-left: 110px
}
.img-bordered {
border: 3px solid #d2d6de;
padding: 3px
}
.img-bordered-sm {
border: 2px solid #d2d6de;
padding: 2px
}
.attachment-block {
border: 1px solid #f4f4f4;
padding: 5px;
margin-bottom: 10px;
background: #f7f7f7
}
.attachment-block .attachment-img {
max-width: 100px;
max-height: 100px;
height: auto;
float: left
}
.attachment-block .attachment-pushed {
margin-left: 110px
}
.attachment-block .attachment-heading {
margin: 0
}
.attachment-block .attachment-text {
color: #555
}
.connectedSortable {
min-height: 100px
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.sort-highlight {
background: #f4f4f4;
border: 1px dashed #ddd;
margin-bottom: 10px
}
.full-opacity-hover {
opacity: .65;
filter: alpha(opacity=65)
}
.full-opacity-hover:hover {
opacity: 1;
filter: alpha(opacity=100)
}
.chart {
position: relative;
overflow: hidden;
width: 100%
}
.chart svg,
.chart canvas {
width: 100% !important
}
@media print {
.no-print,
.main-sidebar,
.left-side,
.main-header,
.content-header {
display: none !important
}
.content-wrapper,
.right-side,
.main-footer {
margin-left: 0 !important;
min-height: 0 !important;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
-o-transform: translate(0, 0) !important;
transform: translate(0, 0) !important
}
.fixed .content-wrapper,
.fixed .right-side {
padding-top: 0 !important
}
.invoice {
width: 100%;
border: 0;
margin: 0;
padding: 0
}
.invoice-col {
float: left;
width: 33.3333333%
}
.table-responsive {
overflow: auto
}
.table-responsive>.table tr th,
.table-responsive>.table tr td {
white-space: normal !important
}
} :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;} }
.single-tech > .post-item {
max-height: 550px;
overflow: hidden;
}
@media (min-width:1024px) and (max-width:1300px){
.latest-1 .latest-grid-1 {
grid-template-columns: repeat(3, 1fr);
}
}
/* Content from footer.css */
.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;}
</style>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LTET9EFL41" type="adc79cf176546abd2abf94dd-text/javascript"></script>
<script type="adc79cf176546abd2abf94dd-text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LTET9EFL41');
</script>
<!-- Google Adsense Code -->
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4199043345186163" crossorigin="anonymous" type="adc79cf176546abd2abf94dd-text/javascript"></script>
<script type="adc79cf176546abd2abf94dd-text/javascript">
</script>
</head>
<!-- ADD THE CLASS layout-top-nav TO REMOVE THE SIDEBAR. -->
<body class="">
<div class="page-wrapper" id="#page">
<header class="main-header pt25 pb30">
<div class="container">
<div class="navbar-custom-menu user-menu align-right grid columns-2">
<div class="Gtranslate">
<div id="google_translate_element"></div>
</div>
<ul class="nav navbar-nav inline-list user-nav mb5">
<li><a title="Sign In" href="https://click4r.com/user/login">Sign In</a></li>
<li><a title="Register" href="https://click4r.com/user/register">Register</a></li>
</ul>
</div>
<nav class="main-nav nav bg-white">
<div class="header-logo">
<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>
<span type="button" class="navicon dt-hide tb-block" data-toggle="collapse" data-target="#navbar-collapse">
<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>
</span>
</div>
<div class="navbar-form header-form dt-hide tb-block" role="search">
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="navbar collapse navbar-collapse pull-left" id="navbar-collapse">
<ul class="nav navbar-nav">
<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">
<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">
<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>
</ul> </ul>
<div class="navbar-form header-form mb-hide tb-hide" role="search">
<input type="text" class="form-control" id="navbar-search-input" placeholder="Search" value="">
</div>
</div>
<!-- /.navbar-collapse -->
</nav>
</div>
</header><main id="main" class="single-main pt30">
<section class="single-content-section pb50 mb-pt0">
<div class="container">
<div class="single-post-content">
<div class="single-post-meta grid v-align-center columns-5-7 fs-14 mb20 grid-gap-10">
<div class="author align-left capitalize">
<a href="https://click4r.com/posts/u/6167459/Author-montre">
<img src="https://click4r.com/images/profile/default.png" class="user-profile-img circle" alt="Author Image" width="20" height="30"> montre</a></div>
<div class="post-date align-right">
<i class="fa fa-calendar mr5"></i>February 6, 2024 </div>
</div>
<h1 class="single-post-title capitalize">montreenbois</h1>
<div class="ad-block mb20">
<div id='div-gpt-ad-1688652074561-0'>
<script type="adc79cf176546abd2abf94dd-text/javascript">googletag.cmd.push(function() { googletag.display('div-gpt-ad-1688652074561-0'); });</script>
</div>
</div>
<!-- Google ad ends here -->
<div class="single-content-body">
<p><a href="https://horlowood.fr/">montre avec bracelet en bois</a></p>
<p>Découvrez l'élégance intemporelle avec Horlowood.fr, votre destination exclusive pour des montres en bois exquises. Chaque pièce est une fusion de précision artisanale et de beauté naturelle, capturant l'essence unique du bois. Nos montres allient style moderne et respect de l'environnement, créant une harmonie parfaite entre le design contemporain et la durabilité. Explorez notre collection diversifiée, mettant en valeur la richesse des essences de bois et des finitions raffinées. Horlowood.fr incarne le mariage parfait entre le luxe et la nature, vous offrant une expérience unique au poignet. Redécouvrez le temps avec nos montres en bois, synonymes de sophistication et d'authenticité.</p> </div>
<div class="post-tags">
<strong>Tags:</strong> montre avec bracelet en bois </div>
</div>
</div>
</div>
</section>
</main><footer class="main-footer pt50 pb30 align-center">
<div class="container">
<div class="social-links mb30">
<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>
<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>
<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>
<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>
</div>
<div class="footer-links mb20">
<ul class="footer-menu grid grid-gap-10 mb0">
<li><a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="navbar-link">Home</a></li>
<li><a title="About Click4r Solutions Pvt. Ltd." href="https://click4r.com/aboutus" class="navbar-link">About Us</a></li>
<li><a title="Jobs and Employment Opportunities" href="https://click4r.com/Jobs" class="navbar-link">Jobs</a></li>
<li><a title="Privacy Policy" href="https://click4r.com/privacy" class="navbar-link">Privacy Policy</a></li>
<li><a title="Terms and Conditions" href="https://click4r.com/terms" class="navbar-link">Terms</a></li>
<li><a title="Media" href="https://click4r.com/Media" class="navbar-link">Media</a></li>
<li><a title="Sitemap" href="https://click4r.com/sitemap" class="navbar-link">Sitemap</a></li>
</ul>
</div>
<div class="copyright">
<div class="align-center">Copyright © 2024 <a title="Click4r Solutions Pvt. Ltd." href="https://click4r.com/" class="fw-500">CLICK4R SOLUTIONS Pvt. Ltd</a>.</strong> All rights
reserved.</div>
</div>
</div>
<!-- /.container -->
</footer>
</div>
<!-- ./wrapper -->
<script type="adc79cf176546abd2abf94dd-text/javascript">function googleTranslateElementInit() {new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.VERTICAL}, 'google_translate_element');}</script>
<script type="adc79cf176546abd2abf94dd-text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<!--scripts-->
<!-- jQuery 2.2.3 -->
<script src="https://click4r.com/assets/plugins/jQuery/jquery-2.2.3.min.js" type="adc79cf176546abd2abf94dd-text/javascript"></script>
<script src="https://click4r.com/assets/js/theme.js" type="adc79cf176546abd2abf94dd-text/javascript"></script>
<script type="adc79cf176546abd2abf94dd-text/javascript">
jQuery(document).ready(function($) {
$(document).on('keydown', '#navbar-search-input', function(event) {
console.log('Keydown event triggered. Key code:', event.keyCode);
if (event.keyCode === 13) { // Check for Enter key
event.preventDefault();
var search = encodeURI($(this).val());
window.location.href = "https://click4r.com/posts/search/" + search;
return false;
}
});
});
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="adc79cf176546abd2abf94dd-|49" defer></script></body>
</html>