.gm-style .gm-style-mtc label, .gm-style .gm-style-mtc div { font-weight: 400; } .gm-style .gm-style-cc span, .gm-style .gm-style-cc a, .gm-style .gm-style-mtc div { font-size: 10px; } .gm-style-pbc { transition: opacity ease-in-out; background-color: rgba(0, 0, 0, 0.45); text-align: center; } .gm-style-pbt { font-size: 22px; color: white; font-family: Roboto, Arial, sans-serif; position: relative; margin: 0px; top: 50%; transform: translateY(-50%); } .clearfix::before, .clearfix::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after { content: “ ”; display: table; } .clearfix::after, .navbar::after, .navbar-header::after { clear: both; } .pull-right { float: right !important; } .pull-left { float: left !important; } .affix { position: fixed; transform: translate3d(0px, 0px, 0px); } a, button { transition: all 0.2s ease-out; } a i.fa, button i.fa { margin: 0px 5px; } .clickable { cursor: pointer !important; } .text-uppercase { text-transform: uppercase; letter-spacing: 0.08em; } p.lead { margin-bottom: 40px; } .no-mb { margin-bottom: 0px !important; } .heading { margin-bottom: 40px; } .heading h1, .heading h2, .heading h3, .heading h4, .heading h5 { display: inline-block; border-bottom: 5px solid {{ site.lightMainBackground }}; line-height: 1.1; margin-bottom: 0px; padding-bottom: 10px; vertical-align: middle; text-transform: uppercase; letter-spacing: 0.06em; } .heading h1 i.fa, .heading h2 i.fa, .heading h3 i.fa, .heading h4 i.fa, .heading h5 i.fa { display: inline-block; background: {{ site.lightMainBackground }}; width: 30px; height: 30px; vertical-align: middle; text-align: center; color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; border-radius: 15px; } .icon { display: inline-block; width: 80px; height: 80px; color: rgb(255, 255, 255); line-height: 80px; border-radius: 40px; border: 1px solid rgb(255, 255, 255); font-size: 20px; } .icon.icon-lg { font-size: 30px; border-width: 2px; } .pages-listing .item { text-align: center; } .pages-listing .item h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 20px; letter-spacing: 0.08em; } .pages-listing .item h3 a { color: rgb(85, 85, 85); } .pages-listing .item .text { margin-bottom: 20px; } .pages-listing .item .text p { color: rgb(153, 153, 153); font-size: 12px; margin-bottom: 20px; } top { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 10px 0px; } top p { margin: 0px; font-size: 12px; } top .social { float: right; text-align: right; } top .social a { color: {{ site.secondaryColour }}; display: inline-block; width: 24px; height: 24px; border-radius: 12px; line-height: 20px; font-size: 12px; text-align: center; vertical-align: bottom; } top .social a:hover { color: rgb(255, 255, 255); } top .social a:hover.linkedin { background-color: rgb(14, 118, 168); } top .social a:hover.facebook { background-color: rgb(68, 96, 174); } top .social a:hover.gplus { background-color: rgb(194, 31, 37); } top .social a:hover.twitter { background-color: rgb(51, 204, 255); } top .social a:hover.instagram { background-color: rgb(205, 67, 120); } top .social a:hover.email { background-color: rgb(74, 127, 69); } top .login { float: right; } top .login a { font-size: 12px; color: rgb(238, 238, 238); margin-right: 15px; text-decoration: none; text-transform: uppercase; font-weight: 700; letter-spacing: 0.1em; } top.light { background: rgb(255, 255, 255); color: rgb(153, 153, 153); border-bottom: 1px solid rgb(238, 238, 238); } top.light .login a { color: rgb(85, 85, 85); } .navbar { border: none; } .navbar ul.nav > li > a { text-transform: uppercase; text-decoration: underline; font-weight: bold; letter-spacing: 0.08em; border-top: 5px solid transparent; } .navbar ul.nav > li > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; } .navbar ul.nav > li.active > a, .navbar ul.nav > li.open > a { border-top: 5px solid {{ site.darkMainBackground }}; text-decoration: none !important; } .navbar.navbar-light ul.nav > li.active > a { border-top: 5px solid {{ site.darkMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; } .navbar.navbar-light ul.nav > li.active > a:hover { border-top: 5px solid {{ site.darkMainBackground }}; } .navbar.navbar-light ul.nav > li > a:hover, .navbar.navbar-light ul.nav > li.open > a:hover, .navbar.navbar-light ul.nav > li > a:focus, .navbar.navbar-light ul.nav > li.open > a:focus { border-top: 5px solid {{ site.lightMainBackground }}; background: rgb(255, 255, 255) !important; color: rgb(85, 85, 85) !important; } .navbar ul.dropdown-menu { margin: 0px; padding: 0px; } .navbar ul.dropdown-menu li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; padding: 4px 0px; } .navbar ul.dropdown-menu li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; left: 0px; } .navbar ul.dropdown-menu li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; background: none; left: 2px; transition: all 0.2s ease-out; } .navbar .yamm-content h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 10px; margin-top: 5px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; } .navbar .yamm-content h5 { text-transform: uppercase; padding-bottom: 10px; border-bottom: 1px dotted rgb(85, 85, 85); letter-spacing: 0.08em; } .navbar .yamm-content ul { margin: 0px; padding: 0px; } .navbar .yamm-content ul li { list-style-type: none; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; padding: 4px 0px; } .navbar .yamm-content ul li a { position: relative; color: rgb(153, 153, 153); font-size: 12px; display: block; transition: all 0.2s ease-out; } .navbar .yamm-content ul li a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; padding-left: 2px; } .navbar .yamm-content .banner { margin-bottom: 10px; } .navbar .yamm-fw .dropdown-menu { padding: 0px; } .navbar .navbar-buttons { float: right; } .navbar .navbar-buttons button, .navbar .navbar-buttons a.btn, .navbar .navbar-buttons .btn-default.navbar-toggle { margin: 11px 5px 11px 0px; } .navbar .btn-default, .navbar .btn-default.navbar-toggle { color: rgb(153, 153, 153); background-color: rgb(255, 255, 255); margin-left: 7px; margin-right: 0px; } .navbar .btn-default:hover, .navbar .btn-default.navbar-toggle:hover, .navbar .btn-default:focus, .navbar .btn-default.navbar-toggle:focus { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; color: {{ site.lightMainBackground }}; } .navbar search { clear: both; border-top: 1px solid {{ site.lightMainBackground }}; text-align: right; } .navbar search form { float: right; } .navbar search form .input-group { width: 500px; } .navbar basket-overview a { margin-left: 7px; } .navbar-affixed-top { top: -32px; } .navbar-affixed-top.affix { position: fixed; width: 100%; top: 0px; z-index: 1000; box-shadow: 0px 0px 5px; transition: all 0.5s ease-out; } body.boxed .navbar-affixed-top.affix { position: static; } .btn { font-weight: 700; font-family: Roboto, Helvetica, Arial, sans-serif; text-transform: uppercase; letter-spacing: 0.08em; padding: 6px 12px; font-size: 13px; line-height: 1.42857; border-radius: 0px; } .input-group .btn { font-size: 14px; } .btn-lg { padding: 10px 16px; font-size: 14px; line-height: 1.33; border-radius: 0px; } .btn-template-main { color: {{ site.lightMainBackgound }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; } .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { color: {{ site.lightMainBackground }}; background-color: rgb(230, 230, 230); border-color: {{ site.darkMainBackground }}; } .btn-template-main:active, .btn-template-main.active, .open > .dropdown-toggle.btn-template-main { background-image: none; } .btn-template-main.disabled, .btn-template-main, fieldset .btn-template-main, .btn-template-main.disabled:hover, .btn-template-main:hover, fieldset .btn-template-main:hover, .btn-template-main.disabled:focus, .btn-template-main:focus, fieldset .btn-template-main:focus, .btn-template-main.disabled:active, .btn-template-main:active, fieldset .btn-template-main:active, .btn-template-main.disabled.active, .btn-template-main.active, fieldset .btn-template-main.active { background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; } .btn-template-main .badge { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; } .btn-template-main:hover, .btn-template-main:focus, .btn-template-main:active, .btn-template-main.active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); } .btn-template-transparent-primary:active, .btn-template-transparent-primary.active, .open > .dropdown-toggle.btn-template-transparent-primary { background-image: none; } .btn-template-transparent-primary.disabled, .btn-template-transparent-primary, fieldset .btn-template-transparent-primary, .btn-template-transparent-primary.disabled:hover, .btn-template-transparent-primary:hover, fieldset .btn-template-transparent-primary:hover, .btn-template-transparent-primary.disabled:focus, .btn-template-transparent-primary:focus, fieldset .btn-template-transparent-primary:focus, .btn-template-transparent-primary.disabled:active, .btn-template-transparent-primary:active, fieldset .btn-template-transparent-primary:active, .btn-template-transparent-primary.disabled.active, .btn-template-transparent-primary.active, fieldset .btn-template-transparent-primary.active { background-color: transparent; border-color: rgb(255, 255, 255); } .btn-template-transparent-primary:hover, .btn-template-transparent-primary:focus, .btn-template-transparent-primary:active, .btn-template-transparent-primary.active { background: rgb(255, 255, 255); color: {{ site.lightMainBackground }}; border-color: rgb(255, 255, 255); } .btn-template-transparent-black { color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(255, 255, 255); } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { color: rgb(255, 255, 255); background-color: rgba(0, 0, 0, 0); border-color: rgb(224, 224, 224); } .btn-template-transparent-black:active, .btn-template-transparent-black.active, .open > .dropdown-toggle.btn-template-transparent-black { background-image: none; } .btn-template-transparent-black.disabled, .btn-template-transparent-black, fieldset .btn-template-transparent-black, .btn-template-transparent-black.disabled:hover, .btn-template-transparent-black:hover, fieldset .btn-template-transparent-black:hover, .btn-template-transparent-black.disabled:focus, .btn-template-transparent-black:focus, fieldset .btn-template-transparent-black:focus, .btn-template-transparent-black.disabled:active, .btn-template-transparent-black:active, fieldset .btn-template-transparent-black:active, .btn-template-transparent-black.disabled.active, .btn-template-transparent-black.active, fieldset .btn-template-transparent-black.active { background-color: transparent; border-color: rgb(255, 255, 255); } .btn-template-transparent-black .badge { color: transparent; background-color: rgb(255, 255, 255); } .btn-template-transparent-black:hover, .btn-template-transparent-black:focus, .btn-template-transparent-black:active, .btn-template-transparent-black.active { background: rgb(255, 255, 255); color: rgb(0, 0, 0); border-color: rgb(255, 255, 255); } .btn-template-primary:hover, .btn-template-primary:focus, .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { color: rgb(255, 255, 255); background-color: {{ site.darkMainBackground }}; border-color: {{ site.darkMainBackground }}; } .btn-template-primary:active, .btn-template-primary.active, .open > .dropdown-toggle.btn-template-primary { background-image: none; } .btn-template-primary.disabled, .btn-template-primary, fieldset .btn-template-primary, .btn-template-primary.disabled:hover, .btn-template-primary:hover, fieldset .btn-template-primary:hover, .btn-template-primary.disabled:focus, .btn-template-primary:focus, fieldset .btn-template-primary:focus, .btn-template-primary.disabled:active, .btn-template-primary:active, fieldset .btn-template-primary:active, .btn-template-primary.disabled.active, .btn-template-primary.active, fieldset .btn-template-primary.active { background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; } intro .item { font-family: Roboto, Helvetica, Arial, sans-serif; height: 100%; } intro .item h1 { text-transform: uppercase; font-size: 50px; color: rgb(255, 255, 255); margin-bottom: 40px; letter-spacing: 0.08em; } intro .item h3 { color: rgb(255, 255, 255); margin-bottom: 40px; } intro .item .btn { text-transform: none; } intro .container, intro .row { height: 100%; position: relative; } .jumbotron .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; } .jumbotron p.text-uppercase { font-weight: 700; } .container .jumbotron { border-radius: 0px; } .jumbotron .container { max-width: 100%; z-index: 2; } .panel.sidebar-menu .panel-body { padding: 0px; } .panel.sidebar-menu .panel-body span.colour { display: inline-block; width: 15px; height: 15px; border: 1px solid rgb(85, 85, 85); vertical-align: top; margin-top: 2px; margin-left: 5px; } .panel.sidebar-menu .panel-body span.colour.white { background: rgb(255, 255, 255); } .panel.sidebar-menu .panel-body span.colour.red { background: red; } .panel.sidebar-menu .panel-body span.colour.green { background: green; } .panel.sidebar-menu .panel-body span.colour.blue { background: blue; } .panel.sidebar-menu .panel-body span.colour.yellow { background: yellow; } .panel.sidebar-menu .panel-body label { color: rgb(153, 153, 153); font-size: 12px; } .panel.sidebar-menu .panel-body label:hover { color: rgb(85, 85, 85); } .panel.sidebar-menu ul.nav ul { list-style: none; padding-left: 0px; } .panel.sidebar-menu ul.nav ul li { display: block; } .panel.sidebar-menu ul.nav ul li a { position: relative; font-family: “Times New Roman”, Times, serif; font-weight: normal; display: block; padding: 10px 15px 10px 30px; font-size: 12px; color: rgb(153, 153, 153); text-transform: none !important; } .panel.sidebar-menu ul.nav ul li a:hover, .panel.sidebar-menu ul.nav ul li a:focus { text-decoration: none; background-color: rgb(238, 238, 238); } .panel.sidebar-menu.with-icons ul.nav li a::after { font-family: FontAwesome; content: “”; position: relative; top: 0px; float: right; } .owl-carousel .owl-controls .owl-page.active span, .owl-theme .owl-controls .owl-page.active span, .owl-carousel .owl-controls.clickable .owl-page:hover span, .owl-theme .owl-controls.clickable .owl-page:hover span { background: {{ site.lightMainBackground }}; } .owl-carousel .owl-controls .owl-buttons, .owl-theme .owl-controls .owl-buttons { position: absolute; top: 5px; right: 0px; } .owl-carousel .owl-controls .owl-buttons div, .owl-theme .owl-controls .owl-buttons div { width: 26px; height: 26px; line-height: 25px; margin: 0px 5px 0px 0px; font-size: 18px; color: {{ site.lightMainBackground }}; padding: 0px; background: rgb(255, 255, 255); border-radius: 13px; vertical-align: middle; text-align: center; opacity: 1; } .home-carousel .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: {{ site.lightMainBackground }}; opacity: 0.9; } .home-carousel .owl-carousel { padding-top: 60px; padding-bottom: 20px; } .home-carousel .owl-theme .owl-controls .owl-page span { background: rgb(102, 102, 102); } .home-carousel .owl-theme .owl-controls .owl-page.active span { background: rgb(255, 255, 255); } .home-carousel .owl-theme .owl-controls .owl-page:hover span { background: rgb(255, 255, 255); } .customers { padding: 0px; margin-bottom: 40px; } .customers .item { list-style-type: none; text-align: center; margin: 0px 20px; } .customers .item img { display: inline-block; filter: grayscale(100%); transition: all 0.2s ease-out; } .customers .item img:hover { filter: none; } .testimonials { padding: 0px; margin-bottom: 40px; } .testimonials .item { list-style-type: none; margin: 0px 5px; background: rgb(255, 255, 255); padding-bottom: 60px; box-sizing: border-box; } .testimonials .item .testimonial { position: relative; padding: 20px; } .testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: “ ”; display: table; } .testimonials .item .testimonial::after { clear: both; } .testimonials .item .testimonial::before, .testimonials .item .testimonial::after { content: “ ”; display: table; } .testimonials .item .testimonial::after { clear: both; } .testimonials .item .testimonial .text { color: rgb(153, 153, 153); margin-bottom: 40px; } .testimonials .item .testimonial .bottom { position: absolute; left: 0px; bottom: 0px; width: 100%; box-sizing: border-box; padding: 20px; height: 50px; } .testimonials .item .testimonial .bottom .icon { color: {{ site.lightMainBackground }}; font-size: 30px; float: left; width: 20%; } .testimonials .item .testimonial .name-picture { float: right; width: 80%; text-align: right; } .testimonials .item .testimonial .name-picture h5 { font-size: 14px; text-transform: uppercase; letter-spacing: 0.08em; } .testimonials .item .testimonial .name-picture p { color: rgb(153, 153, 153); margin: 0px; font-size: 12px; } .testimonials .item .testimonial .name-picture img { float: right; width: 60px; border-radius: 30px; margin-left: 10px; } .team-member { text-align: center; margin-bottom: 40px; } .team-member h3 { font-size: 18px; text-transform: uppercase; margin-bottom: 5px; letter-spacing: 0.08em; } .team-member h3 a { color: rgb(85, 85, 85); } .team-member p.role { color: rgb(153, 153, 153); font-size: 12px; text-transform: uppercase; letter-spacing: 0.06em; } .team-member .social { margin-bottom: 20px; } .team-member .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; } .team-member .social a i { vertical-align: bottom; line-height: 26px; } .team-member .social a.linkedin { background-color: rgb(14, 118, 168); } .team-member .social a.facebook { background-color: rgb(68, 96, 174); } .team-member .social a.gplus { background-color: rgb(194, 31, 37); } .team-member .social a.twitter { background-color: rgb(51, 204, 255); } .team-member .social a.instagram { background-color: rgb(205, 67, 120); } .team-member .social a.email { background-color: rgb(74, 127, 69); } .team-member .text p { color: rgb(153, 153, 153); font-size: 12px; } .team-member .social, .team-member-detail .social { margin-bottom: 20px; } .team-member .social a, .team-member-detail .social a { margin: 0px 10px 0px 0px; color: rgb(255, 255, 255); display: inline-block; width: 26px; height: 26px; border-radius: 13px; line-height: 26px; font-size: 15px; text-align: center; transition: all 0.2s ease-out; vertical-align: bottom; } .team-member .social a i, .team-member-detail .social a i { vertical-align: bottom; line-height: 26px; } .team-member .social a.linkedin, .team-member-detail .social a.linkedin { background-color: rgb(14, 118, 168); } .team-member .social a.facebook, .team-member-detail .social a.facebook { background-color: rgb(68, 96, 174); } .team-member .social a.gplus, .team-member-detail .social a.gplus { background-color: rgb(194, 31, 37); } .team-member .social a.twitter, .team-member-detail .social a.twitter { background-color: rgb(51, 204, 255); } .team-member .social a.instagram, .team-member-detail .social a.instagram { background-color: rgb(205, 67, 120); } .team-member .social a.email, .team-member-detail .social a.email { background-color: rgb(74, 127, 69); } .box-simple { text-align: center; margin-bottom: 40px; } .box-simple .icon { color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; transition: all 0.2s ease-out; } .box-simple h3 { font-size: 18px; text-transform: uppercase; line-height: 1.5; color: rgb(85, 85, 85); font-weight: 800; letter-spacing: 0.08em; } .box-simple h3 a { color: rgb(85, 85, 85); } .box-simple p { color: rgb(153, 153, 153); } .box-simple:hover .icon { transform: scale(1.1, 1.1); } .box-simple:hover .icon i { transform: scale(1, 1); } .box-simple.box-white .icon { color: rgb(85, 85, 85); border-color: transparent; font-size: 70px; } .box-simple.box-dark .icon { color: rgb(247, 247, 247); border-color: transparent; font-size: 70px; } .box-image .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; } .box-image:hover .text { position: absolute; transform: translate(0px, 100%); } .box-image-text .top .text { position: absolute; width: 100%; height: 50%; top: 0px; transform: translate(0px, -150%); transition: all 0.2s ease-out; color: rgb(255, 255, 255); padding: 0px 20px; } .box-image-text:hover .text { position: absolute; transform: translate(0px, 100%); } .box { background: rgb(255, 255, 255); margin: 0px 0px 30px; border-top: 1px solid rgb(204, 204, 204); border-bottom: 1px solid rgb(204, 204, 204); border-image: initial; box-sizing: border-box; padding: 20px 0px; border-left: none; border-right: none; } .box .box-header { background: rgb(247, 247, 247); margin: -20px 0px 20px; padding: 20px; border-bottom: 1px solid rgb(238, 238, 238); text-transform: uppercase; letter-spacing: 0.08em; } .box .box-header::before, .box .box-header::after { content: “ ”; display: table; } .box .box-header::after { clear: both; } .box .box-header::before, .box .box-header::after { content: “ ”; display: table; } .box .box-header::after { clear: both; } .box .box-footer { background: rgb(247, 247, 247); margin: 30px 0px -20px; padding: 20px; border-top: 1px solid rgb(238, 238, 238); } .box .box-footer::before, .box .box-footer::after { content: “ ”; display: table; } .box .box-footer::after { clear: both; } .box .box-footer::before, .box .box-footer::after { content: “ ”; display: table; } .box .box-footer::after { clear: both; } heading-breadcrumbs.no-mb { margin-bottom: 0px; } .bar { position: relative; background: {{ site.lightMainBackground }}; padding: 60px 0px; } .bar.background-pentagon { background: url(“../img/texture-bw.png”) center center repeat; border-top: 1px solid rgb(153, 153, 153); border-bottom: 1px solid rgb(153, 153, 153); } .bar.background-gray { background: rgb(238, 238, 238); } .bar.background-white { background: rgb(255, 255, 255); }

