-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathgeneral.css
More file actions
1713 lines (1354 loc) · 24.8 KB
/
general.css
File metadata and controls
1713 lines (1354 loc) · 24.8 KB
1
html { font-family: Roboto, sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%;}/* ------ */.bg-grey { /*background-color: #e8e8e8;*/ background-color: #c5c5c5;}.fancybox-error { background-color: #1397fc;}.l-link { color: #1397fc; font-size: 18px; /*margin-bottom: 46px;*/ /*display: inline-block;*/}.l-link-small { color: #1397fc; opacity: 0.99;}.bold { font-weight: bold;}/*.fancybox-opened { background-color: #555555;}.fancybox-wrap { padding: 3em; border: 3em; margin: 5em;}*/.socialicon { font-size: 4em; margin-top: 20px; padding-left: 10px;}.person-socialicon { font-size: 3em; /*margin-top:20px;*/ /*padding-left:10px;*/}a.in-about { background: url(img/in.svg); background-size: 44px 44px; background-repeat: no-repeat; transition: all 0.2s ease 0s;}a.fb-about { background: url(img/fb.svg); background-size: 44px 44px; background-repeat: no-repeat; transition: all 0.2s ease 0s;}a.email-about { background: url(img/e-mail.svg); background-size: 44px 44px; background-repeat: no-repeat; transition: all 0.2s ease 0s;}a.github-about { background: url(img/github.svg); background-size: 44px 44px; background-repeat: no-repeat; transition: all 0.2s ease 0s;}.form-header-3 { /*color: #c0c0c0;*/ color: #ffffff;}input.button { margin-top: 1em !important; margin-bottom: 1em !important;}/* ------ */body { font-size: 14px; margin: 0;}article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block;}audio, canvas, progress, video { display: inline-block; vertical-align: baseline;}header { text-align: center; overflow-y: hidden; margin-top: 130px;}audio:not([controls]) { display: none; height: 0;}[hidden], template { display: none;}a { background-color: transparent;}a:active, a:hover { outline: 0;}abbr[title] { border-bottom: 1px dotted;}b, strong { font-weight: bold;}dfn { font-style: italic;}h1 { font-size: 32px; margin: 52px 0 0; font-weight: 100; line-height: 1.25; color: #ffffff;}mark { background: #ff0; color: #000;}small { font-size: 80%;}sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}sup { top: -0.5em;}sub { bottom: -0.25em;}img { border: 0;}svg:not(:root) { overflow: hidden;}figure { margin: 1em 40px;}hr { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; height: 0;}pre { overflow: auto;}code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; font-size: 14px; font-weight: 400; color: #ffffff;}button { overflow: visible;}button, select { text-transform: none;}button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer;}button[disabled], html input[disabled] { cursor: default;}button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;}input { line-height: normal;}input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0;}input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto;}input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;}fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}legend { border: 0; padding: 0;}textarea { overflow: auto;}optgroup { font-weight: bold;}table { border-collapse: collapse; border-spacing: 0;}td, th { padding: 0;}* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}body { font-family: Roboto; font-size: 14px; line-height: 1.42857143; color: #333333; background-color: #ffffff;}input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; width: 100%; padding: 10px 4px; background: none; border: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.32);}a { opacity: 0.5; font-family: Roboto; font-size: 14px; font-weight: 400; color: #ffffff; text-decoration: none;}a:hover, a:focus { opacity: 0.99 !important;}a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px;}figure { margin: 0;}img { vertical-align: middle;}.img-responsive { display: block; max-width: 100%; height: auto;}.img-rounded { border-radius: 6px;}.img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto;}.img-circle { border-radius: 50%;}hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee;}.sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0;}.sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto;}[role="button"] { cursor: pointer;}.container { margin-right: auto; margin-left: auto; /* padding-left: 15px; */ /* padding-right: 15px; */}@media (min-width: 768px) { .container { width: 750px; }}@media (min-width: 992px) { .container { width: 970px; }}@media (min-width: 1200px) { .container { width: 1160px; }}.container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}.row { /* margin-left: -15px; */ /* margin-right: -15px; */}.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; /* padding-left: 15px; */ /* padding-right: 15px; */}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left;}.col-xs-12 { width: 100%;}.col-xs-11 { width: 91.66666667%;}.col-xs-10 { width: 83.33333333%;}.col-xs-9 { width: 75%;}.col-xs-8 { width: 66.66666667%;}.col-xs-7 { width: 58.33333333%;}.col-xs-6 { width: 50%;}.col-xs-5 { width: 41.66666667%;}.col-xs-4 { width: 33.33333333%;}.col-xs-3 { width: 25%;}.col-xs-2 { width: 16.66666667%;}.col-xs-1 { width: 8.33333333%;}.col-xs-pull-12 { right: 100%;}.col-xs-pull-11 { right: 91.66666667%;}.col-xs-pull-10 { right: 83.33333333%;}.col-xs-pull-9 { right: 75%;}.col-xs-pull-8 { right: 66.66666667%;}.col-xs-pull-7 { right: 58.33333333%;}.col-xs-pull-6 { right: 50%;}.col-xs-pull-5 { right: 41.66666667%;}.col-xs-pull-4 { right: 33.33333333%;}.col-xs-pull-3 { right: 25%;}.col-xs-pull-2 { right: 16.66666667%;}.col-xs-pull-1 { right: 8.33333333%;}.col-xs-pull-0 { right: auto;}.col-xs-push-12 { left: 100%;}.col-xs-push-11 { left: 91.66666667%;}.col-xs-push-10 { left: 83.33333333%;}.col-xs-push-9 { left: 75%;}.col-xs-push-8 { left: 66.66666667%;}.col-xs-push-7 { left: 58.33333333%;}.col-xs-push-6 { left: 50%;}.col-xs-push-5 { left: 41.66666667%;}.col-xs-push-4 { left: 33.33333333%;}.col-xs-push-3 { left: 25%;}.col-xs-push-2 { left: 16.66666667%;}.col-xs-push-1 { left: 8.33333333%;}.col-xs-push-0 { left: auto;}.col-xs-offset-12 { margin-left: 100%;}.col-xs-offset-11 { margin-left: 91.66666667%;}.col-xs-offset-10 { margin-left: 83.33333333%;}.col-xs-offset-9 { margin-left: 75%;}.col-xs-offset-8 { margin-left: 66.66666667%;}.col-xs-offset-7 { margin-left: 58.33333333%;}.col-xs-offset-6 { margin-left: 50%;}.col-xs-offset-5 { margin-left: 41.66666667%;}.col-xs-offset-4 { margin-left: 33.33333333%;}.col-xs-offset-3 { margin-left: 25%;}.col-xs-offset-2 { margin-left: 16.66666667%;}.col-xs-offset-1 { margin-left: 8.33333333%;}.col-xs-offset-0 { margin-left: 0%;}.col-md-left { text-align: center;}.col-md-right { text-align: center;}@media (min-width: 992px) { .col-md-left { text-align: left; } .col-md-right { text-align: right; }}@media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; }}@media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; }}@media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; }}.clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table;}.clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both;}.center-block { display: block; margin-left: auto; margin-right: auto;}.pull-right { float: right !important;}.pull-left { float: left !important;}.hide { display: none !important;}.show { display: block !important;}.invisible { visibility: hidden;}.text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0;}.hidden { display: none !important;}.affix { position: fixed;}body { background: #29343f; overflow-x: hidden; padding-top: 1px;}.clr { clear: both;}canvas#canvas { height: 520px; position: absolute;}.top-links li { display: inline-block; margin: 0 0px; height: 40px; padding: 0 10px;}ul.top-links { vertical-align: middle; margin: 0; padding: 0; text-align: center;}.logo { background: url(img/logo.png) no-repeat; display: inline-block; width: 40px; height: 45px; background-size: contain; vertical-align: middle; /* margin-top: 30px; */}#top .row > div { height: 50px;}#top a { /* vertical-align: middle; */ display: inline-block; height: 40px; padding: 10px 8px; line-height: 20px;}section#top { padding: 40px 0; min-height: 130px; position: absolute; width: 100%;}a.btn { background: #1397fc; opacity: 0.95; margin-left: 17px; padding: 10px 20px !important; border-radius: 20px;}h1 span { font-weight: 400;}.text { font-size: 18px; font-weight: 300; margin-top: 20px; /* text-align: center; */ color: #ffffff; margin-bottom: 27px;}a.watch { font-size: 16px; font-weight: 400; width: 169px; display: inline-block; height: 46px; background: url(img/play.png) no-repeat 20px 50%; opacity: 0.9; border-radius: 100px; border: solid 1px #ffffff; padding-left: 52px; padding-top: 10px;}.banner { /* background: url(img/banner.jpg) no-repeat 50% 100%; */ width: 100%; min-height: 390px; display: table; background-size: contain;}section#about { background: #fff; text-align: center; padding-bottom: 64px;}.h-about { font-size: 32px; font-weight: 400; margin-top: 73px; /* text-align: center; */ color: #000000; margin-bottom: 20px;}a.l-about { color: #1397fc; font-size: 18px; margin-bottom: 46px; display: inline-block;}.t-about { font-size: 18px; font-weight: 300; line-height: 1.56; margin-bottom: 30px; text-align: center; color: #555555;}@media (min-width: 992px) { .t-about, .txt-hiw, .txt2-hiw { width: 800px; margin-left: auto; margin-right: auto; }}.tt-about { font-size: 20px; font-weight: 400; text-align: center; margin-bottom: 11px; color: #000000;}.txt-about { font-family: Roboto; font-size: 16px; font-weight: 300; margin-bottom: 11px; text-align: center; color: #555555;}a.mail-about { background: url(img/mail.png) no-repeat 50% 50%;}a.navi-about { background: url(img/navi.png) no-repeat 50% 50%; transition: all 0.2s ease 0s;}.lnk-about > a { margin: 5px; display: inline-block; width: 48px; height: 48px; border: 1px solid #e2e2e2; border-radius: 50%;}.lnk-about > a:hover { border-color: #000;}.i-about img { width: 100%; /* visibility: hidden; */ transition: all 0.5s ease 0s; transform-style: preserve-3d;}.i-about { margin-bottom: 20px; width: 93%; overflow: hidden; background-size: 100%; background-position: 50%; display: inline-block; background-repeat: no-repeat;}.txt-about {}section#hiw { background: #fafafa; text-align: center; padding-bottom: 76px;}.t-hiw { font-size: 32px; font-weight: 400; text-align: center; color: #000000; margin-top: 70px;}.txt-hiw { font-size: 18px; font-weight: 300; line-height: 1.56; text-align: center; color: #555555; margin-top: 21px;}.infograph { background-color: #e8e8e8; height: 270px; margin-top: 39px;}.txt2-hiw { font-size: 15px; font-weight: 300; line-height: 1.6; text-align: center; margin-top: 33px; color: #555555;}.infograph {}.txt2-hiw {}section#contacts { /* height: 380px; */ padding-bottom: 75px;}footer { height: 90px; font-size: 14px; background: #18212a; font-weight: 300; color: #ffffff; padding-top: 30px;}.t-contacs { font-size: 24px; font-weight: 400; margin-top: 70px; color: #ffffff; margin-bottom: 17px;}.txt-contacts { opacity: 0.5; font-family: Roboto; font-size: 15px; font-weight: 300; line-height: 1.6; width: 80%; color: #ffffff;}input[type="text"] { width: 90%;}input[type="email"] { display: block; /* margin-left: 10%; */ width: 100%;}input[type="submit"] { border-radius: 100px; background-color: #1397fc; width: auto; padding: 10px 23px; border: 0; opacity: 0.9;}div#contact-form-1 { margin-left: 20px; margin-top: 67px;}textarea { margin-top: 20px; height: 100px; margin-bottom: 30px;}.b-col { display: table-cell; vertical-align: bottom; height: 100%;}.b-col img { width: 100%; box-shadow: 0 0 34px 0 rgba(0, 0, 0, 0.3);}.banner {}.i-about:hover img { transform: scale(1.25);}.mail-success { color: #fff;}input[type="submit"]:hover { opacity: 0.99;}section#top.fixed { position: fixed; background-color: #fff; z-index: 1; top: 0; min-height: 90px; padding: 20px 0; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}section#top.fixed a { color: #000;}section#top.fixed .logo { color: #000; background: url(img/logo-light.png) no-repeat;}.fancybox-lock section#top { padding-right: 17px;}