/** ********************************************** **
    TABLE CONTENTS
    -------------------------------
        01. Globals
        02. Boxed Layout
        03. Top Nav
        04. Slider
        05. Content
        06. Special Pages (maintenance, coming soon, etc)
        07. Contact
        08. Item Box (team, shop, etc)
        09. Comments
        10. Footer
        11. Global Search
        12. Quick Shop Cart

*************************************************** **/


/** 01. Globals
 **************************************************************** **/
html {
    overflow-x: hidden;
    overflow-y: auto;
}

html, body {
    min-height: 100%;
}

body {
    color:#111;
    background-color:#fff;
    font-family:'Lato', Arial, sans-serif;

    font-size:16px; line-height:23px;
    margin:0; padding:0 !important;
}

#wrapper {
    padding: 130px 0 50px 0;     /* top nav height */
    position: relative;
    overflow: hidden;
    min-height: 550px;
}

    html.overflow-hidden,
    body.overflow-hidden {
        overflow:hidden !important;
    }

    section.margin-footer {
        margin-bottom:-81px; /* see wrapper padding */
    }

    span.global-overlay {
        background-color:rgba(0,0,0,0.3);
        position:fixed;
        top:0; right:0; bottom:0; left:0;
        z-index:99;

        -webkit-transition: all 0.8s;
           -moz-transition: all 0.8s;
             -o-transition: all 0.8s;
                transition: all 0.8s;
    }



/** 02. Boxed Layout
 **************************************************************** **/
    body.boxed {
        background-color:#D7D6D6;
    }
    body.boxed #wrapper {
        background-color:#f4f5f7;
    }

    body.boxed #wrapper,
    body.boxed header, /* IE BUG */
    body.boxed footer {
        margin:auto;
        max-width:1170px;
    }



/** 03. Top Nav
 **************************************************************** **/

header#topHead {
    height:30px;
    line-height:30px;
    float: right;
}

    header#topHead form div.checkbox label {
        padding-left:20px;
    }

    header#topHead a.social {
        text-align:center;
        margin:1px 0 0 1px;
        font-size:20px;
        padding:0;
        background:transparent;
        color:#ccc;
    }

    header#topHead .nav {
        margin-right: 45px;
        margin-top: 15px;
        font-size: 16px;
    }
    header#topHead a {
        padding-left: 10px;
    }
    header#topHead .btn-group.open .dropdown-toggle {
        -webkit-box-shadow:none;
                box-shadow:none;
    }
    header#topHead  .dropdown-menu {
        background-color:#2E363F;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0
    }
    header#topHead  .dropdown-menu li a img,
    header#topHead  button.language img,
    header#topHead  button.language {
        font-size:13px;
        display:inline-block;
        margin-right:6px;
    }
    header#topHead  .dropdown-menu li a {
        color:#fff;
        padding:6px 10px;
        font-size:13px;
    }
    header#topHead  .dropdown-menu li:hover a {
        background-color:#1B1F23;
        text-decoration: none;
    }
    header#topHead  .dropdown-menu:after {
        content: " ";
        display: block;
        position: absolute;
        width: 0; height: 0;
        right:80px; top: -18px;

        border:#2E363F 10px solid;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid transparent;
    }


header#topNav.topHead {
    height: 107px;
}
header#topNav {
    background:#fff;
    padding:10px 0;
    position:fixed;
    top: 70px; left:0; right:0;
    width:100%;
    z-index:5;

    border-bottom:#F4F5F7 1px solid;
}
    header#topNav.hasTopHead {
        top:20px !important;
    }

header#topNav .toTop {
    position: fixed;
    bottom: 45px;
    right: 20px;
    display: none;
}
header#topNav .nav>li:last-child>a {
}

header#topNav div.nav-main-collapse {
    z-index:300;
    position: absolute;
    right: 30px;
    bottom: -12px;
}

header#topNav div.nav-main-collapse,
header#topNav div.nav-main-collapse.in {
    overflow-y: visible;
}

header#topNav div.nav-main-collapse.in {
    overflow-y: visible;
    float: none;
    margin: 0;
}

header#topNav nav ul.nav-main {
    margin: -7px 0 8px 0;
    z-index:300;
}

