@import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900&subset=latin-ext');

body { font-family: 'Playfair Display', sans-serif; font-weight: 400; color: #ffffff; font-size: 19px; background: #ffffff url('../images/bodyContent.png') repeat-x scroll 0 0; }
body.home { background: #ffffff url('../images/bodyHome.png') repeat-x scroll 0 0; }
.overflow { overflow-y: auto; overflow-x: hidden; }
.wrapper { width: 1140px; margin: 0 auto; }

.blockTop .wrapper { position: relative; height: 265px; }
.blockTop .menu { position: absolute; left: 50px; top: 60px; list-style-type: none; margin: 0; padding: 7px 0 7px 52px; background: transparent url('../images/icoMenu.png') no-repeat scroll left center; }
.blockTop .menu li { float: left; }
.blockTop .menu li a { font-size: 15px; color: #ffffff; text-decoration: none; padding: 10px 22px; }
.blockTop .menuUser { position: absolute; left: 50px; top: 115px; list-style-type: none; margin: 0; padding: 7px 0 7px 52px; background: transparent url('../images/icoLogin.png') no-repeat scroll left center; }
.blockTop .menuUser li { float: left; }
.blockTop .menuUser li a { font-size: 15px; color: #ffffff; text-decoration: none; padding: 10px 22px; }
.blockTop h1.logo { display: none; }
.blockTop a.logo { display: block; width: 44px; height: 45px; text-indent: -9999px; background: transparent url('../images/strefa-ksiegowosci-small.png') no-repeat scroll 0 0; position: absolute; right: 50px; top: 64px; }
.blockTop .scrollDown { display: none; }
.blockTop #scene { margin: 0; padding: 0; list-style-type: none; }
.blockTop #scene img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.blockTop #scene .imac img { position: relative; left: 420px; top: -260px; right: 0; bottom: 0; }
.blockTop #scene .ipad img { position: relative; left: -280px; top: 180px; -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); transform: rotate(10deg); -o-transform: rotate(10deg); }
.blockTop #scene .coffee img { position: relative; left: 1130px; top: 170px; }
/*mobile*/
.blockTop .mobileIcoMenu { display: none; width: 32px; height: 32px; background: transparent url('../images/icoMenu.png') no-repeat scroll center center; position: absolute; left: 50px; top: 60px; cursor: pointer; }
.blockTop .mobileIcoLogin { display: none; width: 32px; height: 32px; background: transparent url('../images/icoLogin.png') no-repeat scroll center center; position: absolute; left: 102px; top: 60px; cursor: pointer; }
.blockTop .mobileIcoCall { display: none; width: 32px; height: 32px; background: transparent url('../images/icoCall.png') no-repeat scroll center center; position: absolute; left: 154px; top: 60px; cursor: pointer; }
/*end mobile*/

.blockTop.home .wrapper { height: 620px; }
.blockTop.home h1.logo { display: block; position: absolute; top: 260px; left: 50%; margin-left: -150px; z-index: 99; }
.blockTop.home h1.logo a { font-size: 24px; color: #ffffff; text-decoration: none; display: block; padding: 20px 0 20px 104px; background: transparent url('../images/strefa-ksiegowosci.png') no-repeat scroll left center; }
.blockTop.home a.logo { display: none; }
.blockTop.home .scrollDown { display: block; width: 24px; height: 30px; background: transparent url('../images/icoScrollDown.png') no-repeat scroll 0 0; position: absolute; left: 50%; bottom: 150px; margin-left: -12px; }
.blockTop.home #scene .imac img { left: -550px; top: 230px; }
.blockTop.home #scene .ipad img { left: 450px; top: 400px; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.blockTop.home #scene .coffee img { left: 1130px; top: 20px; }

.blockContent { width: 92%; margin: 0 auto; background: transparent url('../images/contentBcg.jpg') no-repeat scroll center top; }
.blockContent aside { float: left; width: 50%; box-sizing: border-box; padding: 200px 50px 150px 50px; }
.blockContent aside h2 { font-size: 46px; line-height: 68px; text-align: right; }
.blockContent article { float: left; width: 50%; box-sizing: border-box; padding: 310px 50px 150px 50px; min-height: 685px; }
.blockContent article h1,
.blockContent article h2,
.blockContent article h3,
.blockContent article h4,
.blockContent article h5,
.blockContent article h6 { font-size: 26px; margin-bottom: 50px; line-height: 34px; }
.blockContent article p { line-height: 34px; }
.blockContent article > p { margin-bottom: 50px; }
.blockContent article > p:last-child { margin-bottom: 0px; }
.blockContent article a { color: #ffffff; text-decoration: none; border-bottom: 1px #ffffff solid; }

/*font setup*/
.setFont article { text-align: right; }
.setFont article * { color: #28282c; }
.setFont article h3 { font-size: 26px; margin-bottom: 50px; line-height: 34px; }
.setFont article p { line-height: 34px; }
.setFont article > p { margin-bottom: 50px; }
.setFont article > p:last-child { margin-bottom: 0px; }
.setFont article a { color: #28282c; text-decoration: none; border-bottom: 1px #c2c2c3 solid; }
/*end font setup */

.blockContentMore aside { float: right; width: 50%; box-sizing: border-box; padding: 0 50px 100px 50px; margin-top: -51px; }
.blockContentMore aside img { max-width: 100%; }
.blockContentMore article { float: left; width: 50%; box-sizing: border-box; padding: 150px 50px 150px 50px; }

.blockGallery .items { position: relative; /*owl nav*/ }
.blockGallery aside { float: right; width: 50%; box-sizing: border-box; padding: 0 50px 100px 50px; margin-top: -51px; }
.blockGallery article { float: left; width: 50%; box-sizing: border-box; padding: 150px 50px 150px 50px; }

.blockTabs .wrapper { overflow: hidden; }
.blockTabs .tabs > .tab { float: left; width: 50%; box-sizing: border-box; padding: 150px 50px 150px 50px; position: relative; }
.blockTabs .tabs > .tab > article { position: relative; z-index: 9; }
.blockTabs .tabs > .tab > .decoration { color: #f4f4f4; font-size: 230px; text-transform: lowercase; cursor: default; position: absolute; left: 0; top: 0; z-index: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(270deg) translate(-1000px, 620px);
    -moz-transform: rotate(270deg) translate(-1000px, 620px);
    -ms-transform: rotate(270deg) translate(-1000px, 620px);
    -o-transform: rotate(270deg) translate(-1000px, 620px);
    transform: rotate(270deg) translate(-1000px, 620px);
}
.blockTabs .tabs ul { position: relative; z-index: 99; width: 50%; float: right; box-sizing: border-box; padding: 150px 0px 150px 50px; margin: 0; list-style-type: none; }
.blockTabs .tabs ul li a { display: inline-block; color: #28282c; text-decoration: none; font-size: 23px; padding: 24px; background-color: #f4f4f4; margin-bottom: 2px; }
.blockTabs .tabs ul li.active a { background: #2046f1 url('../images/tabsActive.png') no-repeat scroll left center; color: #ffffff; padding-left: 61px; margin-left: -36px; }

.blockForm { overflow: hidden; }
.blockForm article { float: left; width: 50%; box-sizing: border-box; padding: 150px 50px 150px 50px; }
.blockForm form { float: left; width: 50%; box-sizing: border-box; padding: 150px 50px 100px 50px; position: relative; }
.blockForm form .decoration { color: #f4f4f4; font-size: 230px; text-transform: lowercase; cursor: default; position: absolute; left: 0; top: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -ms-transform-origin: top left;
    -o-transform-origin: top left;
    transform-origin: top left;
    -webkit-transform: rotate(270deg) translate(-860px, -20px);
    -moz-transform: rotate(270deg) translate(-860px, -20px);
    -ms-transform: rotate(270deg) translate(-860px, -20px);
    -o-transform: rotate(270deg) translate(-860px, -20px);
    transform: rotate(270deg) translate(-860px, -20px);
}
.blockForm form p { box-sizing: border-box; width: 50%;  padding: 0 15px 30px 0; float: left; position: relative; }
.blockForm form p.textarea { width: 100%; }
.blockForm form label { font-size: 16px; font-weight: 900; color: #7c7e89; display: block; padding: 0 0 10px 20px }
.blockForm form input,
.blockForm form select,
.blockForm form textarea { font-family: 'Playfair Display', sans-serif; font-size: 16px; color: #7c7e89; background-color: #ffffff; border: 2px #cccdd1 solid; padding: 15px 20px; border-radius: 5px; box-sizing: border-box; width: 100%; }
.blockForm form textarea { height: 200px; resize: vertical; }
.blockForm form select::-ms-expand { display: none; /* for IE 11 */ }
.blockForm form select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #ffffff url('../images/formSelect.png') no-repeat scroll right center; cursor: pointer; padding-right: 53px; }
.blockForm form p.separator { width: 100%; clear: both; padding: 0; margin: 0; height: 0px; }
.blockForm form p.separator label { display: none; }
.blockForm form p.submit { clear: both; padding: 0; width: auto; }
.blockForm form button[type="submit"] { font-family: 'Playfair Display', sans-serif; font-size: 19px; padding: 15px 60px 16px 20px; background: #2046f1 url('../images/formSubmit.png') no-repeat scroll right center; color: #ffffff; border: none; white-space: nowrap; box-sizing: border-box; cursor: pointer; }
.blockForm form p.sent { width: auto; clear: both; background: transparent url('../images/formSent.png') no-repeat scroll left center; color: #2046f1; font-size: 19px; padding: 10px 0 10px 70px; display: none; }
/*errors*/
.blockForm form input.error,
.blockForm form select.error,
.blockForm form textarea.error { border-color: #b94a48; }
.blockForm form label.error { padding: 0; color: #b94a48; font-size: 12px; position: absolute; right: 15px; bottom: 15px; }

.blockContact { text-align: center; }
.blockContact ul { list-style-type: none; margin: 0 0 50px 0; padding: 0; overflow: hidden; display: inline-block; zoom: 1; }
.blockContact ul li { float: left; }
.blockContact ul li:nth-child(1) { font-size: 19px; color: #ffffff; background-color: #28282c; padding: 25px; }
.blockContact ul li:nth-child(2) a,
.blockContact ul li:nth-child(3) a { font-size: 19px; color: #28282c; text-decoration: none; padding: 25px 0 25px 25px; display: block; }
.blockContact ul li:nth-child(2) a { background: transparent url('../images/icoContactMessage.png') no-repeat scroll 25px center; padding-left: 100px; }
.blockContact ul li:nth-child(3) a { background: transparent url('../images/icoContactPhone.png') no-repeat scroll 25px center; padding-left: 100px; }

.blockMap { margin: 0 auto -2px auto; position: relative; z-index: 99 }
.blockMap #map { height: 650px; z-index: 9; }
.blockMap #mapOverlay { position: absolute; top: 0; left: 0; width: 100%; height: 300px; background: transparent url('../images/mapOverlay.png') repeat-x scroll 0 0; z-index: 99; }

.blockFooter .wrapper { border-top: 2px #f4f4f4 solid; padding: 50px 0; font-size: 13px; z-index: 8; position: relative; }
.blockFooter .wrapper p { color: #28282c; line-height: 20px; text-align: center; }
.blockFooter .wrapper p a { color: #28282c; text-decoration: none; border-bottom: 1px #c2c2c3 solid; }

.blockNavMobile { position: fixed; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(40, 40, 44, 0.97); z-index: 199; display: none; }
.blockNavMobile .wrapper { position: relative; }
.blockNavMobile .Logo { position: absolute; right: 50px; top: 64px; }
.blockNavMobile .Close { display: block; width: 32px; height: 32px; background: transparent url('../images/icoClose.png') scroll 0 0; text-indent: -9999px; position: absolute; left: 50px; top: 60px; cursor: pointer; }
.blockNavMobile ul { list-style-type: none; margin: 0; padding: 130px 0 0 50px; text-align: left; }
.blockNavMobile ul li { padding: 2vh 0; }
.blockNavMobile ul li a { color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 400; }

/*login page*/
section.login article { padding: 200px 0; }
#MemberLoginForm_LoginForm .message { margin-bottom: 40px; }
#MemberLoginForm_LoginForm > fieldset > div { margin-bottom: 10px; }
#MemberLoginForm_LoginForm label.left { float: left; margin-top: 8px; min-width: 80px; }
#MemberLoginForm_LoginForm input.text { font-family: 'Playfair Display', sans-serif; font-size: 16px; border: 1px solid #DADADA; border-radius: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 6px 9px; vertical-align: middle; width: 50% }
#MemberLoginForm_LoginForm input.checkbox { margin-left: 80px; }
#MemberLoginForm_LoginForm input.action { display: block; padding: 9px 15px; border: none; background-color: #ffffff; font-family: 'Playfair Display', sans-serif; font-weight: 700; font-size: 16px; text-decoration: none; color: #222; text-align: center; cursor: pointer; border-radius: 3px; }
#MemberLoginForm_LoginForm > .Actions { margin-left: 80px; }
#MemberLoginForm_LoginForm #ForgotPassword { display: none; }

/*custom*/
::selection { background: #2046f1; }
::-moz-selection { background: #2046f1; }
.owl-carousel .owl-stage-outer { overflow: inherit !important; }
.owl-carousel .owl-item img { width: auto !important; }
.owl-carousel .owl-item { visibility: hidden !important; }
.owl-carousel .owl-item.active { visibility: visible !important; }
.owl-prev,
.owl-next { display: block; width: 30px; height: 24px; position: absolute; top: 70px; text-indent: -9999px; }
.owl-prev { background: transparent url('../images/icoGalleryPrev.png') no-repeat scroll 0 0; left: 440px; }
.owl-next { background: transparent url('../images/icoGalleryNext.png') no-repeat scroll 0 0; left: 490px; }
.owl-prev.inactive,
.owl-next.inactive { opacity: 0.2; }