.bar.background-image-fixed-2 { background: url(“../img/fixed-background-2.jpg”) center top / cover no-repeat fixed; } .bar.color-white h1, .bar.color-white h2, .bar.color-white h3, .bar.color-white h4, .bar.color-white h5, .bar.color-white h6, .bar.color-white p { color: rgb(255, 255, 255); } .bar .dark-mask { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: rgb(0, 0, 0); opacity: 0.3; } .portfolio-showcase p.lead { color: rgb(85, 85, 85); margin-bottom: 20px; } .showcase .item { text-align: center; } .showcase .item .icon { display: inline-block; width: 50px; height: 50px; color: rgb(85, 85, 85); line-height: 50px; border-radius: 25px; border: 1px solid rgb(85, 85, 85); } .showcase .item h4 { color: rgb(85, 85, 85); text-transform: uppercase; letter-spacing: 0.08em; line-height: 1.5; font-size: 16px; } .showcase .item h4 span { font-weight: bold; font-size: 51px; } map { height: 300px; } map.with-border { border-top: 1px solid {{ site.lightMainBackground }}; border-bottom: 1px solid {{ site.lightMainBackground }}; } blog-listing-big .post .image, blog-homepage .post .image { margin-bottom: 10px; overflow: hidden; } blog-listing-big .post .image img, blog-homepage .post .image img { transition: all 0.2s ease-out; } blog-listing-medium .post .clearfix::before, blog-listing-medium .post .clearfix::after, blog-listing-medium .post .navbar::before, blog-listing-medium .post .navbar::after, blog-listing-medium .post .navbar-header::before, blog-listing-medium .post .navbar-header::after { content: “ ”; display: table; } blog-listing-medium .post .clearfix::after, blog-listing-medium .post .navbar::after, blog-listing-medium .post .navbar-header::after { clear: both; } blog-listing-medium .post .clearfix::before, blog-listing-medium .post .clearfix::after, blog-listing-medium .post .navbar::before, blog-listing-medium .post .navbar::after, blog-listing-medium .post .navbar-header::before, blog-listing-medium .post .navbar-header::after { content: “ ”; display: table; } blog-listing-medium .post .clearfix::after, blog-listing-medium .post .navbar::after, blog-listing-medium .post .navbar-header::after { clear: both; } blog-listing-medium .post .image { margin-bottom: 10px; overflow: hidden; } blog-listing-medium .post .image img { transition: all 0.2s ease-out; } .product .image { overflow: hidden; } .product .image img { transition: all 0.2s ease-out; } .product .text { padding: 10px; } .product .text h3 { font-size: 14px; font-weight: 700; height: 39.6px; text-transform: uppercase; letter-spacing: 0.08em; } .product .text h3 a { color: rgb(85, 85, 85); } .product .text h3 a:hover { text-decoration: none; } .product .text p.price { font-size: 18px; } .product .text p.price del { color: rgb(153, 153, 153); } .product .buttons .btn { margin-bottom: 20px; } .product:hover .image img { transform: scale(1.1, 1.1); } productMain .sizes a.active, productMain .sizes a:hover { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); } thumbs a.active { border-color: {{ site.lightMainBackground }}; } product-social p a.linkedin { background-color: rgb(14, 118, 168); } product-social p a.email { background-color: rgb(74, 127, 69); } checkout .nav { margin-bottom: 20px; border-bottom: 1px solid {{ site.lightMainBackground) }}; } checkout .nav li { height: 100%; } checkout .nav li a { display: block; height: 100%; } order-summary table { margin-top: 20px; } order-summary table td { color: rgb(153, 153, 153); } order-summary table tr.total td, order-summary table tr.total th { font-size: 18px; color: rgb(85, 85, 85); font-weight: 700; } checkout .table tbody tr td, basket .table tbody tr td, customer-order .table tbody tr td { vertical-align: middle; } checkout .table tbody tr td input, basket .table tbody tr td input, customer-order .table tbody tr td input { width: 50px; text-align: right; } checkout .table tbody tr td img, basket .table tbody tr td img, customer-order .table tbody tr td img { width: 50px; } checkout .table tfoot, basket .table tfoot, customer-order .table tfoot { font-size: 18px; } customer-order .table tfoot th { font-size: 18px; font-weight: 300; } get-it { background: {{ site.lightMainBackground }}; padding: 50px 0px 30px; color: rgb(255, 255, 255); text-align: center; } get-it h1, get-it h2, get-it h3, get-it h4, get-it h5, get-it h6 { color: rgb(255, 255, 255); text-transform: uppercase; letter-spacing: 0.08em; margin: 0px 0px 20px; } get-it p { margin: 0px 0px 20px; } footer { background: {{ site.lightBackground }}; padding: 50px 0px; color: rgb(238, 238, 238); } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 { color: rgb(238, 238, 238); } footer h4 { font-size: 14px; font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; } footer ul { padding-left: 0px; list-style: none; } footer ul a { color: rgb(153, 153, 153); } footer ul a:hover { color: {{ site.lightMainBackground }}; text-decoration: none; } footer .photostream div { float: left; display: block; box-sizing: border-box; width: 33%; padding: 7.5px; overflow: hidden; } footer .photostream div a { } footer .photostream div img { transition: all 0.2s ease-out; } footer .photostream div:hover img { transform: scale(1.1, 1.1); } footer .blog-entries .item { clear: both; padding: 5px 0px; margin-bottom: 10px; border-bottom: 1px solid rgb(85, 85, 85); } footer .blog-entries .item .image { float: left; width: 15%; margin-right: 10px; } footer .blog-entries .item .name { width: 75%; margin-left: 10px; display: table-cell; vertical-align: middle; } footer .blog-entries .item .name h5 { margin: 0px; text-transform: uppercase; letter-spacing: 0.08em; font-size: 12px; } footer .blog-entries .item .name h5 a { color: rgb(238, 238, 238); } footer .blog-entries .item .text { width: 100%; clear: both; } footer .blog-entries .item:last-child { border-bottom: none; margin-bottom: 0px; } footer .social a { color: rgb(85, 85, 85); font-size: 25px; margin: 0px 10px 0px 0px; } footer .social a:hover { color: {{ site.lightMainBackground }}; } copyright { background: {{ site.darkBackground }}; color: {{ site.secondaryColour }}; padding: 50px 0px; font-size: 12px; line-height: 28px; } copyright p { margin: 0px; }

