body { margin:0px; padding:0px; font-family:'Open Sans'; color:#888; background:#fff; } header, nav, aside, main {display:block; margin:0px; padding:0px;} .resButton { display:none; } a {color:#000;} .lb-caption{ display:none !important; } #cpBox { font-size:10px; font-family:Arial, Helvetica, sans-serif; margin:auto 0px 0px 0px; width:100%; bottom:0px; position: fixed; text-align:center; color:#FFFFFF; background-color:#000000; padding:5px; z-index:999999;} #cpBox a { color:#FFFFFF;} .cpBoxClose { cursor:pointer; color:#FFFFFF; text-decoration:underline;} .cpBoxClose:hover { color:#CCCCCC;} .systemError {border:1px solid red; padding:15px; color:#fff; background:#eb4034; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .systemOk {border:1px solid green; padding:15px; color:#fff; background:#5bba41; margin:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;} .wrap-990 {width:100%; max-width:990px; height:350px; display:table; margin:45px auto 45px auto;} iframe {width:100%; max-width:990px; height:400px; display:table; margin:15px auto; border:0px;} #symsysMsgOverlay {position:fixed; background-color:rgba(0, 0, 0, 0.7); width:100%; height:100%; top:0; left:0; z-index:9;} #symsysMsg { position:fixed; background:#fff; color:#222; border:1px solid #ccc; width:100%; max-width:350px; display:table; text-align:center; padding:15px; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.45); position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); } #symsysMsg button { cursor:pointer; color:#fff; background:#000; font-weight:200; border:0px; padding:10px 12px; font-size:1.1em; border-radius:1px 1px 1px 1px; -moz-border-radius:1px 1px 1px 1px; -webkit-border-radius:1px 1px 1px 1px; } #symsysMsg .false {background:#999; margin-left:15px;} .systemMenu {position:fixed; margin:0px; top:3px; right:1px; z-index:11; padding:5px; } .systemMenu li { display:inline-table; margin:0px; padding:0px 3px; } .systemMenu li img {width:18px; height:auto; display:table; margin:0px auto;} #loginUser {background:#eee; padding:15px 35px 15px 15px; margin:50px 0px 200px 0px; } #loginUser a {font-size:0.8em; color:#888;} #loginUser .registration {text-decoration:none; display:table; margin:5px 0px 5px auto; background:#555; text-transform:uppercase; color:#fff; padding:8px 12px; font-weight:600;} #pr {background:#eee; padding:15px 35px 15px 15px; margin:50px 0px 200px 0px;} #pr .error {color:red; text-align:left; width:130px; margin-right:10px; font-size:0.65em; } .captcha {text-align:center;} .captcha img {display:inline;} #rC {width:20px; height:auto; cursor:pointer;} .wrap {max-width:990px; display:table; margin:auto;} #reg .permissions {border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:8px auto;} #reg label, #loginUser label, #pr label { width:120px; text-align:right; padding:0px 10px 0px 0px; display:inline-block; font-size:0.85em; color:#333;} #loginUser label, #pr label { width:50px; } #reg label b {color:red; margin-left:2px;} #reg form { display:table; color:#333;} #reg form p, #reg form div {display:table; } #reg input[type=submit], #loginUser input[type=submit], #pr input[type=submit], #toBasket input[type=submit] { display:table; margin:15px auto 15px 135px; border:0px; padding:8px 12px; color:#fff; background:#000; font-size:1em; cursor:pointer;} #reg textarea {font-family:'Open Sans'; color:#000; width:290px; height:100px; padding:5px; font-size:0.9em; resize: none;} #loginUser input[type=submit] {margin:15px 0px 15px auto;} #toBasket input[type=submit] {display:inline-table;} #reg input[type=text], #reg input[type=password], #reg select, #loginUser input[type=text], #loginUser input[type=password], #pr input[type=text], #toBasket input[type=text] {font-size:1em; padding:5px 10px; } #reg h4 {color:#aaa; font-weight:400; border-bottom:1px dotted #ccc; padding:0px 0px 10px 0px} #reg #strength_score { display:block; border:1px solid #eee; width:180px; padding:3px 3px 3px 10px; font-size:0.8em; color:#333333; margin:15px auto 15px 135px; } #reg .error {color:red; text-align:left; margin-right:10px; font-size:0.65em; } #reg select {line-height:35px; width:180px;} #reg .shipment, #reg .firm, #reg .user, #reg .isFirm {padding:3px 10px;} #reg .shipment {background:#eee;} #fn, #ln, #street, #number, #city, #firm, #fstreet, #fnumber, #fcity { text-transform:capitalize; } .tiny {font-size:0.70em !important; color:#888; display:table; padding:8px; text-indent:5px;} .quantity {color:#888; font-size:0.8em; text-transform:none; } .quantity input { width:3em; padding:4px;} #bC {display:block; margin:8px 8px 35px 8px; padding:0px; text-align:left;} #bC li {display:inline-table; margin:0px 5px; } #bC li a {font-size:0.75em; color:#888; text-transform: uppercase; } #bC li a::before { content: "› "; } .panel-1 { background:#fff; color:#333; height:60px; padding:5px 0px; top:0px; position:fixed; width:100%; z-index:10;} .panel-1 a { color:#333; text-decoration:none;} .panel-1 p {margin:0px; padding:0px;} .panel-1 .logo {display:table; margin:7px 5px; } .panel-1 img {width:220px; height:auto;} .panel-1 .phone { background:url(/images/phone.png) left center no-repeat; font-size:1.1em; top:23px; right:5px; position:fixed; background-size:20px auto; width:140px; padding-left:30px;} .panel-2 nav ul { background:rgba(0, 0, 0, 0.7); text-align:right; line-height:40px; margin:0px; padding:0px; top:70px; display:block; position:fixed; width:100%; z-index:10; } .panel-2 nav ul li {display:inline; margin:auto 25px;} .panel-2 nav ul li a {color:#fff; text-decoration:none; text-transform:uppercase; } .panel-2 p { margin:0px; padding:0px;} #sort { text-align:center; font-size:0.85em; color:#333; margin:5px 5px; } #sort select {margin:0px 5px; color:#333; padding:5px 29px 5px 12px; border:1px solid #333; background:#fff; background:url('/images/selectarrow.png') no-repeat right center #fff; appearance:none; -moz-appearance:none; -webkit-appearance:none;} .mainPageLogo { position:absolute; width:65px; height:auto; top:10px; left:15px; z-index:9; } .panel-4 {display:table; background-size:25px auto; width:100%; height:280px; padding:25px 0px; } .panel-4 ul {display:table; width:1020px; text-align:center; margin:0px auto; padding:0px; } .panel-4 ul li { display:table; float:left; color:#ff5400; padding:160px 15px 0px 15px; font-size:1.2em; text-transform:uppercase; text-align:center; width:270px; height:100px; margin:0px 20px 0px 20px;} .panel-4 ul li:nth-child(1) {background:url('/images/p1.png') no-repeat center 50px ; } .panel-4 ul li:nth-child(2) {background:url('/images/p2.png') no-repeat center 50px ; } .panel-4 ul li:nth-child(3) {background:url('/images/p3.png') no-repeat center 50px ;} .panel-4 li a {text-decoration:none; color:#333; display:block;} .panel-4 li a:hover {text-decoration:underline; color:#888;} .panel-4 li strong {color:#555; font-size:0.75em; font-weight:400;} .panel-5 { background:url(/images/001_300_dpi.jpg) #ff5400 no-repeat left top; display:table; width:100%; margin:-20px 0px 0px 0px; padding:0px; background-size:auto 100%; min-height:500px; } .panel-5 h2 { color:#fff; text-transform:uppercase; border-bottom:3px solid #fff; font-weight:400; display:table; font-size:1.8em; margin:35px 35px 35px auto; padding:0px; } .panel-5 .text {color:#fff; background:#ff5400; width:60%; padding:0px; float:right; min-height:500px; } .panel-5 p {padding:45px; line-height:40px;} .panel-5 a { color:#fff; border:1px solid #fff; padding:10px 15px; text-transform:uppercase; text-decoration:none; display:table; margin:auto 45px auto auto;} .panel-6 { background:url(/images/BOK_5000.jpg) #90b2d4 no-repeat right top; display:table; width:100%; margin:0px 0px 0px 0px; padding:0px; background-size:auto 140%; min-height:500px; } .panel-6 h2 { color:#566a7f; text-transform:uppercase; border-bottom:3px solid #566a7f; font-weight:400; display:table; font-size:1.8em; margin:35px auto 35px 35px; padding:0px; } .panel-6 .text {color:#fff; background:#90b2d4; width:40%; padding:0px; float:left; min-height:500px; } .panel-6 p {padding:45px; line-height:40px; color:#566a7f; padding-bottom:0px;} .panel-6 a { color:#566a7f; border:1px solid #566a7f; padding:10px 15px; text-transform:uppercase; text-decoration:none; display:table; margin:auto 45px auto auto;} .panel-7 {background:#333; color:#fff; margin:0px; padding:8px; font-size:0.9em; text-transform:uppercase; text-align:center; } .panel-7 a { color:#fff; text-decoration:none;} .panel-8 {background:#173657; margin:0px; padding:0px; } .panel-8 ul { margin:0 0 0 1em; padding:1em; } .panel-8 a {font-size:0.7em; color:#fff; text-transform:uppercase; text-decoration:none;} .panel-9 { background-image:url(/images/001_300_dpi.jpg); background-size:auto 100%; background-position:center center; background-size: cover; background-attachment: fixed; display:table; width:100%; margin:0px; padding:0px; background-size:auto 100%; min-height:400px; } .panel-10 {display:table; margin:0px; padding:0px; width:100%; } .panel-10 ul { display:table; margin:0px auto; padding:0px; } .panel-10 ul li { display:table; float:left; margin:30px 20px; width:220px; height:120px; } .panel-10 ul li img { width:220px; height:auto;} .panel-10 ul li:nth-child(3) img { margin-top:5px;} .panel-10 ul li:nth-child(3) img { margin-top:25px;} .pageMenu {display:block; margin:50px 0px; padding:0px; text-align:center;} .pageMenu li { margin:10px; padding:0px; display:inline-table; } .pageMenu li a { display:table; background:#ff5400; padding:0px; font-size:1.2em; width:290px; line-height:100px; color:#fff; text-decoration:none; text-align:center; text-transform:uppercase; } .pageMenu li:nth-child(2) a { background:#555; } #slideshow-box .text a:hover, .panel-6 a:hover, .panel-5 a:hover, .trainings li h5:hover, .panel-8 a:hover, .panel-7 a:hover, .panel-1 a:hover ,.product .pGallery .big:hover, .product .fullScreen .close:hover, .product .pGallery .all img:hover, .mainPageLogo:hover, section a:hover, nav a:hover, input[type=submit]:hover, button:hover, aside ul li a:hover, .products li:hover, .systemMenu li a:hover, #rC:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; } .firmMain {background:#000; margin:0px; padding:0px; color:#fff; text-transform:uppercase; font-weight:200;} .firmMain div {background:url('/images/firma.jpg') no-repeat center bottom; background-size:100%; display:table; margin:0px auto; width:100%; padding-bottom:500px; max-width:990px;} .firmMain h2 {margin-bottom:30px; font-size:1.8em; background:url('/images/h1.png') no-repeat center top; color:#676767; border-bottom:1px solid #676767; padding:50px 0px 40px 0px; text-align:center; font-weight:200;} #slideshow-box {position:relative; padding:0px; margin:0px;} .points { position:absolute; width:10px; z-index:2; bottom:50%; right:15px; margin-bottom:0px; } .points div { width:10px; height:25px; background:#fff; margin:5px; float:left;} .points .this { background:#ff5400;} .mainPage {text-align:center; display:table; margin:10px auto; text-transform:uppercase; border-bottom:1px solid #000; width:100%; max-width:990px; line-height:120px; font-weight:200; font-size:1.8em; color:#222; } #search { height:20px; display:table; padding:0px; margin:20px 5px 10px 30px; } #search input { border:none; font-family:'Open Sans'; background:#fff; font-size:0.9em; padding:8px 15px; line-height:20px; font-weight:400; color:#000; width:250px; } #search .submit { float:right; cursor:pointer; background:url(/images/search.png) no-repeat 5px 3px ; background-size: 30px auto; margin:0px 0px; display:block; width:55px; height:50px; overflow:hidden; text-indent:-2000px;} #slideshow #search {position:absolute; z-index:1; border:0px; margin-top:410px; margin-left:-220px; left:50%;} .search-wrap { max-width:480px; width:100%; margin:0px auto 20px auto; display:table;} #search { height:20px; display:table; padding:0px; margin:20px 5px 10px 30px; } #search input { border:none; font-family:'Open Sans'; background:#fff; font-size:0.9em; padding:8px 15px; line-height:20px; font-weight:400; color:#000; width:250px; } #search .submit { float:right; cursor:pointer; background:url(/images/search.png) no-repeat 5px 3px ; background-size: 30px auto; margin:0px 0px; display:block; width:55px; height:50px; overflow:hidden; text-indent:-2000px;} #slideshow #search {position:absolute; z-index:1; border:0px; margin-top:410px; margin-left:-220px; left:50%;} .search-wrap { max-width:480px; width:100%; margin:0px auto 20px auto; display:table;} .mp {margin-bottom:50px !important;} #slideshow { margin:60px 0px 0px 0px; width: 100%; height: 800px; padding: 0px; overflow:hidden; z-index:1; overflow:hidden; } #slideshow > div { height:800px; background-size:auto 100%; background-position:right top; background-size: cover; background-attachment: fixed; width:100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow:hidden;} #slideshow > div img { width:100%; height:auto; } #slideshow-box .cover {position:absolute; width:100%; height:100px; bottom:0px; background:#fff; z-index:9; clip-path: polygon(100% 0, 0% 100%, 100% 100%); } #slideshow-box .triangle {background:rgba(0, 0, 0, 0.7); position:absolute; width:90% !important; height:400px; clip-path: polygon(0 0, 0% 100%, 100% 100%); text-transform:uppercase; font-size:1.8em; display:table; text-align:center; z-index:1; bottom:0px; left:0px; color:#fff; } #slideshow-box .text { position:absolute; width:250px; text-transform:uppercase; font-size:1.8em; display:table; text-align:center; z-index:2; bottom:60px; left:10%; color:#fff; } #slideshow-box .text strong { font-size:1.2em;} #slideshow-box .text a { color:#fff; border:1px solid #fff; font-size:0.45em !important; padding:10px 15px; text-transform:uppercase; text-decoration:none; display:table; margin:15px auto; } .headline { color:#fff; text-transform:uppercase; padding:25px; position:absolute; width:350px; z-index:9; bottom:30%; left:0px; text-align:right; margin-bottom:-80px; background:rgba(23, 53, 86, 0.9); font-size:2em; position:absolute; } .headline strong {font-weight:400; padding-right:30px; } .headline em { font-weight:400; font-size:0.70em; font-style:normal;} .slogan { position:absolute; top:300px; left:15%; color:#fff; text-transform:uppercase; font-size:2em; font-style:italic; text-shadow: 1px 2px 8px #000000;} .slogan p { margin:5px 0px; padding:0px;} .slogan p:nth-child(1) { font-size:1.4em; } .slogan p:nth-child(3) { font-size:0.55em; color:#bbb; text-transform:none; text-indent:100px; } #slideshow2 { margin:0px; border-bottom:31px solid #f00001; width: 100%; height: 150px; padding: 0px; overflow:hidden; z-index:1; } #slideshow2 > div { height:150px; background-image:url(/images/top.jpg); background-size: 100% auto; background-position:right -200px; width:100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow:hidden;} #sliderBar { display:table; width:100%; max-width:950px; margin:40px auto; } .left, .right {float:left; cursor:pointer; margin-top:45px;} .right {float:right;} .contentSlider { overflow:hidden; max-width:900px;} .sliderIthems {display:flex; padding:0px 15px;} .sliderIthems a {text-decoration:none; background-size:260px auto; background-position:center center; height:160px; width: auto; display: block; min-width: 260px; display:table; margin:0px 15px; } .s1 {margin-top:-200px;} .lang { background:#333; line-height:20px; margin:0px; padding:0px; display:block; text-align:right; padding-right:15px;} .lang li {display:inline; margin:auto 3px;} .lang li a {color:#fff; text-decoration:none; font-size:0.75em;} .content {display: flex; } .p2 {width:350px;} .p3 {width:350px;} main { width:100%; padding-top:20px; margin-top:145px; min-height:300px;} main h1 {color:#333; margin:0px 0px 15px auto; text-align:right; font-size:1.4em; display:table; font-weight:400; border-bottom:5px solid #ff5400; line-height:50px; padding-right:3%; text-transform:uppercase; } .gallery {margin:45px auto; width:100%; display:table; padding:0px; text-align:center; max-width:990px;} .gallery li { display:inline-block; overflow:hidden; width:100%; max-width:300px; margin:0px; padding:0px; height:195px; } .gallery li img { margin-top:-5%;} h2, h3 {text-transform:uppercase;} aside {padding:1.3em; background:#fff; } aside h2 { color:#ccc; margin:0px; text-align:left; font-size:1em; font-weight:400; line-height:35px; text-transform:uppercase;} aside {font-size:0.85em;} aside ul {margin:0px; padding:0px;} aside ul li {display:block; margin:2px;} aside ul li a {background:#f00001; font-size:0.85em; text-indent:10px; display:table; width:100%; text-transform:uppercase; padding:8px 5px; color:#fff; text-decoration:none; } aside .active {background:#333; color:#fff; padding:8px 5px; } .products {padding:25px 0px 0px 0px; margin:0px; text-align:center;} .products a {text-decoration:none; } .products li {display:inline-table; width:100%; max-width:238px; min-height:10%; height:250px; margin:0px 3% 3% 3%;} .products .thumb {width:100%; height:150px; background-position:center 10px; background-size:95% auto; background-repeat:no-repeat; } .products h6 {font-size:0.9em; padding:0px; margin:30px 0px 0px 0px; text-transform:uppercase; color:#000; font-weight:600;} .products .price {color:red; font-size:1em; text-transform:lowercase; } .products .oldPrice {color:#888; font-size:0.8em; } .products .promo {color:red; font-size:0.8em; } .articles {padding:2% 0px 0px 0px; margin:0px; text-align:center; min-height:80vh; } .articles a {text-decoration:none;} .articles li {display:inline-table; width:100%; max-width:20%; min-height:10%; height:340px; margin:1%;} .articles .thumb {width:100%; height:150px; background-position:center center; background-size:100% auto; border:1px solid #eee;} .articles strong {text-transform:uppercase; color:#333; font-weight:600; font-size:0.8em; padding-top:15px; display:table; margin:0px auto;} .articles h6 {font-size:0.85em; padding:0px; margin:0px; line-height:155%; text-transform:uppercase; color:#333; font-weight:400; padding-top:15px;} .article {padding:1%; min-height:80vh;} .article h2 {text-align:right; text-transform:uppercase; color:#000;} .article h3 {text-align:left; text-transform:uppercase; font-size:0.75em; font-weight:600; color:#000;} .article .pData {display:table; width:98%; margin:1% 0%; background:#eee; text-transform:uppercase; padding:1%;} .article .pData p { display:inline-table; width:100%; max-width:230px; font-size:0.75em; text-align:left;} .article .pData strong {margin-right:5px;} .article iframe {display:table; margin:20px auto; width:100%; height:600px; max-width:990px;} section nav ul { background: none; text-align:center;} section nav ul li {display:inline-table; margin:auto 15px;} section nav ul li a {color:#333; display:table; text-align:center; padding:5px; text-decoration:none; text-transform:uppercase;} .active {background:#bbb; } section {padding:0px 0px 0px 0px; } main { background:#fff; color:#333; } .product {padding:0px 5px;} .product h2 {text-align:right; text-transform:uppercase; color:#000;} .product h3 {text-align:left; text-transform:uppercase; font-size:0.95em; font-weight:600; color:#000;} .product .pData {display:table; width:98%; margin:1% 0%; text-transform:uppercase; padding:1%;} .product .pData p { display:inline-table; width:100%; font-size:0.75em; text-align:left;} .product .pData strong {margin-right:5px; color:#888;} .product .pDataRight { margin:1px; float:right; width:240px; text-transform:uppercase; text-align:right; } .product .pDataRight p { display:inline-table; width:100%; max-width:230px; font-size:0.75em; text-align:left;} .product .pDataRight strong {margin-right:5px; color:#888;} .lb-number {display:none !important;} .product .pGallery {width:70%; float:left; margin-right:5%;} .product .pGallery .all { overflow-x: scroll; overflow-y: hidden; white-space: nowrap; } .product .pGallery .all img {cursor:pointer;} .product .pGallery .all .this {border:2px solid #000;} .product .pGallery .close { display:none; } .product .price { color:red; font-size:1.3em; } .product .oldPrice { color:#999; } .product .shipments li { font-size:0.85em; text-align:left;} .product #bC {margin-bottom:25px; } .prev, .next { cursor:pointer; border:1px solid red; z-index:10; position:absolute; width:15px; height:100%; } .big {width:100%; height:auto; display:table; margin:1% auto; cursor:pointer;} .small {display:inline-table; width:100%; height:auto; margin:0px 3px; max-width:120px; } .product .fullScreen {position:fixed; background-color:rgba(0, 0, 0, 0.95); width:100%; height:100%; top:0; left:0; z-index:10; } .product .fullScreen .big {display:table; margin:1% auto; width:auto; height:100%; max-height:80%; max-width:90%; cursor:auto;} .product .fullScreen .big:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } .product .fullScreen .all { position:absolute; background:#000; padding:0.5%; bottom:0px; width:100%; overflow-x: scroll; overflow-y: hidden; white-space: nowrap; text-align:center; } .product .fullScreen .all img {display:inline-table; display:inline-table; width:100%; height:auto; max-height:90px; margin:0px 3px; max-width:auto; } .product .fullScreen .close {display:table; position:absolute; z-index:10; top:1%; right:1%; cursor:pointer;} .product .fullScreen .all .this {border:2px solid #fff;} #basket table, #basket .steps, #basket .basketNavi { margin:10px auto; width:80%; text-transform:uppercase;} #basket .steps { text-align:center; font-size:1.2em; line-height:80px; font-weight:400; color:#999;} #basket table td {text-align:center; border-bottom:1px solid #ccc;} #basket table td img {width:100px; height:auto;} #basket .empty {text-align:center; color:#999; font-size:1.6em; height:400px; line-height:150px;} #basket .sum { text-align:center; border-bottom:none; font-size:1.2em; font-weight:600; color:red; line-height:70px; text-transform:uppercase; } #basket .delete {display:table; margin:8px 0px 8px auto; text-transform:uppercase; color:#fff; background:#000; padding:8px 12px; line-height:20px; border:0px; cursor:pointer;} #basket .basketNavi {text-align:center; } #basket .basketNavi a {width:120px; margin:50px 10px; display:inline-table; text-transform:uppercase; text-decoration:none; padding:12px 16px; background:#888; color:#fff;} #basket .goNext { background:red !important; } #basket #loginUser { margin: 5px 0px 5px 0px; } #basket .shipment {margin:0px; padding:0px; margin:10px auto; width:50%; text-transform:uppercase;} #basket .shipment h4 { color:#000; text-transform:uppercase; border-bottom:1px solid #000; line-height:40px;} #basket .shipment ul li { display:block; line-height:30px; } #basket .shipment textarea { width:95%; height:150px; border:1px solid #888; padding:8px; display:table; margin:5px auto; font-family:'Open Sans'; color:#333;} #basket .summary {margin:0px auto 50px auto !important; width:100%; } #basket .summary td {text-align:left; padding:5px; border-bottom:none; line-height:25px; padding-bottom:20px; font-size:0.9em;} #basket .summary .sum { text-align:center; border-bottom:none; font-weight:600; color:red; line-height:35px; text-transform:uppercase; } #userMenu {display:table; width:100%; margin:15px auto; padding:0px; max-width:990px; border-bottom:1px solid #ccc;} #userMenu li {display:inline-table; padding:0px; margin:0px 10px 0px 0px;} #userMenu li a {display:table; text-decoration:none; padding:0px 12px; text-transform:uppercase; font-size:0.85em; background:#ccc; color:#666; line-height:35px;} #userMenu li .this { background:#000; color:#fff !important; } .uOList { margin:15px auto; display:table; max-width:990px; width:100%; min-height:600px; } .uOList table { width:100%; margin:15px auto; } .uOList table td {padding:12px; border-bottom:1px solid #ccc; text-align:center; text-transform:lowercase;} .uOList table th {padding:12px; color:#888; font-weight:300; border-bottom:1px solid #ccc; text-transform:lowercase; text-align:center;} .uOList table td a {color:red;} .uOList .nO {width:100%; display:table; line-height:100px; margin:15px auto; text-align:center; } .uOList .uO, .uOList .uO td { text-transform:uppercase !important; } .uOList .uO h4 {line-height:50px; text-align:center; font-weight:600; color:#888; border-bottom:1px solid #ccc; background:#ddd; padding:0px 15px;} .uOList .uO .summary {text-align:right; padding-right:15px; color:red;} .uOList .uO td:nth-child(3) {text-align:right;} .trainings, .trainings li { margin:0px; padding:0px; display:table; width:100%;} .trainings li h5 { border-left:5px solid #ffc200; cursor:pointer; background:#173657; color:#fff; padding:25px 25px; margin:5px; text-transform:uppercase; font-weight:400;} .trainings li h5:hover { border-left:5px solid #ccc;} .trainings li h5 span { color:#ffc200; margin-right:8px; font-size:1.2em;} .trainings .text { font-size:0.9em; padding:0px !important; margin:25px 35px; border:1px solid #173657;} .trainings h6 { background:#173657; text-align:center; margin:0px; color:#fff; font-weight:400; text-transform:uppercase; font-size:1em; padding:12px 15px;} .tWrap {padding:15px;} .trainings input[type=submit] { display:table; margin:5px auto;cursor:pointer; margin-top:15px; background:#fff; border:1px solid #173657; color:#173657; text-transform:uppercase; font-size:1em; padding:8px 15px; } .trainings .alert { color:#235589; text-align:center; } footer {margin:0px; padding:0px;} @media only screen and (max-width: 1200px) { #slideshow { margin:0px; width: 100%; height: 700px; padding: 0px; overflow:hidden; z-index:1; overflow:hidden; } #slideshow > div { height:700px; background-size:auto 100%; background-position:center center; background-size: cover; background-attachment: fixed; width:100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow:hidden;} } @media only screen and (max-width: 990px) { .resButton {cursor:pointer; position:absolute; top:25px; right:10px; z-index:11; width:25px; height:20px; border:0px; background:url(/images/resBlack.png) no-repeat; background-size:20px auto; text-indent:-6000px; display:table; } iframe {display:table; margin:10px auto !important; width:90% !important; height:auto !important; max-width:990px;} body {font-size:0.75em;} .panel-1 .phone, .panel-1 .email, .points, .headline, .panel-2 { display:none;} .systemMenu {position:absolute; margin:0px; top:3px; right:1px; z-index:11; padding:5px; } main { width:100%; padding-top:0px; margin-top:0px; min-height:300px;} .panel-1 { color:#fff; padding:5px 0px; position:relative; width:100%; z-index:10; border-bottom:1px solid #ccc;} .panel-2 nav ul { text-align:left; line-height:auto; margin:0px; padding:0px; top:70px; display:block; position:absolute; width:100%; z-index:10; } .panel-2 nav ul li {display:block; margin:0px;} .panel-2 nav ul li a {background: #ccc; text-indent:15px; color:#000; display:block; border-bottom:1px solid #333; text-decoration:none; text-transform:uppercase; } .panel-2 nav ul li a:hover {background:#ccc;} .panel-2 p { margin:0px; padding:0px;} .panel-10 {display:block; margin:0px; padding:0px; width:100%; } .panel-10 ul { display:table; margin:0px auto; padding:0px; width:220px; } .panel-10 ul li { display:inline-table; float:none; margin:15px auto; width:220px; height:120px; } .panel-10 ul li img { width:220px; height:auto;} .panel-10 ul li:nth-child(3) img { margin-top:auto;} .panel-10 ul li:nth-child(3) img { margin-top:auto;} #slideshow { margin:0px; width: 100%; height: 250px; padding: 0px; overflow:hidden; z-index:1; overflow:hidden; } #slideshow > div { height:250px; background-size:auto 100%; background-position:center center; background-size: cover; background-attachment: fixed; width:100%; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; overflow:hidden;} #slideshow > div img { width:100%; height:auto; } #slideshow .cover {display:none; } .panel-4 {display:table; background-size:25px auto; width:100%; height:auto; padding:0px 0px 25px 0px; margin:0px auto; } .panel-4 ul {display:table; text-align:center; margin:0px auto; padding:0px; width:100%; } .panel-4 ul li { -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.57); box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.57); background:#fff; display:table; float:none; padding:160px 15px 0px 15px; font-size:1.3em; text-transform:uppercase; text-align:center; width:270px; height:100px; margin:15px auto;} .panel-4 ul li:nth-child(1) {background:url('/images/p1.png') no-repeat center 50px #fff; } .panel-4 ul li:nth-child(2) {background:url('/images/p2.png') no-repeat center 60px #fff; margin-top:0px; } .panel-4 ul li:nth-child(3) {background:url('/images/p3.png') no-repeat center 50px #fff;} .wrap-990 {width:95%; max-width:990px; height:350px; display:table; margin:5px auto 5px auto; } .wrap-990 p img { width:100%; } .wrap-990 iframe { height:400px !important;} .panel-5 { background:#ff5400; display:table; width:100%; margin:-20px 0px 0px 0px; padding:0px; background-size:auto 100%; min-height:auto; } .panel-5 .text {color:#fff; background:#ff5400; width:100%; padding:0px; float:none; min-height:auto; padding-bottom:35px; } .panel-6 { background:#90b2d4; display:table; width:100%; margin:0px 0px 0px 0px; padding:0px; background-size:auto 140%; min-height:auto; } .panel-6 .text {color:#fff; background:#90b2d4; width:100%; padding:0px; float:none; min-height:auto; padding-bottom:35px; } .panel-6 p, .panel-5 p {padding:25px; line-height:25px; } #slideshow-box .triangle {display:none; } #slideshow-box .text { text-shadow: 1px 1px 0px rgba(0, 0, 0, 1); position:absolute; width:250px; text-transform:uppercase; font-size:1.8em; display:table; text-align:center; z-index:2; bottom:60px; left:5%; color:#fff; } #slideshow-box .text a { background:#ff5400; border:0px; text-shadow: 0px 0px 0px rgba(0, 0, 0, 1);} }