.box-title { font-size:16px; text-transform:uppercase; font-weight:400; color:#fff; position:relative; margin-top:0; display:inline-block; vertical-align:top; line-height:20px; border-left:2px solid #fff; margin-bottom:30px; } .box-title-large { text-transform:uppercase; font-weight:400; color:#fff; position:relative; margin-top:0; display:inline-block; vertical-align:top; border-left:2px solid #fff; margin-bottom:30px; font-size:1.125em; line-height:30px; } .box-title-single { font-size:16px; text-transform:uppercase; font-weight:400; color:#fff; position:relative; margin-top:0; margin-left:4px; display:inline-block; vertical-align:top; line-height:20px; margin-bottom:30px; background-color:#fff; padding:0 10px; } .box-title-large-single { text-transform:uppercase; font-weight:400; color:#fff; position:relative; margin-top:0; margin-left:4px; display:inline-block; vertical-align:top; margin-bottom:30px; background-color:#fff; font-size:1.125em; line-height:30px; padding:0 10px; } html { font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%; } body { margin:0; } article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; } audio,canvas,progress,video { display:inline-block; vertical-align:baseline; } audio:not([controls]) { display:none; height:0; } [hidden],template { display:none; } a { background:transparent; } a:active,a:hover { outline:0; } abbr[title] { border-bottom:1px dotted; } dfn { font-style:italic; } h1 { font-size:2em; margin:.67em 0; } mark { background:#ff0; color:#000; } small { font-size:80%; } sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; } sup { top:-.5em; } sub { bottom:-.25em; } img { border:0; } svg:not(:root) { overflow:hidden; } figure { margin:1em 40px; } hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; } code,kbd,pre,samp { font-family:monospace,monospace; font-size:1em; } button,input,optgroup,select,textarea { color:inherit; font:inherit; margin:0; } 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; } input { line-height:normal; } input[type="checkbox"],input[type="radio"] { 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; -moz-box-sizing:content-box; -webkit-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 silver; margin:0 2px; padding:.35em .625em .75em; } table { border-collapse:collapse; border-spacing:0; } td,th { padding:0; } .box-title span,.box-title-large span { margin-left:2px; background:#fff; display:inline-block; padding:0 10px; } .box-title-single:before,.box-title-large-single:before { content:''; width:2px; height:100%; background-color:#fff; position:absolute; top:0; left:-4px; } .box-title-single a,.box-title-large-single a { color:#fff; } b,strong,optgroup { font-weight:700; } pre,textarea { overflow:auto; } button::-moz-focus-inner,input::-moz-focus-inner,legend { border:0; padding:0; } @media print { *{ text-shadow:none!important; color:#000!important; background:transparent!important; box-shadow:none!important; } a,a:visited{ text-decoration:underline; } a[href]:after { content:" (" attr(href) ")"; } abbr[title]:after { content:" (" attr(title) ")"; } a[href^="javascript:"]:after,a[href^="#"]:after { content:""; } pre,blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr,img { page-break-inside:avoid; } img { max-width:100%!important; } p,h2,h3 { orphans:3; widows:3; } h2,h3 { page-break-after:avoid; } select { background:#fff!important; } .navbar { display:none; } .table td,.table th { background-color:#fff!important; } .btn>.caret,.dropup>.btn>.caret,.widget_newsletterwidget .newsletter-submit>.caret,.dropup>.widget_newsletterwidget .newsletter-submit>.caret { border-top-color:#000!important; } .label { border:1px solid #000; } .table { border-collapse:collapse!important; } .table-bordered th,.table-bordered td { border:1px solid #ddd!important; } } *{ -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:16px; -webkit-tap-highlight-color:rgba(0,0,0,0); } body { font-family:Dosis,serif; font-size:16px; line-height:1.7; color:#fff; background-color:#262626; font-weight:400; font-style:normal; } input,button,select,textarea { font-family:inherit; font-size:inherit; line-height:inherit; } a { color:#fff; text-decoration:none; -webkit-transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease; -o-transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease; transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease; } figure { margin:0; } img { vertical-align:middle; border:0; max-width:100%; height:auto; } .img-responsive,.thumbnail>img,.thumbnail a>img { display:block; width:100% \9; max-width:100%; height:auto; } .img-rounded { border-radius:20px; } .img-thumbnail { line-height:1.7; background-color:#262626; border:1px solid #ddd; border-radius:3px; -webkit-transition:all .2s ease-in-out; -o-transition:all .2s ease-in-out; transition:all .2s ease-in-out; display:inline-block; width:100% \9; max-width:100%; height:auto; padding:.25em; } .img-circle { border-radius:50%; } img.grayscale,.grayscale>img { -webkit-filter:grayscale(100%); filter:url("data:image/svg+xml;utf8,#greyscale"); } img.grayscale:hover,.grayscale>img:hover { -webkit-filter:grayscale(0%); filter:grayscale(0%); } hr { margin-top:1.6875em; margin-bottom:1.6875em; border:0; border-top:1px solid #cecfd0; } .sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); border:0; margin:-1px; padding:0; } .sr-only-focusable:active,.sr-only-focusable:focus { position:static; width:auto; height:auto; overflow:visible; clip:auto; margin:0; } iframe { width:100%; max-width:100%; border:0; } h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 { font-family:Dosis,serif; font-weight:400; line-height:1.7; color:#fff; font-style:normal; } h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small { font-weight:400; line-height:1; color:#4c4441; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,.h1 a,.h2 a,.h3 a,.h4 a,.h5 a,.h6 a { color:#fff; } h1,.h1,h2,.h2,h3,.h3 { margin-top:1.6875rem; margin-bottom:.84375rem; } h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small { font-size:65%; } h4,.h4,h5,.h5,h6,.h6 { margin-top:.84375em; margin-bottom:.84375em; } h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small { font-size:75%; } h1,.h1 { font-size:2.25em; } h2,.h2 { font-size:1.875em; } h3,.h3 { font-size:1.5em; } h4,.h4 { font-size:1.125em; } h5,.h5 { font-size:.875em; } h6,.h6 { font-size:.75em; } h1.white,h2.white,h3.white,h4.white,h5.white { color:#FFF; } h1.text-shadow,h2.text-shadow,h3.text-shadow,h4.text-shadow,h5.text-shadow { text-shadow:1px 1px 0 rgba(0,0,0,0.2); } p { margin:0 0 .84375em; } .lead { margin-bottom:1.6875em; font-size:18px; font-weight:300; line-height:1.4; } a:hover,a:focus,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,.h1 a:hover,.h2 a:hover,.h3 a:hover,.h4 a:hover,.h5 a:hover,.h6 a:hover { color:#d91f26; text-decoration:none; } @media (min-width: 768px) { .lead{ font-size:24px; } } cite { font-style:normal; } mark,.mark { background-color:#fcf8e3; padding:.2em; } .text-left { text-align:left; } .text-right { text-align:right; } .text-center { text-align:center; } .text-justify { text-align:justify; } .text-nowrap { white-space:nowrap; } .text-lowercase { text-transform:lowercase; } .text-uppercase { text-transform:uppercase; } .text-capitalize { text-transform:capitalize; } .text-muted { color:#4c4441; } .text-primary { color:#d91f26; } a.text-primary:hover { color:#ac191e; } .text-success { color:#3c763d; } a.text-success:hover { color:#2b542c; } .text-info { color:#31708f; } a.text-info:hover { color:#245269; } .text-warning { color:#8a6d3b; } a.text-warning:hover { color:#66512c; } .text-danger { color:#a94442; } a.text-danger:hover { color:#843534; } .bg-primary { color:#fff; background-color:#d91f26; } a.bg-primary:hover { background-color:#ac191e; } .bg-success { background-color:#dff0d8; } a.bg-success:hover { background-color:#c1e2b3; } .bg-info { background-color:#d9edf7; } a.bg-info:hover { background-color:#afd9ee; } .bg-warning { background-color:#fcf8e3; } a.bg-warning:hover { background-color:#f7ecb5; } .bg-danger { background-color:#f2dede; } a.bg-danger:hover { background-color:#e4b9b9; } .bg-primary-overlay { background:rgba(217,31,38,0.95); } .bg-cover { -webkit-background-size:cover!important; -moz-background-size:cover!important; -o-background-size:cover!important; background-size:cover!important; } .bg-transparent { background-color:transparent; } .page-header { padding-bottom:-.15625em; border-bottom:1px solid #cecfd0; margin:3.375em 0 1.6875em; } ul,ol { margin-top:0; margin-bottom:.84375em; } ul ul,ol ul,ul ol,ol ol { margin-bottom:0; } ol { color:#d91f26; font-style:normal; font-family:Dosis,serif; font-size:1.125em; font-weight:400; } ol li>* { font-family:Dosis,serif; font-style:normal; font-weight:400; font-size:inherit; color:#fff; } .list-unstyled { padding-left:0; list-style:none; } .list-inline { padding-left:0; list-style:none; margin-left:-5px; } .list-inline>li { display:inline-block; padding-left:5px; padding-right:5px; } dl { margin-top:0; margin-bottom:1.6875em; } dt,dd { line-height:1.7; } dt { font-weight:700; } dd { margin-left:0; } @media (min-width: 768px) { .dl-horizontal dt { float:left; width:160px; clear:left; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .dl-horizontal dd { margin-left:180px; } } abbr[title],abbr[data-original-title] { cursor:help; border-bottom:1px dotted #4c4441; } .initialism { font-size:90%; text-transform:uppercase; } blockquote { font-size:20px; border-left:5px solid #cecfd0; margin:0 0 1.6875em; padding:.84375em 1.6875em; } blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child { margin-bottom:0; } blockquote footer,blockquote small,blockquote .small { display:block; font-size:80%; line-height:1.7; color:#4c4441; } blockquote footer:before,blockquote small:before,blockquote .small:before { content:'\2014 \00A0'; } .blockquote-reverse,blockquote.pull-right { padding-right:15px; padding-left:0; border-right:5px solid #cecfd0; border-left:0; text-align:right; } .blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before { content:''; } .blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after { content:'\00A0 \2014'; } blockquote:before,blockquote:after { content:""; } address { margin-bottom:1.6875em; font-style:normal; line-height:1.7; } .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:1200px; } } .container-fluid,.container-boxed { margin-right:auto; margin-left:auto; padding-left:15px; padding-right:15px; } @media (min-width: 768px) { .container-boxed { width:96.2%; } } @media (min-width: 992px) { .container-boxed { width:97%; } } @media (min-width: 1200px) { .container-boxed { width:97%; } } .container-boxed.max { max-width:1200px; } .container-boxed.offset { padding-top:0; padding-bottom:30px; margin:0 auto; } @media (max-width: 767px) { .container-boxed { width:100%; } .container-boxed.max { max-width:100%; } .container-boxed.offset { padding-top:0; padding-bottom:0; margin:40px auto; } } .container-fullwidth { overflow:hidden;width:100%; } @media (min-width: 800px) and (max-width: 991px) { .container-boxed { width:97%; } .noo-main { float:left; /*width:66.666666666667%;*/ } .col-md-12.noo-main { width:inherit; float:none; } .noo-sidebar { float:left; /*width:33.333333333333%;*/ } } .noo-sidebar { position:relative; } @media (max-width: 991px) { .noo-sidebar-wrap { margin-top:30px; } } .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.666666666667%; } .col-xs-10 { width:83.333333333333%; } .col-xs-9 { width:75%; } .col-xs-8 { width:66.666666666667%; } .col-xs-7 { width:58.333333333333%; } .col-xs-6 { width:50%; } .col-xs-5 { width:41.666666666667%; } .col-xs-4 { width:33.333333333333%; } .col-xs-3 { width:25%; } .col-xs-2 { width:16.666666666667%; } .col-xs-1 { width:8.3333333333333%; } .col-xs-pull-12 { right:100%; } .col-xs-pull-11 { right:91.666666666667%; } .col-xs-pull-10 { right:83.333333333333%; } .col-xs-pull-9 { right:75%; } .col-xs-pull-8 { right:66.666666666667%; } .col-xs-pull-7 { right:58.333333333333%; } .col-xs-pull-6 { right:50%; } .col-xs-pull-5 { right:41.666666666667%; } .col-xs-pull-4 { right:33.333333333333%; } .col-xs-pull-3 { right:25%; } .col-xs-pull-2 { right:16.666666666667%; } .col-xs-pull-1 { right:8.3333333333333%; } .col-xs-pull-0 { right:auto; } .col-xs-push-12 { left:100%; } .col-xs-push-11 { left:91.666666666667%; } .col-xs-push-10 { left:83.333333333333%; } .col-xs-push-9 { left:75%; } .col-xs-push-8 { left:66.666666666667%; } .col-xs-push-7 { left:58.333333333333%; } .col-xs-push-6 { left:50%; } .col-xs-push-5 { left:41.666666666667%; } .col-xs-push-4 { left:33.333333333333%; } .col-xs-push-3 { left:25%; } .col-xs-push-2 { left:16.666666666667%; } .col-xs-push-1 { left:8.3333333333333%; } .col-xs-push-0 { left:auto; } .col-xs-offset-12 { margin-left:100%; } .col-xs-offset-11 { margin-left:91.666666666667%; } .col-xs-offset-10 { margin-left:83.333333333333%; } .col-xs-offset-9 { margin-left:75%; } .col-xs-offset-8 { margin-left:66.666666666667%; } .col-xs-offset-7 { margin-left:58.333333333333%; } .col-xs-offset-6 { margin-left:50%; } .col-xs-offset-5 { margin-left:41.666666666667%; } .col-xs-offset-4 { margin-left:33.333333333333%; } .col-xs-offset-3 { margin-left:25%; } .col-xs-offset-2 { margin-left:16.666666666667%; } .col-xs-offset-1 { margin-left:8.3333333333333%; } .col-xs-offset-0 { margin-left:0; } @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.666666666667%; } .col-sm-10 { width:83.333333333333%; } .col-sm-9 { width:75%; } .col-sm-8 { width:66.666666666667%; } .col-sm-7 { width:58.333333333333%; } .col-sm-6 { width:50%; } .col-sm-5 { width:41.666666666667%; } .col-sm-4 { width:33.333333333333%; } .col-sm-3 { width:25%; } .col-sm-2 { width:16.666666666667%; } .col-sm-1 { width:8.3333333333333%; } .col-sm-pull-12 { right:100%; } .col-sm-pull-11 { right:91.666666666667%; } .col-sm-pull-10 { right:83.333333333333%; } .col-sm-pull-9 { right:75%; } .col-sm-pull-8 { right:66.666666666667%; } .col-sm-pull-7 { right:58.333333333333%; } .col-sm-pull-6 { right:50%; } .col-sm-pull-5 { right:41.666666666667%; } .col-sm-pull-4 { right:33.333333333333%; } .col-sm-pull-3 { right:25%; } .col-sm-pull-2 { right:16.666666666667%; } .col-sm-pull-1 { right:8.3333333333333%; } .col-sm-pull-0 { right:auto; } .col-sm-push-12 { left:100%; } .col-sm-push-11 { left:91.666666666667%; } .col-sm-push-10 { left:83.333333333333%; } .col-sm-push-9 { left:75%; } .col-sm-push-8 { left:66.666666666667%; } .col-sm-push-7 { left:58.333333333333%; } .col-sm-push-6 { left:50%; } .col-sm-push-5 { left:41.666666666667%; } .col-sm-push-4 { left:33.333333333333%; } .col-sm-push-3 { left:25%; } .col-sm-push-2 { left:16.666666666667%; } .col-sm-push-1 { left:8.3333333333333%; } .col-sm-push-0 { left:auto; } .col-sm-offset-12 { margin-left:100%; } .col-sm-offset-11 { margin-left:91.666666666667%; } .col-sm-offset-10 { margin-left:83.333333333333%; } .col-sm-offset-9 { margin-left:75%; } .col-sm-offset-8 { margin-left:66.666666666667%; } .col-sm-offset-7 { margin-left:58.333333333333%; } .col-sm-offset-6 { margin-left:50%; } .col-sm-offset-5 { margin-left:41.666666666667%; } .col-sm-offset-4 { margin-left:33.333333333333%; } .col-sm-offset-3 { margin-left:25%; } .col-sm-offset-2 { margin-left:16.666666666667%; } .col-sm-offset-1 { margin-left:8.3333333333333%; } .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.666666666667%; } .col-md-10 { width:83.333333333333%; } .col-md-9 { width:75%; } .col-md-8 { width:66.666666666667%; } .col-md-7 { width:58.333333333333%; } .col-md-6 { width:50%; } .col-md-5 { width:41.666666666667%; } .col-md-4 { width:33.333333333333%; } .col-md-3 { width:25%; } .col-md-2 { width:16.666666666667%; } .col-md-1 { width:8.3333333333333%; } .col-md-pull-12 { right:100%; } .col-md-pull-11 { right:91.666666666667%; } .col-md-pull-10 { right:83.333333333333%; } .col-md-pull-9 { right:75%; } .col-md-pull-8 { right:66.666666666667%; } .col-md-pull-7 { right:58.333333333333%; } .col-md-pull-6 { right:50%; } .col-md-pull-5 { right:41.666666666667%; } .col-md-pull-4 { right:33.333333333333%; } .col-md-pull-3 { right:25%; } .col-md-pull-2 { right:16.666666666667%; } .col-md-pull-1 { right:8.3333333333333%; } .col-md-pull-0 { right:auto; } .col-md-push-12 { left:100%; } .col-md-push-11 { left:91.666666666667%; } .col-md-push-10 { left:83.333333333333%; } .col-md-push-9 { left:75%; } .col-md-push-8 { left:66.666666666667%; } .col-md-push-7 { left:58.333333333333%; } .col-md-push-6 { left:50%; } .col-md-push-5 { left:41.666666666667%; } .col-md-push-4 { left:33.333333333333%; } .col-md-push-3 { left:25%; } .col-md-push-2 { left:16.666666666667%; } .col-md-push-1 { left:8.3333333333333%; } .col-md-push-0 { left:auto; } .col-md-offset-12 { margin-left:100%; } .col-md-offset-11 { margin-left:91.666666666667%; } .col-md-offset-10 { margin-left:83.333333333333%; } .col-md-offset-9 { margin-left:75%; } .col-md-offset-8 { margin-left:66.666666666667%; } .col-md-offset-7 { margin-left:58.333333333333%; } .col-md-offset-6 { margin-left:50%; } .col-md-offset-5 { margin-left:41.666666666667%; } .col-md-offset-4 { margin-left:33.333333333333%; } .col-md-offset-3 { margin-left:25%; } .col-md-offset-2 { margin-left:16.666666666667%; } .col-md-offset-1 { margin-left:8.3333333333333%; } .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.666666666667%; } .col-lg-10 { width:83.333333333333%; } .col-lg-9 { width:75%; } .col-lg-8 { width:66.666666666667%; } .col-lg-7 { width:58.333333333333%; } .col-lg-6 { width:50%; } .col-lg-5 { width:41.666666666667%; } .col-lg-4 { width:33.333333333333%; } .col-lg-3 { width:25%; } .col-lg-2 { width:16.666666666667%; } .col-lg-1 { width:8.3333333333333%; } .col-lg-pull-12 { right:100%; } .col-lg-pull-11 { right:91.666666666667%; } .col-lg-pull-10 { right:83.333333333333%; } .col-lg-pull-9 { right:75%; } .col-lg-pull-8 { right:66.666666666667%; } .col-lg-pull-7 { right:58.333333333333%; } .col-lg-pull-6 { right:50%; } .col-lg-pull-5 { right:41.666666666667%; } .col-lg-pull-4 { right:33.333333333333%; } .col-lg-pull-3 { right:25%; } .col-lg-pull-2 { right:16.666666666667%; } .col-lg-pull-1 { right:8.3333333333333%; } .col-lg-pull-0 { right:auto; } .col-lg-push-12 { left:100%; } .col-lg-push-11 { left:91.666666666667%; } .col-lg-push-10 { left:83.333333333333%; } .col-lg-push-9 { left:75%; } .col-lg-push-8 { left:66.666666666667%; } .col-lg-push-7 { left:58.333333333333%; } .col-lg-push-6 { left:50%; } .col-lg-push-5 { left:41.666666666667%; } .col-lg-push-4 { left:33.333333333333%; } .col-lg-push-3 { left:25%; } .col-lg-push-2 { left:16.666666666667%; } .col-lg-push-1 { left:8.3333333333333%; } .col-lg-push-0 { left:auto; } .col-lg-offset-12 { margin-left:100%; } .col-lg-offset-11 { margin-left:91.666666666667%; } .col-lg-offset-10 { margin-left:83.333333333333%; } .col-lg-offset-9 { margin-left:75%; } .col-lg-offset-8 { margin-left:66.666666666667%; } .col-lg-offset-7 { margin-left:58.333333333333%; } .col-lg-offset-6 { margin-left:50%; } .col-lg-offset-5 { margin-left:41.666666666667%; } .col-lg-offset-4 { margin-left:33.333333333333%; } .col-lg-offset-3 { margin-left:25%; } .col-lg-offset-2 { margin-left:16.666666666667%; } .col-lg-offset-1 { margin-left:8.3333333333333%; } .col-lg-offset-0 { margin-left:0; } } .clearfix:before,.clearfix:after,.dl-horizontal dd:before,.dl-horizontal dd:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.container-boxed:before,.container-boxed:after,.container-fullwidth:before,.container-fullwidth:after,.row:before,.row:after,.panel-body:before,.panel-body:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.navbar:before,.navbar:after,.navbar-collapse:before,.navbar-collapse:after,.sf-menu:before,.sf-menu:after,.noo-menu:before,.noo-menu:after,.modal-footer:before,.modal-footer:after,.single-post.single-format-audio .content-featured:before,.single-post.single-format-audio .content-featured:after,.content:before,.content:after,#author-bio:before,#author-bio:after,.single-noo-portfolio .attribute-list:before,.single-noo-portfolio .attribute-list:after,.widget_tag_cloud .tagcloud:before,.widget_tag_cloud .tagcloud:after,.widget_product_tag_cloud .tagcloud:before,.widget_product_tag_cloud .tagcloud:after,.comments-area>.comment-respond .comment-form-fields:before,.comments-area>.comment-respond .comment-form-fields:after,.masonry-header:before,.masonry-header:after { content:" "; display:table; } .clearfix:after,.dl-horizontal dd:after,.container:after,.container-fluid:after,.container-boxed:after,.container-fullwidth:after,.row:after,.panel-body:after,.form-horizontal .form-group:after,.navbar:after,.navbar-collapse:after,.sf-menu:after,.noo-menu:after,.modal-footer:after,.single-post.single-format-audio .content-featured:after,.content:after,#author-bio:after,.single-noo-portfolio .attribute-list:after,.widget_tag_cloud .tagcloud:after,.widget_product_tag_cloud .tagcloud:after,.comments-area>.comment-respond .comment-form-fields:after,.masonry-header:after { clear:both; } .center-block { display:block; margin-left:auto; margin-right:auto; } .pull-right { float:right!important; } .pull-left { float:left!important; } .text-bold { font-weight:700!important; } .text-uppercase { text-transform:uppercase!important; } .hide { display:none!important; } .show { display:block!important; } .invisible { } .text-hide { font:0/0 a; color:transparent; text-shadow:none; background-color:transparent; border:0; } .hidden { display:none!important; visibility:hidden!important; } .affix { position:fixed; -webkit-transform:translate3d(0,0,0); transform:translate3d(0,0,0); } .close { float:right; font-size:1.5rem; font-weight:700; line-height:1; color:#000; text-shadow:0 1px 0 #fff; opacity:0.2; filter:alpha(opacity=20); } .close:hover,.close:focus { color:#000; text-decoration:none; cursor:pointer; opacity:0.5; filter:alpha(opacity=50); } button.close { cursor:pointer; background:transparent; border:0; -webkit-appearance:none; padding:0; } .fade { opacity:0; -webkit-transition:opacity .15s linear; -o-transition:opacity .15s linear; transition:opacity .15s linear; } .fade.in { opacity:1; } .collapse { display:none; } .collapse.in { display:block; } tr.collapse.in { display:table-row; } tbody.collapse.in { display:table-row-group; } .collapsing { position:relative; height:0; overflow:hidden; -webkit-transition:height .35s ease; -o-transition:height .35s ease; transition:height .35s ease; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * 3.0 - Structure * 3.1 - panels */ .panel { margin-bottom: 1.6875em; background-color: #ffffff; border: 1px solid transparent; border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); } .panel-body { padding: 15px; } .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 1.125rem; color: inherit; } .panel-title > a { color: inherit; } .panel-footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #dddddd; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 2px; border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 2px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 2px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 2px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 2px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid #262626; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 1.6875em; } .panel-group .panel { margin-bottom: 0; border-radius: 3px; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid #dddddd; } .panel-group .panel-footer { border-top: 0; } .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #dddddd; } .panel-default { border-color: #dddddd; } .panel-default > .panel-heading { color: #2f2f2f; background-color: #f5f5f5; border-color: #dddddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dddddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #2f2f2f; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dddddd; } .panel-primary { border-color: #d91f26; } .panel-primary > .panel-heading { color: #ffffff; background-color: #d91f26; border-color: #d91f26; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d91f26; } .panel-primary > .panel-heading .badge { color: #d91f26; background-color: #ffffff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d91f26; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } /** * 3.0 - Structure * 3.2 - */ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 3px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 20px; } .well-sm { padding: 9px; border-radius: 3px; } /** * 4.0 - Basic Element * 4.1 - tables */ table { background-color: transparent; } th { text-align: left; } .table { width: 100%; max-width: 100%; margin-bottom: 1.6875em; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding: 0.5em; line-height: 1.7; vertical-align: top; border-top: 1px solid #262626; } .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #262626; } .table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td { border-top: 0; } .table > tbody + tbody { border-top: 2px solid #262626; } .table .table { background-color: #262626; } .table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 0.3125em; } .table-bordered { border: 1px solid #262626; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #262626; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped { border: 1px solid #262626; } .table-striped > thead { background-color: #ffffff; } .table-striped > thead tr > th { border: 1px solid #ffffff !important; font-size: 18px; font-weight: 400; line-height: 30px; text-align: center; color: #fff; } .table-striped > thead tr > th:hover { background-color: #ffffff; } .table-striped > thead > tr > th, .table-striped > tbody > tr > th, .table-striped > tfoot > tr > th, .table-striped > thead > tr > td, .table-striped > tbody > tr > td, .table-striped > tfoot > tr > td { text-align: center; border: 1px solid #262626; } .table-striped > thead > tr > th, .table-striped > thead > tr > td { border-bottom-width: 1px; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: #f5f5f5; } .table-striped > tbody > tr:nth-child(even) > td, .table-striped > tbody > tr:nth-child(even) > th { background-color: #fff; } .table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f5f5f5; } table col[class*="col-"] { position: static; float: none; display: table-column; } table td[class*="col-"], table th[class*="col-"] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > tbody > tr > td.active, .table > tfoot > tr > td.active, .table > thead > tr > th.active, .table > tbody > tr > th.active, .table > tfoot > tr > th.active, .table > thead > tr.active > td, .table > tbody > tr.active > td, .table > tfoot > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr.active > th, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } @media screen and (max-width: 767px) { .table-responsive { width: 100%; margin-bottom: 1.265625em; overflow-y: hidden; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #262626; -webkit-overflow-scrolling: touch; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } /** * 4.0 - Basic Element * 4.2 - forms */ fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 1.6875em; font-size: 24px; line-height: inherit; color: #2f2f2f; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; font-weight: 300; } input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } input[type="radio"], input[type="checkbox"] { margin: 0.45em 0 0; margin-top: 1px \9; line-height: normal; } input[type="file"] { display: block; } input[type="range"] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } output { display: block; padding-top: 1.375em; font-size: 16px; line-height: 1.7; color: #555555; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { display: block; width: 100%; padding-left: 10px; padding-right: 10px; line-height: 1.7; background-color: transparent; background-image: none; border-bottom: 1px solid #343434; border-radius: 0; letter-spacing: 0.5px; margin: 0 0 5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555555; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } textarea:focus::-moz-placeholder, input[type="text"]:focus::-moz-placeholder, input[type="password"]:focus::-moz-placeholder, input[type="datetime"]:focus::-moz-placeholder, input[type="datetime-local"]:focus::-moz-placeholder, input[type="date"]:focus::-moz-placeholder, input[type="month"]:focus::-moz-placeholder, input[type="time"]:focus::-moz-placeholder, input[type="week"]:focus::-moz-placeholder, input[type="number"]:focus::-moz-placeholder, input[type="email"]:focus::-moz-placeholder, input[type="url"]:focus::-moz-placeholder, input[type="search"]:focus::-moz-placeholder, input[type="tel"]:focus::-moz-placeholder, input[type="color"]:focus::-moz-placeholder { color: #ffffff; opacity: 1; } textarea:focus:-ms-input-placeholder, input[type="text"]:focus:-ms-input-placeholder, input[type="password"]:focus:-ms-input-placeholder, input[type="datetime"]:focus:-ms-input-placeholder, input[type="datetime-local"]:focus:-ms-input-placeholder, input[type="date"]:focus:-ms-input-placeholder, input[type="month"]:focus:-ms-input-placeholder, input[type="time"]:focus:-ms-input-placeholder, input[type="week"]:focus:-ms-input-placeholder, input[type="number"]:focus:-ms-input-placeholder, input[type="email"]:focus:-ms-input-placeholder, input[type="url"]:focus:-ms-input-placeholder, input[type="search"]:focus:-ms-input-placeholder, input[type="tel"]:focus:-ms-input-placeholder, input[type="color"]:focus:-ms-input-placeholder { color: #ffffff; } textarea:focus::-webkit-input-placeholder, input[type="text"]:focus::-webkit-input-placeholder, input[type="password"]:focus::-webkit-input-placeholder, input[type="datetime"]:focus::-webkit-input-placeholder, input[type="datetime-local"]:focus::-webkit-input-placeholder, input[type="date"]:focus::-webkit-input-placeholder, input[type="month"]:focus::-webkit-input-placeholder, input[type="time"]:focus::-webkit-input-placeholder, input[type="week"]:focus::-webkit-input-placeholder, input[type="number"]:focus::-webkit-input-placeholder, input[type="email"]:focus::-webkit-input-placeholder, input[type="url"]:focus::-webkit-input-placeholder, input[type="search"]:focus::-webkit-input-placeholder, input[type="tel"]:focus::-webkit-input-placeholder, input[type="color"]:focus::-webkit-input-placeholder { color: #ffffff; } .form-control, .widget_newsletterwidget .newsletter-email, .form-control:not(.submit), .contact-content select, .form-select { display: block; width: 100%; height: 40px; font-size: 16px; line-height: 1.7; background-color: #fff; background-image: none; border: 0; border-bottom: 1px solid #343434; border-radius: 0; letter-spacing: 0.5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555555; } .form-control:focus, .widget_newsletterwidget .newsletter-email:focus, .form-control:not(.submit):focus, .wpcf7 select:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .form-control:focus::-moz-placeholder, .widget_newsletterwidget .newsletter-email:focus::-moz-placeholder, .form-control:not(.submit):focus::-moz-placeholder, .wpcf7 select:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .form-control:focus:-ms-input-placeholder, .widget_newsletterwidget .newsletter-email:focus:-ms-input-placeholder, .form-control:not(.submit):focus:-ms-input-placeholder, .wpcf7 select:focus:-ms-input-placeholder { color: #ffffff; } .form-control:focus::-webkit-input-placeholder, .widget_newsletterwidget .newsletter-email:focus::-webkit-input-placeholder, .form-control:not(.submit):focus::-webkit-input-placeholder, .wpcf7 select:focus::-webkit-input-placeholder { color: #ffffff; } .form-control::-moz-placeholder, .widget_newsletterwidget .newsletter-email::-moz-placeholder, .form-control:not(.submit)::-moz-placeholder, .wpcf7 select::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .form-control:-ms-input-placeholder, .widget_newsletterwidget .newsletter-email:-ms-input-placeholder, .form-control:not(.submit):-ms-input-placeholder, .wpcf7 select:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .form-control::-webkit-input-placeholder, .widget_newsletterwidget .newsletter-email::-webkit-input-placeholder, .form-control:not(.submit)::-webkit-input-placeholder, .wpcf7 select::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control, .widget_newsletterwidget .newsletter-email[disabled], .widget_newsletterwidget .newsletter-email[readonly], fieldset[disabled] .widget_newsletterwidget .newsletter-email, .form-control:not(.submit)[disabled], .form-control:not(.submit)[readonly], fieldset[disabled] .form-control:not(.submit), .wpcf7 select[disabled], .wpcf7 select[readonly], fieldset[disabled] .wpcf7 select { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.form-control, textarea.widget_newsletterwidget .newsletter-email, textarea.form-control:not(.submit), textarea.wpcf7 select { height: auto; } input[type="search"] { -webkit-appearance: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { line-height: 40px; line-height: 1.7 \0; } input[type="date"].input-sm, input[type="time"].input-sm, input[type="datetime-local"].input-sm, input[type="month"].input-sm { line-height: 3.1637500000000003em; } input[type="date"].input-lg, input[type="time"].input-lg, input[type="datetime-local"].input-lg, input[type="month"].input-lg { line-height: 4.1875em; } .form-group { position: relative; margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; min-height: 1.6875em; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"].disabled, input[type="checkbox"].disabled, fieldset[disabled] input[type="radio"], fieldset[disabled] input[type="checkbox"] { cursor: not-allowed; } .radio-inline.disabled, .checkbox-inline.disabled, fieldset[disabled] .radio-inline, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, .checkbox.disabled label, fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 1.375em; padding-bottom: 1.375em; margin-bottom: 0; } .form-control-static.input-lg, .form-control-static.input-sm { padding-left: 0; padding-right: 0; } .input-sm, .form-horizontal .form-group-sm .form-control, .form-horizontal .form-group-sm .widget_newsletterwidget .newsletter-email, .form-horizontal .form-group-sm .form-control:not(.submit), .form-horizontal .form-group-sm .wpcf7 select { height: 3.1637500000000003em; padding: 0.5em 0.75em; font-size: 0.875em; line-height: 1.33; border-radius: 3px; } select.input-sm { height: 3.1637500000000003em; line-height: 3.1637500000000003em; } textarea.input-sm, select[multiple].input-sm { height: auto; } .input-lg, .form-horizontal .form-group-lg .form-control, .form-horizontal .form-group-lg .widget_newsletterwidget .newsletter-email, .form-horizontal .form-group-lg .form-control:not(.submit), .form-horizontal .form-group-lg .wpcf7 select { height: 4.1875em; padding: 0.625em 1em; font-size: 1.125em; line-height: 1.5; border-radius: 20px; } select.input-lg { height: 4.1875em; line-height: 4.1875em; } textarea.input-lg, select[multiple].input-lg { height: auto; } .has-feedback { position: relative; } .has-feedback .form-control, .has-feedback .widget_newsletterwidget .newsletter-email, .has-feedback .form-control:not(.submit), .has-feedback .wpcf7 select { padding-right: 50px; } .form-control-feedback { position: absolute; top: 6.6875em; right: 0; z-index: 2; display: block; width: 40px; height: 40px; line-height: 40px; text-align: center; } .input-lg + .form-control-feedback { width: 4.1875em; height: 4.1875em; line-height: 4.1875em; } .input-sm + .form-control-feedback { width: 3.1637500000000003em; height: 3.1637500000000003em; line-height: 3.1637500000000003em; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline { color: #3c763d; } .has-success .form-control, .has-success .widget_newsletterwidget .newsletter-email, .has-success .form-control:not(.submit), .has-success .wpcf7 select { border-color: #3c763d; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus, .has-success .widget_newsletterwidget .newsletter-email:focus, .has-success .form-control:not(.submit):focus, .has-success .wpcf7 select:focus { background: #3c3c3c; color: #ffffff; border-bottom: 0; outline: 0; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline { color: #8a6d3b; } .has-warning .form-control, .has-warning .widget_newsletterwidget .newsletter-email, .has-warning .form-control:not(.submit), .has-warning .wpcf7 select { border-color: #8a6d3b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus, .has-warning .widget_newsletterwidget .newsletter-email:focus, .has-warning .form-control:not(.submit):focus, .has-warning .wpcf7 select:focus { background: #3c3c3c; color: #ffffff; border-bottom: 0; outline: 0; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline { color: #a94442; } .has-error .form-control, .has-error .widget_newsletterwidget .newsletter-email, .has-error .form-control:not(.submit), .has-error .wpcf7 select { border-color: #a94442; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus, .has-error .widget_newsletterwidget .newsletter-email:focus, .has-error .form-control:not(.submit):focus, .has-error .wpcf7 select:focus { background: #3c3c3c; color: #ffffff; border-bottom: 0; outline: 0; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #ffffff; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control, .form-inline .widget_newsletterwidget .newsletter-email, .form-inline .form-control:not(.submit), .form-inline .wpcf7 select { display: inline-block; width: auto; vertical-align: middle; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control, .form-inline .input-group .widget_newsletterwidget .newsletter-email, .form-inline .input-group .form-control:not(.submit), .form-inline .input-group .wpcf7 select { width: auto; } .form-inline .input-group > .form-control, .form-inline .input-group > .widget_newsletterwidget .newsletter-email, .form-inline .input-group > .form-control:not(.submit), .form-inline .input-group > .wpcf7 select { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 1.375em; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 3.0625em; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .control-label { margin-bottom: 0; font-weight: 700; text-transform: uppercase; margin: 0; line-height: 40px; font-family: 'Dosis', serif; } .form-horizontal .has-feedback .form-control-feedback { top: 0; right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 1.9375em; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 1.5em; } } .form-group .dropdown > span { height: 40px; line-height: 40px; padding: 0 20px; display: block; cursor: pointer; border: 1px solid #262626; -webkit-border-radius: 3px; border-radius: 3px; overflow: hidden; position: relative; } .form-group .dropdown > span:before { content: "\f107"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .form-group .dropdown > span:before { border-left: 1px solid #262626; display: block; height: 40px; line-height: 40px; position: absolute; right: 0; text-align: center; width: 40px; } .form-group .dropdown .dropdown-menu { width: 100%; border: 1px solid #262626; padding: 0; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.175); background: #fff; } .form-group .dropdown .dropdown-menu > li { border-bottom: 1px solid #262626; padding: 0; margin: 0; } .form-group .dropdown .dropdown-menu > li:last-child { border: none; } .form-group .dropdown .dropdown-menu > li > a { padding-top: 10px; padding-bottom: 10px; font-weight: inherit; } .form-group .dropdown .dropdown-menu > li > a:focus, .form-group .dropdown .dropdown-menu > li > a:hover { background-color: #d91f26; color: #ffffff; } .login-form .form-group { margin-bottom: 0; } .login-form label { font-weight: 400; } .login-form .form-actions { margin-top: 30px; } .login-form .form-actions .btn, .login-form .form-actions .widget_newsletterwidget .newsletter-submit { min-width: 170px; } .login-form .form-actions .forgot-password { margin: 0 20px; font-weight: 400; } @media (max-width: 480px) { .login-form .form-actions .forgot-password { display: block; margin: 20px 0 0; } } @media (max-width: 767px) { .login-form .noo-register-now { margin-top: 30px; } } .login-form .noo-register-now .title { font-size: 1.5em; margin-bottom: 30px; font-family: 'Dosis', serif; } .noo-register-form .account-reg-term { margin-top: 0; padding-top: 0; } .noo-register-form .account-reg-term .checkbox { padding-top: 0; } .noo-register-form .form-actions .btn, .noo-register-form .form-actions .widget_newsletterwidget .newsletter-submit { min-width: 170px; } /** * 4.0 - Basic Element * 4.3 - buttons */ .btn, .widget_newsletterwidget .newsletter-submit { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; } .btn:hover, .btn:focus, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus { outline: 0; background: #4c4441; } .btn:focus, .btn:active:focus, .btn.active:focus, .widget_newsletterwidget .newsletter-submit:focus, .widget_newsletterwidget .newsletter-submit:active:focus, .widget_newsletterwidget .newsletter-submit.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .btn:hover, .btn:focus, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .btn:active, .btn.active, .widget_newsletterwidget .newsletter-submit:active, .widget_newsletterwidget .newsletter-submit.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn.disabled, .widget_newsletterwidget .newsletter-submit.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-link { color: #ffffff; font-weight: normal; cursor: pointer; border-radius: 0; } .btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover, .btn-link:focus { color: #d91f26; text-decoration: none; background-color: transparent; } .btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus { color: #4c4441; text-decoration: none; } .btn-lg { padding: 0.625em 1em; font-size: 1.125em; line-height: 1.5; border-radius: 0; } .btn-sm { padding: 0.5em 0.75em; font-size: 0.875em; line-height: 1.33; border-radius: 0; } .btn-xs { padding: 0.0625em 0.3125em; font-size: 0.875em; line-height: 1.33; border-radius: 0; } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; } .btn-block + .btn-block { margin-top: 5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .button { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; } .button:hover, .button:focus { outline: 0; background: #4c4441; } .button:hover, .button:focus { outline: 0; background: #4c4441; } .button:focus, .button:active:focus, .button.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .button:hover, .button:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .button:active, .button.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .button.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default, .entry-tags a, .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a, .single .noo_album .album-summary .entry-summary .album-tag a { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; } .btn-default:hover, .btn-default:focus { outline: 0; background: #4c4441; } .btn-default:hover, .btn-default:focus { outline: 0; background: #4c4441; } .btn-default:focus, .btn-default:active:focus, .btn-default.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .btn-default:hover, .btn-default:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .btn-default:active, .btn-default.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-default.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-primary, .widget_newsletterwidget .newsletter-submit { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-primary:hover, .btn-primary:focus, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus { outline: 0; background: #4c4441; } .btn-primary:hover, .btn-primary:focus, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus { outline: 0; background: #4c4441; } .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .widget_newsletterwidget .newsletter-submit:focus, .widget_newsletterwidget .newsletter-submit:active:focus, .widget_newsletterwidget .newsletter-submit.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .btn-primary:hover, .btn-primary:focus, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .btn-primary:active, .btn-primary.active, .widget_newsletterwidget .newsletter-submit:active, .widget_newsletterwidget .newsletter-submit.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-primary.disabled, .widget_newsletterwidget .newsletter-submit.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary, .widget_newsletterwidget .newsletter-submit:hover, .widget_newsletterwidget .newsletter-submit:focus, .widget_newsletterwidget .newsletter-submit:active, .widget_newsletterwidget .newsletter-submit.active, .open > .dropdown-toggle.widget_newsletterwidget .newsletter-submit { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-primary:hover, .widget_newsletterwidget .newsletter-submit:hover { background: #555555; border-color: #3b3b3b; } .btn-second { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #ffffff; background-color: #d91f26; border-color: #d91f26; } .btn-second:hover, .btn-second:focus { outline: 0; background: #4c4441; } .btn-second:hover, .btn-second:focus { outline: 0; background: #4c4441; } .btn-second:focus, .btn-second:active:focus, .btn-second.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .btn-second:hover, .btn-second:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .btn-second:active, .btn-second.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-second.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .btn-second:hover, .btn-second:focus, .btn-second:active, .btn-second.active, .open > .dropdown-toggle.btn-second { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-success { color: #ffffff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-info { color: #ffffff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-warning { color: #ffffff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .btn-danger { color: #ffffff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } /** * 4.0 - Basic Element * 4.4 - thumbnails */ .thumbnail { display: block; padding: 0.25em; margin-bottom: 1.6875em; line-height: 1.7; background-color: #262626; border: 1px solid #dddddd; border-radius: 3px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { margin-left: auto; margin-right: auto; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #ffffff; } .thumbnail .caption { padding: 0.5625em; color: #ffffff; } /** * 4.0 - Basic Element * 4.5 - dropdowns */ .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px solid; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 16px; text-align: left; background-color: #555555; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: -0.15625em 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.7; color: #ffffff; white-space: nowrap; } .dropdown-menu > li > a:hover/*, .dropdown-menu > li > a:focus*/ { text-decoration: none; color: #d91f26; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #ffffff; text-decoration: none; outline: 0; background-color: #d91f26; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover/*, .dropdown-menu > .disabled > a:focus*/ { color: #4c4441; } .dropdown-menu > .disabled > a:hover/*, .dropdown-menu > .disabled > a:focus*/ { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 0.875em; line-height: 1.7; color: #4c4441; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px solid; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 1px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { left: auto; right: 0; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } /** * 4.0 - Basic Element * 4.6 - navbar */ .navbar { height: 100px; z-index: 1000; background-color: #151515; text-align: center; margin-bottom: 0; border-bottom: none; } @media (max-width: 991px) { .navbar-collapse { clear: both; } } @media (min-width: 992px) { .navbar-collapse { width: auto; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } } .fixed-top { width: 100%; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } @media (min-width: 992px) { .navbar-fixed-top { right: 0; z-index: 1030; background-color: #0a0a0a; position: fixed; top: 0; left: 0; } .navbar-fixed-top.bg-transparent { background-color: #0a0a0a; } .navbar-fixed-top .noo-logo-floating { display: none !important; } .navbar-fixed-top .navbar .navbar-nav > li > a { color: #000000 !important; -webkit-transition: all 0.6s linear 0s; -o-transition: all 0.6s linear 0s; transition: all 0.6s linear 0s; } .navbar-fixed-top .navbar:not(.navbar-fixed-top) .member-search form { color: #000 !important; } } body.boxed-layout .navbar-fixed-top { margin-right: auto; margin-left: auto; width: 90%; max-width: 1200px; } body.nice-scroll:not(.boxed-layout) .navbar-fixed-top { padding-right: 10px; } body.boxed-layout.nice-scroll .navbar-fixed-top { width: 90%; width: -webkit-calc( 90% - 10px ); /** Safari 6, Chrome 19-25 **/ width: -moz-calc( 90% - 10px ); /** FF 4-15 **/ width: calc( 90% - 10px ); /** FF 16+, IE 9+, Opera 15, Chrome 26+, Safari 7 and future other browsers **/ left: -10px; } .navbar-fixed-top { top: 0; } .navbar-brand { font-family: 'Dosis', serif; font-weight: 700; font-style: italic; font-size: 30px; height: 100px; line-height: 100px; display: inline-block; } @media (max-width: 991px) { .navbar-brand { float: left; font-size: 16px; padding: 0 15px; height: 100%; } } .navbar-brand, .navbar-brand:hover { color: #ffffff; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand img { max-height: 100px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: relative; vertical-align: middle; } .navbar-brand .noo-logo-img { display: block; } .navbar-brand .noo-logo-retina-img, .navbar-brand .noo-logo-floating { display: none; } .navbar-toggle { position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); font-size: 25px; padding: 0; border-radius: 3px; background-image: none; cursor: pointer; } .navbar-toggle i.fa-bars { display: table-cell; vertical-align: middle; } .navbar-toggle:hover { text-decoration: none; } @media (min-width: 992px) { .navbar-toggle { display: none; } } .navbar-user { display: none; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); right: 0; font-size: 25px; } @media (max-width: 991px) { .navbar-user { display: block; } } .sf-menu, .noo-menu, .sf-menu *, .noo-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu a, .noo-menu a { display: block; position: relative; text-decoration: none; } .sf-menu > li, .noo-menu > li { display: inline-block; } @media (max-width: 991px) { .sf-menu > li, .noo-menu > li { display: block; } } .sf-menu li, .noo-menu li { position: relative; } .sf-menu li:hover > ul.sub-menu, .noo-menu li:hover > ul.sub-menu, .sf-menu li .sfHover > ul.sub-menu, .noo-menu li .sfHover > ul.sub-menu { display: block; } .sf-menu ul.sub-menu, .noo-menu ul.sub-menu { position: absolute; display: none; top: auto; left: auto; width: auto; min-width: 200px; } .noo-menu { margin-right: auto !important; margin-left: auto !important; } .noo-menu li > a { color: #ffffff; padding: 10px 12px; position: relative; } .noo-menu li > a:hover/*, .noo-menu li > a:focus*/ { background-color: #d91f26; } .noo-menu li > a:hover:before/*, .noo-menu li > a:focus:before*/ { position: absolute; content: ""; height: 3px; bottom: 0; width: 100%; background: #ac191e; } .noo-menu li.current-menu-item > a, .noo-menu li.active > a, .noo-menu li > a.active { background-color: #d91f26; color: #ffffff; } .noo-menu li.disabled > a, .noo-menu li.disabled > a:hover, .noo-menu li.disabled > a:focus { color: #4c4441; background-color: #4c4441; } .noo-menu ul.sub-menu { z-index: 1030; background-color: #555555; border: 1px solid #cccccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 3px; } .noo-menu ul.sub-menu ul.sub-menu { top: 10px; left: 95%; right: auto; } .sf-arrows .sub-menu .sf-with-ul:after { content: "\f105"; font-family: "fontawesome"; display: inline-block; font-style: normal; font-weight: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; speak: none; right: 15px; position: absolute; } .navbar-nav, .navbar-nav > li { float: none; } @media (max-width: 991px) { .navbar-nav li { border-top: 1px solid #f2f2f2; background-color: #151515; } } .navbar-nav > li > a { font-weight: normal; } @media (max-width: 991px) { .navbar-nav > li > a { padding-top: 15px !important; padding-bottom: 15px !important; text-align: left; } } .navbar-nav > li.current_page_item > a { color: #ffffff; background-color: #d91f26; } .navbar-nav > li.current_page_item > a:before { position: absolute; content: ""; height: 3px; bottom: 0; width: 100%; background: #ac191e; left: 0; } .navbar-nav > li > a { color: #ffffff; padding: 0 30px; font-size: 120%; font-family: 'Dosis', serif; text-transform: uppercase; } .navbar-nav > li > a:hover/*, .navbar-nav > li > a:focus*/ { color: #ffffff; background-color: #d91f26; } .navbar-nav > li > a:hover:before/*, .navbar-nav > li > a:focus:before*/ { position: absolute; content: ""; height: 3px; bottom: 0; width: 100%; background: #ac191e; left: 0; } .navbar-nav > li:hover > a, .navbar-nav > li .sfHover > a, /*.navbar-default .navbar-nav>li>a:focus,*/ .navbar-default .navbar-nav>li>a:hover { background-color: #d91f26; color: #ffffff; } .navbar-nav > li.active > a { background-color: #d91f26; color: #ffffff; } .navbar-nav > li.active > a:before { position: absolute; content: ""; height: 3px; bottom: 0; width: 100%; background: #ac191e; left: 0; } .navbar-nav > li.disabled > a, .navbar-nav > li.disabled > a:hover, .navbar-nav > li.disabled > a:focus { color: #cccccc; background-color: #d91f26; } .navbar-nav ul.sub-menu { z-index: 1030; font-size: 16px; text-align: left; padding: 10px 0; border-radius: 0; } .navbar-nav ul.sub-menu .textwidget { font-size: 16px; padding: 30px; } @media (max-width: 991px) { .navbar-nav ul.sub-menu > li > a { padding-left: 25px; border-bottom: 1px solid #262626; border-top: 1px solid #262626; } .navbar-nav ul.sub-menu > li > a:before { height: 0; } .navbar-nav ul.sub-menu > li li a { padding-left: 35px; } } .navbar-nav ul.sub-menu li { display: block; } .navbar-nav ul.sub-menu li.current_page_item a:before { border: 0; box-shadow: 0; } .navbar-nav ul.sub-menu li > a { color: #ffffff; padding: 10px 20px; font-size: 16px; text-transform: none; font-weight: 400; border-bottom: 1px solid #262626; text-transform: uppercase; } .navbar-nav ul.sub-menu li > a:hover { color: #d91f26; background-color: transparent; } .navbar-nav ul.sub-menu li > a:hover:before { height: 0; } .navbar-nav ul.sub-menu li:hover .navbar-nav ul.sub-menu li.sfHover > a { color: #d91f26; background-color: transparent; } .navbar-nav ul.sub-menu li.current-menu-item > a { color: #d91f26; background-color: transparent; } .navbar-nav ul.sub-menu li:last-child a { border-bottom: 0; } @media (min-width: 992px) { .navbar-nav > li > ul.sub-menu { left: 0; } .navbar-nav > li > ul.sub-menu ul.sub-menu { top: 10px; left: auto; right: 95%; } .navbar-toggle { display: none; } } @media (max-width: 991px) { .navbar-nav > li { float: none; } .navbar-nav li > a { white-space: normal; } .navbar-nav li { -webkit-transition: none; -o-transition: none; transition: none; } .navbar-nav ul.sub-menu { position: static; float: none; max-width: none; padding: 0; border: none; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; } .navbar-nav ul.sub-menu:before, .navbar-nav ul.sub-menu:after { display: none; } .navbar-nav ul.sub-menu a { font-size: 16px; } } @media (min-width: 992px) { .navbar .navbar-brand { height: 100%; } .navbar .navbar-nav > li > a { line-height: 100px; } } .navbar-nav li.current-menu-item > a { background: #d91f26; } @media (min-width: 992px) { .navbar-nav.sf-menu > li ul.sub-menu { box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); background-color: #131313; } .navbar-nav.sf-menu > li > ul.sub-menu { border-top: 0; } .navbar-nav.sf-menu > li > ul.sub-menu:before { content: ''; position: absolute; bottom: 100%; left: 35px; top: -10px; border: 0; } .navbar-nav.sf-menu > li li.fly-left > ul.sub-menu { left: auto; right: 95%; box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2); } .navbar-nav.sf-menu > li li.fly-right > ul.sub-menu { left: 95%; right: auto; box-shadow: -2px 0 4px 0 rgba(0, 0, 0, 0.135); } .navbar-nav.sf-menu > li.align-left > ul.sub-menu { left: 0; right: auto; } .navbar-nav.sf-menu > li.align-right > ul.sub-menu { left: auto; right: 0; } .navbar-nav.sf-menu > li.align-center > ul.sub-menu { left: 50% !important; right: auto; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .navbar-nav.sf-menu > li.full-100-width { position: inherit !important; } .navbar-nav.sf-menu > li.full-100-width > ul.sub-menu { width: 100%; left: 0; } .navbar-nav.sf-menu > li.full-width { position: inherit !important; } .navbar-nav.sf-menu > li.full-width > ul.sub-menu { width: 100%; max-width: 1200px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .navbar-nav.sf-menu > li.full-100-width.sfHover > ul.sub-menu:before, .navbar-nav.sf-menu > li.full-width.sfHover > ul.sub-menu:before { border: 0; } .navbar-nav.sf-menu > li.full-100-width.sfHover > a, .navbar-nav.sf-menu > li.full-width.sfHover > a { position: relative; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu li { float: none; width: 100%; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu li > a { white-space: normal; border-bottom: 1px solid #262626; border-top: 1px solid #262626; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li { display: block !important; float: left !important; margin: 5px 0; padding-left: 0; padding-right: 0; vertical-align: top; position: relative; width: 32.8%; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li > ul.sub-menu { padding: 0; display: block !important; opacity: 1 !important; top: 0px !important; width: 100%; left: 0px !important; position: relative !important; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children:last-child { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a { background-color: transparent; font-weight: bold; letter-spacing: 2px; font-size: 16px; text-transform: uppercase; padding: 10px 20px; } .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a.sf-with-ul:before, .navbar-nav.sf-menu > li.megamenu > ul.sub-menu > li.menu-item-has-children > a.sf-with-ul:after { display: none; } .navbar-nav.sf-menu > li.megamenu ul.sub-menu li > a { border-top: 0; border-bottom: 1px solid #262626; border-top: 1px solid #262626; } .navbar-nav.sf-menu > li.megamenu ul.sub-menu li > a:before { height: 0; } .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li { width: 49.6%; } .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li:nth-child(2n) { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li:nth-child(2n+1) { clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-2 > ul.sub-menu > li.colspan-2 { width: 100%; clear: both; border-right: none; } .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li { width: 32.8%; } .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li:nth-child(3n) { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li:nth-child(3n+1) { clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li.colspan-2 { width: 65.6%; } .navbar-nav.sf-menu > li.megamenu.columns-3 > ul.sub-menu > li.colspan-3 { width: 100%; clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li { width: 24.45%; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li:nth-child(4n) { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li:nth-child(4n+1) { clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li.colspan-2 { width: 49.6%; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li.colspan-3 { width: 73.35%; } .navbar-nav.sf-menu > li.megamenu.columns-4 > ul.sub-menu > li.colspan-4 { width: 100%; clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li { width: 19.45%; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li:nth-child(5n) { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li:nth-child(5n+1) { clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li.colspan-2 { width: 38.9%; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li.colspan-3 { width: 58.35%; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li.colspan-4 { width: 77.8%; } .navbar-nav.sf-menu > li.megamenu.columns-5 > ul.sub-menu > li.colspan-5 { width: 100%; clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li { width: 16.1%; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li:nth-child(6n) { border-right: none !important; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li:nth-child(6n+1) { clear: both; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li.colspan-2 { width: 32.8%; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li.colspan-3 { width: 49.6%; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li.colspan-4 { width: 65.6%; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li.colspan-5 { width: 80.5%; } .navbar-nav.sf-menu > li.megamenu.columns-6 > ul.sub-menu > li.colspan-6 { width: 100%; clear: both; } } .navbar-toggle.collapsed { color: #ffffff; } .navbar-toggle.collapsed:hover { color: #d9d9d9; } .noo-navbar { display: inline-block; width: 100%; } .noo-menu-item-search { position: relative; } .noo-menu-item-search .searchbar { padding: 15px 10px; -webkit-border-radius: 3px; border-radius: 3px; border-style: solid; border-width: 1px; z-index: 9999; position: absolute; border-color: #ddd; width: 300px; right: 0px; -webkit-box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1); box-shadow: 2px 2px 3px rgba(102, 102, 102, 0.1); background: #fff; top: 100%; } .noo-menu-item-search .searchbar .form-control, .noo-menu-item-search .searchbar .widget_newsletterwidget .newsletter-email, .noo-menu-item-search .searchbar .form-control:not(.submit), .noo-menu-item-search .searchbar .wpcf7 select { margin: 0; } @media (max-width: 991px) { .noo-menu-item-search .searchbar { background: rgba(0, 0, 0, 0); width: auto; } } .noo-menu-item-search .searchbar:before { position: absolute; display: block; content: ""; top: -8px; right: 20px; width: 14px; height: 14px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); border-top: 1px solid #ddd; border-left: 1px solid #ddd; background: #fff; } .noo-menu-item-search .searchbar.hide { display: none; } .noo-menu-item-search .searchbar.show { display: block; } .noo-menu-item-search .searchbar #s { -webkit-box-shadow: none; box-shadow: none; background: #ededed; } .noo-menu-item-search .searchbar #searchsubmit { display: none; } @media (max-width: 991px) { .noo-menu-item-search .search-button { display: none; } .noo-menu-item-search .searchbar { position: relative; right: auto; left: 0; top: 0; -webkit-box-shadow: none; box-shadow: none; border: none; } .noo-menu-item-search .searchbar:before { display: none; } .noo-menu-item-search .searchbar.hide { display: block !important; } } @media (min-width: 992px) { body.page-menu-transparent .noo-header { position: absolute; width: 100%; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); } body.page-menu-transparent .noo-topbar { background-color: rgba(0, 0, 0, 0.5); } body.page-menu-transparent .noo-topbar .noo-social a i { color: rgba(255, 255, 255, 0.2); } body.page-menu-transparent .noo-topbar .noo-social a i:hover { color: #ffffff; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) { margin-right: auto; margin-left: auto; box-shadow: none; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a { color: #ffffff; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a:hover { color: #ffffff; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .member-search form { color: #fff; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-right { border-left: 2px solid rgba(45, 50, 53, 0.2); } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-right .member-links a { color: #ffffff; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-right .member-links a:hover { color: #d91f26; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-brand .noo-logo-normal { display: none; } body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-brand .noo-logo-floating { display: block; } body.page-menu-transparent .noo-page-heading.noo-page-heading-bg > div:first-child { margin-top: 100px; } .page-menu-transparent .navbar:not(.navbar-fixed-top) { background-color: rgba(0, 0, 0, 0.035); border-color: transparent; color: #ffffff; } } @media (min-width: 992px) and (max-width: 768px) { body.page-menu-transparent .navbar:not(.navbar-fixed-top) .navbar-nav > li > a { color: #ffffff; background: #fff; } } .navbar-fixed-top.navbar .navbar-fixed-top.navbar { top: 0 !important; min-height: none!important; } .navbar-header { float: left; position: relative; height: 100px; max-height: 100%; } @media (max-width: 991px) { .navbar-header { float: none; text-align: center; } } @media (max-width: 991px) { .navbar-header .navbar-brand { float: none; height: auto; height: 100%; } } @media (max-width: 767px) { .navbar-header .navbar-brand { padding-right: 0; } } .navbar-primary { float: left; padding: 0 30px; } @media (max-width: 1199px) { .navbar-primary { padding: 0 15px; } } @media (max-width: 991px) { .navbar-primary { display: none; } } .navbar-right { float: right; padding-left: 30px; max-height: 100%; position: relative; } @media (max-width: 1199px) { .navbar-right { padding-left: 15px; } } @media (max-width: 991px) { .navbar-right .user-navbar-collapse { position: absolute; right: 0; z-index: 10; } } .navbar-right .navbar-nav > li { float: left; } @media (max-width: 991px) { .navbar-right .member-links { min-width: 200px; } } .navbar-right .member-links .member-info-wrap { height: 100px; line-height: 100px; } @media (max-width: 991px) { .navbar-right .member-links .member-info-wrap { display: none; } } .navbar-right .member-links a { display: block; line-height: 30px; padding: 0 5px; } .navbar-right .member-links a.member-register-link, .navbar-right .member-links a.member-login-link { display: inline-block; } .navbar-right .member-links a:hover { color: #d91f26 !important; } @media (max-width: 991px) { .navbar-right .member-links a { padding: 5px 20px; margin: 0; display: block; } } .navbar-right .member-links .member-info { font-family: 'Dosis', serif; font-weight: 700; text-transform: capitalize; } @media (max-width: 991px) { .navbar-right .member-links .member-info { border-top: none; text-align: left; } } .navbar-right .member-links .member-info:hover > a { color: #ffffff; } .navbar-right .member-links .member-info .user-name { margin-right: 10px; } @media (max-width: 991px) { .navbar-right .member-links .member-info .user-name { text-indent: -9999em; } } .navbar-right .member-links .member-info img { -webkit-border-radius: 100%; border-radius: 100%; } @media (max-width: 991px) { .navbar-right .member-links .member-info img { display: none; } } .navbar-right .member-links .member-info .sub-menu { left: auto !important; right: 0 !important; } @media (max-width: 991px) { .navbar-right .member-links .member-info .sub-menu { display: block !important; position: relative; } .navbar-right .member-links .member-info .sub-menu a { margin: 0; } } .navbar-right .member-links .member-info .sub-menu a { display: block; } .navbar-right .member-links .member-info .sub-menu a:hover { color: #fff !important; } .navbar-right .member-search { height: 100px; line-height: 100px; padding-right: 30px; } .navbar-right .member-search form { left: 0; position: relative; top: 50%; color: #ffffff; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); background: transparent; } .navbar-right .member-search form:before { content: "\f002"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .navbar-right .member-search form:before { right: 10px; position: absolute; top: 50%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); -o-transform: translate(0px, -50%); transform: translate(0px, -50%); opacity: 1; filter: alpha(opacity=100); } @media (max-width: 991px) { .navbar-right .member-search { padding: 5px 20px; height: auto; line-height: auto; } .navbar-right .member-search form { top: 0; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); -o-transform: translate(0px, 0px); transform: translate(0px, 0px); } } .navbar-right .member-search .formsearch-input { -webkit-border-radius: 0; border-radius: 0; margin: 0; height: 39px; padding: 0 35px 0 10px; border: none; background: rgba(0, 0, 0, 0); width: 0px; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position: relative; z-index: 2; color: #ffffff; cursor: pointer; } .navbar-right .member-search .formsearch-input:focus { cursor: text; width: 200px; background: none repeat scroll 0 0 rgba(224, 224, 224, 0.64); } @media (max-width: 991px) { .navbar-right .member-search .formsearch-input { width: 100%; background: none repeat scroll 0 0 rgba(224, 224, 224, 0.64); } .navbar-right .member-search .formsearch-input:focus { width: 100%; } } .navbar-nav.sf-menu > li.megamenu.full-100-width > ul.sub-menu > li { display: block !important; width: 100% !important; } .full-100-width > .sub-menu > li { position: relative; } .full-100-width > .sub-menu > li:before { background: none repeat scroll 0 0 #484d4f; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 10%; z-index: 1; } .navbar-nav .full-100-width .sub-menu { padding: 0 !important; } .navbar-nav .cat-mega-menu { margin-left: auto; margin-right: auto; } .navbar-nav .cat-mega-menu-wrap { display: table; width: 100%; } .navbar-nav .cat-mega-filters { display: table-cell; width: 20%; height: 100%; position: relative; vertical-align: top; padding-right: 30px; padding-top: 30px; } .navbar-nav .cat-mega-filters:before { background: none repeat scroll 0 0 #484d4f; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; right: 30px; z-index: 1; } .navbar-nav .cat-mega-filters ul { padding: 0; display: block; margin: 0; list-style: none; position: relative; z-index: 2; } .navbar-nav .cat-mega-filters ul li { text-align: right; } .navbar-nav .cat-mega-filters ul li a { color: #777a7b; font-weight: bold; display: inline-block; padding-right: 30px; -webkit-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .navbar-nav .cat-mega-filters ul li a:hover, .navbar-nav .cat-mega-filters ul li.selected a { background: #44494b; color: #fff; } .navbar-nav .cat-mega-contents { display: table-cell; height: 100%; width: 80%; vertical-align: top; padding-top: 30px; padding-bottom: 30px; } .navbar-nav .cat-mega-content h3 { margin-top: 10px; } .navbar-nav .cat-mega-content .cat-mega-intro { float: left; min-height: 1px; width: 41.66666666666667%; } .navbar-nav .cat-mega-content .cat-mega-intro h3 { font-size: 1.2em; } .navbar-nav .cat-mega-content .cat-mega-intro h3 a { color: #fff; } .navbar-nav .cat-mega-content .cat-mega-extra { float: left; min-height: 1px; width: 58.333333333333336%; } .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-row { padding-bottom: 30px; padding-left: 15px; } .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-row:last-child { padding-bottom: 0; } .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-item { width: 33.33333333333333% !important; padding: 0 15px; float: left; } .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-item h3 a { color: #ffffff; padding: 0; margin: 0; font-size: 16px; } .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-item h3 a:hover, .navbar-nav .cat-mega-content .cat-mega-extra .cat-mega-extra-item h3 a:focus { color: #d91f26; } .offcanvas-open .offcanvas { left: 0; } .offcanvas-open .offcanvas-overlay { opacity: 0.8; filter: alpha(opacity=80); visibility: visible; } .offcanvas-overlay { background-color: #b5b5b5; height: 100%; left: 0; opacity: 0; filter: alpha(opacity=0); position: fixed; top: 0; -webkit-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; -o-transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; transition: all 400ms cubic-bezier(0.645, 0.045, 0.355, 1) 0s; width: 100%; z-index: 1050; visibility: hidden; } .offcanvas { display: none; -webkit-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s; background: none repeat scroll 0 0 #f9f9f9; bottom: 0; position: fixed; left: -315px; top: 0; width: 315px; z-index: 9999; overflow-y: auto; overflow-x: hidden; } @media (max-width: 991px) { .offcanvas { display: block; } } .offcanvas-close-btn { cursor: pointer; display: inline-block; height: 100%; overflow: hidden; position: absolute; right: 15px; top: 60px; vertical-align: middle; width: 100%; width: 25px; height: 25px; z-index: 99; opacity: 0.5; filter: alpha(opacity=50); } .offcanvas-close-btn i { background: none repeat scroll 0 0 #ffffff; border-radius: 2px; display: block; height: 2px; position: absolute; top: 10px; width: 100%; left: 0; opacity: 0; } .offcanvas-close-btn i:first-child { left: 0; opacity: 1; top: 10px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .offcanvas-close-btn i:last-child { left: 0; opacity: 1; top: 10px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .offcanvas-close-btn:hover, .offcanvas-close-btn:focus { opacity: 1; filter: alpha(opacity=100); } .offcanvas-wrap { position: relative; padding: 85px 15px; } .offcanvas-wrap .navbar-primary { float: none; padding: 0; display: block; } .offcanvas-wrap .navbar-primary .sf-menu li, .offcanvas-wrap .navbar-primary .noo-menu li { display: block; float: none; background: transparent; border: 0; } .offcanvas-wrap .navbar-primary .sf-menu li a, .offcanvas-wrap .navbar-primary .noo-menu li a { padding-left: 10px; padding-right: 10px; } .offcanvas-wrap .navbar-primary ul.sub-menu { padding: 10px 15px; } .offcanvas-wrap .navbar-primary ul.sub-menu li > a:hover, .offcanvas-wrap .navbar-primary ul.sub-menu li > a:focus { background-color: #d91f26; color: #ffffff; } .offcanvas-wrap .navbar-primary ul.sub-menu li.current-menu-item > a { background-color: #d91f26; color: #ffffff; } .navbar-default .navbar-nav>li>a { color: #ffffff; } @media (min-width: 768px) { .navbar-toggle { display: block; border: none; } .navbar-toggle.collapsed:hover { color: #d9d9d9; background: none; } .navbar-collapse.collapse { display: none!important; } .navbar-collapse.collapse.in { display: block!important; } } @media (min-width: 992px) { .navbar-toggle { display: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } } @media (max-width: 768px) { .navbar-toggle { border: none; } .navbar-toggle.collapsed:hover { color: #d9d9d9; background: none; } } /** * 4.0 - Basic Element * 4.7 - modals */ .modal-open { overflow: hidden; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; -webkit-overflow-scrolling: touch; z-index: 1050; outline: 0; } .modal.fade .modal-dialog { -webkit-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); opacity: 0; filter: alpha(opacity=0); -webkit-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s; -o-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s; -ms-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s; -moz-transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s; transition: scale 0.5s ease-in-out 0s, opacity 0.5s ease-in-out 0s, transform 0.5s ease-in-out 0s; -webkit-transform-origin: center top 0; -moz-transform-origin: center top 0; -ms-transform-origin: center top 0; transform-origin: center top 0; } .modal.in .modal-dialog { opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal-dialog { position: relative; width: auto; margin: 0.625em; } .modal-dialog.modal-dialog-center { left: 50%; margin: 0; position: absolute; top: 50%; } .modal-dialog.modal-dialog-center .modal-body { overflow-y: auto; } .modal-dialog.modal-dialog-center .modal-footer { margin-top: 0; } @media (max-width: 767px) { .modal-dialog.modal-dialog-center { width: 100%; } } .modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 20px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; min-height: 16.7px; } .modal-header .close { margin-top: -0.125em; } .modal-title { margin: 0; line-height: 1.7; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer .btn + .btn, .modal-footer .widget_newsletterwidget .newsletter-submit + .widget_newsletterwidget .newsletter-submit { margin-left: 0.3125em; margin-bottom: 0; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .modal-dialog { width: 600px; margin: 1.875em auto; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 992px) { .modal-lg { width: 900px; } } .donate-modal { font-family: "Dosis", serif; } .donate-modal .donate-error { text-align: center; color: #d9534f; margin-bottom: 15px; } .donate-modal .modal-header { padding: 0; border: none; } .donate-modal .modal-header .close { font-size: 30px; margin: 0; opacity: 0.4; position: absolute; right: 15px; top: 15px; z-index: 1; } .donate-modal .modal-body { padding: 0; } .donate-modal .modal-body .nav-tabs { margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #262626; } .donate-modal .modal-body .nav-tabs > li { margin-bottom: 0; width: 50%; border: none; padding: 0; margin: 0; } .donate-modal .modal-body .nav-tabs > li > a:focus, .donate-modal .modal-body .nav-tabs > li > a:hover, .donate-modal .modal-body .nav-tabs > li > a { margin: 0; text-align: center; padding: 30px; font-weight: bold; border: none; color: #706967; background: transparent; -webkit-border-radius: 0; border-radius: 0; } .donate-modal .modal-body .nav-tabs > li:first-child > a { border-right: 1px solid #262626 !important; } .donate-modal .modal-body .nav-tabs > li.active > a { background: transparent; color: #ffffff; border: none; } .donate-modal .modal-body .tab-content { padding: 30px; } .donate-modal .modal-body .tab-content .donate-form-radio { padding: 15px 0; } .donate-modal .modal-body .tab-content .donate-form-radio:before, .donate-modal .modal-body .tab-content .donate-form-radio:after { content: " "; display: table; } .donate-modal .modal-body .tab-content .donate-form-radio:after { clear: both; } .donate-modal .modal-body .tab-content .donate-form-radio:before, .donate-modal .modal-body .tab-content .donate-form-radio:after { content: " "; display: table; } .donate-modal .modal-body .tab-content .donate-form-radio:after { clear: both; } .donate-modal .modal-body .tab-content .donate-form-radio label { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; display: block; width: 100%; padding-left: 0; padding-right: 0; border: 1px solid #262626; background: #f9f9f9; float: left; font-weight: bold; font-family: "Dosis", serif; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:focus, .donate-modal .modal-body .tab-content .donate-form-radio label:active:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:active, .donate-modal .modal-body .tab-content .donate-form-radio label.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .donate-modal .modal-body .tab-content .donate-form-radio label.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:focus, .donate-modal .modal-body .tab-content .donate-form-radio label:active:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:active, .donate-modal .modal-body .tab-content .donate-form-radio label.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .donate-modal .modal-body .tab-content .donate-form-radio label.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus, .donate-modal .modal-body .tab-content .donate-form-radio label:active, .donate-modal .modal-body .tab-content .donate-form-radio label.active, .open > .dropdown-toggle.donate-modal .modal-body .tab-content .donate-form-radio label { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label:focus, .donate-modal .modal-body .tab-content .donate-form-radio label:active:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label:active, .donate-modal .modal-body .tab-content .donate-form-radio label.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .donate-modal .modal-body .tab-content .donate-form-radio label.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .donate-modal .modal-body .tab-content .donate-form-radio label:hover, .donate-modal .modal-body .tab-content .donate-form-radio label:focus, .donate-modal .modal-body .tab-content .donate-form-radio label:active, .donate-modal .modal-body .tab-content .donate-form-radio label.active, .open > .dropdown-toggle.donate-modal .modal-body .tab-content .donate-form-radio label { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } @media (max-width: 767px) { .donate-modal .modal-body .tab-content .donate-form-radio label { margin-bottom: 15px; } } .donate-modal .modal-body .tab-content .donate-form-radio label input[type=radio] { display: none; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .donate-modal .modal-body .tab-content .donate-form-radio label.selected.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active, .open > .dropdown-toggle.donate-modal .modal-body .tab-content .donate-form-radio label.selected { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { outline: 0; background: #4c4441; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .donate-modal .modal-body .tab-content .donate-form-radio label.selected.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:focus, .donate-modal .modal-body .tab-content .donate-form-radio label.selected:active, .donate-modal .modal-body .tab-content .donate-form-radio label.selected.active, .open > .dropdown-toggle.donate-modal .modal-body .tab-content .donate-form-radio label.selected { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .donate-modal .modal-body .tab-content .donate-form-radio label.selected:hover { background: #555555; border-color: #3b3b3b; } .donate-modal .modal-body .tab-content .donate-form-text { display: block; } .donate-modal .modal-body .tab-content .donate-form-text label { display: block; margin: 0; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-val-by-input { display: none; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input { border: 1px solid #343434; font-style: italic; margin: 0 0 30px; display: block; height: 40px; font-size: 16px; line-height: 1.7; background-color: transparent; background-image: none; border: 0; border-bottom: 1px solid #343434; border-radius: 0; letter-spacing: 0.5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555555; font-family: "Dosis", serif; width: 100%; margin: 15px 0; font-weight: bold; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus:-ms-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus::-webkit-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input[disabled], .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input[readonly], fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input { height: auto; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus:-ms-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:focus::-webkit-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input[disabled], .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input[readonly], fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.donate-modal .modal-body .tab-content .donate-form-text .donate-form-text-input { height: auto; } .donate-modal .modal-body .tab-content .donate-form-text .selected .donate-form-text-input { border-color: #d91f26; } .donate-modal .modal-body .tab-content .donate-form-info textarea, .donate-modal .modal-body .tab-content .donate-form-info input[type=text] { border: 1px solid #343434; font-style: italic; margin: 0 0 30px; height: 40px; font-size: 16px; line-height: 1.7; background-color: transparent; background-image: none; border: 0; border-bottom: 1px solid #343434; border-radius: 0; letter-spacing: 0.5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555555; font-family: "Dosis", serif; display: block; width: 100%; margin-bottom: 15px; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus::-moz-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus:-ms-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus:-ms-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus::-webkit-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus::-webkit-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-info textarea::-moz-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-info textarea:-ms-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-info textarea::-webkit-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-info textarea[disabled], .donate-modal .modal-body .tab-content .donate-form-info input[type=text][disabled], .donate-modal .modal-body .tab-content .donate-form-info textarea[readonly], .donate-modal .modal-body .tab-content .donate-form-info input[type=text][readonly], fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-info textarea, fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-info input[type=text] { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.donate-modal .modal-body .tab-content .donate-form-info textarea, textarea.donate-modal .modal-body .tab-content .donate-form-info input[type=text] { height: auto; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus::-moz-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus:-ms-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus:-ms-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-info textarea:focus::-webkit-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:focus::-webkit-input-placeholder { color: #ffffff; } .donate-modal .modal-body .tab-content .donate-form-info textarea::-moz-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .donate-modal .modal-body .tab-content .donate-form-info textarea:-ms-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-info textarea::-webkit-input-placeholder, .donate-modal .modal-body .tab-content .donate-form-info input[type=text]::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .donate-modal .modal-body .tab-content .donate-form-info textarea[disabled], .donate-modal .modal-body .tab-content .donate-form-info input[type=text][disabled], .donate-modal .modal-body .tab-content .donate-form-info textarea[readonly], .donate-modal .modal-body .tab-content .donate-form-info input[type=text][readonly], fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-info textarea, fieldset[disabled] .donate-modal .modal-body .tab-content .donate-form-info input[type=text] { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.donate-modal .modal-body .tab-content .donate-form-info textarea, textarea.donate-modal .modal-body .tab-content .donate-form-info input[type=text] { height: auto; } .donate-modal .modal-body .tab-content .donate-form-info textarea { height: 150px; } .donate-modal .donate-form-contine { text-align: center; } /** * 4.0 - Basic Element * 4.8 - footer */ footer.colophon { background-image: url('../images/footer_bg.jpg'); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .colophon:before, .colophon:after { content: " "; display: table; } .colophon:after { clear: both; } .colophon:before, .colophon:after { content: " "; display: table; } .colophon:after { clear: both; } .colophon.wigetized .background-footer { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); } .wigetized .widget { color: #ffffff; margin-top: 30px; } .wigetized .widget a { color: #ffffff; } .wigetized .widget a:hover { color: #d91f26; } .wigetized .widget .widget-title { color: #e9f2f1; font-weight: 400; font-size: 1.5em; margin: 0 0 25px 0; padding: 0; } .wigetized .widget .twitter_user, .wigetized .widget .twitter_user a { color: #fff; } .wigetized .widget ul, .wigetized .widget ol { list-style: none; } .wigetized .widget ul li, .wigetized .widget ol li { color: #ffffff; border: none; margin-left: 0; padding-left: 0; } .wigetized .widget ul li a, .wigetized .widget ol li a { color: #ffffff; } .wigetized .widget ul li a:hover, .wigetized .widget ol li a:hover { color: #d91f26; } .wigetized .widget.widget_recent_entries li a { color: #ffffff; } .wigetized .widget.widget_recent_entries li a:hover { color: #d91f26; } .wigetized .widget .textwidget { font-size: 14px; } .wigetized .widget .textwidget p { padding: 0; margin: 0 0 25px 0; font-size: 130%; line-height: 1.3; } .wigetized .widget .textwidget p strong { color: #d9b00f; } .wigetized .widget .textwidget span { font-weight: 600; } .colophon.site-info { background: #202020; } .colophon.site-info .footer-menu { padding: 0.3em 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } .colophon.site-info .footer-menu .noo-menu { display: table; margin: 0 auto; } .colophon.site-info .footer-menu .noo-menu li a { padding: 0.625em 0.75em; color: #ffffff; } .colophon.site-info .footer-menu .noo-menu li.current-menu-item > a { background: none; } .colophon.site-info .footer-more { padding: 30px 0; background: #202020; color: #ffffff; } .colophon.site-info .footer-more a { color: #ffffff; } .colophon.site-info .footer-more a:hover { color: #d91f26; } .colophon.site-info .footer-more .noo-bottom-bar-content { text-align: center; font-family: 'Dosis', serif; font-weight: 700; } .mailchimp-widget .mc-subscribe-form > label { margin-bottom: 25px; font-size: 14px; font-weight: 400; } .mailchimp-widget .mc-subscribe-form .mc-email { display: block; vertical-align: top; width: 100%; min-height: 35px; border: 1px solid #373737; background: none; -webkit-border-radius: 0; border-radius: 0; font-size: 12px; color: rgba(85, 85, 85, 0.7); font-style: normal; padding: 0 15px; margin: 0 0 20px 0; } .mailchimp-widget .mc-subscribe-form .mc-email::-moz-placeholder { color: rgba(85, 85, 85, 0.7); opacity: 1; } .mailchimp-widget .mc-subscribe-form .mc-email:-ms-input-placeholder { color: rgba(85, 85, 85, 0.7); } .mailchimp-widget .mc-subscribe-form .mc-email::-webkit-input-placeholder { color: rgba(85, 85, 85, 0.7); } .mailchimp-widget .mc-subscribe-form .input-mail { position: relative; } .mailchimp-widget .mc-subscribe-form .icon-mc-email { position: absolute; right: 10px; line-height: 30px; top: 0; color: rgba(85, 85, 85, 0.7); font-size: 0.875em; } .mailchimp-widget .mc-subscribe-form button { height: 35px; display: inline-block; border: 0; -webkit-border-radius: 0; border-radius: 0; font-size: 14px; color: #777777; padding: 0 22px ; background: #1f1f1f; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .mailchimp-widget .mc-subscribe-form button:hover { background: #d91f26; color: #ffffff; } a.go-to-top, a.go-to-top:hover a.go-to-top:focus { background-color: rgba(0, 0, 0, 0.15); -webkit-border-radius: 3px; border-radius: 3px; bottom: 72px; opacity: 0; filter: alpha(opacity=0); right: -60px; -webkit-transition: all 0.2s ease-in-out 0s; -o-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s; color: #fff; font-size: 40px; height: 50px; line-height: 1; position: fixed; text-align: center; width: 50px; z-index: 100; visibility: hidden; } a.go-to-top.on, a.go-to-top:hover a.go-to-top:focus.on { opacity: 0.8; filter: alpha(opacity=80); visibility: visible; right: 20px; } a.go-to-top.on:hover, a.go-to-top:hover a.go-to-top:focus.on:hover { opacity: 1; filter: alpha(opacity=100); } .noo-social a { display: inline-block; text-align: center; margin-left: 0.5em; text-decoration: none; color: #262626; } .noo-social a i { width: 30px; height: 30px; line-height: 30px; border: 1px solid #262626; color: #262626; border-radius: 30px; } .noo-social a:hover i { border: 1px solid #d91f26; color: #d91f26; } .noo-social a:first-child { margin-left: 0px; } .noo-social .social-title { display: inline-block; font-weight: bold; } @media (max-width: 991px) { .noo-social .social-title { display: block; } } .wigetized .tribe-events-list-widget ol { padding: 0; margin: 0; list-style: none; } .wigetized .tribe-events-list-widget ol li { padding: 0; margin: 0 0 18px 0; background: none; } .wigetized .tribe-events-list-widget ol li .entry-title { padding: 0; margin: 0; font-size: 0.875em; font-weight: 400; } .wigetized .tribe-events-list-widget ol li .duration { font-weight: 400; } .wigetized .tribe-events-list-widget ol li .duration span { font-size: 12px; line-height: 20px; } .noo-footer-main { margin-bottom: 60px; } .wigetized .noo-footer-bottom { overflow: hidden; text-align: center; position: relative; } .wigetized .noo-footer-bottom .widget { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.025); padding-bottom: 40px; margin-bottom: 40px; } .wigetized .noo-footer-bottom .widget:last-child { padding-bottom: 12px !important; } .wigetized .noo-footer-bottom .widget.widget_noo_social { padding-bottom: 40px; margin-bottom:0; margin-top: 0; } .wigetized .noo-footer-bottom .widget:last-child { border-bottom: 0; padding-bottom: 28px; margin-bottom: 28px; } .wigetized .noo-footer-bottom .widget .widget-title { color: #ffffff; font-weight: 400; font-size: 1.5em; margin: 0 0 25px 0; padding: 0; } .wigetized .noo-footer-bottom .widget ul.noo-infomation:after { clear: both; display: block; content: ''; } .wigetized .noo-footer-bottom .widget ul.noo-infomation li { float: left; font-size: 18px; line-height: 24px; width: 33.333%; text-align: center; } .copyright-info { font-size: 1.2em; letter-spacing: 0.4px; } .copyright-info a { color: #d91f26; } .copyright-info strong { color: gold; } @media (max-width: 767px) { .wigetized .noo-footer-bottom .widget ul.noo-infomation li { width: 100%; } } .wigetized .noo-footer-bottom .widget ul.noo-infomation li.info-phone { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px); } .wigetized .noo-footer-bottom .widget ul.noo-infomation li.info-mail { -webkit-transform: translate(0, -6px); -ms-transform: translate(0, -6px); -o-transform: translate(0, -6px); transform: translate(0, -6px); } .wigetized .noo-footer-bottom .widget ul.noo-infomation li.info-mail .fa { margin-bottom: 24px; } .wigetized .noo-footer-bottom .widget ul.noo-infomation li span.fa { font-size: 50px; color: #d91f26; display: inline-block; margin-bottom: 20px; } .wigetized .noo-footer-bottom .widget ul.noo-infomation li span { display: block; text-align: center; } .wigetized .noo-footer-bottom .widget ul.noo-infomation li address { display: block; margin: 0; text-align: center; } .wigetized .noo-footer-bottom .widget .footer-social { display: inline-block; position: relative; padding: 40px 0 0; margin: 0 23px; } .wigetized .noo-footer-bottom .widget .footer-social:hover .social-name { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); -o-transform: translate(-50%, 0px); transform: translate(-50%, 0px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .wigetized .noo-footer-bottom .widget .footer-social .social-name { left: 50%; -webkit-transform: translate(-50%, -20px); -ms-transform: translate(-50%, -20px); -o-transform: translate(-50%, -20px); transform: translate(-50%, -20px); position: absolute; width: 220px; font-size: 0.875em; top: 0; display: block; text-align: center; opacity: 0; filter: alpha(opacity=0); } .wigetized .noo-footer-bottom .widget .footer-social a { font-size: 36px; display: block; position: static; padding-bottom: 20px; border-bottom: 1px solid transparent; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-facebook:hover { color: #4b6ea8; border-color: #4b6ea8; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-google-plus:hover { color: #dd553b; border-color: #dd553b; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-twitter:hover { color: #29aae2; border-color: #29aae2; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-youtube:hover { color: #d84939; border-color: #d84939; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-skype:hover { color: #00bbf0; border-color: #00bbf0; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-linkedin:hover { color: #038ac4; border-color: #038ac4; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-dribbble:hover { color: #f2689c; border-color: #f2689c; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-pinterest:hover { color: #d83633; border-color: #d83633; } .wigetized .noo-footer-bottom .widget .footer-social a.fa-flickr:hover { color: #3a88d0; border-color: #3a88d0; } footer.colophon.site-info { background-color: #000000; background-image: url('../images/footer_bg.jpg'); background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; padding: 40px 0 0; } footer.colophon.site-info .noo-bottom-bar-content { border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; color: #777777; font-size: 0.875em; padding: 23px 0; letter-spacing: 1px; position: relative; margin: 0; } .wigetized .widget_top_rated_products ul.product_list_widget { padding: 6px 0 0 0; } .wigetized .widget_top_rated_products ul.product_list_widget li { position: relative; padding: 0 0 30px 10%; } .wigetized .widget_top_rated_products ul.product_list_widget li:hover .product-title, .wigetized .widget_top_rated_products ul.product_list_widget li:hover a { color: #d91f26; } .wigetized .widget_top_rated_products ul.product_list_widget li img { width: 65px; } .wigetized .widget_top_rated_products ul.product_list_widget li del, .wigetized .widget_top_rated_products ul.product_list_widget li ins, .wigetized .widget_top_rated_products ul.product_list_widget li .amount { display: none; } .wigetized .widget_top_rated_products ul.product_list_widget li .product-title, .wigetized .widget_top_rated_products ul.product_list_widget li a { font-size: 120%; line-height: 14px; font-weight: 400; display: block; text-transform: none; } .wigetized .widget_top_rated_products ul.product_list_widget li div { font-size: 12px; margin-top: 10px; } .wigetized .widget_top_rated_products ul.product_list_widget li .star-rating { margin-top: 5px; } .tribe-mini-calendar-event { margin-bottom: 15px; padding-bottom: 15px; } .tribe-mini-calendar-event:first-child .list-date, .tribe-mini-calendar-event:first-child .list-info { margin-top: 6px; } .tribe-mini-calendar-event .list-info h2 { font-weight: 400; } .tribe-mini-calendar-event .list-info .duration { font-weight: 300; } .tribe-mini-calendar-event .list-date { background: #2c2c2c; } .tribe-mini-calendar-event .list-date .list-dayname { background: #777777; color: #ffffff; } .tribe-mini-calendar-event .list-date .list-daynumber { font-weight: 400; } .noo-topbar { position: relative; background: #555555; z-index: 1001; line-height: 1.5; font-family: 'Dosis', serif; font-weight: 700; } .noo-topbar .noo-topbar-boxed { max-width: 1600px; margin: 0 auto; padding-left: 30px; padding-right: 30px; } @media (max-width: 1199px) { .noo-topbar .noo-topbar-boxed { padding: 0 15px; } } @media (max-width: 991px) { .noo-topbar { display: none; } } .noo-topbar .date { padding: 10px 20px 10px 0; color: #777a7b; } .noo-topbar .topbar-left { margin: 0; } .noo-topbar .noo-menu li a { color: #777a7b; padding-left: 10px; padding-right: 10px; } .noo-topbar .noo-menu li a:hover { color: #ffffff; } .noo-topbar .noo-menu li.current-menu-item a { color: #ffffff; } .noo-topbar a { color: #777a7b; } .noo-topbar a:hover { color: #ffffff; } .noo-topbar .topbar-right { padding: 10px 0; } .noo-topbar .topbar-right .noo-social { display: inline-block; vertical-align: top; } .noo-topbar .topbar-right .noo-social a i { width: 20px; height: 20px; line-height: 20px; border-color: transparent; border: 0!important; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .noo-topbar .topbar-right .noo-social a i:hover { background: #d91f26; color: #ffffff; } .noo-topbar .topbar-right .noo_top_news { display: inline-block; vertical-align: top; text-align: center; cursor: pointer; margin-left: 0.5em; width: 20px; height: 20px; line-height: 20px; border-color: transparent; border: 0!important; -webkit-border-radius: 100%; border-radius: 100%; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background: #d91f26; color: #ffffff; } .noo-topbar .topbar-right .noo_top_news.up i:before { content: "\f0d8"; } .navbar-wrapper .navbar-inner { max-width: 1600px; margin: 0 auto; padding: 0 30px; } @media (max-width: 1199px) { .navbar-wrapper .navbar-inner { padding: 0 15px; } } @media (max-width: 991px) { .navbar-wrapper .navbar-inner { padding: 0 15px; } } .home .noo-page-heading { padding: 0; margin: 0; } .noo-page-heading { position: relative; margin-bottom: 65px; padding: 100px 0; text-align: left; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center; background-image: url(../images/People-dancing-in-nightclub-london-bg-heading.png); } .noo-page-heading .page-heading-info, .noo-page-heading .noo-page-breadcrumb { position: relative; z-index: 1; } .noo-page-heading .page-title { font-size: 48px; font-weight: 300; color: #ffffff; margin-top: 0; } @media (max-width: 991px) { .noo-page-heading .page-title { font-size: 1.875em; } } @media (max-width: 767px) { .noo-page-heading .page-title { font-size: 1.5em; } } .noo-page-heading:after { content: ''; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } @media (max-width: 991px) { .noo-page-heading { padding: 50px 0; } } .page-menu-transparent .noo-page-heading { padding: 200px 0 100px 0; } @media (max-width: 991px) { .page-menu-transparent .noo-page-heading { padding: 50px 0; } } /** * 5.0 - Additional Element * 5.3 - code */ code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } pre code { white-space: normal; } code { padding: 2px 4px; font-size: 0.875em; color: #c7254e; background-color: #f9f2f4; border-radius: 3px; display: block; color: #555; padding: 0.8em 1em; white-space: normal; word-break: break-all; word-wrap: break-word; } kbd { padding: 2px 4px; font-size: 90%; color: #ffffff; background-color: #333333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; box-shadow: none; } pre { display: block; padding: 0.34375em; margin: 0 0 0.84375em; font-size: 15px; line-height: 1.7; word-break: break-all; word-wrap: break-word; color: #2f2f2f; background-color: #f5f5f5; border: 1px solid #cccccc; border-radius: 3px; } pre code { font-size: inherit; color: inherit; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } /** * 5.0 - Additional Element * 5.4 - call-to-action */ .jumbotron { padding: 30px; margin-bottom: 30px; color: inherit; background-color: #cecfd0; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 24px; font-weight: 200; } .jumbotron > hr { border-top-color: #b4b6b7; } .container .jumbotron { border-radius: 20px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 72px; } } /** * 5.0 - Additional Element * 5.6 - media */ .media, .media-body { overflow: hidden; zoom: 1; } .media, .media .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media-object { display: block; } .media-heading { margin: 0 0 5px; } .media > .pull-left { margin-right: 10px; } .media > .pull-right { margin-left: 10px; } .media-list { padding-left: 0; list-style: none; } /** * 5.0 - Additional Element * 5.11 - responsive-embed */ .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive.embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive.embed-responsive-4by3 { padding-bottom: 75%; } /** * 6.0 - Wordpress part * 6.1 - breadcrumbs */ .breadcrumb { padding: 8px 0 0; margin-bottom: 1.6875em; list-style: none; color: #979797; margin-bottom: 0; } .breadcrumb > li { display: inline-block; font-size: 1.5em; text-transform: uppercase; position: relative; } .breadcrumb > li:before { content: " "; padding: 0 5px; background: #d91f26; font-style: italic; height: 1px; width: 40px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; bottom: 25px; left: 0; } @media (max-width: 767px) { .breadcrumb > li:before { width: 25px; bottom: 20px; } } .breadcrumb > li + li { padding-left: 50px; } @media (max-width: 767px) { .breadcrumb > li + li { padding-left: 30px; } } .breadcrumb > li > a { color: #979797; font-size: 2.25em; font-weight: 300; } @media (max-width: 767px) { .breadcrumb > li > a { font-size: 1.5em; } } .breadcrumb > li > a:hover { color: #ffffff; } .breadcrumb > li > a i { text-decoration: none; } .breadcrumb > li:first-child { padding-right: 15px; } .breadcrumb > li:first-child:before { height: 0; } .breadcrumb > li:first-child a { color: #ffffff; } .breadcrumb > .active span { color: #979797; font-size: 24px; } body .wpb_btn-noo-primary, body .vc_btn_noo_primary { background-color: #d91f26; color: #ffffff; text-shadow: none; border: 0; } body .wpb_btn-noo-primary:hover, body .vc_btn_noo_primary:hover { text-shadow: none; background-color: #e5464c; color: #ffffff; } .vc_column_container .wpb_button { padding: 8px 10px; text-shadow: none; font-size: 18px; font-weight: 400; } .vc_column_container .wpb_button.wpb_btn-small { padding: 10px 20px; font-size: 1.125em; } .vc_column_container .wpb_button.wpb_regularsize { padding: 14px 30px; } .vc_column_container .wpb_button.wpb_btn-large { padding: 16px 36px; } .vc_column_container .vc_btn { padding: 8px 10px; text-shadow: none; font-size: 18px; font-weight: 400; } .vc_column_container .vc_btn.vc_btn_md { padding: 10px 20px; font-size: 1.125em; } .vc_column_container .vc_btn.vc_btn_md { padding: 14px 30px; } .vc_column_container .vc_btn.vc_btn-lg { padding: 16px 36px; } body .wpb_tabs, body .wpb_tour { border: 1px solid #262626; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li { width: 25%; text-align: center; background-color: #e5e5e5; margin: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover { background-color: #d91f26; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover a, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li:hover a { color: #ffffff; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active { background-color: transparent; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active:hover, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active:hover { background-color: transparent; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a { color: #d91f26; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tabs_nav li a, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a { font-size: 1.125em; } body .wpb_tabs .wpb_content_element, body .wpb_tour .wpb_content_element { border: 0; } body .wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { background-color: transparent !important; padding: 40px 30px; } body .wpb_tabs.wpb_tour, body .wpb_tour.wpb_tour { border: 0; } body .wpb_tabs.wpb_tour .wpb_tabs_nav, body .wpb_tour.wpb_tour .wpb_tabs_nav { width: 25%; } body .wpb_tabs.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab, body .wpb_tour.wpb_tour .wpb_tour_tabs_wrapper .wpb_tab { width: 75%; padding: 20px 30px; border: 1px solid #262626; } body .wpb_tabs.wpb_tour .wpb_content_element, body .wpb_tour.wpb_tour .wpb_content_element { border: 0; } body .wpb_tabs.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li, body .wpb_tour.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li { width: 100%; text-align: left; margin-bottom: 2px; } body .wpb_tabs.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active, body .wpb_tour.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active { background-color: #d91f26; } body .wpb_tabs.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a, body .wpb_tour.wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li.ui-tabs-active a { color: #ffffff; } body .wpb_tabs.wpb_tour .wpb_tour_next_prev_nav, body .wpb_tour.wpb_tour .wpb_tour_next_prev_nav { margin-left: 26%; margin-bottom: 20px; } body .wpb_tabs.wpb_tour .wpb_next_slide, body .wpb_tour.wpb_tour .wpb_next_slide { margin-right: 20px; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header { padding: 4px 0; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-top-right-radius: 0px; border-top-left-radius: 0px; font-weight: 400; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header a { font-size: 1.125em; color: #302e38; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header .ui-accordion-header-icon { display: none; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active, body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover { background-color: #d91f26; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a, body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:hover a { color: #ffffff; } body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header:focus { outline: none; outline-color: transparent; } body .wpb_accordion_wrapper .wpb_accordion_content { padding: 15px; border-style: solid; border-color: #f5f5f5; border-width: 0 1px 1px !important; } .wpb_accordion_section.group { margin-top: 2px; } /** * 6.0 - Wordpress part * 6.2 - post_n_page */ .noo-index-blog { margin-bottom: 90px; } .hentry.type-post { padding: 15px 30px; background: #1f1f1f; margin-bottom: 30px; text-align: center; } .hentry ul:last-child, .hentry ol:last-child { margin-bottom: 0; } .hentry a:hover { text-decoration: none; } .hentry:last-child:after { height: 0; } .content-header .entry-date { text-transform: uppercase; } .single .hentry::after { height: 0; } .hentry.format-quote a, .hentry.format-link a { color: #ffffff; line-height: 1.5em; } .hentry.format-quote a:hover, .hentry.format-link a:hover { color: #d91f26 !important; } .hentry.format-quote cite, .hentry.format-link cite { color: #ffffff; } .hentry.format-quote i[class^="fa-"], .hentry.format-link i[class^="fa-"] { font-size: 24px; padding-right: 10px; vertical-align: middle; } .hentry.format-quote i[class^="fa-"]:hover, .hentry.format-link i[class^="fa-"]:hover { color: #ffffff; } .hentry.format-quote > .content-wrap, .hentry.format-link > .content-wrap { background: #ffffff; padding: 20px; } .single .hentry.format-quote > .content-wrap, .single .hentry.format-link > .content-wrap { background: #fff; padding: 20px 0; } .single .hentry.format-quote > .content-wrap .content-header, .single .hentry.format-link > .content-wrap .content-header { background: #ffffff; padding: 20px; } .single .hentry.format-quote .content-title, .single .hentry.format-link .content-title { color: #fff; } .single .hentry.format-quote .content-title:hover, .single .hentry.format-link .content-title:hover { color: #d91f26 !important; } .single .hentry.format-quote a, .single .hentry.format-link a { color: #fff; line-height: 1.5em; } .single .hentry.format-quote a:hover, .single .hentry.format-link a:hover { color: #d91f26 !important; } .single .hentry.format-quote .content, .single .hentry.format-link .content { background: transparent; } .post-password-form label { font-weight: normal; font-weight: 600; font-size: 18px; } .post-password-form input[type="password"] { border: 1px solid #343434; font-style: italic; margin: 0 0 30px; display: block; width: 100%; height: 40px; font-size: 16px; line-height: 1.7; background-color: transparent; background-image: none; border: 0; border-bottom: 1px solid #343434; border-radius: 0; letter-spacing: 0.5px; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; color: #555555; display: inline-block; height: auto; width: auto; } .post-password-form input[type="password"]:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .post-password-form input[type="password"]:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .post-password-form input[type="password"]:focus:-ms-input-placeholder { color: #ffffff; } .post-password-form input[type="password"]:focus::-webkit-input-placeholder { color: #ffffff; } .post-password-form input[type="password"]::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .post-password-form input[type="password"]:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .post-password-form input[type="password"]::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .post-password-form input[type="password"][disabled], .post-password-form input[type="password"][readonly], fieldset[disabled] .post-password-form input[type="password"] { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.post-password-form input[type="password"] { height: auto; } .post-password-form input[type="password"]:focus { outline: 0; background: #3c3c3c; border-bottom: 1px solid #3c3c3c; } .post-password-form input[type="password"]:focus::-moz-placeholder { color: #ffffff; opacity: 1; } .post-password-form input[type="password"]:focus:-ms-input-placeholder { color: #ffffff; } .post-password-form input[type="password"]:focus::-webkit-input-placeholder { color: #ffffff; } .post-password-form input[type="password"]::-moz-placeholder { color: rgba(68, 73, 75, 0.5); opacity: 1; } .post-password-form input[type="password"]:-ms-input-placeholder { color: rgba(68, 73, 75, 0.5); } .post-password-form input[type="password"]::-webkit-input-placeholder { color: rgba(68, 73, 75, 0.5); } .post-password-form input[type="password"][disabled], .post-password-form input[type="password"][readonly], fieldset[disabled] .post-password-form input[type="password"] { cursor: not-allowed; background-color: #cecfd0; opacity: 1; } textarea.post-password-form input[type="password"] { height: auto; } .post-password-form input[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { outline: 0; background: #4c4441; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { outline: 0; background: #4c4441; } .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active:focus, .post-password-form input[type="submit"].active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .post-password-form input[type="submit"].disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"].active, .open > .dropdown-toggle.post-password-form input[type="submit"] { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { outline: 0; background: #4c4441; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { outline: 0; background: #4c4441; } .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active:focus, .post-password-form input[type="submit"].active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .post-password-form input[type="submit"].disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus, .post-password-form input[type="submit"]:active, .post-password-form input[type="submit"].active, .open > .dropdown-toggle.post-password-form input[type="submit"] { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .content-featured { position: relative; background: transparent; padding-bottom: 30px; margin-bottom: 30px; } .content-featured img { width: 100%; height: auto; } .content-featured .author-avatar { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; text-align: center; margin: 0 auto; top: auto; box-shadow: 0 0 0 10px #1f1f1f; } .has-featured .content-featured { overflow: hidden; } .content-wrap { display: block; background-color: transparent; clear: both; } .content-wrap:first-child { margin-top: 0; } .content-title { margin: 30px 0; line-height: 1.25; color: #ffffff; font-size: 1.5em; text-transform: uppercase; text-align: center; } .content-title a { color: #ffffff; } @media (max-width: 767px) { .content-title { font-size: 1.5em; } } .sticky { margin-bottom: 30px; } .sticky .content-title:before { content: "\f08d"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .sticky .content-title:before { line-height: 1; opacity: 1; -webkit-transform: rotate(-36deg); -ms-transform: rotate(-36deg); -o-transform: rotate(-36deg); transform: rotate(-36deg); color: #d91f26; } .content-thumb { display: block; position: relative; } .content-thumb:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #d91f26; opacity: 0.6; } .noo-post-list .content-thumb { max-height: 550px; overflow: hidden; } .content-sub-title { display: block; margin: 0.75em 0 0; font-size: 1.125em; } .content-link, .content-cite { font-size: 16px; } .content-link a { word-break: break-all; } .content-link a:hover { color: black; } .button-social { font-family: 'Dosis', serif; display: inline-block; } .button-social i { margin-right: 3.75px; } .button-social.box { color: #ffffff; padding: 0.6em 0.5em; background: rgba(217, 31, 38, 0.5); -webkit-border-radius: 3px; border-radius: 3px; position: absolute; bottom: 10px; right: 10px; z-index: 2; } .content-meta { position: relative; color: #555555; } .content-meta:before, .content-meta:after { content: " "; display: table; } .content-meta:after { clear: both; } .content-meta:before, .content-meta:after { content: " "; display: table; } .content-meta:after { clear: both; } .content-meta > span { display: inline-block; padding-right: 15px; } .content-meta > span i { margin-right: 7.5px; } .content-meta > span > a { white-space: nowrap; color: #555555; } .content-meta > span > a:hover { color: #d91f26; } .content-meta .post_type_class { margin-right: 7.5px; } .single-post.single-format-audio .noo-main, .single-post.single-format-video .noo-main, .single-post.single-format-quote .noo-main, .single-post.single-format-link .noo-main { margin-top: 0!important; } .single-post.single-format-audio .content-featured { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; max-width: 1200px; } @media (min-width: 992px) { .single-post .content-featured ~ div .noo-main { margin-top: -175px; } } /*.single-post .noo-main { padding: 30px; }*/ .single-post .hentry { text-align: left; padding: 30px; border-bottom: 0; } .single-post .hentry .content-header { margin-top: 0.5em; } .single-post .hentry .content-header .content-title { font-size: 1.875em; margin-top: 0; text-align: left; width: 80%; margin: 0 0 15px 0; } .single-post .hentry .content-header .noo-category { position: absolute; right: 60px; top: 50px; } @media (max-width: 767px) { .single-post .hentry .content-header .noo-category { position: relative; top: 0; right: auto; left: 0; text-align: left; } } .single-post .hentry .content-featured { padding-bottom: 0; margin-bottom: 0; } .single-post .hentry blockquote { color: #555555; font-size: 16px; border-left: 2px solid #d91f26; margin-left: 30px; } .single-post .hentry blockquote:before { content: '\f10d'; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } @media (max-width: 767px) { .single-post .noo-main { margin-top: 0; } } .single-post .content-meta { display: inline-block; margin-bottom: 30px; } .single-post .content-meta > span .entry-date { display: inline-block; text-transform: none; } .single-post .content-meta > span.content-meta-button { float: right; padding-right: 0; } .single-post .content-meta > span.content-meta-button i { padding: 0; padding-right: 10px; } .single-post .content-meta > span.content-meta-button > a { -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; height: 30px; text-align: center; width: 30px; background: #f9f9f9; border: 1px solid #262626; line-height: 30px; color: #555555; float: left; margin-left: 10px; } .single-post .content-meta > span.content-meta-button > a:hover { color: #d91f26; } @media (max-width: 767px) { .single-post .content-meta > span.content-meta-button { float: none; display: block; margin-top: 10px; } .single-post .content-meta > span.content-meta-button > a:first-child { margin: 0; } } .single-post .social-shared-wrap { display: inline-block; position: relative; } .single-post .social-shared-wrap .button-social { cursor: pointer; } .single-post .social-shared-wrap .social-shared { display: none; font-family: 'Dosis', serif; top: 50px; position: absolute; top: -5px; left: 0; background: #f7f6f6; padding: 5px; opacity: 0; filter: alpha(opacity=0); -webkit-border-radius: 3px; border-radius: 3px; min-width: 300px; text-align: center; } @media (max-width: 480px) { .single-post .social-shared-wrap .social-shared { left: -20px; } } .single-post .social-shared-wrap .social-shared > div { display: inline-block; padding: 0 10px; border-left: 1px solid rgba(85, 85, 85, 0.1); } .single-post .social-shared-wrap .social-shared > div i { margin-right: 3.75px; } .single-post .social-shared-wrap .social-shared > div a { color: #ffffff; } .single-post .social-shared-wrap .social-shared > div a:hover { color: #d91f26; } .single-post .social-shared-wrap .social-shared > div:first-child { border: 0; } .single-post .social-shared-wrap .social-shared.active { display: inline-block; opacity: 1; filter: alpha(opacity=100); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } .content { padding: 30px 0 0 0; } .content embed, .content iframe, .content object { width: 100%; max-width: 100%; } .content-social { margin-top: 30px; margin-bottom: 15px; text-align: center; position: relative; } .content-social a { margin: 0 15px; position: relative; } @media (max-width: 480px) { .content-social a { margin: 0 8px; } } .content-social a i { font-size: 1.125em; border-bottom: 1px solid #1f1f1f; padding: 10px 0; } .content-social a .title-shared { position: absolute; top: -20px; width: 150px; left: 50%; color: #ffffff; -webkit-transform: translate(-50%, -100%); -ms-transform: translate(-50%, -100%); -o-transform: translate(-50%, -100%); transform: translate(-50%, -100%); opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .content-social a:hover .title-shared { top: -5px; opacity: 1; filter: alpha(opacity=100); } .content-social a:hover .fa-facebook { color: #3c599f; border-color: #3c599f; } .content-social a:hover .fa-twitter { color: #5dd7fc; border-color: #5dd7fc; } .content-social a:hover .fa-google-plus { color: #cc3433; border-color: #cc3433; } .content-social a:hover .fa-pinterest { color: #e63d44; border-color: #e63d44; } .content-social a:hover .fa-linkedin { color: #0077b5; border-color: #0077b5; } .entry-tags span { font-size: 22px; font-weight: bold; width: 100%; display: block; padding: 15px 0; font-family: 'Dosis', serif; } .entry-tags a { margin: 0 3px 3px 0; color: #ffffff; background: #555555; border-color: #555555; font-size: 16px; font-weight: 400; line-height: 1; } .entry-tags a:hover { background: #d91f26; border-color: #d91f26; color: #ffffff; } #author-bio { display: inline-block; background: #262626; padding: 30px 30px 15px 30px; } @media (max-width: 480px) { #author-bio { padding: 15px; } } #author-bio .author-avatar { text-align: center; margin: 0 auto; } #author-bio .author-avatar img { z-index: 2; position: relative; } @media (max-width: 480px) { #author-bio .author-avatar { float: none; } } #author-bio .author-info { text-align: center; } #author-bio .author-info h5 { margin-top: 10px; margin-bottom: 20px; position: relative; color: #d91f26; font-size: 0.875em; } #author-bio .author-info h5 a { color: #d91f26; } #author-bio .author-info h5 a:hover { color: #ffffff; } #author-bio .noo-social a { margin-left: 0; } #author-bio .noo-social a i { border: 0; width: 20px; height: 20px; line-height: 20px; } #author-bio > p { font-style: italic; line-height: 2; padding: 15px 0; } #author-bio .author-des { line-height: 1.7; margin-bottom: 0; } #author-bio .author-count-posts { line-height: 20px; font-family: 'Dosis', serif; background: #555555; padding: 0 10px; color: #ffffff; display: inline-block; } .single .related-posts.noo-horizontal ul li { position: relative; } .single .related-posts.noo-horizontal ul li:before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; background: rgba(106, 104, 65, 0.4); display: block; } .single .post-subscribe-action, .single .content-footer { margin-top: 50px; } .content-share { position: relative; right: 0; bottom: 0; display: none; } .content-share > a { font-size: 1.125em; } .content-share .noo-social { position: absolute; right: 90px; /* display: block; */ width: 80px; z-index: 9; top: 35px; background: #3d3d3d; } .content-share .noo-social a { width: 50%!important; float: left; color: #777777; margin-left: 0!important; } .content-share .noo-social a i { background: transparent; color: #777777; } .content-share.active { display: block; } .single-noo-portfolio .container-boxed.offset { margin-top: 0; } .single-noo-portfolio .content-header { padding-top: 40px; padding-bottom: 40px; border-bottom: 1px solid #262626; margin-bottom: 40px; position: relative; } .single-noo-portfolio .content-header .nav-single { position: absolute; right: 0; top: 40px; } .single-noo-portfolio .content-header .nav-single a { font-size: 36px; color: #d3d3d3; margin-left: 20px; } .single-noo-portfolio .content-header .nav-single a:hover, .single-noo-portfolio .content-header .nav-single a:focus, .single-noo-portfolio .content-header .nav-single a:active { text-decoration: none; } @media (max-width: 992px) { .single-noo-portfolio .content-header .nav-single { display: none; } } .single-noo-portfolio .content-header .nav-single-list { position: absolute; left: 0; top: 40px; } .single-noo-portfolio .content-header .nav-single-list a { font-size: 36px; color: #d3d3d3; } .single-noo-portfolio .content-header .nav-single-list a:hover, .single-noo-portfolio .content-header .nav-single-list a:focus, .single-noo-portfolio .content-header .nav-single-list a:active { text-decoration: none; } @media (max-width: 992px) { .single-noo-portfolio .content-header .nav-single-list { display: none; } } .single-noo-portfolio .content-share { position: relative; margin-bottom: 30px; } .single-noo-portfolio .content-title-portfolio { font-size: 1.875em; } .single-noo-portfolio .attribute-title, .single-noo-portfolio .project-link-title { font-size: 1.125em; font-weight: bold; } .single-noo-portfolio .attribute-list > li { float: left; width: 45%; padding: 0.625em 0; border-bottom: 1px solid #262626; } .single-noo-portfolio .attribute-list > li a { font-size: 12px; position: relative; color: #ffffff; } .single-noo-portfolio .attribute-list > li a:hover { color: #d91f26; } .single-noo-portfolio .attribute-list > li a i:before { background: none repeat scroll 0 0 #ffffff; color: #ffffff; display: block; font-size: 8px; height: 12px; line-height: 1.5; text-align: center; width: 12px; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top: 3px; left: 0; } @media (max-width: 767px) { .single-noo-portfolio .attribute-list > li { width: 100%; } } .single-noo-portfolio .attribute-list .even { float: right; } .attribute-list { font-size: 1.125em; } .project-link-btn i { padding-right: 0.75em; } .post-navigation { position: relative; overflow: hidden; } .post-navigation .prev-post { padding: 0; position: relative; z-index: 2; padding-right: 15px; } @media (max-width: 767px) { .post-navigation .prev-post { width: 100%; padding-right: 0; } } .post-navigation .prev-post a { z-index: 2; padding: 30px; position: relative; display: block; width: 100%; background: #1f1f1f; } .post-navigation .prev-post a:after { content: "\f100"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-left: 5px; opacity: 0.5; filter: alpha(opacity=50); } .post-navigation .prev-post a:after { font-size: 30px; float: right; top: -2px; opacity: 0.5; } .post-navigation .prev-post a:hover { background: #d91f26; color: #ffffff; } .post-navigation .prev-post a:hover:after { color: #ffffff; opacity: 1; } .post-navigation .prev-post:hover i { color: #d91f26; } .post-navigation .next-post { padding: 0; position: relative; padding-left: 15px; z-index: 2; } @media (max-width: 767px) { .post-navigation .next-post { width: 100%; float: none; padding-left: 0; } } .post-navigation .next-post a { z-index: 2; padding: 30px; position: relative; display: block; width: 100%; background: #1f1f1f; text-align: right; } .post-navigation .next-post a:before { content: "\f101"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .post-navigation .next-post a:before { font-size: 30px; top: -2px; float: left; } .post-navigation .next-post a:hover { background: #d91f26; color: #ffffff; } .post-navigation .next-post a:hover:before { color: #ffffff; opacity: 1; } .btn-loadmore { font-size: 0.875em; text-transform: uppercase; padding: 10px 35px; } .standard-blog .content-meta { margin-top: 30px; padding: 15px 0; } @media (max-width: 991px) { .standard-blog .content-meta { padding-bottom: 30px; } } .standard-blog .content-meta .noo-author { float: left; } .standard-blog .content-meta a { color: #555555; } .standard-blog .content-meta a:hover { color: #d91f26; } .standard-blog .noo_rating_point { bottom: 15px; left: 30px; } .vc_row-fluid .nocontainer > .vc_col-sm-12 { padding: 0; } body .vc_row { margin: 0; } .nocontainer:after { clear: both; display: block; content: ''; } .noo-category { text-align: center; margin: 1em 0; } .noo-category a { color: #555555; position: relative; text-transform: uppercase; font-size: 0.875em; } .noo-category a:after { position: absolute; content: ""; bottom: -5px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); height: 1px; width: 90%; background: #555555; } .read-more { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; text-transform: uppercase; margin: 15px 0 30px 0; color: #ffffff; } .read-more:hover, .read-more:focus { outline: 0; background: #4c4441; } .read-more:hover, .read-more:focus { outline: 0; background: #4c4441; } .read-more:focus, .read-more:active:focus, .read-more.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .read-more:hover, .read-more:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .read-more:active, .read-more.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .read-more.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .read-more:hover, .read-more:focus, .read-more:active, .read-more.active, .open > .dropdown-toggle.read-more { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .read-more:hover, .read-more:focus { outline: 0; background: #4c4441; } .read-more:hover, .read-more:focus { outline: 0; background: #4c4441; } .read-more:focus, .read-more:active:focus, .read-more.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .read-more:hover, .read-more:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .read-more:active, .read-more.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .read-more.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .read-more:hover, .read-more:focus, .read-more:active, .read-more.active, .open > .dropdown-toggle.read-more { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .tag .container-wrap { margin-bottom: 80px; } .masonry-blog .masonry-item .item-wrap { background: #1f1f1f; text-align: center; padding: 15px 30px; } .masonry-blog .masonry-item .item-wrap .item-title { text-transform: uppercase; margin-bottom: 1em; } .masonry-blog .masonry-item .item-thumbnail { position: relative; background: transparent; padding-bottom: 30px; margin-bottom: 30px; overflow: hidden; } .masonry-blog .masonry-item .item-thumbnail .author-avatar { position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: auto; text-align: center; margin: 0 auto; top: auto; box-shadow: 0 0 0 10px #1f1f1f; } .masonry-blog .masonry-item .item-thumbnail .content-thumb { overflow: hidden; } .masonry-blog .masonry-item .item-thumbnail .content-thumb img { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .masonry-blog .masonry-item .item-thumbnail .content-thumb:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .masonry-blog .masonry-item .item-content-meta { color: #555555; } .masonry-blog .masonry-item .item-content-meta span { display: inline-block; margin: 0 1.4em 1em 0; } .masonry-blog .masonry-item .item-content-meta a { color: #555555; } .masonry-blog .masonry-item .item-content-meta a:hover { color: #d91f26; } .noo-slider .caroufredsel_wrapper .sliders .slide-item img { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .noo-slider .caroufredsel_wrapper .sliders .slide-item:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .content-featured .content-thumb { overflow: hidden; } .content-featured .content-thumb img { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .content-featured .content-thumb:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .default-p { margin-bottom: 80px; } /** * 6.0 - Wordpress part * 6.3 - widgets */ .widget + .widget { margin-top: 30px; } .widget a:hover, .widget a:focus { text-decoration: none; } .widget p:last-child, .widget ul:last-child, .widget ol:last-child { margin-bottom: 0; } .widget ul, .widget ol { overflow: hidden; margin-left: 0; padding: 0; list-style: none; background-color: transparent; } .widget ul li, .widget ol li { padding: 0.75em 0; line-height: 1.7; margin-left: 0; padding-left: 0; border-bottom: 1px solid #2f2f2f; } .widget ul li a, .widget ol li a { font-size: 14px; line-height: 1.7; color: #555555; text-transform: uppercase; } .widget ul li a:hover, .widget ol li a:hover { color: #d91f26; } .widget ul li:first-child, .widget ol li:first-child { padding-top: 0; } .widget ul li:last-child, .widget ol li:last-child { border-bottom: 0; } .widget select { width: 100%; } .noo-sidebar .widget { margin-top: 30px; background: #1f1f1f; padding: 30px 20px; } .noo-sidebar .widget:first-child { margin-top: 0; } .noo-sidebar .widget:last-child { border: none; } .noo-sidebar .widget .widget-title { font-size: 22px; text-transform: uppercase; margin-top: 0; } .widget_search form { position: relative; } .widget_search form:before { content: "\f002"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 0; opacity: 1; filter: alpha(opacity=100); } .widget_search form:before { position: absolute; right: 0; text-align: center; text-decoration: inherit; top: 0; width: 3em; cursor: pointer; height: 3em; line-height: 3em; font-size: 15px; background: transparent; color: #706967; -webkit-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .widget_search #s { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; padding-right: 40px; background: #ffffff; border: 1px solid #262626; font-weight: normal; font-size: 15px; height: 3em; } .widget_calendar #wp-calendar { border-collapse: collapse; border-spacing: 0; border: 1px solid #262626; max-width: 100%; margin-bottom: 1.25em; width: 100%; position: relative; font-size: 14px; border-radius: 3px; } .widget_calendar #wp-calendar caption { border-color: #262626; border-style: solid; border-width: 1px 1px 0; font-size: 16px; font-weight: 300; padding: 0.375em; text-transform: uppercase; } .widget_calendar #wp-calendar th, .widget_calendar #wp-calendar td { text-align: center; line-height: 1.625em; padding: 0.75em; } .widget_calendar #wp-calendar > thead { background-color: rgba(0, 0, 0, 0); } .widget_calendar #wp-calendar > thead > tr > th { font-weight: 700; font-size: 16px; padding: 0.375em; } .widget_calendar #wp-calendar > tbody > tr > td { border: none; line-height: 1.625em; padding: 0.5em; color: #555555; } .widget_calendar #wp-calendar > tbody > tr > td.pad { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .widget_calendar #wp-calendar > tbody > tr > td.pad:first-child { border-left: 0; } .widget_calendar #wp-calendar > tbody > tr > td.pad:last-child { border-right: 0; } .widget_calendar #wp-calendar > tbody > tr > td > a { color: #d91f26; display: block; font-weight: bold; } .widget_calendar #wp-calendar > tfoot { position: absolute; width: 100%; top: 0; left: 0; } .widget_calendar #wp-calendar > tfoot .pad { border: none; } .widget_calendar #wp-calendar #prev, .widget_calendar #wp-calendar #next { font-weight: 300; padding: 0.5em 0.75em; text-shadow: none; text-transform: uppercase; position: absolute; top: 0; } .widget_calendar #wp-calendar #prev > a, .widget_calendar #wp-calendar #next > a { display: block; width: 40px; height: 40px; text-indent: -9999em; position: absolute; top: 0; } .widget_calendar #wp-calendar #next { right: 0; padding-left: 15px; } .widget_calendar #wp-calendar #next:before { content: "\f105"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5; opacity: 1; filter: alpha(opacity=100); } .widget_calendar #wp-calendar #next > a { right: 0; } .widget_calendar #wp-calendar #prev { left: 0; padding-left: 15px; } .widget_calendar #wp-calendar #prev:before { content: "\f104"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5; opacity: 1; filter: alpha(opacity=100); } .widget_calendar #wp-calendar #prev > a { left: 0; } .widget_nav_menu ul li a, .widget_meta ul li a, .widget_pages ul li a { display: block; } .widget_nav_menu ul li ul, .widget_meta ul li ul, .widget_pages ul li ul, .widget_nav_menu ul li .sub-menu, .widget_meta ul li .sub-menu, .widget_pages ul li .sub-menu { border: 0; background-color: transparent; border-radius: 0; } .widget_nav_menu ul li ul li a, .widget_meta ul li ul li a, .widget_pages ul li ul li a, .widget_nav_menu ul li .sub-menu li a, .widget_meta ul li .sub-menu li a, .widget_pages ul li .sub-menu li a { padding-left: 30px; } .widget_nav_menu ul li ul li:first-child a, .widget_meta ul li ul li:first-child a, .widget_pages ul li ul li:first-child a, .widget_nav_menu ul li .sub-menu li:first-child a, .widget_meta ul li .sub-menu li:first-child a, .widget_pages ul li .sub-menu li:first-child a { border-radius: 0; } .widget_nav_menu ul li ul ul li a, .widget_meta ul li ul ul li a, .widget_pages ul li ul ul li a, .widget_nav_menu ul li .sub-menu ul li a, .widget_meta ul li .sub-menu ul li a, .widget_pages ul li .sub-menu ul li a { padding-left: 60px; } .widget_nav_menu .menu > li:last-child a:first-child { border-bottom: 0; } .widget_nav_menu .current-menu-item > a { background-color: #d91f26; } .widget.widget_meta ul { border-bottom: 0; } .widget.widget_meta li abbr[title] { border-bottom: 0; } .widget.widget_pages ul { border-bottom: 0; } .widget.widget_recent_comments li, .widget.widget_rss li { font-size: 14px; } .widget.widget_recent_entries li { padding-bottom: 0.75em; } .widget.widget_recent_entries li a { font-size: 16px; font-family: 'Dosis', serif; font-style: normal; font-weight: 700; color: #ffffff; } .widget.widget_recent_entries li a:hover { color: #d91f26; } .widget.widget_recent_entries li .post-date { display: block; color: #ffffff; opacity: 0.7; filter: alpha(opacity=70); } .widget.widget_rss .widget-title img[alt=RSS] { display: none !important; visibility: hidden !important; } .widget.widget_rss .widget-title a:last-child:before { content: "\f143"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 8px; opacity: 0.5; filter: alpha(opacity=50); } .widget.widget_rss li a { display: block; margin-top: 0.5em; border-bottom: 0; font-size: 1.125em; font-weight: 400; } .widget.widget_rss li a:before { content: "\f08e"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .widget_rss .rss-date { display: block; margin-top: 0.5em; text-transform: uppercase; } .widget_rss .rss-date:not(:empty):before { content: "\f133"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .widget_rss .rssSummary { margin: 10px 0; font-size: 14px; } .widget_rss cite { display: block; text-transform: uppercase; } .widget_rss cite:not(:empty):before { content: "\f007"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; line-height: 1; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; padding-right: 5px; opacity: 0.5; filter: alpha(opacity=50); } .widget_tag_cloud, .widget_product_tag_cloud { text-shadow: none; } .widget_tag_cloud .tagcloud a, .widget_product_tag_cloud .tagcloud a { margin: 0 3px 3px 0; color: #ffffff; background: #555555; border-color: #555555; font-size: 16px; font-weight: 400; line-height: 1; background: #2f2f2f; font-size: 0.875em !important; margin: 0 5px 7px 0; border: 0!important; line-height: 1.7em; padding: 5px 10px 10px; } .widget_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:hover { background: #d91f26; border-color: #d91f26; color: #ffffff; } .widget-counter { background: transparent; padding: 0; } .widget-counter.col3 .counter-social-widget { background: transparent; margin-top: 0; padding: 0 20px; } .widget-counter.col3 .counter-social-widget ul { margin: 0 -30px; } .widget-counter.col3 .counter-social-widget ul li { display: inline-block; float: left; list-style: none; margin: 0; width: 33.33%; padding: 0 7.5px; border-bottom: 0; } .widget-counter.col3 .counter-social-widget ul li a { display: inline-block; margin-bottom: 0; font-weight: 400; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; padding: 15px 10px; display: block; text-align: center; font-family: 'Dosis', serif; background: #1f1f1f; width: 100%; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { outline: 0; background: #4c4441; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { outline: 0; background: #4c4441; } .widget-counter.col3 .counter-social-widget ul li a:focus, .widget-counter.col3 .counter-social-widget ul li a:active:focus, .widget-counter.col3 .counter-social-widget ul li a.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .widget-counter.col3 .counter-social-widget ul li a:active, .widget-counter.col3 .counter-social-widget ul li a.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .widget-counter.col3 .counter-social-widget ul li a.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus, .widget-counter.col3 .counter-social-widget ul li a:active, .widget-counter.col3 .counter-social-widget ul li a.active, .open > .dropdown-toggle.widget-counter.col3 .counter-social-widget ul li a { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { outline: 0; background: #4c4441; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { outline: 0; background: #4c4441; } .widget-counter.col3 .counter-social-widget ul li a:focus, .widget-counter.col3 .counter-social-widget ul li a:active:focus, .widget-counter.col3 .counter-social-widget ul li a.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .widget-counter.col3 .counter-social-widget ul li a:active, .widget-counter.col3 .counter-social-widget ul li a.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .widget-counter.col3 .counter-social-widget ul li a.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .widget-counter.col3 .counter-social-widget ul li a:hover, .widget-counter.col3 .counter-social-widget ul li a:focus, .widget-counter.col3 .counter-social-widget ul li a:active, .widget-counter.col3 .counter-social-widget ul li a.active, .open > .dropdown-toggle.widget-counter.col3 .counter-social-widget ul li a { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .widget-counter.col3 .counter-social-widget ul li a i, .widget-counter.col3 .counter-social-widget ul li a span { display: block; } .widget-counter.col3 .counter-social-widget ul li a i { font-size: 24px; } .widget-counter.col3 .counter-social-widget ul li a span { line-height: 1; margin-top: 5px; padding: 5px 0; color: #ffffff; font-size: 0.875em; } .widget-counter.col3 .counter-social-widget ul li a small { font-size: 12px; } .widget-counter.col3 .counter-social-widget ul li a:hover i { color: #ffffff; } .widget-counter.col3 .counter-social-widget ul li.facebook-fans i { color: #3c599f; } .widget-counter.col3 .counter-social-widget ul li.twitter-followers i { color: #5dd7fc; } .widget-counter.col3 .counter-social-widget ul li.youtube-subs i { color: #cc3433; } .widget-counter.col3 .counter-social-widget ul li.pinterest-subs i { color: #e63d44; } .widget-counter.col3 .counter-social-widget ul li.linkin-subs i { color: #0077b5; } .widget_categories ul li { text-align: right; overflow: hidden; color: #555555; } .widget_categories ul li:hover { border-color: #d91f26; color: #d91f26; } .widget_categories ul li:hover a { color: #d91f26; } .widget_categories ul li a { float: left; } .widget_recent_news ul { padding-top: 15px; } .widget_recent_news ul li { margin-bottom: 20px; overflow: hidden; font-size: 0.875em; color: #555555; padding-bottom: 20px; } .widget_recent_news ul li h5 { margin: 0; } .widget_recent_news ul li img { border-radius: 3px; margin-right: 30px; float: left; } @media (max-width: 767px) { .widget_recent_news ul li img { margin-right: 15px; } } .widget_recent_news ul li a { line-height: 20px; text-transform: none; color: #ffffff; } .widget_recent_news ul li a:hover { color: #d91f26; } .widget_recent_news ul li a i { padding-right: 5px; } .widget_recent_news ul li span.post-comment { padding-left: 15px; } .widget_recent_news ul li span.post-comment a { color: #555555; } .widget_recent_news ul li span.post-comment a:hover { color: #d91f26; } .widget_post_slider { position: relative; } .widget_post_slider .post-slider-content { position: absolute; bottom: 20px; left: 0; right: 20%; z-index: 1; padding: 5px 20px; background: rgba(68, 73, 75, 0.78); } .widget_post_slider .post-slider-content .post-slider-title { margin: 0; } .widget_post_slider .post-slider-content a { color: #ffffff; } .widget_post_slider .post-slider-content a:hover { color: #d91f26; } .widget_latest_ratting { position: relative; } .widget_latest_ratting h4 { line-height: 1.5; margin-bottom: 10px; } .widget_latest_ratting .widget-latest_ratting-content { padding-top: 20px; } .widget_latest_ratting .widget-latest_ratting-content .latest_ratting-featured { position: relative; } .widget_latest_ratting .widget-latest_ratting-content .latest_ratting-featured img { width: 100%; } .widget_latest_ratting .widget-latest_ratting-content .latest_ratting-featured .noo_rating_point { bottom: 10px; left: 20px; } .widget_latest_ratting .widget-latest_ratting-content .noo-ratting-meta { font-style: italic; color: #cecfd0; margin-bottom: 15px; font-family: 'Dosis', serif; } .widget_latest_ratting .widget-latest_ratting-content .noo-ratting-meta a { color: #cecfd0; } .widget_latest_ratting .widget-latest_ratting-content .noo-ratting-meta span { padding-right: 30px; } .widget_latest_ratting .widget-latest_ratting-content .noo-ratting-meta span i { padding-right: 10px; } .noo-sidebar .widget-title { text-transform: uppercase; font-weight: 400; color: #ffffff; margin: 7px 0 20px 0; padding: 0; font-size: 22px; } .noo-sidebar .widget { background: #1f1f1f; padding: 20px 18px 30px; } .noo-sidebar .noo_request_information { position: relative; padding-left: 36px; padding-top: 8px; } .noo-sidebar .noo_request_information .icons-request { position: absolute; color: #d91f26; font-size: 1.125em; left: 4px; top: 25px; -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); -o-transform: rotate(25deg); transform: rotate(25deg); } .noo-sidebar .noo_request_information p { font-size: 16px; line-height: 24px; } .noo-sidebar .noo_request_information .attach { font-size: 0.875em; color: #555555; line-height: 24px; text-transform: uppercase; display: block; } .noo-sidebar .noo_request_information .request { font-size: 0.875em; color: #555555; text-transform: uppercase; display: inline-block; background: #262626; padding: 0 19px; border-bottom: 3px solid #191919; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; height: 35px; line-height: 35px; margin-top: 15px; margin-bottom: 3px; } .noo-sidebar .noo_request_information .request i { margin-left: 7px; } .noo-sidebar .noo_request_information .request:hover { background: #d91f26; color: #ffffff; border-color: rgba(217, 31, 38, 0.5); } .noo-sidebar .widget_calendar .widget-title { text-align: center; } .noo-sidebar .widget_calendar #wp-calendar { border: 0; margin: 0; } .noo-sidebar .widget_calendar #wp-calendar caption { border: 0; text-transform: uppercase; font-weight: 400; color: #ffffff; margin: 5px 0 3px 0; padding: 0; font-size: 22px; } .noo-sidebar .widget_calendar #wp-calendar > thead > tr > th { font-weight: 400; font-size: 12px; color: #d91f26; padding-top: 25px; } .noo-sidebar .widget_calendar #wp-calendar > tfoot { border-bottom: 1px solid #262626; padding-bottom: 9px; } .noo-sidebar .widget_calendar #wp-calendar > tfoot td { padding: 0 0 21px 0; } .noo-sidebar .widget_calendar #wp-calendar > tbody > tr > td { font-weight: 400; font-size: 12px; } .noo-sidebar .widget_calendar #wp-calendar > tbody > tr > td a { background: #d91f26; color: #ffffff; font-weight: 400; padding: 2px; } .noo-sidebar .widget_calendar #wp-calendar > tbody > tr > td#today { color: #d91f26; } .widget_most_view { padding-bottom: 13px; } .widget_most_view .noo-mostviews li { padding: 15px 0 25px; } .widget_most_view .noo-mostviews li:first-child { padding-top: 5px; } .widget_most_view .noo-mostviews li h5 { font-size: 0.875em; padding: 0; margin: 0 0 5px 0; } .widget_most_view .noo-mostviews li h5 a { font-size: 0.875em; color: #ffffff; text-transform: none; } .widget_most_view .noo-mostviews li h5:hover a { color: #d91f26; } .widget_most_view .noo-mostviews li .content-meta span { padding-right: 15px; } .widget_most_view .noo-mostviews li .content-meta span:last-child { padding-right: 0; } /** * 6.0 - Wordpress part * 6.4 - comments */ .comments-area { padding: 30px 0; } .comments-area > h2 { font-size: 16px; font-weight: 600; } .comments-area > .comment-respond .comment-form-fields .comment-form-input { float: left; } .comments-area > .comment-respond .comment-form-fields .comment-form-textarea label { display: none; } @media (max-width: 767px) { .comments-area > .comment-respond .comment-form-fields .comment-form-input, .comments-area > .comment-respond .comment-form-fields .comment-form-textarea { float: none; padding: 0; } .comments-area > .comment-respond .comment-form-fields .comment-form-textarea label { display: block; } .comments-area > .comment-respond .comment-form-fields .comment-form-textarea textarea { margin-bottom: 20px; margin-top: 0px; } } .comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea { float: none; padding: 0; } .comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea label { display: block; } .comments-area > .comment-respond .comment-form-fields.comment-form-in-as .comment-form-textarea textarea { margin-bottom: 20px; margin-top: 0px; } .comments-area a:hover, .comments-area a:focus { text-decoration: none; } @media (max-width: 767px) { .comments-area { padding: 0; } } h2.comments-title { text-transform: uppercase; font-size: 1.5em; position: relative; margin-bottom: 0.7em; font-weight: 400; } h2.comments-title span { color: #d91f26; } .comments-list { padding: 40px 35px; background: #1f1f1f; } .comments-list, .comments-list .children, .commentlist .children { margin: 0; list-style: none; font-size: 0.875em; } .commentlist .children { margin-top: 30px; } @media (min-width: 768px) { .comments-list .children { padding-left: 90px; } } @media (max-width: 767px) { .comments-list .children { background: #fafafa; padding-left: 10px; padding-right: 10px; } } li.comment { margin: 0; padding: 0; } .comment-img { float: left; margin: 0 30px 0 10px; } .comment-img img { z-index: 2; position: relative; box-shadow: 0 0 0 10px #262626; } .comment-wrap { padding: 30px 0; border-top: 1px solid #262626; } @media (max-width: 767px) { .comment-wrap { padding: 20px 0; } } .comments-list > li.comment:first-child > .comment-wrap { border: 0; } .comment-block { padding: 0; margin: 0 0 0 110px; } @media (max-width: 767px) { .comment-block { margin: 0; } } .comment-header { padding-bottom: 0.375em; display: inline-flex; } .comment-header span.pull-right { margin-top: 6px; } @media (max-width: 767px) { .comment-header { padding: 10px 0; } } .comment-content { position: relative; } .comment-author { margin-right: 15px; color: #d91f26; } .comment-author a { color: #ffffff; font-weight: bold; } .comment-author a:hover { color: #d91f26; } .ispostauthor { background: none repeat scroll 0 0 #000000; color: #ffffff; font-family: "Dosis", serif; font-style: normal; font-weight: 400; padding: 0px 5px; margin-left: 10px; border-radius: 3px; } .comment-meta { position: relative; margin: 0; padding-left: 20px; padding-right: 20px; color: #555555; } .comment-meta .time { padding-right: 15px; } .comment-meta span.time:before { content: "\/"; position: absolute; top: 0px; left: 0; } @media (max-width: 767px) { .comment-meta { padding-left: 10px; padding-right: 10px; } } .comment-pending { padding: 0.375em 0.75em; text-align: center; color: #ffffff; background-color: #cecfd0; border-radius: 3px; } .comment-reply-link { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; padding: 1px 10px; font-size: 12px; text-transform: uppercase; margin-left: 0; } .comment-reply-link:hover, .comment-reply-link:focus { outline: 0; background: #4c4441; } .comment-reply-link:hover, .comment-reply-link:focus { outline: 0; background: #4c4441; } .comment-reply-link:focus, .comment-reply-link:active:focus, .comment-reply-link.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .comment-reply-link:hover, .comment-reply-link:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .comment-reply-link:active, .comment-reply-link.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .comment-reply-link.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active, .comment-reply-link.active, .open > .dropdown-toggle.comment-reply-link { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .comment-reply-link:hover, .comment-reply-link:focus { outline: 0; background: #4c4441; } .comment-reply-link:hover, .comment-reply-link:focus { outline: 0; background: #4c4441; } .comment-reply-link:focus, .comment-reply-link:active:focus, .comment-reply-link.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .comment-reply-link:hover, .comment-reply-link:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .comment-reply-link:active, .comment-reply-link.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .comment-reply-link.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .comment-reply-link:hover, .comment-reply-link:focus, .comment-reply-link:active, .comment-reply-link.active, .open > .dropdown-toggle.comment-reply-link { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .comment-reply-link:hover { background: #d91f26; color: #ffffff; } #respond { margin-bottom: 50px; margin-top: 50px; } #respond .required { position: relative; color: #ffffff; } .comment-reply-title { font-size: 1.5em; margin-bottom: 15px; position: relative; text-transform: uppercase; } .comment-reply-title small { font-size: 16px; } #commentform { margin-bottom: 0; background: #1f1f1f; padding: 50px; } .comment-notes:before, .comment-notes:after { content: " "; display: table; } .comment-notes:after { clear: both; } .comment-notes:before, .comment-notes:after { content: " "; display: table; } .comment-notes:after { clear: both; } .comment-notes, .logged-in-as { margin-bottom: 20px; } .comment-form-author, .comment-form-email, .comment-form-url, .comment-form-rating, .comment-form-comment { margin: 0; } .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label { font-weight: 300; } .comment-form-comment textarea { height: 163px; width: 100%; } .form-submit { margin: 0; } .form-submit input[type="submit"] { display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #555555; background-color: #2f2f2f; border-color: #161616; padding: 7px 50px; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { outline: 0; background: #4c4441; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { outline: 0; background: #4c4441; } .form-submit input[type="submit"]:focus, .form-submit input[type="submit"]:active:focus, .form-submit input[type="submit"].active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .form-submit input[type="submit"]:active, .form-submit input[type="submit"].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .form-submit input[type="submit"].disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus, .form-submit input[type="submit"]:active, .form-submit input[type="submit"].active, .open > .dropdown-toggle.form-submit input[type="submit"] { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { outline: 0; background: #4c4441; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { outline: 0; background: #4c4441; } .form-submit input[type="submit"]:focus, .form-submit input[type="submit"]:active:focus, .form-submit input[type="submit"].active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .form-submit input[type="submit"]:active, .form-submit input[type="submit"].active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .form-submit input[type="submit"].disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .form-submit input[type="submit"]:hover, .form-submit input[type="submit"]:focus, .form-submit input[type="submit"]:active, .form-submit input[type="submit"].active, .open > .dropdown-toggle.form-submit input[type="submit"] { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } /** * 6.0 - Wordpress part * 6.5 - pagination */ .pagination { display: block; overflow: hidden; text-align: right; padding-left: 0; margin: 50px auto 0; line-height: 2.2; } .pagination .page-numbers { color: #555555; font-size: 16px; font-family: 'Dosis', serif; display: inline-block; margin: 5px 3px; background: #1f1f1f; text-align: center; width: 40px; height: 40px; line-height: 40px; } .pagination .page-numbers.current { color: #ffffff; background: #d91f26; border-color: #d91f26; } .pagination .page-numbers.dots { border: none; border-radius: 0px; color: #ffffff; padding-left: 0.625em; padding-right: 0.625em; } .pagination a.page-numbers { text-decoration: none; } .pagination a.page-numbers:hover { color: #ffffff; background: #d91f26; border-color: #d91f26; } #pagination { display: block; text-align: center; } #pagination .prev, #pagination .next { display: inline-block; margin: 15px; } .loadmore-action, #infscr-loading, .loadmore-loading { display: block; width: 100%; text-align: center; margin: 1.6875em auto; line-height: 3; font-size: 16px; } .loadmore-loading { position: relative; height: 25px; width: 50px; margin-left: auto; margin-right: auto; } .loadmore-loading.finished { width: auto; } .loadmore-loading span { display: block; bottom: 0; width: 9px; height: 5px; background: #ffffff; position: absolute; -webkit-animation: preload_audio_wave 1.5s infinite ease-in-out; -o-animation: preload_audio_wave 1.5s infinite ease-in-out; animation: preload_audio_wave 1.5s infinite ease-in-out; } .loadmore-loading span:nth-child(2) { left: 11px; -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .loadmore-loading span:nth-child(3) { left: 22px; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .loadmore-loading span:nth-child(4) { left: 33px; -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .loadmore-loading span:nth-child(5) { left: 44px; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } @keyframes preload_audio_wave { 0% { height: 5px; transform: translateY(0px); background: #d91f26; } 25% { height: 30px; transform: translateY(15px); background: #d91f26; } 50% { height: 5px; transform: translateY(0px); background: #d91f26; } 100% { height: 5px; transform: translateY(0px); background: #d91f26; } } @-webkit-keyframes preload_audio_wave { 0% { height: 5px; -webkit-transform: translateY(0px); background: #d91f26; } 25% { height: 30px; -webkit-transform: translateY(15px); background: #d91f26; } 50% { height: 5px; -webkit-transform: translateY(0px); background: #d91f26; } 100% { height: 5px; -webkit-transform: translateY(0px); background: #d91f26; } } @-moz-keyframes preload_audio_wave { 0% { height: 5px; -moz-transform: translateY(0px); background: #d91f26; } 25% { height: 30px; -moz-transform: translateY(15px); background: #d91f26; } 50% { height: 5px; -moz-transform: translateY(0px); background: #d91f26; } 100% { height: 5px; -moz-transform: translateY(0px); background: #d91f26; } } @keyframes preload_audio_wave { 0% { height: 5px; transform: translateY(0px); background: #d91f26; } 25% { height: 30px; transform: translateY(15px); background: #d91f26; } 50% { height: 5px; transform: translateY(0px); background: #d91f26; } 100% { height: 5px; transform: translateY(0px); background: #d91f26; } } [data-paginate="loadmore"] .pagination, [data-paginate="infinite"] .pagination { display: none; } /** * 7.0 - Library * 7.1 - animations */ /****************** * Bounce in right * *******************/ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .bounceInRight, .bounceInLeft, .bounceInUp, .bounceInDown { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight, .fadeInLeft, .fadeInUp, .fadeInDown { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .flipInX, .flipInY, .rotateIn, .rotateInUpLeft, .rotateInUpRight, .rotateInDownLeft, .rotateDownUpRight, .rollIn { opacity: 0; } .lightSpeedInRight, .lightSpeedInLeft { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } /*********** * bounceIn * ************/ @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(0.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(0.9); } 100% { -webkit-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(0.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(0.9); } 100% { transform: scale(1); } } .bounceIn.go { -webkit-animation-name: bounceIn; animation-name: bounceIn; } /**************** * bounceInRight * ****************/ @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 60% { -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(400px); } 60% { transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInRight.go { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /****************** * Bounce in left * *******************/ @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 60% { -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-400px); } 60% { transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { opacity: 1; transform: translateX(0); } } .bounceInLeft.go { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /****************** * Bounce in up * *******************/ @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 60% { -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(400px); } 60% { transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInUp.go { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /****************** * Bounce in down * *******************/ @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 60% { -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-400px); } 60% { transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { opacity: 1; transform: translateY(0); } } .bounceInDown.go { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /********** * Fade In * **********/ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; display: block; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; display: block; } } .fadeIn { opacity: 0; } .fadeIn.go { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /********** * Grow in * ***********/ @-webkit-keyframes growIn { 0% { -webkit-transform: scale(0.2); opacity: 0; } 50% { -webkit-transform: scale(1.2); } 100% { -webkit-transform: scale(1); opacity: 1; } } @keyframes growIn { 0% { transform: scale(0.2); opacity: 0; } 50% { transform: scale(1.2); } 100% { transform: scale(1); opacity: 1; } } .growIn { -webkit-transform: scale(0.2); transform: scale(0.2); opacity: 0; } .growIn.go { -webkit-animation-name: growIn; animation-name: growIn; } /******** * Shake * ********/ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateX(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateX(10px); } } @keyframes shake { 0%, 100% { transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { transform: translateX(-10px); } 20%, 40%, 60%, 80% { transform: translateX(10px); } } .shake.go { -webkit-animation-name: shake; animation-name: shake; } /******** * ShakeUp * ********/ @-webkit-keyframes shakeUp { 0%, 100% { -webkit-transform: translateX(0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translateY(-10px); } 20%, 40%, 60%, 80% { -webkit-transform: translateY(10px); } } @keyframes shakeUp { 0%, 100% { transform: translateY(0); } 10%, 30%, 50%, 70%, 90% { transform: translateY(-10px); } 20%, 40%, 60%, 80% { transform: translateY(10px); } } .shakeUp.go { -webkit-animation-name: shakeUp; animation-name: shakeUp; } /************* * FadeInLeft * *************/ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-400px); } 50% { opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-400px); } 50% { opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { opacity: 0; -webkit-transform: translateX(-400px); transform: translateX(-400px); } .fadeInLeft.go { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /************* * FadeInRight * *************/ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(400px); } 50% { opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(400px); } 50% { opacity: 0.3; } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { opacity: 0; -webkit-transform: translateX(400px); transform: translateX(400px); } .fadeInRight.go { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /************* * FadeInUp * *************/ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(400px); } 50% { opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(400px); } 50% { opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { opacity: 0; -webkit-transform: translateY(400px); transform: translateY(400px); } .fadeInUp.go { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /************* * FadeInDown * *************/ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-400px); } 50% { opacity: 0.3; } 100% { opacity: 1; -webkit-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-400px); } 50% { opacity: 0.3; } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { opacity: 0; -webkit-transform: translateY(-400px); transform: translateY(-400px); } .fadeInDown.go { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /***************** * rotateIn * *****************/ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn.go { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /***************** * rotateInUpLeft * *****************/ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft.go { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /******************* * rotateInDownLeft * *******************/ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft.go { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /****************** * rotateInUpRight * *******************/ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight.go { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /******************** * rotateInDownRight * ********************/ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight.go { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /********* * rollIn * **********/ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn.go { -webkit-animation-name: rollIn; animation-name: rollIn; } /********* * wiggle * **********/ @-webkit-keyframes wiggle { 0% { -webkit-transform: skewX(9deg); } 10% { -webkit-transform: skewX(-8deg); } 20% { -webkit-transform: skewX(7deg); } 30% { -webkit-transform: skewX(-6deg); } 40% { -webkit-transform: skewX(5deg); } 50% { -webkit-transform: skewX(-4deg); } 60% { -webkit-transform: skewX(3deg); } 70% { -webkit-transform: skewX(-2deg); } 80% { -webkit-transform: skewX(1deg); } 90% { -webkit-transform: skewX(0deg); } 100% { -webkit-transform: skewX(0deg); } } @keyframes wiggle { 0% { transform: skewX(9deg); } 10% { transform: skewX(-8deg); } 20% { transform: skewX(7deg); } 30% { transform: skewX(-6deg); } 40% { transform: skewX(5deg); } 50% { transform: skewX(-4deg); } 60% { transform: skewX(3deg); } 70% { transform: skewX(-2deg); } 80% { transform: skewX(1deg); } 90% { transform: skewX(0deg); } 100% { transform: skewX(0deg); } } .wiggle.go { -webkit-animation-name: wiggle; animation-name: wiggle; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /******** * swing * *********/ @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing.go { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /******* * tada * ********/ @-webkit-keyframes tada { 0% { -webkit-transform: scale(1); } 10%, 20% { -webkit-transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { -webkit-transform: scale(1.1) rotate(-3deg); } 100% { -webkit-transform: scale(1) rotate(0); } } @keyframes tada { 0% { transform: scale(1); } 10%, 20% { transform: scale(0.9) rotate(-3deg); } 30%, 50%, 70%, 90% { transform: scale(1.1) rotate(3deg); } 40%, 60%, 80% { transform: scale(1.1) rotate(-3deg); } 100% { transform: scale(1) rotate(0); } } .tada.go { -webkit-animation-name: tada; animation-name: tada; } /********* * wobble * **********/ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble.go { -webkit-animation-name: wobble; animation-name: wobble; } /******** * pulse * *********/ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse.go { -webkit-animation-name: pulse; animation-name: pulse; } /*************** * lightSpeedInRight * ****************/ @-webkit-keyframes lightSpeedInRight { 0% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInRight { 0% { transform: translateX(100%) skewX(-30deg); opacity: 0; } 60% { transform: translateX(-20%) skewX(30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(-15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInRight.go { -webkit-animation-name: lightSpeedInRight; animation-name: lightSpeedInRight; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /*************** * lightSpeedInLeft * ****************/ @-webkit-keyframes lightSpeedInLeft { 0% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { -webkit-transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { -webkit-transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } } @keyframes lightSpeedInLeft { 0% { transform: translateX(-100%) skewX(30deg); opacity: 0; } 60% { transform: translateX(20%) skewX(-30deg); opacity: 1; } 80% { transform: translateX(0%) skewX(15deg); opacity: 1; } 100% { transform: translateX(0%) skewX(0deg); opacity: 1; } } .lightSpeedInLeft.go { -webkit-animation-name: lightSpeedInLeft; animation-name: lightSpeedInLeft; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /******* * Flip * *******/ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(0.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(0.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } /********** * flipInX * **********/ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } /********** * flipInY * **********/ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY.go { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } /***************** * Out animations * *****************/ /************ * bounceOut * *************/ @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(0.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(0.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(0.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(0.3); } } .bounceOut.goAway { -webkit-animation-name: bounceOut; animation-name: bounceOut; } /************ * bounceOutUp * *************/ @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp.goAway { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /************ * bounceOutDown * *************/ @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown.goAway { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /************ * bounceOutLeft * *************/ @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft.goAway { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /************ * bounceOutRight * *************/ @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight.goAway { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /************ * fadeOut * *************/ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut.goAway { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /************ * fadeOutUp * *************/ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUp.goAway { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /************ * fadeOutDown * *************/ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDown.goAway { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /************ * fadeOutLeft * *************/ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeft.goAway { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /************ * fadeOutRight * *************/ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRight.goAway { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /************ * flipOutX * *************/ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX.goAway { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } /************ * flipOutY * *************/ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } /************ * lightSpeedOutRight * *************/ @-webkit-keyframes lightSpeedOutRight { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(100%) skewX(-30deg); opacity: 0; } } @keyframes lightSpeedOutRight { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(100%) skewX(-30deg); opacity: 0; } } .lightSpeedOutRight.goAway { -webkit-animation-name: lightSpeedOutRight; animation-name: lightSpeedOutRight; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * lightSpeedOutLeft * *************/ @-webkit-keyframes lightSpeedOutLeft { 0% { -webkit-transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { -webkit-transform: translateX(-100%) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOutLeft { 0% { transform: translateX(0%) skewX(0deg); opacity: 1; } 100% { transform: translateX(-100%) skewX(30deg); opacity: 0; } } .lightSpeedOutLeft.goAway { -webkit-animation-name: lightSpeedOutLeft; animation-name: lightSpeedOutLeft; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /************ * rotateOut * *************/ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut.goAway { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /************ * rotateOutUpLeft * *************/ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft.goAway { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /************ * rotateOutDownLeft * *************/ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft.goAway { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /************ * rotateOutUpRight * *************/ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight.goAway { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /************ * rollOut * *************/ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut.goAway { -webkit-animation-name: rollOut; animation-name: rollOut; } /** * 7.0 - Library * 7.2 - icon */ @font-face { font-family: 'fontawesome'; src: url('../fonts/font_awesome/font-awesome.eot?v=4.0.3'); src: url('../fonts/font_awesome/font-awesome.eot?#iefix&v=4.0.3') format("embedded-opentype"), url('../fonts/font_awesome/font-awesome.woff?v=4.0.3') format("woff"), url('../fonts/font_awesome/font-awesome.ttf?v=4.0.3') format("truetype"), url('../fonts/font_awesome/font-awesome.svg?#fontawesome&v=4.0.3') format("svg"); font-weight: normal; font-style: normal; } /** * 7.0 - Library * 7.3 - caroufredsel */ .noo-slider { position: relative; } .noo-slider .caroufredsel_wrapper { position: relative; height: auto !important; } .noo-slider .caroufredsel_wrapper .sliders { list-style: none; margin: 0; padding: 0; height: auto !important; position: relative !important; } .noo-slider .caroufredsel_wrapper .sliders .slide-item { float: left; position: relative; height: auto; width: 100%; padding: 0; margin: 0; } .noo-slider .caroufredsel_wrapper .sliders .slide-item img { display: block; max-width: 100%; width: 100%; } .noo-slider .caroufredsel_wrapper .sliders .slide-item .container-boxed { position: relative; display: block; } .noo-slider .slider-timer { background: none repeat scroll 0 0 #EFEDED; height: 2px; left: 0; position: absolute; top: 0; } .noo-slider .slider-indicators { position: absolute; top: 10px; right: 10px; } .noo-slider .slider-indicators a { -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); display: inline-block; height: 10px; width: 10px; text-indent: -999em; -webkit-border-radius: 50%; border-radius: 50%; float: left; margin: 0 5px; } .noo-slider .slider-indicators a.selected { background: #fff; } .noo-slider.bottom-indicators { padding-bottom: 15px; } .noo-slider.bottom-indicators .slider-indicators { right: auto; top: auto; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .noo-slider .slider-control { font-size: 30px; color: #ffffff; opacity: 0.7; filter: alpha(opacity=70); position: absolute; left: 0; background: #d91f26; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0 17px; -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; z-index: 1000; } .noo-slider .slider-control.prev-btn .slider-icon-prev:before { content: "\f104"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .noo-slider .slider-control.next-btn { right: 0; left: auto; } .noo-slider .slider-control.next-btn .slider-icon-next:before { content: "\f105"; position: relative; display: inline-block; font-family: "fontawesome"; font-style: normal; font-weight: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; speak: none; } .noo-slider .slider-control:hover { opacity: 0.9; filter: alpha(opacity=90); } .noo-slider .our-customer { width: 80%; margin: 0 auto; text-align: center; color: #ffffff; font-weight: 300; } .noo-slider .our-customer .customer-avatar { margin: 0 auto; text-align: center; } .noo-slider .our-customer .customer-avatar img { width: auto!important; margin: 0 auto; border-radius: 50%; border: 5px solid rgba(255, 255, 255, 0.4); } .noo-slider .our-customer .custom-desc h5 { font-size: 14px; color: #fff; font-weight: bold; } .noo-slider .our-customer .custom-desc p { color: rgba(255, 255, 255, 0.5); font-weight: 300; } .noo-slider .our-customer .custom-desc i { padding: 2em 0; color: #fff; display: block; } .featured-slider { position: relative; } .featured-slider .slider-indicators { position: absolute; top: 10px; right: 10px; } .featured-slider .slider-indicators a { -webkit-transition: all 0s ease 0s; -o-transition: all 0s ease 0s; transition: all 0s ease 0s; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.5); display: inline-block; height: 10px; width: 10px; text-indent: -999em; -webkit-border-radius: 50%; border-radius: 50%; float: left; margin: 0 5px; } .featured-slider .slider-indicators a.selected { background: #fff; } .featured-slider.bottom-indicators { padding-bottom: 15px; } .featured-slider.bottom-indicators .slider-indicators { right: auto; top: auto; bottom: 30px; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .featured-slider .caroufredsel_wrapper { position: relative; } .featured-slider .caroufredsel_wrapper .featured-slides { list-style: none; margin: 0; padding: 0; height: auto !important; position: relative !important; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item { float: left; position: relative; height: auto; width: 100%; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item img { display: block; max-width: 100%; width: 100%; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info { position: absolute; bottom: 0; padding: 30px; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info h3 a { color: #ffffff; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info h3 a:hover { color: #d91f26; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info .content-meta { font-style: italic; color: #ffffff; text-align: left; margin: 0; padding: 0; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info .content-meta > span { margin: 0 20px 10px 0; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info .content-meta:before { display: none; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info .content-meta a { color: #ffffff; } .featured-slider .caroufredsel_wrapper .featured-slides .featured-slide-item .featured-slide-item-info .content-meta a:hover { color: #d91f26; } /** * 7.0 - Library * 7.5 - masonry */ .masonry { position: relative; } .container-portfolio.container-boxed.offset { margin-top: 0; } .masonry-portfolio.no-title .masonry-item > .content-wrap { display: none; } .container-fullwidth .masonry-portfolio { padding: 0; } .masory-item-wrap { position: relative; } .masonry-item { z-index: 2; float: left; padding-left: 15px !important; padding-right: 15px !important; } .masonry-hidden.masonry-item { pointer-events: none; z-index: 1; } .masonry-header { padding-top: 20px; padding-bottom: 10px; background-color: #fff; margin-right: 15px; } .masonry-header.masonry-header-gap { margin-bottom: 40px; } .masonry-header .masonry-result { float: left; max-width: 30%; } .masonry-header .masonry-result h3 { margin: 0; padding: 0; } .masonry-header .masonry-filters { float: left; width: 100%; } .masonry-header .masonry-filters ul { list-style: none; } .masonry-header .masonry-filters ul li { display: inline-block; padding: 0 30px; } .masonry-header .masonry-filters ul li a { color: #ffffff; position: relative; font-size: 16px; } .masonry-header .masonry-filters ul li a:hover, .masonry-header .masonry-filters ul li a.selected { color: #d91f26; text-decoration: none; } .masonry-header .masonry-filters ul li:first-child > a:before { display: none; } @media (max-width: 991px) { .masonry-header .masonry-filters ul li { padding: 0 30px 0 0; line-height: 40px; } } .masonry-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; position: relative; margin: 0 -15px; } .masonry-container > .masonry-item { margin: 0 0 30px 0; padding: 0 0px; z-index: 1; } .masonry-style-elevated .masonry-container > .masonry-item-hover { position: relative; z-index: 1000; } .masonry-style-elevated .masonry-container > .masonry-item-hover .content-featured { -webkit-transform: translateY(-65px); -moz-transform: translateY(-65px); -ms-transform: translateY(-65px); transform: translateY(-65px); } .masonry-container.columns-1 > .regular { width: 100%; } .masonry-container.columns-2 > .masonry-item { width: 50%; } .masonry-container.columns-2 > .wide { width: 100%; } .masonry-container.columns-3 > .masonry-item { width: 33.333%; } @media (max-width: 992px) { .masonry-container.columns-3 > .masonry-item { width: 50%; } } .masonry-container.columns-3 > .wide { width: 66.666%; } @media (max-width: 992px) { .masonry-container.columns-3 > .wide { width: 100%; } } .masonry-container.columns-4 > .masonry-item { width: 25%; } @media (max-width: 992px) { .masonry-container.columns-4 > .masonry-item { width: 50%; } } .masonry-container.columns-4 > .wide { width: 50%; } @media (max-width: 992px) { .masonry-container.columns-4 > .wide { width: 100%; } } @media (max-width: 480px) { .masonry-container[class*="columns-"] > .masonry-item { width: 100% !important; } } /* * 8.0 - Plugin * 8.2 - contact-form-7 */ .form label { font-weight: 700; text-transform: uppercase; margin: 0; line-height: 40px; font-family: 'Dosis', serif; } .form-control:not(.submit).checkbox, .wpcf7 select.checkbox, .form-control:not(.submit).radio, .wpcf7 select.radio { height: auto; } .form-control:not(.submit), .wpcf7 select { color: #ffffff; } .form-control-wrap { display: block !important; width: 100% !important; margin-bottom: 2em; } div.wpcf7 .screen-reader-response { border: 0 none; clip: rect(1px, 1px, 1px, 1px); height: 1px; margin: 0; overflow: hidden; padding: 0; position: absolute; width: 1px; } .submit { margin-top: 10px; font-weight: 700; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .not-valid-tip { color: #f56e6e; font-size: 0.875em; display: block; } .display-none { display: none; } div.response-output { padding: 0.25em 0.5em; text-align: right; margin-top: 0.5em; font-size: 0.875em; } div.validation-errors { border: 1px solid #f56e6e; } .contact-actions { display: block; text-align: right; } .contact-form:before { content: ""; background: #eee; width: 98%; margin-right: 15px; height: 1px; margin-top: -50px; left: 0; z-index: 999; margin-bottom: 50px; } @media (max-width: 767px) { .contact-form .contact-desc { padding-left: 0 !important0; } } .noo-gmaps { box-shadow: 0 0 0 4px #ffffff; } .form-wrap { margin-top: -175px; border-radius: 3px 3px 0 0; } .form-wrap h1 { font-size: 4.5em; color: #ffffff; margin-bottom: 0; text-transform: uppercase; line-height: 1; margin-top: -80px; } ul.contact-info { padding: 30px 50px 30px 100px; list-style: none; } @media (max-width: 767px) { ul.contact-info { padding: 30px; } } ul.contact-info li { line-height: 3em; padding-bottom: 30px; } ul.contact-info li span { font-size: 24px; color: #d91f26; display: block; text-transform: uppercase; } ul.contact-info li i { padding-right: 10px; font-size: 24px; } .form p { color: #555555; } .form .submit { width: 100%; display: inline-block; margin-bottom: 0; font-weight: 400; text-align: center; vertical-align: middle; cursor: pointer; background-image: none; border: 0px solid transparent; white-space: nowrap; font-family: 'Dosis', serif; background: #2f2f2f; border-bottom: 3px solid #161616; padding: 0.625em 1em; font-size: 16px; line-height: 1.5; border-radius: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: border-color color 0.2s ease; -o-transition: border-color color 0.2s ease; transition: border-color color 0.2s ease; color: #ffffff; background-color: #d91f26; border-color: #ac191e; text-transform: uppercase; } .form .submit:hover, .form .submit:focus { outline: 0; background: #4c4441; } .form .submit:hover, .form .submit:focus { outline: 0; background: #4c4441; } .form .submit:focus, .form .submit:active:focus, .form .submit.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .form .submit:hover, .form .submit:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .form .submit:active, .form .submit.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .form .submit.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .form .submit:hover, .form .submit:focus, .form .submit:active, .form .submit.active, .open > .dropdown-toggle.form .submit { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .form .submit:hover, .form .submit:focus { outline: 0; background: #4c4441; } .form .submit:hover, .form .submit:focus { outline: 0; background: #4c4441; } .form .submit:focus, .form .submit:active:focus, .form .submit.active:focus { outline-offset: -2px; -webkit-box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); box-shadow: 0 0 2px rgba(117, 176, 138, 0.8); border-color: #d91f26; } .form .submit:hover, .form .submit:focus { background: #d91f26; color: #ffffff; border-color: #d91f26; } .form .submit:active, .form .submit.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .form .submit.disabled { cursor: not-allowed; pointer-events: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .form .submit:hover, .form .submit:focus, .form .submit:active, .form .submit.active, .open > .dropdown-toggle.form .submit { color: #ffffff; background-color: #d91f26; border-color: #ac191e; } .form .submit:hover { background: #555555; border-color: #3b3b3b; } .form .submit:hover { background: #555555; border-color: #3b3b3b; } /* * 8.0 - Plugin * 8.3 - revslider */ .tp-bullets.simplebullets.round .bullet { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.7); -webkit-border-radius: 50%; border-radius: 50%; height: 12px; width: 12px; } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); -webkit-box-shadow: 0 0 0 2px #ffffff; box-shadow: 0 0 0 2px #ffffff; margin: 0 5px; } .noo-slider-revolution-container.bg-video { position: relative; overflow: hidden; } .noo-slider-revolution-container.bg-video .rev_slider_wrapper { background: transparent !important; } .noo-slider-revolution-container.bg-video #big-video-wrap { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; width: 100%; height: 100%; background: #000; } .noo-slider-revolution-container.bg-video #big-video-wrap .vjs-tech { left: 0; margin: 0; } .noo-slider-revolution-container.bg-video object, .noo-slider-revolution-container.bg-video video { min-width: 100%; min-height: 100%; } /** * 9.0 - Main file * 9.1 - main */ /*.container-wrap .noo-main { padding-top: 30px; }*/ @media (min-width: 992px) { .base-border-left { border-left: 1px solid #f5f6f6; } } @media (min-width: 992px) { .base-border-right { border-right: 1px solid #f5f6f6; } } @media (min-width: 992px) { .flex-wrap .container-boxed > .row { display: flex; display: -webkit-flex; } } body { padding-bottom: 76px; } body.boxed-layout { background-color: #262626; background-image: url(""); background-position: left top; background-repeat: no-repeat; background-attachment: fixed; } body.boxed-layout .site { margin: 0 auto; position: relative; padding: 0px; background-color: #262626; -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); box-shadow: 0 0 7px rgba(0, 0, 0, 0.4); width: 90%; max-width: 1200px; } body.boxed-layout .footer-player { left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); width: 90%; max-width: 1200px; } body.boxed-layout .container { max-width: 100%; } @media (min-width: 768px) { body.navbar-fixed-left-layout { padding-left: 240px; } body.navbar-fixed-right-layout { padding-right: 240px; } } body.nice-scroll { position: relative; padding-right: 10px !important; } body.nice-scroll .nicescroll-rails { background: #666; z-index: 9001 !important; } .noo-main.left-sidebar { float: right; } @media (max-width: 767px) { .noo-main.left-sidebar { float: none; } } @media (min-width: 992px) { .noo-sidebar .noo-sidebar-wrapper { padding-right: 30px; padding-left: 30px; } } .main-content > .row { position: relative; } .noo-sidebar-line { display: none; } .wp-caption { background: none repeat scroll 0 0 #f7f7f7; border: 1px solid #eee; max-width: 100%; padding: 5px; } .wp-caption .wp-caption-text { text-align: center; margin-top: 10px; } .gallery-caption { margin-left: 0; margin-bottom: 10px; padding: 0px 10px; } .bypostauthor { margin: 0; padding: 0; } #wpstats { display: none; } .alignleft { float: left; margin-right: 15px; } .alignright { float: right; margin-left: 15px; } .aligncenter { display: block; margin: 15px auto; } .overlay-bg { position: relative; } .overlay-bg:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 100%; display: block!important; background: rgba(68, 73, 75, 0.5); } @media (max-width: 991px) { .overlay-bg:after { display: none!important; } } .overlay-bg > * { position: relative; z-index: 1; } @media (max-width: 991px) { body .rp-padding { padding-right: 15px !important; padding-left: 15px !important; } } i.locked-sign { padding-right: 5px; } body.enable-preload .site { opacity: 0; } #loader-wrapper { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; } #loader { display: block; position: relative; left: 50%; top: 50%; } #loader:before, #loader:after { content: ""; position: absolute; width: 30px; height: 30px; top: -30px; left: -80px; background: #d91f26; border-radius: 999px; } #loader:before { -webkit-animation: cross1 1.5s infinite linear; animation: cross1 1.5s infinite linear; } #loader:after { -webkit-animation: cross2 1.5s infinite linear; animation: cross2 1.5s infinite linear; } @keyframes cross1 { 0% { transform: translateX(0px); opacity: 1; } 50% { transform: translateX(80px); opacity: 0.5; } 100% { transform: translateX(0px); opacity: 1; } } @keyframes cross2 { 0% { transform: translateX(80px); opacity: 1; } 50% { transform: translateX(0px); opacity: 0.5; } 100% { transform: translateX(80px); opacity: 1; } } @-webkit-keyframes cross1 { 0% { transform: translateX(0px); opacity: 1; } 50% { transform: translateX(80px); opacity: 0.5; } 100% { transform: translateX(0px); opacity: 1; } } @-webkit-keyframes cross2 { 0% { transform: translateX(80px); opacity: 1; } 50% { transform: translateX(0px); opacity: 0.5; } 100% { transform: translateX(80px); opacity: 1; } } /** * 10 Shortcode - Event */ .parallax { background-position: 50% 0; background-repeat: no-repeat; overflow: hidden; position: relative; } @media (min-width: 1025px) { .parallax { background-attachment: fixed !important; background-size: cover; } } @media (max-width: 1200px) { .parallax { background-position: 50% 0 !important; } } .overlay_parallax { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .page-template-page-full-width .noo-main { padding-top: 0 !important; } .navbar-nav ul.sub-menu li > a { background: none !important; } .noo-tribe-events { padding: 40px 0 50px 0; } .noo-tribe-events .noo-tribe-events { padding: 0; } .tribe-bar-views-inner { background: #1f1f1f; padding: 25px 10px 40px; } .datepicker.dropdown-menu { font-family: "Dosis", serif; -webkit-border-radius: 0; border-radius: 0; } .datepicker.dropdown-menu th { padding: 5px 10px; } #tribe-events-bar { margin: 0; } #tribe-events-bar #tribe-bar-form, #tribe-events-bar #views-exposed-form-event-list-block, #tribe-events-bar #views-exposed-form-event-photo-block { background: #1f1f1f; min-height: 105px; border-bottom: 3px solid #191919; } #tribe-events-bar #tribe-bar-form label, #tribe-events-bar #views-exposed-form-event-list-block label, #tribe-events-bar #views-exposed-form-event-photo-block label { color: #555555; font-weight: 400; margin: 0 0 10px 0; font-size: 0.875em; text-transform: uppercase; } #tribe-events-bar #tribe-bar-form input[type=text], #tribe-events-bar #views-exposed-form-event-list-block input[type=text], #tribe-events-bar #views-exposed-form-event-photo-block input[type=text] { border-bottom: 1px solid rgba(85, 85, 85, 0.25); font-weight: 400; font-size: 12px; font-style: normal; color: #555555; height: 30px; border-top: none; border-right: none; border-left: none; margin-bottom: 0; padding-left: 0; padding-right: 0; } #tribe-events-bar #views-exposed-form-event-list-block .description, #tribe-events-bar #views-exposed-form-event-photo-block .description { margin-top: 6px; } #tribe-events-bar #tribe-bar-form input[type=text]::-moz-placeholder, #tribe-events-bar #views-exposed-form-event-list-block input[type=text]::-moz-placeholder, #tribe-events-bar #views-exposed-form-event-photo-block input[type=text]::-moz-placeholder { color: #555555; opacity: 1; } #tribe-events-bar #tribe-bar-form input[type=text]:-ms-input-placeholder, #tribe-events-bar #views-exposed-form-event-list-block input[type=text]:-ms-input-placeholder, #tribe-events-bar #views-exposed-form-event-photo-block input[type=text]:-ms-input-placeholder { color: #555555; } #tribe-events-bar #tribe-bar-form input[type=text]::-webkit-input-placeholder, #tribe-events-bar #views-exposed-form-event-list-block input[type=text]::-webkit-input-placeholder, #tribe-events-bar #views-exposed-form-event-photo-block input[type=text]::-webkit-input-placeholder { color: #555555; } #tribe-events-bar #tribe-bar-form .tribe-bar-submit input[type=submit], #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-submit input[type=submit], #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-submit input[type=submit] { background: #d91f26; padding: 20px 40px; width: auto; display: inline-block; margin-top: 18px; text-transform: uppercase; font-size: 12px; } #tribe-events-bar #tribe-bar-form .tribe-bar-submit input[type=submit]:focus, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-submit input[type=submit]:focus, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-submit input[type=submit]:focus { outline: none !important; outline-color: transparent !important; } #tribe-events-bar #tribe-bar-form #tribe-bar-views, #tribe-events-bar #views-exposed-form-event-list-block #tribe-bar-views, #tribe-events-bar #views-exposed-form-event-photo-block #tribe-bar-views { position: relative; left: auto; right: auto; float: right; width: 15%; padding: 0; background: 0 0; margin: 0; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-filters, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-filters { right: auto; left: auto; width: 85%; padding: 10px 0 0; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-search-filter, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-filters .tribe-bar-search-filter, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-filters .tribe-bar-search-filter { width: 25%; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-date-filter, #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-geoloc-filter, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-filters .tribe-bar-date-filter, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-filters .tribe-bar-geoloc-filter, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-filters .tribe-bar-date-filter, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-filters .tribe-bar-geoloc-filter { width: 25%; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-submit, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-filters .tribe-bar-submit, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-filters .tribe-bar-submit { margin-top: 0; padding-right: 0; padding-top: 5px; width: 25%; text-align: center; } #tribe-events-bar #tribe-bar-form .tribe-bar-views-option a, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-views-option a, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-views-option a { background: none; } #tribe-events-bar #tribe-bar-form .tribe-bar-views-list, #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-views-list, #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-views-list { margin-left: 6px; padding-bottom: 10px; background: #1f1f1f; } #tribe-events .tribe-events-button { background: #d91f26 !important; margin-top: 15px; } .events-list .tribe-events-loop, .tribe-events-list .tribe-events-loop, .tribe-events-day .tribe-events-loop { max-width: 100%; } .events-list .tribe-events-loop .type-tribe_events, .tribe-events-list .tribe-events-loop .type-tribe_events, .tribe-events-day .tribe-events-loop .type-tribe_events { margin-top: 60px; background: transparent; padding: 0; } .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-title { text-align: left; text-transform: uppercase; font-size: 1.875em; padding: 0; margin: 30px 0; font-weight: 400; display: block; color: #ffffff; } @media (max-width: 767px) { .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-title { font-size: 1.5em; } } .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-description, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-description { text-align: left; float: none; padding: 30px 0 0; } .events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-read-more { font-size: 0.875em; color: #555555; text-transform: uppercase; display: inline-block; background: #1f1f1f; padding: 0 30px !important; border-bottom: 3px solid #191919; height: 40px; line-height: 40px !important; margin: 25px 0 0 0; height: 45px; padding: 0 38px !important; line-height: 45px !important; font-size: 16px; } .events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more:hover, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more:hover, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-read-more:hover { background: #d91f26; color: #ffffff; border-color: #d91f26; } .events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more:focus, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more:focus, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-read-more:focus { outline: none; outline-color: transparent; } .events-list .tribe-events-loop .type-tribe_events:first-child, .tribe-events-list .tribe-events-loop .type-tribe_events:first-child, .tribe-events-day .tribe-events-loop .type-tribe_events:first-child { margin-top: 42px; } .events-list .tribe-events-loop .tribe-events-event-image, .tribe-events-list .tribe-events-loop .tribe-events-event-image, .tribe-events-day .tribe-events-loop .tribe-events-event-image { float: none; width: 100%; margin: 0; overflow: hidden; } .events-list .tribe-events-loop .noo-tribe-events-image, .tribe-events-list .tribe-events-loop .noo-tribe-events-image, .tribe-events-day .tribe-events-loop .noo-tribe-events-image { position: relative; overflow: hidden; } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; text-align: center; z-index: 3; } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location { display: inline-block; } @media (max-width: 991px) { .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .location { background: rgba(0, 0, 0, 0.7); } } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details { background: rgba(0, 0, 0, 0.75); padding: 10px 37px; width: 100%; font-size: 1.5em; line-height: 30px; font-weight: 400; margin: 0; text-transform: uppercase; font-style: normal; } @media (max-width: 991px) { .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details { font-size: 16px; padding: 10px; } } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .fa, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .fa, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .fa, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .fa, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .fa, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .fa { color: #d91f26; padding-right: 10px; } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .tribe-events-address, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .tribe-events-address, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .tribe-events-address, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .tribe-events-address, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .tribe-events-address, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .tribe-events-address, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .author, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .author, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details .author, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .author, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .author, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details .author { font-style: normal; } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details { margin-top: 10px; } .events-list #tribe-events-footer, .tribe-events-list #tribe-events-footer, .tribe-events-day #tribe-events-footer { border-color: #1f1f1f; padding-top: 0; margin-top: 62px; } .events-list #tribe-events-footer .pagination, .tribe-events-list #tribe-events-footer .pagination, .tribe-events-day #tribe-events-footer .pagination { margin: 30px auto 0; } .noo-attr-style { position: absolute; right: -67px; top: -30px; background: #20a07b; width: 160px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); height: 90px; text-align: center; line-height: 140px; font-weight: 700; font-size: 1em; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.75); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.75); z-index: 3; } .tribe-events-viewmore { margin: 15px 5% 0; padding: 9px 8px 0 0; border-color: #1f1f1f; } .tribe-events-day .tribe-events-loop { max-width: 100%; } .tribe-events-day .tribe-events-day-time-slot h5 { background: none; color: #d91f26; text-align: left; margin: 60px 0 0; padding: 0; } .tribe-events-day h2.tribe-events-page-title { margin-bottom: 0; margin-top: 60px; text-align: left; font-weight: 400; text-transform: uppercase; } .tribe-events-day h2.tribe-events-page-title a { color: #ffffff; } .tribe-events-day #tribe-events-footer { padding-top: 40px; padding-bottom: 15px; } .tribe-events-day #tribe-events-footer .tribe-events-sub-nav a { font-size: 15px; font-weight: 400; text-transform: uppercase; } .tribe-events-day #tribe-events-footer .tribe-events-sub-nav a span { display: none; } h2.tribe-events-page-title { font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 50px 0 35px; font-size: 1.5em; } h2.tribe-events-page-title a { color: #ffffff; } h2.tribe-events-page-title a:hover { color: #d91f26; } #tribe-events-content .tribe-events-calendar thead th { background: #1f1f1f; border-left: 1px solid #303030; border-right: 1px solid #303030; } #tribe-events-content .tribe-events-calendar td { border: 1px solid #303030; -webkit-border-radius: 0; border-radius: 0; padding: 0 0 20px 0; } #tribe-events-content .tribe-events-calendar td:hover { background: none; -webkit-box-shadow: none; box-shadow: none; } #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { background: none; } #tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-], #tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a { background: #2c2c2c; } #tribe-events-content .tribe-events-calendar div[id*=tribe-events-event-] h3.tribe-events-month-event-title { font-weight: 400; font-size: 12px; } #tribe-events-content ul.tribe-events-sub-nav a { font-weight: 400; text-transform: uppercase; margin-top: 30px; display: block; } #tribe-events-content .tribe-events-tooltip h4 { font-weight: 400; color: #d91f26; } #tribe-events-content .tribe-events-tooltip .tribe-events-abbr { display: inline-block; font-weight: 400; } .events-archive.events-gridview #tribe-events-content table .type-tribe_events { border-bottom: 1px solid transparent; padding: 15px 0 0; font-family: "Dosis", serif; font-size: 0.875em; } #tribe-events-photo-events { margin: 0 -15px !important; } #tribe-events-photo-events .type-tribe_events.tribe-events-photo-event { width: 50% !important; margin: 0 !important; padding: 30px 15px 0; } .tribe-events-map #tribe-geo-results h2.tribe-events-map-event-title { font-weight: 400; text-transform: uppercase; color: #ffffff; margin: 50px 0 35px; font-size: 1.5em; } .tribe-events-map #tribe-geo-results h2.tribe-events-map-event-title a { color: #ffffff; } .tribe-events-map #tribe-geo-results h2.tribe-events-map-event-title a:hover { color: #d91f26; } .tribe-events-map .tribe-events-event-details { margin-top: 30px; } .tribe-events-map #tribe-geo-results { margin-top: 0; } .tribe-events-map #tribe-geo-results .hentry:first-child { margin-top: 0; } .tribe-events-venue .tribe-events-venue-meta { background: #1f1f1f; } .tribe-events-venue .tribe-events-venue-meta .tribe-events-map-wrap { margin: 0; } .tribe-events-venue .tribe-events-event-meta .author { display: inline-block; } .single-tribe_events .tribe-events-event-meta { border: 0; background: none; margin: 0; } .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group, .single-tribe_events .tribe-events-event-meta .tribe-events-venue-map { width: 100%; float: none; padding: 20px 18px 20px; margin: 0 0 30px 0; background: #1f1f1f; } .single-tribe_events .tribe-events-event-meta .tribe-events-meta-group .tribe-events-single-section-title, .single-tribe_events .tribe-events-event-meta .tribe-events-venue-map .tribe-events-single-section-title { font-size: 1.125em; line-height: 30px; font-weight: 400; text-transform: uppercase; margin: 0 0 15px 0 ; color:#d91f26; } .single-tribe_events .tribe-events-event-meta .tribe-events-venue-map { padding: 3px; border-radius: 0; border-color: #1f1f1f; } .single-tribe_events h2.tribe-events-single-event-title { font-size: 1.875em; font-weight: 400; text-transform: uppercase; padding-left: 70px; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dt { font-weight: 400; text-transform: uppercase; margin-bottom: 5px; color:#d91f26; } .single-tribe_events #tribe-events-content .tribe-events-event-meta dd { margin: 0 0 20px 0; } .noo-single-event-content { background: #1f1f1f; padding: 30px; position: relative; overflow: hidden; } .noo-single-event-content .noo-attr-style { font-size: 1.125em; font-weight: 600; } .noo-single-event-content .tribe-events-schedule { text-transform: uppercase; padding-left: 70px; font-weight: 300; font-size: 18px; margin-bottom: 1em; } .noo-single-event-content .tribe-events-schedule .sh-time-event i, .noo-single-event-content .tribe-events-schedule .sh-address i { color: #d91f26; padding-right: 10px; font-size: 24px; } .noo-single-event-content .tribe-events-schedule .date-start { padding-right: 5px; } .noo-single-event-content .tribe-events-schedule .date-end { padding-left: 5px; } .noo-single-event-content .tribe-events-schedule .sh-address { margin-left: 27px; } .noo-single-event-content .noo-tribe-money { -webkit-transform: translate(0, -5px); -ms-transform: translate(0, -5px); -o-transform: translate(0, -5px); transform: translate(0, -5px); } .noo-single-event-content .noo-tribe-money i { color: #d91f26; padding-right: 10px; -webkit-transform: translate(0, 3px); -ms-transform: translate(0, 3px); -o-transform: translate(0, 3px); transform: translate(0, 3px); } .noo-single-event-content .content-social { text-align: left; margin-top: 40px; } .noo-single-event-content .content-social a:first-child { margin-left: 0; } .noo-single-event-content .content-social a { margin: 0 15px; } .noo-single-event-content .content-social span { display: none; } .noo-single-event-content .entry-date { background: #d91f26; position: absolute; left: 30px; display: block; text-align: center; top: 30px; font-size: 1.875em; line-height: 30px; color: #ffffff; font-weight: 300; padding: 6px 10px 4px; border-bottom: 3px solid #b7181e; } @media (max-width: 767px) { .noo-single-event-content .entry-date { right: auto; left: 0; } } .noo-single-event-content .entry-date span { display: block; border-top: 1px solid #ffffff; font-size: 14px; margin-top: 8px; } .single-tribe_events .tribe-events-content { padding: 5px 0 0 0; } .single-tribe_events .tribe-events-content h1, .single-tribe_events .tribe-events-content .h1, .single-tribe_events .tribe-events-content h2, .single-tribe_events .tribe-events-content .h2, .single-tribe_events .tribe-events-content h3, .single-tribe_events .tribe-events-content .h3 { margin: 18px 0; } .single-tribe_events #tribe-events-content form.cart { background: none; border: 0; padding: 0; margin: 45px 0 0; } .single-tribe_events #tribe-events-content form.cart .tribe-events-tickets-title { font-size: 1.5em; font-weight: 400; text-transform: uppercase; margin-bottom: 30px; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list { list-style: none; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li { background: #262626; text-align: center; padding: 0 30px 0; font-size: 1.125em; color: #777777; text-transform: uppercase; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li:last-child { padding-bottom: 42px; padding-top: 30px; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_name { padding: 0; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_name span { margin: 0 30px; border-bottom: 1px solid #1e1e1e; display: block; color: #ffffff; font-weight: 400; font-size: 2.25em; text-transform: uppercase; padding: 26px 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_price { padding-top: 30px; padding-bottom: 20px; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_price span { font-size: 30px; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_description { text-align: center; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li.tickets_description span { display: block; padding: 19px 5%; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li .quantity input { width: 100%; height: 40px; background: #1f1f1f; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list li .quantity input:hover { background: #d91f26; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list:hover .quantity input { background: #d91f26; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-list:hover .tickets_name span { color: #d91f26; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-button .button { background: #262626; padding: 10px 30px; margin-top: 45px; text-transform: uppercase; } .single-tribe_events #tribe-events-content form.cart .woo-ticket-button .button:hover { background: #d91f26; border-color: #b7181e; } .noo-tabs-wrap { margin-top: 60px; } .noo-tabs-header { padding: 0; margin: 0; list-style: none; position: relative; } .noo-tabs-header:after { clear: both; display: block; content: ''; } .noo-tabs-header:before { width: 100%; height: 1px; background: #1f1f1f; content: ''; left: 0; bottom: 0; position: absolute; } .noo-tabs-header li { float: left; } .noo-tabs-header li span { cursor: pointer; font-size: 16px; text-transform: uppercase; display: block; font-weight: 400; line-height: 23px; margin-right: 32px; padding-bottom: 23px; position: relative; color: #555555; -webkit-transform: translate(0, 6px); -ms-transform: translate(0, 6px); -o-transform: translate(0, 6px); transform: translate(0, 6px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; border-bottom: 1px solid transparent; z-index: 1; } .noo-tabs-header li span.tab-active { line-height: 23px; font-size: 1.875em; border-bottom: 1px solid #d91f26; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); color: #ffffff; } .noo-tab-content { display: none; } .noo-tabs-content { background: #1f1f1f; padding: 30px 15px 0 15px; margin-top: 30px; } .noo-tabs-content #commentform { padding: 0; } #event-comment-list { padding: 0 15px 55px; } #event-comment-list #respond { margin: 0; } #event-comment-list .comments-area { padding: 0; } #event-comment-list .comment-reply-title { margin-top: 0; } #event-comment-list .comments-title { display: none; } #event-comment-list .comments-list { padding-top: 0; padding-left: 0; } .event-single-gallery { padding: 0; margin: 0; list-style: none; } .event-single-gallery:after { clear: both; display: block; content: ''; } .event-single-gallery li { float: left; width: 33.33%; height: 202px; overflow: hidden; padding: 0; margin-bottom: 30px; } .event-single-gallery li a { display: block; position: relative; margin: 0 15px; } .event-single-gallery li a img { width: 100%; min-height: 202px; } .event-single-gallery li a:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background: none; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; } .event-single-gallery li a:after { position: absolute; left: 50%; top: 0; content: "\f002"; background: none; font-family: FontAwesome; font-size: 1.125em; color: #ffffff; margin: -10px 0 0 -10px; -webkit-transition: all 0.3s linear 0s; -o-transition: all 0.3s linear 0s; transition: all 0.3s linear 0s; opacity: 0; filter: alpha(opacity=0); } .event-single-gallery li a:hover:before { background: rgba(0, 0, 0, 0.8); } .event-single-gallery li a:hover:after { top: 50%; opacity: 1; filter: alpha(opacity=100); } body .nivo-lightbox-theme-default .nivo-lightbox-prev { background-image: url("../images/pre.png"); background-color: transparent !important; } body .nivo-lightbox-theme-default .nivo-lightbox-next { background-image: url("../images/next.png"); background-color: transparent !important; } .single-tribe_events #tribe-events-footer, .tribe-events-photo #tribe-events-footer { border-top: 0; padding-top: 1em; } h3.tribe-events-related-events-title { margin-top: 0; text-transform: uppercase; font-size: 0.875em; font-weight: 400; } .tribe-events-single ul.tribe-related-events { background-color: #1f1f1f; padding: 15px 10px; margin-top: 20px; } .tribe-events-single ul.tribe-related-events li { float: none; width: 100%; margin-bottom: 30px; margin-top: 20px; font-size: 12px; background: none; border:none; } .tribe-events-single ul.tribe-related-events li .tribe-related-events-title { font-weight: 400; text-transform: uppercase; } .type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap { border: 0; background: none; } .type-tribe_events.tribe-events-photo-event .tribe-events-photo-event-wrap:hover { border: 0; background: none; -webkit-box-shadow: none; box-shadow: none; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-list-event-title { text-align: left; text-transform: uppercase; font-size: 24px; padding: 0; margin: 0 0 30px; font-weight: 400; display: block; color: #ffffff; } #tribe-events-content .tribe-events-photo-event-wrap .noo-tribe-events-image { position: relative; overflow: hidden; } #tribe-events-content .tribe-events-photo-event-wrap .noo-tribe-events-image .tribe-events-event-meta { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); width: 100%; text-align: center; z-index: 3; } #tribe-events-content .tribe-events-photo-event-wrap .noo-tribe-events-image .tribe-events-event-meta .location { display: inline-block; } #tribe-events-content .tribe-events-photo-event-wrap .noo-tribe-events-image .time-details { background: rgba(0, 0, 0, 0.75); padding: 10px 37px; font-size: 14px; line-height: 30px; font-weight: 400; margin: 0; text-transform: uppercase; font-style: normal; display: inline-block; } #tribe-events-content .tribe-events-photo-event-wrap .noo-tribe-events-image .time-details .fa { color: #d91f26; padding-right: 10px; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-event-details { padding: 15px 0 30px; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-read-more { font-size: 0.875em; color: #555555; text-transform: uppercase; display: inline-block; background: #1f1f1f; padding: 0 30px !important; border-bottom: 3px solid #191919; height: 40px; line-height: 40px !important; margin: 25px 0 0 0; height: 45px; padding: 0 38px !important; line-height: 45px !important; font-size: 16px; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-read-more:hover { background: #d91f26; color: #ffffff; border-color: #d91f26; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-read-more:focus { outline: none; outline-color: transparent; } #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-content { padding-bottom: 8px; } .tribe-events-week-grid .tribe-grid-header { background: #1f1f1f; border-left: 1px solid #303030; border-right: 1px solid #303030; } .tribe-events-week-grid .tribe-grid-header .tribe-grid-content-wrap .column { border-left-color: #303030; } .tribe-events-week-grid .tribe-grid-allday { background: #1f1f1f; border: 1px solid #303030; } .tribe-events-week-grid .tribe-events-grid .tribe-scroller { border-left: 1px solid #303030; border-right: 1px solid #303030; } .tribe-events-week-grid .tribe-week-grid-hours { background: #1f1f1f; } .tribe-events-week-grid .slimScrollDiv { border-left: 1px solid #303030; border-right: 1px solid #303030; } .tribe-events-week-grid .tribe-week-today { background: #2c2c2c; } .tribe-events-week-grid .tribe-grid-content-wrap .column { border-left-color: #303030; } .tribe-events-week-grid .tribe-events-grid { border-bottom: 3px solid #303030; } .tribe-events-week-grid .tribe-week-grid-block div { border-bottom: 1px dotted #303030; border-top: 1px solid #303030; } .noo-countdown { width: 100%; text-align: center; position: relative; } .noo-countdown.parallax { height: auto; background-image: url('../images/galaxy-background.jpg'); } .noo-countdown .background-mobi { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none; background-repeat: no-repeat; background-size: cover; background-position: center center; } .noo-countdown.video-section .background-mobi { display: block; } .noo-countdown #large-header { position: absolute; left: 0; top: 0; width: 100%; z-index: 2; } .noo-countdown iframe { max-width: none; } .noo-countdown .noo-countdown-content { position: absolute; left: 0; top: 50%; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 3; } .noo-countdown h2 { font-size: 260%; line-height: 80px; font-weight: 400; padding: 0; margin: 0 0 18px 0; text-transform: uppercase; } .noo-countdown p { font-size: 1.5em; line-height: 30px; font-weight: 300; padding: 0 10%; margin: 0; text-transform: uppercase; } .noo-countdown .noo-countdown-footer a { font-size: 1.125em; color: #ffffff; margin: 47px 0 0 0; position: relative; padding: 0 23px; height: 53px; line-height: 50px; display: inline-block; background: #d91f26; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; text-transform: uppercase; font-weight: 300; border-bottom: 3px solid #b7181e; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; overflow: hidden; } .noo-countdown .noo-countdown-footer a:hover:before { top: 0; } .noo-countdown .noo-countdown-footer a:before { width: 100%; height: 100%; position: absolute; left: 0; top: -100%; content: ''; background: #1f1f1f; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .noo-countdown .noo-countdown-footer a span { position: relative; } .full-background { padding: 0; margin: 0; list-style: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .full-background li { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; display: none; } .is-countdown { text-align: center; margin-top: 45px; } .is-countdown .countdown-section { width: 100px; height: 98px; display: inline-block; background: rgba(0, 0, 0, 0.4); margin: 0 5px; -webkit-border-radius: 5px; border-radius: 5px; } .is-countdown .countdown-section .countdown-amount { display: block; text-align: center; font-size: 50px; line-height: 50px; padding: 21px 0 12px; } .is-countdown .countdown-section .countdown-period { clear: both; display: inline-block; font-size: 14px; line-height: 20px; background: #d91f26; padding: 0 4px; text-transform: uppercase; -webkit-border-radius: 2px; border-radius: 2px; } .sh-event-title { font-size: 36px; text-transform: uppercase; color: #ffffff; padding: 0; margin: 0 0 10px 0; font-weight: 300; text-align: center; } @media (max-width: 767px) { .sh-event-title { font-size: 24px; line-height: 100%; } } .sh-event-title span { color: #d91f26; } .sh-ds { font-size: 18px; line-height: 24px; color: #ffffff; padding: 0 10%; margin: 0; font-weight: 400; text-align: center; } .noo-sh-event-content { margin-top: 80px; } .noo-sh-list-event { position: relative; background: rgba(0, 0, 0, 0.19999999999999996); border-top: 1px solid #1c1c1c; margin-left: 48px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .noo-sh-list-event:after { clear: both; display: block; content: ''; } .noo-sh-list-event:first-child { border-top: 0; } @media (max-width: 767px) { .noo-sh-list-event { margin-left: 0!important; } } .noo-sh-list-event:hover { background: rgba(0, 0, 0, 0.5); } .noo-sh-list-event:hover .noo-thumbnail { background-position: center left; } .noo-sh-list-event .entry-date { background: #d91f26; position: absolute; left: -48px; display: block; text-align: center; top: 0; font-size: 1.875em; line-height: 30px; color: #ffffff; font-weight: 300; padding: 6px 10px 4px; border-bottom: 3px solid #b7181e; z-index: 1; } @media (max-width: 767px) { .noo-sh-list-event .entry-date { right: auto; left: 0; } } .noo-sh-list-event .entry-date span { display: block; border-top: 1px solid #ffffff; font-size: 14px; margin-top: 8px; } .noo-sh-list-event .noo-thumbnail { width: 200px; float: left; position: relative; min-height: 200px; background-position: center center; background-size: cover; background-repeat: no-repeat; -webkit-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .noo-sh-list-event .thumb-1 { background-image: url('../images/event/oro-owo-classic-stars-presents-event-upcoming-no-bottom.jpg'); } .noo-sh-list-event .thumb-2 { background-image: url('../images/event/event7.jpg'); } .noo-sh-list-event .thumb-3 { background-image: url('../images/event/event5.jpg'); } @media (max-width: 767px) { .noo-sh-list-event .noo-thumbnail { width: 100%; display: block; margin-bottom: 15px; min-height: 300px; } } .noo-sh-list-event .noo-shevent-content { padding-left: 230px; padding-right: 10px; } @media (max-width: 767px) { .noo-sh-list-event .noo-shevent-content { width: 100%; display: block; padding: 15px; } } .noo-sh-list-event .noo-shevent-content h4 { padding: 25px 0 16px; margin: 0; font-size: 20px; line-height: 16.8px; color: #ffffff; text-transform: uppercase; } @media (max-width: 767px) { .noo-sh-list-event .noo-shevent-content h4 { font-size: 16px; } } .noo-sh-list-event .noo-shevent-content .sh-date { font-size: 1.125em; line-height: 30px; color: #ffffff; text-transform: uppercase; } @media (max-width: 767px) { .noo-sh-list-event .noo-shevent-content .sh-date { font-size: 16px; } } .noo-sh-list-event .noo-shevent-content .sh-date i { color: #d91f26; margin-right: 10px; } .noo-sh-list-event .noo-shevent-content .sh-address { margin-left: 38px; font-size: 1.125em; line-height: 30px; color: #ffffff; text-transform: uppercase; } @media (max-width: 767px) { .noo-sh-list-event .noo-shevent-content .sh-address { font-size: 16px; display: block; margin-left: 0; } } .noo-sh-list-event .noo-shevent-content .sh-address i { color: #d91f26; margin-right: 10px; } .noo-sh-list-event .noo-shevent-content .sh-excerpt { margin-top: 18px; color: #555555; font-size: 16px; line-height: 24px; } .noo-view-event { text-align: center; margin-top: 80px; } .noo-view-event a { display: inline-block; font-size: 1.125em; color: #fff; text-transform: uppercase; background: #d91f26; padding: 0 27px; border-bottom: 3px solid #191919; height: 50px; line-height: 50px; margin: 0; } .noo-view-event a:hover { background: darkgoldenrod; color: #ffffff; border-bottom: 3px solid darkgoldenrod; } .noo-view-event a:focus { outline: none; outline-color: transparent; } .grid .noo-grid-header-events { margin-bottom: 95px; } .noo-sh-grid-event { position: relative; height: 370px; overflow: hidden; margin-top: 30px; } .noo-sh-grid-event:hover .noo-thumbnail img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .noo-sh-grid-event .noo-thumbnail { height: 100%; } .noo-sh-grid-event .noo-thumbnail img { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; height: 100%; width: auto; max-width: none; } .noo-sh-grid-event .noo-shevent-content { position: absolute; left: 25px; bottom: 20px; right: 20px; } .noo-sh-grid-event .noo-shevent-content h4 { padding: 25px 0 10px; margin: 0; font-size: 1.5em; line-height: 30px; color: #ffffff; text-transform: uppercase; } .noo-sh-grid-event .noo-shevent-content .sh-date, .noo-sh-grid-event .noo-shevent-content .sh-time-event { font-size: 0.875em; line-height: 30px; color: #ffffff; text-transform: uppercase; } .noo-sh-grid-event .noo-shevent-content .sh-date i, .noo-sh-grid-event .noo-shevent-content .sh-time-event i { color: #d91f26; margin-right: 10px; } .noo-sh-grid-event .noo-shevent-content .sh-time-event { padding-right: 10px; } @media (max-width: 767px) { .noo-sh-grid-event .noo-shevent-content .sh-time-event { display: block; margin-left: 0; } } .noo-sh-grid-event .noo-shevent-content .sh-time-event i { font-size: 15px; } .noo-sh-grid-event .noo-shevent-content .sh-address { font-size: 16px; line-height: 30px; display: block; color: #ffffff; } .noo-sh-grid-event .noo-shevent-content .sh-address i { color: #d91f26; margin-right: 10px; } .noo-grid-header-events { position: relative; padding-left: 128px; } @media (max-width: 767px) { .noo-grid-header-events { padding-left: 60px; } } .noo-grid-header-events .icon { position: absolute; display: block; background: #d91f26; top: 0; left: 0; width: 100px; height: 100px; line-height: 100px; text-align: center; border-bottom: 2px solid #b7181e; } @media (max-width: 767px) { .noo-grid-header-events .icon { width: 50px; height: 50px; line-height: 50px; } } .noo-grid-header-events .icon i { font-size: 50px; color: #ffffff; margin-top: 25px; } @media (max-width: 767px) { .noo-grid-header-events .icon i { font-size: 24px; margin-top: 15px; } } .noo-grid-header-events .sh-event-title { text-align: left; margin: 0 0 21px 0; line-height: 30px; } .noo-grid-header-events .sh-ds { text-align: left; padding: 0; font-weight: 300; } .noo-grid-header-events { margin-bottom: 136px; } .noo-grid-header-events.header-news { margin-bottom: 110px; } .noo-featured-albums { list-style: none; margin: 0; padding: 0 0 18px 0; } .noo-featured-albums li { position: relative; } .noo-featured-albums li.active { z-index: 9999; } .noo-featured-albums li.active figure .wp-post-image { -webkit-filter: none; filter: none; } .noo-featured-albums li:hover figure figcaption { background: #262626; bottom: 0; } .noo-featured-albums li:hover figure figcaption .shop-info .product-category { opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo-featured-albums li:hover figure figcaption .info-rating { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.4s ease 0.3s; -o-transition: all 0.4s ease 0.3s; transition: all 0.4s ease 0.3s; } .noo-featured-albums .sh-featured-albumns-item { display: block; position: relative; height: 100%; overflow: hidden; } .noo-featured-albums .sh-featured-albumns-item .wp-post-image { -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo-featured-albums .sh-featured-albumns-item:hover .wp-post-image { -webkit-filter: none; filter: none; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .noo-featured-albums .sh-featured-albumns-item:hover .sh-top { bottom: -100px; } .noo-featured-albums .sh-featured-albumns-item:hover .sh-bottom { bottom: 0; -webkit-transition: all 0.6s ease 0.2s; -o-transition: all 0.6s ease 0.2s; transition: all 0.6s ease 0.2s; } .noo-featured-albums .sh-featured-albumns-item .sh-bottom { background: #000000; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: absolute; bottom: -200px; left: 0; width: 100%; padding: 20px; } .noo-featured-albums .sh-featured-albumns-item .shop-info h3, .noo-featured-albums .sh-featured-albumns-item .sh-top h3 { padding: 0; margin: 0 0 4px 0; color: #ffffff; font-size: 16px; line-height: 27px; font-weight: 400; } .noo-featured-albums .sh-featured-albumns-item .shop-info .product-category, .noo-featured-albums .sh-featured-albumns-item .sh-top .product-category { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 0.75em; } .noo-featured-albums .sh-featured-albumns-item .shop-info .product-category a, .noo-featured-albums .sh-featured-albumns-item .sh-top .product-category a { color: #555555; } .noo-featured-albums .sh-featured-albumns-item .shop-info .product-category:hover a, .noo-featured-albums .sh-featured-albumns-item .sh-top .product-category:hover a { color: #d91f26; } .noo-featured-albums .sh-featured-albumns-item .sh-top { background: rgba(0, 0, 0, 0.9); -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; position: absolute; bottom: 0; left: 0; width: 100%; padding: 12px 20px; } .noo-featured-albums .sh-featured-albumns-item .sh-top h3 { margin: 0; } .noo-featured-albums .sh-featured-albumns-item .shop-loop-actions { clear: both; } .noo-featured-albums .sh-featured-albumns-item .shop-loop-actions .button { background: transparent; border: 1px solid #515151; color: #515151; box-shadow: none; text-transform: uppercase; margin: 15px 10px 0 0; padding: 0 1.07em; height: 35px; line-height: 32px; font-weight: 300; position: relative; } .noo-featured-albums .sh-featured-albumns-item .shop-loop-actions .button i { padding-right: 5px; } .noo-featured-albums .sh-featured-albumns-item .shop-loop-actions .button:hover { color: #ffffff; background: #d91f26; border-color: #d91f26; } @media (min-width: 1200px) and (max-width: 1450px) { .noo-featured-albums .sh-featured-albumns-item .shop-loop-actions .button { font-size: 14px; margin: 15px 5px 0 0; padding: 0 12px; } } .wrap .owl-theme .owl-controls { margin-top: 60px; } .wrap .owl-theme .owl-controls .owl-page span { opacity: 1; filter: alpha(opacity=100); margin: 0 3px; width: 25px; height: 5px; background: #cccccc; -webkit-border-radius: 0; border-radius: 0; } .wrap .owl-theme .owl-controls .owl-page.active span, .wrap .owl-theme .owl-controls .owl-page:hover span { background: #d91f26; } .noo_news_blog { padding: 0; margin: 0; list-style: none; } .noo_news_blog li { padding: 30px; background: #2f2f2f; margin-top: 30px; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo_news_blog li:after { clear: both; display: block; content: ''; } @media (max-width: 767px) { .noo_news_blog li { padding: 30px 15px; } } .noo_news_blog li:hover { -webkit-box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 18px 0 rgba(0, 0, 0, 0.25); } .noo_news_blog li:hover .noo-sh-thumbail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .noo_news_blog li:hover .noo-sh-blog-content .read-more { background: #d91f26; border-color: #b7181e; color: #ffffff; } .noo_news_blog li .noo-sh-thumbail { width: 50%; padding-right: 15px; float: left; max-height: 320px; overflow: hidden; } @media (max-width: 767px) { .noo_news_blog li .noo-sh-thumbail { width: 100%; padding-right: 0; } } .noo_news_blog li .noo-sh-thumbail .shthumbail { width: 100%; height: 100%; overflow: hidden; } .noo_news_blog li .noo-sh-thumbail img { max-width: 100%; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo_news_blog li .noo-sh-blog-content { width: 50%; padding-left: 15px; float: left; } @media (max-width: 767px) { .noo_news_blog li .noo-sh-blog-content { width: 100%; padding-left: 0; } } .noo_news_blog li .noo-sh-blog-content h3 { font-size: 1.5em; padding: 0; margin: 0 0 15px 0; } .noo_news_blog li .noo-sh-blog-content h3:hover a { color: #d91f26; } @media (max-width: 767px) { .noo_news_blog li .noo-sh-blog-content h3 { padding-top: 10px; font-size: 1.125em; } } .noo_news_blog li .noo-sh-blog-content .content-meta { font-size: 0.875em; } .noo_news_blog li .noo-sh-blog-content p { font-weight: 300; padding-top: 7px; } .noo_news_blog li .noo-sh-blog-content .read-more { background: #1f1f1f; border-color: #191919; margin: 30px 0 0 ; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo_news_blog li .noo-sh-blog-content .read-more:hover { background: #d91f26; border-color: #b7181e; } @keyframes eff_server { from { transform: scale(0) rotate(180deg); -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); } to { transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); } } @-webkit-keyframes eff_server { from { transform: scale(0) rotate(180deg); -webkit-transform: scale(0) rotate(180deg); -moz-transform: scale(0) rotate(180deg); -ms-transform: scale(0) rotate(180deg); -o-transform: scale(0) rotate(180deg); } to { transform: scale(1) rotate(0); -webkit-transform: scale(1) rotate(0); -ms-transform: scale(1) rotate(0); -moz-transform: scale(1) rotate(0); -o-transform: scale(1) rotate(0); } } .noo-services { text-align: center; } .noo-services .icon { font-size: 70px; line-height: 70px; color: #ffffff; display: inline-block; } .noo-services:hover .icon { -webkit-animation: eff_server 0.6s ease 0s 1; -o-animation: eff_server 0.6s ease 0s 1; animation: eff_server 0.6s ease 0s 1; } .noo-services .noo-services-title { font-size: 1.5em; text-transform: uppercase; font-weight: 400; padding: 0; margin: 50px 0 0 0; } .noo-services p { font-size: 16px; font-weight: 300; line-height: 24px; padding: 0 5%; margin: 27px 0 0 0; color: #ffffff; } .noo-line { height: 43px; border-top: 3px solid #d91f26; text-align: center; cursor: pointer; } .noo-line .fa { width: 40px; height: 40px; color: #ffffff; background: #d91f26; line-height: 40px; font-size: 0.875em; text-align: center; } .noo-team-contents { margin-top: 100px; } .noo-team-title { font-size: 2.25em; text-transform: uppercase; font-weight: 400; text-align: center; padding: 0; margin: 0 0 10px 0; } .noo-team-ds { font-size: 1.125em; font-weight: 400; text-align: center; padding: 0 7%; margin: 0; line-height: 24px; } .noo_team_item { width: 100%; margin-bottom: 30px; position: relative; height: 370px; overflow: hidden; -webkit-perspective: 10000px; -moz-perspective: 10000px; perspective: 10000px; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; } .noo_team_item:hover .team-detail { transform: none; -webkit-transform: none; opacity: 1; filter: alpha(opacity=100); } .noo_team_item:hover .team-detail p.ds { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); -webkit-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; } .noo_team_item:hover .team-detail .team_social { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); opacity: 1; filter: alpha(opacity=100); -webkit-transition: all 0.6s ease 0.3s; -o-transition: all 0.6s ease 0.3s; transition: all 0.6s ease 0.3s; } .noo_team_item:hover .team_thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-filter: none; filter: none; } .noo_team_item:hover .team_thumbnail .team-info { opacity: 0; filter: alpha(opacity=0); } .noo_team_item .team_thumbnail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .noo_team_item .team_thumbnail img { height: 100%; max-width: none; width: auto; -webkit-filter: grayscale(1); filter: grayscale(1); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo_team_item .team_thumbnail .team-info { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; left: 20px; bottom: 20px; } .noo_team_item .team_thumbnail .team-info .team_name { font-size: 1.5em; font-weight: 400; padding: 0; margin: 0; text-transform: uppercase; } .noo_team_item .team_thumbnail .team-info .team_position { font-size: 0.875em; font-weight: 400; padding: 0; margin: 0; text-transform: uppercase; color: #d91f26; } .noo_team_item .team-detail { position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 0; background: rgba(0, 0, 0, 0.8); z-index: 1; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); opacity: 0; filter: alpha(opacity=0); } .noo_team_item .team-detail p.ds { padding: 0 30px 0; margin: 0; font-size: 16px; -webkit-transform: translate(0, -30%); -ms-transform: translate(0, -30%); -o-transform: translate(0, -30%); transform: translate(0, -30%); opacity: 0; filter: alpha(opacity=0); text-align: center; } .noo_team_item .team-detail .team_socials { margin-top: 20px; text-align: center; width: 100%; } .noo_team_item .team-detail .team_social { display: inline-block; position: relative; padding: 0 0 0; margin: 36px 20px 0; -webkit-transform: translate(0, 30%); -ms-transform: translate(0, 30%); -o-transform: translate(0, 30%); transform: translate(0, 30%); opacity: 0; filter: alpha(opacity=0); } .noo_team_item .team-detail .team_social:hover .social-name { opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate(-50%, -40px); -ms-transform: translate(-50%, -40px); -o-transform: translate(-50%, -40px); transform: translate(-50%, -40px); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .noo_team_item .team-detail .team_social .social-name { left: 50%; -webkit-transform: translate(-50%, -60px); -ms-transform: translate(-50%, -60px); -o-transform: translate(-50%, -60px); transform: translate(-50%, -60px); position: absolute; width: 220px; font-size: 0.875em; top: 0; display: block; text-align: center; opacity: 0; filter: alpha(opacity=0); } .noo_team_item .team-detail .team_social a { font-size: 18px; display: block; position: static; padding-bottom: 10px; border-bottom: 1px solid transparent; } .noo_team_item .team-detail .team_social a.fa-facebook:hover { color: #4b6ea8; border-color: #4b6ea8; } .noo_team_item .team-detail .team_social a.fa-google-plus:hover { color: #dd553b; border-color: #dd553b; } .noo_team_item .team-detail .team_social a.fa-twitter:hover { color: #29aae2; border-color: #29aae2; } .noo_team_item .team-detail .team_social a.fa-youtube:hover { color: #d84939; border-color: #d84939; } .noo_team_item .team-detail .team_social a.fa-skype:hover { color: #00bbf0; border-color: #00bbf0; } .noo_team_item .team-detail .team_social a.fa-linkedin:hover { color: #038ac4; border-color: #038ac4; } .noo_team_item .team-detail .team_social a.fa-dribbble:hover { color: #f2689c; border-color: #f2689c; } .noo_team_item .team-detail .team_social a.fa-pinterest:hover { color: #d83633; border-color: #d83633; } .noo_team_item .team-detail .team_social a.fa-flickr:hover { color: #3a88d0; border-color: #3a88d0; } .team-detail-position { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .album-player *:focus { outline: none; outline-color: transparent; } body.boxed-layout .noo-sh-list-event .noo-thumbnail .entry-date { right: auto; left: 0; } @media (min-width: 1200px) { .container { max-width: 1200px; width: 100%; } } /* * * commerce */ .commerce ul.products li.product.first { clear: both; } .commerce ul.products li.product figure { overflow: hidden; position: relative; } .commerce ul.products li.product figure .noo-product-thumbnail img { -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .commerce ul.products li.product figure:hover .noo-product-thumbnail img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .commerce ul.products li.product figure:hover figcaption { background: #000000; } .commerce ul.products li.product figure figcaption { position: absolute; width: 100%; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.9); text-align: left; padding: 20px 20px 22px 20px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .commerce ul.products li.product figure figcaption .product_title { font-size: 16px; text-transform: none; padding: 0 0 3px; } .commerce ul.products li.product figure figcaption .star-rating, .commerce ul.products li.product figure figcaption .rating { position: absolute; right: 20px; float: none; top: 30px; } .commerce ul.products li.product figure figcaption .rating .description { font-size: 0; text-indent: -9999px; } .commerce ul.products li.product figure figcaption .price { color: #555555; font-size: 0.875em; } .commerce ul.products li.product figure figcaption .price del { color: #555555; margin-right: 6px; } .commerce ul.products li.product figure figcaption .price ins { color: rgba(255, 255, 255, 0.7); } .commerce ul.products li.product figure figcaption .shop-loop-actions { margin-top: 11px; } .commerce ul.products li.product figure figcaption .shop-loop-actions .button { color: #555555; font-size: 16px; font-weight: 300; background: none; border: 1px solid #555555; text-transform: uppercase; line-height: 35px; display: inline-block; padding: 0 16px; margin: -3px 0 0 0; } .commerce ul.products li.product figure figcaption .shop-loop-actions .button:hover, .commerce ul.products li.product figure figcaption .shop-loop-actions .button:focus { text-shadow: none; background: #d91f26; color: #ffffff; border-color: #d91f26; } .commerce ul.products li.product figure figcaption .shop-loop-actions .button.button_detail { margin: 0 0 0 10px; padding: 0 26px; } .commerce ul.products li.product figure figcaption .shop-loop-actions .button.added:after { font-family: 'FontAwesome'; content: "\f00c"; padding-left: 5px; font-size: 10px; } .commerce ul.products li.product .product-container { padding: 15px 0; } .catelog:after { clear: both; display: block; content: ''; } .catelog .commerce-result-count { font-size: 16px; line-height: 24px; text-transform: uppercase; } .commerce .commerce-ordering select { background-color: #262626; height: 40px; border: 1px solid #555555; -webkit-border-radius: 0; border-radius: 0; font-size: 14px; min-width: 260px; padding: 0 10px; } .commerce .commerce-ordering select:focus { outline: none; outline-color: transparent; } .single-product .container-wrap { padding: 15px 0 70px; } .noo-shop-sidebar .widget-title { color: #000000; font-size: 18px; line-height: 30px; font-weight: 700; text-transform: uppercase; margin-bottom: 30px; } .noo-shop-sidebar .widget + .widget { margin-top: 50px; } .widget_product_categories ul li { padding: 0; margin: 0; } .widget_product_categories ul li:first-child a { border-top: 0; padding-top: 0; } .widget_product_categories ul li a { font-size: 1.125em; line-height: 24px; color: #858585; display: block; font-weight: 400; border-top: 1px solid #cccccc; padding: 13px 0; } .commerce .widget_price_filter form { margin-top: 36px; } .commerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #000000; height: 8px; margin-bottom: 22px; } .commerce .widget_price_filter .ui-slider .ui-slider-handle { background: #d91f26; } .commerce .widget_price_filter .price_slider_amount .button { background: #000000; font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 7px 22px; -webkit-border-radius: 0; border-radius: 0; border: 0; } .commerce .widget_price_filter .price_slider_amount .button:hover { background: #d91f26; } .commerce .widget_price_filter .price_slider_amount .button:focus { outline: none; outline-color: transparent; background: #d91f26; } .commerce .widget_price_filter .price_label { font-size: 16px; font-weight: 400; color: #d91f26; } .widget_products ul.product_list_widget li { padding: 27px 0 0; } .widget_products ul.product_list_widget li:first-child { padding: 3px 0 0 0; } .widget_products ul.product_list_widget li a { font-size: 14px; font-weight: 400; color: #000000; } .widget_products ul.product_list_widget li a img { width: 85px; float: left; padding-left: 0; margin-left: 0; } .widget_products ul.product_list_widget li a span { padding-left: 17px; } .widget_products ul.product_list_widget li .amount { font-size: 16px; font-weight: 400; color: #d91f26; padding-left: 17px; } .commerce .button:focus { outline: none !important; outline-color: transparent !important; -webkit-box-shadow: none; box-shadow: none; } .commerce div.product .entry-summary .product_title { font-size: 1.125em; font-weight: 700; line-height: 24px; padding: 0 0 22px 0; margin: 0; border-bottom: 1px solid #303030; } .commerce div.product .entry-summary div.offers { border-bottom: 1px solid #2c2c2c; padding: 17px 0 18px; } .commerce div.product .entry-summary div.offers .price { padding: 0; margin: 0; color: #d91f26; font-size: 16px; } .commerce div.product .entry-summary div.offers .price .amount { font-size: 1.5em; line-height: 24px; padding: 0; margin: 0; color: #d91f26; } .commerce div.product .entry-summary div.offers .price span:first-child { padding-right: 10px; } .commerce div.product .entry-summary div.offers .price span:last-child { padding-left: 10px; } .commerce div.product .entry-summary div.offers .price span.amount { padding: 0; } .commerce div.product .entry-summary div.offers .price del { display: inline-block; } .commerce div.product .entry-summary div.offers .price ins { display: inline-block; padding-left: 0; text-decoration: none; } .commerce div.product .entry-summary div.description { padding: 25px 0; } .commerce div.product .entry-summary .short-description { padding: 25px 0; border-bottom: 1px solid #2c2c2c; } .commerce div.product .entry-summary .short-description .product-excerpt { font-size: 1.125em; font-weight: 700; line-height: 24px; padding: 0; margin: 0 0 13px; } .commerce div.product .entry-summary .short-description p { color: #555555; line-height: 24px; padding: 0; margin: 0; font-weight: 400; } .commerce div.product .entry-summary .product_meta { margin-top: 0; } .commerce div.product .entry-summary .product_meta span { display: block; font-weight: 400; } .commerce div.product .entry-summary .product_meta span a { padding-right: 3px; } .commerce div.product .entry-summary .product_meta span a:first-child { padding-left: 10px; } .commerce div.product .entry-summary .product_meta span .sku { display: inline-block; margin-bottom: 10px; } .commerce div.product .entry-summary .product_meta .tagged_as { margin-top: 10px; } .commerce div.product .entry-summary .product_meta .tagged_as a:first-child { padding-left: 46px; } .commerce div.product .entry-summary .product_share { margin-top: 10px; } .commerce div.product .entry-summary .product_share span { font-weight: 400; margin-right: 31px; } .commerce div.product .entry-summary .product_share a { font-size: 14px; color: #555555; margin-right: 20px; } .commerce div.product .entry-summary .commerce-product-rating { border-bottom: 1px solid #2c2c2c; padding: 11px 0 15px; font-size: 0.75em; margin: 0; font-weight: 400; } .commerce div.product .entry-summary .commerce-product-rating .star-rating { font-size: 1.125em; color: #d91f26; margin: 3px 4px 0 0; } .commerce div.product .entry-summary .commerce-product-rating .commerce-review-link { padding-left: 17px; } .commerce div.product .entry-summary form.cart { float: none; } .commerce div.product .entry-summary form.cart table { margin: 0; } .commerce div.product .entry-summary form.cart table.group_table { padding: 0 0 30px 0; margin: 0 0 30px 0; } .commerce div.product .entry-summary form.cart table.group_table td { padding: 0; } .commerce div.product .entry-summary form.cart table td.label { width: 20%; } .commerce div.product .entry-summary form.cart table td.label label { font-size: 16px; font-weight: 700; line-height: 24px; padding: 0; color: #000000; } .commerce div.product .entry-summary form.cart table td.value { width: 80%; } .commerce div.product .entry-summary form.cart table td.value select { width: 60%; float: none; background: #ffffff; height: 35px; font-size: 16px; font-weight: 400; } .commerce div.product .entry-summary form.cart table td.value .reset_variations { font-size: 16px; font-weight: 700; line-height: 24px; padding: 0; color: #000000; display: block; margin-top: 10px; } .commerce div.product .entry-summary form.cart .single_add_to_cart_button:before { padding-right: 12px !important; } .commerce div.product .entry-summary form.cart.variations_form table.variations { margin-bottom: 30px; } .commerce div.product .entry-summary form.cart.variations_form table.variations .label label { color: #ffffff; font-weight: 400; } .commerce div.product .entry-summary form.cart.variations_form table.variations td { vertical-align: text-top; } .commerce div.product .entry-summary form.cart.variations_form table.variations td .reset_variations { color: #ffffff; font-weight: 400; } .commerce div.product .entry-summary form.cart.variations_form table.variations td select { color: #000000; width: 100%; } .commerce div.product .entry-summary .single_variation_wrap .price { margin: 15px 0; color: #d91f26; display: block; } .commerce div.product .entry-summary .single_variation_wrap .price del { display: inline-block; } .commerce div.product .entry-summary .single_variation_wrap .price ins { text-decoration: none; padding-left: 10px; } .commerce span.onsale { -webkit-border-radius: 0; border-radius: 0; background: #d91f26; top: -9px; left: -84px; z-index: 2; min-height: 40px; min-width: 200px; padding: 10px 0 0; -webkit-transform: rotate(-41deg); -ms-transform: rotate(-41deg); -o-transform: rotate(-41deg); transform: rotate(-41deg); } .noo-product-content { position: relative; overflow: hidden; } .noo-product-content:after { clear: both; display: block; content: ''; } .single-product div.product form.cart { margin: 35px 0 ; float: left; } .single-product div.product form.cart.variations_form { margin: 35px 0 20px ; } .single-product div.product form.cart .button { background: #000000 !important; font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 8px 32px; -webkit-border-radius: 0; border-radius: 0; font-weight: 400; border: 0; } .single-product div.product form.cart .button:hover { background: #d91f26 !important; } .single-product div.product form.cart .button:focus { outline: none; outline-color: transparent; background: #d91f26 !important; } .single-product .entry-summary .yith-wcwl-add-to-wishlist { margin: 35px 0 35px 12px; float: left; } .single-product .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show a { background: #000000 !important; font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 8px 32px; -webkit-border-radius: 0; border-radius: 0; border: 0; } .single-product .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show a:hover { background: #d91f26 !important; } .single-product .entry-summary .yith-wcwl-add-to-wishlist .yith-wcwl-add-button.show a:focus { outline: none; outline-color: transparent; background: #d91f26 !important; } .single-product .product-type-variable .yith-wcwl-add-to-wishlist, .single-product .product-type-grouped .yith-wcwl-add-to-wishlist { margin: 0 0 35px 0; float: none; } .single-product .quantity .qty { height: 40px; -webkit-border-radius: 0; border-radius: 0; color: #ffffff; background: #d91f26; font-weight: 400; width: 65px; font-style: normal; margin: 0 7px 0 0; border: 0; -webkit-box-shadow: none; box-shadow: none; } .single-product .quantity .qty:focus { outline: none; outline-color: transparent; } .commerce .commerce-error .button, .commerce .commerce-info .button, .commerce .commerce-message .button { background: #000000; font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; color: #ffffff; font-weight: 400; padding: 8px 32px; -webkit-border-radius: 0; border-radius: 0; border: 0; } .commerce .commerce-error .button:hover, .commerce .commerce-info .button:hover, .commerce .commerce-message .button:hover { background: #d91f26 !important; color: #ffffff; } .commerce .commerce-error .button:focus, .commerce .commerce-info .button:focus, .commerce .commerce-message .button:focus { outline: none; outline-color: transparent; } .single-product .commerce-tabs { margin-bottom: 0; margin-top: 20px; } .single-product .commerce-tabs table.shop_attributes { margin: 30px 0 0 0; } .single-product .commerce-tabs table.shop_attributes td { padding-left: 15px; vertical-align: middle; } .single-product .commerce-tabs table.shop_attributes td p { margin: 0; } .single-product .commerce-tabs ul.tabs { padding: 0; margin: 0; list-style: none; } .single-product .commerce-tabs ul.tabs:after { clear: both; display: table; content: ''; } .single-product .commerce-tabs ul.tabs li { padding: 0; margin: 0; border: 0; float: left; -webkit-border-radius: 0; border-radius: 0; background: none; } .single-product .commerce-tabs ul.tabs li:hover, .single-product .commerce-tabs ul.tabs li:focus { background: transparent; outline: none; outline-color: transparent; } .single-product .commerce-tabs ul.tabs li:before, .single-product .commerce-tabs ul.tabs li:after { display: none; } .single-product .commerce-tabs ul.tabs li:first-child a { padding-left: 0; border-left: 0; } .single-product .commerce-tabs ul.tabs li.active { background: none; } .single-product .commerce-tabs ul.tabs li.active a { font-size: 1.125em; font-weight: 700; } .single-product .commerce-tabs ul.tabs li a { padding: 10px 20px 20px; font-weight: 400; color: #ffffff; font-size: 16px; display: block; } .single-product .commerce-tabs .panel { border-color: #2c2c2c; border-width: 1px 0 0 0; -webkit-border-radius: 0; border-radius: 0; border-style: solid; padding: 15px 0; margin: 0; -webkit-box-shadow: none; box-shadow: none; background: none; display: none; } .single-product .commerce-tabs .panel.active { display: block; } .single-product .commerce-tabs .panel #comments { border: 0; padding: 0; margin: 20px 0 0 0; } .single-product .commerce-tabs .panel #comments h2 { padding: 0; margin: 0; font-size: 1.125em; font-weight: 400; text-transform: uppercase; } .single-product .commerce-tabs .panel #comments ol.commentlist { padding: 30px 0 15px; list-style: none; } .single-product .commerce-tabs .panel #comments ol.commentlist li { padding: 0; margin: 0 0 20px; position: relative; background: 0; border: 0; } .single-product .commerce-tabs .panel #comments ol.commentlist li:after { clear: both; display: table; content: ''; } .single-product .commerce-tabs .panel #comments ol.commentlist li img.avatar { float: left; position: absolute; top: 0; left: 0; padding: 3px; width: 32px; height: auto; background: #ebe9eb; border: 1px solid #e4e1e3; margin: 0; box-shadow: none; } .single-product .commerce-tabs .panel #comments ol.commentlist li .comment-text { margin: 0 0 0 50px; border: 1px solid #2c2c2c; border-radius: 4px; padding: 1em 1em 0; } .single-product .commerce-tabs .panel #review_form #reply-title { padding: 0; margin: 0; font-size: 16px; font-weight: 400; text-transform: uppercase; } .single-product .commerce-tabs .panel #review_form #respond #commentform { margin-top: 50px; padding: 0; background: none; } .single-product .commerce-tabs .panel #review_form #respond form label { padding: 0 0 10px 0; font-weight: 400; color: #ffffff; font-size: 16px; } .single-product .commerce-tabs .panel #review_form #respond form input[type='text'] { width: 35%; height: 40px; border: 1px solid #555555; background: #555555; font-style: normal; color: #ffffff; } .single-product .commerce-tabs .panel #review_form #respond form input[type='text']::-moz-placeholder { color: #000000; opacity: 1; } .single-product .commerce-tabs .panel #review_form #respond form input[type='text']:-ms-input-placeholder { color: #000000; } .single-product .commerce-tabs .panel #review_form #respond form input[type='text']::-webkit-input-placeholder { color: #000000; } .single-product .commerce-tabs .panel #review_form #respond form input[type='text']:focus { outline: none; outline-color: transparent; } .single-product .commerce-tabs .panel #review_form #respond form textarea { width: 55%; height: 200px; border: 1px solid #555555; background: #555555; font-style: normal; color: #ffffff; } .single-product .commerce-tabs .panel #review_form #respond form textarea::-moz-placeholder { color: #000000; opacity: 1; } .single-product .commerce-tabs .panel #review_form #respond form textarea:-ms-input-placeholder { color: #000000; } .single-product .commerce-tabs .panel #review_form #respond form textarea::-webkit-input-placeholder { color: #000000; } .single-product .commerce-tabs .panel #review_form #respond form textarea:focus { outline: none; outline-color: transparent; } .single-product .commerce-tabs .panel #review_form #respond form .comment-form-comment { margin-top: 25px; } .single-product .commerce-tabs .panel #review_form #respond form .stars span { font-size: 14px; } .single-product .commerce-tabs .panel #review_form #respond form #submit { background: #000000; font-size: 14px; line-height: 24px; display: inline-block; text-transform: uppercase; color: #ffffff; font-weight: 400; padding: 8px 32px; -webkit-border-radius: 0; border-radius: 0; border: 0; } .single-product .commerce-tabs .panel #review_form #respond form #submit:hover { background: #d91f26 !important; color: #ffffff; } .single-product .commerce-tabs .panel #review_form #respond form #submit:focus { outline: none; outline-color: transparent; } .single-product .commerce-tabs .panel h2 { font-size: 1.5em; margin-top: 0; } .single-product .commerce-tabs .entry-content p { color: #fff; line-height: 24px; padding: 0; margin: 0 0 23px 0; font-weight: 400; } .single-product .related h2 { font-size: 22px; } .default-page { margin: 100px 0; } .commerce-cart table.shop_table { border: 0; padding: 0; margin: 0; } .commerce-cart table.shop_table .cart_item:first-child td { border-top: 0; padding-top: 30px; } .commerce-cart table.shop_table th { text-transform: uppercase; font-weight: 400; } .commerce-cart table.shop_table td, .commerce-cart table.shop_table th { border: 0; padding: 0; } .commerce-cart table.shop_table td { border-top: 1px solid #2c2c2c; padding: 30px 0; color: #ffffff; font-weight: 400; margin: 0; font-size: 16px; } .commerce-cart table.shop_table .product-thumbnail { width: 15%; } .commerce-cart table.shop_table .product-thumbnail img { width: 90px; } .commerce-cart table.shop_table .coupon input.button { background-color: #000000; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase; font-size: 14px; margin: 0 0 0 25px; border: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .commerce-cart table.shop_table .coupon input.button:hover { background-color: #d91f26; } .commerce-cart table.shop_table .actions input.button { background-color: #000000; height: 40px; line-height: 40px; padding: 0 30px; text-transform: uppercase; font-size: 14px; margin: 0 0 0 25px; border: 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .commerce-cart table.shop_table .actions input.button:hover { background-color: #d91f26; } .commerce-cart .shop-loop-actions .add_to_cart_button { display: none !important; } .commerce-cart .shop-loop-actions .button_detail { margin: 0 !important; } .commerce-cart .container-wrap .noo-main { padding-bottom: 50px; } .commerce .cart-collaterals .cart_totals, .commerce-page .cart-collaterals .cart_totals { width: 100%; float: none; background: #777777 #777777; margin-left: 10px; padding: 30px 0; } .commerce .cart-collaterals .cart_totals h2, .commerce-page .cart-collaterals .cart_totals h2 { color: #ffffff; font-size: 1.5em; line-height: 22px; padding: 0; margin: 0 0 16px 0; font-weight: 400; } .commerce .cart-collaterals .cart_totals table, .commerce-page .cart-collaterals .cart_totals table { border: 0; } .commerce .cart-collaterals .cart_totals table tr th, .commerce-page .cart-collaterals .cart_totals table tr th, .commerce .cart-collaterals .cart_totals table tr td, .commerce-page .cart-collaterals .cart_totals table tr td { border-bottom: 1px solid #262626; padding: 10px 0; } .commerce .cart-collaterals .cart_totals table tr th, .commerce-page .cart-collaterals .cart_totals table tr th { color: #ffffff; font-size: 14px; font-weight: 400; width: 50%; } .commerce .cart-collaterals .cart_totals table tr td, .commerce-page .cart-collaterals .cart_totals table tr td { font-size: 14px; font-weight: 400; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-button, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-button { color: #d91f26; font-size: 1.125em; font-weight: 400; text-transform: uppercase; display: block; margin: 18px 0 15px; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form p, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form p { padding: 0; margin: 0 0 20px 0; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form input, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form input, .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form select, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form select { width: 100%; height: 38px; font-style: normal; color: #000000; font-size: 14px; font-weight: 400; margin: 0; padding: 0 10px; background: #ffffff; border: 0; -webkit-border-radius: 0; border-radius: 0; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form input::-moz-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form input::-moz-placeholder, .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form select::-moz-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form select::-moz-placeholder { color: #4c4441; opacity: 1; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form input:-ms-input-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form input:-ms-input-placeholder, .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form select:-ms-input-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form select:-ms-input-placeholder { color: #4c4441; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form input::-webkit-input-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form input::-webkit-input-placeholder, .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form select::-webkit-input-placeholder, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form select::-webkit-input-placeholder { color: #4c4441; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form button, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form button { background: #000000 !important; font-size: 14px; font-weight: 400; line-height: 35px; display: inline-block; text-transform: uppercase; color: #ffffff; padding: 0 37px; -webkit-border-radius: 0; border-radius: 0; border: 0; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form button:hover, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form button:hover { background: #d91f26 !important; } .commerce .cart-collaterals .cart_totals table tr td .shipping-calculator-form button:focus, .commerce-page .cart-collaterals .cart_totals table tr td .shipping-calculator-form button:focus { outline: none; outline-color: transparent; background: #d91f26 !important; } .commerce .cart-collaterals .cart_totals table tr.cart-subtotal td, .commerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td, .commerce .cart-collaterals .cart_totals table tr.order-total td, .commerce-page .cart-collaterals .cart_totals table tr.order-total td { color: #ffffff; font-size: 1.125em; font-weight: 400; vertical-align: middle; } .commerce .cart-collaterals .cart_totals table tr.cart-subtotal td strong, .commerce-page .cart-collaterals .cart_totals table tr.cart-subtotal td strong, .commerce .cart-collaterals .cart_totals table tr.order-total td strong, .commerce-page .cart-collaterals .cart_totals table tr.order-total td strong { font-weight: 400; } .commerce .cart-collaterals .cart_totals .noo-button-update-cart, .commerce-page .cart-collaterals .cart_totals .noo-button-update-cart { width: 100%; margin: 26px 0 0 0; border: 2px solid #d91f26; -webkit-border-radius: 0; border-radius: 0; height: 44px; color: #4c4441; text-align: center; background: none; font-size: 16px; font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .commerce .cart-collaterals .cart_totals .noo-button-update-cart:hover, .commerce-page .cart-collaterals .cart_totals .noo-button-update-cart:hover { background: #d91f26; color: #ffffff; } .commerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a, .commerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout a { width: 100%; border: 0; background: #d91f26; -webkit-border-radius: 0; border-radius: 0; height: 44px; text-align: center; font-size: 16px; font-weight: 400; text-transform: uppercase; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; line-height: 25px; text-shadow: none; margin: 0; color: #ffffff; } .commerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover, .commerce-page .cart-collaterals .cart_totals .wc-proceed-to-checkout a:hover { background: #000000; color: #ffffff; } .update-cart-default { display: none; } .commerce .return-to-shop .wc-backward { background: #d91f26; border: 0; font-weight: 400; text-transform: uppercase; padding: 15px 30px; -webkit-border-radius: 3px; border-radius: 3px; color: #ffffff; } .commerce .return-to-shop .wc-backward:before { font-family: 'FontAwesome'; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; margin-right: 15px; content: "\f0a8"; font-size: 15px; } .commerce .return-to-shop .wc-backward:hover, .commerce .return-to-shop .wc-backward:focus { background: #000000; color: #ffffff; } .commerce-checkout .container-wrap { margin-bottom: 100px; } .commerce-checkout .commerce .checkout_coupon .form-row { width: auto; float: left; } .commerce-checkout .commerce .checkout_coupon .form-row #coupon_code { width: 320px; height: 40px; } .commerce-checkout .commerce .checkout_coupon .form-row .button { border: 0; padding: 0 30px; background: #000000; height: 40px; display: inline-block; } .commerce-checkout .commerce .checkout_coupon .form-row .button:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } .commerce-checkout .commerce .login .form-row .button { border: 0; padding: 0 40px; background: #000000; height: 40px; display: inline-block; text-transform: uppercase; margin: 0 15px 0 0; } .commerce-checkout .commerce .login .form-row .button:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } .commerce-checkout .commerce .login .lost_password { margin: 0 0 50px 0; } .commerce-checkout .commerce .commerce-info { border: 0; margin: 0 0 15px 0 !important; padding: 0 !important; } .commerce-checkout .commerce .commerce-info:before { display: none; } .commerce-checkout .commerce form .form-row { margin: 0 0 15px; } .commerce-checkout .commerce form .form-row input.input-text, .commerce-checkout .commerce form .form-row textarea { height: 40px; font-style: normal; border: 1px solid #2c2c2c; color: #fff; } .commerce-checkout .commerce form .form-row textarea.input-text { height: 200px; padding: 10px; } .commerce-checkout .commerce form .form-row label { margin-bottom: 10px; text-transform: uppercase; font-size: 13px; } .commerce-checkout .select2-container .select2-choice { background: none; height: 40px; line-height: 40px; -webkit-border-radius: 0; border-radius: 0; border: 1px solid #2c2c2c; } .commerce-checkout .select2-results { padding: 0; } .commerce-checkout .select2-dropdown-open .select2-choice { -webkit-box-shadow: none; box-shadow: none; } .order_review_wrap { background: #2c2c2c; padding: 10px 15px; } .order_review_wrap #order_review table.shop_table { border: 0; } .order_review_wrap #order_review table.shop_table tr th, .order_review_wrap #order_review table.shop_table tr td { border: 0; } .order_review_wrap #order_review table.shop_table thead th { padding: 0 0 10px 0; margin: 0; color: #ffffff; font-size: 14px; font-weight: 400; border-bottom: 1px solid #323232; } .order_review_wrap #order_review table.shop_table tbody .cart_item:first-child td { padding-top: 20px; } .order_review_wrap #order_review table.shop_table tbody .cart_item:last-child td { padding-bottom: 20px; } .order_review_wrap #order_review table.shop_table tbody td { padding: 10px 0; color: #ffffff; font-size: 14px; font-weight: 400; } .order_review_wrap #order_review table.shop_table tbody .cart_item:last-child td { border-bottom: 1px solid #323232; } .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal td, .order_review_wrap #order_review table.shop_table tfoot .cart-subtotal th { padding-top: 20px; } .order_review_wrap #order_review table.shop_table tfoot th { margin: 0; color: #ffffff; font-size: 14px; font-weight: 400; padding: 5px 0; } .order_review_wrap #order_review table.shop_table tfoot td { padding: 5px 0; font-size: 1.125em; color: #ffffff; font-weight: 400; } .order_review_wrap #order_review table.shop_table tfoot td strong { font-weight: 400; color: #d91f26; font-size: 1.5em; } .order_review_wrap #payment ul.payment_methods { padding: 0 0 25px 0; } .order_review_wrap #payment ul.payment_methods li { margin: 15px 0; } .order_review_wrap #payment ul.payment_methods li div.payment_box { background: #323232; } .order_review_wrap #payment ul.payment_methods li.payment_method_paypal img { display: block; margin: 0; max-width: 191px; } .order_review_wrap #place_order:focus { background: #d91f26; } .clear { clear: both; } .commerce-account .container-wrap .noo-main { padding-bottom: 80px; padding-top: 0; } .commerce-account .commerce form .form-row { margin-bottom: 30px; } .commerce-account .commerce form .form-row input.input-text { height: 45px; } .commerce-account .commerce form .form-row select { height: 45px; } .commerce-account .commerce form .form-row label { margin-bottom: 15px; } .commerce-account .commerce form .form-row .button { border: 0; padding: 0 30px; background: #d91f26; height: 40px; display: inline-block; text-transform: uppercase; margin: 0 15px 0 0; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .commerce-account .commerce form .form-row .button:hover { background: #000000; } .commerce-account .login .form-row, .commerce-account .register .form-row { margin-bottom: 30px; } .commerce-account .login .form-row input.input-text, .commerce-account .register .form-row input.input-text { height: 45px; } .commerce-account .login .form-row label, .commerce-account .register .form-row label { margin-bottom: 15px; } .commerce-account .login .form-row .button, .commerce-account .register .form-row .button { border: 0; padding: 0 30px; background: #d91f26; height: 40px; display: inline-block; text-transform: uppercase; margin: 0 15px 0 0; } .commerce-account .login .form-row .button:hover, .commerce-account .register .form-row .button:hover { background: #000000; } .commerce .noo-sidebar-wrap { margin-bottom: 80px; } .commerce .noo-sidebar-wrap .widget:first-child { margin-top: 5px; } #tab-description { padding-top: 10px; } #tab-description h2 { display: none; } .breadcrumb-wrap { font-size: 36px; font-weight: 400; text-transform: uppercase; } .breadcrumb-wrap i { color: #d91f26; } .breadcrumb-wrap span { display: inline-block; margin: 0 20px; } .breadcrumb-wrap span:first-child { margin-left: 0; } .breadcrumb-wrap span span { color: #d9b00f; font-size: 24px; font-weight: 300; } .tp-caption a.button-revolution { font-size: 1.125em; color: #ffffff; margin: 47px 0 0 0; position: relative; padding: 0 23px; height: 53px; line-height: 50px; display: inline-block; background: #d91f26; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; text-transform: uppercase; font-weight: 300; border-bottom: 3px solid #b7181e; -webkit-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s; overflow: hidden; } .tp-caption a.button-revolution:hover:before { top: 0; } .tp-caption a.button-revolution:before { width: 100%; height: 100%; position: absolute; left: 0; top: -100%; content: ''; background: #1f1f1f; -webkit-transition: all 0.2s ease 0s; -o-transition: all 0.2s ease 0s; transition: all 0.2s ease 0s; } .tp-caption a.button-revolution span { position: relative; } /* * Responsive ----------------------*/ @media (max-width: 1300px) { .noo-sh-list-event { margin-left: 35px; } body .navbar-nav > li > a { padding: 0 15px; } .noo-countdown h2 { font-size: 40px; line-height: 40px; } .noo-countdown p { font-size: 1.125em; line-height: 26px; } .wigetized .noo-footer-bottom { margin-top: 50px; } .wigetized .noo-footer-bottom .widget { margin-bottom: 0; } .tribe-bar-collapse #tribe-bar-collapse-toggle { background: none; margin-top: 20px; } #tribe-bar-views .tribe-bar-views-list .tribe-bar-views-option a { padding-left: 0; } .events-list .tribe-events-loop .type-tribe_events { margin-top: 30px; } .sh-meta { padding-right: 10px; } .widget-counter.col3 .counter-social-widget ul li a small { font-size: 10px; } .widget-counter.col3 .counter-social-widget ul li { padding: 0 3px; } .widget-counter.col3 .counter-social-widget ul li a { padding: 10px 0; } } @media (max-width: 1300px) and (max-width: 991px) { .events-list .tribe-events-loop .type-tribe_events .tribe-events-event-meta { background: transparent; border: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .single .noo_album .album-summary .entry-summary .entry-title { margin-top: 30px; } .noo_albums li .noo_album-container figure figcaption div.noo_album-loop-actions a { padding: 5px 12px; } div.noo-page-heading { padding: 70px 0; } #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 28px 0 40px; } } .noo-header { position: relative; z-index: 9999; } @media (max-width: 991px) { #tribe-bar-form.tribe-bar-collapse .tribe-bar-views-inner { padding: 28px 0 40px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li { padding: 10px 0; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta { position: relative; right: auto; top: auto; color: #ffffff; text-align: left; display: block; padding-left: 53px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta a { line-height: 25px; } div.noo-page-heading { padding: 70px 0; } #tribe-events .tribe-events-loop .tribe-events-content { padding: 30px 0; } .tribe-events-list .tribe-events-venue-details { border-top: 0; } .tribe-events-list .tribe-events-event-image img { width: 100%; max-height: none; } #noo-header { position: relative; z-index: 9999; } .navbar { height: auto; } .navbar-nav li { border-top: 1px solid rgba(255, 255, 255, 0.050000000000000044); padding: 0; } .navbar-nav li:hover a { background: none; color: #ffffff; border: 0; } .navbar-nav li a { text-transform: none; padding-left: 0; } .navbar-nav li a:hover { background: none; color: #ffffff; border: 0; } .navbar-nav li a:before { display: none; } .navbar-nav li ul.sub-menu li > a { text-transform: none; border: 0; } .noo-featured-albums li figure figcaption { background: #262626; bottom: 0; } .single-tribe_events .tribe-events-schedule { border: 0; background: none; } #tribe-events-footer:after, #tribe-events-footer:before, #tribe-events-header:after, #tribe-events-header:before { display: none; } body ul.tribe-events-sub-nav li a { padding: 10px 20px 10px; margin-bottom: 0; background: none; } .single .noo_album .album-intro .album-intro-wrap div.images { width: 50%; float: left; margin-right: 0; padding-right: 30px; } .single .noo_album .album-intro .album-intro-wrap div.album-media-player { padding: 0; width: 50%; float: left; } .commerce ul.products li.product.first { clear: none !important; } .tribe-events-single ul.tribe-related-events .tribe-related-events-thumbnail { float: none; width: 100%; } .tribe-events-single ul.tribe-related-events li { margin-bottom: 0; } .tribe-events-single ul.tribe-related-events li .tribe-related-event-info { float: none; width: 100%; margin-top: 20px; } .masonry-blog .columns-2 .masonry-item .item-wrap { padding: 10px; } .masonry-blog .columns-2 .masonry-item .item-wrap .content-social a { margin: 0 7px; } .masonry-blog .columns-2 .masonry-item .item-wrap .content-social a i { font-size: 12px; } .masonry-blog .columns-2 .masonry-item .item-wrap .content-social a .title-shared { font-size: 10px; } .masonry-blog .columns-2 .masonry-item .item-wrap .noo-category a { font-size: 12px; } .masonry-blog .columns-2 .masonry-item .item-wrap .item-title { font-size: 15px; line-height: 20px; margin: 10px 0 15px; } .masonry-blog .columns-2 .masonry-item .item-wrap .noo-slider .slider-control { font-size: 22px; padding: 0 10px; } .masonry-blog .columns-2 .masonry-item .item-wrap .item-thumbnail { margin-bottom: 0; padding-bottom: 15px; } .masonry-blog .columns-2 .masonry-item .item-wrap .item-thumbnail .author-avatar { display: none; } .masonry-blog .columns-2 .masonry-item .item-wrap .item-content-meta { display: none; } .masonry-blog .columns-2 .masonry-item .item-wrap .read-more { padding: 10px; font-size: 14px; margin-bottom: 15px; margin-top: 0; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-submit { padding-right: 10px; } div.footer-player .album-playlist ul li > span { width: 16%; } div.footer-player .album-playlist ul li > span.playlist-release { display: none; } div.footer-player .album-playlist ul li > span.playlist-tract { width: 50%; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-artist a { font-size: 10px; } } @media (max-width: 767px) { .tp-caption a.button-revolution { height: auto; } .noo-header .navbar { min-height: 50px; } .noo-header .navbar .navbar-header { height: 70px; } .navbar-toggle { padding: 10px; } .navbar-header .navbar-brand { padding: 0; } .navbar-header .navbar-brand img.noo-logo-img { width: 110px; } .noo_team_item .team_thumbnail img { height: auto; } a.mobile-minicart-icon { height: auto; padding-top: 15px; position: absolute; float: none; right: 0; } .commerce ul.products li.product { margin: 0 !important; } .noo_albums li .noo_album-container .noo_album-images img { width: 100%; } body .tribe-events-list .tribe-events-event-image img { width: 100%; } .tribe-events-list .tribe-events-venue-details { border-top: 0; } #tribe-events .tribe-events-loop .tribe-events-content { padding-bottom: 0; } .events-list .tribe-events-loop .type-tribe_events, .tribe-events-list .tribe-events-loop .type-tribe_events, .tribe-events-day .tribe-events-loop .type-tribe_events { margin-top: 15px; } .event-single-gallery li { height: auto; } .event-single-gallery li a img { min-height: 80px; } #tribe-events-content ul.tribe-events-sub-nav a { margin-top: 0; } .tribe-events-loop .tribe-events-event-meta { background: none; border: 0; } .tribe-mobile-day-date { color: #000000; } #tribe-mobile-container .type-tribe_events h4 { text-transform: none; } #tribe-events-photo-events .type-tribe_events.tribe-events-photo-event, #tribe-events-photo-events.photo-two-col .type-tribe_events.tribe-events-photo-event { width: 100% !important; max-width: 100%; } #tribe-events-photo-events { margin: 0 !important; } #tribe-events-bar #tribe-bar-form #tribe-bar-views { width: 25%; padding-top: 10px; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-search-filter { width: 100%; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-date-filter, #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-geoloc-filter { width: 100%; } .tribe-events-organizer address.organizer-address, .tribe-events-venue .tribe-events-venue-meta .tribe-events-event-meta { background: none; border: 0; } .single .noo_album .album-intro .album-intro-wrap div.images { width: 100%; float: none; margin-right: 0; padding-right: 0; } .single .noo_album .album-intro .album-intro-wrap div.album-media-player { padding: 0; width: 100%; float: none; } .commerce ul.products li.first { clear: none; } .commerce ul.products li.product figure .noo-product-thumbnail img { width: 100%; } .commerce table.cart td.actions input, .commerce table.cart td.actions .button, .commerce table.cart td.actions .input-text { width: 20%; margin: 0; } .commerce table.cart td.actions .coupon .input-text { min-width: 200px !important; } .is-countdown .countdown-section { margin-bottom: 30px; } .noo-sh-grid-event { height: auto; width: 100%; } .noo-sh-grid-event .noo-thumbnail img { height: auto; width: 100%; } .breadcrumb-wrap { font-size: 22px; } .breadcrumb-wrap span span { font-size: 16px; } .noo-team-contents { margin-top: 50px; } .noo_team_item { height: auto; } .noo_team_item:hover .team_thumbnail .team-info { opacity: 1; filter: alpha(opacity=100); } .noo_team_item .team_thumbnail { position: relative; left: auto; top: auto; height: auto; } .noo_team_item .team_thumbnail img { width: 100%; max-width: 100%; height: auto; } .noo_team_item .team_thumbnail .team-info { position: relative; left: auto; bottom: auto; background: #303030; padding: 20px 20px; opacity: 1; filter: alpha(opacity=100); } .noo_team_item .team-detail { display: none !important; } .noo_news_blog li .noo-sh-thumbail img { width: 100%; } .wrap .owl-theme .owl-controls { margin-top: 35px; } .single div.noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li { line-height: normal; padding: 15px 0; } } @media (max-width: 480px) { .single-album-title { font-size: 25px; line-height: 30px; margin: 0 0 32px; } .wigetized .noo-footer-bottom .widget .footer-social { padding: 0; } .wigetized .noo-footer-bottom .widget .footer-social .social-name { display: none !important; } body .albums-masonry .masonry-filters { margin-bottom: 30px; text-align: left; } body .albums-masonry .masonry-filters li a { display: block; margin-bottom: 10px; } body .noo-countdown { min-height: 400px !important; height: auto !important; } body .noo-countdown .noo-countdown-content { position: relative; left: auto; top: auto; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 30px 0; } body .noo-countdown .noo-countdown-content h2 { font-size: 20px; margin: 0 0 5px 0; } body .noo-countdown .noo-countdown-content p { font-size: 14px; text-transform: none; } body .noo-countdown .noo-countdown-content .is-countdown { margin-top: 25px; } body .noo-countdown .noo-countdown-content .is-countdown .countdown-section { width: 80px; height: 80px; } body .noo-countdown .noo-countdown-content .is-countdown .countdown-section .countdown-amount { font-size: 20px; line-height: 20px; } body .noo-countdown .noo-countdown-content .is-countdown .countdown-section .countdown-period { font-size: 14px; line-height: 20px; text-transform: none; } body .noo-countdown .noo-countdown-content .noo-countdown-footer a { margin: 10px 0 0 0; height: 47px; line-height: 45px; font-size: 14px; } div.footer-player .album-playlist ul li > span { width: 22%; font-size: 14px; } div.footer-player .album-playlist ul li > span.playlist-page { display: none; } div.footer-player .album-playlist ul li > span.playlist-tract { width: 50%; } .wrap .owl-theme .owl-controls { display: none !important; } body.commerce p.stars a { font-size: 12px; line-height: 16px; } .masonry-blog .masonry-item .item-wrap .item-title { font-size: 18px; } .single-product .commerce-tabs ul.tabs li a { padding-bottom: 10px; } .noo-tabs-header li span.tab-active { font-size: 28px; padding-bottom: 10px; } .comment-img { display: none; } .breadcrumb-wrap { font-size: 16px; } .breadcrumb-wrap span { margin: 0 6px; } .breadcrumb-wrap span span { font-size: 0.75em; } .noo-team-title { font-size: 20px; } .noo-team-ds { font-size: 16px; } .noo_team_item { height: auto; } .noo_team_item:hover .team_thumbnail .team-info { opacity: 1; filter: alpha(opacity=100); } .noo_team_item .team_thumbnail { position: relative; left: auto; top: auto; height: auto; } .noo_team_item .team_thumbnail img { max-width: 100%; } .noo_team_item .team_thumbnail .team-info { position: relative; left: auto; bottom: auto; background: #303030; padding: 20px 20px; opacity: 1; filter: alpha(opacity=100); } .noo_team_item .team-detail { display: none !important; } .noo-sh-grid-event .noo-shevent-content h4 { font-size: 16px; } ul.contact-info { padding: 30px 0; } .albums-masonry .masonry-filters { margin-bottom: 45px; } .single-product .commerce-tabs ul.tabs li { float: none; } .single-product .commerce-tabs ul.tabs li a { padding-left: 0; } body.commerce .commerce-result-count, body.commerce .commerce-ordering { float: none; } body.commerce ul.products li.product { margin: 0; } .events-list .tribe-events-loop .type-tribe_events:first-child, .tribe-events-list .tribe-events-loop .type-tribe_events:first-child, .tribe-events-day .tribe-events-loop .type-tribe_events:first-child { margin-bottom: 10px; } .single-tribe_events h2.tribe-events-single-event-title { margin-top: 15px; } .noo-single-event-content .tribe-events-schedule .sh-address { margin-left: 0; display: block; margin-top: 10px; } .noo-single-event-content { padding: 15px; } .noo-page-heading { margin-bottom: 30px; } .noo-logo-img { width: 100px; } #tribe-events-bar #tribe-bar-form #tribe-bar-views { width: 25%; } #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-date-filter, #tribe-events-bar #tribe-bar-form .tribe-bar-filters .tribe-bar-geoloc-filter { width: 100%; } .sh-ds { padding: 0; } .frame ul li { width: 320px; } .noo_news_blog li .noo-sh-blog-content h3 { margin: 0; } .product-quantity { display: none; } .commerce table.cart td.actions .input-text + .button, .commerce table.cart td.actions .button.alt { float: none; } .commerce table.cart td.actions .coupon .input-text { float: none; } .commerce .cart-collaterals .cart_totals, .commerce-page .cart-collaterals .cart_totals { margin-left: 0; } .commerce table.cart td.actions .input-text + .button, .commerce table.cart td.actions .button.alt { float: none !important; margin-top: 15px; } body .commerce form .form-row-first, body .commerce form .form-row-last { width: 100%; float: none; } .commerce-checkout .commerce .checkout_coupon .form-row #coupon_code { width: auto; } .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .time-details, .events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-list .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details, .tribe-events-day .tribe-events-loop .noo-tribe-events-image .tribe-events-event-meta.vcard .tribe-events-venue-details { font-size: 14px; line-height: 22px; } .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title, .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-title { font-size: 16px; margin: 25px 0; } .wigetized .noo-footer-bottom .widget .footer-social a { font-size: 25px; } #tribe-events-bar #tribe-bar-form #tribe-bar-views { width: 32%; } .noo-single-event-content .tribe-events-schedule { font-size: 14px; padding-left: 45px; } .single-tribe_events h2.tribe-events-single-event-title { font-size: 18px; padding-left: 45px; } .single-tribe_events .tribe-events-content h3 { font-size: 18px; margin: 10px 0; } .event-single-gallery li { width: 50%; margin-bottom: 20px; } .event-single-gallery li a { margin: 0 10px; } body .nivo-lightbox-theme-default .nivo-lightbox-next { background-size: 20px; background-image: url(../images/next_mobile.png); } body .nivo-lightbox-theme-default .nivo-lightbox-prev { background-size: 20px; background-image: url(../images/prev_mobile.png); } .single-product .commerce-tabs .panel #review_form #respond form input[type='text'], .single-product .commerce-tabs .panel #review_form #respond form textarea { width: 100%; } } @media (max-width: 320px) { .countdown-section { width: 100px !important; height: 100px !important; } } /*======Theme Light======*/ body.theme-light { background: #ffffff; color: #000000; } body.theme-light.boxed-layout .site { background: #ffffff; } body.theme-light .breadcrumb-wrap span span { color: #ffffff; } body.theme-light h1:hover a, body.theme-light h2:hover a, body.theme-light h3:hover a, body.theme-light h4:hover a, body.theme-light h5:hover a, body.theme-light h6:hover a { color: #d91f26; } body.theme-light .navbar { background: #ffffff; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } body.theme-light .navbar .navbar-nav.sf-menu > li ul.sub-menu { background: #ffffff; } body.theme-light .navbar .navbar-nav.sf-menu > li ul.sub-menu li a { color: #000000; border-color: #cccccc; font-size: 15px; padding: 8px 20px; } body.theme-light .navbar .navbar-nav.sf-menu > li ul.sub-menu li.current-menu-item a { color: #d91f26; } body.theme-light .navbar .navbar-nav.sf-menu > li ul.sub-menu li a:hover { color: #d91f26; } body.theme-light .albums-masonry .loadmore-action .btn-loadmore { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light .albums-masonry .loadmore-action .btn-loadmore:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .navbar-nav > li > a { color: #000000; } body.theme-light .navbar-nav > li > a:focus > a { color: #ffffff; } body.theme-light .navbar-nav > li.current_page_item > a, body.theme-light .navbar-nav > li > a.active, body.theme-light .navbar-nav > li:hover > a, body.theme-light .navbar-nav > li:focus > a { color: #ffffff; } body.theme-light .noo-menu-item-cart .cart-button .cart-item span { color: #000000; } body.theme-light .noo-menu-item-cart .cart-button .cart-item:hover { color: #ffffff; } body.theme-light .noo-menu-item-cart .cart-button .cart-item:hover span { color: #ffffff; } body.theme-light .noo-menu-item-cart .cart-button:hover { color: #ffffff; } body.theme-light .noo-menu-item-cart:hover .cart-button .cart-item span { color: #ffffff; } body.theme-light.page-menu-transparent .noo-menu-item-cart .cart-button .cart-item span { color: #ffffff; } body.theme-light .noo-sh-list-event { background: #f8f8f8; border-top: 1px solid #e9e9e9; } body.theme-light .noo-sh-list-event:hover { background: #ffffff; } body.theme-light .noo-sh-list-event .noo-shevent-content h4 a { color: #000000; } body.theme-light .noo-sh-list-event .noo-shevent-content .sh-address, body.theme-light .noo-sh-list-event .noo-shevent-content .sh-date { color: #555555; } body.theme-light .noo-view-event a { color: #ffffff; } body.theme-light .sh-event-title { color: #000000; } body.theme-light .sh-ds { color: #555555; } body.theme-light .noo_news_blog li { background: #ffffff; } body.theme-light .noo-sh-blog-content h3 a { color: #000000; } body.theme-light .noo-sh-blog-content p { color: #555555; } body.theme-light .noo-sh-blog-content .content-meta { color: #555555; } body.theme-light .noo-sh-blog-content .read-more { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light .noo-sh-blog-content .read-more:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .noo-services .icon { color: #000000; } body.theme-light .noo-services h3 { color: #000000; } body.theme-light .noo-services p { color: #555555; } body.theme-light #tribe-events-bar #tribe-bar-form, body.theme-light #tribe-events-bar #views-exposed-form-event-list-block, body.theme-light #tribe-events-bar #views-exposed-form-event-photo-block { background: #efefef; border-color: #f7f7f7; } body.theme-light .tribe-bar-views-inner, body.theme-light #tribe-events-bar #views-exposed-form-event-list-block .tribe-bar-views-list, body.theme-light #tribe-events-bar #views-exposed-form-event-photo-block .tribe-bar-views-list { background: #efefef; } body.theme-light #tribe-events-bar #tribe-bar-form .tribe-bar-views-list, body.theme-light #tribe-events-bar #tribe-bar-form .tribe-bar-views-inner { background: #efefef; } body.theme-light .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title a, body.theme-light .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title a, body.theme-light .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-title a { color: #000000; } body.theme-light .events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title:hover a, body.theme-light .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-list-event-title:hover a, body.theme-light .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-list-event-title:hover a { color: #d91f26; } body.theme-light .events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more, body.theme-light .tribe-events-list .tribe-events-loop .type-tribe_events .tribe-events-read-more, body.theme-light .tribe-events-day .tribe-events-loop .type-tribe_events .tribe-events-read-more { color: #ffffff; } body.theme-light .events-list #tribe-events-footer, body.theme-light .tribe-events-list #tribe-events-footer, body.theme-light .tribe-events-day #tribe-events-footer { border-color: #efefef; } body.theme-light .tribe-events-event-meta { color: #ffffff; } body.theme-light .noo-sidebar .widget-title { color: #000000; } body.theme-light .noo-sidebar .widget { background: #efefef; } body.theme-light .noo-sidebar .widget #wp-calendar caption { color: #000000; border-color: #efefef; } body.theme-light .noo-sidebar .widget #wp-calendar > tfoot { border-color: #efefef; } body.theme-light .noo-sidebar .noo_request_information .request { color: #ffffff; } body.theme-light h2.tribe-events-page-title { color: #000000; } body.theme-light h2.tribe-events-page-title a { color: #000000; } body.theme-light h2.tribe-events-page-title:hover a { color: #d91f26; } body.theme-light .entry-title a { color: #000000; } body.theme-light .tribe-events-viewmore { border-color: #d2d2d2; } body.theme-light #tribe-events-content .tribe-events-calendar thead th { background: #efefef; border-color: #d2d2d2; color: #000000; } body.theme-light #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { border-color: #f7f7f7; } body.theme-light #tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] { background: #F4F4F4; } body.theme-light #tribe-events-content .tribe-events-calendar div[id*=tribe-events-daynum-] a { background: transparent; color: #000000; } body.theme-light #tribe-events-content .tribe-events-calendar td { border-color: #d2d2d2; } body.theme-light #tribe-events-content .tribe-events-calendar td .tribe-events-viewmore a { color: #000000; } body.theme-light #tribe-events-content .tribe-events-calendar td.tribe-events-othermonth { border-color: #d2d2d2; } body.theme-light #tribe-events-content ul.tribe-events-sub-nav a { color: #000000; } body.theme-light #tribe-events-content ul.tribe-events-sub-nav a:hover { color: #d91f26; } body.theme-light .tribe-events-week-grid .tribe-grid-header { background: #efefef; border-color: #d2d2d2; } body.theme-light .tribe-events-week-grid .tribe-grid-content-wrap .column { border-color: #d2d2d2; } body.theme-light .tribe-events-week-grid .tribe-grid-content-wrap .column a { color: #000000; } body.theme-light .tribe-events-week-grid .tribe-grid-content-wrap .column a:hover { color: #d91f26; } body.theme-light .tribe-grid-header .column a { color: #000000; } body.theme-light .noo-attr-style { color: #ffffff; } body.theme-light #tribe-events-content .tribe-events-photo-event-wrap .tribe-events-read-more { color: #ffffff; } body.theme-light .tribe-events-photo #tribe-events-footer { margin-top: 0; } body.theme-light .noo-single-event-content { background: #efefef; } body.theme-light h1, body.theme-light h2, body.theme-light h3, body.theme-light h4, body.theme-light h5, body.theme-light h6, body.theme-light .h1, body.theme-light .h2, body.theme-light .h3, body.theme-light .h4, body.theme-light .h5, body.theme-light .h6, body.theme-light h1 a, body.theme-light h2 a, body.theme-light h3 a, body.theme-light h4 a, body.theme-light h5 a, body.theme-light h6 a, body.theme-light .h1 a, body.theme-light .h2 a, body.theme-light .h3 a, body.theme-light .h4 a, body.theme-light .h5 a, body.theme-light .h6 a { color: #000000; } body.theme-light .content-social a i { border-bottom: none; } body.theme-light.single-tribe_events .tribe-events-event-meta .tribe-events-meta-group, body.theme-light.single-tribe_events .tribe-events-event-meta .tribe-events-venue-map { background: #efefef; } body.theme-light.single-tribe_events .tribe-events-event-meta { color: #000000; } body.theme-light.single-tribe_events .tribe-events-meta-group a { color: #000000; } body.theme-light.single-tribe_events .tribe-events-event-meta .tribe-events-venue-map { border-color: transparent; } body.theme-light.single-tribe_events ul.tribe-related-events, body.theme-light.single-tribe_events .noo-tabs-content, body.theme-light.single-tribe_events .comments-list, body.theme-light.single-tribe_events #commentform { background: #efefef; } body.theme-light.single-tribe_events .noo-tabs-header li span { color: #000000; border-bottom: 0 !important; } body.theme-light.single-tribe_events .comment-content { color: #000000; } body.theme-light.single-tribe_events .comment-img img { -webkit-box-shadow: 0 0 0 10px #ffffff; box-shadow: 0 0 0 10px #ffffff; } body.theme-light .noo-countdown h2, body.theme-light .noo-countdown p, body.theme-light .noo-countdown .countdown-section { color: #ffffff; } body.theme-light .albums-masonry .masonry-filters li a.selected { color: #000000; } body.theme-light .noo_albums li .noo_album-container figure figcaption { background: rgba(255, 255, 255, 0.9); -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } body.theme-light .noo_albums li .noo_album-container:hover figure figcaption { background: #ffffff; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist { background: #efefef; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li { border-color: #f7f7f7; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li.current-playing, body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li:hover { background: #cccccc; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a { color: #000000; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta .light { display: inline-block; } body.theme-light .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta .drak { display: none; } body.theme-light .noo_album .album-summary .entry-summary .album-tag { background: #efefef; } body.theme-light .noo_album .album-summary .entry-summary .album-tag a { background: #ffffff; } body.theme-light .noo_album .album-summary .meta-artist a { color: #000000; } body.theme-light .noo_album .album-summary .meta-summary > div { border-color: #cccccc; } body.theme-light .noo_album .album-summary .meta-summary > div span { color: #000000; } body.theme-light .noo_album .album-summary .meta-summary > div span a { color: #000000; } body.theme-light .pagination .page-numbers { background: #efefef; } body.theme-light .pagination .page-numbers.current, body.theme-light .pagination .page-numbers:hover { background: #d91f26; border-color: #d91f26; } body.theme-light .commerce-ordering select { background-color: #efefef; border: 1px solid #f7f7f7; } body.theme-light ul.products li.product figure figcaption { background: rgba(255, 255, 255, 0.9); } body.theme-light ul.products li.product figure figcaption .product_title a { color: #000000; } body.theme-light ul.products li.product figure:hover figcaption { background: #ffffff; } body.theme-light .star-rating:before { color: #000000; } body.theme-light ul.products li.product figure figcaption .price ins { color: #000000; } body.theme-light div.product .entry-summary .product_title { border-color: #cecfd0; } body.theme-light div.product .entry-summary div.offers { border-color: #cecfd0; } body.theme-light div.product .entry-summary .commerce-product-rating { border-color: #cecfd0; } body.theme-light div.product .entry-summary a { color: #000000; } body.theme-light .commerce-tabs ul.tabs li a { color: #000000; } body.theme-light .commerce-tabs .panel #review_form #respond form input[type='text'], body.theme-light .commerce-tabs .panel #review_form #respond form textarea { background: #efefef; border-color: #efefef; color: #000000; } body.theme-light .commerce-tabs .comment-form-rating label { color: #000000; } body.theme-light.commerce-account input[name='save_account_details'] { background: #efefef; border-color: #efefef; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } body.theme-light.commerce-account input[name='save_account_details']:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .myaccount_user a { color: #d91f26; } body.theme-light .order_details a, body.theme-light .my_account_orders a { color: #000000; } body.theme-light .order_details .order-actions a, body.theme-light .my_account_orders .order-actions a { color: #ffffff; } body.theme-light.commerce-cart table.shop_table td { color: #000000; border-color: #efefef; } body.theme-light.commerce-cart table.shop_table td a { color: #000000; } body.theme-light .cart-collaterals .cart_totals h2, body.theme-light .cart-collaterals .cart_totals h2 { color: #000000; } body.theme-light .cart-collaterals .cart_totals table th, body.theme-light .cart-collaterals .cart_totals table th { color: #000000; border: none; } body.theme-light .cart-collaterals .cart_totals table tr td, body.theme-light .cart-collaterals .cart_totals table tr td { border: none; } body.theme-light .cart-collaterals .cart_totals table tr td .shipping-calculator-form input, body.theme-light .cart-collaterals .cart_totals table tr td .shipping-calculator-form input, body.theme-light .cart-collaterals .cart_totals table tr td .shipping-calculator-form select, body.theme-light .cart-collaterals .cart_totals table tr td .shipping-calculator-form select { background: #efefef; } body.theme-light .cart-collaterals .cart_totals table tr.cart-subtotal td, body.theme-light .cart-collaterals .cart_totals table tr.cart-subtotal td, body.theme-light .cart-collaterals .cart_totals table tr.order-total td, body.theme-light .cart-collaterals .cart_totals table tr.order-total td { color: #000000; border: none; } body.theme-light .order_review_wrap { background: #efefef; } body.theme-light .commerce form .form-row input.input-text:focus, body.theme-light .commerce form .form-row textarea:focus { background: #efefef; color: #000000; } body.theme-light .order_review_wrap #order_review table.shop_table thead th { color: #000000; border-color: #efefef; } body.theme-light .order_review_wrap #order_review table.shop_table tbody td, body.theme-light .order_review_wrap #order_review table.shop_table tfoot th, body.theme-light .order_review_wrap #order_review table.shop_table tfoot td { color: #000000; } body.theme-light .order_review_wrap #order_review table.shop_table td { border-color: #cecfd0; } body.theme-light .order_review_wrap #payment ul.payment_methods li { color: #000000; } body.theme-light .order_review_wrap #payment ul.payment_methods li a { color: #000000; } body.theme-light .order_review_wrap #payment ul.payment_methods li div.payment_box { background: #ffffff; } body.theme-light .order_review_wrap #payment ul.payment_methods li div.payment_box:after { border-bottom-color: #ffffff; } body.theme-light .order_review_wrap #payment #place_order { background: #000000; } body.theme-light .order_review_wrap #payment #place_order:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .commerce-info a { color: #000000; } body.theme-light .commerce .login .form-row .button, body.theme-light .commerce .checkout_coupon .form-row .button, body.theme-light .commerce #customer_login .form-row .button { color: #ffffff; } body.theme-light .commerce .login .form-row .button:hover, body.theme-light .commerce .checkout_coupon .form-row .button:hover, body.theme-light .commerce #customer_login .form-row .button:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .lost_password a { color: #000000; } body.theme-light .noo_team_item .team_thumbnail .team-info .team_name, body.theme-light .noo_team_item .team-detail p.ds { color: #ffffff; } body.theme-light .noo_team_item .team_social:hover .social-name { color: #ffffff; } body.theme-light .hentry.type-post { background: #efefef; } body.theme-light .hentry.type-post .read-more { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light .hentry.type-post .read-more:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .noo-category a:hover { color: #d91f26; } body.theme-light .content-featured .author-avatar { -webkit-box-shadow: 0 0 0 10px #efefef; box-shadow: 0 0 0 10px #efefef; } body.theme-light .noo-sidebar .widget { background: #efefef; } body.theme-light .widget-counter { background: transparent; } body.theme-light .widget-counter .counter-social-widget ul li a { background: #efefef; border-color: #f7f7f7; } body.theme-light .widget-counter .counter-social-widget ul li a span { color: #000000; } body.theme-light .widget-counter .counter-social-widget ul li a:hover span { color: #ffffff; } body.theme-light .widget ul li { border-color: #cecfd0; } body.theme-light .widget .entry-title a { color: #ffffff; } body.theme-light .widget .entry-title:hover a { color: #d91f26; } body.theme-light .widget_most_view .noo-mostviews li h5 a { color: #000000; } body.theme-light .widget_most_view .noo-mostviews li h5:hover a { color: #d91f26; } body.theme-light .noo-shevent-content h4 a { color: #ffffff; } body.theme-light .noo-shevent-content h4:hover a { color: #d91f26; } body.theme-light .content-social a .title-shared { color: #000000; } body.theme-light .masonry-blog .masonry-item .item-wrap { background: #efefef; } body.theme-light .masonry-blog .masonry-item .author-avatar { -webkit-box-shadow: 0 0 0 10px #efefef; box-shadow: 0 0 0 10px #efefef; } body.theme-light .masonry-blog .masonry-item .read-more { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light .masonry-blog .masonry-item .read-more:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .loadmore-action a { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light .loadmore-action a:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light #author-bio { background: #f7f7f7; } body.theme-light .post-navigation .next-post a, body.theme-light .post-navigation .prev-post a { background: #efefef; color: #000000; } body.theme-light #commentform { background: #efefef; } body.theme-light #commentform textarea, body.theme-light #commentform input[type="text"] { border-color: #ffffff; } body.theme-light #commentform textarea:focus, body.theme-light #commentform input[type="text"]:focus { background: #cecfd0; color: #000000; } body.theme-light #commentform .form-submit input[type="submit"] { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light #commentform .form-submit input[type="submit"]:hover { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .comments-list { background: #efefef; } body.theme-light .comment-img img { -webkit-box-shadow: 0 0 10px #ffffff; box-shadow: 0 0 10px #ffffff; } body.theme-light .comment-content { color: #000000; } body.theme-light .comment-reply-link { background: #d91f26; border-color: #b7181e; color: #ffffff; } body.theme-light .comment-wrap { border-color: #cecfd0; } body.theme-light .form-control, body.theme-light .widget_newsletterwidget .newsletter-email, body.theme-light .form-control:not(.submit), body.theme-light .wpcf7 select, body.theme-light .widget_newsletterwidget .newsletter-email, body.theme-light .form-control:not(.submit), body.theme-light .wpcf7 select { color: #000000; } body.theme-light .form-control:focus, body.theme-light .widget_newsletterwidget .newsletter-email:focus, body.theme-light .form-control:not(.submit):focus, body.theme-light .wpcf7 select:focus, body.theme-light .widget_newsletterwidget .newsletter-email:focus, body.theme-light .form-control:not(.submit):focus, body.theme-light .wpcf7 select:focus { background: #efefef; color: #000000; border-color: #cecfd0; } body.theme-light .tribe-grid-header .column span { color: #000000; } body.theme-light .tribe-events-grid .tribe-grid-header .tribe-week-today span { color: #ffffff; } body.theme-light .tribe-week-today { background: #ffffff; } body.theme-light .tribe-events-week-grid .tribe-grid-allday, body.theme-light .tribe-events-week-grid .tribe-week-grid-hours { background: #efefef; } body.theme-light .tribe-events-week-grid .tribe-events-grid, body.theme-light .tribe-events-week-grid .tribe-events-grid, body.theme-light .tribe-events-week-grid .tribe-events-grid, body.theme-light .tribe-events-week-grid .tribe-events-grid .tribe-scroller, body.theme-light .tribe-events-week-grid .tribe-events-grid .tribe-scroller, body.theme-light .tribe-events-week-grid .tribe-events-grid .tribe-scroller, body.theme-light .tribe-events-week-grid .tribe-grid-allday, body.theme-light .tribe-events-week-grid .tribe-grid-allday, body.theme-light .tribe-events-week-grid .tribe-grid-allday { border-color: #cecfd0; } body.theme-light .noo-featured-albums li figure figcaption { background: rgba(255, 255, 255, 0.9); } body.theme-light .noo-featured-albums li figure .shop-loop-actions .button { color: #000000; } body.theme-light .noo-featured-albums li figure .shop-loop-actions .button:hover { color: #ffffff; } body.theme-light .noo-featured-albums li:hover figure figcaption { background: #ffffff; } body.theme-light .logged-in-as a { color: #555555; } body.theme-light .contact-info a { color: #000000; } body.theme-light .footer-player .album-playlist ul li.album-playlist-title > span { color: #ffffff; } body.theme-light .noo-featured-albums .sh-featured-albumns-item .sh-bottom { background: #ffffff; } body.theme-light .noo-featured-albums .sh-featured-albumns-item .sh-top { background: rgba(255, 255, 255, 0.9); } body.theme-light .navbar-toggle.collapsed, body.theme-light .navbar-toggle, body.theme-light .mobile-minicart-icon, body.theme-light .navbar .navbar-header .mobile-minicart-icon { color: #000000; } body.theme-light .navbar-nav li { background: transparent; } body.theme-light .footer-player { background: rgba(0, 0, 0, 0.9); } body.theme-light .navbar-nav li.current-menu-item > a { color: #ffffff; } body.theme-light #tribe-events-content form.cart .woo-ticket-list { list-style: none; } body.theme-light #tribe-events-content form.cart .woo-ticket-list li { background: #d2d2d2; color: #1f1f1f; } body.theme-light #tribe-events-content form.cart .woo-ticket-list li.tickets_name span { border-bottom: 1px solid #cccccc; display: block; color: #1f1f1f; } body.theme-light #tribe-events-content form.cart .woo-ticket-list li .quantity input { background: #cccccc; } body.theme-light #tribe-events-content form.cart .woo-ticket-list:hover .quantity input { background: #d91f26; } body.theme-light #tribe-events-content form.cart .woo-ticket-list:hover .tickets_name span { color: #d91f26; } body.theme-light #tribe-events-content form.cart .woo-ticket-button .button { background: #d2d2d2; border-color: #cccccc; color: #000000; } body.theme-light #tribe-events-content form.cart .woo-ticket-button .button:hover { color: #ffffff; } body.theme-light .noo-slider .slider-control { background-color: #efefef; color: #000000; } body.theme-light .widget_tag_cloud .tagcloud a { background: #777777; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } body.theme-light .widget_tag_cloud .tagcloud a:hover { background: #d91f26; } body.theme-light.single-tribe_venue .tribe-events-venue .tribe-events-venue-meta { background: #efefef; color: #000000; } body.theme-light.single-tribe_venue .tribe-events-venue .tribe-events-venue-meta a { color: #000000; } body.theme-light.single-tribe_venue .tribe-events-venue .tribe-events-venue-meta .venue-address { color: #000000; } body.theme-light .noo-tabs-header li span.tab-active { color: #000000; } body.theme-light .noo-page-heading { background-image: url(../images/bg-heading-light.png); } body.theme-light .commerce-cart table.shop_table td, body.theme-light .commerce-cart table.shop_table td a { color: #000; } body.theme-light .commerce-cart table.shop_table td a:hover { color: #d91f26; } /** * 11 - Album CSS * */ .single .noo_album .album-intro .album-intro-wrap .images { float: left; padding-right: 15px; width: 50%; display: inline-block; } .single .noo_album .album-intro .album-intro-wrap .album-media-player { display: inline-block; width: 50%; padding: 0 0 0 15px; } @media (max-width: 991px) { .single .noo_album .album-intro .album-intro-wrap .album-media-player { width: 100%; } } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist { background: #2c2c2c; margin-bottom: 40px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul { padding: 0; margin: 0; list-style: none; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li { border-bottom: 1px solid #262626; padding: 0; position: relative; line-height: 60px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a { color: #ffffff; position: relative; font-size: 16px; line-height: 20px; margin: 0 30px 0; padding-left: 30px; display: inline-block; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a .number { position: absolute; left: 0; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a .current-active-play { position: absolute; left: -8px; top: -2px; line-height: 15px; border: 2px solid #d91f26; -webkit-border-radius: 50%; border-radius: 50%; width: 25px; height: 25px; text-align: center; display: none; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a .current-active-play i { color: #d91f26; font-size: 9px; line-height: 15px; padding-left: 3px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li a small { color: #555555; font-size: 16px; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li.current-playing, .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li:hover { background: #222222; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li.current-playing a, .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li:hover a { color: #ffffff; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li.current-playing a .number, .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li:hover a .number { display: none; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li.current-playing a .current-active-play, .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li:hover a .current-active-play { display: block; -webkit-animation: aff-paly 2s linear 0s infinite; /* Chrome, Safari, Opera */ animation: aff-paly 2s linear 0s infinite; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta a { display: inline-block; margin: 0 7px; padding: 0; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta a img { -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta a:hover img { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); } .single .noo_album .album-intro .album-intro-wrap .album-media-player .single-album-playlist ul li .album-meta .light { display: none; } .single .noo_album .album-intro .album-intro-wrap .album-purchase { padding: 25px 0; } .single .noo_album .album-intro .album-intro-wrap .album-purchase a { border: 1px solid #555555; color: #555555; padding: 5px 15px; margin-right: 5px; text-transform: uppercase; } .single .noo_album .album-intro .album-intro-wrap .album-purchase a:hover { background: #d91f26; color: #ffffff; border-color: #d91f26; } .single .noo_album .album-summary .meta-summary { padding-top: 6px; } .single .noo_album .album-summary .meta-summary > div { border-bottom: 1px solid #343434; padding: 30px 0 15px 0; color: #d91f26; text-transform: uppercase; display: block; } .single .noo_album .album-summary .meta-summary > div span { display: block; color: #ffffff; font-size: 0.875em; } .single .noo_album .album-summary .meta-summary > div.meta-artist { padding-top: 0; } .single .noo_album .album-summary .meta-summary .album-share { display: inline-block; padding: 0; text-align: left; border-bottom: 0; } @media (max-width: 991px) { .single .noo_album .album-summary .meta-summary .album-share a { margin: 0 12px; } } .single .noo_album .album-summary .meta-summary .album-share a:first-child { margin-left: 0; } .single .noo_album .album-summary .meta-summary .album-share a .title-shared { font-size: 16px; text-transform: none; text-align: center; } .single .noo_album .album-summary .meta-summary .album-share a i { border-color: transparent; } .single .noo_album .album-summary .entry-summary { padding-left: 30px; } .single .noo_album .album-summary .entry-summary .entry-title { font-size: 36px; line-height: 36px; padding: 10px 0 0 0; margin: 0; text-transform: none; font-weight: 400; } .single .noo_album .album-summary .entry-summary .author { font-size: 16px; line-height: 30px; font-weight: 300; display: block; margin: 10px 0 15px; } .single .noo_album .album-summary .entry-summary .author a { color: #555555; } @media (max-width: 991px) { .single .noo_album .album-summary .entry-summary { padding-left: 0; } } .single .noo_album .album-summary .entry-summary .album-tag { background: #2c2c2c; padding: 10px 15px; margin: 43px 0; text-transform: uppercase; } .single .noo_album .album-summary .entry-summary .album-tag a { margin: 0 3px 3px 0; color: #ffffff; background: #555555; border-color: #555555; font-size: 16px; font-weight: 400; line-height: 1; background: #1f1f1f; margin: 0 0 0 5px; padding: 10px 15px; font-size: 0.875em; color: #555555; border-bottom: 0; text-transform: uppercase; } .single .noo_album .album-summary .entry-summary .album-tag a:hover { background: #d91f26; border-color: #d91f26; color: #ffffff; } .single .noo_album .album-summary .entry-summary .album-tag a:first-child { margin-left: 10px; } .single .noo_album .album-summary .entry-summary .album-description { font-weight: 300; line-height: 24px; } @keyframes aff-paly { from { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes aff-paly { from { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); } to { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } .album-meta { position: absolute; right: 16px; top: 0; color: #ffffff; text-align: right; } .noo-archive-album { margin-bottom: 100px; } .albums-masonry .masonry-filters { text-align: center; margin-bottom: 70px; } .albums-masonry .masonry-filters li { display: inline-block; text-transform: uppercase; padding: 0 20px; } .albums-masonry .masonry-filters li a { color: #555555; padding: 8px 0; line-height: 1; } .albums-masonry .masonry-filters li a.selected { color: #fff; border-bottom: 1px solid #d91f26; } .noo_albums { margin: 0; padding: 0; list-style: none; } .noo_albums.masonry-container { margin: 0 -15px; } .noo_albums li { margin-bottom: 30px; } .noo_albums li.noo-al-item { width: 33.33%; float: left; margin-bottom: 30px; position: relative; } @media (max-width: 991px) { .noo_albums li.noo-al-item { width: 50%; } } @media (max-width: 767px) { .noo_albums li.noo-al-item { width: 100%; } } .noo_albums li .noo_album-container { margin: 0; } .noo_albums li .noo_album-container .noo_album-images { position: relative; overflow: hidden; } .noo_albums li .noo_album-container .noo_album-images img { -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; -o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; transition: all 1s cubic-bezier(0.19, 1, 0.22, 1) 0s; } .noo_albums li .noo_album-container .noo_album-images:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .noo_albums li .noo_album-container figure { position: relative; } .noo_albums li .noo_album-container figure figcaption { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background: rgba(0, 0, 0, 0.9); padding: 20px; } .noo_albums li .noo_album-container figure figcaption .noo_album-info h3.noo_album_title { padding: 0; margin: 0; font-size: 16px; } .noo_albums li .noo_album-container figure figcaption .noo_album-info .noo_album-category { color: #555555; } .noo_albums li .noo_album-container figure figcaption .noo_album-info .noo_album-category a { color: #555555; font-size: 12px; } .noo_albums li .noo_album-container figure figcaption .noo_album-loop-actions a { margin-top: 15px; margin-right: 8px; border: 1px solid #555555; color: #555555; text-transform: uppercase; padding: 5px 15px; font-size: 14px; display: inline-block; } .noo_albums li .noo_album-container figure figcaption .noo_album-loop-actions a i { padding-right: 5px; } .noo_albums li .noo_album-container figure figcaption .noo_album-loop-actions a:hover { background: #d91f26; color: #ffffff; border-color: #d91f26; } .no_padding { padding-bottom: 0; } .footer-player { position: fixed; bottom: 0; min-height: 76px; width: 100%; background: rgba(0, 0, 0, 0.5); z-index: 9999; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-player.contro-play { bottom: -80px; } .footer-player .album-player-embed { padding: 0 30px; width: 100%; position: relative; } .footer-player .album-player-embed .contro-album-player { display: inline-block; position: absolute; bottom: 100%; right: 0; width: 30px; height: 30px; background: #000000; text-align: center; cursor: pointer; } .footer-player .album-player-embed .contro-album-player i { color: #ffffff; } .footer-player .album-player-embed .contro-album-player:hover { background: #d91f26; } .footer-player .album-player-embed .contro-album-player.contro-album-hide i:before { content: "\f106"; } .footer-player .album-player-embed .contro-album-player.contro-up-player { display: none; } .footer-player .album-player-embed .contro-album-player.contro_hide { display: none; } .footer-player .album-player-embed .contro-album-player.contro_show { display: block; } @media (max-width: 767px) { .footer-player .album-player-embed { padding-left: 15px; padding-right: 15px; } } .footer-player .album-player-embed .mejs-container { position: relative; background: transparent; } .footer-player .album-player-embed .mejs-container .mejs-controls { background: transparent; position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); transform: translate(0, -50%); } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail { height: 3px; position: relative; top: 11px; max-width: 35%!important; } @media (max-width: 767px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail { display: none; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: transparent; max-height: 100%; -webkit-border-radius: 0px; border-radius: 0px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail .mejs-time-total { height: 3px; top: 0; max-width: 100%; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 0px; border-radius: 0px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail .mejs-time-loaded { background: rgba(255, 255, 255, 0.2); } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-time-rail .mejs-time-current { background: #ffffff; max-height: 100%; -webkit-border-radius: 0px; border-radius: 0px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button { cursor: pointer; text-align: left; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button.mejs-unmute button:before { content: "\f026"; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button button { width: 35px; height: 35px; line-height: 35px; text-align: center; background: #262626; border-radius: 50%; position: relative; margin: 0; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button button:before { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); content: "\f027"; font-family: 'FontAwesome'; font-size: 14px; color: #ffffff; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button button:hover:before { color: #d91f26; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button .fa { width: 35px; height: 35px; line-height: 35px; text-align: center; border: 2px solid #555555; border-radius: 50%; position: relative; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button .fa:before { top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-button.mejs-pause .fa-play:before { content: "\f04c"; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls { min-width: 10%; float: left; } @media (max-width: 991px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls { width: 16%; } } @media (max-width: 480px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls { width: 40%; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls .mejs-button:last-child { padding-left: 52px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls .mejs-button i { border: 0; font-size: 14px; color: #555555; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls .mejs-button i:hover { color: #d91f26; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-navigation-controls:after { clear: both; display: block; content: ''; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-volume-button { margin-left: 50px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-volume-button .fa { border-color: #262626; background: #262626; color: #ffffff; } @media (max-width: 991px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-volume-button { display: none; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-horizontal-volume-slider { margin: 0 20px; height: 3px; width: 100px; top: 15px; } @media (max-width: 767px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-horizontal-volume-slider { display: none; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total { width: 100%; height: 3px; top: 0; background: rgba(255, 255, 255, 0.15); -webkit-border-radius: 0px; border-radius: 0px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { height: 3px; top: 0; -webkit-border-radius: 0px; border-radius: 0px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-horizontal-volume-slider .mejs-volumn-percent { position: absolute; left: 120%; top: -5px; font-size: 12px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container { margin-left: 100px; top: 10px; width: 35%; } @media (max-width: 991px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container { margin-left: 40px; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-cover { background: transparent; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-cover img { margin: 0; max-width: 40px; max-height: 40px; -webkit-border-radius: 50%; border-radius: 50%; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-title { font-size: 14px; padding-left: 20px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-artist, .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-track-container .mejs-track-artist a { color: #555555; font-size: 14px; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls { margin: 0 30px 0 0; display: block; min-width: 150px; float: right; text-align: right; } @media (max-width: 991px) { .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls { margin-left: 20px; min-width: 100px; margin-right: 0; } } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls .mejs-button { float: none; display: inline-block; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls .mejs-queue .fa { background: #262626; border: 0; color: #ffffff; -webkit-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls .mejs-queue .fa:hover { color: #d91f26; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-left-controls .mejs-queue.queue-active .fa { color: #d91f26; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-playpause-button { position: absolute; left: 40px; top: 0; float: none; width: 36px; height: 36px; border: 2px solid #d91f26; text-align: center; line-height: 25px; padding-left: 4px; -webkit-border-radius: 50%; border-radius: 50%; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-playpause-button.mejs-pause { padding-left: 0; } .footer-player .album-player-embed .mejs-container .mejs-controls .mejs-playpause-button i.fa { font-size: 14px; color: #d91f26; width: auto; height: auto; border: 0; } .footer-player .album-playlist { display: none; background: #000000; } .footer-player .album-playlist ul { margin: 0; padding: 0; list-style: none; overflow-y: scroll; height: 300px; } .footer-player .album-playlist ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.15); padding: 15px 30px; width: 100%; display: block; clear: both; float: left; } .footer-player .album-playlist ul li .playlist-play img { max-width: 40px; } .footer-player .album-playlist ul li > span { width: 20%; float: left; } @media (max-width: 991px) { .footer-player .album-playlist ul li > span.playlist-tract { width: 30%; } } .footer-player .album-playlist ul li.album-playlist-title { border-bottom: 2px solid #ffffff; } .footer-player .album-playlist ul li.album-playlist-title small { display: block; } .footer-player .album-playlist ul li.album-playlist-title > span { text-transform: uppercase; } .footer-player .album-playlist ul li .playlist-tract small a { display: block; color: #555555; font-size: 14px; } .footer-player .album-playlist ul li .playlist-delete, .footer-player .album-playlist ul li .playlist-page { text-align: right; } .footer-player .album-playlist ul li .playlist-delete .fa, .footer-player .album-playlist ul li .playlist-page .fa, .footer-player .album-playlist ul li .playlist-play .fa { border: 2px solid #555555; border-radius: 50%; height: 35px; position: relative; text-align: center; width: 35px; font-size: 11px; display: inline-block; } .footer-player .album-playlist ul li .playlist-delete .fa:before, .footer-player .album-playlist ul li .playlist-page .fa:before, .footer-player .album-playlist ul li .playlist-play .fa:before { left: 50%; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer-player .album-playlist ul li .playlist-delete:after { clear: both; display: block; content: ''; } .footer-player .album-playlist ul li.current-playing .playlist-play .fa:before { content: "\f04c"; } .single-album-title { text-align: center; font-size: 36px; line-height: 36px; font-weight: 400; padding: 0; margin: 0 0 72px; text-transform: uppercase; } .tracklist-title { margin-top: 0; margin-bottom: 30px; font-size: 24px; line-height: 24px; text-transform: uppercase; font-weight: 400; } .similar_title { margin-top: 18px; margin-bottom: 27px; font-size: 24px; line-height: 24px; text-transform: uppercase; font-weight: 400; } .similar_title span { color: #d91f26; } .single-album { padding: 0 0 70px; } /* preloader */ #loading{ background-color: #000000; height: 100%; width: 100%; position: fixed; z-index: 99999; margin-top: 0px; top: 0px; } #loading-center{ width: 100%; height: 100%; position: relative; } #loading-center-absolute { position: absolute; left: 50%; top: 50%; height: 50px; width: 150px; margin-top: -25px; margin-left: -75px; } .object{ width: 8px; height: 50px; margin-right:5px; background-color: #d91f26; -webkit-animation: animate 1s infinite; animation: animate 1s infinite; float: left; } .object:last-child { margin-right: 0px; } .object:nth-child(10){ -webkit-animation-delay: 0.9s; animation-delay: 0.9s; } .object:nth-child(9){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } .object:nth-child(8){ -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .object:nth-child(7){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } .object:nth-child(6){ -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .object:nth-child(5){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .object:nth-child(4){ -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .object:nth-child(3){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .object:nth-child(2){ -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } @-webkit-keyframes animate { 50% { -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } @keyframes animate { 50% { -ms-transform: scaleY(0); -webkit-transform: scaleY(0); transform: scaleY(0); } } /* Font style */ .fsi { font-style: italic !important; } .fsn { font-style: normal !important; } /* Font weight */ .fw-light { font-weight: 300 !important; } .fw-normal { font-weight: 400 !important; } .fw-bold { font-weight: 500 !important; } .fw-bolder { font-weight: 700 !important; } .fz-5 { font-size: 50px; } /* Padding */ .p-0 { padding: 0px !important; } .p-1 { padding: 10px !important; } .p-2 { padding: 20px !important; } .p-3 { padding: 30px !important; } .p-4 { padding: 40px !important; } .p-5 { padding: 50px !important; } .p-6 { padding: 60px !important; } .p-7 { padding: 70px !important; } .p-8 { padding: 80px !important; } .p-9 { padding: 90px !important; } .p-10 { padding: 100px !important; } .p-11 { padding: 110px !important; } .p-12 { padding: 120px !important; } .p-13 { padding: 130px !important; } .p-14 { padding: 140px !important; } .p-15 { padding: 150px !important; } .p-16 { padding: 160px !important; } .p-17 { padding: 170px !important; } .p-18 { padding: 180px !important; } .p-19 { padding: 190px !important; } .p-20 { padding: 200px !important; } /* Padding top */ .pt-0 { padding-top: 0px !important; } .pt-1 { padding-top: 10px !important; } .pt-2 { padding-top: 20px !important; } .pt-3 { padding-top: 30px !important; } .pt-4 { padding-top: 40px !important; } .pt-5 { padding-top: 50px !important; } .pt-6 { padding-top: 60px !important; } .pt-7 { padding-top: 70px !important; } .pt-8 { padding-top: 80px !important; } .pt-9 { padding-top: 90px !important; } .pt-10 { padding-top: 100px !important; } .pt-11 { padding-top: 110px !important; } .pt-12 { padding-top: 120px !important; } .pt-13 { padding-top: 130px !important; } .pt-14 { padding-top: 140px !important; } .pt-15 { padding-top: 150px !important; } .pt-16 { padding-top: 160px !important; } .pt-17 { padding-top: 170px !important; } .pt-18 { padding-top: 180px !important; } .pt-19 { padding-top: 190px !important; } .pt-20 { padding-top: 200px !important; } /* Padding right */ .pr-0 { padding-right: 0px !important; } .pr-1 { padding-right: 10px !important; } .pr-2 { padding-right: 20px !important; } .pr-3 { padding-right: 30px !important; } .pr-4 { padding-right: 40px !important; } .pr-5 { padding-right: 50px !important; } .pr-6 { padding-right: 60px !important; } .pr-7 { padding-right: 70px !important; } .pr-8 { padding-right: 80px !important; } .pr-9 { padding-right: 90px !important; } .pr-10 { padding-right: 100px !important; } .pr-11 { padding-right: 110px !important; } .pr-12 { padding-right: 120px !important; } .pr-13 { padding-right: 130px !important; } .pr-14 { padding-right: 140px !important; } .pr-15 { padding-right: 150px !important; } .pr-16 { padding-right: 160px !important; } .pr-17 { padding-right: 170px !important; } .pr-18 { padding-right: 180px !important; } .pr-19 { padding-right: 190px !important; } .pr-20 { padding-right: 200px !important; } /* Padding bottom */ .pb-0 { padding-bottom: 0px !important; } .pb-1 { padding-bottom: 10px !important; } .pb-2 { padding-bottom: 20px !important; } .pb-3 { padding-bottom: 30px !important; } .pb-4 { padding-bottom: 40px !important; } .pb-5 { padding-bottom: 50px !important; } .pb-6 { padding-bottom: 60px !important; } .pb-7 { padding-bottom: 70px !important; } .pb-8 { padding-bottom: 80px !important; } .pb-9 { padding-bottom: 90px !important; } .pb-10 { padding-bottom: 100px !important; } .pb-11 { padding-bottom: 110px !important; } .pb-12 { padding-bottom: 120px !important; } .pb-13 { padding-bottom: 130px !important; } .pb-14 { padding-bottom: 140px !important; } .pb-15 { padding-bottom: 150px !important; } .pb-16 { padding-bottom: 160px !important; } .pb-17 { padding-bottom: 170px !important; } .pb-18 { padding-bottom: 180px !important; } .pb-19 { padding-bottom: 190px !important; } .pb-20 { padding-bottom: 200px !important; } .pb-26 { padding-bottom: 260px !important; } /* Padding left */ .pl-0 { padding-left: 0px !important; } .pl-1 { padding-left: 10px !important; } .pl-2 { padding-left: 20px !important; } .pl-3 { padding-left: 30px !important; } .pl-4 { padding-left: 40px !important; } .pl-5 { padding-left: 50px !important; } .pl-6 { padding-left: 60px !important; } .pl-7 { padding-left: 70px !important; } .pl-8 { padding-left: 80px !important; } .pl-9 { padding-left: 90px !important; } .pl-10 { padding-left: 100px !important; } .pl-11 { padding-left: 110px !important; } .pl-12 { padding-left: 120px !important; } .pl-13 { padding-left: 130px !important; } .pl-14 { padding-left: 140px !important; } .pl-15 { padding-left: 150px !important; } .pl-16 { padding-left: 160px !important; } .pl-17 { padding-left: 170px !important; } .pl-18 { padding-left: 180px !important; } .pl-19 { padding-left: 190px !important; } .pl-20 { padding-left: 200px !important; } /* Margin */ .mlr-auto { margin-left: auto !important; margin-right: auto !important; } .m-0 { margin: 0px !important; } .m-1 { margin: 10px !important; } .m-2 { margin: 20px !important; } .m-3 { margin: 30px !important; } .m-4 { margin: 40px !important; } .m-5 { margin: 50px !important; } .m-6 { margin: 60px !important; } .m-7 { margin: 70px !important; } .m-8 { margin: 80px !important; } .m-9 { margin: 90px !important; } .m-10 { margin: 100px !important; } .m-11 { margin: 110px !important; } .m-12 { margin: 120px !important; } .m-13 { margin: 130px !important; } .m-14 { margin: 140px !important; } .m-15 { margin: 150px !important; } .m-16 { margin: 160px !important; } .m-17 { margin: 170px !important; } .m-18 { margin: 180px !important; } .m-19 { margin: 190px !important; } .m-20 { margin: 200px !important; } /* Margin top */ .mt-0 { margin-top: 0px !important; } .mt-1 { margin-top: 10px !important; } .mt-2 { margin-top: 20px !important; } .mt-3 { margin-top: 30px !important; } .mt-4 { margin-top: 40px !important; } .mt-5 { margin-top: 50px !important; } .mt-6 { margin-top: 60px !important; } .mt-7 { margin-top: 70px !important; } .mt-8 { margin-top: 80px !important; } .mt-9 { margin-top: 90px !important; } .mt-10 { margin-top: 100px !important; } .mt-11 { margin-top: 110px !important; } .mt-12 { margin-top: 120px !important; } .mt-13 { margin-top: 130px !important; } .mt-14 { margin-top: 140px !important; } .mt-15 { margin-top: 150px !important; } .mt-16 { margin-top: 160px !important; } .mt-17 { margin-top: 170px !important; } .mt-18 { margin-top: 180px !important; } .mt-19 { margin-top: 190px !important; } .mt-20 { margin-top: 200px !important; } /* Margin right */ .mr-0 { margin-right: 0px !important; } .mr-1 { margin-right: 10px !important; } .mr-2 { margin-right: 20px !important; } .mr-3 { margin-right: 30px !important; } .mr-4 { margin-right: 40px !important; } .mr-5 { margin-right: 50px !important; } .mr-6 { margin-right: 60px !important; } .mr-7 { margin-right: 70px !important; } .mr-8 { margin-right: 80px !important; } .mr-9 { margin-right: 90px !important; } .mr-10 { margin-right: 100px !important; } .mr-11 { margin-right: 110px !important; } .mr-12 { margin-right: 120px !important; } .mr-13 { margin-right: 130px !important; } .mr-14 { margin-right: 140px !important; } .mr-15 { margin-right: 150px !important; } .mr-16 { margin-right: 160px !important; } .mr-17 { margin-right: 170px !important; } .mr-18 { margin-right: 180px !important; } .mr-19 { margin-right: 190px !important; } .mr-20 { margin-right: 200px !important; } /* Margin bottom */ .mb-0 { margin-bottom: 0px !important; } .mb-1 { margin-bottom: 10px !important; } .mb-2 { margin-bottom: 20px !important; } .mb-3 { margin-bottom: 30px !important; } .mb-4 { margin-bottom: 40px !important; } .mb-5 { margin-bottom: 50px !important; } .mb-6 { margin-bottom: 60px !important; } .mb-7 { margin-bottom: 70px !important; } .mb-8 { margin-bottom: 80px !important; } .mb-9 { margin-bottom: 90px !important; } .mb-10 { margin-bottom: 100px !important; } .mb-11 { margin-bottom: 110px !important; } .mb-12 { margin-bottom: 120px !important; } .mb-13 { margin-bottom: 130px !important; } .mb-14 { margin-bottom: 140px !important; } .mb-15 { margin-bottom: 150px !important; } .mb-16 { margin-bottom: 160px !important; } .mb-17 { margin-bottom: 170px !important; } .mb-18 { margin-bottom: 180px !important; } .mb-19 { margin-bottom: 190px !important; } .mb-20 { margin-bottom: 200px !important; } /* Margin left */ .ml-0 { margin-left: 0px !important; } .ml-1 { margin-left: 10px !important; } .ml-2 { margin-left: 20px !important; } .ml-3 { margin-left: 30px !important; } .ml-4 { margin-left: 40px !important; } .ml-5 { margin-left: 50px !important; } .ml-6 { margin-left: 60px !important; } .ml-7 { margin-left: 70px !important; } .ml-8 { margin-left: 80px !important; } .ml-9 { margin-left: 90px !important; } .ml-10 { margin-left: 100px !important; } .ml-11 { margin-left: 110px !important; } .ml-12 { margin-left: 120px !important; } .ml-13 { margin-left: 130px !important; } .ml-14 { margin-left: 140px !important; } .ml-15 { margin-left: 150px !important; } .ml-16 { margin-left: 160px !important; } .ml-17 { margin-left: 170px !important; } .ml-18 { margin-left: 180px !important; } .ml-19 { margin-left: 190px !important; } .ml-20 { margin-left: 200px !important; } /* Margin top negative */ .mtn-0 { margin-top: 0px !important; } .mtn-1 { margin-top: -10px !important; } .mtn-2 { margin-top: -20px !important; } .mtn-3 { margin-top: -30px !important; } .mtn-4 { margin-top: -40px !important; } .mtn-5 { margin-top: -50px !important; } .mtn-6 { margin-top: -60px !important; } .mtn-7 { margin-top: -70px !important; } .mtn-8 { margin-top: -80px !important; } .mtn-9 { margin-top: -90px !important; } .mtn-10 { margin-top: -100px !important; } .mtn-11 { margin-top: -110px !important; } .mtn-12 { margin-top: -120px !important; } .mtn-13 { margin-top: -130px !important; } .mtn-14 { margin-top: -140px !important; } .mtn-15 { margin-top: -150px !important; } .mtn-16 { margin-top: -160px !important; } .mtn-17 { margin-top: -170px !important; } .mtn-18 { margin-top: -180px !important; } .mtn-19 { margin-top: -190px !important; } .mtn-20 { margin-top: -200px !important; } /* Margin right negative */ .mrn-0 { margin-right: 0px !important; } .mrn-1 { margin-right: -10px !important; } .mrn-2 { margin-right: -20px !important; } .mrn-3 { margin-right: -30px !important; } .mrn-4 { margin-right: -40px !important; } .mrn-5 { margin-right: -50px !important; } .mrn-6 { margin-right: -60px !important; } .mrn-7 { margin-right: -70px !important; } .mrn-8 { margin-right: -80px !important; } .mrn-9 { margin-right: -90px !important; } .mrn-10 { margin-right: -100px !important; } .mrn-11 { margin-right: -110px !important; } .mrn-12 { margin-right: -120px !important; } .mrn-13 { margin-right: -130px !important; } .mrn-14 { margin-right: -140px !important; } .mrn-15 { margin-right: -150px !important; } .mrn-16 { margin-right: -160px !important; } .mrn-17 { margin-right: -170px !important; } .mrn-18 { margin-right: -180px !important; } .mrn-19 { margin-right: -190px !important; } .mrn-20 { margin-right: -200px !important; } /* Margin bottom negative */ .mbn-0 { margin-bottom: 0px !important; } .mbn-1 { margin-bottom: -10px !important; } .mbn-2 { margin-bottom: -20px !important; } .mbn-3 { margin-bottom: -30px !important; } .mbn-4 { margin-bottom: -40px !important; } .mbn-5 { margin-bottom: -50px !important; } .mbn-6 { margin-bottom: -60px !important; } .mbn-7 { margin-bottom: -70px !important; } .mbn-8 { margin-bottom: -80px !important; } .mbn-9 { margin-bottom: -90px !important; } .mbn-10 { margin-bottom: -100px !important; } .mbn-11 { margin-bottom: -110px !important; } .mbn-12 { margin-bottom: -120px !important; } .mbn-13 { margin-bottom: -130px !important; } .mbn-14 { margin-bottom: -140px !important; } .mbn-15 { margin-bottom: -150px !important; } .mbn-16 { margin-bottom: -160px !important; } .mbn-17 { margin-bottom: -170px !important; } .mbn-18 { margin-bottom: -180px !important; } .mbn-19 { margin-bottom: -190px !important; } .mbn-20 { margin-bottom: -200px !important; } /* Margin left negative */ .mln-0 { margin-left: 0px !important; } .mln-1 { margin-left: -10px !important; } .mln-2 { margin-left: -20px !important; } .mln-3 { margin-left: -30px !important; } .mln-4 { margin-left: -40px !important; } .mln-5 { margin-left: -50px !important; } .mln-6 { margin-left: -60px !important; } .mln-7 { margin-left: -70px !important; } .mln-8 { margin-left: -80px !important; } .mln-9 { margin-left: -90px !important; } .mln-10 { margin-left: -100px !important; } .mln-11 { margin-left: -110px !important; } .mln-12 { margin-left: -120px !important; } .mln-13 { margin-left: -130px !important; } .mln-14 { margin-left: -140px !important; } .mln-15 { margin-left: -150px !important; } .mln-16 { margin-left: -160px !important; } .mln-17 { margin-left: -170px !important; } .mln-18 { margin-left: -180px !important; } .mln-19 { margin-left: -190px !important; } .mln-20 { margin-left: -200px !important; } .form-control:focus { box-shadow: none; }