* {
margin:0;
padding:0;
}

aside, footer, address, section {
display:block;
}

fieldset, a img, img a {
border:none;
text-decoration:none;
}

img, iframe, video, embed, pre, table {
max-width:100%;
}

input, textarea {
max-width:95%;
}

.clr {float: none; clear:both;}

/*cols and main style*/

.col2,.col3,.col4, .col8, .col6 {
float: left;  
position: relative;
min-height: 1px;
  }

.col2 {width: 50%;}
  
.col8 {width: 75%;}

.col4 {width: 25%;}

.col3 {width: 33.33%;}

.col6 {width:63%;}

.layout {max-width:1170px;}

/*links color*/

a {color: #80b5e1;}

/*main colors*/

#page { color: #727272;}

h1,h2,h3,h4,h5,h6, #header, #topline a  { color: #393939;}

#right h3, #slogan {color: #393939;}

.home-heading {
	text-align: center;
	color:  #80b5e1;
	font-size: 1.8em; 
	text-transform: uppercase;
    margin-bottom: 0.5em;
}

#topline  {background: rgb(244, 244, 244); }

#menu, #banners i  {  background-color: #80b5e1;}

#menu a, #banners i {  color: #fff;}

#menu ul li:hover, #menu ul li:hover ul  {background: #393939;} 

#menu ul li:hover li:hover {  background-color: #80b5e1;}

#banners .moduletable img { border: 1px solid light#393939;}

/*colored underline */

#text h2, #right h3 { background: url(../images/blueborder.png) bottom left no-repeat;}

#banners .moduletable { background: url(../images/blueborder.png) no-repeat bottom center; }

#bottom .moduletable { background: url(../images/blueborder.png) no-repeat bottom left;}

/*sidebar menu border color*/

#right .nav.menu  li{
padding: 0 0 0.2em;
border-bottom: 3px solid #e9ecf1;
margin-bottom: 0.5em;}

/*newsflash special module colors*/

#huge-news {background: #f3f3f3;}

#huge-news h3 { border-bottom : 3px solid #bcbcbc; }

#huge-news .newsflash-horiz h3.newsflash-title {  color:#bcbcbc !important; background: none !important; border-bottom: none !important;}

/*footer colors*/

#bottom {background:  #343840; color: #fff; font-size: 0.8em; padding: 2em 0;}

#bottom h1, #bottom h2, #bottom h3, #bottom h4, #bottom h5 {color: #fff;} 

/*forms and buttons colors*/

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, .callme, #jt_lidform form input[type="submit"]  {
    background-color: #80b5e1;
	color:#fff;
}

button:hover, .callme:hover, #jt_lidform .btn:hover {background: #393939;}

/*End colors*/

/*Typography - main font-sizes and margins*/

h1,h2,h3,h4,h5,h6 { font-family: 'Roboto', sans-serif;    font-weight: 500;}

h1 {margin:1em 0 0.5em 0;}
 
h2, h3, h4,  h5,  h6 {padding:0.5em 0;}

.page-header a {text-decoration:none;}

#right h3, .page-header {margin-bottom: 1.2em;}

#text {font-size: 0.9em; }

#text ul, #text ol {margin:0.4em 25px;}

.item-page li {margin:0 0 0.5em 0;}

#text p, .article-info, .item-page {margin-bottom: 0.8em;}

.article-info, .icons, #breadcrumbs, .pager.pagenav {font-size: 0.8em; color: #393939;}

/*article images styles*/

.pull-right {float: right;}

.pull-left {float: left;}

/*buttons and forms*/

.btn, .btn-primary {
display:inline-block;
padding:0.6em 20px;
cursor:pointer;
border:none;
margin:0.5em 0;
}

input[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button, .callme  {
    padding: 9px 1.4em !important;
    margin: 0.5em 0 !important;
	border: none !important;
}

input, input:not([type]), input[type="email" i], input[type="number" i], input[type="password" i], input[type="tel" i], input[type="url" i], input[type="text" i] {
  padding: 8px 1.4em;
	margin: 0.5em 0;
	border: 1px solid #393939;
}

#jt_lidform form input[type="text"], #jt_lidform form input[type="tel"], #jt_lidform form input[type="email"] {
    padding: 8px 1.4em !important;
    margin: 0.5em 0 !important;
	border: 1px solid #393939;
}