header#topNav nav ul.nav-main i.icon-caret-down {
    background: transparent;
    border-radius: 100%;
    color: #ADB0AD;
    display: inline-block;
    font-size: 12px;
    height: 14px;
    line-height: 15px;
    position: relative;
    text-align: center;
    top: -1px;
    width: 14px;
}

header#topNav nav ul.nav-main > li + li {
    margin-left: -4px;
}

header#topNav nav ul.nav-main .dropdown-submenu {
    position: relative;
}

header#topNav nav ul.nav-main .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

header#topNav nav ul.nav-main .dropdown-submenu > a:after {
    content: " ";
    display: block;
    float: right;
    width: 0; height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #CCC;
    margin-top: 5px;
    margin-right: -10px;
}

header#topNav nav ul.nav-main .dropdown-submenu:hover > a:after {
    border-left-color: #ffffff;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left {
    float: none;
}

header#topNav nav ul.nav-main .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle {
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
}

header#topNav nav ul.nav-main ul.dropdown-menu,
header#topNav nav ul.nav-main li.dropdown.open a.dropdown-toggle,
header#topNav nav ul.nav-main li.active a {
    background-color: transparent;
}

header#topNav nav ul.nav-main ul.dropdown-menu {
    top: auto;
    border: 0;
    border-radius: 6px;

    margin: 0 0 0 0;
    padding: 10px 0;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;

    -webkit-box-shadow: 0 0 0;
       -moz-box-shadow: 0 0 0;
}

header#topNav nav ul.nav-main ul.dropdown-menu ul.dropdown-menu {
    margin-left:-6px !important;
    margin-top:-10px !important;
    box-shadow: rgba(0,0,0,0.5) 0 0 6px !important;
    -moz-box-shadow: rgba(0,0,0,0.5) 0 0 6px !important;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;

}

header#topNav nav ul.nav-main ul.dropdown-menu li:hover > a {
    filter: none;
}

header#topNav nav ul.nav-main ul.dropdown-menu > li > a {
    position: relative;
    font-weight: normal;
    padding: 6px 20px 6px 12px;
}

header#topNav nav ul.nav-main ul.dropdown-menu li:last-child > a {
    border-bottom: 0;
}

header#topNav nav ul.nav-main li a {
    background: none;
    font-style: normal;
    line-height: 20px;
    color: #111;
    font-weight: 400;
    position: relative;
    font-size: 16px;
}

header#topNav nav ul.nav-pills > li > a,
header#topNav nav ul.nav-pills > li > a:hover,
header#topNav nav ul.nav-pills > li > a:focus,
header#topNav nav ul.nav-pills > li.active > a,
header#topNav nav ul.nav-pills > li.active > a:hover,
header#topNav nav ul.nav-pills > li.active > a:focus {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;

    border: 0;
    background: none;
}

header#topNav nav ul.nav-pills > li > a:hover,
header#topNav nav ul.nav-pills > li > a:focus,
header#topNav nav ul.nav-pills > li.active > a,
header#topNav nav ul.nav-pills > li.active > a:hover,
header#topNav nav ul.nav-pills > li.active > a:focus {
    background: #f6f6f6;
}

header#topNav nav ul.nav-main li ul a {
    text-transform: none;
    font-weight: normal;
    font-size: 0.9em;
}

header#topNav nav ul.nav-main li.dropdown:hover > a {
    padding-bottom: 11px;
    margin-bottom: -1px;
    position: relative;
}

header#topNav nav ul.nav-main li.dropdown:hover > a:after {
    content: " ";
    display: block;
    position: absolute;
    width: 0; height: 0;
    left: 40%; bottom: -3px;

    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}


