/* =============================================================== INTUI custom.css =============================================================== */

@font-face { font-family: Roboto; src: url(../fonts/roboto-regular.eot); src: url(../fonts/roboto-regular.eot?#iefix) format('embedded-opentype'), url(../fonts/roboto-regular.woff2) format('woff2'), url(../fonts/roboto-regular.woff) format('woff'), url(../fonts/roboto-regular.ttf)  format('truetype'), url(../fonts/roboto-regular.svg#svgFontName) format('svg'); }
body { font-family: Roboto, Arial, sans-serif; }
.uk-container { padding: 0 15px; }
.uk-icon-shopping-bag::before { content: "\f290"; font-family: FontAwesome; }
.itq-bg-1 { background: #C7B381; }

/**
 * 	#HEADER
 */
.itq-1 .upper { background: #0089D0; padding: 5px 0; line-height: 25px; }
.itq-1 .middle {}
.itq-1 .middle .brandname { color: #333; }
.itq-103 .form {}
.itq-103 .form select { border-color: #E1E1E1; }
.itq-103 .form select option {}
.itq-103 .form input[type="text"] { border-color: #E1E1E1; }
.itq-103 .form button[type="submit"] { border-color: #E1E1E1; background: #0089D0; color: #FFF; }
.itq-1 .navigation { background: #0089D0; }
.itq-1 .navigation .uk-navbar {}
.itq-1 .navigation .uk-navbar-brand {}
.itq-1 .navigation .uk-navbar-brand img {}
@media (max-width: 479px) { .itq-1 .upper * { float: none; } }

.itq-102 .list > li > a { height: 30px; width: 30px; line-height: 30px; background: #FFF; color: #0089D0; }
.itq-102 .list > li > a:hover { border-radius: 50%; background: #FFF; }

.itq-109 .title { text-align: center; background: #777; color: #FFF; border-radius: 4px; }
.itq-109 .button { color: #0089D0; background: #FFF; }

@media (max-width: 959px) {}
.itq-2 a.l1 { color: #FFF; border: 0; }
.itq-2 li.l1.uk-open a.l1, .itq-2 li.l1.uk-active a.l1, .itq-2 li.l1:hover a.l1, .itq-2 li.l1 a.l1:focus { background: #0072BC; color: #FFF; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.itq-2 a.l2:focus, .itq-2 li.l2:hover a.l2 { background: #F1F1F1; color: #0072BC; }

.itq-21 .uk-button-dropdown.uk-open > .uk-button, .itq-21 .uk-button-dropdown > .uk-button:hover {}
.itq-22 .uk-button {}
@media (max-width: 959px) {}

/**
 * 	#BODY
 */
/**
 * INDEX ABOUT
 */
.itq-4 .title { color: #0099C0; }
.itq-4 .lead { color: #333; }
.itq-4 .link a { background: #0089D0; border: 0; color: #FFF; padding: 5px 25px; border-radius: 4px; }
.itq-4 .link a:hover { background: #0072BC; }
.itq-4 table {width: 100%;text-align: center;border-collapse: collapse;}
.itq-4 table thead>tr {background: #ebebeb;}
.itq-4 table thead>tr>th { border: none; padding: 10px 0; font-weight: normal; font-size: 15px; color: #363636; box-sizing: border-box; }
.itq-4 table tbody>tr>td { padding-top: 5px; border: 1px solid #BBB; box-sizing: border-box; font-size: 14px;line-height: 18px;color: #363636 }
/**
 * INDEX FEATURE
 */
.itq-5 { background: #0099C0; padding-top: 25px; }
.itq-501 .icon { color: #0099C0; }
.itq-501 .text * { color: #FFF; }
.itq-501 .title {}

/**
 * INDEX NEWS
 */
.itq-6 {}
.itq-6 .thumb {}
.itq-6 .thumb > * {}
.itq-6 .meta { border-bottom: 4px solid #F1E27B; display: inline-block; padding-bottom: 2px; }
.itq-6 .title a { color: #333; }
.itq-6 .title a:hover { color: #0099C0; text-decoration: none; }
.itq-6 .lead {}
.itq-6 .link a { background: #0099C0; border: 0; color: #FFF; padding: 5px 25px; border-radius: 4px; }
.itq-6 .link a:hover { background: #0072BC; }

/**
 * INDEX PRODUCTS
 */
.itq-7 { background: #EBEBEB; padding: 45px 0 20px; }
/*.itq-7 .uk-grid > * { width: 25%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.itq-7 .uk-grid > *:nth-child(7) { width: 50%; }
@media (max-width: 959px) {
	.itq-7 .uk-grid > * { width: 33.3333%; }
	.itq-7 .uk-grid > *:nth-child(7) { width: 66.6666%; }
}
@media (max-width: 767px) {
	.itq-7 .uk-grid > * { width: 50%; }
	.itq-7 .uk-grid > *:nth-child(7) { width: 100%; }
}
@media (max-width: 479px) {
	.itq-7 .uk-grid > * { width: 100%; }
} */
.itq-700 { height: 100%; min-height: 200px; }
.itq-700 a { color: #0099C0; }
.itq-700 a:not(.photo-1):hover { background: #0099C0; color: #FFF; }
.itq-701 .thumb {}
.itq-701 .meta { border-bottom: 4px solid #F1E27B; display: inline-block; padding-bottom: 2px; }
.itq-701 .title a { color: #333; }
.itq-701 .title {text-align: center;}
.itq-701 .title a:hover { color: #0099C0; text-decoration: none; }
.itq-701 .subtitle { color: #0099C0; }
.itq-701 .link a {}
.itq-701 .link a:hover {}

/**
 * COMPONENT PRODUCTS
 */
.itq-709 .itq-701 { border: 3px solid #E1E1E1; }
.itq-709 .itq-701 .thumb > * { height: 120px; }

/**
 * STYLED PANEL
 */
.itq-401 {}
.itq-401 > .itq-panel {}
.itq-401 > .itq-panel > .itq-panel-title { padding: 5px 10px; }
.itq-401 > .itq-panel > .itq-panel-title * { color: #FFF; }

/**
 * CATALOGUE LIST
 */
.itq-402 {}
.itq-402 .list > li+li { margin-top: 1px; }
.itq-402 .list > li > a { display: block; background: #EBEBEB; padding: 5px 10px 5px 25px; color: #333; }
.itq-402 .list > li > a::before { content: "\f0c8"; font-family: FontAwesome; color: #C7B381; font-size: 6px; float: left; margin-left: -15px; }
.itq-402 .list > li > a:hover { background: #CCC; text-decoration: none; }

/**
 * QUOTATION TABLE
 */
.itq-403 {}
.itq-403 > .itq-panel {}
.itq-403 > .itq-panel > .itq-panel-title { background: #C7B381; }
.itq-403 > .itq-panel > .itq-panel-title * { color: #FFF; }
.itq-403 > .itq-panel > .itq-panel-footer { border: 1px solid #EBEBEB; }
.itq-403 > .itq-panel > .itq-panel-footer .list > li > a { color: #555; }
.itq-403 > .itq-panel > .itq-panel-footer .list > li > a:hover { color: #0089D0; text-decoration: none; }
.itq-403 .table {}
.itq-403 .table p:last-child { margin: 0; }
.itq-403 .table th, .itq-403 .table td { border-color: #EBEBEB; }
.itq-403 .table thead th { background: #EBEBEB; text-align: center; }
.itq-403 .table tbody td { border-width: 1px; border-style: solid; vertical-align: middle; }
.itq-403 .table tbody td[rowspan] { padding: 12px; }
.itq-403 .table tbody td:not([rowspan]) { text-align: center; padding: 5px; }

/**
 * CATALOGUE LIST
 */
.itq-404 {}
.itq-404 .list > li { padding-left: 25px; }
.itq-404 .list > li::before { content: "\f0c8"; font-family: FontAwesome; color: #C7B381; font-size: 6px; float: left; margin-left: -15px; }

/**
 * LINK LIST
 */
.itq-405 .list {}
.itq-405 .list > li { padding-top: 5px; padding-bottom: 5px; }
.itq-405 .list > li::before { content: "\f101"; font-family: FontAwesome; float: left; margin-left: -15px; }
.itq-405 .list > li > a { color: #555; }
.itq-405 .list > li > a:hover { color: #0089D0; text-decoration: none; }

/**
 * TAB
 */
.itq-407 .list { border: 0; }
.itq-407 .list > li { margin: 0; border: 0; }
.itq-407 .list > li+li { margin-left: 20px; }
.itq-407 .list > li > a { margin: 0; border: 0; background: #C7B381; color: #FFF; min-width: 100px; text-align: center; border-radius: 3px; }
.itq-407 .list > li > a:hover { background: #0072BC; }
.itq-407 .list > li.uk-active > a { background: #0089D0; }

/**
 * ARTICLE LIST
 */

 /**
  * ARTICLE BLOCK LIST VIEW
  */
.itq-82 {}
.itq-82 .thumb {}
.itq-82 .thumb > * { height: 120px; }
.itq-82 .title a { color: #000; }
.itq-82 .title a:hover { color: #0089D0; text-decoration: none; }
.itq-82 .meta {}
.itq-82 .lead {}


/**
 * PAGINATION
 */
.itq-93 {}
.itq-93 .uk-pagination { margin: 0; }
.itq-93 .uk-pagination li > * { border: 0; background: #EBEBEB; }
.itq-93 .uk-pagination li > *:hover, .itq-93 .uk-pagination li.uk-active > * { background: #0089D0; color: #FFF; }

/**
 * BREADCRUMB
 */
.itq-91 .list > li+li::before { content: "\f101"; font-family: FontAwesome; }
.itq-91 .list > li > a { font-size: 15px; }

/**
 *	#FOOTER
 */
.itq-10 { background: #464646; }
.itq-10 .lower { color: #AAA; padding: 15px 0; }
.itq-10 .lower a { color: #FFF; }
.itq-1012 .form input[type=text] { background: #363636; color: #CCC; border: 0; }
.itq-1012 .form [type=submit] { background: #0089D0; color: #FFF; }
.itq-1012 .form [type=submit]:hover { background: #0076A3; }

.itq-11 ul > li > a {}

.itq-1000 .link { background: #FFF; -webkit-box-shadow: 0 1px 5px rgba(0,0,0,.5); -moz-box-shadow: 0 1px 5px rgba(0,0,0,.5); box-shadow: 0 1px 5px rgba(0,0,0,.5); }
.itq-1000 .icon { background: #0089D0; color: #FFF; }
.itq-1000 .text { color: #0099C0; }
.itq-1000 .link:hover { text-decoration: none; background: #EEE;}
.photo-1 {box-sizing: border-box;text-decoration: none; }
@media (min-width: 959px) {
	.photo-1 {height: calc(100% - 25px);}
}
@media (max-width: 767px) {.photo-1 {height: 265px;}}