@charset "UTF-8";

/*------------------------------------------------------------------
* Name:		UHelp
* Written by:	Barfaraz - (http://barfaraz.com)
* Version:		1.0
*/

/*------------------------------------------------------------------
[Table of contents]

1. Theme Styles
    1.1. Body
    1.2. Faqs
    1.3. Heading
    1.4. Article Category
    1.5. Article List
    1.6. Knowledgebase
    1.7. Categories Navbar
    1.8. Main Navbar
    1.9. Feature
    1.10. Background
    1.11. Article Slider
    1.12. Icon Links
    1.13. Important Articles
    1.14. Accordion KB
    1.15. Author List
    1.16. Article Categories
    1.17. Page
    1.18. Tags
    1.19. Articles
    1.20. Rating
    1.21. Table of Contents
    1.22. Article
    1.23. Article Lists
    1.24. Popular Keywords
2. UiKit Styles
    2.1. Html
    2.2. Table
    2.3. Link
    2.4. Navbar
    2.5. Background
    2.6. Comment
    2.7. Grid
    2.8. Text
    2.9. Label
    2.10. Pagination
    2.11. Alert
    2.12. Button
    2.13. List
    2.14. Form
    2.15. Heading
    2.16. Navbar
    2.17. Article
    2.18. Off-convas
    2.19. Badge
    2.20. Search
    2.21. Nav
    2.22. Subnav
    2.23. Breadcrumb
3. Layouts
    3.1. Header
    3.2. Footer
    3.3. Content
 4. Plugins
    4.1. Easy Autocomplate
*/

/*------------------------------------------------------------------
[1.1. Body]
*/

body {
	direction: ltr;
}

/*------------------------------------------------------------------
[1.2. Faqs]
*/

.tm-faqs .uk-accordion-title {
	color: #3a3c4c;
}

.tm-page-faq-1 .tm-faqs .uk-accordion-title {
	padding: 20px;
	background: #fdfcfe;
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
}

.tm-page-faq-1 .tm-faqs .uk-accordion-content {
	padding: 10px 0;
}

.tm-page-faq-2 .tm-faqs li {
	background: #fff;
	padding: 15px;
}

.tm-page-faq-2 .tm-faqs li .uk-accordion-title::before {
	float: left;
	margin-right: 10px;
	margin-left: 0;
}

/*------------------------------------------------------------------
[1.3. Heading]
*/

.tm-heading {
	color: #673ab7;
	text-transform: uppercase;
}

/*------------------------------------------------------------------
[1.4. Article Category]
*/

.tm-article-category {
	background: #fff;
	width: 100%;
	box-sizing: border-box;
	border-radius: 5px;
}

.tm-article-category .tm-icon {
	border-radius: 100%;
	width: 130px;
	height: 130px;
	line-height: 2.8em;
	border: solid 4px #fff;
	display: inline-block;
	color: #673ab7;
	font-size: 4em;
}

.tm-home-page-1 .tm-article-category .tm-icon {
	box-shadow: 0 0px 15px #efebf8;
	background: #faf9fd;
	font-size: 3em;
}

.tm-article-category h3 {
	color: #673ab7;
}

.tm-article-category p {
	color: #818892;
}

/*------------------------------------------------------------------
[1.5. Article List]
*/

.tm-article-list a {
	padding: 10px 15px;
	background: #fff;
	border: solid 1px #efebf8;
	color: #000;
	display: block;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
  	  -o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
}

.tm-article-list a:hover {
	border-color: #673ab7;
}

.tm-article-list a span {
	display: block;
	font-size: 12px;
	color: #818892;
	margin-top: 3px;
}

/*------------------------------------------------------------------
[1.6. Knowledgebase]
*/

.tm-knowledgebase a {
	color: #3a3c4c;
}

.tm-knowledgebase a:hover {
	color: #673ab7;
}

.tm-knowledgebase h3 i {
	margin-right: 15px;
}

.tm-knowledgebase h3 span {
	color: #818892;
	margin-left: 5px;
}

.tm-knowledgebase ul {
	list-style: none;
	line-height: 2.5em;
	padding: 0;
}

.tm-knowledgebase li:before {
	font: normal normal normal 14px/1 FontAwesome;
	margin-right: 20px;
	color: #818892;
}

.tm-knowledgebase li:not(.view-all):before {
	content: "\f0f6";
}

.tm-knowledgebase li.view-all:before {
	content: "\f0a9";
}

/*------------------------------------------------------------------
[1.7. Categories Navbar]
*/