header#topNav nav ul.nav-main li.dropdown:hover > ul {
    display: block;
    z-index:300;
}
header#topNav li.divider {
    border:0;
    border-bottom:#465260 1px solid;
    border-top:#1B1F23 1px solid;
    padding:0;
}
header#topNav li a i.fa {
    padding-right:6px;
}
    header#topNav li a em {
        color:#fff;
    }
    header#topNav a.logo {
        color:#333;
        text-decoration:none;
        font-size:35px;
        display:inline-block;
        height:60px; line-height:50px;
        font-weight:600;
        letter-spacing:-2px;
        margin-top: 15px;
    }
    header#topNav button.btn-mobile {
        color:#fff;
        display: none;
        background:#2E363F;
        padding:6px 10px;
        margin-top:6px;

        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
    }    
    header#topNav button.btn-mobile i {
        padding:0; margin:0;
        font-size:21px;
    }

    
    /* force btn default styles to be available on header */
    header#topNav a.btn-warning {
        background-color:#f0ad4e !important;
    }
    header#topNav a.btn-info {
        background-color:#5bc0de !important;
    }
    header#topNav a.btn-danger {
        background-color:#d9534f !important;
    }

    /* 
        SIGN IN 
        Top Head Drop Down
    */
    #topHead .signin-dd{
        position:relative;
    }
    #topHead .signin-dd .dropdown-menu{
        padding: 12px;
        margin-top: 10px;
    }
    .logged-user span.text-black {
        color: #000000 !important;
    }
    #topHead .signin-dd h2,
    #topHead .signin-dd h3,
    #topHead .signin-dd h4,
    #topHead .signin-dd h5,
    #topHead .signin-dd h6 {
        font-size:16px;
        line-height:23px;
        display:block;
        margin-bottom:6px !important;
    }
    #topHead .signin-dd h4,
    #topHead .signin-dd {
        color:#ddd;
        margin:0;
    }
    #topHead .signin-dd p {    
        color:#888;
    }

    #user-menu{
        text-decoration: none;
    }

    #topHead .signin-dd input[type="text"],
    #topHead .signin-dd input[type="password"],
    #topHead .signin-dd input[type="email"] {
        margin:0; border:0;
        padding:8px !important;
        height:38px;

        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
                border-radius: 3px;
    }
    #topHead .signin-dd .input-group input {
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;

        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }
    #topHead .signin-dd p,
    #topHead .signin-dd form,
    #topHead .signin-dd form a,
    #topHead .signin-dd form label {
        font-size:13px;
    }
    
    
    #topHead .signin-dd form {
        width:250px;
    }
    #topHead .signin-dd .form-group {
        margin-bottom:3px !important;
    }
    #topHead .signin-dd form .input-group-btn,
    #topHead .signin-dd form label {
        margin:0; padding:0;
        line-height:20px;
    }
    #topHead .signin-dd form div.checkbox {
        line-height:20px;
        margin:3px 0 0 0;
    }
    #topHead .signin-dd form div.checkbox input { /* IE FIX */
        float:left;
        display:inline-block;
        margin-top:4px;
        margin-right:6px;
    }
    #topHead .signin-dd form div.checkbox label {
        display:inline-block;
    }
    #topHead .signin-dd form .input-group-btn .btn, 
    #topHead .signin-dd form .input-group .btn,
    #topHead .signin-dd form .form-control {
        border:0;
        height:38px;
        margin-top:0;
    }
    #topHead .signin-dd form button,
    #topHead .signin-dd form button:hover {
        -webkit-transition: all 0s;
           -moz-transition: all 0s;
             -o-transition: all 0s;
                transition: all 0s;
    }
    #topHead .signin-dd form button:after {
        content: " ";
        display: block;
        position: absolute;
        width: 0; height: 0;
        z-index:100;
        left: -18px;
        top: 50%; margin-top:-10px;
    }
    #topHead .signin-dd form button:hover:after {
        margin-left:-1px; /* temporary fix */
    }

    #topHead .dropdown-menu hr {
        border: 0;
        padding: 0;
        margin: 10px 0;
        border-bottom: #465260 1px solid;
        border-top: #1B1F23 1px solid;
    }

    #topHead .bottom-create-account {
        text-align:center;
        margin:0 -10px -5px -10px;
    }
    #topHead .bottom-create-account a {
        background:rgba(0,0,0,0.2);
        margin-top:6px;
        padding:6px 0;
        display:block;
        text-decoration:none;

        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;

        -webkit-border-bottom-right-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;

        -webkit-transition: all 0.2s;
           -moz-transition: all 0.2s;
             -o-transition: all 0.2s;
                transition: all 0.2s;
    }
    #topHead .bottom-create-account a:hover {
        background:rgba(0,0,0,0.5);
    }


/** 04. Slider
**************************************************************** **/
#slider * { color:#fff; }
#slider {
    color:#fff;
    background:#E2E6E9;
    border-bottom:#ddd 1px solid;
    box-shadow:#ddd 0 0 5px;
    position:relative;
    margin-top:-10px !important;
    margin-bottom:60px !important;
}

