aside .t1 { font-weight: bold; margin-bottom: 10px; }
aside .t2 { margin-left: 00px; }
aside .t3 { margin-left: 10px; }
aside .t4 { margin-left: 20px; }
aside .t5 { margin-left: 30px; }
aside p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }






/***** GENERAL STYLES *****/

/* Positioning of Major Page Divisions */
html, body { height: 100%; }
#wrapper { min-height: 100%; position: relative; }
footer { position: absolute; right: 0px; bottom: 0px; left: 0px; } /* Tethers the footer to the bottom of the viewport */


/* Margins and Paddings */
section { padding: 10px; }
h1, h2, h3 { margin-top: 0px; }

/* Text Color and Style */
body { color: dimgray; }
a, a:visited { color: red; text-decoration: none; }
a:hover, a:active, a:focus { color: lightcoral; text-decoration: none; }
.anote { color: red; } /* Asterisks */
.hiddenlink, .hiddenlink:visited { color: dimgray; text-decoration: none; } /* Some links start off as gray */
.hiddenlink:hover, .hiddenlink:active, .hiddenlink:focus { color: silver; }
textarea { resize: vertical; min-height: 30px; }
.xformgdpr { margin-top: 10px; font-size: 11px; }





/***** FLOATING SEARCHBAR STYLES *****/
#xsearchbar .input-group-addon { background-color: transparent; box-shadow: inset 0px 1px 1px rgba(0,0,0,.075); }
#xsearchbar .input-group-addon img { width: 20px; }
#xsearchbar .input-group-btn > button { border: 1px solid #CCCCCC; }






/***** HEADER DIV STYLES *****/

/* Header: Box */
header .navbar-default { border-bottom: 5px solid red; }
/* Header: Content  */
header .navbar-default .navbar-nav a { font-family: 'Open Sans', sans-serif; padding: 25px 20px; }
header .navbar-default .navbar-nav a:hover { color: red; }
header .navbar-default .xmobsearch { color: dimgray; font-size: 18px; height: 50px; left: 44%; line-height: 20px; padding: 17px 15px; position: absolute; text-align: center; }
header .navbar-default .navbar-brand img { height: 40px; width: 40px; margin: 0px 20px 0px 0px; }
header .navbar-default .navbar-toggle .icon-bar { background-color: red; }
#navhr { display: none ;}

/* Header: Toggle (≥ 991px ≤ 1000px) */
@media (min-width: 991px) and (max-width: 1200px) {
	header .navbar-default .navbar-nav > li > a { padding-left: 0px; }
}

/* Header: Toggle (≤ 990px) */
@media (max-width: 990px) {
	header .navbar-default .navbar-header { float: none; }
	header .navbar-default .navbar-toggle { display: block; float: right; }
	header .navbar-default .collapsing { overflow: hidden !important; }
	header .navbar-default .navbar-collapse.collapse { display: none !important; }
	header .navbar-default .navbar-collapse.collapse.in { display: block !important; }
	header .navbar-default .navbar-collapse .navbar-right { display: none; } 
	header .navbar-default .navbar-text { float: none; margin: 15px 0px; }
	header .navbar-default .navbar-nav { float: none !important; margin: 7.5px -15px; }
	header .navbar-default .navbar-nav > li { float: none; }
	header .navbar-default .navbar-nav > li > a { padding: 8px 0px 8px 15px; }
	header .navbar-default .navbar-brand { margin: auto; position: absolute; }
	header .navbar-default .navbar-brand img { margin-top: -4px; height: 30px; width: 30px; }
	#navhr { display: block ; width: 100%; position: absolute; left: 0px; top: 30px; border-color: whitesmoke !important; }
}

/* Search Field: Toggle (≥ 991px) */
@media (min-width: 991px) {
	header .navbar-default .xmobsearch { display: none; margin: auto; } 
}






/***** MAIN DIV STYLES *****/

/* Breadnav: Box */
/*.breadnav { margin-bottom: 30px; margin-top: 70px; }
.breadnav .breadcrumb { background-color: transparent; border-bottom: 1px solid whitesmoke; border-radius: 0px; margin: 0px; padding: 12px 10px 10px 0px; }*/
/* Breadnav: Content */
/*.breadnav .breadcrumb-item a { color: darkgray; font-size: 12px; text-decoration: none; }*/