.tm-categories-navbar-container {
	background: #f9f7fc;
}

.tm-categories-navbar-container .uk-navbar-nav>li>a {
	color: #818892;
}

.tm-categories-navbar-container .uk-navbar-nav>li.uk-active>a {
	position: relative;
	color: #3a3c4c;
}

.tm-categories-navbar-container .uk-navbar-nav>li.uk-active>a:after {
	content: "";
	border-bottom: solid 1px #673ab7;
	position: absolute;
	left: 15px;
	bottom: 20px;
	right: 15px;
}

.tm-categories-navbar-container .uk-logo {
	color: #3a3c4c;
}

/*------------------------------------------------------------------
[1.8. Main Navbar]
*/

.tm-home-page-1 .tm-main-navbar {
	border-bottom: solid 1px rgba(255,255,255,.1);
}

.tm-main-navbar .uk-navbar-nav>li>a {
	color: #d3d3d3;
	-webkit-transition: color 500ms linear;
	-moz-transition: color 500ms linear;
	-o-transition: color 500ms linear;
	-ms-transition: color 500ms linear;
	transition: color 500ms linear;
}

.tm-main-navbar .uk-navbar-nav>li.uk-active>a {
	color: #fff;
	font-weight: 500;
}

.tm-main-navbar .uk-navbar-nav>li:hover>a, .tm-main-navbar .uk-navbar-nav>li>a.uk-open, .tm-main-navbar .uk-navbar-nav>li>a:focus {
	color: #fff;
}

.tm-home-page-3 .tm-main-navbar .uk-navbar-nav>li>a {
	color: #3a3c4c;
}

.tm-home-page-3 .tm-main-navbar .uk-navbar-nav>li.uk-active>a {
	color: #818892;
}

.tm-home-page-3 .tm-main-navbar .uk-navbar-nav>li:hover>a, .tm-home-page-3 .tm-main-navbar .uk-navbar-nav>li>a.uk-open, .tm-home-page-3 .tm-main-navbar .uk-navbar-nav>li>a:focus {
	color: #818892;
}

.tm-main-navbar .uk-navbar-dropdown-nav>li>a {
	color: rgba(0,0,0,.8);
}

.tm-main-navbar .uk-navbar-dropdown-nav>li>a:focus, .tm-main-navbar .uk-navbar-dropdown-nav>li>a:hover {
	color: rgba(0,0,0,.5);
}

.tm-main-navbar .uk-navbar-toggle {
	color: #d3d3d3;
}

.tm-home-page-3 .tm-main-navbar .uk-navbar-toggle {
	color: #3a3c4c;
}

.tm-main-navbar .uk-navbar-toggle.uk-open, .tm-main-navbar .uk-navbar-toggle:focus, .tm-main-navbar .uk-navbar-toggle:hover {
	color: #fff;
}

.tm-home-page-3 .tm-main-navbar .uk-navbar-toggle.uk-open, .tm-home-page-3 .tm-main-navbar .uk-navbar-toggle:focus, .tm-home-page-3 .tm-main-navbar .uk-navbar-toggle:hover {
	color: #818892;
}

.tm-main-navbar .uk-navbar-item a {
	background-color: rgba(255,255,255,0.1);
	padding: 10px 20px;
	border-radius: 100px;
	color: #fff;
	-webkit-transition: background-color 200ms linear, color 100ms linear;
	-moz-transition: background-color 200ms linear, color 100ms linear;
  	  -o-transition: background-color 200ms linear, color 100ms linear;
	-ms-transition: background-color 200ms linear, color 100ms linear;
	transition: background-color 200ms linear, color 100ms linear;
}

.tm-main-navbar .uk-navbar-item a:hover {
	background-color: rgba(255,255,255,0.9);
	color: #673ab7;
}

.tm-main-navbar .uk-logo {
	max-width: 220px;
}

/*------------------------------------------------------------------
[1.9. Feature]
*/

.tm-feature i {
	color: #673ab7;
	font-size: 3em;
}

.tm-home-page-1 .tm-feature .tm-heading .uk-icon {
    color: #673ab7;
    border-radius: 100px;
    padding: 3px;
    margin-right: 10px;
    border: solid 2px #673ab7;
    background: #fff;
}

/*------------------------------------------------------------------
[1.10. Background]
*/

.tm-background-primary {
	background-color: #f9f7fc;
}

/*------------------------------------------------------------------
[1.11 Article Slider]
*/

.tm-article-slider .uk-dotnav>*>* {
	border-color: #673ab7;
}