#slider.full-screen {
    background:#f6f6f6;
    overflow:hidden;
    width:100%;
    margin:0; padding:0;
    
    display:block;
    margin-top:-81px !important; /* see #wrapper padding */
}
    #slider.nomargin-top {
        margin-top:0 !important;
    }

#slider .fullscreen-img {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 100%; height: 100%;

    -webkit-background-size: cover;
       -moz-background-size: cover;
         -o-background-size: cover;
            background-size: cover;
}

#slider li {
    display:none;
}
.image-caption {
    text-align:center;
    position: absolute;
    left: 50%; top: 50%;
    margin-top:-30px; /* header height/2 */
    display: inline-block;
    max-width: 900px;
    z-index:2;
    color:#fff;

    -webkit-transform: translate(-50%,-50%);
       -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
         -o-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);

}

    #slider .image-caption .inner {
        display:block;
        padding:40px 0;
    }
    #slider .image-caption .inner h1,
    #slider .image-caption .inner h2,
    #slider .image-caption .inner h3 {
        color:#fff;
        font-size:33px; 
        line-height:33px;
        margin:0 0 1px 0;
        display:inline-block;
        padding:6px;
        text-transform:uppercase;
        -webkit-text-stroke: 0.2px;
    }
    #slider .image-caption .inner h1 {
        font-size:60px; 
        line-height:60px;
        font-weight:600;
        background:rgba(255,255,255,0.3);
        display:inline-block;
    }
    #slider .image-caption .inner p {
        padding:3px 10px;
        margin:0 0 1px 0;
        display:inline-block;
        background:#fff; color:#333;
        -webkit-text-stroke: 0.2px;
    }
    #slider .image-caption .inner .btn {
        margin-top:40px;
        font-size:30px;
        padding-bottom:15x;
        font-weight:200;
        -webkit-text-stroke: 0.2px;
    }

    #slider .image-caption img.img-responsive {/* if images used on the slider */
        width:100% !important;
        height:auto !important;
        position:relative !important;
        z-index:10 !important;
        left:auto !important;
        top:auto !important;
    }

    #slider .overlay {
        position:absolute;
        left:0; right:0; top:0; bottom:0;
        background:rgba(0,0,0,0.3);
        z-index:1;
    }
    #slider .overlay.invisible {
        background:rgba(0,0,0,0);
        visibility:visible;
    }


    /* controlls */
    #slider a.next,
    #slider a.prev {
        top:50%;
        color: #fff;
        font-size: 62px;
        filter: alpha(opacity=50);
        opacity:0.5;
        text-decoration:none;

        -webkit-transition: all .2s ease-in-out;
           -moz-transition: all .2s ease-in-out;
            -ms-transition: all .2s ease-in-out;
             -o-transition: all .2s ease-in-out;
                transition: all .2s ease-in-out;
    }
    #slider a.next:hover,
    #slider a.prev:hover {
        color: #fff;
        font-size: 70px;

        filter: alpha(opacity=100);
        opacity:1;
    }
    #slider a.prev { left: 10px }
    #slider a.prev:after {
        font-family: FontAwesome;
        content: '\f104';
    }
    #slider a.next { right: 10px }
    #slider a.next:after {
        font-family: FontAwesome;
        content: '\f105';
    }
/* half screen height */
#slider.half-screen,
#slider.half-screen li {
    height:600px !important;
    margin:0;
    padding:0;
}
    /* custom */
    #slider.full-screen,
    #slider.half-screen {
        background:#F0F0F0 url('../images/loading.gif') no-repeat center;
    }
    #slider .slides-pagination {
        bottom:60px !important;
    }

#slider.video {
    background-position:center center;
    background-repeat:no-repeat;
    background-size: cover;
}
#video-volume {
    bottom: 85px;
    left: 50%;
    margin: 0 0 0 -15px;
    position: absolute;
    z-index: 10;
    width: 30px;
    height: 30px;
    line-height: 26px;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #fff;
    color: #FFFFFF;
    cursor: pointer;
}


/* slider with no image background */
#slider .noimg-slider h1 {
    font-size:120px !important;
    line-height:120px !important;
    background:none !important;
    font-weight:900 !important;
    display:block !important;
    padding:0 !important; 
}
#slider .noimg-slider p {
    background:none !important;
    padding:0 !important;
    font-weight:200;
    display:block !important;
    -webkit-text-stroke: 0.2px;
}