#searchbox input {
	padding: 0.6em 1.4em;
	margin: 0.2em 0;
	}

fieldset {border:none !important;}

form ul li, ul.nav li {list-style: none !important;}

.element-invisible {display:none;}

ul.unstyled, form {font-size:0.8em;}

#form-login-remember .control-label  {display:block; overflow: auto;}

.btn-toolbar {overflow: auto; margin-bottom: 1em;}

/*  System messages  */

.alert {
padding:1em 3%;
}

.alert-error {
background:#f3dcad;
}

.alert-warning {
background:#eefa9c;
}

.alert-message {
background:#d9f7c7;
}

.alert button, .alert a.close {
float:right;
padding:5px;
cursor:pointer;
}

.fielderror {
padding:1em 0;
background:#f8dacb;
}

/*End typography*/

/*Layout blocks */

#page{
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size:100%;
}

.layout{
margin:0 auto;
overflow:hidden;
}

#header, #menu, #content, #breadcrumbs {overflow:auto;}

/*blocks on the top*/

#topline {font-size: 1.2em;}

#topline ul li {display: inline-block; margin: 0 24px 12px 0;}

#topline li a {font-size: 0.7em;}

.social-box { margin-right: 36px;}

.social-box  a {margin-right: 6px;}

/*header*/

#header {margin-top: 1em; font-size: 0.8em;}

#header i {font-size: 1.6em;}

#topleft, #topcenter, #topright {position: relative; float: left;}

#topleft, #topcenter {width: 40%;}

#topright {width: 20%;}

#topright-xl {width: 66.33%; position: relative; float: left;}

#search{ margin: 0.1em 0;}

.search {text-align: right;}

#logo img {max-width: 50% !important;}

#slogan {
font-size: 1.6em;
margin-bottom: 0.5em;
}

#adress{float:left; margin-right: 10px;}

#time {margin: 1em 0;}
 
#topright, #topright-xl {text-align: right;}

.city {font-weight:bold; font-size:0.9em;}

.city,  .time {padding-left: 8px;}

.street {padding-left: 16px;}

.tel {margin-top: 4px;}

.tel a {font-size: 1.8em; text-decoration:none; font-weight:bold; }

.call {margin-top: 20px; height: 50px; text-transform:uppercase;}

.call a {text-decoration:none;}

/*mainmenu*/

#menu {width: 100%;}
	
#menu ul.nav.menu li {
float: left;
list-style:none;
padding: 1.8em 1.2em 1.4em 1.2em;
text-transform:uppercase;
font-size: 0.8em;
}

#topline ul.nav.menu li.parent ul.nav-child {display: none;}

#menu ul.nav.menu li.parent ul.nav-child {display: none; position:absolute; margin-top: 1.8em; margin-left: -1.5em;}

#menu ul.nav.menu li.parent:hover ul.nav-child {display: block;  z-index:3000;}

#menu ul.nav.menu ul.nav-child li {float:none !important; font-size: 1.2em !important; margin-left: 0;}
	
#menu a { text-decoration:none;}

/*slider*/

#slider {margin-bottom: 2em;}

/*homepage big banners*/

#bigbanners .moduletable { margin: 24px 0;}

#bigbanners .moduletable img:hover {
opacity:0.8;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

/*homepage small banners*/

#banners i {
    margin: 24px auto;
    font-size: 27px;
    text-align: center;
    vertical-align: middle;
    width: 58px;
    height: 58px;
    vertical-align: middle;
    line-height: 58px;
    border-radius: 100%;
    transition: all 0.3s ease;
	}
	
#banners  {text-align: center; }

#banners h3 {height: 50px; margin: auto 0;}

#banners .moduletable img {max-width: 70%; padding: 10px; }

#banners .moduletable, #bottom .moduletable {padding-top:0.5em; margin: 20px 12px 30px 12px; padding-bottom: 1em;}

/*newsflash special module horizontal style for homepage*/

#huge-news .newsflash-horiz li {float: left; width: 30%; margin: 0 1%; list-style:none;}

#huge-news .newsflash-horiz p {margin: 0 0 1em 1em; font-size: 0.8em;}

