@charset "utf-8";
/************************************/
/*	CSS Document 					*/
/*	CMS Agilis 3.2					*/
/*									*/
/*	Abrupta Servis s.r.o.			*/
/*	stylesheet.template.css			*/
/*	version 1.0.0.0	           		*/
/*									*/
/*	created:  2019-07-17      		*/
/*	edit:     2019-07-17			*/
/************************************/

/* ! + MOB MENU-01 */
#MobMenu { background-color: #3C3C3C; z-index: 99; }
#MobLogo { display: block; position: absolute; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive #MobLogo img { height: 45px; }
    .responsive .slicknav_menu { display: block; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive #MobLogo img { height: 45px; }
    .responsive .slicknav_menu { display: block; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive #MobLogo img { height: 45px; }
    .responsive .slicknav_menu { display: block; }
}
/*   - MOB MENU-01 */

/* ! + CONTACT-03 */
.contact-03 { background-color: #fff; }
.contact-03 i:before { color: #03B132; margin-right: .4em; }
.contact-03 { font-size: .8em; line-height: 1.2em; }
.contact-03 a { color: #222222; }
.contact-03 a:hover { color: #03B132; }
/*   - CONTACT-03 */

/* ! + NAV-01 */
.nav-01 { background-color: #fff; border-bottom: solid 1px #909090; }
.nav-01 img { height: 58px; }
.nav-01 ul li { margin-right: 2.6em; }
.nav-01 ul li a { font-size: 1.15em; line-height: 1.0em; color: #222222; }
.nav-01 ul li a:hover,
.nav-01 ul li a.active { color: #03B132; }
/*   - NAV-01 */

/* ! + SLIDER-05 */
.slider-05 { background-color: transparent; }
.slider-05 .underlie { opacity: 1; }
.slider-05 .slideHeight { min-height: 700px; }
.slider-05 .owlControl { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 2.0em; height: 2.0em; z-index: 10; line-height: 2.0em; font-size: 2.0em; text-align: center; color: #fff; border-radius: 0 .2em .2em 0; -webkit-border-radius: $border-radius; -webkit-mask-image: -webkit-radial-gradient(circle, white, white); transition: all 0.3s; }
.slider-05 .owlControl > .underlie { background-color: #fff; opacity: .1; }
.slider-05 .owlControl:hover > .underlie { opacity: .9; transition: .3s; }
.slider-05 .owlControl > a { position: relative; display: block; text-decoration: none; color: #fff; transition: .3s; }
.slider-05 .owlControl:hover > a { color: #03B132; transition: .3s; }
.slider-05 .owlControl.prev { left: 0; }
.slider-05 .owlControl.next { right: 0; border-radius: .2em 0 0 .2em; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .responsive .slider-05 .slideHeight { min-height: 450px; }
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .slider-05 .slideHeight { min-height: 400px; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .slider-05 .slideHeight { min-height: 380px; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .slider-05 .slideHeight { min-height: 320px; }
}
/*   - SLIDER-05 */

/* ! + HEADCAP-01 */
.headcap-01 {}
.headcap-01 h1 { text-transform: uppercase; color: #fff; }
.headcap-01 .publication > p { font-size: 1.2em; line-height: 1.0em; color: #fff; }
.headcap-01 .publication > p i:before { margin-right: .4em; }
.headcap-01 .gsBlock.capHeight { min-height: 500px; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .headcap-01 .intermediate { position: relative; top: auto; left: auto; transform: none; }
    .responsive .headcap-01 .gsBlock.capHeight { min-height: 100px; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .headcap-01 .intermediate { position: relative; top: auto; left: auto; transform: none; }
    .responsive .headcap-01 .gsBlock.capHeight { min-height: 100px; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .headcap-01 .intermediate { position: relative; top: auto; left: auto; transform: none; }
    .responsive .headcap-01 .gsBlock.capHeight { min-height: 100px; }
}
/*   - HEADCAP-01 */

/* ! + PEREX-01 */
.perex-01 { background-color: #F3F8F3; }
/*   - PEREX-01 */

/* ! + ABOUT-01 */
.about-01 {}
.about-01 > .table { width: 100%; }
.about-01 .backCellImage { background-color: #6CBC2F; }
.about-01 .backCellImage:focus .underlie,
.about-01 .backCellImage:hover .underlie { opacity: .2; transition: .3s; width: 104%; height: 104%; left: -2%; top: -2%; }
.about-01 .backCellImage .focusCont { color: #fff; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .about-01 > .table { display: block; }
    .responsive .about-01 > .table > .cell,
    .responsive .about-01 > .table > .backCellImage { display: block; width: auto; }
    .responsive .about-01 > .table > .backCellImage { padding-bottom: 40%; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .about-01 > .table { display: block; }
    .responsive .about-01 > .table > .cell,
    .responsive .about-01 > .table > .backCellImage { display: block; width: auto; }
    .responsive .about-01 > .table > .backCellImage { padding-bottom: 40%; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .about-01 > .table { display: block; }
    .responsive .about-01 > .table > .cell,
    .responsive .about-01 > .table > .backCellImage { display: block; width: auto; }
    .responsive .about-01 > .table > .backCellImage { padding-bottom: 80%; }
}
/*   - ABOUT-01 */

/* ! + SUBCONTENT-01 */
.subcont-01 .focusCont { padding-bottom: 100%; opacity: 0; transition: .3s; }
.subcont-01 .itmCont { background-color: #6CBC2F; }
.subcont-01 .itmCont:hover .underlie,
.subcont-01 .itmCont:focus .underlie { opacity: .2; transition: .3s; width: 104%; height: 104%; left: -2%; top: -2%; }
.subcont-01 .itmCont:hover .focusCont,
.subcont-01 .itmCont:focus .focusCont { opacity: 1.0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; }
.subcont-01 h3 > a { color: #fff; }
.subcont-01 h3 > a:hover { color: #E7B31B; }
.subcont-01 p { color: #fff; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .subcont-01 .focusCont { padding-bottom: 80%; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .subcont-01 .focusCont { padding-bottom: 120%; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .subcont-01 .focusCont { padding-bottom: 100%; }
}
/*   - SUBCONTENT-01 */

/* ! + FEATURES-04 */
.features-04 .count i { color: #6CBC2F; font-size: 4.0em; line-height: 1.2em; }
/*   - FEATURES-04 */

/* ! + FEATURES-08 */
.features-08 .imgWrap { background-color: #6CBC2F; }
.features-08 .focusCont { padding-bottom: 70%; opacity: 0; transition: .3s; color: #fff; }
.features-08 .imgWrap:hover .underlie { opacity: .2; transition: .3s; width: 104%; height: 104%; left: -2%; top: -2%; }
.features-08 .imgWrap:hover .focusCont { opacity: 1.0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; }
.features-08 .focusCont h3 { color: #0F6494; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .responsive .features-08 .focusCont { padding-bottom: 70%; }
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .features-08 .focusCont { padding-bottom: 70%; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .features-08 .focusCont { padding-bottom: 100%; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .features-08 .focusCont { padding-bottom: 70%; }
}
/*   - FEATURES-08 */

/* ! + ACTION-02 */
.action-02 .elBlock { background-color: #E7B31B; }
.action-02 p { color: #fff; font-size: .9em; line-height: 1.2em; }
.action-02 .bigAction p { color: #fff; font-size: 2.0em; line-height: 1.2em; font-family: 'kapra_semibold'; }
/*   - ACTION-02 */

/* ! + ACTION-05 */
.action-05.elWrap { background-color: #DC8332; }
.action-05 .underlie { opacity: .2; }
.action-05 p { color: #fff; font-size: .9em; line-height: 1.2em; }
.action-05 .bigAction p { color: #fff; font-size: 2.0em; line-height: 1.2em; font-family: 'kapra_semibold'; }
/*   - ACTION-05 */

/* ! + GMAP-01 */
.gmap-01 {}
.gmap-01 .underlie { background-color: #00C800; }
.gmap-01 iframe { position: relative; display: block; height: 20em; }
.gmap-01 .itmBlock iframe { opacity: .6; transition: all 0.4s; }
.gmap-01 .itmBlock:hover iframe { opacity: 1; transition: all 0.4s; }
/*   - GMAP-01 */

/* ! + GALLERY-06 */
.gallery-06 .focusCont { padding-bottom: 100%; opacity: 0; transition: .3s; }
.gallery-06 .itmCont { background-color: #6CBC2F; }
.gallery-06 .itmCont:hover .underlie { opacity: .2; transition: .3s; width: 104%; height: 104%; left: -2%; top: -2%; }
.gallery-06 .itmCont:hover .focusCont { opacity: 1.0; -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transition-property: opacity; transition-property: opacity; -webkit-transition-duration: 0.3s; }
.gallery-06 .itmCont a { color: #fff; display: block; position: relative; }
.gallery-06 .showInfo i { font-size: 4.0em; line-height: 1.0em; }
.gallery-06 .showInfo p { font-size: 1.2em; line-height: 1.2em; }
.gallery-06 .showText { min-width: 14em; }
.gallery-06 .showText p { font-size: 1.0em; line-height: 1.2em; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
    .responsive .gallery-06 .showText { min-width: 20em; }
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
}
/*   - GALLERY-06 */

/* ! + CONTACTFORM-01 */
.contactform-01 { background-color: transparent; }
.contactform-01 a { color: #6CBC2F; text-decoration: none; }
.contactform-01 .notifi i:before { margin-right: 2.0em; }
.contactform-01 input[type=text],
.contactform-01 textarea { font-family: 'qanelas_regular'; color: #222222; }
.contactform-01 input[type=checkbox] { margin-right: .8em; }
.contactform-01 label { font-size:.9em; line-height: 1.0em; }
.contactform-01 label > span { font-family: 'qanelas_regular'; color: #E7B31B; font-size: .8em; }
.contactform-01 input[type=text],
.contactform-01 textarea,
.contactform-01 select { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 1.0em; padding: .83em .83em; border: solid 1px #D8D8D8; background-color: #fff; outline: none; }
.contactform-01 textarea { width: 100%; height: 9.0em; resize: none; }
.contactform-01 input[type=text]:focus,
.contactform-01 textarea:focus,
.contactform-01 select:focus { border-color: #6CBC2F; }
.contactform-01 input[type=submit] { background-color: #E7B31B; color: #fff; border: solid 1px #E7B31B; padding: .7em 1.0em; font-family: 'qanelas_bold'; font-size: 1.0em; text-transform: uppercase; min-width: 12.0em; line-height: 1.5em; display: inline-block; position: relative; text-align: center; overflow: visible; cursor: pointer; white-space: nowrap; margin-bottom: 0px; -webkit-border-radius: .17rem; border-radius: .17rem; transition: all 0.4s; }
.contactform-01 input[type=submit]:hover { transition: all 0.4s; background-color: #fff; color: #E7B31B; }
.contactform-01 .form-info { font-family: 'qanelas_light'; font-size: .9em; }
.contactform-01 input[type=text].break,
.contactform-01 textarea.break { border-color: #eb0009; }
.contactform-01 .formInfoHide { display: none; }

#PersonCond-01 { position: relative; background: #FFF; padding: 1.4em; width:auto; max-width: 50%; margin: 1.4em auto; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
}
/*   - CONTACTFORM-01 */

/* ! + PAGI-01 */
.pagi-01 .pagination { display: inline-block; overflow: hidden; }
.pagi-01 .pagination > a { width: 2.5em; line-height: 2.4em; display: inline-block; text-align: center; text-decoration: none; color: #222222; background: transparent; cursor: pointer; margin-right: .9em; border-radius: 2em; -webkit-border-radius: $border-radius; -webkit-mask-image: -webkit-radial-gradient(circle, white, white); transition: .3s; }
.pagi-01 .pagination > span { width: 2.5em; line-height: 2.4em; color: #aaaaaa; display: inline-block; text-align: center; text-decoration: none; margin-right: .9em; border-radius: 2em; -webkit-border-radius: $border-radius; -webkit-mask-image: -webkit-radial-gradient(circle, white, white); }
.pagi-01 .pagination > span.elipsis > i:before { color: #97989a; }
.pagi-01 .pagination > a > i:before, .pagination > a > i:after { margin-right: 0em; }
.pagi-01 .pagination > a:last-child { margin-right: 0em; }
.pagi-01 .pagination > a.active,
.pagi-01 .pagination > a:hover { background: #E06903; color: #fff; transition: .3s; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .pagi-01 .pagination > a,
    .responsive .pagi-01 .pagination > span { margin-right: .3em; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .pagi-01 .pagination > a { display: none; }
    .responsive .pagi-01 .pagination > a:first-child { display: inline-block; margin-right: 4.0em; }
    .responsive .pagi-01 .pagination > a:last-child { display: inline-block; margin-right: 0; }
    .responsive .pagi-01 .pagination > span { display: none; }
}
/*   - PAGI-01 */

/* ! + FOOT-05 */
.foot-05 .itmBlock img { height: 2.2em; }
.foot-05 .itmBlock a { font-size: 1.2em; line-height: 1.0em; color: #DC8332; font-family: 'qanelas_semibold'; }
.foot-05 .itmBlock p { font-size: .9em; line-height: 1.0em; }
.foot-05 .infoSeparator p { font-size: .8em; line-height: 1.0em; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .responsive .foot-05 .itmBlock img { height: 2.0em; }
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
    .responsive .foot-05 .itmBlock img { height: 2.0em; }
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive .foot-05 .itmBlock img { height: 3.0em; margin: 0 auto; }
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .foot-05 .itmBlock img { height: 3.4em; margin: 0 auto; }
}
/*   - FOOT-05 */

/* ! + COPYRIGHT-02 */
.copyright-02 {}
.copyright-02 p { font-size: .8em; line-height: 1.2em; }
.copyright-02 a > img { display: inline; height: 1.6em; vertical-align: middle; margin-left: .4em; cursor: pointer; }

/** 16 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 1281px) {
}
/** 12 / Smaller than standard 960 (devices and browsers) **/
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}
/** 9 / Tablet Portrait size to standard 960 (devices and browsers) **/
@media only screen and (min-width: 720px) and (max-width: 959px) {
}
/** 6 / Mobile Landscape Size to Tablet Portrait (devices and browsers) **/
@media only screen and (min-width: 480px) and (max-width: 719px) {
}
/** 4 / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive .copyright-02 a.authorLogo { display: block; margin-top: .6em; }
    .responsive .copyright-02 a.authorLogo > img { height: 2.2em; }
}
/*   - COPYRIGHT-02 */