/** * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) * Richard Clark (http://richclarkdesign.com) * http://cssreset.com */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{
	display:block;
}
ul{
	list-style:none;
}
a{
	margin:0;
	padding:0;
	font-size:100%;
	background:transparent;
	text-decoration: none;
	color: inherit;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
.block-img img {display: block;}
img {
	max-width: 100%; 
	height: auto;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}
label[for]{cursor: pointer;}
a:focus {outline: none;}
p{margin: 0 0 10px 0; padding: 0;}


@font-face {
    font-family: 'SkodaPro_Regular';
    src: url('fonts/SkodaPro_Regular.eot');
    src: url('fonts/SkodaPro_Regular.eot') format('embedded-opentype'),
         url('fonts/SkodaPro_Regular.woff2') format('woff2'),
         url('fonts/SkodaPro_Regular.woff') format('woff'),
         url('fonts/SkodaPro_Regular.ttf') format('truetype'),
         url('fonts/SkodaPro_Regular.svg#SkodaPro_Regular') format('svg');
}
@font-face {
    font-family: 'SkodaPro_Medium';
    src: url('fonts/SkodaPro_Medium.eot');
    src: url('fonts/SkodaPro_Medium.eot') format('embedded-opentype'),
         url('fonts/SkodaPro_Medium.woff2') format('woff2'),
         url('fonts/SkodaPro_Medium.woff') format('woff'),
         url('fonts/SkodaPro_Medium.ttf') format('truetype'),
         url('fonts/SkodaPro_Medium.svg#SkodaPro_Medium') format('svg');
}
@font-face {
    font-family: 'SkodaPro_Bold';
    src: url('fonts/SkodaPro_Bold.eot');
    src: url('fonts/SkodaPro_Bold.eot') format('embedded-opentype'),
         url('fonts/SkodaPro_Bold.woff2') format('woff2'),
         url('fonts/SkodaPro_Bold.woff') format('woff'),
         url('fonts/SkodaPro_Bold.ttf') format('truetype'),
         url('fonts/SkodaPro_Bold.svg#SkodaPro_Bold') format('svg');
}
@font-face {
    font-family: 'SkodaPro_ExtraBold';
    src: url('fonts/SkodaPro_ExtraBold.eot');
    src: url('fonts/SkodaPro_ExtraBold.eot') format('embedded-opentype'),
         url('fonts/SkodaPro_ExtraBold.woff2') format('woff2'),
         url('fonts/SkodaPro_ExtraBold.woff') format('woff'),
         url('fonts/SkodaPro_ExtraBold.ttf') format('truetype'),
         url('fonts/SkodaPro_ExtraBold.svg#SkodaPro_ExtraBold') format('svg');
}

/* ======================== clearfix =========================== */
/* ============================================================= */
.clearfix:after {display: table; content: ""; clear: both;}

/* ====================== HEADINGS h1-h6 ===================== */
h1, h2, h3, h4, h5, h6, .form-name, .fp-cols .title {font: 34px/1.2 'SkodaPro_ExtraBold', sans-serif; margin-bottom: 25px;}
h2 {font-size: 31px;}
h3 {font-size: 28px;}
h4 {font-size: 25px;}
h5 {font-size: 22px;}
h6 {font-size: 20px;}

/* ====================== USEFUL GLOBALS ===================== */
.pRel {position: relative;}
.upcase {text-transform: uppercase;}
.weightNorm {font-weight: normal;}
.weight400 {font-weight: 400;}
.weight500 {font-weight: 500;}
.tdec-u, .hvr-u:hover {text-decoration: underline;}
.dsp-b {display: block;}
.inl-b-list > li {display: inline-block; vertical-align: top;}
.dsp-t {display: table; width: 100%;}
.dsp-t.hgt100 {height: 100%;}
.dsp-t.fxd {table-layout: fixed;}
.dsp-tr {display: table-row}
.dsp-tc {display: table-cell; vertical-align: middle;}
.txtAlignC {text-align: center;}
.txtAlignR {text-align: right;}
.vAlignT, .vAlignT.alignChildren > * {vertical-align: top;}
.vAlignM, .vAlignM.alignChildren > * {vertical-align: middle;}
.vAlignB, .vAlignB.alignChildren > * {vertical-align: bottom;}
.overlay {position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100;}
.icon-video {background: url('../images/icon-video.png') no-repeat 0 0; height: 56px; width: 56px; display: block; margin: auto; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}
.icon-remove {width: 25px; height: 25px; background: url('../images/icon-remove.png') no-repeat center center; display: inline-block; vertical-align: top; text-indent: -9999px;}
.icon-remove:hover {opacity: 0.5;}
.overlay-full {
    height: 100%;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9998;
	background-color: rgba(0,0,0,0.6);
}
.colorGreen {color: #0E3A2F;}

#divInfo
{
    margin-top: 20px;
    
}

.infoAbout
{
    width: 100%;
}

.fontInfo {
    color: #78FAAE;
    line-height: 60%;
}

.colorOrange {color: #f26922;}

/* ====================== CUSTOM-BUTTONS ===================== */
.btn-wrap {display: inline-block; vertical-align: top;}
.btn-custom {display: block; border-radius: 2px; color: #fff; background-color: #0E3A2F; line-height: 61px; padding: 0 17px; text-align: center;}
.btn-custom:hover {background-color: #78FAAE;}
.btn-group .btn-custom {margin: 0 8px 5px 0; display: inline-block; vertical-align: top;}

/* ====================== FORM ELEMENTS ====================== */
input[type="text"], input[type="number"], input[type="submit"], input[type="button"], input[type="reset"], textarea{-webkit-appearance: none; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; font: 300 13px 'Open sans', sans-serif; border: 1px solid #d7d7d7;}
input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}

/* =========================== Layout styles =================== */
/* ============================================================= */
*, *:after, *:before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

body {background-color: #fff; color: #000; font: 15px/1.65 'SkodaPro_Regular', sans-serif; overflow-x: hidden; padding-bottom: 60px;}

.centered-wrap {width: 100%; margin: 0 auto;}
.maxWidth1500 {max-width: 1500px;}
.maxWidth900 {max-width: 900px;}

.top {border-bottom: 1px solid #efefef; margin-bottom: 60px;}
.top-inner {padding: 25px 0;}

.top-right {position: absolute; top: 30px; right: 0; margin-bottom: 0; font: 14px 'SkodaPro_Medium', sans-serif;}

.banner {background-repeat: no-repeat; background-size: cover; background-position: center top; margin-bottom: 20px;}
.banner img {margin: 0 auto;}

.fp-cols .wrap {margin-left: -80px;}
.fp-cols .item {padding-left: 80px; margin-bottom: 25px; float: left; width: 50%;}
.fp-cols .title {line-height: 1.1;}
.fp-cols .btn-custom {min-width: 156px;}

.fp-news-cols {padding-top: 50px;}
.fp-news {font: 23px/1.4 'SkodaPro_Medium', sans-serif;}
.fp-news li {border-bottom: 1px solid #efefef; margin-bottom: 31px;}
.fp-news .inner {display: block; padding-bottom: 28px;}
.fp-news .icon-arrow-r {display: inline-block; vertical-align: middle; margin-left: 5px; position: relative; top: -1px;}
.icon-arrow-r {background: url('../images/arrow-r.gif') no-repeat 0 0; width: 7px; height: 12px; display: block;}

.gallery .thumb:hover img, .logo img:hover {opacity: 0.8;}
.top-right a:hover, .fp-news .inner:hover {text-decoration: underline;}

/* ======================= article styles ====================== */
/* ============================================================= */
.media-box {margin: 0 0 22px 0;}
.media-box iframe {width: 100%;}
.article {margin: 0 0 35px 0;}
.article b {font-weight: 700;}
.article i {font-weight: 400;}
.article table {border-collapse: collapse; margin: 2em 0; width: 100%;}
.article table, .article td, .article th {border: 1px solid #bcb7b6;}
.article td, .article th {padding: 8px 10px;}
.article th {text-align: left; color: #000; background-color: #ddd; font-weight: 400;}
.article table.noborder, .article table.noborder td, .article table.noborder th {border: none;}

.article caption{color: #fff; background-color: #2d0014; text-align: left; padding: 5px 8px;}
.article table p{margin: 0;}
.article p{margin: 0 0 25px 0;}
.article a{color: #4ca930;}
.article a:hover{text-decoration: underline;}
.article-img {}
.img-left{float: left; margin: 0 2em 15px 0;}
.img-right{float: right; margin: 0 0 15px 2em;}

.a-columns {margin: 0 0 15px; padding: 14px 0 0 0;}
.article .a-columns .title, .article .a-columns .sub-title{margin: 0 0 10px 0;}
.article .a-columns .sub-title {margin: 0 0 22px 0;}
.a-columns .col {
	float: left;
	width: 50%;
}
.a-columns .col1 .inner {padding-right: 5%;}
.a-columns .col2 .inner {padding-left: 5%;}
.a-columns .col .box {margin: 0 0 40px 0;}

/* gallery */
.gallery{padding: 20px 0;}
.gallery ul{font-size: 0; margin-left: -18px;}
.gallery li{display: inline-block; vertical-align: top; padding: 0 0 18px 18px; width: 25%;}
.gallery img{display: block; margin: 0 auto;}
.gallery .thumb {display: block;}
.gallery .title{display: block; padding: 10px 8px 0 8px; font-size: 13px; font-weight: 300; line-height: 125%; text-align: center;}

/* article-list */
.article-list {padding: 10px 0 0 0;}
.article-list li{margin: 0 0 23px 0;}
.article-list .title{font-size: 17px; color: #000; font-weight: 500; margin: 0 0 8px 0; padding: 2px 0 3px 22px; background: url("../images/blackdot.png") no-repeat 0 8px;}
.article-list .title:hover {text-decoration: underline;}
.article-list p{font-weight: 300; margin: 0 0 10px 0; line-height: 150%;}
.article-list .thumb, .article-list .text {float: left; width: 15%;}
.article-list .thumb-inner {padding-right: 16%;}
.article-list .text {width: 85%; padding: 17px 0 0 0;}
.article-list .text a {text-decoration: underline;}
.article-list .text a:hover {text-decoration: none;}

/* accordion */
.accordion{margin: 0 0 10px 0;}
.accordion .title{margin: -1px 0 0 0; color: #272626; font-weight: 400; border: 1px solid #bcb7b6; cursor: pointer; position: relative;}
.accordion .ui-icon{background: url("../images/arrows-9x5.gif") no-repeat 0 0; width: 9px; height: 5px; position: absolute; top: 14px; right: 15px;}
.accordion .ui-state-active .ui-icon{background-position: 0 -5px;}
.accordion .title .inner{display: block; padding: 10px 35px 8px 10px;}
.accordion .ui-state-active{background-color: #ddd;}
.accordion .content{padding:10px; border: 1px solid #bcb7b6; border-top: none;}
.article .accordion p {margin: 0 0 10px 0;}

/* files-list */
.files-list{padding: 5px 10px; margin: 0 0 12px 0;}
.files-list li {margin: 0 0 10px 0;}
.file{display: inline-block; padding: 10px 0 8px 29px; line-height: 14px; background: url(../images/icon-file.gif) no-repeat left center;}
.file:hover{text-decoration: underline;}
.file.pdf{background: url(../images/icon-pdf.png) no-repeat left center;}
.file.doc{background: url(../images/icon-doc.png) no-repeat left center;}
.file.jpg{background: url(../images/icon-jpg.png) no-repeat left center;}
.file.png{background: url(../images/icon-png.png) no-repeat left center;}
.file.xls{background: url(../images/icon-xls.png) no-repeat left center;}
.file.ppt{background: url(../images/icon-ppt.png) no-repeat left center;}

.error,
.success,
.msg-success,
.msg-fail{color: #fff; text-align: center; margin: 10px 0; padding: 9px 10px; background-color: #53ac3b; font-weight: 400; display: block;}
.msg-fail, .error{background-color: #bf1e2e;}

/* ======================= media queries ======================= */
/* ============================================================= */
@media screen and (max-width: 1540px){
	.centered-wrap.maxWidth1500 {max-width: none; padding-left: 20px; padding-right: 20px; width: auto;}
}
@media screen and (max-width: 1024px){	
	h1, h2, h3, h4, h5, h6, .form-name, .fp-cols .title {font-size: 30px}
	h2 {font-size: 28px;}
	h3 {font-size: 26px;}
	h4 {font-size: 24px;}
	h5 {font-size: 22px;}
	h6 {font-size: 20px;}
	.btn-custom {line-height: 53px;}
}
@media screen and (max-width: 940px){
	.centered-wrap.maxWidth900 {max-width: none; padding-left: 20px; padding-right: 20px; width: auto;}
	
	.fp-cols .wrap {margin-left: -40px;}
	.fp-cols .item {padding-left: 40px;}
}
@media screen and (max-width: 820px){
	h1, h2, h3, h4, h5, h6, .form-name, .fp-cols .title {font-size: 26px}
	h2 {font-size: 24px;}
	h3 {font-size: 22px;}
	h4 {font-size: 20px;}
	h5 {font-size: 18px;}
	h6 {font-size: 17px;}
}
@media screen and (max-width: 768px){
	.btn-custom {line-height: 43px;}
	body {font-size: 14px;}

	.top {margin-bottom: 37px;}
	
	.fp-cols .wrap {margin-left: 0;}
	.fp-cols .item {padding-left: 0; float: none; width: auto; margin-bottom: 40px;}
	.fp-cols .item:last-child {margin-bottom: 0;}
	.fp-cols .article {margin-bottom: 14px;}
	.fp-cols .btn-custom {min-width: 0;}

	.gallery li {width: 33.333333333%;}
}	
@media screen and (max-width: 680px){
	h1, h2, h3, h4, h5, h6, .form-name, .fp-cols .title {font-size: 24px}
	h2 {font-size: 22px;}
	h3 {font-size: 20px;}
	h4 {font-size: 18px;}
	h5 {font-size: 17px;}
	h6 {font-size: 16px;}
	.form-container2 {max-width: none;}
}
@media screen and (max-width: 560px){
	.a-columns .col {
		float: none;
		width: auto;
	}
	.a-columns .col .inner {padding: 0;}
}
@media screen and (max-width: 480px){	
	.btn-custom {font-size: 14px; line-height: 37px;}
	
	h1, h2, h3, h4, h5, h6, .form-name, .fp-cols .title, .article p {margin-bottom: 18px;}
	
	.top {text-align: center;}
	.top-right {position: static;}
	.logo a {
		display: inline-block;
		margin-bottom: 18px;
		vertical-align: top;
	}

	.form-container2 input[type="submit"], .form-container2 input[type="reset"], .form-container2 input[type="button"], .form-container2 button {height: 38px; line-height: 38px;}
	.gallery li {width: 50%;}
}
@media screen and (max-width: 360px){
	.article img {
		display: block;
		float: none;
		margin: 0 auto 12px auto;
		width: auto;
	}
}
@media screen and (max-width: 320px){ 
	.form-container2 .captcha input[type="text"] {width: 88px !important;}
	.gallery ul {margin-left: 0;}
	.gallery li {
		display: block;
		margin: 0 auto 16px;
		width: auto;
		padding-left: 0;
	}
}

.col-left-30 {
  float: left;
  width: 30%;
  margin-top: 10px;
  margin-right: 15px;
  padding-bottom: 5px;
  display: inline-block;
}

.col-right-45 {
  float: right;
  width: 45%;
  margin-top: 0px;
  margin-left: 0px;
  display: inline-block;
  margin-bottom: 20px;
}

.contact
{
    line-height: 25%;
}
.menu-btn-wrap 
{
    display: inline-block; 
    float: right;
    width: 80%;
    position: absolute; top: 15%; margin-bottom: 0; font: 14px 'SkodaPro_Medium', sans-serif;
}

.btn-menu
{
    float: right;
    background-color: #0E3A2F;
    display: inline-block;
    margin-right: 1%;
    padding: 10px;
    border-radius: 5px;
    color: white;
    font: 14px 'SkodaPro_Medium', sans-serif;
}
.btn-menu:hover {background-color: #78FAAE;}

.top-middle
{
  float: right;
    width: 90%;
}
.logo-link
{
    width: 25%;
    z-index: 2;
}

@media all and (min-width: 100px) and (max-width: 480px) {
    .col-left-30 {
        float: left;
        width: 95%;
        margin-top: 10px;
        margin-right: 15px;
        padding-bottom: -5px;
        display: block;
    }
    .btn-menu {
        padding: 5px;
        margin-right: 5%;
    }
    .menu-btn-wrap 
    {
        width: 50%;
        position: absolute; top: 35%; margin-bottom: 0; font: 14px 'SkodaPro_Medium', sans-serif;
    }
}

@media all and (min-width: 481px) and (max-width: 980px) {
    .col-left-30 {
        float: left;
        width: 95%;
        margin-top: 10px;
        margin-right: 15px;
        padding-bottom: -5px;
        display: inline-block;
    }
    .btn-menu {
        padding: 5px;
        margin-right: 5%;
    }
    .menu-btn-wrap 
    {
        width: 60%;
        position: absolute; top: 35%;;
    }
}