data-animate

{ opacity: 0; }

.nav > li > a { padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { background-color: {{ site.secondaryColour }}; } .nav > li.disabled > a { color: rgb(153, 153, 153); } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(153, 153, 153); } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: {{ site.lightMainBackground }}; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: {{ site.lightMainBackground }} {{ site.lightMainBackground }} transparent; border-image: initial; cursor: default; } .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; } .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid {{ site.lightMainBackground }}; } .navbar { position: relative; min-height: 62px; margin-bottom: 0px; border-bottom: 1px solid transparent; } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; } .navbar-fixed-top .navbar-collapse, .navbar-affixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } .container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .navbar-brand { float: left; padding: 10px 15px; font-size: 18px; line-height: 20px; height: 62px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { margin: 10.5px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } .navbar-nav > li > .dropdown-menu { margin-top: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .navbar-default { background-color: rgb(255, 255, 255); border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-bottom: none; } .navbar-default .navbar-brand { color: rgb(85, 85, 85); } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: rgb(59, 59, 59); background-color: transparent; } .navbar-default .navbar-text { color: rgb(119, 119, 119); } .navbar-default .navbar-nav > li > a { color: rgb(85, 85, 85); } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: rgb(85, 85, 85); background-color: rgb(146, 179, 217); } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: rgb(204, 204, 204); background-color: transparent; } .navbar-default .navbar-toggle { border-color: rgb(221, 221, 221); } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: {{ site.lightMainBackground }}; } .navbar-default .navbar-toggle .icon-bar { background-color: rgb(136, 136, 136); } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: rgb(204, 204, 204); } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); } .navbar-default .navbar-link { color: rgb(85, 85, 85); } .navbar-default .navbar-hover { color: rgb(85, 85, 85); } .navbar-default .btn-link { color: rgb(85, 85, 85); } .navbar-default .btn-hover, .navbar-default .btn-focus { color: rgb(85, 85, 85); } .navbar-default .btn-link:hover, fieldset .navbar-default .btn-hover, .navbar-default .btn-link:focus, fieldset .navbar-default .btn-focus { color: rgb(204, 204, 204); } body { font-family: Roboto, Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.42857; color: rgb(85, 85, 85); } a { color: {{ site.lightmainBackground }}; text-decoration: none; } a:hover, a:focus { color: {{ site.darkMainBackground }}; text-decoration: underline; } a:focus { outline: -webkit-focus-ring-color auto 5px; outline-offset: -2px; } hr { margin-top: 20px; margin-bottom: 20px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(238, 238, 238); } .breadcrumb > .active { color: rgb(153, 153, 153); } .dropdown-menu.pull-right { right: 0px; left: auto; } label { font-weight: normal; } .form-control { box-shadow: none; border-radius: 0px; } .form-control:focus { border-color: {{ site.lightMainBackground }}; outline: 0px; box-shadow: rgba(0, 0, 0, 0.075) 0px 1px 1px inset, {{ site.lightMainBackground }} 0px 0px 8px; } .form-group { margin-bottom: 20px; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: rgb(255, 255, 255); background-color: {{ site.lightMainBackground }}; border-color: {{ site.lightMainBackground }}; } p { margin: 0px 0px 10px; } .lead { margin-bottom: 20px; font-size: 18px; } abbr, abbr { border-bottom: 1px dotted rgb(153, 153, 153); } blockquote { padding: 10px 20px; margin: 0px 0px 20px; font-size: 14px; border-left: 5px solid {{ site.lightMainBackground }}; } .blockquote-reverse, blockquote.pull-right { border-right: 5px solid {{ site.lightMainBackground }}; } address { margin-bottom: 20px; line-height: 1.42857; } .panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 0px; box-shadow: 0px 0px 0px; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0px; border-radius: 0px; overflow: hidden; } .panel-group .panel + .panel { margin-top: 5px; } .panel-group.accordion .panel { border-color: rgb(204, 204, 204); } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: {{ site.lightMainBackground }}; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: {{ site.lightMainBackground }}; } a.list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: {{ site.lightMainBakground }}; background-color: rgb(255, 255, 255); } .yamm .nav, .yamm .collapse, .yamm .dropup.use-yamm, .yamm .dropdown.use-yamm { position: static; } .yamm .container { position: relative; } .yamm .dropdown-menu { left: auto; } .yamm .nav.navbar-right .dropdown-menu { left: auto; right: 0px; } .yamm .yamm-content { padding: 20px 30px; } .yamm .dropdown.yamm-fw .dropdown-menu { left: 15px; right: 15px; } form { margin-bottom: 20px; } label { font-weight: normal; } label > span { float: left; } button { color: {{ site.lightMainBackground }}; background-color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; } button:focus { } button:active { background: {{ site.lightMainBackground }}; color: rgb(255, 255, 255); border-color: {{ site.lightMainBackground }}; } .no-padding { padding: 0px; } .owl-carousel .owl-wrapper::after { content: “.”; display: block; clear: both; visibility: hidden; line-height: 0; height: 0px; } .owl-carousel { display: none; position: relative; width: 100%; } .owl-carousel .owl-wrapper { display: none; position: relative; transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { backface-visibility: hidden; transform: translate3d(0px, 0px, 0px); } .owl-theme .owl-controls { margin-top: 10px; text-align: center; } .owl-theme .owl-controls .owl-buttons div { display: inline-block; zoom: 1; } .owl-theme .owl-controls.clickable .owl-buttons div:hover { opacity: 1; text-decoration: none; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; opacity: 0.5; border-radius: 20px; background: rgb(134, 151, 145); } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: rgb(255, 255, 255); padding: 2px 10px; font-size: 12px; border-radius: 30px; } .gm-style { font-style: normal; font-variant: normal; font-weight: 400; font-stretch: normal; font-size: 11px; line-height: normal; font-family: Roboto, Arial, sans-serif; text-decoration: none; } .gm-style img { max-width: none; }