.owl-pagination { display: none!important; }

.testimonial p::selection, .testimonial footer::selection { background: #939393; }
.testimonial p::selection, .testimonial footer::-moz-selection { background: #939393; }

#formContainer .modal.fade { margin-top: 24px; left: -25%; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
	#formContainer .modal.fade.in { left: 50%; }
#formContainer .modal-body { max-height: 250px; }
#enterDetails { max-width: 600px; margin: 0 auto; background-color: #939393; }
.container { width: 100%; }
.validation-summary { color: red; }
.col-md-3 { text-align: right; }
h3 { text-align: center; }
#checkout ul { background-color: #800000; margin: 1.5em 0; padding: 16px 32px; }
	ul li { color: white; }
.modal-footer { padding: 6px; margin-top: 24px; text-align: center; }
.buttonContainer { display: inline-block; margin: 0 auto; }
.modal { padding: 1px 12px 12px 12px; }

@media only screen and (max-width: 992px) {

	.col-xs-12 { text-align: center; }
}

html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100% }
body { margin: 0 }
details, footer, header, hgroup, nav, section, summary { display: block }
audio { display: inline-block; vertical-align: baseline }
  audio:not([controls]) { display: none; height: 0 }
a { background-color: transparent }
  a:active, a:hover { outline: 0 }
strong { font-weight: bold }
h1 { font-size: 2em; margin: 0.67em 0 }
mark { background: #ff0; color: #000 }
small { font-size: 80% }
img { border: 0 }
hr { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; height: 0 }
code { font-family: monospace, monospace; font-size: 1em }
legend { border: 0; padding: 0 }
table { border-collapse: collapse; border-spacing: 0 }
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */

@media print {
  *, *:before, *:after { background: transparent !important; color: #000 !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-shadow: none !important }
  a, a:visited { text-decoration: underline }
    a[href]:after { content: " (" attr(href) ")" }
  blockquote { border: 1px solid #999; page-break-inside: avoid }
  img { page-break-inside: avoid }
  img { max-width: 100% !important }
  p, h2, h3 { orphans: 3; widows: 3 }
  h2, h3 { page-break-after: avoid }
  .table { border-collapse: collapse !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: 10px; -webkit-tap-highlight-color: rgba(0,0,0,0) }
body { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; font-size: 14px; line-height: 1.42857143; color: #333; background-color: #fff }
a { color: #337ab7; text-decoration: none }
  a:hover, a:focus { color: #23527c; text-decoration: underline }
  a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
img { vertical-align: middle }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eee }
h1, h2, h3, h4, .h1, .h2, .h3, .h4 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit }
  h1 small, h2 small, h3 small, h4 small, .h1 small, .h2 small, .h3 small, .h4 small, h1 .small, h2 .small, h3 .small, h4 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small { font-weight: normal; line-height: 1; color: #777 }
h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px }
  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 { margin-top: 10px; margin-bottom: 10px }
  h4 small, .h4 small, h4 .small, .h4 .small { font-size: 75% }
h1, .h1 { font-size: 36px }
h2, .h2 { font-size: 30px }
h3, .h3 { font-size: 24px }
h4, .h4 { font-size: 18px }
p { margin: 0 0 10px }
small, .small { font-size: 85% }
mark, .mark { background-color: #fcf8e3; padding: .2em }
.text-danger { color: #a94442 }
a.text-danger:hover { color: #843534 }
ul { margin-top: 0; margin-bottom: 10px }
  ul ul { margin-bottom: 0 }
blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eee }
  blockquote p:last-child, blockquote ul:last-child { margin-bottom: 0 }
  blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.42857143; color: #777 }
    blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0' }
address { margin-bottom: 20px; font-style: normal; line-height: 1.42857143 }
code { font-family: Menlo,Monaco,Consolas,"Courier New",monospace }
code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px }
.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: 1170px }
}

.row { margin-left: -15px; margin-right: -15px }
.col-sm-3, .col-md-3, .col-lg-3, .col-md-4, .col-lg-4, .col-sm-6, .col-lg-6, .col-md-8, .col-md-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px }

@media (min-width:768px) {
  .col-sm-3, .col-sm-6 { float: left }
  .col-sm-6 { width: 50% }
  .col-sm-3 { width: 25% }
}

@media (min-width:992px) {
  .col-md-3, .col-md-4, .col-md-8, .col-md-12 { float: left }
  .col-md-12 { width: 100% }
  .col-md-8 { width: 66.66666667% }
  .col-md-4 { width: 33.33333333% }
  .col-md-3 { width: 25% }
  .col-md-offset-4 { margin-left: 33.33333333% }
  .col-md-offset-2 { margin-left: 16.66666667% }
}

@media (min-width:1200px) {
  .col-lg-3, .col-lg-4, .col-lg-6 { float: left }
  .col-lg-6 { width: 50% }
  .col-lg-4 { width: 33.33333333% }
  .col-lg-3 { width: 25% }
}

table { background-color: transparent }
.table { width: 100%; max-width: 100%; margin-bottom: 20px }
  .table .table { background-color: #fff }
legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 }
.btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
  .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px }
  .btn:hover, .btn:focus, .btn.focus { color: #333; text-decoration: none }
  .btn:active, .btn.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) }
.nav { margin-bottom: 0; padding-left: 0; list-style: none }
  .nav > li { position: relative; display: block }
    .nav > li > a { position: relative; display: block; padding: 10px 15px }
      .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: #eee }
  .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: #eee; border-color: #337ab7 }
  .nav > li > a > img { max-width: none }

@-webkit-keyframes progress-bar-stripes {
  from { background-position: 40px 0 }
  to { background-position: 0 0 }
}

@-o-keyframes progress-bar-stripes {
  from { background-position: 40px 0 }
  to { background-position: 0 0 }
}

@keyframes progress-bar-stripes {
  from { background-position: 40px 0 }
  to { background-position: 0 0 }
}

.well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -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) }
.clearfix:before, .clearfix:after, .container:before, .container:after, .row:before, .row:after, .nav:before, .nav:after { content: " "; display: table }
.clearfix:after, .container:after, .row:after, .nav:after { clear: both }
.show { display: block !important }
@-ms-viewport { width: device-width }
@charset "utf-8";
/*------------------------------------------------------------------
[Master Stylesheet]

Project:    Rhythm
Version:    2.2
Last change:    30.07.2015
Primary use:    MultiPurpose Template  
-------------------------------------------------------------------*/

/* Cant have import statements in a file that gets minified ----------
@import "font-awesome.min.css";
@import "et-line.css";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,300,700);
@import url(http://fonts.googleapis.com/css?family=Dosis:300,400,700);
--------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Common styles
2. Page loader / .page-loader
3. Typography
4. Buttons
5. Forms fields
6. Home sections / .home-section
    6.1. Home content
    6.2. Scroll down icon
    6.3. Headings styles
7. Compact bar / .nav-bar-compact
8. Classic menu bar / .main-nav
9. Sections styles / .page-section, .small-section, .split-section
10. Alternative services / .alt-service-grid
11. Team / .team-grid
12. Features
13. Benefits (Process)
14. Counters
15. Portfolio / #portfolio
    15.1. Works filter
    15.2. Works grid
    15.3. Works full view
16. Banner section
17. Testimonial
    18.1. Logotypes
18. Post previews (news section)
19. Newsletter
20. Contact section
    20.1. Contact form
21. Bottom menu / .bot-menu
22. Google maps  /.google-map
23. Footer / .footer
24. Blog
    24.1. Pagination
    24.2. Comments
    24.3. Sidebar
25. Shop
26. Pricing
27. Shortcodes
    27.1. Owl Carousel
    27.2. Tabs
    27.3. Tabs minimal
    27.4. Alert messages
    27.5. Accordion
    27.6. Toggle
    27.7. Progress bars
    27.8. Font icons examples
    27.9. Intro page
28. Special demos
29. Bootstrap multicolumn grid


/*------------------------------------------------------------------
# [Color codes]

# Black (active elements, links, text) #111
# Gray (text) #777
# Dark #111
# Dark Lighter #252525
# Gray BG #f4f4f4
# Gray BG Lighter #f8f8f8
# Mid grey #5f5f5f
# Borders #e9e9e9

# */


/*------------------------------------------------------------------
[Typography]

Body:               14px/1.6 "Open Sans", arial, sans-serif;
Headers:            Dosis, arial, sans-serif;
Serif:              "Times New Roman", Times, serif;
Section Title:      35px/1.3 "Open Sans", arial, sans-serif;
Section Heading:    24px/1.3 "Open Sans", arial, sans-serif;
Section Text:       15px/1.7 "Open Sans", arial, sans-serif;

-------------------------------------------------------------------*/


