@charset "utf-8";
/* 
CSS Document 
Product name "smt-lib"
author: Svetoslav Todev
web designer and photographer
contact info: smt@smtdesign.net
www.smtdesign.net 
*/

::selection { 
	background: rgba(0,0,0,0.3); }
	
::-moz-selection { 
	color: rgba(0,0,0,0.3); }

/**
 * ->region Reset
 */
html, body, div, article, section, nav, header, footer, aside, main, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	
	-moz-box-sizing:    border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	box-sizing:         border-box; /* IE8+, Opera */
}
article, section, nav, header, footer, aside, main {
	display: block;
}
/** <-endregion Reset ------------------------------------------------------------------*/
body, html{}
html {}
body {}

.site-middle .layout-wrap,
.footer-wrap .layout-wrap,
.p-single-view .full-item-wrap .inner-wrap,
.p-single-view .products_relative .inner-wrap,
.module_placeholder .multi-view.list {
	max-width: 1440px;
	margin:0 auto;
	padding:0 20px;
}

.p-single-view .site-middle .layout-wrap {
	max-width: none;
	margin:0;
}

/** Block Elements */
p {margin: 1em 0;}
address {margin: 1em 0;	font-style: italic;}
pre {
	margin: 1em 0;
	font-family: monospace;
	white-space: pre;
}
fieldset, fieldset.fieldset {	
	border: 1px solid #929292;
	margin: 2px 0px 2px 0;
	padding: 10px;
}

/** Tables */
table {
	border-collapse:collapse;
}

/** Lists */
ol, ul {
	margin: 1em 0;
	padding: 0 0 0 40px;
}
.sidebar ol, .sidebar ul {
	margin: 1em 0;
	padding:0;
}
ol ol, ol ul,
ul ul, ul ol {
	margin-top: 0;
	margin-bottom: 0;
}
dl {margin: 1em 0;}
dt {}
dd {margin: 0 0 0 40px;}

/** Quotes */
blockquote {
	margin: 1em 40px;
	quotes: "";
	quotes: none;
}
cite {font-style: italic;}
q {quotes: "“" "”" "‘" "’";}

/** Phrase elements */
i, em {font-style: italic;}
b, strong {font-weight: bold;}
small {font-size: smaller;}
big {font-size: bigger;}
sub {font-size: smaller;line-height: normal;vertical-align: sub;}
sup {font-size: smaller;line-height: normal;vertical-align: super;}
tt, code, kbd, samp {font-family: monospace;}
abbr {text-decoration: none;}
/*--------------------------------------------------------------------------*/

/**
 * @region	Form elements
 */
form {}

/** Dropdowns */
select[disabled=disabled]{
	color:grey;
}

/** Buttons */
/** Buttons holder */

/** @endregion */

/*--------------------------------------------------------------------------*/

/* >> CLASSES COMMON */
.noselect,
.nav-panel-custom {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}

/** Box sizing **/
.sizing-box,
.main-menu .level_1,
.nav-panels.type-2 .sub-unit,
.multi-view.list .unit .short,
.nav-panel-custom td.title a,
.nav-panel-custom td.title span {
	-moz-box-sizing:    border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	box-sizing:         border-box; /* IE8+, Opera */
}

/*- display -*/
.display-none,
.hidden {display: none}
.display-none-imp {display: none !important;}
.display-block {display: block;}
.display-inline {display: inline;}
.display-inline-block,
.inline-block {display: inline-block;}

/*- overflow -*/
.overflow-hidden {overflow:hidden;}
.overflow-x-hidden {overflow-x:hidden;}
.overflow-y-hidden {overflow-y:hidden;}
.overflow-visible {overflow:visible;}
.overflow-auto {overflow:auto;}
.overflow-scroll {overflow: scroll;}

/*- txt-elipsis -*/ /*- works only for elements that have specified non-scalable width -*/
.txt-ellipsis {
	text-overflow:ellipsis;
	overflow:hidden;
}