.tm-article-slider .uk-dotnav>.uk-active>* {
	background-color: #673ab7;
}

/*------------------------------------------------------------------
[1.12 Icon Links]
*/

.tm-icon-links a {
	color: #673ab7;
	display: block;
}

/*------------------------------------------------------------------
[1.13 Important Articles]
*/

.tm-important-articles li {
	box-shadow: 0 2px 8px rgba(0,0,0,.08);
	padding: 20px;
	background: #fff;
}

.tm-important-articles .uk-accordion-title {
	color: #3a3c4c;
}

/*------------------------------------------------------------------
[1.14 Accordion KB]
*/

.tm-accordion-kb .uk-accordion-title {
	font-weight: 300;
	color: #3a3c4c;
}

.tm-accordion-kb .uk-accordion-title:focus, .tm-accordion-kb .uk-accordion-title:hover {
	color: #3a3c4c;
}

.tm-accordion-kb .uk-accordion-title::before {
	font-family: FontAwesome;
	content: "\f107";
	background-image: unset;
	color: #fc6591;
}

.tm-accordion-kb .uk-open>.uk-accordion-title::before {
	content: "\f106";
	background-image: unset;
}

.tm-accordion-kb ul li {
	padding: 10px 0;
	border-top: solid 1px #efebf8;
}

.tm-accordion-kb ul>:nth-child(n+2) {
	margin-top: 0;
}

.tm-page-category-2 .tm-author-list {
	display: inline-flex;
}

/*------------------------------------------------------------------
[1.15 Author List]
*/

.tm-author-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.tm-author-list li {
	float: left;
}

.tm-page-category-1 .tm-author-list>:nth-child(n+2) {
	margin-left: -10px;
}

.tm-page-category-2 .tm-author-list>:nth-child(n+2) {
	margin-left: -5px;
}

.tm-author-list img {
	border: solid 2px #fff;
}

/*------------------------------------------------------------------
[1.16 Article Categories]
*/

.tm-page-category-2 .tm-article-categories {
	margin-bottom: 70px;
}

.tm-page-category-2 .tm-article-categories article {
	background: #fff;
}

.tm-page-category-2 .tm-article-categories article+article {
	margin-top: 1px !important;
}

/*------------------------------------------------------------------
[1.17 Page]
*/

.tm-page.tm-home-page {
	background-color: #fff;
}

/*------------------------------------------------------------------
[1.18 Tags]
*/

.tm-tags {
	list-style: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 14px;
}

.tm-tags li {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px;
}

.tm-tags li a {
	color: #673ab7;
	background: #f9f7fc;
	padding: 5px 10px;
	border-radius: 100px;
	-webkit-transition: all 100ms linear;
	-moz-transition: all 100ms linear;
  	  -o-transition: all 100ms linear;
	-ms-transition: all 100ms linear;
	transition: all 100ms linear;
	display: block;
	font-weight: 700;
}

.tm-tags li a:hover {
	background: #673ab7;;
	color: #fff;
}

/*------------------------------------------------------------------
[1.19 Articles]
*/

.tm-articles article {
	background: #fff;
}

/*------------------------------------------------------------------
[1.20 Rating]
*/

.tm-rating {
	list-style: none;
	display: inline-block;
	padding: 0;
}

.tm-rating li {
	display: inline;
	margin: 0 10px;
}

.tm-rating li img {
	width: 32px;
	height: 32px;
}

/*------------------------------------------------------------------
[1.21 Table of Contents]
*/

.tm-toc-container a.tm-toc-level-0:last-child:after,
.tm-toc-container a:first-child:after,
.tm-toc-container a.tm-toc-level-0:after {
	background-color: #f9f7fc;
	border-color: #673ab7
}

.tm-toc-container a:first-child span:after,
.tm-toc-container a.tm-toc-level-0 span:after {
	background-color: #fff;
}

.tm-toc-container a:last-child:after {
	background-color: #efebf8;
}

.tm-toc-container{
	position: relative;
}

.tm-toc-container a {
	display: block;
	position: relative;
	line-height: 1.4em;
	text-transform: uppercase;
	padding-bottom: 1.5em;
	font-size: 0.875em;
	font-weight: 300;
}

.tm-toc-container{
	padding-left: 30px;
}

.tm-toc-container .tm-toc-level-0 {
	font-weight: 400;
	font-size: 0.875em;
}

.tm-toc-container .tm-toc-level-1 {
	font-weight: 300;
	font-size: 0.875em;
}