/* ==============================
   Common styles
   ============================== */

.align-center { text-align: center !important; }
.align-left { text-align: left !important; }
.left { float: left !important; }
.right { float: right !important; }
.relative { position: relative; }
.black { color: #111 !important; }
.color { color: #e41919 !important; }
.stick-fixed { position: fixed !important; top: 0; left: 0; }

::-moz-selection { color: #fff; background: #000; }
::-webkit-selection { color: #fff; background: #000; }
::selection { color: #fff; background: #000; }

.clearlist, .clearlist li { list-style: none; padding: 0; margin: 0; background: none; }

html { overflow-y: scroll; -ms-overflow-style: scrollbar; }
html, body { height: 100%; -webkit-font-smoothing: antialiased; }
.page { overflow: hidden; }
iframe { border: none; }
a, div, ul, li { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; -moz-outline-: none; }
  a:focus,
  a:active { -moz-outline: none; outline: none; }
img:not([draggable]), embed { max-width: 100%; height: auto; }

/* ==============================
   Page loader
   ============================== */
.page-loader { display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #fefefe; z-index: 100000; }

.loader { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; font-size: 10px; text-indent: -12345px; border-top: 1px solid rgba(0,0,0, 0.08); border-right: 1px solid rgba(0,0,0, 0.08); border-bottom: 1px solid rgba(0,0,0, 0.08); border-left: 1px solid rgba(0,0,0, 0.5); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -webkit-animation: spinner 700ms infinite linear; -moz-animation: spinner 700ms infinite linear; -ms-animation: spinner 700ms infinite linear; -o-animation: spinner 700ms infinite linear; animation: spinner 700ms infinite linear; z-index: 100001; }

@-webkit-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-moz-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@-o-keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

@keyframes spinner {
  0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); }

  100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); }
}

/* ==============================
   Typography
   ============================== */

body { color: #111; font-size: 14px; font-family: "Open Sans", arial, sans-serif; line-height: 1.6; -webkit-font-smoothing: antialiased; }

a { color: #111; text-decoration: underline; }
  a:hover { color: #888; text-decoration: underline; }

h1, h2, h3, h4 { margin-bottom: 1.3em; line-height: 1.4; font-weight: 400; }
h1 { font-size: 32px; }
h2 { font-size: 28px; }
p { margin: 0 0 2em 0; }
ul { margin: 0 0 1.5em 0; }
blockquote { margin: 3em 0 3em 0; padding: 0; border: none; background: none; font-style: normal; line-height: 1.7; color: #777; }
  blockquote p { margin-bottom: 1em; font-size: 24px; font-weight: 300; font-style: normal; line-height: 1.6; }
  blockquote footer { font-size: 11px; font-weight: 400; text-transform: uppercase; letter-spacing: 2px; }
hr { background-color: rgba(255,255,255, .08); }
  hr.black { border-color: rgba(0,0,0, .85); background: rgba(0,0,0, .85); }
.font-alt { font-family: Dosis, arial, sans-serif; text-transform: uppercase; letter-spacing: 0.2em; }
.normal { font-weight: normal; }
.strong { font-weight: 700 !important; }
.text { font-size: 16px; font-weight: 300; color: #5f5f5f; line-height: 1.8; }
  .text h1,
  .text h2,
  .text h3,
  .text h4 { color: #111; }

/* ==============================
   Buttons
   ============================== */

.btn-mod,
a.btn-mod { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 4px 13px; color: #fff; background: rgba(34,34,34, .9); border: 2px solid transparent; font-size: 11px; font-weight: 400; text-transform: uppercase; text-decoration: none; letter-spacing: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
  .btn-mod:hover,
  .btn-mod:focus,
  a.btn-mod:hover,
  a.btn-mod:focus { font-weight: 400; color: rgba(255,255,255, .85); background: rgba(0,0,0, .7); text-decoration: none; outline: none; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; }
  .btn-mod:active { cursor: pointer !important; outline: none !important; }
  .btn-mod.btn-medium { height: auto; padding: 8px 37px; font-size: 12px; }

  .btn-mod.btn-border-w { color: #fff; border: 2px solid rgba(255,255,255, .75); background: transparent; }
    .btn-mod.btn-border-w:hover,
    .btn-mod.btn-border-w:focus { color: #111; border-color: transparent; background: #fff; }
  .btn-mod.btn-round { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }


/* ==============================
   Forms fields
   ============================== */
.form div.error { margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(228,25,25, .75); color: #fff; }
.form div.success { margin-top: 20px; padding: 13px 20px; text-align: center; background: rgba(50,178,95, .75); color: #fff; }


/* ==============================
   Home sections
   ============================== */

/*
 * Header common styles
 */

.home-section { width: 100%; display: block; position: relative; overflow: hidden; background-repeat: no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }


/* Home content */

/* Scroll down icon */

@-webkit-keyframes scroll-down-anim {
  0% { bottom: 2px; }
  50% { bottom: 7px; }
  100% { bottom: 2px; }
}

@-moz-keyframes scroll-down-anim {
  0% { bottom: 2px; }
  50% { bottom: 7px; }
  100% { bottom: 2px; }
}

@-o-keyframes scroll-down-anim {
  0% { bottom: 2px; }
  50% { bottom: 7px; }
  100% { bottom: 2px; }
}

@keyframes scroll-down-anim {
  0% { bottom: 2px; }
  50% { bottom: 7px; }
  100% { bottom: 2px; }
}
/* 
 * Headings styles
 */

.hs-line-4 { margin-top: 0; position: relative; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 3px; color: rgba(255,255,255, .85); }
.hs-line-8 { margin-top: 0; position: relative; font-size: 16px; font-weight: 400; letter-spacing: 0.3em; line-height: 1.2; opacity: .75; }
.hs-line-11 { margin-top: 0; position: relative; font-size: 30px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.5em; line-height: 1.8; opacity: .9; }

/* ==============================
   Classic menu bar
   ============================== */

/* Logo (in navigation panel)*/

.nav-logo-wrap { float: left; margin-right: 20px; }
  .nav-logo-wrap .logo { display: table-cell; vertical-align: middle; max-width: 118px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .nav-logo-wrap .logo img { max-height: 100%; }
    .nav-logo-wrap .logo:before,
    .nav-logo-wrap .logo:after { display: none; }
.logo,
a.logo:hover { font-family: Dosis, arial, sans-serif; font-size: 18px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; color: rgba(0,0,0, .9); }

/*
 * Desktop nav
 */

.main-nav { width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; background: rgba(255,255,255, .97); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05); box-shadow: 0 1px 0 rgba(0,0,0,.05); z-index: 1030; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.inner-nav { display: inline-block; position: relative; float: right; }
  .inner-nav ul { float: right; margin: auto; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3; }
    .inner-nav ul li { float: left; margin-left: 30px; position: relative; }
      .inner-nav ul li a { color: #777; letter-spacing: 2px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .inner-nav ul > li:first-child > a { }
    .inner-nav ul li a:hover,
    .inner-nav ul li a.active { color: #000; text-decoration: none; }

/* Menu sub */

.mn-sub { display: none; width: 200px; position: absolute; top: 100%; left: 0; padding: 0; background: rgba(30,30,30, .97); }
  .mn-sub li { display: block; width: 100%; margin: 0 !important; }
.inner-nav ul li .mn-sub li a { display: block; width: 100%; height: auto !important; line-height: 1.3 !important; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 11px 15px; font-size: 13px; text-align: left; text-transform: none; border-left: none; border-right: none; letter-spacing: 0; color: #b0b0b0 !important; cursor: pointer; }

  .mn-sub li a:hover,
  .inner-nav ul li .mn-sub li a:hover,
  .mn-sub li a.active { background: rgba(255,255,255, .09); color: #f5f5f5 !important; }

.mn-sub li ul { left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255,255,255, .07); }
.inner-nav > ul > li:last-child .mn-sub { left: auto; right: 0; }
.inner-nav li:last-child .mn-sub li ul { left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255,255,255, .07); }

/* Menu sub multi */

/*
 * Mobile nav
 */

/* Menu sub */

.mobile-nav { display: none; float: right; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; border-left: 1px solid rgba(0,0,0, .05); border-right: 1px solid rgba(0,0,0, .05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; }
  .mobile-nav:hover,
  .mobile-nav.active { background: #fff; color: #777; }
  .mobile-nav:active { -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; box-shadow: 0 0 35px rgba(0,0,0,.05) inset; }
  .mobile-nav .fa { height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px; }

/* Menu sub multi */

/*
 * Dark panel style
 */

.main-nav.dark { background-color: rgba(10,10,10, .95); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .main-nav.dark .inner-nav ul > li > a { color: rgba(255,255,255, .7); }
    .main-nav.dark .inner-nav ul > li > a:hover,
    .main-nav.dark .inner-nav ul > li > a.active { color: #fff; }

  .main-nav.dark .mobile-nav { background-color: transparent; border-color: transparent; color: rgba(255,255,255, .9); }
    .main-nav.dark .mobile-nav:hover,
    .main-nav.dark .mobile-nav.active { color: #fff; }

  .main-nav.dark .logo,
  .main-nav.dark a.logo:hover { font-size: 18px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255, .9); }

  .main-nav.dark .mn-sub { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/*
 * Transparent panel style
 */

.main-nav.transparent { background: transparent !important; }
.main-nav.js-transparent { -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

/* ==============================
   Sections styles
   ============================== */

/*
 * Common
 */

.page-section,
.small-section { width: 100%; display: block; position: relative; overflow: hidden; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 140px 0; }
.small-section { padding: 70px 0; }
.small-title { padding: 0; margin: 0 0 30px 0; text-transform: uppercase; font-size: 18px; font-weight: 300; letter-spacing: 0.3em; }
.section-icon { margin-bottom: 7px; text-align: center; font-size: 32px; }
.bg-gray-lighter { background-color: #f8f8f8; }
.bg-dark,
.bg-dark-alfa-30,
.bg-dark-alfa-90 { color: #fff; }
  .bg-dark a,
  .bg-dark-alfa-30 a,
  .bg-dark-alfa-90 a { color: rgba(255,255,255, .8); padding-bottom: 3px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

    .bg-dark a:hover,
    .bg-dark-alfa-30 a:hover,
    .bg-dark-alfa-90 a:hover { color: rgba(255,255,255, 1); text-decoration: none; }

.bg-dark { background-color: #111; }
.bg-dark-alfa-30:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(34,34,34, .3); }
.bg-dark-alfa-90:before { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(3,3,3, .9); }

.section-title { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; }
.section-text { font-size: 15px; font-weight: 300; color: #777; line-height: 1.7; }
  .section-text blockquote { margin-top: -5px; }

/* Breadcrumbs */

.mod-breadcrumbs { margin-top: -5px; font-size: 11px; font-weight: 400; letter-spacing: 0.4em; text-decoration: none; text-transform: uppercase; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
  .mod-breadcrumbs span { opacity: .65; }
  .mod-breadcrumbs a { text-decoration: none; }
    .mod-breadcrumbs a:hover { text-decoration: none; }
  .mod-breadcrumbs .fa { font-size: 12px; }

/*
 * Split section
 */

/* ==============================
   Team
   ============================== */
.team-item { }
.team-item-image { position: relative; overflow: hidden; }
  .team-item-image img { width: 100%; }
  .team-item-image:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; z-index: 1; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

.team-item-detail { opacity: 0; width: 100%; position: absolute; top: 50%; left: 0; padding: 20px 23px 55px; font-size: 14px; font-weight: 300; color: #777; text-align: center; z-index: 2; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

.team-item-descr { color: #777; text-align: center; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

.team-item-name { margin-top: 23px; font-size: 15px; text-transform: uppercase; letter-spacing: 0.4em; }
.team-item-role { margin-top: 4px; font-size: 12px; text-transform: uppercase; letter-spacing: 0.4em; color: #aaa; }

/* ==============================
   Alt features
   ============================== */
.alt-features-grid { margin-top: -70px; }
.alt-features-item { margin-top: 70px; }
.alt-features-icon { padding-top: 10px; font-size: 48px; line-height: 1.3; color: #111; }
  .alt-features-icon img { width: 100%; }
.alt-features-title { margin-bottom: 21px; font-size: 14px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.4em; }
.alt-features-descr { color: #777; font-size: 14px; font-weight: 300; line-height: 1.86 }

/* ==============================
   Portfolio
   ============================== */

/*
 * Works filter
 */

.works-filter { list-style: none; padding: 0; margin: 0 0 45px 0; font-size: 13px; text-transform: uppercase; text-align: center; letter-spacing: 0.4em; color: #555; cursor: default; }
  .works-filter a { display: inline-block; margin: 0 27px; color: #999; text-decoration: none; -webkit-transition: all 0.37s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); cursor: pointer; }
    .works-filter a:hover { color: #111; text-decoration: none; }
    .works-filter a.active { color: #111; cursor: default; }
      .works-filter a.active:hover { color: #111; }

/*
 * Works grid 
 */

.works-grid { list-style: none; margin: 0; padding: 0; }
.work-item { width: 25%; float: left; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.works-grid.work-grid-gut { margin: 0 0 0 -10px; }
  .works-grid.work-grid-gut .work-item { padding: 0 0 10px 10px; }

.work-item > a { display: block; padding: 0 0 84px 0; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; text-decoration: none; }
.work-item a,
.work-item a:hover { color: #111; border: none; }
.work-img { position: relative; overflow: hidden; }
  .work-img img { width: 100%; display: block; overflow: hidden; }
.work-intro { width: 100%; height: 84px; padding: 20px 20px 0 20px; -webkit-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; bottom: 0; left: 0; text-align: center; overflow: hidden; }
.work-title { margin: 0 0 8px 0; padding: 0; font-size: 13px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.2em; line-height: 1.2; }

/* Work item hover state */

.work-intro { -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }

.work-item:hover .work-intro { /*bottom: auto;*/ /*top: 50%;*/ color: #fff; -webkit-transform: translateY(-99px); -moz-transform: translateY(-99px); transform: translateY(-99px); z-index: 3; }
.work-item:hover .work-title { color: #ccc; }
.work-item .work-img:after { content: " "; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(250,250,250, 0); -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
.work-item:hover .work-img:after { background: rgba(20,20,20, .85); }
.works-grid.hover-white .work-item:hover .work-intro,
.works-grid.hover-white .work-item:hover .work-title { color: #000; }
.works-grid.hover-white .work-item:hover .work-img:after { background: rgba(250,250,250, .9); }

.work-item .work-img > img { -webkit-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.3s cubic-bezier(0.300, 0.100, 0.580, 1.000); }

.work-item:hover .work-img > img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); }

/* ==============================
   Testimonial
   ============================== */

.testimonial { margin: 0; padding: 0; background: none; border: none; text-align: center; font-family: "Open Sans", arial, sans-serif; font-size: 18px; font-style: normal; font-weight: 300; letter-spacing: 0; opacity: .85; }
  .testimonial p { font-size: 18px; }

/* ==============================
   Contact section
   ============================== */

.contact-item { position: relative; padding-left: 44px; color: #444; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
  .contact-item a { color: #444; text-decoration: none; }

    .contact-item a:hover { color: #000; text-decoration: none; }

.ci-icon { width: 23px; height: 23px; position: absolute; top: 10px; left: 3px; color: #fff; text-align: center; line-height: 23px; }
  .ci-icon:before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
  .ci-icon i,
  .ci-icon span { position: relative; }
.ci-title { margin-bottom: 1px; color: #777; font-size: 12px; font-weight: 400; text-transform: uppercase; letter-spacing: 0.3em; }
.ci-text { font-size: 15px; font-weight: 300; }

/* ==============================
   Footer
   ============================== */

.footer { text-align: center; font-size: 12px; }
  .footer a { color: #888; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
    .footer a:hover { color: #111; text-decoration: underline; }
.footer-copy { margin-bottom: 5px; text-transform: uppercase; letter-spacing: 0.5em; }
.footer-made { font-size: 11px; color: #999; }

.footer-social-links { font-size: 14px; }
  .footer-social-links a { width: 25px; height: 25px; line-height: 25px !important; position: relative; margin: 0 6px; text-align: center; display: inline-block; color: #111; -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
    .footer-social-links a i,
    .footer-social-links a span { position: relative; top: 0; left: 0; }
    .footer-social-links a:before { content: ""; display: inline-block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; border: 1px solid #111; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000); }
    .footer-social-links a:hover { color: #fff; }
      .footer-social-links a:hover:before { background: #111; }

a.link-to-top { position: absolute; bottom: 20px; right: 20px; width: 40px; height: 40px; line-height: 40px; text-align: center; color: rgba(0,0,0, .2); font-size: 48px; }

/* ==============================
   Shortcodes
   ============================== */
/*
 * Alert messages
 */
.success { border-color: #a9e2c2; color: #36a367; }
.notice { border-color: #f9ce75; color: #e9a00a; }
.error { border-color: #ffbbbb; color: #e33131; }

/* ==============================
   Bootstrap multicolumn grid
   ============================== */

/* clear the first in row for any block that has the class "multi-columns-row" */

@media (min-width: 768px) {
  /* reset previous grid */

  /* clear first in row for small columns */
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: left; }
}

@media (min-width: 992px) {
  /* reset previous grid */
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }
  .multi-columns-row .col-sm-3:nth-child(4n + 5) { clear: none; }

  /* clear first in row for medium columns */
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
}

@media (min-width: 1200px) {
  /* reset previous grid */
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }

  /* clear first in row for large columns */
  .multi-columns-row .col-lg-6:nth-child(2n + 3) { clear: left; }
  .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
}

@charset "utf-8";
/*------------------------------------------------------------------
[Responsive Stylesheet]

Project:    Rhythm
Version:    2.2
Last change:    30.07.2015
Primary use:    MultiPurpose Template  
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Small desktop
2. Tablet landskape
3. Tablet Portrait
4. Phone
5. Small Phone
6. Max Height 768
-------------------------------------------------------------------*/

/* ==============================
   Small desktop
   ============================== */

@media only screen and (max-width: 1366px) {
  .inner-nav ul li { margin-left: 25px; }
}

/* ==============================
   Tablet landskape
   ============================== */

@media only screen and (max-width: 1024px) {

  .page-section { padding: 120px 0; }
  .page-section, .home-section, .small-section { background-attachment: scroll; }
}

@media only screen and (max-width: 992px) {

  .mod-breadcrumbs:not(.align-center):not(.mod-breadcrumbs-mini) { text-align: left !important; }

  .team-item-name { font-size: 13px; }

  .work-item { width: 50%; }
}

/* ==============================
   Tablet Portrait
   ============================== */

@media only screen and (max-width: 768px) {

  .page-section { padding: 80px 0; }
  .small-section { padding: 50px 0; }
  .small-title { font-size: 18px; }

  .works-filter a { padding-left: 10px; padding-right: 10px; margin: 4px; }
}

@media only screen and (max-width: 767px) {

  .hs-line-11 { font-size: 24px; }

  .team-item { max-width: 370px; margin-left: auto; margin-right: auto; }

  .alt-features-grid { margin-top: -30px; }
  .alt-features-item { margin-top: 30px; }

  .works-filter a { padding-left: 10px; padding-right: 10px; margin: 4px; width: 46%; font-size: 11px; }

  blockquote p { font-size: 20px; }

  blockquote footer { margin-top: 0; font-size: 12px; }
}

/* ==============================
   Phone
   ============================== */

@media only screen and (max-width: 480px) {
  .hs-line-8 { font-size: 12px; }
  .hs-line-11 { font-size: 20px; letter-spacing: 0.2em; }


  .page-section { padding: 60px 0; }
  .small-section { padding: 30px 0; }

  .section-title { font-size: 24px; letter-spacing: 2px; }
  .section-text { font-size: 15px; line-height: 1.7; }

  .section-text,
  .text { line-height: 1.7; }


  .works-filter a { width: 100%; margin-left: 0; margin-right: 0; }

  .work-item { width: 100%; }
}

/* 
 * CSS Vertical Rhythm
 * Author - Roman Kirichik
 * www.kirichik.com
 */

.mt-0 { margin-top: 0 !important }
.mt-30 { margin-top: 30px }
.mb-0 { margin-bottom: 0 !important }
.mb-20 { margin-bottom: 20px }
.mb-50 { margin-bottom: 50px }
.mb-60 { margin-bottom: 60px }
.mb-70 { margin-bottom: 70px }
.mb-110 { margin-bottom: 110px }
.pt-20 { padding-top: 20px }
.pb-20 { padding-bottom: 20px }
.pb-60 { padding-bottom: 60px }

@media only screen and (max-width:768px) {
  .mb-sm-20 { margin-bottom: 20px }
  .mb-sm-30 { margin-bottom: 30px }
  .mb-sm-40 { margin-bottom: 40px }
  .mb-sm-50 { margin-bottom: 50px }
}

@media only screen and (max-width:767px) {
  .mb-xs-30 { margin-bottom: 30px }
  .mb-xs-40 { margin-bottom: 40px }
  .mb-xs-60 { margin-bottom: 60px }
  .pb-xs-0 { padding-bottom: 0 !important }
}

/*------------------------------------------------------------------
[Stylesheet for over-riding styles in template]

Project: MgbPublicSite
-------------------------------------------------------------------*/

body { font-family: "Open Sans", arial, sans-serif; font-size: 15px; font-weight: 300; }
h3 { font-family: "Open Sans", arial, sans-serif; font-size: 24px; }
h2 { font-family: "Open Sans", arial, sans-serif; }
.section-title-center { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; }
.center { text-align: center; }
.gallery-img-container { padding-bottom: 100%; padding-top: 0%; height: 0px; margin: auto; }
.no-decoration { list-style-type: none !important; }
.no-indentation { padding: 0; margin: 0; }
.vanishing-heading { padding: 24px 0; }
.grid-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: none; width: 100%; max-height: none; height: auto; margin: auto; padding: 0 16px; }
.desktop-nav ul li a { font-size: 1.2em; }
.desktop-nav a img { display: inline-block; max-width: 200px; height: auto; }
.footer-text { padding-top: 16px; }
.footer-icon { display: block; text-align: center; }
  .footer-icon img { height: 44px !important; margin-bottom: 14px; }

.RFIDFooter { vertical-align: top; display: inline-block; text-align: center; width: 140px; }
.RFIDFooterImage { width: 120px; padding-top: 20px; }
.RFIDFooterCaption { display: block; color: #fecd08; font-weight: bold; }

.gallery-header { display: block; overflow: hidden; }
.gallery-left { display: block; float: left; }
.gallery-right { display: block; float: right; }

.gallery-title { margin-top: 0; margin-bottom: 10px; }

h1::selection { background: #939393; }
h1::-moz-selection { background: #939393; }
.hs-line-4::selection { background: #939393; }
.hs-line-4::-moz-selection { background: #939393; }

.logo img::selection { background: #939393; }
.logo img::-moz-selection { background: #939393; }
.nav-logo-wrap a img { display: block; position: relative; }
.nav-logo-wrap a { position: absolute; height: 55px; width: 75px !important; max-width: 75px !important; overflow: hidden; }
.nav-logo-wrap { height: 55px; }
.padding-top { padding-top: 12px; }
#contact .container .row div .row div { padding-bottom: 10px; }
#map { position: relative; overflow: hidden; transform: translateZ(0px); background-color: rgb(229, 227, 223); width: 100%; height: 350px; }
.team-item-container { padding-bottom: 20px; padding-top: 20px; }
.client-slider { padding: 10px 0 0; }
.backgroundCover { background-size: cover !important; }


.no-padding { padding: 0; }

/* highlight active nav */
body#Home a#Home,
body#AboutUs a#AboutUs,
body#Backline-Hire a#Backline-Hire,
body#Testimonials a#Testimonials,
body#ContactUs a#ContactUs { color: white !important; }

/* Override styles from the page template */
.bg-dark-alfa-30 { background: rgba(34,34,34,1); }
.work-item .work-img:after { -webkit-transition: all .27s cubic-bezier(.425,.015,.745,.625) !important; -moz-transition: all .27s cubic-bezier(.425,.015,.745,.625) !important; -o-transition: all .27s cubic-bezier(.425,.015,.745,.625) !important; -ms-transition: all .27s cubic-bezier(.425,.015,.745,.625) !important; transition: all .27s cubic-bezier(.425,.015,.745,.625) !important; }
.works-grid.work-grid-gut { margin: 0; }
  .works-grid.work-grid-gut .work-item { padding: 0 0; }

.inner-nav ul li div { color: #777; letter-spacing: 2px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
  .inner-nav ul li div:hover { color: #000; text-decoration: none; }
.inner-nav ul > li > div { color: rgba(255,255,255,.7); }
.inner-nav ul li a::selection { background: #939393; }
.inner-nav ul li a::-moz-selection { background: #939393; }


.swiper-wrapper { width: auto !important; max-height: inherit; max-width: 100%; }
.swiper-slide { max-height: inherit; }
  .swiper-slide .swiper-content { display: block; margin: auto; height: auto; width: auto; max-height: inherit; max-width: 100%; }
.swiper-container.arrows .swiper-slide .swiper-content { max-width: calc(100% - 92px); }

.swiper-button-next,
.swiper-button-prev { filter: hue-rotate(-35.8deg) saturate(151.2%) brightness(100.2%); }

#brands-slider .swiper-content img { display: block; margin: auto; height: auto; width: auto; max-height: inherit; max-width: inherit; }

#clients-slider > .swiper-container { max-height: 200px; }

#testimonials-slider .swiper-pagination { position: relative; margin-top: 20px; }
#brands-slider > .swiper-container { max-height: 150px; }

#notFound { margin: 100px auto 0 auto; text-align: center; }

/*------------------------------------------------------------------
-------------------------------Home Page----------------------------
-------------------------------------------------------------------*/

@media screen and (max-width:1250px) {
  .desktop-nav ul li a { font-size: 1.1em; }
  .desktop-nav ul li { margin-left: 16px !important; }
}

@media screen and (max-width:1150px) {
}

@media screen and (max-width:1100px) {
  .desktop-nav ul li { margin-left: 24px !important; }
}

@media screen and (max-width:992px) {
  .work-item-four-across-mobile-view { width: 25%; }
  .work-intro { padding: 0 6px; }
  .gallery-img-container { padding-bottom: 80%; }
  .work-title { font-size: 12px; }
  .gallery-left, .brands-heading, .categories-heading { font-size: 18px; }
  .vanishing-heading { padding: 18px 0; line-height: 1; }
  .brands-heading, .categories-heading { line-height: 1; margin: 8px 0; }
}

@media screen and (max-width:800px) {
  .hs-line-11 { font-size: 18px !important; line-height: 18px !important; padding-top: 10px; }
  .slider-button { font-size: 12px !important; padding: 6px !important; }
  .works-filter a { width: 100% !important; font-size: 18px; }
  .works-filter .active { text-shadow: 0 0 1px #222; }
}

@media screen and (max-width:480px) {
  .page-section:not(.client-slider) { padding: 70px 0; }
  .gallery-page-section { padding: 40px 0; }
  .hs-line-11 { font-size: 14px !important; line-height: 14px !important; padding-top: 120px; }
  .slider-button { font-size: 12px !important; padding: 6px !important; }
}

.main-nav { padding: 0 2%; }

.mobile-nav { width: calc(100% - 75px); height: 75px; }
  .mobile-nav li { max-width: 75px; height: inherit; text-align: center; line-height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

  .mobile-nav .inner-nav { border: none; width: 100%; height: inherit; }
    .mobile-nav .inner-nav ul { width: 100%; height: inherit; }
      .mobile-nav .inner-nav ul li { width: 33%; float: right; }

  .mobile-nav li i.fa { display: inline-block; font-size: 30px; width: auto; height: auto; color: white; }

  .mobile-nav .inner-nav a { width: auto !important; height: auto !important; line-height: normal !important; }
  .mobile-nav .inner-nav ul li a { width: auto !important; height: auto !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
  .mobile-nav img { height: inherit !important; }

nav:not(.mobile-on) .only-mobile { display: none; }

@media screen and (min-width:1040px) {
  #top > header.transparent > nav.inner-nav.desktop-nav > ul > li > ul { margin-top: -16px; }
  #top > header > nav.inner-nav.desktop-nav > ul > li > ul { margin-left: -16px; }
}

/* ==============================
   Classic menu bar
   ============================== */

/* Logo (in navigation panel)*/

.nav-logo-wrap { float: left; margin-right: 20px; }
  .nav-logo-wrap .logo { display: table-cell; vertical-align: middle; max-width: 118px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .nav-logo-wrap .logo img { max-height: 100%; }
    .nav-logo-wrap .logo:before,
    .nav-logo-wrap .logo:after { display: none; }
.logo,
a.logo:hover { font-family: Dosis, arial, sans-serif; font-size: 18px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; color: rgba(0,0,0, .9); }

/*
 * Desktop nav
 */

.main-nav { width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; background: rgba(255,255,255, .97); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05); box-shadow: 0 1px 0 rgba(0,0,0,.05); z-index: 1030; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
.inner-nav { display: inline-block; position: relative; float: right; }
  .inner-nav ul { float: right; margin: auto; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3; }
    .inner-nav ul li { float: left; margin-left: 30px; position: relative; }
      .inner-nav ul li a { color: #777; letter-spacing: 2px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .inner-nav ul > li:first-child > a { }
    .inner-nav ul li a:hover,
    .inner-nav ul li a.active { color: #000; text-decoration: none; }

/* Menu sub */

.mn-sub { display: none; width: 200px; position: absolute; top: 100%; left: 0; padding: 0; background: rgba(30,30,30, .97); }
  .mn-sub li { display: block; width: 100%; margin: 0 !important; }
.inner-nav ul li .mn-sub li a { display: block; width: 100%; height: auto !important; line-height: 1.3 !important; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 11px 15px; font-size: 13px; text-align: left; text-transform: none; border-left: none; border-right: none; letter-spacing: 0; color: #b0b0b0 !important; cursor: pointer; }

  .mn-sub li a:hover,
  .inner-nav ul li .mn-sub li a:hover,
  .mn-sub li a.active { background: rgba(255,255,255, .09); color: #f5f5f5 !important; }

.mn-sub li ul { left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255,255,255, .07); }
.inner-nav > ul > li:last-child .mn-sub { left: auto; right: 0; }
.inner-nav li:last-child .mn-sub li ul { left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255,255,255, .07); }

/* Menu sub multi */

/*
 * Mobile nav
 */

/* Menu sub */

.mobile-nav { display: none; float: right; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; border-left: 1px solid rgba(0,0,0, .05); border-right: 1px solid rgba(0,0,0, .05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; }
  .mobile-nav:hover,
  .mobile-nav.active { background: #fff; color: #777; }
  .mobile-nav:active { -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; box-shadow: 0 0 35px rgba(0,0,0,.05) inset; }
  .mobile-nav .fa { height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px; }

/* Menu sub multi */

/*
 * Dark panel style
 */

.main-nav.dark { background-color: rgba(10,10,10, .95); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .main-nav.dark .inner-nav ul > li > a { color: rgba(255,255,255, .7); }
    .main-nav.dark .inner-nav ul > li > a:hover,
    .main-nav.dark .inner-nav ul > li > a.active { color: #fff; }

  .main-nav.dark .mobile-nav { background-color: transparent; border-color: transparent; color: rgba(255,255,255, .9); }
    .main-nav.dark .mobile-nav:hover,
    .main-nav.dark .mobile-nav.active { color: #fff; }

  .main-nav.dark .logo,
  .main-nav.dark a.logo:hover { font-size: 18px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255, .9); }

  .main-nav.dark .mn-sub { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

/*
 * Transparent panel style
 */

.main-nav.transparent { background: transparent !important; }
.main-nav.js-transparent { -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
@media only screen and (max-width: 992px) {
	.work-item { width: 33%; }
}

@media only screen and (max-width: 480px) {
	.work-item { width: 50%; }
}


/* ==============================
    HOW TO HIRE
   ==============================*/

.hirecolm { vertical-align: top; display: inline-block; text-align: center; width: 140px; float: left; }
.hireimg { }
.hirecaption { display: block; }

.greySelect a::selection { background: #939393; }
.greySelect a::-moz-selection { background: #939393; }

.main-nav { padding: 0 2%; }
  .main-nav.mobile-on .desktop-nav #desktopSearch { display: none; }

.mobile-nav { width: calc(100% - 75px); height: 75px; }

  .mobile-nav .mobile-logo-wrap,
  .mobile-nav li { max-width: 75px; height: inherit; text-align: center; line-height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }

  .mobile-nav.small-height .mobile-logo-wrap,
  .mobile-nav.small-height li { height: 55px; line-height: 55px; }

.mobile-logo-wrap a { height: inherit !important; }

.mobile-nav .inner-nav { border: none; width: 100%; height: inherit; }
  .mobile-nav .inner-nav ul { width: 100%; height: inherit; }
    .mobile-nav .inner-nav ul li { width: 33%; float: right; }

.mobile-nav li i.fa { display: inline-block; font-size: 30px; width: auto; height: auto; color: white; }

.mobile-nav .inner-nav a { width: auto !important; height: auto !important; line-height: normal !important; }
.mobile-nav .inner-nav ul li a { width: auto !important; height: auto !important; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; }
.mobile-nav img { height: inherit !important; }

ul.searchDropDown { width: 100%; display: none; }
.main-nav .searchForm { width: 100%; }

.main-nav .search-field { float: right; width: 184px !important; height: 40px !important; background-color: rgba(255, 255, 255, 0.2); background-image: none; border-bottom-color: rgba(0, 0, 0, 0.2); border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-style: solid; border-bottom-width: 1px; border-image-outset: 0px; border-image-repeat: stretch; border-image-slice: 100%; border-image-source: none; border-image-width: 1; border-left-color: rgba(0, 0, 0, 0.2); border-left-style: solid; border-left-width: 1px; border-right-color: rgba(0, 0, 0, 0.2); border-right-style: solid; border-right-width: 1px; border-top-color: rgba(0, 0, 0, 0.2); border-top-left-radius: 0px; border-top-right-radius: 0px; border-top-style: solid; border-top-width: 1px; box-shadow: none; box-sizing: border-box; cursor: auto; display: inline-block; margin: 0; word-spacing: 0px; writing-mode: horizontal-tb; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-rtl-ordering: logical; -webkit-user-select: text; -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

  .main-nav .search-field input { height: 100%; width: 100%; margin: 0; padding: 7px; background-color: transparent; border: none; box-shadow: none; box-sizing: border-box; color: rgb(119, 119, 119); cursor: auto; display: inline-block; font-family: "Open Sans", arial, sans-serif; font-size: 11px; font-stretch: normal; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: 1px; line-height: 15.7143px; list-style-image: none; list-style-position: outside; list-style-type: none; text-align: start; text-indent: 0px; text-rendering: auto; text-shadow: none; text-transform: uppercase; vertical-align: middle; word-spacing: 0px; writing-mode: horizontal-tb; -webkit-appearance: none; -webkit-font-smoothing: antialiased; -webkit-rtl-ordering: logical; -webkit-user-select: text; -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -moz-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -o-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); -ms-transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); transition: all 0.2s cubic-bezier(0, 0, 0.58, 1); }

.main-nav.mobile-on .search-field { width: 100% !important; max-width: 300px; }

nav:not(.mobile-on) .only-mobile { display: none; }

nav.mobile-on .only-desktop { display: none; }

@media screen and (max-width:390px) {
  .main-nav.mobile-on .search-field { max-width: none; }
}

@media screen and (min-width:1040px) {
  #top > header.transparent > nav.inner-nav.desktop-nav > ul > li > ul { margin-top: -16px; }
  #top > header > nav.inner-nav.desktop-nav > ul > li > ul { margin-left: -16px; }
}



/* ==============================
   Top bar
   ============================== */

.top-bar { min-height: 40px; background: #fbfbfb; border-bottom: 1px solid rgba(0,0,0, .05); font-size: 11px; letter-spacing: 1px; }

/*
 * Top links
 */

.top-links { list-style: none; margin: 0; padding: 0; text-transform: uppercase; }
  .top-links li { float: left; border-left: 1px solid rgba(0,0,0, .05); }
    .top-links li:last-child { border-right: 1px solid rgba(0,0,0, .05); }
    .top-links li .fa { font-size: 14px; position: relative; top: 1px; }
    .top-links li .tooltip { text-transform: none; letter-spacing: normal; z-index: 2003; }
    .top-links li a { display: block; min-width: 40px; height: 40px; line-height: 40px; padding: 0 10px; text-decoration: none; text-align: center; color: #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.1s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
      .top-links li a:hover { color: #555; background-color: rgba(0,0,0, .02); }

/*
 * Top bar dark
 */

.top-bar.dark { background-color: #333; border-bottom: none; }
  .top-bar.dark .top-links li,
  .top-bar.dark .top-links li:last-child { border-color: rgba(255,255,255, .07); }
    .top-bar.dark .top-links li a { color: #aaa; }
      .top-bar.dark .top-links li a:hover { color: #ccc; background-color: rgba(255,255,255, .05); }


/* ==============================
   Classic menu bar
   ============================== */


/* Logo (in navigation panel)*/

.nav-logo-wrap { float: left; margin-right: 20px; }
  .nav-logo-wrap .logo { display: table-cell; vertical-align: middle; max-width: 118px; height: 75px; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .nav-logo-wrap .logo img { max-height: 100%; }
    .nav-logo-wrap .logo:before,
    .nav-logo-wrap .logo:after { display: none; }
.logo,
a.logo:hover { font-family: Dosis, arial, sans-serif; font-size: 18px; font-weight: 400 !important; text-transform: uppercase; letter-spacing: 0.2em; text-decoration: none; color: rgba(0,0,0, .9); }

/*
 * Desktop nav
 */

.main-nav { width: 100%; height: 75px !important; position: relative; top: 0; left: 0; text-align: left; background: rgba(255,255,255, .97); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.05); -moz-box-shadow: 0 1px 0 rgba(0,0,0,.05); box-shadow: 0 1px 0 rgba(0,0,0,.05); z-index: 1030; -webkit-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: height 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }


.small-height { height: 55px !important; }
  .small-height .inner-nav ul li a { height: 55px !important; line-height: 55px !important; }
.inner-nav { display: inline-block; position: relative; float: right; }
  .inner-nav ul { float: right; margin: auto; font-size: 11px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; text-align: center; line-height: 1.3; }
    .inner-nav ul li { float: left; margin-left: 30px; position: relative; }
      .inner-nav ul li a { color: #777; letter-spacing: 2px; display: inline-block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; text-decoration: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }
    .inner-nav ul > li:first-child > a { }
    .inner-nav ul li a:hover,
    .inner-nav ul li a.active { color: #000; text-decoration: none; }



/* Menu sub */

.mn-sub { display: none; width: 200px; position: absolute; top: 100%; left: 0; padding: 0; background: rgba(30,30,30, .97); }
  .mn-sub li { display: block; width: 100%; margin: 0 !important; }
.inner-nav ul li .mn-sub li a { display: block; width: 100%; height: auto !important; line-height: 1.3 !important; position: relative; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 11px 15px; font-size: 13px; text-align: left; text-transform: none; border-left: none; border-right: none; letter-spacing: 0; color: #b0b0b0 !important; cursor: pointer; }

.mobile-on .mn-has-multi > li:last-child > a { border-bottom: 1px solid rgba(255,255,255, .065) !important; }

.mn-sub li a:hover,
.inner-nav ul li .mn-sub li a:hover,
.mn-sub li a.active { background: rgba(255,255,255, .09); color: #f5f5f5 !important; }

.mn-sub li ul { left: 100%; right: auto; top: 0; border-left: 1px solid rgba(255,255,255, .07); }
.inner-nav > ul > li:last-child .mn-sub,
.inner-nav li .mn-sub.to-left { left: auto; right: 0; }
.inner-nav li:last-child .mn-sub li ul,
.inner-nav li .mn-sub li ul.to-left { left: auto; right: 100%; top: 0; border-left: none; border-right: 1px solid rgba(255,255,255, .07); }
.mobile-on .inner-nav li:last-child .mn-sub li ul { left: auto; right: auto; top: 0; }

.mn-wrap { padding: 8px; }

/* Menu sub multi */

.mn-has-multi { width: auto !important; padding: 15px; text-align: left; white-space: nowrap; }
.mn-sub-multi { width: 190px !important; overflow: hidden; white-space: normal; float: none !important; display: inline-block !important; vertical-align: top; }
  .mn-sub-multi > ul { width: auto; margin: 0; padding: 0; float: none; }
.mn-group-title { font-weight: 700; text-transform: uppercase; color: #fff !important; }
  .mn-group-title:hover { background: none !important; }

.mobile-on .mn-sub-multi > ul { left: auto; right: auto; border: none; }
.mobile-on .mn-sub-multi { display: block; width: 100% !important; }


  .mobile-on .mn-sub-multi > ul > li:last-child > a { border: none !important; }
.mobile-on .mn-sub > li:last-child > a { border: none !important; }
.mobile-on .mn-sub-multi:last-child > ul { border-bottom: none !important; }

/*
 * Mobile nav
 */

.mobile-on .desktop-nav { display: none; width: 100%; position: absolute; top: 100%; left: 0; padding: 0 15px; z-index: 100; }
.mobile-on .full-wrapper .desktop-nav { padding: 0; }


.mobile-on .desktop-nav ul { width: 100%; float: none; background: rgba(18,18,18, .97); position: relative; overflow-x: hidden; }
.mobile-on .desktop-nav > ul { overflow-y: auto; }
.mobile-on .desktop-nav ul li { display: block; float: none !important; overflow: hidden; }
  .mobile-on .desktop-nav ul li ul { padding: 0; border-bottom: 1px solid rgba(255,255,255, .1); }
  .mobile-on .desktop-nav ul li a { display: block; width: 100%; height: 38px !important; line-height: 38px !important; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 10px; text-align: left; border-left: none; border-right: none; border-bottom: 1px solid rgba(255,255,255, .065); color: #999; letter-spacing: 1px; cursor: pointer; }
    .mobile-on .desktop-nav ul li a:hover,
    .mobile-on .desktop-nav ul li a.active { background: rgba(255,255,255, .03); color: #ddd; }

/* Menu sub */

.mobile-on .mn-has-sub > .fa { display: block; width: 18px; height: 18px; font-size: 14px; line-height: 16px; position: absolute; top: 50%; right: 10px; margin-top: -8px; text-align: center; border: 1px solid rgba(255,255,255, .1); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
.mobile-on .js-opened > .mn-has-sub > .fa { border-color: rgba(255,255,255, .4); line-height: 14px; }
.mobile-on .inner-nav li { margin: 0 !important; }
.mobile-on .mn-sub { display: none; opacity: 0; position: relative; left: 0 !important; right: 0; top: 0; bottom: 0; border-left: none !important; border-right: none !important; border-top: none; z-index: 10; }
  .mobile-on .mn-sub li { padding-left: 10px; }


.inner-nav li.js-opened .mn-sub { opacity: 1; }


.mobile-nav { display: none; float: right; vertical-align: middle; font-size: 11px; font-weight: 400; text-transform: uppercase; border-left: 1px solid rgba(0,0,0, .05); border-right: 1px solid rgba(0,0,0, .05); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -webkit-transition-property: background, color; -moz-transition-property: background, color; -o-transition-property: background, color; transition-property: background, color; }
  .mobile-nav:hover,
  .mobile-nav.active { background: #fff; color: #777; }
  .mobile-nav:active { -webkit-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; -moz-box-shadow: 0 0 35px rgba(0,0,0,.05) inset; box-shadow: 0 0 35px rgba(0,0,0,.05) inset; }
.no-js .mobile-nav { width: 55px; height: 55px; }
.mobile-on .mobile-nav { display: table; }
.mobile-nav .fa { height: 100%; display: table-cell; vertical-align: middle; text-align: center; font-size: 21px; }

/* Menu sub multi */

.mobile-on .mn-has-multi { width: auto; padding: 0; text-align: left; white-space: normal; }
.mobile-on .mn-sub { width: 100%; float: none; position: relative; overflow-x: hidden; }

/*
 * Dark panel style
 */

.main-nav.dark { background-color: rgba(10,10,10, .95); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
  .main-nav.dark .inner-nav ul > li > a { color: rgba(255,255,255, .7); }
    .main-nav.dark .inner-nav ul > li > a:hover,
    .main-nav.dark .inner-nav ul > li > a.active { color: #fff; }

  .main-nav.dark .mobile-nav { background-color: transparent; border-color: transparent; color: rgba(255,255,255, .9); }
    .main-nav.dark .mobile-nav:hover,
    .main-nav.dark .mobile-nav.active { color: #fff; }

.main-nav.mobile-on.dark .inner-nav { border-top: 1px solid rgba(100,100,100, .4); }

.main-nav.dark .logo,
.main-nav.dark a.logo:hover { font-size: 18px; font-weight: 800; text-transform: uppercase; text-decoration: none; color: rgba(255,255,255, .9); }

.main-nav.dark .mn-sub { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }

.main-nav.dark .mn-soc-link { border: 1px solid rgba(255,255,255, .2); }
  .main-nav.dark .mn-soc-link:hover { border: 1px solid rgba(255,255,255, .3); }

/*
 * Transparent panel style
 */

.main-nav.transparent { background: transparent !important; }
.main-nav.js-transparent { -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000); }


/* 
 * Centered menu 
 */

.mn-centered { text-align: center; }
  .mn-centered .inner-nav { float: none; }
    .mn-centered .inner-nav > ul { float: none; display: inline-block; margin-left: auto; margin-right: auto; }
      .mn-centered .inner-nav > ul > li:first-child { margin-left: 0; }
  .mn-centered .mobile-nav { float: none; margin-left: auto; margin-right: auto; }

/* 
 * Aligned left menu 
 */

.mn-align-left { }
  .mn-align-left .inner-nav { float: none; width: 100%; }
    .mn-align-left .inner-nav > ul { float: none; margin-left: auto; margin-right: auto; }
      .mn-align-left .inner-nav > ul > li:first-child { margin-left: 0; }
  .mn-align-left .mobile-nav { float: none; margin-left: auto; margin-right: auto; }

/*********************************************
	-	SETTINGS FOR BANNER CONTAINERS	-
**********************************************/

.fullscreen-container { width: 100%; position: relative; padding: 0; }

/**********************************************
	-	FULLSCREEN AND FULLWIDHT CONTAINERS	-
**********************************************/

.fullscreen-container { width: 100%; position: relative; padding: 0; }

@-webkit-keyframes tp-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) }
}

@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) }
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) }
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); }
}

@-webkit-keyframes tp-scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% { -webkit-transform: scale(1.0); opacity: 0; }
}

@keyframes tp-scaleout {
  0% { transform: scale(0.0); -webkit-transform: scale(0.0); }
  100% { transform: scale(1.0); -webkit-transform: scale(1.0); opacity: 0; }
}

@-webkit-keyframes tp-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bouncedelay {
  0%, 80%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
  40% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

@-webkit-keyframes tp-rotate {
  100% { -webkit-transform: rotate(360deg) }
}

@keyframes tp-rotate {
  100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }
}

@-webkit-keyframes tp-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes tp-bounce {
  0%, 100% { transform: scale(0.0); -webkit-transform: scale(0.0); }
  50% { transform: scale(1.0); -webkit-transform: scale(1.0); }
}

@font-face { font-family: 'revicons'; src: url('/plugins/rev-slider/rs-plugin/font/revicons.woff') format('woff'), url('/plugins/rev-slider/rs-plugin/font/revicons.ttf') format('truetype'), url('/plugins/rev-slider/rs-plugin/font/revicons.svg#revicons') format('svg'); font-weight: normal; font-style: normal; }

#brands-slider .swiper-slide { position: relative; text-align: center; }
#brands-slider .swiper-content { position: absolute; width: 100%; z-index: -1; }
#brands-slider .swiper-aspect-ratio { display: block; width: 100%; padding-top: 100%; }
  #brands-slider .swiper-aspect-ratio + img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: -1; }
#brands-slider .swiper-link { display: block; padding-top: 100%; font-size: 13px; text-align: center; }

.firstHalfMainContent { padding-bottom: 0px; }
.secondHalfMainContent { padding-top: 0px; padding-bottom: 140px; margin-top: 2em; }
.darkAccentSection { padding: 20px 0; margin: 12px 0; }
  .darkAccentSection blockquote::selection { background: #939393; }
  .darkAccentSection blockquote::-moz-selection { background: #939393; }
#top > section.container.relative.page-section > div > div > div > div > div.ci-icon::before { background-color: #3fc1c0; }

@media screen and (max-width:800px) {
  .hs-line-11, .topLine { font-size: 18px !important; line-height: 18px !important; }
  .hs-line-14 { font-size: 24px !important; line-height: 24px !important; }
}

@media screen and (max-width:480px) {
  .hs-line-11, .topLine { font-size: 14px !important; line-height: 14px !important; }
  .hs-line-14 { font-size: 18px !important; line-height: 18px !important; }
  #brands-slider .swiper-link { font-size: 11px; }

  div.slide-caption h1 { margin: 0 0 1em; }
  .local-scroll a.btn { transition: 0.2s ease-out; min-height: 0px; min-width: 0px; line-height: 5px; border-width: 0px; margin: 0px; padding: 2px 12px; letter-spacing: 0px; font-size: 4px; }
}

/*------------------------------------------------------------------
-------------------------------Common----------------------------
-------------------------------------------------------------------*/
body#Home a#Home, body#AboutUs a#AboutUs, body#Experience a#Experience, body#Backline-Hire a#Backline-Hire, body#Testimonials a#Testimonials, body#Reviews a#Reviews, body#ContactUs a#ContactUs { color: #fff !important; }

.slide-caption { position: absolute; width: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; color: #fff; z-index: 10; font-weight: 400; }
  .slide-caption h1 { margin: 0 0 2em; padding-top: 1em; }
    .slide-caption h1.topLine { margin: 0; }

.fullscreenbanner .swiper-slide { background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #000; }

/* ================================
   Fullscreen Banner Arrows
   ================================ */
.fullscreenbanner .swiper-button-prev,
.fullscreenbanner .swiper-button-next { width: 30px; height: 100px; background-color: rgba(0, 0, 0, 0.35); color: white; font-size: 28px; display: flex; align-items: center; justify-content: center; transition: opacity 0.5s ease, visibility 0.5s ease, background-color 0.3s ease; opacity: 0; visibility: hidden; position: absolute; top: 50%; transform: translateY(-25%); z-index: 10; border-radius: 0; }

.fullscreenbanner .swiper-button-prev { left: 0; background-image: url(/images/left-arrow-white.svg); background-size: 40%; }
.fullscreenbanner .swiper-button-next { right: 0; background-image: url(/images/right-arrow-white.svg); background-size: 40%; }


  .fullscreenbanner .swiper-button-prev:hover,
  .fullscreenbanner .swiper-button-next:hover { background-color: rgba(0, 0, 0, 0.55); }

.fullscreenbanner:hover .swiper-button-prev,
.fullscreenbanner:hover .swiper-button-next { opacity: 1; visibility: visible; }

.fullscreenbanner .swiper-button-prev::after,
.fullscreenbanner .swiper-button-next::after { content: none !important; }

/* ================================
   Fullscreen Banner bullet point
   ================================ */
.fullscreenbanner .swiper-pagination-bullets { opacity: 0; visibility: hidden; transition: opacity 0.5s ease, visibility 0.5s ease, background-color 0.3s ease; }
.fullscreenbanner:hover .swiper-pagination-bullets { opacity: 1; visibility: visible; }

.fullscreenbanner span.swiper-pagination-bullet { width: 14px; height: 14px; background-color: #000; opacity: 1; border-radius: 50%; margin: 0px; position: relative; transition: all 0.3s ease; }
.fullscreenbanner .swiper-pagination-bullet:hover::after,
.fullscreenbanner .swiper-pagination-bullet-active::after { content: ''; position: absolute; top: 50%; left: 50%; width: 6px; height: 6px; background: #fff; border-radius: 50%; transform: translate(-50%, -50%); }

/* ================================
   Fullscreen Banner Text Button Animation
   ================================ */

.fullscreenbanner .topLine { opacity: 0; transform: translate(-200px, -200px); animation: slideDownDiag 1s cubic-bezier(0.25, 1, 0.5, 1) forwards; animation-delay: 0.3s; }

.fullscreenbanner .secondLine { display: inline-block; transform-origin: 50% 0%; transform: rotateX(90deg); opacity: 0; animation: flipIn 0.8s ease-out forwards; animation-delay: 0.8s; }

.fullscreenbanner .local-scroll { opacity: 0; transform: translate(50px, 50px); animation: slideUpDiag 0.9s cubic-bezier(0.33, 1, 0.68, 1) forwards; animation-delay: 1s; }


@keyframes slideDownDiag {
  0% { opacity: 0; transform: translate(-200px, -200px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

@keyframes flipIn {
  0% { transform: perspective(400px) rotateX(90deg); opacity: 0; }
  60% { transform: perspective(400px) rotateX(-10deg); opacity: 1; }
  100% { transform: perspective(400px) rotateX(0deg); opacity: 1; }
}

@keyframes slideUpDiag {
  0% { opacity: 0; transform: translate(50px, 50px); }
  100% { opacity: 1; transform: translate(0, 0); }
}

.section-title.font-alt.mb-70.mb-sm-40 { margin-bottom: 15px; }
.footer-social-links.mb-110.mb-xs-60 { margin-bottom: 0; }
.page-section.bg-gray-lighter.footer.pb-60 { padding-bottom: 140px; }

/* ================================
   About Us
   ================================ */

#AboutUs blockquote { margin: 0 0 3em 0; }
#AboutUs .fullwidth-slider blockquote { margin: 0; }
#AboutUs .relative.container.align-left { color: #FFF; }
#AboutUs section.page-section { background-size: cover; background-position: 50% 0px; background-attachment: scroll; }

@media (min-width: 768px) { /* reset previous grid */ /* clear first in row for small columns */
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: left; }
}

@media (min-width: 992px) {
  /* reset previous grid */
  .multi-columns-row .col-sm-6:nth-child(2n + 3) { clear: none; }

  /* clear first in row for medium columns */
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: left; }
}

@media (min-width: 1200px) {
  /* reset previous grid */
  .multi-columns-row .col-md-4:nth-child(3n + 4) { clear: none; }
  .multi-columns-row .col-md-3:nth-child(4n + 5) { clear: none; }

  /* clear first in row for large columns */
  .multi-columns-row .col-lg-4:nth-child(3n + 4) { clear: left; }
  .multi-columns-row .col-lg-3:nth-child(4n + 5) { clear: left; }
}

/* ===============================
   Testimonials Slider – Half-Visible Diamond Arrows
   =============================== */

.testimonials-slider .swiper-button-prev,
.testimonials-slider .swiper-button-next { position: absolute; top: 50%; width: 70px; height: 70px; background: #fff; color: #000; font-size: 24px; display: flex; align-items: center; justify-content: center; transform: translateY(-50%) rotate(45deg); opacity: 0; visibility: hidden; transition: all 0.45s ease, opacity 0.45s ease, visibility 0.45s ease; z-index: 10; }

.testimonials-slider .swiper-button-prev { left: -70px; transform: translateY(-50%) rotate(45deg); }
.testimonials-slider .swiper-button-next { right: -70px; transform: translateY(-50%) rotate(45deg); }

  .testimonials-slider .swiper-button-prev::after,
  .testimonials-slider .swiper-button-next::after { font-family: "FontAwesome"; font-size: 16px; color: #000; transform: rotate(-45deg); display: block; }

.testimonials-slider .swiper-button-prev::after { content: "\f104"; transform: translate(10px, -10px) rotate(-45deg); }
.testimonials-slider .swiper-button-next::after { content: "\f105"; transform: translate(-10px, 10px) rotate(-45deg); }

.testimonials-slider .swiper-button-prev:hover,
.testimonials-slider .swiper-button-next:hover { filter: brightness(0.85); color: #fff; transition: background 0.3s ease, color 0.3s ease; }

.page-section.bg-dark.bg-dark-alfa-90.fullwidth-slider:hover
.swiper-button-prev,
.page-section.bg-dark.bg-dark-alfa-90.fullwidth-slider:hover
.swiper-button-next { opacity: 1; visibility: visible; }

.page-section.bg-dark.bg-dark-alfa-90.fullwidth-slider:hover
.swiper-button-prev { left: -35px; }

.page-section.bg-dark.bg-dark-alfa-90.fullwidth-slider:hover
.swiper-button-next { right: -35px; }

.section-title-center { margin-bottom: 15px; font-size: 18px; font-weight: 400; text-transform: uppercase; text-align: center; letter-spacing: 0.5em; line-height: 1.4; }

@-webkit-keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
  0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
  100% { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease; animation-timing-function: ease; }

/* ===============================
   Hire
   =============================== */
.font-alt.mix.brands.all.brands-heading,
.font-alt.mix.categories.all.categories-heading { text-align: left; }

/* ===============================
   Terms and conditions
   =============================== */
#Terms-and-conditions section.page-section.bg-dark-alfa-30.parallax-3 { background-position: 50% 0px; }
h3.font-alt { text-align: left; }
  h3.font-alt.center,
  h3.small-title.font-alt { text-align: center; }
#Terms-and-conditions ul li { color: rgb(17,17,17); }

/* ===============================
   Contact Us
   =============================== */
.circleBullet { display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; width: 24px; height: 24px; background-color: #3fc1c0; color: #fff; }
  .circleBullet span { padding-left: 8px; font-weight: 700; }

.howToList { margin-top: 16px; margin-bottom: 16px; }

.no-mobile .team-item:hover .team-item-detail { opacity: 1; }
.no-mobile .team-item:hover .team-item-image:after { background: rgba(255, 255, 255, .93); }