/********* LESS variables define ************/
/*** Settings for MAIN.LESS ***/
@body-background-color: transparent;		/* BODY background color */
@body-box-shadow: none;						/* BODY box shadow (eg. 2px 0px 20px #999 inset) */
/*** FONTS ***/
@font-color: #666666;						/* Main font color */
@inactive-font-color: #efefef;				/* Inactive font color */
@active-font-color: #999999;				/* Main Active font color */
@highlighted-font-color: #444444;			/* Main Highlighted font color */
@site-name-color: #feffef;					/* Site Name single font color */
@site-name-font-size: 2vw;					/* Site Name single font size */
@site-name-font-style: normal;				/* Site Name single font style */
@site-namesl-color: #666666;				/* Site Name with Slogan font color */
@site-namesl-font-size: 2vw;				/* Site Name with Slogan font size */
@site-namesl-font-style: normal;			/* Site Name with Slogan font style */
@site-slogan-color: #555555;				/* Site Slogan font color */
@site-slogan-font-size: 1.5vw;				/* Site Slogan font size */
@site-slogan-font-style: italic;			/* Site Slogan font style */

/*** Nav Menu ***/
@menu-font-size: inherit;					/* Main Menu font size */
@menu-font-family: inherit;					/* Main Menu font family */
@menu-font-color: #444444;					/* Main Menu font color */
@menu-background-color: #f7f7f7;			/* Main Menu background color */
@menu-item-padding: 0 15px;					/* Main Menu Items padding */
@menu-item-height: 45px;					/* Main Menu Items height */
@menu-txt-shad: 0 1px 0 #fff;				/* Main Menu text shadow */
@menu-drop-backgr-color: #ffffff;			/* Main Menu Drop-down background color */
@menu-background-image1: #fff;				/* Main Menu background image Top */
@menu-background-image2: #eee;				/* Main Menu background image Bottom */
@menu-border: 1px solid rgba(0,0,0,.1);		/* Main Menu borders */
@menu-border-bottom: rgba(0,0,0,.3);		/* Main Menu bottom border color */
@menu-sub-min-width: 190px;					/* Main Menu Drop-Downs Min width */
@menu-border-hover: none;					/* Main Menu Top Elements Border Animation on Hover state: (none, top, bottom) */
@menu-height-hover: 3px;					/* Main Menu Top Elements Border Animation on Hover height */
@menu-bckgr-hover: #999999;					/* Main Menu Top Elements Border Animation on Hover background color */
@active-menu-top-bgr: #fafafa;				/* Main Menu active Top level Items background color */
@active-menu-font-color: #ffffff;			/* Main Menu active font color */
@active-menu-bg-color: #52b4df;				/* Main Menu active background color */
@active-txt-shad:0 -1px 0 rgba(0,0,0,0.2);	/* Main Menu active text shadow */
@menu-item-invert-color: #fff;				/* Main Menu Invert Item color */
@menu-item-invert-bgr: #FF0000;				/* Main Menu Invert Item background color */
@context-a-color: #ccc;						/* Context Menu li -> a element color */
@context-a-active-color: #000;				/* Context Menu Actibe li -> a element color */
@context-a-active-bgr: #ccc;				/* Context Menu Actibe li -> a element background color */
@context-active-img: url(../images/checkbox-32.png);	/* Context Menu Active Item image */
@context-active-bgr: #404040;				/* Context Menu Active Item background color */
@offcanv-bgr: #333;							/* Offcanvas Menu background color */
@offcanv-a-color: #ccc;						/* Offcanvas Menu li -> a element color */
@offcanv-hover-bgr: #404040;				/* Offcanvas Menu on Hover background color */
@offcanv-hover-color: #fff;					/* Offcanvas Menu on Hover font color */

/*** BreadCrumbs ***/
@bread-font-size: inherit;					/* BreadCrumbs font size */
@bread-font-color: #666666;					/* BreadCrumbs font color */
@bread-text-decor: none;					/* BreadCrumbs text decoration for non-underline */
@bread-padding: 0 4px;						/* BreadCrumbs padding between elements */
@bread-active-color: #999999;				/* BreadCrumbs Active item font color */
@bread-divider-sign: "»";					/* BreadCrumbs Elements divider Sign ("&raquo;") */