.tm-toc-container a:before{
	content: '';
	position: absolute;
	height: calc(100% + 0.3em);
	left: -20px;
	top: 0.15em;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #efebf8;
}

.tm-toc-container a.tm-toc-level-0:last-child:after,
.tm-toc-container a:first-child:after,
.tm-toc-container a.tm-toc-level-0:after,
.tm-toc-container a:first-child span:after,
.tm-toc-container a.tm-toc-level-0 span:after {
	content: '';
	position: absolute;
	width: 9px;
	height: 9px;
	border-width: 3px;
	border-style: solid;
	border-radius: 9px;
	left: -26px;
	top: 0.15em;
	z-index: 2;
}

.tm-toc-container a:first-child span:after,
.tm-toc-container a.tm-toc-level-0 span:after {
	border-color: transparent;
	z-index: 1;
}

.tm-toc-container a:last-child:before {
	display: none;
}

.tm-toc-container a:last-child:after{
	content: '';
	position: absolute;
	width: 8px;
	height: 8px;
	left: -23px;
	top: 0.4em;
	border-radius: 8px;
}

/*------------------------------------------------------------------
[1.22 Article]
*/

.tm-article ol {
	counter-reset: item;
}

.tm-article ol li {
	position: relative;
	list-style-type: none;
       counter-increment: item;
       margin-bottom: 10px;
}

.tm-article ol li:before {
	margin-right: 10px;
	content: counter(item);
	background: #673ab7;
	border-radius: 100%;
	color: white;
	width: 25px;
	text-align: center;
	display: inline-block;
}

.tm-article blockquote {
	padding: 1.2em 30px 1.2em 75px;
	border-left: 8px solid #fcfbfe ;
	position: relative;
}

.tm-article blockquote::before {
	font-family: Arial;
	content: "\201c";
	color: #673ab7;
	font-size: 4em;
	position: absolute;
	left: 10px;
	top: -10px;
}

/*------------------------------------------------------------------
[1.23 Articles List]
*/

.tm-articles-list b {
	font-weight: 500;
}

.tm-articles-list.uk-list-large.uk-list-divider>li:nth-child(n+2) {
	margin-top: 30px;
	padding-top: 30px;
}

/*------------------------------------------------------------------
[1.24 Popular Keywords]
*/

.tm-popular-keywords a {
	font-size: 14px;
	font-weight: bold;
}

/*------------------------------------------------------------------
[2.1. Html]
*/

html {
	font-family: Roboto;
	color: #3a3c4c;
	background-color: #f9f7fc;
}

/*------------------------------------------------------------------
[2.2. Table]
*/

.uk-table-divider>:first-child>tr:not(:first-child), .uk-table-divider>:not(:first-child)>tr, .uk-table-divider>tr:not(:first-child) {
	border-color: #efebf8;
}

/*------------------------------------------------------------------
[2.3. Link]
*/

.uk-link, a {
	color: #673ab7;
}

.uk-link:hover, a:hover {
	color: #673ab7;
	text-decoration: none;
}

.uk-link-muted a, a.uk-link-muted {
	color: #818892;
}

/*------------------------------------------------------------------
[2.4. Navbar]
*/

.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {
	font-family: Roboto;
}

.uk-navbar-dropdown-grid>:not(.uk-first-column)::before {
	border-left: 1px solid #efebf8;
}

/*------------------------------------------------------------------
[2.5. Background]
*/

.uk-background-muted {
	background-color: #f9f7fc;
}

/*------------------------------------------------------------------
[2.6. Comment]
*/

.uk-comment-primary {
	background-color: #f9f7fc;
}

.uk-comment-meta {
	color: #818892;
}

/*------------------------------------------------------------------
[2.7. Grid]
*/

.uk-grid-divider>:not(.uk-first-column)::before {
	border-color: #efebf8;
}

/*------------------------------------------------------------------
[2.8. Text]
*/

.uk-text-meta {
	color: #818892;
}

.uk-text-muted {
	color: #818892;
}

.uk-text-primary {
	color: #673ab7 !important;
}

.uk-text-lead {
	font-size: 1.2rem;
	font-weight: 300;
}

/*------------------------------------------------------------------
[2.9. Label]
*/

.uk-label {
	background: #673ab7;
}

.uk-label-success {
	background-color: #32d296;
}

.uk-label-warning {
	background-color: #faa05a;
}

.uk-label-danger {
	background-color: #f0506e;
}

/*------------------------------------------------------------------
[2.10. Pagination]
*/