#huge-news h3 {text-align: center; font-size: 1.2em; margin: 0; text-transform: uppercase; padding: 24px 0;}

#huge-news .newsflash-horiz h3.newsflash-title {   text-transform: none !important; background: none !important; border-bottom: none !important;}

#huge-news .newsflash-horiz  {text-align: center;}

#huge-news .moduletable {margin-bottom: 2em;}

#content {margin-bottom: 2em;}

/*footer*/

#bottom li {list-style: none;}

#bottom .nav-child li {margin-left: 1em;}

#bottom {font-size: 0.8em; padding: 2em 0;}

#bottom h3 {margin-bottom: 1.2em; text-transform: uppercase;}

#bottom h4, #bottom li {padding:0.5em 0; font-weight: 500;     font-family: 'Roboto', sans-serif;}

#bottom a {text-decoration: none;}

#bottom .social-box {font-size: 2em; margin: 0 0 24px 12px; }

/*slider text and labels*/

.jflabel_skitter {
    top: 20%;
    left: 60%;
    position: absolute;
}

.jflabel_skitter a {text-decoration:none;}

.sliderdescription {margin-top: 0 !important;}

 /*sidebar*/

#right .moduletable {margin: 2em 0;}

#right .menu a {
text-decoration: none;
}

#right .nav-child  li{
border-bottom: none !important;
margin-left: 1em;}

/*end layout blocks*/

/*boootstrap tips*/

.img-circle {  border-radius: 50%;}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

/*article elements*/

#breadcrumbs li {float: left; padding: 10px; list-style: none;}

.divider {margin-left: 12px;}

#text {padding: 0 3em 0 0;}

.item-image img {max-width: 200px;  border: 1px solid #e9ecf1; padding: 8px; margin: 0 8px; }

#text .dropdown-toggle {    display: none;} 

.clearfix {clear: both;}

.article-info-term {font-weight: bold;}

#text .icons ul, #text .icons li, .pagination li  {list-style:none;}

.unstyled {
padding:0;
margin:0.3em 0;
list-style:none;
}

.unstyled li {
padding:0 0 0.3em 0;
list-style:none;
}

/*pagination*/

.items-more {margin: 1.4em 0; font-weight: bold; }

.items-more li {margin: 1em 0;}

.pager {
    list-style: none;
    text-align: center;
	padding:0;
	margin: 1.4em 0 !important;
}

.pagination {
text-align: center;
overflow: hidden;
font-size: 0.8em;
}

.pagination ul {
padding:0;
display: inline-block;
}

.pagination ul li {
float: left;
padding:0 7px 0 0;
}

.pagination ul li a {
padding:0 7px;
text-decoration:none;
transition: 0.4s;
}

.pagination ul li a:hover {
transition: 0.4s;
}
.pagination-centered {
	text-align: center;
}
.pagination-right {
	text-align: right;
}

.pager li {    display: inline;}

.pager .previous > a, .pager .previous > span {    float: left;}

.pager .next > a, .pager .next > span {    float: right;}

.pager li > a, .pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
}

/*tooltips and popovers*/
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}

.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}

.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}

.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}

.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}

.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}

.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}

.popover.top {	margin-top: -10px;}

.popover.right {	margin-left: 10px;}

.popover.bottom { 	margin-top: 10px;}

.popover.left {	margin-left: -10px;}

.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}

.popover-title:empty {	display: none;}

.popover-content {	padding: 9px 14px;}

.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {	border-width: 11px;}

.popover .arrow:after {
	border-width: 10px;
	content: "";
}

.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}

.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}

.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}

.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}

.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}

.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}

.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}

.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}

.control-label .hasPopover,
.control-label .hasTooltip {	display: inline-block;}

/*end tooltips and popovers*/

/*        Modals       */

.Window {
 position: fixed;
 font-family: Arial, Helvetica, sans-serif;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 background: rgba(0,0,0,0.7);
 z-index: 99999;
 -webkit-transition: opacity 400ms ease-in;
 -moz-transition: opacity 400ms ease-in;
 transition: opacity 400ms ease-in;
 display: none;
 pointer-events: none;
}

.Window #jt_lidform {text-align: center;}

.Window:target {
 display: block;
 pointer-events: auto;
}