/* bottom button */
.slider-button {
    display:block;
    text-align:center;
    margin-top:-110px;
    margin-bottom:60px;
    position:relative;
    z-index:99;
}
.bottom-button {
    border:#F4F5F7 8px solid;
    width:100px; height:100px;
    line-height:86px;
    display:inline-block;
    position:relative;
    background:#F4F5F7;
    text-align:center;
    padding:0; margin:0;
    font-size:90px;
    text-decoration:none !important;

    -webkit-border-radius: 50%;
       -moz-border-radius: 50%;
            border-radius: 50%;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}


/* boxed slider */
body.boxed #slider li {
    position:relative;
}
body.boxed #slider .image-caption {
    left:30%;
}






/** 05. Content
 **************************************************************** **/
/* page title */
header#page-title {
    color:#fff;
    padding:20px 0 0 0;
    position:relative;
    margin-bottom:0;
}
header#page-title  h1,
header#page-title  h2 {
    font-size: 38px;
    font-weight: 300;
    line-height: 42px;
    text-transform: uppercase;
    margin: 60px 0 25px 0;
}
header#page-title.big {
    padding:180px 0;
}
header#page-title.big h1 {
    color:#fff;
    font-size: 3em;
    line-height: 44px;
    line-height:50px;
}

header#page-title .container {
    color:#fff;
    position:relative;
}

header#page-title.big .breadcrumb {
    background:rgba(255,255,255,0.8);
    padding:0 5px;
}
/* header parallax */
header#page-title.parallax {
    margin-top:-100px;
    padding-top:280px;
}
header#page-title .submenu ul {
    margin-bottom: 0;
}
header#page-title .submenu ul li {
    color: #fff;
    display: inline-block;
    margin-right: 60px;
}
header#page-title .submenu ul li.active a {
    font-weight: bold;
}

.no-page-title {
    margin-top:50px;
}

/* stick element to footer */
.stick-to-footer {
    margin-bottom:-81px; /* see #wrapper padding */
}

/* image inside article */
a.inner.pull-left,
img.inner.pull-left {
    margin-right:25px;
}
a.inner.pull-right,
img.inner.pull-right {
    margin-left:25px;
}

/* 404 */
div.e404 {
    font-size:1500%;
    line-height:200px;
    color:#ddd;
}


.top-content-search {
    margin:30px 0 60px 0;
    width:100%;
}

/* if no header used */
.top-no-header {
    position:relative;
    padding-top:80px;
}


/* demo only, optional - can be deleted on production */
.white-grid span {
    background:#fff;
    line-height: 40px;
    min-height: 40px;
    text-align: center;
    display: block;
}