.uk-pagination>*>* {
	color: #818892;
}

.uk-pagination>*>:focus, .uk-pagination>*>:hover {
	color: #3a3c4c;
}

/*------------------------------------------------------------------
[2.11. Alert]
*/

.uk-alert-primary {
	background: rgba(103, 58, 183, 0.05);
	color: #673ab7;
}

/*------------------------------------------------------------------
[2.12. Button]
*/

.uk-button {
	border-radius: 30px;
	-webkit-transition: 500ms;
	-moz-transition: 500ms;
	-o-transition: 500ms;
	-ms-transition: 500ms;
	transition: 500ms;
	font-weight: bold;
}

.uk-button:hover {
	-webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
	-moz-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
	box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.5) !important;
}

.uk-button-primary {
	background-color: #fc6591;
}

.uk-button-primary:focus, .uk-button-primary:hover {
	background-color: #fc6591;
}

/*------------------------------------------------------------------
[2.13. List]
*/

.uk-list-divider>li:nth-child(n+2) {
	border-color: #efebf8;
}

/*------------------------------------------------------------------
[2.14. Form]
*/

.uk-input, .uk-select, .uk-textarea {
	border: 2px solid #efebf8;
	color: #000;
}

.uk-input:focus, .uk-select:focus, .uk-textarea:focus {
	border: 2px solid #673ab7;
	color: #000;
}

/*------------------------------------------------------------------
[2.15. Heading]
*/

.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, h1, h2, h3, h4, h5, h6 {
	font-family: Roboto;
	color: #3a3c4c;
	font-weight: 700;
}

.uk-heading-divider {
	border-color: #efebf8;
}

/*------------------------------------------------------------------
[2.16. Navbar]
*/

.uk-navbar-container:not(.uk-navbar-transparent) {
	background: #f9f7fc;
}

/*------------------------------------------------------------------
[2.17. Article]
*/

.uk-article-meta {
	color: #818892;
}

/*------------------------------------------------------------------
[2.18. Off-canvas]
*/

.uk-offcanvas-bar {
	background: #3a3c4c;
}

/*------------------------------------------------------------------
[2.19. Badge]
*/

.uk-badge {
	background: #673ab7;
}

/*------------------------------------------------------------------
[2.20. Search]
*/

.uk-search-input {
	color: #000;
}

/*------------------------------------------------------------------
[2.21. Nav]
*/

.uk-nav.uk-nav-offcanvas {
	font-size: 1rem;
}

.uk-nav.uk-nav-offcanvas li > a {
	padding: 5px;
}

.uk-nav.uk-nav-offcanvas ul.uk-nav-sub {
	padding: 5px 0 5px 25px;
}

/*------------------------------------------------------------------
[2.22. Subnav]
*/

.uk-subnav-pill>.uk-active>a {
	background-color: #673ab7;
}

/*------------------------------------------------------------------
[2.23. Breadcrumb]
*/

.uk-breadcrumb>*>* {
	color: #3a3c4c;
}

.uk-breadcrumb>:last-child>* {
	color: #818892;
}

.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before {
	color: #818892;
	content: "\2192";
}

/*------------------------------------------------------------------
[3.1. Header]
*/

.tm-header {
	line-height: normal;
}

.tm-header-background {
	background-color: #673ab7;
}

.tm-header .uk-navbar-container:not(.uk-navbar-transparent) {
	background-color: #673ab7;
}

.tm-header .uk-navbar-container.uk-active {
	background-color: #673ab7;
}

.tm-header .tm-search-box {
	width: 100%;
}

