@import url("repair-content.css");
/*page base*/
html { box-sizing: border-box; }
*, *:before, *:after { box-sizing: inherit; }
#primary-nav{position: relative; background-color: #f9a02f;height: 60px;}
.menu-link { display: none; }
.fixed #primary-nav{position: fixed;top: 0;width: 100%;z-index: 100;}
	#primary-nav .logo-poski{position: absolute;top: 10px;width: 123px;height: 41px;padding: 0;}
		#primary-nav .logo-poski span{text-indent: 100%;white-space: nowrap;overflow: hidden;display: block;}
	#primary-nav ul{padding: 11px 0 11px 0;height: 38px;margin-left: 155px;display: flex; justify-content: space-around;}
		#primary-nav ul>li{position: relative;padding: 5px 9px 4px 5px;}
			#primary-nav ul>li.active, #primary-nav ul>li.still-active{
				color: #fff;
                height: 38px;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				border-radius: 20px;
				-moz-background-clip: padding;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
				background-color: #f99f2f;
				-moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
				-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
				box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
				background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmYTgzYiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VhOTMyNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
				background-image: -moz-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
				background-image: -o-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
				background-image: -webkit-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
				background-image: linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
			}
				#primary-nav ul>li.active>a, #primary-nav ul>li.still-active>a{color: #fff;}
			#primary-nav ul>li:first-child{margin-left: 0;}
				#primary-nav ul>li>a, #primary-nav>ul>li>a:visited{font-family: 'istok', Arial, Helvetica, sans-serif;text-decoration: none;color: #3F3F3F;font-size: 16px;background: url('../images/bcg_top-menu-sprite.png') no-repeat left top;display: block;line-height: 30px;padding: 0 0 0 35px;}
					#primary-nav ul>li>a:hover{color: #fff;}
					#primary-nav ul>li>a.primary-nav-marketing{background-position: 0 0;}
						#primary-nav ul>li.active>a.primary-nav-marketing, #primary-nav ul>li>a.primary-nav-marketing:hover{background-position: 0 -62px;}
					#primary-nav ul>li>a.primary-nav-eshop{background-position: 0 -121px;}
						#primary-nav ul>li.active>a.primary-nav-eshop, #primary-nav ul>li>a.primary-nav-eshop:hover{background-position: 0 -180px;}
					#primary-nav ul>li>a.primary-nav-real{background-position: 0 -240px;}
						#primary-nav ul>li.active>a.primary-nav-real, #primary-nav ul>li>a.primary-nav-real:hover{background-position: 0 -306px;}
					#primary-nav ul>li>a.primary-nav-webdesign{background-position: 0 -374px;}
						#primary-nav ul>li.active>a.primary-nav-webdesign, #primary-nav ul>li>a.primary-nav-webdesign:hover{background-position: 0 -443px;}
					#primary-nav ul>li>a.primary-nav-reference{background-position: 0 -512px;}
						#primary-nav ul>li.active>a.primary-nav-reference, #primary-nav ul>li>a.primary-nav-reference:hover{background-position: 0 -589px;}

						#primary-nav ul>li>a.primary-nav-kontakt {background: none;padding: 0 8px;}
#primary-header{padding: 0 0 0 0; position: relative;height: 670px;}
.fixed  #primary-header {padding-top: 60px;}
#main-article{position: relative;overflow: hidden;}
.center-holder{width: 1160px;margin: 0 auto; position: relative;}
/*END page base*/

/* hlavni layout stranky */
.content-holder-inner { padding: 0 10px; }
.repair-page-stripe {width: 100%;}
.repair-page-stripe .center-holder h2 { padding: 30px 0; text-align: center;}
.repair-page-stripe .center-holder .flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-self: center; align-items: center;}
.flex img {width: 100%; max-width: 876px; padding-top: 40px; margin: 0 auto;}
.flex p{width: 100%; font-size: 17px; padding-bottom: 16px; text-align: center;}

/* END hlavni layout stranky */

/* odkaz do noveho okna */
.new-window{display: inline-block;background: url('../images/bcg_new-window.png') 0 -8px no-repeat;width: 10px; height: 8px;margin: 0 0 4px 4px;}
/* END odkaz do noveho okna */

/*responsive*/
@media (max-width:1200px) {
    body { min-width: inherit; }
    .content-holder-inner { width: 100%; overflow: hidden; }
    .center-holder { width: 100%; }
    #primary-nav .center-holder { padding: 0 10px;}
    #primary-nav ul>li { margin-left: 0; }
}

@media (max-width:880px) {
    #primary-nav ul { height: 0; overflow: hidden; display: block;}
    #primary-nav .center-holder { text-align: right; }
    .menu-link { display: inline-block; cursor: pointer; padding: 5px 10px; border: 1px solid #3f3f3f; border-radius: 5px; padding-top: 5px; margin-top: 10px; color: #3f3f3f; font-weight: bold; line-height: 28px; font-size: 22px;
            background-color: #f99f2f;
    -moz-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 0 rgba(255,255,255,.3), inset 0 3px 2px rgba(0,0,0,.1);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
    background-image: -moz-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
    background-image: -o-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
    background-image: -webkit-linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
    background-image: linear-gradient(bottom, #ffa83b 0%, #ea9325 100%);
    }
    .menu-link.active { color: #fff; border: none; }
    #primary-nav #menu.active { display: block; position: absolute; top: 60px; padding: 10px; z-index: 9999999;  background-color: #f9a02f; right: 0; margin-left: 0; height: 270px;
        -webkit-transition: height 600ms cubic-bezier(0.42, 0, 0.58, 1) ;
        -moz-transition: height 600ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        -o-transition: height 600ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
        transition: height 600ms cubic-bezier(0.420, 0.000, 0.580, 1.000); /* ease-in-out */

    }
    #primary-nav #menu li { float: none; padding: 10px 5px; }
    #primary-nav #menu li a { text-align: left; }
    #primary-nav #menu .li-primary-nav-kontakt { border: none; }
    #primary-nav #menu .li-primary-nav-kontakt a { color: #3f3f3f;}
    #primary-nav ul>li.still-active { height: 46px; }
}

@media (max-width:570px) {
    .repair-page-stripe .center-holder .flex { flex-wrap: wrap; }
    h2 { font-size: 24px; }
    .flex p, .flex img { width: 100%; text-align: center; }
}