/*** Panel Box ***/
@panel-box-backgr-color: #fafafa;			/* Background color for Panels, Sidebars */
@panel-box-border: 1px solid #dddddd;		/* Borders for Panels, Sidebars */

/*** Column Block ***/
@cblock-backgr-color: #666;					/* Background color for Column Block */
@cblock-border: 10px solid #eee;			/* Borders for Column Block Bordered */
@cblock-border-radius: 6px;					/* Border radius for Column Block Rounded */

@border-radius: 4px;						/* Borders radius for all elements */
@box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);	/* Box shadowing all elements */

/*** Footer ***/
@footer-top-border: 4px solid #666;			/* Footer Top border */
@footer-bgr: transparent;					/* Footer background color */
@footer-color: inherit;						/* Footer font color */
@footer-font-size: inherit;					/* Footer font size */
@footer-font-family: inherit;				/* Footer font family */

/*** Settings for EXTEND.LESS ***/
@input-font-size: 14px;						/* Font size for extended inputs */
@input-font-color: #666666;					/* Font color for extended inputs */
@input-bgr-color: #fff;						/* Background color for extended inputs */
@input-border: 1px solid #ccc;				/* Borders for extended inputs */
@input-shadow: inset 0 1px 1px rgba(0,0,0,.075);	/* Shadowing for extended inputs */
@input-bgr-focus: #66afe9;					/* Active Background color for extended inputs */
@input-shad-focus: rgba(102,175,233,.6);	/* Active Shadowing for extended inputs */
/*** Search Form ***/
@search-width: 49%;							/* Search Form Initiate Width */
@search-align: right;						/* Search Form text align */
@search-bgr: transparent;					/* Search Form background color */
@search-input-width: 50%;					/* Search Form Initiate input field width */
@search-input-height: 28px;					/* Search Form Initiate input field height */
@search-input-width-hover: 90%;				/* Search Form Initiate input field width */

/*** Settings for TABS.LESS ***/
/*** Tabs and Accordions ***/
@tabs-label-color: #666666;					/* Tabs Labels font color */
@tabs-cont-color: #2c3e50;					/* Tabs Content font color */
@tabs-border-color: #efefef;				/* Tabs border color */
@tabs-bgr1-color: #ffffff;					/* Tabs background Start color */
@tabs-bgr2-color: #e3e3e3;					/* Tabs background Stop color */
@tabs-width: 120px;							/* Tabs fixed Width */
@tabs-height: 21rem;						/* Tabs fixed Height */
@tabs-shadow:4px 6px 6px 1px rgba(0,0,0,0.2);	/* Tabs fixed Width */
@tabs-active-bgr: #ffffff;					/* Active Tab background color */
@tabs-active-label-color: #2c3e50;			/* Active Tab Labels font color */
@tabs-active-bgr1-color: #ffffff;			/* Active Tab background Start color */
@tabs-active-bgr2-color: #f9f9f9;			/* Active Tab background Stop color */
@accordion-width: 278px;					/* Accordion fixed Width */

/*** Settings for TABLES.LESS ***/
/*** CSS Table ***/
@tables-color: #666666;							/* Table Items color */
@tables-bgr-color: transparent;					/* Table background color */
@tables-caption-color: #777;					/* Table Captions font color */
@tables-border: 1px solid #ddd;					/* Table Top Border */
@tables-th-border: 2px solid #ddd;				/* Table Captions Bottom Border */
@tables-zebra-bgr: #f9f9f9;						/* Table Zebra background color */

/*** Settings for TOOLTIP.LESS ***/
/*** CSS Tooltips ***/
@ttip-font-color: #fff;							/* Tooltips font color */
@ttip-font-size: 14px;							/* Tooltips font size */
@ttip-bgr-color: #333;							/* Tooltips background color */
@ttip-border-radius: 5px;						/* Tooltips Border radius */
@ttip-shadow: 2px 2px 2px #999;					/* Tooltips Box shadow */

