/* GENERIC */ * { padding: 0px; margin: 0px; } /* ^-^ */ body { /*font-family: Arial, Helvetica, sans-serif;*/ font-family: 'Ubuntu', sans-serif; font-size: 18px; color: #3d3c4c; background: url("../images/bg_page.jpg") #c2c1d1 no-repeat top center; } img { border: 0px; } a { display: inline-block; border-radius: 4px; color: #821C69; text-decoration: underline; text-underline-offset: 4px; line-height: 18px; } a:focus { color: #E2F1AF; background: #7A6263; outline: none; text-decoration-color: #7A6263; } a:hover { text-decoration: none; } a.footerLink { text-decoration: none; color: #787878; } a.footerLink:hover { color: #353535; } h1 { font-family: 'Ubuntu'; font-size: 40px; padding: 0px 0px 22px 0px; color: #293129; } h2 { font-family: 'Ubuntu'; font-size: 30px; padding: 5px 0px 18px 0px; color: #454545; } h3 { font-family: 'Ubuntu'; font-size: 20px; margin: 0px 0px 5px; font-weight: bold; } .hGroup { padding: 0px 0px 22px 0px; } .hGroup h1, .hGroup h2, .hGroup .breadcrumb { margin: 0px; padding: 0px; background: none; } p, address { padding: 0px 0px 20px 0px; margin: 0px; } p.videos { padding: 0px 0px 10px 0px; } ul { padding: 0px 0px 20px 13px; } ul.ulerrors { list-style: url("../images/ulError.png"); margin: 0px 0px 30px 0px; padding: 20px 20px 20px 40px; border: 1px dotted #de5d1f; background: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } ul.ulerrors li { padding: 6px 0px 0px 0px; font-weight: bold; color: #de5d1f; } ul.ulerrors li:first-child { padding: 0px; } ul.ulsuccess { list-style: url("../images/ulSuccess.png"); margin: 0px 0px 30px 0px; padding: 20px 20px 20px 40px; border: 1px dashed #454775; background: none; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } ul.ulsuccess li { padding: 6px 0px 0px 0px; font-weight: bold; color: #454775; } ul.ulsuccess li:first-child { padding: 0px; } ol { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 20px; } ol li { padding: 0px 0px 20px 0px; } ol li h4 { margin: 0px; padding: 0px; } /* ^-^ */ input, textarea, select { border: none; font-family: 'Ubuntu', sans-serif; font-size: 14px; color: #828282; background: #ebebeb; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } input[type="text"], input[type="email"] { width: 100%; padding: 4px 10px 4px 10px; line-height: 30px; border: 1px solid #e2e2e2; } input[type="image"] { border: 0px; } textarea { width: 100%; height: 150px; padding: 10px; line-height: 14px; border: 1px solid #e2e2e2; resize: none; } input[type="submit"] { width: 100%; margin: 20px 0px 0px 0px; padding: 10px 20px; font-size: 18px; font-weight: bold; color: #ffffff; background: #454775; text-transform: uppercase; border: 0px; cursor: pointer; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; background: linear-gradient(to bottom, #6a6c9d 0%,#454775 100%); background: -moz-linear-gradient(top, #6a6c9d 0%, #454775 100%); background: -webkit-gradient(linear, left top, left bottom, from(#6a6c9d), to(#454775)); } input[type="submit"]:hover { background: #4c4c4c; background: linear-gradient(to bottom, #454775 0%,#6a6c9d 100%); background: -moz-linear-gradient(top, #454775 0%, #6a6c9d 100%); background: -webkit-gradient(linear, left top, left bottom, from(#454775), to(#6a6c9d)); } /* ^-^ */ .opacity30 { opacity: 0.3; filter: alpha(opacity=20); } .opacity100 { opacity: 1; filter: alpha(opacity=100); } /* ^-^ */ .displayNone { display: none; } .floatLeft { float: left; } .floatRight { float: right; } .clearBoth { content: ""; display: block; clear: both; } .alignLeft { text-align: left; } .alignCenter { text-align: center; } .alignRight { text-align: right; } .notice01 { color: #999999; } .note01 { line-height: 10px; font-size: 10px; color: #999999; } .error { color: #de5d1f; } .success { color: #454775; } /* ^-^ */ .backToTopBtn, .backToTopBtn:focus { color: #ffffff; background: #a19db6; border: none; text-decoration: none; } .backToTopBtn span { display: block; font-size: 20px; } /* --- END - GENERIC --------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Header / Navigation --------- */ header.navbar-default { background: none; border: none; } header .container-headerWrapper { margin: 0px auto; padding: 0px; } /* ^-^ */ header .container-headerWrapper .headerLogo .logoPlace img { margin: 0px auto; } /* ^-^ */ header .container-headerWrapper .navbar-header { margin: 0px auto !important; } header .container-headerWrapper .navbar-header .navbar-toggle { float: none; margin: 0px auto; background: #dbdac0; border: 1px solid #bdbccc; } header .container-headerWrapper .navbar-header .navbar-toggle span.icon-bar { background: #bdbccc; } header .container-headerWrapper .navbar-header .navbar-toggle:hover { background: #e4e3cf; border: 1px solid #bdbccc; } header .container-headerWrapper .navbar-header .navbar-toggle:hover span.icon-bar { background: #bdbccc; } /* ^-^ */ header .container-headerWrapper .navbar-collapse { margin: 0px; padding: 0px; border: none; } header .container-headerWrapper .headerMenu { position: relative; } header .container-headerWrapper .headerMenu .headerMenu_shadow { position: absolute; top: 0px; left: 0px; z-index: 10; height: 3px; background: url("../images/bgDivider_headerMenu.png") top center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items { margin: 0px auto; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav { width: 440px; height: 171px; margin: 0px auto; padding: 0px; } /* --- END - Header / Navigation --------------------------------------------------------------------------------------------------------------------------------------------- */ /* CONTENT */ .contentContainer { } /* ^-^ */ .contentContainer .wrapper-gallery { margin: 0px; padding: 0px 0px 20px 0px; } .contentContainer .wrapper-gallery .galleryImages { list-style: none; margin: 0px; padding: 20px 20px 10px 20px; border: 1px solid #cbcadb; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .contentContainer .wrapper-gallery .galleryCategory { list-style: none; margin: 0px; padding: 0px; } .contentContainer .wrapper-gallery .galleryImages li, .contentContainer .wrapper-gallery .galleryCategory li { padding: 0px 5px 10px 5px; } .contentContainer .wrapper-gallery .galleryImages li img, .contentContainer .wrapper-gallery .galleryCategory li img { margin: 0px auto; } /* ^-^ */ .category-webFreelancer { background: url("../images/design/design-webFreelancer.jpg") no-repeat; } .category-webEmployee { background: url("../images/design/design-webEmployee.jpg") no-repeat; } .category-ai { background: url("../images/design/design-ai.jpg") no-repeat; } .category-3d { background: url("../images/design/design-3d.jpg") no-repeat; } .category-abstract { background: url("../images/photography/photography-abstract.jpg") no-repeat; } /* ^-^ */ .holder { padding: 0px 0px 10px 0px; line-height: 14px; font-size: 12px; text-align: center; } .holder a { display: inline-block; margin: 0px 4px 0px 0px; padding: 4px 6px; font-size: 12px; font-weight: bold; text-align: center; color: #60646c; cursor: pointer; background: #cbcadb; } .holder a:hover { color: #cbcadb; background: #60646c; } .holder a.jp-previous, .holder a.jp-next { width: 50px; } .holder a.jp-previous { border-radius: 0px 0px 0px 8px; -moz-border-radius: 0px 0px 0px 8px; -webkit-border-radius: 0px 0px 0px 8px; } .holder a.jp-next { border-radius: 0px 0px 8px 0px; -moz-border-radius: 0px 0px 8px 0px; -webkit-border-radius: 0px 0px 8px 0px; } .holder a.jp-current, a.jp-current:hover { color: #cbcadb; background: #60646c; } .holder a.jp-disabled, a.jp-disabled:hover { color: #484848; background: #cbcadb; } .holder a.jp-current, a.jp-current:hover, .holder a.jp-disabled, a.jp-disabled:hover { cursor: default; } .holder a.jp-disabled, a.jp-disabled:hover { background: #cbcadb; } .holder span { display: inline-block; margin: 0px 4px 0px 0px; padding: 4px 6px; color: #383838; } /* ^-^ */ .containerForm { padding: 0px; } .containerForm .formRow { margin: 0px 0px 10px 0px; } .containerForm .formRow label { display: block; min-width: 200px; cursor: pointer; } /* CONTENT END ---------------------------------------------------------------------------------------------------------------------------------------------- */ /* FOOTER */ .container-footer { margin: 40px auto 0px auto; padding: 10px 0px 0px 0px; border-top: 1px solid #bbb9cb; } .container-footer .row { margin: 0px; padding: 0px; } .container-footer .row .col-sm-6 { margin: 0px; padding: 0px; } .container-footer .row .col-sm-6 .navbar-header { width: auto; } .container-footer .row .col-sm-6 .navbar-header .navbar-toggle { float: none; margin: 0px auto; background: #a19db6; border: none; } .container-footer .row .col-sm-6 .navbar-header .navbar-toggle span.icon-bar { width: 16px; height: 2px; background: #bdbccc; } .container-footer .row .col-sm-6 .navbar-header .navbar-toggle:hover { background: #e4e3cf; border: none; } .container-footer .row .col-sm-6 .navbar-header .navbar-toggle:hover span.icon-bar { background: #bdbccc; } .container-footer .row .col-sm-6 .navbar-collapse { border: none; box-shadow: none; } .container-footer ul.menu_footer { list-style: none; padding: 0px; } .container-footer ul.menu_footer li a { font-size: 10px; text-transform: uppercase; } .container-footer ul.menu_footer li a:hover { text-decoration: none; } .container-footer ul.menu_footer li.active a { text-decoration: none; } .container-footer .copyright { font-size: 12px; text-transform: uppercase; color: #454545; } /* FOOTER END ---------------------------------------------------------------------------------------------------------------------------------------------- */ /* --- Media screens conditions --------- */ @media only screen and (min-width: 250px) { header .container-headerWrapper { width: 240px; } header .container-headerWrapper .headerLogo { width: 240px; height: 200px; background: url("../images/bg_header_cell.png") top center no-repeat; } header .container-headerWrapper .headerLogo .logoPlace { padding: 24px 0px 0px 0px; } header .container-headerWrapper .headerLogo .logoPlace img { width: 140px; } /* ^-^ */ header .navbar-header { width: 240px; height: 0px; } header .navbar-header .navbar-toggle { display: block; top: -40px; } /* ^-^ */ header .container-headerWrapper .headerMenu { width: 240px; } header .container-headerWrapper .headerMenu .headerMenu_shadow { width: 240px; } header .container-headerWrapper .headerMenu .headerMenu_items { width: 240px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li { float: none; list-style: none; margin: 0px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a { display: block; width: auto; height: 40px; text-align: center; color: #909090; background: url("../images/bg_menuItem_cell.png") top left no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.icon { display: none; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.link { font-size: 14px; line-height: 40px; font-weight: 700; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink { display: block; width: auto; height: 40px; text-align: center; color: #606069; background: url("../images/bg_menuItem_cell.png") top right no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.icon { display: none; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.link { font-size: 14px; line-height: 40px; font-weight: 700; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.photography { background: url("../images/icon_photography.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.design { background: url("../images/icon_design.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.about { background: url("../images/icon_about.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.services { background: url("../images/icon_services.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.contact { background: url("../images/icon_contact.png") bottom center no-repeat; } /* ^-^ */ .contentContainer { width: 240px; margin: 0px auto; padding: 0px; } .contentContainer .wrapper-gallery .row-gallery { padding: 0px; } .contentContainer .wrapper-gallery .row-gallery .col-galleryImage .gallery-thumbnail { padding: 0px 0px 5px 0px; } /* ^-^ */ .container-footer { width: 240px; } .container-footer .navbar-collapse { width: 200px; margin: 0px auto; padding: 0px 0px 20px 0px; } .container-footer ul.menu_footer { margin: 0px auto; } .container-footer ul.menu_footer li { float: none; text-align: center; } .container-footer ul.menu_footer li a:after { content: ""; content: none; } .container-footer .navbar-header .navbar-toggle { display: block; } .container-footer .copyright { text-align: center; } /* ^-^ */ #top-link-block, #top-link-block a { display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; outline: none; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 5px; } #top-link-block.affix { position: fixed; bottom: 5px; right: 5px; } .backToTopBtn span { padding: 10px 0px 0px 0px; } } @media only screen and (min-width: 480px) { header .container-headerWrapper { width: 450px; } header .container-headerWrapper .headerLogo { width: 450px; height: 200px; background: url("../images/bg_header_tablet.png") top center no-repeat; } header .container-headerWrapper .headerLogo .logoPlace { padding: 24px 0px 0px 0px; } header .container-headerWrapper .headerLogo .logoPlace img { width: 140px; } header .navbar-header { width: 450px; height: 0px; } header .navbar-header .navbar-toggle { display: block; top: -40px; } /* ^-^ */ header .container-headerWrapper .headerMenu { width: 450px; } header .container-headerWrapper .headerMenu .headerMenu_shadow { width: 450px; } header .container-headerWrapper .headerMenu .headerMenu_items { width: 450px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li { float: none; list-style: none; margin: 0px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a { display: block; width: auto; height: 40px; text-align: center; color: #909090; background: url("../images/bg_menuItem_tablet.png") top left no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.icon { display: none; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.link { font-size: 14px; line-height: 40px; font-weight: 700; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink { display: block; width: auto; height: 40px; text-align: center; color: #606069; background: url("../images/bg_menuItem_tablet.png") top right no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.icon { display: none; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.link { font-size: 14px; line-height: 40px; font-weight: 700; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.photography { background: url("../images/icon_photography.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.design { background: url("../images/icon_design.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.about { background: url("../images/icon_about.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.services { background: url("../images/icon_services.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.contact { background: url("../images/icon_contact.png") bottom center no-repeat; } /* ^-^ */ .contentContainer { width: 450px; margin: 0px auto; padding: 0px; } .contentContainer .wrapper-gallery .row-gallery { padding: 0px; } .contentContainer .wrapper-gallery .row-gallery .col-galleryImage .gallery-thumbnail { padding: 0px 0px 5px 0px; } /* ^-^ */ .container-footer { width: 450px; } .container-footer .navbar-collapse { width: 200px; margin: 0px auto; padding: 0px 0px 20px 0px; } .container-footer ul.menu_footer { margin: 0px auto; } .container-footer ul.menu_footer li { float: none; text-align: center; } .container-footer ul.menu_footer li a:after { content: ""; content: none; } .container-footer .navbar-header .navbar-toggle { display: block; } .container-footer .copyright { text-align: center; } /* ^-^ */ #top-link-block, #top-link-block a { display: block; width: 44px; height: 44px; line-height: 44px; text-align: center; outline: none; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 5; } #top-link-block.affix { position: fixed; bottom: 5px; right: 5; } .backToTopBtn span { display: block; padding: 12px 0px 0px 0px; font-size: 20px; } } @media only screen and (min-width: 768px) { header .container-headerWrapper { width: 750px; } header .container-headerWrapper .headerLogo { width: 750px; height: 261px; background: url("../images/bg_header_pc02.png") top center no-repeat; } header .container-headerWrapper .headerLogo .logoPlace { padding: 17px 0px 0px 0px; } header .container-headerWrapper .headerLogo .logoPlace img { width: auto; } header .navbar-header { width: 750px; } header .navbar-header .navbar-toggle { display: none; } /* ^-^ */ header .container-headerWrapper .headerMenu { width: 750px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_shadow { width: 750px; } header .container-headerWrapper .headerMenu .headerMenu_items { width: 540px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li { float: left; list-style: none; margin: 0px 10px 0px 0px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li.last-child { margin: 0px; } /* silly IE8 doesn't support :last-child */ header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a { display: block; width: 100px; height: 171px; text-align: center; color: #909090; background: url("../images/bg_menuItem.png") top left no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.icon { display: block; width: 100px; height: 123px; opacity: 0.5; filter: alpha(opacity=50); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink { display: block; width: 100px; height: 171px; text-align: center; color: #606069; background: url("../images/bg_menuItem.png") top right no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.icon { display: block; width: 100px; height: 123px; opacity: 1; filter: alpha(opacity=100); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.photography { background: url("../images/icon_photography.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.design { background: url("../images/icon_design.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.about { background: url("../images/icon_about.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.services { background: url("../images/icon_services.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.contact { background: url("../images/icon_contact.png") bottom center no-repeat; } /* ^-^ */ .contentContainer { width: 540px; margin: 0px auto; padding: 0px; } .contentContainer .wrapper-gallery .row-gallery { padding: 0px 0px 10px 0px; } .contentContainer .wrapper-gallery .row-gallery .col-galleryImage .gallery-thumbnail { padding: 0px; } /* ^-^ */ .container-footer { width: 540px; } .container-footer .navbar-collapse { width: auto; margin: 0px; padding: 0px; } .container-footer ul.menu_footer { margin: 0px; } .container-footer ul.menu_footer li { float: left; text-align: left; } .container-footer ul.menu_footer li a:after { content: url("../images/slash01.gif"); } .container-footer .navbar-header .navbar-toggle { display: none; } .container-footer .copyright { text-align: center; } /* ^-^ */ #top-link-block, #top-link-block a { display: block; width: 50px; height: 50px; line-height: 50px; text-align: center; outline: none; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 15px; } #top-link-block.affix { position: fixed; bottom: 60px; right: 15px; } .backToTopBtn span { padding: 14px 0px 0px 0px; } } @media only screen and (min-width: 992px) { header .container-headerWrapper { width: 850px; } header .container-headerWrapper .headerLogo { width: 850px; height: 261px; background: url("../images/bg_header_pc01.png") top center no-repeat; } header .container-headerWrapper .headerLogo .logoPlace { padding: 17px 0px 0px 0px; } header .container-headerWrapper .headerLogo .logoPlace img { width: auto; } header .navbar-header { width: 850px; } header .navbar-header .navbar-toggle { display: none; } /* ^-^ */ header .container-headerWrapper .headerMenu { width: 850px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_shadow { width: 850px; } header .container-headerWrapper .headerMenu .headerMenu_items { width: 540px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li { float: left; list-style: none; margin: 0px 10px 0px 0px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li.last-child { margin: 0px; } /* silly IE8 doesn't support :last-child */ header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a { display: block; width: 100px; height: 171px; text-align: center; color: #909090; background: url("../images/bg_menuItem.png") top left no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.icon { display: block; width: 100px; height: 123px; opacity: 0.5; filter: alpha(opacity=50); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink { display: block; width: 100px; height: 171px; text-align: center; color: #606069; background: url("../images/bg_menuItem.png") top right no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.icon { display: block; width: 100px; height: 123px; opacity: 1; filter: alpha(opacity=100); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.photography { background: url("../images/icon_photography.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.design { background: url("../images/icon_design.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.about { background: url("../images/icon_about.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.services { background: url("../images/icon_services.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.contact { background: url("../images/icon_contact.png") bottom center no-repeat; } /* ^-^ */ .contentContainer { width: 540px; margin: 0px auto; padding: 0px; } .contentContainer .wrapper-gallery .row-gallery { padding: 0px 0px 10px 0px; } .contentContainer .wrapper-gallery .row-gallery .col-galleryImage .gallery-thumbnail { padding: 0px; } /* ^-^ */ .container-footer { width: 550px; } .container-footer .navbar-collapse { width: auto; margin: 0px; padding: 0px; } .container-footer ul.menu_footer { margin: 0px; } .container-footer ul.menu_footer li { float: left; text-align: left; } .container-footer ul.menu_footer li a:after { content: url("../images/slash01.gif"); } .container-footer .navbar-header .navbar-toggle { display: none; } .container-footer .copyright { text-align: center; } /* ^-^ */ #top-link-block, #top-link-block a { display: block; width: 54px; height: 54px; line-height: 54px; text-align: center; outline: none; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 25px; } #top-link-block.affix { position: fixed; bottom: 25px; right: 25px; } .backToTopBtn span { padding: 16px 0px 0px 0px; } } @media only screen and (min-width: 1200px) { header .container-headerWrapper { width: 850px; } header .container-headerWrapper .headerLogo { width: 850px; height: 261px; background: url("../images/bg_header_pc01.png") top center no-repeat; } header .container-headerWrapper .headerLogo .logoPlace { padding: 17px 0px 0px 0px; } header .container-headerWrapper .headerLogo .logoPlace img { width: auto; } header .navbar-header { width: 550px; } header .navbar-header .navbar-toggle { display: none; } /* ^-^ */ header .container-headerWrapper .headerMenu { width: 850px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_shadow { width: 850px; } header .container-headerWrapper .headerMenu .headerMenu_items { width: 540px; height: 226px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li { float: left; list-style: none; margin: 0px 10px 0px 0px; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li.last-child { margin: 0px; } /* silly IE8 doesn't support :last-child */ header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a { display: block; width: 100px; height: 171px; text-align: center; color: #909090; background: url("../images/bg_menuItem.png") top left no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.icon { display: block; width: 100px; height: 123px; opacity: 0.5; filter: alpha(opacity=50); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink { display: block; width: 100px; height: 171px; text-align: center; color: #606069; background: url("../images/bg_menuItem.png") top right no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.icon { display: block; width: 100px; height: 123px; opacity: 1; filter: alpha(opacity=100); } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a.activeLink span.link { display: block; padding: 10px 0px 0px 0px; font-size: 10px; text-transform: uppercase; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.photography { background: url("../images/icon_photography.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.design { background: url("../images/icon_design.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.about { background: url("../images/icon_about.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.services { background: url("../images/icon_services.png") bottom center no-repeat; } header .container-headerWrapper .headerMenu .headerMenu_items .mainNav li a span.contact { background: url("../images/icon_contact.png") bottom center no-repeat; } /* ^-^ */ .contentContainer { width: 540px; margin: 0px auto; padding: 0px; } .contentContainer .wrapper-gallery .row-gallery { padding: 0px 0px 10px 0px; } /* ^-^ */ .container-footer { width: 540px; } .container-footer .navbar-collapse { width: auto; margin: 0px; padding: 0px; } .container-footer ul.menu_footer { margin: 0px; } .container-footer ul.menu_footer li { float: left; text-align: left; } .container-footer ul.menu_footer li a:after { content: url("../images/slash01.gif"); } .container-footer .navbar-header .navbar-toggle { display: none; } .container-footer .copyright { text-align: center; } /* ^-^ */ #top-link-block, #top-link-block a { display: block; width: 54px; height: 54px; line-height: 54px; text-align: center; outline: none; } #top-link-block.affix-top { position: absolute; bottom: -82px; right: 25px; } #top-link-block.affix { position: fixed; bottom: 25px; right: 25px; } .backToTopBtn span { padding: 16px 0px 0px 0px; } } /* --- END - Media screens conditions --------------------------------------------------------------------------------------------------------------------------------------------- */