/*- visibility -*/
.visibility-hidden { visibility: hidden; }
.visibility-visible { visibility: visible; }
.visibility-collapse { visibility: collapse; }

/*- cursor -*/
.cursor-pointer {cursor: pointer;}
.cursor-default {cursor: default;}

/*-self clear-*/
.self-clear:after,
.list ul:after, 
.list:after,
.layout-wrap:after,
.main-menu:after,
.full-item-wrap:after,
.item-social-wrap:after,
.list.small-thumbs:after {
	content:"";
	display:block;
	clear:both;
	line-height:0;
	height:0;
}

.clear-left { clear: left;}
.clear-right { clear: right;}
.clear-both { clear: both;}

/*--*/

.box.tagline {
	font-size: .9em;
	padding: 20px 0;
	border-top: 1px dashed #ccc;
}


/**
 * @region Utility classes
 */
/** Flow */
.float-left {float: left;}
.float-right {float: right;}
.no-float {float: none;}

.v-align-top {vertical-align:top;}
.v-align-middle {vertical-align:middle;}
.v-align-bottom {vertical-align:bottom;}

/*- text labels and colors -*/
.txt-bold {font-weight: bold;}

.txt-label {
	display:inline-block;
	border-radius: 3px; 
	padding: 1px 6px;
	ackground-color: rgba(0, 0, 0, 0.1);
}
.txt-red {color: #a30000;}
.txt-green {color:#47911f;}
.txt-blue {color:#37689a;}
.txt-cyan {color:#2698b5;}
.txt-orange {color:#e44e0c;}
.txt-gray {color:#666666;}
.txt-light-gray {color:#999999;}
.txt-small {font-size: 0.8rem;}
.txt-medium {font-size: 1.1rem;}
.txt-large {font-size: 1.4rem;}
.txt-x-large {font-size: 2rem;}

/*--*/
.txt-label.number {
	color: #536e89;
	background-color: rgba(76, 103, 126, 0.2);
}
.txt-label.number.new {
	color: #d36f75;
	background-color: rgba(202, 134, 139, 0.2);
	font-weight: bold;
}
.txt-label.txt-red, .bg-red {background-color:rgba(134, 0, 0, 0.2);}
.txt-label.txt-green, .bg-green {background-color:rgba(56, 129, 66, 0.22);}
.txt-label.txt-blue, .bg-blue {background-color:rgba(46, 101, 129, 0.22);}
.txt-label.txt-cyan, .bg-cyan {background-color:rgba(89, 188, 213, 0.1);}
.txt-label.txt-orange, .bg-orange {background-color:rgba(233, 120, 37, 0.22);}
.txt-label.txt-gray, .bg-gray {background-color:rgba(102, 102, 102, 0.15);}

.txt-label.txt-dark-red, .bg-dark-red {background-color:rgb(134, 0, 0); color: #fff;}
.txt-label.txt-dark-green, .bg-dark-green {background-color:rgb(56, 129, 66); color: #fff;}
.txt-label.txt-dark-blue, .bg-dark-blue {background-color:rgb(46, 101, 129); color: #fff;}
.txt-label.txt-dark-cyan, .bg-dark-cyan {background-color:rgb(47, 171, 189); color: #fff;}
.txt-label.txt-dark-orange, .bg-dark-orange {background-color:rgb(233, 120, 37); color: #fff;}
.txt-label.txt-dark-gray, .bg-dark-gray {background-color:rgb(102, 102, 102); color: #fff;}

.required-ind:after {
	content:"\2a";
	color: #E50003;
	font-size:1.2em;
}
/*- LISTS -*/
/* bullet-list */
ul.bullet-list {list-style:disc; padding: 0 0 0 20px;}
ul.bullet-list li {padding: 0 0 10px 0;}

/* list */
.list ul, .list, .list li {
	list-style:none;
	margin:0;
	padding:0;
}
/* 2nd level */
.list.level-2,
.list .level-2,
.list.level_2,
.list .level_2 {
	margin-left: 30px;
}

/* list hor */
.list.hor li {float:left;}
.list.hor.space-r li {margin-right:14px;}
/* list ver */
.list.ver li {float:none; display:block;}
/* list inline-block */
.list.inline-block {font-size:0rem;} /* needed for inline-block layout */
.list.inline-block li {
	display: inline-block;
	font-size: 1rem;
}

/* list border separator */
.list.sep li {border-bottom:1px solid rgba(0, 0, 0, 0.1);}
.list.sep.light li {border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.list.sep li:last-child,
.list.sep.light li:last-child {border-bottom:none;}

/* 2 col list*/
.list.col-2 {overflow: hidden;}
.list.col-2 li.col-unit {
	float: left;
	width: 50%;
}
.list.col-2 li.col-unit:nth-of-type(2n+1) {clear: left;}

/* 3 col list*/
.list.col-3 {overflow: hidden;}
.list.col-3 li.col-unit {
	float: left;
	width: 33%;
}
.list.col-3 li.col-unit:nth-of-type(3n+3) {}
.list.col-3 li.col-unit:nth-of-type(3n+2) {}
.list.col-3 li.col-unit:nth-of-type(3n) + .box.col-3 .item {clear: left;}
/*-*/
.list.v-space li {padding-top:0.4rem; padding-bottom:0.4rem;}
.list.h-space li {padding-left:0.4rem; padding-right:0.4rem;}


/* -------> site Layout -------------------------------------------------------------------*/
/*-Flex Box-*/
/*-flexbox parrent styles-*/
.f-box,
.site-bottom .unit header h2,
.letter-index,
.user-panel,
.multi-view.list .unit {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox; /*-ie 10-*/
	display: -webkit-flex; /*-webkit new syntax-*/
  	display: flex;	
	
	/*width:-moz-available;*/
	width: 100%;
}

.box-justify {
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.box-justify-end
{
    -moz-box-pack: end;
    -ms-flex-pack: flex-end;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	}

.box-justify-center
{
    -moz-box-pack: center;
    -ms-flex-pack: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	}

.box-align-center {
	-webkit-box-align: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	
	-webkit-align-items: center;
	align-items: center;
}

.box-pack-center {
	-webkit-box-pack: center;
	-moz-box-pack: center;
	-ms-flex-pack: center;
	box-pack: center;
	
	-webkit-align-items: center;
	align-items: center;
}


.box-orient-horizontal {
	-webkit-box-orient: horizontal;
	-moz-box-orient: horizontal;
	box-orient: horizontal;
	
	-ms-flex-direction: row;
	
	-webkit-flex-direction: row;
	flex-direction: row;
}

.box-orient-vertical {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	
	-ms-flex-direction: column;
	
	-webkit-flex-direction: column;
	flex-direction: column;
}

.box-align-top {
	-moz-box-align: start;
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
}


.box-align-end {
	-moz-box-align: end;
	-webkit-box-align: end;
    -webkit-align-items: flex-end;
	-ms-flex-align: end;
	align-items: flex-end;
}



/*---------flexbox children styles---------------------------*/

.f-box .box-item,
.f-box.box-item,
.site-bottom .unit header h2:before,
.site-bottom .unit header h2:after,
.letter-index:before,
.letter-index:after,
.site-header .box-item,
.multi-view.list .unit,
.multi-view.list .unit .short,
.multi-view.list .unit .thumb {
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1 1 auto;
	box-flex: 1;
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;
	
	width: 1px;
	min-width: 1px;
	
	-moz-box-sizing:    border-box; /* Firefox */
	-webkit-box-sizing: border-box; /* Safari */
	box-sizing:         border-box; /* IE8+, Opera */
}



/** <-endregion Layout */



/**
 * ->site Eelements Layout
 */
/*----------------------------------------------------------------------------*/
/**
 * @region Sizing
 */
/** Percentage based */
.one-quarter {width: 25% !important;}
.one-third {width: 33.3% !important;}
.half-width {width: 50% !important;}
.two-thirds {width: 66.6% !important;}
.three-quarters {width: 75% !important;}
.full-width {width: 100% !important;}

/*-------------------------------*/
.portion-10 {width: 10% !important;}
.portion-20 {width: 20% !important;}
.portion-25 {width: 25% !important;}
.portion-30 {width: 30% !important;}
.portion-40 {width: 40% !important;}
.portion-50 {width: 50% !important;}
.portion-60 {width: 60% !important;}
.portion-70 {width: 70% !important;}
.portion-80 {width: 80% !important;}
.portion-90 {width: 90% !important;}
.portion-100 {width: 100% !important;}


/** Grid based */
.grid-1 {width: 30px !important;}
.grid-2 {width: 70px !important;}
.grid-3 {width: 110px !important;}
.grid-4 {width: 150px !important;}
.grid-5 {width: 190px !important;}
.grid-6 {width: 230px !important;}
.grid-7 {width: 270px !important;}
.grid-8 {width: 310px !important;}
.grid-9 {width: 350px !important;}
.grid-10 {width: 390px !important;}
.grid-11 {width: 430px !important;}
.grid-12 {width: 470px !important;}
.grid-13 {width: 510px !important;}
.grid-14 {width: 550px !important;}
.grid-15 {width: 590px !important;}
.grid-16 {width: 630px !important;}
.grid-17 {width: 670px !important;}
.grid-18 {width: 710px !important;}
.grid-19 {width: 750px !important;}
.grid-20 {width: 790px !important;}
.grid-21 {width: 830px !important;}
.grid-22 {width: 870px !important;}
.grid-23 {width: 910px !important;}
.grid-24 {width: 950px !important;}

/** Grid based for Flexbox items */
.f-grid-1 {min-width: 30px !important; max-width: 30px !important;}
.f-grid-2 {min-width: 70px !important; max-width: 70px !important;}
.f-grid-3 {min-width: 110px !important; max-width: 110px !important;}
.f-grid-4 {min-width: 150px !important; max-width: 150px !important;}
.f-grid-5 {min-width: 190px !important; max-width: 190px !important;}
.f-grid-6 {min-width: 230px !important; max-width: 230px !important;}
.f-grid-7 {min-width: 270px !important; max-width: 270px !important;}
.f-grid-8 {min-width: 310px !important; max-width: 310px !important;}
.f-grid-9 {min-width: 350px !important; max-width: 350px !important;}
.f-grid-10 {min-width: 390px !important; max-width: 390px !important;}
.f-grid-11 {min-width: 430px !important; max-width: 430px !important;}
.f-grid-12 {min-width: 470px !important; max-width: 470px !important;}
.f-grid-13 {min-width: 510px !important; max-width: 510px !important;}
.f-grid-14 {min-width: 550px !important; max-width: 550px !important;}
.f-grid-15 {min-width: 590px !important; max-width: 590px !important;}
.f-grid-16 {min-width: 630px !important; max-width: 630px !important;}
.f-grid-17 {min-width: 670px !important; max-width: 670px !important;}
.f-grid-18 {min-width: 710px !important; max-width: 710px !important;}
.f-grid-19 {min-width: 750px !important; max-width: 750px !important;}
.f-grid-20 {min-width: 790px !important; max-width: 790px !important;}
.f-grid-21 {min-width: 830px !important; max-width: 830px !important;}
.f-grid-22 {min-width: 870px !important; max-width: 870px !important;}
.f-grid-23 {min-width: 910px !important; max-width: 910px !important;}
.f-grid-24 {min-width: 950px !important; max-width: 950px !important;}


/** @endregion */
/*----------------------------------------------------------------------------*/
/**
 * @region UI Text
 */
/** Text alignment */
.text-left {text-align: left !important;}
.text-right {text-align: right !important;}
.text-center {text-align: center !important;}
.text-justify {	text-align: justify !important;}

/** Vertical alignment */
.valign{vertical-align:middle !important;}

/** Bold */
.text-bold {font-weight: bold !important;}
.no-bold {font-weight: normal !important;}

/** Italic */
.text-italic {font-style: italic !important;}
.no-italic {font-style: normal !important;}

/** Underline */
.text-underline {text-decoration: underline !important;}

.no-underline {text-decoration: none !important;}

/** Text transfrom */
.text-lowercase {text-transform: lowercase !important;}
.text-uppercase {text-transform: uppercase !important;}
.no-transform {text-transform: none !important;}

/** Text differences */
.text-deleted {background: #ffdddd;}
.text-inserted {background: #ddffdd;}
.text-modified {background: #e4f2fd;}

/** Green text */
.text-green,
.text-success,
.text-positive {
	color: #339933 !important;
}

/** Blue text */
.text-blue,
.text-normal {
	color: #5a96d0 !important;
}

/** Orange text */
.text-orange,
.text-warning {color: #ff7901 !important;}

/** Pink text */
.text-pink {color: #db70db !important;}

/** Red text */
.text-red,
.text-error,
.text-negative {color: #f44c4f !important;}

/** Gray text */
.text-gray,
.text-disabled {color: #999999 !important;}

.text-light-gray {color: #bbbbbb !important;}

/** @endregion */

/*----------------------------------------------------------------------------*/
/**
 * @region UI Border radius
 */
.border-radius-0 {border-radius: 0px;}
.border-radius-2 {border-radius: 2px;}
.border-radius-3 {border-radius: 3px;}
.border-radius-4 {border-radius: 4px;}
.border-radius-5 {border-radius: 5px;}
.border-radius-6 {border-radius: 6px;}
.border-radius-7 {border-radius: 7px;}
.border-radius-8 {border-radius: 8px;}
.border-radius-9 {border-radius: 9px;}
.border-radius-10 {border-radius: 10px;}
.border-radius-11 {border-radius: 11px;}
.border-radius-12 {border-radius: 12px;}
.border-radius-13 {border-radius: 13px;}
.border-radius-14 {border-radius: 14px;}
.border-radius-15 {border-radius: 15px;}
.border-radius-16 {border-radius: 16px;}
.border-radius-17 {border-radius: 17px;}
.border-radius-18 {border-radius: 18px;}
.border-radius-19 {border-radius: 19px;}
.border-radius-20 {border-radius: 20px;}
.border-radius-25 {border-radius: 25px;}
.border-radius-30 {border-radius: 30px;}
.border-radius-40 {border-radius: 40px;}
.border-radius-50 {border-radius: 50px;}
.border-radius-60 {border-radius: 60px;}
 
 /** @endregion */
 
/*- element outer spaces -*/
.ml-0 {margin-left:0 !important;}
.ml-5 {margin-left:5px !important;}
.ml-10 {margin-left:10px !important;}
.ml-15 {margin-left:15px !important;}
.ml-20 {margin-left:20px !important;}
.ml-25 {margin-left:25px !important;}
.ml-30 {margin-left:30px !important;}
.ml-40 {margin-left:40px !important;}
.ml-50 {margin-left:50px !important;}
.ml-60 {margin-left:60px !important;}
 
.mr-0 {margin-right:0 !important;}
.mr-5 {margin-right:5px !important;}
.mr-10 {margin-right:10px !important;}
.mr-15 {margin-right:15px !important;}
.mr-20 {margin-right:20px !important;}
.mr-25 {margin-right:25px !important;}
.mr-30 {margin-right:30px !important;}
.mr-40 {margin-right:40px !important;}
.mr-50 {margin-right:50px !important;}
.mr-60 {margin-right:60px !important;}

.mt-0 {margin-top:0 !important;}
.mt-5 {margin-top:5px !important;}
.mt-10 {margin-top:10px !important;}
.mt-15 {margin-top:15px !important;}
.mt-20 {margin-top:20px !important;}
.mt-25 {margin-top:25px !important;}
.mt-30 {margin-top:30px !important;}
.mt-40 {margin-top:40px !important;}
.mt-50 {margin-top:50px !important;}
.mt-60 {margin-top:60px !important;}

.mb-0 {margin-bottom:0 !important;}
.mb-5 {margin-bottom:5px !important;}
.mb-10 {margin-bottom:10px !important;}
.mb-15 {margin-bottom:15px !important;}
.mb-20 {margin-bottom:20px !important;}
.mb-25 {margin-bottom:25px !important;}
.mb-30 {margin-bottom:30px !important;}
.mb-40 {margin-bottom:40px !important;}
.mb-50 {margin-bottom:50px !important;}
.mb-60 {margin-bottom:60px !important;}

.m-0 {margin:0 !important;}
.m-5 {margin:5px !important;}
.m-10 {margin:10px !important;}
.m-15 {margin:15px !important;}
.m-20 {margin:20px !important;}
.m-25 {margin:25px !important;}
.m-30 {margin:30px !important;}
.m-40 {margin:40px !important;}
.m-50 {margin:50px !important;}
.m-60 {margin:60px !important;}

/*- element inner spaces -*/
.pl-0 {padding-left:0 !important;}
.pl-5 {padding-left:5px !important;}
.pl-10 {padding-left:10px !important;}
.pl-15 {padding-left:15px !important;}
.pl-20 {padding-left:20px !important;}
.pl-25 {padding-left:25px !important;}
.pl-30 {padding-left:30px !important;}
.pl-40 {padding-left:40px !important;}
.pl-50 {padding-left:50px !important;}
.pl-60 {padding-left:60px !important;}

.pr-0 {padding-right:0 !important;} 
.pr-5 {padding-right:5px !important;}
.pr-10 {padding-right:10px !important;}
.pr-15 {padding-right:15px !important;}
.pr-20 {padding-right:20px !important;}
.pr-25 {padding-right:25px !important;}
.pr-30 {padding-right:30px !important;}
.pr-40 {padding-right:40px !important;}
.pr-50 {padding-right:50px !important;}
.pr-60 {padding-right:60px !important;}

.pt-0 {padding-top:0 !important;}
.pt-5 {padding-top:5px !important;}
.pt-10 {padding-top:10px !important;}
.pt-15 {padding-top:15px !important;}
.pt-20 {padding-top:20px !important;}
.pt-25 {padding-top:25px !important;}
.pt-30 {padding-top:30px !important;}
.pt-40 {padding-top:40px !important;}
.pt-50 {padding-top:50px !important;}
.pt-60 {padding-top:60px !important;}

.pb-0 {padding-bottom:0 !important;}
.pb-5 {padding-bottom:5px !important;}
.pb-10 {padding-bottom:10px !important;}
.pb-15 {padding-bottom:15px !important;}
.pb-20 {padding-bottom:20px !important;}
.pb-25 {padding-bottom:25px !important;}
.pb-30 {padding-bottom:30px !important;}
.pb-40 {padding-bottom:40px !important;}
.pb-50 {padding-bottom:50px !important;}
.pb-60 {padding-bottom:60px !important;}

.p-0 {padding:0 !important;}
.p-2 {padding:2px !important;}
.p-5 {padding:5px !important;}
.p-10 {padding:10px !important;}
.p-15 {padding:15px !important;}
.p-20 {padding:20px !important;}
.p-25 {padding:25px !important;}
.p-30 {padding:30px !important;}
.p-40 {padding:40px !important;}
.p-50 {padding:50px !important;}
.p-60 {padding:60px !important;}
 
 
/*----------------------------------------------------------------------------*/

/** <-endregion Elements Layout */
  
 

/*- Media Queries -*/
@media only screen and (max-width: 880px) 
{
	.list.col-3.cascade-phone li.col-unit {width:50%;}
}
 
@media only screen and (max-width: 480px) 
{
	.portion-50.responsive {
		width: 100% !important;
		float:none !important;
	}
	
	.list.col-3.cascade-phone li.col-unit {width:100%;}


}