@charset "utf-8";
/****************************************/
/*	CSS Document 						*/
/*	CMS Agilis 3.0						*/
/*										*/
/*	Abrupta Servis s.r.o.				*/
/*	stylesheet.global.css				*/
/*										*/
/*	ROOT SITE:							*/
/*	http://www.gyncentrum.com/			*/
/*	edit: 2015-09-03					*/
/****************************************/

/* + RESET */
html,body,div,span,applet,object,iframe,input,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,select,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,tmenu,tr,th,td{ margin:0; padding:0; border:0; outline:0; font-weight:100; font-style:inherit; font-size:100%; font-family:inherit; vertical-align:baseline; }
html { overflow-y: scroll; }
* { -webkit-text-size-adjust:none; -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; }
body { background-color: #fff; }
img { display: block; }
/* - RESET */

.back-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; width: 100%; background: url(../img/img-1400-background-001.jpg) no-repeat center bottom; opacity: 0.05; background-size:cover; background-clip:border-box; z-index: 1; }
/* .back-image { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; display: block; width: 100%; background: url(../img/1-40235133.jpg) no-repeat center bottom; opacity: 0.05; background-size:cover; background-clip:border-box; z-index: 1; }*/
.overlay { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; right: 0px; z-index: 0; }
.table { display: table; }
.table > .cell { display: table-cell; }
.contact-phone { text-decoration: underline; outline: dotted 1px rgb(240,121,172); outline-offset: 1px; }
.contact-phone.untouchable { text-decoration: none; outline: none; cursor: default; }

/* + PAGE design */

/* * ! + HEADER-HOME * */
.header-height { min-height: 700px; }
#home { background-image: url(../img/img-1440-background-001.jpg); background-repeat: no-repeat; background-position: center center; background-size: cover; background-clip: border-box; color: #fff; }
#home .overlay { background-color: #000; background-image: url(https://www.transparenttextures.com/patterns/3px-tile.png); opacity: 0.8; }

#header {}

#round-plan h2 { color: #fff; }
#round-plan .round-count { font-size: 0.8em; }
#round-plan .round-date { font-size: 1.6em; }
#round-plan .round-fight { line-height: 1.0em; }
#round-plan .round-fight > .winner { color: #ff0000; }
#round-plan .round-fight > .winner > i, #round-plan .round-fight > .draw > i { font-size: 1.4em; }
#round-plan .round-fight > .draw { color: #ffc400; }

#info strong { color: red; font-size: 1.4em; }
#info strong > a { color: red; text-decoration: none; font-weight: bold; }
#info strong > a:hover { text-decoration: underline; }
/* *   - HEADER-HOME * */

/* + MEDIA QUERIES */
@media only screen and (min-width: 1281px) {
    .responsive .slicknav_menu { display: none; }
    .responsive .table { display: table; vertical-align: baseline; }
    .responsive .table > .cell { display: table-cell; width: 50%; }

}
/* XD - Smaller than standard 960 (devices and browsers) */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
    .responsive .slicknav_menu { display: none; }
    .responsive .table { display: table; vertical-align: baseline; }
    .responsive .table > .cell { display: table-cell; width: 50%; }
    html.responsive { overflow-y: hidden; }
    
    .responsive #logo img { width: 100%; }
    .responsive #nav-menu li a { padding: 5px 10px; font-size: 14px; line-height: 50px; }
    .responsive #header-home p { font-size: 22px; line-height: 32px; }
    .responsive #kpo h2:after, .responsive #actuals h2:after { height: 6px; width: 90px; }
    .responsive #actuals p { height: 88px; }
}
/* LD - Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width:720px) and (max-width:959px) {
    .responsive #nav-menu { display: none; }
    .responsive .slicknav_menu { display: block; }
    html.responsive { overflow-y: hidden; }
    
    .responsive .header-height { min-height: 1000px; }
    
    .responsive #round-plan .gs-6-02 { min-height: 180px; }
    
    .responsive #header-home h1:after { height: 6px; width: 90px; }
    .responsive #header-home p { font-size: 22px; line-height: 32px; }
    .responsive #kpo h2:after, .responsive #actuals h2:after { height: 5px; width: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals p { height: 88px; }
    .responsive #actuals .actual-img > .actual-date { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #footer h3:after { height: 2px; width: 50px; }
    
    .responsive #articles h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #page-gallery h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
/* MD - Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 719px) {
    .responsive #nav-menu { display: none; }
    .responsive .slicknav_menu { display: block; }
    html.responsive { overflow-y: hidden; }
    
    .responsive .header-height { min-height: 1000px; }
    
    .responsive #round-plan .gs-6-02 { min-height: 180px; }
    
    .responsive #header-home h1:after { height: 5px; width: 80px; }
    .responsive #header-home p { font-size: 20px; line-height: 30px; }
    .responsive #kpo h2:after, .responsive #actuals h2:after { height: 5px; width: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals p { height: 88px; }
    .responsive #actuals .actual-img > .actual-date { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #footer h3:after { height: 2px; width: 50px; }
    
    .responsive #articles h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #page-gallery h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
/** SD / Mobile Portrait Size to Mobile Landscape Size (devices and browsers) **/
@media only screen and (max-width: 479px) {
    .responsive #nav-menu { display: none; }
    .responsive .slicknav_menu { display: block; }
    html.responsive { overflow-y: hidden; }
    
    .responsive .header-height { min-height: 1760px; }
    
    .responsive #header-home h1:after { height: 5px; width: 80px; }
    .responsive #header-home p { font-size: 20px; line-height: 30px; }
    .responsive #kpo h2:after, .responsive #actuals h2:after { height: 5px; width: 80px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals p { height: 88px; }
    .responsive #actuals .actual-img > .actual-date { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #actuals .actual-img > .actual-date p { font-size: 12px; line-height: 20px; padding: 10px; }
    .responsive #actuals h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #footer h3:after { height: 2px; width: 50px; }
    
    .responsive #articles h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
    .responsive #page-gallery h3:after { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
}
/* - MEDIA QUERIES */