/* Breadnav: Toggle (≤ 990px) */
/*@media (max-width: 990px) {
	.breadnav { display: none; }
	article { margin-top: 85px; }
}*/


/* Article: Box */
article { margin-top: 130px; }


/* Aside: Box */
aside { background-color: whitesmoke; padding: 15px 20px; }
/* Aside: Content */
aside p { font-size: 12px; margin: 0px; }
aside a, aside a:visited { color: dimgray; text-decoration: none; }
aside a:hover, aside a:active, aside a:focus { color: silver; }
aside a.xsel, aside a.xsel:visited { color: red; text-decoration: none; }
aside a.xsel:hover, aside a.xsel:active, aside a.xsel:focus { color: lightcoral; }

/* Aside: Toggle (≤ 990px) */
@media (max-width: 990px) {
	aside { display: none; }
}


/* Intro Section: Box */
section.xintro { padding-bottom: 30px; }
/* Intro Section: Content */
section.xintro h1 { font-family: 'Open Sans', sans-serif; font-size: 30px; font-weight: 600; }
section.xintro img { padding: 10px 0px 15px 0px; }
section.xintro p { font-family: 'Open Sans', sans-serif; font-size: 20px; }
section.xintro .xintrocta { padding-top: 6px; text-align: right; } /* SVC website specific - Adds the contact CTA on certain pages */
section.xintro .xintrocta a { color: white; font-weight: bold; }

@media (max-width: 768px) {
	section.xintro .xintrocta { text-align: left; }
}



/* Paragraph Section: Box */
section.xpara { padding-top: 20px; }
section.xpara.xjoin { padding-top: 0px; }
/* Paragraph Section: Content */
section.xpara h2 { font-family: 'Arial'; font-size: 16px; font-weight: bold; line-height: 100%; }
section.xpara .xparacta { padding-top: 25px; }
section.xpara .xparacta a { padding: 10px 20px 10px 20px; color: white; font-size: 16px; border-radius: 50px; }


/* Image Gallery Section: Box */
section.ximggal { padding-bottom: 0px; padding-top: 25px; }
section.ximggal.xjoin { padding-top: 0px; } /* Joins the Image Gallery Section with the section above */
/* Image Gallery Section: Content */
section.ximggal div a { border: 1px solid silver; display: block; margin: 0px 0px 25px 0px; padding: 0px; position: relative; }
section.ximggal div a img { max-width: 100%; }
section.ximggal div a span { background-color: rgba(0,0,0,0.5); bottom: 0px; color: white; display: inline-block; left: 0px; padding: 6px 12px; position: absolute; right: 0px; text-align: center; text-shadow: 0px 1px 2px rgba(0,0,0,0.6); }
section.ximggal .gallconstrain { padding-bottom: 66.71%; position: relative; } /* This div constrains the height of the Bootstrap column */
section.ximggal .gallconstrain img { position: absolute; top: 50%; right: 0px; bottom: 0px; left: 0px; transform: translateY(-50%); max-height: 100%; padding: 20px; margin: 0px auto; } /* Use absolute to fix the image inside the gallconstrain div and the translateY to center the image */

