/* .about, .portfolio-detail {
    animation: fadein 0.5s;
    -moz-animation: fadein 0.5s;
    -webkit-animation: fadein 0.5s;
    -o-animation: fadein 0.5s;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

 */
@font-face {
  font-family: "Dekar Regular";
  src: url("../type/dekar-webfont.eot");
  src: local("?"),
    url("../type/dekar-webfont.woff") format("woff"),
    url("https://miralip.cz/type/dekar-webfont.otf") format("opentype"),
    url("../type/dekar-webfont.svg#dekar-webfont") format("svg");
  }
@font-face {
    font-family: 'arialnarrow';
    src: url('../type/arialn-webfont.eot');
    src: url('../type/arialn-webfont%EF%B9%96.eot#iefix') format('embedded-opentype'),
         url('../type/arialn-webfont.woff') format('woff'),
         url('../type/arialn-webfont.ttf') format('truetype'),
         url('../type/arialn-webfont.svg#arialnarrow') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {font-family: "arialnarrow", Arial, sans-serif; margin:0px; padding:0px; width:100%; height:100%;}
body { color:#1e1e1e; margin:0px; padding:0px; width:100%; height:100%; background:url('../images/bg.jpg') no-repeat center fixed ; background-size:cover;}
img {border:none; }
.container { float:left; height:100%; width:80%;}
  
h1 { margin:0px; font-weight:normal; font-style:normal; font-size:250%;}
h2 { margin:0px; font-weight:normal; font-style:normal; font-size:240%;}
h3 { margin:0px; font-weight:normal; font-style:normal; font-size:230%;}
h4 { margin:0px; font-weight:normal; font-style:normal; font-size:220%;}
h5 { margin:0px; font-weight:normal; font-style:normal; font-size:210%;}
h6 { margin:0px; font-weight:normal; font-style:normal; font-size:200%;}
a {color:#AE986E; text-decoration:none;}
a:hover {color:#444;}
p {  font-size:17px; line-height:24px;}
.clear {clear: both;}

/* menu */
menu {margin:0; padding:0;}
.menu {width:20%; background:url(../images/menu-bg.png) repeat; height:100%; float:right;  position:fixed; right:0px; min-height:600px; text-transform:uppercase;}
.menu img.logo { margin: 84px auto 60px auto; display:block; width:220px; height:59px;}
.menu #menu {color:#fff; text-align:left; list-style:none;  float:left; padding-left:50px;}
.menu #menu a {text-decoration:none;}
.menu #menu a:hover {color:#AE986E; }
.menu #menu a.active {color:#AE986E; }
.menu #menu li {font-size:22px; line-height:38px; }
.menu #kontakt {color:#fff; font-size:11px; text-align:right;  position:absolute; bottom:25px; right:25px; padding:0px; margin:0px;}
.menu #menu ul.subnav { margin: -5px 0 15px -28px; list-style:none; }
.menu #menu ul.subnav li { font-size:17px; line-height:26px;}
.menu #menu ul.subnav li a {color:#dcdcdc; }
.menu #menu ul.subnav li a:hover {color:#AE986E; }
.menu #menu ul.subnav li a.active {color:#AE986E; }


.glossymenu{
	margin: 16px 0 0 0;
	padding: 0;
	float:left;
	padding-left:50px;
	width: 200px;
}
.glossymenu a.menuitem{	
	color:#fff;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	font-size:19px;
	line-height:38px; 
	text-decoration: none;
}
.glossymenu .menuitem:active, .glossymenu .menuitem:hover{
	color: #AE986E;
}
.glossymenu .menuitem.active {
	color: #AE986E;
}
.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
	position: absolute;
	top: 15px;
	right: 5px;
	border: none;
}
.glossymenu div.submenu{ /*DIV that contains each sub menu*/

}
.glossymenu div.submenu ul{ /*UL of each sub menu*/
	list-style-type: none;
	margin: -5px 0 5px -28px;
}
.glossymenu div.submenu ul li{
}
.glossymenu div.submenu ul li a{
	color: #dcdcdc;
	font-size:17px;
	line-height:26px;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	text-decoration: none;
}
.glossymenu div.submenu ul li a:hover{
	color: #AE986E;
}
.glossymenu div.submenu ul li a.active{
	color: #AE986E;
}






.mobile-bg {display:none;}
.nav {position:relative;display:inline-block; font-size:14px;	font-weight:900; }
.nav-list { }
.nav-item {	float:left; *display:inline; zoom:1;}
.nav-item a {	display:block;padding:0; color:#FFF; background: url(../images/menu-bg.png)}
.nav-item:first-child a {	border-radius:5px 0 0 5px;}
.nav-item:last-child a { border-radius:0 5px 5px 0;}
.nav-item a:hover { background: url(../images/footer-bg.png)}
/* Mobile Navigation */
.nav-mobile { display:none; cursor:pointer; position:absolute; top:0; right:0; background: url(../images/menu-bg.png) repeat; height:40px;	width:40px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }


/* footer */
footer { margin-right:20%;  font-size:100%; color:#fff; height: 70px; position:fixed; left:0px; bottom:0px; width:80%;  background:url(../images/footer-bg.png) repeat; z-index: 5;}
.bottom {height:70px; margin:0px; padding:0px;}
.obsah { height:100%; }
.obsah .copy {float:left; margin:30px 0px 0px 3%; font-size:13px;}
.obsah .slogan {float:right; list-style-type:none; margin:30px 3% 0px 0px; padding:0px; font-size:13px;}

/* index */
.index { height:100%; background: transparent;  margin-bottom:0px; color: #fff; position: relative; }
.index .text {text-align: center; top: 40%; position: relative;}
.index a.button {color:#fcdf83; border: solid 1px white; padding:25px 50px 25px 50px; }
.index a.button:hover {border: solid 1px #fcdf83; }
.index .text h1 {font-family: "Dekar Regular", Arial, sans-serif; font-weight: bold; font-size:54px; letter-spacing: 2px; line-height:58px; padding:10px 50px 0 50px;}
.linkedin {margin: 0 0 -5px 15px; }
/* about */

.about { height:100%; background:#1e1e1e; color: #fff; }
.about .lavo { margin-right:45%; padding-bottom: 70px; background:#1e1e1e;}
.about .lavo .text {padding: 100px 70px 20px 100px; text-align: justify; color:#C5C5C5;}
.about .lavo .text p {font-size:17px; line-height:24px;}
.about .lavo .text p.zlta {color:#fcdf83; font-size: 25px; line-height:36px; margin-top: 40px; margin-bottom: 40px;}
.about .lavo .text p.copy2 {font-size:12px; background: url('../images/copy-logo.png') no-repeat ; background-position: center right; padding-right: 35px; line-height: 30px;}
                                                                                           
.about .pravo { position:fixed; top:0px; right:0px; margin-right:20%; width:37%; height:100%;}
.about .pravo.countries { background:url('../images/countries2.jpg') center no-repeat; background-size:cover;}
.about .pravo.bgpartners { background:url('../images/about2.jpg') center no-repeat; background-size:cover;}
.about .pravo.bgpartners2 { background:url('../images/cibg.jpg') center no-repeat; background-size:cover;}
.about .pravo.contact { background:url('../images/contact3.jpg') center no-repeat; background-size:cover;}
.about .pravo.about { background:url('../images/about0b.jpg') center no-repeat; background-size:cover;}
.about .pravo .text {padding:0 50px 50px 50px; color: #000; max-width: 400px; }
.about .pravo .text h1 {font-family: "Dekar Regular", Arial, sans-serif; font-weight: bold; font-size:48px; letter-spacing: 2px; line-height:52px; margin-top:88px; padding:0px; text-transform:uppercase;}

/* portfolio */
.cbp-rfgrid {margin: 0px 0px 0px 0px; padding: 0px; list-style: none; position: relative; width: 100%; }
.cbp-rfgrid li { position: relative; 	float: left;	overflow: hidden; 	width: 16.6666667%;	width: -webkit-calc(100% / 6); 	width: calc(100% / 6); }
.cbp-rfgrid li a, .cbp-rfgrid li a img {display: block; width: 100%; cursor: pointer;}

.cbp-rfgrid li a img { max-width: 100%; }

/* Flexbox is used for centering the heading */
.cbp-rfgrid li a div { cursor:default;position: absolute; left: 0px;	top: 0px;	right: 0px;	bottom: 0px; background: rgba(53,46,42,0.7);  display: -webkit-flex;	display: -moz-flex; display: -ms-flex; display: flex; -webkit-align-items: center; 	-moz-align-items: center; -ms-align-items: center;  align-items: center; text-align: center; opacity: 0;}
.cbp-rfgrid li a:hover div {opacity: 1; }
.cbp-rfgrid li a div h3 { width: 100%;  color: #fff; letter-spacing: 2px;	padding: 0 0px;  position: absolute; top: 20%;}
.cbp-rfgrid li a div p { width: 100%;  background: rgba(235,235,235,0.2);  color: #fcdf83; letter-spacing: 2px;	padding: 5px;  position: absolute; bottom: 0px;}
.cbp-rfgrid li a div p:hover {background: rgba(235,235,235,0.5); cursor: pointer;}

/* portfolio detail */
.portfolio-detail { color: #fff; background:#1e1e1e; padding:20px; }

.portfolio-detail .box {padding: 15px; background-color: rgb(36, 36, 36); position: fixed; margin-right:70%; color: #d4d4d4;} 
.portfolio-detail .box strong {font-size: 130%; color: #FFF;}
.portfolio-detail .box .text {margin: 20px 0;}
.portfolio-detail .box hr {width: auto; height: 1px; background-color: #505050; border: none;}
.portfolio-detail .box a.open { color:#fcdf83; text-decoration: none; padding: 5px; position: relative; top: 20px; }
.portfolio-detail .box a:hover.open { text-decoration: underline; }
.portfolio-detail .box .bottom {padding: 5px;}
.portfolio-detail .box ul {float: right; }
.portfolio-detail .box ul li {list-style-type: none;width: 25px; height: 25px; float: left; padding: 0px 5px 0px 0px;}
.portfolio-detail .box ul li img {width: 25px; height: 25px;}

.portfolio-detail .pravo {position: relative; margin: 0 0 0 37%; }
.portfolio-detail .foto {margin-top: -20px}
.portfolio-detail .foto p {margin:0 0 0 20px; line-height:0;}
.portfolio-detail .foto p img {padding-top: 20px;}
.portfolio-detail .padding {height: 70px;}

.portfolio-detail .sluzba {margin-top: 52px; padding: 27px 100px 20px 100px;}
.portfolio-detail .sluzba p {margin:0;}
.portfolio-detail .sluzba img {padding: 0 0 10px 0;}

/* team detail */
.team-detail { color: #fff; background:#1e1e1e; padding:20px; }

.team-detail .box {padding: 15px; background-color: rgb(36, 36, 36); position: fixed; margin-right:70%; color: #d4d4d4;} 
.team-detail .box strong {font-size: 130%; color: #FFF;}
.team-detail .box .text {margin: 20px 0;}
.team-detail .box hr {width: auto; height: 1px; background-color: #505050; border: none;}
.team-detail .box a.open { color:#fcdf83; text-decoration: none; padding: 5px; position: relative; top: 20px; }
.team-detail .box a:hover.open { text-decoration: underline; }
.team-detail .box .bottom {padding: 5px;}
.team-detail .box ul {float: right; }
.team-detail .box ul li {list-style-type: none;width: 25px; height: 25px; float: left; padding: 0px 5px 0px 0px;}
.team-detail .box ul li img {width: 25px; height: 25px;}

.team-detail .pravo {position: relative; margin: 0 0 0 37%; }
.team-detail .foto {margin-top: -20px}
.team-detail .foto p {margin:0 0 0 20px; line-height:0;}
.team-detail .foto p img {padding-top: 20px;}
.team-detail .padding {height: 70px;}

.team-detail .sluzba {margin-top: 20px; padding: 27px 100px 20px 100px;}
.team-detail .sluzba p {margin:0;}
p.memberspeak {font-style:italic; letter-spacing: 1px; color:#AE986E!important; font-size: 15px!important; line-height:19px!important; text-align: justify;}
.team-detail .sluzba img {padding: 0 0 10px 0;}
.team-detail .sluzba section { width: 100%; float: left; }
.team-detail .sluzba h1 {color: #444;font-size: 4em;font-weight: bold;font-family: "Dekar Regular", Arial, sans-serif;text-align:left;text-transform:uppercase;}

 /*sluzba detail */
 
a.button2 {color:#fcdf83; border: solid 1px white; padding:10px 15px 10px 15px; font-size:13px; }
a.button2:hover {border: solid 1px #fcdf83; }


.container-sluzba { float:left; height:100%; width:80%; background:#1e1e1e;}

.sluzba section h2{
	color: #AE986E;
	font-size: 2em;
	margin-bottom: 20px;
	margin-top: 5px;
	font-family: "Dekar Regular", Arial, sans-serif;
}
.team-detail .sluzba section h2{
	color: #fff;
	font-size: 2em;
	margin-bottom: 20px;
	margin-top: 15px;
	font-family: "Dekar Regular", Arial, sans-serif;
}
.about h2{
	color: #AE986E;
	font-size: 2em;
	margin-bottom: 10px;
	margin-top: 30px;
	font-family: "Dekar Regular", Arial, sans-serif;
}
.sluzba section p.pozicia {
	color: #777;
	font-size: 15px!important;
	margin-top: -5px;
}
.sluzba section h6{
	color: #333;
	font-size: 4em;
	font-weight: bold;
	margin-bottom: 15px;
	font-family: "Dekar Regular", Arial, sans-serif;
}
.sluzba h1 {color: #444; font-family: "Dekar Regular", Arial, sans-serif; font-weight: bold; font-size:4em; letter-spacing: 2px; line-height:40px; padding:0; text-align:center;text-transform:uppercase;}
.sluzba section{
	border-top: 1px solid #333;
	padding-top: 1em;
	margin-top: 40px;
}
.sluzba section p { color: #C5C5C5; font-size: 17px; line-height:24px;}
.sluzba section { width: 28%; float: left; margin-right: 8%; }
.sluzba section.last { margin-right: 0px; }
.sluzba .padding {height: 70px;}
.sluzba section.double { width: 64%; float: left; margin-right: 0px; }
.sluzba section.double h2 { margin-bottom: 5px; margin-top: 40px; }
.sluzba section.double h2 span { font-size:15px; }
.sluzba section.double p {font-size:17px; line-height:24px; margin-bottom: 17px; text-align: justify; }
.sluzba section.double ul li {font-size:17px; line-height:24px; color:#dcdcdc; }
p.justi {text-align: justify;}
.h2custom h2 { margin-bottom: 5px; margin-top: 45px; }
.h2custom p { margin-top: 0px; }
.h2custom h1 {color: #444; font-family: "Dekar Regular", Arial, sans-serif; font-weight: bold; font-size:4em; letter-spacing: 2px; line-height:40px; padding:0; text-align:left;text-transform:uppercase; border-bottom: 1px solid #333; padding-bottom:40px;margin-bottom: 16px;}

.sluzba section.mystartup {background:url('../images/mystartup.jpg') center no-repeat; background-size:cover; height:350px;}
.sluzba section.mycompany {background:url('../images/mycompany.jpg') center no-repeat; background-size:cover; height:350px;}
.sluzba section.trustplus {background:url('../images/trustplus.jpg') center no-repeat; background-size:cover; height:350px;}

#contactForm p{padding:10px 0;}
label{padding-bottom:5px;display:block;float:left;width:75px;margin-right:10px;font-size:17px;}
input{border:none;padding:0;margin:0;}
.input{padding:4px;background:#555;display:block;color:#fff;width:250px;margin-bottom:10px;border:1px solid #555;float:left;}
.submit{margin-top:10px;cursor:pointer;margin-left:85px;color: #fcdf83; border: solid 1px white; padding: 10px 15px 10px 15px; font-size: 13px; background:transparent;}
.textarea{background:#555;color:#fff;border:1px solid #555;padding:4px;width:250px;float:left;}
fieldset{border:none;padding:0;margin:0;}
input.inputError{border: 1px solid #FF3300;}	/*for form validation*/
label.inputError{float:none;margin:0;padding:0;}