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

Theme:                   Bowline HTML5 Template
Version:                 1.1
Author:                  SinkLab
Support:                 http://themeforest.net/user/SinkLab

File Description:        CSS Rules

--------------------------------------------------------------------

[ Table of contents ]

1. General CSS Rules
    1.1 Typography
    1.2 Header
        1.3 Logo
        1.4 Menu
    1.5 Sitemap
    1.6 Sidebar
    1.7 Comments
    1.8 Footer
    1.9 Revolution Slider
    1.10 Grid
    1.11 Testimonials

2. Shortcodes
    2.1 Buttons
    2.2 Messages
    2.3 Progress Bars
    2.4 Tabs
    2.5 Toggles
    2.6 Pricing Tables
    2.7 Popup
    2.8 Modals
    2.9 Notifications
    2.10 Tables
    2.11 Promo Boxes
    2.12 Color Palette
    2.13 Range Slider
    2.14 Pagination
    2.15 Switcher
    2.16 Code
    2.17 Text Rotator
    2.18 Social Icons
    2.19 Pie Charts
    2.20 Frame Carousel
    2.21 Pulse Button

3. Index
    3.1 Services Boxes
    3.2 Counters
    3.3 Steps Boxes
    3.4 Small Blog Posts
    3.5 Pageboxes

4. Portfolio

5. Blog
    5.1 Creative Blog
    5.2 Blog List
    5.3 Article

6. Shop
    6.1 Shop Single
    6.2 Shop Extended
    6.3 Product
    6.4 Cart

7. Contact

8. Pages
    8.1 About Us
    8.2 Team Members
    8.3 Login
    8.4 Careers
    8.5 Not Found
    8.6 Blank Page
    8.7 Services
    8.8 Under Construction
    8.9 Et-icons
    8.10 FAQ
    8.11 Loaders Page

9. Features
    9.1 Panels
    9.2 Countdown
    9.3 Widgets

10. Demo
    10.1 Corporate
    10.2 Restaurant
    10.3 Barber
    10.4 App Landing
    10.5 Medical
    10.6 Travel
    10.7 Architecture

11. Background Images

12. Reset CSS Rules

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



/* ----------------------------------------------------------------
    General CSS Rules
-----------------------------------------------------------------*/