/*** Settings for PAGINATION.LESS ***/
/*** CSS Pagination ***/
@pagn-font-color: #666;							/* Pagination font color */
@pagn-bgr-color: #f7f7f7;						/* Pagination background color */
@pagn-bgr-img1: #fff;							/* Pagination background image Start color */
@pagn-bgr-img2: #eee;							/* Pagination background image Stop color */
@pagn-active-color: #fff;						/* Pagination Active element font color */
@pagn-active-bgr: #009dd8;						/* Pagination Active element background color */
@pagn-active-bgr-img1: #00b4f5;					/* Pagination Active element background image Start color */
@pagn-active-bgr-img2: #008dc5;					/* Pagination Active element background image Stop color */
@pagn-hover-color: #666;						/* Pagination font color on Hover */
@pagn-hover-bgr: #fafafa;						/* Pagination background color on Hover */

/*** Settings for MODALS.LESS ***/
/*** CSS Modal windows ***/
@mod-font-color: inherit;						/* Modal windows font color */
@mod-bgr-color: #fff;							/* Modal windows background color */
@mod-head-font-color: inherit;					/* Modal windows Header font color */
@mod-head-bgr-color: #fafafa;					/* Modal windows Header background color */
@mod-foot-font-color: inherit;					/* Modal windows Header font color */
@mod-foot-bgr-color: #fafafa;					/* Modal windows Header background color */
@mod-border: 1px solid #E5E5E5;					/* Modal windows Borders */

/*** Settings for ANIMBLOCKS.LESS ***/
/*** CSS Animated Blocks ***/
@ablock-min-height: 400px;						/* Animated Block Min Height */
@ablock-font-color: inherit;					/* Animated Block font color */
@ablock-font-color2: #796583;					/* Animated Block UL font color */
@ablock-bgr-color: #fff;						/* Animated Block background color */
@ablock-border: 2px solid #5d4e65;				/* Animated Block Borders */
@ablock-border-hover: 2px solid #00b4f5;		/* Animated Block Borders on Hover */
@ablock-active-bgr-img1: #fff;					/* Animated Block Active element background image Start color */
@ablock-active-bgr-img2: #eee;					/* Animated Block Active element background image Stop color */
@ablock-button-bgr-img1: #CEF2FF;				/* Animated Block Button background image Start color */
@ablock-button-bgr-img2: #00b4f5;				/* Animated Block Button element background image Stop color */
@future-block-height: 100px;					/* Animated Futuristic Block Elements Height */

/** CSS Slider Simple Parameters **/
@cssliderSimpleAnimation: btt;					/* Animation name (rtl, ltr, btt, ttb) */
@cssliderSimpleItems: 6;						/* Slide items count */
@cssliderSimpleTimeout: 5;						/* Slide Animation duration (in sec) */
@cssliderSimpleSpeed: 4;						/* Slide Animation speed (in sec) */
@cssliderSimpleWidth: 100%;						/* Slider width */
@cssliderSimpleHeight: 500px;					/* Slider height */
@cssliderSimpleTxtColor: #fff;					/* Slider animated text font color */
@cssliderSimpleTxtBgr: rgba(52, 73, 94, .7);	/* Slider animated text background color */
@cssliderSimpleControlBgr: #333;				/* Slider Controls background color */
@cssliderSimpleActiveControlBgr: #f39c12;		/* Slider Active Control background color */

/** CSS Slider EXT Parameters **/
@cssliderExItems: 6;							/* Slide items count (MAX 6) */
@cssliderExWidth: 100%;							/* Slider width */
@cssliderExHeight: 300px;						/* Slider height */
@cssliderExTimeout: 8000ms;						/* Slide Animation duration */
@cssliderExControlsBg: #EEEEEE;					/* Slider Controls background color */
@cssliderExControlsColor: #3A4A5A;				/* Slider Controls font color */
@cssliderExControlsBgHover: #f7f7f7;			/* Slider Controls on Hover background color */
@cssliderExControlsColorHover: #000;			/* Slider Controls on Hover font color */
@cssliderExDescColor: #000;						/* Slider animated text font color */
@cssliderExDescBg: rgba(238,238,238,.4);		/* Slider animated text background color */