.tm-header .tm-search-box input {
	height: 70px !important;
	background-color: rgba(255,255,255,0.2) !important;
	border: unset !important;
	padding: 0 20px !important;
	font-size: 1.2em !important;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
  	  -o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

.tm-home-page-1 .tm-header .tm-search-box input,
.tm-home-page-3 .tm-header .tm-search-box input {
	background-color: #fff !important;
}

.tm-header .tm-search-box:focus-within input {
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
	background-color: #fff !important;
	color: #000 !important;
}

.tm-header .tm-search-box .uk-search-icon {
	right: 15px;
	color: #fff;
}

.tm-home-page-1 .tm-header .tm-search-box .uk-search-icon,
.tm-home-page-3 .tm-header .tm-search-box .uk-search-icon {
	right: 15px;
	color: #673ab7;
}

.tm-header .tm-search-box:focus-within .uk-search-icon {
	color: #673ab7;
}

.tm-header-background {
	margin-left: 30px;
	margin-right: 30px;
	box-shadow: 0 10px 30px 0 rgba(0,0,0,.2);
	border-radius: 0 0 20px 20px;
}

.tm-home-page-2 .tm-header-background {
	box-shadow: none;
}

.tm-home-page-3 .tm-header-background {
	border-radius: 0;
}

.tm-next-section {
	border-radius: 100px;
	background: #fff;
	width: 38px;
	height: 38px;
	text-align: center;
	margin-bottom: -19px;
	box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
	line-height: 38px;
	font-size: 1.2em;
	cursor: pointer;
}

.tm-next-section  a {
	display: block;
	width: 100%;
	height: 100%;
}

/*------------------------------------------------------------------
[3.2. Footer]
*/

footer .uk-subnav>*>:first-child {
	color: #818892;
}

footer .uk-subnav>*>a:focus, footer .uk-subnav>*>a:hover {
	color: #3a3c4c;
}

footer .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before {
	border-color: #efebf8;
}

.tm-footer {
	background-color: #f9f7fc;
}

.tm-footer .tm-socials {
	list-style: none;
	display: inline-block;
	padding: 0;
}

.tm-footer .tm-socials a {
	color: #818892;
}

.tm-footer .tm-socials a:hover {
	color: #3a3c4c;
}

.tm-footer .tm-socials li {
	display: inline;
	margin-right: 20px;
	font-size: 1.2em;
}

/*------------------------------------------------------------------
[3.3. Content]
*/

.tm-content {
	background-color: #fff;
}

.tm-content-primary {
	background-color: #ebeef1
}

/*------------------------------------------------------------------
[4.1. Easy Autocomplate]
*/

.easy-autocomplete {
	max-width: 100%;
	min-width: 100%;
}

.easy-autocomplete input {
	border-color: unset !important;
	border-style: unset !important;
	border-width: unset !important;
	box-shadow: unset !important;
	color: unset !important;
	float: unset !important;
	padding: unset !important;
}

.easy-autocomplete-container ul {
	text-align: left;
	border-color: #673ab7 !important;
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

.easy-autocomplete-container ul li, .easy-autocomplete-container ul .eac-category {
	border-color: #fff !important;
	font-size: 16px !important;
	padding: 15px 10px !important;
}

.easy-autocomplete-container ul li.selected {
	background: none repeat scroll 0 0 #f9f7fc !important;
}

.easy-autocomplete a {
	color: #000;
}

.easy-autocomplete a:hover {
	color: #000;
}

.ratingbox {display:inline-block; vertical-align:middle;}
.ratingbox input[type=radio] {display:none;}
.ratingbox > label:before {font-family:'maxpoints'; content:"\e93c"; font-size:16px; font-style:normal; line-height:1; margin-left:1px; display: inline-block;}
.ratingbox > label {float:right; color:#e8e8e8;}
.ratingbox > input:checked ~ label, 
.ratingbox:not(:checked) > label:hover,
.ratingbox:not(:checked) > label:hover ~ label {color:#ffbf00;} 
/* hover current star when changing rating */
.ratingbox > input:checked + label:hover, 
.ratingbox > input:checked ~ label:hover,
.ratingbox > label:hover ~ input:checked ~ label, 
.ratingbox > input:checked ~ label:hover ~ label { color: #ffd042;  } 
               .table-wrap {
    overflow-x: auto;
    overflow-y: hidden;
                   margin-bottom: 20px;
                   margin-top: 25px;}
                            table {
    width: 100%;
    border: none;
    max-width: 100%;
    overflow: auto;
    margin-bottom: 20px;
}
               tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
thead {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
               table th, table td {
    padding: 15px 10px;
    border: 1px solid #70879c;
    text-align: center;
    font-size: 13px;
}

.hometable {width: 90%;
    border: none;
    max-width: 100%;
    overflow: auto;
    margin-bottom: 20px;
    margin: auto;}
	
.rightcol {
	float: right;
    margin-top: -22%;
    margin-right: 20%;
}

.imgl {float: left;
    width: 150px;
    padding-right: 15px;}
	
a.dot {border-bottom: 1px dashed #673ab7;
    font-weight: 300;}	
	
a.dot:hover {border-bottom: 1px dashed #673ab7; font-weight: 700;}

.cc2 {padding-left: 30px;
	 column-count: 2;	}
	 
.cc3 {padding-left: 30px;
    column-count: 3;
    list-style: none;	}
	
a.olink {border-bottom: 1px dashed #673ab7;
    font-weight: 300;}	
	
a.olink:hover {border-bottom: 1px dashed #673ab7; font-weight: 700;}	

/*** Постраничная навигация базовый стиль ***/

.pagination {
    width: 100%;
    text-align: center;
}

.pagination ul {
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.pagination ul li {
    display: inline-block;
    list-style: none;
    margin: 3px 3px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.pagination ul li a,
.pagination ul li a:visited {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}

.pagination ul li a:hover {
    display: block;
    padding: 5px 10px;
    text-decoration: none;
}


/***** Черный *****/

.pagination ul li a:link.blacksquare,
.pagination ul li a:visited.blacksquare {
    border: 1px solid #000;
    background: #000;
    background: -moz-linear-gradient(top, #3f3f3f, #000);
    background: -ms-linear-gradient(top, #3f3f3f, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#000));
    background: -o-linear-gradient(#3f3f3f, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f3f3f', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
}

.pagination ul li a:hover.blacksquare {
    border: 1px solid #000;
    background: #7c7c7c;
    background: -moz-linear-gradient(top, #7c7c7c, #000);
    background: -ms-linear-gradient(top, #7c7c7c, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#000));
    background: -o-linear-gradient(top, #7c7c7c, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7c7c7c', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
}

.pagination ul li a:link.blacksquareactive,
.pagination ul li a:visited.blacksquareactive {
    border: 1px solid #000;
    background: #7c7c7c;
    background: -moz-linear-gradient(top, #7c7c7c, #000);
    background: -ms-linear-gradient(top, #7c7c7c, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#000));
    background: -o-linear-gradient(top, #7c7c7c, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7c7c7c', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
}

.pagination ul li a:hover.blacksquareactive {
    border: 1px solid #000;
    background: #000;
    background: -moz-linear-gradient(top, #3f3f3f, #000);
    background: -ms-linear-gradient(top, #3f3f3f, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#000));
    background: -o-linear-gradient(top, #3f3f3f, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f3f3f', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
}

.pagination ul li a:link.blackcurve,
.pagination ul li a:visited.blackcurve {
    border: 1px solid #000;
    background: #000;
    background: -moz-linear-gradient(top, #3f3f3f, #000);
    background: -ms-linear-gradient(top, #3f3f3f, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#000));
    background: -o-linear-gradient(top, #3f3f3f, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f3f3f', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
    border-radius: 4px;
}

.pagination ul li a:hover.blackcurve {
    border: 1px solid #000;
    background: #7c7c7c;
    background: -moz-linear-gradient(top, #7c7c7c, #000);
    background: -ms-linear-gradient(top, #7c7c7c, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#000));
    background: -o-linear-gradient(top, #7c7c7c, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7c7c7c', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
    border-radius: 4px;
}

.pagination ul li a:link.blackcurveactive,
.pagination ul li a:visited.blackcurveactive {
    border: 1px solid #000;
    background: #7c7c7c;
    background: -moz-linear-gradient(top, #7c7c7c, #000);
    background: -ms-linear-gradient(top, #7c7c7c, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#7c7c7c), to(#000));
    background: -o-linear-gradient(top, #7c7c7c, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#7c7c7c', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
    border-radius: 4px;
}

.pagination ul li a:hover.blackcurveactive {
    border: 1px solid #000;
    background: #000;
    background: -moz-linear-gradient(top, #3f3f3f, #000);
    background: -ms-linear-gradient(top, #3f3f3f, #000);
    background: -webkit-gradient(linear, left top, left bottom, from(#3f3f3f), to(#000));
    background: -o-linear-gradient(top, #3f3f3f, #000);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#3f3f3f', EndColorStr='#000', GradientType=0);
    color: #fff;
    text-shadow: none !important;
    border-radius: 4px;
}	 

	 
/***** Пурпурный *****/

.pagination ul li a:link.purplesquare,
.pagination ul li a:visited.purplesquare {
    border: 1px solid #9825c3;
    background: #7d16d4;
    background: -moz-linear-gradient(top, #bf5af9, #7d16d4);
    background: -ms-linear-gradient(top, #bf5af9, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#bf5af9), to(#7d16d4));
    background: -o-linear-gradient(top, #bf5af9, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bf5af9', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
}

.pagination ul li a:hover.purplesquare {
    border: 1px solid #9825c3;
    background: #cf82fb;
    background: -moz-linear-gradient(top, #cf82fb, #7d16d4);
    background: -ms-linear-gradient(top, #cf82fb, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#cf82fb), to(#7d16d4));
    background: -o-linear-gradient(top, #cf82fb, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cf82fb', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
}

.pagination ul li a:link.purplesquareactive,
.pagination ul li a:visited.purplesquareactive {
    border: 1px solid #9825c3;
    background: #cf82fb;
    background: -moz-linear-gradient(top, #cf82fb, #7d16d4);
    background: -ms-linear-gradient(top, #cf82fb, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#cf82fb), to(#7d16d4));
    background: -o-linear-gradient(top, #cf82fb, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cf82fb', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
}

.pagination ul li a:hover.purplesquareactive {
    border: 1px solid #9825c3;
    background: #7d16d4;
    background: -moz-linear-gradient(top, #bf5af9, #7d16d4);
    background: -ms-linear-gradient(top, #bf5af9, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#bf5af9), to(#7d16d4));
    background: -o-linear-gradient(top, #bf5af9, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bf5af9', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
}

.pagination ul li a:link.purplecurve,
.pagination ul li a:visited.purplecurve {
    border: 1px solid #9825c3;
    background: #7d16d4;
    background: -moz-linear-gradient(top, #bf5af9, #7d16d4);
    background: -ms-linear-gradient(top, #bf5af9, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#bf5af9), to(#7d16d4));
    background: -o-linear-gradient(top, #bf5af9, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bf5af9', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
    border-radius: 4px;
}

.pagination ul li a:hover.purplecurve {
    border: 1px solid #9825c3;
    background: #cf82fb;
    background: -moz-linear-gradient(top, #cf82fb, #7d16d4);
    background: -ms-linear-gradient(top, #cf82fb, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#cf82fb), to(#7d16d4));
    background: -o-linear-gradient(top, #cf82fb, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cf82fb', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
    border-radius: 4px;
}

.pagination ul li a:link.purplecurveactive,
.pagination ul li a:visited.purplecurveactive {
    border: 1px solid #9825c3;
    background: #cf82fb;
    background: -moz-linear-gradient(top, #cf82fb, #7d16d4);
    background: -ms-linear-gradient(top, #cf82fb, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#cf82fb), to(#7d16d4));
    background: -o-linear-gradient(top, #cf82fb, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#cf82fb', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
    border-radius: 4px;
}

.pagination ul li a:hover.purplecurveactive {
    border: 1px solid #9825c3;
    background: #7d16d4;
    background: -moz-linear-gradient(top, #bf5af9, #7d16d4);
    background: -ms-linear-gradient(top, #bf5af9, #7d16d4);
    background: -webkit-gradient(linear, left top, left bottom, from(#bf5af9), to(#7d16d4));
    background: -o-linear-gradient(top, #bf5af9, #7d16d4);
    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#bf5af9', EndColorStr='#7d16d4', GradientType=0);
    color: #fff;
    text-shadow: 0 1px 2px #333333;
    border-radius: 4px;
}

.bottom_scrool_block {
    background: #673ab7;
    background-size: cover;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    padding: 10px 0;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
}

.bottom_scrool_block  a {color:#fff; text-decoration:none;}
.bottom_scrool_block .text{display:inline-block; padding:5px 20px 5px 0; margin-left: 33%;}
.bottom_scrool_block .btn {color:#673ab7; background-color:#fff; font-weight:bold; outline:1.5px solid #fff; outline-offset:1px; border-radius:0; padding: 5px;}
.bottom_scrool_block .btn:hover {outline:2px solid #fff; outline-offset:0px; /* border-color:#fff; */}
.bottom_scrool_block.show {display:block;}
.bottom_scrool_block.hide {display:none;} 
.bottom_scrool_block .close {position:absolute; right:13px; top:16px; font-size:24px; font-weight:bold; line-height:1; cursor:pointer;}


@media(max-width:978px){
.bottom_scrool_block .text{display:inline-block; padding:5px 20px 5px 0; margin-left: 13%;}
.bottom_scrool_block .btn {color:#673ab7; background-color:#fff; font-weight:bold; outline:1.5px solid #fff; outline-offset:1px; border-radius:0; padding: 5px; margin-left: 43%;}
}
@media(max-width:768px){
.bottom_scrool_block .text{display:inline-block; padding:5px 20px 5px 0; margin-left: 3%;}
.bottom_scrool_block .btn {color:#673ab7; background-color:#fff; font-weight:bold; outline:1.5px solid #fff; outline-offset:1px; border-radius:0; padding: 5px; margin-left: 33%;}

}