.white-row {
    padding:20px; margin-bottom:20px;
    background-color:#fff;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}

/* General Page Title */
header.page-title h1,
h1.page-title {
    font-size:40px !important;
    line-height:40px !important;
    text-transform:none !important;
    font-weight:300 !important;
    margin:0;
}
h1.page-title,
header.page-title {
    margin-bottom:30px;
}

/* special row -mostly used by one page */
.special-row .divider i.fa,
.special-row {
    background-color:#e8eaee;
}
.special-row .divider.white .fa {
    background: #fff;
}



/* revolution slider */
.tp-banner-container {
    overflow:hidden;
    position:relative;
}
.fullscreen-container {
    width:100%;
    position:relative;
    padding:0;
}

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

.fullwidthbanner-container .fullwidthbanner{
    width:100%;
    position:relative;
}

.tp-caption.roundedimage img {
    -webkit-border-radius: 300px;
    -moz-border-radius: 300px;
    border-radius: 300px;
}

.fullscreenbanner-container,
.fullwidthbanner-container {
    background:#E2E6E9;
    margin-bottom:60px !important;
}
.fullscreenbanner-container li,
.fullwidthbanner-container li {
    visibility:hidden;
}
.tp-bullets {
    bottom:10px !important;
}
.tp-caption a.btn,
.tp-caption a.btn:hover {
    color:#fff;
    text-decoration:none;
}
.tp-bannershadow {
    width:100% !important;
}
.tp-caption h1 {
    color:#fff;
    font-size:350%;
}
.tp-caption h2 {
    color:#fff;
    font-size:180%;
}

/* modal wrapper bugfix */
.modal {
    padding-top:130px;
    background:rgba(0,0,0,0.3);
}
.modal-backdrop {
        z-index: 1 !important; /* because of #wrapper */
}

/* isotope filter */
li.masonry-item,
ul.isotope {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;

    -webkit-transition: all 0.5s;
       -moz-transition: all 0.5s;
         -o-transition: all 0.5s;
            transition: all 0.5s;
}
li.masonry-item.fadeIn,
ul.isotope.fadeIn {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}

/* loader */
span.js_loader {
    position:absolute;
    left:0; top:0; right:0; bottom:0;
    background-color:rgba(255,255,255,0.1);
    text-align:center;
    padding-top:10%;
}

    /*
        Custom Arrows
    */
    .tp-bannertimer {
        background:#777 !important;
        background:rgba(0,0,0,0.1) !important;
        height:5px !important;
      }


    .tparrows:before {
        font-family: 'revicons';
        color: #fff;
        font-style: normal;
        font-weight: normal;
        display: inline-block;
        text-decoration: inherit;
        margin-right: 0;
        margin-top: 9px;
        text-align: center;
        width: 40px;
        font-size: 20px;
    }
    .tparrows {

        cursor: pointer;

        background: rgba(0, 0, 0, 0.5) !important;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        width: 40px !important;
        height: 40px !important;

    }
    .tparrows:hover {
        color: #fff;
    }
    .tp-leftarrow:before {
        content: '\e824';
    }
    .tp-rightarrow:before {
        content: '\e825';
    }
    .tparrows.tp-rightarrow:before {
        margin-left: 1px;
    }
    .tparrows:hover {
        background: rgba(0, 0, 0, 1) !important;
    }
    /* end custom arrows */


    /* box-icon line separator */
    .featured-box.left-separator {
        border-left:#e6e6e6 1px solid;

        -webkit-border-radius:0;
           -moz-border-radius:0;
                border-radius:0;
    }

/* misc */
.alert-minimal {
    padding:6px 15px;
    border-radius:0;
}
.alert.alert-default {
    background-color: rgba(0,0,0,0.08);
    border-left: rgba(0,0,0,0.6) 3px solid;
}

/** 06. Special Pages - maintenance, coming soon, etc
 **************************************************************** **/
.special-page {
    position:absolute;
    z-index:1000;
    left:0; right:0; top:0;
}

.special-page .center-box {
    padding:20px; margin-top:10%;
    background-color:rgba(255,255,255,0.3);
    border:rgba(255,255,255,0.1) 10px solid;
    box-shadow:rgba(0,0,0,0.1) 0 0 20px inset;
    text-align:center;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}

.special-page .center-box h1 {
    color:#fff;
    text-transform:uppercase;
    font-weight:300;
    font-size:60px;
    line-height:60px;
    margin:0;
}
.special-page .center-box h1 .subtitle {
    color:#fff;
    font-size:15px;
    line-height:26px;
    padding-top:10px;
    text-transform:none;
    font-weight:400;
}
.special-page .center-box h2,
.special-page .center-box h3 {
    color:#fff;
    font-size:22px;
}
    .special-page .progress-label,
    .special-page .center-box p {
        color:#fff;
    }
.special-page .center-box hr {
    border:0; margin:40px 0;
    border-bottom:rgba(255,255,255,0.3) 1px solid;
}

@media only screen and (max-width: 479px) {
    .special-page .center-box h1 {
        font-size:30px;
        line-height:30px;
    }
    .special-page .center-box h1 .subtitle {
        font-weight:300;
        padding-top:20px;
    }
}





/** 07. Contact
 **************************************************************** **/
#gmap {
    width:100%;
    height:400px;
    display:block;


    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
           filter: grayscale(100%);
           filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
           filter: gray; 

    z-index:1;
}
#gmap_default {
    width:100%;
    height:400px;
    display:block;
}

.err {
    border-color:#ff0000;
}



/** 08. Item Box (team, shop, etc)
 **************************************************************** **/
.item-box {
    background:#fff;
    overflow:hidden;
    margin:16px 0;
    width:100%;
    position:relative;

    -webkit-border-radius:6px;
       -moz-border-radius:6px;
            border-radius:6px;
}
    .item-box.fullwidth {
        max-width:100%;
    }

.item-box figure {
    width:100%;
    display:block;
    margin-bottom:0;
    overflow:hidden;
    position:relative;
    text-align:center;
}
    .item-box.fixed-box figure img {
        width:100%;
        height:auto;
    }