.Window > div {
 width: 460px;
 position: relative;
 margin: 10% auto;
 padding: 30px 10px 10px;
 border-radius: 10px;
 background: #fff;
 box-shadow: 0px 0px 20px 2px;
}

.close {
 background:  #80b5e1;
 color: #FFFFFF;
 line-height: 25px;
 position: absolute;
 right: -12px;
 text-align: center;
 top: -10px;
 width: 24px;
 text-decoration: none;
 font-weight: bold;
 -webkit-border-radius: 12px;
 -moz-border-radius: 12px;
 border-radius: 12px;
 -moz-box-shadow: 1px 1px 3px #000;
 -webkit-box-shadow: 1px 1px 3px #000;
 box-shadow: 1px 1px 3px #000;
}
.close:hover { background: #990000; }

/* ToTop button   */

#toTop {
color:#80b5e1;
text-align:center;
position:fixed;
bottom:2.5em;
right:30px;
cursor:pointer;
display:none;
font-size:3em;}

/*  Adaptive style   */
 

/*   1200px  */

 @media screen and (max-width: 1200px),
only screen and (max-device-width:1200px) {   
.layout {width:95%!important;}
.call {font-size: 0.9em !important;}

}  

/*   1024px  */

@media screen and (max-width: 1024px),
only screen and (max-device-width:1024px) {
    
#topleft, #topright-xl {width:50%!important;}

#topcenter, #topright {width:25%!important;}

#adress, .tel {float:none !important;}

}

/*   960px  */

@media screen and (max-width: 960px),
only screen and (max-device-width:960px) {
    
.col2,.col3 {width:100%!important;}

.newsflash-title {height: 40px;}

}


/*   854px  */

@media screen and (max-width: 854px),
only screen and (max-device-width:854px) {
    
#huge-news li, #topleft, #topright-xl  {width:100%!important;} 

#topcenter, #topright {width:50%!important;}

#logo, #slogan {text-align: center;}

#adress, #topright-xl .tel {float: left!important;}

#topright .tel {float: none !important;}

.tel {margin-right:10px;}

}


/*   800px  */

@media screen and (max-width: 800px),
only screen and (max-device-width:800px) {

.col2,.col3, .col4, .col8  {width:100%!important;}

#searchbox, .search {text-align: center !important;}

 #adress, .tel {float: left;}
 
 /*mobile menu */

#menu {padding:0.7em 0;}

.main-menu ul {
width:95%;
margin:0 auto;
display:block;
height:28px;
background: url(../images/menuicon.png) no-repeat;
cursor:pointer;
}

.main-menu li {display:none;}

.mobilemenu > ul {
width:95%;
overflow:hidden;
margin:0 auto;
display:block;
background: url(../images/menuicon.png) top left no-repeat;
}

.mobilemenu li {
display:block;
float:none;
width:90%;
margin-left:7%;
padding-bottom: 0.5em!important;
}

#menu li.parent > ul, #menu li.parent:hover > ul {
display: block;
position:static;
padding:0.5em 0;
}

#menu ul.nav.menu li.parent ul.nav-child {display: block !important; position:relative !important; margin: 0 !important; }


/*end mobile menu*/

}

/*   768px  */

@media screen and (max-width: 768px),
only screen and (max-device-width:768px) {
  
  .jflabel_skitter {
	max-width: 220px;
    top: 0 !important;
    left: 40% !important;
    position: absolute;
}

.slidedescription {margin: 0; padding: 0;	max-width: 220px; }

#text {padding:0!important;}
 
}


/*   640px  */

@media screen and (max-width: 640px),
only screen and (max-device-width:640px) {
     
 .col2, .col3, .col4, .col6, .col8 {
width:100%!important;
}

#adress, .tel {float: none!important;}

.Window > div {
 width: 90%!important;
 margin: 3% auto;
 padding:10px;
 border-radius: 5px;
 background: #fff;
 box-shadow: 0px 0px 5px 2px;
}

#topline, #topright-xl {text-align: center!important;}

.search, #topline-left {text-align: center !important;}

}


/*   480px  */

@media screen and (max-width: 480px),
only screen and (max-device-width:480px) {
    
.layout {
width:95%!important;
}

#toTop {
display:none!important;
}

#topleft, #topcenter, #topright {
	width:100%!important;
	text-align: center !important;
	}


}