@charset "utf-8";

html,body,div,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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time{margin:0px;padding:0px;border:0;outline:0; font-size:13px; font-style:normal; font-weight:400; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, output, section, summary{display:block;}meter,progress,mark, time{display:inline;}ol, ul {list-style: none;}blockquote,q{quotes: none;}img {border:0;text-align:left;}ul,ol{list-style:none;}table,table td{padding:0px;border:none;border-collapse:collapse; margin:0px;}input,select,textarea{ font-family: 'Open Sans', sans-serif;  vertical-align:middle;font-weight:normal; font-size: 13px; color:#2a2a2a; margin:0;padding:0;}textarea{overflow:auto;}
select { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;  -ms-appearance:none; appearance:none; background: url("../obr/arrows_select.png") no-repeat 95% center; background-color: #fff; color: #2a2a2a;  }

html, body { padding:0; margin:0; font-size:100%;  max-width:100%; height:100%;  }
body { background:#e8e8e8; color:#2a2a2a; overflow-x: hidden; font-family: 'Open Sans', sans-serif; }


/* Chrome, Safari 
::-webkit-scrollbar {
width: 4px;
height: 4px;
}
::-webkit-scrollbar-track-piece  {
background-color: #2a2a2a;
}
::-webkit-scrollbar-thumb:vertical {
height: 10px;
background-color: #ffcb3d;
}
*/

.edge-shadow {	-webkit-box-shadow: 0 3px 12px -4px #5d5d5d;  -moz-box-shadow: 0 3px 12px -4px #5d5d5d;  box-shadow: 0 3px 12px -4px #5d5d5d; }
.shadow {	-webkit-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.41); -moz-box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.41); box-shadow: 0px 2px 8px -1px rgba(0,0,0,0.41); }
.inner-shadow { -moz-box-shadow: inset 0 0 5px #666;  -webkit-box-shadow: inset 0 0 5px #666; box-shadow: inset 0 0 5px #666;}
.inner-shadow-strankovanie { -moz-box-shadow: inset 0 0 4px #aeaeae;  -webkit-box-shadow: inset 0 0 4px #aeaeae; box-shadow: inset 0 0 4px #aeaeae;}

img, canvas, video { vertical-align:middle; }
img { height:auto; max-width:100%; }

.transition {
	transition: all 0.3s ease 0s;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
}

/************ image zooming efect *********/
a.zooming {-webkit-transform: translate(-50%,-50%);  -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }

.zoom img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
  	-moz-transition: all 1s ease; /* Firefox */
  	-o-transition: all 1s ease; /* IE 9 */
  	-ms-transition: all 1s ease; /* Opera */
  	transition: all 1s ease;
}

.zoom:hover img {
    -webkit-transform:scale(1.25); /* Safari and Chrome */
    -moz-transform:scale(1.25); /* Firefox */
    -ms-transform:scale(1.25); /* IE 9 */
    -o-transform:scale(1.25); /* Opera */
     transform:scale(1.25);
}
/******************************/

a {
	text-decoration:none;
	color: #2a2a2a;
	font-size:14px;
}
a:hover, a:focus {
	color:#1a608c ;
	outline: none;
	text-decoration: none;
	
}
a:hover, a:active {	text-decoration: none; }
a, a:visited, a:hover {	outline: none; }

/*** calss a.btn-res => rsponsive class use in media styles * */
a.button  { color:#fff; border: 4px solid #fff; display:inline-block; padding:15px; text-align:center;   font-size:14px; font-weight: bold; }
a.button:hover, a.button.active { background:#fff; color: #29333d  }

a.button-var-2  { color:#2a2a2a; border: 4px solid #2a2a2a; display:inline-block; padding:15px; text-align:center;   font-size:14px; font-weight: bold; }
a.button-var-2:hover, a.button-var-2.active { background:#2a2a2a; color: #fff  }

p, strong { font-size:14px; color:#162232; font-weight:400; line-height:22px; }
strong { font-weight:bold;}
label { cursor:pointer; }

.wrap {white-space: -moz-pre-wrap ; 
word-wrap: break-word  ; 
word-break: break-all ;
 }
.radius { -webkit-border-radius: 5px; -moz-border-radius:5px; border-radius:5px; }
.radius-top {-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.opacity { 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
filter: alpha(opacity=90);
opacity: 0.9;
}


/*** arrows */
.arrow-top:before { content:""; position:absolute; top:0; left:50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-width: 25px 30px 0 30px; border-color: #ffffff transparent transparent transparent;   }



.bg-orange { background:#f1592a; }
.bg-dark-blue { background: #29333d;}
.bg-light-blue { background:#363636; }
.bg-white { background: #fff; }
.bg-gray { background:#c2c2c2; }
.bg-light-gray { background:#e8e8e8; }
.bg-light-light-gray { background:#C5C5C5; }
.bg-black { background: #000000; }
.bg-blue { background:#1a608c; }
.color-white { color: #fff; }
.color-orange {color:#f1592a;}
.color-black { color:#2a2a2a; }
.color-green { color:#b4da35; }
.color-blue { color:#1a608c; }
.color-gray { color:#666; }
.center { text-align:center; }
.right { text-align:right;}

/******************** popiska farby ******************/

.zelena { background:#b4da35; }
.modra {  background:#151849; }
.zlta {background:#FFF357;}
.oranzova { background:#E59108; }
.cervena { background: #FC1D20}
.hneda { background: #5F4204}
.fialova { background: #831597}
.cierna { background: #000000; }
/************ custom css **************/

hr { display:inline-block; border:none; outline:none; position:relative; background:#999;   color:#ccc; width:100%; height:1px; }
h1.header-line { color:#999; position:relative; display:block; text-align:left; text-transform: uppercase; font-size:16px; font-weight: normal; padding-bottom: 6px; }
h1.header-line strong { color:#999; font-size:16px;}

h1.header-bg { color:#fff; padding: 10px; font-weight: bold; text-align: left; font-size: 18px; margin-bottom: 20px; }

hr.line-3 { height: 3px; border-width: 3px; border-style: solid; width: 120px; }

/************** sipky pred nadpisy *********/
.sipka-nadpis:before { content: ""; display: inline-block; vertical-align: middle; background: url(../obr/arrow_circle.png) no-repeat left center; margin-right: 10px; width: 25px; height: 25px; background-size: contain; }

/*************** table minigallery ******/
table.img-gallery td {  padding:2px;}
table.img-gallery td > a { display: block; width:60px; height:60px; overflow: hidden; position: relative; }
table.img-gallery td a img { position: absolute; max-width:150%; min-height:100%; left: 50%; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); }

/*
h1.header-line:before { content:""; border-bottom:4px solid #162232; width:15%; position:absolute; right:18%; top:50%; display:inline-block; vertical-align:middle; }
h1.header-line:after { content:""; border-bottom:4px solid #162232; position:absolute; width:15%; left:18%; top:50%; display:inline-block; vertical-align:middle; }
*/
.border-bottom { border-bottom:1px solid #3f4a55; }
.header-padding-15 { padding: 15px 0;}
.header-black { color:#162232; position:relative; display:block; text-align:left;    }
.header-gray { color:#919191; position:relative; display:block; text-align:left;    }
.header-bold { font-weight: bold; }
.header-normal { font-weight: normal; }

.header-size-14 {font-size:14px;}
.header-size-16 {font-size:16px;}
.header-size-22 {font-size:22px;}
.header-size-24 {font-size:24px;}
.header-size-26 {font-size:26px;}
.header-size-28 {font-size:28px;}

.header-padding-full-10 { padding:10px; }
/****** paddings *****/
.padding-15 {padding: 15px 0; }
.padding-25 {padding: 25px 0; }
.padding-35 {padding: 35px 0; }

.padding-full-20 { padding:20px; }
.padding-full-10 { padding:10px; }

.padding-left-100 { padding-left:100px; }
.padding-left-50 { padding-left:50px; }
/********margin*********/
.margin-20 { margin: 20px 0; }
.margin-15 { margin: 15px 0; }
.margin-top-50 { margin-top: 50px; }
.margin-top-25 { margin-top:25px; }

.margin-bottom-50 { margin-bottom: 50px; }
/******* other *******/
.uppercasse { text-transform: uppercase; }
/*********** custom styles *****************/
.center { text-align: center; }

/*********** messages *****************/

.info-msg { display:block; width:100%; height:auto; padding:10px; background:#fae3ac; text-align:center;}
.info-msg p {  color:#2a2a2a; font-style:italic;   }
.info-msg p:before { content:url("../obr/info_icon.png"); display:inline-block; vertical-align:middle; margin-right: 10px }

/*******************************************************/

a.nice-button, input[type="submit"].nice-button { padding:15px; text-align:center; background:#1a608c; display:inline-block; font-weight:bold;  color:#fff; font-size:14px; letter-spacing:.4px;  transition: all ease 0.4s; cursor: pointer; outline: none; border: none; }
a.nice-button:hover, input[type="submit"].nice-button:hover { background:#162232; color:#fff; }
span.nice-arrow { display:inline-block;  padding:1.5px 12px; background:#162232; border:3px solid #f1592a; margin-left:4px; position:relative;transform:translateY(-1px);  }
span.nice-arrow > img {-moz-transform:scale(0.45); transform:scale(.45); zoom:.45; }

/************* contents image banners ***********/
.banner { position:relative; display:block; height:500px; width:100%; z-index:100; overflow:hidden; }
.banner img { max-width:100%; position:absolute; top:50%; transform:translateY(-50%); }
.banner:after { content:""; position:absolute; background:#162232; width:100%; height:100%; top:0; left:0; opacity:.9; filter: alpha(opacity=90); display:block; z-index:100 }
.banner-content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);   z-index:999; text-align:center; }
.banner-content h2 { color:#fff; font-size:32px;  font-weight:bold; text-transform:uppercase; }
.banner-content p { color:#fff; font-size:18px; text-transform:uppercase; font-weight:normal; padding:10px 0; }

.borders { border-top:8px solid #f2ca28; border-bottom:8px solid #f2ca28;}

/************ helpers to vertical centered **************/

.v-wrap { display: block; width: 100%; height: 100%; margin-top:0; }
.v-wrap:before { content: " "; display: inline-block; vertical-align: middle; height: 100%; margin-top: 1em;   }


/********* JS styles plugins ************/
span.input-message { position: absolute; bottom:-20px; left: 0;  color:#78181A; font-size:11px; margin: 0; height:auto !important; max-width: 100% !important; border: none !important; }
span.input-message b { font-weight:bold; font-size:10px;   }

.succsess-messages { display:block; padding:15px; margin-bottom:15px; background:#f3da07; color:#162232; font-weight:bold; }
.error-messages { display:block; padding:15px; margin-bottom:15px; background:#ff4d57; color:#fff; font-weight:bold; }

.input-label { font-size:10px; color:#162232; padding:4px; background:#fff;  }

/************ device menu styles *****************/

#hidden-menu { display:none; cursor:pointer; position:absolute; top:50%; right:0; transform:translateY(-50%); -moz-transform:translateY(-50%); -webkit-transform:translateY(-50%); }
#hidden-menu > img {  max-width:25%; width:auto; float: right; }


/*** slider **/
#slider, #slider ul { position:relative; z-index:-100; overflow:hidden; min-height:100%; min-width: 100%}  
#slider ul li { position: relative; width:100%;  min-height: 500px   }
#slider ul li:before { content:""; position:absolute; background:#162232; width:100%; height:100%; top:0; left:0; opacity:.4; filter: alpha(opacity=40);  z-index:100; }
#slider ul li > img { min-width:100%; position: absolute; left:50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); z-index: 0;  }
.slider-content { position:absolute; left:0; height:auto; top:60%; width:100%; z-index:999; padding-left:309px; }
.slider-content h1, .slider-content h2, .slider-content h3 { font-weight:bold; text-align:left; display:inline-block; letter-spacing:1px; text-transform: uppercase;}
.slider-content h1 {font-size:15px; word-wrap: break-word;  color:#29333d; background: #dadada; padding: 5px 15px;  }
.slider-content h2 { color: #fff; font-size: 22px; padding:15px 18px; background: #29333d; max-width: 50%; }
.slider-content h3 { color: #29333d; font-size: 22px; text-align: right; padding:15px 18px; background: #b4da35; max-width:30%; }


/*Footer info*/

.footer-info img { display: inline-block; vertical-align: middle; text-align: center; min-width:15%; min-height: auto; padding-bottom: 30px; margin-top: 25px;  }

.footer-info ul li { line-height: 25px; display: block; text-align:right;}
.footer-info ul li:nth-child(1) { color: #fff;  font-size: 14px;  }
.footer-info ul li:nth-child(1):after {content: ""; display: inline-block; vertical-align: middle; background: url(../obr/locator_icon.png) no-repeat left center; width: 15px; height: 20px; background-size: contain; margin-left: 10px;  }
.footer-info ul li:nth-child(2) { color: #fff; font-size: 14px;  }
.footer-info ul li:nth-child(2):after {content: ""; display: inline-block; vertical-align: middle; background: url(../obr/phone_icon.png) no-repeat left center; width: 20px; height: 20px; background-size: contain; margin-left: 6px;  }
.footer-info ul li:nth-child(3) a { color: #fff;  font-size: 14px;  }
.footer-info ul li:nth-child(3) a:hover { text-decoration: underline; }
.footer-info ul li:nth-child(3):after {content: ""; display: inline-block; vertical-align: middle; background: url(../obr/email_icon.png) no-repeat left center; width:15px; height: 20px; background-size: contain; margin-left: 10px;  }


/*Podpis*/
.podpis { display: block; text-align: right; }
.podpis a { font-size: 12px;  }
.podpis a:hover { text-decoration: underline; }
.podpis:before { content: ""; display: inline-block; vertical-align: middle; background: url(../obr/logo_ymg.png) no-repeat left center; width: 15px; height: 15px; background-size: contain; margin-right: 10px; }

/*paginator*/
.paginator a { display: inline-block; vertical-align: middle; text-align: center; background:#ccc; font-weight: bold; color: #29333d; padding: 8px 15px; }
.paginator a:hover, .paginator a.activ { background:#1a608c; color: #fff;   }


/****************** MCE styly ***************/

/****************** lists *************/
ul.list { display: block; }
ul.list > li { display: block; line-height: 26px;}
ul.list > li:before { content: ""; background: url(../obr/arrow_circle.png) no-repeat left center; display: inline-block; vertical-align: middle; width: 10px; height:10px; margin-right: 5px; background-size: contain; }

ul.list li > a { padding-left: 8px; vertical-align: middle; display: inline-block; }
ul.list li > a:hover { text-decoration: underline; color: #fff; }


ul.list-underline > li a { display:inline-block; color: #1a608c; font-weight: bold; font-size:13px; text-align: left; padding: 10px 0;  }
ul.list-underline > li a:hover, ul.list-underline > li a.active { text-decoration: underline; color:#29333d;  }
ul.list-underline > li { display: block;  border-bottom: 1px solid #1a608c; }
ul.list-underline > li:before { content: ""; background: url(../obr/arrow_circle.png) no-repeat left center; width: 10px; height:10px; display: inline-block; vertical-align: middle; margin-right: 10px; background-size: contain; }



/**************** nadpisy h1 h2 h3 h4 h5 h6 *********/
.nadpis-modry { font-size: 18px; font-weight: bold; color:#1a608c; padding: 20px 0;  }


/************** mapa **********/
#maps { width:100%; height:350px; }