/* Slick Scrolling Gallery: Toggle (≤ 990px) */
@media (max-width: 990px) {
	section.ximggal.xslide .gallconstrain span { display: inline-block; font-size: 9px; line-height: 120%; overflow: hidden; height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
}


/* Flash Cards Section: Box */
section.xflash { padding-bottom: 25px; padding-top: 25px; }
section.xflash.xjoin { padding-top: 0px; } /* Joins the Flash Cards Section with the section above */
/* Flash Cards Section: Content */
section.xflash h3 { font-size: 14px; font-weight: bold; }
section.xflash .flashcard { background: whitesmoke; font-size: 12px; margin-bottom: 25px; padding: 25px; }
section.xflash .flashcard th { padding-right: 15px; padding-top: 2px; vertical-align: top; }
section.xflash .flashcard td { padding-top: 2px; vertical-align: top; }


/* Table Section: Box */
section.xtable { padding-bottom: 5px; padding-top: 20px; }
section.xtable.xjoin { padding-top: 0px; } /* Joins the Table Section with the section above */
/* Table Section: Content */
section.xtable table { font-size: 12px; }
section.xtable h3 { font-size: 14px; font-weight: bold; }
section.xtable .table-bordered th { background: gainsboro; border-bottom-width: 1px; }


/* Accordion Section: Box */
section.xaccordion { padding-bottom: 5px; padding-top: 25px; }
section.xaccordion.xjoin { padding-top: 0px; } /* Joins the Accordion Section with the section above */
/* Accordion Section: Content */
section.xaccordion h3 a, section.xaccordion h3 a:visited { color: dimgray; font-family: 'Arial'; font-size: 16px; font-weight: bold; line-height: 100%; }
section.xaccordion h3 a:hover, section.xaccordion h3 a:active, section.xaccordion h3 a:focus { color: darkgray; }
section.xaccordion .panel { background: #FCFCFC; }
section.xaccordion .panel-heading { padding-bottom: 1px; padding-top: 5px; }
section.xaccordion .panel-body { font-size: 12px; }


/* Form Section: Box */
section.xform { padding-bottom: 5px; padding-top: 25px; }
section.xform.xjoin { padding-top: 0px; } /* Joins the Panelled Form Section with the section above */
/* Form Section: Content */
section.xform .xupload { background-color: white; border: 1px solid #CCCCCC; border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 10px; position: relative; }
section.xform .xupload .xupload-btn { position: absolute; top: 50%; transform: translateY(-50%) }
section.xform .xrecaptcha { margin-top: 15px; }
section.xform label { font-size: 12px; }
section.xform textarea { height: 30px; }
section.xform .xformspacer { color: silver; text-align: center; margin-top: 20px; margin-bottom: 15px; }
section.xform .xformerror { color: red; font-size: 12px; }
section.xform .xformerrorbal { color: transparent; font-size: 12px; } /* Create an invisible error message that appears on certain form fields to visually balance multi-columned forms */
section.xform .panel-default { background: #FCFCFC; }
section.xform .panel-default .panel-heading { padding-bottom: 5px; padding-top: 15px; }
section.xform .panel-default .panel-heading h3 { color: dimgray; font-family: 'Arial'; font-size: 16px; font-weight: bold; line-height: 100%; }
section.xform .panel-default .panel-heading .panel-headdesc { font-size: 12px; font-style: italic; }
section.xform .panel-default .panel-body { padding-bottom: 8px; }
section.xform .panel-default .panel-body:nth-child(n+3) { border-top: 1px solid #DDDDDD; } /* For each subsequent panel-body created, add a dividing border */
section.xform .panel-default .panel-body:nth-child(odd) { background-color: #F9F9F9; } /* Alternate background colours for each subsequent panel-body */
section.xform .panel-default .panel-body .panel-bodyhorlabel { font-size: 12px; font-weight: bold; padding: 0px 15px 5px 15px; }
section.xform .panel-default .panel-body .panel-bodydesc { font-size: 12px; font-style: italic; }
section.xform .panel-default .panel-body .inputbtn { font-size: 11px; }
section.xform .panel-default .panel-body .xcheckboxgrp { margin-bottom: 5px; }
section.xform .panel-default .panel-body .xradiogrp { margin-bottom: 5px; }
section.xform .panel-default .panel-body .checkbox { margin-bottom: 5px; }
section.xform .panel-default .panel-body .radio { margin-bottom: 5px; }
section.xform .panel-default .panel-body .input-group-addon { font-size: 12px; }
section.xform .panel-default .panel-footer { padding-bottom: 15px; padding-top: 15px; }
section.xform .panel-default .panel-footer label { font-size: 12px; }
section.xform .panel-default .panel-footer p { font-size: 12px; }
section.xform .panel-default .panel-footer .inputbtn { font-size: 11px; }

/* Recaptcha: Toggle (≤ 575px) */
@media (max-width: 575px) {
	.g-recaptcha { margin-top: 25px; transform: scale(0.77); -webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0;}
}

/* Form Section: Toggle (≤ 768px) */
@media (max-width: 768px) {
	section.xform .xformerrorbal { display: none; } /* Removes balancer text on mobile views */
}



/* Parallel Phone and Form Section: Box */
section.xtelform  { padding-bottom: 5px; padding-top: 25px; }
section.xtelform.xjoin { padding-top: 0px; }
/* Parallel Phone and Form Section: Content */
section.xtelform .xtelblk { background-color: whitesmoke; padding-top: 15px; padding-bottom: 10px; }
section.xtelform .xtelblk label { font-size: 12px; padding-bottom: 10px; }
section.xtelform .xtelblk p { font-size: 12px; }
section.xtelform .xformblk {  padding-top: 15px; }
section.xtelform .xformblk label { font-size: 12px; }
section.xtelform .xformblk textarea { height: 30px; }
section.xtelform .xformblk .xformerror { color: red; font-size: 12px; }
section.xtelform .xformblk .xformerrorbal { color: transparent; font-size: 12px; } /* Create an invisible error message that appears on certain form fields to visually balance multi-columned forms */
section.xtelform .xformblk .xrecaptcha { margin-top: 15px; }

/* Parallel Phone and Form Section: Toggle (≥ 768px) */
@media (min-width: 768px) {
	section.xtelform .xformblk .row { padding-left: 25px; } /* Adds a gutter between phone numbers and contact form blocks */
}


/***** FOOTER DIV STYLES *****/

/* Footer: Box */
footer { background-color: dimgray; padding-bottom: 10px; padding-top: 25px; }
footer .panel { background-color: transparent; box-shadow: none; }
footer .panel-default { border-color: transparent; }
footer .panel-default > .panel-heading { background-image: none; background-color: transparent; padding-left: 0px; padding-right: 0px; }
footer .panel-body { padding-left: 0px; padding-right: 0px; }
/* Footer: Content */
footer { color: white; font-size: 12px; }
footer h4 { font-family: 'Open Sans', sans-serif; font-size: 20px; font-weight: 300; }
footer h4 a:hover { color: white; }
footer a, footer a:visited, footer a:active, footer a:focus { color: white; }
footer a:hover { color: red; }
footer ul { padding: 0px; }
footer li { list-style-type: none; padding: 0px 0px 3px 0px !important; }
/* Footer: Circles */
.xternaldivlink { display: inline; margin-right: 30px; margin-bottom: 10px; }
.xdivcircle { display: inline-block; width: 30px; height: 30px; background-color: transparent; text-align: center; padding: 7px 0; font-size: 12px; line-height: 1.428571429; border: 0px; border-radius: 15px; margin-right: 10px; }

/* Footer: Toggle (≥ 769px) */
@media (min-width: 769px) {
	main { padding-bottom: 200px; }
	footer .disableclick { cursor: default; pointer-events: none; }
	footer #panel-left { margin: 0px; padding-left: 0px; }
	footer #panel-right { margin: 0px; padding-right: 0px; }
	footer #collapsea { display: block; }
	footer #collapseb { display: block; }
	footer #misclinks { padding-top: 30px; }
}
/* Footer: Toggle (≤ 768px) */
@media (max-width: 768px) {
	main { padding-bottom: 230px; }
	footer .panel-default > .panel-heading { padding-bottom: 0px; padding-top: 0px; }
	footer #panel-left { padding-left: 0px; padding-right: 0px; }
	footer #panel-right { padding-left: 0px; padding-right: 0px; }
	footer #misclinks { display: none; }
	.xternaldivlink { display: block; }
}


/* Misclinks: Content */
footer #misclinks ul { float: left; }
footer #misclinks li { display: inline; }
footer #misclinks li:before { content: " | " ; padding: 0px 10px; }
footer #misclinks li:first-child:before { content: none; }


/* Copyright: Content */
footer #copyright { float: right; }






/***** PROCESSING REQUEST MODAL *****/

#xload { display: table; height: 100%; width: 100%; pointer-events: none; }
#xload > .modal-dialog { display: table-cell; vertical-align: middle; pointer-events: none; }
#xload > .modal-dialog > .modal-content { width: 300px; margin: 0px auto; }
#xload > .modal-dialog > .modal-content > .modal-body > img { display: block; margin: 0px auto; }
#xload > .modal-dialog > .modal-content > .modal-body > p { text-align: center; }






/***** RESPONSIVE AND MOBILE-FRIENDLY TOOLTIP - OSVALDAS VALUTIS *****/

#tooltip { text-align: center; color: #fff; background: #111; position: absolute; z-index: 100; padding: 15px; }
#tooltip:after { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #111; content: ''; position: absolute; left: 50%; bottom: -10px; margin-left: -10px; } /* Triangle Decoration */
#tooltip.top:after { border-top-color: transparent; border-bottom: 10px solid #111; top: -20px; bottom: auto; }
#tooltip.left:after { left: 10px; margin: 0; }
#tooltip.right:after { right: 10px; left: auto; margin: 0; }