.item-box-desc {
    padding:10px 20px;
    overflow:hidden;
}
.item-box-desc p {
    margin-top:20px;
    display:block;
    overflow:hidden; 
    text-overflow:ellipsis;
    /*white-space: nowrap;*/
}
    .item-box.fixed-box .item-box-desc p {
        height:98px;
    }
.item-box-desc h4 {
    padding:0; margin:0;
}
.item-box .item-box-desc small {
    display:block;
}

.item-box.fixed-box .item-box-desc {
    height:256px;
}

.item-box.fixed-box figure {
    max-height:263px;
}
.item-box .socials {
    border-top:#eee 1px solid;
    text-align:center;
    display:block;
}


/* hover */
.item-box .item-hover,
.item-box .item-hover .overlay {
    -webkit-border-top-right-radius: 6px;
     -webkit-border-top-left-radius: 6px;
         -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
             border-top-left-radius: 6px;
            border-top-right-radius: 6px;
}
.item-box .item-hover {
    opacity: 0;
    filter: alpha(opacity=0);
    position:absolute;
    left:0; right:0; top:0; bottom:0;
    text-align:center;
    color:#fff;

    -webkit-transition: all 0.2s;
       -moz-transition: all 0.2s;
         -o-transition: all 0.2s;
            transition: all 0.2s;
}
.item-box .item-hover,
.item-box .item-hover button,
.item-box .item-hover a {
    color:#fff;
}
.item-box .item-hover .inner {
    position:absolute;
    display:block;
    left:0; right:0; top:50%;
    margin-top:-30px;
    z-index:100;
}
.item-box:hover .item-hover {
    opacity: 1;
    filter: alpha(opacity=100);
}





/** 09. Comments
 **************************************************************** **/
#comments .comment {
    margin:40px 0;

    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
            border-radius: 6px;
}
#comments a.replyBtn {
    float:right;
    font-size:11px;
    text-transform:uppercase;
}
#comments span.user-avatar {
    background:#eee;
    width:64px; height:64px;
    float:left;
    margin-right:10px;
}
#comments form .col-md-3,
#comments form .col-md-4,
#comments form .col-md-6,
#comments form .col-md-12 {
    padding:2px;
}
#comments form label {
    padding:6px 0 0 4px;
}
#commentForm {
    padding:15px;
}



/** 10. Footer
 **************************************************************** **/
footer  {
    color: #eee;
    font-size: 13px;
    overflow: hidden;
}
footer a, footer a:visited, footer a:link {
    color: #fff;
}
footer a:hover, footer a:active, footer a:focus {
    color: #00a82d;
    text-decoration: none;
}

footer a.social {
    color: #fff;
    font-size: 17px;
    width: 28px !important;
    height: 28px !important;
    line-height: 30px !important;
    margin: 10px 10px 0 0 !important;
}

footer ul,
footer ul li {
    list-style: none;
    margin: 0; padding:0;
    color: #fff;
}
footer .footer-bar {
    background:#000;
    display: block;
    text-transform: uppercase;
    position: relative;
    min-height: 47px;
    line-height: 47px;
}
footer .footer-bar img {
    position: relative;
    top: 2px;
}
footer .footer-bar ul.fsize15 {
    line-height: 47px !important;
    float: left;
}
footer .footer-bar ul.base-nav a {
    padding-right: 38px;
}

footer .footer-content {
    background: #333;
    padding: 20px 0 0 0;
    display: block;
}
footer .footer-content h3 {
    color: #fff !important;
    font-family: 'Gotham-Book', Arial, sans-serif;
    font-size: 16px;
    margin-bottom: 12px;
    display: inline-block;
    border-bottom: 1px solid #00a82d;
}
footer .column {
    display:block;
    height:100%;
}

/* footer contact */
footer ul.footer-contact li {
   display: inline-block;
   width: 49.7%;
   line-height: 16px;
}
footer ul.footer-contact li img {
    width: 36px;
    height: 36px;
}
footer ul.footer-contact li img.outside {
    margin-left: -46px;
}

#habla_window_div.habla_window_div_base {
    z-index: 99 !important;
}


/* top header */
header.top-header {
    position: fixed;
    z-index: 6;
    height: 70px;
    overflow: hidden;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #000;
    border-bottom: 3px solid #23b150;
}