::selection { color: #fff; }

body {
    background: #000000;
    color: #909090;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Lato', sans-serif;
    visibility: hidden;
}
body.no-transition{ visibility: visible; }

.pagebox {
    padding: 100px 0;
    border: none;
    background-color: #fff;
}
.grey-background{ background-color: #f5f5f5; }
.pagebox.black-background{ background-color: #232323; }
.pagebox.no-top{ padding-top: 0px; }
.pagebox.no-bottom{ padding-bottom: 0px; }
.pagebox.rel-pos.z-1, .infobox.rel-pos.z-1{ z-index: 1; }
.pagebox.rel-pos.z-5, .infobox.rel-pos.z-5{ z-index: 5; }
.fullwidth-pagebox.no-padding{ padding: 0; }
.fullwidth-pagebox.top-padding{
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
}
.fullwidth-pagebox.top-padding h3.h-central{ margin: 20px auto 75px auto; }

.container-fluid{ max-width: 1440px; }

.top-0{ margin-top: 0px !important; }
.top-5{ margin-top: 5px !important; }
.top-10{ margin-top: 10px !important; }
.top-15{ margin-top: 15px !important; }
.top-20{ margin-top: 20px !important; }
.top-30{ margin-top: 30px !important; }
.top-40{ margin-top: 40px !important; }
.top-50{ margin-top: 50px !important; }
.top-60{ margin-top: 60px !important; }
.top-70{ margin-top: 70px !important; }
.top-80{ margin-top: 80px !important; }
.top-100{ margin-top: 100px !important; }
.top-120{ margin-top: 120px !important; }
.top-140{ margin-top: 140px !important; }
.top-160{ margin-top: 160px !important; }
.bottom-0{ margin-bottom: 0px !important; }
.bottom-10{ margin-bottom: 10px !important; }
.bottom-15{ margin-bottom: 15px !important; }
.bottom-20{ margin-bottom: 20px !important; }
.bottom-30{ margin-bottom: 30px !important; }
.bottom-40{ margin-bottom: 40px !important; }
.bottom-50{ margin-bottom: 50px !important; }
.bottom-60{ margin-bottom: 60px !important; }
.bottom-70{ margin-bottom: 70px !important; }
.bottom-80{ margin-bottom: 80px !important; }
.bottom-100{ margin-bottom: 100px !important; }
.bottom-120{ margin-bottom: 120px !important; }
.left-0{ margin-left: 0px !important; }
.left-5{ margin-left: 5px !important; }
.left-10{ margin-left: 10px !important; }
.left-15{ margin-left: 15px !important; }
.left-20{ margin-left: 20px !important; }
.left-30{ margin-left: 30px !important; }
.left-40{ margin-left: 40px !important; }
.left-45{ margin-left: 45px !important; }
.left-80{ margin-left: 80px !important; }
.right-0{ margin-right: 0 !important; }
.right-5{ margin-right: 5px !important; }
.right-10{ margin-right: 10px !important; }
.right-15{ margin-right: 15px !important; }
.right-20{ margin-right: 20px !important; }
.right-30{ margin-right: 30px !important; }

.p-null{ padding: 0 !important; }
.p-top-0{ padding-top: 0px !important; }
.p-top-10{ padding-top: 10px !important; }
.p-top-15{ padding-top: 15px !important; }
.p-top-20{ padding-top: 20px !important; }
.p-top-30{ padding-top: 30px !important; }
.p-top-40{ padding-top: 40px !important; }
.p-top-50{ padding-top: 50px !important; }
.p-top-60{ padding-top: 60px !important; }
.p-top-80{ padding-top: 80px !important; }
.p-top-100{ padding-top: 100px !important; }
.p-bottom-10{ padding-bottom: 10px !important; }
.p-bottom-15{ padding-bottom: 15px !important; }
.p-bottom-20{ padding-bottom: 20px !important; }
.p-bottom-25{ padding-bottom: 25px !important; }
.p-bottom-30{ padding-bottom: 30px !important; }
.p-bottom-40{ padding-bottom: 40px !important; }
.p-bottom-50{ padding-bottom: 50px !important; }
.p-bottom-60{ padding-bottom: 60px !important; }
.p-bottom-80{ padding-bottom: 80px !important; }
.p-bottom-100{ padding-bottom: 100px !important; }
.p-left-0{ padding-left: 0px !important; }
.p-left-10{ padding-left: 10px !important; }
.p-left-20{ padding-left: 20px !important; }
.p-left-30{ padding-left: 30px !important; }
.p-left-40{ padding-left: 40px !important; }
.p-left-50{ padding-left: 50px !important; }
.p-left-60{ padding-left: 60px !important; }
.p-left-80{ padding-left: 80px !important; }
.p-left-100{ padding-left: 100px !important; }
.p-left-120{ padding-left: 120px !important; }
.p-right-0{ padding-right: 0px !important; }
.p-right-5{ padding-right: 5px !important; }
.p-right-10{ padding-right: 10px !important; }
.p-right-20{ padding-right: 20px !important; }
.p-right-30{ padding-right: 30px !important; }
.p-right-40{ padding-right: 40px !important; }
.p-right-50{ padding-right: 50px !important; }
.p-right-80{ padding-right: 80px !important; }

.no-margin { margin: 0 !important; }
.no-padding { padding: 0; }
.rel-pos{ position: relative; }
.abs-pos{ position: absolute; }
.z-5{ z-index: 5 !important; }
.z-10{ z-index: 10 !important; }
.z-15{ z-index: 15 !important; }
.center{ margin: 0 auto; }
.left{ margin-left: 0; }
.f-left{ float: left; }
.f-right{ float: right; }
.visible-xxs{ display: none !important; }

.w-5{ width: 5% !important; }
.w-10{ width: 10% !important; }
.w-15{ width: 15% !important; }
.w-20{ width: 20% !important; }
.w-40{ width: 40% !important; }
.w-50{ width: 50% !important; }
.w-60{ width: 60% !important; }
.w-70{ width: 70% !important; }
.w-80{ width: 80% !important; }
.w-90{ width: 90% !important; }
.full-w{ max-width: 100% !important; }

.w-300{ width: 300px !important; }
.w-400{ width: 400px !important; }
.w-600{ width: 600px !important; }

.max-200{ max-width: 200px !important; }
.max-300{ max-width: 300px !important; }
.max-400{ max-width: 400px !important; }
.max-500{ max-width: 500px !important; }
.max-600{ max-width: 600px !important; }
.max-700{ max-width: 700px !important; }
.max-800{ max-width: 800px !important; }
.max-900{ max-width: 900px !important; }

/* Separators */
hr{
    height: 0;
    border-width: 2px 0 0 0;
    border-style: solid;
    border-color: #777;
    width: 100%;
}
hr.softgrey{ border-color: #EDEDED; }
hr.slim{ border-width: 1px 0 0 0; }
hr.wide{ border-width: 3px 0 0 0; }
hr.central-icon:after,
hr.left-icon:after,
hr.right-icon:after{
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: #777;
    margin-top: -9px;
}
hr.central-icon:after{ margin-left: auto; margin-right: auto; }
hr.right-icon:after{ margin-right: 0; float: right; }
hr.softgrey.central-icon:after,
hr.softgrey.left-icon:after,
hr.softgrey.right-icon:after{ background-color: #EDEDED; }
/* Colors */
hr.blue-clr{ border-color: #19a4c6; }
hr.aqua-clr{ border-color: #1ABC9C; }
hr.red-clr{ border-color: #DA3A3A; }

.blank-sep{ width: 100%; height: 80px; }

.clear{ display: block; clear: both; }

/* goToTop Button */
.gototop-btn::before{ font-family: FontAwesome; content: "\f106"; }
.gototop-btn{
    display: none;
    position: fixed;
    z-index: 99998;
    top: auto;
    left: auto;
    right: 30px;
    bottom: 50px;
    text-align: center;
    line-height: 36px;
    font-size: 20px;
    height: 40px;
    width: 40px;
    background-color: rgba(0,0,0,.3);
    color: #fff;
    border-radius: 100%;
    cursor: pointer;
    webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}

.main-section{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.main-section.no-overflow{ overflow: hidden; }

/* General Elements */
.icon-list > div{ display: table-cell; vertical-align: middle; }
.icon-list > div > span{ font-size: 62px; color: #999; }
.icon-list > div > h4{ font-size: 14px; font-weight: 400; }

.inset-search-btn{
    color: #999;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 3px;
    padding: 9px 14px;
    line-height: 24px;
    border-radius: 2px;
}
.inset-search-btn > span{ margin: -2px 8px 0 0; font-size: 12px; font-weight: inherit; color: inherit; }
.inset-search-btn:hover{
    background-color: rgba(0, 0, 0, .05);
    color: #777;
}

.infobar > p, .infobar > a{
    font-size: 11px;
    display: inline-block;
    color: #999;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 2em;
}
.infobar > .separator{
    margin: 0 10px;
    font-size: 4px;
    color: rgba(0, 0, 0, 0.2);
    margin-top: 1px;
}

ul.light-list > li{
    font-size: 12px;
    margin-bottom: 10px;
    letter-spacing: 1px;
    color: #777;
    font-weight: 300;
}

select{
    border-radius: 2px !important;
    width: auto !important;
    display: inline-block !important;
    border: 1px solid #F5F5F5 !important;
    background-color: #F5F5F5 !important;
    height: 38px !important;
    color: #777 !important;
    box-shadow: none !important;
    font-size: 12px !important;
    letter-spacing: 1px !important;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: pointer;
}
.select-wrap{ position: relative !important; display: inline-block; padding-right: 0; }
.select-wrap:before{
    position: absolute;
    width: auto;
    height: auto;
    line-height: 38px;
    font-family: 'FontAwesome';
    font-size: 10px;
    content: "\f0dc";
    z-index: 5;
    right: 15px;
}

/* PreLoader */
.loader-wrapper{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #EFEFEF;
    z-index: 9999999999;
}

.loader-1{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    border: 3px solid transparent;
    z-index: 1500;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.loader-1:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-animation: spin 4s linear infinite;
    animation: spin 3s linear infinite;
}
.loader-1:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border: 3px solid transparent;
    border-radius: 50%;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

.loader-2{
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    margin: -40px 0 0 -40px;
    border: 3px solid transparent;
    z-index: 1500;
    border-radius: 50%;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.loader-3:first-child div {
  display: block;
  width: 80px;
  height: 80px;
  border-width: 3px;
  border-style: solid;
  border-radius: 50%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.loader-3:first-child>div>div {
  width: 75px;
  height: 75px;
  border: 5px solid transparent !important;
  border-radius: 50%;
  margin: auto;
  overflow: hidden;
}

.loader-3:first-child div div div {
  width: 90px;
  height: 90px;
  margin: auto;
  top: 360px;
  border-radius: 0%;
  border: none;
  animation-name: fill;
  animation-duration: 3s;
  animation-timing-function:ease;
  animation-iteration-count:infinite;
  animation-direction: alternate;
}

.loader-4 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

.loader-5 {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  border-radius: 100%;
  -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}

.loader-6 {
  height: 4px;
  width: 250px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -2px 0 0 -125px;
  overflow: hidden;
  background-color: #ddd;
}
.loader-6:before{
  display: block;
  position: absolute;
  content: "";
  left: -150px;
  width: 150px;
  height: 4px;
  animation: loading 1s linear infinite;
}

@keyframes loading {
    from { width: 30px; }
    50% { width: 30px; }
    70% { width: 100px; }
    80% { left: 150px; }
    95% { left: 200px; }
    to { left: 300px; }
}

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

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

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

@keyframes sk-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);
  }
}

@keyframes fill{
  100% { top:0 }
}

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

/* Animations */
.index-iphones{ width: 68%; display: block; float: right; }
.animated-o{ opacity: 0; }
.animated{ opacity: 1 !important; }

/* Owl Carousel Fixes */
.owl-carousel .owl-item{ -webkit-backface-visibility: visible !important; }

/* Hamburgers Animations Fixes */
.hamburger-box{ height: 16px !important; }
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after{ background-color: rgba(255, 255, 255, 0.8) !important; }


/* ----------------------------------------------------------------
    Typography
-----------------------------------------------------------------*/


h1, h2, h3, h4, h5, h6{
    font-family: 'Lato', sans-serif;
    color: #444;
    text-transform: none;
    letter-spacing: 1px;
    display: block;
    text-align: left;
    text-rendering: geometricPrecision;
}

h1.inline,
h2.inline,
h3.inline,
h5.inline,
h6.inline{ display: inline-block; }

h1{ font-size: 32px; font-weight: 300; line-height: 1.4; }
h2{ font-size: 26px; font-weight: 300; line-height: 1.6; }
h3{ font-size: 22px; font-weight: 300; line-height: 1.6; }
h4{ font-size: 18px; font-weight: 300; line-height: 1.6; }
h5{ font-size: 12px; font-weight: 300; line-height: 1.6; }

p{
    font-size: 14px;
    line-height: 2em;
    letter-spacing: 1px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #585858;
    text-align: left;
}
p.txt-higher{ line-height: 2.4em; }
h1.txt-higher,
h3.txt-higher,
h4.txt-higher{ line-height: 1.8em; }

p.txt-l, a.txt-l{ font-size: 14px !important; }
h1.txt-l{ font-size: 36px !important; }
h1.txt-xl{ font-size: 48px !important; }
h1.txt-xxl, h2.txt-xxl{ font-size: 58px !important; }
h1.txt-xxxl{ font-size: 120px !important; }

h1.txt-ulight{ font-weight: 100; }
h1.txt-semibold, h2.txt-semibold, h4.txt-semibold, h5.txt-semibold, p.txt-semibold, a.txt-semibold{ font-weight: 500; }
h4.txt-bold{ font-weight: 600; }

p.txt-semibright,
i.txt-semibright{ color: #777; }
h3.txt-semibright,
h4.txt-semibright,
h5.txt-semibright{ color: #666; }
p.txt-bright{ color: #D8D8D8; }
h1.txt-bright, h2.txt-bright,
h3.txt-bright, h4.txt-bright,
h6.txt-bright{ color: #777; }
h5.txt-bright{ color: #888; }
p.txt-dark{ color: #555; }

h1 > span{ margin: -9px 0 0 5px; font-weight: 400; }
h1 > span.right{ margin: -9px 0 0 0; }
h2 > span{ margin: -4px 0 0 0; font-weight: 400; }
h3 > span{ margin: -6px 0 0 5px; font-weight: 400; }
p > span{ margin: -2px 10px 0 0; }

h1.txt-uppercase, h2.txt-uppercase, h3.txt-uppercase,
h4.txt-uppercase, h5.txt-uppercase, h6.txt-uppercase,
p.txt-uppercase, span.txt-uppercase, a.txt-uppercase{
    text-transform: uppercase;
}
h1.txt-notrf, h2.txt-notrf, h3.txt-notrf,
h4.txt-notrf, h5.txt-notrf, h6.txt-notrf,
p.txt-notrf, span.txt-notrf{
    text-transform: none !important;
}

.txt-center{ text-align: center !important; }
.txt-right{ text-align: right !important; }

span{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    color: inherit;
}
span.logo{
    font-size: 28px;
    letter-spacing: 0px;
    font-family: 'Raleway', sans-serif;
    font-weight: 500;
    text-align: left;
}
span.mid-txt, i.mid-txt{ font-size: 16px !important; }
span.small-icon, i.small-icon{ font-size: 22px !important; }
span.mid-icon, i.mid-icon{ font-size: 32px !important; }
span.lg-icon, i.lg-icon{ font-size: 42px !important; }
span.big-icon, i.big-icon{ font-size: 54px !important; }
span.verybig-icon, i.verybig-icon{ font-size: 72px !important; }

span.txt-semibold{ font-weight: 600; }

span.txt-bright{ color: #B9B9B9; }

.animated-icon svg *{
    fill: none;
    stroke: currentColor;
}
.animated-icon{ width: 40px !important; }
.animated-icon.small-icon{ width: 30px !important; }
.animated-icon.mid-icon{ width: 50px !important; }
.animated-icon.verybig-icon{ width: 120px !important; }

/* LABELS */
span.label{
    font-size: 45%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    display: inline-block;
    padding: 10px 15px;
    border-radius: 0;
    vertical-align: middle;
}
span.label.small-label{
    font-size: 8px;
    letter-spacing: 1px;
    padding: 5px 8px;
}
h3 > span.label{ font-size: 50%; padding: 8px 12px; }
h4 > span.label,
h5 > span.label,
h6 > span.label{ font-size: 60%; padding: 8px 10px; }
h5 > span.label,
h6 > span.label{ font-size: 75%; padding: 6px 10px; }

.main-menu > ul a > span.small-label{
    padding: 4px 6px;
    line-height: initial;
    margin-top: -1px;
}

span.label.blue-clr{ background-color: #19a4c6 !important; }
span.label.red-clr{ background-color: #DA3A3A !important; }
span.label.orange-clr{ background-color: #EA8135 !important; }
span.label.green-clr{ background-color: #6E8E4B !important; }
span.label.teal-clr{ background-color: #5f8789 !important; }
span.label.purple-clr{ background-color: #DE0BE2 !important; }
span.label.black-clr{ background-color: #575757 !important; }

i{ color: #555; font-size: 20px; }

a{
    color: #888;
    text-decoration: none;
    font-family: 'Lato', sans-serif;
    font-size: 12px;
}
a:hover{ text-decoration: none; }

a > i{  color: inherit; padding-left: 8px; }

ul > li, ol > li{
    line-height: 1.8em;
    font-size: 14px;
    padding: 5px 0;
}

.job-number{
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: 200;
}
.job-number > span{ font-weight: 200; }

.aqua-color{ color: #1ABC9C !important; }
.blue-color{ color: #19a4c6 !important; }
.white-color{ color: #fff !important; }
.red-color{ color: #DA3A3A !important; }
.orange-color{ color: #EA8135 !important; }

.roboto-fnt{ font-family: 'Roboto', 'Lato' !important; }


/* ----------------------------------------------------------------
    Header
-----------------------------------------------------------------*/

#logo, .main-menu, .secondary-menu { display: table-cell; }
#logo > img {
    height: 125px;
    width: auto;
    display: inline-block;
}
.resp-buttons{ display: none; top: 0; right: 15px; line-height: 100px; }
.resp-buttons > a { color: #555; }
.resp-buttons > a#respNavTrigger > span{ font-size: 22px; }
.resp-buttons > a.showSearchBar > span{ font-size: 12px; }
.resp-buttons > a.showAsidePanel > span,
.resp-buttons > a.showFullPanel > span{ font-size: 22px; }

header{
    display: block;
    width: 100%;
    height: 99px;
    background: #FFF;
    padding: 0;
    position: relative;
    top: 0;
    z-index: 14000;
    background: 0 0;
    border-top: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.over-trs{ position: absolute; height: auto; }
header.over-trs.smaller{ height: 0; }
header.smaller, header.sticky{
    background-color: #fff;
    height: 64px;
    border-bottom: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header > .header-wrap{
    display: block;
    width: 100%;
    padding: 0;
}
header.smaller > .header-wrap,
header.sticky > .header-wrap{
    position: fixed;
    border-bottom: 1px solid #000000;
    background-color: #000000;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

header.hasTopNav .main-menu > ul > li > a{ height: 90px; line-height: 95px; }

header.smaller .main-menu > ul > li > a,
header.smaller .secondary-menu > ul > li > a,
header.hasTopNav.smaller .main-menu.background > ul > li > a
{
    color: #ffffff;
    height: 150px;
    line-height: 70px;
}
header.smaller .main-menu > ul > li > a > i{ color: #888; }
.main-section.stay-on-top{ margin-top: 90px; }

header.hasTopNav{ background-color: #fff; height: 140px; border-bottom: 1px solid #ECEBEB; }
header.hasTopNav.smaller{ box-shadow: none; background-color: transparent; height: 120px; }
header.hasTopNav.smaller > .header-wrap{ top: 0; }

/* Menu */
.main-menu {
    text-align: right;
    width: 100%;
}
.main-menu > ul > li, .secondary-menu > ul > li {
    display: inline-block;
    margin: 0 20px;
    line-height: 16px;
    padding: 0;

}
.main-menu > ul > li > a, .secondary-menu > ul > li > a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1px;
    display: inline-block;
    height: 100px;
    line-height: 105px;
    color: #ffffff;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
header.white-clr .main-menu > ul > li > a,
header.white-clr .secondary-menu > ul > li > a { color: rgba(255, 255, 255, 0.85); }

header.white-clr .main-menu > ul > li > a:hover,
header.white-clr .secondary-menu > ul > li > a:hover { color: #fff !important; }

header.smaller.white-clr .main-menu > ul > li > a,
header.sticky.white-clr .main-menu > ul > li > a,
header.smaller.white-clr .secondary-menu > ul > li > a { color: #848383 !important; }
/* Hamburgers Animations Fixes */
header.smaller .hamburger-inner,
header.smaller .hamburger-inner::before,
header.smaller .hamburger-inner::after{ background-color: #848383 !important; }

.main-menu.smaller > ul > li > a{ height: 50px; line-height: 54px; }
.main-menu > ul > li > a > i{
    margin-top: -2px;
    color: inherit;
    font-size: 12px;
}
.secondary-menu > ul > li > a > span{ margin: -2px 8px 0 0; font-size: 12px; }
.main-menu > ul > li:last-child{ margin-right: 0 !important; }

.main-menu > ul > li > div.menu-btn > a{ line-height: initial; }

.main-menu .sub-menu{
    position: absolute;
    display: none;
    z-index: 1000;
    background: rgba(42, 41, 41, 0.98);
    margin: 0 auto;
    text-align: left;
    webkit-transition: all 300ms linear 0ms;
    -moz-transition: all 300ms linear 0ms;
    -o-transition: all 300ms linear 0ms;
    transition: all 300ms linear 0ms;
}
.main-menu .sub-menu.mega{
    left: 15px;
    right: 15px;
}
.main-menu .sub-menu.dropdown{ min-width: 150px; }
.main-menu .sub-menu.third-level{
    top: 2px;
    left: 100%;
    right: auto;
    min-width: 160px;
    border-left: 1px solid #555;
}
.main-menu .sub-menu li{ padding: 0; position: relative; }
.main-menu .sub-menu a{
    display: block;
    width: 100%;
    height: auto;
    line-height: 1.3;
    padding: 11px 20px;
    font-size: 10px;
    text-transform: uppercase;
    letter-spacing: 1px;
    webkit-transition: all 100ms linear 0ms;
    -moz-transition: all 100ms linear 0ms;
    -o-transition: all 100ms linear 0ms;
    transition: all 100ms linear 0ms;
}
.main-menu > ul > li > ul.sub-menu > li a:hover{ padding-left: 23px; }

.main-menu .sub-menu a.sf-with-ul:before{
    display: block;
    font-family: 'ElegantIcons';
    position: absolute;
    font-size: inherit;
    content: "\35";
    right: 10px;
    color: inherit;
    z-index: inherit;
    margin-top: 1px;
}

.main-menu .sub-menu.dropdown > li:first-child > a, .main-menu .sub-menu.third-level > li:first-child > a{ padding-top: 25px; }
.main-menu .sub-menu.dropdown > li:last-child > a, .main-menu .sub-menu.third-level > li:last-child > a{ padding-bottom: 25px; }

.main-menu > ul > li > a.cart-nav-btn > i:after,
.main-menu > ul > li > a.showSearchBar > i:after{ display: none; }

.main-menu .sub-menu.mega > li{ float: left; min-width: 180px; }

.main-menu ul.sub-menu.mega > li > a:first-child{ padding-top: 25px; }
.main-menu ul.sub-menu.mega > li > a:last-child{ padding-bottom: 25px; }

/* main menu style 1*/
.main-menu.background > ul > li{ margin: 0 5px; cursor: pointer; }
.main-menu.background > ul > li > a{
    height: 35px;
    line-height: 38px;
    margin: 32px 0;
    padding: 0 10px;
    border-radius: 2px;
}
.main-menu.background.circle > ul > li > a{ border-radius: 30px; }

header.hasTopNav .main-menu.background > ul > li > a{
    height: 30px;
    line-height: 30px;
    margin: 32px 0 28px 0;
    padding: 0 10px;
    border-radius: 2px;
}

.main-menu.background .sub-menu{
    background-color: #fff;
    border-width: 2px 0 0 0;
    border-style: solid;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.main-menu.background .sub-menu.third-level{
    box-shadow: 7px 3px 10px rgba(0, 0, 0, 0.1);
    margin-left: 2px;
}

.main-menu.background > ul > li:hover > a,
.main-menu.background > ul > li > a:hover,
header.smaller .main-menu.background > ul > li > a:hover{ color: #fff !important; }

.main-menu.background > ul > li > a.showSearchBar,
.main-menu.background > ul > li > a.cart-nav-btn{ background-color: transparent; }
.main-menu.background > ul > li:hover > a.showSearchBar,
.main-menu.background > ul > li:hover > a.cart-nav-btn,
.main-menu.background > ul > li > a.showSearchBar:hover,
.main-menu.background > ul > li > a.cart-nav-btn:hover{ background-color: transparent !important; }

header.smaller .main-menu.background > ul > li > a,
header.smaller .main-menu.background.circle > ul > li > a{
    border: none;
    margin: 0;
    border-radius: 0;
}

.menu-topbar-1{
    height: 50px;
    width: 100%;
    background-color: #f9f9f9;
    border-bottom: 1px solid #f3f3f3;
}
.menu-topbar-1 .left-bar, .menu-topbar-1 .right-bar{
    line-height: 50px;
    height: 50px;
    width: 50%;
    float: left;
    color: #777;
}
.menu-topbar-1 .right-bar a{
    font-weight: 600;
    background-color: #f0f0f0;
    padding: 0 20px;
    color: #A9A9A9;
    font-size: 12px;
    height: 49px;
    line-height: 50px;
    opacity: .8;
}
.menu-topbar-1 .right-bar a:hover{
    opacity: 1;
}
.menu-topbar-1 .right-bar.icons a{
    vertical-align: top;
    background-color: transparent;
    padding: 0;
}

/* Menu 4 */
.main-menu.border-bottom > ul > li > a{ position: relative; }
.main-menu.border-bottom > ul > li > a:after{
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: 16px;
    display: block;
    background-color: #fff;
    width: 0;
    height: 1px;
    webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.main-menu.border-bottom > ul > li > a:hover{ color: #fff !important; }
.main-menu.border-bottom > ul > li > a:hover::after{ width: 90%; }
.main-menu.border-bottom > ul > li > a.showSearchBar:hover::after,
.main-menu.border-bottom > ul > li > a.cart-nav-btn:hover::after{ width: 0; }

/* Menu 5 (Reveal) */
.main-menu.reveal > ul > li,
.main-menu.reveal > ul > li *{
    opacity: 0;
    visibility: hidden;
    webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.main-menu.reveal > ul > li.reveal-btn-container,
.main-menu.reveal > ul > li.reveal-btn-container *{ visibility: visible; opacity: initial; }

.main-menu.reveal.active > ul > li,
.main-menu.reveal.active > ul > li *{ visibility: visible; opacity: 1; }

/* Menu cart */
.main-menu ul.sub-menu.nav-cart{
    right: 0;
    background-color: #fff;
    border: 1px solid #EDEDED;
    width: 350px;
    box-shadow: rgba(153, 153, 153, 0.0470588) 0px 10px 15px;
}
.main-menu ul.sub-menu.nav-cart > li{
    border-bottom: 1px solid #F9F9F9;
    display: table;
    width: 100%;
    padding: 15px;
}
ul.nav-cart > li > .item-img, ul.nav-cart > li > .item-info, ul.nav-cart > li > .item-price,
ul.nav-cart > .nav-cart-bottombar > .nav-cart-btn, ul.nav-cart > .nav-cart-bottombar > .nav-cart-total{ display: table-cell; }
ul.nav-cart > li > .item-img{ width: 15%; }
ul.nav-cart > li > .item-info{ width: 60%; }
ul.nav-cart > li > .item-price{ width: 25%; }
ul.nav-cart > li > .item-info > h3{ display: inline-block; font-size: 12px; font-weight: 500; margin-bottom: 5px; }
ul.nav-cart > li > .item-price > h3,
ul.nav-cart > .nav-cart-bottombar > .nav-cart-total > h3{
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: 300;
}
ul.nav-cart > li > .item-price > h3{ color: #909090; }
ul.nav-cart > li > .item-price > h3 > span{ font-size: 12px; font-weight: 300; margin-top: -5px; }
.main-menu ul.sub-menu.nav-cart > li.nav-cart-bottombar{ padding: 20px 15px 20px 15px; display: table; width: 100%; border-bottom: none; }
ul.nav-cart > .nav-cart-bottombar > .nav-cart-btn{ width: 70%; }
ul.nav-cart > .nav-cart-bottombar > .nav-cart-total{ width: 30%; }
ul.nav-cart > .nav-cart-bottombar > .nav-cart-btn > a{
    display: inline-block;
    width: auto;
    background-color: #eee;
    color: #888;
    font-weight: 500;
}
ul.nav-cart > .nav-cart-bottombar > .nav-cart-btn > a:hover{ color: #888 !important; }
ul.nav-cart > .nav-cart-bottombar > .nav-cart-total > h3{
    font-size: 26px;
    color: #777;
}
ul.nav-cart > .nav-cart-bottombar > .nav-cart-total > h3 > span{ font-size: 16px; font-weight: 100; margin-top: -5px; }

/* Search Bar */
.searchbar.panel input{
    width: 60%;
    height: 72px;
    font-size: 20px;
    background-color: transparent;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -30%;
    border-width: 1px;
    border-style: solid;
    padding: 0 20px;
    border-radius: 0;
}

/* Dark */
header.smaller.dark,
header.smaller.dark > .header-wrap{ background-color: #333; border-bottom: 0; }
header.smaller.dark .main-menu > ul > li > a,
header.smaller.dark .main-menu > ul > li > a > i,
header.smaller.dark .secondary-menu > ul > li > a,
header.smaller.dark.semi-transparent .main-menu > ul > li > a,
header.smaller.dark.semi-transparent .main-menu > ul > li > a > i,
header.smaller.dark.semi-transparent .secondary-menu > ul > li > a{ color: rgba(255, 255, 255, 0.8) !important; }

/* Default semi transparent */
header.smaller.semi-transparent > .header-wrap{ background-color: rgba(255, 255, 255, 0.9); }

/* Dark semi transparent */
header.smaller.dark.semi-transparent,
header.smaller.dark.semi-transparent > .header-wrap{ background-color: rgba(37, 37, 37, 0.9); }

/* Extended */
header.extended > .container{ position: relative; }
header.extended .main-menu{ text-align: center; }
header.extended #logo, header.extended .main-menu, header.extended .secondary-menu{ float: left; }
header.extended #logo{
    height: 100%;
    padding-top: 36px;
    position: absolute;
    webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #ffffff;
}
header.smaller.extended #logo{ height: 64px; padding-top: 18px; color: #ffffff;}
header.extended .main-menu{
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
header.extended .main-menu > ul > li{ margin: 0 30px; }
header.extended .secondary-menu{
    width: auto;
    float: right;
}
header.extended .secondary-menu > ul > li:last-child{ margin-right: 0; }
header.extended .secondary-menu > ul > li > a{
    position: relative;
    top: 0;
}

header div.headerOffset{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: -10;
    display: none;
    height: 99px;
}
header.over-trs div.headerOffset{ height: 0; }
header.hasTopNav div.headerOffset{ height: 140px; }


/* ----------------------------------------------------------------
    Sitemap
-----------------------------------------------------------------*/

.sitemap{
    width: 100%;
    background-color: #f5f5f5;
}
.sitemap.white{ background-color: #fff; }
.sitemap h3.title, .sitemap p.address{ height: 140px; }
.sitemap h3.title{
    float: left;
    font-size: 18px;
    color: #555;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 140px;
}
.sitemap p.address{
    float: right;
    line-height: 144px;
    color: #888;
    font-size: 10px;
    text-transform: uppercase;
    display: table;
    font-weight: 400;
}
.sitemap p.address > a{
    display: inline-block;
    padding: 0 2px;
    vertical-align: top;
    line-height: inherit;
    font-weight: 400;
}


/* ----------------------------------------------------------------
    Sidebar
-----------------------------------------------------------------*/

aside.sidebar{
    float: right;
    width: 25%;
}
div.near-aside{
    width: 75%;
    float: left;
    padding-right: 10%;
}
aside.sidebar.grey{
    background-color: rgba(0, 0, 0, .02);
    border-radius: 2px;
    padding: 25px;
    box-shadow: 0px 1px 2px 0px rgba(82,82,82,0.15);
}
aside.sidebar.smaller{ width: 20%; padding-left: 0; }
div.near-aside.bigger{ width: 80%; padding-right: 10%; }
aside.sidebar.left{ float: left; padding-left: 0; padding-right: 0; }
div.near-aside.right{ float: right; padding-right: 0; padding-left: 10%; }
div.near-aside.bigger.right{ float: right; padding-right: 0; padding-left: 10%; }
div.near-aside.bothsidebar{ width: 60%; padding: 0 5% 0 5%; }

div.sidebar-box{
    width: 100%;
    display: block;
    margin-bottom: 70px;
}
div.sidebar-box:last-child{ margin-bottom: 30px; }
div.sidebar-box.no-bottom:last-child{ margin-bottom: 0; }
div.sidebar-box > h4{
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 30px;
}

div.sidebar-box .photo-stream > [class*='col-']{ padding: 1px; }

aside.sidebar.grey > div.sidebar-box h4{ font-size: 16px; }

/* Sidebar Elements */
input.search-sidebar{
    background-color: #fff;
    border-width: 0 0 1px 0;
    border-style: 1px;
    border-color: #A8A8A8;
    padding-bottom: 12px;
    font-size: 13px;
    width: 100%;
}
div.tag-container{ margin-top: -10px; }
a.tag-sidebar{
    display: inline-block;
    margin: 3px 1px;
    border: 1px solid #ccc;
    padding: 5px 10px;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: lowercase;
}

ul.list > li{ padding-bottom: 15px; line-height: 14px; }
ul.list > li:last-child{ padding-bottom: 0; }
ul.list > li > a{
    font-size: 12px;
    letter-spacing: 1px;
}
ul.list > li i{
    margin: -3px 10px 0 0;
    padding: 0;
    font-size: inherit;
    color: inherit;
}

ul.sidebar-imgpost > li > div.img{ float: left; width: 20%; height: auto; }
ul.sidebar-imgpost > li > div.desc{ float: left; padding: 2% 0 0 5%; width: 80%; }
ul.sidebar-imgpost > li > div.desc > h3{ font-size: 13px; }
ul.sidebar-imgpost > li > div.desc > p{ font-size: 11px; }

aside.sidebar.rounded-sidebar{ background-color: rgba(0, 0, 0, .02); border-radius: 2px; padding: 25px }
aside.sidebar.rounded-sidebar > .sidebar-box:last-child{ margin-bottom: 0; }
aside.sidebar.rounded-sidebar h4{ font-size: 16px; text-transform: none; }

div.aside-info{ display: table; margin: 0; width: 100%; }
div.aside-info > div{ float: none; vertical-align: middle; padding: 0; display: table-cell; }
div.aside-info > div > h5{ color: #999; font-weight: 400; }
div.aside-info > div > h1, div.aside-info > div > p{ color: #555; }
div.aside-info > div > p{ font-size: 14px; }
div.aside-info > div > h1 > span{ font-size: 14px; vertical-align: top; line-height: 3em; margin-right: 6px; font-weight: 300; }


/* ----------------------------------------------------------------
    Comments
-----------------------------------------------------------------*/

.comment{ margin-top: 80px; display: table; }
.comment:first-child{ margin-top: 0; }
.comment.reply{ padding-left: 80px; }
.comment > img{
    float: none;
    display: table-cell;
    width: 60px;
    height: 60px;
    margin-top: 8px;
}
.comment > div.content{ float: none; width: 100%; padding-left: 30px; display: table-cell; }
.comment > div.content > h4{
    font-size: 15px;
    margin: 2px 0 10px 0;
    font-weight: 400;
    color: #555;
    letter-spacing: 0;
}
.comment > div.content > span{
    font-size: 11px;
    font-weight: 400;
    margin: 2px 0 10px 0;
    color: #999;
}
.comment > div.content > p{
    margin-top: 10px;
    font-weight: 400;
    color: #888787;
}
.comment.reply > div.content > h4 > span{
    margin-left: 10px;
    margin-top: -2px;
}


/* ----------------------------------------------------------------
    Footer
-----------------------------------------------------------------*/

footer {
    position: relative;
    z-index: 15;
    background-color: #333;
    padding: 50px 0 35px 0;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

footer.small{ padding: 35px 0; }
footer.small.grey-background{ background-color: #E8E7E7; }
footer.small p.f-left, footer.small div.f-right{ line-height: 24px; }
footer.small div.f-right > a{ font-size: 12px; vertical-align: top; }

footer hr{ border-top: 1px solid #444; }

.footer-box {
    width: 25%;
    padding: 0 2%;
    float: left;
}
.footer-box.col-3x{ width: 33.3333333333%; }
.footer-box.col-70{ width: 70%; padding: 0 5%; }
.footer-box.col-30{ width: 30%; padding: 0 5%; }

.footer-box.ptop-15{ padding-top: 15px; }
.footer-box:first-child { padding-left: 0; }
.footer-box.last { padding-right: 0; }
footer img.small-logo{ width: 100px; height: auto; margin-bottom: 20px; }
.footer-box h3 { color: #fff; font-size: 14px; margin-bottom: 20px; font-weight: 400; }
.footer-box > p{ font-size: 12px; color: #e2e2e2; max-width: 220px; }

.footer-box ul > li {
    color: #e2e2e2;
    font-size: 12px;
    font-weight: 300;
    padding-bottom: 10px;
    max-width: 80%;
    letter-spacing: 1px;
}
.footer-box ul > li > i { margin: -2px 5px 0 0; color: #a2a2a2; }

footer .icon-box{ display: table; }
footer .icon-box > *{ display: table-cell; vertical-align: top; color: #C8C8C8 !important; }
footer .icon-box > span{ font-size: 14px; margin: 0 5px 0 0; padding-top: 4px; }
footer .icon-box > p{ font-size: 12px; }

footer .photo-stream > div{ padding: 2px; }

footer span { margin: 0 0 0 5px; }
footer.small p > span{ vertical-align: top; color: #888; }

.footer-box > ul.sn-feed > li{ padding-top: 10px; }
.footer-box > ul.sn-feed > li > i{ display: table-cell; vertical-align: top; line-height: 28px; font-size: 22px; }
.footer-box > ul.sn-feed > li > div.content{ display: table-cell; padding-left: 15px; }
.footer-box > ul.sn-feed > li > div.content > p{ font-size: 11px; color: #C8C8C8; }
.footer-box > ul.sn-feed > li > div.content > span{ display: block; font-size: 10px; letter-spacing: 1px; margin-left: 0; }

footer .bottom-bar{
    width: 100%;
    margin-top: 50px;
    border-top: 1px solid rgba(76, 76, 76, 0.6);
    float: left;
    display: table;
    padding-top: 35px;
}
footer .bottom-bar > h3{
    display: table-cell;
    color: rgb(184, 184, 184);
    font-size: 12px;
    letter-spacing: 0px;
    font-weight: 500;
    vertical-align: bottom;
}
footer .social-container { display: table-cell; text-align: right; vertical-align: top; }
footer .social-container.txt-center{ display: block; }
footer .social-container > a{ margin: 0 2px; font-size: 14px; }
footer .social-container.circular > a{ color: #F0F0F0; margin: 0 8px; }
footer .social-container.circular > a > span{ font-size: 22px; }


/* ----------------------------------------------------------------
    Revolution Slider
-----------------------------------------------------------------*/

.wd-slider {
    width: 100%;
    background-color: #666;
    position: relative;
}
.tp-banner {
    width: 100%;
    position: relative;
}
.wd-slider ul { position: relative; }


/* ----------------------------------------------------------------
    Grid System
-----------------------------------------------------------------*/

/* Bootstrap Custom Code */
.row.no-gutter { margin-left:0;margin-right:0; }
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

.show-grid{ margin-left: 0; margin-right: 0; }
.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #EEE;
    border: 1px solid #DDD;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
.col-xs-15 {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

.row.d-table, .d-table{ display: table; width: 100%; }
.d-table.w-auto{ width: auto; }
.row.d-table > [class*='col-'], .d-cell{ display: table-cell; float: none; }
.va-top{ vertical-align: top !important; }
.va-mid{ vertical-align: middle !important; }
.va-bot{ vertical-align: bottom !important; }

/* Masonry Portfolio */
.mas-item.mas-5x{ width: 20%; }
.mas-item.mas-4x{ width: 25%; }
.mas-item.mas-3x { width: 33.333333333333%; }
.mas-item.mas-2x{ width: 50%; }

.mas-container.space{ margin-left: -1%; margin-right: -1%; }

/* [used with container] */
.mas-container.space-2x{ margin-left: -1.5%; margin-right: -1.5%; }
.mas-container.space-3x{ margin-left: -2%; margin-right: -2%; }
.mas-container.space-2x .mas-item.mas-2x{ width: 47%; margin: 1% 1.5%; }
.mas-container.space-3x .mas-item.mas-3x{ width: 29.33333333333333%; margin: 2%; }
/* [used with container-fluid] */
.mas-container.space .mas-item.mas-5x{ width: 18%; margin: 1%; }
.mas-container.space .mas-item.mas-4x{ width: 23%; margin: 1%; }
.mas-container.space .mas-item.mas-3x{ width: 31.33333333333333%; margin: 1%; }
.mas-container.space2x .mas-item.mas-4x{ width: 22%; margin: 1% 1.5%; }
.mas-container.space2x .mas-item.mas-3x{ width: 30.33333333333333%; margin: 1% 1.5%; }


.mas-container.elastic-gallery > .mas-item{
    padding: 15px;
}
.mas-container.elastic-gallery > .mas-item img{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.mas-container.elastic-gallery > .mas-item:hover .prf-overlay,
.mas-container.elastic-gallery > .mas-item:hover img{
    -moz-transform: scale(1.01);
    -webkit-transform: scale(1.01);
    transform: scale(1.01);
    box-shadow: rgba(0, 0, 0, 0.12) 5px 15px 20px;
}

/* ----------------------------------------------------------------
    Testimonials
-----------------------------------------------------------------*/

.testimonial > img{ width: 70px !important; height: 70px !important; border-radius: 100px; }
.testimonial > h4{ line-height: 2; }
.testimonial > h5{ color: #999; font-weight: 400; }


/* ----------------------------------------------------------------
    ShortCodes
-----------------------------------------------------------------*/

/* Buttons */
.rounded-btn{
    display: inline-block;
    height: 45px;
    line-height: 44px;
    padding: 0 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 3px;
    -webkit-appearance: none;
    color: #fff;
}
.rounded-btn.small{
    height: 40px;
    line-height: 40px;
    padding: 0 12px;
    font-size: 12px;
}
.border-btn{
    display: inline-block;
    padding: 12px 22px;
    font-size: 13px;
    font-weight: 400;
    border-radius: 25px;
    border-width: 1px;
    border-style: solid;
    color: #555;
    line-height: initial;
    letter-spacing: 1px;
}
.border-btn.slim{ border-width: 1px; border-radius: 3px; padding: 10px 15px; }
.border-btn.txt-uppercase{ font-size: 10px; }
.squared-btn{
    display: inline-block;
    padding: 10px;
    font-size: 10px;
    font-weight: 400;
    letter-spacing: 1px;
    background-color: #f3f3f3;
    color: #888;
}
.icon-reveal{ overflow: hidden; position: relative; padding: 0 25px; }
.border-btn.icon-reveal{ padding: 10px 25px 13px 25px; }
.border-btn.icon-reveal > i{
    height: 30px;
    width: 30px !important;
    padding: 0 !important;
    margin-top: -15px;
    top: 50%;
    line-height: 30px;
    border-radius: 100%;
}
.icon-reveal > span {
    position: relative;
    display: inline-block;
    left: 0;
}
.icon-reveal > i{
    display: block;
    position: absolute;
    top: 1px;
    margin: 0;
    text-align: center;
    left: -38px;
    width: 38px;
    height: 45px;
    line-height: 45px;
}
.icon-reveal.right > span{ right: 0; left: auto !important; }
.icon-reveal.right > i{
    right: -8px;
    left: auto !important;
    width: 38px;
    opacity: 0;
}
.icon-reveal,
.icon-reveal > i,
.icon-reveal > span,
.extended-btn * {
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.extended-btn.fade{ opacity: .7; }
.extended-btn > .icon-container{ width: auto; float: left; }
.extended-btn > .icon-container.circular{
    border: 1px solid #555;
    border-radius: 100%;
    height: 46px;
    line-height: 42px;
    text-align: center;
    width: 46px;
    color: #555;
}
.extended-btn > .icon-container.circular.white-clr{ color: #fff; border-color: #fff; }
.extended-btn > .icon-container.video-player{
    background-color: #262626;
    border-radius: 5px;
    height: 40px;
    line-height: 36px;
    text-align: center;
    padding: 0 25px;
}
.extended-btn > .txt-container{ float: left; margin-left: 20px; }

.rounded-btn.red-clr{ background-color: #DA3A3A; }
.rounded-btn.green-clr{ background-color: #6E8E4B; }
.rounded-btn.blue-clr{ background-color: #19a4c6; }
.rounded-btn.orange-clr{ background-color: #EA8135; }
.rounded-btn.teal-clr{ background-color: #5f8789; }
.rounded-btn.purple-clr{ background-color: #DE0BE2; }
.rounded-btn.aqua-clr{ background-color: #1ABC9C; }
.rounded-btn.black-clr{ background-color: #575757; }
.rounded-btn.facebook{ background-color: #3B5998; }
.rounded-btn.twitter{ background-color: #00ACEE; }

.border-btn.red-clr{ border-color: #DA3A3A; color: #DA3A3A; }
.border-btn.green-clr{ border-color: #6E8E4B; color: #6E8E4B; }
.border-btn.blue-clr{ border-color: #19a4c6; color: #19a4c6; }
.border-btn.orange-clr{ border-color: #EA8135; color: #EA8135; }
.border-btn.teal-clr{ border-color: #5f8789; color: #5f8789; }
.border-btn.purple-clr{ border-color: #DE0BE2; color: #DE0BE2; }
.border-btn.aqua-clr{ border-color: #1ABC9C; color: #1ABC9C; }
.border-btn.black-clr{ border-color: #575757; color: #575757; }
.border-btn.white-clr{ border-color: #fff; color: #fff; }

.border-btn.full{ color: #fff; }
.border-btn.full.red-clr{ border-color: #DA3A3A; background-color: #DA3A3A; }
.border-btn.full.green-clr{ border-color: #6E8E4B; background-color: #6E8E4B; }
.border-btn.full.blue-clr{ border-color: #19a4c6; background-color: #19a4c6; }
.border-btn.full.orange-clr{ border-color: #EA8135; background-color: #EA8135; }
.border-btn.full.teal-clr{ border-color: #5f8789; background-color: #5f8789; }
.border-btn.full.purple-clr{ border-color: #DE0BE2; background-color: #DE0BE2; }
.border-btn.full.aqua-clr{ border-color: #1ABC9C; background-color: #1ABC9C; }
.border-btn.full.black-clr{ border-color: #575757; background-color: #575757; }
.border-btn.full.white-clr{ border-color: #fff; background-color: #fff; }

.border-btn.full.icon-reveal > i{ background-color: rgba(0, 0, 0, 0.1); }

.rounded-btn:hover, .border-btn.full:hover{ opacity: .8; color: #fff !important; }
.border-btn.full.icon-reveal:hover{ opacity: 1 !important; }

.border-btn:hover{ color: #fff !important; }
.border-btn.red-clr:hover{ background-color: #DA3A3A; }
.border-btn.green-clr:hover{ background-color: #6E8E4B; }
.border-btn.blue-clr:hover{ background-color: #19a4c6; }
.border-btn.orange-clr:hover{ background-color: #EA8135; }
.border-btn.teal-clr:hover{ background-color: #5f8789; }
.border-btn.purple-clr:hover{ background-color: #DE0BE2; }
.border-btn.aqua-clr:hover{ background-color: #1ABC9C; }
.border-btn.black-clr:hover{ background-color: #575757; }
.border-btn.white-clr:hover{ background-color: #fff; color: #444 !important; }

.icon-reveal:hover > i{ left: -5px; opacity: 1; }
.icon-reveal:hover > span{ left: 8px; }
.border-btn.icon-reveal.right:hover{ padding: 10px 45px 13px 20px; }
.icon-reveal.right:hover > i{ right: 4px; left: auto !important; }
.icon-reveal.right:hover > span{ right: auto; left: auto !important; }

.extended-btn.fade:hover{ opacity: .8; }
.extended-btn:hover > .icon-container{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.extended-btn:hover > .txt-container{ margin-left: 25px; }
.extended-btn:hover > .video-player *{ text-shadow: 0 0 25px rgba(255, 255, 255, 0.6); }

/* Messages */
div.message{
    padding: 20px 30px;
    border: none;
    color: #fff;
}
div.message > p{ color: inherit; font-size: 14px; }
div.message.light{
    border-width: 1px;
    border-style: solid;
}
div.message.with-icon{
    padding-left: 65px;
    position: relative;
}
div.message.with-icon::before{
    width: 38px;
    display: block;
    content: "";
    position: absolute;
    top: 25px;
    left: 15px;
    font-family: FontAwesome;
    font-size: 22px;
    text-align: center;
}

div.message.error{ background-color: #F26161; }
div.message.notice{ background-color: #EF9244; }
div.message.success{ background-color: #5EC764; }
div.message.info{ background-color: #19a4c6; }

div.message.light.error{ border-color: #F26161; color: #F26161; background-color: transparent; }
div.message.light.notice{ border-color: #EF9244; color: #EF9244; background-color: transparent; }
div.message.light.success{ border-color: #5EC764; color: #5EC764; background-color: transparent; }
div.message.light.info{ border-color: #19a4c6; color: #19a4c6; background-color: transparent; }

div.message.with-icon.error::before{ content: "\f05c"; }
div.message.with-icon.notice::before{ content: "\f056"; }
div.message.with-icon.success::before{ content: "\f05d"; }
div.message.with-icon.info::before{ content: "\f06a"; }

/* Progress Bars */
.progressbar{
    background-color: #E8E8E8;
    overflow: visible;
    width: 100%;
    height: 12px;
    border-radius: 4px;
    position: relative;
}
.progressbar.style1{ height: 2px; border-radius: 0; }
.progressbar.style2{ height: 12px; border-radius: 4px; }
.progressbar.style3{ padding: 2px; }
.progressbar.style4{ border-radius: 0; }
.progressbar.style5{ height: 25px; }

.progressbar.with-txt > div.progress-level > span{
    height: 24px;
    padding: 2px 0;
    position: absolute;
    top: 0px;
    right: 0px;
    text-align: center;
    line-height: 23px;
    letter-spacing: 0;
    font-size: 11px;
    color: #8E8E8E;
}

.progress-level{
    height: 100%;
    position: relative;
}
.progressbar.style2 > div.progress-level{ border-radius: inherit; }
.progressbar.style3 > div.progress-level{ border-radius: 3px; }

/* Tabs */
.tabs.top-nav > ul.tabs-nav > li{ float: left; }
.tabs.left-nav > ul.tabs-nav{ float: left; width: 25%; margin-top: 20px; }
.tabs.top-nav.left-space-nav > ul.tabs-nav > li:first-child{ margin-left: 20px; }
.tabs.top-nav.rounded-nav > ul.tabs-nav > li{
    border: 1px solid #888;
    border-radius: 25px;
    margin: 0 20px 10px 0;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.tabs.top-nav.rounded-nav > ul.tabs-nav > li > a{ background-color: transparent !important; height: 30px; line-height: 30px; }
.tabs > ul.tabs-nav > li{ padding-top: 0; padding-bottom: 0; }
.tabs > ul.tabs-nav > li > a{
    font-size: 12px;
    color: #555;
    letter-spacing: 1px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    background-color: #f0f0f0;
    position: relative;
}
.tabs > ul.tabs-nav > li > a:hover{ background-color: #E4E4E4; }
.tabs > ul.tabs-nav > li.active > a{ color: #fff !important; }
.tabs.bordered > ul.tabs-nav > li.active > a{ top: 1px; }
.tabs.left-nav > ul.tabs-nav > li.active > a{ left: 1px; }

.tabs > div.tabs-container > div.tab-content{
    display: none;
    padding: 20px 0;
}
.tabs > div.tabs-container > div.tab-content.active{ display: block; }

.tabs.bordered > div.tabs-container{ border: 1px solid #EAEAEA; }
.tabs.bordered > div.tabs-container > div.tab-content{ padding: 20px 20px; }
.tabs.left-nav > div.tabs-container{ float: left; width: 75%; border-left: 1px solid #EAEAEA; }
.tabs.left-nav > div.tabs-container > div.tab-content{ padding-top: 0; padding-left: 30px; }

.tabs.minimal{ border: 1px solid #EAE9E9; padding: 30px 40px; }
.tabs.minimal > ul.tabs-nav > li > a{
    background-color: transparent;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    padding: 0 15px;
}
.tabs.minimal > ul.tabs-nav > li.active,
.tabs.minimal > ul.tabs-nav > li.active > a{
    background-color: transparent !important;
    color: #555;
}
.tabs.minimal > ul.tabs-nav > li.active{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.tabs.minimal > div.tabs-container{ border-top: 1px solid #EFEFEF; margin-top: -1px; }

/* Toggles */
.toggle{ width: 100%; position: relative; }
.toggle div.toggle-header{ position: relative; }
.toggle div.toggle-header::before{
    color: #BABABA;
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -14px;
    font-family: ElegantIcons;
    font-size: 12px;
}
.toggle div.toggle-header::before{ content: "\004c"; font-size: 14px; color: inherit; }
.toggle div.toggle-header > a{
    width: 100%;
    padding: 15px 40px 15px 20px;
    font-size: 12px;
    line-height: 1.6;
    font-weight: 500;
    color: #777;
    letter-spacing: 1px;
    background-color: #f7f7f7;
    margin-bottom: 15px;
}
.toggle div.toggle-header.active::before{ content: "\f068"; }

.toggle div.toggle-content{
    position: relative;
    top: -10px;
    background-color: transparent;
}
.toggle div.toggle-content > p{ padding: 20px 20px 40px 20px; }
.toggle div.toggle-content.collapse.in{ display: block; }

.toggle.bordered div.toggle-header > a{
    background-color: transparent;
    border: 1px solid #E0E0E0;
}
.toggle.bordered div.toggle-content{ background-color: transparent; }

.toggle.light div.toggle-header > a{
    background-color: transparent;
    padding: 0 0 0 25px;
    height: 40px;
    line-height: 40px;
}
.toggle.light div.toggle-header::before{
    left: 0;
    right: auto;
    height: 40px;
    line-height: 40px;
    color: #999;
    top: 0;
    margin-top: 0;
}
.toggle.light div.toggle-content{
    background-color: transparent;
    padding: 0 0 15px 0;
}

/* Pricing Tables */
.pricing-table{
    background-color: #fff;
    border-radius: 4px;
    width: 100%;
    padding: 40px 0 40px 0;
}
.pricing-table > h3{ font-size: 22px; padding: 0 0 20px 0; }
.pricing-table > p.subtitle{ max-width: 60%; font-size: 13px; color: #777; }
.pricing-table > div.price-container{ margin: 40px 0 45px 0; }
.pricing-table > div.price-container > h4,
.pricing-table > div.price-container > h1{
    font-size: 64px;
    font-weight: 100;
    margin-left: -10px;
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
}
.pricing-table > div.price-container > h4 > span,
.pricing-table > div.price-container > h1 > span { font-size: 22px; vertical-align: top; margin: 15px 10px 0 0; }
.pricing-table > div.features-container { margin-top: 40px; }
.pricing-table > div.features-container > p{ font-size: 13px; }
.pricing-table > div.features-container > p > span { color: #444; font-weight: 500; }
.pricing-table > hr{ border-style: solid; border-color: #EAEAEA; width: 80%; }
.pricing-table.bordered > hr{ border-width: 1px 0 0 0; }

.pricing-table.bordered{
    border: 1px solid #EAEAEA;
    border-radius: 2px;
}
.pricing-table.light > h3{ padding-bottom: 30px; }
.pricing-table.light > div.price-container{ margin: 0 0 35px 0; }
.pricing-table.light > div.price-container > h4{ font-weight: 200; }

.pricing-table.minimal{ display: table; width: auto; background-color: transparent; padding: 0; }
.pricing-table.minimal > div.price-container{ margin: 0; }
.pricing-table.minimal > div.price-container > h1{ margin: 0; display: inline-block; font-size: 72px; }
.pricing-table.minimal > div.price-container > h1 > span{ margin: 25px 5px 0 0; font-weight: 100; }
.pricing-table.minimal > div.price-container > h3{
    display: inline-block;
    font-size: 14px;
    margin-left: 10px;
}

/* Popup */
.mfp-bg{ opacity: 0.7 !important; filter: alpha(opacity=70) !important; z-index: 99998 !important; }
.mfp-wrap{ z-index: 99999 !important; }
.mfp-modal{
    position: relative;
    background: #FFF;
    padding: 40px 0;
    width: auto;
    max-width: 500px;
    margin: 20px auto;
}
.mfp-modal-header{
    width: 100%;
    margin-bottom: 20px;
    padding: 0 40px;
}
.mfp-modal-title{
    color: #555;
    letter-spacing: 2px;
}
.mfp-modal-close::before{
    display: block;
    font-family: FontAwesome;
    font-size: 16px;
    content: "\f00d";
}
.mfp-modal-close{
    position: absolute;
    top: 0;
    right: 0;
    padding: 15px;
    color: #fff;
}
.mfp-modal-close:hover{ color: #fff !important; opacity: 0.8; }
.mfp-modal-content{
    margin-top: 20px;
    padding: 0 40px;
}

/* Popover */
.popover-content{ font-size: 14px; line-height: 1.4; }

/* Notification */
.notification{
    position: fixed;
    bottom: 10%;
    left: 50%;
    z-index: 99999;
    padding: 10px 20px;
    display: none;
    border-radius: 2px;
    width: 300px;
    margin-left: -150px;
}
.notification > p{ color: #fff; font-weight: 400; }

.notification.error{ background-color: #F26161; }
.notification.notice{ background-color: #EF9244; }
.notification.success{ background-color: #5EC764; }
.notification.info{ background-color: #6795DB; }

/* Tables */
table.fullwidth{ width: 100%; }
table th, table td{
    border: 1px;
    border-color: #e5e5e5;
    border-style: solid;
    padding: 15px;
    font-size: 13px;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 300;
}
table th{
    border-bottom-width: 2px;
    font-size: 14px;
    font-weight: 500;
}

table.slim th, table.slim td{ border-width: 0 0 1px 0; }
table.slim th{ border-bottom-width: 2px; }

table.clean th, table.clean td{ border-width: 0; }
table.clean th{ border-bottom-width: 2px; }
table.clean tr:hover{ background-color: #F0F0F0; }
table.clean tr:first-child:hover{ background-color: transparent; }

table.striped tr:nth-child(2n+0) > td{ background-color: #F0F0F0; }

/* Promo boxes */
.white-promobox{
    border-top: 2px solid #EDEDED;
    border-bottom: 2px solid #EDEDED;
}

/* Color palette */
.color-palette > div{
    display: inline-block;
    border-radius: 100%;
    width: 18px;
    height: 18px;
    margin: 0 5px;
}
.color-palette.big > div{ width: 50px; height: 50px; }

.color-palette > div.red{ background-color: #DA3A3A; }
.color-palette > div.aqua{ background-color: #1ABC9C; }
.color-palette > div.aqua08{ background-color: #51E2C6; }
.color-palette > div.aqua05{ background-color: #7CDECB; }
.color-palette > div.aqua03{ background-color: #A2ECDE; }
.color-palette > div.orange{ background-color: #EA8135; }

.color-palette > p.color-info{
    background-color: #F9F9F9;
    display: table;
    padding: 2px 10px;
    border-radius: 5px;
    font-size: 10px;
}

/* Range Slider */
.irs-line{ height: 8px !important; background: #DDD !important; border: none !important; }
.irs-bar, .irs-bar-edge{ height: 8px !important; border: none !important; }
.irs-single, .irs-min, .irs-max, .irs-from, .irs-to{ font-size: 12px !important; }
.irs-min, .irs-max{ color: #777 !important; }
.irs-slider{
    width: 20px !important;
    height: 20px !important;
    top: 27px !important;
    background: #fff !important;
    border-color: #BBB !important;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important;
}
.irs-slider:after{ width: 8px; height: 8px; border-radius: 100%; margin-top: 5px; margin-left: 5px; }
.irs-shadow{ height: 8px !important; top: 33px !important; }

/* Pagination */
.bl-pagination > li{ display: inline-block; margin-left: -4px; }
.bl-pagination > li:first-child{ margin-left: 0; }
.bl-pagination > li > a,
.bl-pagination > li > p{
    float: left;
    height: 38px;
    border: 1px solid #DDD;
}
.bl-pagination > li:nth-child(2) > a{ padding: 0 15px 0 25px; }
.bl-pagination > li:nth-last-child(2) > a{ padding: 0 25px 0 15px; }
.bl-pagination > li > p{ padding: 0 25px !important; }
.bl-pagination > li > a,
.bl-pagination > li > p{
    border-left: none;
    border-right: none;
    line-height: 38px;
    padding: 0 15px;
    font-size: 12px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #999;
}
.bl-pagination > li:first-child > a,
.bl-pagination > li:last-child > a{
    line-height: 32px;
    padding: 0 10px;
    font-size: 22px;
}
.bl-pagination > li:first-child > a{ border: 1px solid #DDD; border-top-left-radius: 25px; border-bottom-left-radius: 25px; }
.bl-pagination > li:last-child > a{ border: 1px solid #DDD; border-top-right-radius: 25px; border-bottom-right-radius: 25px; }

.bl-pagination.next-pagination > li > a{ line-height: 38px; font-size: 12px; }
.bl-pagination.next-pagination > li:last-child > a{ padding: 0 15px 0 20px; }
.bl-pagination.next-pagination > li > a > span{
    height: 38px;
    line-height: 32px;
    font-size: 22px;
    margin-left: 2px;
}

.bl-pagination.next-pagination > li:last-child,
.bl-pagination.arrow-pagination > li:last-child{ margin-left: -4px; }
.bl-pagination.next-pagination > li:last-child > a,
.bl-pagination.arrow-pagination > li:last-child > a{ border-left: none; }

.bl-pagination.minimal > li > a{ border: none; }
.bl-pagination.minimal > li > p{
    border: none;
    font-size: 18px;
    line-height: 34px;
    padding: 0 20px !important;
}
.bl-pagination.minimal > li > a > span{ color: #888; }

.bl-pagination > li:first-child > a:hover,
.bl-pagination > li:last-child > a:hover,
.bl-pagination.next-pagination > li > a:hover,
.bl-pagination.arrow-pagination > li > a:hover{ background-color: #FBFBFB; }
.bl-pagination.minimal > li > a:hover{ background-color: transparent; }

.pagination > li:after,
.pager > li:after{ display: initial !important; }
.pagination-lg > li > a, .pagination-lg > li > span{ height: 46px !important; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span,
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span{ padding-top: 7px !important; }
.pagination > li > a, .pagination > li > span{ height: 34px; }
.pagination-sm > li > a, .pagination-sm > li > span{ height: 30px; }

/* Switcher */
.twentytwenty-container.transparent-handle .twentytwenty-handle{ background-color: transparent; }

/* Code */
:not(pre) > code[class*="language-"], pre[class*="language-"]{
    background: #f5f5f5 !important;
    font-size: 14px !important;
    border-color: #EFEFEF;
    border-radius: 0;
    padding: 30px 20px !important;
    border-top: 0 !important;
    margin-top: 0 !important;
}
span.token.comment{ margin-top: 0; }
.code-topbar{
    width: 100%;
    padding: 8px 20px;
    background-color: #EFEFEF;
}
.code-topbar > p{ font-size: 11px; }

/* Text Rotator */
h1 > span.morphext{ margin-top: -10px; }
h2 > span.morphext,
h3 > span.morphext{ margin-top: -8px; }
h1 > span.label.morphext{ margin-top: -5px; }
h2 > span.label.morphext,
h3 > span.label.morphext{ margin-top: -4px; }

/* Social Icons */
a.social-icon{
    background-color: #f3f3f3;
    border-radius: 2px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    overflow: hidden;
}
a.social-icon.circular{ border-radius: 100%; margin: 3px; }
a.social-icon.inverted > i:first-child, a.social-icon.inverted > span:first-child{ margin-top: -40px; }
a.social-icon.inverted > i:last-child, a.social-icon.inverted > span:last-child{ margin-top: 0; }

a.social-icon > i, a.social-icon > span{
    padding-left: 0;
    position: relative;
    display: block;
    line-height: 40px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.social-icon:hover > i:first-child, a.social-icon:hover > span:first-child{ margin-top: -40px; }
a.social-icon:hover > i:last-child, a.social-icon:hover > span:last-child{ margin-top: 0; }
a.social-icon.inverted:hover > i, a.social-icon.inverted:hover > span{ margin-top: 0; }

.social-bar{ display: table; border-top: 1px solid #F3F3F3; border-bottom: 1px solid #F3F3F3; padding: 0 10px; }
.social-bar > a{ line-height: 40px; padding: 0 20px; color: #ABABAB; height: 42px; }
.social-bar > a > i{ padding-left: 0; }

.social-circular > a{
    display: inline-block;
    margin-right: 10px;
    background-color: rgba(240, 240, 240, 0.5);
    width: 40px;
    height: 40px;
    line-height: 38px;
    font-size: 14px;
    color: #ABABAB;
    border-radius: 100%;
}
.social-circular > a.facebook:hover{ background-color: #3B5998; color: #fff !important; }
.social-circular > a.twitter:hover{ background-color: #00ACEE; color: #fff !important; }
.social-circular > a.instagram:hover{ background-color: #3F729B; color: #fff !important; }
.social-circular > a.youtube:hover{ background-color: #e52d27; color: #fff !important; }
.social-circular > a > i{ font-size: inherit; padding: 0; color: inherit; }

/* Pie Charts */
.piechart > canvas{ display: table; margin: 0 auto; }
.piechart > h1, .piechart > .icon{
    position: absolute;
    top: 50%;
    left: 50%;
}
.piechart > h1{
    font-size: 38px;
    line-height: 38px;
    height: 38px;
    width: 100%;
    text-align: center;
    margin-top: -19px;
    left: 0;
    color: #777;
}
.piechart > .icon{
    font-size: 38px;
    margin: -16px 0 0 0;
    width: 100%;
    left: 0;
    text-align: center;
}
.piechart.background > h1, .piechart.background > .icon{
    background-color: #757575;
    border-radius: 100%;
    height: 68px;
    width: 68px;
    line-height: 68px;
    margin: -34px 0 0 -34px;
    color: #fff;
    font-size: 20px;
    left: 50%;
}
.piechart.background > .icon{ font-size: 24px; text-align: center; }

/* Frame Carousel */
.framecarousel{ width: 100%; }
.framecarousel .owl-carousel{
    position: absolute;
    width: 100%;
    overflow: hidden;
    left: 0;
}
.framecarousel .carousel-nav{
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 54px;
    z-index: 13;
}
.framecarousel .carousel-nav a.carousel-nav-prev{ margin-left: -20px; }
.framecarousel .carousel-nav a.carousel-nav-next{ margin-right: -20px; }


.framecarousel .owl-carousel .owl-item.active,
.framecarousel .owl-carousel .owl-item.active *{ opacity: 1; }

.framecarousel .owl-carousel .owl-item{
    opacity: .6;
    webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    transition: all 300ms linear;
}
.framecarousel[data-full-viewport="false"] .owl-carousel .owl-item{ opacity: 1 !important; }

/* Pulse Button */
.pulse-btn{
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 28px;
    font-weight: 900;
    font-size: 20px;
    padding-left: 2px;
    position: absolute;
    box-shadow: 0 0 0 rgba(0,0,0, 0.2);
    animation: pulse-effect 1s infinite;
}

@-webkit-keyframes pulse-effect {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0.2);
  }
  70% {
      -webkit-box-shadow: 0 0 0 15px rgba(0,0,0, 0);
  }
  100% {
      -webkit-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}
@keyframes pulse-effect {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0.2);
    box-shadow: 0 0 0 0 rgba(0,0,0, 0.2);
  }
  70% {
      -moz-box-shadow: 0 0 0 15px rgba(0,0,0, 0);
      box-shadow: 0 0 0 15px rgba(0,0,0, 0);
  }
  100% {
      -moz-box-shadow: 0 0 0 0 rgba(0,0,0, 0);
      box-shadow: 0 0 0 0 rgba(0,0,0, 0);
  }
}


/* ----------------------------------------------------------------
    Index
-----------------------------------------------------------------*/

/* Frame Carousel */
#framecarousel-carousel-1{ top: 6.5%; }
#framecarousel-carousel-2{ top: 11.3%; }

#framecarousel-2{ bottom: 0; }
#framecarousel-2 > img{ width: 13%; margin-right: 25%; }

/* Monochrome Images */
#monochrome-1{ display: inline-block; z-index: 3; width: 100%; right: 22%; }
#monochrome-2{ display: inline-block; z-index: 2; width: 33%; right: 10%; top: 0; bottom: 0; margin: auto; overflow: auto; }
#monochrome-3{ display: inline-block; z-index: 1; width: 18%; right: 1%; top: 0; bottom: 0; margin: auto; overflow: auto; }

/* Services Boxes */
.service-box{ display: table; }
.service-box > div.icon-container,
.service-box > div.info-container{ display: table-cell; vertical-align: top; }
.service-box > div.icon-container > span{ font-size: 28px; margin-top: 10px; }
.service-box > div.icon-container > span.animated-icon{ width: 34px !important; }
.service-box > div.info-container{ padding: 5px 0 5px 30px; }
.service-box > div.info-container.p-reverse{ padding: 5px 30px 10px 0; }
.service-box > div.info-container > p{ margin-top: 10px; color: #888; font-size: 11px; }
.service-box > div.info-container > a{ margin-top: 15px; font-size: 10px; letter-spacing: 1px; }

.service-box.big-img > div.icon-container,
.service-box.big-img > div.info-container{ display: block !important; text-align: center; }
.service-box.big-img > div.icon-container > img{ width: 80%; height: auto; display: inline-block; }
.service-box.big-img > div.info-container{ padding: 0; margin-top: 40px; }
.service-box.big-img > div.info-container > p{ font-size: 12px; margin-top: 20px; }

.service-box.long-desc > div.info-container > p{ font-size: 13px; max-width: 240px; }

.mid-service-box > span{ display: table; font-size: 42px; }

.big-service-box{
    background-color: rgba(255, 255, 255, 0.95);
    margin: 0 15px;
    text-align: center;
    padding: 80px 15px;
}

.service-box.colored > div.icon-container{ text-align: center; height: 60px; width: 60px; }
.service-box.colored > div.icon-container i{ color: #fff; font-size: 24px; line-height: 58px; }
/* Colors */
.service-box.colored.red-clr > div.icon-container > div{ background-color: #DA3A3A; }
.service-box.colored.green-clr > div.icon-container > div{ background-color: #6E8E4B; }
.service-box.colored.blue-clr > div.icon-container > div{ background-color: #19a4c6; }
.service-box.colored.orange-clr > div.icon-container > div{ background-color: #EA8135; }
.service-box.colored.teal-clr > div.icon-container > div{ background-color: #5f8789; }
.service-box.colored.purple-clr > div.icon-container > div{ background-color: #DE0BE2; }
.service-box.colored.aqua-clr > div.icon-container > div{ background-color: #1ABC9C; }
.service-box.colored.black-clr > div.icon-container > div{ background-color: #575757; }

/* Counters */
.counter > p.icon-container > i, .counter > h2, .counter > h3{ color: #666; }
.counter.white > p.icon-container > i, .counter.white > h2, .counter.white > h3{ color: #fff; }
.counter.white > h2{ margin-top: 10px; }
.counter > p.icon-container > i{ font-size: 32px; }
.counter > h2{
    font-size: 38px;
    font-weight: 300;
    letter-spacing: 2px;
}
.counter > hr{ border-color: #888; }
.counter > hr.white-color{ border-color: #fff; }
.counter > h3{
    font-size: 14px;
    margin-top: 30px;
    font-weight: 400;
}
.counter.white hr{ border-color: #f0f0f0; }
.counter.dark > p.icon-container > i, .counter.dark > h2, .counter.dark > h3{ color: #777 }
.counter.dark > hr{ border-color: #888; }

.light-counter > h2{
    font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-weight: 100;
    font-size: 46px;
    margin-top: 10px;
}

.minimal-counter > h3{ font-size: 12px; color: #555; }
.minimal-counter > h2{ color: #666; font-size: 46px; line-height: 42px; letter-spacing: 0; font-weight: 200; font-family: 'Roboto'; }
.minimal-counter > h2 > span{ font-size: 16px; position: relative; color: inherit; top: -12px; padding-right: 8px; color: #999; font-weight: 300;  }

/* Steps Boxes */
.step-box > p.number-container{ color: #fff; font-size: 18px; }
.step-box > h3{ color: #fff; margin-top: 15px; letter-spacing: 2px; }
.step-box > p.desc{ color: #fff; font-size: 13px; max-width: 200px; margin-top: 15px; }

.step-box.with-icon{ float: left; width: 25%; }
.step-box.with-icon > div.icon-container{ margin: 0 auto; display: table; position: relative; z-index: 2; }
.step-box.with-icon > div.icon-container > span{
    width: 82px;
    line-height: 78px;
    height: 82px;
    color: #868686;
    font-size: 32px;
    display: table;
    text-align: center;
    border-radius: 100%;
    background-color: #F3F3F3;
}
.step-box.with-icon > div.txt-container{ width: 100%; padding: 0 30px; }
.step-box.with-icon > div.txt-container > h3{ font-size: 14px; font-weight: 400; color: #9a9a9a; }
.step-box.with-icon > div.txt-container > p{ text-align: center; margin-top: 10px; color: #888; font-size: 11px; }

.row.h-step-boxes > [class*='col-'].first:before, .row.h-step-boxes > [class*='col-'].last:after{ display: none !important; }
.row.h-step-boxes > [class*='col-']:after{
    left: auto !important;
    right: 0 !important;
    margin: 0 -26px 0 0 !important;
}
.row.h-step-boxes > [class*='col-']:before, .row.h-step-boxes > [class*='col-']:after{
    content: '';
    position: absolute;
    top: 30px;
    left: 0;
    margin-left: -26px;
    width: 50%;
    border-top: 1px dashed #DDD;
    z-index: 9;
}
.row.h-step-boxes > [class*='col-'] > [class*='p-left-'][class*='p-right-'],
.row.h-step-boxes > [class*='col-'] > span.big-icon,
.row.h-step-boxes > [class*='col-'] > i.big-icon{ z-index: 99; background-color: #fff; }
.row.h-step-boxes.grey-background > [class*='col-'] > span.big-icon,
.row.h-step-boxes.grey-background > [class*='col-'] > i.big-icon{ z-index: 99; background-color: #f5f5f5; }

/* Small Blog Post */
.small-blog-post > div.post-header > p.top-title{ font-size:10px; color: #fff; font-weight: 500; top: 30px; margin-left: 30px; }

.color-span{ padding: 2px 10px; border-radius: 2px; }
.color-span.aqua-clr{ background-color: #1ABC9C; }
.color-span.white-clr{ background-color: #fff; }

.small-blog-post > p.desc{ margin-top: 10px; }

/* Other style */
.aside-options{ float: right; }
.aside-options.left{ float: none; }
.aside-options > a{
    font-size: 13px;
    letter-spacing: 1px;
    color: #949494;
    display: inline-block;
    margin: 0 20px;
    border-bottom: 1px solid transparent;
    padding-bottom: 10px;
}

.aside-options > a.active,
.aside-options > a:hover{
    color: #666 !important;
}

/* Pageboxes */
.pagebox.index-1, .pagebox.index-2{
    background-size: cover;
    background-repeat: no-repeat no-repeat;
    background-attachment: fixed;
}
.pagebox.index-1{
    background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-position: center center;
}
.pagebox.index-2{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); }

.pagebox.index-2:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(5, 5, 5, 0.2);
    background-image: url(../img/pixel-grid-25.png);
    background-repeat: repeat repeat;
}

.pagebox-top-nav{ display: table; width: auto; }
.pagebox-top-nav > div{ display: table-cell; border-right: 1px solid #D6D6D6; }
.pagebox-top-nav > div:last-child{ border-right: none; }
.pagebox-top-nav > div > p{ display: inline-block; color: #999; font-size: 12px; }
.pagebox-top-nav > div select{
    border-radius: 0 !important;
    background-color: transparent !important;
    border-color: transparent !important;
    text-transform: uppercase;
    font-weight: 600;
    height: auto !important;
}
.pagebox-top-nav > div .select-wrap{ line-height: 100% !important; margin-left: 5px; padding-right: 15px; }
.pagebox-top-nav > div .select-wrap:before{ line-height: 16px !important; right: 0; }


/* ----------------------------------------------------------------
    Portfolio
-----------------------------------------------------------------*/

.fluid-container.prf-fullwidth .prf-item.space,
.prf-item.space{ padding: 5px; }
.fluid-container.prf-fullwidth .prf-item.space > div.prf-overlay,
.prf-item.space > div.prf-overlay{ margin: 5px; }

.isotope-grid{
    -webkit-transition: all 300ms !important;
    -moz-transition: all 300ms !important;
    -o-transition: all 300ms !important;
    transition: all 300ms !important;
}

.fluid-container.prf-fullwidth .prf-item{
    width: 100% !important;
}

div.prf-overlay{
    visibility: hidden;
    opacity: 0;
    width: auto;
    height: auto;
    background-color: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    position: absolute;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
div.prf-overlay > .prf-overlay-obj{
    visibility: hidden;
    opacity: 0;
    top: 45%;
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    width: 100%;
    -webkit-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    -o-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
div.prf-overlay > .prf-overlay-obj.prf-title{
    color: #fff;
    bottom: auto;
    margin-top: -32px;
    text-transform: none;
    font-size: 20px;
    font-weight: 400;
}
div.prf-overlay > .prf-overlay-obj.prf-link{
    color: #fff;
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 500;
    bottom: auto;
    margin-top: 15px;
}
div.prf-overlay > .prf-overlay-obj.prf-link > i { color: inherit; font-size: inherit; margin-left: 5px; }

.prf-item:hover div.prf-overlay{
    visibility: visible;
    opacity: 1;
}

/* ON HOVER EFFECT 01 */
.prf-item.scale-effect{
    width: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden;
}
.prf-item.scale-effect > img{
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.prf-item.scale-effect:hover > img{
    -webkit-transform: scale(1.20);
    -moz-transform: scale(1.20);
    -o-transform: scale(1.20);
    -ms-transform: scale(1.20);
    transform: scale(1.20);
}
/* ON HOVER EFFECT 02 */
.prf-item.box-effect > div.prf-overlay > .prf-overlay-obj{ top: 50%; }
.prf-item.box-effect > div.prf-overlay:after{
    position: absolute;
    z-index: -1;
    top: 60px;
    bottom: 60px;
    left: 70px;
    right: 70px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    border-left: 1px solid rgba(255, 255, 255, 0.5);
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}
.prf-item.box-effect:hover > div.prf-overlay:after{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.prf-item:hover div.prf-overlay > .prf-overlay-obj{ visibility: visible; opacity: 1; }
.prf-item:hover div.prf-overlay > .prf-overlay-obj{ top: 50%; }

/* ON HOVER ECCECT 03 */
.prf-item.draw-box-effect div.prf-overlay::before,
.prf-item.draw-box-effect div.prf-overlay::after{
    position: absolute;
    top: 30px;
    right: 30px;
    bottom: 30px;
    left: 30px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}

.prf-item.draw-box-effect div.prf-overlay::before{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}

.prf-item.draw-box-effect div.prf-overlay::after{
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    -webkit-transform: scale(1,0);
    transform: scale(1,0);
}
.prf-item.draw-box-effect:hover div.prf-overlay::before,
.prf-item.draw-box-effect:hover div.prf-overlay::after{
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}


/* ----------------------------------------------------------------
    Blog
-----------------------------------------------------------------*/

article.blog-post{ margin-bottom: 100px; }
article.blog-post:last-child{ margin-bottom: 0; }
article.blog-post > div.post-header > img{ opacity: 0.9; }
article.blog-post > div.post-header > p.top-title{
    font-size: 12px;
    color: #fff;
    font-weight: 800;
    top: 40px;
    left: 30px;
}
article.blog-post > div.post-header > h2.title{
    bottom: 40px;
    left: 30px;
    text-transform: none;
    letter-spacing: 2px;
    font-weight: 300;
    font-size: 28px;
    color: #fff;
}
article.blog-post > div.desc{ margin-top: 50px; }
article.blog-post > div.desc > h5.infobar{
    text-transform: uppercase;
    font-weight: 400;
    color: #B3B3B3;
    font-size: 11px;
    margin-bottom: 20px;
}
article.blog-post > div.desc > h5.infobar > a{ margin-top: -3px; opacity: .8; font-weight: inherit; }
article.blog-post > div.desc > a.goToArticle{
    margin-top: 40px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: .8;
}
article.blog-post > div.desc > a.goToArticle > span{
    margin: -2px 0 0 8px;
    font-size: 14px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
article.blog-post > div.desc > a.goToArticle:hover > span{ margin-left: 11px; }

.blog-post-s2{
    width: 100%;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -o-transition: all 200ms;
    transition: all 200ms;
}
.blog-post-s2.initial-shadow{ box-shadow: rgba(0, 0, 0, 0.05) 3px 3px 30px; }
.blog-post-s2 > div.desc{ padding: 30px 20px; background-color: #fff; position: relative; }
.blog-post-s2.grey-background > div.desc{ background-color: #fafafa; }
.blog-post-s2 > div.desc > div.row > .article-author > img{
    margin: 0px 10px 0 0;
    border-radius: 100%;
    float: left;
    width:20px;
    height: 20px;
}
.blog-post-s2 > div.desc > div.row > .article-author > p{ float: left; font-size: 10px; font-weight: 500; }
.blog-post-s2 > div.desc > div.row > .article-date > p{ font-size: 10px; text-align: right; }

.blog-post-s2.quote-post:before{
    display: block;
    font-family: 'ElegantIcons';
    position: absolute;
    font-size: 280px;
    content: "\007b";
    right: -80px;
    bottom: -70px;
    color: rgba(0,0,0,.04);
    z-index: 1;
}
.blog-post-s2.quote-post{
    overflow: hidden;
    position: relative;
    opacity: .7;
}
.blog-post-s2.quote-post > div.desc{ padding: 30px; }
.blog-post-s2.quote-post > div.desc > p{
    font-size: 18px;
    line-height: 2.2;
}
.blog-post-s2.quote-post > div.desc > h5{
    font-weight: 400;
    opacity: .9;
    font-style: italic;
}

.blog-post-s2:hover{
    box-shadow: 2px 5px 30px rgba(0, 0, 0, 0.09);
    -webkit-transform: scale(1.015);
    -moz-transform: scale(1.015);
    -o-transform: scale(1.015);
    -ms-transform: scale(1.015);
    transform: scale(1.015);
}
.blog-post-s2.initial-shadow:hover{ box-shadow: rgba(0, 0, 0, 0.1) 5px 5px 30px; }

/* Creative Blog */
#hideArticles{ position: absolute; top: 10px; right: 15px; font-size: 22px; }

.article-creative-timeline{
    width: 400px;
    height: 100vh;
    background-color: #ededed;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 0 70px;
    background-image: url(../img/pixel-grid-25.png);
    background-repeat: repeat repeat;
}

.cb-timeline-box {
  position: relative;
  padding: 3em 0;
}
.cb-timeline-box::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 4px;
  background: rgba(171, 171, 171, 0.5);
}
.cb-timeline-block > div.cb-timeline-circle{ border-radius: 100%; left: -9px; border: 7px solid rgba(0,0,0,0.05); }
.cb-timeline-block > div.cb-timeline-circle > div{ background-color: #999; height: 8px; width: 8px; border-radius: 100%; }
.cb-timeline-block > div.cb-timeline-content{ width: 80%; left: 60px; }

.cb-timeline-block > div.cb-timeline-content > h3{ font-size: 18px; letter-spacing: 2px; line-height: 28px; margin-top: -4px; }
.cb-timeline-block > div.cb-timeline-content > span{ font-size: 12px; font-weight: 300; letter-spacing: 1px; }
.cb-timeline-block > div.cb-timeline-content > span > i{ font-size: 3px; margin: -2px 5px 0 5px; color: #999; }

.article-creative{
    -webkit-transition: -webkit-transform 0.3s ease-in;
    -moz-transition: -moz-transform 0.3s ease-in;
    -o-transition: -o-transform 0.3s ease-in;
    transition: transform 0.3s ease-in;
}
.article-creative > .article-creative-cover{
    background-color: #333;
    background-image: url(http://placehold.it/1000x1000/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-size: cover;
    height: 100vh;
    padding: 50px 80px;
    overflow:hidden;
    position: fixed;
}
.article-creative-cover::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #000;
    opacity: 0.3;
}
.article-creative-cover *{ color: #fff; }
.article-creative-cover p.article-date{
    top: 25%;
    left: 80px;
    font-weight: 500;
    font-size: 14px;
}
.article-creative-cover h1.article-title{
    top: 55%;
    left: 80px;
    font-weight: 500;
    line-height: 1.6em;
}
.article-creative-cover img.logo{ width: auto; bottom: 50px; left: 80px; height: 22px; }

.article-creative > .article-creative-content{
    background-color: #fff;
    padding: 50px 80px;
    margin-left: 50%;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100vh;
}
.article-creative-content > .row a.backtohome{ font-size: 13px; letter-spacing: 1px; font-weight: 300; }
.article-creative-content p > span.bold{ font-size: inherit; color: inherit; font-weight: 500; margin: -4px 0px 0 0; display: inline-block; }
.article-creative-content a.like-btn{ font-size: 12px; letter-spacing: 1px; color: #B3B2B2; }
.article-creative-content a.like-btn > span{
    border-radius: 100%;
    background-color: #C1C1C1;
    color: #fff;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    padding-left: 1px;
    font-size: 8px;
    margin-right: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.article-creative-content a.like-btn:hover{ color: #DA3A3A !important; }
.article-creative-content a.like-btn:hover > span{ background-color: #DA3A3A; }

.push-right{
    -webkit-transform: translate3d(400px,0,0);
    -moz-transform: translate3d(400px,0,0);
    -ms-transform: translate3d(400px,0,0);
    -o-transform: translate3d(400px,0,0);
    transform: translate3d(400px,0,0);
}

/* Blog List*/
.bloglist-slider .slotholder:after{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(35, 93, 81, 0.8);
}
a.blog-list .article-icon{
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.blog-list .img-container{
    z-index: 1;
    position: relative;
    overflow: hidden;
}
a.blog-list .img-container img{
    position: relative;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
a.blog-list:hover .article-icon{ margin-right: -20px; }
a.blog-list:hover .img-container img{
    -webkit-transform: scale(1.10);
    -moz-transform: scale(1.10);
    -o-transform: scale(1.10);
    -ms-transform: scale(1.10);
    transform: scale(1.10);
}

/* Single Article */
article.blog-article-std{
    width: 100%;
}
article.blog-article-std > h1.title{
    font-weight: 300;
    letter-spacing: 2px;
}

.row.article-info > div[class*='col-']:first-child > h4,
.row.article-info > div[class*='col-'] > p,
.row.article-info > div[class*='col-'] > div.article-social-container{ display: inline-block; }

article.blog-article-std > div.article-text p{
    line-height: 2.2;
    margin-bottom: 25px;
}
article.blog-article-std > div.article-text > p:last-child{ margin-bottom: 0; }

article.blog-article-std

div.article-social-container > a{
    color: #B9B9B9;
    font-size: 14px;
}

div.row.article-pagination a{ font-size: 14px; }
div.row.article-pagination a > span{
    font-size: 18px;
    margin-top: -4px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
div.row.article-pagination a.left > span{ margin-right: 10px; }
div.row.article-pagination a.left:hover > span{ margin-right: 15px; }
div.row.article-pagination a.right > span{ margin-left: 10px; }
div.row.article-pagination a.right:hover > span{ margin-left: 15px; }

blockquote.with-icon::before{
    content: "\007b";
    position: absolute;
    top: -5px;
    left: -10px;
    font-family: ElegantIcons;
    font-size: 52px;
    opacity: .8;
}
blockquote.with-icon{
    position: relative;
    padding: 5px 10px 30px 55px;
    border: none;
}
blockquote > h2{
    font-weight: 300;
    font-size: 22px;
    color: #666;
    line-height: 2;
}

.comments-form input[type="text"], .comments-form input[type="email"], .comments-form input[type="password"], .comments-form textarea{
    background-color: #EAEAEA;
}


/* ----------------------------------------------------------------
    Shop
-----------------------------------------------------------------*/

.product{
    position: relative;
    overflow: hidden;
}
.product-overlay{
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.product-overlay > *{ position: absolute; }
div.product > img{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
div.product:hover > img{
    -webkit-transform: scale3d(1.2,1.2,1);
    transform: scale3d(1.2,1.2,1);
}
div.product:hover > .product-overlay{ background-color: rgba(0, 0, 0, 0.2); opacity: 1; }
div.product:hover > span.product-discount{ opacity: 0.7; }

.product-overlay-btn{
    width: 50px;
    border-radius: 100%;
    line-height: 50px;
    height: 50px;
    background-color: rgba(249, 249, 249, 0.65);
    top: 100%;
    left: 0;
    margin-top: -50px;
    margin-left: -25px;
    text-align: center;
}
a.product-overlay-btn > span{ color: #555; margin-top: -2px; }
a.product-overlay-btn:hover{ text-shadow: 0 0 6px #666; background-color: rgba(249, 249, 249, 0.9); }
.product-overlay-btn:first-child{ left: 25%; }
.product-overlay-btn:nth-child(2){ left: 50%; }
.product-overlay-btn:nth-child(3){ left: 75%; }

div.product:hover .product-overlay-btn{ top: 50%; margin-top: -25px; }

.product-overlay-btn:nth-child(2){
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms;
}
.product-overlay-btn:nth-child(3){
    -webkit-transition-delay: 150ms;
    transition-delay: 150ms;
}
.product-overlay, .product-overlay-btn, span.product-discount,
.product.btn-fade .product-btn{
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.product-rating{
    bottom: 30px;
    width: 100%;
    color: #fff;
    font-size: 12px;
}
.product-price{
    top: 20px;
    width: 100%;
    font-size: 60px;
    color: #FFF;
    font-weight: 300;
}
.product-price > span{ font-weight: 400; font-size: 20px; margin-top: -40px; }
.product-title{
    bottom: 55px;
    width: 100%;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
}

.product.btn-fade .product-title{ top: 120px; }
.product.btn-fade .product-rating{ top: 160px; }
.product.btn-fade .product-btn{ width: 100%; bottom: 0; }
.product.btn-fade:hover .product-btn{ bottom: 30px; }

span.product-discount{
    position: absolute;
    top: 20px;
    right: 25px;
    padding: 0 5px;
    height: 25px;
    border-radius: 2px;
    line-height: 25px;
    font-size: 12px;
    color: #fff;
    font-weight: 600;
    z-index: 5;
}

span.onsale{
    margin-top: -4px;
    margin-left: 15px;
    font-size: 8px;
    font-weight: 300;
    line-height: 9px;
    border: 1px solid rgba(169, 168, 168, 0.5);
    padding: 3px;
}

.shop-topbar{ width: 100%; }
.shop-topbar > p.f-right{ display: inline-block; line-height: 34px; }

.cart-tbl img{ width: 60px; }

.numbered-box{ width: 100%; padding: 10px 0 0 60px; }
.numbered-box > .box-nbr{
    top: 10px;
    left: 0;
    border: 1px solid #666;
    color: #666;
    font-size: 14px;
    height: 35px;
    width: 35px;
    line-height: 34px;
    padding-left: 2px;
    border-radius: 100%;
    font-weight: 500;
}

.payment-select{
    border: 1px solid #EFEAEA;
    background-color: #F7F7FA;
    width: 80%;
    border-radius: 4px;
    padding: 30px 20px;
}
.payment-select > img{ width: 60px; display: inline-block; margin: 0 5px; }

.checkout-info{ max-width: 350px; padding: 20px; border-radius: 4px; border: 1px solid #EFEAEA; }
.checkout-info > h5 > span{ font-size: 20px; }

/* Shop single */
h1.price, h1.discount-price{ display: inline-block; font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif; }
h1.price {
    font-weight: 100;
    font-size: 26px;
}
h1.price::after {
    border-bottom: 1px solid #999;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 50%;
}
h1.discount-price{ font-weight: 200; }

h1.price > span, h1.discount-price > span{ font-size: 14px; margin-right: 8px; font-weight: 100; }
h1.price > span{ margin-top: -10px; }
h1.discount-price > span{ margin-top: -20px; }

.product-options h3.prd-option-title, .product-options > .color-palette, .product-info > h5, .product-info > p{ display: inline-block; }

.product-options h3.prd-option-title{ display: inline-block; vertical-align: middle; font-size: 14px; font-weight: 300; }

.product-info{
    border: 1px solid #EEE;
    border-radius: 2px;
    padding: 10px 15px;
    display: table;
}

/* Shop single extended */
#shop-extended-1, #shop-extended-2{ position: relative; background-size: cover; background-position: center; }
#shop-extended-1 > .container, #shop-extended-2 > .container{ position: relative; z-index: 1; }

#shop-extended-1{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); }
#shop-extended-2{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); }

#shop-extended-1:after, #shop-extended-2:after{
    position: absolute;
    z-index: 0;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(35, 35, 35, 0.5);
}


/* ----------------------------------------------------------------
    Contact
-----------------------------------------------------------------*/

input[type="text"], input[type="email"], input[type="password"], input[type="number"], textarea{
    width: 100%;
    height: auto;
    display: block;
    border: 0;
    padding: 15px;
    background-color: #f4f4f4;
    color: #555;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 300;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
form.input-white-color input[type="text"], form.input-white-color input[type="email"],
form.input-white-color input[type="password"], form.input-white-color input[type="number"],
form.input-white-color textarea, form.input-white-color a{ background-color: #fff; }

form.border-input input[type="text"], form.border-input input[type="email"],
form.border-input input[type="password"], form.border-input input[type="number"],
form.border-input textarea{ background-color: #fff; border: 1px solid #DEDEDE; }

form.border-bottom-input input[type="text"], form.border-bottom-input input[type="email"],
form.border-bottom-input input[type="password"], form.border-bottom-input input[type="number"],
form.border-bottom-input textarea{
    background-color: transparent;
    border-bottom: 1px solid #DEDEDE;
    padding-left: 0;
    padding-right: 0;
}
form.border-bottom-input.white-clr input[type="text"], form.border-bottom-input.white-clr input[type="email"],
form.border-bottom-input.white-clr input[type="password"], form.border-bottom-input.white-clr input[type="number"],
form.border-bottom-input.white-clr textarea{
    border-bottom-color: #fff;
    color: #fff;
}

form.bold-txt input[type="text"], form.bold-txt input[type="email"],
form.bold-txt input[type="password"], form.bold-txt input[type="number"],
form.bold-txt textarea{ font-weight: 400; }

form.white-clr ::-webkit-input-placeholder { color: #fff; }
form.white-clr :-moz-placeholder { color: #fff; }
form.white-clr ::-moz-placeholder { color: #fff; }
form.white-clr :-ms-input-placeholder { color: #fff; }

textarea {
    height: 200px;
    max-height: 200px;
}

div.input-half{
    width: 50%;
    padding-right: 2%;
    float: left;
}
div.input-half.last{ padding-left: 2%; padding-right: 0; }

.contact-form{ width: 100%; height: auto; display: block; }

.contact-form.small input[type="text"],
.contact-form.small input[type="email"],
.contact-form.small input[type="password"],
.contact-form.small textarea{
    padding: 12px;
    font-size: 12px;
    color: #fff;
}
.contact-form.small textarea{
    height: 80px;
    max-height: 80px;
}
.contact-form.small.dark input[type="text"],
.contact-form.small.dark input[type="email"],
.contact-form.small.dark input[type="password"],
.contact-form.small.dark textarea{
    background-color: rgba(0, 0, 0, 0.1);
}
.contact-form.small.dark input[type="text"]:focus,
.contact-form.small.dark input[type="email"]:focus,
.contact-form.small.dark input[type="password"]:focus,
.contact-form.small.dark textarea:focus{
    background-color: rgba(0, 0, 0, 0.15);
    color: #fff;
}

.map-canvas-1{
    width: 100%;
    height: 400px;
}

.map-canvas-2{
    width: 100%;
    height: 400px;
    border-top: 1px solid #f0f0f0;
}

.contact-subtitle-box{ max-width: 300px; }
.numbers-txt i{ padding-right: 8px; color: inherit; }

label{
    font-size: 10px;
    color: #B5B5B5;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
}


/* ----------------------------------------------------------------
    Pages
-----------------------------------------------------------------*/

/* About Us 1 */
#aboutus1-bg-1{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-size: cover; padding: 30px 15px; }
#aboutus2-bg-1{ background-image: url(http://placehold.it/3200x2133/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-size: cover; background-position: center; }

/* Team Members */
.team-member h3{ font-size: 18px; }
.team-member span{ font-size: 10px; letter-spacing: 1px; font-weight: 300; color: #444; display: table; border: 1px solid #DADADA; padding: 6px; }

img.team-img{
    width: 80px;
    height: 80px;
    border: 4px solid rgba(0, 0, 0, 0.05);
    border-radius: 100%;
    margin: 0 auto;
}

/* Login */
.login-container:before{
    display: block;
    font-family: 'ElegantIcons';
    position: absolute;
    font-size: 210px;
    content: "\e00a";
    right: -20px;
    bottom: -30px;
    color: rgba(0,0,0,.02);
    z-index: 1;
}
.login-container{
    width: 100%;
    background-color: #f3f3f3;
    padding: 30px;
    overflow: hidden;
}
.login-container input[type="text"], .login-container input[type="password"], .login-container input[type="email"]{ background-color: #fff; }
.login-recovery{ float: right; font-size: 12px; line-height: 45px; }

.login-container.style2 ::-webkit-input-placeholder { color: #f0f0f0; }
.login-container.style2 :-moz-placeholder { color: #f0f0f0; }
.login-container.style2 ::-moz-placeholder { color: #f0f0f0; }
.login-container.style2 :-ms-input-placeholder { color: #f0f0f0; }

.login-container.style2:before{ display: none !important; }
.login-container.style2{
    top: 50%;
    left: 50%;
    margin-top: -279px;
    margin-left: -210px;
    width: 420px;
    padding: 60px 80px;
    background-color: rgba(37, 37, 37, 0.25);
    z-index: 99999;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 5px 5px 40px;
}
.login-container.style2 > span,
.login-container.style2 > h3,
.login-container.style2 > h5,
.login-container.style2 a{ color: #fff; }

.login-container.style2 .recovery-link{ font-size: 12px; color: #f0f0f0; letter-spacing: 1px; }

.login-container.style2 .icon-slot:after{
    width: 30px;
    height: 58px;
    line-height: 56px;
    position: absolute;
    left: 0;
    top: 0;
    font-family: 'ElegantIcons';
    font-size: 16px;
    color: #f3f3f3;
}
.login-container.style2 .icon-slot.username:after{ content: "\e017"; }
.login-container.style2 .icon-slot.password:after{ content: "\7e"; }

.login-container.style2 input[type="text"],
.login-container.style2 input[type="password"]{ padding-left: 40px !important; }

.login-input{
    background: transparent !important;
    color: #fff !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.54) !important;
    padding: 20px 0 !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

/* Careers */
.pagebox.career{
    background-size: cover;
    background-attachment: fixed;
    background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-position: 50% 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.pagebox.career:before{
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(5, 5, 5, 0.5);
}
.pagebox.career > div > *{ color: #fff !important; }

/* Not Found */
.big-404{
    line-height: 240px;
    font-size: 220px;
    display: block;
    text-align: right;
    color: #ECECEC;
}
.big-404.txt-center{ margin-top: -50px; }

/* Blank Page */
.blank-container{
    width: 100%;
    top: 50%;
    text-align: center;
    margin-top: -231px;
}

/* Services */
#services2-bg-1{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-size: cover; padding: 30px 15px; }

.owl-carousel.services-carousel .d-table > a{ box-shadow: 0 0 20px rgba(0, 0, 0, 0.4); }
.owl-carousel.services-carousel .d-table > a > div.travel-play-btn{ margin: -30px 0 0 -30px; left: 50%; top: 50%; }

/* Under costruction & Maintenance */
.unavailable-container{ top: 50%; margin-top: -138px; height: 276px; }
.unavailable-container .icon{ font-size: 276px; display: block; color: #ECECEC; }
.unavailable-container .animated-icon.icon { width: 276px !important; }
.unavailable-container .desc .icon{ font-size: 42px; color: #D4D4D4; }
.unavailable-container .desc h5{ font-weight: 500; }

/* ET Icons */
span.box1{
    border: 1px solid #e5e5e5;
    display: block;
    float: left;
    font-size: 13px;
    margin: -1px 0 0 -1px;
    padding: 0;
    width: 33.3333333333333333%;
    padding: 20px;
    text-align: left;
}
span.box1 > span{ font-size: 32px; margin-right: 20px; }

/* FAQ */
.slider-search-bar{ position: relative; display: inline-block; margin-right: 15px; }
.slider-search-bar:after{
    content: "\0055";
    color: #666;
    position: absolute;
    top: 0;
    right: 20px;
    font-family: ElegantIcons;
    font-size: 14px;
    height: 55px;
    line-height: 55px;
}

/* Loaders Page */
.loaders-grid > [class*='col-'] > div{
    width: 100%;
    height: 300px;
    background-color: #f3f3f3;
    border-radius: 4px;
    position: relative;
}
.loaders-grid > [class*='col-'] > div > p{ bottom: 10px; left: 0; right: 0; }

/* General */
.nav-box{ background-color: #fff; padding: 30px; border: 1px solid #EDEDED; }
.nav-box > span, .nav-box > i{ font-size: 36px; }


/* ----------------------------------------------------------------
    Features
-----------------------------------------------------------------*/

/* Panels */
.panel{
    display: none;
    top: 0;
    bottom: 0;
    margin-bottom: 0;
    border: none;
    border-radius: 0;
    background-color: rgba(24, 25, 24, 0.98);
    z-index: 99999999;
    position: fixed;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.searchbar.panel.fullscreen{ background-color: rgba(24, 25, 24, 0.95); }
.panel.fullscreen{
    left: 0;
    right: 0;
}
.panel.aside{
    display: block;
    left: auto;
    width: 400px;
    right: -400px;
    box-shadow: 10px 0px 2px rgba(0, 0, 0, 0.05) inset;
}
.aside-push-left, .panel.aside.active{
    -webkit-transform: translate3d(-400px,0,0);
    -moz-transform: translate3d(-400px,0,0);
    -ms-transform: translate3d(-400px,0,0);
    -o-transform: translate3d(-400px,0,0);
    transform: translate3d(-400px,0,0);
}
.panel.aside.small{
    width: 300px;
    right: -300px;
}
.small.aside-push-left, .small.panel.aside.active{
    -webkit-transform: translate3d(-300px,0,0);
    -moz-transform: translate3d(-300px,0,0);
    -ms-transform: translate3d(-300px,0,0);
    -o-transform: translate3d(-300px,0,0);
    transform: translate3d(-300px,0,0);
}
.aside-panel-overlay{
    background-color: rgba(0, 0, 0, 0.6);
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99999998;
    display: none;
    opacity: 0;
}
.panel-close-btn.style-1{ right: 80px; }
.panel-close-btn.style-2{ right: 55px; }
.panel-container{
    top: 50%;
    width: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.panel .panel-close-btn{
    top: 30px;
    right: 35px;
    font-size: 18px;
    z-index: 9;
}
.panel.fullscreen .panel-close-btn{
    top: 50px;
    right: 80px;
    font-size: 24px;
}

.panel.fullscreen .panel-container > div a{
    text-align: center !important;
    font-size: 120% !important;
}
.panel .panel-container > div > a{
    margin-top: 30px;
    text-align: left;
    letter-spacing: 2px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    display: block;
}
.panel .panel-container > div > .additional-nav{ margin-top: 50px; }
.panel .panel-container > div > .additional-nav > a{
    margin-top: 15px;
    display: block;
    text-align: left;
    letter-spacing: 1px;
    font-weight: 300;
    font-size: 14px;
    color: #fff;
}

/* CountDown */
.countdown-container h1{ text-align: center; font-size: 44px !important; font-weight: 300; color: #666; }
.countdown-container.with-chart h1{ width: 100%; top: 50%; margin-top: -35px; }
.countdown-container div.time{
    box-shadow: 0 0 5px #F2F2F2 inset;
    display: table;
    margin: 30px auto 0 auto;
    border-radius: 100px;
    padding: 10px 25px;
    background-color: #FAFAFA;
}
.countdown-container div.time > h6{ color: #888; }
.cd-piechart canvas{ max-width: 140px; max-height: 140px; }

.owl-theme .owl-controls{ display: none !important; }

/* Widgets */
ul.instagram-gallery > li,
ul.dribbble-shots > li,
ul.flickr-gallery > li{
    margin: 0;
    padding: 2px;
}
.twitter-feed > ul > li > div.row{
    border: 1px solid #f3f3f3;
    border-radius: 4px;
    padding: 10px 5px;
}
.twitter-feed > ul > li > div.row .tweet-date{
    font-size: 10px;
    color: #888;
    margin-top: 8px;
}


/* ----------------------------------------------------------------
    Demo
-----------------------------------------------------------------*/

/* Agency */
#agencyDemo-bg-1{ background-image: url(http://placehold.it/3200x2136/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-position: center; background-size: cover; }

.agency-slider .slotholder:after{
    position: absolute;
    background-color: rgba(34, 34, 34, 0.4);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.play-agency-video:after{
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.fluid-container.p-15,
.fluid-container.p-15 > .mas-container.elastic-gallery > a.prf-item{ padding: 15px; }

/* Restaurant */
.tangerine-fnt{ font-family: 'Tangerine'; }

#owl-restaurant .owl-item.active{ opacity: 1; }
#owl-restaurant .owl-item{
    opacity: 0.5;
    webkit-transition: all 400ms linear 0ms;
    -moz-transition: all 400ms linear 0ms;
    -o-transition: all 400ms linear 0ms;
    transition: all 400ms linear 0ms;
}
.restaurant-pg-3{
    background-image: url(http://placehold.it/3200x2142/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-position: center;
    background-size: cover;
}
.restaurant-pg-3:after{
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(35, 35, 35, 0.8);
}

.barber-slider .slotholder:after,
.restaurant-slider .slotholder:after,
.magazine-slider .slotholder:after{
    position: absolute;
    background-color: rgba(34, 34, 34, 0.5);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.restaurant-pg-1{
    background-image: url(http://placehold.it/3200x2142/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}
.restaurant-pg-1 > div{ background-color: rgba(34, 34, 34, 0.6); }
.restaurant-pg-2{ height: 700px; overflow: hidden; }
.restaurant-pg-2 .background-img,
.restaurant-pg-2 .txt-container{ position: absolute; }
.restaurant-pg-2 .background-img.left-img{ width: 300px; left: 0; top: -140px; }
.restaurant-pg-2 .background-img.right-img{ width: 700px; right: -50px; bottom: -100px; }
.restaurant-pg-2 .txt-container{ top: 220px; left: 0; right: 0; }
.restaurant-pg-2 .txt-container > h3{ letter-spacing: 5px; word-spacing: 10px; }

.menu-carousel{ margin: 0 auto; padding: 30px 35px 40px 35px; }
.menu-carousel h1, .menu-carousel h3{ display: inline-block; }
.menu-carousel img{ top: -10px; }
.menu-carousel img.left-img{ left: -60px; }
.menu-carousel img.right-img{ right: -70px; }
/* Colors */
.menu-carousel.aqua-clr{ background-color: #1ABC9C; }
.menu-carousel.orange-clr{ background-color: #EB7043; }
.menu-carousel.blue-clr{ background-color: #2CA6BA; }
.menu-carousel.green-clr{ background-color: #4DBF7B; }

.vegetables-bg{ background-color: #D4E8D5; }
.hamburger-bg{ background-color: #C2D3DA; }

.restaurant-menu{ background-color: #f8f8f8; padding: 30px; }
.restaurant-menu.white-clr{ background-color: #fff; }

/* App Landing */
#appLandingDemo-bg-1{ background-image: url(http://placehold.it/2400x1596/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-size: cover; }

.app-landing-slider .slotholder:after{
    position: absolute;
    background-color: rgba(243, 243, 243, 0.7);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.app-landing-showcase > div[class*='col-'] > img{ box-shadow: rgba(0,0,0,.14) 0px 0px 3px; }

.play-app-video:after{
    position: absolute;
    background-color: rgba(26, 188, 156, 0.3);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

#owl-applanding .owl-item .item{
    padding: 30px 40px;
    webkit-transition: all 100ms linear 0ms;
    -moz-transition: all 100ms linear 0ms;
    -o-transition: all 100ms linear 0ms;
    transition: all 100ms linear 0ms;
}
#owl-applanding .active.focused .item{ padding: 0 20px !important; }

/* Medical */
.medical-pg-1{
    background-image: url(http://placehold.it/2400x1350/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-size: cover;
    background-attachment: fixed;
}
.medical-pg-1 > div{ background-color: rgba(25, 164, 198, 0.8); }

/* Travel */
#travelDemo-bg-1, #travelDemo-bg-2,
#travelDemo-bg-3, #travelDemo-bg-4{ background-image: url(http://placehold.it/800x372/c5e2dc/abd0c8?text=Bowline%20Placeholder); }

.travel-picker-indicator{
    height: 42px;
    line-height: 42px;
    border-radius: 25px;
    background-color: #fff;
    padding: 0 20px;
    position: relative;
    bottom: -122px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #f3f3f3;
}

.travel-picker .item{ padding: 30px; }
.travel-picker .item a{
    border-radius: 4px;
    text-align: center;
    height: 200px;
    width: 100%;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    background-size: cover;
    background-position: center;
}
.travel-picker .item a > h3{
    font-size: 22px;
    font-weight: 500;
    line-height: 200px;
    text-align: center;
    background-color: rgba(85, 113, 108, 0.25);
    border-radius: 4px;
}

.travel-play-btn{
    height: 60px;
    width: 60px;
    border-radius: 100%;
    border: 2px solid #fff;
    line-height: 54px;
    color: #fff;
}

.travel-pg-1{
    background-image: url(http://placehold.it/2376x700/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-size: cover;
    background-position: bottom center;
    background-attachment: fixed;
}
.travel-pg-1 > div{ background-color: rgba(245, 245, 245, 0.4); }
.travel-pg-2{
    background-image: url(http://placehold.it/3200x2133/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.travel-pg-3{
    background-image: url(http://placehold.it/2000x697/c5e2dc/abd0c8?text=Bowline%20Placeholder);
    background-size: cover;
    background-attachment: fixed;
    position: relative;
}
.travel-pg-3:after{
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
}
.travel-pg-3:after{ background-color: rgba(0, 0, 0, 0.2) !important; }

.prf-overlay.travel-overlay > p.prf-overlay-obj{ margin-top: -40px; }
.prf-overlay.travel-overlay > h4.prf-overlay-obj{ margin-top: -14px; }
.prf-overlay.travel-overlay > span.prf-overlay-obj{ margin-top: 30px; }

/* Architecture */
.architecture-pg-1, .architecture-pg-2{ background-position: center; }
.architecture-pg-1{ background-image: url(http://placehold.it/4164x2759/c5e2dc/abd0c8?text=Bowline%20Placeholder); }
.architecture-pg-2{ background-image: url(http://placehold.it/2766x4240/c5e2dc/abd0c8?text=Bowline%20Placeholder); }

.architecture-number-box{
    padding: 30px 30px 20px 20px;
    border-width: 2px;
    border-style: solid;
    display: inline-block;
}


/* ----------------------------------------------------------------
    Background Images
-----------------------------------------------------------------*/

#index-bg-1, #aboutus1-bg-2, #careers1-bg-1, #careers2-bg-1, #headerStaticSticky-bg-1,
#headerWhite-bg-1, #headerDarkSemitrs-bg-1, #headerDark-bg-1,
#headerSemitrs-bg-1, #menu1-bg-1, #menu2-bg-1, #menu3-bg-1,
#menu4-bg-1, #menu5-bg-1, #menuExtended-bg-1, #panelAside-bg-1,
#panelFullscreen-bg-1, #panelSmallAside-bg-1, #services1-bg-1{ background-image: url(http://placehold.it/2400x1600/c5e2dc/abd0c8?text=Bowline%20Placeholder); background-size: cover; background-position: center; }


/* ----------------------------------------------------------------
    Reset CSS Rules
-----------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup,
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: middle;
}
*{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:after{
    content: "";
    display: block;
    clear: both;
}
img{
    width: 100%;
    height: auto;
    display: block;
}
div { display: block; }

h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

article, aside, details, figcaption, figure, footer, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
    color: #666;
    width: 100%;
    display: block;
}
ol, ul { list-style: none; }
p { margin: 0; }
blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
span {
    display: inline-block;
    webkit-transition: background-image 200ms linear 0ms;
    -moz-transition: background-image 200ms linear 0ms;
    -o-transition: background-image 200ms linear 0ms;
    transition: background-image 200ms linear 0ms;
}
a {
    webkit-transition: background 600ms, color 300ms, opacity 400ms, box-shadow 300ms, border-color 300ms linear 0ms;
    -moz-transition: background 600ms, color 300ms, opacity 400ms, box-shadow 300ms, border-color 300ms linear 0ms;
    -o-transition: background 600ms, color 300ms, opacity 400ms, box-shadow 300ms, border-color 300ms linear 0ms;
    transition: background 600ms, color 300ms, opacity 400ms, box-shadow 300ms, border-color 300ms linear 0ms;
    display: inline-block;
}

*:focus {
    outline: 0 !important;
    outline-offset: 0 !important;
    text-decoration: none !important;
}

::-webkit-input-placeholder { color: #777; }
:-moz-placeholder { color: #777; }
::-moz-placeholder { color: #777; }
:-ms-input-placeholder { color: #777; }

iframe{ border: none !important; }